@import url("reset.css");

/*--LES ELEMENTS HTML--*/
	body { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background-color:#404040; }
	p {	font-size:1em; }
	h1 { font-size:1em; }
	h2 { font-size:1.2em;  }
	h3 { font-size:1.2em; color:#8C2531; font-weight:bold; margin:10px 0 10px 15px; padding:0 0 0 10px }
	h4 { font-size:1em;  }
	h5{ font-size:0.8em; }
	h6 { font-size:0.8em; font-weight:normal; }
	a:link { color:#000; text-decoration:underline; } /* unvisited link */
	a:visited { color: #666666; text-decoration:underline; } /* visited link */
	a:hover { text-decoration:none; color:#999999; } /* mouse over link */
	a:active { text-decoration:none; color: #999999; } /* selected link */ 
	img a { border:0; }
	
/*--DIV PRINCIPALE DU SITE--*/
	#conteneur_site {
	position:relative;
	width:997px;/*largeur 991 avec marge 1003 sans marge*/
	margin:0 auto; /*marges extérieures de la div*/
	padding:0;
	z-index:1;
	height:auto;
	background: url(../images/fr/news_fichier/030_autodiagnostic/fond_site_gen_2cl.jpg) repeat-y 0 top;
	}
	/*#ombre_haut { background: url(../images/fr/archive_img_calonne/ombre_site_haut.jpg) no-repeat center top; height:11px;}
	#ombre_centre {  background: url(../images/fr/archive_img_calonne/ombre_site_centre.jpg) repeat-y center top;}
	#ombre_bas { background: url(../images/fr/archive_img_calonne/ombre_site_bas.jpg) no-repeat center top; height:25px;}*/
	
/*--Page en construction--*/
	#page_construction{
	color:#6D6955;
	font-size:14px;
	text-align:center;
	margin:150px 0 0 0;
	}

/*--STYLES GENERAUX--*/
	#entete_site_print{
	display:none;
	}
	#conteneur_site h1 {
	font-size:10px;
	color:#878787;
	padding-bottom:5px;
/*	background:url(../images/fr/border_bottom_h1.jpg) repeat-x bottom left;
*/	margin:0 15px 5px 15px;
	font-weight:normal;
	color:#999;
	border-bottom: dotted 1px #ccc;
	}
	#conteneur_site h1 a {
	font-size:10px;
	font-weight:normal;
	color: #999;
	text-decoration:none;
	}
	#conteneur_site h1 a:hover {
	color:#333333;
	font-size:10px;
	font-weight:normal;
	}	
	#conteneur_site h1 a.page_focus {
	font-size:11px;
	color:#666;
	font-weight:bold;
	font-weight:normal;
	}
	#conteneur_site h2 {
	color:#4E4E4E;
	padding-bottom:5px;
	background:url(../images/fr/archive_img_calonne/border_bottom_h2.jpg) repeat-x bottom left;
	}	
/*--ENTETE DU SITE--*/
	#entete_site {
	position:relative;
	height:150px; /*hauteur du bandeau de site*/
	background: url(../images/fr/archive_img_calonne/fond_entete_site.jpg) no-repeat left top; /*fond image entete site*/
	background-color:#FFFFFF; /*couleur de fond du bandeau de site*/
	}
	#nav_gen_site {
	height:34px; /*bloc menu principal*/
	background-color:#FFFFFF; /*couleur de fond du bloc menu principal*/
	background: url(../images/fr/archive_img_calonne/fond_nav_gen.gif) repeat-x left top; /*fond image menu*/
	}
	#nav_gen_site dt {
	display:inline;
	}
	#logo {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	}
	#logo h6 {
	font-size:0.8em;
	margin:5px 0 0 10px;
	padding:0;
	float:left;
	display:none;
	}
	#adresse {
	position:absolute;
	right:24px;
	top:25px;
	width:190px;
	color:#FFF;
	font-size:11px;
	z-index:101;
	line-height:13px;
	
	}
	#adresse h5 {
	background: url(../images/fr/archive_img_calonne/picto_mail_adresse.jpg) no-repeat left top; /*fond  menu*/
	padding: 0 0 0 35px;
	color:#FFF;
	height:19px;
	font-size:12px;
	}
	#adresse p {
	padding: 0 0 0 25px;
	}
	#adresse a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	#adresse a:hover {
	color: #FFCC00;
	font-weight:bold;
	text-decoration: inherit;
	}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
LES 3 BLOCS PRINCIPAUX POUR LE CONTENU
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#cl_gauche_site {
	float:left;
	height:100%;
	width:217px; /*largeur de la div gauche*/
	margin:0 0 0 5px;
	min-height:400px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px");
	}
	#cl_gauche_site h2.titre {
	color:#3A7E99;
	font-weight:bold;
	font-size:13px;
	}
	#cl_centre_site {
	float:left;
	width:770px; /*largeur de la div gauche*/
	min-height:400px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px");
	position:relative;
	}
	#cl_droite_site {
	float:left;
	width:205px; /*largeur de la div droite*/
	min-height:400px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px");
	}
	
/*--LES 2 COLONNES PRINCIPAUX POUR LE CONTENU--*/
	#cl_gauche_site_2cl {
	float:left;
	height:100%;
	width:214px; /*largeur de la div gauche*/
	margin:0 0 0 10px;
	min-height:400px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px");
	}
	#cl_centre_site_2cl {
	position:relative;
	float: left;
	width:564px; /*largeur de la div gauche*/
	min-height:400px;
	height:expression(this.scrollHeight > 600 ? "auto":"400px");
	background: url(../images/fr/archive_img_calonne/fond_haut_2cl.jpg) no-repeat 0 top; /*fond */
	}
	#cl_droite_site_2cl {
	position:relative;
	float: left;
	width:201px; /*largeur de la div gauche*/
	min-height:400px;
	height:expression(this.scrollHeight > 600 ? "auto":"400px");
	}
/*--ELEMENTS DU BLOC CENTRE--*/
	div.pop-mail {
	position:absolute; 
	visibility: hidden;
	z-index:303; 
	top:255px; 
	left:450px; 
	height:auto; 
	width:300px; 
	border: solid 5px #666;
	background:url(../images/fr/news_fichier/000_general/fond_entete_popup.jpg) no-repeat 0 8px;
	background-color:#FFFFFF !important;
	color:#3A7E99;
	}
	.entete-pop {
	float:left;
	width:258px;
	padding: 5px 0 0 20px;
	height:20px;
	}
	.entete-pop-fermer {
	float:right;
	padding: 5px 5px 0 0;
	}
	.clear-position {
	clear:both;
	width:100%;
	margin: 15px 0 15px 0;
	}
	#date {
	width:100%; /*largeur de la div droite*/
	height:auto;
	display:block;
	clear:both;
	}
	#date h5 {
	text-align:left;
	margin:0;
	padding:10px;
	color:#3A7E99;
	font-size:11px;
	clear:both;
	display:block;
	font-weight:bold;
	}
	#date a {
	/*padding:0 0 0 60px;*/
	line-height:16px;
	color:#3A7E99;
	}
	#date h5 span {
	color:#808080;
	font-weight:normal;
	padding:5px 0 2px 0;
	line-height:15px;
	}
	
	
	/*---nav multi page----*/
	.nav_page{
	display:block;
	clear:both;
	background:url(../images/fr/archive_img_calonne/fond_nav_page_a_page.jpg) repeat-x left center;
	height:26px;
	margin: 0 10px 0 15px;
	vertical-align:middle;
	}
	.retour{
	position:absolute;
	top:0;
	right:30px;
	}
	.h_page{
	padding:5px 0 0 0;
	float:right;
	}
	a.txt_h_page {
	display: block;
	font-size:10px;
	color: #999999;;
	text-decoration:none;
	padding:5px 5px 3px 20px;
	background: url(../images/fr/news_fichier/000_general/fl_haut_page.gif) no-repeat 8px 10px;
	}
	a.txt_h_page:hover { 
	font-size:10px;
	color:#000;
	text-decoration:none;
	padding:5px 5px 3px 20px;
	}
	a.precedent {
	display: block;
	width:50px;
	float:left;
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding:5px 5px 3px 20px;
	background: url(../images/fr/archive_img_calonne/fl_page_pres.gif) no-repeat 8px 6px;
	}
	a.precedent:hover { 
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding:5px 5px 3px 20px;
	}
	a.suivant {
	display: block;
	width:30px;
	float:left;
	text-align:right;
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding:5px 15px 3px 5px;
	background: url(../images/fr/archive_img_calonne/fl_page_suiv.gif) no-repeat right 6px;
	}
	a.suivant:hover { 
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding:5px 15px 3px 5px;
	}
	a.page_norm{
/*	display: block;
	width:30px;*/
	float:left;
	text-align:center;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	margin:2px 5px 0 0;
	border: solid 1px #ccc;
	}
	a.page_norm:hover{
	float:left;
	text-align:center;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	margin:2px 5px 0 0;
	border: solid 1px #999999;
	background-color: #CCCCCC;
	}
	a.page_select{
	float:left;
	text-align:center;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	margin:2px 5px 0 0;
	border: solid 1px #999999;
	}
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*footer*/
#footer_site{
position: relative;
height:140px;
background: #404040 url(../images/fr/news_fichier/000_accueil_09/logos_footer.gif) no-repeat;
text-align:right;
	clear:both;

}
	
div.liens {
	position:absolute;
	top:60px;
	right:20px;
	width:349px;
	font-size:10px;
	z-index:11;
}

div.liens a{
text-decoration:none;
color:#666;
}

div.liens a:hover{
text-decoration:none;
color:#000;
}
#sign{	
position:absolute;
	bottom:5px;
	right:0;
	width:150px;
	font-size:10px;
	z-index:11;
}

#sign a{
display:block;
padding:4px 25px 4px 2px;
text-decoration:none;
color:#5F5F5F;
background:url(../images/fr/news_fichier/000_accueil_09/bn.gif) no-repeat right center; 
}

#sign a:hover{
text-decoration:none;
color:#fff;
}










	#pied_de_page_site {
	width:100%;
	height:60px; /*hauteur du pied de page*/
	clear:both;
	position:relative;
	margin:0 0 0 0;
/*	background:#FFFFFF;*/
	}
	#pied_de_page_site table {
	}
	#pied_de_page_site table tr td div.liens {
	background-color: #404040; /*couleur de fond du pied de page*/
	height:29px;
	width:485px;
	line-height:29px;
	vertical-align:middle;
	color: #FFFFFF;
	font-size:9px;
	padding:0 0 0 0;
	margin:28px 0 0 0;
	float:left;
	text-align:right;
	float: left;
	}	
	#pied_de_page_site table tr td div.liens  a{
	text-decoration:none;
	color:#FFFFFF;
	}
	#pied_de_page_site table tr td div.liens  a:hover{
	text-decoration:none;
	color: #999999;
	}
	#pied_de_page_site div.benefice-net {
	position:absolute;
	top:3px;
	right:2px;
	text-align:right;
	font-size:10px;
	}
	div.benefice-net a{
	color: #FFFFFF;
	text-decoration:none;
	}
	div.benefice-net a img{
	vertical-align:middle;
	}	
	div.benefice-net a:hover{
	color:#FFF;
	text-decoration:none;
	}
	div.benefice-net p.bdp_logo{
	float:left;
	margin:0;
	padding:5px 5px 5px 0;
	}
	#haut-page{
	text-align:right;
	margin: 0 15px 0 0;
	position:absolute;
	bottom:55px;
	right:220px;
	}
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
LE MENU VERTICAL GAUCHE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#navigation {
	margin:0;
	padding:0;
	list-style:none;
	background:#ffffff;
	color:#4D4D4D;
	width: 150px;
	font-size: 1em;
	}
	#navigation a, #navigation span {
	display:block;
	padding: 5px 4px 5px 30px;
	color:#4D4D4D;
	text-decoration: none;
	background-color:#ffffff;
	border-bottom: 1px solid #D8D8D8;
	background:url(../images/fr/archive_img_calonne/fond_menu_gauche.jpg)  no-repeat -241px -5px;
	}
	#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background:url(../images/fr/archive_img_calonne/fond_menu_gauche.jpg)  no-repeat -241px -5px;
	}
	#navigation .open a, #navigation .open span {
	background:url(../images/fr/archive_img_calonne/fond_menu_gauche.jpg)  no-repeat 10px -5px;
    }
	#navigation a:hover, #navigation a:focus, #navigation a:active {
	text-decoration: underline;
	}
	#navigation .subMenu {
	background-color:#ffffff;
	font-size:.8em;
	margin:0;
	padding:0;
	border-bottom: 1px solid #D8D8D8;
	}
	#navigation ul.subMenu a {
	background: none;
	padding: 3px 3px 3px 40px;
	}
	#navigation .open_at_load {
	background-color:#ffffff;
	font-size:.8em;
	margin:0;
	padding:0;
	border-bottom: 1px solid #D8D8D8;
	}
	#navigation ul.open_at_load a {
	background: none;
	padding: 3px 3px 3px 40px;
	}	
	

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
HEADER PAGES INTERIEURES
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	div#header { width:997px; height:122px; background: transparent; position:relative; }
	div#header div.menu { width:983px; height:30px; margin:0 0 0 0; padding:0 0 0 14px; background: #CCCCCC; text-align: left; position: absolute; z-index:1000; top:95px; display:block; }
	div#header div.menu a { color: #666666; background: transparent; height:30px; line-height:30px; font-size:12px; text-decoration:none; margin: 0 1px 0 1px; padding:10px 1px 10px 1px;   }
	div#header div.menu a:hover {color:#fff; background:transparent; height:30px; line-height:30px; font-size:12px; text-decoration:none; margin: 0 1px 0 1px; padding:10px 1px 10px 1px;  }
	ul#sidemenu_sample { position:absolute; width:100%; z-index:2000; top:120px; height:80px; clear:both; display:block; }
	ul#sidemenu_sample li {  }
	ul#sidemenu_sample li.mairie { width:200px; height:100px; position:absolute; top:0; left:15px; }
	ul#sidemenu_sample li.services { width:200px; height:100px; position:absolute; top:0; left:120px; }
	ul#sidemenu_sample li.decouvrir { width:200px; height:100px; position:absolute; top:0; left:380px; }
	ul#sidemenu_sample li.economique { width:200px; height:100px; position:absolute; top:0; left:510px; }
	ul#sidemenu_sample li.formation_menu { width:200px; height:100px; position:absolute; top:0; left:215px; }
	ul#sidemenu_sample li ul { min-height:80px; width:100%; height:100px; }
	* html ul#sidemenu_sample li ul { height:100px; display:block; }	
	ul#sidemenu_sample li.mairie ul { background: #fff; height:100px; display:block; /* url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg)  repeat-y top;*/ }
	ul#sidemenu_sample li.services ul { background: #fff; height:100px; display:block; /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li.decouvrir ul { background:#fff; height:100px; display:block; /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li.economique ul { background:#fff; height:100px; display:block; /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li.formation_menu ul { background:#fff; height:100px; display:block; /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li ul li { width:auto; padding:5px 0 0 15px; display:block; }
		
	ul#sidemenu_sample a.mairie_lien{
	display:block;
	color:#000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.mairie_lien:hover, ul#sidemenu_sample a.mairie_lien:focus{
	color:#fff;
	background-color: #000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.services_lien{
	display:block;
	color:#000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.services_lien:hover, ul#sidemenu_sample a.services_lien:focus{
	color:#fff;
	background-color:#000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.decouvrir_lien{
	display:block;
	color:#000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.decouvrir_lien:hover, ul#sidemenu_sample a.decouvrir_lien:focus{
	color:#fff;
	background-color:#000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.vie_eco_lien{
	display:block;
	color:#000000;
	text-decoration:none;
	}
	ul#sidemenu_sample a.vie_eco_lien:hover, ul#sidemenu_sample a.vie_eco_lien:focus{
	color:#fff;
	background-color:#000000;
	text-decoration:none;
	}