/* -------Global---------- */ 

body {
	padding:0px 0px 0px 0px; margin:0px; 
	font:normal normal normal 12px Arial;
	color:#000000;
	background:url(/images/general/bg-body.png) repeat left top;
	margin:0px; padding:0px;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
li,
ul,
img,
p,
a,
a:hover { 
	border:0px;
	padding:0px; margin:0px;
	font:normal normal normal 12px Arial;
	color:#000000; 
}
ul {list-style:none;}
a,
a:hover {
	cursor:pointer;	
	text-decoration:none;
	outline-style:none;	
}
.clear {clear:both;}
input,
label,
form {	
	padding:0px; margin:0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}


/* -------general---------- */
#container{
	width:900px;
	height:auto;
	margin:0px auto 10px auto;
	background:white;
}
#banner{
	width:900px;
	height:120px;
	background:url(/images/general/banner.png) no-repeat right top;
}
#menu{
	width:900px;
	background:black;
	height:30px;
}
#menu ul{float:right;padding-right:34px;}
#menu ul li{float:left;}

#menu ul li.menu1,
#menu ul li.menu3,
#menu ul li.menu4{position:relative;overflow:hidden;}

#menu ul li.menu1 a img,
#menu ul li.menu3 a img,
#menu ul li.menu4 a img{position:absolute;top:0px;left:0px;}

#menu ul li.menu1.over a img,
#menu ul li.menu3.over a img,
#menu ul li.menu4.over a img{position:absolute;top:-30px;left:0px;}

#menu ul li.menu2{background:url(/images/general/menu-2.png) no-repeat left top;}
#menu ul li.over{background-position:left bottom;}

#menu ul li a{
	display:block;
	height:30px;
	width:150px;
}
#smenu{
	background:white;
	width:148px;
	display:none;
	padding-right:0px !important;
	padding-bottom:10px;
	margin:0px;
	position:absolute;
	top:30px;
	left:0px;
	border:1px dotted #CC0000;
	border-top:none;
}
* html #smenu{padding-bottom:20px;}
* +html #smenu{padding-bottom:20px;}
#smenu li{
	width:148px;
	height:20px;
	display:block;
}
#smenu li.sep{
	height:7px;
	background:url(/images/general/sep.png) left top;
	font-size:0px;
}
#smenu li.shadow{
	height:7px;
	background:url(/images/general/shadow.png) left top;
	font-size:0px;
}
#smenu li a{
	color:#CC0000;
	display:block;
	padding-top:2px;
	padding-left:10px;
	font:normal normal normal 11px Arial;
	text-decoration:none;
	text-align:left;
	width:138px !important;
	height:18px !important;
}
#smenu li a:hover{
	background-color:#CC0000;
	color:white;
}
#footer{
	width:100%;
	height:170px;
	padding-top:80px;
}
#footer ul{
	float:left;
	width:135px;
	padding:0px;
	margin:0px;
}
#footer ul.first{
	width:265px;
	padding:0 0 0 70px;
}
#footer ul h3{
	font:normal normal bold 12px Arial;
	color:#666666;
}
#footer ul li a{
	font:normal normal normal 10px Arial;
	color:#999999;
}
p.version{
	float:right;
	margin-top:-15px;
	padding-right:10px;
}
p.version a,
p.version a:hover{
	font:normal normal normal 10px Arial;
	color:#999999;
	float:left;
	padding-right:10px;
}
a.splus,
a:hover.splus{
	font:normal normal normal 12px Arial;
	color:#7DC7C8;
	background:url(/images/general/splus.png) no-repeat left bottom;
	padding-left:15px;
	padding-top:10px;
	display:block;
}
a.link,
a:hover.link{color:#cc0000;text-decoration:underline;}
/* -------home---------- */

#content.home .col1{
	width:300px;
	float:left;
	padding:35px 35px 0px 60px;
	margin:0px;
}
#content.home .col2{
	width:445px;
	float:left;
	padding:35px 0px 0px 0px;
	margin:0px;
}
#content.home h2{
	font:normal normal bold 24px Arial;
	color:#cc0000;
	padding-bottom:7px;
	margin-bottom:7px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.home h2 a,
#content.home h2 a:hover{
	font:normal normal bold 24px Arial;
	color:#cc0000;
	padding-bottom:7px;
	margin-bottom:7px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.home h3{
	font:normal normal bold 16px Arial;
	color:#009999;
}
#content.home .col1 .bloc1 .p1{
	background:url(/images/home/bloc1-1.png) no-repeat right bottom;
	width:300px;
	height:184px;
	padding-top:15px;
}
#content.home .col1 .bloc1 .p2{
	background:url(/images/home/bloc1-2.png) no-repeat right top;
	padding-right:137px;	
}
#content.home .col2 .bloc4{
	background:url(/images/home/bloc4-1.png) no-repeat right top;
	height:295px;
}
#content.home .col2 .bloc4 h2{
	width:182px;
	padding-top:40px;
}
#content.home .col2 .bloc4 .home-contact h2{padding-top:0px;}
#content.home .col2 .bloc4 .home-contact a,
#content.home .col2 .bloc4 .home-contact a:hover{
	color:#CC0000;
	font:normal normal bold 13px Arial;
	text-decoration:underline;
	display:block;
	padding-top:20px;
}
#content.home .col2 .bloc4 .home-contact p{
	width:200px;
}

/* -------page produit (store)---------- */
#content.store{
	padding:0px 60px;
}
#content.store h1{
	font:normal normal bold 32px Arial;
	color:black;
	padding-top:30px;
}
#content.store h4{
	font:normal normal normal 32px Arial;
	color:#660000;
	padding-bottom:10px;
}
#content.store h2{
	color:#cc0000;
	font:normal normal normal 18px Arial;
	padding-bottom:5px;
	margin-bottom:15px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.store a.prev,
#content.store a.next{
	font:normal normal normal 10px Arial;
	color:#cc0000;
	float:right;
	bottom:0px;
	display:inline;
	height:20px;
	text-decoration:underline;
	margin-top:-30px;
}
#content.store a.prev{
	right:68px;
	background:url(/images/general/prev.png) no-repeat right center;
	padding:13px 35px 0px 0px;
}
#content.store a.next{
	right:0px;
	background:url(/images/general/next.png) no-repeat left center;
	padding:13px 0px 0px 35px;
}
#content.store h3.colinfo{
	width:350px;
	float:left;
}
#content.store h3.colinfo .descr{
	padding:10px 0px;
}
#content.store h3.colinfo .descr p{
	color:#cc0000;
}
#content.store h3.colinfo .infos a.shower{
	display:block;
	background:url(/images/general/splus.png) no-repeat left 2px;
	color:#7DC7C8;
	font:normal normal bold 12px Arial;
	cursor:pointer;
	height:12px;
	width:95px;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin-top:15px;
}
#content.store h3.colinfo .infos .show{
	display:none;
	padding:10px 0px 0px 0px;
}
#content.store h3.colinfo div.palette{
	padding-bottom:15px;
}
#content.store h3.colinfo div.palette a{
	background-image:url(/images/general/palette.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	width:17px;
	height:21px;
	margin-left:3px;
	float:left;
}
#content.store h3.colinfo div.palette .text{
	padding-bottom:5px;
	padding-left:4px;
}
#content.store h3.colinfo div.palette .arrow img{
	padding-left:4px;
}
#content.store .infos{padding-top:15px;}
#content.store a.pdf{
	color:#cc0000;
	font:normal normal normal 10px Arial;
	text-decoration:underline;
	background:url(/images/general/pdf.png) no-repeat left top;
	height:18px;
	padding-left:25px;
	padding-top:8px;
	padding-bottom:3px;
	display:inline;
}
#content.store a.word{
	background:url(/images/general/word.png) no-repeat left top;
}
#content.store .visu{
	width:430px;
	float:left;
}
#content.store .visu img{
	float:right;
	padding:20px 0px;
}
#content.store .bottom{
	height:25px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
	position:relative;
}
#content.store .bottom .photo{
	positio:absolute;
	bottom:3px;
	left:0px;
	float:right;
}
#content.store .bottom .photo a,
#content.store .bottom .photo a:hover{
	text-decoration:underline;
	cursor:pointer;
	display:block;
	float:right;
	height:20px;
	padding-right:30px;
	color:#7DC7C8;
	font:normal normal bold 12px Arial;
	background:url(/images/store/mini.png) no-repeat right top;
}
/* -------diaporama---------- */

#diaporama{
	width:100%;
	height:100%;
	background:url(/images/general/ligth.png) repeat left top;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
}
* html #diaporama{
	background:none;
}
* +html #diaporama{
	background:none;
}

#diaporama .content a.close{
	background:url(/images/general/close.png) no-repeat right top;
	display:block;
	height:20px;
	width:55px;
	position:absolute;
	right:10px;
	top:5px;
	font:normal normal normal 11px Arial;
	color:#cc0000;
	padding-top:2px;
	text-decoration:underline;
}
#diaporama .content a:hover.close{
	background:url(/images/general/close-over.png) no-repeat right top;
}
#diaporama .content{
	position:relative;
	width:850px;
	margin: 300px auto 0px auto;
}
#diaporama .content .diapo{
	background:white;
	border:2px solid #cc0000;
	padding:40px 0px 20px 0px;
}
#diaporama .content .diapo .item{
	float:left;
	width:0px;
	height:350px;
	background-repeat:no-repeat;
	background-position:center center;
}
#diaporama .content .diapo .item.current{
	width:800px;	
}
#diaporama .content .diapo .mini{
	height:50px;
	padding-top:20px;
	text-align:center;
	clear:both;
}
#diaporama .content .diapo .mini a{
	display:inline;
	margin:0px 5px;
	width:80px;
	height:56px;
}
#diaporama .content .diapo .mini a img{
	border:1px solid #cc0000;
}
/* -------popup---------- */

#popup{
	width:100%;
	height:100%;
	background:url(/images/general/ligth.png) repeat left top;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
}
* html #popup{
	background:none;
}
* +html #popup{
	background:none;
}

#popup .content a.close{
	background:url(/images/general/close.png) no-repeat right top;
	display:block;
	height:20px;
	width:55px;
	position:absolute;
	right:10px;
	top:5px;
	font:normal normal normal 11px Arial;
	color:#cc0000;
	padding-top:2px;
	text-decoration:underline;
}
#popup .content a:hover.close{
	background:url(/images/general/close-over.png) no-repeat right top;
}
#popup .content{
	position:relative;
	width:850px;
	margin: 300px auto 0px auto;
}
#popup .content .diapo{
	background:white;
	border:2px solid #cc0000;
	padding:40px 0px 20px 0px;
}
#popup p{
	padding:20px;
}
#popup h3{
	padding:20px 20px 0px 20px;
	color:#cc0000;
	font:normal normal normal 18px Arial;
}

/* -------maison oscar---------- */


#content.maison{
	padding:0px 60px;
}
* html .maison{
	padding:0px 60px;
}
#content.maison h2{
	color:#cc0000;
	font:normal normal normal 18px Arial;
	padding-top:30px;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.maison .visu{
	float:left;
	padding-right:30px;
}
#content.maison .trombi{
	width:260px;
	position:relative;
	float:left;
	height:300px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.maison .trombi .mini{
	width:36px;
	float:left;
	overflow:hidden;
	height:51px;
	margin-right:0px;
	cursor:pointer;
}

#content.maison .trombi .mini img{
	width:35px;
	margin-top: -63px;
}
#content.maison .trombi .mini img.selected{
	margin-top: 0px;
}
#content.maison .trombi .large{
	height:133px;
	width:260px;
	overflow:hidden;
	margin-top:10px;
	position:relative;
}
#content.maison .trombi .large img{
	width:93px;
}
#content.maison .trombi .large p{
	position:absolute;
	bottom:30px;
	right:0px;
	font:normal normal bold 11px Arial;
	color:#cc0000;
}
#content.maison .trombi .large a{
	position:absolute;
	bottom:15px;
	right:0px;
	font:normal normal normal 11px Arial;
	color:#cc0000;
}
#content.maison .trombi .large span{
	position:absolute;
	bottom:0px;
	right:0px;
	font:normal normal normal 11px Arial;
	color:#a9a9a9;
}
#content.maison .bio{
	padding:20px 0px 20px 0px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.maison .mentions{
	padding:20px 0px 0px 0px;
}
#content.maison .mentions p{
	font:normal normal normal 10px Arial;
	color:#999999;
}

/* -------devenir client---------- */


#content.client{
	padding:0px 60px;
}
* html .client{
	padding:0px 60px;
}
#content.client h2{
	color:#cc0000;
	font:normal normal normal 18px Arial;
	padding-top:30px;
	padding-bottom:0px;
}
#content.client .blc{
	width:183px;
	margin-right:15px;
	float:left;
	padding-top:20px;
	background:url(/images/general/pointille.png) repeat-x left top;
}
#content.client .blc h3{
	font:normal normal bold 12px Arial;
	color:#009999;
	padding-bottom:20px;
}
#content.client a.pdf{
	color:#cc0000;
	font:normal normal normal 10px Arial;
	text-decoration:underline;
	background:url(/images/general/pdf.png) no-repeat left top;
	display:block;
	height:18px;
	padding-left:25px;
	padding-top:7px;
	margin-bottom:5px;
}
#content.client .bottom{
	background:url(/images/general/pointille.png) repeat-x left bottom;
	height:1px;
	margin-top:80px;
}

/* -------contact---------- */
#content.contact .encart{
	padding-bottom:20px;
}
#content.contact .encart p{
	color:#7DC7C8;
	font:normal normal bold 16px Arial;
}
#content.contact p.tel{
	font:normal normal bold 28px Arial;
	color:#cc0000;
	padding-bottom:20px;
}
#content.contact h3{
	color:#cc000;
	font:normal normal bold 13px Arial;
	color:#cc0000;
	padding-bottom:10px;
}
#content.contact .ggmap{
	padding-bottom:20px;
}

/* -------page type---------- */

#content.page{
	padding:0px 60px;
}
* html .page{
	padding:0px 60px;
}
#content.page h2{
	color:#cc0000;
	font:normal normal normal 18px Arial;
	padding-top:30px;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(/images/general/pointille.png) repeat-x left bottom;
}
#content.page a.pdf{
	color:#cc0000;
	font:normal normal normal 10px Arial;
	text-decoration:underline;
	background:url(/images/general/pdf.png) no-repeat left top;
	display:block;
	height:18px;
	padding-left:25px;
	padding-top:7px;
	margin-bottom:5px;
}
#content.page .bottom{
	background:url(/images/general/pointille.png) repeat-x left bottom;
	height:1px;
	margin-top:80px;
}