@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding:0px;
}
img {
	border:none;
}

a{
		color: #000000;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
}

a:hover{
		color: #000000;
		font-weight:normal;
		text-decoration: underline;
}
a:visited {
		color: #000000;
		font-weight:normal;
		text-decoration:none;
		}

body {
	background: url(../images/fond2.jpg) repeat-x;
	background-color: #113488;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003399;
	font-size:11px;
}

button {
	margin: 0px;
	border: 0px;
	background-color: transparent;
}

/********************/
/*Structure du site */
/********************/

#website {
	width:993px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}
	/********************/
	/*Fil-ariane*/
	/********************/
	#ariane {
		height: 18px;
		color:#FFFFFF;
		background: url(../images/fond-filariane2.jpg) no-repeat;
		text-align:left;
	}
	
	#ariane a {
		font-size: 10px;
		color:#FFFFFF;
		padding-left:5px;
		text-decoration:none;
		}
	#ariane a:hover {
		font-size: 10px;
		color:#FFFFFF;
		padding-left:5px;
		text-decoration:none;
		}
	/********************/
	/*colonne de gauche*/
	/********************/
	#col_gauche {
	width:243px;
	background-color:#FFFFFF;
	float:left;
	}
	
	#col_gauche h1 {
	width:181px;
	height:21px;
	background :url(../images/images/fond-rubrique.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 0px 20px;
	padding-top:8px;
	}
		/********************/
		/*menu-vertical*/
		/********************/
		
		#menu{
			width:181px;
			background: url(../images/images/fond-blocmenu.jpg);
			background-repeat: repeat-y;
			margin:0px 0px 5px 20px;
		}
	
		#menu a {
			color: #003399;
			font-weight:bold;
			text-decoration:none;
		}
	
		#menu a:hover {
			color: #ff0000;
			font-weight:bold;
			text-decoration:none;
		}
		/***********************************************/
		/*bloc-partenaire/infos juridiques et pratiques*/
		/**********************************************/
		.bloc_vert{
		text-align:center;
		width:181px;
		min-height:50px;
		background: url(../images/images/fond-blocvert.jpg) repeat-y;
		margin:0px 0px 5px 20px;
		padding-top: 5px;
		}

		.bloc_vert a {
		color: #003399;
		font-weight:bold;
		text-decoration:none;
		}
		.bloc_vert a:hover {
		color: #006600;
		font-weight:bold;
		text-decoration:none;
		}
	/********************/
	/*centre site*/
	/********************/
	#main {
	width: 539px;
	background:url(../images/fond_main.jpg) repeat-y;
	float:left;
	}

		/********************/
		/*contenu-page dynamique*/
		/********************/
		#content {
		width: 505px;
		margin: 5px 14px 0px 20px;
		text-align:left;
		}
		
		#content h1 {
		font-size: 13px;
		font-weight:bold;
		color: #003399;
		margin:0px;
		padding:0px;	
		}
		/************************/
		/*Actu/services/contact*/
		/***********************/
		
		#actu {
		width:230px;
		background-image: url(../images/fond-blocgris.jpg);
		background-repeat:repeat-y;
		float:left;
		padding:5px 10px 5px 10px;
		margin:5px 10px 0px 0px;

		}

		#contact {
		width:230px;
		background-image: url(../images/fond-blocgris.jpg);
		background-repeat:repeat-y;
		float:right;
		margin:5px 0px 0px 0px;
		padding:5px 10px 5px 5px;
		}
		
		#bas{
				clear:left;
				background-image:url(../images/images/bas-centre.jpg);
				background-repeat:no-repeat;
				width:539px;
				height:14px;
		}
		
	/********************/
	/*colonne de droite*/
	/********************/
	#col_droite {
	width:211px;
	background-color:#FFF;
	float:right;
	}
	
	#col_droite h1 {
	width:179px;
	height:21px;
	background :url(../images/images/fond-rubrique.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 0px 20px;
	padding-top:8px;
	}

		/********************/
		/*menu-horizontal*/
		/********************/
		#menu_horizontal {
		height:172px;
		background: url(../images/fond_menuhorizontal.jpg) no-repeat;
		}
		
		#menu_horizontal ul {
		padding-top:60px;
		padding-left:10px;
		}
		#menu_horizontal ul li {
		display:inline;
		list-style: none;
		}
		#menu_horizontal ul li a{
		font-size:11px;
		color: #039;
		font-weight:bold;
		}
		#menu_horizontal ul li a:hover{
		font-size:11px;
		color: #F00;
		font-weight:bold;
		}
/********************/
/*footer*/
/********************/	
#footer{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#ffffff;
		width:993px;
		height:25px;
		text-align:center;
		margin: 0px auto 0px auto;
		}
		
#footer a{
		font-size:9px;
		color: #FFFFFF;
		font-weight:normal;
		text-decoration:none;
}

#footer a:hover{
		font-size:9px;
		color: #FFFFFF;
		font-weight:normal;
		text-decoration:underline;
}
		
	/******************/
	/*Mise en page*/
	/*****************/
	
h1 {
	font-size: 13px;
	font-weight: bold;
	color: #003399;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

	h2 {
		font-size: 11px;
		color:#ff0000;
		margin-bottom: 0px;
		padding-bottom: 0px;
		display: inline;
	}

	h3 {
		font-size: 11px;
		color: #000000;
		margin-bottom: 0px;
		padding-bottom: 0px;
		display: inline;
	}
	h4 {
		font-size: 10px;
		color:#036;
		text-align:center;
		}
		
	.rouge {
		font-size:13px;
		color:#ff0000;
		font-weight:bold;
		}
		
	.clear {
		clear:both;
	}
	
	.separateur {
		height:2px;
		width:500px;
		margin-left:auto;
		margin-right:auto;
		background-color:#B7DCF9;
		}
	
	input {
		background-color: #FFF;
		border: solid 1px #999999 ;
		height:15px;
		font-size:10px;
		margin-left: 5px;
		}
			
	select {
		background-color: #FFF;
		border: none;
		height:20px;
		font-size:10px;
		margin-left: 5px;
		}