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

* {
margin:0px;
padding:0px;
}

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

img {
border:none;
}

.clear {
clear:both;
}

a {
color:#F60;
font-weight:bold;
text-decoration:none;
}

a:hover {
color: #069;
font-weight:bold;
text-decoration:none;
}

a:visited {
color: #069;
font-weight:bold;
text-decoration:none;
}

.orange{
color:#FF6600;
font-size:9px;
font-weight:bold;
}

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

#website {
	width:993px;
	margin-left:auto;
	margin-right:auto;
}
	/********************/
	/*bandeau du site*/
	/********************/
	#header {
		height: 993px;
		height: 153px;
		text-align: left;
	}
	
		#anim {
		width:411px;
		float:left;
		}
		
		#espace_client {
		width:325px;
		height:153px;
		float:right;
		background:url(../images/fond-espaceclient.jpg) no-repeat;
		}
		
		#espace_client form {
		width:225px;
		float:right;
		padding-right: 5px;
		text-align:center;
		font-size:10px;
		
		}
		#signature {
		font-size:22px;
		color: #069;
		font-weight: bold;
		padding-top:60px;
		text-align:center;
		}

	/********************/
	/*menu*/
	/********************/
	#menu {
		position:relative;
		width: 985px;
		height:86px;
		float:left;	
		padding:5px 0px 0px 8px;
		background: url(../images/menu.jpg);
		background-repeat:no-repeat;
	}
	#menu ul li {
	display:inline;
	float:left;
	list-style:none;
	width:164px;
	}
	
	#ongletmenu1 {
	}
	#ongletmenu2 {
	}
	#ongletmenu3 {
	}
	#ongletmenu4 {
	}
	#ongletmenu5 {
	}
	#ongletmenu6 {
	}
	
	#menu ul li a {
	display:block;
	width:164px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color: #000033;
	text-decoration:none;
	}
	
	#menu ul li a:hover {
	display:block;
	width:164px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
	}
	
	#menu ul li a:visited {
	display:block;
	width:164px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color: #000033;
	text-decoration:none;
	}
		#menu-orange {
		position: absolute;
		z-index:50;
		width:133px;
		height: 80px;
		top:34px;
		left:37px;
		background-color:#f8cd45;
		padding:5px 0px 0px 2px;
		}
	
			#menu-orange a {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
		
			#menu-orange a:hover {
			color:#fff;
			font-size:10px;
			text-decoration:none;
			}
			
			#menu-orange a:visited {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
			
		#menu-vert {
		position: absolute;
		z-index:50;
		width:161px;
		height: 80px;
		top:34px;
		left:172px;
		background-color:#b9da70;
		padding:5px 0px 0px 2px;
		}
		
			#menu-vert a {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
		
			#menu-vert a:hover {
			color:#fff;
			font-size:10px;
			text-decoration:none;
			}
			
		#menu-bleu {
		position: absolute;
		z-index:50;
		width:170px;
		height: 80px;
		top:34px;
		left:335px;
		background-color:#cef2fa;
		padding:5px 0px 0px 2px;
		}
			#menu-bleu a {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
			#menu-bleu a:hover {
			color:#fff;
			font-size:10px;
			text-decoration:none;
			}
			
		#menu-bleuroi {
		position: absolute;
		z-index:50;
		width:160px;
		height: 80px;
		top:34px;
		left:507px;
		background-color:#5bb0c8;
		padding:5px 0px 0px 2px;
		}
		
			#menu-bleuroi a {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
			#menu-bleuroi a:hover {
			color:#fff;
			font-size:10px;
			text-decoration:none;
			}
			
		#menu-fushia {
		position: absolute;
		z-index:50;
		width:160px;
		height: 80px;
		top:34px;
		left:669px;
		background-color:#c467c2;
		padding:5px 0px 0px 2px;
		}
			#menu-fushia a {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
		
			#menu-fushia a:hover {
			color:#fff;
			font-size:10px;
			text-decoration:none;
			}
			
		#menu-gris {
		position: absolute;
		z-index:50;
		width:152px;
		height: 80px;
		top:34px;
		left:831px;
		background-color:#b0b0b0;
		padding:5px 0px 0px 2px;
		}
		
			#menu-gris a {
			color:#336;
			font-size:10px;
			text-decoration:none;
			}
		
			#menu-gris a:hover {
			color:#fff;
			font-size:10px;
			text-decoration:none;
			}
		
	/**********************/
	/* fil-ariane*/
	/**********************/
	#ariane-home {
	width:943px;
	height:15px;
	float:left;
	text-align:left;
	padding : 5px 0px 0px 10px;
	background:url(../images/fond-ariane.jpg) repeat-y;
	padding-left:40px;
	}
	
	#ariane-home a {
	font-size: 10px;
	color:#666666;
	text-decoration:none;

	}
	
	#ariane-home a:hover {
	font-size: 10px;
	color:#666666;
	text-decoration:none;
	}
	
	#ariane {
	width:943px;
	height:15px;
	float:left;
	text-align:left;
	padding : 5px 0px 0px 10px;
	background:url(../images/fond-ariane2.jpg) repeat-y;
	padding-left:40px;
	}
	
	#ariane a {
	font-size: 10px;
	color:#666666;
	text-decoration:none;

	}
	
	#ariane a:hover {
	font-size: 10px;
	color:#666666;
	text-decoration:none;
	}

	
		/********************/
		/*centre site*/
		/********************/
		#main {
			width: 983px;
			background: url(../images/centre_site.jpg) repeat-y;
			padding-right:10px;
			}
			
		#main_home {
			width: 993px;
			background: url(../images/centre_site.jpg) repeat-y;
			}
			
		#main_home a{
		color:#F60;
		font-weight:bold;
		text-decoration:none;
		}
		
		#main_home a:hover{
		color: #069;
		font-weight:bold;
		text-decoration:none;
		}

		#main_home a:visited{
		color: #F60;
		font-weight:bold;
		text-decoration:none;
		}
		/*colonne-gauche*/
			
		#col_left {
		width: 217px;
		background:url(../images/col-gauche.jpg) repeat-y;
		padding-left:40px;
		float:left;
		}

	/********************/
	/*centre*/
	/********************/		
			
		#content_home {
		width: 533px;
		float:left;
		margin-left:10px;
		}
		
		
		#content {
		width: 716px;
		margin-left:10px;
		float:right;
		}
		.fiche {
		width:680px;
		padding-left:10px;
		padding-right:10px;
		background:url(../images/fiche_02.jpg);
		background-repeat:repeat-y;
		font-size:12px;
		color:#006699;
		}
	/********************/
	/*col-droite*/
	/********************/
		#col_right {
		width:183px;
		background: url(../images/col-droite.jpg) repeat-y;
		float:left;
		padding-right:10px;
		text-align:right;
		}
		
			#col_right a {
			color:#333333;
			}
			#col_right a:hover {
			color:#333333;
			}
			#col_right a:visited {
			color:#333;
			}
		
		/********************/
		/*les plus */
		/********************/
		#info_plus {
		width:135px;
		height:181px;
		background:url(../images/plus-web.jpg) no-repeat;
		text-align:left;
		padding :20px 0px 0px 45px;
		}
		
		#info_plus a {
		font-size:10px;
		color:#F60;
		}
		
		#info_plus a:hover {
		font-size:10px;
		color:#069;
		}
		#info_plus a:visited {
		font-size:10px;
		color:#069;
		}
		
	/********************/
	/*footer*/
	/********************/
	#footer {
	text-align:center;
	font-size:10px;
	color:#006699;
	background-color:#CCE7F2;
	}
	
	#footer a {
	font-size:10px;
	color:#069;
	text-decoration:none;
	font-weight:normal;
	}
	#footer a:hover {
	font-size:10px;
	color:#069;
	font-weight:bold;
	text-decoration:none
	font-weight:normal;
	}

	/********************/
	/*Mise en page*/
	/********************/
			h1 {
				font-size: 16px;
				color: #069;
			}
			h2 {
				font-size: 13px;
				color: #069;
				margin-left: 3px;
			}
			
			h3 {
				font-size: 12px;
				color: #F60;
			}
			h4 {
				font-size: 11px;
				color:#F60;
				font-weight:bold;
			}
			h5 {
				font-size: 12px;
				color:#F60;
				font-weight:bold;
			}
			
			input {
				background-color: #FFF;
				color:#369;
				border: solid 1px #369 ;
				height:15px;
				font-size:12px;
				margin-left: 5px;
			}
			
			select {
				background-color: #FFF;
				color:#369;
				border: solid 1px #369;
				height:20px;
				font-size:12px;
				margin-left: 5px;
				}
				
		.border_left {
		border-right: 2px dotted #666666;
		}
				
		#titre_bloc {
		font-size:14px;
		width:676px;
		font-weight: bold;
		color: #369;
		background: url(../images/fond-coeur.jpg);
		background-repeat:repeat-x;
		padding-left:10px;
		margin-left:10px;
		text-align:left;
		height: 38px;
		}
		
		#pagination {
		width:666px;
		color: #369;
		font-size:11px;
		text-align:left;
		padding: 6px 10px 6px 10px;
		margin: 0px 0px 0px 10px;
		border:#369 solid thin;
		}
		
		#pagination a {
		color:#DB0131;
		font-weight:bold;
		text-decoration:none;
		}
		
		#pagination a:hover {
		color:#DB0131;
		}
		
		#pagination a:visited {
		color:#DB0131;
		}