﻿.keywords_f{
	font-size: 10px; 
	width: 320px; 
	text-align: center; 
	float: left;
}
.keywords_f a{
	cursor : pointer;
}
.keywords_f a:hover{
	color : #9370D8;
}
#erreur_btn{
	left: 20px; 
	position: absolute; 
	top: 7px;
	cursor : pointer;
}
#marvelworld{
	left: 100px; 
	position: absolute; 
	top: 5px;
	cursor : pointer;
}
#dial_png{
	left: 60px; 
	position: absolute; 
	top: 7px;
	cursor : pointer;
}

.entete{	
	background-color: rgb(255, 255, 255); 
	width: 100%; 
	min-height: 100px; 
	position: relative;
/*
	background-image: -moz-linear-gradient(center bottom , rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%); 
*/
	
	background-image: -webkit-gradient(linear, center bottom, center top, from(0%, rgb(221, 221, 221)), color-stop(rgb(255, 255, 255)), color-stop(rgb(255, 255, 255)));
	background-image:    -moz-linear-gradient(center bottom , rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%);
	background-image:     -ms-linear-gradient(center bottom , rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%);
	background-image:      -o-linear-gradient(center bottom , rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%);
	background-image:         linear-gradient(center bottom , rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(221, 221, 221)',endColorstr='rgb(255, 255, 255)', GradientType=1);

}

.entete_image{
	overflow: hidden; 
	position: relative; 
	float: left; 
	height: 95px; 
	z-index: 0; 
	text-align: center; 
	padding: 5px 15px 0pt 5px; 
	width: 130px;
}
.fond_img{
	border-radius: 0 129px 0 0; 
	height: 115px; 
	left: 0; 
	overflow: hidden; 
	padding: 40px 5px 0 0; 
	position: absolute; 
	top: -35px; 
	width: 145px; 
	z-index: -1;
}
.f_nom{
	font-size: 20px; 
	float: left;
	width: 320px; 
	text-align: center; 
	margin-top: 20px;
}
.equipe_f{
	position: absolute; 
	right: 0px; 
	bottom: 0px; 
	background-color: rgb(255, 255, 255); 
	text-align: right; 
	border-radius: 15px 0pt 0pt 0pt; 
	padding: 5px 5px 0pt;
}
.pointer_f{
	cursor:pointer;
}
.lign_f{
	background-color: rgb(221, 221, 221); 
	box-shadow: 0pt 2px 7px rgba(0, 0, 0, 0.5);
	position:relative; 
	height: 16px;
}
.online_f{
	display:inline-block; 
	height:16px; 
	overflow:hidden; 
	margin-left:80px
}
.ext_f{
	display: inline-block; 
	float: right; border-radius: 20px 0pt 0pt 20px; 
	padding: 2px 5px; 
	height: 12px; 
	vertical-align: top; 
	overflow: hidden;
}
.num_f{
	padding-left: 5px; 
	display: inline-block; 
	vertical-align: top; 
	font-size: 0.8em; 
	line-height: 13px;
}
.info_f{
	margin-top: 20px; 
	font-size: 12px;
}	
.range_f{
	margin-left:10px; 
	display:inline-block
}
.points_f{
	position:relative; 
	right:20px; 
	float:right
}
.table_td_img{
	padding:5px 0; 
	border:0;
}
.table_f{
	border: thin solid #000000; 
	font-size: 12px; 
	margin: 0 0 5px 0;
}
.table_f td{
	padding: 0;
	height: 28px;
	/*border-bottom: 1px solid white;*/
}

.td_f{
	width:30px;
	height:30px;
	background-color:#666666;
}
.table_td_num{
	font-size:10px; 
	text-align:center; 
	color:#999999;
	width:28px;
}

.encadre_table{
	margin:0 10px; 
	width:445px; 
	overflow:auto;
}
#lang{
	position: relative; 
	right: 19px; 
	float: right; 
	top: 2px;
	cursor:pointer;
}
.pv_f{
	background-image: -moz-linear-gradient(center bottom , rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%); 
	margin-top: 20px; 
	padding-bottom: 10px;
}
.img_pv_f{
	float:left; 
	width:150px; 
	text-align:center; 
	vertical-align:middle;
}
.traf_f{
	margin-left: 151px; 
	display: block; 
	font-size: 12px; 
	text-align: justify; 
	width: 300px;
}
.pied_f{
	background-color: rgb(221, 221, 221); 
	position:relative; 
	height: 40px;
}
.bande_f{
	background-color: #cccccc; 
	height: 10px; 
	left: 0; 
	position: absolute; 
	top: 16px; 
	width: 100%;
}
#univers_img{
	margin: 0 10px; 
	position: absolute; 
	right: 10px; 
	top: 6px;
}

.fen_options{
	background-color: #000000;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 20px #FFFFFF;
    left: 50%;
    padding: 5px;
    position: absolute;
    top: 50%;
    z-index: 300;
}
.fleche{
    display: inline-block;
    margin: 2px 10px 2px 2px;
    vertical-align: top;
    width: 9px;
}
.fleche_haut{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFFFFF;
    height: 0;
    width: 0;
	margin-bottom : 3px;
}
.fleche_bas{
    border-top: 5px solid #ffffff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
}
#g_nom{
	font-family: 'KomikaAxisRegular',Arial,Helvetica,sans-serif; 
	margin-left:5px;
}
.g_g{
	width:10px; 
	display:inline-block; 
	text-align:right;
}
#cachetout{
	 display: block;
	 filter : alpha(opacity=20);
    opacity: 0.2;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000000;
    z-index: 199;
}
.collect_perso{
	background-color: rgb(1, 1, 1); 
	border-radius: 0pt 20px 20px 0pt; 
	color: rgb(255, 255, 255); 
	display: inline-block; 
	font-size: 0.8em; 
	height: 16px; 
	line-height: 16px; 
	margin-right: 10px; 
	padding-left: 10px; 
	width: 54px; 
	float:left;
}
#img_set{
	width:14px;
	height:14px;
}

.pv_title{
	border-bottom: 1px dotted gray;
    cursor: help;
	position:relative;
}

.pv_title span{
	display:none;	
}
.pv_title a, .pv_title_sp a{
	text-align:right;
	color : #999999;
}

.pv_title:hover span, .pv_title_sp{
	display: inline; /* On affiche l'infobulle. */
   position: absolute;
	width: 400px;
	z-index:500;
   top: -30px; /* On positionne notre infobulle. */
   left: -20px;

   background: white;

   color: #666666;
   padding: 3px;
   
   box-shadow: 0pt 2px 7px rgba(0, 0, 0, 0.5);

   /*border: 1px solid #9370D8;
   border-left: 6px solid #9370D8;*/
   
	border-style:solid;
	border-width:1px;
	
	border-left-width:6px;
}
