html{
	background-color:#e6e6e0;
}

body{
	width:750px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:white;	
	font-family:arial;
	color:#737373;
}
body a{
	text-decoration:none;
	color:#737373; /*A PRECISER MEME SI DEJA INDIQUE DANS LE CSS DU BODY*/
}

/*----------------------------------------------------------------------------------EN TETE--------------------------------------------------------------------------------------------------------------------*/
div#en_tete{        
	width:750px;
	height:80px;
	background-image: url("Images/header.gif");
	background-repeat: no-repeat;
	margin-bottom:10px;
}
div#en_tete div.newsletter{
	overflow:auto;
	width:120px;
	height:65px;
	position:relative;
	top:9%;
	left:66%;
	background-color:#e7e7e2;	
	font-size:0.90em;
}
div#en_tete div.newsletter p{
	font-size:0.8em;
	margin:0px;
	margin-bottom:5px;
	text-align:justify;
}

div#en_tete  div.newsletter form{	
	margin:0px;
	padding:0px; padding-left:2px; padding-right:2px;		
}

/*----------------------------------------------------------------------MENU HORIZONTAL------------------------------------------------------------------------------------------------------------------*/
div#menu_horizontal{
	margin-bottom:10px;
}

p.par_menu_horizontal{
	width:85%;
	margin:auto; margin-bottom:0px;		
	font-size:0.70em;
	text-align:center;	
}
 p.par_menu_horizontal a:hover{
	font-weight:bold;
}

img.drapeau_francais{
	border:none;
	padding-left:5px;
}
/*------------------------------------------------------------------------------------DERNIER AJOUT-------------------------------------------------------------------------*/
ul.liste_menu_horizontal{
 text-align:center;
 
 margin:0;
 padding:0;
}
ul.liste_menu_horizontal li{
 font-size:0.7em;
 display:inline;
 
}
/*----------------------------------------------------------------------------MENU FLOTTANT DE GAUCHE--------------------------------------------------------------------------------------------------*/
div#menu{	
	width:122px;
	float:left;
}
div.element_menu h4{	
	font-weight:bold;
	font-size:80%;
	color:#c70f0b;
	padding-left:5px;
	margin:0;
	border-bottom:1px #C71008 dashed;
}
div.element_menu li{		
	font-size:0.70em;
	list-style-type:none;
	background-color:#f2f2f2;
	margin:0 0 3px 0;	
	padding:0;	
}
div.element_menu ul{
	padding:0px;
	margin:0 0 0 3px;	
}
div.element_menu p{
	background-color:#f2f2f2;	
	margin:0px;
}
div.element_menu img{
	margin-top:3px;
}
div.element_menu a:hover{
	font-weight:bold;
}
div.element_menu img{
	border:none;
}

/*-----------------------------------------------CONTENEUR BOITES PRINCIPALES   (IMAGE PRINCIPALE + PARAGRAPHE PRINCIPAL---------------------------------------------------------------------------------------*/
#conteneur_boites_principales{     
	width:575px;
	height:245px;
	margin:25px 0 0 150px;
	border: 1px dashed #c70f0b;
	font-size:0.8em;
}

div.boite_image_principale{
	float:left;
	width:300px;
	height:245px;
	border-right:1px dashed #c70f0b;
}
div.boite_image_principale a img{
	border:none;
}

div.boite_paragraphe{
	width:274px;
	height:245px;
	float:left;
}
div.boite_paragraphe h4 {
	font-size:1em;
	margin:10px 0 0 12px;
}
div.boite_paragraphe p{		
	width:250px;	
	margin:10px 0 0 12px;
	text-align:justify;	
	overflow:auto;
}

/*------------------------------------------------------------------CONTENEUR RANGEE--------------------------------------------------------------------------------------------------------*/
div.conteneur_rangee_home{
	width:575px;
	height:155px;
	margin:10px 0 0 150px;
	border:1px dashed #c70f0b;	
	font-size:0.8em;
}
div.conteneur_rangee_home p.titre_categorie_produit_home{
	margin:3px 0 0 10px;
	color:#c70f0b;
}

/*-------------------------------------------------------------------CONTENEUR VIGNETTES-----------------------------------------------------------------------------------------------*/	
div.div_vignettes{
	float:left;
	margin-top:7px;
	padding-left:10px;	
}
div.div_vignettes img{
	border: 1px #737373 solid;
}
div.div_vignettes p.legende_div_vignette_home{
	margin:3px 0 0 0;
}
div.div_vignettes a:hover{
	font-weight:bold;
}

/*-----------------------------------------------------BOITE   COMPTEUR-------------------------------------------------------------------------------------------------------------------------------------*/

#conteneur_boite_compteur{
	width:575px;
	margin-left:150px;
	margin-top:20px;
}
div.boite_compteur{
	width:80px;
	margin:auto;
}
.boite_compteur p{
	margin:0px;
}
#conteneur_boite_compteur p{	
	margin:0px;
	text-align:center;
	font-size:0.80em;
}

/*-----------------------------------------------------------BOITE BANNIERE CAFEPRESS----------------------------------------------------------------------------------------------------*/
div#div_banniere{
	width:575px;
	margin:15px 0 0 155px;	
}
div.div_centrage_banniere{	
	
	text-align:center; /*pour centrer la banniere image*/
}
p.mots_cles{text-align:justify; font-size:0.8em;}


/*---------------------------------------------------------------------BOITE COPYRIGHT--------------------------------------------------------------------------------------------------------*/
div#conteneur_par_pied_de_page{
	width:575px;
	margin:15px 0 0 155px;		
	font-size:0.8em;
}
p.copyright{
	width:468px;
	margin:0 auto;
	text-align:center;		
	font-family:'Comic Sans MS';
}
p.copyright span.nom_du_site{color:#c70f0b;}


/*------------------------------------------------------- REGLES GENERALES--------------------------------------------------------------------------------------*/


.bold{font-weight:bold;}
.souligne{ text-decoration:underline;}
a.lien_important{
	text-decoration:underline;
	font-weight:bold;
}

div.spacer{
	clear:left;
}