/*******************************
Styles communs à la page entière
*******************************/

html, body{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
	background:#696969 url('/data/images/fond.jpg') repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
img{
	border:0;
	margin:0;
	padding:0;
}
#page{
	width:920px;
	margin:auto;
	margin-top:0;
}
a{
	text-decoration:none;
	color:#5d5d5d;	
	outline: none;
}
/*focus{-moz-outline-style: none;}*/
a:hover{
	text-decoration:underline;
	color:#ABABAB;	
}
a:visited{
	text-decoration:none;
	color:#666666;	
}
a:visited:hover{
	text-decoration:underline;
	color:#ABABAB;	
}
a img{
	border:0;
}
.epuise{
	padding:0;
	margin:0 0 0 0px;
	list-style-image:url(../data/img/puce_epuise.gif);
	width:130px;
	color:#c7261e;
	font-weight:bold;
}
.stock{
	padding:0;
	margin:0 0 0 0px;
	/*list-style-image:url(../data/img/puce_stock.gif);*/
	width:130px;
	color:#1ca732;
	font-weight:bold;
}
/*.promotion{
	padding:0;
	margin:0 0 0 0px;
	list-style-image:url(../data/img/puce_promo.gif);
	width:130px;
	color:#f39600;
	font-weight:bold;
}*/
.promotion{
	color:red;
	font-weight:bold;
}
sup {
	font-size:8px;
}
select{
	border:1px solid #b8b7b7;
	color:#5d5d5d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
	font-weight:normal;
}
h1{
	font-size:14px;
	color:#FFFFFF;
}
h2{
	font-size:12px;
}
h3{
	font-size:12px;
}
h4{
	font-size:11px;
}
h5{
	font-size:11px;
}
h6{
	font-size:10px;
}
.red{
	color:red;
}
.gras {
	font-weight:bold;
}
p.zero, .flash p{
	margin:0;
	padding:0;
	display:inline;
}
.raye{
	text-decoration:line-through;
}



div#HoverNav{
	width:800px;
	height:510px;
	position: absolute;
	left:100px;
	top:100px;
	background-color:white;
	z-index:21;
	text-align:center;
	color:black;
	border:1px solid black;
	padding:0px;
	display:none;
}
div#Overlay{
	position: absolute;
	left:0pt;
	top:Opt;
	background-color:white;
	height:100%;
	width:100%;
	opacity:0.7;
	filter : alpha(opacity=70); 
	z-index:20;
	display:none;
}
#header{
	height:176px;
	background:transparent url('/data/images/header3.jpg') no-repeat;
	text-indent:-5000px;
}
#header h1{
	font-size:10px;
	text-indent:-5000px;
	margin:0;
	padding:0;
}
#menu{
	height:45px;
	margin:auto;
	margin-bottom:25px;
	padding:1px 10px 0 10px;
	background:transparent url('/data/images/menu.jpg') no-repeat;
}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li {
	float:left;
}
#menu li a{
	display:block;
	width:100%;
	height:43px;
	text-indent:-5000px;
}
#menu li.concept a{
	background:transparent url(/data/images/concept.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:0;
	width:141px;
}

#menu li.titres a{
	background:transparent url(/data/images/nouveautes.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:0;
	width:200px;
}
#menu li.series a{
	background:transparent url(/data/images/series.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:0;
	width:175px;
}
#menu li.avenir a{
	background:transparent url(/data/images/titresavenir.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:0;
	width:211px;
}
#menu li.jeu_concours a{
	background:transparent url(/data/images/jeux-concours.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:0;
	width:173px;
	
}

#menu li a:hover{
	background-position:0 -43px;
}
#footer{
	clear:both;
	margin-top:15px;
	text-align:center;
	color:#FFFFFF;
}