@charset "utf-8";
/* CSS Document */

body {
background :url(images/fond-site.png) top left no-repeat #3365af;
font-family : Arial, Verdana, sans-serif;
font-size : 12px;
color : #000000;
}
b{
color:#e50f01;}
img {
border:0;
}

H1 {
font-size:17px;
}

a{
text-decoration:none;
color:#2b479a;
font-weight:bold;
}

a:hover{
text-decoration:underline;
color:#2c74da;
font-weight:bold;
}


#conteneur{
width:909px;
position:relative;
left:80px;
top:5px;
padding:2px;
}

#header{
width:900px;
height:160px;
float:left;
}

#logo{
width:200px;
height:100px;
float:left;
position:absolute;
top:1px;
left:190px;
}

#pub{
float:right;
border:1px solid #000000;
}




#menu{
position:relative;
top:20px;
width:150px;
float:left;
height:285px;
background:#ebebeb;
border:2px solid #171717;
border-right:0px;
}

.element_menu_jeu{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/jeu.png) top no-repeat;
}

.element_menu_jeu:hover{

background:url(images/menu/jeu.png) bottom no-repeat;
}

.element_menu_boite{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/boite.png) top no-repeat;
}

.element_menu_boite:hover{
background:url(images/menu/boite.png) bottom no-repeat;
}
.element_menu_forum{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/forum.png) top no-repeat;
}

.element_menu_forum:hover{
background:url(images/menu/forum.png) bottom no-repeat;
}

.element_menu_regles{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/regles.png) top no-repeat;
}
.element_menu_regles:hover{
background:url(images/menu/regles.png) bottom no-repeat;
}

.element_menu_commande{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/commande.png) top no-repeat;

}
.element_menu_commande:hover{
background:url(images/menu/commande.png) bottom no-repeat;
}

.element_menu_joueur{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/joueur.png) top no-repeat;

}
.element_menu_joueur:hover{
background:url(images/menu/joueur.png) bottom no-repeat;
}


.element_menu_jdrmag{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/jdrmag.png) top no-repeat;

}
.element_menu_jdrmag:hover{
background:url(images/menu/jdrmag.png) bottom no-repeat;
}

.element_menu_blog{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/blog.png) top no-repeat;

}
.element_menu_blog:hover{
background:url(images/menu/blog.png) bottom no-repeat;
}

.element_menu_vassal{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/vassal.png) top no-repeat;

}
.element_menu_vassal:hover{
background:url(images/menu/vassal.png) bottom no-repeat;
}










#corps{
width:730px;
background-color:#ebebeb;
border:2px solid #171717;
float:left;
padding:10px;
text-align:justify;
}
#corps h2{
text-align:left;
font-family:'Century Gothic', sans-serif;
position:relative;
left:30px;
}

.image{
float:right;
overflow:hidden;
height:200px;
width:350px;
margin:2px;
}

.video{
float:right;
overflow:hidden;
height:280	px;
width:350px;
margin:10px;
}


#menu_jeu{
height:30px;
width:145px;
float:left;
}

#lienhome{
position:relative;
top:15px;
left:5px;
}
#footer{
text-align:center;
color:white;
position:relative;
top:5px;
right:3px;
width:730px;
float:right;
margin:auto;
padding:10px;
}

form {
	width : 800px;
	position:relative;
	left:40px;
}
/*Si couleur de fond dans le fieldset. Cette couleur de fond est décalée par rapport à l'encadrement de legend sous IE.
Pour contourner mettre le titre du bloc en position absolut et fielset en position relative puis faire une marge négative en haut de 6 px pour compenser le décalage de IE.*/

legend {
position:absolut;
margin-top:-10px;
color:#666666;
font-size:18px;
}
/*Couleur du bloc*/

fieldset {
/*Pour compenser le décalage d'afichage sous IE*/
position:relative;
border:#ff7e09;
border-style:solid;
border-width:1px;
background-color:#EEEEEE;
}

/* Mise en forme des champs*/
/*Ligne de la liste à puces*/
#colcentre li{
list-style-type:none;
clear:both;
/*Ecartement vertical pour laisser place aux champs*/
line-height:25px;
}

/*Définition des étiquettes(le texte qui précède la zone de saisie)*/
label {
display:block;
width:600px;
}

/*Définition des champs*/
input, select {
display:block;
width:600px;
}

/*Définition du bouton valider*/
#submit {
color:black;
width:70px;
border:1px solid black;
background-color:#FF9900;
}
input:focus, textarea:focus
{
	background-color: #FF9900;
}
.selection {
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #000000;
	background-color: #FFFFFF;
	width: 150px;
}

.question b{
color:#000000;
}

.reponse b{
color:#cd9d00;
}