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

/*--------Normalisation------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, * {margin : 0;padding : 0;}
h1, h2, h3, h4, h5, h6 {font-size : 100%; font-weight:normal;}
ol, ul {list-style : none;}
address, caption, cite, code, /*em*/, th, var {font-style : normal;font-weight : normal;}
table {border-collapse : collapse;border-spacing : 0;}
fieldset, img {border : 0;}
caption, th {text-align : left;}
q:before, q:after {content :'';}
a{outline: none;}
:focus{-moz-outline-style: none;}

/*--------Usefull------------*/
.spacer {clear:both;}
.left{float:left}
.right{float:right}

/*--------HTML------------*/
body{background:#000;color:#333;font-family:"Times New Roman", Times, serif;}

#underconstruction {width:210px; margin:150px auto; text-align:center;}
#underconstruction p {padding:20px 0; }

#global{ width:904px; margin:20px auto}
#header{width:170px; float:left}

#brand{ }
#brand h1{text-indent:-999px; height:1px}

#nav {position:relative; z-index:1;}
#nav li{float:left;background-color: #070707;padding:0 3px;width:160px;margin-top:5px;font-size:18px;font-style:italic;}
#nav li a {text-decoration: none;color: #888;}
#nav li a:hover {color:#fff;}
#nav li.collection{ color:#FFF; background:#000 url(../images/fleche-bas.gif) no-repeat 150px 7px    ; }
#nav li.collection span ul{ display:block; position:absolute; z-index:2; top:25px;left:0; background:#ccc; width:166px}
#nav li.collection span li { background:none; margin:5px; width:140px; line-height:15px; }
#nav li.collection span a{ color:#fff; text-decoration:none; font-size:16px; }
#nav li.collection span a:hover{ color:#000;}
#nav li a.current{color:#fff; padding-left:15px; background:url(../images/underscore.gif) no-repeat bottom left;}

#sous-collection{text-align:right;}

#content{float:left;margin-left:35px;height:700px;width:600px;}
#content h2 span{padding:0 10px 3px 20px;color:#000;font-size:24px;position:relative;z-index:2; } /*  background:#fff url(../images/plus.gif) no-repeat 0px 8px;  */

#homepage{}
#homepage ul{ margin-top:3px;}
#homepage li{float:left; margin-right:3px; position:relative;}
#homepage li img a{display:block;position:absolute; z-index:1;}
#homepage li span {display:block;position:absolute;z-index:2;top:0;left:0;width:170px;height:520px;background: url(../images/bg-homepage.png) repeat;}
#homepage span h1{ background-color: #FFF; color: #000; font-size:30px; font-style:italic;}
#homepage span li{ padding:5px; font-size:18px; font-style:italic; margin-top:10px;}
#homepage span li a{text-decoration:none; color: #999; }
#homepage span li a:hover{color: #fff;}

#sub-nav{float:right; margin-top:30px;marfin-right:20px}
#sub-nav li{float:left; margin-left:20px; padding:0px;font-size:12px; text-transform:uppercase;}
#sub-nav li a{text-decoration: none;color: #888; }
#sub-nav li a:hover{color:#fff;}
#sub-nav li a.active{background:url(../images/trait.gif) no-repeat bottom center; color:#fff;}

/*zoom pan */
.minizoompan span.loader {display: none;}

/*pages filles*/
#content-int{float:left; margin-left:35px; width:695px;}
#content-int h2 span{padding:0px 10px 3px 20px;background:#000 url(../images/plus.gif) no-repeat 0px 6px; color:#fff;font-size:24px; position:relative; z-index:2;}

.contact, .content-about, .pdv, .buy {border-left:1px solid #efefef; border-right:1px solid #efefef;font-family:Arial, Helvetica, sans-serif;  font-size:12px; margin:10px 0 0 0px; color:#AAA;width:690px;}

.content-about{ float:left; background:url(../images/bg-about.jpg) no-repeat; margin:10px 0 20px 0 ; padding:0}
.content-about div{ width:450px; margin-left:220px;}  
.content-about div p{ line-height:20px; margin:0 0 5px 0;}
.content-about div strong{ font-size:14px; font-weight:bold; font-style:italic;}

.contact{  padding:0 0 0 20px; height:360px;  width:670px;}
.buy{padding:0 0 0 20px; height: 630px;  width:670px;}

#formulaire{ display:block; clear:left; padding-top:10px; }
#formulaire p{ margin:10px 0}
#formulaire input, #formulaire textarea{ border:1px solid #ccc; font-size:11px; font-family:Verdana, Geneva, sans-serif; background:#ebebeb; color:#333; font-size:12px; width:350px;}
#formulaire .submit { font-weight:bold; font-size:11px; cursor: pointer; color:#333; width:150px }
#formulaire .submit:hover { background:#999;  color:#FFF}
p#success{padding: 3px 10px;background: #ccc; color: #89b015; margin-bottom: 10px; width:400px; color:#fff;}
p#bademail, p#badserver{padding: 3px 10px;background:#c31f1f; color:#fff; margin-bottom: 10px; width:400px;}

.pdv {padding:20px 0 0 20px; height:500px;  width:670px;}  /*  height:330px;  width:670px; */
.pdv ul { margin-top:10px;}
.pdv li{ font-weight:bold;margin:10px 0;}
.pdv li ul li { margin:5px 0; color:#888; font-weight:normal;}
.pdv li a{ color:#888; text-decoration:none; font-style:italic;}
.pdv li a:hover{ text-decoration:underline;}