/*===| 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	{clear: both;}

body{ background-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%; background: #ffffff url("images/bg0.jpg") 50% 0% repeat-y;}
#container{ margin:0 auto;	text-align: left;  }
#content{}

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

#site-header1.outter{background: url(images/header1.jpg) left top no-repeat;}
#site-header2.outter{background: url(images/header2.jpg) left top no-repeat;}
#site-header3.outter{background: url(images/header3.jpg) left top no-repeat;}
/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; background: #ffffff url(images/bg-wrap-footer.jpg) 50% 0% repeat-x;}
#fwrap1 {position:absolute; z-index: -3; left:0;  width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0;  width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{background:url(images/bg-footer.jpg) left top no-repeat; margin: 0 auto; padding: 0px;}
#footer .inner	{padding: 0px;}
#footer .info{
  height:80px; width:916px; background: url(../../images/charte/bg-info.jpg) left top no-repeat; padding:9px 35px 0px 39px; }
#footer .box{
  height:60px; width:990px; margin:0px; padding:0px; }

#footer .footer1{
  width:403px; height:50px; float:left; padding: 10px 0px 0px 36px; }
#footer .footer2{
  width:516px; height:50px; float:left; padding:10px 35px 0px 0px; text-align:right;}

.ref{padding: 4px 35px 2px 35px; color: #263026; text-align: center; font: normal 11px Arial;}

#menu2 ul li{
	display: inline;
	padding: 0px;
    font:normal 11px Verdana, Arial;
    color:#074216;
}

#menu2 ul li a{
	color:#074216 !important;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
    text-decoration: none !important;
	}

#menu2 ul li a:hover{
	color:#755248 !important;
	text-decoration: underline !important;
    }
/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}


.center{text-align: center;}

.thumb{
	float:left;
	border:1px solid #6a8d20;
}


#title{
	width:915px;
	height:51px;
	padding-left:75px;
	background:url(../../images/charte/bg-title.jpg) left top no-repeat;
}

#left-outter{display:inline; float:left; padding: 0; overflow: hidden; width:319px; margin-left:25px; }
#left-inner{
	width:280px;
	height:265px;
	padding:8px 14px 0px 12px;
	margin:0px 6px 0px 5px;
	background:url(../../images/charte/bg-box.jpg) left top repeat-x;
	border:1px solid #d1d1d1;
}
#lien1{
	width:307px;
	height:46px;
	margin:0px;
	padding: 90px 12px 0px 0px;
	background:url(../../images/charte/presentation-text2.jpg) left top no-repeat;
}

#middle-outter{	float:left;	margin:0; padding:0; overflow: hidden; width:330px;}
#middle-inner{
	width:288px;
	height:265px;
	padding:8px 14px 0px 14px;
	margin:0px 6px 0px 6px;
	background:url(../../images/charte/bg-box.jpg) left top repeat-x;
	border:1px solid #d1d1d1;
}
#right-outter{float:left; margin:0; padding:0; overflow: hidden; width:290px;}
#right-inner{
	width:283px;
	height:400px;
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 6px;
	background:url(../../images/charte/bg-right-column.jpg) left top no-repeat;
}
#actualite{
	width:259px;
	height:125px;
	padding:30px 13px 0px 11px;
	background:url(../../images/charte/bg-mdm.jpg) left top no-repeat;
}

#actualite img{
	float:right;
	margin-left:10px;
	border:1px solid #6a8d20;
    margin-top:2px;
}

#lien3{
   clear:both;
	width:260px;
	height:50px;
	margin:0px;
	padding: 28px 0px 0px 88px;
	background: url(../../images/charte/presentation-text4.jpg) left top no-repeat;
}

.services-box1{
  display:inline;
  width:425px;
  height:324px;
  background:url(../../images/charte/bg-box.jpg) left top repeat-x;
  border:1px solid #d1d1d1;
  padding:8px 14px 0px 14px;
  margin:0px 10px 20px 30px;
  float:left;
}
.services-box2{
  width:425px;
  height:324px;
  background:url(../../images/charte/bg-box.jpg) left top repeat-x;
  border:1px solid #d1d1d1;
  padding:8px 14px 0px 14px;
  margin:0px 0px 20px 12px;
  float:left;
}


.product{
    display:inline;
    float:left;
	width:272px;
	height:122px;
	padding:6px 10px 6px 10px;
	margin:0px 27px 20px 0px;
	background:url(../../images/charte/bg-box.jpg) left top repeat-x;
	border:1px solid #d1d1d1;
}
.category{
  width: 272px;
  height:20px;
}
.product img{
  float:right;
  margin-left:10px;
  border:1px solid #6a8d20;
}
.select{
  float:right;
  height:34px;
  margin-right:27px;
}
.combo{
  color:#0D7111;
  background-color: #EEEEEE;
  border:1px solid #8FB663;
}

.recherche{
  width:90px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-recherche.jpg) left top no-repeat;
}
.rechercheOver{
  width:90px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-recherche-over.jpg) left top no-repeat;
}

.image-box{ margin-right:15px; margin-bottom:4px; float:left; display:inline; background: url(../../images/charte/bg-images.jpg) left top no-repeat; }
.image-box .thumbs {width:50px; height:50px; float:left; margin:0 0px 0px 0px; display:inline; text-align:center; border: 1px solid #6a8d20;}
.image-box .imagebig {clear:both; width:260px; height:251px; text-align:center; float:left; padding-left:0px; }

/* ===| VII. CONTACT FORM |=====================================================*/
.contact-left{
  display:inline;
  width:320px;
  float:left;
  font:normal 12px Arial;
  margin: 0px 20px 10px 30px;
  }
 .box-contact{
   width:570px;
   height:82px;
   padding:15px;
   background: url(../../images/charte/bg-box-contact.jpg) left top no-repeat;
 }


.inputForm{
	border:1px solid #D1D1D1;
	background-color:#E7E7E7;
	color:#263026;
    width:235px;
    font:normal 11px Arial;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
.inputFormOver{
	border:1px solid #A7B97D;
	background-color:#D8E7B3;
	color:#000000;
    width:235px;
    font:normal 11px Arial;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
textarea{
  font:normal 12px Arial;
}
.color-checkbox{
   color:#578A3E;
}
.star{
   	color:#578a3e;
}


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

	}
.field{
	width:240px;
	float:left;
	margin-top:5px;
    font:normal 12px Arial;
 	}
.btn{
  width:200px;
  float:left;
  height:50px;
  padding:20px 0px 0px 210px;
  }
  .btn div{
    float:left;
    display:inline;
    width:100px;
    }
.button{
  width:90px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-envoyer.jpg) left top no-repeat;

}
.buttonOver{
  width:90px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-envoyer-over.jpg) left top no-repeat;
}
.button1{
  width:90px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-retablir.jpg) left top no-repeat;

}
.button1Over{
  width:90px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-retablir-over.jpg) left top no-repeat;
}


object { outline:none; }