/***************** 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:#F2F2F2 url(../images/charte/bg-container.gif) center 80px no-repeat;
}
/***************** CONTAINER *****************/
#container{
width:960px;
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
margin: 0 auto;
margin-bottom: -30px;
border-left: 1px solid #000;
border-right: 1px solid #000;
background:url(../images/charte/bg-container1.gif) center  repeat-y;
}
#container1{
width:960px;
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
margin: 0 auto;
margin-bottom: -30px;
border-left: 1px solid #000;
border-right: 1px solid #000;
background:url(../images/charte/bg-body.gif) center repeat-y;
}

div#container.galerie {
background-image:url(../images/charte/bg-galerie.gif);
}
/***************** HEADER *****************/
#header{
width:960px;
height:130px;
}
/***************** MENU TOP *****************/
#menuTop{
width:960px;
height:60px;
list-style:none;
background-color: white;
}
#menuTop ul{
list-style:none;
}
#menuTop li{
float:left;
}
#menuTop a span{
display:none;
}
#menuTop a{
display:block;
height:35px;
background-position:top;
}
#container #menuTop a:hover{
background-position:bottom;
}
#menuTop a.btn1{
background-image:url(../images/charte/btn1.gif);
width:187px;
}
#menuTop a.btn2{
background-image:url(../images/charte/btn2.gif);
width:346px;
}
#menuTop a.btn3{
background-image:url(../images/charte/btn3.gif);
width:146px;
}
#menuTop a.btn4{
background-image:url(../images/charte/btn4.gif);
width:133px;
}
#menuTop a.btn5{
background-image:url(../images/charte/btn5.gif);
width:148px;
}
/***************** SOUS MENU GALERIE *****************/
#ssmenu{
width:960px;
}
#ssmenu ul{
list-style:none;
float:right;
margin:7px 147px 0 0;
border-top:1px solid #BFBFBF;
padding:7px 0 0 0;
}
#ssmenu ul li{
float:left;
}
#ssmenu ul li a{
display:block;
padding:0 10px;
height:12px;
border-right:1px solid #696969;
font:11px Arial, Helvetica, sans-serif;
color:#696969;
text-decoration:none;
}
#ssmenu ul li a:hover{
text-decoration:underline;
}
/***************** VISUEL ******************/
#visuel{
width:200px;
height: auto;
margin:0px 0 0 0;
background-color:#fff;
float:left;
}
/***************** CONTENU *****************/
#contenu{
position:relative;
width:700px;
min-height:100%;
height:100%;
height:auto !important;
margin:25px 0 0 0;
padding:20px 30px;
overflow:auto;
}
#contenu2{
position:relative;
width:900px;
min-height:100%;
height:100%;
height:auto !important;
margin:25px 0 0 0;
padding:20px 30px;
overflow:auto;
}
#contenu1{
position:relative;
width:700px;
min-height:100%;
height:100%;
height:auto;
margin:75px 0 0 0;
padding:0px 20px;
overflow:auto;
}
/***************** GALERIE *****************/
#galerie {
height:210px;
width:900px;
margin:10px 0 0 0;
}
/***************** FOOTER *****************/
#footer{
position:relative;
width:960px;
height:30px;
background:#A7A7A7;
clear: both;
margin:0 auto;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#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:#fff;
margin:4px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#000;
}
.bullet1{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 6px;
  padding-left: 7px;
  float: left;
  font-size: 12px !important;
}
.bullet2{
  background:url(../images/contenu/bullet2.jpg) no-repeat 80px 6px;
}
.bullet3{
  background:url(../images/contenu/bullet3.jpg) no-repeat 0px 5px;
  text-indent: 15px;
}
.bullet4{
  background:url(../images/contenu/bullet4.jpg) no-repeat 0px 5px;
  padding-left: 10px;
}
.bullet5{
  background:url(../images/contenu/bullet2.jpg) no-repeat 0px 6px;
  padding-left: 7px;
}
.bullet6{
  background:url(../images/contenu/bullet3.jpg) no-repeat 0px 6px;
  padding-left: 17px;
  font-family: Arial;
  line-height: normal;
}
.liste1{
  font-family: Arial;
  font-size: 11px;
  color: #444;
  list-style-type: none;
  padding-left: 40px;float:left;
}
.liste1 li{
  background:url(../images/contenu/bullet4.jpg) no-repeat 0px 6px ;
  padding-left: 10px;
}

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

.table-contact-left{
   width:190px;
   float:left;
   display:block;

}
.table-contact-right{
  width:190px;
  float:left;
  display:block;
  padding-left: 10px;
}

.button-contact{
  background:url(../images/contenu/envoyer.gif) no-repeat ;
  border: none;
	width:109px;
	font-size: 12px;
  height: 19px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}
.buttonOver-contact{
border: none;
  background:url(../images/contenu/envoyer-over.gif) no-repeat ;
  color:#D2A060;
	width:109px;
  height: 19px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.button-contact1{
  background:url(../images/contenu/effacer.gif) no-repeat ;
  border: none;
	width:109px;
	font-size: 12px;
  height: 19px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}
.buttonOver-contact1{
border: none;
  background:url(../images/contenu/effacer-over.gif) no-repeat ;
  color:#D2A060;
	width:109px;
  height: 19px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

#frmContact1{
	font-family:arial;
	font-size:11px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:75px;float:left;color:#000;
}
.input22{
  width:100px; float:left;
  color:#8D1717;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:75px; float:left;display:inline;color:#444;font-size:11px;font-family:arial;
}

.message{
  width:75px;float:left;padding-left:4px;display:inline;color:#597E0E;
}

.inputForm{
	border:1px solid #DEDEDE;
	background-color:#DEDEDE;
	width:80px;
	font-family:arial;
	font-size:11px;
	color:#444;
  margin-bottom: 1px;
}
.inputFormOver{
	border:1px solid #DEDEDE;
	background-color:#F4F4F4;
	font-family:arial;
	font-size:11px;
	width:80px;
	color:#444;
  margin-bottom: 1px;
}
/**************************/
.invisible{
	display:none;
}