/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#666666 url(../images/charte/bg-body.jpg) repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
background:scroll #808080 url(../images/charte/bg-hauteur.gif) center top repeat-y;
}
/***************** MENU LEFT *****************/
#menu{
float:left;
width:235px;
height:488px;
}

/***************** HEADER *****************/
#header{
float:left;
width:755px;
height:106px;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:700px;
padding:0 30px 0 25px;
background:url(../images/charte/bg-texte.jpg) no-repeat left top;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:82px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:82px;
margin:-82px auto;
text-align:center;
background:url(../images/charte/bg-footer.gif) repeat-x left top;
}
#footer2{
width:990px;
margin:0 auto;
height:62px;
background: url(../images/charte/bg-footer.jpg) no-repeat left top;
padding-top:20px;
}
#idep{
float:left;
padding-left:50px;
top:0;
width:150px;
}
#idep img{
float:left;
}
#footer2 #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#a6a6a6;
margin:8px 0 0;
}
#footer2 #idep a.idep.optea{
margin:0;
}
#footer2 #idep a:hover.idep{
text-decoration:none;
color:#000;
}

#footer2 p{
font:10px/33px Arial, Helvetica, sans-serif;
color:#666;
text-align:right;
padding:0 40px 0 0 ;
}
#footer2 a:link, #footer a:visited{
text-decoration:none;
color:#666;
}
#footer2 a:hover, #footer a:active{
text-decoration:underline;
color:#000;
}
#contenu .list-1, .list-2{
  list-style-type: none;
}

#contenu .list-1 li{
  list-style-type: none;
  background:url(../images/img/bullet.gif) no-repeat 0px 6px;
  font-size: 12px;
  font-family:arial;
  color: #333333;
  padding-left: 30px;
  line-height: 18px;
}
#contenu .list-2 li{
  list-style-type: none;
  background:url(../images/img/bullet.gif) no-repeat 0px 6px;
  font-size: 12px;
  font-family:arial;
  color: #333333;
  padding-left: 30px;
  line-height: 18px;
  text-align:justify;
}

#contenu .list-2{
    margin-bottom:20px;
}
#contenu .list-3{
padding:20px 0 20px 120px;border-top:1px solid red;border-bottom:1px solid red;
}
#contenu .list-3 li{
  list-style-type: none;
  background:url(../images/img/bullet.gif) no-repeat 0px 6px;
  font-size: 12px;
  font-family:arial;
  color: #333333;
  padding-left: 30px;
  line-height: 18px;
  text-align:justify;
}

.text-left{
  float:left;width:140px;margin-right:10px;height:117px;
}
.text-right{
  float:left;width:238px;text-align:justify;height:117px;padding-top:10px;padding-left:5px;
}
.text-index{
  border-top:1px solid red;width:400px;padding-top:10px;border-bottom:1px solid red;height:126px;
}
.historique-left{
  float:left;width:335px;text-align:justify;padding-right:10px;padding-top:10px;
}
.portes-a{
  float:left;width:450px;padding-right:20px;text-align:justify;padding-top:10px;
}
.cloisons-e{
  width:350px;float:left;text-align:justify;padding-right:10px;padding-top:10px;
}
.portes-c{
  float:left;width:470px;text-align:justify;padding-right:10px;padding-top:40px;
}




/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:375px;
}

.table-contact-left{
   width:175px;
   float:left;
   display:block;
   height:110px;
   margin-left: 5px;
   margin-top:10px;
   margin-right: 0px;
}

.table-contact-right{
  width:190px;
  float:left;
  display:block;
  height:110px;
  margin-top:10px;
}

.button-contact{
	border:0px solid #634E2D;
	background-color: #E60003;
	width:65px;
	font-size: 12px;
	cursor:pointer;
  color:#ffffff;
  font-weight:bold;
}
.buttonOver-contact{
	border:0px solid #634E2D;
	background-color: #000000;
  color:#ffffff;
	width:65px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  float:right;
  padding:0px 0px 0px 0px;
  height: 10px;
  width:150px;
}

#frmContact1{
	font-family:arial;
	font-size:12px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:70px;float:left;display:inline;color:#000000;
}

.input2{
  width:100px; float:left;
  color:#000000;
}

.input22{
  width:100px; float:left;
  color:#000000;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:85px; float:left;display:inline;color:#000000;
}

.message{
  width:300px;float:left;padding-left:4px;display:inline;color:#000000;
}


.input4 {
  width:100px; float:left;
  color: #000000;
}
.inputForm{
	border:1px solid #E60003;
	background-color:#D0D0D0;
	width:100px;
	font-family:arial;
	font-size:12px;
	color: #000000;
  height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #949494;
	background-color:#FFF;
	font-family:arial;
	font-size:12px;
	width:100px;
	color:#949494;
	height:16px;
	margin-top:2px;
}

/**************************/

.Fermeture-left{
  float:left;width:680px;text-align:justify;padding-right:10px;padding-top:10px;
}
.cloisons-left{
  float:left;width:400px;text-align:justify;padding-right:10px;padding-top:10px;
}
.invisible{
	display:none;
}