/*
  Auteur : Techgrafik (http://www.techgrafik.com/)
*/

/* ********** Background ********** */
/*body { margin: 0; padding: 0; background-color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }*/
body { margin: 0; padding: 0; background: #1A1A1A url(../images/degrade.jpg) repeat-x left top; font-family: Times New Roman, Times, serif; font-size: 15px; color: #FFFFD5; }
/* ******************************** */

/* ******************** General ********************* */
p { margin: 0 0 20px 0; color: #626262; }
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

form { margin: 0; padding: 0; }
.rechercher { width: 110px; color: #fff; border: 1px solid #4a4a4a; background-color: #000; }
.boxText { width: 200px; color: #FFFFD2; border:#896054 1px solid ; padding: 1px; background-color: #896054; font-family: Times New Roman, Times, serif; font-size: 12px; }
.boxText_f { width: 200px; color: #FFFFD2; border:#51221E 1px solid ; padding: 1px; background-color: #896054; font-family: Times New Roman, Times, serif; font-size: 12px; }
.boxSelect { color: #fff; border: 0; padding: 5px; background-color: #2c2c2c; font-family: Times New Roman, Times, serif; font-size: 11px; }
.boxTextField { width: 300px; color: #FFFFD2; border:#896054 1px solid ; padding: 1px; background-color: #896054; font-family: Times New Roman, Times, serif; font-size: 12px; }
.boxTextField_f { width: 300px; color: #FFFFD2; border:#51221E 1px solid ; padding: 1px; background-color: #896054; font-family: Times New Roman, Times, serif; font-size: 12px; }
.t_rechercher { margin: 0 0 10px 0; color: #7d7d7d; font-size: 11px; font-weight: bold; }
.envoyer { width: 85px; height: 20px; padding-bottom: 2px; border: 0; background-color: #4a4a4a; color: #bdbdbd; font-size: 11px; font-family: Times New Roman, Times, serif; }
.envoyer_f { width:95px; height: 20px; padding-bottom: 2px; border: #896054 1px solid; background-color: #51221E; color: #FFFFD2; font-size: 13px; font-family: Times New Roman, Times, serif; }
.nomLigne { width: 150px; color: #fff; font-weight: normal; float: left; font-family: Times New Roman, Times, serif; font-size: 13px; color: #FFCC99; text-align:right;margin:0 15px 10px 0;}
.erreur { color: #FFFFD2; font-weight: normal; font-family: Times New Roman, Times, serif; font-size: 12px; font-style:italic}
.donneesLigne { float: left; }
.c_find { width: 108px; height: 19px; padding: 0; margin: 0; border: 0; }

.spacer { clear: both; }
/* ******************************** */

/* ******************** Contenu ********************* */
/*#conteneur_general { width: 950px; height: auto; min-height: 100%; margin: 0 auto 0 auto; padding: 0; text-align: center; }*/
#conteneur_general { width: 950px; height: auto; min-height: 100%; margin: 0 auto 0 auto; padding: 0; background: url(../images/header3.jpg) no-repeat left top; text-align: center; }
#conteneur_general.nobackground { background:none }
#conteneur_general.stage {background: url(../images/header3.jpg) no-repeat left top; }
/* ******************************** */

/* ********************* Entete ********************* */
/*#header { width: 950px; height: 215px; margin: 0; padding: 160px 0 0 0; background: url(../images/header.jpg) no-repeat left top; text-align: left; }*/
#header { width: 750px; height: 215px; margin: 0; padding: 50px 0 0 200px; text-align: left; }
/* ******************************** */

/* **************** Corps - General ***************** */
#main { width: 950px; height: auto; margin: 0; padding: 0; background:  url(../images/) repeat-y left top; text-align: left; }
#main_effect { width: 950px; height: auto; margin: 0; padding: 0; background: url(../images/menu_effect.gif) no-repeat left bottom; overflow: auto; }

.colonne_gauche { width: 280px; margin: 0; padding: 0 30px 0 0; float: left; }
.colonne_droite { width: 280px; margin: 0; padding: 0; float: left; }
/* ******************************** */

/* *********** Corps - Colonne de gauche ************ margin: 50px 0 0 0px*/
#main_left { width: 170px; height: auto; margin: 50px 0 0 0px;  padding: 15px 20px 0 20px; float: left; background:url(../images/opacity50c.png) repeat left top; }
#main_left h1 { margin: 0; padding: 0; font-family:Times New Roman, Times, serif; font-size:13px; font-weight: bold; color: #878787; }
#main_left.galerie { width: auto; margin: 0 0 0 357px;  padding: 15px 0 30px 5px; position:absolute; top:200px; }
#main_left.galerie .menu li {border-bottom:none; border-right: 1px solid #4a4a4a; display:inline; padding-right:10px;padding-left:10px;}
#main_left.galerie .menu li ul {position:absolute; top:35px; margin-left:40px;  }
#main_left.galerie .menu li.last {border:none; }
#main_left.galerie .menu li li{ border:none; }

/* ******************************** */

/* *********** Corps - Colonne de droite ************ */
#main_right { width: 600px; height: auto; margin: 0 0 0 20px; padding: 15px 40px 0 45px; float: left; background:url(../images/opacity50c.png) repeat left top; }
#main_right h1 { margin: 0 0 30px 0; padding: 0; font-family: Times New Roman, Times, serif; color: #FFFFD2; font-size: 22px; font-weight: bold; }
#main_right h2 { margin: 20px 0 20px 0; padding: 0; color: #FFFFCE; font-size: 15px; font-weight: bold; }
#main_right p { margin: 0 0 20px 0; padding: 0; line-height: 18px; color: #FFFFFF; font-size: 14px; }
#main_right .anglais{ margin: 0 0 20px 0; padding: 0; line-height: 18px; color:#FFCC99; font-style:italic ; }


#main_right a { color: #ff8949; text-decoration: underline; }
#main_right a:hover { color: #fff; text-decoration: none; }
#main_right.galerie { width:800px;  float: none;  text-align:center;}
#main_right.galerie .consigne { margin: 0 0 10px 0; padding: 0; line-height: 15px; color:#FFCC99; font-style:italic ; font-size: 14px; }

#info_lettre { width: 170px; height: 105px; margin: 25px 0 0 0; padding: 10px 10px 10px 10px; background-color: #2d2d2d; }
#info_lettre h1 { margin: 0 0 10px 0; }
#info_lettre a { color: #fff; }
#info_lettre a:hover { color: #888; text-decoration: underline; }

.menu { margin: 0; padding: 0; }
.menu li { width: 170px; margin: 0 0 6px 0; padding: 0 0 6px 0; list-style: none; font-size: 18px; font-weight: normal; color: #fff; border-bottom: 1px solid #4a4a4a;  color:#ffffff}
.menu li.last { border:none; }
.menu li a { color: #FFFFD2 /*#ff8949*/; text-decoration: none; }
.menu li a:hover { color: #ffffff; }
.menu li li { background: url(../images/arrow_right.png) no-repeat  left center; padding-left:12px; border:none; width:auto; font-size:15px; font-style: italic; }
.menu li li a { color: #FFFFD2 /*#ff8949*/; text-decoration: none; }
.menu li li a:hover { color: #ffffff;  }

/* ******************************** */

/* ****************** Pied de page ****************** */
#footer { width: 560px; height: 70px; margin:20px 0 0 0; padding: 20px 0 0 390px; background: url(../images/) no-repeat left top; text-align: center; }
#footer p { margin: 0; padding: 0; color: #fff; font-size: 11px; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }
/* ******************************** */

/* ***************** FAQ accordeon ***************** */
#nested { width: 625px; list-style:none; color: #FFFFCE; margin: 10px 0 30px 0; padding: 0; }
#nested p { padding: 5px 0 5px 0; margin: 0; }
#nested ul { margin:0; padding:0; }
#nested li { margin:0; padding:0; }
#nested h3, #nested .acc-selected { height: 22px; margin: 0;  padding: 8px 0 8px 0; border-top: none; border-bottom: 1px #1d1f21 solid; font-weight: inherit; font-size: 14px; }
#nested h3 { background: url(../images/arrow_right.png) 7px 9px no-repeat; color: #fff; padding: 5px 0 0 42px; }
#nested .acc-selected {padding: 5px 0 0 42px; background: url(../images/faq_s.gif) 7px 9px no-repeat; color: #ff8949; }
#nested h3:hover { cursor: pointer; color: #ff8949; }
#nested .acc-section { overflow:hidden; padding: 0; }
#nested .acc-content { width: 597px; border:0px; border-top: none; border-bottom: 1px #1d1f21 solid; padding: 10px 0 10px 28px;}
#nested .acc-content p {  font: normal 14px Times New Roman, Times, serif; color: #FFFFFF; line-height: 16px; }
/* ************************************************** */