/*--------------------------------------------*/
/* Style de la mise en page du  listing des news vue par les visiteurs */
/*--------------------------------------------*/

div#recherche_stop
{
	background-color: #F9F9F9;
	width: 578px;
	text-align: left;
	float: right;
	border: 2px solid Red;
	padding: 5px;
	margin-bottom: 10px;
}
div#principal_liste
{
   background-color: transparent;
	width: 588px;
	text-align: left;
	float: right;
}
div#principal_recherche
{
   background-color: transparent;
	width: 588px;
	text-align: left;
	float: right;
}

/*--------------------------------------------*/
/*Creation de la boite de recherche*/
/*--------------------------------------------*/


div#principal_recherche div#recherche_titre
{
	background-image: url(../media/img/cadre_defaut_haut.gif);
   height: 22px;
}

div#principal_recherche div#recherche_contenu
{
	background-image: 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;
	padding: 5px;
}
div#principal_recherche div#recherche_contenu span.fille
{
	color: #FE62FF;
	font-weight: bold;
}
div#principal_recherche div#recherche_contenu span.garcon
{
	color: Blue;
	font-weight: bold;
}
div#principal_recherche div#recherche_contenu span.general
{
	color: Black;
	font-weight: bold;
}

div#principal_recherche div#recherche_pied
{
	background-image: url(../media/img/cadre_defaut_foot.gif);
	background-position: top;
	background-repeat: no-repeat;
   height: 10px;
}

/*--------------------------------------------*/
/*Creation de la boite du tableau*/
/*--------------------------------------------*/


div#principal_liste div#liste_titre
{
	background-image: url(../media/img/cadre_defaut_haut.gif);
   height: 22px;
}

div#principal_liste div#liste_contenu
{
	background-image: url(../media/img/cadre_defaut_middl.gif);
	background-position: top;
	background-repeat: no-repeat;
   background-color: #FFFFFF;
}

div#principal_liste div#liste_pied
{
	background-image: url(../media/img/cadre_defaut_foot.gif);
	background-position: top;
	background-repeat: no-repeat;
   height: 10px;
}

/*
Mise en page du tableau
*/

div#principal_liste div#liste_contenu table#tableau_liste
{
	border-left: 1px solid Black;
	width: 588px;
}

div#principal_liste div#liste_contenu table#tableau_liste thead
{
	background-color: #3399FF;
	color: white;
	font-weight: bold;
}

div#principal_liste div#liste_contenu table#tableau_liste tfoot
{
	background-color: #3399FF;
	color: white;
	font-weight: bold;
	text-align: right;
}

div#principal_liste div#liste_contenu table#tableau_liste th
{
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	text-align: left;
	height: 20px;
}

div#principal_liste div#liste_contenu table#tableau_liste td
{
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
}
div#principal_liste div#liste_contenu table#tableau_liste tbody#corp_tableau_liste td
{
	padding: 2px;
	font-weight: bold;
}

div#liste_contenu table#tableau_liste div.apercu
{
	width: 90px;
	margin: 2px;
	padding: 1px;
	overflow: hidden;
}
div#liste_contenu table#tableau_liste div.apercu a
{
	display: block;
	width: 90px;
	height: 14px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
}
div#liste_contenu table#tableau_liste div.apercu a.apercu_avatar
{
	height: 80px;
}

div#liste_contenu table#tableau_liste td.fille div.apercu
{
	border: 1px solid #FE62FF;
	background-color: #FFE5FF;
}
div#liste_contenu table#tableau_liste td.fille div.apercu a
{
	color: #FE62FF;
}
div#liste_contenu table#tableau_liste td.fille div.apercu:hover
{
	background-color: #FFEEFF;
}
div#liste_contenu table#tableau_liste td.garcon div.apercu
{
	border: 1px solid Blue;
	background-color: #C5E6FB;
}
div#liste_contenu table#tableau_liste td.garcon div.apercu a
{
	color: Blue;
}
div#liste_contenu table#tableau_liste td.garcon div.apercu:hover
{
	background-color: #E4F4FC;
}

div#principal_liste div#liste_contenu table#tableau_liste table#table_control
{
	 border: 0;
}

div#principal_liste div#liste_contenu table#tableau_liste table#table_control tr
{
	 border: 0;
}

div#principal_liste div#liste_contenu table#tableau_liste table#table_control td
{
	 border: 0;
	 height: 25px;
}