/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {/*height: 100%;*/width: 100%;}
body{
  font:11px/16px  Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  background:#ffffff url(../../images/charte/bg-body.jpg) left top repeat-x;
  color:#353535;
  }
p{padding-top: 10px; text-align:justify;}

#push, .clr	{clear: both;}
object{outline:none;}
a:focus{outline:none}

a:link,a:visited{color:#4B8100; text-decoration: none;}
a:hover,a:active{color:#353535;}



h1{height:36px; /*width:645px;*/}
h1 span{display: none;}

h1#presentation{background: url("../../images/charte/title-presentation.jpg") no-repeat left 0px;}
h1#fleurs{background: url("../../images/charte/title-fleurs.jpg") no-repeat left 0px;}
h1#legumes{background: url("../../images/charte/title-legumes.jpg") no-repeat left 0px;}
h1#aromatiques{background: url("../../images/charte/title-aromatiques.jpg") no-repeat left 0px;}
h1#fleurs1{background: url("../../images/charte/title-fleurs1.jpg") no-repeat left 0px;}
h1#legumes1{background: url("../../images/charte/title-legumes1.jpg") no-repeat left 0px;}
h1#aromatiques1{background: url("../../images/charte/title-aroma1.jpg") no-repeat left 0px;}
h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat left 0;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat left 0;}

#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background: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{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}


/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
  #left-outter a:link, #left-outter a:visited{color:#4B8100}
  #left-outter a:active, #left-outter a:hover{color:#353535}


  #mdm{width:275px; height:170px; background: url(../../images/charte/bg-mdm.jpg) no-repeat left top; position:relative;}
    #mdm .inner{padding:44px 18px 0; }

    #mdm img{border:1px solid #62A900;}

    #mdm p{padding-top:0px; line-height:13px;}
    .plan{position:absolute; left:18px; bottom:15px;}
    #mdm-popup{background:#ffffff url("../../images/charte/bg-popup.jpg") 0 0 no-repeat;}
    .mdm-popup-content{
        width:585px;
        height:345px;
        overflow:auto;
        margin-top:145px;
        margin-left:10px;
        padding-right:5px;
        color:#353535;
        text-align:justify;
        line-height:15px;
        }
    #mdm-popup img{border:1px solid #969696; padding:2px;}

    #mdm-popup p{
      color:#353535;
      font:normal 11px/15px Tahoma;
      }
  #info{width:275px; height:176px; background: url(../../images/charte/bg-info.jpg) no-repeat left top; margin-top:10px}
    #info .inner{padding:52px 18px 5px; }
    #info a:link, #info a:visited{background: url(../../images/charte/mail.jpg) no-repeat left top; padding-left:27px; padding-bottom:10px}
    #info a:hover, #info a:active{background: url(../../images/charte/mail-over.jpg) no-repeat left top;}

    #info .zoom a:link, #info .zoom a:visited{background: url(../../images/charte/plan.jpg) no-repeat left top; padding-left:37px}
    #info .zoom a:hover, #info .zoom a:active{background: url(../../images/charte/plan-over.jpg) no-repeat left top;}
#newsletter{
	background:url(images/bg_newsletter.jpg) no-repeat top left;
	width:275px;
	height:80px;
	float:left;
	margin-top:10px;
}
.input_news{
	float:left;
	margin:46px 0 0 26px;
	border:1px solid #fff;
	font-size:11px;
	width:200px;
	color:#353535;
}
.ok{
	float:left;
	margin-top:41px;
	margin-left:8px;
	background:url(images/ok.jpg) no-repeat top left;
	width:31px;
	height:24px;
	border:none;
}
.okover{
	float:left;
	margin-top:41px;
	margin-left:8px;
	background:url(images/okover.jpg) no-repeat top left;
	width:31px;
	height:24px;
	border:none;
	cursor:pointer;
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; position:relative;}
#right-inner{ margin-top:38px; padding-left:16px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {background:#ffffff; position:relative; z-index: 4; width: 100%; text-align: left; }

#footer{height:24px; margin:0 auto; padding-top:15px; border-bottom:1px solid #65AB00;}
#footer p{color:#345800; font-size:11px; line-height:19px; text-align: left;}
.footer-digital{float:left; display:inline; width:400px; padding-top:0; }
.footer-links{float:right; padding-right:0px; color:#FFFFFF; text-align:right;}

.footer-links a:link,.footer-links a:visited{color:#345800; margin:0 4px; font-size:11px; }
.footer-links a:hover,.footer-links a:active{color:#121D00;}
#footer a.digital:link, #footer a.digital:visited{color:#121D00;}
#footer a.digital:hover, #footer a.digital:active{color:#345800;}

div.ref{padding: 0px 10px 5px; clear:both; text-align:center; color:#6E7563; line-height:13px; margin-top:6px}
.copyright{padding: 17px 0 0; text-align: center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
.left{float: left;}
.right{float: right;}

.lead{padding-top:0 !important; margin:0 !important; }
.lead1{padding-top:5px !important; }
.lead2{padding-top:14px !important; }
.couleur{color:#365B00;}
.clear{clear:both}
.image-right{float:right;margin-left:14px; margin-bottom:5px;}
.image-left{float:left;margin-right:14px; margin-bottom:5px;}
.line{height:30px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.centered{text-align: center; margin:0 auto}
.indent{padding-left:30px;}



ul.list{
  list-style:none;
  margin-top:8px;
  padding:0;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 2px;
    padding-left:12px;
    line-height:15px;
    display:inline;
    margin:0 12px
    }

ul.list1{
  list-style:none;
  margin-top:0px;
  padding:0;
  }
  ul.list1 li{
    padding-left:12px;
    line-height:15px;
    display:inline;
    margin:0 8px
    }


/* Plan d'acces */
body#map{
  background-color:#fff;
  margin:0;
  padding:0;
	}
#imprimer{
	position:absolute;
  left:203px;
	top:113px;
  }
#plus{
	position:absolute;
  left:30px;
	top:73px;
	}
#imprimer img, #fermer img, #plus img{
  cursor:pointer;
  border:0;
  }

/* map adresse */
#map-adresse{
	position:absolute;
	left:125px;
	top:71px;
	}
  #map-adresse p{
    font:normal 11px Tahoma;
    margin:0;
    padding:0;
    color:#014403;
    text-align: center;
    }

/* Contact */
#contact-form{
  width:655px;
  }
#contact-content{
  width:565px;
  clear:both;
  padding:30px 0 0;
  float:left;
  margin-left:45px;
  display: inline;
  }

.contact-left{
  width:285px;
  float:left;
  padding-left:30px

  }
  .contact-right{
    width:210px;
    display:inline;
    float:left;
    }
    .contact-right p{
      padding-left:5px;
      }

.inputForm{
	border:1px solid #C5C5C5;
	background-color:#ffffff;
	color:#727272;
  width:160px;
  font:normal 11px Arial;
	}
.inputFormOver{
  border:1px solid #67A411;
	background-color:#ffffff;
	color:#3A6201;
  width:160px;
  font:normal 11px Arial;
	}

.label{
	width:72px;
	float:left;
	display:inline;
	clear:both;
	margin-top:3px;
	text-align:left;
  line-height:20px;
	}
  .label span, .obligatoire span{color:#D23C3B;}
  .wide{width:225px !important;}


.field{
	width:160px;
	float:left;
	margin-top:3px;
  font:normal 11px Arial;
 	}

.submit-buttons{
  width:300px;
  text-align: center;
  margin:0px 0 0 178px;
  clear: both;
  padding-top:10px;
  padding-bottom:5px;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:150px;
    }
.button{
  background:url(../../images/charte/button.jpg) no-repeat center bottom;
  border:none;
	width:89px;
  height:24px;
	cursor:pointer;
  color:#ffffff;
  font:bold 11px Tahoma;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:89px;
    height:24px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 11px Tahoma;
    }


#mail-labels{
  background:url(../../images/charte/bg-maillabel.jpg) no-repeat left top;
  width:223px;
  height:110px;
  margin-top:6px;
  }
  #mail-labels ul{
   padding-top:20px;
   padding-left:50px;
   }
   #mail-labels input{
    float:left;
    }
    #mail-labels li{
      height:18px;
      line-height:10px;
      clear:both;
      }
.obligatoire{text-align: center; font-size:10px;clear:both; color:#676767;}

/* Presentation */
.image1{position:absolute; right:0; top:17px;}
.cadre{border:1px solid #8FB018; padding:10px; float:right; width:527px; margin-bottom:18px;}
.subtitle{background: url(../../images/charte/bg-subtitle.jpg) repeat-x left top; clear:both; padding:7px 0 5px; text-align: center;}
.box, .fiche{width:190px;/* height:156px;*/ height:170px; background:#D4FF94 url(../../images/charte/bg-box.jpg) repeat-x left top; border:1px solid #B8E971; padding:8px; float:left;}
  .box p, .fiche p{color:#365B00;  background: url(../../images/charte/icon1-list.jpg) no-repeat left 5px; padding-top:0; padding-left:12px; padding-bottom:6px; text-align:justify}
  .box div, .fiche div{margin-left:2px; }
  .middle{margin:0 17px;}

  .box p{text-indent: 12px; padding-left:0; margin-left:2px}


.fiche{height:130px; position:relative; margin-bottom:14px;}
.fiche img{border:1px solid #62A900}
.fiche-details{position:absolute; left:10px; bottom:10px;}


/* Fiche details */
.image-box{
  width:252px;
  height:252px;
  border:1px solid #A6D365;
  }
  .recherche{
    position:absolute;
    right:20px; top:0;

    }
  select{
    border:1px solid #C5C5C5;
    font:normal 11px Arial;
    color:#353535;
    }