body, table, td, tr {font-family:arial,helvetica,sans-serif;font-size:11px;margin: 0;}
BODY {
SCROLLBAR-FACE-COLOR:#be9c5c;
SCROLLBAR-HIGHLIGHT-COLOR: #888888;
SCROLLBAR-SHADOW-COLOR: #ae863a;
SCROLLBAR-3DLIGHT-COLOR: #dbbb7e;
SCROLLBAR-ARROW-COLOR: #000;
SCROLLBAR-TRACK-COLOR: #E2E2E4;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}

#header{
  background: url(/i/header3.png) no-repeat left top; /*noir */
  position:relative;
  z-index:55;

}

#bottom{
  background: url(/i/bottom.png) no-repeat left top; /*noir */
  position:relative;
  z-index:55;
}

#header a, #header a *{

}


body{
  font-size:12px;
  _font-size:0.75em;
  zoom:1;
  color:#000; /* gris */
  background:#FFF url(/i/back4.png) repeat-x scroll center top; 
}
.eyebrow {font-family: verdana,arial,helvetica,sans-serif; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #FFFFFF;}
.eyebrowb {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #FFFFFF;
  background: url(/i/haut_menur.gif) no-repeat; 
}

.recherche {
	background: url(/i/fond_recherche_jaune.png)  no-repeat; 

}


.lnx,hr {display:none;}
H1 {font-family:arial,helvetica,sans-serif;font-size:16px;margin: 0; color: #FFFFFF; }
H1.b1 {font-family:arial,helvetica,sans-serif;font-size:16px;margin: 0; color: #FFFFFF; }
H1.b10 {font-family:arial,helvetica,sans-serif;font-size:2px;margin: 0; color: #FFFFFF; }
H2 {
	font-family:arial,helvetica,sans-serif;
	font-size:20px;
	margin: 0px;
	padding: 0px;
}
H4 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	margin: 0;
	color: #666666;
	line-height: 16px;
	font-weight: bolder;
}
H5 {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	color: #800000;
	line-height: 16px;
}
.select { color: #000000; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; font-weight: bold;  background-color : #F1DFDF;  }
.select2 { color: #000000; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 10px; font-weight: bold;  background-color : #F1DFDF;  }
.select3 { color: #FFFFFF; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; font-weight: bold;  background-color : #C20033;  }
.select4 { color: #000000; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px;  background-color : #E8E8E8;  border-style: solid; border-width: 1; }
.select5 { color: #FFFFFF; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; font-weight: bold;  background-color : #D60707;  }
.select6 { color: #000000; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; font-weight: bold;  background-color : #FFFFFF;  border-color :red; border-width:1; }
.select7 { color: #000000; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 10px;  background-color : #E8E8E8;}
.select8 {
	color: #000000;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 9px;
	text-indent: 2pt;
	
}
.select9 {
	color: #000000;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 10px;
	background-color : #CCFF66;
	text-indent: 2pt;
}

.select10 { color: #FFFFFF; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px;  background-color : #FFFFFF;  border-style: solid; border-width: 0; }
.select11 { color: #FFFFFF; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 10px;  background-color : #FFFFFF;  border-style: solid; border-width: 0; }

.w:link { font-size : 11px; color:#FFFFFF ; text-decoration:none; text-align: center;font-weight:bold ; height: 15px ; line-height: 15px;}
.w:visited { font-size : 11px; color:#FFFFFF ; text-decoration:none;  text-align: center;font-weight:bold ; height: 15px ; line-height: 15px;}
.w:hover {font-size : 11px; color: #000080; background-color: #FFCC00; height: 13px; width: 100%; text-align: center; line-height: 15px; text-decoration:none}
.w:active {font-size : 11px;  color: #000080; background-color: #FFFFFF; height: 15px; width: 100%; text-align: center; line-height: 15px; text-decoration:none}

.b:link { font-size : 11px; color:#00000 ; text-decoration:none; text-align: center;font-weight:bold ; height: 15px ; line-height: 15px;}
.b:visited { font-size : 11px; color:#00000 ; text-decoration:none;  text-align: center;font-weight:bold ; height: 15px ; line-height: 15px;}
.b:hover {font-size : 11px; color: #FFFFFF; background-color: #EE0000; height: 13px; width: 100%; text-align: center; line-height: 15px; text-decoration:none}
.b:active {font-size : 11px;  color: #FFFFFF; background-color: #EE0000; height: 15px; width: 100%; text-align: center; line-height: 15px; text-decoration:none}

a.p:link { text-decoration:none;color:#800000}
a.p:active { text-decoration:none;color:#FF0000}
a.p:visited{ text-decoration:none;color:#FF0000}
a.p:hover { text-decoration:underline;color:#FF0000;}

a.p2:link {font-size : 10px;  text-decoration:none;color:#000000;text-decoration:none;}
a.p2:active {font-size : 10px;  text-decoration:none;color:#000000;text-decoration:none;}
a.p2:visited{font-size : 10px;  text-decoration:none;color:#000000;text-decoration:none;}
a.p2:hover {font-size : 10px;  text-decoration:underline;color:#FF0000;}

a.accueil:link {font-size : 11px;  color:#0000CC;text-decoration:underline;}
a.accueil:active {font-size : 11px;  color:#0000CC;text-decoration:underline;}
a.accueil:visited{font-size : 11px;  color:#0000CC;text-decoration:underline;}
a.accueil:hover {font-size : 11px;  color:#0000CC;text-decoration:none;}


a:link { text-decoration:none;color:#000000;}
a:active { text-decoration:none;color:#0000FF;}
a:visited{ text-decoration:none;color:#000000;}
a:hover {color:red; text-decoration:underline;color:#FF0000;}

a.lienp:link {font-size : 12px; text-decoration:underline;color:#003399;}
a.lienp:active {font-size : 12px;  text-decoration:underline;color:#003399;}
a.lienp:visited{font-size : 12px;  text-decoration:underline;color:#003399;}
a.lienp:hover {font-size : 12px; text-decoration:underline;color:#956939;}

a.lieng:link {font-size : 16px; text-decoration:underline;color:#003399;font-weight: bold;}
a.lieng:active {font-size : 16px;  text-decoration:underline;color:#003399;font-weight: bold;}
a.lieng:visited{font-size : 16px;  text-decoration:underline;color:#003399;font-weight: bold;}
a.lieng:hover {font-size : 16px; text-decoration:underline;color:#003399;font-weight: bold;}

a.d:link { color:#FFFFFF;font-size: 11px;}
a.d:active {color:#FFFFFF;font-size: 11px;}
a.d:visited{color:#FFFFFF;font-size: 11px;}
a.d:hover {color:#d6d6d6;font-size: 11px;}

a.c:link {	font-family:arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
}
a.c:active {
	font-family:arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
}
a.c:visited{
	font-family:arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
}
a.c:hover {
	font-family:arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	color:#FFFFFF;
	font-weight: bold;
}

a.o:link {
	text-decoration:none;
	color:#800000;
	background-color: #FFCC00;
	width: 110px;
	height: 16px;
}
a.o:active {
	text-decoration:none;
	color:#FF0000;
	background-color: #FFCC00;
	width: 110px;
	height: 16px;
}
a.o:visited{ text-decoration:none;color:#FF0000;
background-color: #FFCC00;
width: 110px;
height: 16px;
}
a.o:hover { text-decoration:underline;color:#FF0000;
background-color: #FFCC00;
width: 110px;
height: 16px;
}

.txt1 {font-family:arial,helvetica,sans-serif;font-size: 10px;}
.txt1b {font-family:arial,helvetica,sans-serif;font-size: 11px;font-weight : bold;}
.txt2 {font-family:arial,helvetica,sans-serif;font-size: 12px;  font-weight : bold;color: White; }
.txt3 {font-family:arial,helvetica,sans-serif;font-size: 12px;  font-weight : bold;}
.txt4 {font-family:arial,helvetica,sans-serif;color: Maroon;font-size: 11px;  font-weight : bold;}
.txt5 {font-family:arial,helvetica,sans-serif;color: Black;font-size: 12px;  font-weight : bold;}
.txt6 {font-family:arial, helvetica, sans-serif;font-size: 9px;}
.txt7 {font-family:arial,helvetica,sans-serif;color: White;font-size: 10px;}
.txt8 {font-family:arial, helvetica, sans-serif;font-size: 10px; color:#666666;}
.txt9 {font-family:arial, helvetica, sans-serif;font-size: 10px; }
.txt10 {
	color:#666666;
	font-family:arial, helvetica, sans-serif;
	font-size: 11px;
	width: 159px;
	margin: 5px;
	height: 28px;
	vertical-align: middle;
	text-align: center;
}
.txt11 {
	color:#666666;
	font-family:arial, helvetica, sans-serif;
	font-size: 11px;
	width: 159px;
	margin: 5px;
	height: 190px;
}

.titre1 {font-family:arial, helvetica, sans-serif;font-size: 16px; color:#CC0000;font-weight : bold;}


.barre {font-family:arial, helvetica, sans-serif; text-decoration: line-through; }
.barre2 {font-family:arial, helvetica, sans-serif;text-decoration: line-through;;font-size: 9px; }
.titr1 {font-family:arial,helvetica,sans-serif;font-size: 14px;  font-weight : bold; }
.p { margin-left: 5 }

.adresse  {
	width : 200px;
	padding:0px;
	position : absolute;
	left : 500px;
	top : 240px; }
	


a.nom_prod:link { 
font-family:arial, helvetica, sans-serif;
color:#000;
font-size: 13px;
font-weight : bold;
width : 175px;
height: 25px;

}
a.nom_prod:active { 
font-family:arial, helvetica, sans-serif;
color:#956939;
font-size: 13px;
font-weight : bold;
width : 175px;
height: 25px;


}
a.nom_prod:visited{
font-family:arial, helvetica, sans-serif;
color:#000;
font-size: 13px;
font-weight : bold;
width : 175px;
height: 25px;

}

a.nom_prod:hover {
font-family:arial, helvetica, sans-serif;
color:#956939;
font-size: 13px;
font-weight : bold;
width : 175px;
height: 25px;
 }

img.trans  { filter:alpha(opacity=20);}

	.img2 {
	position: static;
	visibility: visible;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip:    rect(0px 0px 0px 0px);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	overflow: visible;
	height: 200px;
	width: 300px;
	float: right;
}
.exposant {	vertical-align: superexposant;}

.griser {
	margin: 0px;
	padding: 5px;
	border: 1px solid #ccc;
}

.griser2 {
	margin: 2px;
	padding: 5px;
	border: 1px solid #ccc;
}




A.box:link { background-color: #E2E2E4;	border-width: 0px;	TEXT-DECORATION: none;	COLOR: #666666;}
A.box:visited {background-color: #E2E2E4;	border-width: 0px;	TEXT-DECORATION: none;	COLOR:#666666;}
A.box:active {background-color: #D3D3D4;	border-width: 0px;	TEXT-DECORATION: none;	COLOR: #AE0303;}
A.box:hover {background-color: #D3D3D4;	border-width: 0px;	TEXT-DECORATION: none;	COLOR: #AE0303;}

A.box2:link {
	border-width: 0px;
	TEXT-DECORATION: none;
	font-size : 10px;
	COLOR: #666666;
	font-weight: bold;
	text-align: center;
}
A.box2:visited {
	border-width: 0px;
	TEXT-DECORATION: none;
	font-size : 10px;
	COLOR:#666666;
	font-weight: bold;
	text-align: center;
}
A.box2:active {
	border-width: 0px;
	TEXT-DECORATION: none;
	font-size : 10px;
	COLOR: #AE0303;
	font-weight: bold;
	text-align: center;
}
A.box2:hover {
	border-width: 0px;
	TEXT-DECORATION: none;
	font-size : 10px;
	COLOR: #AE0303;
	font-weight: bold;
	text-align: center;
}
	
A.box3:link {
	border-width: 0px;
	font-size : 10px;
	TEXT-DECORATION: none;
	COLOR: #666666;
	text-align: center;
}
A.box3:visited {
	border-width: 0px;
	font-size : 11px;
	TEXT-DECORATION: none;
	COLOR:#666666;
	text-align: center;
}
A.box3:active {
	border-width: 0px;
	font-size : 11px;
	TEXT-DECORATION: none;
	COLOR: #AE0303;
	text-align: center;
}
A.box3:hover {
	border-width: 0px;
	font-size : 11px;
	TEXT-DECORATION: none;
	COLOR: #AE0303;
	text-align: center;
}

.box {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 10px;
	BACKGROUND-COLOR: #E2E2E4;
	BORDER-BOTTOM: 1px solid rgb(227,228,227);
	BORDER-LEFT: 1px solid rgb(227,228,227);
	BORDER-RIGHT: 1px solid rgb(227,228,227);
	BORDER-TOP: 1px solid rgb(227,228,227);
	CURSOR: hand;
	color: #666666;
}
.menud {
	FONT: bold Verdana;
	font-size: 8pt;
	CURSOR: hand;
	COLOR: white;
	font-weight: bold;
}
.tab1 {	border: thin dotted #999999;}
.tab2 {	border: medium dashed #666666;}
.invisible {font-size: xx-small;color: #FEFEFE;}
.on {font-size: 1px;color: #FEFFFE;}
.t1 {font-size: 12px;font-weight: bold;}
.tab01 {margin: 0px;padding: 5px;border: 1px solid #000000;}
.tab02 {margin: 0px;padding: 0px;border: 1px solid #000000;}

.bordTL3 {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: left;  
	clear: both; 
	margin:  -1px  0px  0px -4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: -4px;
}


.bordTR3 {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: right; 
	clear: right;
	margin:  -1px -4px  0px  0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-right: -4px;
}


.bordBL3 {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: left;  
	clear: both;
	margin: -7px  -6px  0px  -3px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: -3px;
	margin-right: -6px;
}

.bordBR3 {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: right; 
	clear: right;
	margin: -7px  -3px  0px  0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-right: -3px;
}
.b2  {font-size: 1px; color: #333333; }
.b3  {font-size: 1px; color: #E6E6E5; }

A.clip { 
	display:inline-block;
	padding:1px;
	text-decoration:none;
	color:#000;
	margin:0px 0px 0px 0px;
	border:1px solid #FFF;
}
A.clip:hover { background-color: #FFFFFF;border:1px solid #D60707;}
.text_entete_marque {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #666666;
	}

.contentWrapper {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
}

.contentWrapper2 {
width: 80px; 
height: 80px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
}

.productinfos {
	margin: 0px;
	padding: 5px;
	border: 0px;
}


.stdcase {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.bordTL {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: left;  
	clear: both; 
	margin:  -1px  0px  0px -4px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: -4px;
}
html>body .bordTL { margin-left: -1px; }

.bordTR {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: right; 
	clear: right;
	margin:  -1px -4px  0px  0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-right: -4px;
}
html>body .bordTR { margin-right: -1px; }

.bordBL {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: left;  
	clear: both;
	margin: -7px  -6px  0px  -3px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: -3px;
	margin-right: -6px;
}
html>body .bordBL { margin-left: 0px; margin-right: 0px;}

.bordBR {
	width: 7px; 
	height: 7px;
	padding: 0px; 
	border: 0px;
	z-index: 99;
	float: right; 
	clear: right;
	margin: -7px  -3px  0px  0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-right: -3px;
}
html>body .bordBR { margin-right: 0px; }

/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #000000;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#FFFFFF;
	background:		#000000;
	text-align: 	center;
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #000000;
	background: 	#eeeeff;
}