/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
scrollbar-base-color:#e8dfd9;
}
body{
background:#e8dfd9 url(../images/charte/bg-body.gif) center center no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:832px;
height:570px;
left:50%;
top:50%;
margin-left:-495px;
margin-top:-285px;
padding:0 79px;
background:url(../images/charte/bg-container.jpg) left top no-repeat;
}
/***************** HEADER *****************/
#header{
width:832px;
height:79px;
}
/***************** CONTENU *****************/
#contenu{
width:830px;
height:383px;
padding:1px 1px 0;
}
/***************** DIAPORAMA*/
#diaporama{
float:left;
width:274px;
height:383px;
}
/***************** CONTENU TEXTE*/
#contenuTexte{
float:left;
width:350px;
height:303px;
margin-top:40px;
margin-bottom:40px;
padding:0 10px 0 20px;
overflow:auto;
outline:none;
}
#contenuTexte img
{
  padding:0px;
  margin: 0px;
}

/***************** COLLECTION*/
#collection{
background:url(../images/img/collection-bg.jpg) no-repeat right ;
float:right;
width:150px;
height:383px;
padding-left:5px;

}
/***************** MENU BOTTOM *****************/
#menuBottom{
position:relative;
z-index:10;
width:721px;
height:27px;
padding:0 0 0 111px;
list-style:none;
}
#menuBottom li{
position:relative;
float:left;
}
#menuBottom a{
text-decoration:none;
display:block;
height:27px;
overflow:hidden;
background:left top no-repeat;
}
#menuBottom a span{display:none;}
#container #menuBottom a:hover{background-position:left bottom;}

#menuBottom li.bt1{width:120px;}
#menuBottom li.bt2{width:155px;}
#menuBottom li.bt3{width:74px;}
#menuBottom li.bt4{width:87px;}
#menuBottom li.bt5{width:119px;}

#menuBottom li.bt1 a{background-image:url(../images/charte/bt-01.gif);}
#menuBottom li.bt2 a{background-image:url(../images/charte/bt-02.gif);}
#menuBottom li.bt3 a{background-image:url(../images/charte/bt-03.gif);}
#menuBottom li.bt4 a{background-image:url(../images/charte/bt-04.gif);}
#menuBottom li.bt5 a{background-image:url(../images/charte/bt-05.gif);}
/***************** FOOTER *****************/
#footer{
position:absolute;
width:100%;
height:30px;
left:0;
bottom:0;
}
#idep{
position:absolute;
left:0;
top:0;
width:175px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#cbb7ab;
margin:2px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#811453;
}
/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:240px;
  float:left;
}

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

.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 15px;
  height: 10px;
  width:200px;
}

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

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

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

.inputForm{
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	width:120px;
	font-family:arial;
	font-size:11px;
	color: #6B5D3D;
  height:14px;
	margin-top:5px;
}
.inputFormOver{
	border:1px solid #FFFFFF;
	background-color:#EAE9E9;
	font-family:arial;
	font-size:11px;
	width:120px;
	color:#6B5D3D;
	height:14px;
	margin-top:5px;
}

/**************************/
.button-collection{
  width:145px;
  font-size:8pt;
  font-family:tahoma;
  height:16px;
  border-top:1px solid #857163;
  color:#D0CAC6 !important;
}

.button-over{
  background:url(../images/img/button-over.jpg) no-repeat center;
  width: 145px;
  height: 16px;
  color: #ffffff !important;
  border-top:1px solid #857163;
  font-weight:bold;
  font-size:8pt;
  font-family:tahoma;
}
.txt-gche{
  width:60px;
  float:left;
  display:inline;
}
.input-gche{
  width:100px; float:left
}
.livre-drt{
  float:right;
  width:290px;
  margin-left:10px;
  height:82px;
}
.livre-gche{
  float:left;
  width:185px;
  text-align:left;
  height:82px;
}
.invisible{
	display:none;
}
.livre-top{
  background:url(../images/img/livre-top.gif) no-repeat;
  height: 50px;
  width: 464px;
  float: left;
}
.livre-contenu{
  background:url(../images/img/livre-contenu.gif) repeat-y 2px 0px;
  height: auto;
  float: left;
  width: 464px;
  border: 0px solid green;
}
.livre-bottom{
  background:url(../images/img/livre-bottom.gif) no-repeat ;
  height: 50px;
  float: left;
  width: 464px;
}
.tel{
  background:url(../images/contact/tel.gif) no-repeat ;
  padding-left: 20px;
}
.gauche-format{
float: left;
 padding-left:40px;
 width: 180px;
}
#contenuTexte .gauche-format p{
  color: #858585;
}

.droite-format{
width: 180px;
padding-left: 40px;
}
.invisible{
	display:none;
}
#anecdotes p{
 line-height: 10px;
}