/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	background-color:#FFF;
}

body{
	font-size:62.5%;
	background-image:url(../images/charte/bg.jpg);
	background-repeat:repeat-x;
}

#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:980px;
	margin:0 auto;
	background-image:url(../images/charte/bg-contenu2.gif);
	background-repeat:repeat-y;
}
#container2{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:980px;
	margin:0 auto;
	background-image:url(../images/charte/bg-contenu.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#header{
	width:980px;
	height:110px;
	background:none;
}
/***************** CONTAINER DU CONTENU *****************/


#contenu {
	position:relative;
	width:980px;
	padding-bottom:75px;
}

/***************** MENU ********************/

#contenu #menu {
	float:left;
	width:191px;
	padding: 85px 0px 0 0px;
  font-family: Arial, Helvetica, sans-serif;
}

#contenu #menu dt {

width:191px;
height: 27px;
font-size: 11px;

}


#contenu #menu dt a

{
background-color: #974D5A;
color: #EEE5BD;
text-decoration: none;
padding: 3px 0px 3px 15px;
display: block;
line-height: 14px;
}

#contenu #menu dt a:hover
{
background:url(../images/charte/menuhover.gif) no-repeat left center;
color: #ffffff;
background-color: #C04A60;
text-decoration: none;
display: block;
padding: 3px 0px 3px 15px;
}

#contenu #menu dt .current
{
background:url(../images/charte/menuhover.gif) no-repeat left center;
color: #EEE5BD;
background-color: #C04A60;
font-weight: bold;
text-decoration: none;
display: block;
padding: 3px 0px 3px 15px;
cursor: default;
}

#contenu #menu ul{
padding:0px 0 10px 0px;
width:191px;
text-align:left;
}
#contenu #menu li {
border-bottom: 1px solid #C04A60;
list-style-type:none;
padding: 5px 0px 5px 15px;

}

#contenu #menu li a{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#ffffff;
text-decoration:none;

}
#contenu #menu li a:hover {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#EEE5BD;

}

#contenu #menu li .current {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
display: block;
 font-weight: bold;
 cursor: default;
}

/***************** CONTENU TEXTUEL *****************/

#contenuTexte{
	padding:0px 0 0 26px;
	width:750px;
	float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
	color:#353535;
  text-align: justify;
}


#contenuTexte h1{
padding:22px 0 20px 0;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 color:#974D5A;
}

#contenuTexte h1 a{
padding:22px 0 20px 0;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 text-decoration: none;
 color:#BFA73F;
}

#contenuTexte h1 a:hover{
padding:22px 0 20px 0;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 text-decoration: none;
 color:#770E0E;
}

#contenuTexte h2{
 font-family:Verdana,Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-transform: uppercase;
 color:#333333;
 margin-top: 25px;
 background-image: url(../images/charte/bullet.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 23px;
}

#contenuTexte h3{
padding:22px 0 0px 0;
 font-family:Verdana,Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 line-height: 21px;
 color:#BFA73F;
 text-align: center;
}

#contenuTexte h3 strong{
 font-size: 17px;
 letter-spacing: 0.06em;

}

.bolder{
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color:#B3524B;
}

.bull1{
background-image: url(../images/charte/bullet1.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 12px;
margin-left: 10px;
}

.bull2{
background-image: url(../images/charte/bullet2.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 12px;
margin-left: 10px;
}

.agence{
background-image: url(../images/charte/agence.jpg);
background-repeat: no-repeat;
background-position: top left;
float: left;
width: 250px;
height: 350px;
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-align: center;
}

 .agence span{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color:#770E0E;
 }


 .agence2{
background-image: url(../images/charte/agence2.jpg);
background-repeat: no-repeat;
background-position: top left;
float: left;
width: 270px;
height: 230px;
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-align: center;
}


a{
	color: #770E0E;
	text-decoration:underline;
}
a:hover{
	color: #770E0E;
	text-decoration:none;
}
#contenuTexte p.couleur, .couleur{
	font-weight:normal;
	color:#353535;
}

/***************** CONTENU DIVERS *****************/

.diapo {
float:left;
padding-left:30px;
padding-top:10px;
}

.txt {
float:left;
width:740px;
padding:0px 0px 0 30px;
}


.vignette {
float:left;
padding:25px 0px 0 30px;}


.details {
float:left;
padding:15px 0px 0 30px;
}

.separateur {
float:right;
width:723px;
border-bottom:1px solid #A49989;
padding:0px 0px 20px 30px;}



.txtvignette {
float:left;
width:460px;
padding:0px 0px 0 30px;
}

.prix {
float:right;
width:435px;
height:24px;
font:bold 1.7em Arial, Helvetica, sans-serif;
color:#861A17;
line-height:24px;
background-color:#E9E7E3;
padding:0px 0px 0 30px;
}


/***************** DIVERS *****************/
#recherche{
	float:left;
	width:180px;
	background-position:top;


}

#separateur{
	clear:both;
}

.style-champ{
float:left;
	padding-left:25px;
	margin-top:4px;
	background:none;
	border:none;
	color:#999999;
	width:129px;
}



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

/***************** FOOTER *****************/

#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -75px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:100%;
	height:75px;
	font:bold 1em arial;
	color: #7C7C7C;
	clear:both;
	background-image:url(../images/charte/footer.gif);
	background-repeat:repeat-x;
}

#footer a {
	font-family:arial;
	text-decoration:none;
	color: #7C7C7C;
}

#footer a:hover {
text-decoration:underline;
}

#footer a.sousrubz{
	color: #7C7C7C;
	font-weight:normal;
}
.invisible{
display: none;

}

a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}
 .inputForm{
border:1px solid #CDC292;
background-color: #FFFFFF;
width:180px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
padding-left: 3px;
}
.inputFormOver{
border:1px solid #CDC292;
background-color: #F5F4F4;
width:180px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 11px;
color:#000000;
padding-left: 3px;
}
.button{
border:1px solid #A59B6F;
background-color: #CDC292;
width:65px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#974D5A;
padding: 2px;
}
.buttonOver{
border:1px solid #A59B6F;
background-color: #A59B6F;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
cursor:pointer;
color:#974D5A;
padding: 2px;
}

.frmContact2{ /* dedicated ID for "contact form"*/

	text-align:center;
 	font-size:12px;
  width: 600px;
  background-color: #D6C285;
  border:1px solid #C3AD74;
  background-image: url(../images/charte/back2.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;



}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
 	font-size:12px;
  width: 600px;
  background-color: #EEE5BD;
  border: 1px solid #CDC292;



}



.frmContact .Label, .frmContact label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
white-space: nowrap;
color: #974D5A;

}



.frmContact2 .Label, .frmContact2 label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
white-space: nowrap;
color: #974D5A;

}
.notice{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
 color: #974D5A;
}

.titre{

font-size: 14px;
font-weight: bold;
text-transform: uppercase;
float: left;
color: #974D5A;

 }

.prix2{
padding: 3px 0px 3px 0px;
text-align: right;
font-size: 14px;
font-weight: bold;
width: 520px;
float: right;
color: #770E0E;
background-color: #E9E7E3;

 }



 .plus{

text-align: center;
float: left;
color: #ffffff;
background-color: #974D5A;


font-size: 11px;
text-decoration: none;
padding: 3px 20px 3px 20px;
}

 .plus:hover{

 color: #EEE5BD;
text-decoration: none;
}