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

@charset "UTF-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
body{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #000;
}
h1, h2, h3, h4, h5, h6, p, ul, li, ol{
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
/*===============================================*/
#header{
	width:955px;
	height:70px;
	margin:auto;
}
#header h1, #header h2, #header hr{
	display:none;
	color: #FFFFFF;
}
/*===============================================*/
#menu ul{
	position:relative;
}

#menu ul li.top ul{
	position:relative;
	/*background-image:url(images/background-sub-menu.png);*/
	background-repeat:repeat-y;
}

#menu ul li.top{
	position:relative;
	cursor:pointer;
}

#menu ul li.top ul.sub {
	position:absolute;
	display:none;
	z-index:50000;
}

#menu ul li.top ul.sub li{
	z-index:51000;
}	

#menu ul li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
display:none;
}
#menu ul li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
display:block;
}
/*===============================================*/
#site{
	width:955px;
	margin:auto;
	/*min-height:500px;*/
	padding:20px 0px;
	color: #fff;
	text-align:left;
}
/*====================================*/
#site.accueil img{
	padding-top:30px;
}
#site.about{
	background-image:url(images/portrait-billy.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#site.about #contenu{
	padding-top:60px;
	padding-left:235px;
}
#site.about #contenu .leftCol{
	float:left;
}
#site.about #contenu .rightCol{
	margin-left:400px;
}
#site.collections #contenu #bandeau-top{
	padding-bottom:30px;
}
#site.collections #contenu .centerCol{
	margin:auto;
	width:700px;
}
#site.collections #contenu .centerCol#produits{
	background-image:url(images/background-produits.jpg);
	background-repeat:repeat-x;
	/*height:442px;*/
	min-height:340px;
	width:100%;
	position:relative;
	padding-bottom:180px;
	background-color:#fff;
}
#site.collections #contenu .centerCol#produits #couleurs{
	float:left;
	width:280px;
	padding:80px 10px 10px 20px;
}
#site.collections #contenu .centerCol#produits #image{
	width:300px;
	margin:auto;
	padding-top:30px;
	position:relative;
}
#site.collections #contenu .centerCol#produits #image a{
	text-decoration:none;
}
#site.collections #contenu .centerCol#produits #image a p.textImage{
	position:absolute;
	background-image:url(images/languette.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px 0px 26px 0px;
	font-size:0.6em;
	color:#fff;
	top:50px;
	left:120px;
	display:none;
}
#site.collections #contenu .centerCol#produits #image a p.textImage span{
	background-color:#922572;
	display:block;
	padding:5px;
}
#site.collections #contenu .centerCol#produits #image a:hover p.textImage{
	display:block;
	z-index:2;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette{
	list-style-type:none;
	position:relative;
	float:left;
	margin:0px 25px;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette a{
	text-decoration:none;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette a p.textVignette{
	position:absolute;
	background-image:url(images/languette.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px 0px 26px 0px;
	font-size:0.6em;
	color:#fff;
	top:20px;
	left:10px;
	display:none;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette a p.textVignette span{
	background-color:#922572;
	display:block;
	padding:5px;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette  a:hover p{
	display:block;
	z-index:2;
}
/*#site.collections #contenu .centerCol#produits #image a p{
	background-image:url(images/infobulle-image.png);
	width:181px;
	height:46px;
	padding-left:10px;
	font-size:0.6em;
	color:#fff;
	line-height:23px;
	z-index:2;
	position:absolute;
	left:200px;
	top:-150px;
	visibility:hidden;
}
#site.collections #contenu .centerCol#produits #image a:hover p{
	visibility:visible;
}
#site.collections #contenu .centerCol#produits #vignettes{
	position:absolute;
	bottom:0px;
	padding:0px 20px;
}
#site.collections #contenu .centerCol#produits #vignettes .vignette{
	float:left;
	margin-right:10px;	
	position:relative;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette{
	list-style-type:none;
	position:relative;
	height:30px;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette a{
	position:relative;
	text-decoration:none;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette a img{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette  a p{
	width:90px;
	background-color:#922572;
	padding:5px;
	font-size:0.6em;
	color:#fff;
	line-height:16px;
	z-index:2;
	position:relative;
	margin-top:-80px;
	margin-left:20px;
	visibility:hidden;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette  a div.bastextVignette{
	background-image:url(images/languette.png);
	height:31px;
	width:27px;
	margin-top:10px;
	display:block;
}
#site.collections #contenu .centerCol#produits #vignettes ul li.vignette  a:hover p{
	visibility:visible;
}*/
#site.actu #contenu .article{
	width:715px;
	padding:10px 0px;
	margin:auto;
}
#site.actu #contenu .article img{
	float:left;
	padding:5px 10px 10px 0px;
}
#site.store #contenu .article{
	width:715px;
	padding:10px 0px;
	margin:auto;
}
#site.store #contenu .article img{
	float:left;
	padding:5px 10px 10px 0px;
}
/*===============================================*/
table#attitude tr td, table#bio tr td{
	padding-bottom:10px;
	font-size:0.7em;
}
table#attitude tr td.leftCase, table#bio tr td.leftCase{
	text-align:right;
	padding-right:10px;
	font-size:0.8em;
	color:#922572;
}	
table#attitude tr td.leftCase{
	width:90px;
}	
table#bio tr td.leftCase{
	width:50px;
}
table#attitude{
	width:400px;
}
table#bio{
	width:300px;
}
/*===============================================*/
#footer{
	width:955px;
	height:50px;
	margin:auto;
	background-image:url(images/barre-footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding:20px 0px;
	text-align:right;
}
#footer hr{
	display:none;
}
#footer address{
	font-size:0.8em;
	color: #FFFFFF;
}
/*===============================================*/
.spacer{
	clear:both;
}