/* Gestion des blocs */
body {
	margin: 0;
	padding: 0;
	background-color: #f6df9e;
}
/* Jamais de bordure pr les images avec lien */
a img { 
	border: none; 
}

#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 700px;
	height: 393px;
	margin-top: -196.5px; /* moitié de la hauteur */
	margin-left: -350px; /* moitié de la largeur */
	border: 1px solid #333;
		background-image: url(../images/fd_navig.gif);
	}
#banner {
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 92px;
	background-color:#fff;
}
#retour {
	float: right;
}
#drapeau {
	float: right;
	margin-left: 20px;
	
}
#drapeau ul, #drapeau li {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
#drapeau li {
	float: left;
}
/* cas du drapeau invisible, décalage pr combler le vide */
#drapeau li#dp1 {
	visibility: hidden;
	position:absolute;
}

/* cas du drapeau invisible, décalage pr combler le vide */
#drapeau li#dp2 {
	visibility: hidden;
	position:absolute;
}

/* cas du drapeau invisible, décalage pr combler le vide */
#drapeau li#dp3 {
	visibility: hidden;
	position:absolute;
}

#banner a img.gauche {
	float: left;	

}
#banner logo {
	float: left;
	height:92px;
}
#banner a img.droite {
	float: right;	
}
#menu_gauche {
	clear: both;
	padding-top: 30px;
	margin-top:0px;
	padding-left: 0px;
	width: 136px;
}

#menu_gauche .bt1 {
	height: 32px;
}
#menu_gauche .bt2 {
	height: 32px;
}
#menu_gauche .bt3 {
	height: 32px;
}
#menu_gauche .bt4 {
	height: 32px;
}
#menu_gauche .bt5 {
	height: 32px;
}
#main {
	position: absolute;
	top: 92px;
	left: 136px;
	height:281px;
	width: 564px;
	background-color: #fff;
	z-index:1;
	overflow: auto;
	SCROLLBAR-FACE-COLOR: #FFCC00;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #FFCC00;
	SCROLLBAR-DARKSHADOW-COLOR: #FFCC00
}
#flashmovie {
	top: 0px;
}

#bas
{
	position: absolute;
	top: 373px;
	left: 136px;
	height: 20px;
	width: 564px;
	text-align: center;
	background-color: #ffffff;	
}
#image_promo
{
	position: absolute;
	top: 30px;
	left: 395px;
}

.image_savoir
{
	text-align:center;
	margin-top:50px;		
}

.image_qui
{
	float: left;
	margin: 15px;
}

.image_distrib
{
	float: left;
	margin: 15px;
}

.image_rayon
{
	float: left;
	margin-left:10px;
	margin-top:20px;
}
#bloc_prod
{
	position: absolute;
	top: 0x;
	left: 0px;
	height: 255px;
	width: 555px;

}
#bloc_image_prod
{
	float: left;
	margin: 5px;
	text-align: center
}
#bloc_detail_prod
{
	float: left;
	width: 255px;
	margin: 5px;
}
#bloc_prix 
{
	clear:both; 
	margin-top:10px;
	width: 255px;
}
.promo 
{
	clear:left;
}

.bloc_rayon 
{
	clear:both; 
	width: 535px;
	top: 5px;	
}

.bloc_savoir
{
	clear:both; 
	margin-top:10px;
}
#bloc_left {
	float:left;
}
#bloc_right {
	float:right;
}
#bloc_navig
{
	clear:both;
	height:31px;
	width:555px;
	
}

#bloc_contact1
{
	clear:both;
	margin:10px;
	width:285px;
}
.image_contact1
{
	float:left;
	margin-right:10px;	
}
#bloc_contact2
{
	clear:both;
	margin:10px;
	width:285px;
}
.image_contact2
{
	float:left;	
	margin-right:10px;	
}
#bloc_contact3
{
	clear:both;
	margin:10px;
	width:285px;
}
.image_contact3
{

	float:left;	
	margin-right:10px;	
}
#bloc_contact4
{	
	clear:both;
	margin:10px;
	width:285px;
}
#bloc_gauche
{
	float:left;	
}
#bloc_droit
{
	float:left;	
}
.image_contact4
{
	float:left;	
	margin-right:10px;	
}
.image_mention
{
	float:left;	
	margin-left:10px;
}

.image_promo
{
	float:right;	
}
hr {
clear: both;
visibility: hidden;
}


/* textes et liens */

a.lien_noir:link
{
font-size: 10px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight : normal;
color: #000000;
text-decoration: none
}

a.lien_noir:visited
{
font-size: 10px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight : normal;
color: #000000;
text-decoration: none 
}

a.lien_noir:hover
{
font-size: 10px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight : normal;
color: #000000;
text-decoration: underline 
}

a.lien_prod:link
{
font-size:18px;
font-family:Times New Roman, Times, serif;
font-style:normal;
font-weight:bold;
color: #ffcf52;
text-decoration:underline}

a.lien_prod:visited
{
font-size:18px;
font-family:Times New Roman, Times, serif;
font-style:normal;
font-weight:bold;
color: #ffcf52;
text-decoration:underline}

a.lien_prod:hover
{
font-size:18px;
font-family:Times New Roman, Times, serif;
font-style:normal;
font-weight:bold;
color: #cd5700;
text-decoration:underline}

.titre_offre
{
margin-top:10px;
width: 375px;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
color:#e88900;
text-decoration: none}

.titre_qui
{
margin-top: 10px;
width: 375px;
font-size:16px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight: bolder;
color:#e88900;
text-decoration: none}

.titre_distrib
{
margin-top: 10px;
width: 375px;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
color:#e88900;
text-decoration: none}

.titre_rayon
{
margin-top: 10px;
width: 375px;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
color:#e88900;
text-decoration: none}

.titre_mention
{
margin-top: 10px;
width: 375px;
font-size:16px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight: bolder;
color:#e88900;
text-decoration: none}

.titre_contact
{
margin-top:10px;
margin-bottom:15px;
width: 375px;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color:#e88900;
text-decoration: none}

.nom_prod
{
font-size:14px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:bold;
color: #F7B000;
text-decoration:none}

.text_avantage
{
margin-top: 20px;
margin-left: 10px;
width: 375px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_offre_gras
{
margin-top: 20px;
margin-left: 10px;
width: 375px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_qui_gras
{
margin-top:15px;
margin-right:10px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_distrib_gras
{
margin-top:15px;
margin-right:10px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
color: #5c2801;
text-decoration:none}

.text_offre
{
margin-top: 20px;
margin-left: 10px;
width: 375px;
font-size:11px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #000;
text-decoration:none}

.text_distrib
{
float:left;
margin-top: 10px;
width: 315px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
color: #5c2801;
text-decoration:none}

.text_distrib2
{
float:left;
margin-top: 10px;
width: 315px;
font-size:11px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #000;
text-decoration:none}

.text_qui
{
margin: 10px;
width: 535px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_bleu_distrib
{
float:left;
margin-top:10px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
color: #5c2801;
text-decoration:none}

.text_prod
{
margin-top: 10px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_qui_bas
{
margin: 10px;
width: 535px;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bolder;
color: #ff0000;
text-decoration:none}

.text_distrib_bas
{
clear: both;
margin: 10px;
width: 535px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_rayon
{
	float:left;
	margin-left:20px;
	margin-top:30px;
}

a.lien_bleu_rayon:link
{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bolder;
color: #f8be00;
text-decoration:underline}

a.lien_bleu_rayon:visited
{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bolder;
color: #f8be00;
text-decoration:underline}

a.lien_bleu_rayon:hover
{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bolder;
color: #cd5700;
text-decoration:underline}

.text_info_bleu
{
float: left;
margin-top:10px;
font-size:11px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:bold;
color: #3399ff;
text-decoration:none}

.text_info
{
float:left;
margin-left:10px;
margin-top:10px;
font-size:11px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #000000;
text-decoration:none}

.text_a_partir
{
float: left;
font-size:13px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:bold;
color: #999999;
text-decoration:none}

.text_prix
{
float: left;
font-size:14px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:bold;
color: #FFAFF8;
text-decoration:none}

.text_prix_promo
{
float: left;
font-size:15px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:;
font-weight:bold;
color: #999999;
text-decoration:none}

.prix_promo
{
float: left;
font-size:18px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:bold;
color: #FFAFF8;
text-decoration:none}

.text_contact
{
font-size:12px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:bold;
color: #446909;
text-decoration:none}

a.lien_contact:link
{

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #44a1e8;
text-decoration:none}



a.lien_contact:visited
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #44a1e8;
text-decoration:none}

.t2_gris_b_men
{
font-size: 11px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight : bold;
color: #666666;
text-decoration: none
}

a.lien_contact:hover
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #44a1e8;
text-decoration:underline}

.text_gris_contact
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
color: #000000;
text-decoration:none}

.text_mention_gris
{
margin:20px;
font-size:14px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_mention
{
margin:20px;
font-size:14px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_mention2
{
margin:20px;
font-size:14px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_mention3
{
float: left;
margin-top:10px;
margin-left:70px;
text-align:center;
font-size:10px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

.text_mention_bleu
{
margin-left:20px;
font-size:14px;
font-family:Arial,Verdana,Geneva,Helvetica;
font-style:normal;
font-weight:normal;
color: #5c2801;
text-decoration:none}

#en_cours
{
margin:20px;
text-align:center;
font-size: 11px;
font-family: Arial,Verdana,Geneva,Helvetica;
font-style: normal;
font-weight : normal;
color: #000000;
text-decoration: none
}