/*éléments globaux*/
*{
	margin: 0px;
	padding: 0px;
	}

body{
	background: #333;
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	color: #565f56;
}
.float_gauche{
	float: left;
}

img {
	border: 0px;
}
.clear{
	clear:both;
	height: 1px;
	width: 100%;
}
#centrage{
	width: 1000px;
	background: #FFFAE1;
	border: solid 1px #5B1E26;
	margin: 0 auto;	
}	

/*mise en page*/
#footer{
	width: 1000px;
	text-align: center;	
	padding: 5px 0;
	background: #5b1e26;
	color: white;
	
}
#footer a{
color: white;	
}

#header{
	height:359px;
	width: 1000px;
}
#logo{
	width: 265px;
	height: 108px;
	float: left;
	margin: 21px 0 5px 20px;
} 
#header_right{
	float: right;
	text-align: right;
	margin: 26px 20px 0 0 ;
}
#adresse_haute{
	color: #5B1E26;
	font-weight: bold;
	font-size: 11pt;
	padding: 52px 0 0 0;
}
#recherche {
	width: 170px;
	height: 18px;
	margin: 0 10px
}
#bandeau_visuel{
	clear: both;
	height:192px;
	background: url("../img/bandeau.jpg") no-repeat left 5px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 4px solid #5B1E26;
}
#content_left{
	float: left;
	width:241px;
	background: url("../img/bg_nav_left.gif") repeat-x left top;
}

#content_right{
	float: left;
	width:759px;
	background: #FFF url("../img/bg_nav_right.gif") repeat-x left top;
}
#content_seul{
padding: 29px;
border-left: solid 1px #DDD;
}
#contenu-texte{
	width: 460px;
	float: left;
	padding: 30px 0 30px 30px;
	border-left: solid 1px #DDD;
	border-right: dotted 2px #ABB0AB;
	margin: 3px 0 0 0;
}
#col_droite{
	width: 205px;
	float: left;
	padding: 30px 0 0 30px;
}
  	
 #visuel_intro{
 		width: 248px;
 		height: 155px;
 		float: right;
 		padding: 22px 0 0 32px;
 }

/*MENUS*/

/*barre de nav*/
#nav{
	background: #798179;
	padding: 4px 20px;
	height: 17px;
}

#nav ul{
	list-style: none;


}

#nav ul li{
	display: inline;
	padding: 5px 14px;
	margin:0;
	color: #FFF;
	text-align: center;
	text-transform:uppercase;
	border-right: 1px solid #FFF;
	margin: 0 0 0 -3px;
}
#nav ul li.nav_active{
	background: #e8eae8;	
		color: #565f56;
}
#nav ul li a{
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
#nav ul li.nav_active a{
	background: #e8eae8;
	color: #565f56;
}
#nav ul li a:hover{
	color: #5b1e26;
}

/*menu_gauche*/
#content_left ul{
	margin: 8px 0 0 30px;
	list-style: none;
}
#content_left ul li a{
	margin: 0;
	font-size: 10pt;
	color: #5b1e26;
	font-weight: bold;
	text-decoration: none;
}
#content_left ul li a:hover{
	color: #A82637;
}
#content_left ul li ul{
	margin: 0 0 10px -30px;
	padding: 2px 0 8px 30px;
	border-bottom: 2px dotted  #798179;
	list-style: none;
	text-decoration: none;
}
#content_left ul li ul li a{
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 9pt;
	color: #5b1e26;
	font-weight: normal;
	text-decoration: none;
}

#content_left ul li.active
{
	color: #565f56;
	font-weight: bolder;
	background: url('../img/fleche.jpg') no-repeat left center;
	padding: 0 0 0 15px;
}


/*textes*/
.gris_bold{
	color:#798179;
	font-weight: bold;
	font-size: 11pt;
}
.titre_menu_gauche{
	font-size: 11pt;
	color: #5b1e26;
	font-weight: bold;
	text-transform:uppercase;
	padding: 40px 0 7px 30px;
	border-bottom: 5px solid #5b1e26;
}
h1{
font: 24pt/28pt Georgia,"Times New Roman",Serif;
	color: #565F56;
	font-weight:normal;
	margin: 10px 0 ;
}
h2{
	font: 18pt/24pt Georgia,"Times New Roman",Serif;
	color: #565F56;
	font-weight:normal;
	margin: 6px 0 0 0
}
h3{
font: 16pt/20pt Georgia,"Times New Roman",Serif;
	color: #565F56;
	font-weight:normal;
	margin: 10px 0 0 0;
}
.text_intro{ 
	font: 10pt/15pt Georgia,"Times New Roman",Serif;
	color: #5b1e26; 
	padding-right: 30px;
}
.espace_text{
	padding-top: 10px;
}
.bas_intro {
 	text-align: right;
 	padding: 7px 30px 0 0;
 	border-bottom: 2px dotted #ABB0AB;
 }
 	
 .legende_photo{
 		padding-top: 40px;
 		font-size: 8pt;
 		line-height: 10pt;
 		color: #5b1e26;
}
.titre_accueil{
	font-size: 18pt;
	color: #565F56;
}
#content_right a{
 	color: #5b1e26;
 	font-weight: bold;
 	font-family: Arial, Helvetica, sans-serif;
 }
 #content_right a:hover{
 	color: #A82637;
 	} 	
 	
.souligne-pointille_2p{
		padding: 0 0 10px 0;
		background: url("../img/dot.jpg") repeat-x left bottom;
		margin: 0 0 5px 0;
}
.souligne-pointille_1p{
	border-bottom: dotted 1px #ABB0AB;
}
.titre-nouv{
	color: #5b1e26;
	padding: 5px 0 0  0;
}
.lien-nouv {
 	text-align: right;
 	padding: 4px 0 10px 0;
 	border-bottom: 2px dotted #ABB0AB;
}
.texte_agenda{
 	font: 12pt/15pt Georgia,"Times New Roman",Serif;
	color: #5b1e26;
	font-weight:normal;
 }

 	
/*Colonne droite*/	
 	
 #col_droite p{
 	color: #5b1e26;
 	font-size: 10pt;
 	line-height: 13pt;
 	padding: 5px 0 0 0;
 }
 #col_droite p.contact{
 	background: #798179;
 	font-weight: bold;
 	padding: 2px 5px;
 	margin: 0 30px 5px 0;
 }
 #col_droite p.contact a{
 	color: white;
 	font-size: 9pt;
 	text-decoration: none;
 }
 #col_droite p.contact a:hover{
 	color: #5b1e26;}

 	
/*Encadrés*/	 	
.encadre{ 
 	float: left;
 	background: url("../img/bg_encadre_haut.jpg") no-repeat left top;
 	margin:17px 20px 10px -15px;
	padding:7px;
	width:211px;
 }
 .titre_encadre{
 		padding: 2px 0 0 40px;
}
.encadre_centre{
 	background: url("../img/bg_encadre_bas.jpg") no-repeat right bottom;
 	padding:8px 22px 14px 10px;}
 
.encadre_bas{ 
 	width: 216px;
 	height: 11px;
 	background: url("../img/bg_encadre_bas.jpg") no-repeat left top;} 	
 	
.encadre_2_haut{ 
 	float: left;
 	background: url("../img/bg_encadre_2_top.jpg") no-repeat left top;
 	padding: 0;
 	margin: 40px 29px 20px -8px;
}
  .encadre_2_centre{
 	background: url("../img/bg_encadre_2_middle.jpg") repeat-y left top;
 	padding: 0 14px; 
 	width: 184px;
}

 .encadre_2_bas{ 
  width:184px;
  height: 32px;
  background: url("../img/bg_encadre_bottom_gris.jpg") no-repeat left top;
  padding: 5px 14px; 
  text-align: right;
}
 
 #content_right .lien_rubrique a{
  	color: white;

 }
 
	
/*Formulaires*/	
	.formContact {
	margin: 30px 0 0 0;

}

	.formContact td.legende_form {
	width: 123px;
	color: #565F56;
	vertical-align: top;
	padding: 7px 0 0 0;
	margin: 0px;
}	

	.formContact input {
	width:200px;
	height: 18px;
	margin: 5px;
}

	.formContact textarea{
	width:550px;
	height: 60px;
	margin: 5px;
	}
	td.fin_formulaire{
	text-align: right;
	height: 25px;}

/*Boutons*/
.bt {
	background:transparent url(../img/bg_bt.png) no-repeat left 2px;
	width:80px;
	height:26px;
	border-style:none;
	color:#565F56;
	cursor:pointer;
	font-weight:normal;
}

	.formContact input.bt {
	margin: 0 15px;
	width:80px;
	height:26px;
	cursor:pointer;

}

a:hover .bt {
	background-position: left -23px;
	color: #FFF;
}