@import url("reset.css"); 


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

/*--LES ELEMENTS HTML--*/
	body { font-family:"Georgia","Times New Roman", Times, serif; font-size:0.8em; color:#000000;} /* type, taille, couleur de la police et couleur de fond du site*/
	p {	font-size:11px; font-family:Arial, Helvetica, sans-serif } /* propriété général des paragraphe*/
	h1 { font-size:1em; } 
	h2 { font-size:1.2em; }
	h3 { font-size: 24px; color:#999999; margin:15px 0 12px 50px; vertical-align:bottom }
	h4 { font-size: 13px; color: #FFFFFF; background:#999999; line-height:15px; padding:2px 2px 2px 4px; width:310px; margin:0 0 10px 75px; }
	h5{ font-size: 12px; color:#BD2C16; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background: url(../images/fr/000_general/p_h5.gif) no-repeat 0 0; padding:0 0 0 15px; margin:7px 0 0 50px; }
	h6 { font-size:0.8em; font-weight:normal; }
	sup { vertical-align:top !important }
	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:259px; }

	#warpper{ /* voir dans la css de chaque rub fond 100% */
	background:url(../images/fr/000_general/f_notre_entreprise.jpg) no-repeat center top;
	}
	#anim_texte{ /* voir dans la css de chaque rub fond 100% */
	position:absolute;
	z-index:2000 !important;
	width:370px;
	height:94;
	top:15px;
	left:420px;
	}
	
/*--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:2;
	height:auto; /*hauteur de l'élément*/
	}
	
/*--NAVIGATION CONTEXTUEL--*/

	#nav_contextuelle {
	margin:12px 0 10px 95px;
	}
	#conteneur_site h1 {
	font-size:10px; /*taille du caractère*/
	color:#878787; /*couleur*/
	/*padding:20px 35px 20px 0; espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	/*margin:0 15px 10px 15px; 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:lowercase; /* capital*/
	}
	#conteneur_site h1 a {
	font-size:10px; /*taille du caractère*/
	font-weight:normal; /*stye le graisse du caractère*/
	color:#878787; /*couleur*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	text-transform:lowercase;	
	}
	#conteneur_site h1 a:hover {
	color:#BD2C16; /*couleur*/
	font-size:10px; /*taille du caractère*/
	}	
	#conteneur_site h1 a.page_focus {
	font-size:10px; /*taille du caractère*/
	color:#BD2C16; /*couleur*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-transform:uppercase;	
	}
	#conteneur_site h2 { /*titre article*/
	color:#000; /*couleur*/
	padding:0 0 5px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	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; /*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:#BD2C16; /*couleur*/
	font-size:10px; /*taille du caractère*/
	}
	.lien_savoir_plus a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#878787; /*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 #BD2C16;
	}
	.contenu_pop_rea {
	height:auto; /*hauteur de l'élément*/ 
	width:567px; /*largeur de l'élément*/
	}
/*--------------------------------------------------------------------------------------------------------------------------------------------	
POP UP ACTUALITE ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------------	*/
/*POP UP DEPART	*/
	.pop_up_depart{
	position: absolute;
	width: 490px;
	height:auto !important;
	min-height:150px;
	height:15px;
	margin:0;
	padding:0;
	z-index: 3000;
	top: 75px;
	left: 600px;
	visibility: visible;
	background: url(../images/fr/000_general/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
	.pop_up_depart h1{
	position:relative;
	margin:0;
	padding:0 0 15px 45px;
	width:410px;
	height:20px;
	top:10px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	background:url(../images/fr/000_general/actualite/puce.gif) no-repeat 25px -2px;
	}
	.pop_up_depart h2{
	margin:0 15px 0 25px;
	padding:0;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-size:15px;
	}
/*POP UP SUIVANTE	*/
	.pop_up_suivante{
	position: absolute;
	width: 490px;
	height:auto !important;
	min-height:150px;
	height:15px;
	margin:0;
	padding:0;
	z-index: 3000;
	top: 75px;
	left: 600px;
	visibility: hidden;
	background: url(../images/fr/000_general/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
	.pop_up_suivante h1{
	position:relative;
	margin:0;
	padding:0 0 15px 45px;
	width:410px;
	height:20px;
	top:10px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	background:url(..//images/fr/000_general/actualite/puce.gif) no-repeat 25px -2px;
	}
	.pop_up_suivante h2{
	margin:0 15px 0 25px;
	padding:0;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-size:15px;
	}
/*GENERAL POP UP ACTU	*/
	#contenu_actu{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	}
	#descriptif_contenu{
	margin:0 15px 5px 25px;
	padding:0;
	margin-top:5px;
	color:#333333;
	text-align:justify;
	font-size:11px;
	font-weight:normal;
	}
	#fds_center_pop_up_depart{
	background: url(../images/fr/000_general/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
    #fermer_actu{
	margin:0;
	padding:0;
	position:absolute;
	height:20px;
	width:120px;
	left:400px;
	top:8px;
	}
	#telecharger_lien{
	position:relative;
	display:block;
	margin:0;
	padding:10px 0 5px 15px;
	width:255px;
	height:19px;
	float:left;
	color: #000000;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	text-align:justify;
	}
/*DEFILEMENT POP UP ACTU	*/
	#pscroller1{
	width: 230px;
	height:90px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	.someclass{ 
	width: 230px;
	height:90px;
	margin:0;
	padding:0;
	vertical-align:top;
	font-family:"Georgia","Times New Roman", Times, serif;
	font-size:10px;
	color:#666666;
	}
	#module{
	color: #000000;
	width:230px;
	float: left;
	height:90px;
	position: absolute;
	top:0;
	left:800px;
	z-index:1000;
	margin:20px 0 0 0;
	}
	#module a{
	color: #BD2C16;
	}
	#module a:hover{
	color: #BD2C16;
	text-decoration:none;
	}
	#module h1 {
	margin:0;
	padding:0;
	font-size:11px;
	color:#BD2C16;
	margin-left:6px;
	margin-bottom:2px;
	width:auto;
	}
	#module img {
	float:right;
	margin:5px;
	}
	#module p.desc {
	margin:0;
	padding:0;
	color: #4D4D4D;
	font-size:10px;
	margin-left:6px;
	text-align: left;
	margin-bottom:4px;
	margin-right:5px;
	}
	#module h1.taille {
	width:280px;
	}
	

/*-------------------------------------------------------------------------------------------------------------------------------
    ENTETE DU SITE HEADER
---------------------------------------------------------------------------------------------------------------------------------*/
	#header_print{ /*on cahe l'entête impression voir print.css */
	display:none;
	}
	#header {
	position:relative;
	height:145px; /*hauteur de l'élément = du bandeau de site*/
	background-color:none; /*couleur de fond du bandeau de site*/
	}
	#nav_gen_site2 {
	height:32px; /*hauteur de l'élément*/
	font-size:12px;
	color:#FFFFFF;
	margin:0 0 0 72px;
	}
	/*début header texte*/
	#nav_gen_site2 dl {
	display:inline;
	margin:0;
	padding:0;
	height:32px;
	}
	#nav_gen_site2 dl dt {
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	}
/*survol*/	
	#nav_gen_site2 dl dt.survol {
	width:84px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	}
	#nav_gen_site2 dl dt.survol:hover   {
	width:84px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background: #FFFFFF;
	}
	#nav_gen_site2 dl dt.survol:hover a   {
	width:84px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#BD2C16;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.survol a  {
	color: #FFFFFF;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.survol a:hover   {
	color:#BD2C16;
	}
	#nav_gen_site2 dl dt#survol_survol {
	width:84px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	background:#FFFFFF;
	}
	#nav_gen_site2 dl dt#survol_survol a {
	color:#BD2C16;
	text-decoration:none;
	}
/*reprise_transmission*/	
	#nav_gen_site2 dl dt.reprise_transmission {
	width:152px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	}
	#nav_gen_site2 dl dt.reprise_transmission:hover   {
	width:152px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background: #FFFFFF;
	}
	#nav_gen_site2 dl dt.reprise_transmission:hover a   {
	width:152px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#BD2C16;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.reprise_transmission a  {
	color: #FFFFFF;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.reprise_transmission a:hover   {
	color:#BD2C16;
	}
	#nav_gen_site2 dl dt#survol_reprise_transmission {
	width:152px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	background:#FFFFFF;
	}
	#nav_gen_site2 dl dt#survol_reprise_transmission a {
	color:#BD2C16;
	text-decoration:none;
	}
/*entreprise*/	
	#nav_gen_site2 dl dt.entreprise {
	width:110px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	}
	#nav_gen_site2 dl dt.entreprise:hover   {
	width:110px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background: #FFFFFF;
	}
	#nav_gen_site2 dl dt.entreprise:hover a   {
	width:110px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#BD2C16;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.entreprise a  {
	color: #FFFFFF;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.entreprise a:hover   {
	color:#BD2C16;
	}
	#nav_gen_site2 dl dt#survol_entreprise {
	width:110px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	background:#FFFFFF;
	}
	#nav_gen_site2 dl dt#survol_entreprise a {
	color:#BD2C16;
	text-decoration:none;
	}
/*recrutement*/	
	#nav_gen_site2 dl dt.recrutement {
	width:95px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	}
	#nav_gen_site2 dl dt.recrutement:hover   {
	width:95px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background: #FFFFFF;
	}
	#nav_gen_site2 dl dt.recrutement:hover a   {
	width:95px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#BD2C16;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.recrutement a  {
	color: #FFFFFF;
	text-decoration:none;
	}
	#nav_gen_site2 dl dt.recrutement a:hover   {
	color:#BD2C16;
	}
	#nav_gen_site2 dl dt#survol_recrutement {
	width:95px;
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	background:#FFFFFF;
	}
	#nav_gen_site2 dl dt#survol_recrutement a {
	color:#BD2C16;
	text-decoration:none;
	}		
/*fin header texte*/
	
	#logo { /* position du bloc dessus le logo avec lien retour accuiel*/
	position: relative;
	top:0;
	left:0;
	
	}
	#logo h6 {
	font-size:0.8em; /*taille du caractère*/
	margin:5px 0 0 10px;
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	float:left;
	display:none;
	}
	
	/*--STYLE DE LA PAGE ENCART NON LOGUE (include>010_WD>encart_authentification)--*/	
	div#non_logue {
	width:208px;
	height:125px;
	background:transparent; 
	padding:5px 10px 5px 10px; 
	float:right; 
	font-size:11px;	
	}
	div#non_logue h2 { 
	font-size:13px; 
	color: #FFFFFF; 
	font-weight:bold;
	margin:0 0 5px 0; 
	padding:0 0 5px 0; 
/*	height:18px; 
	line-height:18px; */
	background:url(../images/fr/070_extranet/f_h2.gif) repeat-x bottom left;
	}
	div#non_logue p {
	height:12px;
	width:100%;
	color:#CCCCCC;
	margin:2px 0 2px 0;
	font-size:10px;
	padding:0;
	}
	div#non_logue p a {
	color: #999999;
	margin:0;
	padding:0;
	font-size:10px;
	text-decoration:underline;
	}
	div#non_logue p a:hover {
	color: #FFFFFF;
	margin:0;
	padding:0;
	font-size:10px;
	}

	div#non_logue form input.champ_texte {
	background:#fff; border:1px solid #CCC; color:#666; height:15px; font-size:10px; width:200px;
	margin:0 0 3px 0;
	}
	div#non_logue form input.champ_mdp_texte  {
	background:#fff; border:1px solid #CCC; color:#666; height:15px; font-size:10px;
	width:162px;
	}
	div#non_logue form input.ok {
	width:32px;
	height:22px;
	padding:0 3px 0px 3px;
	margin:0 0 0 7px;
	line-height:15px;
	background:#333333; 
	border:1px solid #666666; 
	color:#999999; 
	font-size:11px;
	font-weight:bold; 
	font-variant:small-caps; 
	letter-spacing:1px; 
	cursor:pointer;
	}
	
	div#non_logue form input.ok:hover {
	background: #CCCCCC; 
	border:1px solid #666666;
	color: #333333;
	}

/*--STYLE DE LA PAGE ENCART  LOGUE (include>010_WD>encart_authentification)--*/	
	div#logue {
	width:208px;
	height:115px;
	background:transparent; 
	padding:5px 10px 5px 10px; 
	float:right; 
	font-size:11px;	
	}
	div#logue h2 { 
	font-size:13px; 
	color: #FFFFFF; 
	font-weight:bold;
	margin:0; 
	padding:0 0 5px 0; 
/*	height:18px; 
	line-height:18px; */
	background:url(../images/fr/070_extranet/f_h2.gif) repeat-x bottom left;
	}
	div#logue p {
	height:12px;
	width:100%;
	color:#CCCCCC;
	margin:2px 0 2px 0;
	font-size:10px;
	padding:0;
	}
	div#logue p a {
	color: #999999;
	margin:0;
	padding:0;
	font-size:10px;
	text-decoration:underline;
	}
	div#logue p a:hover {
	color: #FFFFFF;
	margin:0;
	padding:0;
	font-size:10px;
	}
	
/*--BLOC COORDONNEES --*/
	#adresse {
	color:#69706F; /*couleur*/
	font-size:10px; /*taille du caractère*/
	line-height:13px;
/*	padding-left:15px;
*/	}
	#adresse span {
	color:#BD2C16; /*couleur*/
	font-size:10px; /*taille du caractère*/
	line-height:13px;
	padding-left:10px;
	}
	#adresse h5 {
	background: url(../images/fr/000_general/p_mail_adresse.png) no-repeat left top; /*fond  menu*/
	padding: 0 0 0 35px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#fff; /*couleur texte*/
	height:19px; /*hauteur de l'élément*/
	font-size:12px; /*taille du caractère*/
	}
	#adresse p {
	padding: 0 0 0 25px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#69706F; /*couleur texte*/
	}
	#adresse a {
	color:#BD2C16; /*couleur texte*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	}
	#adresse a:hover {
	color: #69706F; /*couleur*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-decoration: inherit; /*décorations ajoutées à un texte*/
	}
/*--STYLE DE LA PAGE ENCART  LOGUE (include>010_WD>encart_authentification)--*/	
	
	div#logue {
	width:208px;
	height:125px;
	background:transparent; 
	padding:5px 10px 5px 10px; 
	float:right; 
	font-size:11px;	
	}
	div#logue h2 { 
	font-size:13px; 
	color: #FFFFFF; 
	font-weight:bold;
	margin:0 0 5px 0; 
	padding:0 0 5px 0; 
/*		height:15px; 
line-height:18px; 
*/	background:url(../images/fr/070_extranet/f_h2.gif) repeat-x bottom left;
	}
	div#logue p {
	height:12px;
	width:100%;
	color:#CCCCCC;
	margin:2px 0 2px 0;
	font-size:10px;
	padding:0;
	}
	div#logue p a {
	color: #999999;
	margin:0;
	padding:0;
	font-size:10px;
	text-decoration:underline;
	}
	div#logue p a:hover {
	color: #FFFFFF;
	margin:0;
	padding:0;
	font-size:10px;
	}
	
/*	input[type=text], input[type=password] { background:#fff; border:1px solid #CCC; color:#666; height:16px; font-size:11px; 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; }	*/
/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC GAUCHE
---------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_left_site_3_colonnes {
	float:left;
	height:100%; /*hauteur de l'élément*/
	width:170px; /*largeur de l'élément*/
	/*background-color:#fff;*/ /*couleur de fond de la div gauche*/	
	height:auto !important;/*pour hauteur mini IE6*/
	height:325px; /*hauteur de l'élément*/
	min-height:325px;/*pour FF*/
	background:none;
	margin:0 0 0 138px;
	}
	#cl_left_site_2_colonnes {
	float:left;
	height:100%; /*hauteur de l'élément*/
	width:170px; /*largeur de l'élément*/
	/*background-color:#fff;*/ /*couleur de fond de la div gauche*/	
	height:auto !important;/*pour hauteur mini IE6*/
	height:325px; /*hauteur de l'élément*/
	min-height:325px;/*pour FF*/
	background:none;
	margin:0 0 0 138px;
	}
	#nav_gauche{
	position:relative;
	}
	#nav_gauche dl{
	font-family:"Georgia","Times New Roman", Times, serif;
	padding:5px;
	margin:50px 0 0 10px;
	}
	#nav_gauche dl dt{
	color:#BD2C16;
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
	}
	#nav_gauche dl dd{
	margin: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#nav_gauche dl dd a{
	display:block;
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #999999; /*couleur*/
	background: url(../images/fr/000_general/p_nav_gauche.gif) no-repeat 0 -33px;
	padding: 3px 0 3px 20px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	font-size:11px;
	line-height:13px;
	}
	#nav_gauche dl dd a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#BD2C16; /*couleur*/
	background: url(../images/fr/000_general/p_nav_gauche.gif) no-repeat 0 3px;
	font-weight: 200;
	}
	#nav_gauche dl dd a.etat_selection {
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#BD2C16; /*couleur*/
	background: url(../images/fr/000_general/p_nav_gauche.gif) no-repeat 0 3px;
	font-weight: 200;
	}

/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC CENTRE
---------------------------------------------------------------------------------------------------------------------------------*/
/*--SITUATON EN 3 COLONNES---*/
	#cl_center_site_3_colonnes {
	float:left;
	width:490px; /*largeur de l'élément*/
	background-color:none; /*couleur de fond du centre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:325px; /*hauteur de l'élément*/
	min-height:325px;/*pour FF*/
	}
	.contenu_3_colonnes {
	width:470px; /*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:600px; /*largeur de l'élément*/
	background-color:none; /*couleur de fond du centre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:325px; /*hauteur de l'élément*/
	min-height:325px;/*pour FF*/
	}
	#cl_center_site_2_colonnes p{
	margin:2px 0 2px 50px; /*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:13px;
	color:#666666;
	width:450px;
	}
	#cl_center_site_2_colonnes p a{
	text-align:justify; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	line-height:13px;
	color:#666666;
	text-decoration:none;
	}
	#cl_center_site_2_colonnes p a:hover {
	color:#BD2C16;
	text-decoration:underline;
	}
	#cl_center_site_2_colonnes h5 a{
	text-decoration:none;
	color:#BD2C16;
	font-weight:bold;
	}
	#cl_center_site_2_colonnes h5 a:hover {
	color:#999999;
	text-decoration:underline;
	}
	#cl_center_site_2_colonnes p.txt_introductif {
	color: #999999;
	line-height:13px;
	width:450px;
	margin:0 0 10px 50px;
	}
/*--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*/
	text-align:justify; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	margin:5px 0 15px 0; /*largeur de l'airee de la marge d'une boîte (hauteur droite bas gauche)*/
	line-height:14px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; /*enlever si texte + et -*/
	}
	#boutons_article { /* bloc boutons article*/
	float:left;
	width:35px; /*largeur de l'élément*/
	height:125px;/* hauteur du bloc h photo + légende*/
	margin:0 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;
	margin-bottom:3px;
	}
/*--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 #BD2C16;
	background: url(../images/fr/000_general/p_h5.gif) 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:#000;
	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:#BD2C16; /*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;
	width:100%; /*largeur de l'élément*/
	margin: 30px 0 30px 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;
	}
	
	
/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC DROIT
---------------------------------------------------------------------------------------------------------------------------------*/
	#cl_right_site_3_colonnes {
	float: left;
	width:135px; /*largeur de l'élément*/
	background-color:none; /*couleur de fond de la div droite*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:325px; /*hauteur de l'élément*/
	min-height:325px;/*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)*/
	}
	#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*/
	width:100%; /*largeur de l'élément*/
	font-size:9px; /*taille du caractère*/
	clear:both;
	border-left: solid 3px #BD2C16; /*bordure haut du pied de page*/
	font-family:"Georgia","Times New Roman", Times, serif;
	background:url(../images/fr/000_general/logo_afaq.gif) no-repeat right;
	}
	#footer ul{
/*	display:block;
	float:left;
	width:500px;*/
	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:#69706F; /*couleur*/
	}
	#footer li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#BD2C16; /*couleur*/
	}
	#footer li a.select_rub{/* sélection de la rubrique active*/
	text-decoration:none; 
	font-weight:bold;
	color:#BD2C16; 
	}
	.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 {
	display:none;
	float:right;
/*	width:200px;
*/	margin: 0px 5px 0px 0px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}
	#vide {
	width:100%;
	height:110px;
	clear:both;
	}


#haut_page{ /* position du bouton de haut de page*/
	text-align:right; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	margin: 0 0 0 20px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	line-height:20px;
	color:#878787;
	width:97%;
	background:url(../images/fr/000_general/f_trait_separation.gif) repeat-x bottom left;
	}
	#haut_page a {
	font-size:10px; /*taille du caractère*/
	font-weight:normal; /*stye le graisse du caractère*/
	color:#878787; /*couleur*/
	text-decoration:none;
	background:url(../images/fr/000_general/f_fleche_r_f2.gif) no-repeat 0 6px;
	padding:0 0 0 13px;
	}
	
	#haut_page  a.page_focus {
	font-size:10px; /*taille du caractère*/
	color:#BD2C16; /*couleur*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-decoration:underline;
	}
	
	

	.nav_page {
	background:transparent url(http://www.calonne-ricouart.fr/images/fr/fond_nav_page_a_page.jpg) 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/000_general/f_fleche_r_f2.gif) no-repeat scroll 8px 10px;
	color:#878787;
	display:block;
	font-size:10px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	}
	a.txt_h_page:hover {
	color:#BD2C16;
	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(http://www.calonne-ricouart.fr/images/fr/fl_page_pres.gif) no-repeat scroll 8px 6px;
	color:#878787;
	display:block;
	float:left;
	font-size:11px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	width:50px;
	}
	a.precedent:hover {
	color:#BD2C16;
	font-size:11px;
	padding:5px 5px 3px 20px;
	text-decoration:none;
	}
	a.suivant {
	background:transparent url(http://www.calonne-ricouart.fr/images/fr/fl_page_suiv.gif) no-repeat scroll right 6px;
	color:#878787;
	display:block;
	float:left;
	font-size:11px;
	padding:5px 15px 3px 5px;
	text-align:right;
	text-decoration:none;
	width:30px;
	}
	a.suivant:hover {
	color:#BD2C16;
	font-size:11px;
	padding:5px 15px 3px 5px;
	text-decoration:none;
	}
	a.page_norm {
	border:1px solid #878787;
	color:#878787;
	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 #BD2C16;
	color:#BD2C16;
	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 #BD2C16;
	color:#BD2C16;
	float:left;
	font-size:11px;
	margin:2px 5px 0 0;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	}