/***************** 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:#494949 url(../images/charte/bg-body.jpg) repeat-x left top;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
}
/***************** HEADER *****************/
#header{
width:990px;
height:270px;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:329px;
}

/***************** CONTENU *****************/
#contenu{
float:right;
width:658px;
min-height:300px;
padding:0px 0 0 0;
top:270px;

}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:32px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:990px;
height:32px;
margin:-32px auto 0;
background:url(../images/charte/bg-footer.gif) repeat-x left top;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#bfbfbf;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}
.bg-h1{
  background:url(../images/img/bg-h1.jpg) no-repeat;
  height: 72px;
  padding-top: 38px;
  text-align: center;
  z-index: 0;
}
.bullet1{
  background:url(../images/img/bullet1.jpg) no-repeat 0px 2px;
  padding-left:15px;
}
.bg-h2{
  background:url(../images/img/bg-h2.jpg) no-repeat;
  height: 22px;
  padding-left: 22px;
  padding-top:4px;
}
.bg1-h2{
  background:url(../images/img/bg1-h2.jpg) no-repeat;
  height: 22px;
  padding-left: 22px;
  padding-top:4px;
  width: 512px;
}
.bg3-h2{
  background:url(../images/img/bg3-h2.jpg) no-repeat;
  height: 25px;
  padding-left: 22px;
  padding-top:4px;
  width: 512px;
}
.bg4-h2{
  background:url(../images/img/bg4-h2.jpg) no-repeat;
  height: 25px;
  padding-left: 22px;
  padding-top:4px;
  width: 280px;
}
.bg2-h2{
  background:url(../images/img/bg2-h2.jpg) no-repeat;
  height: 22px;
  padding-left: 22px;
  padding-top:4px;
  width: 658px;
}
.bullet3{
  background:url(../images/img/bullet3.jpg) no-repeat 0px 4px;
  padding-left: 10px;
}
.bullet31{
  background:url(../images/img/bullet3.jpg) no-repeat 0px 14px;
  padding-left: 10px;
}
.adresse{
  background:url(../images/contact/adresse.jpg) no-repeat ;
  height: 49px;
  width:394px;
}
.horraires{
  background:url(../images/contact/horaires.jpg) no-repeat ;
  height: 22px;
  width: 394px;
}
.metro{
  background:url(../images/contact/metro.jpg) no-repeat ;
  height: 19px;
  width: 270px;
  padding-left:30px;
  margin-top: 5px;
}
.bus{
  background:url(../images/contact/bus.jpg) no-repeat ;
  height: 19px;
  width: 270px;
  padding-left:30px;
  margin-top: 5px;
}
.parking{
  background:url(../images/contact/parking.jpg) no-repeat ;
  height: 19px;
  width: 270px;
  padding-left:30px;
  margin-top: 5px;
}
.velo{
  background:url(../images/contact/velo.jpg) no-repeat ;
  height: 19px;
  padding-left:30px;
  margin-top: 5px;
}
#contenu .horraires p{
  margin-bottom:2px;
}

.plan{
 background:url(../images/contact/plan-thumb.jpg) no-repeat ;
 width: 221px;
 height: 86px;
}
.plan-over{
 background:url(../images/contact/plan-thumb-over.jpg) no-repeat ;
 width: 221px;
 height: 86px;
}
.spark{
  background:url(../images/contact/spark.gif) no-repeat 4px -5px;
  height: 23px;
  padding-left:30px;
  z-index: 100;
}
.spark1{
  background:url(../images/contact/spark11.gif) no-repeat;
  height: 18px;
  padding-left: 25px;
}
.bullet-contact3{
  background:url(../images/contact/bullet-contact.jpg) no-repeat 10px 6px;
  padding-left: 20px;
}
.bullet-contact{
  background:url(../images/contact/bullet-contact.jpg) no-repeat 10px 12px;
  padding-left: 20px;
}
.bullet-contact1{
  background:url(../images/contact/bullet-contact.jpg) no-repeat 10px 8px;
  padding-left: 20px;
}
.bullet11{
  background:url(../images/contact/bullet-contact.jpg) no-repeat 8px 7px;
  padding-left: 20px;
}


/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:400px;
  float:left;
}

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

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

.button-contact{
  background:url(../images/contact/envoyer.jpg) no-repeat ;
  border: none;
	width:94px;
  height: 25px;
  cursor: pointer;
}
.button-contact1{
  background:url(../images/contact/retablir.jpg) no-repeat ;
  border: none;
  height: 25px;
	width:94px;
  cursor: pointer;
}
.buttonOver-contact{
  border: none;
  background:url(../images/contact/envoyer-over.jpg) no-repeat ;
	width:94px;
  cursor: pointer;
}
.buttonOver-contact1{
  border: none;
  background:url(../images/contact/retablir-over.jpg) no-repeat ;
	width:94px;
  cursor: pointer;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  padding:0px 0px 0px 0px;
  height: 10px;
  width:395px;
}

#frmContact1{
	font-family:Verdana;
	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:#E5E5E5;
}

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

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

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

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


.input4 input{
  width:100px; float:left;
  color: #BFBFBF;
}
.inputForm{
	border:1px solid #000000;
	background-color:#000000;
	width:100px;
	font-family:arial;
	font-size:12px;
	color: #6B5D3D;
  height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #272727;
	background-color:#272727;
	font-family:arial;
	font-size:12px;
	width:100px;
	color:#6B5D3D;
	height:16px;
	margin-top:2px;
}
/**************************/
.phone-icon{
background: url(../images/contact/phone-icon.gif) no-repeat 1px 13px;
padding-left: 30px;
}
.titre-contact{
  clear:left;width:400px;text-align:center !important;color:#C3C3C3;font-size:14px !important;font-weight:bold !important;padding-top:4px;text-decoration:underline;
}

.encart4{
  background:url(../images/contact/encart4.jpg) no-repeat;
  width:654px;
  height: 33px;
}

.encart3{
  width: 323px;
  height: 40px;
}

.encart2{
  width: 323px;
  height: 27px;
}

.encart1{
  width: 310px;
  height: 91px;
}


.invisible
{
	display:none;
}