@import url("reset.css"); 


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

/*--LES ELEMENTS HTML--*/
	body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
} /* type, taille, couleur de la police et 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:#F8992B; text-decoration:underline; } /* lien non visité général*/
	a:visited { color:#F8992B; text-decoration:underline; } /* lien visité général */
	a:hover { text-decoration:none; color:#F8992B } /* lien possition dessus général*/
	a:active { text-decoration:none; color:#c00000; } /* lien au clique général*/ 
	img a { border:0; }/* bord toutes images avec un lien */


	/*--DIV PRINCIPALE DU SITE--*/
	#conteneur_site {
	position:relative; /*marges extérieures de la div*/
	padding:0; /*fond image  et couleur du site*/
	z-index:1;
	}
	/*--NAVIGATION CONTEXTUEL--*/
	#conteneur_site h1 {
	font-size:10px;
	color:#878787;
	padding:20px 35px 20px 0;
	background:url(../images/fr/000_general/f_frise_nav_contextuelle.gif) repeat-x bottom left; /*frise en fond de la navigation*/
	margin:0 15px 10px 15px;
	font-weight:normal;
	text-transform:lowercase; /* capital*/
	}
	#conteneur_site h1 a {
	font-size:10px;
	font-weight:normal;
	color:#878787;
	text-decoration:none;
	text-transform:lowercase;	
	}
	#conteneur_site h1 a:hover {
	color:#333333;
	font-size:10px;
	}	
	#conteneur_site h1 a.page_focus {
	font-size:10px;
	color:#F8992B;
	font-weight:bold;
	text-transform:uppercase;	
	}
	#conteneur_site h2 { /*titre article*/
	color:#F7931E;
	padding-bottom:5px;
	background:url(../images/fr/000_general/f_titre_frise_article.jpg ) repeat-x bottom left; /*frise en fond du titre*/
	}	
	/*--LIEN SAVOIR PLUS--*/
	.lien_savoir_plus {
	text-align:right;
	vertical-align:middle;
	}
	.lien_savoir_plus a {
	text-decoration:none;
	color:#999;
	font-size:10px;
	}
	.lien_savoir_plus a:hover{
	text-decoration:none;
	color:#F7931E;
	font-size:10px;
	background-color:#FCF2E6;
	}

/*-------------------------------------------------------------------------------------------------------------------------------
    ENTETE DU SITE HEADER
---------------------------------------------------------------------------------------------------------------------------------*/
	#header {
	position:relative;
	height:123px; /*hauteur du bandeau de site*/
	background: url(../images/fr/000_general/f_header_site.jpg) no-repeat left top; /*fond image entete site*/
	background-color:#FFFFFF; /*couleur de fond du bandeau de site*/
	}
	#bouton_imprimer{
	display:none;
	}
	/*--BLOC COORDONNEES --*/
	#adresse {
	color:#000;
	font-size:10px;
	line-height:13px;
	height:35px;
	}
	#adresse p {
	padding: 15px 0 0 25px;
	}
	#adresse a {
	color: #0081AB;
	font-weight:bold;
	text-decoration:none;
	}
	#adresse a:hover {
	color: #F7931E;
	font-weight:bold;
	text-decoration: inherit;
	}

/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC CENTRE
---------------------------------------------------------------------------------------------------------------------------------*/
	/*--3 COLONNES---*/
	#cl_center_site_3_colonnes {
	/*width:570px; largeur de la div gauche*/
	background-color:#ffffff; /*couleur de fond du centre*/
	}
	#cl_center_site_3_colonnes #contenu {
/*	width:550px;
padding:0 10px 0 10px;*/	
	}
	
	/*--2 COLONNES---*/
	#cl_center_site_2_colonnes {/* structure 2 colonnes pour actu, liste prestations, contact  */
	/*width:775px; largeur de la div gauche*/
	background-color:#ffffff; /*couleur de fond du centre*/

	}
	.contenu{
/*	width:740px;
	margin:5px 0 0 14px;*/
	}
	.contenu p{
	margin-top:12px;
	margin-bottom:15px;
	text-align:justify;
	line-height:1.2em;
	}
	/*--OMBRE DES PHOTO---*/
	.ombre_photo_grande{  /*photo article*/
	padding: 15px 0 28px 0 ;
	background: url(../images/fr/000_general/f_ombre_photo_petite.jpg) no-repeat left 172px; /*ombre de la photo H photo + 22px */
	}
	.ombre_photo_petite{  /*photo article*/
	padding: 0 5px 28px 0 ;
	background: url(../images/fr/000_general/f_ombre_photo_petite.jpg) no-repeat left 70px; /*ombre de la photo H photo + 3px */
	}

	/*-IMAGE SEUL---*/
	#image_seul {
	float:left;
	width:200px;
	margin:5px 16px 6px 0;
	} 
	.legende_photo { /*légende sous la photo*/
	font-size:10px; /*taille de typo*/
	color:#666; /*couleur typo*/
	text-align:center;
	padding: 0 0 3px 0;
	}
	/*--ARTICLE--*/
	.desc_article { /*descriptif de l'article*/
	margin-top:12px;
	margin-bottom:15px;
	text-align:justify;
	line-height:1.2em;
	}
	#boutons_article { /* bloc boutons article*/
	float:left;
	width:35px;
	height:185px;/* hauteur du bloc h photo + légende*/
	margin:2px 0 0 0;
	z-index:11;
	}
	#boutons_article img{ /* supprim l'ombre*/
	background:none;
	}
	.clear-position {
	clear:both;
	width:100%;
	margin: 30px 0 30px 0;
	}
	/*--BOUTONS (MAIL TAILLE TEXTE TELECHARGEMENT)--*/
	#picto-article {
	position:absolute;
	top:191px;
	left:749px;
	width:50px;
	z-index:12;
	}
	#haut-page{ /* position du bouton de haut de page*/
	display:none;
	}
	

	
/*-------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
---------------------------------------------------------------------------------------------------------------------------------*/
	#footer {
	height:24px; /*hauteur du pied de page*/
	background-color:#FFFFFF; /*couleur de fond du pied de page*/
	width:100%;
	font-size:9px;
	clear:both;
	border-top: solid 1px #D8D8D8; /*bordure haut du pied de page*/
	}
	#footer li{
	float:left;
	padding: 7px 0 10px 5px;
	}
	#footer li a{
	text-decoration:none;
	color:#666;
	}
	#footer li a:hover{
	text-decoration:none;
	background:#f5f5f5;
	color:#000;
	}
	.select-n-bas{
	text-decoration:none;
	color:#666;
	font-size:18px;
	font-weight:bold;
	}
	#footer div.benefice-net {
	float:right;
	margin: 0px 5px 0px 0px;
	}