@import url("reset.css"); 


/*-------------------------------------------------------------------------------------------------------------------------------
    STYLES GENERAUX
---------------------------------------------------------------------------------------------------------------------------------*/

/*--LES ELEMENTS HTML--*/
	body { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background: #525252 url(../images/fr/000_general/f_body.gif) repeat-x 0 0; } /* type, taille, couleur de la police et couleur de fond du site*/
	p {	font-size:11px; line-height:14px; } /* propriété général des paragraphe*/
	h1 { font-size:28px;}
	/*h1 span { color:#F09200; background:none; } */
	h2 { font-size:14px; line-height:16px; color:#000000; }
	h3 { font-size:12px; }
	h4 { font-size:11px; }
	h5{ font-size:11px; }
	h6 { font-size:11px; font-weight:normal; }
	a { margin:0; padding:0; } /* lien non visité général*/
	a:link { color: #999999; text-decoration:underline; } /* lien non visité général*/
	a:visited { color:#999999; text-decoration:underline; } /* lien visité général */
	a:hover { text-decoration:none; color:#fff } /* lien possition dessus général*/
	a:active { text-decoration:none; color:#fff; } /* lien au clique général*/ 
	img a { border:0; }/* bord toutes images avec un lien */
	
	input[type=text], input[type=password] { background:#fff; border:1px solid #CCC; color:#666; height:15px; font-size:10px; width:200px;}
	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; }
	textarea { background:#fff; border:1px solid #CCC; color:#666; height:80px; font-size:11px; width:300px; }
	
	#remise_zero { width:1003px; height:17px; clear:both; display:block;}/* bord toutes images avec un lien */
	

/*--INTRODUCTION FLASH--*/
	#fleur {
	position: absolute;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	z-index:1;
	height:176px;
	bottom:7px;
	left:0;
	}
	#bloc_abs_flash_fleur {
	position:relative;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	/*background:#ffffff url(../images/fr/000_general/f_conteneur_site.jpg) repeat-y left top;*/ /*fond image et couleur du site*/
	background:#545355 url(../images/fr/000_general/f_conteneur_fleur.jpg) no-repeat 0 0; /*fond image et couleur du site*/
	z-index:1;
	height:176px; /*hauteur de l'élément*/
	}
	#bloc_abs_flash_fleur .information_abs_flash_fleur {
	position:absolute;
	top:275px;
	left:285px;
	font-size:14px;
	color: #FFFFFF;
	line-height:16px;
	width:700px;
	}
	#bloc_abs_flash_fleur .information_abs_flash_fleur a {
	color:#E2001A;
	text-decoration:underline;
	}
	#bloc_abs_flash_fleur .information_abs_flash_fleur a:hover {
	color:#E2001A;
	text-decoration:none;
	}	
/*--FLASH LOGO--*/
	#cache_logo_pan {
	position: absolute;
	width:175px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	z-index:1;
	height:144px;
	top:0;
	left:370px;
	z-index:610;
	background:url(../images/fr/000_general/f_cache_logo.png) no-repeat 0 0;
	}
	#logo_pan {
	position: absolute;
	width:175px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	z-index:1;
	height:144px;
	top:0;
	left:370px;
	z-index:600;
	}
	#bloc_abs_flash_logo_pan {
	position:relative;
	width:175px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: #000; /*fond image et couleur du site*/
	z-index:1;
	height:144px; /*hauteur de l'élément*/
	}
	#bloc_abs_flash_logo_pan .information_abs_flash_logo_pan {
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
	color: #FFFFFF;
	line-height:11px;
	width:150px;
	padding:10px;
	}
	#bloc_abs_flash_logo_pan .information_abs_flash_logo_pan a {
	color:#E2001A;
	text-decoration:underline;
	}
	#bloc_abs_flash_logo_pan .information_abs_flash_logo_pan a:hover {
	color:#E2001A;
	text-decoration:none;
	}			

/*--DIV PRINCIPALE DU SITE--*/
	#conteneur_site {
	position:relative;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	z-index:1;
	height:auto;/*pour hauteur mini IE6*/
	}
	#contenu {
	position:relative;
	width:1003px; /*largeur de l'élément*/
	background: url(../images/fr/000_general/f_conteneur.jpg) no-repeat 0 0; /*fond image et couleur du site*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:400px; /*hauteur de l'élément*/
	min-height:400px;/*pour FF*/
	margin:1px 0 0 0;
	}
	
	#devis_gratuit {
	position: absolute;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	z-index:2;
	height:46px;
	bottom:0;
	left:0;
	}

/*--LIEN SAVOIR PLUS--*/
	.lien_savoir_plus {
	text-align:right; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	vertical-align:middle; /*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	}
	.lien_savoir_plus a {
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#999; /*couleur*/
	font-size:10px; /*taille du caractère*/
	}
	.lien_savoir_plus a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#000; /*couleur*/
	font-size:10px; /*taille du caractère*/
	background-color:#F1F1F1;
	}
/*--LIEN VOIR--*/
	.lien_voir {
	text-align: left; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	vertical-align:middle; /*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	background:url(../images/fr/000_general/p_menu_gauche.gif) no-repeat 1px 5px;
	padding:0 0 0 13px;
	}
	.lien_voir a {
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#999; /*couleur*/
	font-size:10px; /*taille du caractère*/
	}
	.lien_voir a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#000; /*couleur*/
	font-size:10px; /*taille du caractère*/
	background-color:#F1F1F1;
	}
	.retour{
	height:15px; /*hauteur de l'élément*/
	color: #999999; /*couleur*/
	font-size:10px; /*taille du caractère*/
	vertical-align:top; /*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	text-align:right; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	background:url(../images/fr/000_general/f_titre_frise_article.jpg ) repeat-x bottom left; /*frise en fond de la date*/
	}
/*--FAUSSE POP UP INFOMATION REALISATION QUI REMONTE DANS PRESTATION--*/
	.pop_rea {
	height:auto; /*hauteur de l'élément*/ 
	width:567px; /*largeur de l'élément*/
	position:absolute; 
	visibility: hidden;
	padding:10px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	top:100px; 
	left:218px;
	z-index:100;
	background-color:#FFFFFF !important;
	border:1px solid #333333;
	}
	.contenu_pop_rea {
	height:auto; /*hauteur de l'élément*/ 
	width:567px; /*largeur de l'élément*/
	}

/*-------------------------------------------------------------------------------------------------------------------------------
    ENTETE DU SITE HEADER
---------------------------------------------------------------------------------------------------------------------------------*/
	#header_print{ /*on cahe l'entête impression voir print.css */
	display:none;
	}
	#header {
	height:178px; /*hauteur de l'élément = du bandeau de site*/
	background:url(../images/fr/000_general/f_header.jpg) no-repeat 0 0; /*fond image entete site*/
	}
	#compteur_gen {
	position:absolute;
	z-index:12;
	top:15px;
	right:0;
	width:auto;
	height:44px;
	margin:0;
	padding:0 0 0 0;
	}
	#compteur_instal {
	position: relative;
	z-index:12;
	/*top:15px;
	right:325px;*/
	width:auto;
	min-width:125px;
	height:44px;
	margin:0;
	padding:20px 15px 0 0;
	background: url(../images/fr/000_general/t_nbr_inst.gif) no-repeat 0 0;
	float:left;
	}
	#compteur_kw {
	position: relative;
	z-index:13;
	/*top:15px;
	right:170px;*/
	width:auto;
	height:44px;
	margin:0;
	padding:20px 15px 0 0;
	background: url(../images/fr/000_general/t_val_kw.gif) no-repeat 0 0;
	float:left;
	}
	#compteur_euro {
	position: relative;
	z-index:14;
	/*top:15px;
	right:15px;*/
	width:auto;
	height:44px;
	margin:0;
	padding:20px 15px 0 0;
	background: url(../images/fr/000_general/t_val_euro.gif) no-repeat 0 0;
	float:left;
	}
	/*#rappel_internaute {
	position:absolute;
	z-index:13;
	top:90px;
	right:300px;
	width:167px;
	height:24px;
	margin:0;
	padding:0;
	background: url(../images/fr/000_general/t_entrez_num_tel.gif) no-repeat 0 0;
	}
	#rappel_internaute .chp_txt {
	width:130px;
	height:16px;
	line-height:16px;
	font-size:10px;
	color:#000;
	background:#FFFFFF;
	float:left;
	border:none;
	display:block;
	margin:28px 0 0 0;
	}
	#rappel_internaute .btn_ok {
	width:16px;
	height:16px;
	line-height:16px;
	font-size:10px;
	color:#000;
	float:left;
	border:none;
	display:block;
	background:#FFFFFF;
	margin:29px 0 0 6px;
	}
	#rappel_internaute .btn_ok:hover {
	background:#F09200;
	}*/
	#num_vert {
	position:absolute;
	z-index:14;
	top:85px;
	right:260px;
	width:157px;
	height:50px;
	margin:0;
	padding:0;
	background: url(../images/fr/000_general/f_num_tel.gif) no-repeat 0 0;
	}
	#demande_de_devis {
	position:absolute;
	z-index:15;
	top:100px;
	right:26px;
	width:171px;
	height:41px;
	margin:0;
	padding:0;
	background: url(../images/fr/000_general/f_demande_devis.gif) no-repeat 0 0;
	}
	#fil_info {
	position: absolute;
	top:143px;
	left:0;
	padding:0;
	margin:0;
	width:1003px;
	height:17px;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	text-align:left;
	display:block;
	z-index:16;
	}
	

/*-----------------------------------
NAV GEN NIVEAU 1
------------------------------------*/
	#nav_gen_site_niveau1 {
	width:100%;
	height:17px; 
	display:block;
	margin:17px 0 0 0;
	}
	#nav_gen_site_niveau1 ul {
	width:100%;
	height:17px; 
	display:block;
	background: #000000;
	}
	#nav_gen_site_niveau1 ul li {
	display:block;
	float:left;
	}
	#nav_gen_site_niveau1 ul li:hover {
	background: #000000 url(../images/fr/000_general/b_groupe_energeos_f2.gif) no-repeat 0 0;
	}
	#nav_gen_site_niveau1 ul li a {
	display:block;
	line-height:18px;
	padding:0;
	margin:0 1px 0 0;
	width:250px;
	}
 	#nav_gen_site_niveau1 ul li.groupe_energeos {
	background: #000000 url(../images/fr/000_general/b_groupe_energeos.gif) no-repeat 0 0;
	}
		#nav_gen_site_niveau1 ul li.groupe_energeos:hover {
		background: #000000 url(../images/fr/000_general/b_groupe_energeos_f2.gif) no-repeat 0 0;
		}
		#nav_gen_site_niveau1 ul li.groupe_energeos_actif {
		background: #000000 url(../images/fr/000_general/b_groupe_energeos_f2.gif) no-repeat 0 0;
		}
	#nav_gen_site_niveau1 ul li.offre_energeos {
	background: #000000 url(../images/fr/000_general/b_offre_energeos.gif) no-repeat 0 0;
	}
		#nav_gen_site_niveau1 ul li.offre_energeos:hover {
		background: #000000 url(../images/fr/000_general/b_offre_energeos_f2.gif) no-repeat 0 0;
		}
		#nav_gen_site_niveau1 ul li.offre_energeos_actif {
		background: #000000 url(../images/fr/000_general/b_offre_energeos_f2.gif) no-repeat 0 0;
		}
	#nav_gen_site_niveau1 ul li.photovoltaique {
	background: #000000 url(../images/fr/000_general/b_photovoltaique.gif) no-repeat 0 0;
	}
		#nav_gen_site_niveau1 ul li.photovoltaique:hover {
		background: #000000 url(../images/fr/000_general/b_photovoltaique_f2.gif) no-repeat 0 0;
		}
		#nav_gen_site_niveau1 ul li.photovoltaique_actif {
		background: #000000 url(../images/fr/000_general/b_photovoltaique_f2.gif) no-repeat 0 0;
		}
	#nav_gen_site_niveau1 ul li a.contact {
	background: #000000 url(../images/fr/000_general/b_contact.gif) no-repeat 0 0;
	margin:0 0 0 0;
	}
		#nav_gen_site_niveau1 ul li a.contact:hover {
		background: #000000 url(../images/fr/000_general/b_contact_f2.gif) no-repeat 0 0;
		}
		#nav_gen_site_niveau1 ul li a.contact_actif {
		background: #000000 url(../images/fr/000_general/b_contact_f2.gif) no-repeat 0 0;
		}
/*-----------------------------------
NAV GEN NIVEAU 2
------------------------------------*/
	
	.nav_gen_site_niveau2_col {
	position: absolute;
	top:178px;
	left:0;
	width:250px;
	height:auto;
	display:block;
	padding:0;
	margin:0;
	z-index:3000 !important;
	visibility: hidden;
	background: url(../images/fr/000_general/f_niv2_trans.png) repeat 0 0;
	}
	.nav_gen_site_niveau2_col ul {
	width:250px;
	height:auto !important;
	display:block !important;
	padding:0;
	margin:0 0 0 0;
	float:none;
	background:none !important;
	}
	.nav_gen_site_niveau2_col ul li a {
	margin:0 !important;
	padding:1px 0 1px 0 !important;
	background:none !important;
	text-decoration:none;
	color:#000000;
	display:block;
	text-align:center;
	font-size:12px;
	line-height:14px;
	}
	.nav_gen_site_niveau2_col ul li a:hover {
	color: #FFFFFF  !important;
	text-decoration: none;
	background:#F09200  !important;
	}
	
/*	.nav_gen_site_niveau2 {
	position: absolute;
	top:0;
	left:0;
	width:200px;
	height:auto; 
	display:block;
	background: url(../images/fr/000_general/f_niv2_trans.png) repeat 0 0;
	z-index:1000;
	visibility: visible;
	}
	.nav_gen_site_niveau2_col {
	width:200px;
	display:block;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	.nav_gen_site_niveau2_col ul {
	width:200px;
	height:auto !important;
	display:block !important;
	padding:0;
	margin:0 0 0 0;
	float:none;
	background:none !important;
	}
	.nav_gen_site_niveau2_col ul li{
	float:none;
	width:100%;
	}
	.nav_gen_site_niveau2_col ul li a{
	color:#666666;
	font-size:11px;
	line-height:13px;
	padding:0 0 0 0;
	margin:3px 0 0 0;
	height:auto !important;
	height:15px; 
	min-height:15px;
	text-transform: capitalize;
	display:block;
	float:none;
	}
	.nav_gen_site_niveau2_col ul li a:hover{
	color: #000000;
	background:none;
	}*/
	
/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC GAUCHE
---------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_left_site_3_colonnes {
	float:left;
	height:100%; /*hauteur de l'élément*/
	width:228px; /*largeur de l'élément*/
	/*background-color:#fff;*/ /*couleur de fond de la div gauche*/	
	background:url(../images/fr/000_general/f_ombre_menu_g.jpg) repeat-y  right 0;/*fond image ombre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:600px; /*hauteur de l'élément*/
	min-height:600px;/*pour FF*/
	}
	#cl_left_site_2_colonnes {
	float:left;
	height:100%; /*hauteur de l'élément*/
	width:228px; /*largeur de l'élément*/
	/*background-color:#fff;*/ /*couleur de fond de la div gauche*/	
	background:url(../images/fr/000_general/f_ombre_menu_g.jpg) repeat-y  right 0;/*fond image ombre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:600px; /*hauteur de l'élément*/
	min-height:600px;/*pour FF*/
	}

/*--LE MENU VERTICAL GAUCHE--*/
	/*supprime les hauteurs vide  des li ul sur EI6*/
	/*\*/ ul, li{zoom : 1;}/**/
	
	#navigation {
	margin:0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	list-style:none;
	color:#4D4D4D; /*couleur*/
	width: 215px; 
	font-size: 11px; /*taille du caractère*/
	}
/*	#navigation ul li{
	line-height:11px;
	display:block;
	background:#00FF66;
	}*/
	#navigation a, #navigation span {
	display:block;
	padding: 5px 4px 5px 30px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#4D4D4D; /*couleur*/
	text-decoration: none; /*décorations ajoutées à un texte*/
	background-color:#ffffff;
	border-bottom: 1px solid #D8D8D8;
	background:url(../images/fr/000_general/p_menu_gauche.gif)  no-repeat 10px center;
	}
	#navigation b a{/*style de la rubrique consultée*/
	color:#000; /*couleur*/
	display:block;
	width: 180px; /*pour IE */
	}
	#navigation .toggleSubMenu a, #navigation .toggleSubMenu span  {
	background:url(../images/fr/000_general/p_menu_gauche.gif)  no-repeat 10px center;
	width: 180px; /*pour IE*/
	}
	#navigation .open a, #navigation .open span {
	background:url(../images/fr/000_general/p_menu_gauche_f2.gif)  no-repeat 10px center;
    }
	#navigation a:hover, #navigation a:focus, #navigation a:active {
	display:block;
	text-decoration: underline; /*décorations ajoutées à un texte*/
	}
	#navigation .subMenu {
	background-color:#ffffff;
	font-size:.8em; /*taille du caractère*/
	margin:0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	border-bottom: 1px solid #D8D8D8;
	/*width: 172px; pour IE IE6 215px - 43px*/
	}
	#navigation ul.subMenu a {
	background: none;
	padding: 3px 3px 3px 40px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	width: 172px; /*pour IE IE6 215px - 43px*/
	}
	#navigation .open_at_load {
	background-color:#ffffff;
	font-size:.8em; /*taille du caractère*/
	margin:0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#000; /*couleur*/
	border-bottom: 1px solid #D8D8D8;
	/*width: 172px; pour IE6 215px - 43px */
	}

	#navigation ul.open_at_load a{
	background: none;
	padding: 3px 3px 3px 40px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	display:block;
	width: 172px; /*pour IE6 215px - 43px */
	}
	#encart_contact {
	float:left;
	height:100%; /*hauteur de l'élément*/
	width:215px; /*largeur de l'élément*/
	}
	#encart_contact img {
	margin:30px 0 0 19px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}
/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC CENTRE
---------------------------------------------------------------------------------------------------------------------------------*/
/*--SITUATON EN 3 COLONNES---*/
	#cl_center_site_3_colonnes {
	float:left;
	width:570px; /*largeur de l'élément*/
	background-color:#ffffff; /*couleur de fond du centre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:600px; /*hauteur de l'élément*/
	min-height:600px;/*pour FF*/
	}
	.contenu_3_colonnes {
	width:550px; /*largeur de l'élément*/
	padding:0 10px 0 10px;
	}
/*--SITUATON EN 2 COLONNES---*/
	#cl_center_site_2_colonnes {/* structure 2 colonnes pour actu, liste prestations, contact  */
	float:left;
	width:775px; /*largeur de l'élément*/
	background-color:#ffffff; /*couleur de fond du centre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:600px; /*hauteur de l'élément*/
	min-height:600px;/*pour FF*/
	}
	.contenu_2_colonnes{
	width:740px; /*largeur de l'élément*/
	margin:5px 0 0 14px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}
	.contenu_2_colonnes p{
	margin:12px 0 15px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	text-align:justify; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	line-height:12px;
	}
/*--OMBRE DES PHOTOS---*/
	.ombre_photo_grande{  /*photo article*/
	padding: 15px 0 28px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: url(../images/fr/000_general/f_ombre_photo.jpg) no-repeat left 172px; /*ombre de la photo H photo + 22px */
	}
	.ombre_photo_grande2{  /*photo article*/
	padding: 15px 0 28px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: url(../images/fr/000_general/f_ombre_photo.jpg) no-repeat left 150px; /*ombre de la photo H photo + 22px */
	}
	.ombre_photo_petite{  /*photo article*/
	padding: 0 5px 28px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: url(../images/fr/000_general/f_ombre_photo_petite.jpg) no-repeat left 70px; /*ombre de la photo H photo + 3px */
	}
/*--ARTICLE PHOTO + DESCRIPTIF--*/
	/*--DIAPORAMA---*/
	#diaporama {
	float:left;
	width:188px; /*largeur de l'élément*/
	height:136px; /*hauteur de l'élément*/
	margin:16px 10px 0 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	} 
	/*-IMAGE SEUL---*/
	#image_seul {
	float:left;
	width:200px; /*largeur de l'élément*/
	margin:5px 16px 6px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	} 
	.legende_photo { /*légende sous la photo*/
	font-size:10px; /*taille du caractère*/
	color:#666; /*couleur*/
	text-align:center; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	padding: 0 0 3px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	/*--ARTICLE--*/
	.col_droite_article {
	width:auto; /*largeur de l'élément*/
	position:relative;
	vertical-align:top;	/*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	}
	.desc_article { /*descriptif de l'article*/
	margin: 12px 0 15px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	text-align:justify; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	line-height:12px;
	}
	#boutons_article { /* bloc boutons article*/
	float:left;
	width:35px; /*largeur de l'élément*/
	height:185px;/* hauteur du bloc h photo + légende*/
	margin:2px 0 0 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	z-index:11;
	}
	#boutons_article img{ /* supprim l'ombre*/
	background:none;
	}
/*--POPUP DIV ENVOI MAIL---*/
	div.pop-mail {
	position:absolute; 
	visibility: hidden;
	z-index:303; 
	top:255px; 
	left:450px; 
	height:110px; /*hauteur de l'élément*/
	width:300px;  /*largeur de l'élément*/
	border: solid 5px #333333;
	background: url(../images/fr/080_recrutement/p_h5.jpg) no-repeat 5px 5px;
	background-color:#FFFFFF !important;
	}
	div.pop-mail p {
	margin:0 0 0 20px !important;
	padding:0;
	width:250px !important;
	}
	div.pop-mail input.btn_formulaire{/*bouton valider*/
	margin:10px 0 0 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	background-color:#333333;
	color:#FFF; /*couleur*/
	}
	.entete-pop {
	float:left;
	width:258px; /*largeur de l'élément*/
	padding: 5px 0 0 20px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	height:20px; /*hauteur de l'élément*/
	color:#333333; /*couleur*/
	}
	.entete-pop-fermer {
	float:right;
	padding: 5px 5px 0 0;/*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	
	.clear-position {
	clear:both;
	display:block;
	width:100%; /*largeur de l'élément*/
	padding: 15px 0 15px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}	/*--BOUTONS (MAIL TAILLE TEXTE TELECHARGEMENT)--*/
	#picto-article {
	position:absolute;
	top:191px;
	left:749px;
	width:50px; /*largeur de l'élément*/
	z-index:12;
	}
	#haut-page{ /* position du bouton de haut de page*/
	width:100%;
	margin: 10px 15px 10px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}
	#haut-page a{ /* position du bouton de haut de page*/
	color: #000000;
	float:right;
	text-decoration:none;
	font-size:10px;
	display:block;
	padding:0 20px 0 0;
	}
	#haut-page a:hover{ /* position du bouton de haut de page*/
	color: #666666;
	text-decoration:underline;
	}
	
/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC DROIT
---------------------------------------------------------------------------------------------------------------------------------*/
	#cl_right_site_3_colonnes {
	float:right;
	width:190px; /*largeur de l'élément*/
	background-color:#fff; /*couleur de fond de la div droite*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:600px; /*hauteur de l'élément*/
	min-height:600px;/*pour FF*/
	}
	#cl_right_site_3_colonnes div{
	margin: 0 0 15px 15px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding: 0 0 10px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	border-bottom: 1px solid #D8D8D8;	
	}
	#cl_right_site_3_colonnes div img{
	padding: 0 0 12px 0 ; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#cl_right_site_3_colonnes div p.desc-mini{
	font-size:11px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	padding:0 10px 0 10px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#cl_right_site_3_colonnes div p.date-mini{
	font-size:11px; /*taille du caractère*/
	padding:0 10px 0 10px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#cl_right_site_3_colonnes h1.cap {/*forcer la première lettre en capitale*/
	font-variant: normal;
	text-transform: none;
	}
	#cl_right_site_3_colonnes p.liens {/*desc accompagnement*/
	color:#333333; /*couleur*/
	line-height:18px;
	vertical-align:top; /*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	font-size:11px; /*taille du caractère*/
	padding:0 0 0 13px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	
	}
	#cl_right_site_3_colonnes  a {/*desc accompagnement*/
	color: #000; /*couleur*/
	line-height:18px;
	vertical-align:top; /*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	font-size:11px; /*taille du caractère*/
	}
	
/*-------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
---------------------------------------------------------------------------------------------------------------------------------*/
	#footer {
	height:24px; /*hauteur de l'élément = hauteur du pied de page*/
	background-color:#fff; /*couleur de fond du pied de page*/
	width:100%; /*largeur de l'élément*/
	font-size:9px; /*taille du caractère*/
	clear:both;
	border-top: solid 1px #D8D8D8; /*bordure haut du pied de page*/
	}
	#footer ul{
	display:block;
	float:left;
	width:650px;
	padding:5px;
	margin:0;
	}
	#footer li{
	display:inline;	
	margin: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	padding: 0 0 0 5px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#footer li a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#666; /*couleur*/
	}
	#footer li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	background:#f5f5f5;
	color:#000; /*couleur*/
	}
	#footer li a.select_rub{/* sélection de la rubrique active*/
	text-decoration:none; 
	font-weight:bold;
	color:#000; 
	}
	.select-n-bas{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#666; /*couleur*/
	font-size:18px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	}
	#footer div.benefice-net {
	float:right;
/*	width:200px;
*/	margin: 0px 5px 0px 0px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}


/*-------------------------------------------------------------------------------------------------------------------------------
NAV PAGE
---------------------------------------------------------------------------------------------------------------------------------*/
	.nav_page {
	background:transparent url(../images/fr/080_recrutement/fond_nav_page_a_page.gif) repeat-x scroll left center;
	height:26px;
	margin:0 10px 0 15px;
	position:relative;
	vertical-align:middle;
	width:97%;
	}
	.retour {
	position:absolute;
	right:30px;
	top:0;
	}
	.h_page {
	position:absolute;
	right:0;
	top:2px;
	}
	a.txt_h_page {
	background: url(../images/fr/080_recrutement/fl_haut_page.gif) no-repeat scroll 8px 10px;
	color: #666666;
	display:block;
	font-size:10px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	}
	a.txt_h_page:hover {
	color:#CCCCCC;
	font-size:10px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	background:url(../images/fr/000_general/f_fleche_r.gif) no-repeat scroll 8px 10px;
	}
	a.precedent {
	background:transparent url(../images/fr/080_recrutement/fl_page_pres.gif) no-repeat scroll 8px 6px;
	color:#666666;
	display:block;
	float:left;
	font-size:11px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	width:50px;
	}
	a.precedent:hover {
	color:#CCCCCC;
	font-size:11px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	}
	a.suivant {
	background:transparent url(../images/fr/080_recrutement/fl_page_suiv.gif) no-repeat scroll right 6px;
	color:#666666;
	display:block;
	float:left;
	font-size:11px;
	padding:5px 15px 3px 5px;
	text-align:right;
	text-decoration:none;
	width:30px;
	}
	a.suivant:hover {
	color:#CCCCCC;
	font-size:11px;
	padding:5px 15px 3px 5px;
	text-decoration:none;
	}
	a.page_norm {
	border:1px solid #666666;
	color:#666666;
	float:left;
	font-size:11px;
	margin:2px 5px 0 0;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	}
	a.page_norm:hover {
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	float:left;
	font-size:11px;
	margin:2px 5px 0 0;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	}
	a.page_select {
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	float:left;
	font-size:11px;
	margin:2px 5px 0 0;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	}
/*FORMULAIRE POP UP*/	
.carte_zoom {
width:438px;
height:600px; 
margin:0;
padding:0;
background: url(../images/fr/010_accueil/f_carte_zoom.png) no-repeat 0 0;
position:absolute;
top:0;
left:420px;
visibility: hidden;
z-index:1000;
}
	
/*FORMULAIRE POP UP*/	
.formulaire {
width:438px;
height:600px; 
margin:0;
padding:0;
background: url(../images/fr/060_contact/f_formulaire.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
visibility: hidden;
z-index:1000;
}
.fermer {
width:40px;
height:40px; 
margin:0;
padding:0;
position:absolute;
top:10px;
right:10px;
z-index:2000;
display:block;
}
.formulaire p.intro{
font-weight:bold;
margin:25px 0 10px 30px;
color:#F09200;
text-transform:uppercase;
}
.formulaire p.habitat{
font-weight:bold;
margin:15px 0 10px 30px;
color:#F09200;
text-transform:uppercase;
}
.formulaire label.base {
margin:2px 0 0 30px;
padding:0;
width:100px;
display: inline-block;
}
.formulaire label.info_complem1 {
margin:2px 0 0 30px;
padding:0;
width:270px;
display: inline-block;
}
.formulaire label.info_complem2 {
margin:2px 0 0 30px;
padding:0;
width:50px;
display: inline-block;
}
.formulaire label.info_complem2_rep {
margin:2px 18px 0 2px;
padding:0;
width:70px;
display: inline-block;
}
.formulaire label.info_complem3 {
margin:2px 0 0 30px;
padding:0;
width:120px;
display: inline-block;
}
.formulaire label.info_complem3_rep {
margin:2px 5px 0 2px;
padding:0;
width:auto;
display: inline-block;
}
.formulaire .champ_txt {
width:240px;
height:16px;
line-height:16px;
margin:4px;
padding:0;
background:#F4F4F4;
}
.formulaire .case_cocher{
margin:4px 4px 0 30px;
}
.formulaire .b_envoyer{
margin:5px 4px 0 30px;
padding:3px 15px 3px 15px;
background:#F09200;
color:#FFFFFF;
border:1px solid #FFFFFF;
}
.formulaire .b_envoyer:hover{
background:#FFFFFF;
color:#F09200;
border:1px solid #F09200;
}
.formulaire p.champs_obli{
margin:10px 0 10px 30px;
color: #999999;
font-size:9px;
}