/* At-Rules */
@charset "iso-8859-1";
body {margin-top:0;margin-bottom:0; margin-left:0; margin-right:0; 
	background : #FCF4DE ;
	font-family: Verdana, Trebuchet MS, Geneva, Arial, sans-serif ; 
	font-style: normal; 
	font-size:10pt; 
	line-height: 130%; 
	color:#000000;
	text-align:center;
	padding: 0 1.0em 0 1.5em;
}
.index { background-color: #B1F6AE; text-align:center;}

P   {font-family: Verdana,Trebuchet MS, Geneva, Arial, sans-serif ; font-style: normal; font-size:9pt; line-height: 130%; text-align:justify;  color:#000000; padding: 0 1.0em 0 0em; }
td 	{font-family: Verdana,Trebuchet MS, Geneva, Arial, sans-serif ; font-style: normal; font-size:9pt; line-height: 130%;}
A   {font-family: Verdana,Trebuchet MS, Geneva, Arial, sans-serif ; font-style: normal; font-size:9pt; line-height: 130%; color:#0000CC; text-decoration:underline;}
A:hover {text-decoration:none;}

H1 {font-family: Verdana,Trebuchet MS,  Geneva, Arial, sans-serif ; color:#24559E; font-size:16pt; letter-spacing:1px; padding:0.2em 0.2em 0.2em  0em;  line-height: 140%; }
H2 {font-family: Verdana,Trebuchet MS,  Geneva, Arial, sans-serif ; color:#24559E; font-size:12pt; letter-spacing:1px; padding:0.2em 0.2em 0.2em  1.5em;  }
H3 {font-family: Verdana,Trebuchet MS,  Geneva, Arial, sans-serif ; color:#24559E; font-size:10pt; letter-spacing:0px; font-weight:bold;padding: 0.2em 0.2em 0.2em 0em;}

.lgd_off { text-align :center; font-size: 9pt;  font-weight:normal;line-height: 8pt; color:#FCF4DE; }
.lgd_on  { text-align :center; font-size: 10pt; font-weight:bold;  line-height: 8pt; text-decoration:none;}

.small { font-size:8pt; }
.em  { 
	font-size:11pt; 
	font-weight: bold; 
	color:#675;
}
.bgcol_cda { background: #cda; }
.bgcol_deb { background: #deb; }
.col_259 {color:#259;}
.form_comment{
	font-style: italic; 
	font-size:9pt; 
	color:#36A;
}
.form_submit{
	font-style: italic; 
	font-weight: bold; 
	font-size:12pt; 
	color:#000;
}
.form_intitule{
	font-style: normal; 
	font-size:11pt; 
	color:#36A;
	vertical-align:top;
	text-align:right;
	font-weight: bold; 
}
.form_data{
	font-style: italic; 
	font-size:10pt; 
	color:#259;
}
.form_input{
	font-style: normal; 
	font-size:10pt; 
	color:#259;
}

.icone {background-color:#F0F0F0;  border : 1px solid #F4B195;}

ul {font-family:  Verdana,Trebuchet MS,  Geneva, Arial, Helvetica, sans-serif ; list-style-position:outside; font-size:10pt; line-height: 150%;color:#259; margin: 0 1.0em 0 2.5em;}
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.none {list-style-type: none;}
ol {font-family:  Verdana,Trebuchet MS,  Geneva, Arial, Helvetica, sans-serif ; list-style-type: decimal; 
	list-style-position:outside; font-size:10pt; line-height: 150%;color:#259; margin: 0 1.0em 0 2.5em;}
ol.dec {list-style-type: decimal;}
ol.urom {list-style-type: upper-roman;}
ol.ualp {list-style-type: upper-alpha;}

#bottom {
	width:130px;
	padding :  0 ;
	z-index:2;
	text-align:center;
}



#menu_top {
	position:absolute;
	top : 0px;
	left : 0px;
	padding :  0 ;
	z-index:1;
}

#price {
	position:relative;
	float: right;  
	background-color:#E2007F;  border : 1px dotted #F3C211; 
	padding : 5px 5px 5px 5px;
	color : #FCF4DE;
	font-weight:bold;
	font-size :9pt;
	width:160px;
	text-align:left;
}


.menu_act { text-align :left; font-size: 10pt; font-weight:bold; color:#FCF4DE ; width:130px; }
	
#menu_gauche {
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	position:absolute;
	top : 102px;
	left : 0px;
	width:130px;
	padding : 0px 0 0 0;
	z-index:1;
}

#rubrique_on{
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	background : #FCF4DE;
	padding : 0px 0 0 5px;
}
#rubrique_off{
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	background : #FCF4DE;
	padding : 0px 0 0 5px;
}
#rubrique_on h2{
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	font-size: 10pt;  
	font-weight : bold;
	text-decoration:none;
	color: #FCF4DE;
	padding: 0 0 0 0px; 
}

#rubrique_off h2 a {
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	font-size: 10pt; 
	color:#453;  
	text-decoration:none;
	letter-spacing: -0.02em;
	padding: 0 0 0 0px; 
}
#rubrique_on   a:hover{
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	text-decoration: none; 
	background: #FCF4DE; 
}
#rubrique_off   a:hover{
	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;
	text-decoration: none; 
	background: #FCF4DE;
}

.menu_on { padding: 0.5em 0 0.5em 10px; 	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ; color:#FCF4DE;}
.menu_off { padding: 0em 0 0em 10px; 	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;}
.menu_on a	{font-size: 10pt;  text-decoration:none; 	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;	color:#FCF4DE;}
.menu_off a {padding: 0 0 0 0px;font-size: 10pt;  text-decoration:none; 	font-family: Trebuchet MS,Verdana, Geneva, Arial, sans-serif ;}


#supportingText {
	z-index:2;
	position:absolute;
	left : 332px;
	top  : 120px;
	margin:  1.5em 3%;   
	width:600px; 
	border : 1px #000000;
	text-align:left;
}	
	

#contenu {
	z-index:3;
	position:absolute;
	top : 00px;
	left : 10px;
	text-align:left;
}

.retrait {
	text-align:left;
	padding: 0 0.5em 0 1.5em;
}	



#logo {
	z-index:1;
	top : 50px; 
	left : 0px;
	width:60px;
}



#tools_commande {
	position:absolute;
	top : 75px;
	left : 312px;
	width:450px;
}

#localisation {
	position:absolute;
	overflow: none;
	left : 292px;
	top  : 97px;
	margin:  1.5em 3%;   
	
	color: #341;
	z-index:4;
}	
#localisation p {
	padding: 0.5em 0.5em 0.1em  0.5em;
	background: #bb8;
	color: #341;	
	border-top: solid 1px #bb8;
	border-right: solid 2px #bb8;
	border-bottom: solid 1px #bb8;
	border-left: solid 1px #bb8;
	
}
#localisation a {
	background: #bb8;
	color: #341;
}

#page_produit{
	float: right;  
	width: 200px;  
	margin: 0 0.4em 1.2em 1.2em;  
	padding: 0.2em; 
	background: #eeeeee;  
	border: 1px dotted #AEAEAE; 
	border-bottom: dotted 1px #6F3;
	border-left: dotted 1px #6F3;
}