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

/* ********** Background ********** */
body { margin: 0; padding: 0; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
/* ******************************** */

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

#conteneur_general { width: 931px; min-height: 800px; margin: 0 auto 0 auto; padding: 0; text-align: center; }

#header { width: 931px; height: 89px; margin: 0; padding: 15px 0 0 0; text-align: left; }

#header_logo { width: 591px; height: 49px; margin: 0; padding: 40px 0 0 40px; float: left; }
#header_recherche { width: 300px; height: 89px; float: left; font-size: 11px; }
#header_recherche a { font-weight: bold; color: #ff7200; text-decoration: none; }
#header_recherche a:hover { color: #000; text-decoration: underline; }
#header_recherche_lg { width: 112px; height: 47px; margin-top: 42px; float: left; }
#header_recherche_box { width: 178px; height: 52px; margin-top: 30px; padding: 7px 0 0 10px; background: url(../images/bg_recherche.png) no-repeat left top; float: left; }
#header_recherche_box input { width: 127px; height: 15px; padding: 4px 5px 0 5px; color: #8897ac; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #000; }
#header_recherche_box_s input { width: 29px; height: 21px; margin: 0; padding: 0; background: url(../images/bg_submit.jpg) no-repeat left top; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: none; cursor: pointer; }
#header_recherche_box_s input:hover { background: url(../images/bg_submit.jpg) no-repeat left -21px; }

#menu { width: 931px; height: 30px; margin: 0; padding: 0; }
#menu ul { width: 630px; margin: 0; padding: 0; }
#menu ul li { margin: 0; padding: 0; float: left; list-style-type: none; }
#menu_actif, #menu ul li a { width: 105px; height: 22px; margin: 0; padding: 8px 0 0 0; display: block; text-align: center; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
#menu ul li a {
	background-color: FFCC00;
}
#menu ul li a:hover {  }
#menu_actif {  background: no-repeat center top; }

#sous_menu { width: 931px; height: 29px; margin: 0 0 1px 0; padding: 0; background: url(../images/bg_menu.gif) repeat-x left top; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
#sous_menu a { color: #fff; text-decoration: none; }
#sous_menu a:hover { color: #ff7200; text-decoration: underline; }
#sous_menu_g { width: 301px; height: 21px; float:left; }
#sous_menu_d { width: 630px; height: 13px; padding-top: 8px; float:left; }
#sous_menu_d ul { margin: 0; padding: 0; }
#sous_menu_d ul li { width: 80px; margin: 0; padding: 0; float: left; list-style-type: none; background: url(../images/sous_menu_separateur.gif) no-repeat right 4px; }

#main_image { width: 931px; height: 193px; margin: 0; padding: 0; background: url(../images/main_image.jpg) no-repeat left top; }

#accueil_main { width: 931px; height: auto; margin: 2px 0 0 0; padding: 0; background: url(../images/bg_flou.jpg) no-repeat right top; text-align: left; }
#accueil_colonne_g { width: 486px; min-height: 246px; margin: 0; padding: 35px 60px 0 85px; background: url(../images/separateur_colonne.gif) no-repeat right top; float: left; }
#accueil_colonne_d { width: 270px; min-height: 246px; margin: 0; padding: 35px 0 0 30px; overflow: auto; float: left; }
#accueil_colonne_g h1,  #accueil_colonne_d h1 { margin: 0 0 20px 0; padding: 0; color: #8897ac; }
#accueil_colonne_g h1 { font-weight: normal; font-size: 24px; }
#accueil_colonne_d h1 { font-weight: bold; font-size: 16px; }
#accueil_colonne_g h2 { margin: 0 0 20px 0; padding: 0; color: #ff7200; font-weight: bold; font-size: 13px; }
#accueil_colonne_d p { margin: 5px 0 0 0; }
#accueil_colonne_g a, #accueil_colonne_d a, #accueil_colonne_g a:hover, #accueil_colonne_d a:hover { }
#accueil_colonne_g hr, #accueil_colonne_d hr { height: 1px; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }

#secondaire_image { width: 931px; height: 97px; margin: 0; padding: 0; background: url(../images/secondaire_image.jpg) no-repeat left top; }

#secondaire_main { width: 931px; height: auto; margin: 2px 0 0 0; padding: 0; background: url(../images/bg_flou.jpg) no-repeat right top; text-align: left; }
#secondaire_ariane { width: 906px; height: 18px; margin: 0; padding: 12px 25px 0 0; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#secondaire_ariane a { color: #ff7200; text-decoration: underline; }
#secondaire_ariane a:hover { color: #000; text-decoration: none; }
#secondaire_colonne_g {
	width: 600px;
	min-height: 246px;
	margin: 0;
	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	height: auto;
}
#secondaire_colonne_d { width: 191px; min-height: 246px; margin: 0; padding: 75px 40px 0 30px; overflow: auto; float: left; }
#secondaire_colonne_g h1,  #secondaire_colonne_d h1 { margin: 0 0 20px 0; padding: 0; color: #8897ac; }
#secondaire_colonne_g h1 { font-weight: bold; font-size: 16px; }
#secondaire_colonne_d h1 { font-weight: bold; font-size: 16px; }
#secondaire_colonne_g h2 { margin: 0 0 20px 0; padding: 0; color: #ff7200; font-weight: bold; font-size: 13px; }
#secondaire_colonne_d p { margin: 5px 0 0 0; }
#secondaire_colonne_g a, #secondaire_colonne_d a, #secondaire_colonne_g a:hover, #secondaire_colonne_d a:hover { }
#secondaire_colonne_g hr, #secondaire_colonne_d hr { height: 1px; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }

a.bouton { width: 167px; height: 18px; margin: 10px 0 10px 0; padding: 6px 0 0 22px; background: url(../images/bouton.jpg) no-repeat left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; display: block; }
.pdf { width: 167px; height: 74px; margin: 15px 0 0 0; padding: 10px 22px 0 0;  background: url(../images/pdf.jpg) no-repeat right top; }

#footer { width: 931px; height: 80px; margin: 40px 0 0 0; padding: 0; background: url(../images/bg_footer.gif) no-repeat center top; }
#footer p { margin: 0; padding: 22px 0 0 0; color: #8897ac; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 18px; }
#footer a { color: #ff7200; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

form { margin: 0; padding: 0; }

.img_left { float: left; }
.img_right { float: right; }
.spacer { clear: both; }

/* ***************** FAQ accordeon ***************** */
#nested { width: 800px; 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 0; border-top: none; border-bottom: 1px #C9D2DF dotted; font-weight: bold; font-size: 14px; }
#nested h3 { background: url(../images/fleche orange.gif) 7px 9px no-repeat;color: #000000; padding: 5px 0 0 28px; }
#nested .acc-selected {padding: 5px 0 0 28px; background: url(../images/fleche noire.gif) 7px 9px no-repeat; color: #313131; }
#nested h3:hover { cursor: pointer; color: #000000; }
#nested .acc-section {
	overflow:hidden;
	padding: 0;
	width: 750px;
}
#nested .acc-content {
	width: 100%;
	border:0px;
	border-top: none;
	border-bottom: 1px #C9D2DF dotted;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 28px;
}
#nested .acc-content p {
	color: #000000;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
/* ************************************************** */

