/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------------MISE EN PAGE----------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* ------------------------------------------------------- Liste alphabétique----------------------------------------------------------------- */
#chapeauliste {
	width : 693px;
	height : 18px;
	float : left;
	margin-bottom : 4px;
}
#listealpha {
	width : 700px;
	height : auto;
	margin-bottom : 10px;
}

#listealpha ul {
	float : left;
	width : 170px;
	margin: 0 0 3px 3px;
	padding : 0;
}

#listealpha li {
	height : 20px;
	margin : 0;
	padding : 0;
}

#listealpha li a {
	display : block;
	height : 100%;
	width : auto;
	padding-left:20px;
}

#listealpha ul, #listealpha li {
	list-style-type : none;
}
/* ------------------------------------------------------- Infobulles ----------------------------------------------------------------- */
#listealpha li a.tooltip em {
    display:none;
}
#listealpha li a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
#listealpha li a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -160px;
    left: -140px;
   padding: 1px;
    color: #000;
    /*border: 2px solid #fff;*/
   border: 0;	
   background: #000;
    width:122px;
	filter:alpha(opacity=85);  
	-moz-opacity:0.85;
	opacity: 0.85;
}
#listealpha li a.tooltip:hover em span {
      position: absolute;
    top: 162px;
    left: 128px;
    height: 15px;
    width: 8px;
   /* background: transparent url(image-infobulle2.gif);*/
    margin:0;
    padding: 0;
    border: 0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* ------------------------------------------------------- TYPOGRAPHIE ----------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* ------------------------------------------------------- Liste alphabétique ----------------------------------------------------------------- */
#listealpha li a {
	font-family : helvetica, serif;
	text-decoration : none;
	line-height : 1.4em;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------- IMAGES COULEURS BORDURES----------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* ------------------------------------------------------- Liste alphabétique ----------------------------------------------------------------- */
#chapeauliste {
	background-image : url(listealpha/en/chapeauliste.png);
	background-repeat:no-repeat;
}
/* ------------------------------------------------------- Liste alphabétique out ----------------------------------------------------------------- */
#listealpha li a.adventure {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/adventure.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
#listealpha li a.historical-adventure {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/historical-adventure.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
#listealpha li a.strategy-simulation {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/strategy-simulation.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
#listealpha li a.kids {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/kids.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
#listealpha li a.racing {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/racing.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
#listealpha li a.fps {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/fps.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
#listealpha li a.edutainment {
	background-color : #f0f1e7;
	color : #000000;
	background-image:url(listealpha/en/edutainment.png);
	background-repeat:no-repeat;
	background-position:2% 45%;
}
/* ------------------------------------------------------- Liste alphabétique over ----------------------------------------------------------------- */
#listealpha li a.adventure:hover {
	color : black;
	background-color : #e3e4da;
}
#listealpha li a.historical-adventure:hover {
	color : black;
	background-color : #e3e4da;
}
#listealpha li a.strategy-simulation:hover {
	color : black;
	background-color : #e3e4da;
}
#listealpha li a.kids:hover {
	color : black;
	background-color : #e3e4da;
}
#listealpha li a.racing:hover {
	color : black;
	background-color : #e3e4da;
}
#listealpha li a.fps:hover {
	color : black;
	background-color : #e3e4da;
}
#listealpha li a.edutainment:hover {
	color : black;
	background-color : #e3e4da;
}
/* ------------------------------------------------------- Liste alphabétique active ----------------------------------------------------------------- */
#listealpha li a.adventure:active {
	color : black;
	background-color : #dbe2af;
}
#listealpha li a.historical-adventure:active {
	color : black;
	background-color : #dbe2af;
}
#listealpha li a.strategy-simulation:active {
	color : black;
	background-color : #dbe2af;
}
#listealpha li a.kids:active {
	color : black;
	background-color : #dbe2af;
}
#listealpha li a.racing:active {
	color : black;
	background-color : #dbe2af;
}
#listealpha li a.fps:active {
	color : black;
	background-color : #dbe2af;
}
#listealpha li a.edutainment:active {
	color : black;
	background-color : #dbe2af;
}