/***************** 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:#fae6af url(../images/charte/bg-page-x.gif) repeat-x top left;
}
/***************** CONTAINER *****************/
#container{
position:relative;
width:1003px;
margin:0 auto;
}
#container0{
width:1003px;
min-height: 100%;
height: auto!important;
height: 100%;
background:url(../images/charte/bg-page-y.gif) repeat-y top left;
margin:0 auto;
}
/***************** HEADER *****************/
#header{
width:1003px;
height:213px;
}

/***************** CONTENU *****************/
#contenu{
width:1003px;
min-height:600px;
/*background:url(../images/charte/bg-page-y.gif) repeat-y top left;*/

}
#collLeft{
float:left;
width:203px;
height:281px;
padding-top:22px;
line-height: 20px;
}
#collLeft p
{
 padding-left:40px;
 color:#f0dba3 !important;
 font-family: Verdana;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
}

#collLeft .leftMenu
{
  float:left;
  width:150px;
  padding-left:40px;
}

#collLeft .leftMenu a:link, #collLeft .leftMenu a:visited
{
color:#f0dba3 !important;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;

}
#collLeft .leftMenu a:hover, #collLeft .leftMenu a:active
{
color:#ffffff!important;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
line-height: 20px;
text-decoration: none;
}
#texte{
float:left;
width:750px;
padding:0 0 0 20px;
}
#texte p
{
padding:0 20px 0 0px;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
#clearFooter{

/*height:27px;--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
width:1003px;
height:27px;
/*margin:-27px auto 0; */
margin:0px auto;
background:url(../images/charte/bg-footer.gif) no-repeat top left;

}
#idep{
position:absolute;
left:30px;
top:3px;
width:250px;
height:25px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/7px Arial, Helvetica, sans-serif;
color:#98725c;
padding:2px 0 0 0;
text-indent:10px;

}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#e5bb48;
}

#footer p{
font:10px/20px Arial, Helvetica, sans-serif;
color:#baaa7f;
padding:4px 40px 0 0;
text-align:right;
}
#footer img
{
  padding:0 2px 1px 6px;
}

#footer a:link, #footer a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration:none;
color:#baaa7f;
}
#footer a:hover, #footer a:active{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration:underline;
color:#e5bb48;
}


/*==============| pages |=====================================*/
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

ul.list1{
	float:left;
	padding: 5px 0 0 80px;
    width: 500px;
	}
ul.list1 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 7px;
    text-align:left;
    color:#baaa7f;
	line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
	padding:0px 0px 0px 20px;
	}



.text-bullet
{
  float:left;
  padding:3px 5px 10px 20px;
}
#contact-box
{
  float:left;
  background-color: #6b5446;
  border:solid 1px #90793b;
  width: 660px;
  height: 48px;
}
#contact-box p
{
  color:#fae6af !important;
  padding-top:7px;
  padding-right:15px !important;
  padding-left:15px !important;
  line-height:18px !important;
}

#sibu-box
{
  float:left;
  background-color: #6b5446;
  border:solid 1px #90793b;
  width: 660px;
  height: 88px;
}
#sibu-box p
{
  color:#fae6af !important;
  padding-top:7px;
  padding-right:15px !important;
  padding-left:15px !important;
  line-height:18px !important;
}

.holder1
{
  float: left;
  padding:0 0 0 20px;
  width:330px;
}

.box1
{
  float:left;
  width:340px;
  border-right: solid 1px #6b5446;
  padding:0 10px 0 0;
}
.box1 p
{
  padding:0 !important;
  text-align: left !important;
}

.text-bullet2
{
  float:left;
  padding:7px 8px 5px 0px;
}
.right
{
  float:right;
  padding:0 0 3px 8px;
}
.left
{
  float:left;
  padding:0 8px 3px 0px;
}
.holder2
{
  float: right;
  padding:0 30px 0 0px;
  width:320px;
}
.box2
{
  float:right;
  width:330px;
  padding:0 0 0 0px;
}
.box2 p
{
  padding:0 !important;
  text-align: left !important;
}
/*=========================================================================*/

.holder
{
  float: left;
  padding:0 0 0 10px;
  width:237px;
}

.box
{
  float:left;
  width:230px;
}
.box-border
{
  float:left;
  width:230px;
  border-right: solid 1px #6b5446;
  padding:0 10px 0 0;
}
.box p, .box-border p
{
  padding:0 !important;
  text-align: left !important;
}
.box3
{
  float:left;
  width:700px;
  padding-left:20px;

}

.box3 p
{
/*  width:200px;*/
  padding:0 !important;
  float:left;
}
.photo
{
  padding:0 2px 0 2px;
  float:left;
}

#group1 , #group2
{
  float: right;
  background-color: #6b5446;
  border: solid 1px #90793b;
  padding:6px;
}
#diapo
{
  float:left;
  width:400px;
  height:300px;
  padding:3px;
  border: solid 1px #6b5446;
}
#diapo-holder
{
   padding:0px 0px 0px 155px;
}

/*========================| realisations |===================================*/
.box-galerie
{
  float:left;
  width:130px;
  text-align: center;
  padding:0 20px 0 20px;
}
.box-photo
{
  float:left;
  width:130px;
  height:138px;
  background-color:#6b5446;
  border:solid 1px #8b8266;
}
.box-details
{
  float:left;
  width:117px;
  height:25px;
}
.box-details a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}
#pagination
{
  float:left;
  width:666px;
  height:25px;
  margin-top:10px;
}
#pagination p
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px !important;
  font-weight: bold !important;
  text-align: center !important;
}
#retour
{
  float:left;
  width:646px;
  height:25px;
   padding-left:40px;
}
#retour p
{
    color:#fae6af;
    font-weight: bold !important;

}

#retour a:link, #retour a:visited
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px !important;
  text-align: left !important;
  text-decoration:underline;
  color:#e09012 !important;
}
#retour a:hover, #retour a:active
{
  text-decoration:none !important;
  color:#fae6af !important;
}
/*===============| contact |===========================================*/
#gauche
{
    width:200px;
    float:left;
}

#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:500px;
    text-align: left;
  }
#frmContact .left
{
 width:235px;
 float:left;
 display:inline;
 margin-left:0px;
 margin-bottom:10px;
  }

 #frmContact .right
 {
    width:230px;
    float:left;
    display:inline;
    margin-top:0px;
 }
 #frmContact .right p
 {
  color:#ffffff !important;
  font-family:Arial;
  font-size: 12px;
  font-weight: normal;
  padding:0px;
  margin: 5px 0;
 }

 #commentaire
 {
   width:230px;
 }

 #contact{
  width:100%;
  float:left;
}
.inputForm{
	border:1px solid #867d63;
	background-color:#6b5446;
	width:148px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fae6af;
    padding:1px;
    height:14px;
    margin:3px 0;
}
.inputFormOver{
	border:1px solid #867d63;
	background-color:#443025;
	width:148px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
    margin:3px 0;
    padding:1px;
    height:14px;
}
.label
{
  width:65px;
  padding-top:5px;
  float:left;
  color: #fae6af;
}
.inputs
{
    width:170px;
    float:left;
}

.button{
    border:1px solid #6b5446;
    background-color:#231005;
	/*background: url(../images/charte/bg-button.jpg) repeat-x top left;*/
	width:82px;
    height: 21px;
    color:#ff9c00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
	cursor:pointer;
}
.buttonOver{
    border:1px solid #6b5446;
	background-color:#000000;
	width:82px;
    height: 21px;
	color:#fae6af;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
	cursor:pointer;
}
.bottom
{
  float:left;
  width: 350px;
  margin: 0 0 14px 150px;
}
#oblig{
    float:left;
    text-align:right;
    width:480px;
    color:#baaa7f;
    padding-top:6px;
    font-size:10px;
    border-top:solid 1px #6b5446;
}
#showroom
{
  width:200px;
  height:30px;
  padding:5px 0px 0px 0;
  line-height: 18px !important;
  float:left;
  background: url(../images/charte/bg-showroom.jpg) repeat-y top left;
  border:solid 1px #867d63;
  margin-bottom:15px;
}
/*==================| faire connaitre popup |===============================*/
#ami-popup{
    width:500px;
    height:350px;
 	background: url(../images/charte/bg-ami.jpg) no-repeat left top;}

.ami-box{
  padding-top:35px;
  padding-left:50px;
  width:450px;
  height:160px;
  }
  .ami-left{
    float:left;
    width:180px;
    padding-left:20px;
    }

  .ami-right{
    float:left;
    width:180px;
    padding-left:15px;
    }

.ami-box1 input{
  margin-top:14px;
  height:14px;
  padding:2px;
  width:160px;
  color:#ffffff !important;
  font-size: 11px;
  border: solid 1px #6b5446;
  background-color: #443025;
  font-family: Arial, Helvetica, sans-serif;
  }

.buttons-ami{
  padding-left:0px;
  padding-top:0px;
  }

.buttons-ami input
{
  height:21px;
  width:82px;
}

#ami-popup p{
	font-size:10px;
	line-height:18px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:90px;
    color:#fae6af !important;
}
#ami-bottom{
	width:500px;
	height:32px;
    float:left;
    background: url(../images/map/bg-bottom.jpg) repeat-x top left;
	}

#merci-ami{
    padding-left:25px;
    padding-bottom:20px;
}
.space
{
  padding-top:10px !important;
}

.invisible
{
	display:none;
}