@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:#3A7E99 !important; font-weight:bold; border-left:3px solid #3A7E99 !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:10px; 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;
	}
	#contenu_centre_site {
	width:770px;
	height:65px;
	margin:0 0 0 2px;
	background:url(../images/fr/news_fichier/032_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:580px;
	position: relative;
	}
	#contenu_centre_site .menu h3 {
	margin:30px 0 10px 15px;
	}
	#contenu_centre_site .information_complementaire {
	float:left;
	height:65px;
	width:190px;
	position:relative;
	}
	#contenu_centre_site .information_complementaire h3{
	margin:30px 0 10px 15px;
	}
	#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; /*largeur de l'élément*/
	height:auto;
	margin:5px 0 0 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	float:left;
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	float:left;
	}
	#cl_droite h1.titre_sous_rubrique {
	font-size:11px; /*taille du caractère*/
	color: #333333; /*couleur*/
	padding:3px 0 3px 7px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	margin:0 0 10px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	font-weight:normal; /*stye le graisse du caractère*/
	text-transform: none ; /* capital*/
	background: #999999;
	clear:both;
	display:block;
	width:180px;
	}
	#cl_droite_3 p{
	font-size:11px;
	line-height:13px;
	padding:0 0 0 10px;
	margin:10px 0 5px 0;
	text-align:left;
	}
	#cl_droite p span{
	color: #999999;
	line-height:25px;
	}
	#cl_droite table#formulaire_interesses {
	font-size:11px;
	}
	#cl_droite table#formulaire_interesses tr td.sous_titre {
	height:16px;
	line-height:16px;
	color:#666666;
	padding:0 0 0 5px;
	background: #CCCCCC;
	}
	#cl_droite table#formulaire_interesses tr.nombre_personne {
	line-height:40px;
	height:40px;
	vertical-align:middle;
	}
	#cl_droite table#formulaire_interesses tr td.adultes_enfants {
	padding:0 0 0 5px;
	width:45px;
	}
	#cl_droite table#formulaire_interesses tr td select {
	color:#999999;
	width:40px;
	height:21px;
	border:1px solid #999999;
	}
	.destination { font-size: 11px; width: 180px; padding: 10px 0 0 5px;}
	.destination input { vertical-align: middle; }
	.destination input[type=text], input[type=password] { background:#fff; border:1px solid #CCC; color:#666; height:15px; font-size:10px; width:180px; margin:0 0 0 0;
	}
	#cl_droite table#formulaire_interesses tr td.periode select {
	color:#999999;
	width:180px;
	height:21px;
	border:1px solid #999999;
	margin:10px 0 10px 5px;
	}
	
	#cl_droite table#formulaire_interesses tr td.periode_groupe select {
	color:#999999;
	width:45px;
	height:21px;
	border:1px solid #999999;
	margin:10px 0 10px 5px;
	}
	
	
	#cl_droite table#formulaire_interesses tr td.remarque textarea {
	color:#999999;
	width:180px;
	height:80px;
	border:1px solid #999999;
	margin:10px 0 10px 5px;
	}
	select.annees_mois_ville{
	color:#999999;
	width:70px;
	height:21px;
	border:1px solid #999999;
	margin:10px 0 10px 5px;
	}
	
	textarea { background:#fff; border:1px solid #CCC; color:#666; height:80px; font-size:11px; width:180px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
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");
	}
	#cl_gauche_site dt.selection {
	background:#3A7E99; 
	color:#ffffff; 
	}
	#cl_gauche_site dt a.selection{
	color:#ffffff; 
	}
	#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:#3A7E99; 
	color:#ffffff; 
	}
	#cl_gauche_site dt:hover {
	display:block; 
	padding:5px; 
	background:#3A7E99; 
	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;
	}
	#cl_gauche_site li {
	border-bottom:1px solid #808080;
	padding:0 0 5px 40px;
	margin:4px 0 4px 0;
	width:175px;
	}
	#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: #3A7E99;
	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:700px;
	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;
	border-right:1px solid #333333;
	}
	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 40px; 
	}
	


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
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 table.tableau_entretien h2 {
	color:#3A7E99;
	font-weight:bold;
	font-size:13px;
	margin:13px 0 1px 0;
	}
	#cl_centre_site td.intituler_entretien { 
	color:#727C76; 
	font-size:11px; 
	line-height:12px; 
	height:auto; 
	width:100%; 
	padding:0 0 0 0;
	}
	#cl_centre_site td.commentaire { 
	color: #666666; 
	font-size:12px; 
	line-height:14px; 
	height:14px; 
	width:100%; 
	text-align: left; 
	padding:3px 0 10px 5px; 
	border-bottom:1px solid #727C76;
	}
	#cl_centre_site td.commentaire textarea {  background:#fff; border:1px solid #CCC; color:#666; height:30px; font-size:11px; width:530px; margin:0 0 5px 0;}	
	#cl_centre_site td.commentaire p.button { float:right; margin:0 12px 0 0;}	
	
	.tableau_modif_supp {
	margin:0 0 2px 0;
	}
	.tableau_modif_supp table{
	border-collapse:collapse;
	}
	.tableau_modif_supp table th{
	font-size:10px;
	text-align: left;
	vertical-align:middle;
	height:30px;
	border-left:1px solid #333333;
	padding-left:5px;
	}
	.tableau_modif_supp table th.tab_fiche_rouge{
	color:#333333;
	background:#ccc !important;
	text-align:center;
	padding:0;
	}
	.tableau_modif_supp table th.tab_fiche_rouge a{
	color: #333333;
	text-align:center;
	padding:0;
	}
	.tableau_modif_supp table th.tab_fiche_rouge a:hover{
	color:#3A7E99;
	text-align:center;
	padding:0;
	}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE SUIVI
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_centre_site table.tableau_suivi {
	width:710px;
	height:auto; 
	margin:5px 0 0 15px;
	}
	#dossier_dirigeant {
	color:#000000;
	}
	#dossier_porteur {
	color: #666666;
	}
	#cl_centre_site td.rubrique_nom { 
	color:#3A7E99; 
	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:#3A7E99; 
	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:#3A7E99; 
	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:#3A7E99; 
	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:#3A7E99; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: center;
	width:75px;
	border-bottom:1px solid #727C76;
	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;
	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:5px 0 0 15px;
	}
	#cl_centre_site  table.tableau_statistique tr td.rubrique_nom { 
	color:#3A7E99; 
	font-weight:bold; 
	font-size:12px; 
	line-height:14px; 
	height:14px;
	text-align: left;
	width:240px;
	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 table.tableau_statistique tr td.rubrique_etat { 
	color:#3A7E99; 
	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 table.tableau_statistique tr td.type_tubrique { 
	color:#727C76; 
	font-weight:bold; 
	font-size:11px; 
	line-height:14px; 
	height:14px;
	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:#3A7E99; 
	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_total.jpg) repeat-x top left;
	padding:3px 0 3px 0; 
	}	
	#cl_centre_site table.tableau_statistique tr td.information_etablissement { 
	color:#3A7E99;
	font-weight:bold; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:15px 0 15px 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;
	text-align:center;
	}
	
	#cl_centre_site table.tableau_statistique tr td.information_etablissement_liblele { 
	color:#3A7E99;
	font-weight:bold; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:15px 0 15px 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 table.tableau_statistique tr td.information_etablissement_d { 
	color:#3A7E99;
	font-weight:bold; 
	font-size:11px; 
	line-height:13px; 
	height:auto; 
	width:155px; 
	padding:15px 0 15px 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;
	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;
	background:url(../images/fr/news_fichier/031_extranet/f_trait_grd.jpg) no-repeat right 3px;
	vertical-align:middle;
	}
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
PAGE MES INTERVENANTS
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	div#mes_intervenants { 
	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#mes_intervenants table{
	border-collapse:collapse;
	}
	div#mes_intervenants table th{
	font-size:10px;
	text-align: left;
	vertical-align:middle;
	font-weight:bold;
	height:30px;
	border:1px solid #333333;
	padding-left:5px;
	}
	div#mes_intervenants table th.tab_fiche_rouge{
	color:#333333;
	background:#ccc !important;
	text-align:center;
	padding:0;
	}
	div#mes_intervenants table th.tab_fiche_rouge a{
	color: #333333;
	text-align:center;
	padding:0;
	}
	div#mes_intervenants table th.tab_fiche_rouge a:hover{
	color:#3A7E99;
	text-align:center;
	padding:0;
	}



/*------------------------------------------------------------------------------------------------------------------------------------------------------------
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; /*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: #808080; /*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:auto; background:#ffffff; position:relative; z-index:1000; }
	div#header div.bandeau_image { width:997px; height:111px; background:url(../images/fr/news_fichier/032_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:#3A7E99 !important; font-weight:bold; border-left:3px solid #3A7E99 !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;
	}
	
	
	/*-------------------
		FAQ
	-----------*/
	div#contenu_faq { padding:125px 25px 25px 25px; background: url(../images/fr/news_fichier/032_extranet/f_faq.jpg) no-repeat 0 0;   }
	div#contenu_faq ul { margin:30px 0 40px 0; padding:0; width:100%; text-align:left; color:#333; }
		div#contenu_faq ul li { font-size:13px; font-weight:bold; text-align:left; line-height:17px; height:17px; }
	div#contenu_faq h2 { font-size:16px; font-weight:bold; color:#333; text-align:left; margin:15px 0 10px 0; padding:0; }
	div#contenu_faq div.texte_article { font-size:11px; font-weight:normal; color:#333; line-height:normal; text-align:justify; }
	div#contenu_faq p.haut-page { margin:10px 0 30px 0; padding:0; text-align:left; font-size:11px; font-weight:bold; line-height:normal; }
	#contenu_faq a { font-weight:bold; color:#599ECD; text-decoration:none; }
	#contenu_faq a:hover { font-weight:bold; color:#599ECD; text-decoration:underline; }