@import url("reset.css");

/*--LES ELEMENTS HTML--*/
	body { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background-color:#B3B3B3; }
	p {	font-size:1em; }
	h1 { font-size:1em; }
	h2 { font-size:1.2em;  }
	h3 { margin:10px 0 10px 15px; padding:0 0 0 10px; font-size: 15px; color:#F7931E !important; font-weight:bold; border-left:3px solid #F7931E !important }
	h3#titre_rubrique { margin:10px 0 10px 0; font-size: 12px; color:#333333 !important; font-weight:bold; border-left:2px solid #333333 !important }
	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; }
	input[type=text], input[type=password] { background:#fff; border:1px solid #CCC; color:#666; height:16px; font-size:11px; width:200px; margin:2px 0 2px 0; }
	input[type=submit] { background:#333333; border:1px solid #666666; color:#999999; font-size:11px; font-weight:bold; font-variant:small-caps; letter-spacing:1px; padding:3px 12px; }
	input[type=submit]:hover { background: #CCCCCC;  border:1px solid #666666; color: #333333; }
	input[type=checkbox] { margin:4px 0 4px 0;}
	textarea { background:#fff; border:1px solid #CCC; color:#666; height:50px; font-size:11px; width:300px; }
	select { width:200px; height:25px; margin:4px 0 4px 0; }
	form { display:inline; }
	p { color:#333333; font-size:11px; font-weight:normal; text-align:left; margin:0; padding:0; }
	a { text-decoration:none; color: #999999; }
	
/*--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;
	}
	#conteneur_site h1 {
	font-size:10px;
	color:#878787;
	padding-bottom:5px;
	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;
	}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
LES BLOCS PRINCIPAUX
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#cl_centre_site {
	float:left;
	width:770px; /*largeur de la div gauche*/
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	position:relative;
	z-index:14;
	}
	#contenu_centre_site {
	width:770px;
	height:65px;
	margin:0 0 0 2px;
	background:url(../images/fr/news_fichier/031_extranet/f_menu_cl_centre_site.jpg) no-repeat top left;
	}
	#cl_gauche {
	width:580px;
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	float:left;
	}
	#cl_gauche_accueil {
	width:580px;
	min-height:auto;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	float:left;
	}
	#cl_centre {
	width:730px;
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	margin:10px 0 0 15px;
	}
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
MENU COODONNEES - ELEMENTS DE RESTITUTION - ENTRETIENS ET PRECONISATION - SUIVI
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#contenu_centre_site .menu {
	float:left;
	height:65px;
	width:145px;
	position: relative;
	}
	#contenu_centre_site .menu:hover {
	float:left;
	height:65px;
	width:145px;
	background:#FFFFFF;
	}
	#contenu_centre_site .menu a {
	color: #666666;
	position:absolute;
	top:25px;
	left:35px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	}
	#contenu_centre_site .menu a:hover {
	color:#F7931E;
	}
	#contenu_centre_site .information_complementaire {
	float:left;
	height:65px;
	width:190px;
	position:relative;
	}
	#contenu_centre_site .titre {
	color:#000000;
	position:absolute;
	top:25px;
	right:5px;
	font-size:11px;
	}
	#contenu_centre_site .date_heure {
	color:#000000;
	position:absolute;
	top:38px;
	right:5px;
	color:#999999;
	font-size:11px;
	}
	#resultat_global {
	margin:125px 0 0 53px;
	width:500px;
	height:130px;
	}
	#resultat_detail {
	margin:65px 0 0 53px;
	width:500px;
	height:auto;
	}
	#axe {
	position:relative;
	margin:10px 0 5px 0;
	height:22px;
	border:1px solid #666666;
	}
		#axe .titre_axe {
		position:absolute;
		top:5px;
		left:5px;
		z-index:2;
		font-size:14px;
		width:auto;
		}
		#axe .img_axe {
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		}
		#axe .pourcentage {
		position:absolute;
		top:0;
		right:0;
		text-align:right;
		margin:5px 5px 0 0;
		color:#CC0000;
		}
	#sous_axe {
	position:relative;
	margin:0 0 3px 0;
	height:18px;
	border:1px solid #666666;
	}
		#sous_axe .titre_sous_axe {
		position:absolute;
		top:3px;
		left:5px;
		z-index:2;
		font-size:12px;
		width:auto;
		}
		#sous_axe .titre_sous_axe span {
		color: #666666;
		font-size:10px;
		font-style:italic;
		letter-spacing:0,5em;
		}
		#sous_axe .img_sous_axe {
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		}
		#espace_vide_stat {
		width:100%;
		height:10px;
		clear:both;
		}	
		#sous_axe .pourcentage {
		position:absolute;
		top:0;
		right:0;
		text-align:right;
		margin:3px 5px 0 0;
		color:#CC0000;
		}	
	#cl_droite {
	width:190px;
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	float:left;
	}
	#cl_droite ul {
	margin:0 0 0 0;
	}
	#cl_droite li {
	border-bottom:1px solid #808080;
	padding:0 0 5px 0;
	margin:4px 0 4px 0;
/*	height:14px;*/
	width:190px;
	text-align:right;
	}
	#cl_droite li a {
	color: #808080;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	font-size:11px;
	line-height:12px;
	}
	#cl_droite li a:hover {
	color: #F7931E;
	font-weight:bold;
	}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
COLONNE DE GAUCHE SITE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#cl_gauche_site {
	float:left;
	height:100%;
	width:217px; /*largeur de la div gauche*/
	margin:0 0 0 5px;
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	}
	#suvol_actif {
	color: #F7931E !important;
	font-weight:bold;
	}
	#cl_gauche_site dt {
	display:block; 
	padding:5px; 
	background:#B3B3B3; 
	color:#808080; 
	font-size:12px;
	height:auto; 
	}
	#cl_gauche_site dt a {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#808080;
	text-decoration:none;
	}
	#cl_gauche_site dt a:hover {
	background:#F7931E; 
	color:#ffffff; 
	}
	#cl_gauche_site dt:hover {
	display:block; 
	padding:5px; 
	background:#F7931E; 
	color:#ffffff; 
	font-size:12px; 
	}
	dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	#cl_gauche_site dt {
	cursor: pointer;
	margin: 2px 0;
	}
	#cl_gauche_site ul {
	margin:0 0 0 0;
	display:block;
	height:auto;
	}
	#cl_gauche_site li {
	border-bottom:1px solid #808080;
	padding:0 0 5px 40px;
	margin:4px 0 4px 0;
	width:175px;
	height:auto;
	}
	#cl_gauche_site li a {
	color: #808080;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: auto;
	font-size:11px;
	line-height:12px;
	}
	#cl_gauche_site li a:hover {
	color: #F7931E;
	font-weight:bold;
	}

	/*---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;
	}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE IDENTIFICATION
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	div#identification {
	width:600px;
	height:auto !important;/*pour hauteur mini IE6*/
	height:160px; /*hauteur de l'élément*/
	min-height:160px;/*pour FF*/
	text-align:left;
	margin:5px 0 0 15px;
	}
	div#identification table {
	width:100%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
	border:none;
	}
	div#identification td#left {
	width:50%;
	vertical-align:top;
	}
	div#identification p {
	padding:0 30px 0 0;
	}	
	div#identification p.libele {
	margin-bottom:2px;
	}
	div#identification p.champ {
	margin-bottom:5px;
	}
	div#identification p.identifiant {
	color:#666;
	font-size:10px;
	margin-bottom:10px;
	}
	div#identification p.lien_inscription {
	margin-top:15px;
	}		
	div#identification td#center {
	width:1px !important;
	background: #CCCCCC; 
	margin:0;
	padding:0; 
	}
	div#identification td#right {
	width:auto; 
	vertical-align:top; 
	padding:0 0 0 5px; 
	}
	


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE COMPTE INFORMATION ET COMPTE REPONDANT
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	div#informations { 
	width:600px; 
	height:auto !important;/*pour hauteur mini IE6*/
	height:350px; /*hauteur de l'élément*/
	min-height:350px;/*pour FF*/ 
	text-align:left; 
	margin:5px 0 0 15px;
	color: #333333; 
	position:relative;
	}
	div#informations table { 
	width:100%; 
	height:auto; 
	vertical-align:top; 
	margin:0; 
	padding:0; 
	border:none; 
	}
	div#informations tr.spacer { 
	height:20px; 
	line-height:20px;
	}
	div#informations td.col_gauche { 
	width:32%; 
	text-align:right;
	}
	div#informations td.col_droite { 
	text-align:left; 
	padding-left:10px;
	}
	div#informations #contact{
	width:160px; 
	height:160px; 
	position:absolute; 
	right:0; 
	border:1px solid #333333; 
	background:#999999; 
	font-size:10px;
	}
	p.protection_donnees { color:#999; font-size:10px; margin-top:20px; text-align:justify; line-height:14px; padding:0 20px; }
	p.protection_donnees p span { text-decoration:underline; }
	
	div#informations .reponse_creation_compte {
	color:#333333;
	font-size:12px;
	line-height:16px;
	}
	
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE COORDONNEES DU REPONDANT
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_centre_site table.tableau_coordonnees {
	width:550px;
	height:auto; 
	margin:27px 0 0 15px;
	}
	#cl_centre_site td.intituler { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:15%; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait.jpg) no-repeat right 3px;
	}
	#cl_centre_site td.reponse { 
	color: #333333; 
	font-size:12px; 
	line-height:14px; 
	height:14px; 
	width:85%; 
	text-align: left; 
	padding:3px 0 3px 5px; 
	border-bottom:1px solid #727C76;
	}
	

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE ENTRETIENS ET PRECONISATION
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_centre_site table.tableau_entretien {
	width:550px;
	height:auto; 
	margin:27px 0 0 15px;
	}
	#cl_centre_site td.intituler_entretien { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:100%; 
	padding:3px 0 3px 0; 
	}
	#cl_centre_site td.commentaire { 
	color: #666666; 
	font-size:12px; 
	line-height:14px; 
	height:14px; 
	width:100%; 
	text-align: left; 
	padding:3px 0 15px 5px; 
	border-bottom:1px solid #727C76;
	}
	#cl_centre_site td.rendez_vous { 
	color: #666666; 
	font-size:12px; 
	height:14px; 
	width:100%; 
	text-align: left; 
	padding:0 0 5px 5px;
	}
	#rendez_vous_intituler { 
	width:50px;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	margin:5px 0 0 0;
	position:relative;
	}
	#rendez_vous_choix { 
	width:300px;
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	position:relative;
	}
	#rendez_vous_choix select { 
	width:70px;
	}
	#cl_centre_site td.commentaire textarea{  background:#fff; border:1px solid #CCC; color:#666; height:50px; font-size:11px; width:530px;}	

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE SUIVI
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_centre_site table.tableau_suivi {
	width:740px;
	height:auto; 
	margin:5px 0 0 15px;
	}
	#dossier_dirigeant {
	color:#000000;
	}
	#dossier_porteur {
	color: #666666;
	}
	#cl_centre_site td.rubrique_nom { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: left;
	width:220px;
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait.jpg) no-repeat right 3px;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site td.rubrique_etat { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:70px;
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait.jpg) no-repeat right 3px;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site td.rubrique_date { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:140px;
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait.jpg) no-repeat right 3px;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site td.rubrique_picto { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:75px;
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait.jpg) no-repeat right 3px;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site td.rubrique_picto_archive { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:75px;
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait.jpg) no-repeat right 3px;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site td.information { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg) no-repeat right 3px;
	vertical-align:middle;
	}
	#cl_centre_site td.information_porteur { 
	color: #000000; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg) no-repeat right 3px;
	vertical-align:middle;
	}
	#cl_centre_site td.information_dirigeant { 
	color: #0066CC;
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg) no-repeat right 3px;
	vertical-align:middle;
	}
	#cl_centre_site td.information_etat { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:70px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg) no-repeat right 3px;
	text-align:center;
	vertical-align:middle;
	}
	#cl_centre_site td.information_date { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:140px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg) no-repeat right 3px;
	text-align:center;
	vertical-align:middle;
	}
	#cl_centre_site td.information_picto{ 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:75px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg)  no-repeat right 3px;
	text-align:center;
	}
	#cl_centre_site td.information_picto_archive{ 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:75px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg)  no-repeat right 3px;
	text-align:center;
	}
	div#mode_recherche {
	width:300px;
	height:auto !important;/*pour hauteur mini IE6*/
	height:110px; /*hauteur de l'élément*/
	min-height:110px;/*pour FF*/
	text-align:left;
	margin:5px 0 0 15px;
	}
	div#mode_recherche table {
	width:100%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
	border:none;
	}
	div#mode_recherche td#left {
	width:50%;
	vertical-align:top;
	}
	div#mode_recherche p {
	padding:0 0 0 0;
	}	
	div#mode_recherche p.libele {
	margin-bottom:2px;
	}
	div#mode_recherche p.champ {
	margin-bottom:5px;
	}
	
	
	div#mode_recherche p.identifiant {
	color:#666;
	font-size:10px;
	margin-bottom:10px;
	}
	div#mode_recherche p.lien_inscription {
	margin-top:15px;
	}		
	div#mode_recherche td#center {
	width:1px !important;
	background: #CCCCCC; 
	margin:0;
	padding:0; 
	}
	div#mode_recherche td#right {
	width:auto; 
	vertical-align:top; 
	padding:0 0 0 5px; 
	}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
STATISTIQUE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_centre_site table.tableau_statistique {
	width:740px;
	height:auto; 
	margin:0 0 0 0;
	}
	#cl_centre_site  table.tableau_statistique tr td.rubrique_nom { 
	color:#727C76; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: left;
	width:240px;
	border-bottom:1px solid #727C76;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site table.tableau_statistique tr td.rubrique_etat { 
	color:#727C76; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:70px;
	border-bottom:1px solid #727C76;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site table.tableau_statistique tr td.type_tubrique { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:11px; 
	line-height:14px; 
	height:30px;
	text-align: center;
	width:155px;
	border-bottom:1px solid #727C76;
	border-right:2px solid #FFFFFF;
	background: url(../images/fr/news_fichier/031_extranet/f_menu_statistique.jpg) repeat-x top left;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site table.tableau_statistique tr td.type_tubrique_vide { 
	color:#727C76; 
	font-weight:bold; 
	font-size:11px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:200px;
	border-bottom:1px solid #727C76;
	border-right:2px solid #FFFFFF;
	background: url(../images/fr/news_fichier/031_extranet/f_menu_statistique.jpg) repeat-x top left;
	padding:3px 0 3px 0; 
	}
	#cl_centre_site table.tableau_statistique tr td.type_tubrique_total { 
	color:#F7931E; 
	font-weight:bold; 
	font-size:11px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:200px;
	border-bottom:1px solid #727C76;
	border-right:2px solid #FFFFFF;
	background: url(../images/fr/news_fichier/031_extranet/f_menu_statistique.jpg) repeat-x top left;
	padding:3px 0 3px 0; 
	}	
	#cl_centre_site table.tableau_statistique tr td.information_etablissement { 
	color:#727C76;
	font-weight:bold; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:15px 0 15px 0; 
	border-bottom:1px solid #727C76;
	vertical-align:middle;
	text-align:center;
	}
	
	#cl_centre_site table.tableau_statistique tr td.information_etablissement_liblele { 
	color:#727C76;
	font-weight:bold; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:15px 0 15px 0; 
	border-bottom:1px solid #727C76;
	vertical-align:middle;
	}
	#cl_centre_site table.tableau_statistique tr td.information_etablissement_d { 
	color:#727C76;
	font-weight:bold; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:15px 0 15px 0; 
	border-bottom:1px solid #727C76;
	vertical-align:middle;
	text-align:center;
	}
	#cl_centre_site table.tableau_statistique tr td.information_personne { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:5px 0 5px 0; 
	border-bottom:1px solid #727C76;
	vertical-align:middle;
	}
	#cl_centre_site table.tableau_statistique tr td.information_personne_total { 
	color:#F7931E; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:5px 0 5px 0; 
	border-bottom:1px solid #727C76;
	vertical-align:middle;
	background: url(../images/fr/news_fichier/031_extranet/f_menu_statistique.jpg) repeat-x top left;
	}
	#cl_centre_site table.tableau_statistique tr td.information_date_stat_total { 
	color:#F7931E; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:140px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	border-left:1px solid #727C76;
	text-align:center;
	vertical-align:middle;
	background: url(../images/fr/news_fichier/031_extranet/f_menu_statistique.jpg) repeat-x top left;
	}
	#cl_centre_site table.tableau_statistique tr td.information_date_stat { 
	color:#727C76; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:140px; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #727C76;
	border-left:1px solid #727C76;
	text-align:center;
	vertical-align:middle;
	}
	#cl_centre_site table.tableau_statistique tr td.information_date_stat a { 
	color:#727C76;
	text-decoration:none;
	}
	#cl_centre_site table.tableau_statistique tr td.information_date_stat a:hover { 
	color:#F7931E;
	text-decoration:underline;
	font-weight:bold;
	}
	.survol_actif_stat { 
	color:#F7931E !important;
	text-decoration:underline;
	font-weight:bold;
	}
	div.pop_up_dossier_en_cours {
	position:absolute; 
	visibility: hidden;
	z-index:304; 
	height:auto; /*hauteur de l'élément*/
	width:747px;  /*largeur de l'élément*/
	border: solid 2px #F7931E;
	background: url(../images/fr/news_fichier/031_extranet/f_entet_popup_mail.jpg)  no-repeat 0 8px;
	background-color:#FFFFFF !important;
	}
	div.pop_up_dossier_archive {
	position:absolute; 
	visibility: hidden;
	z-index:304; 
	height:auto; /*hauteur de l'élément*/
	width:747px;  /*largeur de l'élément*/
	border: solid 2px #F7931E;
	background: url(../images/fr/news_fichier/031_extranet/f_entet_popup_mail.jpg)  no-repeat 0 8px;
	background-color:#FFFFFF !important;
	}
	div.pop_up_dossier_supprimer {
	position:absolute; 
	visibility: hidden;
	z-index:304; 
	height:auto; /*hauteur de l'élément*/
	width:747px;  /*largeur de l'élément*/
	border: solid 2px #F7931E;
	background: url(../images/fr/news_fichier/031_extranet/f_entet_popup_mail.jpg)  no-repeat 0 8px;
	background-color:#FFFFFF !important;
	}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*footer*/
#footer_extra{
position: relative;
height:140px;
background: #b3b3b3 url(../images/fr/news_fichier/000_accueil_09/f_header_extranet.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:#868686;
background:url(../images/fr/news_fichier/000_accueil_09/bn2.gif) no-repeat right center; 
}

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




/*	#pied_de_page_site {
	width:100%;
	height:60px; 
	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: #808080; 
	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:auto; background:#ffffff; position:relative; z-index:1000; }
	div#header div.bandeau_image { width:997px; height:111px; background:url(../images/fr/news_fichier/031_extranet/f_header.jpg) no-repeat top left }
	div#header div.identification_header { height:50px; width:257px; float:right; color:#666666; margin:5px 0 0 0 }
	div#header div.identification_header table { width:100%; height:100% }
	div#header div.identification_header table tr td.logo { width:100px; height:100%; vertical-align:top; border-right:1px solid #666666; padding:10px 20px 0 5px }
	div#header div.identification_header table tr td.logo img { float:right}
	div#header div.identification_header table tr td.compte { width:150px; height:100%; vertical-align:top; padding:0 0 0 20px }
	div#header div.identification_header table tr td.compte p { font-size:11px; margin:0 0 3px 0 }
	div#header div.identification_header table tr td.compte a { font-size:10px }
	div#header div.identification_header table tr td.compte h3 { margin:5px 0 5px 0; padding:0 0 0 10px; font-size: 15px; color:#F7931E !important; font-weight:bold; border-left:3px solid #F7931E !important }
	div#header div.menu { width:983px; height:27px; margin:0 0 0 0; padding:0 0 0 14px; background: #CCCCCC; text-align: left; position:relative;  }
	div#header div.menu a { color: #666666; background: transparent; height:27px; line-height:27px; font-size:12px; text-decoration:none; margin: 0 1px 0 1px; padding:6px 1px 6px 1px  }
	div#header div.menu a:hover {color:#fff; background:transparent; height:27px; line-height:27px; font-size:12px; text-decoration:none; margin: 0 1px 0 1px; padding:6px 1px 6px 1px  }
	ul#sidemenu_sample { position:absolute; width:auto; z-index:10000; top:134px; }
	ul#sidemenu_sample li {  }
	ul#sidemenu_sample li.mairie { width:170px; position:absolute; top:0; left:15px; }
	ul#sidemenu_sample li.services { width:190px; position:absolute; top:0; left:120px; }
	ul#sidemenu_sample li.decouvrir { width:170px; position:absolute; top:0; left:395px; }
	ul#sidemenu_sample li.economique { width:170px; position:absolute; top:0; left:530px; }
	ul#sidemenu_sample li.formation_menu { width:170px; position:absolute; top:0; left:215px; }
	ul#sidemenu_sample li ul { min-height:100px; width:100%; }
	* html ul#sidemenu_sample li ul { height:120px; }	
	ul#sidemenu_sample li.mairie ul { background: #fff /* url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg)  repeat-y top;*/ }
	ul#sidemenu_sample li.services ul { background: #fff /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li.decouvrir ul { background:#fff /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li.economique ul { background:#fff /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li.formation_menu ul { background:#fff /*url(../images/fr/news_fichier/000_general/f_sousmenu_navgen.jpg) repeat-y top;*/ }
	ul#sidemenu_sample li ul li { width:88%; padding:5px 0 0 15px; }
		
	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;
	}
/*--POPUP DIV ENVOI MAIL SUP---*/
	div.pop-mail_sup {
	position:absolute;
	display:none; 
	/*visibility: hidden;*/
	z-index:304; 
	height:130px; /*hauteur de l'élément*/
	width:300px;  /*largeur de l'élément*/
	border: solid 5px #F7931E;
	background: url(../images/fr/news_fichier/031_extranet/f_entet_popup_mail.jpg)  no-repeat 0 8px;
	background-color:#FFFFFF !important;
	}
	div.pop-mail_sup input.btn_formulaire{/*bouton valider*/
	border:1px #F7931E solid;
	background-color:#F7931E;
	color:#FFF; /*couleur*/
	margin:0 0 0 0;
	position:absolute;
	bottom:0;
	right:0;
	width:100px;
	}
	div.pop-mail_sup input.btn_formulaire:hover {/*bouton valider*/
	background-color: #999999;
	}
	.entete-pop_sup {
	height:24px; /*hauteur de l'élément*/
	color:#F7931E; /*couleur*/
	font-weight:bold;
	line-height:24px;
	width:260px;
	margin-left:20px;
	}
	.entete-pop-fermer_sup {
	width:15px;
	position:absolute;
	z-index:1000;
	right:-2px;
	top:0;
	}
	div.pop-mail_sup p.confirmation { font-size:10px; font-weight:normal; color:#333333; margin:5px 0; padding:0; line-height:14px; text-align:center; }
	div.pop-mail_sup p.indication { font-size:10px; font-weight:normal; color:#333333; margin:5px 0; padding:0; line-height:14px; text-align:left; }
	div.pop-mail_sup p.champ { margin:5px 0; padding:0; text-align:left; }
	div.pop-mail_sup p.acceptation { font-size:9px; font-weight:normal; margin:8px 0; padding:0; line-height:12px; text-align:left; color:#666666; }
	
/*--POPUP DIV ENVOI MAIL ARCHIVE---*/
	div.pop-mail_archive {
	position:absolute; 
	display:none; 
	/*visibility: hidden;*/
	z-index:303; 
	height:200px; /*hauteur de l'élément*/
	width:300px;  /*largeur de l'élément*/
	border: solid 5px #F7931E;
	background: url(../images/fr/news_fichier/031_extranet/f_entet_popup_mail.jpg)  no-repeat 0 8px;
	background-color:#FFFFFF !important;
	}
	div.pop-mail_archive input.btn_formulaire{/*bouton valider*/
	border:1px #F7931E solid;
	background-color:#F7931E;
	color:#FFF; /*couleur*/
	margin:0 0 0 0;
	position:absolute;
	bottom:0;
	right:0;
	width:100px;
	}
	div.pop-mail_archive input.btn_formulaire:hover {/*bouton valider*/
	background-color: #999999;
	}
	.entete-pop_archive {
	height:24px; /*hauteur de l'élément*/
	color:#F7931E; /*couleur*/
	font-weight:bold;
	line-height:24px;
	width:260px;
	margin-left:20px;
	}
	.entete-pop-fermer_archive {
	width:15px;
	position:absolute;
	z-index:1000;
	right:-2px;
	top:0;
	}
	div.pop-mail_archive p.confirmation { font-size:10px; font-weight:normal; color:#333333; margin:5px 0; padding:0; line-height:14px; text-align:center; }
	div.pop-mail_archive p.indication { font-size:10px; font-weight:normal; color:#333333; margin:5px 0; padding:0; line-height:14px; text-align:left; }
	div.pop-mail_archive p.champ { margin:5px 0; padding:0; text-align:left; }
	div.pop-mail_archive p.acceptation { font-size:9px; font-weight:normal; margin:8px 0; padding:0; line-height:12px; text-align:left; color:#666666; }	