*{
  margin: 0px;
  padding: 0px;
}

html, body{
  width: 100%;
  height: 100%;
}

body {
  background-color: #faf6f3;
  color: #181616;
  background: url(../image/charte/wrap-container-y1.jpg) left top repeat-x #d8c4ac;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.clear{
  width: 0px;
  height: 0px;
  display: block;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  clear: both;
}

#wrap-container {
  background: url(../image/charte/conteneur-y.jpg) center top repeat-y transparent;
  width: 962px;;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -57px auto;

}

#wrap-footer {
  height: 57px;
  width: 100%;
  float: left;
  background: url(../image/charte/body-y1.jpg) left top repeat-x;
  font-size: 13px;
  margin:0 auto;
}
#conteneur{
  width: 962px;
}

#bandeau-haut{
  height: 295px;
  width: 100%;
}

#line{
 width:962px;
 float:left;
}



#bandeau-gauche {
  width: 258px;
  padding:0px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  display:inline;

}

#bandeau-droit {
  width: 657px;
  padding:0px 0px 10px;
  margin:0px;
  display:inline;
  float:left;
}



#bandeau-bas-top{
  width:271px;
  height: 15px;
  float: left;
  border-right: solid 1px #8F7D65;
  background-color: white;
  padding:0px;
}

#bandeau-bas-top1{
  width: 100%;
  float: left;
  background-color: white;
  margin:0 auto;
  padding:0px;
}

#bandeau-bas {
  width: 962px;
  height: 47px;
  margin: 0 auto;
  display: block;
}


#texte {
  width: 620px;
  float:left;
  padding:0px 0 0 35px;
}



#formulaire-contact {
  width: 600px;
  height: 480px;
}



/*#wrap-site{
background-image: url(../image/charte/wrap-container-y.jpg);
background-position: left bottom;
background-repeat: repeat-x;
  width:100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}*/

a:focus{
  outline: none;
}

.ref {
  clear:both;
  width: 962px;
  margin: 0px auto;
  padding:5px 0px;
  text-align: center;
  display:block;
  color: #000;
  font-size: 11px;
  line-height:14px
}

/* début bandeau-haut */

#conteneur {
  position: relative;
  margin: 0 auto;
  padding: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 18px;
  background: url(../image/charte/bg-test.gif) center 294px repeat-x !important;
  display: table;
}

#bandeau-haut {
  float: left;
  background: url(../image/charte/conteneur-x.jpg) center 58px repeat-x #D6C1A6;
}


#anim {
  height: 244px;
}
/* fin bandeau-haut */


#conteneur #newsletter {
height: 51px;
background-image:url(../image/charte/newsletter.jpg);
}

/* début bandeau-droit */

#bandeau-droit {
/*  background-image: url(../image/charte/background-droit.jpg);*/
  background-repeat:  repeat-x;
  background-position: left top;
  background-color: transparent;
}

#bandeau-droit .encarte{
  border: solid 1px #A38D75;
  padding: 7px 0 0px;
  margin-bottom: 10px;
  background: #E7DACA;
  width: 618px;
  float: left;
}

#bandeau-droit .encarte p{
  font-size: 12px;
}

#titre {
  height: 22px;
  padding: 15px 0 0px;
  margin: 0px 0px 10px 0px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 1px #8F7D65;
}


.photo-gauche {
  float: left;
  margin: 0 10px 5px 0;
  border: solid 1px black;
  display:inline;
}

.photo-droit{
  float: right;
  margin: 0 0px 5px 10px;
  border: solid 1px black;
  display:inline;
}

#bandeau-droit .divAdministrable{
  width: 100%;
  float: left;
  text-align: justify;
}

#bandeau-droit .divAdministrable .photos1{
  height: 106px;
  width:210px;
  text-align: center;
  float: left;
  background: url(../image/charte/bg-photos.jpg) left -100px repeat-x;
  padding: 18px 2px 18px 2px;
}
#bandeau-droit .divAdministrable .photos{
  width: 105px;
  height: 104px;
  text-align: center;
  float: left;
}

#bandeau-droit .divAdministrable .photos a{
  text-align: center;
  margin:0 auto;
  display:block;
}

#bandeau-droit .divAdministrable .photos img{
  margin: 0 auto !important;
  display: block;
  border: solid 1px black;
  float:none;
}

#formulaire-contact {
  padding-top: 10px;
  padding-left: 25px;
  text-align: justify;
}

#liste {
  height: 100px;

}

.liste-cadre{
  list-style-image: url(../image/charte/puce.jpg);
}

ul{
  padding-left: 60px;
}

#bandeau-droit .center{
  text-align: center;
}

bandeau-droit div.center{
  text-align: center;
  margin: 0 auto;
}

#mentionslegales {
  width: 600px;
  height: 470px;
  padding-top: 10px;
  padding-left: 25px;
  text-align: justify;
}
/* fin bandeau-droit */
/* début bandeau-gauche */

#bandeau-gauche {
  float: left;
/*  border-right: solid 1px #8F7D65;*/
  padding: 0 5px 0px 8px;
  background: transparent;
/*  background-image: url(../image/charte/background-droit.jpg);*/
  background-position: -431px top;
  background-repeat: no-repeat;
}

#actualites {
  background-image: url(../image/charte/actualites.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  background-color:transparent;
  width: 255px;
  padding-top: 10px;
  height: 170px;
  color: white;
  float: left;
}

#actualites .aligner{
  float: right;
  width: 222px;
  height: 97px;
  margin: 35px 13px 11px 0;
  display: inline;
  padding: 0px;
}

#coordonnees {
  background-image: url(../image/charte/coordonnees.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  background-color:transparent;
  width: 255px;
  height: 132px;
  line-height: 14px;
  float: left;
}

#coordonnees-texte{
  text-align: center;
}

#bandeau-gauche a {
  color: white;
  text-decoration: none;
}

#bandeau-gauche a:hover {
  color: #181616;
}

#googlemap {
  width: 260px;
  height: 93px;
  float: left;
  padding: 0px;
  margin: 0px;
}

#googlemap a{
  background: url(../image/charte/googlemap.jpg) -6px top no-repeat;
  width: 255px;
  display:inline;
  height: 114px;
  float: right;
  margin: 0px;
  padding: 0px;
}

#googlemap a:hover{
  background: url(../image/charte/googlemap-over.jpg) -6px top no-repeat;
  width: 255px;
  display:inline;
  height: 114px;
  float: right;
  margin: 0px;
  padding: 0px;
}

#plan {
  background-image: url(../image/charte/plan.jpg);
  width: 255px;
  height: 129px;
  color: white;
  text-align: center;
  float: left;
}
/* fin bandeau-droit */
/* début bandeau-bas */


#menubas1 p, #digitalage p{
  color: #000000;
  padding: 0px;
}
/* début lien digitalage */

#digitalage {
  padding-top: 12px;
  float: left;
  color: #FFFFFF;
}

#digitalage a {
  color: #FFFFFF;
  margin: 0 2px;
  text-decoration: none;
}

#digitalage a:hover {
  color: #181616;
  text-decoration: none;
}
/* fin lien digitalage */
/* début menu bas */

#menubas1 {
  color: #FFFFFF;
  padding-top: 6px;
  float: right;
}

#menubas1 .menubas {
  color: #FFFFFF;
  text-align: right;
  list-style-type: none;
}

#menubas1 .menubas li {
  color: #FFFFFF;
  display: inline;
}

#menubas1 a{
  color: #FFFFFF;
  margin: 0 2px;
  text-decoration: none;
}

#menubas1 a:hover {
  color: #181616;
  text-decoration: none;
}
/* fin menu bas */
/* fin bandeau-droit */

#bandeau-droit p {
  padding: 0 0 10px 0;
  text-align: justify;
  font-size: 12px;
  line-height: 19px;
}

#bandeau-droit a{
  color: #7F6B57;
  text-decoration: underline;
}

#bandeau-droit a:hover{
  color: black;
  text-decoration: none;
}

#bandeau-droit h1{
  font-size: 15px;
}

#bandeau-droit h2{
  font-size: 13px;
  color: #5F4D35;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#bandeau-droith2 span{
  border-bottom: solid 1px #5F4D35;
}

#bandeau-droit.gras{
  font-weight: bold;
}

#bandeau-droit.gras3{
  font-weight: bold;
  padding-left: 45px;
}

#bandeau-droit.blanc{
  color: #FFF;
  font-weight: bold;
}

#bandeau-droit .separator{
  width: 100%;
  height: 21px;
  clear: both;
  float: right;
  background: url(../image/charte/trait.jpg) left top repeat-x;
}

#bandeau-gauche .separator-gauche{
  clear: both;
  width: 214px;
  background: url(../image/charte/separator-gauche.jpg) center top no-repeat;
  height: 9px;
  float: right;
  margin-right: 19px;
  display: inline;
}