/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#FFF;
text-align:center;
background-color:#A42725;
}
#centrage {
width:760px;
margin:0 auto;
font-size:75%;
display:table;
text-align:left;
position:relative;
background-image:url(../pics/fd_centrage.jpg);
background-repeat:repeat-y;
padding:0 15px;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
a:link, a:visited{
color:#FFF;
text-decoration:none;
font-weight:bold;
}
a:hover, a:active{
color:#FFF;
text-decoration:underline;
font-weight:bold;
}
.left{
float:left;
}
.right{
float:right;
}
form{
margin:0;
padding:0;
}
ul li{
			list-style:none outside none;
			}

/* En tête --------------------------------------------------------------- */
#header{
height:130px;
background-image:url(../pics/fd_header.jpg);
background-repeat:no-repeat;
}
	#header .logo{
	position:absolute;
	margin:7px 0 0 2px;
	}


/* Contenu ----------------------------------------------------------------- */
#conteneur{
width:760px;
min-height:430px;
display:table;
background-image:url(../pics/fd_contenu.jpg);
background-repeat:no-repeat;
}

	
#zon {
float:right;
width:610px;
height: auto !important;
height: 430px;
min-height: 430px;
}

	/* Navigation ------------------------------------------------------------ */
	#gauche{
	width:150px;
	height: auto !important;
	height: 430px;
	min-height: 430px;
	float:left;
	padding-top:47px;
	display:inline;
	}
	
		#nav{
		width:129px;
		display:table;
		font-size:112%;
		padding:0 5px 0 15px;
		height:260px;
		border-right:solid 1px #CD9B9B;
		}
			#nav ul{
			float:right;
			text-align:right;
			
			}
			#nav ul li{
			list-style:none outside none;
			display:block;
			margin-bottom:10px;
			width:120px;
			height:15px;
			display:table;			
			padding-right:5px;
			}
			#nav ul li a{
			font-weight:bold;
			}
			
			#nav ul.niveau2{
			float:right;
			text-align:right;
			font-size:85%;
			margin:5px 0 0px 0;
			padding:0;
			}
			#nav ul.niveau2 li{
			margin-bottom:3px;
			position:relative;
			margin-right:-5px;
			}
			#nav ul.niveau2 li a.off{
			font-weight:bold;
			color:#D1AD93;
			}
			#nav ul.niveau2 li a.on{
			font-weight:bold;
			color:#FFF;
			
			}
			#nav ul.niveau2 li.on{
			background-image:url(../pics/fd_lien.gif);
			background-position:right;
			background-repeat:no-repeat;
			}
		
		#gauche #recherche{
		float:right;
		width:135px;
		height:74px;
		background-image:url(../pics/fd_rech.gif);
		}
		
			#gauche #recherche h2{
			display:none;
			}
			#gauche #recherche input.champ{
			width:93px;
			background-color:transparent;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:90%;
			position:absolute;
			margin:28px 0 0 21px;
			}
			#gauche #recherche .btok{
			position:absolute;
			margin:30px 0 0 118px;
			}
			#gauche #recherche .rech{
			position:absolute;
			margin:44px 0 0 39px;
			}
			
	/* Contenu au centre ------------------------------------------------------------ */
	
	#contenu{
	float:left;
	width:415px;
	text-align:justify;
	margin-top:-15px;
	height: auto !important;
	height: 430px;
	min-height: 430px;
	}
		
		#contenu p{
		margin-bottom:15px;
		}
		#contenu h2{
		font-size:100%;
		margin:0 0 10px 0;
		}
		#contenu .visu{
		float:left;
		margin:0 10px 10px 0;
		}
		#contenu .bandeau{
		position:relative;
		}
		#contenu .actua{
		width:370px;
		display:table;
		padding:0 20px 0 25px;
		background-image:url(../pics/fd_actua.gif);
		background-position:25px 0;
		background-repeat:repeat-y;
		}
		#contenu .sep{
		clear:both;
		height:10px;
		}
		#contenu .actuaglobale{
			
			padding: 0 15px 0 15px;		
		}
			
		#contenu .actua .actuagauche{
			float:left;
			width:175px;
			padding:0 10px 0 0;
			}
			
			#contenu .actua .actuadroite{
			float:right;
			width:175px;
			padding:0 0 0 10px;
			}
			#contenu .actua ul li{
			list-style-type:square;
			list-style-image:none;
			display:block;
			margin-bottom:5px;
			}
			#contenu .actua ul, #contenu .actua ul.liens{
			margin:15px;
			}
			
			#contenu .actua ul.liens li{
			list-style:none outside none;
			display:block;
			margin-bottom:15px;
			}
			#contenu .actua ul.liens .fleche{
			margin-right:10px;
			}
	
	/* Annexes ------------------------------------------------------------ */
	#annexes{
	height: auto !important;
	height: 430px;
	min-height: 430px;
	float:right;
	width:195px;
	padding-right:0px;
	font-size:95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
		#annexes .carte{
		float:right;
		margin-bottom:25px;
		margin-right:10px;
		}
		#annexes .sans{
		height:210px;
		}
		#annexes .fleche{
		margin-right:3px;
		}
		
		#annexes .blocannexe{
		margin-bottom:15px;
		}
			#annexes .blocannexe .cont_annexes{
			position:relative;
			width:145px;
			margin:-150px 5px 0 20px;
			font-size:85%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:center;
			display:table;
			}
				#annexes .blocannexe .cont_annexes ul,#annexes .blocannexe .cont_annexes p{
				text-align:left;
				margin:5px 0;
				}
				#annexes .blocannexe .cont_annexes ul li{
				list-style:none outside none;
				display:block;
				margin-bottom:10px;
				}
				#annexes .blocannexe .cont_annexes ul li a{
				font-weight:normal;
				}
				
/* Pied de Page --------------------------------------------------------------- */
#footer{
height:40px;
background-image:url(../pics/fd_footer.gif);
padding-right:40px;
}

	#footer .fleche{
	margin-right:3px;
	}
	
	#footer ul{
	font-weight:bold;
	float:right;
	margin:15px 0 0 0;
	}
	
		#footer ul li{
		list-style:none outside none;
		display:inline;
		color:#E9431C;
		}
		#footer ul li a{
		color:#E9431C;
		margin:0 3px;
		}
		#footer ul li a.version{
		color:#FFF;
		margin-right:5px;
		}