/* CSS Document */
html{background-color:#000000;}
body{ background-color:#000000; margin:0; padding:0; font:normal 11px arial;  }

#main { width:981px; margin:0 auto; }

#header { height:120px; }

#conteneur{ width:981px; background-color:#FFFFFF; height:auto !important; min-height:982px; height:982px; }

#choix_plateforme{ text-align:right; }
#choix_plateforme a img { margin:0 0 0 8px; border:0; }

#logo { float:left; margin:0 0 0 20px; }

a{ position: relative; z-index: 1; /* pour que ce soit au dessus de l'image sous IE */ }
div.recherche input{ position: relative; z-index: 1; /* pour que ce soit au dessus de l'image sous IE */ }

/* backgrounds en PNG */ 
div.recherche{ /* Mozilla ignores crazy MS image filters, so it will skip the following */ 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg_recherche.png');
background:transparent; float:right; width:194px;/*304-110*/ height:27px; /*37-15*/ margin:32px 0 0 0; padding:9px 0 0 110px; }

div[class=recherche]{ /* IE ignores styles with [attributes], so it will skip the following. */
 background:url(../images/bg_recherche.png); float:right; width:194px;/*304-110*/ height:27px; /*37-15*/ margin:32px 0 0 0; padding:9px 0 0 110px;  }

.menu img, .menu2 img{ vertical-align:bottom; margin:0 3px 0 10px; }

/* backgrounds en PNG */ 
div.menu, div.menu2{ /* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg_menu.png');
background:transparent;
width:981px; height:21px;/*28-7*/ font-weight:bold; color:#FFFFFF; padding:7px 0 0 0; }

div[class="menu"], div[class="menu2"]{ /* IE ignores styles with [attributes], so it will skip the following. */
background:url(../images/bg_menu.png) no-repeat; width:981px; height:21px;/*28-7*/ font-weight:bold; color:#FFFFFF; padding:7px 0 0 0; }

/* backgrounds en PNG */ 
div.menu2{ /* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg_menu2.png');
background:transparent; 
clear:both; }

div[class="menu2"]{ /* IE ignores styles with [attributes], so it will skip the following. */
background:url(../images/bg_menu2.png) no-repeat; clear:both; }

.menu a, .menu2 a{ color:#FFFFFF; text-decoration:none; }
.menu a:hover{ color:#0099FF; }
.menu2 a:hover{ color:#fe5f5f; }
.menu a img, .menu2 a img{ border:0; }

#pub_728x90{float:left; width:728px; height:90px;/*105*/ padding:5px 7px 10px 5px; }

#newsletter{position:relative; float:left; background:url(../images/bg_newsletter.jpg) no-repeat; width:241px; height:105px;/*96*/ }

#separation{clear:both; background-color:#d5dfde; width:961px; height:5px; margin:0 auto 5px auto; line-height:1px; font-size:1px; }

#contenu {width:961px; margin:0 auto; }

#bloc_video{float:left; width:286px; height:263px;/*258 +5*/ margin:0 0 0 10px; }

#projecteur{float:left; width:665px; height:263px;/*258 +5*/ }
#titre_projecteur{height:17px; background:url(../images/bg_projecteur.jpg) repeat-x; margin:0 0 1px 0; }

#separation2{clear:both; background-color:#01445e; width:961px; height:5px; margin:0 auto 5px auto; line-height:1px; font-size:1px; }

#content_news{ float:left; width:323px; margin:0 5px 0 0; }

#news a img, #previews a img, #tests a img, #dossiers a img{ vertical-align:bottom; border:0; }
.liens_news a img { margin:0 3px 0 10px; }
#news{width:323px; height:263px; background:url(../images/bg_news.jpg) no-repeat #d5dfde; }
#news a, #previews a, #tests a, #dossiers a { color:#000000; text-decoration:none; }
#news a:hover, #previews a:hover, #tests a:hover, #dossiers a:hover { text-decoration:underline; }
.gris { color:#999999; }

#logo_rubrique { margin:0 0 0 10px; }
.logo_article { margin:0 5px 0 0; float:left; padding:0 0 0 10px; }
.article_content, .article_content2, .article_content3 { width:270px; float:left; margin:0 0 6px 0; line-height:12px; }
.article_content2 { width:253px; margin:0 0 6px 0; }
.article_content3 { width:221px; margin:0 0 6px 0; }

#content_previews{ float:left; width:273px; margin:0 5px 0 0; }
#previews{width:273px; height:263px; background:url(../images/bg_preview.jpg) no-repeat #d5dfde; }

/*--------------------
TOP 10
---------------------*/
#top10{float:left; width:189px; height:275px; }
#header_vote { height:24px; width:177px;/*189-12*/ background-color:#1AB3DC; margin:0 0 5px 0; color:#FFFFFF; padding:0 0 0 12px; }
#header_vote a, #votes a { color:#FFFFFF; text-decoration:none; }
#header_vote a:hover, #header_vote a:active, #header_vote a:focus { text-decoration:underline; }
#votes { height:232px;/*240-8*/ width:181px;/*189-8*/ background-color:#1AB3DC; padding:4px; color:#FFFFFF; font:normal 12px arial; }
#sprt { height:1px; line-height:1px; font-size:1px; border-bottom:1px solid #FFFFFF; margin:1px 0; }
.number { width:20px; float:left; font-weight:bold; text-align:right; margin:0 5px 0 0; }

#sondage{float:left; width:160px; height:282px; background:url(../images/bg_sondage.jpg) no-repeat bottom #19546f; color:#FFFFFF; text-align:center; }
#sondage a { color:#FFFFFF; }

#sondage form { margin:20px 10px 0 5px; padding:0; }
#sondage p { text-align:left; }
#resultat { margin:0 10px 0 5px; }
#bloc-image { clear:both; width:647px;/*657-10*/ height:128px;/*131-3*/ background:url(../images/bg_image_video.jpg) no-repeat #026491; padding:3px 0 0 10px; margin:0 0 10px 0; }

#titre_pub{clear:both;}

#tests{width:261px; height:307px; float:left; background:url(../images/bg_test.jpg) no-repeat #d5dfde; margin:0 5px 0 0; }

#dossiers_jeux{ float:left; }
#dossiers{width:239px; height:197px; background:url(../images/bg_dossier.jpg) no-repeat #d5dfde; margin:0 0 3px 0; }
#jeux{width:239px; height:106px; }

#tests_dossiers_jeux { float:left; margin:0 7px 0 0; }

#shopping{float:left; height:306px; width:143px; background:url(../images/bg_shopping.jpg) repeat-x bottom  #000000; margin:0 6px 0 0; color:#C1C1C1; text-align:center; }

.liens_magasins { color:#FFFFFF; font-weight:bold; }
.fiche_magasin  { color:#ffcc33; }

#logo_fiche_jeux { margin:0 auto 10px auto; width:95px; border:1px solid #FFFFFF; }

#pub_300x250{ float:left; margin:5px 0 0 0;}

#jeux_sms { width:290px;/*300-10*/ height:47px; background:url(../images/bg_jeux_sms.jpg) repeat-x #185a76; float:left; margin:4px 0 0 0; color:#FFFFFF; padding:0 5px 0 5px; }

#separation4{ clear:both; height:5px; line-height:1px; font-size:1px; }

#titre_rubrique { width:656px; height:33px; background:url(../images/bg_rubrique.jpg) no-repeat #085F8C; margin:0 0 5px 0; }

#gauche { width:656px; float:left; }

#droite { width:300px; float:left; }
#test_platforme { float:right; margin:14px 8px 0 0; }
#test_platforme a img { margin:0 0 0 5px; border:0; }

/*===============================================================================================================

>>>>>        A F F I C H A G E      D ' U N      A R T I C L E      P A R M I     U N E      L I S T E

================================================================================================================*/
a img
{
border:0;
}
.article_ligne_liste{
width:646px;/*656-10*/
background-image:url(../images/bg_bg.jpg);
background-repeat:no-repeat;
background-color:#FAFAFA;
padding:15px 10px 15px 0;
margin-bottom:5px;
overflow:hidden;
font-size:12px;
}
.article_ligne_liste .article_logo{
float:left;
padding:0 0 0 10px;
}
.article_ligne_liste .article_logo2 { float:left; padding:0; }
.article_ligne_liste .article_logo img, .article_ligne_liste .article_logo2 img{
border:1px solid #000000;
}
.article_ligne_liste .article_intro, .article_ligne_liste .article_intro2{
margin: 0 0 5px 0;
}
.article_intro .date_article, .article_intro2 .date_article{
color:#666666;
}

.logo_plateforme { vertical-align:bottom; }

.intro { font:normal 12px arial; }
.article_intro h1, .article_intro2 h1,
.article_intro h1 a, .article_intro2 h1 a
{
display:inline;
font-size:13px;
color:#000000;
text-decoration:none;
}
.article_intro h1 a:hover, .article_intro2 h1 a:hover
{ text-decoration:underline;}
.article_intro p, .article_intro2 p{
color:#000000;
margin-top:3px;
text-align:justify;
}
.article_intro p a{
color:#000000;
text-decoration:none;
}

.article_intro2 p a{
color:#0066CC;
text-decoration:underline;
}

.article_intro2 a img { border:0; }

/*--------------------------------------------
PAGINATION DES ARTICLES
--------------------------------------------*/
.article_liste_pagination
{
margin:0 auto;
text-align:center;
margin:10px 0 20px 0;
}
.article_liste_pagination a{color:#000000;
text-decoration:none;}
.article_liste_pagination .on{
font-size:13px;
font-weight:bold;}
#article_pagination_bt_precedent{
margin-right:10px;
}
#article_pagination_bt_suivant{
margin-left:10px;
}
/*===============================================================================================================

>>>>>        B L O C S    A    D R O I T E     S I T E

================================================================================================================*/
.bloc-droite{margin:5px 0 0 0;}
.bloc-jeu-gameplay{ float:left; }
.bloc-jeu-sms
{
background-image:url(../images/bg-bloc-sms.jpg);
background-repeat:no-repeat;
background-position:top-left;
width:270px;/*300-30*/ 
height:150px;/*180-30*/
padding:25px 15px 5px 15px;
color:#FFFFFF;
}
.bloc-sondage{
background-image:url(../images/bg-bloc-sondage.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#0c76a6;
padding:25px 15px 5px 15px;
color:#FFFFFF;
}
.bloc-sondage a { color:#FFFFFF; }
.bloc-sondage form{text-align:center; margin:0; padding:0; }
.bloc-sondage p { text-align:left; margin:0 0 10px 0; padding:0; }
.ligne_sondage{text-align:left;margin-top:5px}
#btSubmit{margin:0 auto;text-align:center;margin:20px 0 10px 0;}
.bloc-sondage a {display:block;margin:0 auto;text-align:center;}
/*===============================================================================================================

>>>>>        F O O T E R     D U     S I T E

================================================================================================================*/
#footer
{color:#FFFFFF;}
/*--------------------
SIGNATURE
---------------------*/
#signature{overflow:hidden;margin:10px 10px 20px 10px;}
#signature #partenaires{float:left;}
#signature #andurance{float:left; margin:0 0 0 30px;}
#andurance a {color:#FFFFFF;text-decoration:none;}
#andurance a:hover {text-decoration:underline;}
#contact_liens { color:#FFFFFF; float:left; margin:0 0 0 50px; padding:12px 0 0 0; }
#contact_liens a { color:#FFFFFF; }
/*--------------------
LISTE DE LIEN
---------------------*/
.footer_liste{width:20%;float:left;}
.footer_liste h1{
font-size:12px;
color:#C7C499;
font-weight:bold;
margin:0;padding:0;
}
.footer_liste ul{margin:0;padding:8px;
list-style-type:none;
line-height:1;
}
.footer_liste h2{
margin:0;padding:0;
font-size:12px;
color:#989898;
font-weight:normal;
}
.footer_liste h2 a{
color:#989898;
text-decoration:none;
}
.footer_liste h2 a:hover{ text-decoration:underline;}
#plan{clear:both; float:left; margin:30px 0; width:821px; }

.ligne { font:normal 12px arial; color:#999999; }

.ligne .rouge a {
color:#c5050d;
font:bold 12px arial;
margin:0 20px 0 0;
text-decoration:none;
}

.ligne a { color:#999999; text-decoration:none; }

/**************************************************************

           >>>> C O M M E N T A I R E
		   
***************************************************************/
#titre_commentaire { font:bold 12px arial; color:#000000; }
#comm_bulle { width:290px; margin:0 auto; padding:10px; background-color:#0873A4; color:#FFFFFF; }
#comm_bulle a { color:#FFFFFF; }

#liens_type { margin:10px 0 0 0; float:left; }
#liens_type a { margin:0 0 0 5px; color:#FFFFFF; display:block; padding:0 5px; }
a.on { background-color:#FFFFFF; border-bottom:5px solid #FFFFFF; }
#liens_type a:hover { border-bottom:5px solid #FFFFFF; }
#conteneur_fiche_jeux { float:left; margin:0 10px 10px 0; }
.fiche_jeux { background:url(../images/bg_fiche_jeux.jpg) repeat-x #6d6d6d bottom; height:auto !important; min-height:510px; height:510px; width:217px; color:#FFFFFF; font:normal 12px arial; }
.fiche_jeux h1 { color:#000000; font:bold 12px arial; display:block; margin:0; padding:0; }
.spip_documents_left { margin:0 10px 0 0; padding:0; }
.spip_documents_right { margin:0 0 0 10px; padding:0; }
.spip_documents_right img , .spip_documents_left img { border:1px solid #000000; }
#nom_jeux { font:normal 18px arial; }
#nom_jeux2 { font:normal 18px arial; }
#vote { text-align:right; height:15px; margin:0 -10px 10px 0; }
#eval, #voir_eval { float:right; background:url(../images/bg_eval.jpg) repeat-x #f60102; height:14px; color:#FFFFFF; font:bold 12px arial; padding:0 5px; margin:0 0 0 5px; }
#eval a, #voir_eval a { color:#FFFFFF; text-decoration:none; }
#voir_eval { background:url(../images/bg_voir_eval.jpg) repeat-x #e68b1e; }
h3.spip  { font:bold 14px arial; color:#006699; }

#conclusion { width:546px;/*545*/ float:left; text-align:justify; margin:0 10px 0 0; }
#note_gameplay,#note_internaute { width:90px; height:100px;/*58px;63-5*/ float:left; background:url(../images/bg_note_gp.jpg) repeat-x #046291; font:normal 11px arial; color:#FFFFFF; text-align:center; padding:5px 0 0 0; margin:0; }
#note_internaute{float:right; width:88px; height:56px; margin:5px 1px 0 0; background:none; color:#234457; border:1px solid #234457;}


#alphab { text-align:center; margin:10px 0;}
#alphab a { font:bold 14px arial; text-decoration:none; color:#000000; }
#alphab a:hover { color:#0874a5; text-decoration:underline; }

#annonceur2 { width:654px; border:1px solid #67a3c1; margin:0 0 20px 0; font:normal 10px verdana; }
#contenu_annonceur2 { background:url(../images/bg_annonceur.jpg) no-repeat #d3dddc; padding:10px 0 0 0; width:654px; color:#000000; float:left; }

#extra { padding:5px 0 5px 0; font:normal 10px verdana; color:#12a1c7; }
#extra img { margin:0 0 0 10px; }
#extra a { color:#12a1c7; text-decoration:none; }
#extra a:hover { text-decoration:underline; }

#titre_offre { height:22px; background:url(../images/bg_titre_offre.jpg) repeat-x #036393; margin:0 0 20px 0; }
#bloc_promo { background:url(../images/bg_promo.jpg) no-repeat #d5dfde; width:324px;/*32-2*/ height:124px;/*126-2*/ float:left; padding:1px; }

/* SCROLL UP */
#scrollup {
  	position: relative;
  	overflow: hidden;
 	height: 47px;
  	width: 290px;
	float:left;
}

.headline
{
width:290px;
height:47px;
font:normal 11px verdana;
color:#FFFFFF;
position: absolute;
top: 290px;
left: 0px;
}

#TB_window { border:5px solid white; }
iframe { background:url(../images/ajax-loader.gif) no-repeat center; }

.ventes_on, .votes_on { text-decoration:underline; }
.ventes_off, .votes_off { text-decoration:none; }

/*==========================
P L A N 
==========================*/
#plan ul{
list-style-type:square;
line-height:0;}
#plan ul li{color:#FF9900;}
#plan h2
{
font:bold 11px Arial, Helvetica, sans-serif;

}
#plan h2 a {text-decoration:none;color:#0066CC;}