html {
	/* vertical scrollbar; always (so the geometry doesn't change) */
	height: 100%;
	margin-bottom: 1px;
}

body {
	text-align: center;
	background:url(bg.gif);
	color:#28296c;
	/*font:95% Bitstream Vera Sans, Arial, Helvetica, sans-serif;*/
}


a:link {text-decoration: none; color: #ff6600;	font-weight: bold;  }
a:visited {text-decoration: none; color: #ff6600;font-weight: bold}
a:hover {text-decoration: none;color: #c43c03;font-weight: bold}




div#conteneur {
width: 900px;
margin: 0 auto;
background: white;
border: 1px solid #c1c1c1;
border-width: 0 1px 1px 1px;
position: relative;
}

div#header {
width: 900px;
height: 160px;
margin: 0 auto;
background:url(banniere.png) left top no-repeat;

}

#gauche {
//position: absolute;
float:left;
left:0;
background-color:#fff;
border-right: 1px solid #c1c1c1;
width: 180px;
text-align : left;
 font: 90% Arial, sans-serif;
}

#centre {
/*float:left;*/
background-color:#fff;
//	color:#3479fa;
margin-left: 180px;
border-left: 1px solid #c1c1c1;
padding : 5px;
font-size: 0.8em;
/*font-size: 0.8em;*/
text-align : left;
/*height : 2000px;*/
}



#footer {
clear: both;
height: 30px;
background-color:#ddd;
text-align : center;

}


div#menu2{float:left;width: 100%;padding-top:10px; font: 90% Arial,sans-serif }
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{margin-left: 5px;width:170px}
ul#about li{float:left;margin: 3px;text-align: center}
ul#about a{float:left; width: 12em;height:3em;padding: 5px 5px 0; background: #51609e;text-decoration:none;color: #fff}
ul#about a:hover{background: #f18f00;color: #FFF}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
li#ab3{background: #F60}
li#ab4{background: #39F}
li#ab5{background: #F36}
li#ab6{background: #FFF;color: #000}

.logogauche {

margin-left: 25px;

}

.logogauche p {
margin-top:40px;
padding-top:10px;
}

a img { border: 0px; }