@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:40px;
left:120px;
}

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

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

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

.element_menu_label:hover{

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

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

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

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

.element_menu_jeux{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/ptitsjeux.png) top no-repeat;
}
.element_menu_jeux:hover{
background:url(images/menu/ptitsjeux.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_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_hackers{
position:relative;
top:5px;
left:3px;
width:145px;
max-height:30px;
overflow:hidden;
background:url(images/menu/hackers.png) top no-repeat;
}

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



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

}
.element_menu_contact:hover{
background:url(images/menu/contact.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;
}

.paypal2{
height:30px;
width:110px;
}

.div_table{
width:710px;
overflow:auto;
text-align:center;
left:10px;
background:#999999;
}

td{
width:175px;
height:60px;
}

.description{
text-align:center;
height:30px;
width:200px;
float:left;
font-weight:bold;
padding:10px;
border-bottom:1px solid black;
}

.bouton{
text-align:center;
font-weight:bold;
height:30px;
width:200px;
padding:10px;

}

.video{
float:right;
overflow:hidden;
height:280px;
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;
}


/*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;
}

#menu_boutique ul, #menu_boutique li 
{
margin: 0;
padding: 0;
list-style-type: none;
}


ul#menu_boutique li
{
	float: left ;
	text-align: center;
	font-size: 16px;
}

ul#menu_boutique li a
{
	width:150px;
	line-height: 30px;
	display: block;
	text-decoration: none;
}