body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white;margin: 0; padding: 0; background-color: #000000; background-image: url(images/main_bg.jpg); background-position: top left; background-repeat: no-repeat;}

a { color: white; font-weight: bold; text-decoration: none;}
a:visited {color: #888;}
a:hover {color: #fff;text-decoration:underline;}
a:active {color: red;}

.warning { background-color: red; border: 1px solid black; width: 90%; margin: auto; padding: 5px;}

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

#contenu-general{background: url(images/fond_cont_gen.png); background-position: bottom left;background-repeat: no-repeat;}
#cadre-du-site { left: 50%; margin-left: -500px; position: absolute; width: 1000px;}
#global { left: 50%; margin-left: -500px; position: relative; width: 1000px;}
#en-tete { background-image: url(images/banniere.png); background-repeat: no-repeat; height: 248px;}
#en-tete h1,#en-tete h2 { display: none;}
#colonne-de-droite { display: inline; float: left; margin: 10px; margin-top: 0px; width: 820px;}
#colonne-de-gauche {display: inline; float: left; margin: 10px; margin-top: 0px; width: 140px }
#pied-de-page { background-image: url(images/fonddropdown.png);  font-size: 13px; padding: 1px 0; text-align: center;}
#pied-de-page p { margin-top: 2px;margin-bottom: 2px; }

#topcontent{text-align:center;vertical-align: middle;}
#topcontent img:hover{-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
#topcontent img{ width:100px;height: 75px;border:1px solid white;margin:4px;-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#topcontent #lastmatch{ width:300px;height: 75px;text-align:left;margin:4px;padding:0px;float:right;font-size:11px;}
#topcontent #lastmatch img{ width:auto;height:12px;margin:0;padding:0;border:0}
#topcontent #lastmatch h4{font-size:11px;background-color:black; padding:1px;text-align:center;border-bottom:1px solid white;margin:0px;}

#nav-one{ top:195px; left:120px;}
#nav-one a{ font-size:16px; color: white;}
#nav-one a:hover{ background-color: black;color:red;}
.nav, .nav ul { list-style: none; margin: 0; padding: 0;}
.nav { z-index: 100; position: relative; }
.nav li{ float: left; margin: 0; padding: 0; position: relative;padding-left:5px;padding-right:5px;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { display: block; padding: 0 9px; text-decoration: none;}
.nav ul { background: url(images/fonddropdown.png); border:1px solid white; list-style: none; margin: 0; position: absolute; top: -999em; left: -1px; }
.nav li:hover ul, .nav li.sfHover ul { top: 20px }
.nav ul li { border: 0; float: none;}
.nav ul a { padding:3px;padding-right: 20px; white-space: nowrap;}
.nav ul a:hover { background: black;color:red;}

.une-boite{background: url(images/fonddropdown.png);border:1px solid black;margin-bottom:10px;}
.une-boite h4{background-color:black; padding:5px;text-align:center;border-bottom:1px solid white;margin:0px;}
.une-boite div { padding:5px;margin:0px;border:0;}
.une-boite div .autoimage { border:1px solid white;max-width: 400px;display:block;margin:auto;margin-bottom:3px;margin-top:3px;}
.une-boite div table { padding:2px;margin:2px;margin:auto; }
.une-boite div tr { background-color: #222 }
.une-boite div th { background-color: #744 }
.une-boite div td { padding:4px; }
.une-boite div h4{ padding:5px;text-align:left;margin:0px;border:0;}
.une-boite div .left{margin:0px;float:left;width:120px;padding:5px;}
.une-boite div .left img{margin:0px;border:1px solid black;width:120px;}
.une-boite div .right{margin:0px;float:left;width:650px;}
.une-boite p{margin:0px;}

.leftgal img{width:100px;display:block;margin:auto;border:1px solid white;}
.leftgal p{margin-bottom: 8px;font-size:10px;text-align:center;}


#titrepage{position:absolute;top:120px;font-size:11px;margin:0px;padding:5px;text-align: center;width:100%;}
#titrepage p{font-size:11px;margin:0px;text-align:center;color:#666;}
#titrepage h3{font-size:22px;font-weight:bold;margin:0px;padding:5px;margin-top:-5px;text-align:center;}

#floater { position: absolute; width: 500px; left: 207px; z-index: 1; background-color: #FFFFFF; padding: 10px; border: 1px solid black; margin: auto;}
#floater p { width: 500px; text-align: right; margin: 0px; }
#floater img {width: 500px; border: 1px solid black;}

.infonews{float:right;margin:5px;width:80px;text-align:center;background-color: #222;}
.infonews img{width:40px;display:block;margin:auto;border:1px solid white;}
.infonews a{}



.left ul { list-style-image: none; display-list: none; padding-left: 2px; margin: 0px; margin-left: 0px; margin-top: 5px;}
.galform { margin: 2px; border: 1px solid black;}

.block_tb {width: 284px;float: left;height: 65px;border: 1px solid black;margin: 2px;}
.block_tb:hover {background-color: #FF0000;border: 1px solid black;}
.block_tb_left {float: left;width: 80px;padding: 5px;}
.block_tb_left img {width: 70px;height: 53px;margin: auto;border: 1px solid #CCCCCC;}
.block_tb_right {float: right;text-align: left;padding: 5px;width: 180px;}

.gallery{list-style-type:none;margin:auto;padding:0;}
.gallery li{margin:16px;margin-top:5px;margin-bottom:5px;border:1px solid #222;padding:5px;padding-bottom:8px;float:left;background-color:#222;width:110px;}
.gallery li p{font-size:9px;text-align:center;padding:0px;margin:0;height:20px;}
.gallery li a img{width:100px;height:75px;display:block;margin:auto;}
.gallery li a:hover{background-color:transparent;}

div.message{border:1px solid yellow;background-color:white;color:black;text-align:center;margin:0px;padding:5px;}
div.message a{color:black;}
div#feature_list {width: 750px;height: 400px;overflow: hidden;position: relative;margin: auto;background-color:white;}
div#feature_list ul {position: absolute;top: 0;list-style: none;	padding: 0;margin: 0;}

ul#lignes {left: 0;z-index: 2;width: 320px;}
ul#lignes li {font-size: 12px;font-family: Arial;}
ul#lignes li img {padding: 5px;border: none;float: left;margin: 10px 10px 0 0;}
ul#lignes li a {color: black;text-decoration: none;	display: block;padding: 10px;height: 60px;outline: none;}
ul#lignes li .under {font-size:11px;padding-right:27px;position:absolute;margin-top:0px;	margin-left:60px;}
ul#lignes li h3 {margin:2px;}
ul#lignes li a:hover {background-color:transparent;}
ul#lignes li a.current {background:  url('js/featurelist/feature-tab-current.png');color: #FFF;}
ul#lignes li a.current:hover {text-decoration: none;cursor: default;}

ul#affiche { right: 0;width: 463px;height: 240px;position: relative;}
ul#affiche li { position: absolute; width: 463px; height: 400px;}
ul#affiche li img{ width: 463px;}
ul#affiche li a {position: absolute;bottom: 10px;right: 10px;padding: 8px 12px;text-decoration: none; font-size: 11px;color: #FFF;background: #000;-moz-border-radius: 5px;}
ul#affiche li a:hover {background: #D33431;}