body { background: #444; text-align: center;}

.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; margin: 0 0 5px 5px; width: 820px; 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;}

.cadre {  margin: 10px; padding:10px; border: 2px solid #DDD; -moz-border-radius:5px; text-align: left;}
h1 {font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: bold; color: #CC6600; margin: 0 0 10px 0; padding: 0; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900; margin: 0; padding: 5px 0 2px 0; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; margin:0 0 5px 0; padding: 0;}
ul {margin: 0 0 0 15px;}
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; margin:0 0 5px 0; padding: 0;}

/*----------- 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: Georgia,"Times New Roman",Times,serif; font-size: 14px; font-weight: normal; font-style: italic; text-decoration: none; color: #006699; margin: 0 30px 0 0; padding: 5px 5px 5px 5px;
display:block; float:left; border-left: 8px solid #EEE; }
.nav a:hover { font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; font-weight: normal; font-style: italic; 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: left; border: 2px solid #DDD; -moz-border-radius:5px;}
.welcome {padding: 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: 5px 50px 10px 50px; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF9900; text-align: center;}
.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: 2px solid #DDD; -moz-border-radius:5px; margin:0 0 10px 10px; text-align: center;}
.colD h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900; margin: 0 0 10px 0;}
.colD img {width:120px; height:89px; border:1px solid #DDD; padding: 3px; margin-bottom: 10px;}
.colD a {display: block;}

/*--------- DETAIL PHOTO --------------------*/
.picture, .partners {  margin: 10px 0 10px 0; padding:10px; border: 2px solid #DDD; -moz-border-radius:5px; }
.picture h1 {font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; 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, .searchbox { width:200px; border:2px solid #DDD; margin: 0 0 15px 0; padding:0; }
.searchbox {text-align: center;}
.infos h2 { background:#FF9900; font-family: Georgia,"Times New Roman",Times,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: Georgia,"Times New Roman",Times,serif; font-size: 12px; font-weight: bold; color: #FFF; padding:3px 0 3px 5px; margin: 0px 0px 6px 0px; }
.searchbox h2 { background:#FF6600; font-family: Georgia,"Times New Roman",Times,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 #DDD; margin: 0 0 10px 0; text-align: center;}
.condition { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; background: #DDD; margin: 5px 0 5px 0; padding: 5px;}
.like {background: #EEE; text-align: left; margin: 3px; padding: 3px;}
.pub {text-align: center;}
#loading {font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: bold; color: #97B5B5; position: absolute; top: 350px; left: 600px;}

/* outils */
.outils {padding: 5px; background: #DDD; margin: 10px 0 10px 0;}
.outils a {margin:0 20px 0 0; padding:10px 0 5px 35px; font-size: 12px; color: #FF6600; text-decoration: none; font-weight: bold; }
.outils a.use {background: url("images/utiliser.png") no-repeat left 4px;}
.outils a.download {background: url("images/download.png") no-repeat left 4px;}
.outils a.comm {background: url("images/commenter.png") no-repeat left 4px;}
.outils a.send {background: url("images/envoyer.png") no-repeat left 4px;}
.outils a:hover {text-decoration: underline; font-weight: bold; color: #FF6600;}

/* commentaires */
.commentaires {text-align: left; padding: 5px 20px 10px 20px;}
.commentaires h2 {font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: bold; color: #97B5B5; border-bottom: 2px solid #97B5B5; margin: 0 0 5px 0; }
.avis {border-left: 10px solid #DDD; border-bottom: 1px dotted #DDD; padding: 10px; margin: 5px 0 5px 0; text-align: left;}
.gauche .avis h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff9900; text-align: left;}
.avis h3 span {font-size: 12px;  font-weight: normal; color: #888;font-style: italic;}
.avis p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; margin: 0; padding-top: 5px;}

/* pop-up de consignes d'utilisation */
.use_popup {margin: 10px; padding:10px; border: 3px solid #E4F1F1; -moz-border-radius:5px; background: #FFF; text-align: left;}
.use_popup h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #97B5B5; border-bottom: 1px solid #DDD; margin:0 0 10px 0; text-align: left;}
.use_popup  h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #CC6600; background: #DDD; padding: 5px; }
.use_popup p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366;}

/* texte et titres */
.texte { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #003366;}
.gras {  font-family: 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: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal;}


/* liens */
a {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: underline; font-weight: normal;}
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; 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: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-weight: bold; color: #FF9900; float: left; margin: 0 20px 0 0; padding: 0;}
.recherche .rech_libre {float: left; width: 300px;}
.recherche .rech_cat {float: left; width: 300px;}
.search {background: #EEE; padding:  10px; margin: 10px 100px 10px 100px;}
.search img {float: left; margin-right: 10px;}

.gauche h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #97B5B5; margin: 0; padding: 0; text-align: center;}
.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: 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; text-align: center;}
.pagination .actif {font-family: 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;}

/* page de liens */
.partners .each {float: left; width: 350px; background: #EEE; padding: 5px; margin: 5px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #555; overflow: hidden;}
.partners .each a {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006699; text-decoration: none; font-weight: bold; display: block; }
.partners .each a:hover { text-decoration: underline; }
.partners .each img {float: left; margin: 0 5px 0 0; width: 50px;}

/* formulaires */
.formulaire {background: #efefef; padding: 10px; margin: 5px auto; width: 500px; }
.formulaire .vign {float: left; border: 2px solid #CCC; padding: 1px; margin: 0 10px 0 0;}
.formulaire p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; text-align: left;}

input { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003399; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; border: 1px solid #CCC; background: #FFF;}
.formulaire input { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; border: 1px solid #CCC; padding: 2px;}
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: #FFF;}
textarea {margin: 0; padding : 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px; COLOR: #333; border: 1px solid #CCC;}
.boutonok, .formulaire .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;}
.formulaire .codebox {width: 85px; height: 25px; font-weight: bold; font-size: 16px;}
.credit {width: 180px; height: 40px; color: #666; font-size: 10px;}

.search input, .search select {width: 300px; font-size: 14px; padding: 3px;}
.search .boutonok {width: 30px;}
.searchbox input, .searchbox select {width: 150px; font-size: 12px; padding: 2px; margin: 5px 0 5px 0;}
.searchbox .boutonok {width: 25px;}

/*------------- FOOTER -------------------*/
.footer {float: none; font-family: Georgia,"Times New Roman",Times,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: Georgia,"Times New Roman",Times,serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #666;}
.footer a:hover {  color: #FF9900;}
.links { font-size: 10px; color: #888; margin: 5px auto; padding: 0; text-align center;}
.links a {  font-size: 10px; font-weight: normal; text-decoration: none; color: #888;}
.links a:hover { color: #EEE;}