body {
	font-family: Arial;
	font-size: 9px;
	color : #5F322C;
	background-color: #FF0000;
	margin: 0px;
	SCROLLBAR-FACE-COLOR: #ff0000; SCROLLBAR-HIGHLIGHT-COLOR: #5F322C; SCROLLBAR-SHADOW-COLOR: #730101; SCROLLBAR-3DLIGHT-COLOR: #730101; SCROLLBAR-ARROW-COLOR: white; SCROLLBAR-TRACK-COLOR: #730101; SCROLLBAR-DARKSHADOW-COLOR: #730101;
}

	a:link {color: #5F322C; text-decoration: none;}
	a:visited {color: #5F322C; text-decoration: none;}
	a:hover {color: #ff0000; text-decoration: none;}






div.titreRayon{
	padding-left:10px;
	height:41px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	line-height: 35px; 
	color: #FFFFFF;
	background-image : url(../graph/images/titreRayons.gif);	
}

	div.titreRayon a:link {color: #FFFFFF; text-decoration: none; }
	div.titreRayon a:visited {color: #FFFFFF; text-decoration: none;}
	div.titreRayon a:hover {color: #ffff00; text-decoration: underline;}


div.titreRayonR{
	padding-left:10px;
	height:41px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	line-height: 35px; 
	color: #FFFFFF;
	background-image : url(../graph/images/titreRayonsRouge.gif);	
}

	div.titreRayonR a:link {color: #FFFFFF; text-decoration: none; }
	div.titreRayonR a:visited {color: #FFFFFF; text-decoration: none;}
	div.titreRayonR a:hover {color: #ffff00; text-decoration: underline;}


div.cadreGamme{
	width:189px;
	padding-bottom:10px;
	background-color: #C5CCD1;	
}

div.titreGamme{
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:0px;		
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	line-height: 12px; 
}

	div.titreGamme a:link {color: #5F322C; text-decoration: none; }
	div.titreGamme a:visited {color: #5F322C; text-decoration: none;}
	div.titreGamme a:hover {color: #ff0000; text-decoration: underline;}






td.tabPromoTitre{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	line-height: 13px; 
	padding: 1px 1px 1px 12px;
	color: #FFFFFF;
	background-image : url(../graph/images/tabPromoTitre.gif);
	height:29;
}

td.cel_tabPromo{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	line-height: 12px; 
	padding: 1px 1px 1px 5px;
	color: #333333;
	width:100%;
	height:130
}


td.cel_titreRayon{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	line-height: 13px; 
	padding: 1px 1px 1px 12px;
	color: #FFFFFF;
	background-image : url(../graph/images/titreRayons.gif);
	height:41
}

td.cel_titreRayonRouge{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	line-height: 13px; 
	padding: 1px 1px 1px 12px;
	color: #FFFFFF;
	background-image : url(../graph/images/titreRayonsRouge.gif);
	height:41
}

table.tabGamme{
	padding: 0px;
	width: 100%:
	border: 0px none;
	background-color: #C5CCD1;	
}

table.tabGammeRouge{
	padding: 0px;
	width: 100%:
	border: 0px none;
	background-image : url(../graph/images/fondGammeRougeBas.gif);	
	background-repeat: no-repeat;  
	background-position: bottom;	
}	


td.cel_gamme{
	padding: 0px 0px 0px 0px;
	width: 194px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 13px; 
	color: #3E5567;
	height: 15px;
}

td.cel_gammeRouge{
	padding: 0px 0px 0px 0px;
	width: 194px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 13px; 
	color: #ffffff;
	height: 15px;
}

div.cel_sousGamme h1{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 0.1em; 
	color: #3E5567;

}

div.cel_sousGamme{
	width: 250px;
	position:absolute; 
	margin-top:-6px; 
	margin-left:-25px; 
	visibility: hidden; 
	background-image : url(../graph/images/fondSousGamme.gif);
	background-repeat: no-repeat;  
	background-position: bottom, left;	
	padding: 5px 0px 5px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 15px; 
	color: #3E5567;
	border: 1px solid #3E5567;		
}

div.cel_sousGammeL{
	width: 300px;
	position:absolute; 
	margin-top:-6px; 
	margin-left:-25px; 
	visibility: hidden; 
	background-image : url(../graph/images/fondSousGamme.gif);
	background-repeat: no-repeat;  
	background-position: bottom, left;	
	padding: 5px 0px 5px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 15px; 
	color: #3E5567;
	border: 1px solid #3E5567;		
}


select {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	line-height: 13px; 
	font-weight: normal; 
	color: #EE4498
	}
	
input {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	line-height: 13px; 
	font-weight: normal; 
	color: #5F322C;
	size:5
	}


.Prix11 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 12px; color: #FF0000; font-weight: bold}
	.Prix11 a:link { color: #FF0000; text-decoration: none;}
	.Prix11 a:visited { color: #FF0000; text-decoration: none;}
	.Prix11 a:hover { color: #FF0000; text-decoration: none;}


.orange10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #DA6900}
.orange12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; color: #DA6900; font-weight: bold}
.gris10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #333333}
.maron10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #553200}
.orange10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #DA6900}
.orange12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; color: #DA6900; font-weight: bold}
.gris10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #333333}
.maron10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #553200}

.blanc10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; color: #FFFFFF}

.blanc11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 12px; color: #FFFFFF}
	.blanc11 a:link { color: #FFFFFF; text-decoration: none;}
	.blanc11 a:visited { color: #FFFFFF; text-decoration: none;}
	.blanc11 a:hover { color: #FFFF00; text-decoration: none;}
		
.blanc10Arial { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 11px; color: #FFFFFF}	
	
	.orange10 a:link { color: #DA6900; text-decoration: none;}
	.orange10 a:visited { color: #DA6900; text-decoration: none;}
	.orange10 a:hover { color: #333333; text-decoration: none;}.prixBarre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: normal; color: #666666; text-decoration: line-through}



/* div zoom produit */

div.zoomPM {  
	border:1px solid #AAAAAA;
	width:50px;
}

div.zoomGM {  
	border:1px solid #AAAAAA;
	margin-top: 0px; 
	margin-left: -1px; 
	position:absolute; 
	visibility: hidden; 
	overflow: auto;
}