body { 
color: #412311; 
font-size: 12px; 
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
background: url(../medias/commun/fond-body.jpg) repeat-x center top;
background-color:#528815;
}

#site {
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
background: url(../medias/commun/fond-site.jpg) no-repeat;
height : 630px;
}

#jeu {
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
background: url(../medias/commun/fond-site-jeu.jpg) no-repeat;
height : 630px;
}

#bandeau{
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
height:118px;
top:0px;
}

#logo-simurenov{
width: 200px;
height:118px;
padding:0px 0px 0px 35px;
float:left;
}

#menu-container{
width: 482px;/*530*/
height:90px;
padding:0px 0px 0px 57px;
float:left;
}

#logo-ffb{
width: 200px;
height:118px;
margin:0px 26px 0px 0px;
float:left;
}

#logo-jouer{
width: 142px;
height:46px;
margin: 390px 0px 0px 660px;
}

#logo-nd{
width: 20px;
height:20px;
margin:115px 0px 0px 945px;
}

#footer{
position: absolute;
margin-left: -463px;
left: 50%;
width: 926px;
top:560px;
color:#fff;
font-size:10px;
}

#footer-gauche{
float:left;
width:523px;
}

#footer-droite{
float:left;
width:403px;
text-align:right;
}

#logos{
position: absolute;
margin-left: -463px;
left: 50%;
width: 926px;
top:598px;
}

#logos-container{
padding-left:720px;
}

#titre-simple{
padding: 136px 0px 20px 60px;
float:left;
height:34px;
}

#titre{
padding: 136px 0px 20px 60px;
float:left;
height:34px;
}

#titre-bar{
padding: 111px 0px 0px 0px;
float:left;
}

#titre-menu{
padding: 150px 0px 0px 6px;
float:left;
color:#786a61;
font-size:11px;
}

#scroller{
height:300px;
position:relative;
top:0px;
left:0px;
overflow:auto;
}
#contenu{
width:833px;
height:300px;
float:left;
overflow:hidden;
position:relative;
}

#contenu-container{
width:858px;
height:300px;
padding: 26px 0px 0px 74px;
clear:both;
}

#faq-col1{
width:450px;
height:300px;
float:left;
overflow:hidden;
position:relative;
}

#faq-col3{
width:317px;
float:left;
margin-left:50px;
font-size:11px;
}

#fleches{
width:15px;
height:300px;
float:left;
margin: 0px 0px 0px 10px;
}

#fleche-haut{
width:15px;
height:14px;
margin: 0px 0px 271px 0px;
}

#fleche-bas{
width:15px;
height:14px;
margin: 0px 0px 0px 0px;
}

.trait{
width:706px;
border-bottom: #aaa9a8 1px solid;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}

.col1{
width:333px;
padding:0px 10px 0px 0px;
float:left;
}

.col2{
width:333px;
padding:0px 0px 0px 0px;
float:left;
}

.scroller-scores{
width:695px;
margin: 0px 0px 0px 0px;
float:left;
position:relative;
height:300px;
overflow:auto;

}

.scores-col1{
width:150px;
padding:0px 20px 0px 20px;
margin:0px;
float:left;
}

.scores-col2{
width:150px;
padding:0px 20px 0px 20px;
margin:0px;
float:left;
}

.scores-col3{
width:150px;
padding:0px 20px 0px 20px;
margin:0px;
float:left;
text-align:right;
}

.scores-col-plan{
width:190px;
padding:0px 20px 0px 20px;
margin:0px;
float:left;
}

.trait-scores{
width:670px;
clear:both;
border-bottom: #aaa9a8 1px solid;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
height:1px;
}
 
.spacer{
clear:both;
}

.float{
float:left;
}

.blanc{
color:#fff;
}

h1{
margin:0px;
}

h2{
margin:0px 0px 8px 0px;
font-weight:bold;
font-size:12px;
}

p{
margin:0px 0px 8px 0px;
}

.texte-petit{
font-size:10px;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 0em 1.5em;
}

li {
list-style:disc;
}

.list-plan {
list-style:none;
margin: 0em 0em 0em -1.5em;
}


/* espace presse */

.scores-bloc{
width:833px;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}

.espace-presse-bloc{
width:815px;
border-bottom: #aaa9a8 1px solid;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}

.espace-presse-vignette{
width:127px;
margin: 0px 0px 0px 0px;
float:left;
}

.espace-presse-texte{
width:680px;
margin: 0px 0px 0px 0px;
float:left;
}

/* espace pro */

.espace-pro-vignette{
width:157px;
margin: 0px 20px 0px 0px;
float:left;
}

.espace-pro-vignette-arrondis{
}

.espace-pro-vignette-int{
background-color:#43332a;
color:#fff;
padding:0px 5px 0px 10px;
margin:0px;
}

.espace-pro-texte{
width:635px;
margin: 0px 0px 0px 0px;
float:left;
}

.espace-pro-col1{
width:300px;
margin: 0px 20px 0px 0px;
float:left;
font-size:11px;
}

.espace-pro-col2{
width:317px;
margin: 0px 0px 0px 0px;
float:left;
font-size:11px;
}


/* Espace Pro Contact */
.contact-texte{
width:635px;
margin: 0px 0px 0px 0px;
float:left;
}
.contact-col1{
width:300px;
margin: 0px 20px 0px 0px;
float:left;
font-size:11px;
}

.contact-col2{
width:300px;
margin: 0px 0px 0px 0px;
float:left;
font-size:11px;
}



/* formulaire */

form{
padding:0px;
margin:0px;
}

label{
width: 100px;
float: left;
padding-top: 3px;
padding-right: 0px;
}

input{
padding: 0px;
margin: 0px;
float: left;
}

.textfield{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 165px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.textfield-footer{
background-color: #718f4b;
border: #9fb881 1px solid;
width: 90px;
font-size: 10px;
color: #fff;
margin-bottom: 2px;
padding: 2px;
}

.textarea{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 295px;
height: 150px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
}

.textarea-petit{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 295px;
height: 60px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
}

.dropdown{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 300px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.envoyer{
width:80px;
margin-left:230px;
margin-top:10px;
}

.alerte{
color: #ff0000;
}

.alerte-footer{
color: #ffffff;
font-size: 11px; 
}

.legals{
width:565px;
clear:both;
font-size:10px;
color:#b4b4b4;
}

.hover-infos-perso {
position:absolute; 
left:0px; 
top:0px;
width:383px;/*393*/
height:100px;/*110*/
background-image: url(../medias/pages/fond-hover.gif); 
background-repeat: no-repeat;
padding:5px;
font-size:10px;
z-index:2000;
visibility:visible;
filter : alpha(opacity=0);
-moz-opacity : 0;
opacity : 0; 
}

.hover-infos-bas {
position:absolute; 
left:0px; 
top:0px;
width:251px;/*261*/
height:43px;/*53*/
background-image: url(../medias/pages/fond-hover-bas.gif); 
background-repeat: no-repeat;
padding:5px;
font-size:10px;
z-index:2000;
visibility:visible;
filter : alpha(opacity=0);
-moz-opacity : 0;
opacity : 0; 
}

/*menu*/
 
a.menu-jeu {
	display: block;
	float:left;
	background-image:url(../medias/menu/jeu.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-jeu:hover, a.menu-jeu:active, a.menu-jeu.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/jeu.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-jeu{
	display: block;
	float:left;
	background-image:url(../medias/menu/jeu.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}


a.menu-scores {
	display: block;
	float:left;
	background-image:url(../medias/menu/scores.jpg);
	background-repeat: no-repeat;
	width: 95px;
	height: 90px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-scores:hover, a.menu-scores:active, a.menu-scores.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/scores.jpg);
	background-repeat: no-repeat;
	width: 95px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-scores{
	display: block;
	float:left;
	background-image:url(../medias/menu/scores.jpg);
	background-repeat: no-repeat;
	width: 95px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;

}

a.menu-renover {
	display: block;
	float:left;
	background-image:url(../medias/menu/renover.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-renover:hover, a.menu-renover:active, a.menu-renover.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/renover.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}

.span-menu-renover{
	display: block;
	float:left;
	background-image:url(../medias/menu/renover.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-presse {
	display: block;
	float:left;
	background-image:url(../medias/menu/presse.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-presse:hover, a.menu-presse:active, a.menu-presse.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/presse.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-presse {
	display: block;
	float:left;
	background-image:url(../medias/menu/presse.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-pro {
	display: block;
	float:left;
	background-image:url(../medias/menu/pro.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-pro:hover, a.menu-pro:active, a.menu-pro.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/pro.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-pro {
	display: block;
	float:left;
	background-image:url(../medias/menu/pro.jpg);
	background-repeat: no-repeat;
	width: 96px;
	height: 90px;
	padding: 0 0 0 0;
	background-position:0 -90px;
	text-decoration:none;
	margin-left: 0px;
}
 /* liens */
 
a:link { color: #412311; text-decoration: underline; }
a:visited { color: #412311; text-decoration: underline; }
a:hover { color: #412311; text-decoration: none; }
a:active { color: #412311; text-decoration: none; }

a.lien-footer:link { color: #fff; text-decoration: none; font-size: 10px;}
a.lien-footer:visited { color: #fff; text-decoration: none; font-size: 10px; }
a.lien-footer:hover { color: #fff; text-decoration: underline; font-size: 10px; }
a.lien-footer:active { color: #fff; text-decoration: underline; font-size: 10px; }

a.lien-titre-menu:link { color: #786a61; text-decoration: none; font-size: 11px;}
a.lien-titre-menu:visited { color: #786a61; text-decoration: none; font-size: 11px; }
a.lien-titre-menu:hover { color: #fff; text-decoration: none; font-size: 11px; }
a.lien-titre-menu:active { color: #fff; text-decoration: none; font-size: 11px; }

a.plan-titre:link { color: #412311; text-decoration: none; font-size: 12px; text-transform:uppercase; font-weight:bold; }
a.plan-titre:visited { color: #412311; text-decoration: none; font-size: 12px; text-transform:uppercase; font-weight:bold; }
a.plan-titre:hover { color: #412311; text-decoration: underline; font-size: 12px; text-transform:uppercase; font-weight:bold; }
a.plan-titre:active { color: #412311; text-decoration: none; font-size: 12px; text-transform:uppercase; font-weight:bold; }

/* Lightbox pour les animations */
div#conteneur{
	background-color : transparent;
}
div#flashcontent{
	background-color : transparent;
}