@charset "utf-8";
/* CSS Document */

* 
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}




body, html{
	color: #333333;
font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	line-height: 160%;
	margin: 0;
	padding: 0;
}

a img {
border: none;
}

#emballage {
margin-left: auto;
margin-right: auto;
width: 1119px;
}

#top{margin-top: -6px;}

#header {
	height: 286px;
	background-image: url(images/design/bandeau_snut.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
margin-top: -10px;
}

#boitealogo{
float: left;
margin-top: 181px;

}

#boiterecherche {
float: right;
margin-top: 230px;
margin-right: 15px;
}

#footer
{
clear: both;
text-align: center;
font-size: 9px;
color: #666666;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #999999;
}

#footer a {
color: #666666;
text-decoration: underline;
}

#footer a:hover {
color: #333333;
}

#menu {
	text-align: center;
	margin-top: 2px;
	padding: 2px;
	margin-left: 0px;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	border-right-width-value: 1px;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-value: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-right-style-value: dotted;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-left-style-value: dotted;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-right-color-value: #89DAD6;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-left-color-value: #89DAD6;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border: 1px dotted #89DAD6;
}

#menu ul {
padding: 0px;
margin: 0px;
list-style: none;
}

#menu ul li {
	display: inline;
}

#menu a {
	text-decoration: none;
	color: #52B55A;
	font-weight: bold;
	padding: 2px;
	font-variant: small-caps;
	text-transform: lowercase;
	}

#menu a:hover {
	color: #FFFFFF;
	background-color: #82C987;
}

#product_listing {
float: right;
width: 959px;
}




#leftcol {
	float:left;
	width:160px;
	margin-bottom: 15px;
}
.level_01 
{
	display: block;
 margin-top: 18pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 6px;
	padding-left: 0px;
	list-style-type: none;
	font-size: 12px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	color: #0066FF;
}
.level_01 li {
	display:block;
	margin:0;
	padding:0;
	color: #00CCFF;
}
.level_01 li a 
{
	display: block;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;

	padding-right: 0pt;
	padding-left: 2px;

	text-decoration: none;
	background-color: transparent;
	background-image: url(images/elements/ic_level_01_0.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: 50%;
	vertical-align: middle;
	background-position: left;
	color: #0099FF;
}
.level_01 a:link, .level_01 a:visited 
{
	color: #0099FF;
	text-decoration: none;
}
.level_01 a:hover 
{
	color: #FFFFFF;
	background-color: #82C987;
}
.level_01 li a:hover, .level_01 li a:active 
{
		background-color: #82C987;
	background-image: url(images/elements/ic_level_01_1.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	vertical-align: text-top;
	background-x-position: 0pt;
	background-y-position: 50%;
}

#vignette_box {
	float:left;
	margin-left: 0px;
 margin-top: 18pt;
}


#filariane {
	padding-top: 5px;
	padding-bottom: 2px;
	color: #CCCCCC;
	margin-bottom: 0px;
	background: #ffffff;
	font-size: x-small;
margin-bottom: 10px;
}

#filariane a {
	text-decoration: none;
	color: #CCCCCC;
}

#filariane a:hover {
text-decoration: none;
color: #835017;
}

/* façade */
#ledevant {
}

#ledevant h1 {
	color: #52B55A;
	padding: 2px;
	margin-bottom: 10px;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.5em;
	background: #ffffff;
	text-transform: lowercase;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #52B55A;
	border-right-color: #52B55A;
	border-bottom-color: #52B55A;
	border-left-color: #52B55A;
}

#ledevant h2 {
	color: #82C987;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.2em;
	font-style: italic;
	border-bottom-style: dotted;
	border-bottom-color: #52B55A;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	margin-bottom: 10px;
	clear: both;
}



#break 
{
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #52B55A;
	height: 5px;
	padding-top: 2pt;
  padding-bottom: 2pt;
  margin-bottom: 10px;
}

#break_fin 
{
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #52B55A;
}



div#fiche_gauche
{
	float: left;
	width: 380px;
	height: 280px;
	margin-bottom: 20px;
	margin-left: 50px;
	text-align: center;
	vertical-align: baseline;
}

div#fiche_droite
{
float: right;
width: 380px;
text-align: center;
margin-right: 120px;
border: 1px dotted #52B55A;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-bottom:3px;
	margin-bottom:5px;
	}

.loading {
	height: 10px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 10px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:10px;
	height: 10px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:10px;}
.unit-rating a.r2-unit{left:10px;}
.unit-rating a.r2-unit:hover{width: 20px;}
.unit-rating a.r3-unit{left: 20px;}
.unit-rating a.r3-unit:hover{width: 30px;}
.unit-rating a.r4-unit{left: 30px;}	
.unit-rating a.r4-unit:hover{width: 40px;}
.unit-rating a.r5-unit{left: 40px;}
.unit-rating a.r5-unit:hover{width: 50px;}
.unit-rating a.r6-unit{left: 50px;}
.unit-rating a.r6-unit:hover{width: 60px;}
.unit-rating a.r7-unit{left: 60px;}
.unit-rating a.r7-unit:hover{width: 70px;}
.unit-rating a.r8-unit{left: 70px;}
.unit-rating a.r8-unit:hover{width: 80px;}
.unit-rating a.r9-unit{left: 80px;}
.unit-rating a.r9-unit:hover{width: 90px;}
.unit-rating a.r10-unit{left: 90px;}
.unit-rating a.r10-unit:hover{width: 100px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 10px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

/* Travaux de printemps */



#vignette {
	float:left;
	margin-left: 0px;
	margin-right: 10px;
	border: 1.5px dotted #3399ff;
	padding-top: 0px;
padding-bottom: 0px;
}

div#haut a {
	padding: 0pt;
	overflow: visible;
	text-indent: -9999px;
	position: fixed;
	display: block;
	z-index: 9999;
	bottom: 22pt;
	width: 30px;
	height: 30px;
	background-attachment: fixed;
	background-color: transparent;
	background-image: url(images/design/top.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	right: 0px;
}
div#home a {
	padding: 0pt;
	overflow: visible;
	text-indent: -9999px;
	position: fixed;
	display: block;
	z-index: 9999;
	bottom: 0pt;
	width: 30px;
	height: 30px;
	background-attachment: fixed;
	background-color: transparent;
	background-image: url(images/design/home.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	right: 0px;
}

/* Product listing affichage liste sites */
#listing_sites ul {
	list-style: none;
	padding-left: 0px;
	left: 0px;
}

#listing_sites ul li.accroche h3 a {
padding-left: 0px;
padding-right: 0px;
color: #835017;
text-decoration: underline;
font-size: 12px;
}

#listing_sites ul li.accroche h3 a:hover {
color: #82C987;
background: none;
font-style: normal;
}

#listing_sites ul li.desc_tronque {
margin-top: 0px;
margin-bottom: 0px;
}

#listing_sites ul li.mers {
	color: #82C987;
	font-size: 10px;
	vertical-align: absmiddle;

}


#listing_sites ul li.desc_tronque a {
padding-left: 0px;
padding-right: 0px;
color: #835017;
text-decoration: none;
}

#listing_sites ul li.desc_tronque a:hover {
color: #82C987;
background: none;
font-style: normal;
}

/* Sous-catégories */

#cadre_sous_cat  {
margin-top: 10px;
margin-bottom: 40px;
color: #666666;
font-size: 11px;
padding-bottom:inherit;


}

#cadre_sous_cat a {
color: #835017;
text-decoration: none;
font-size: 12px;
}

#cadre_sous_cat a:hover {
text-decoration: underline;
}

div#sous_cat_g {
padding-left: 10px;
float: left;
width: 30%;
}

div#sous_cat_m {
float: left;
width: 33.33%;
}

div#sous_cat_d {
float: right;
width: 33.33%;
}

div#jaime {
margin-top: 20px;
	float:left;
	width:120px;
	border: thin dotted #0099FF;
	color: #666666;
	font-size: 11px;
}

div#jaime a {
color: #666666;
text-decoration: underline;
}

div#jaime a:hover {
color: #333333;
}

#adsense {
  text-align: center;
	float:center;
	margin-top: 25px;
  margin-bottom: 15px;
	border: 1px dotted #dddddd;
}
/* Fab end */