@charset "utf-8";
#en_tete {
	background-image: url(../images/menu/banniere.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 196px;
	width: 1024px;
	margin: auto;
	position: relative;
}

#menu {
	float: left;
	height: 572px;
	width: 198px;
	margin: auto;
	background-image: url(../images/menu/menu.gif);
	background-repeat: repeat-y;
}

#corps {
	float: right;
	height: 572px;
	width: 826px;
	margin-left:36px;
	margin: auto;
	background-image: url(../images/hotte.jpg);
}

#conteneur {
	height: 572px;
	width: 1024px;
	margin: auto;

}

#pied_de_page {
	height: 60px;
	width: 1024px;
	margin: auto;
}
	
#lamatheurdart {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lamatheurdart.jpg);
}

#lamatheurdejeux {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lamatheurdejeux.jpg);
}

#lecollectionneur {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lecollectionneur.jpg);
}

#leproblemiste {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/leproblemiste.jpg);
}

#lejoueurdebridge {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lejoueurdebridge.jpg);
}

#lelogicienjoueur {
	float: right;
	height: 572px;
	width: 826px;
	margin: auto;
	background-image: url(../images/hottes/pack/lelogicienjoueur.jpg);
}



a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}


.Styletitremenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-transform: uppercase; /* Si j'ai envie de me faire entendre, je mets en majuscules */
	color: #FBD558;
	font-size: 24px;
	margin-left: 10px;
	}


.Stylemenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 35px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	hover color: #FFAB07;
	}
	
.Styleminiespace {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 5px;
	}

.divinline {
	display: inline;
	}
	
.nostyle {
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	}
	
.menua
{
	font-size: 18px;
   margin-left:20px;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: white; /* Les liens seront en rouge au lieu de bleu */
   font-family: Geneva, Arial, Helvetica, sans-serif;
}	
	
.menua:hover { 
   margin-left:20px;
	font-size: 18px;
   color: #FF0000; /* Le lien sera écrit en rouge quand on pointera dessus */
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */

	}
	
.pageprincipale {
	font-size: 26px;
	}
	
.piededpage {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 20px;
	margin-top: 8px;
	}

.liste {
	margin-left: 30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
	
.prixbarre {
	text-decoration:line-through;
	}	

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    /* Sliding right image */
background: transparent url('../images/bouton/SMALL/RIGHT_bouton1.png') no-repeat scroll top right; 
display: block;
float: left;
height: 48px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 24px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
 /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('../images/bouton/SMALL/LEFT_bouton01.png') no-repeat; 
display: block;
line-height: 48px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 1px 0 5px 22px;
} 
a.button:hover span{
text-decoration:underline;
}

.reglement {
	margin-left: 100px;
	padding-left: 100px;
 }
.menur
{
	font-size: 20px;
   margin-left:20px;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #FBD558; /* Les liens seront en rouge au lieu de bleu */
   font-family: Geneva, Arial, Helvetica, sans-serif;
}	
	
.menur:hover { 
   margin-left:20px;
	font-size: 20px;
   color: #FF0000; /* Le lien sera écrit en rouge quand on pointera dessus */
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */

	}
*{
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial;
	font-size: 11px;
	margin:10px;
}
.header {
	background: #000;
	cursor: pointer;
	padding:4px;
}

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

.content{
	background:#FFF;
	padding:4px;
}
.lien
{
color:red;
text-decoration:none;
}
.lien:hover
{
 text-decoration:underline;
}
.style1 { /* Style avec dégradé */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(boutique/images/degrade.gif);
	text-decoration: none;
	padding-left:5px;
}