/* -----------------------------------------------------------
						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 #767676;
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 #c5c6c8;
color:#808080;
padding:1px;
}



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

div#centrage{
width:960px;
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:960px;
	height:86px;
	border-bottom:1px solid #c3c3c5;
	}
	
		div#centrage div#header img.logo{
		position:absolute;
		margin:25px 0 0 29px;
		}
		
		div#centrage div#header div#recherche{
		position:absolute;
		margin:0 0 0 655px;
		width:305px;
		height:22px;
		color:#868686;
		padding:10px 0 0 0;
		text-align:right;
		}
			div#centrage div#header div#recherche input.champ{
			width:85px;
			border-color:#c5c6c8;
			color:#868686;
			vertical-align:middle;
			height:13px;
			padding:0 2px;
			margin-right:5px;
			}
			div#centrage div#header div#recherche input.bt{
			vertical-align:middle;
			}
			div#centrage div#header div#recherche img{			
			vertical-align:bottom;
			margin-right:4px;
			}
			
	/*--------------- bandeau----------------*/	
	div#centrage div#bandeau{
	width:960px;
	padding:7px 0;
	height:180px;
	border-bottom:1px solid #c3c3c5;
	text-align:center;
	}
		
	
	/*--------------- menu----------------*/	
	div#centrage div#menu{
	width:952px;
	height:20px;
	padding:5px 4px 0 4px;
	border-bottom:1px solid #c3c3c5;
	background:url(../pics/fond_menu.gif) 0 0 repeat-x;
	}	
	
	/*--------------- contenu----------------*/	
	div#centrage div#contenu{
	clear:both;
	width:960px;
	height:auto !important;	
	height:200px;
	min-height:200px;
	background-color:#FFFFFF;
	background:url(../pics/fond_contenu_index.gif) 0 0 repeat-x;	
	}
		
		div#centrage div#contenu div#actus{
		float:left;
		width:263px;
		height:330px;
		padding:20px 19px 22px 16px;
		background:url(../pics/fond_actus.gif) 6px 12px no-repeat;
		}
			div#centrage div#contenu div#actus h2{
			margin-bottom:12px;
			}
			div#centrage div#contenu div#actus div.scroll{
			width:252px;
			height:283px;
			overflow:auto;
			padding:0 5px 0 6px;
			text-align:justify;
			margin-bottom:12px;
      		
			
			/* scroll bar */
			scrollbar-face-color:#e4e4e4; 
			scrollbar-darkshadow-color:#e4e4e4;
			scrollbar-shadow-color:#FFFFFF;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-3dlight-color:#e4e4e4;
			scrollbar-track-color:#f9f9f9; /* fond */
			scrollbar-arrow-color:#FFFFFF;
			}
			
				div#centrage div#contenu div#actus div.scroll h3{
				font-size:11px;
				color:#555555;
				font-weight:normal;
				line-height:12px;
				}
				div#centrage div#contenu div#actus div.scroll form{
    				padding:0 5px 0 6px;
				}
				div#centrage div#contenu div#actus div.scroll p{
				font-size:10px;
				line-height:12px;
				margin-bottom:5px;
				}
				div#centrage div#contenu div#actus div.scroll div.actusuite{
				  margin-bottom:15px;
				}
				div#centrage div#contenu div#actus div.scroll div.actusuite a:link, a:hover, a:visited, a:active{
				  color:#aa1c1c;
				}
				div#centrage div#contenu div#actus div.scroll div.actusuite a:hover{
				  text-decoration:underline;
				}
		
			
			div#centrage div#contenu div#actus select{
      			vertical-align:middle;
      			width:150px;
      			padding:0;
      			font-size:10px;	
      			float:right;				
			}
			
			div#centrage div#contenu div#actus img.acces{
			vertical-align:middle;
			float:left;			
			margin-right:7px;
			margin-top:3px;
			}
			
				
				
	
		div#centrage div#contenu div#datas{
		float:left;
		width:607px;
		padding:8px 19px 0 36px;
		}
		
			div#centrage div#contenu div#datas div.bloc{
			width:260px;
			height:147px;	
			line-height:17px;
			text-align:justify;		
			}
				div#centrage div#contenu div#datas div.bloc h2{
				margin-bottom:5px;
				height:17px;
				}
				
				
				div#centrage div#contenu div#datas div.bloc table tr td.photo{
				width:66px;
				padding:1px 0 0 1px;
				background:url(../pics/fond_photo_index.gif) 0 0 no-repeat;
				}
				
				div#centrage div#contenu div#datas div.bloc h3{
				color:#808080;
				font-size:12px;
				text-align:left;
				width:100%;
				}
				
				div#centrage div#contenu div#datas div.bloc h3.lien{
				background:url(../pics/puce_bleue.gif) 0 5px no-repeat;
				padding-left:10px;
				}
				
				
				div#centrage div#contenu div#datas div.bloc .rouge{color:#aa1c1c;}
				div#centrage div#contenu div#datas div.bloc .bleu{color:#183d8d;}
				
				div#centrage div#contenu div#datas div.bloc select{
				width:261px;
				padding:0;
				color:#808080;
				font-size:10px;			
				}
				
				div#centrage div#contenu div#datas div.bloc input.champ{
				border-color:#c5c6c8;
				color:#808080;
				font-size:10px;
				width:225px;
				padding:1px 2px 2px 2px;
				float:left;
				margin-right:5px;
				}
				div#centrage div#contenu div#datas div.bloc input.oknews{
				border-color:#c5c6c8;
				color:#808080;
				font-size:10px;
				width:20px;
				padding:1px 2px 2px 2px;
				float:right;
				}
			
			div#centrage div#contenu div#datas div.sep{
			display:block;
			clear:both;
			height:40px;
			}
		
			
			
	/*--------------- footer----------------*/
	div#footer{
	color:#717171;
	height:16px;
	width:936px;
	clear:both;
	font-size:10px;
	padding:3px 12px 0 12px;
	background-color:#e2e2e2;
	margin:0 auto;
	}
		div#footer ul{
		float:right;
		}
		div#footer ul li{display:inline;}
			div#footer ul li a{color:#717171;}
			div#footer ul li img{vertical-align:middle;}