@import url("reset.css"); 


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

/*--LES ELEMENTS HTML--*/
	body { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background-color: #000b07; } /* 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 { color: #ABA360; text-decoration:none; } /* lien non visité général*/
	a:link { color: #ABA360; text-decoration:none; } /* lien non visité général*/
	a:visited { color:#ABA360; text-decoration:none; } /* lien visité général */
	a:hover { text-decoration: underline; color:#ABA360 } /* 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; }


/*--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:#000b07 url(../../images/en/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*/
	}


/*-------------------------------------------------------------------------------------------------------------------------------
    ENTETE DU SITE HEADER
---------------------------------------------------------------------------------------------------------------------------------*/
	#header_print{ /*on cahe l'entête impression voir print.css */
	display:none;
	}
	#header {
	position:relative;
	height:212px; /*hauteur de l'élément = du bandeau de site*/
	background: url(../../images/en/000_general/f_header.gif) no-repeat top left; /*fond image entete site*/
	margin:0 0 0 0;
	position: absolute;
	z-index:2000;
	}
	#logo { /* position du bloc dessus le logo avec lien retour accuiel*/
	position: relative;
	width:200px;
	height:184px;
	}
	#nav_gen_site {
	width:100%;
	height:28px; /*hauteur de l'élément*/
	background:#000000 url(../../images/en/000_general/f_nav_gen.gif) no-repeat top left;
	position: relative;
	z-index:2000 !important;
	top:0;
	left:0;
	}
	#nav_gen_site dl {
	display:inline;
	margin:0;
	padding:0;
	height:28px;
	}
	#nav_gen_site dl dt {
	float:left;
	margin:0 0 0 0;
	padding:0;
	font-size:10px;
	color:#FFFFFF;
	}
/*l'histoire*/	
	#nav_gen_site dl dt.histoire {
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_histoire.gif) no-repeat top left;
	margin:0 2px 0 0;
	}
	#nav_gen_site dl dt.histoire ul {
	position:absolute;
	top:28px;
	left:0;
	z-index:2100;
	font-size:11px;
	}
	#nav_gen_site dl dt.histoire ul li a {
	width:165px;
	height:auto;
	color: #000000;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	}
	#nav_gen_site dl dt.histoire ul li a:hover {
	width:165px;
	height:auto;
	color: #fff;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	font-weight:bold;
	}
	#nav_gen_site dl dt.histoire:hover   {
	width:165px;
	height:28px;
	line-height:28px;
	color: #FFFFFF;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_histoire_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt#survol_histoire {
	width:165px;
	height:28px;
	line-height:28px;
	background: #000000 url(../../images/en/000_general/bt_histoire_f2.gif) no-repeat top left;
	}
	
/*valeurs*/	
	#nav_gen_site dl dt.valeurs {
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_valeurs.gif) no-repeat top left;
	margin:0 2px 0 0;
	}
	#nav_gen_site dl dt.valeurs:hover   {
	width:165px;
	height:28px;
	line-height:28px;
	color: #FFFFFF;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_valeurs_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt.valeurs ul {
	position:absolute;
	top:28px;
	left:167px;
	z-index:2100;
	font-size:11px;
	}
	#nav_gen_site dl dt.valeurs ul li a {
	width:165px;
	height:auto;
	color: #000000;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	}
	#nav_gen_site dl dt.valeurs ul li a:hover {
	width:165px;
	height:auto;
	color: #fff;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	font-weight:bold;
	}
	#nav_gen_site dl dt#survol_valeurs {
	width:165px;
	height:28px;
	line-height:28px;
	background: #000000 url(../../images/en/000_general/bt_valeurs_f2.gif) no-repeat top left;
	}
/*produits*/	
	#nav_gen_site dl dt.produits {
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_produits.gif) no-repeat top left;
	margin:0 2px 0 0;
	}
	#nav_gen_site dl dt.produits:hover   {
	width:165px;
	height:28px;
	line-height:28px;
	color: #FFFFFF;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_produits_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt.produits ul {
	position:absolute;
	top:28px;
	left:334px;
	z-index:2100;
	font-size:11px;
	}
	#nav_gen_site dl dt.produits ul li a {
	width:165px;
	height:auto;
	color: #000000;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	}
	#nav_gen_site dl dt.produits ul li a:hover {
	width:165px;
	height:auto;
	color: #fff;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	font-weight:bold;
	}
	#nav_gen_site dl dt#survol_produits {
	width:165px;
	height:28px;
	line-height:28px;
	background: #000000 url(../../images/en/000_general/bt_produits_f2.gif) no-repeat top left;
	}
	
/*fine_bouche*/	
	#nav_gen_site dl dt.fine_bouche {
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_fine_bouche.gif) no-repeat top left;
	margin:0 2px 0 0;
	}
	#nav_gen_site dl dt.fine_bouche:hover   {
	width:165px;
	height:28px;
	line-height:28px;
	color: #FFFFFF;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_fine_bouche_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt.fine_bouche ul {
	position:absolute;
	top:28px;
	left:501px;
	z-index:2100;
	font-size:11px;
	}
	#nav_gen_site dl dt.fine_bouche ul li a {
	width:165px;
	height:auto;
	color: #000000;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	}
	#nav_gen_site dl dt.fine_bouche ul li a:hover {
	width:165px;
	height:auto;
	color: #fff;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	font-weight:bold;
	}
	#nav_gen_site dl dt#survol_fine_bouche {
	width:165px;
	height:28px;
	line-height:28px;
	background: #000000 url(../../images/en/000_general/bt_fine_bouche_f2.gif) no-repeat top left;
	}
	
/*contact*/	
	#nav_gen_site dl dt.contact {
	width:165px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_contact.gif) no-repeat top left;
	margin:0 2px 0 0;
	}
	#nav_gen_site dl dt.contact:hover   {
	width:165px;
	height:28px;
	line-height:28px;
	color: #FFFFFF;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_contact_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt.contact ul {
	position:absolute;
	top:28px;
	left:668px;
	z-index:2100;
	font-size:11px;
	}
	#nav_gen_site dl dt.contact ul li a {
	width:165px;
	height:auto;
	color: #000000;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	}
	#nav_gen_site dl dt.contact ul li a:hover {
	width:165px;
	height:auto;
	color: #fff;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	font-weight:bold;
	}
	#nav_gen_site dl dt#survol_contact {
	width:165px;
	height:28px;
	line-height:28px;
	background: #000000 url(../../images/en/000_general/bt_contact_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt#survol_contact a {
	color:#FFFFFF;
	text-decoration:none;
	}
/*accueil*/	
	#nav_gen_site dl dt.accueil {
	width:167px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_accueil.gif) no-repeat top left;
	}
	#nav_gen_site dl dt.accueil:hover   {
	width:167px;
	height:28px;
	line-height:28px;
	color: #FFFFFF;
	text-decoration:none;
	background: #000000 url(../../images/en/000_general/bt_accueil_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt.accueil ul {
	position:absolute;
	top:28px;
	left:835px;
	z-index:2100;
	font-size:11px;
	}
	#nav_gen_site dl dt.accueil ul li a {
	width:165px;
	height:auto;
	color: #000000;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	}
	#nav_gen_site dl dt.accueil ul li a:hover {
	width:165px;
	height:auto;
	color: #fff;
	background:#736E46;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	display:block;
	border-bottom:dashed 1px #000;
	font-weight:bold;
	}
	#nav_gen_site dl dt#survol_accueil {
	width:167px;
	height:28px;
	line-height:28px;
	background: #000000 url(../../images/en/000_general/bt_accueil_f2.gif) no-repeat top left;
	}
	#nav_gen_site dl dt#survol_accueil a {
	color:#FFFFFF;
	text-decoration:none;
	}							

/*-------------------------------------------------------------------------------------------------------------------------------
ELEMENTS DU BLOC CENTRE
---------------------------------------------------------------------------------------------------------------------------------*/
/*--SITUATON EN 1 COLONNES---*/
	#cl_center_site_1_colonnes {/* structure 2 colonnes pour actu, liste prestations, contact  */
	float:left;
	width:990px; /*largeur de l'élément*/
	background-color: #000b07; /*couleur de fond du centre*/
	height:auto !important;/*pour hauteur mini IE6*/
	height:330px; /*hauteur de l'élément*/
	min-height:330px;/*pour FF*/
	margin:0 5px 0 5px;
	position: absolute;
	color:#FFFFFF;
	z-index:1000;
	top:211px;
	}
	#cl_center_site_1_colonnes table {/* structure 2 colonnes pour actu, liste prestations, contact  */
	width:100%;
	}
	#cl_center_site_1_colonnes table tr td {/* structure 2 colonnes pour actu, liste prestations, contact  */
	width:auto;
	vertical-align:top;
	padding:90px 0 0 0;
	}
	#cl_center_site_1_colonnes table tr td img {/* structure 2 colonnes pour actu, liste prestations, contact  */
	width:auto;
	text-align:right;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt {/* structure 2 colonnes pour actu, liste prestations, contact  */
	padding:90px 30px 0 0;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt span {/* structure 2 colonnes pour actu, liste prestations, contact  */
	color:#ABA360;
	font-weight:bold;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt h2 {/* structure 2 colonnes pour actu, liste prestations, contact  */
	font-size:15px;
	color:#ABA360;
	margin:0 0 10px 0;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt h2 span {/* structure 2 colonnes pour actu, liste prestations, contact  */
	font-size:15px;
	color: #FFFFFF;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt h3 {/* structure 2 colonnes pour actu, liste prestations, contact  */
	margin:10px 0 10px 0;
	text-align: center;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt h4 {/* structure 2 colonnes pour actu, liste prestations, contact  */
	margin:10px 0 10px 0;
	text-align: justify;
	font-size:11px;
	line-height:16px;
	color:#ABA360;
	}
	#cl_center_site_1_colonnes table tr td.contenu_txt h4 span {/* structure 2 colonnes pour actu, liste prestations, contact  */
	font-weight:bold;
	}
	#cl_center_site_1_colonnes table tr td p.savoir {/* structure 2 colonnes pour actu, liste prestations, contact  */
	position:absolute;
	width:150px;
	height:200px;
	top:100px;
	left:513px;
	line-height:13px;
	font-size:10px;
	}
	#cl_center_site_1_colonnes table tr td p.savoir span {/* structure 2 colonnes pour actu, liste prestations, contact  */
	color:#000000;
	}
	#cl_center_site_1_colonnes table tr td p.sante {/* structure 2 colonnes pour actu, liste prestations, contact  */
	position:absolute;
	width:350px;
	height:200px;
	top:100px;
	left:390px;
	line-height:13px;
	font-size:10px;
	}
	#cl_center_site_1_colonnes table tr td p.sante span {/* structure 2 colonnes pour actu, liste prestations, contact  */
	color:#000000;
	}
	#contact_txt {/* structure 2 colonnes pour actu, liste prestations, contact  */
	position:absolute;
	top:0;
	right:95px;
	z-index:1002;
	height:310px;
	}
	#contact_txt p {/* structure 2 colonnes pour actu, liste prestations, contact  */
	text-align:justify;
	font-size:10px;
	line-height:16px;
	width:240px;
	height:100px;
	margin:30px 0 80px 0;
	}
	#contact_plus {/* structure 2 colonnes pour actu, liste prestations, contact  */
	position:absolute;
	top:205px;
	left:117px;
	z-index:1001;
	}
	#contact_plus p  {/* structure 2 colonnes pour actu, liste prestations, contact  */
	margin:0 0 30px 0;
	}
	#contact_plus p a {/* structure 2 colonnes pour actu, liste prestations, contact  */
	text-decoration:none;
	color: #FFFFFF;
	margin:15px 0 10px 0;
	font-size:10px;
	}
	#contact_plus p a:hover {/* structure 2 colonnes pour actu, liste prestations, contact  */
	text-decoration:underline;
	color:#ABA360;
	}
/*-------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
---------------------------------------------------------------------------------------------------------------------------------*/
	#footer_2 {
	height:24px; /*hauteur de l'élément = hauteur du pied de page*/
	background:#000b07 ; /*couleur de fond du pied de page*/
	width:100%; /*largeur de l'élément*/
	font-size:9px; /*taille du caractère*/
	clear:both;
	height:15px;
	line-height:15px;
	position: relative;
	}
	#footer_2 ul{
	display:block;
	float:left;
	width:100%;
	margin:10px 0 0 0;
	color:#fff;
	text-align:right;
	}
	#footer_2 li{
	display:inline;	
	margin: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#fff;
	}
	#footer_2 li img{
	margin: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	vertical-align:middle;
	}
	#footer_2 li a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #fff; /*couleur*/
	vertical-align:top;
	letter-spacing:2px;
	padding:0 12px 0 12px;
	vertical-align:middle;
	}
	#footer_2 li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #666; /*couleur*/
	}
	#footer {
	height:24px; /*hauteur de l'élément = hauteur du pied de page*/
	background-color:#000b07; /*couleur de fond du pied de page*/
	width:99%; /*largeur de l'élément*/
	font-size:9px; /*taille du caractère*/
	clear:both;
	text-align:right;
	display:block;
	position:relative;
	}
	#footer ul{
	display:block;
	float:left;
	width:100%;
	padding:5px 0 5px 0;
	color: #333333;
	}
	#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)*/
	color:#333333;
	}
	#footer li a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #333333; /*couleur*/
	}
	#footer li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #FFFFFF; /*couleur*/
	}
	#footer div.benefice-net {
	float:right;
	margin: 0px 5px 0px 0px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	text-decoration:none;
	}
	#footer div.benefice-net a {
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #666666; /*couleur*/
	}
	#footer div.benefice-net a:hover {
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #FFFFFF; /*couleur*/
	}