body { margin: 0; text-align: center; background-color: #424242; }

.conteneur {width: 1050px; background: #FFF; position: relative; text-align: left; margin: 0 auto; -moz-border-radius:10px;}
.centre { width:100%; margin:0 0 10px 0;}
.contenu { width:100%; margin:0 0 10px 0;}
.colD {float: left; width}

.gauche { float:left; border: 2px solid #E4F1F1; margin: 0 0 5px 5px; -moz-border-radius:5px; width: 810px; text-align: center;}
.droite {float:left; margin-left: 10px; width: 140px;}
.sep { float:none; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; clear:both; }
hr { height:1px; color:#DDD; margin: 3px 5px 5px 5px; background-color:#DDD; border:0; }
.pub {margin: 10px;}

/*----------- HEADER -----------------------*/
.header {height: 70px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 2px solid #FF9900;}
.header img {float: left; padding: 5px 0 0 10px; margin: 5px 0 0 0;}
.nav {margin: 0 0 0 300px; padding: 30px 0 0 0;}
.nav a {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #006699; margin: 0 30px 0 0; background: #EEE; padding: 5px 5px 5px 5px;
display:block; float:left;}
.nav a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #FF9900;}
.flag {float: right; margin: 0 10px 0 0; padding: 0;}

/*---------- HOME PAGE ------------------*/
.index { float: left; width:750px; margin:0 0 10px 30px; text-align: center; border: 3px solid #CDDCDC; -moz-border-radius:10px;}
.index h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF9900;}
.index p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366;}
.form_search {background: #EEE; border: 1px dotted #CCC; margin: 10px 50px 10px 50px; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF9900;}
.menu {border: 1px dotted #CCC; margin: 10px 50px 10px 50px; padding: 10px; text-align: left;}
.menu h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900; margin: 0 0 5px 0; padding: 0;}
.categorie {float: left; border-bottom: 1px dotted #CCC; width: 200px; margin:5px 0 10px 5px; padding: 0 0 3px 0;}
.categorie h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #555; margin:0 ; padding: 0;}
.categorie h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666; margin:0 ; padding: 0;}
.categorie a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666; text-decoration: none;}
.categorie a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666; text-decoration: underline;}

.colD {float: left; width: 200px; border: 3px solid #CDDCDC; -moz-border-radius:10px; margin:0 0 10px 10px; text-align: center;}
.colD h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900;}
.colD img {width:120px; height:89px; border:1px solid #DDD; padding: 3px; margin-bottom: 10px;}
.colD a {display: block;}

/*--------- DETAIL PHOTO --------------------*/
.picture {  margin: 0 0 10px 0; padding:10px; }
.picture h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF9900; border-bottom: 1px solid #DDD; margin:0 0 10px 0; text-align: left;}
.picture p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; margin: 0; padding: 0;}
.infos { width:200px; border:2px solid #E4F1F1; margin: 0 0 15px 0; padding:0; }
.infos h2 { background:#FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; padding:3px 0 3px 5px; margin: 0px 0px 6px 0px; }
.infos h3 { background:#009900; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; padding:3px 0 3px 5px; margin: 0px 0px 6px 0px; }
.titreinfo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; font-weight: bold; padding:0; margin:3px 0 0 5px;}
.infos p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin:0 0 0 5px; padding:0; }
.infos a {display:block; float:left; margin-left:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444; text-decoration: underline; font-weight: normal;}
.infos a:hover {display:block; float:left; margin-left:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900;}
.pubdroite {width: 200px; border: 2px solid #E4F1F1; margin: 0 0 10px 0;}
.condition { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; background: #DDD; margin: 5px 0 5px 0; padding: 5px;}

/* texte et titres */

p {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366;}
.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #003366;}
.gras {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #CC6600}
.titre {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900}
.titre2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; background-color: #E4F1F1;}
.description {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal;}


/* liens */

a {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; text-decoration: underline; font-weight: normal;}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; text-decoration: underline; font-weight: normal;}

a.liengris {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #666;}
a.liengris:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #FF9900;}

/* ----------- RECHERCHE ------------------*/
.recherche {border-bottom: 1px solid #DDD; margin:10px 0 20px 0px; padding: 0 10px 5px 10px;}
.recherche h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF9900; float: left; margin: 0; padding: 0;}
.recherche .rech_libre {float: left; width: 300px;}
.recherche .rech_cat {float: left; width: 300px;}

.gauche h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #97B5B5; margin: 0; padding: 0;}
.gauche h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900; text-align: left; margin:0 0 10px 10px;}

.noresult {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #CC6600; font-style: italic; margin: 10px 0 10px 0; padding: 0;}
.suggest {width: 400px; border: 1px dotted #CCC; padding: 10px; margin: 10px 0 50px 200px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003366;}

.photo {float: left; width: 150px; margin: 10px 0 10px 30px;}
.photo a img {display:block; width:140px; height:105px; border:3px solid #DDD; padding: 3px;}
.photo a:hover img {border-color:#BBB;}

.pagination {margin: 5px 0 20px 0;}
.pagination .actif {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; background: #888; margin: 0 5px 0 5px; padding: 3px;}
.pagination a {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #0099CC; margin: 0 5px 0 5px; padding: 3px; border: 1px solid #97B5B5;}
.pagination a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #FF9900; background: #0099CC;}

.optim {text-align: left; color: #888; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* habillage */

.fd_cell1 {  background-image: url(images/bande_h.gif); background-repeat: repeat-x;}
.fd_cell2 { background-image: url(images/bande_b.gif); background-repeat: repeat-x;}
.fd_cell3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; background-image: url(images/bande_g.gif); background-repeat: repeat-y;}
.fd_cell4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; background-image: url(images/bande_d.gif); background-repeat: repeat-y; }
.fdcelllien { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; background-repeat: repeat-y; background-color: #E4F1F1;}
.fd_cellnav {  background-attachment: fixed; background-image: url(../images/navigation/bandeau_singe.jpg); background-repeat: no-repeat; background-position: left top;}


/* formulaires */
input { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003399; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; border: 1px solid #CCC; background-color: #FFF;}
submit { FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #EEE; TEXT-DECORATION: none; }
select { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003399; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; border: 1px solid #CCC; background-color: #FFF;}
.boutonok { border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; 
padding:2px; font-weight: bold; background:#009900; cursor:pointer; }
.boutonok:hover {color: #FFF; background: #FF9900;}

/*------------- FOOTER -------------------*/
.footer {float: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: center; 
border-top: 2px solid #FF9900; margin: 10px 0px 10px 0; padding: 5px 0 10px 0;}
.footer a {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #666;}
.footer a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #FF9900;}
a.lienfooter {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #666;}
a.lienfooter:hover{  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #FF9900;}
.links {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #888; margin: 5px 50px 10px 50px; padding: 0;}
.links a {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #888;}
.links a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #EEE;}