/*===| 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;}
a:focus{outline: none;}

.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{background-color: #000000; color:#ffffff;}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%;}
#bg3{position:absolute;z-index: 3; }

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

/* ===| II. HEADER ELEMENTS |===============================================*/
#header{position: relative;}
#header.outter{}
#header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{padding: 0 15px 0px 0px; height: auto!important;}
#left-outter div.inner{padding:0px;}
#left-outter div.box4{padding:0px;}


#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

#left-outter div#promo {height:407px !important; padding-bottom: 16px;}
#left-outter div#info {height:120px !important; padding-bottom: 0px; background: url(images/bg-info.jpg) no-repeat left top;}
#left-outter .box3 .inner{padding:29px 0 0 10px;}
#mail{height: 15px;}

/* ===| IV. MIDDLE COLUMN (Contenu) |===========================================*/

#middle-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#middle-inner{padding:0px;}
#title{width:554px;}
.paragraph{clear:both; width:534px; padding-right:20px;}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left; margin: 0; overflow: hidden;}
#right-outter div#diapo{padding: 16px 0px 0px 0px; height: auto!important;}
/* ===| V. FOOTER BOXES |====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; }
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{background:url(images/bg-footer1.gif) no-repeat left top; margin: 0 auto; padding: 0px;}
#footer .inner	{padding: 0px;}
#footer .box1	{height:51px;}
#plan{width:219px; float:left; height:48px; padding:3px 0px 0px 10px;}
#menu2{padding:30px 0 0 17px; float:left;}

#footer .box2	{padding:21px 0px 20px 168px;}
#footer .ref{padding:0px 0px 3px 0px; font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif ; font-size:11px; color:#91816B; text-align:center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/

/*------------------------------------galeries-photo-----------------------------------*/
#photos{
  width:534px;
  height:252px;
  padding-top:10px;
}
#photos .line{
display:inline;
  width:516px;
  height:120px;
  margin:0px;
}
.photo1{
  width:160px;
  height:117px;
  padding:3px 3px 0px 3px;
  margin-right:6px;
  background: url(../../images/charte/bg-photo1.jpg) no-repeat left top;
  float:left;
  text-align: center;
}
.photo2{
  width:160px;
  height:120px;
  padding:3px 3px 0px 3px;
  margin-right:6px;
  background: url(../../images/charte/bg-photo2.jpg) no-repeat left top;
  float: left;
  text-align: center;
}
.title{
  width:160px;
  height:17px;
  background: url(../../images/charte/bg-title.jpg) repeat-x left top;
}
#photos li{
  display:table;
  width:516px;
  height:126px;
  padding:0px;
  margin:0px;
}
/*------------------------------------/galeries-photo-----------------------------------*/
/*------------------------------------vente-----------------------------------*/
.vente-prod1{
display:inline;
  width:253px;
  height:154px;
  margin:0px 0px 12px 0px;
  float:left;
  padding:3px;
  background: url(../../images/charte/bg-vente-prod2.gif) no-repeat left top;
}
.vente-prod2{
display:inline;
  width:253px;
  height:154px;
  margin:0px 0px 12px 0px;
  float:right;
  padding:3px;
  background: url(../../images/charte/bg-vente-prod1.gif) no-repeat left top;
}
.vente-title{
  width:253px;
  height: 25px;
  background: url(../../images/charte/bg-title.jpg) repeat-x left top;
}
.contenu{
  height:108px;
}
.vente-prod1 .noimg img{
  float:left;
  margin-right: 10px;
}
.vente-prod2 .noimg img{
  float:right;
  margin-left: 10px;
}
.img-bottom{
  background: #FEE080 url(../../images/charte/img-bottom.jpg) repeat-x left bottom;
}
.vente-prod1 .img-bottom{
  float:left;
  margin-right: 10px;
}
.vente-prod2 .img-bottom{
  float:right;
  margin-left: 10px;
}
.img-top{
  background: url(../../images/charte/img-top.jpg) repeat-x left top;
  padding:4px;
}
.vente-prod2 a{
    float:right;
    padding:5px 16px 0 0 !important;
}
.vente-prod1 a{
    float:left;
    padding:5px 0px 0 16px !important;
}
.pagination{
  clear:both;
}
.pagination a:link, .pagination a:visited {
    border:	0px; padding:0px; margin:0px;
	color:#E49B34;
	text-decoration: underline;}
.pagination a:hover, .pagination a:active {
	color:#A6A6A6 !important;
	text-decoration: none !important;}
/*------------------------------------/vente-----------------------------------*/
a:focus{
  outline: none;
}
object { outline:none; }
img {border: 0;}

a:link, a:visited {
    border:	0px; padding:0px; margin:0px;
	color:#CDA674;
	text-decoration: underline;}
a:hover, a:active {
	color:#91816B !important;
	text-decoration: none !important;}

#menu2 ul li{display: inline;}

.separator{width:534px;	height:0px; clear:both; padding:0; margin:10px 0; border-top: 1px solid #303030; line-height: 0px; font-size: 0; overflow: hidden;}

/* ===| VII. newsletter |====================================================*/
#newsletter{
  width: 207px;
  height:17px;
  background-color: #4F4F4F;
  border:1px solid #626262;
  position:absolute;
  right:0px;
  top:171px;
}
.inForm
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #D2C7A3;
	width:165px;
	height:16px;
    background-color:transparent;
    border:none;
    padding:1px 11px 0 1px;
    text-align: right;
    float:left;
}
.buttonOK
{
    border:none;
    float:left;
	background: url(../../images/charte/news-ok.jpg) right top no-repeat;
	width: 30px;
	height: 17px;
    cursor: pointer;
    padding:0px;
}
.buttonOKOver{
    border:none;
    float:left;
	width: 30px;
	height: 17px;
    cursor: pointer;
    padding:0px;
    background: url(../../images/charte/news-ok-over.jpg) right top no-repeat;}

/* ===| MDM POPUP |====================================================*/
.mdm-popup{
  background:#000000 url(../../images/charte/bg-mdm.jpg) left top no-repeat;
  font:normal 11px Arial;
  padding:150px 14px 20px;
  text-align: justify;
  color:#BA9565;
  line-height: 16px;
  }
  .mdm-img{
  float:right;
  padding-left:10px;
  }
.mdm-popup img{
    border:1px solid #D6D3CA;
    padding:4px;
    background-color: #FFE184;
}
/* ===| Plan D’acces  |====================================================*/
#plan-header{
  width:600px;
  height:131px;
}
.butoane{
  width:600px;
  height:66px;
}
.button-plus{
  position:absolute;
  left:26px;
  top:156px;
}
.button-minus{
  position:absolute;
  left:0px;
  top:131px;
}
.adresse{
  width:389px;
  height:66px;
  float:left;
  text-align: center;
}
.imprimer{
  width:113px;
  height:66px;
  float:left;
  text-align: center;
}
.maps{
  width:600px;
  height:383px;
}




/* ===| VII. CONTACT FORM |====================================================*/
.contact-left{
  width:260px;
  float:left;
  font:normal 11px Arial;
  padding-right:7px;
  }
.contact-right{
    width:260px;
    display:inline;
    float:left;
    padding-left:7px;
}
    .contact-right p{
      padding-left:5px;
      }

.inputForm{
	border:1px solid #626262;
	background-color:#000000;
	color:#BA9565;
    width:184px;
    padding-left:2px;
    font:normal 11px Arial;
	}
.inputFormOver{
	border:1px solid #FAA01F;
	background-color:#CDA674;
	color:#000000;
    width:184px;
    padding-left:2px;
  font:normal 11px Arial
	}
textarea{
  font:normal 11px Arial;
}


.label{
	width:70px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#BA9565;
	text-align:left;
  font:normal 11px Arial;

	}
  .label span{
    color:#FF9F04;
    }
.field{
	width:190px;
	float:left;
	margin-top:6px;
    font:normal 11px Arial;
 	}
.btn{
  clear:both;
  width:330px;
  text-align: center;
  margin:10px auto 0;
  }
.btn div{
    float:left;
    display:inline;
    width:165px;
}
.button{
  background:url(../../images/charte/button.jpg) no-repeat center top;
  border:none;
	width:108px;
  height:23px;
	cursor:pointer;
  color:#F2D379;
  font:bold 12px Arial;
	}
.buttonOver{
    color: #FA9F1E;
    background:url(../../images/charte/button-over.jpg) no-repeat center top;
     border:none;
	width:108px;
    height:23px;
	cursor:pointer;
    font:bold 12px Arial;
}
#mail a:link, #mail a:visited{
background: url(../../images/charte/mail.jpg) left top no-repeat;
line-height: 15px;
font-size: 11px;
color:#A6A6A6;
text-decoration: underline;
padding-left:29px;
}
#mail a:hover, #mail a:active{
background: url(../../images/charte/mail-over.jpg) left top no-repeat;
line-height: 15px;
font-size: 11px;
color:#E49B32 !important;
text-decoration: underline !important;
padding-left:29px;}
#mail .noshow{
  display: none;
}

.butoane a:link, .butoane a:visited, {

color:#FFC973 !important;
}
.butoane a{
  font-size:12px;
  font-family: Arial, Verdana, sans-serif;
}

.butoane a:hover, .butoane a:active{
color:#BA9467 !important;}
.butoane .noshow{
  display: none !important;
}