@charset"UTF-8";


body {
    background: #1f1f1f  url(../images/bg2.jpg) repeat-y center; ;
    width: 835px;
    margin:0 auto;
	padding:0 auto;
	
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

 a { color:#FFFFFF; text-decoration:none;}
 
 a:hover { color:#FFFFFF; text-decoration: underline;}

#principale { float:left; width:743px; color:#FFFFFF;
margin-left:42px; 


padding:0px;


}


#bloc1 {float: left; width:270px; margin-left:0px; }
  
  
  
#bloc2 {float: left; width:470px; }         
		   
		   
#pub1 { width:740px; height:96px; float:left; margin-left:3px; background:url(../images/header.jpg); }

.plus{  width:120px; height:14px; float:right; background-color:#737373; margin:3px 3px 0px 0px ; text-align:center; padding:2px; }


.plus2{  width:130px; height:14px; float:left; background-color:#737373; margin:6px ; text-align:center; padding:2px; }


#pub_carre { width:300px; height:255px; float:left;  margin-left:15px; margin-top:7px; background-repeat:no-repeat; }


#menu { width:740px; height:32px; float:left; background-image:url(../images/menu.jpg); background-repeat:no-repeat; margin-left:3px; }


#recherche { width:728px; height:30px; float:left; background-image:url(../images/fon_cherch.jpg); background-repeat:repeat-x; margin-left:3px; padding:5px 0px 0px 10px; font-weight:bold; }


#bande_violet { width:738px; height:22px; float:left; background-image:url(../images/bangeau.jpg);  margin-left:5px; margin-top:3px; background-repeat:no-repeat; padding-top:2px; font-weight:bold; padding-left:5px; }


#sonnerie_hifi { float: left; width:265px; margin-top:3px; padding-bottom:5px;}

.top_sonnerie_hifi { width:265px; height:23px; float: left; background-image:url(../images/top_hifi.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }

#conteneur_sonnerie_hifi { width:263px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:5px;}

.mp_preview { float: left; width:45px; height:45px; margin:3px; border:1px solid #000;}

.mp_lib { float:left; height:40px; width:167px; padding:8px 0px 5px 5px; border-bottom:1px solid #1f1b1b; font-size:12px;  }
.mp_author { float:left; height:25px; width:150px; padding:5px 0px 5px 5px; border-bottom:1px solid #000; font-size:12px;  }


.mp_down { float:left; height:47px; width:35px;}

#ligne_mp_hifi { float:left; width:260px;  }


/** logos animés**/


#logos_animes { float: left; width:208px; margin-left:10px; margin-top:3px; }

.top_logo { width:208px; height:23px; float: left; background-image:url(../images/top_logo.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }

#conteneur_logo { width:208px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:5px;}

/**logo prenom**/

#logos_prenom {  float: left; width:238px; margin-left:10px; margin-top:3px; }

.top_logo_prenom { width:238px; height:23px; float: left; background-image:url(../images/top_logo_prenom.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }

#conteneur_logo_prenom { width:238px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:5px;}



/** Jeux **/




#jeu_mobile { float: left; width:460px; margin-left:10px; margin-top:3px; }

.top_jeu_mobile { width:460px; height:23px; float: left; background-image:url(../images/top_jeu.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }

#conteneur_jeu_mobile { width:460px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:0px;}





/**logos couleurs**/

#logos_coul { width:; float: left; width:140px; margin-left:10px; margin-top:3px; }

.top_logos_coul { width:140px; height:23px; float: left; background-image:url(../images/top_logo2.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }

#conteneur_logos_coul { width:140px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:5px;}



/*** poly crazy **/


.mp_downb { float:left; height:18px; width:60px;}

#ligne_mp_poly { float:left; width:207px;  }

.mp_lib_poly { float:left; height:20px; width:157px; padding:2px 0px 0px 3px; border-bottom:1px solid #1f1b1b; font-size:12px;  }


#poly {  float: left; width:225px; margin-left:10px; margin-top:3px; }


#poly2 {  float: left; width:200px; margin-left:5px; margin-top:3px; }

#ligne_mp_poly2 { float:left; width:195px;  }

.mp_lib_poly2 { float:left; height:20px; width:147px; padding:2px 0px 0px 3px; border-bottom:1px solid #1f1b1b; font-size:12px;  }

.top_poly2 { width:185px; height:22px; float: left; background-image:url(../images/top_poly2.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }



.top_hifi2 { width:487px; height:22px; float: left; background-image:url(../images/top_hifi2.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps; margin-left:10px;  }	
	
	

#conteneur_poly2 { width:215px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:5px;}
	
	



#crazy { width:; float: left; width:212px; margin-left:10px; margin-top:3px; }


.top_poly { width:225px; height:22px; float: left; background-image:url(../images/top_poly.jpg); color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0; padding:3px 0px 0px 30px; background-repeat: no-repeat; font-variant:small-caps;  }

#conteneur_poly { width:225px; float: left; border:1px solid #763c6f; background-color:#252525; padding-bottom:5px;}



.mp_logo { float: left; width:64px; height:64px; margin:2px; }




.mp_jeux { float: left; margin:12px; }



/**** Menu ****/




ul {
padding:0px;
margin:0px;
list-style-type:none;
font-weight:bold;
height:36px;

}
li
{
margin-left:1px;
height:36px;
width:120px;
font-weight:bold;
text-align:center;
float:left; /*pour IE*/
}
ul li a
{
display:block;
float:left;   
text-decoration:none;
font-weight:bold;
text-align:center;
padding:9px 8px 5px 35px;





}
ul li a:hover
{



} 




.bloc_mi_en_avt_mp {
	width: 500pxpx;
	height: 220px;
	/*float: left;*/
	margin: 0px;
	padding: 0px 0px 0px 3px;
	background-image: url(../img/mise_en_avt_mp.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
}

/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable { /* required settings */

height:175px;
margin-left:8px;
overflow:hidden;
padding-top:0px;
position:relative;
width:587px;
	/*margin-left: 3px;*/
}



/*
root element for scrollable items. Must be absolutely positioned
and it should have a super large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items { /* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
	overflow:hidden;
}

/* single scrollable item */
div.scrollable div.items div {
	float: left;
	margin-left:25px;
}

.plus_color{color:#2393C2}
div.scrollable div.items div span {
	color: #999999;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	margin-left: 28px;
}

/* active item */
div.scrollable div.items div.active {
	border: 1px inset #ccc;
	background-color: #fff;
}