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

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

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

/* scroll bar */
scrollbar-face-color:#d3da86; 
scrollbar-darkshadow-color:#d3da86; 
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#d3da86; 
scrollbar-track-color:#f8f9ea;
scrollbar-arrow-color:#FFFFFF;
}

a:link,
a:visited{
text-decoration:none;
color:#e3001b;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#e3001b;
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:#808080;
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:#808080;
padding:1px;
}



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

div#centrage{
width:918px;
margin:0px auto;
text-align:left;
font-size:70%;
text-align:left;
display:table;
border:1px solid #cfcfcf;
background-color:#96c4dd;
}

	
	/*--------------- contenu----------------*/	
	div#centrage div#content{
	height:494px;
	width:918px;
	position:relative;
	border-bottom:5px solid #c6e1ee;
	background-image:url(../pics/fond.gif);
	background-repeat:repeat-x;
	}
		
		div#centrage div#content div#logo{
		position:relative;
    z-index:40;
		float:left;
		width:180px;
		height:472px;
		padding:22px 0 0 34px;
		
		}
			div#centrage div#content div#logo img{
			display:block;
			}
	
		div#centrage div#content div#datas{
		position:relative;
		z-index:49;
		float:left;
		width:704px;
		height:494px;
		background-image:url(../pics/fon_ray.gif);
		background-position:right 0;
		background-repeat:no-repeat;
		color:#FFF;
		line-height:18px;
		text-align:justify;
		}
			div#centrage div#content div#datas div.titre{
			height:39px;
			width:704px;
			/* margin:28px 0 10px -44px; */
      margin:28px 0 10px -4px;
			 
			}
				div#centrage div#content div#datas div.titre span{
				display:none;
				}
			
			div#centrage div#content div#datas.classique div.scroll{
			clear:both;
			height:400px;
			width:690px;
			overflow:auto;
			margin-left:5px;
			}
				div#centrage div#content div#datas.classique div.scroll h3{
				margin-bottom:10px;
				}
				div#centrage div#content div#datas.classique div.scroll table.corpo{
				margin-left:15px;
				}
					div#centrage div#content div#datas.classique div.scroll table.corpo tr td.col1{
					width:515px;
					padding-right:15px;
					padding-bottom:10px;
					}
					div#centrage div#content div#datas.classique div.scroll table.corpo tr td.col2{
					width:145px;
					padding-bottom:10px;
					}
			
			
			div#centrage div#content div#datas.liste div.scroll{
			clear:both;
			height:400px;
			width:565px;
			overflow:auto;
			margin-left:130px;
			}
			
				div#centrage div#content div#datas.liste div.scroll h3{
				margin-bottom:10px;
				}
				div#centrage div#content div#datas.liste div.scroll table.liste{
				margin-right:15px;
				}
					div#centrage div#content div#datas.liste div.scroll table.liste img{
					margin-bottom:5px;
					}
					div#centrage div#content div#datas.liste div.scroll table.liste tr td.col1{
					width:147px;	
					padding-top:10px;				
					}
					div#centrage div#content div#datas.liste div.scroll table.liste tr td.col2{
					width:385px;	
					padding-top:10px;				
					}
			

	
		
	/*--------------- menu----------------*/	
	div#centrage div#menu{
	height:77px;
	padding:5px 0 0 57px;
	background-color:#FFFFFF;
	position:relative;
	}	
	
		div#centrage div#menu ul li{
		display:inline;
		float:left;
		border-left:1px solid #d7d7d7;		
		}
		div#centrage div#menu ul li img{
		display:block;
		}
	/*--------------- footer----------------*/
	div#centrage div#footer{
	height:23px;
	padding:10px 12px 0 12px;
	color:#818181;
	clear:both;
	position:relative;
	background-color:#cfcfcf;
	}
	
		div#centrage div#footer ul li{
		display:inline;
		}
		
			div#centrage div#footer ul li a{
			color:#818181;
			}
			div#centrage div#footer ul li a.rouge{
			color:#e3001b;
			}
