/* 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---*/
	scrollbar-base-color: #b2a496;
	background-color:#b2a496;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;



}
.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:justify;
line-height:18px;
padding-left:8px;
}
.titles{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FEF7E7;
}

b{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#A68C68;

}
#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:url(../images/charte/bg-hauteur.gif) repeat-y;
}

#container2{
	position: relative;/*---obligatoire pour le footer---*/
	width:980px;
	margin:0;
	background:url(../images/charte/bg-interface.jpg) no-repeat;
}



#contenu{
	margin:0px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#66523e;
	float:left;
	padding-right:6px;
		width:385px;
    padding-bottom: 10px;
}

#contenu2{
	margin:0px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#66523e;
	float:left;
	padding-right:6px;
    padding-bottom: 10px;
	width:795px;
}


dl, dt, dd, ul, li {
list-style-type: none;
}

#menu {
	margin:0;
	padding:0;
	width:178px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5a4b3d;
}


#menu dt {
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	margin:0;
	display:block;
	padding:0;
	background:url(../images/charte/bouton.gif) no-repeat;
}

#menu dt a {
	display:block;
	color: #5a4b3d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: 100%;
	padding-left:10px;
}
#menu dt a:hover {
	display:block;
	background:url(../images/charte/bouton-hover.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f5ebd4;
	text-decoration: none;
	height:100%;
	padding-left:10px;
}

#menu dt.bouton2{
	background:url(../images/charte/bouton2.gif) no-repeat;
	height:40px;
	line-height:normal;
	padding-top:8px;
}


#menu dt.bouton2 a {
	display:block;
	color: #5a4b3d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: 100%;
	padding-left:10px;
}
#menu dt.bouton2 a:hover {
	display:block;
	background:url(../images/charte/bouton2-hover.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f5ebd4;
	text-decoration: none;
	height:100%;
	padding-left:10px;
}


#menu dd {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;	
}

#menu li {
	text-align:left;
	margin:0;
	height:20px;
	list-style-type:none;
	float:left;
	display:block;
	width:150px;
	padding-left:20px;
}
#menu li a {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}
#menu li a:hover {
	color:#000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



#header{
	width:802px;
	height:28px;
	background-color:#D40000;
	background:url(../images/charte/bg-header.gif) no-repeat;
	float:left;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding:22px 0px 0px 0px;
}

#header a {
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFF;
	padding-right:2px;
	padding-left:27px;
}
#header a:hover {
	text-decoration:underline;
	padding-right:2px;
	padding-left:27px;

}

 a {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 text-decoration:none;
 color:#5A4B3D;
 }
 a:hover {
  font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 text-decoration:none;
 color:#000000;
 }
  .pag{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 text-decoration:none;
 color:#B10C28;

 }
 


/***************** CONTAINER DU CONTENU *****************/



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




#blocFlash{
	margin:0;
	width:410px;
	float:left;
}



/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin:0px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:980px;
	height:78px;
	text-align:center;
}

#footer-menu {
	width:980px;
	height:24px;
	background:url(../images/charte/bg-footer-menu.gif) repeat-x;
	color: #fef7e6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top:8px;
}


#footer-menu a {
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fef7e6;
	padding:0px 20px 0px 20px;
}
#footer-menu a:hover {
text-decoration:underline;
	padding:0px 20px 0px 20px;
}

#footer-adresse {
	width:980px;
	height:46px;
}
 /*Start contact form */
 .inputForm{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;

	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	width: 100px;
	border: 1px solid #9A8979;
}
.inputFormOver{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #F2F6F6;
	width: 100px;
	border: 1px solid #9A8979;
}

.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	border: 1px solid #ffffff;
	background-color: #9A8979;
	}
.buttonOver{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	background-color: #D1C4A8;
	border: 1px solid #ffffff;
	color: #fff;
}


.frmContact{ /* dedicated ID for "contact form"*/
width:340px;
background-color:#ECDEC0;
border:1px solid #9A8979;


}

.frmContact .Label, .frmContact label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #041315;
  font-weight:normal;
  text-align:left;

}
.notice{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #041315;
font-weight:normal;
text-align:center;
  }
 /*end contact form */
  .cyc{
 display:none;
 }
 
#film {
	margin:10px 5px 10px 5px;
	float:left;
	width:300px;
	height:230px;
}

#film p {
	text-align:center;
	font-variant:small-caps;
}

#film img {
	margin:5px 0 0 5px;
	border:none;
}

#film img:hover {
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}