/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr, #pushbt	{clear: both;}

body{background:#3a1802;}
#bg1{position:absolute;z-index: 1; width:100%; }
#bg2{position:absolute;z-index: 2; width:100%; background:#3a1802 url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{ margin:0 auto;	text-align: left;}
#content{background: url(images/bg-content.jpg) left top no-repeat;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{ width:100%; float:left; overflow: hidden; padding:0; margin:0; background:left top no-repeat; }
#left-outter div.inner{padding: 42px 25px 0 10px;}

#left-outter div.box1{padding:0; height: 267px;/* background-image: url(images/flash-menu.jpg);*/}
#left-outter .box1 .inner{padding:0}

#left-outter div.box2{padding:0; height:98px; background-image: url(images/bg-newsletter.jpg);}
#left-outter .box2 .inner{}

#left-outter div.box3{padding:0; height:184px; background-image: url(images/bg-mdm.jpg);}
#left-outter .box3 .inner{}

#left-outter div.box4{padding:0; height:260px; background-image: url(images/bg-coord.png);}
#left-outter .box4 .inner{}

#left-outter div.box5{padding:0; height:180px; background-image: url(images/bg-plan.png);}
#left-outter .box5 .inner{padding-top:38px;}

#actualite, #contact-info, #promo {}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0 0 13px 10px;}

#diapoIndex {width:296px; height:435px; float:left; margin:0; background: url(images/bg-diapo.jpg) left top no-repeat;}
#diapoInner {padding:36px 0 0 20px}


/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; background:#f0b65b;}
#fwrap1 {position:absolute; z-index: -3; left:0;  background:#f0b65b url(images/bg-footer.jpg) center top no-repeat;width:100%;}

#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{margin: 0 auto; padding: 0px;}
#footer .inner	{ padding: 0;}
#footer .box1	{ padding:0 10px;}

.copyright{/*float:right;*/ clear:right; text-align: right;}
.realise{float:left; padding-top:20px; width:85px;}
#menu2 ul li{display: inline;}
#menu2 {float:right; padding-top:15px;}

#footerInfos{
  width:996px;
  height:42px;
  position:absolute;
  top:-42px;
  background: url(images/bg-footerinfo.jpg) left top no-repeat;
}
#footerInfosinner{
  padding: 1px 10px 1px 1px;
}
.lingeries #pushbt{height:42px;}
#footerInfos .logo{float:left;}
#footerInfos .planico{float:right;}


/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}

#right-outter div.thumbindex{background: url(images/bg-thumb.png) left top no-repeat;}
#right-outter .thumbindex img{padding:1px 1px 14px 1px; }

img.left, .accueil .left{float:left; margin-right:20px;}
img.right, .accueil .right{float:right; margin-left:20px;}

img.thumb{border:1px solid #FEDFB0; padding:2px;}


#actualite .thumb{border:1px solid #d2691e; float:left; margin: 0 10px 0 0; padding:0;}

.separator{width:100%;	height:2px; clear:both; padding:0; margin:15px 0; border:0; line-height: 2px; font-size: 0; overflow: hidden; background: url(images/bg-separator.jpg) left top repeat-x;}
.clearer{height:0px; line-height: 0px; clear:both; padding:0; margin:0; font-size: 0; overflow: hidden;}
.clearer10{height:10px; line-height: 10px; clear:both; padding:0; margin:0; font-size: 0; overflow: hidden;}

/* ===| VII. CONTACT FORM |=====================================================*/
/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 0px; width: 100%;  }
#frmContact label{display: block; padding: 3px 2px; clear:both;}
#frmContact label span{display:block; width: 27.5%; margin-right:10px; float: left; line-height: 18px; border-bottom: 1px solid #BB723D; }
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}


#frmContact .inputText{
  border:1px solid #BB723D;
  background:#FFDABF;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#56270D;
}
#frmContact .inputText-focus{
  border:1px solid #56270D;
  background: #ffffff;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#56270D;
}


div.submit-buttons{clear: both;	text-align: center;  padding: 4px 2px; }
#frmContact .inputButton{
  cursor:pointer;
  border:1px solid #56270D;
  background:#FFDABF;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#56270D;
  padding: 2px 4px;
  }
#frmContact .inputButton-focus{
  cursor:pointer;
  border: 1px solid #D5A3EA;
  background: #ffffff;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  padding: 2px 4px;
  color:#56270D;
  }
#frmContact .capaimg{
  border: 1px solid #BB723D;
  margin: 0 0 0 10px;
}


.pagination {float: left; clear:left; width:100%; text-align:center; background: url(images/bg-separator.jpg) left top repeat-x; text-align: center; padding-top:5px;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none;;}
.pagination a:hover, .pagination a:active{text-decoration: underline;}
.pagination .pagarr{font-size:13px;}


#frmSearch{float:right;  margin:0; padding:0px 0 10px 0; text-align:left;}

#frmSearch select{
	width:200px;
  float:right;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background: #EFEFEF ;
  /*padding: 2px 4px;*/
	color:#3F3F3F;
}

#frmSearch label{ display:inline; padding:0 0px 10px 0px; margin:0; float:left;}
#frmSearch label span{width:100px; float:left; display:inline; }

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/

#newsletter input{width:158px; height:20px; font: 13px/20px Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; color:#fedfb0; border: none; background: none;}
#newsletter #newsletterHolder{width:158px; padding:2px 10px; height:21px; float:left; background: url(images/bg-newsletter-input.jpg) left top no-repeat;}

#newsletter a:link, #newsletter a:visited {text-decoration: none;}
#newsletter a:link input, #newsletter a:visited input {cursor: pointer; width: 29px; height:25px; border:none; float:left; background: url(images/btn-ok.jpg) left top no-repeat;}
#newsletter a:hover input, #newsletter a:focus input {cursor: pointer; width: 29px; height:25px; border:none; float:left; background: url(images/btn-ok-over.jpg) left top no-repeat;}

#contact-form .colLeft{
  width:50%;
  float:left;
}
#contact-form .colright{
  width:49%;
  float:left;
}

#diapoIndex {}

#pageContent{width:100%; display:block; float:left; padding:0 0 10px 0;}
/*#content .images{width:260px; float:left; background:#BDE6F5; padding:10px; margin-right:15px;}*/
#content .images {width:296px; height:435px; float:left; margin:0; background: url(images/bg-diapo2.jpg) left top no-repeat;}


#content .image1{ width:245px; height:297px; float:left; display:inline; padding:35px 0 0 20px; text-align: center;}
#content .image1 #linkBig{width:100%; height:100%;  float:left;  background-position:center center; background-repeat:no-repeat; text-decoration:none;}


#content .smallthumb{width:50px; height:50px; padding:0; background:none; float:left; background-position: center center; background-repeat:no-repeat;}
#content #diaporama .smallthumb span{width:100%; height:100%; float:left;}