/*
  Nom du kit : Side Ways
  URL du kit : http://kits.techgrafik.com/
  Version : 2.0
  Auteur & Copyright: Techgrafik (http://www.techgrafik.com/)
*/

/* ********** Background ********** */
body { background-color: #1f1f23; }
/* ******************************** */

/* ******************** Contenu ********************* */
#contenant { width: 980px; margin: 0 auto 0 auto; padding: 0; }
/* ************************************************** */

/* ********************* Entete ********************* */
#header { width: 980px; height: 229px; margin: 30px 0 0 0; padding: 0; background: url(../images/bg_header.jpg) no-repeat left top; }
/* ************************************************** */

/* ********************* Corps ********************** */
#bg_main_r { width: 980px; height: auto; margin: 0; padding: 0; background: url(../images/bg_main_2.jpg) repeat-y left top; }
#bg_main { width: 980px; height: auto; margin: 0; min-height: 860px; padding: 0; background: url(../images/bg_main_1.jpg) no-repeat left top; }
/* ************************************************** */

/* ****************** Corps - Menu ****************** */
/* Modifier le width et le margin de #menu si vous souhaitez ajuster la longueur de la bande du menu */
#menu { width: 542px; height: 34px; margin: 0 38px 0 400px; padding: 0; background-color: #000000; background: url(../images/menu.png) no-repeat left top; }
#menu ul { list-style: none; margin: 0; padding: 9px 0 0 0; text-align: right; }
#menu li { margin: 0; padding: 0 10px 0 5px; display: inline; border-right: 1px solid #bfbfbf; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; }
#menu a { color: #bfbfbf; text-decoration: none; }
#menu a:hover { color: #fff; background-color: #FF0000; text-decoration: none; }
/* ************************************************** */

/* **************** Corps - General ***************** */
#main { width: 872px; height: auto; margin: 0; padding: 0 38px 0 70px; }

#main h1 { margin: 30px 0 12px 0; padding: 0; font: normal 35px Arial, Helvetica, sans-serif; color: #bfbfbf; }
#main h2 { margin: 0; padding: 15px 0 0 0; font: bold 23px Arial, Helvetica, sans-serif; color: #bfbfbf; }
#main h3 { margin: 12px 0 0 0; padding: 0; font: normal 15px Arial, Helvetica, sans-serif; color: #FF0000; }
#main h4 { font: bold 18px Arial, Helvetica, sans-serif; color: #333539; }
#main h5 { margin: 0; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; color: #c9c9c9; }

.main_img_r { float: right; }
.main_img_l { float: left; }
/* ************************************************** */

/* *********** Corps - Colonne de gauche ************ */
#main_l { width: 656px; min-height: 850px; margin: 0; padding: 0; float: left; }
#main_l p { margin-right: 10px; font: normal 13px Arial, Helvetica, sans-serif; color: #c9c9c9; }
#main_l a { color: #FF0000; }
#main_l a:hover { background-color: #FF0000; color: #fff; text-decoration: none; }

.colonne_l { width: 270px; margin: 0 30px 0 0; padding: 0; float: left; } 
.colonne_r { width: 356px; margin: 0; padding: 0; float: left; }

.fleche { height: 47px; margin: 30px 0 0 0; padding: 0 0 0 135px; background: url(../images/fleche.gif) no-repeat left top; }

.colonne_photo_l { width: 364px; margin: 0 30px 0 0; padding: 0; float: left; } 
.colonne_photo_r { width: 262px; margin: 15px 0 0 0; padding: 0; float: left; }

.nomLigne {  width: 65px; float: left; font: normal 12px Arial, Helvetica, sans-serif; color: #bfbfbf; padding-top: 2px; }
.donneesLigne { width: 500px; float: left; }
/*
.lien_main { width: 630px; margin: 0; padding: 0; text-align: right; }
.lien_main a { font-weight: bold; font-size: 13px; }

.cadre_photo { margin: 0; padding: 5px; border: 1px solid #9b8f70; }
*/
/* ************************************************** */

/* *********** Corps - Colonne de droite ************ */
#main_r { width: 216px; margin: 0; padding: 0; float: left; }

.header_menu { width: 166px; margin: 0; padding: 0 20px 0 30px; background: url(../images/header_menu_droite.jpg) no-repeat left top; }
.bg_menu { width: 216px; margin: 30px 0 0 0; padding: 0; background: url(../images/bg_menu_droite.jpg) repeat-y left top; overflow: auto; }
.footer_menu { width: 216px; height: 9px; margin: 0; padding: 0; background: url(../images/footer_menu_droite.jpg) no-repeat left top; }

#info-lettre { background: url(../images/pub_4.png) no-repeat right top; }
#info-lettre p { margin: 10px 0 0 0; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; }
#info-lettre a { color: #fff; }
#info-lettre a:hover { color: #131116; background-color: #fff; text-decoration: none; }

.liste_droite, .liste_droite_s { list-style-type: none; margin: 0; padding: 10px 0 0 2px; }
.liste_droite li, .liste_droite_s li { height: 20px; margin: 0; padding: 0 0 0 22px; font: bold 13px Arial, Helvetica, sans-serif; }
.liste_droite a, .liste_droite_s a { color: #bfbfbf; }
.liste_droite a:hover, .liste_droite_s a:hover { color: #131116; background-color: #bfbfbf; text-decoration: none; }
.liste_droite li { background: url(../images/puce_1.png) no-repeat left top; }
.liste_droite_s li { background: url(../images/puce_2.png) no-repeat left top; }
/* ************************************************** */

/* ****************** Pied de page ****************** */
#footer { width: 980px; height: 199px; margin: 0; padding: 0; background: url(../images/bg_footer.jpg) no-repeat left top; }
#footer p { margin: 0; padding: 0; font: normal 14px  Arial, Helvetica, sans-serif; color: #fff; text-align: center; line-height: 18px; }
#footer a { color: #fff; }
#footer a:hover { color: #000; background-color: #fff; text-decoration: none; }
/* ************************************************** */

/* ******************** General ********************* */
.justifie { text-align: justify; }
.highlight { background-color: #000000; }
.highlight_h1 { background-color: #2e2e34; }
.highlight_h2 { background-color: #131115; }
.highlight_h2_s { background-color: #FF0000; color: #fff; }
.highlight_h4 { background-color: #fff; }
.spacer { clear: both; }
select, input, option, textarea { font: normal 11px "Georgia", "Times New Roman", Times, serif; color: #000; }
/* ************************************************** */

/* ***************** Menu accordeon ***************** */
#nested { width: 630px; list-style:none; color: #000; margin: 0 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 3px 35px; border-top: none; border-bottom: 1px #2e2e34 solid; font: bold 15px Arial, Helvetica, sans-serif; }
#nested h3 { background: url(../images/faq.gif) no-repeat left 12px; color: #dcdcdc; }
#nested .acc-selected { background: url(../images/faq_s.gif) no-repeat left 12px; color: #FF0000; }
#nested h3:hover { cursor: pointer; color: #FF0000; }
#nested .acc-section { overflow:hidden; padding: 0; }
#nested .acc-content { width:594px; border:0px; border-top: none; border-bottom: 1px #2e2e34 solid; padding: 10px 28px 10px 28px; }
#nested .acc-content p {  font: normal 12px Arial, Helvetica, sans-serif; color: #969696; line-height: 17px; }
/* ************************************************** */