/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {width: 100%;}
body{
  font:12px/18px  Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  background:#fae9d5 url(../../images/charte/bg-body.jpg) center top no-repeat;
  color:#241808;
	padding-top:40px;
  }
p{padding-top: 10px; text-align:justify;}

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

a:link,a:visited{color:#A6034F; text-decoration: none;}
a:hover,a:active{color:#95652C;}



h1{font:italic bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#a6034f;
	padding-top:20px;
}


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

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;  background: url(../../images/charte/bg-left.jpg) no-repeat left top;}
#left-inner{padding-left:8px}

#left-outter p{color:#95652c}


 #mdm{width:340px; height:154px; background: url(../../images/charte/bg-mdm.jpg) no-repeat left top; position:relative;}
    #mdm .inner{padding:46px 20px 0; }

    #mdm img{border:1px solid #A57D4C; background-color:#ffffff; padding:1px}

    #mdm p{padding-top:0px; line-height:13px; font-size:11px; color:#74593A}
    #mdm p.message-mdm{padding-top:50px; text-align:center;}
    .details{position:absolute; right:20px; bottom:5px }


    #mdm-popup{background:#ffffff url("../../images/charte/bg-popup.jpg") 0 0 no-repeat; padding-top:0}
    .mdm-popup-content{
        color:#353535;
        text-align:justify;
        line-height:15px;
        padding-top:150px;
        padding-left:15px;
        }
    #mdm-popup img{border:1px solid #969696; padding:2px;}

    #mdm-popup p{
      color:#241808;
      font:normal 12px/15px Arial;
      }
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; background: url(../../images/charte/bg-right.jpg) no-repeat right top; }
#right-inner{padding:0 28px 0 20px; min-height:650px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {background:#fae9d5 url("../../images/charte/bg-footer.jpg") center top no-repeat; position:relative; z-index: 4; width: 100%; text-align: left; }
#info{float:left;}
.adresse{float:left;}

#footer{height:65px; margin:0 auto; padding-top:20px;}
#footer p{color:#95652c; font-size:11px; line-height:18px; text-align: left;}
.footer-info{float:left; display:inline; width:340px; padding-top:0; padding-left:8px;}
.footer-links{float:right; padding-right:0px; color:#FFFFFF; text-align:right; padding-right:8px;}
#footer .footer-links p{text-align:right}
.footer-links a:link,.footer-links a:visited{color:#95652c; font-size:11px; margin:0 4px;}
.footer-links a:hover,.footer-links a:active{color:#a6034f;}
#footer a.digital:link, #footer a.digital:visited{color:#a6034f;}
#footer a.digital:hover, #footer a.digital:active{color:#95652c;}

div.ref{padding: 0px 10px 5px; clear:both; text-align:center; line-height:13px; margin-top:6px; font-size:11px}
.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:3px !important; }
.lead2{padding-top:14px !important; }
.couleur{color:#a6034f;}
.clear{clear:both}
.image-right{float:right;margin-left:10px; margin-bottom:5px;}
.image-left{float:left;margin-right:10px; 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;}
.bottom{background-position:bottom; height:20px}
.line1{height:20px; background: url(../../images/charte/line1.jpg) repeat-x left top; 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:6px;
  padding:0;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 2px;
    padding-left:15px;
    line-height:15px;
    display:inline;
		margin-right:18px;
    }
		ul.list li.last{margin-right:0;}

/* Plan d'acces */
body#map{
  background-color:#ffffff;
  margin:0;
  padding:0;
	}
#imprimer{
	position:absolute;
  left:15px;
	top:361px;
  }
#plus{
	position:absolute;
  left:109px;
	top:159px;
	width:22px;
	}
 #plus img{
  cursor:pointer;
  border:0;
	margin-bottom:10px;
  }

/* map adresse */
#map-adresse{
	position:absolute;
	left:15px;
	top:303px;
	}
  #map-adresse p{
    font:normal 12px Arial;
    margin:0;
    padding:0;
    color:#241808;
    text-align: left;
    }


/* Contact */
#contact-form{
  width:580px;
  }
#contact-content{
  width:580px;
  clear:both;
  float:left;
  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 #D74C8D;
	background-color:#FFF5E9;
	color:#C9618B;
  width:160px;
  font:normal 12px Arial;
	}
.inputFormOver{
  border:1px solid #C9618B;
	background-color:#D74C8D;
	color:#ffffff;
  width:160px;
  font:normal 12px Arial;
	}

.label{
	width:90px;
	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 140px;
  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:119px;
  height:25px;
	cursor:pointer;
  color:#ffffff;
  font:bold 12px Tahoma;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:119px;
    height:25px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 12px Tahoma;
    }


#mail-labels{
  width:223px;
  height:90px;
  margin-top:0px;
  }
  #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;}


.subtitle{  background:url(../../images/charte/bg-subtitle.jpg) no-repeat left top;
  width:580px;
	height:60px;
	padding-top:7px;
	text-align:center;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
.tarifs{
  width:400px;
	float:left;
	border:1px solid #dac9b3;
	color:#a62c62;
	padding:12px 15px;
}
.tarifs dt{display:inline; float:left; padding-right:3px; background-color:#fdf7ee; clear:both; color:#a62c63;}
.tarifs dd{ text-align:right; background: url(../../images/charte/dot.gif) repeat-x left center; color:#a62c63}
.tarifs dd span{background-color:#fdf7ee; padding-left:3px}


.cadre{background:#f3e1cc url(../../images/charte/bg-cadre.jpg) repeat-x left top; width:540px; padding:10px 20px; float:left;}
.onglerie-image{margin-top:16px;}
.representant
{
 font:italic bold 12px Georgia, Arial, Helvetica, sans-serif;
 color:#A6034F;
}