@import url("reset.css"); 


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

/*--LES ELEMENTS HTML--*/
	body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background: #fff; } /* type, taille, couleur de la police et couleur de fond du site*/
	p {	font-size:1em; } /* propriété général des paragraphe*/
	h1 { font-size:1em; } 
	h2 { font-size:1.2em; }
	h3 { font-size:1.2em; }
	h4 { font-size:1em; }
	h5{ font-size:0.8em; }
	h6 { font-size:0.8em; font-weight:normal; }
	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 */
	#remise_zero { width:100%; display: block; clear:both; height:1px;}
	
	#besoin_aide { position:absolute; top:240px; right:40px; width:160px;}
	#besoin_aide h1 { color:#0B5A45 ;font-size:13px;font-weight:bold;text-align:left;margin:10px 0 0 5px 0;padding:0 0 3px 15px; background:url(../images/fr/000_general/p_h1.gif) no-repeat 0 0;}
	#besoin_aide p { color:#0B5A45; font-size:11px; padding:0 0 3px 0;}
	#besoin_aide a { color:#0B5A45; font-size:11px;}
	#besoin_aide a:hover { color: #666666; font-size:11px;}
	
	#besoin_aide_btn_rea { position:absolute; top:440px; right:260px; width:160px;}
	
/*--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)*/
	background:#ffffff url(../images/fr/000_general/f_site_generale.gif) repeat-y left top; /*fond image et couleur du site*/
	z-index:1;
	height:auto; /*hauteur de l'élément*/
	}
/*--FLASH--*/
	#visuel_low_accueil {
	width:967px;
	height:130px;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	#contenu {
	margin:20px auto;
	padding:0 0 0 74px;
	text-align: left;
	height:auto !important;/*pour hauteur mini IE6*/
	height:230px; /*hauteur de l'élément*/
	min-height:230px;/*pour FF*/
	}
	#acce_rub {
	width:151px;
	height:147px;
	margin:0 25px 0 0;
	padding:0;
	float:left;
	}
	.img_rea {
	height:80px;
	}
	#acce_rub p {
	color:#8C8C8C;
	font-size:11px;
	line-height:13px;
	height:80px;
	margin:5px 0 0 0;
	}
	#acce_rub a {
	margin:5px 0 0 0;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	text-decoration:none;
	}
	#acce_rub a:hover {
	color:#8C8C8C;
	text-transform:uppercase;
	text-decoration: underline;
	}
		#acce_rub a.acce_parking {
		color:#339900;
		}
		#acce_rub a.acce_agro {
		color:#FF7F00;
		}
		#acce_rub a.acce_terrazoflex {
		color: #666666;
		}
		#acce_rub a.acce_industrie {
		color:#047391;
		}
		#acce_rub a.acce_deco {
		color:#8F0000;
		}
/*NAV CONTEXTUELLE*/	
#main {
width:967px;
margin:0 0 0 18px;
}
.contenu {
width:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.contenu p.nav {
border-bottom:2px dotted #B6B6B6;
color:#B6B6B6;
line-height:18px;
font-size:11px;
margin:0 0 20px 0;
padding:0;
width:100%;
}
.contenu p.nav a {
color:#B6B6B6;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
.contenu p.nav a:hover {
color:#0B5A45;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/*STYLE SOCIETE IDEM PARTOU*/
.contenu fieldset.menu_vertical {
text-align:center;
margin:0;
padding:0;
border-bottom:none;
height: 504px !important;
min-height:204px;
overflow:hidden;
height:expression(
this.scrollHeight < 204? "204px" : "auto" );

}
.contenu fieldset.menu_vertical legend {
color:#0B5A45;
font-weight:bold;
font-size: 15px;
margin:0;
padding:10px;
}
.contenu fieldset.menu_vertical p {
color:#B6B6B6;
font-size:12px;
text-align:left;
margin:0 0 0 0;
padding:10px;
}
.contenu fieldset.menu_vertical p a {
color:#B6B6B6;
font-weight:normal;
text-decoration:none;
}
.contenu fieldset.menu_vertical p a:hover {
color:#0B5A45;
font-weight:normal;
text-decoration:none;
}
.contenu fieldset.menu_vertical p.select a {
color:#0B5A45;
font-weight:normal;
text-decoration:none;
}
.contenu fieldset.menu_vertical p.select a:hover {
color:#0B5A45;
font-weight:normal;
text-decoration:none;
}
.contenu fieldset.haut {
text-align:center;
margin:0;
margin-top:8px;
padding:0;
border-top:none;
border-right:none;
}
.contenu fieldset.haut h1 {
color:#0B5A45 ;
font-size:13px;
font-weight:bold;
text-align:left;
margin:10px 0 0 5px 0;
padding:0 0 0 15px;
background:url(../images/fr/000_general/p_h1.gif) no-repeat 0 0;
}
.contenu fieldset.centre {
text-align:center;
margin:0;
padding:0;
border-top: none;
border-bottom: none;
border-right: none;
min-height:180px;
vertical-align:top;
}
.contenu fieldset.centre p {
color: #666666;
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
padding-top:12px;
padding-left:15px;
padding-right:10px;
line-height:18px;
}
.contenu fieldset.centre h2 {
color:#0B5A45 ;
font-size:13px;
font-weight:bold;
text-align:left;
margin:10px 0 0 5px 0;
padding:0 0 0 15px;
background:url(../../images/fr/000_general/p_h1.gif) no-repeat 0 0;
}
.spacer {
margin:0;
padding:0;
line-height:10px;
height:10px;
}
#col-fom{
vertical-align:top;
}	
/*RUBRIQUE PRESTATION*/ 
.lien_all_realisations {
float:left;
margin:0;
padding:0;
margin-left:15px;
width:180px;
text-align:center;
font-size:11px;
line-height:25px;
}
.lien_all_realisations a {
color:#000000;
text-decoration:underline;
font-weight:normal;
}
.lien_all_realisations a:hover {
color:#000000;
text-decoration:none;
font-weight:normal;
}

/*-------------------------------------------------------------------------------------------------------------------------------
    ENTETE DU SITE HEADER
---------------------------------------------------------------------------------------------------------------------------------*/
	#header_print{ /*on cahe l'entête impression voir print.css */
	display:none;
	}
	#header {
	position:relative;
	height:223px; /*hauteur de l'élément = du bandeau de site*/
	background: url(../images/fr/000_general/f_header.jpg) no-repeat left top; /*fond image entete site*/
	}
	#badeau_int {
	position: absolute;
	width:967px;
	height:63px; /*hauteur de l'élément = du bandeau de site*/
	bottom:0;
	left:26px;
	}
	#nav_gen_site {
	position:absolute;
	height:59px; /*hauteur de l'élément*/
	top:75px;
	right:80px;
	z-index:100;
	}
	#nav_gen_site dt {
	display:inline;
	margin:auto 5px;
	height:59px;
	width:auto;
	display:block;
	background: url(../images/fr/000_general/f_sep_nav_gen.gif) no-repeat top right ;
	float:left;
	}
	#nav_gen_site dt:hover {
	background: url(../images/fr/000_general/f_sep_nav_gen_f2.gif) no-repeat top right ;
	}
	#nav_gen_site dt.survol {
	background: url(../images/fr/000_general/f_sep_nav_gen_f2.gif) no-repeat top right ;
	}
	#nav_gen_site dt a {
	color:#999999;
	text-decoration:none;
	font-size:12px;
	padding:0 10px 5px 0;
	}
	#nav_gen_site dt a:hover {
	color: #0B5A45;
	padding:0 10px 5px 0;
	display:block;
	}
	#nav_gen_site dt a.survol {
	color:#0B5A45;
	font-weight:bold;
	padding:25px 10px 5px 0;
	display:block;
	}
	#logo { /* position du bloc dessus le logo avec lien retour accuiel*/
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	}
	
	
/*-------------------------------------------------------------------------------------------------------------------------------
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: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:204px; /*largeur de l'élément*/
	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*/
	margin:20px 0 0 84px;
	}

/*-------------------------------------------------------------------------------------------------------------------------------
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:630px; /*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*/
	margin:20px 0 0 0;
	}
	.contenu_2_colonnes{
	width:620px; /*largeur de l'élément*/
	margin:5px 0 0 0; /*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:1.2em;
	}
	
/*-------------------------------------------------------------------------------------------------------------------------------
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:50px; /*hauteur de l'élément = hauteur du pied de page*/
	background: url(../images/fr/000_general/f_footer.gif) no-repeat 5px 0; /*couleur de fond du pied de page*/
	width:100%; /*largeur de l'élément*/
	font-size:9px; /*taille du caractère*/
	clear:both;
	}
	#footer ul{
	float:left;
	padding:5px 0 0 75px;
	margin:10px 0 0 0;
	display:block;
	width:800px;
	}
	#footer li{
	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)*/
	float:left;
	display:block;
	color:#8C8C8C; /*couleur*/
	}
	#footer li a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#8C8C8C; /*couleur*/
	text-transform: lowercase;
	}
	#footer li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#0B5A45; /*couleur*/
	}
	#footer li a.select_rub{/* sélection de la rubrique active*/
	text-decoration:none; 
	color:#000; 
	text-transform: uppercase;
	}
	.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)*/
	}