body {
margin: 0px;
padding: 0px;
background-color: #fff;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-image: none;
}

#conteneur {
width: 880px;
background-color: #FFF;
margin: auto;
background-image: url(images/bg-principal.jpg);
}
#header {
background-image: url(images/bg-header.jpg);
width: 880px;
height: 279px;
background-repeat: no-repeat;
}
/*
#elem1 {
background-image: url(images/header-elem.gif);
width: 880px;
height: 279px;
background-repeat: no-repeat;
background-position: bottom left;
}
*/
#principal {
width: 670px;
float: left;
padding: 0px 0px 0px 0px;
}
div.coldroite {
background-image: url(images/bgcoldt.gif);
float: right;
font-size: 10px;
width: 198px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #d4d4d4;
}
div.colTitre1 {
height: 90px;
width: 198px;
background-image: url(images/bg-col.gif);
}
div.colTitre2 {
height: 90px;
width: 198px;
background-image: url(images/bg-col2.gif);
}
div.colTitre3 {
height: 90px;
width: 198px;
background-image: url(images/bg-col3.gif);
}
div.colTitreVide {
height: 37px;
width: 198px;
background-image: url(images/bg-col_vide.gif);
}
div.colTitre4 {
height: 90px;
width: 198px;
background-image: url(images/bg-col4.gif);
}
div.colTitre5 {
height: 90px;
width: 198px;
background-image: url(images/bg-col5.gif);
}
div.coldroite p, .colonne {
margin: 5px 15px 5px 15px;
color: #5575B3;
text-align: left;
font-size: 10px;
}
div.coldroite hr {
margin: 5px 10px 5px 10px;
color: #D12627;
text-align: left;
background-color: #D12627;
}
div.reduit {
display: inline;
float: left;
width: 430px;
margin: 0px 20px 0px 20px;
}
#centre_grand {
margin: 0px 20px 0px 20px;
}
/*------------------------------------*/
/*               MENU                 */
/*------------------------------------*/
#menu {
display: inline;
width: 139px;
height: 550px;
float: left;
margin-left: 56px;
}
.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8,.menu9,.menu10,.menu11 {
display: block;
width: 139px;
}
.menu1 {height: 71px;}
.menu2 {height: 49px;}
.menu3 {height: 52px;}
.menu4 {height: 50px;}
.menu5 {height: 47px;}
.menu6 {height: 38px;}
.menu7 {height: 49px;}
.menu8 {height: 39px;}
.menu9 {height: 60px;}
.menu10 {height: 37px;}
.menu11 {height: 37px;}


#menu span {display: none;}

.menu1 { background-image: url(images/menu1.gif);} .menu1:hover {  background-position: bottom; }
.menu2 { background-image: url(images/menu2.gif);} .menu2:hover {  background-position: bottom; }
.menu3 { background-image: url(images/menu3.gif);} .menu3:hover {  background-position: bottom; }
.menu4 { background-image: url(images/menu4.gif);} .menu4:hover {  background-position: bottom; }
.menu5 { background-image: url(images/menu5.gif);} .menu5:hover {  background-position: bottom; }
.menu6 { background-image: url(images/menu6.gif);} .menu6:hover {  background-position: bottom; }
.menu7 { background-image: url(images/menu7.gif);} .menu7:hover {  background-position: bottom; }
.menu8 { background-image: url(images/menu8.gif);} .menu8:hover {  background-position: bottom; }
.menu9 { background-image: url(images/menu9.gif);} .menu9:hover {  background-position: bottom; }
.menu10 { background-image: url(images/menu10.gif);} .menu10:hover {  background-position: bottom; }
.menu11 { background-image: url(images/menu11.gif);} .menu11:hover {  background-position: bottom; }
/*------------------------------------*/
/*               newsletter            */
/*-------------------------------------*/
#nl {
margin: 52px 0px 0px 645px;
position: absolute;
}
input {
font-size: 10px;
background-color: #E7F2FD;
margin: 1px;
}

/*------------------------------------*/
/*               Footer               */
/*------------------------------------*/
#footer {
width: 880px;
background-image: url(images/bg-footer.gif);
height: 25px;
text-align: center;
padding-top: 20px;
clear: both;
}
#footer a {
font-size: 10px;
color: #66A3E0;
}
#footer a:hover {
color: #5776B3;
}

/*------------------------------------*/
/*               Videos               */
/*------------------------------------*/

.blocvideo {
width: 250px;
margin: 10px auto 10px auto;
background-color: #fff;
padding: 5px;
border: 1px solid #B5D6F8;
}
.blocvideo img {
display: block;
margin: auto;
border: 1px solid #9BBBDB;
}
.blocvideo p {
font-size: 11px;
font-style: italic;
text-align: justify;
margin: 20px;
}
.vue {
display: block;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
color: #9BBBDB;
}
.flottant {
float: left;
width: 300px;
background-color: #E2EFFC;
border: 1px solid #9BBBDB;
margin-left: 10px;
}
.titrevideo {
color: #D12627;
display: block;
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 10px;
margin-bottom: 10px;
border-bottom: 1px solid
}
h2.titrecolonneflottante
{
text-align: center;
background-color: #B5D6F8;
padding: 10px;
margin: 0;
}
.video img {
border: 0;
}
.video p {
color: #5776B3;
font-size: 12px;
}
/*------------------------------------*/
/*               Textes               */
/*------------------------------------*/

p {
text-align: justify;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
border: 0;
color: #1E5195;
}
a:hover {
text-decoration: underline;
}
hr {
color: #c2c2c2;
background-color: #c2c2c2;
height: 1px;
border: 0;
clear: both;
}
.imgfloatdt {
float: right;
margin: 0px 0px 20px 20px;
}
.imgfloatga {
float: left;
margin: 0px 20px 20px 0px;
}
hr.clear {
clear: both;
visibility: hidden;
margin: 0px;
height: 0px;
}
h1 {
font-family: arial black, Arial, Helvetica, sans-serif;
font-size: 22px;
border-bottom: 1px solid #5776B3;
color: #D12627;
font-weight: normal;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 18px;
border-bottom: 1px solid;
text-align: left;
}
h4 {
color: #1E5195;
font-size: 18px;
}
span.evidence {
font-size: 18px;
font-weight: bold;
color: #1E569F;
}
img.img_centre {
display: block;
margin: 10px auto 10px auto;
}
.special {
font-size: 12px;
border-left: 1px solid #c2c2c2;
margin: 10px 10px 10px 60px;
padding-left: 8px;
text-align: justify;
color: #000;
}
.specialcadre {
color: #1E5195;
text-align: left;
padding: 10px;
display: inline-block;
font-weight: bold;
}
.psuite {
text-align: right;
}
.pliencadre {
border-top: 1px solid;
padding-top: 3px;
}
.liencadre:hover , .suite:hover {
background-color: #9BBCFF;
border-color: #2A4D9B;
}
.rouge {
font-family: arial black, Arial, Helvetica, sans-serif;
color: #CC0000;
font-size: 16px;
text-align: center;
}
.groslien {
font-family: arial black, Arial, Helvetica, sans-serif;
color: #5776B3;
font-size: 16px;
}


.pdf {
background-image: url(images/cadrePDF.gif);
width: 306px;
height: 40px;
padding-top: 12px;
}
.pdf a {
font-weight: bold;
margin: 0px 0px 0px 65px;
color: #7d7d7d;
display: block;
line-height: 14px;
}
.pdfpetit {
background-image: url(images/cadrePDF_petit.gif);
width: 175px;
height: 40px;
padding-top: 12px;
margin: 10px auto 10px auto;
}
.pdfpetit a {
font-size: 9px;
font-weight: bold;
margin: 0px 10px 0px 45px;
display: block;
text-align: left;
line-height: 12px;
}
span.col_gros {
color: #E22F30;
font-weight: bold;
text-transform: uppercase;
display: block;
text-align: center;
font-size: 12px;
}
.cadre span , .cadre a {
font-size: 10px;
}
.cadre {
margin: 5px;
background-color: #E2EFFC;
padding: 10px;
border: 1px solid #8EC1F4;
}
.cadre .cadretitre {
display: block;
border-bottom: 1px solid #8EC1F4;
font-size: 12px;
}
.gros {
margin: 10px;
font-size: 13px;
color: #1E5195;
font-weight: bold;
}
.red {
color: #E23030;
}
/*------------------------------------*/
/*               POPUP               */
/*------------------------------------*/

#conteneurpop {
text-align: center;
padding-top: 50px;
background-image: url(images/entetemail.jpg);
width: 520px;
}
/*------------------------------------*/
/*               INVITATIONS          */
/*------------------------------------*/
table.invit {
width: 100%;
border-collapse: collapse;
}
table.invit td {
text-align: center;
width: 50%;
background-color: #CFE4FA;
border: 1px solid #5474B2;
vertical-align: top;
padding: 10px;
}
table.sans_espace {
padding: 0;
margin: 0px;
border-collapse: collapse;
}