@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:#999; text-decoration:underline; } /* lien non visité général*/
	a:visited { color:#999; 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; /*taille du caractère*/
	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*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	text-transform:lowercase;	
	}
	#conteneur_site h1 a:hover {
	font-size:10px; /*taille du caractère*/
	}	
	#conteneur_site h1 a.page_focus {
	font-size:10px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-transform:uppercase;	
	}
	
	
	#conteneur_site h2 { /*titre article*/
	padding:0 0 5px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}	
/*--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: underline; /*décorations ajoutées à un texte*/
	color:#000; /*couleur*/
	font-size:10px; /*taille du caractère*/
	padding-right:15px;
	}
	.lien_savoir_plus a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#000; /*couleur*/
	font-size:10px; /*taille du caractère*/
	padding-right:15px;
	}

/*-------------------------------------------------------------------------------------------------------------------------------
    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: #999;
	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 ;
	}
	.ombre_photo_petite{  /*photo article*/
	padding: 0 5px 28px 0 ;
	}

	/*-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;
	}
	/*----------------------------------------------------------------------------------------------------------------
	
	-------------------------------------------------------------------------------------------------------------------*/
	
	
	/*--STYLES GENERAUX DE LA RUBRIQUE--*/
	/*voir aussi css base*/
	/*nav_contex_identification*/
	#conteneur_site h1.nav_contex_identification {
	font-size:14px; /*taille du caractère*/
	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 25px; /*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*/
	color:#F5A700;	
	}
	#conteneur_site h1.nav_contex_identification  a {
	font-size:14px; /*taille du caractère*/
	font-weight:normal; /*stye le graisse du caractère*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	text-transform:lowercase;
	color:#F5A700;	
	}
	#conteneur_site h1.nav_contex_identification  a:hover {
	font-size:14px; /*taille du caractère*/
	color:#FF9900;
	}	
	#conteneur_site h1.nav_contex_identification  a.page_focus_identification {
	font-size:14px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	color:#FF9900;
	text-transform:lowercase;	
	}
	
	
	/*nav_contex_externe*/
	#conteneur_site h1.nav_contex_externe {
	font-size:14px; /*taille du caractère*/
	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 25px; /*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*/
	color:#D7E499;	
	}
	#conteneur_site h1.nav_contex_externe  a {
	font-size:14px; /*taille du caractère*/
	font-weight:normal; /*stye le graisse du caractère*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	text-transform:lowercase;
	color:#D7E499;	
	}
	#conteneur_site h1.nav_contex_externe  a:hover {
	font-size:14px; /*taille du caractère*/
	color:#B0C933;
	}	
	#conteneur_site h1.nav_contex_externe  a.page_focus_externe {
	font-size:14px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	color:#B0C933;
	text-transform:lowercase;	
	}
	
	
	/*nav_contex_interne*/
	#conteneur_site h1.nav_contex_interne{
	font-size:14px; /*taille du caractère*/
	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 25px; /*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*/
	color:#81CCEA;	
	}
	#conteneur_site h1.nav_contex_interne a {
	font-size:14px; /*taille du caractère*/
	font-weight:normal; /*stye le graisse du caractère*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	text-transform:lowercase;
	color:#81CCEA;	
	}
	#conteneur_site h1.nav_contex_interne a:hover {
	font-size:14px; /*taille du caractère*/
	color:#0399D6;
	}	
	#conteneur_site h1.nav_contex_interne a.page_focus_interne{
	font-size:14px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	color:#0399D6;
	text-transform:lowercase;	
	}


/*--------------------------------------------------------------------------------------------
PAGE INDEX CATA
-----------------------------------------------------------------------------------------------*/
	#cl_center_site_3_colonnes div.cl_liste_accueil {
		float:left;
		width:350px; /*largeur de l'élément*/
		padding-left:25px;	
	}
	
	#cl_center_site_3_colonnes div.cl_liste_accueil table tr {
	height:15px; /*hauteur de l'élément*/
	}
	
	
	
	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_identification, #cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_externe, #cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_interne {/* filet de décoration de la ligne*/
	vertical-align:middle; /*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	}
	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_identification a{ /*puce de la liste état normal*/
	text-decoration:none;
	color:#000; /*couleur état normal*/
	padding:5px 0 5px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_identification a:hover{/*puce de la liste état dessus*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#FF9900;
	}
	

	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_externe a{ /*puce de la liste état normal*/
	text-decoration:none;
	color:#000; /*couleur état normal*/
	padding:5px 0 5px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_externe a:hover{/*puce de la liste état dessus*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#B0C933;
	}


	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_interne a{ /*puce de la liste état normal*/
	text-decoration:none;
	color:#000; /*couleur état normal*/
	padding:5px 0 5px 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#cl_center_site_3_colonnes div.cl_liste_accueil table td.liste_rub_interne a:hover{/*puce de la liste état dessus*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#0399D6;
	}
	
	#cl_center_site_3_colonnes div.cl_pub_accueil_famille {
		float:left;
		width:229px; /*largeur de l'élément*/
		padding-left:25px;	
	}

/*--------------------------------------------------------------------------------------------
PAGE LISTE CATA
-----------------------------------------------------------------------------------------------*/
		#contenu_cata{padding: 0 0 0 25px; line-height:normal;}
		
		/*vignette identification*/
		.vignette_prod_identification{ float:left; width:148px; height:200px; padding: 0 10px 0 0 ;}
		.vignette_prod_identification a img { border:solid 1px #fff;}
		.vignette_prod_identification a:hover img { border:solid 1px #FF9900;}
		p.nom_produit_identification a{text-decoration:none;color:#000;font-weight:bold; font-size:12px;}
		p.nom_produit_identification a:hover{ text-decoration:none; color:#FF9900;font-weight:bold;}
		p.lien_fiche_identification a{ text-decoration:none;padding-top:3px;}
		p.lien_fiche_identification a:hover{text-decoration:none; color:#FF9900;}
		
		/*vignette externe*/
		.vignette_prod_externe{ float:left; width:148px; height:200px; padding: 0 10px 0 0 ;}
		.vignette_prod_externe a img { border:solid 1px #fff;}
		.vignette_prod_externe a:hover img{ border:solid 1px #B0C933;}
		p.nom_produit_externe a{text-decoration:none;color:#000;font-weight:bold;font-size:12px;}
		p.nom_produit_externe a:hover{ text-decoration:none; color:#B0C933;font-weight:bold;}
		p.lien_fiche_externe a{ text-decoration:none;padding-top:3px;}
		p.lien_fiche_externe a:hover{text-decoration:none; color:#B0C933;}
		
		/*vignette interne*/
		.vignette_prod_interne{ float:left; width:148px; height:200px; padding: 0 10px 0 0 ;}
		.vignette_prod_interne a img { border:solid 1px #fff;}
		.vignette_prod_interne a:hover img{ border:solid 1px #0399D6;}
		p.nom_produit_interne a{text-decoration:none;color:#000;font-weight:bold;font-size:12px;}
		p.nom_produit_interne a:hover{ text-decoration:none; color:#0399D6;font-weight:bold;}
		p.lien_fiche_interne a{ text-decoration:none;padding-top:3px;}
		p.lien_fiche_interne a:hover{text-decoration:none; color:#0399D6; }





	
/*--------------------------------------------------------------------------------------------
	PAGE FICHE
-----------------------------------------------------------------------------------------------*/

		.contenu_3_colonnes_fiche{
		position:relative;
		padding: 0 15px 0 25px; 
		line-height:normal;
		}

		/*titre fiche*/
		h2.titre_fiche_identification{ color:#FF9900;font-weight:bold; }
		h2.titre_fiche_externe { color:#B0C933; font-weight:bold;}
		h2.titre_fiche_interne {color:#0399D6; font-weight:bold; }
		
		.col_droite_article_fiche{
	/*	float:left;
		position:relative;
		width:420px;*/
		padding: 0 0 35px 0;
		}
		#boutons_article_fiche{
		display:none;
		position:absolute;
		width:400px;
		right:0;
		text-align:right;
		bottom:5px;
		z-index:16;
		}

		#ref_fiche{
		clear:both;
		color:#4d4d4;
		padding:10px 0 0 0;
		}
		#ref_fiche table{
		border-top: solid 1px #ccc;
		}
		#ref_fiche table th{
		font-size:10px;
		text-align:center;
		vertical-align:middle;
		height:30px;
		}
		#ref_fiche table td{
		font-size:11px;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		}
		td.filet_tab_fiche, th.filet_libelle_fiche{
		border-bottom: solid 1px #ccc;
		border-left: solid 1px #ccc;
		}
		th.tab_fiche_rouge{
		border-bottom: solid 1px #fff;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		background-color:#D10019;
		}
		
		#conteneur_zoom_photo_fiche{
		position:absolute;
		padding:10px;
		top:0;
		left:250px;
		visibility:hidden;
		z-index:23;
		border: solid 3px #ccc;
		background-color:#fff;
		text-align:right;
		}
		
		div.fermeture{
		text-align:right;
		height:30px;
		}
		
		div.fermeture a{
		text-decoration:none;
		color:#000;
		}
		div.fermeture a:hover{
		text-decoration:underline;
		}
		div.fermeture img a{
		padding-bottom:3px;
		}