html {
background-color:#EDEDED;
}


body {
margin:0;
padding:0;
background-color:#EDEDED;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(../img/bg-body.gif);
background-repeat:repeat-y;
background-position:top center;
}

#bg {
background-image:url(../img/bg.gif);
background-repeat:no-repeat;
background-position:top center;
}

 
/* CLEARFIX - http://www.positioniseverything.net/easyclearing.html
------------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



p{margin:0;padding:0;}
.gras{font-weight:bold;}

.grand {font-size:50px;color:#818181;letter-spacing:-4px;font-weight:bold;padding-top:-20px;font-family:Arial, Helvetica, sans-serif;}

.gris {font-size:22px;color:#818181;font-weight:bold;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;border-left:5px solid #A96A69; padding-left:5px;letter-spacing:-1px;margin-top:-5px;}
.rouge{color:#A96A69;font-weight:bold;font-size:22px;letter-spacing:-1px;font-family:Arial, Helvetica, sans-serif;line-height:18px;}
.rouge2{color:#A96A69;font-weight:bold;font-size:19px;letter-spacing:-1px;font-family:Arial, Helvetica, sans-serif;line-height:22px;}
.rouge3{color:#A96A69;font-weight:bold;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.rouge-titre{color:#A96A69;font-weight:bold;font-size:26px;letter-spacing:-1px;font-family:Arial, Helvetica, sans-serif;padding-left:10px;padding-bottom:-10px;}
.bleu-titre{color:#9DA3D0;font-weight:bold;font-size:18px;letter-spacing:-1px;font-family:Arial, Helvetica, sans-serif;padding-bottom:-10px;}

.News-titre{color:#A96A69;font-weight:bold;margin-bottom:8px;font-size:11px;}
.News-date{color:#818181;font-weight:bold;margin-top:8px;font-size:11px;}

a.liens{color:#A96A69;padding-right:10px;background-image:url(../img/bg-lien.gif);background-position:right bottom;background-repeat:no-repeat;float:right;margin-top:10px;}


#conteneur {
width:798px;
margin:0 auto;
background-color:white;
background-image:url(../img/fond_encart_gauche.jpg);
background-position:bottom left;
background-repeat:repeat-y;
padding:0;
}


*html #conteneur {
width:800px;
}



#header {
height:95px;
background-color:#EDEDED;
margin:0;
color:#4C4C4C;
}
div#header h1{margin:0;padding:0;}
div#header h1 img {margin:10px;padding:0;margin-left:20px;}
*html div#header h1 img {margin:10px 10px 5px 10px;padding:0;margin-left:20px;}
div#header ul#menu-haut {margin:5px 10px;padding:0;float:right;font-size:9px;color:#818181;}
div#header ul#menu-haut li {display:inline;list-style-type:none;}
div#header ul#menu-haut li a {color:#818181;text-decoration:none;}
div#header ul#menu-haut li a img {margin:0;border:0;line-height:47px;vertical-align:middle;}

#bandeau {
height:167px;
background-image:url(../img/bandeau.jpg);
background-repeat:no-repeat;
background-position:top center;
width:798px;
border-top:1px solid white;
border-bottom:1px solid white;
}

#voiture {
position:absolute;
margin-left:404px;
margin-top:60px;
z-index:1;
}


#gauche {
float:left;
width:199px;
padding:0;
padding-bottom:20px;
margin:0;
color:#6B6B6B;
font-size:10px;
}




div#gauche a:link, div#gauche a:visited {
color:#6B6B6B;
text-decoration:none;
}

div#gauche a:hover, div#gauche a:active {
color:#6B6B6B;
text-decoration:underline;
}

.interieur {
padding:10px 10px 0 15px;
}

div#droite div.interieur p a:link, div#droite div.interieur p a:visited, div#droite div.autre-sites ul li a:link, div#droite div.autre-sites ul li a:visited  {
color:#A96A69;
text-decoration:none;
border-bottom:1px solid #A96A69;
}

div#droite div.interieur p a:hover, div#droite div.interieur p a:active, div#droite div.autre-sites ul li a:hover, div#droite div.autre-sites ul li a:actives {
color:#A96A69;
text-decoration:none;
border-bottom:1px dashed #A96A69;
}

div#gauche h2 {
background-color:white;
font-size:20px;
text-align:left;
color:#818181;
font-weight:bold;
letter-spacing:-1px;
background-image:url(../img/puce-h2.gif);
background-position:left center;
background-repeat:no-repeat;
padding: 5px 0;
text-indent:30px;
width:199px;
margin:0;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
}


div#gauche h2 span {
text-transform:uppercase;
color:#9DA3D0;
}

*html #gauche h2 {
padding:5px 0;
}




#droite {
margin-left:199px;
padding-bottom:20px;
font-size:10px;
color:#6B6B6B;
width:598px;
}

*html #droite {
margin:0;
margin-left:199px;
}


div#droite h1 {
background-color:#9DA3D0;
color:white;
letter-spacing:-3px;
font-size:32px;
margin:0;
color:#B1B5D9;
margin-bottom:0;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;

}

div#droite h1 span {
position: absolute; /* on superpose le SPAN sur le titre */
font-family:Arial, Helvetica, sans-serif;
margin-left: -2px;
margin-top:6px;
color: white;
font-size:24px;
letter-spacing:-1px;
}


div#droite h2 {
margin:10px 0;
color:#A96A69;
background-position:center left;
padding-left:13px;
background-image:url(../img/bg-h2.gif);
background-repeat:no-repeat;
font-size:18px;
letter-spacing:-1px;
}

div#droite h3 {
color:#9DA3D0;
margin:10px 0;
padding-left:6px;
border-left: 4px solid #9DA3D0;
font-size:12px;
}

div#droite h3 a:link, div#droite h3 a:visited {
color:#9DA3D0;
text-decoration:underline;
}




div#droite h3 span {
font-size:10px;
font-weight:bold;
}

div#droite ul {
margin:0;
padding:0;
padding:10px 30px;
}

div#droite ul li {
margin:0;
padding:0;
margin:2px 0 ;
list-style-position:inside;
list-style-type:square;
}



.colonne {
border-right:1px solid #CCC;
padding-right:20px;
}

.bord-image  {
padding:2px;
border:1px solid #ccc;
}

div#droite div.colonne h2, div#droite h2.titre-gris-colonne {
font-size:16px;color:#818181;font-weight:bold;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;letter-spacing:-1px;margin:0;padding:0;margin-top:-4px;margin-bottom:10px;background-image:none;}




#footer {
clear:both;
background-image:url(../img/bg-footer.gif);
background-position:top center;
background-repeat:repeat-x;
background-color:#818181;
color:#EEEEEE;
font-size:9px;
margin:0;
padding:10px;
padding-top:20px;
padding-bottom:0;
height:23px;
}

#bg-bas-footer {
height:14px;
background-image:url(../img/bg-footer-bas.gif);
background-repeat:repeat-x;
width:810px;
margin:0 auto;
font-size:1px;
}


div#footer ul {margin:0;padding:0;float:right;font-size:9px;}
div#footer ul li {display:inline;list-style-type:none;}
div#footer ul li a {color:#EEEEEE;text-decoration:none;}

div.citation {
height:142px;
background-image:url(../img/citation.gif);
background-repeat:no-repeat;
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px 10px;
}

.autre-sites {
float:right;
padding:10px;
background-color:#FFFFFF;
border:1px solid #ddd;
margin:10px;
}


.separation {
clear:both;
height:1px;
font-size:1px;
visibility:hidden;
}