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

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

body
{
  width: 100%;
  height:100%;
  background:#FFFFFF url(../images/charte/bg-conteneur-y.jpg) center top repeat-y;
  color:#0A0501;
  font:12px Arial,Verdana,Helvetica,sans-serif;
}

#wrap-container{
  min-height: 100%;
  height: 100%;
  height: auto !important;
  margin:0 auto -34px;
  background:url(../images/background-body.jpg) left top repeat-x transparent;
  display:block;
}

#wrap-footer{
  height:34px;
  margin:0 auto;
  position:relative;
  width:100%;
  float:left;
}
#refContainer{width:100%;float:left;background-color:#ffffff}
#refContainer .ref{ width:896px;padding:10px;margin:0 auto; display:block;float:none;text-align:center;}

.clear{

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

#clearFooter{
  height:33px;
  margin:0px;
  padding:0px;
  width:100%;
  background: url(../images/charte/bg-conteneur-y.jpg) center top repeat-y transparent;
  clear:both;}

#bandeau-haut{
  height:259px;
  width:906px;
  margin:0 auto;
  display:block;
}

#conteneur{
  display:block;;
  margin:0 auto;
  position:relative;
  width:906px;
}

#bandeau-droit{
  background:url(../images/background-droit.jpg) 5px 3px no-repeat;
  float:right;
  min-height:600px;
  width:610px;
  padding: 0 17px 0 24px
}

.titre{
  display:inline;
  float:right;
  height:26px;
  margin-bottom:10px;
  margin-right:1px;
  margin-top:4px;
  padding:8px 0 0 4px;
  width:642px;
  margin-right:-17px;
  margin-left:-25px;
}

.titre span{
  display:none
}

.titreTravaux{
  background:url(../images/charte/titre-nostravaux.png) -6px -5px no-repeat
}

.titreTravauxDetails{
  background:url(../images/charte/titre-nostravaux-details.png) -6px -5px no-repeat
}

.titrePresentation{
  background:url(../images/charte/titre-presentation.jpg) -6px -5px no-repeat
}

.titreCuisines{
  background:url(../images/charte/titre-cuisine.jpg) -6px -5px no-repeat
}

.titreSalleDeBain{
  background:url(../images/charte/titre-salle-de-bain.jpg) -6px -5px no-repeat
}
.titreContact{
  background: url(../images/charte/titre-contact.jpg) -6px -5px no-repeat
}
.titreMerci{
  background: url(../images/charte/titre-merci.jpg) -6px -5px no-repeat
}

#zone-texte1{
  height:130px;
  padding-left:25px;
  text-align:justify;
  width:610px
}

#zone-texte2{
  height:150px;
  padding-left:25px;
  padding-top:10px;
  text-align:justify;
  width:610px
}


#cadre{
  background:url(../images/fond-cadre1.jpg) left top repeat-x;
  height:116px;
  text-align:center;
  width:610px;
  padding:5px 0 0;
  margin:10px 0px;
  float:left;
  display:inline;
}

#formulaire{
  height:130px;
  padding-left:25px;
  padding-top:20px;
  text-align:justify;
  width:610px
}

#bandeau-gauche{
  float:left;
  position:relative;
  width:255px;
  background: url(../images/charte/bg-conteneur-y.jpg) left -259px repeat-y transparent;
}

#anim{
  float:left;
  height:246px;
  width:255px;
}

#coordonnees{
  background:url(../images/coordonnees.jpg) left top no-repeat;
  float:left;
  height:217px;
  text-align:center;
  width:255px
}

#coordonnees a{
  color:#0A0501;
  text-decoration: underline;
}

#coordonnees a:hover{
  color:#BCDCB3;
  text-decoration:none;
}

#plan{
  background: url(../images/plan.jpg) left top no-repeat;
  float:left;
  height:137px;
  width:255px
}
#plan a{
 border:none;
 text-decoration:none;
}
#plan img{
  margin-top:32px;
	margin-left:18px;
	display:block;
}

#bandeau-bas-aligner{
  display:block;
  margin:0 auto;
  position:relative;
  width:906px;
	height:33px;
}

#bandeau-bas{
  background:#0A0501;
  float:left;
  height:19px;
  padding:6px 5px 2px;
  position:relative;
  width:896px
}

#line1{
  border-top:3px solid black;
  float:left;
  background:#C3C2C0;
  height:4px;
  width:255px
}

#line2{
  border-top:3px solid black;
  float:right;
  background:#C3C2C0;
  height:4px;
  width:646px
}
#line1, #line2{
  font-size:0px;
	line-height:0px;
}

#digitalage{
  color:#FFFFFF;
  float:left
}

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

#digitalage a:hover{
  color:#BCDCB3;
  text-decoration:none
}

#menubas-container{
  color:#FFFFFF
}

.menubas{
  color:#FFFFFF;
  list-style:none;
  margin:0;
  padding:0;
  text-align:right
}

.menubas li{
  color:#FFFFFF;
  display:inline;
  margin-bottom:5px
}

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

.menubas a:hover{
  color:#BCDCB3;
  text-decoration:none
}

ul, li{
  list-style:none;
  line-height:16px;
  padding:0 0 3px;
}
h1{
  font-size: 14px;
}


h2{
  font-size:13px
}
p{
  padding:0 0 10px 0;
  line-height:16px;
  text-align:justify;
}

a{
  color:#0A0501;
  text-decoration: underline;
}

a:hover{
  color:#BCDCB3;
  text-decoration:none;
}

.separateur{
  width:100%;
  height:5px;
  margin-bottom:5px;
  border-bottom:solid 1px #090503;
}


ul.center li{
  text-align:center;

}


.gras{
  font-weight:bold
}

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


.photo-gauche {
width: 104px;
height: 150px;
float:left;
padding-right: 10px;
}


.photo-droite {
width: 104px;
height: 150px;
float:right;
padding-left: 10px;
}