@charset "utf-8"; 
body  {margin: 0; background: #070707 url(images/bg.jpg) repeat-x;}

a:link {text-decoration: underline; color:#ff8d00;}
a:visited {text-decoration: underline; color:#ff8d00;}
a:hover {text-decoration: underline; color:#fff;}

#bg { background: url(images/bg2.jpg) center top no-repeat;   }


#header {background: url(images/header.jpg) no-repeat; height: 143px; width: 980px; margin: 0 auto 0 auto;}
#menuFonction {padding:5px 64px 0 0; text-align: right; font: 10px Verdana, Geneva, sans-serif; color: #ff9e00;}
#menuFonction a:link {text-decoration: none; color:#ff8d00;}
#menuFonction a:visited {text-decoration: none; color:#ff8d00;}
#menuFonction a:hover {text-decoration: underline; color:#fff;}
#recherche {width: 240px; height: 35px; margin: 10px 0 0 0; padding: 0; float: right;}
.formbox { width: 176px; height: 13px; background:url(images/inputrecherche.gif) no-repeat; border: none; margin:0; padding: 4px 10px 4px 4px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #420a0c;}
.boutonrecheche {position:relative; left: -4px; top:7px;}

/* ------------ Menu principal -------------------  */
#topMenu { width: 980px; height: 63px; margin: 0 auto 0 auto; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; }
#topMenu ul {margin:0; padding:0; list-style:none; position: relative; width: 980px;}
#topMenu li  {float:left; padding: 0 15px;}
#topMenu a { display: block; height: 45px; margin: 0; padding: 18px 15px 0 15px; text-align:center; text-decoration: none; color:#d1c2af;}
#topMenu a:hover {color: #ff8d00;}
/* ------------ Container de contenu -------------------  */

#contenu {width: 980px; margin: 0 auto; padding: 0;}
#boiteFonction {height: 30px;}
#colonneCentre {width: 650px; margin: 10px 0 0 48px; float: left;}
#colonneCentreHome {width: 830px; margin: 10px 0 0 48px; float: left;}

#colonneCentre p, #colonneCentreHome p {color: #d1c2af; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 20px;}
#colonneCentre h1, #colonneCentreHome  h1 { margin-top: 0; padding-top: 0; font: normal 24px Century Gothic, Arial, Helvetica, sans-serif; color:#ff8d00;}
#colonneCentre h2, #colonneCentreHome  h2 {font: bold 13px Arial, Helvetica, sans-serif; color: #9bb700;}
#colonneCentre h3, #colonneCentreHome  h3 {font: bold 16px Arial, Helvetica, sans-serif; color: #FFF; text-align:center;}
#colonneCentre h6, #colonneCentreHome  h6 {font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; text-align:right; margin:0 200px 20px 0;}


.retourhaut {border: none;}
.imageDroit {float:right; margin: 0 0 10px 30px; border:none;}
h6 {color: #d1c2af; font: 10px Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; margin-top: 0px;}


#patch {clear: both; height: 1px;} 
#footer {height: 149px; margin:0 auto 0 auto; padding: 30px 0 0 0; }
#footer p {font: 10px Verdana; color: #d1c2af; text-align: center;}


/* ------------ Contact form -------------------  */
.contactbox {width: 180px; height: 10px; background:url(images/inputcontact.png) no-repeat; border: none; margin:0; padding: 9px 20px 9px 11px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #d1c2af;}
.commentairebox {width: 330px; height: 125px; background:url(images/inputcommentaire.png) no-repeat; border: none; margin:0; padding: 20px 20px 20px 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #d1c2af;}