/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

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

body{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#767676;
text-align:center;
background-color:#FFFFFF;
}

a:link,
a:visited{
text-decoration:none;
color:#767676;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#767676;
outline:none;
}

h1{display:none;}
h2,h3,h4,h5{font-size:100%;}

.small{font-size:10px;}
ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.both{clear:both;}
.center{text-align:center;}

input.champ{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #c5c6c8;
color:#767676;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

select{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #808080;
color:#767676;
padding:1px;
}



/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#centrage{
width:1000px;
margin:0px auto 15px auto;
text-align:left;
font-size:70%;
text-align:left;
display:table;
background-color:#FFFFFF;
}

	/*--------------- contenu----------------*/	
	div#centrage div#header{
	width:1000px;
	height:126px;
	background:url(../pics/fond_header.gif) 0 0 no-repeat;
	}
	
		div#centrage div#header img.logo{
		position:absolute;
		margin:20px 0 0 8px;
		}
		
		div#centrage div#header div#recherche{
		position:absolute;
		margin:0 0 0 734px;
		width:246px;
		height:22px;
		color:#c5c6c8;
		padding:4px 0 0 7px;
		}
			div#centrage div#header div#recherche input.champ{
			width:130px;
			border-color:#c5c6c8;
			vertical-align:middle;
			height:13px;
			padding:0;
			}
			div#centrage div#header div#recherche img{
			
			vertical-align:bottom;
			}
		
		div#centrage div#header ul#menu{
		position:absolute;
		margin:98px 0 0 39px;
		width:922px;
		height:28px;
		}
			div#centrage div#header ul#menu li{
			display:inline;
			float:left;
			}
	
	/*--------------- contenu----------------*/	
	div#centrage div#bandeau{
	width:922px;
	padding:0 39px;
	height:230px;
	background-color:#FFFFFF;
	background:url(../pics/fond_bandeau_index.gif) 39px 0 no-repeat;
	}
	
		div#centrage div#bandeau div.photos{
		position:absolute;
		margin:98px 0 0 517px;
		}
		div#centrage div#bandeau div.photo{
		display:inline;
		float:left;
		margin:0;
		}
		div#centrage div#bandeau div.diapo{
		position:absolute;
		margin:0 0 0 0;
		}
	
	
	/*--------------- contenu----------------*/	
	div#centrage div#contenu{
	clear:both;
	width:922px;
	padding:5px 39px 0 39px;	
	/*height:247px;*/
	background-image:url(../pics/fond_index.gif);	
	}
		div#centrage div#bloc{
		display:table;
		width:100%;
		}

		div#centrage div#contenu div#datas{
		float:left;
		display:inline;
		/*width:570px;*/
		width:680px;
		/*height:203px;*/
		text-align:justify;
		padding:0 0 0 0;
		margin-right:12px;
		}
			div#centrage div#contenu div#datas h3{			
			line-height:20px;
			margin-bottom:15px;	
			height:25px;
			}
			
			div#centrage div#contenu div#datas p{
			line-height:20px;			
			/*clear:both;*/
			}
			div#centrage div#contenu div#datas div.sep{
			display:block;
			clear:both;
			height:15px;
			}			
					
		
		div#centrage div#contenu div#acces{
		float:right;
		display:inline;
		width:182px;
		height:177px;
		padding:26px 0 0 0;
		text-align:center;
		margin-right:30px;
		}
			div#centrage div#contenu div#acces .carte{
			border:2px solid #e8e8e8;
			margin-top:5px;
			}
			
			
		div#centrage div#contenu div#actus{
		float:right;
		width:150px;
		display:inline;
		height:177px;
		padding:26px 0 0 0;
		text-align:center;
		margin-right:45px;
		}
						
			div#centrage div#contenu div#actus .actu{
			border:2px solid #e8e8e8;
			margin-top:5px;
			width:136px;
			height:150px;
			padding:3px 5px;
			}
		
				
				div#centrage div#contenu div#actus .actu p{
				text-align:justify;
				font-size:10px;
				line-height:16px;
				clear:both;
				}

				div#centrage div#contenu div#actus .actu p.colo{
				color:#94b465;
				font-size:11px;
				line-height:16px;
				}
				div#centrage div#contenu div#actus p.colo.color1{color:#94b465;}
				div#centrage div#contenu div#actus p.colo.color2{color:#8e499a;}
				div#centrage div#contenu div#actus p.colo.color3{color:#0195c5;}
				div#centrage div#contenu div#actus p.colo.color4{color:#98b968;}
				div#centrage div#contenu div#actus p.colo.color5{color:#efab00;}
				
					/*div#centrage div#contenu div#actus .actu img.visuel{
					float:right;
					margin:0 0 0 4px;
					}*/
					
					div#centrage div#contenu div#bloc div#datas img.visuel.gauche{
					float:left;
					clear:both;
					margin:5px 6px 0px 0;
					border:4px solid #f0f1f1;
					}
					div#centrage div#contenu div#bloc div#datas img.visuel.droite{
					float:right;
					clear:both;
					margin:5px 0px 0px 6px;
					border:4px solid #f0f1f1;
					}
					
				div#centrage div#contenu div#actus .actu a.plus{
				width:136px;
				clear:both;
				display:block;
				text-align:right;
				font-size:10px;
				color:#94b465;
				margin-bottom:3px;
				}
				div#centrage div#contenu div#actus a.plus.color1{color:#94b465;}
				div#centrage div#contenu div#actus a.plus.color2{color:#8e499a;}
				div#centrage div#contenu div#actus a.plus.color3{color:#0195c5;}
				div#centrage div#contenu div#actus a.plus.color4{color:#98b968;}
				div#centrage div#contenu div#actus a.plus.color5{color:#efab00;}
				
				div#centrage div#contenu div#actus .actu a.plus2{
				width:136px;
				clear:both;
				display:block;
				text-align:center;
				padding:3px 0 0 0;
				font-weight:bold;
				border-top:1px solid #e8e8e8;
				}
		
		div#centrage div#contenu div#annexes{
		clear:both;
		width:570px;
		height:36px;
		padding:8px 0 0 0;
		}
			div#centrage div#contenu div#annexes img{
			margin-right:4px;
			vertical-align:baseline;
			}
		
			
		
	/*--------------- footer----------------*/
	div#centrage div#footer{
	color:#808080;
	height:14px;
	width:980px;
	padding:5px 10px;
	clear:both;
	background-color:#eaeaea;
	}
	
		div#centrage div#footer ul li{display:inline;}
			div#centrage div#footer ul li a{color:#808080;}
			div#centrage div#footer ul li img{vertical-align:middle;}