/* Soly Leblanc v0.1 */

/* --------------------------------------- Mise à zero */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* --------------------------------------- Main items */
html, body { height:100%; margin:0; padding:0; outline:none; }
* html #container { height: 100%;}
body { margin:0; padding:0;height:100%; }
body, p, td, th { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:12px; }
body { background: url(../images/sl_bkg_body.jpg) repeat-x #FFFFFF top; }

h1 { color:#333333; font-size:16px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;}
h2 { color:#0fa0fd; font-size:14px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; }
p { font-size:12px; color:#333333; }
.millesime { font-size:12px; color: #999999; }
.pays { font-size:12px; color: #999999; font-style:italic; }

input { font-size:12px; color:#333333; border: 1px solid #CCCCCC; outline:none; }
textarea { font-size:14px; color:#333333; border: 1px solid #CCCCCC; outline:none; }
select { font-size:14px; color:#333333; border: 1px solid #CCCCCC; outline:none; }
.petittexte { font-size:10px; }
del {color:#333333; font-size:12px;}
a:link, a:active, a:hover, a:visited { color:#333333; text-decoration:none; outline:none; }
a:hover { text-decoration:none; color:#000000; }

.selectiontexte{ color: #AF423D; font-weight:bold; text-decoration:none; outline:none; }

/* --------------------------------------- Items */
#container {position: relative; min-height: 100%;}

#headerContent { position:relative; width:800px; height:260px; margin:0 auto; background:url(../images/sl_ban_principal.png) no-repeat top; }

#logo { float:left; width:280px; height:175px; padding:0; margin:0;}

#menuheader { float:right; width:150px; height:130px; padding:80px 0 0 0; text-align:right;}	
	#menuheader ul { list-style-type: none; margin:0; padding:0; text-align:right; overflow:auto; width:150px; }
	#menuheader li { display:block; list-style:none; margin:0px; padding:0 10px 0 0; color:#FFF; line-height:22px; background:url(../images/sl_bkg_headermenu.png) no-repeat right top;}
	#menuheader li:first-child	{ background:none;}
	#menuheader li a { display:block; margin:0; padding:0; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
	#menuheader li a:link, #menuheader li a:active, #menuheader li a:visited { color:#FFFFFF; text-decoration:none; }
	#menuheader li a:hover { color:#CCCCCC; text-decoration:none; }
		
#menuprincipal { float:left ; width:800px; height:40px; background-color:#000000; background:url(../images/sl_bkg_principalmenu.png) no-repeat top;  }
	#menuprincipal ul { display:block; margin:0px; padding:0px 10px 0px 0px; text-align:center; overflow:auto; height:40px; line-height:40px; font-size:18px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; }
	#menuprincipal li { display:block; float:left; margin:0px; padding:0px 13px 0 13px; list-style:none; color:#CCCCCC; background:url(../images/sl_separator_principalmenu.png) no-repeat left;  font-size:18px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; }
	#menuprincipal li:first-child	{ background:no-repeat; }
	#menuprincipal li a { display:block; float:left; margin:0; padding:0; font-size:18px;  font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; }
	#menuprincipal li a:link, #menuprincipal li a:active, #menuprincipal li a:hover, #menuprincipal li a:visited { color:#FFFFFF; text-decoration:none; }
	#menuprincipal li a:hover { color:#CCC; background:url(../images/sl_fleche_principalmenu.png) no-repeat bottom center; }
			
#containerprincipal { position:relative; width:800px; overflow:auto; margin:0 auto; padding:0 0 200px 0; background:#FFFFFF;  }

#contenttop { float:left ; width:800px; height:15px; background:url(../images/sl_bkg_content.jpg) no-repeat top center; }
#content {  float:left ; width:780px; padding:0 10px 0 10px; overflow:auto; background-color:#FFFFFF; }
	
#navigation { float:left; width:575px; height:30px; background-color:#E8E8E8; padding:0 0 0 5px; margin:0; line-height:30px; }
	#navigation a {text-decoration:underline;}
	
#panier {float:right; width:169px; height:30px; font-size:11px; background:url(../images/sl_basket.png) no-repeat 5px 5px #DADADA; line-height:30px; padding:0 5px 0 25px; }
	#panier a {text-decoration:underline;}
	
#media {float:left; width:250px; padding:0; margin:0; background:#FFFFFF;}
	
#colonnesimple {float:left; width:199px; padding:0; margin:0; background:#FFFFFF;}

#colonnesimplegauche {float:left; width:199px; padding:0; margin:0 0 0 10px; background:#FFFFFF;}
		
#colonnedouble {float:left; width:570px; padding:15px 0 0 0; margin:0 10px 0 10px; background:#FFFFFF; }

#colonnetriple {float:left; width:739px; padding:15px 0 0 0; margin:0 10px 0 10px; background:#FFFFFF; }

.separateur {float:left; width:560px; height:22px; background:url(../images/sl_bckg_separateur.jpg) no-repeat; border-bottom:#AF423D solid 0px; font-size:15px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333; margin:15px 0 15px 0; line-height:19px; padding:0 0 0 10px; }
.separateur2 {float:left; width:760px; height:20px; background-color:#E8E8E8; border-bottom:#AF423D solid 1px; font-size:14px;  font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333; margin:15px 0 15px 0; line-height:20px; padding:0 0 0 10px; }

.resultat {float:left; width:450px; margin:0; padding:0; }
.nbresults {float:left; width:100px; margin:0; padding:0; line-height:15px; text-align:right; color:#AF423D; }

#encadre_vin { float:left; width:180px; height:215px; padding:0; margin:0 10px 0 0; }
#vin { position:relative; width:190px; height:205px; padding:5px; background:url(../images/sl_bkg_vindesc.jpg) repeat-x bottom;}
#vin a {   text-decoration:underline; margin:0; padding:0; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif;  }
#bouteille { position:absolute; bottom:20px; width:50px; height:180px; margin:5px; padding:2px; border:#CCCCCC solid 1px; background-color:#FFFFFF; text-align:center; }
#bouteille a {   text-decoration:underline; margin:0; padding:0; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif;  }
#descriptionbouteille { position:absolute; left: 75px; bottom:10px;  width:99px; margin:5px 5px 0 0;}  
	#descriptionbouteille h1 {font-size:12px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333;} 
	#descriptionbouteille h2 {font-size:12px; color:#333333;} 
	#descriptionbouteille h3 {font-size:14px; color:#AF423D;} 

#bouteillelarge {float:left; width:131px; height:450px; margin:5px; padding:2px; border:#CCCCCC solid 1px; background-color:#FFFFFF; text-align:center;}
#descriptionbouteillelarge {float:left; width:400px; padding:0 0 0 10px; margin:5px 5px 0 0; text-align:justify;} 
	#ajouterpanier { float:right; width:96px; height:60px; padding:0; margin:0; }
	#descriptionbouteillelarge h1 {font-size:13px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333;} 
	#descriptionbouteillelarge h2 {font-size:12px; color:#333333;} 
	#descriptionbouteillelarge h3 {font-size:14px; color:#AF423D;} 

.images { float:left; padding:0; margin:0; border:#CCCCCC solid 1px; }



#encadregris {float:left; width:187px; padding:5px; margin:0; border:#CCCCCC solid 1px; margin:15px 0 0 0; text-align:left; }
	#encadregris h1 { height:25px; background-color:#E8E8E8; font-size:14px;  font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333; margin:0 0 10px 0; line-height:20px; padding:5px 0 0 10px; }
	#encadregris h2 { height:20px; background-color:#FFFFFF; font-size:12px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333; margin:10px 0 10px 0; line-height:20px; padding:0; }
	#encadregris ul { list-style-type: none; margin:0; padding:0; text-align:left; overflow:auto; }
	#encadregris li { display:block; list-style:none; margin:0px; padding:0 0 2px 15px; color:#333; line-height:14px; background: url(../images/sl_bullet_red.png) no-repeat 0 0;}
	#encadregris li a { display:block; margin:0; padding:0; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
	#encadregris li a:link, #encadregris li a:active, #encadregris li a:hover, #encadregris li a:visited { color:#333333; text-decoration:underline; }
	#encadregris li a:hover { color:#000; }
	

#encadregris2 {float:left; width:560px; padding:5px; margin:0; border:#CCCCCC solid 1px; margin:15px 0 0 0; text-align:left; }
	#encadregris2 h1 { height:25px; background-color:#E8E8E8; font-size:14px;  font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333; margin:0 0 10px 0; line-height:20px; padding:5px 0 0 10px; }
	#encadregris2 h2 { height:20px; background-color:#FFFFFF; font-size:12px; font-family:georgia, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif; color:#333333; margin:10px 0 10px 0; line-height:20px; padding:0; }
	#encadregris2 ul { list-style-type: none; margin:0; padding:0; text-align:left; overflow:auto; }
	#encadregris2 li { display:block; list-style:none; margin:0px; padding:0 0 2px 15px; color:#333; line-height:14px; background: url(../images/sl_bullet_red.png) no-repeat 0 0;}
	#encadregris2 li a { display:block; margin:0; padding:0; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
	#encadregris2 li a:link, #encadregris li a:active, #encadregris li a:hover, #encadregris li a:visited { color:#333333; text-decoration:underline; }
	#encadregris2 li a:hover { color:#000; }
	
#confirmation { display:block; margin:0; padding:0; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#FF0000; font-weight: bold;}
		
#bottom { position: relative; height:185px; margin-top: -185px; bottom:0px; left:0px; background: url(../images/sl_bkg_footer.jpg) no-repeat top #3A0B05; padding:15px 0px; overflow:auto; width:100%;  font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#FFFFFF;  }

#bottomWarper { width:800px; margin:0 auto; position:relative; padding:0; }

#bottomContentLeft { width:250px; padding:42px 20px 0 15px; }

#bottomContentRight { position:absolute; right:0px; top:0px; width:510px; padding:40px 20px 0 35px;  }
	#bottomContentRight ul { padding:0; margin:0; display:block; margin:0;}
	#bottomContentRight li { display: inline; list-style:none; padding:2px;  margin:10px 0 10px 0; font-size:11px; line-height:20px; }	
	#bottomContentRight li a:link, #bottomContentRight li a:active,  #bottomContentRight li a:visited {  color:#CCCCCC; text-decoration: underline;}		
	#bottomContentRight li a:hover {  text-decoration: none;}
	#bottomContentRight p { color:#FFF;  font-size:10px;}	
	#bottomContentRight p a:link, #bottomContentRight p a:active,  #bottomContentRight p a:visited { color:#FFF; text-decoration: underline;}
	#bottomContentRight p a:hover { color:#FFF; text-decoration: none;}