@charset "utf-8";
/* ---------------------------   HOME MEILLEUR DU WEB   ------------------------------------*/


/*HOME MEILLEUR DU WEB (principal MeilleurWeb) */

#principalMeilleurWeb {
    width:552px;
	float:left;
}

/* HOME MEILLEUR DU WEB (skyscraper pub ) */
#skyscraperPubHomeWeb {
	margin-bottom:20px;
	width:180px;
	height:620px;
	background:url(../images/skyscraperPub.png) no-repeat;
	clear:left;
}

/*HOME MEILLEUR DU WEB (titre de la page) */

#titreTableauMeilleurWeb {
	font-family: 'Arial', sans-serif;
    font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top:20px;
	margin-bottom:40px;
	width:742px;
	float:left;
}

/* HOME MEILLEUR DU WEB (liste des articles / a gauche) */

#tableauListeMeilleurWeb {
    width:342px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
	margin-right:10px;
	float:left;
}

/*navigation liste astuces*/

#tableauListeMeilleurWeb #navigation {
   font-family: 'Arial', sans-serif;
   font-size:12px;
   text-align:center;
   width:342px;
   height:16px;
   margin-top:5px;
   margin-bottom:5px;
   clear:left;
}

#tableauListeMeilleurWeb #navigation a{
   padding:2px;
   text-decoration:none;
   display:inline-block;
   color:#000000;
}

#tableauListeMeilleurWeb #navigation span{
   padding:2px;
   display:inline-block;
   color:#CCCCCC;
}

#tableauListeMeilleurWeb #navigation span.actuel{
   font-weight:bold;
}

#tableauListeMeilleurWeb #navigation span.actuel, #tableauListeMeilleurWeb #navigation a:hover{
   color:#EB7106;
}

/* numero des pages*/

#tableauListeMeilleurWeb #page {
	font-size: 12px;
	color: #000000;
	font-style: italic;
	text-align: right;
	background-color:#FFFFFF;
	width:332px;
	height:1em;
	padding:0px 5px 5px 5px;
	clear:left;
}

/*chargement*/

#tableauListeMeilleurWeb #chargement {
	font-size: 12px;
	color:#FFFFFF;
	text-align:center;
	background:url(../images/transparentGris50.png) repeat;
	width:342px;
	height:600px;
	position:relative;
	z-index:1;
}

#tableauListeMeilleurWeb #chargement .infos{
	color:#000000;
	background-color:#FFFFFF;
    text-align:center;
	border:double 3px #904890;
	width:200px;
	height:25px;
	padding:5px 0px;
	margin:0px 68px;
	position:relative;
	z-index:1;
	top:100px;
}

#tableauListeMeilleurWeb #chargement .infos span{
   	font-size: 11px;
    position:relative;
	z-index:1;
	top:-7px;
}

/*aucun resultat*/

#tableauListeMeilleurWeb #aucunResultat {
	font-size: 12px;
	font-style: oblique;
	text-align: center;
	margin-top:45px;
}

/* Liste */

#listeMeilleurWeb {
    width:342px;
	font-family: 'Arial', sans-serif;
	margin-right:10px;
	float:left;
	margin-bottom:10px;
}

#listeMeilleurWeb .ligne {
	width:332px;
	padding:1em 5px;
	border-top:solid 2px #CCA8CC;
	overflow:hidden;
}

#listeMeilleurWeb a.ligne {
	display:block;
	text-decoration:none;
	color:#000000;
}

#listeMeilleurWeb a.ligne:hover {
	background-color:#F2EDF5;
}

#listeMeilleurWeb .ligne .titre {
	font-size:13px;
	font-weight:600; 
	margin-bottom:5px;
}

#listeMeilleurWeb .ligne .titre {
	color:#000000;
}

#listeMeilleurWeb a.ligne:hover .titre{
	color:#904890;
}

#listeMeilleurWeb .ligne .anglais {
	font-size:11px;
	font-style:italic;	
	color:#904890;
}

#listeMeilleurWeb .ligne .contenu {
    
}

#listeMeilleurWeb .ligne .contenu .blocImage{
	width:80px;
	overflow:hidden;
	border:solid 1px #CCA8CC;
	margin-right:10px;
	float:left;
}

#listeMeilleurWeb .ligne .contenu img{
	height: 60px;
	border:none;
}

#listeMeilleurWeb .ligne .contenu .texte {
    height:70px;
	font-size:12px;
	overflow:hidden;
}

#listeMeilleurWeb .ligne .contenu .intitule {
    color:#904890;
	margin-top:5px;
	text-align:right;
}

#listeMeilleurWeb .ligne .contenu .intitule span{
	font-weight:bold;
}


/*HOME MEILLEUR DU WEB (recherche / a gauche) */

#rechercheMeilleurWeb {
	width:180px;
	height:90px;
	background-color:#FFFFFF;
	padding:0px;
	margin-bottom:20px;
}

#rechercheMeilleurWeb #centre{
	background:url(../images/rechercheMeilleurWeb.png) no-repeat;
	width:180px;
	height:90px;
	overflow:hidden;
}

#rechercheMeilleurWeb #centre .titre{
	font-family: 'Arial', sans-serif;
    font-weight:bold;
	color:#000000; 
	text-transform:uppercase;
	font-size:13px;
	margin-top:10px;
	text-align:center;
	line-height:1.3em;
}

#rechercheMeilleurWeb #centre input{
	width:155px;
	margin-top:10px;
	margin-left:10px;
	border:solid 1px #904890;
}

/* HOME MEILLEUR DU WEB (liste des sites recommandés / a droite) */

#colonneSitesRecommandes {
    font-family: 'Arial', sans-serif;
    font-size:12px;
	width:200px;
    float:left;
}

/*navigation*/

#colonneSitesRecommandes #navigation {
   font-family: 'Arial', sans-serif;
   font-size:12px;
   text-align:center;
   height:16px;
   width:200px;
   margin-top:5px;
   margin-bottom:5px;
   clear:left;
}

#colonneSitesRecommandes #navigation a{
   padding:2px;
   text-decoration:none;
   display:inline-block;
   color:#000000;
}

#colonneSitesRecommandes #navigation span{
   padding:2px;
   display:inline-block;
   color:#CCCCCC;
}

#colonneSitesRecommandes #navigation span.actuel{
   font-weight:bold;
}

#colonneSitesRecommandes #navigation span.actuel, #colonneSitesRecommandes #navigation a:hover{
   color:#EB7106;
}

/*chargement*/

#colonneSitesRecommandes #chargement {
	font-size: 12px;
	color:#FFFFFF;
	text-align:center;
	background:url(../images/transparentGris50.png) repeat;
	width:200px;
	height:833px;
	position:relative;
	z-index:1;
}

#colonneSitesRecommandes #chargement .infos{
	color:#000000;
	background-color:#FFFFFF;
    text-align:center;
	border:double 3px #904890;
	width:180px;
	height:25px;
	padding:5px 0px;
	margin:0px 7px;
	position:relative;
	z-index:1;
	top:77px;
}

#colonneSitesRecommandes #chargement .infos span{
   	font-size: 11px;
    position:relative;
	z-index:1;
	top:-7px;
}

#colonneSitesRecommandes #entete {
    text-align:center;
    background-color:#904890;
	font-size:13px;
	padding-top:0.2em;
	padding-bottom:0.4em;
	margin-bottom:0px;
	color:#FFFFFF;
	font-weight:bold;
}

/*liste*/

#listeSitesRecommandes {
	width: 178px;
	border: solid 1px #904890;
	background-color: #FFFFFF;
	padding:10px;
	min-height:800px;
}

#listeSitesRecommandes #aucunResultat {
	font-size: 12px;
	font-style: oblique;
	text-align: center;
	margin-top:10px;
}

#listeSitesRecommandes #contenu {
    margin-bottom:10px;
	margin-top:5px;	
	font-size:11px;
}

#listeSitesRecommandes #contenu a{
	text-decoration:none;
	color:#904890;
	font-size:13px;
	font-weight:bold;
}

#listeSitesRecommandes #contenu a:hover{
	color:#EB7106;
}