/*EMI NUMERO 1 */

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:url(images/bg.jpg) no-repeat top center #960000; color:#2f2f2f; }
a img { border:0; }

#global { font-size:1.2em; margin:0 auto; background:url(images/bandeau.gif) no-repeat top center; }

#global #header { 
	width:880px;
	height:228px;
	margin:0 auto;
	position:relative;	
}

#global #header h1 {
	position:absolute;
	top:20px;
	left:-10px;
}

#global ul {
	list-style:none;
	width:880px;
	margin:-30px auto 0 auto;
}

#global ul li {
	position:relative;
	width:165px;
	height:165px;
	float:left;
	margin:2px;
	z-index:10;
}

#global ul li span {
	display:none;
}

@-webkit-keyframes fade {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1.0;
  }
}
 
#global ul li:hover {
	z-index:30;
}

#global ul li:hover img {
	position:absolute;
	z-index:30;
}

#global ul li:hover span {
	display:block;
	width:160px;
	height:165px;
	position:absolute;
	top:-10px;
	left:-10px;
	background:url('images/bgbloc.gif') repeat-x #fff;
	z-index:20;
	padding:10px 10px 10px 185px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 40px #000;
	-webkit-box-shadow:0 0 40px #000;
	-webkit-animation-name: fade;
    -webkit-animation-duration: 0.5s;

}

#global ul li:hover span h3 {
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:normal;
}

#global ul li:hover span h4 {
	font-size:1.3em;
	color:#7a7a7a;
	font-weight:normal;
}

#global ul li:hover span p img {
	position:relative;
	margin:5px 0 7px 0;
}

#global ul li.right:hover span {
	width:160px;
	left:-180px;
	padding:10px 185px 10px 10px;
}

#global ul li.mentions {
	color:#fff;
	font-size:.9em;
	text-align:right;
}

#global ul li.mentions img {
	position:absolute;
	right:0;
	bottom:25px;
}

#global ul li.mentions .note {
	position:absolute;
	right:0;
	bottom:0
}