#mediabox { background-image:url(../images/mediabox.png); background-position:left top; background-repeat:no-repeat; }
.newsletter {background-image:url(../images/newsletter.png); background-position:center top; background-repeat:no-repeat;}
#langbar { background-image:url(../images/bkg-langbar.png); background-position:left top; background-repeat: repeat-x;}


/* ---------------------------------------------------------------------------- MENU --- */
/*variable*/
#lists li a.tl {display:block; width:165px; height:33px; text-decoration:none; font-size:16px; font-weight:bold; color:#fff; padding:10px 0 0 0; margin:0; }
#lists div {display:none; background-image:url(../images/bkg-tablemenu.png); background-position:center bottom; background-repeat:no-repeat;}
/* ---------------------------------------------------------------------------- MENU --- */

#lists { position: relative; height:40px; float:left; z-index:800; margin:0; padding:0; } 
#lists li {display:inline; float:left; text-align:center; padding:0 0 0 0; margin:0; }

#lists li a:hover {text-decoration:none; white-space:normal; }
#lists li:hover > a {text-decoration:none; white-space:normal; }

#lists :hover div {display:block; width:653px; position:absolute; left:4px; top:39px; border:0px;  }

#lists .two:hover {position:relative;}
#lists .single:hover {position:relative;}

/* #lists .two:hover div.pos3 {background:#f5eef0; width:300px;}
#lists .single:hover div.pos4 {background:#ffefd5; width:150px;} */

#lists :hover div ul li ul {display:inline; padding:0; margin:0; float:left; }
#lists :hover div ul li ul { background:#888; margin:0px; padding:0; text-decoration:none; }

/* dm optimisation */

ul.sublists  { width: 225px; float:left; margin:0; padding:0 0 0 20px; }
ul.sublistsvig  { width: 150px; float:left; margin:0; padding:5px 0 0 5px; text-align:center;}
ul.sublists2  { width: 225px; float:left; margin:0; padding:0 0px 0 20px;}
ul.sublists3  { width: 225px; float:left; margin:0; padding:0 0px 0 20px; }
ul.sublists4 { width: 350px; float:left; margin:0; padding:0 0px 0 45px; }


ul.sublists li a  { font-size:13px; color:#FFFFFF; padding:3px 0 3px 30px; width:190px; display:block; text-align:left; }
ul.sublistsvig li a { font-size:13px; color:#FFFFFF; padding:0 0 0 0; width:140px; display:block; text-align:center; }
ul.sublists2 li a { font-size:13px; color:#FFFFFF; background-image:url(../images/bullet.gif); background-position:left 6px; background-repeat:no-repeat; padding:2px 0 2px 15px; width:190px; display:block; text-align:left; }
ul.sublists3 li a { font-size:13px; color:#FFFFFF; background-image:url(../images/bullet.gif); background-position:left 4px; background-repeat:no-repeat; padding:0 0 0 15px; width:190px; display:block; text-align:left; }
ul.sublists4 li a { font-size:12px; color:#FFFFFF; padding:0 0 0 30px; width:190px; height:30px; display:block; text-align:left; }

ul.sublists li { margin:0; padding:0; clear:both; }
.pictomakeup {background-image:url(../images/picto-menu.png); background-position:left -160px; background-repeat:no-repeat;}
.pictodressup {background-image:url(../images/picto-menu.png); background-position:left -120px; background-repeat:no-repeat;}
.pictocook {background-image:url(../images/picto-menu.png); background-position:left -200px; background-repeat:no-repeat;}
.pictodeco {background-image:url(../images/picto-menu.png); background-position:left -360px; background-repeat:no-repeat;}
.pictofun {background-image:url(../images/picto-menu.png); background-position:left -280px; background-repeat:no-repeat;}
.pictostar {background-image:url(../images/picto-menu.png); background-position:left -320px; background-repeat:no-repeat;}
.pictosurprise {background-image:url(../images/picto-menu.png); background-position:left -240px; background-repeat:no-repeat;}
.pictoexclu {background-image:url(../images/picto-menu.png); background-position:left -400px; background-repeat:no-repeat;}
.pictotop20 {background-image:url(../images/picto-menu.png); background-position:left -440px; background-repeat:no-repeat;}
.pictomusique {background-image:url(../images/picto-menu.png); background-position:left -600px; background-repeat:no-repeat;}
.pictohasard {background-image:url(../images/picto-menu.png); background-position:left -640px; background-repeat:no-repeat;}
.pictosonnerie {background-image:url(../images/picto-menu.png); background-position:left -680px; background-repeat:no-repeat;}
.pictoconcours {background-image:url(../images/picto-menu.png); background-position:left -720px; background-repeat:no-repeat;}
.pictogoodies {background-image:url(../images/picto-menu.png); background-position:left -800px; background-repeat:no-repeat;}
.pictomobile {background-image:url(../images/picto-menu.png); background-position:left -680px; background-repeat:no-repeat;}
.pictogame {background-image:url(../images/picto-menu.png); background-position:left -760px; background-repeat:no-repeat;}



.footlists { clear:both; text-align:center; padding:15px 0 10px 0;}
.footlists b { font-size:14px;}
.footlists a { color: #FFFF00; font-weight:bold;}
.sublistsune { color:#FFFFFF; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:center; margin:0; padding:0 0 5px 0; font-size:20px;}
p.sublistsune { margin:0; padding:0}
.titlelists { font-size:14px; font-weight:bold; text-align:left; padding:5px 0px 5px 0px; margin-bottom:5px; float:clear; }


#lists .two:hover div {left:-150px;}
#lists .two:hover div ul li ul {width:129px;}
#lists .two:hover div ul li ul li {width:129px;}

#lists .single:hover div ul li ul {width:129px;}
#lists .single:hover div ul li ul li {width:129px;}

#lists :hover div ul li ul li {padding:0; margin:0;}

#lists :hover div ul li ul li a {text-decoration:none; cursor:default; font-weight:normal; color:#fff;}
#lists :hover div ul li ul li a {display:block; }
#lists :hover div ul li ul li a:hover {text-decoration:underline; margin:0; padding:0;}

#lists .clear {clear:both;}