*{font-family:Arial, Helvetica, sans-serif;font-size:12px}
body{
	background:url("img/fond.jpg") no-repeat top left #3C320F;
	margin:0;padding:0
	}
#tableau_haut{
	margin:auto;position:relative;
	width:873px
	}
#tableau{
	background:url("img/table.jpg") repeat-y top left;
	margin:auto;position:relative;
	width:873px
	}
#haut{
	clear:both;
	height:107px;
	width:873px
	}
#anim{
	background:url("img/anim.jpg") repeat top left;
	clear:both;
	height:317px;
	text-align:center;
	width:873px
	}
#menu{
	background:url("img/menu.jpg") repeat top left;
	clear:both;
	height:50px;
	margin:0;padding:0;
	width:873px
	}
#newsletter{
	background:url("img/newsletter.jpg") no-repeat top left;
	float:left;
	height:320px;
	width:190px;
	padding:29px 0px 0 66px;
	}
#corps{
	background: url("img/corps.jpg") no-repeat top left;
	float: left;
	min-height: 349px;
	margin: 0;
	padding:0 50px 0 0;
	text-align: left;
	width: 567px	
	}
* html #corps{height:349px}
#bas{
	background:url("img/bas.jpg") no-repeat top left;
	color:white;
	clear:both;
	font-size:13px;
	height:65px;
	padding-top:14px;
	text-align:center;
	width:873px
	}
#infos_legales,#kmn{
	color:#ccc;
	font-size:11px;
	padding-top:3px;
	text-align:center;
	width:100%
	}
#kmn{height:20px;padding-top:10px}
#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 horizontal ******************************/
#menu ul{
	height:30px;
	margin:0 0 0 60px;padding:3px 0 0 0
	}
#menu li{
	display:inline;
	list-style-type:none;
	margin:0;padding:0
	}
#menu li.noBorder a{border-right-width:0}
#menu li a{
	border-right:1px solid #3C320F;
	color:white;
	display:block;
	float:left;
	font-size:11px;
	height:30px;
	line-height:30px;
	margin:0;
	text-decoration:none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	}
#menu li a:hover,#menu li a.active{
	background:url("img/bt-menu.jpg") repeat top left;
	color:#fff
	}
/*********** versions ******************************/
#newsletter ul{
	list-style-type:none;
	padding:0;margin:10px 0 0 0
	}
#newsletter ul li{margin:0;padding:0; list-style-type:none}
#newsletter ul li a{
	color:#fff;
	display:block;
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
	font-size:12px; font-weight:bold;
	height:20px;line-height:20px;
	margin:0;padding:0 0 0 25px;
	text-decoration:none
	}
li#fr a{background:url("img/bt-fr.jpg") no-repeat left}
li#gb a{background:url("img/bt-gb.jpg") no-repeat left}
#newsletter li a:hover,#versions li a.active{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	text-decoration:underline
	}
/*********** mise en page du contenu ***********/
p,li,form{color:#fff}
h1,h3,a,.txt_mis_en_avant{color:#fff}
h2,a:hover{color:#FF9900}
h1{
	font-size:18px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:0 0 5px 0;
	text-transform:uppercase
	}
h2{
	border-bottom:3px double #5A502D;
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	margin:5px 5px 5px 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;
	}
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, #cryptogram{
	border:1px solid #ccc;
	color:#555;
	}
.txt_mis_en_avant{font-weight:bold}
.txtmenu {
	color:#FFF;
}
.titremenu {
	font-size:14px;
	font-weight:bold;
	color:#FF9900;
}
/*********** liens par défaut ***********/
a{text-decoration:underline}
#menus a {
	font-size: 13px;
	font-weight: bold;
	color: #FFCA79;
	text-decoration: none;
}
#menus li {
	margin-bottom: 5px;
}
#menus {
	margin-left: 60px;
}


a:hover{text-decoration:none}
/*********** style des images ***********/
img.border{
	border:1px solid #ccc;
	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}