/* CSS Document */
body {font-family:Helvetica, Arial, sans-serif;font-size: 12px;margin: 0;padding: 0;}

/*Start define Block*/
div#conteneur {position:relative;width: 990px; height:669px;margin: 0 auto;margin-top:10px;background: url(../images/background-conteneur.png) no-repeat;}
div#header {position:relative;height:120px;width:990px;text-align:center;}
div#content-img {position:relative;  height:294px; background: transparent; }
div#content-access {position:relative;height:300px;background:transparent url(../images/hibiscus.png) 0px -130px no-repeat;}

.template5 div#header, .template6 div#header, .template7 div#header, .template11 div#header, .template12 div#header  {height:66px; }
.template5 div#content-img, .template6 div#content-img, .template7 div#content-img, .template12 div#content-img {height:182px;} 
.template5 div#content-access, .template6 div#content-access, .template7 div#content-access, .template12 div#content-access {height:421px;background:transparent url(../images/hibiscus.png) 0px 40px no-repeat;}


/*End define Block */


/* Start Header */ 
div#header h1 {display:none;}
div#header a img {margin-top:50px;}
.template5 div#header a img, .template6 div#header a img, .template7 div#header a img, .template12 div#header a img  {margin-top:19px;}
div#header ul {margin:12px 0 0 12px;}
.template5 div#header ul, .template6 div#header ul, .template7 div#header ul, .template12 div#header ul {margin:6px 0 0 15px;}
div#header ul li {float:left;margin:0 10px 0 10px;} 
div#header ul li a {font-size:12px; font-weight:bold;color:#000000;text-decoration:none;}
div#header ul li a:hover {color:#999999;}
div#header form {position:absolute;top:25px;right:30px;}
div#header #language { position: absolute; top: 20px; left: 0; }
div#header #language ul li a  { font-size: 10px; color: #999; }
div#header #language ul li a:hover, div#header #language ul li.active a  { text-decoration: underline; }
/*End Header*/


/* Start Image Content */
div#content-img hr {position:absolute;margin:0;padding:0;border:0; top:0;height:12px;width:946px;left:12px;background:transparent url(../images/bandeau-25.png); z-index:11;}
div#content-img h2 {position:absolute;top:263px;left:12px;height:10px;width:926px;background:transparent url(../images/bandeau-25.png);z-index:11;font-size:10px;color:#FFFFFF;font-weight:normal;display:block;padding:10px;}
div#content-img h2 span a { color: #fff; font-size: 10px; text-decoration: none;  }
div#content-img h2 span.legende, div#content-img h2 span#legende {position:absolute;top:10px;right:10px;font-size:11px;font-weight:normal;}
div#content-img img { margin-left:12px;}
div#content-img ul#slider {background: transparent; }
div#content-img h3 {position:absolute;top:263px;left:26px;z-index:10;}
div#content-img h3 span {font-size:10px;color:#FFFFFF;}
div#content-img h3 span a {color:#FFFFFF;}
div#content-img h3 span a:hover {text-decoration:underline;color:#444444;}
.template5 div#content-img h2, .template6 div#content-img h2, .template7 div#content-img h2, .template12 div#content-img h2 {position:absolute;top:153px;}
div#content-img h2 a { text-decoration: underline; color: #fff; } 
div#content-img h2 a.active { text-decoration: none; color: #fff; } 
#id1 div#content-img { display: none; }
/* End Image Content */

/* Start direct Access */
#id1 div#content-access { display: none; }
div#content-access h4 {position: absolute; top:220px; right: 0; font-size:12px;font-weight:bold;color:#FFFFFF;width:946px;text-align:center; }
div#content-access ul {margin: 5px 0 0 23px;}
div#content-access ul li {float:left;margin: 0 30px 0 0;}
div#content-access ul li a {text-decoration:none;color:#666666;font-size:11px;}
div#content-access ul li a:hover {color:#444444;}
div#content-access ul li a.active {color:#000;}
div#content-access .gamme {clear:left;position:absolute;top:100px;left:230px;}
div#content-access .gamme li  {margin:0 45px 0 0 ; height:16px;padding-left:20px;padding-top:2px;}
div#content-access .gamme li a {color:#000000;font-size:12px;margin-top:-5px;padding:0;height:16px;}
div#content-access #li11, div#content-access #li15, div#content-access #li16, div#content-access #li17 {background: url(../images/square-tendances.png) no-repeat;}
div#content-access #li12, div#content-access #li21, div#content-access #li22, div#content-access #li23, div#content-access #li24, div#content-access #li25, div#content-access #li26 {background: url(../images/square-classiques.png) no-repeat;}
div#content-access #li13, div#content-access #li18, div#content-access #li19, div#content-access #li20 {background: url(../images/square-aquatiques.png) no-repeat;}
div#content-access #li14, div#content-access #li27, div#content-access #li28, div#content-access #li29, div#content-access #li30, div#content-access #li31, div#content-access #li32 {background: url(../images/square-florales.png) no-repeat;}
div#content-access #li75,div#content-access #li76,div#content-access #li77,div#content-access #li78 {background: url(../images/square-skine.png) no-repeat;}


.template4 #content-access #clear { clear: left; }
.template4 #content-access div#blocks { position: relative; margin:26px 0 0 18px; }
.template4 #content-access div#blocks div { position: relative;  float: left; width: 310px; height: 140px; display: block; background: url(../images/background-home-blocks.png) no-repeat;   }
.template4 #content-access div#blocks div#grands-formats { margin-right: 6px; }
.template4 #content-access div#blocks div#ones { margin-right: 2px; }
.template4 #content-access div#blocks div a { text-decoration: none; }
.template4 #content-access div#blocks div img { margin: 5px 0 0 5px; }
.template4 #content-access div#blocks div span { position: absolute; color: #fff; display: block; text-align: right; }
.template4 #content-access div#blocks div#grands-formats span { width: 141px; height: 63px;  top: 27px; left: 136px; font-size: 12px; font-weight: bold; }

.template4 #content-access div#blocks div#ones span { width: 125px; height: 86px; left: 157px; top: 18px;  font-size: 12px; font-weight: bold;  }
.template4 #content-access div#blocks div#catalogue span { width: 97px; height: 109px; color: #000; left: 16px; top: 8px;  font-size: 12px; font-weight: bold;}
.template4 #content-access div#blocks div#catalogue #imgcat { position: absolute; right: 12px; top: -11px; }

.template4 #content-access div#blocks div#grands-formats span b, .template4 #content-access div#blocks div#ones span b, .template4 #content-access div#blocks div#catalogue span b { font-size: 18px; }


.template4 #content-access div#blocks div#grands-formats span.decouvrir, .template4 #content-access div#blocks div#ones span.decouvrir, .template4 #content-access div#blocks div#catalogue span.decouvrir { left: 5px; top:116px;  display: block; width:267px; height: 13px; font-size: 10px; text-align: right; padding: 5px 25px 0 0; }

.template4 #content-access div#blocks div#grands-formats span.decouvrir { background: url(../images/background-link-grand-format.png) no-repeat; }
.template4 #content-access div#blocks div#ones span.decouvrir { background: url(../images/background-link-ones.png) no-repeat; }
.template4 #content-access div#blocks div#catalogue span.decouvrir {  text-align: left; background: url(../images/background-link-catalogue.png) no-repeat; color: #fff;  padding: 5px 0 0 12px; width: 280px;  }


.template5 div#content-access h2 {position:absolute;top: 45px;right:63px;font-size:15px;background:transparent url(../images/square-skine.png) no-repeat; display:block;padding:2px 0 0 20px;font-weight:normal;}
.template6 div#content-access h2, .template7 div#content-access h2, .template12 div#content-access h2 {position:absolute;top: 45px;left:63px;font-size:15px; display:block;padding:2px 0 0 20px;font-weight:normal;}
.template6 div#content-access h2 #li11, .template7 div#content-access h2 #li11 {background: url(../images/square-tendances.png) no-repeat;}
.template6 div#content-access h2 #li12, .template7 div#content-access h2 #li12 {background: url(../images/square-classiques.png) no-repeat;}
.template6 div#content-access h2 #li13, .template7 div#content-access h2 #li13 {background: url(../images/square-aquatiques.png) no-repeat;}

.template6 div#content-access h2 #li14, .template7 div#content-access h2 #li14 {background: url(../images/square-florales.png) no-repeat;}
.template5 div#content-access h3,.template12 div#content-access h3 {position: absolute;top:190px; left:72px;font-weight:normal;font-size:12px;color:#999999; }
.template6 div#content-access h3, .template7 div#content-access h3 {position: absolute;top:230px; left:72px;font-weight:normal;font-size:12px;color:#999999;}
.template5 div#content-access h4, .template6 div#content-access h4, .template7 div#content-access h4, .template12 div#content-access h4 {position: absolute; top:385px;}
.template5 div#content-access #texte, .template6 div#content-access #texte, .template6 div#content-access #produit, .template7 div#content-access #produit, .template12 div#content-access #produit {position:absolute;width:640px;top:75px;right:63px;color:#666666;text-align:right;font-size:11px;}
.template6 div#content-access #produit, .template7 div#content-access #produit, .template12 div#content-access #produit { width: 575px; top: 45px; }
.template5 div#content-access .gamme,.template12 div#content-access .gamme {clear:left;position:absolute;top:200px;left:50px;}
.template6 div#content-access .gamme, .template7 div#content-access .gamme {clear:left;position:absolute;top:240px;left:50px;}
.template5 div#content-access .gamme li, .template6 div#content-access .gamme li,  .template7 div#content-access .gamme li, .template12 div#content-access .gamme li   {clear:left;margin:10px 45px 5px 0 ; height:16px;padding-left:20px;padding-top:2px;}

.template6 div#content-access div#presentation, .template12 div#content-access div#presentation { position: absolute; width: 280px;  top: 70px; left: 63px; font-size: 11px; color: #444; text-align: justify;   }

#id8 div#content-access #texte  { width: 550px;  }
#id9 div#content-access #texte div p { width: 230px; text-align: justify; }
.template5 div#content-access #texte div { float: left;  }
#id9 div#content-access #texte div p {position:relative;text-align: justify; left:100px;}
.template5 div#content-access #texte div p {text-align:left;}
.template5 div#content-access #texte div #shop {position: absolute; width: 200px; height: 58px; left: 115px; top: 210px; z-index:1; }
.template5 div#content-access #texte div #shop a { display: block; width: 200px; color: #ea671f; font-size:12px; text-decoration: none; text-align: center;}
.template5 div#content-access #texte div #shop a:hover {text-decoration: underline; }

#id9 div#content-access #texte div img {position:absolute;left:-80px;top:-15px; }


#id3 div#content-access #texte p { font-size: 11px; line-height: 15px;  }
#id42 div#content-access #texte p {text-align: center; margin-bottom:15px; }
#id43 div#content-access #texte p {width:660px; margin-bottom:15px;margin-left: -20px; }
#id42 div#content-access #texte div {width: 200px; margin-right: 10px;  }
.template5 div#content-access #texte div p a, .template5 div#content-access #texte p a { text-decoration:none; color: #444; }

.template6 div#content-access #produit div, .template7 div#content-access #produit div { width: 118px; height:290px; padding: 7px 0 0 8px;  margin-left:12px; float: right; background: url(../images/background1produit.png) no-repeat; text-align:left;  }
.template6 div#content-access #produit div img, .template7 div#content-access #produit div { margin-bottom: 10px; }
.template6 div#content-access #produit div p, .template7 div#content-access #produit div p { text-align: right; margin-right: 6px; font-size: 10px;}  
.template6 div#content-access #produit div p b, .template7 div#content-access #produit div p b { font-size: 11px;}  
.template6 div#content-access #produit div p a, .template7 div#content-access #produit div p a { float: left; display: block; height: 20px;   }

.gamme div#content-access #produit div { width:230px; height: 150px; background: url(../images/background-gamme.png) no-repeat; padding: 5px 0 0 5px; margin: 0 0 0 25px; float: right;   }
#id75 div#content-access #produit div {  background: url(../images/background-gamme-ones.png) no-repeat; padding: 3px 0 0 1px;  height: 128px;}
#id75 div#content-access #produit div a.zoom { display:none; }
.gamme div#content-access #produit div p { margin-top: -6px; }
#id75 div#content-access #produit div p { display: block; float: right; width: 110px; margin-top: 0px; text-align: left; }
#id75 div#content-access #produit div p a { width: 110px; }

.template5 div#content-access #texte .montage  { width: 144px; height: 284px; padding: 4px; margin-left:8px; float: left; color: #444; }
.template5 div#content-access #texte .montage:hover, .template6 div#content-access #produit div:hover, #id75 div#content-access #produit div:hover { background: transparent url(../images/background1montage.png); }
.template5 div#content-access #texte .montage p { text-align: justify; }
.template5 div#content-access #caracteristique-skine {position:absolute;left:40px;top:-5px;}
.template5 div#content-access p#id1{position:absolute; font-size:10px; line-height:12px; text-align:left; display:block; width:180px; top:-35px; left:-90px;}
.template5 div#content-access p#id2{position:absolute; font-size:10px; line-height:12px; text-align:left; display:block; width:250px; top:-35px; left:200px;}
.template5 div#content-access p#id3{position:absolute; font-size:10px; line-height:12px; text-align:left; display:block; width:160px; top:0px; right:-30px;}
.template5 div#content-access p#id4{position:absolute; font-size:10px; line-height:12px; text-align:left; display:block; width:120px; top:70px; right:0px;}


.template6 div#content-access #produit p#pages, .template12 div#content-access #produit p#pages { margin-right: 5px; }
.template6 div#content-access #produit p#pages a, .template12 div#content-access #produit p#pages a { color:#444; text-decoration:none; border: 1px solid #006190; padding: 0 1px 0 1px;}
.template6 div#content-access #produit p#pages a.ditto_page, .template12 div#content-access #produit p#pages a.ditto_page { margin: 0 2px 0 2px; } 
.template6 div#content-access #produit p#pages a.ditto_page:hover, .template6 div#content-access #produit p#pages  span.ditto_currentpage, .template12 div#content-access #produit p#pages a.ditto_page:hover, .template12 div#content-access #produit p#pages  span.ditto_currentpage { margin: 0 2px 0 2px; padding: 0 1px 0 1px; border: 1px solid #006190;  background: url(../images/background-form.png); }

.template12 div#content-access h2 {background:transparent url(../images/square-skine.png) no-repeat; }
.template12 div#content-access #produit div { width: 100px; height:100px;  margin: 25px 0 25px 12px; float: right; text-align:left;  background:#bbb; border:1px solid #ddd; }
.template12 div#content-access #produit div a.shade { position:relative;   left: -3px; top: -3px; }
.template12 div#content-access #produit div p { text-align:center; width: 100px; font-size: 9px; }

div#content-access form { position: relative;  }
div#content-access #EmailForm { position: absolute; width: 450px; float:right;  top:0; right:0;}
div#content-access form .INPUT { border: 1px solid #999;  width: 200px; height: 16px; margin-bottom: 5px;   }
div#content-access form .TEXTAREA { border: 1px solid #999; width: 200px; }
div#content-access form #cfContact { border: 0; background: url(../images/square-skine.png) no-repeat; padding-left: 20px; margin: 10px 0 10px 0; }
div#content-access p.error { position: absolute; top: -12px; right: 0;  }

/* Page TableFilter */
#id6 div#content-access #left { position: relative; width: 422px; height: 288px;  top:55px; left: 12px; float: left; }
#id6 div#content-access #left p img { float: left; margin-left: 16px; margin-right: 4px; }
#id6 div#content-access #left p { font-size: 11px; text-align: center; }
#id6 div#content-access #left p a { text-decoration: none; color: #444; }
#id6 div#content-access #left p a:hover { text-decoration: underline; }
#id6 div#content-access #left #map { position: relative;  margin-left: 15px; margin-top: 22px; }
#id6 div#content-access #right { position: absolute; left: 454px; width: 455px; height: 288px; top: 68px;}
/* End of TableFilter */


input:focus, textarea:focus, select:focus, input.required, textarea.required {background: url(../images/background-form.png) ;}

.produit #conteneur div#content-access #produit #horizontale { position: relative; z-index: 99; width: 270px; height: 138px; margin: 0 0 0 18px; padding: 14px 0 0 21px; background: url(../images/background-image-horiz.png) no-repeat; float: left;  }
#id76 #conteneur div#content-access #produit #horizontale, #id77 #conteneur div#content-access #produit #horizontale, #id78 #conteneur div#content-access #produit #horizontale {  padding: 3px 0 0 1px; background: url(../images/background-gamme-ones.png) no-repeat;  }
.produit #conteneur div#content-access #mg ul, .produit #conteneur div#content-access #mg ul li {display: block; float: none; margin:0; padding:0; background: none;  }
.produit #conteneur div#content-access #mg ul li { width: 90px; float: left;  margin-bottom: 2px; text-align: center; margin-right: 22px; }
.produit #conteneur div#content-access #mg ul li a { font-size: 9px; }
.produit #conteneur div#content-access #mg ul li:hover {  background: transparent url(../images/background1montage.png); }
.produit #conteneur div#content-access #mg ul li img { width: 88px; border: 1px solid #aac4d0;  }
#id76 #conteneur div#content-access #mg ul li, #id77 #conteneur div#content-access #mg ul li, #id78  #conteneur div#content-access #mg ul li { width: 77px; }
#id76 #conteneur div#content-access #mg ul li img, #id77 #conteneur div#content-access #mg ul li img, #id78 #conteneur div#content-access #mg ul li img { width: 55px; }
.produit #conteneur div#content-access #mg { margin-left: 22px; font-weight: bold; }
.produit #conteneur div#content-access #mg ul { margin-top: 6px; }
.produit #conteneur div#content-access #produit p { position: absolute; top: 140px; float: left; display: block; margin: 0 0 0 -4px; padding: 0;}

.template6 div#content-access #produit div#mes {position: absolute;  display: block; width: auto; height: 293px;   top: 22px; right: 0; z-index: 98; text-align: right; background: none; padding: 0;  }
.template6 div#content-access #produit div#mes span { position: absolute; bottom:0; right: 0; display: block; width: 100%; height: 16px; background: url(../images/background-title-mes.png) repeat; text-align: center; font-weight: bold; color: #fff; padding-top:6px;  }

.produit div#content-access h3 { left: 64px; padding-left: 20px; padding-top: 2px; height: 16px; background: url(../images/square-tendances.png) no-repeat;}
.produit div#content-access .gamme { left: 62px; }
/* End Direct Access */

/* Search */
#ajaxSearch_resultListContainer { text-align: right; color: #444; }
#ajaxSearch_resultListContainer .ajaxSearch_result a { text-decoration: none; color: #444; display: block; width: 640px; margin: 3px 0 3px 0; }

#ajaxSearch_input { border: 1px solid #efefef; width: 160px; color: #808080; }
#ajaxSearch_submit { border:0; padding-left: 16px;   background: url(../images/square-skine.png) left no-repeat; }
/* End of Search*/

/* Loader */
#id1 #conteneur #loader { position: absolute; left: 484px; top: 356px;	 }
/* end of Loader */

/* Start Footer */ 
div#footer {position:absolute;top:656px;height:12px;width:1002px;left:10px;}
div#footer p {font-size:10px; color:white; margin:0; padding-top: 5px;color:#999999;}
div#footer a {text-decoration:none; color:#999999; }
div#footer a:hover {text-decoration:none; color:#444444; }
div#footer p span {position:absolute;left:815px;}
/*End Footer */
p {line-height:14px;}
.displaynone {display:none;font-family:Helvetica, Arial, sans-serif;font-size: 12px;}

a {outline:none;}