/*--------------------------------------------*/
/* Style de la mise en page du trombinoscope vue par les visiteurs */
/*--------------------------------------------*/

#principal_fiche
{
	width: 590px;
	float: right;
}

#principal_fiche #zonedroite
{
   overflow : hidden;
	float: right;
	width: 244px;
	height: 300px;
}

#principal_fiche #zonegauche
{
	position: relative;
	float: left;
	background-image: url(../media/img/trombi_gauche.gif);
   width: 340px;
   height: 286px;
	text-align: left;
}

#principal_fiche #zonemilieu
{
   float: left;
	width: 588px;
}

/* ZONE GAUCHE */

#principal_fiche #zonegauche #zonegauche_haut_titre
{
	position: absolute;
	width: 338px;
	height: 22px;
	top: +1px;
	left: +1px;
	overflow: hidden;
}

#principal_fiche #zonegauche #zonegauche_haut_contenu
{
	position: absolute;
	padding: 4px;
	width: 330px;
	height: 61px;
	top: +24px;
	left: +1px;
	overflow: hidden;
	text-align: justify;
}
#principal_fiche #zonegauche div.apercu
{
	width: 90px;
	margin: 10px 0 0 3px;
	padding: 1px;
	overflow: hidden;
}
#principal_fiche #zonegauche div.apercu a
{
	display: block;
	width: 90px;
	height: 14px;
	overflow: hidden;
	text-align: center;
}
#principal_fiche #zonegauche div.apercu a.apercu_avatar
{
	height: 88px;
}

#principal_fiche #zonegauche #zonegauche_fille
{
	position: absolute;
	width: 100px;
	height: 185px;
	top: +100px;
	left: +1px;
	overflow: hidden;
	text-align: center;
}
#principal_fiche #zonegauche #zonegauche_fille div.apercu
{
	border: 1px solid #FE62FF;
	background-color: #FFE5FF;
}
#principal_fiche #zonegauche #zonegauche_fille div.apercu a
{
	color: #FE62FF;
}
#principal_fiche #zonegauche #zonegauche_fille div.apercu:hover
{
	background-color: #FFEEFF;
}

#principal_fiche #zonegauche #zonegauche_garcon
{
	position: absolute;
	width: 100px;
	height: 185px;
	top: +100px;
	left: +121px;
	overflow: hidden;
	text-align: center;
}
#principal_fiche #zonegauche #zonegauche_garcon div.apercu
{
	border: 1px solid Blue;
	background-color: #C5E6FB;
}
#principal_fiche #zonegauche #zonegauche_garcon div.apercu a
{
	color: Blue;
}
#principal_fiche #zonegauche #zonegauche_garcon div.apercu:hover
{
	background-color: #E4F4FC;
}

#principal_fiche #zonegauche #zonegauche_tous
{
	position: absolute;
	width: 100px;
	height: 185px;
	top: +100px;
	left: +239px;
	overflow: hidden;
	text-align: center;
}

#principal_fiche #zonegauche a.lien_voir
{
	
}



/*--------------------------------------------*/
/*Creation de la boite de droite -search-*/
/*--------------------------------------------*/


#principal_fiche #search_haut
{
	background-image: url(../media/img/trombi_droite_haut.gif);
   height: 29px;
	margin: 0;
	padding: 1px 0 0 0;
   background-color: transparent;
	text-align: left;
}

#principal_fiche #search_milieu
{
	background-image: url(../media/img/trombi_droite_milieu.gif);
	background-position: top;
	background-repeat: no-repeat;
   background-color: white;
   border-left: 1px solid Black;
   border-right: 1px solid Black;
	text-align: left;
	padding: 5px;
}

#principal_fiche #search_bas
{
	background-image: url(../media/img/trombi_droite_bas.gif);
   height: 15px;
	background-position: top;
	background-repeat: no-repeat;
}

/*--------------------------------------------*/
/*Creation de la boite de droite -info comment-*/
/*--------------------------------------------*/


#principal_fiche #zonemilieu #trombi_list_haut
{
	background: url(../media/img/cadre_defaut_haut.gif);
   height: 20px;
	margin: 0;
	padding: 0 0 2px 0;
   background-color: transparent;
	text-align: left;
	overflow: hidden;
}

#principal_fiche #zonemilieu #trombi_list_milieu
{
	background: url(../media/img/cadre_defaut_middl.gif);
	background-position: top;
	background-repeat: no-repeat;   
   background-color: #FFFFFF;
   border-left: 1px solid Black;
   border-right: 1px solid Black;
	text-align: left;
}
#principal_fiche #zonemilieu #trombi_list_milieuBIS
{
	background-image: url(../media/img/trombi_podium.gif);
	background-position: 70% 30%;
	background-repeat: no-repeat;
}
#principal_fiche #zonemilieu #trombi_list_milieuBIS #promoClassement
{
	padding: 5px;
	border-bottom: 1px solid Black;
	font-weight: bold;
	color: Red;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10
{
	width: 585px;
	border-bottom: 1px solid Black;
	overflow: hidden;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr th
{
	width: 105px;
	padding: 5px;
	overflow: hidden;
	background-color: #FFF5EE;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr th.double
{
	width: 230px;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr td
{
	width: 105px;
	padding: 5px;
	overflow: hidden;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr td a
{
	margin-left: 5px;
	display: block;
	width: 95px;
	height: 14px;
	overflow: hidden;
	font-weight: bold;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr td a.garcon
{
	color: blue;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr td a.garcon:hover
{
	background-color: #C5E6FB;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr td a.fille
{
	color: #FE62FF;
}
#principal_fiche #zonemilieu #trombi_list_milieu table.tableTop10 tr td a.fille:hover
{
	background-color: #FFE5FF;
}

#principal_fiche #zonemilieu #trombi_list_foot
{
	background: url(../media/img/cadre_defaut_foot.gif);
   height: 10px;
	background-position: top;
	background-repeat: no-repeat;
}