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


html, body{
  height: 100%;
  width: 100%;
}
input:focus{
  outline:none;
}

a:focus{
  outline:none;
}

.clear{
  margin: 0px;
  padding: 0px;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
  clear:both;
  display:block;
}

.spacer{
  width:100%;
  height:1px;
  border-bottom:solid 1px #320A02;
  display:block;
  clear:both;
  margin:10px  0px;
  padding:0px;
}


body {
  background: #FAEEE1;
  color: #380707;
  font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
}

#global{
  position: relative;
  width: 905px;
  height: 657px;
  margin:0 auto;
  display:block;
}
/* début bandeau-haut */
#refContainer{width:100%;float:left;background-color:transparent;}
.ref{width: 905px; padding:10px; margin:0 auto; display:block; ;text-align:center;color: #380707;}

#bandeau-haut {
  background: url(../images/charte/header.jpg) no-repeat;
  height: 130px;
  width:100%;
  float:left;
}
/* fin bandeau-haut */

#conteneur {
  position: relative;
  width: 905px;
  float:left;
  margin: 0 auto;
}
/* début bandeau-droit */

#bandeau-droit-accueil {
  background: url(../images/charte/accueil.jpg) right top no-repeat;
  float:right;
  width: 458px;
  height:459px;
  padding: 40px 20px 3px 15px;
  /*height: 452px;*/
}

#bandeau-droit-charpente{
  background:url(../images/charte/charpente.jpg) right top no-repeat;
  float:right;
  width: 458px;
  height:459px;
  padding: 40px 20px 3px 15px;
  /*height: 452px;*/
}

/* début bandeau-droit */
#bandeau-droit-menuiserie {
background:url(../images/charte/menuiserie.jpg) right top no-repeat;
float:right;
width: 458px;
height:459px;
padding: 40px 20px 3px 15px;
}

#bandeau-droit-accueil p{
  padding-left:6px;
}

#bandeau-droit-charpente p{
  padding-left:6px !important;
}

#bandeau-droit-menuiserie p{padding-left:8px !important}

#bandeau-droit-contact {
  background: url(../images/charte/contact.jpg) no-repeat;
  float:right;
  width: 458px;
  height:459px;
  padding: 40px 20px 3px 15px;
}

#bandeau-droit-merci {
  background: url(../images/charte/merci.jpg) no-repeat;
  float:right;
  width: 458px;
  height:459px;
  padding: 40px 20px 3px 15px;
}

#texte-mentions {
  Width: 493px;
  height: 502px;
  padding-top: 30px;
  text-align: justify;
}

/*#zone-texte1 {
  width: 370px;
  padding-left: 100px;
  padding-top: 40px;
  text-align: justify;
  float:left;
}*/

#zone-texte2 {
  width: 426px;
  background: url(../images/charte/bg-encart.gif) left bottom repeat-x #f4e2cd;
  margin:6px 0px 18px 12px;
  padding:10px;
  display:inline;
  border:solid 1px #6E0F0D;
  float:left;
  text-align: center;
}

#zone-texte3 {
  width: 442px;
  margin:6px 8px 13px 0px;
  padding:10px 0px 0px 0px;
  float:left;
}

#txt3-gauche{
  width: 170px;
  float: left;
}

#txt3-droit{
  width: 180px;
  float: right;
}

#zone-texte4 {
  width: 335px;
}


#bandeau-gauche {
  float:left;
  width: 412px;
}

#colonne01 {
  width: 219px;
  height: 502px;
  float: left;
  overflow:hidden;
}

#anim{
  background: url(../images/charte/anim.jpg) -1px top no-repeat black;
  height: 344px;
  overflow:hidden;
  width:214px;
  float:left;
  display:inline;
  padding-top: 2px;
  text-align:right;
  padding-left:4px;
  margin-left:1px;
  border-bottom:solid 1px #6E0F0D;
  }
#animAligner{
  background: url(../images/charte/animBottom.jpg) left bottom no-repeat black;
  height: 344px;
  width:213px;
  float:left;
  border-right:solid 1px #6E0F0D;
  }

#mdm {
  width:190px;
  height:115px;
  padding:36px 15px 10px 14px;
  float:left;
  background: url(../images/charte/mdm.jpg) right top;
}

#mdm #actualite {
  width:190px;
  height:90px;
  float:left;
  padding:0px;
  margin:0px;
}
#mdm img{
  float:left;
  margin: 2px 6px 0px 0;
  border:solid 1px #380707;
}


#mdm p{
  padding:0px 0px 3px 0px;
  margin:0px;
  text-align:justify;
  font-size:11px;
  line-height:11px;
}


#colonne02 {
  width: 193px;
  height: 502px;
  float: left;
  overflow:hidden;
}

#menu {
  width: 193px;
  height: 174px;
  float:left;
}

#coordonnees {
  height: 172px;
  overflow:hidden;
  border-bottom:solid 1px #6E0F0D;
  float:left;
}

#plan {
  height: 150px;
  float:left;
}

img{
  border: 0;
}
/* fin bandeau-droit */

/* début bandeau-bas */
#bandeau-bas {
  height: 25px;
  background: url(../images/charte/footer.jpg) no-repeat;
  width:100%;
  float:left;
}
/* début menu bas */

#menubas {
  height: 25px;
  padding-top: 3px;
}

.menubas {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.menubas li {
  display: inline;
}

.menubas a {
  padding-left: 35px;
  font-size: 10px;
  color: #6E0E0F;
  margin: 0 2px;
  text-decoration: none;
}

.menubas a:hover {
  color: #380707;
  text-decoration: none;
}
/* fin menu bas */

#mentionsLegales{
  font-size: 10px;
}

#mentionsLegales a{
  padding: 0px;
}

#mentionsLegales #mentionsLink{
  padding-left: 35px;
}

p {
  padding: 0 0 12px 0;
  text-align:justify;
}

.cursor{
  cursor:pointer;
}

a:focus{
  outline:none;
}


a {
  color: #6E0E0F;
  text-decoration: none;
}

a:hover {
  color: #380707;
  text-decoration: underline;
}
/* fin menu bas */

h1{
  font-size: 15px;
  color: #6e0e0f;
}

h2{
  font-size: 14px;
  line-height:19px;
  color: #6e0e0f;
  padding: 0 5px 0 0;
  margin:0px 0px 10px;
}

.gras{
  font-weight: bold;
  color: #6e0e0f;
}

.encart{
  font-size: 15px;
  line-height:19px;
  font-weight: bold;
  color: #6e0e0f;
  text-align:center;
}

.titre{
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

.petit{
  font-size: 10px;
}

.mail{
  color: #380707;
  text-decoration: none;
}