*{font-family:Arial, Helvetica, sans-serif;font-size:12px}
body{
	background-color:#cd7935;
	margin:0;padding:0
	}
#tableau{
	background:url("img/table.jpg") repeat-y top left #94bfe5;
	margin:auto;position:relative;
	width:765px
	}
#haut{
	clear:both;height:240px;width:765px;
		background:url("img/haut.jpg") no-repeat top left;
	}
#menu{
	background:url("img/menu.jpg") no-repeat top right;
	float:left;height:353px;
	margin:0;padding:0;
	width:200px
	}
#versions{
	background:url("img/versions.jpg") no-repeat top left;
	float:left;height:25px;
	margin:0;padding:0 20px 0 295px;
	width:250px
	}
#corps{
	background:url("img/corps.jpg") no-repeat top left;
	float:left;
	min-height:353px;
	margin:0;padding:0;width:565px;
	}
#bas{
	background:url("img/bas.jpg") no-repeat top left;
	color:#fff;
	clear:both;
	font-size:13px;
	font-weight:bold;
	height:30px;
	padding-top:7px;
	text-align:center;
	width:765px
	}
#infos_legales{
	color:#fff;
	font-size:11px;
	padding-top:3px;
	text-align:center;
	width:100%
	}
#kmn{
	color:#fff;
	font-size:11px;
	height:20px;
	padding-top:10px;
	text-align:center;
	width:100%
	}
#kmn a{
	color:#fff;
	font-size:11px;
	text-decoration:underline
	}
#kmn a:hover{text-decoration:none}
#kmn img{vertical-align:middle}
a.haut_de_page{
	font-size:11px;
	font-size:smaller;
	float:right;
	margin:5px 10px
	}
/*********** menu ******************************/
#menu ul{
	background:url("img/fond-menu.jpg") no-repeat top right #f4b000;
	padding:0;margin:10px 20px 0 15px;
	width:165px
	}
#menu ul li{list-style-type:none;margin:0;padding:0}
#menu ul li a{
	color:white;
	display:block;
	font-size:11px;
	height:25px;line-height:25px;
	margin:0;padding:0 0 0 25px;
	text-decoration:none;
	text-transform:uppercase
	}
#menu ul li a:hover,#menu ul li a.active{
	background:url("img/bt-menu-on.gif") no-repeat left #fbdf8e;
	color:#333
	}
/*********** versions ******************************/
.cadre3{
	border:1px solid #994538;
}
#versions ul{
	height:25px;
	padding:0;	margin:0;	
	}
#versions ul li{
	display:inline;
	list-style-type:none;
	margin:0;padding:0
	}
#versions ul li a{
	color:#994538;
	display:block;
	float:left;
	font-size:11px;
	height:25px;line-height:25px;
	margin:0;padding:0 5px 0 25px;
	text-decoration:none;
	}
#versions ul li a:first-letter{text-transform:uppercase}
#versions ul li.gb a{background:url("img/bt-gb.gif") no-repeat left}
#versions ul li.fr a{background:url("img/bt-fr.gif") no-repeat left}
#versions ul li a:hover,#versions ul li a.active{color:#333; text-decoration:underline}
/*********** mise en page du contenu ***********/
p,li,form{color:#333}
h1,a:hover,.txt_mis_en_avant{color:#fff}
h3{color:#660000}
h2,a{color:#994538}
h1{
	font-size:18px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:0 0 5px 0;
	text-transform:uppercase
	}
h2{
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	margin:0 10px 0 0
	}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:2px 0 0 0
	}
p{
	padding:3px 0;
	margin:0 10px 0 0;
	text-align:justify
	}
ul{
	margin-left:15px;
	padding-left:15px
	}
li{
	list-style-type:square;
	margin-bottom:3px
	}
.min,sup{font-size:smaller}
form{margin:0;padding:0}
input, textarea{
	border:1px solid #ccc;
	color:#555;
	}
.txt_mis_en_avant{font-weight:bold}
/*********** liens par défaut ***********/
a{text-decoration:underline}
a:hover{text-decoration:none}
/*********** style des images ***********/
img.border{
	border:1px solid #994538;
	margin:2px
	}
a img, #haut a:hover img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1}
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6}

div.cadre{
	background:url("img/fond-menu.jpg") no-repeat top right #f4b000;
	border:1px solid #fff;
	padding:5px;margin:0 20px;
	width:150px
	}