/* --------------------------------------------------------  */ 
/* -- OnStage Par www.jfpariseau.com Pour Kitgrafik.com --  */
/* --------------------------------------------------------  */ 


@charset "utf-8"; 




/* ---------------------------------------------------------  */ 
/* ------------ Modification des balises -------------------  */
/* ---------------------------------------------------------  */ 

body  {margin: 0; background-color: #000;}



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





/* ------------------------------------------------------  */
/* ------------ Mise en forme du site -------------------  */
/* ------------------------------------------------------  */

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


/* ------------ Menu principal -------------------  */
#topMenu { width: 985px; height: 32px; margin: 0 auto 0 auto; padding: 0; background: url(../images/menubg.jpg) no-repeat; font: bold 10px Arial, Helvetica, sans-serif; }
#topMenu ul { width: 600px; height: 32px; margin:0; padding:0; list-style:none; position: relative; left: 200px;}  /* <- Changer cette valeur pour bouger de gauche à droite le menu principal*/
#topMenu li  {float:left; height: 32px; background: url(../images/topMenuSeparateur.gif) top left no-repeat; padding-left: 5px;}
#topMenu a { display: block; width: 90px; height: 24px; padding-top: 8px; margin: 0; text-align:center; text-decoration: none; color:#e8b468;}
#topMenu a:hover {color: #fff;}
.pageActive { display: block; width: 90px; height: 24px; padding-top: 8px; margin: 0; text-align:center; text-decoration: none; background: url(../images/topMenuPageEnCours.png) center top no-repeat; color: #fff;}


/* ------------ Header -------------------  */
#header {background: url(../images/header.jpg) no-repeat; height: 256px; width: 985px; margin: 0 auto 0 auto;}



/* ------------ Container de contenu -------------------  */

#contenu {width: 985px; background: #000 url(../images/textebg.jpg) top no-repeat; margin: 0 auto; padding: 0;}

#boiteFonction {height: 20px;}
#langue {width: 197px; margin: 5px 20px 0 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #bfa79a; text-align: right; float: right;}
#langue a:link {text-decoration: none; color:#b4ff00; font-weight: bold;}
#langue a:visited {text-decoration: none; color:#b4ff00; font-weight: bold;}
#langue a:hover {text-decoration: none; color:#fff; font-weight: bold;}


/* ------------ Colonne Droit  -------------------  */

#colonneDroit {width: 214px; padding: 0; margin: 33px 0 0 40px; float: left;}

#menuSecondaire {width: 214px; height:auto; padding: 0; margin-bottom: 11px;}
#menuSecondaire ul {margin: 0; padding: 0; list-style: none; font: bold 13px Arial, Helvetica, sans-serif; color:#e8b468;}
#menuSecondaire li {padding: 0; margin: 0;}
#menuSecondaire a {display: block; width: 167px; padding-left: 47px; padding-top: 4px; height: 22px;}
#menuSecondaire a:link {color: #e8b468; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;}
#menuSecondaire a:visited {color: #e8b468; text-decoration: none; background:url(../images/menusecondaire_btn.gif) no-repeat;}
#menuSecondaire a:hover {color: #fff; text-decoration: none; background:url(../images/menusecondaire_btn_h.gif) no-repeat;}



/* ------------ Colonne Centre (texte)-------------------  */

#colonneCentre {width: 650px; margin: 0 0 0 60px; float: left;}
#colonneCentreHome {width: 760px; margin: 30px 0 0 85px; float: left;}

#colonneCentre p, #colonneCentreHome p {color: #bfa79a; font: 12px Arial, Helvetica, sans-serif; text-align: left; line-height: 18px;}
#colonneCentre h1, #colonneCentreHome  h1 { margin-top: 0; padding-top: 0; font: bold 21px Century Gothic, Arial, Helvetica, sans-serif; color:#b4ff00;}
#colonneCentre h2, #colonneCentreHome  h2 {font: bold 13px Arial, Helvetica, sans-serif; color:#e8b468;}
.retourhaut {margin-top: 10px; border: none;}
.imageDroit {float:right; margin: 0 0 10px 20px; border:none;}
h6 {color: #bfa79a; font: 9px Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; margin-top: 0px;}


/* ------------ Patch pour floating -------------------  */

#patch {clear: both;} 


/* ------------ Bas de page, footer -------------------  */

#footer {height: 30px; margin:0 auto 0 auto; padding: 20px 0;}
#footer p {font: 9px Verdana, Arial, Helvetica, sans-serif; color: #8b644f; text-align: center;}







/* ------------------------------------------------------  */
/* ------ Mise en forme des pages spécifiques -----------  */
/* ------------------------------------------------------  */



/* ------------ GalerieImage -------------------  */

.galerieBox { width: 85px; height: 85px; padding: 2px; margin-right: 7px; margin-bottom: 14px; float: left; background: url(../images/galerie_box.png) no-repeat;}


/* ------------ Tableau -------------------  */

.tableau { border: 2px #000 solid; width: 560px; margin-bottom: 20px;}
.tableau_entete {background-color:#63412f; font: bold 12px Arial, Helvetica, sans-serif; color: #bfa79a; height: 30px;}
.tableau_firstrow {background-color:#2c1b12;  font: normal 11px Arial, Helvetica, sans-serif; color: #bfa79a; height: 25px;}
.tableau_secondrow {background-color:#2c1b12; font: normal 11px Arial, Helvetica, sans-serif; color: #bfa79a; height: 25px;}


/* ------------ Contact -------------------  */
.contactbox {width: 180px; height: 13px; background:url(../images/inputcontact.png) no-repeat; border: none; margin:0; padding: 11px 20px 11px 11px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #bfa79a;}
.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: #bfa79a;}
.btnEnvoyer { background-color: #2c1b12; border: #63412f 1px solid; color: #bfa79a;}