body,html {height:100%;}
body{font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#777;margin:0;padding:0;}






#page_bg { background: url("_img/bg.jpg") repeat-x fixed top left #c9c9c9;}



.spacer{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:0px
	
}

.spacer30{
	clear:both;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:30px
	
}

#global {
	width: 952px;
	margin-left: auto;
	margin-right: auto;
background: white url(_img/entete.jpg) top no-repeat;

}






#centre {
	width: 100%;
	overflow: hidden;
	
}




#banner{
	width:952px;
	height:288px;
	float: ;
	margin:0px;
background: black url(_img/bg-banner.jpg) top no-repeat;
}




#top_menu{
	height:30px;
	width:952px;
	text-align:left;
	float: ;
	padding-left: 10px;	
}



.titre{
	color: white;
	padding-left: 10px;
	padding-right: 10px;	
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0px 0;
	background:  #FFFFFF url(_img/onglet.gif) top left no-repeat;
	overflow:hidden;	
}






#conteneur1 {
	float: left;
	width: 220px;
	text-align:left;
	
}



#column1{
	margin: 0px 0px 20px 20px
}






#conteneur2 {
	float: right;
	width: 692px;
	text-align:justify;

}




#column2 {
	margin:0px 20px 20px 0px
}






#footer { background: url("_img/footer.jpg") no-repeat scroll center bottom transparent;
    color: #96C4E1;
    font-size: 11px;
    height: 72px;
    margin: 0 auto;
    padding: 8px 10px 0;
    text-align: center;
    width: 952px;}


.lien2 {color: #96C4E1;  text-decoration:none;}
a.lien2:hover{COLOR: #CCCCCC; text-decoration:none;}





.nav1 
{
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
	display: inline;	
	color: #FFFFFF;
	text-decoration:none;	 
}	

a.nav1:hover{COLOR: #CCCCCC; text-decoration:none;}




.onglet {
	padding: 10px;
	background: #dddddd;
	text-align:left;
	font-size: 12px;	
	color: #4f4f4f;
	width: 180px;
	text-decoration:yes;
	
}

.bleu {color:#0187a7;}

.lien {color: orange;}
a.lien:hover{COLOR: #4f4f4f; text-decoration:none;}


.lien3 {color: orange;}
a.lien3:hover{COLOR: #777; text-decoration:none;}


.lien4 {color: #0188a8; text-decoration:none;  font-weight: bold;}
a.lien4:hover{COLOR: orange; text-decoration:none;  font-weight: bold;}



.bas{
	height: 30px;
	line-height: 30px;
	background:  #FFFFFF url(_img/bas.gif) top left no-repeat;
}



.photo-gauche{margin-right: 20px;margin-top: 0px;margin-bottom: 20px;float: left;}

.photo-droite{margin-left: 20px;margin-bottom: 20px;margin-top: 0px;float: right;}


ul {list-style-image:url(_img/puce.gif);margin-top: 0px;}
li{margin-top: 6px;list-style-image:url(_img/puce.gif);}

.titre2 {font-size: 20px; font-weight: bold; color: #0187a7;}


label {font-family: Arial, Tahoma, Verdana, Helvetica;font-weight:bold;font-size: 12px;COLOR: #777;}

input {font-family: Arial, Tahoma, Verdana, Helvetica;COLOR: #777;}

select, option {font-size: 12px;font-family: Arial, Tahoma, Verdana, Helvetica;COLOR: #777;}

textarea {font-family: Arial, Tahoma, Verdana, Helvetica;font-size: 12px;COLOR: #777;}

.bord {BORDER-RIGHT: #D9D9D9 1px solid; BORDER-TOP: #D9D9D9 1px solid; BORDER-LEFT: #D9D9D9 1px solid; BORDER-BOTTOM: #D9D9D9 1px solid}