@import url("common.css");

/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:11px Arial, Verdana, Helvetica, sans-serif; color:#fff; background-color:White; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; }
table { border-collapse:collapse; }
a { outline:none; }
input:focus{ outline:none; }
.clear { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix { display:block; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; }
.png { behavior: url(win_png.htc); }

#wrap { width:1022px; padding:0; margin:0 auto; background:url(../img/main_bg.png) left top no-repeat;position:relative; }
#header { padding:0 0 0 0; margin:0;  background:url(../img/header_bg.jpg) left top no-repeat;position:relative; z-index:10;}
.emosplash #header { height:164px; }

#main { padding:0 11px 30px 11px; margin:0;  zoom:1; }
#content { width:670px; padding:0 9px; margin:0; float:left; }
* html #content { padding:0 5px 0 9px; }
#sidebar { width:305px; padding:0; margin:0; float:left; }
#footer { padding:0; margin:0; background:url(../img/bg_footer.jpg) left top repeat-xs; height:105px; }
#contentlarge { width:1000px; padding:0 9px; margin:0; float:left; }
#popcontent { background-color:White;}
/* TOP NAV */

#topNav { padding:5px 0 0 0; margin:0; float:left; }
#topNav ul { margin:0; padding:0; list-style-type:none; }
#topNav ul li { float:left; padding:5px 15px 0 0; margin:0; }
#topNav ul li.subItem { padding:5px 5px 0 0; width:46px;}
* html #topNav ul li.subItem { padding:5px 15px 0 0; width:45px; }
#topNav ul li a { font-family:Tahoma,Verdana,Arial; font-size:13px; color:#fff; text-decoration:none; }
#topNav ul li#windowsLiveLogo { width:190px; }
#topNav ul li#windowsLiveLogo a { display:block; width:121px; height:15px; background:url(../img/logo_windows_live.png) left top no-repeat; text-indent:-9999px; overflow:hidden; position:relative; cursor:pointer; padding:0; margin:0; }
* html #topNav ul li#windowsLiveLogo a  {  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }
#searchLive { float:left; padding:5px 0px 0 18px; margin:0; }
* html #searchLive { padding:5px 0px 0 0px; }
#searchLive form { float:left; width:228px; height:25px; background:url(../img/bg_form_search.gif) left top no-repeat; padding:0; margin:0; }
#searchLive label { position:absolute; top:-10000px; left:-10000px; overflow:hidden; }
#searchLive input { width:190px; height:20px; padding:3px 0 0 0; margin:1px 1px 1px 8px; font-family:Tahoma,Verdana,Arial; font-size:13px; color:#8c8c8c; float:left; border:0; background:#fff; }
#searchLive button { border:0; background:url(../img/bt_valid_search.gif);  width:22px; height:21px;overflow:visible; padding:0; margin:1px 0 0 0; cursor:pointer; float:left; }
#searchLive button img{ display:none; }
#loginLogout { float:right;  min-height:31px;height:31px; padding:5px 0 0 0; margin:0; margin-right:31px;  width:100px; font-family:Tahoma,Verdana,Arial; font-size:13px; color:#fff; }
#loginLogout  a { font-family:Tahoma,Verdana,Arial; font-size:13px; color:#fff; text-decoration:none; display:block; background:url(../img/icon_connexion.gif) right top no-repeat; padding:0; margin:0; min-height:31px; height:auto !important; height:31px; line-height:27px; }

#logo { padding:0 ;   position:absolute; left:29px;top:48px; width:359px; height:69px; z-index:20;}
#logo h1 a { display:block; width:359px; height:69px; background:url(../img/logo_ilm.png) left top no-repeat; text-indent:-9999px; overflow:hidden; position:relative; cursor:pointer; padding:0; margin:0; }
#logo div a { display:block; width:359px; height:69px; background:url(../img/logo_ilm.png) left top no-repeat; text-indent:-9999px; overflow:hidden; position:relative; cursor:pointer; padding:0; margin:0; }
* html #logo h1 a {  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')"); }

/* MAIN NAV */
#nav { width:1000px; padding:102px 0 0 0; margin:0 0 0 11px; clear:both;height:26px;  }
* html #nav { padding:0px; margin-top:102px;}

#nav ul { margin:0; padding:0; list-style-type:none; }
#nav ul li { float: left; margin: 0 1px 0 0; padding:0; background:url(../img/bg_nav.jpg) left top repeat-x;  }
#nav ul li a  { display:block; width:72px; font-size:11px; color:#fff; text-decoration:none; padding:0 0 0 37px; margin:0; height:26px; line-height:26px; position:relative; cursor:pointer; }
#nav ul li#tab01 a { width:114px; text-indent:-9999px; background:url(../html/layout_nav/medias/bt01.png) left top no-repeat; padding:0; 
  /* IE6 only - transparency with proper handling of relative URLs */  
  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')"); }
#nav ul li#tab02 a { width:77px; background:url(../html/layout_nav/medias/bt02.png) left top no-repeat; }
* html #nav ul li#tab02 a {  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }
#nav ul li#tab03 a { width:77px; background:url(../html/layout_nav/medias/bt03.png) left top no-repeat; }
* html #nav ul li#tab03  a {  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }
#nav ul li#tab04 a { width:115px; background:url(../html/layout_nav/medias/bt04.png) left top no-repeat; }
* html #nav ul li#tab04  a {  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')"); }
#nav ul li#tab05 a { width:92px; background:url(../html/layout_nav/medias/bt05.png) left top no-repeat; }
* html #nav ul li#tab05  a {  _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }
#nav ul li#tab06 a { width:98px; background:url(../html/layout_nav/medias/bt06.png) left top no-repeat; }
* html #nav ul li#tab06  a { _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }
#nav ul li#tab07 a { width:97px; background:url(../html/layout_nav/medias/bt07.png) left top no-repeat; }
* html #nav ul li#tab07  a { _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }
#nav ul li#tab08 { margin:0; }
#nav ul li#tab08 a { width:62px; background:url(../html/layout_nav/medias/bt08.png) left top no-repeat; }
* html #nav ul li#tab08  a { _behavior: expression(   this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='crop')");  }


/*  BREADCRUMB  */
#breadcrumb { padding:0; margin:0px 0 0 11px; clear:both; height:19px; }
#breadcrumb ul { margin:0; padding:0 0 0 4px; list-style-type:none; }
#breadcrumb ul li { float:left; padding:0 0 0 5px; margin:0; font-size:10px; color:#f930a4; line-height:19px; }
#breadcrumb ul li strong { color:#166c92; font-weight:normal; }
#breadcrumb ul li a { font-size:10px; color:#166c92; text-decoration:none; }
/* SLIDESHOW HOME PAGE */

#slideShowContainer { width:670px; height:345px; padding:0; margin:0 0 8px 0; overflow:hidden; position:relative; clear:both; }
#slideShow { position:absolute; left:0; top:0; width:453px; height:345px; padding:0; margin:0; z-index:1; }
#slideShow ul { margin:0; padding:0; list-style-type:none; }
#slideShow ul li { float:left; }
#navSlideShow { position:absolute; right:0; top:0; width:228px; height:345px; padding:0; margin:0; overflow:hidden; z-index:2; }
#navSlideShow li { margin:0; padding:0; list-style-type:none; }
#navSlideShow a { width:228px; height:69px; background:url(../img/bg_tab_slideshow_off.png) left top no-repeat; color:#fff; text-decoration:none; display:block; padding:0; margin:0 0 0 9px; position:relative; cursor:pointer; vertical-align: bottom; }
* html #navSlideShow a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_tab_slideshow_off.png', sizingMethod='crop'); }
#navSlideShow a:hover, #navSlideShow a.activeSlide { background:url(../img/bg_tab_slideshow_on.png) left top no-repeat; margin:0; }
* html #navSlideShow a:hover { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_tab_slideshow_on.png', sizingMethod='crop'); }
* html #navSlideShow a.activeSlide { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_tab_slideshow_on.png', sizingMethod='crop'); }
#navSlideShow a img { float:left; }
#navSlideShow a strong { font-size:14px; text-transform:uppercase; display:block; padding:0; margin:0; }
#navSlideShow img { display: block }
#navSlideShow a span { position:absolute; left:60px; top:15px; width:155px;}

/* TAB CONTENT */
.contentWithTabs { width:314px; height:448px; padding:10px 10px 0 10px; margin:0; background:url(../img/bg_containerTabs.png) left top no-repeat; float:left; }
* html .contentWithTabs { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_containerTabs.png', sizingMethod='crop'); }
.contentWithTabs h2 { display:block; text-indent:-9999px; padding:0 0 8px 0; margin:0; overflow:hidden; }
#perso h2 { width:140px; height:11px; background:url(../img/txt_personnalisation.png) left top no-repeat; }
* html #perso h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/txt_personnalisation.png', sizingMethod='crop'); }
#jeux { float:right; margin:0; }
#jeux h2 { width:61px; height:11px; background:url(../img/txt_les_jeux.png) left top no-repeat; }
* html #jeux h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/txt_les_jeux.png', sizingMethod='crop'); }
.contentWithTabs ul { list-style-type:none; padding:0; margin:0; }
.contentWithTabs div { width:309px; background:url(../img/bg_contentTabs.png) left top no-repeat; zoom:1; padding:0 0 5px 0; margin:0; min-height:297px; height:auto !important; height:297px; }
* html .contentWithTabs div { padding:0 0 22px 0; }
 *:first-child+html .contentWithTabs div { padding:0 0 22px 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.contentWithTabs div { padding:0 0 22px 0; }
}
body:nth-of-type(1) .contentWithTabs div { padding:0 0 5px 0; }
#jeux div  { background:url(../img/bg_contentTabs_jeux.png) left top no-repeat; min-height:337px; height:auto !important; height:337px; padding:0; }
.contentWithTabs div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.contentWithTabs dl { padding:0; margin:0; }
.contentWithTabs dt { padding:0; margin:0 0 8px 0; float:left; position:relative; background:url(../img/bg_pic.png) left top no-repeat; width:86px; height:82px; clear:both; }
* html .contentWithTabs dt { background-image:url(../img/bg_pic.gif); }
.contentWithTabs dt img { display:block; margin:9px 0 0 10px; width:65px; height:65px; }
.contentWithTabs dt span { position:absolute; left:0; top:0; width:86px; height:82px; background:url(../img/bg_illus.png) left top no-repeat; text-indent:-9999px; }
* html .contentWithTabs dt span { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_illus.png', sizingMethod='crop'); }
.contentWithTabs dt a { position:relative; width:86px; height:82px; display:block; }
.contentWithTabs dd { padding:0; margin:0 0 28px 0; float:left; width:219px; }
#jeux dd { margin:0 0 30px 0; }
 * html  #jeux dd { margin:0 0 36px 0; }
 *:first-child+html .contentWithTabs dd { margin:0 0 30px 0; }
 *:first-child+html #jeux  dd { margin:0 0 47px 0; }
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	#jeux  dd { margin:0 0 40px 0; }
}


body:nth-of-type(1) #jeux  dd { margin:0 0 28px 0; }
.contentWithTabs dd p { font-size:11px; color:#166c92; padding:0 0 5px 0; margin:0; height:28px;}
.contentWithTabs h3 a { color:#d037bc; font-size:16px; font-weight:bold; text-decoration:none; margin:0; padding:3px 0 0 0; display:block; position:relative; }
.contentWithTabs div ul li { padding:0 0 2px 0; margin:0; }
.contentWithTabs div ul li a { background:url(../img/icons.gif) left top no-repeat; display:block; color:#77ae1b; font-size:11px; padding:2px 0 2px 20px; margin:0; position:relative; }
* html .contentWithTabs div ul li a { height:1%; }
.contentWithTabs div ul li.dld a { background-position:0 0; }
 * html .contentWithTabs div ul li.dld a { margin:-4px 0 0 0; }
 *:first-child+html .contentWithTabs div ul li.dld a { margin:-4px 0 0 0; }
.contentWithTabs div ul li.addToBasket a { background-position:0 -36px; }
.contentWithTabs div ul li.vote { padding:0; margin:0; display:block; clear:both; width:184px; }
.contentWithTabs div ul li.vote:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.contentWithTabs div ul li.vote a { background:none; padding:0; }
.contentWithTabs div ul li.vote span { background:url(../img/stars.gif) left top no-repeat; padding:0; margin:0; float:left; width:50px; height:10px; overflow:hidden; text-indent:-9999em; cursor:pointer; }
.contentWithTabs div ul li.vote  span.note0 { background-position:0 0; }
.contentWithTabs div ul li.vote  span.note1 { background-position:0 -10px; }
.contentWithTabs div ul li.vote  span.note2 { background-position:0 -20px; }
.contentWithTabs div ul li.vote  span.note3 { background-position:0 -30px; }
.contentWithTabs div ul li.vote  span.note4 { background-position:0 -40px; } 
.contentWithTabs div ul li.vote  span.note5 { background-position:0 -50px; }
.contentWithTabs div ul li.vote  a strong { display:block; font-weight:normal; padding:0; margin:0; position:relative; left:3px; top:-2px;  }

.contentWithTabs div.contentWithTabsActions, #jeux div.contentWithTabsActions { background:none; padding:0; margin:0; display:block; min-height:0; }
* html .contentWithTabs div.contentWithTabsActions, #jeux div.contentWithTabsActions { height:30px; }
.contentWithTabs div.contentWithTabsActions ul { position:relative; top:-25px; }
#jeux div.contentWithTabsActions ul { position:relative; top:-15px; }
.contentWithTabs div.contentWithTabsActions li#btFaitesTournerCreations a {width:295px; height:43px; background:url(../img/bt_faites_tourner_creation.png) left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; position:relative; cursor:pointer; }
* html .contentWithTabs div.contentWithTabsActions li#btFaitesTournerCreations a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_faites_tourner_creation.png', sizingMethod='crop'); }
.contentWithTabs div.contentWithTabsActions li#btToutesLesEmoticones a { width:295px; height:51px; background:url(../img/bt_toutes_emoticones.png) left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; position:relative; top:-15px; }
* html .contentWithTabs div.contentWithTabsActions li#btToutesLesEmoticones a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_toutes_emoticones.png', sizingMethod='crop'); cursor:pointer; }
.contentWithTabs div.contentWithTabsActions li#btTousLesJeux a { width:289px; height:47px; background:url(../img/bt_tous_les_jeux.png) left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; position:relative; top:0px; left:10px; }
* html .contentWithTabs div.contentWithTabsActions li#btTousLesJeux a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_tous_les_jeux.png', sizingMethod='crop'); cursor:pointer; }


/* EMOTICONES */

#emoContainer { width:652px; height:512px; background:url(../img/bg_containerEmo.png) left top no-repeat; display:block; clear:both; padding:10px 10px 0 8px; margin:0 0 0 0; }
* html #emoContainer { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_containerEmo.png', sizingMethod='crop'); }
#emoContainer h2 { display:block; text-indent:-9999px; padding:0 0 8px 0; margin:0; overflow:hidden; width:399px; height:15px; background:url(../img/txt_decouvrir.png) left top no-repeat; }
* html #emoContainer h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/txt_decouvrir.png', sizingMethod='crop'); }

#subNavEmoticones { width:655px; padding:0; margin:0; clear:both; }
#subNavEmoticones ul { margin:0; padding:0; list-style-type:none; }
#subNavEmoticones ul li { float:left; margin: 0 1px 0 0; padding:0; background:url(../img/bg_navEmoticones.jpg) left top repeat-x; border:1px solid #b6cde2; }
#subNavEmoticones ul li a  { display:block; font-size:11px; color:#02638c; text-decoration:none; padding:0 0 0 26px; margin:0; height:26px; line-height:26px; position:relative; cursor:pointer; }
#subNavEmoticones ul li.selected  { background:url(../img/bg_navEmoticones_active.jpg) left top repeat-x; border-color:#f9b4e1; }
#subNavEmoticones ul li.selected a  { color:#9b0988; }
#subNavEmoticones ul li.last { margin:0; }
#subNavEmoticones ul li#subTabEmo01 a { width:63px; background:url(../img/bt_subTabEmo01.png) left top no-repeat; line-height:1; }
* html #subNavEmoticones ul li#subTabEmo01 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo01.png', sizingMethod='crop'); }
#subNavEmoticones ul li#subTabEmo02 a { width:65px; background:url(../img/bt_subTabEmo02.png) left top no-repeat; }
* html #subNavEmoticones ul li#subTabEmo02 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo02.png', sizingMethod='crop'); }
#subNavEmoticones ul li#subTabEmo03 a { width:65px; background:url(../img/bt_subTabEmo03.png) left top no-repeat; line-height:1; }
* html #subNavEmoticones ul li#subTabEmo03 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo03.png', sizingMethod='crop'); }
#subNavEmoticones ul li#subTabEmo04 a { width:65px; background:url(../img/bt_subTabEmo04.png) left top no-repeat; line-height:1; }
* html #subNavEmoticones ul li#subTabEmo04 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo04.png', sizingMethod='crop'); }
#subNavEmoticones ul li#subTabEmo05 a { width:65px; background:url(../img/bt_subTabEmo05.png) left top no-repeat; line-height:1; }
* html #subNavEmoticones ul li#subTabEmo05 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo05.png', sizingMethod='crop'); }
#subNavEmoticones ul li#subTabEmo06 a { width:65px; background:url(../img/bt_subTabEmo06.png) left top no-repeat; }
* html #subNavEmoticones ul li#subTabEmo06 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo06.png', sizingMethod='crop'); }
#subNavEmoticones ul li#subTabEmo07 a { width:65px; background:url(../img/bt_subTabEmo07.png) left top no-repeat; }
* html #subNavEmoticones ul li#subTabEmo07 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bt_subTabEmo07.png', sizingMethod='crop'); }

#contentEmoticones { width:655px; padding:4px 0 0 0; margin:0; clear:both; }
#contentEmoticones ul { margin:0; padding:0; list-style-type:none; }
#contentEmoticones ul li { margin:0; padding:0; list-style-type:none; float:left; width:163px; height:105px; overflow:hidden; }
#contentEmoticones h3 a { color:#d037bc; font-size:14px; font-weight:bold; text-decoration:none; margin:0; padding:4px 4px 4px 8px; display:block; position:relative; }
#contentEmoticones ul li div  { padding:0; margin:0 0 0 3px; float:left; position:relative; background:url(../img/bg_pic_upload.png) left top no-repeat; width:60px; height:58px; }
* html #contentEmoticones ul li div  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_pic_upload.png', sizingMethod='crop'); }
#contentEmoticones ul li div img { display:block; margin:8px 0 0 7px; width:45px; height:45px; }
#contentEmoticones ul li div span { position:absolute; left:0; top:0; width:60px; height:58px; background:url(../img/bg_illus_upload.png) left top no-repeat; text-indent:-9999px; }
* html #contentEmoticones ul li div span { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_illus_upload.png', sizingMethod='crop'); }
#contentEmoticones ul ul { padding:3px 0 0 0; margin:0; float:left; width:97px; }
#contentEmoticones ul li ul li { padding:0 0 2px 0; margin:0; width:auto; height:auto; background:none; border:none; clear:both; }
#contentEmoticones ul li ul li a { background:url(../img/icons.gif) left top no-repeat; display:block; color:#77ae1b; font-size:9px; padding:2px 0 2px 20px; margin:0; position:relative; white-space:nowrap; }
* html #contentEmoticones ul li ul li a { height:1%; }
#contentEmoticones ul li ul li.addToBasket a { background-position:0 -36px; }
#contentEmoticones ul li ul li.abuse a { background-position:0 -53px; }
#contentEmoticones ul li ul li div { filter:none; background:none; width:auto; height:auto; }
#contentEmoticones ul li ul li.vote { padding:0; margin:0; display:block; clear:both; width:80px; }
#contentEmoticones ul li ul li.vote:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#contentEmoticones ul li ul li.vote a { background:none; padding:0; }
#contentEmoticones ul li ul li.vote span { background:url(../img/stars.gif) left top no-repeat; padding:0; margin:0; float:left; width:50px; height:10px; overflow:hidden; text-indent:-9999em; cursor:pointer; }
#contentEmoticones ul li ul li.vote  span.note0 { background-position:0 0; }
#contentEmoticones ul li ul li.vote  span.note1 { background-position:0 -10px; }
#contentEmoticones ul li ul li.vote  span.note2 { background-position:0 -20px; }
#contentEmoticones ul li ul li.vote  span.note3 { background-position:0 -30px; }
#contentEmoticones ul li ul li.vote  span.note4 { background-position:0 -40px; } 
#contentEmoticones ul li ul li.vote  span.note5 { background-position:0 -50px; }
#contentEmoticones ul li ul li.vote  a strong { display:block; font-weight:normal; padding:0; margin:0; position:relative; left:3px; top:-2px;  }
#contentEmoticones #datagrid { height:422px; }
#contentEmoticones .paging {  }
#contentEmoticones .paging ul { float:right; margin:0; padding:0; }
#contentEmoticones .paging ul li { padding:0 0 0 5px; margin:0; width:auto; height:auto; font-size:13px; font-weight:bold; color:#166c92; }
#contentEmoticones .paging ul li a { position:relative; font-size:13px; font-weight:bold; text-decoration:none; color:#f930a4; }

/* BASKET */

#basket { width:255px; height:342px; background:url(../img/bg_basket.jpg ) left top no-repeat; float:left; padding:0 9px 0 0; margin:0 0 10px 0; }
#basket div { padding:0; margin:120px auto 0 auto; width:196px; }
#basket p { font-size:15px; color:#f930a4; font-weight:bold; text-align:center; padding:0 0 8px 0; margin:0; }
#basket p strong { font-size:30px; }
#basket ul { padding:0; margin:0; list-style-type:none; float:left; width:100px; }
#basket li { padding:0 0 2px 0; margin:0; }
#basket li a { display:block; font-size:10px; color:#166c92; text-decoration:none; padding:0 0 0 16px; margin:0; }
#basket li#seeDetails a { background:url(../img/bg_basket_list.gif) 0 -2px no-repeat; }
#basket li#seeBasket a { background:url(../img/bg_basket_list.gif) 0 -16px no-repeat; }
#basket button { border:0; background:transparent; overflow:visible; padding:0; margin:5px 0 0 0; cursor:pointer; float:right; }

/* UPLOAD EMOTICONES */

#uploadEmo {  width:405px; height:342px; float:left; padding:0; margin:0;  margin:0 0 10px 0;}
#uploadEmo iframe { width:405px; height:342px; border:0; overflow:hidden; }
#emoticonesUploadContent { width:405px; height:342px; background:url(../img/bg_iframe_emoticones.jpg) left top no-repeat; }
.uploadSteps { position:relative; padding:25px 26px 0 19px; margin:0; }
.uploadSteps p { font-size:15px; color:#fff; margin:0; padding:0; }
.uploadSteps h1 { font-size:20px; color:#fff; text-transform:uppercase; margin:0; }
#step1 p { padding:0 0 29px 0; }
#step1 h1 { background:url(../img/icon_new.gif) left top no-repeat; padding:0 0 0 47px; }
/*#errorMsgEmoUpload { width:234px; padding:0; float:left; padding:0; margin:O; font-size:12px; color:#f64444; } */
#errorMsgEmoUpload { width:234px; padding:0; float:left; padding:0; margin:O; font-size:12px; color:#ffffff; font-weight:bold }

.uploadSteps2 { position:relative; padding:25px 26px 0 19px; margin:0; }
.uploadSteps2 p { font-size:13px; color:#fff; margin:0; padding:0; }
.uploadSteps2 h1 { font-size:20px; color:#fff; text-transform:uppercase; margin:0; }

.uploadSteps button { border:0; background:transparent; overflow:visible; padding:0; margin:O; cursor:pointer; float:left; }
#step2 h1 { background:url(../img/txt_2.gif) left top no-repeat; padding:0 0 0 29px; }
#step3 h1 { background:url(../img/txt_3.gif) left top no-repeat; padding:0 0 0 29px; }
#step4 h1 { background:url(../img/txt_4.gif) left top no-repeat; padding:0 0 0 29px; }
.uploadSteps form { display:block; margin:0; padding:0 0 30px 0; }
.uploadSteps ul { margin:0; padding:20px 0 20px 0; list-style-type:none; }
.uploadSteps ul li { padding:0 0 9px 0; margin:0; width:100%; }
.uploadSteps .inputbox { width:223px; height:16px; font-size:11px; border:1px solid #b6b6b6; padding:4px 0 0 4px; margin:0 4px 0 0; }
* html .uploadSteps .inputbox { margin:0; }
*:first-child+html .uploadSteps input { margin:0; }
.uploadSteps .inputbox.error { border:2px solid #e41822; }
.uploadSteps label { font-size:12px; color:#fff; display:block; padding:0 0 3px 0; margin:0; }
#legalMentions { margin-bottom:10px; padding:10px 0 0 0; margin:0; font-size:11px; color:#fff; display:block; width:200px;}
#msgThanksForUpload { padding:10px 0 0 0; margin:0; font-size:11px; color:#fff; display:block; clear:both; }
#skipStep { position:absolute; width:250px; height:20px; right:10px;bottom:18px; margin:0; float:right}
#skipStep p { padding:0; margin:0; width:100%; }
#skipStep p a { float:right; font-size:11px; color:#fff; text-decoration:none; padding:0 0 0 8px; margin:0; background:url(../img/bg_arrow_right.gif) 0 5px no-repeat;  }

#lastUploaded ul {  padding:16px 0 0 0; margin:0; }
#lastUploaded li { padding:0; margin:0 0 0px 0; float:left; position:relative; background:url(../img/bg_pic_upload.png) left top no-repeat; width:60px; height:58px; }
* html #lastUploaded  li { background-image:url(../img/bg_pic_upload.gif); }
#lastUploaded  li img { display:block; margin:8px 0 0 7px; width:45px; height:45px; }
#lastUploaded  li span { position:absolute; left:0; top:0; width:60px; height:58px; background:url(../img/bg_illus_upload.png) left top no-repeat; text-indent:-9999px; }
* html #lastUploaded  li span { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_illus_upload.png', sizingMethod='crop'); }
/* SIDEBAR */

#persoILoveMessenger { width:304px; height:67px; padding:0; margin:0; background:url(../img/bg_perso_ilove_messenger.png) left top no-repeat; }
* html #persoILoveMessenger { background:url(../img/bg_perso_ilove_messenger.gif) left top no-repeat; }
#persoILoveMessenger h2 { width:304px; height:35px; padding:0; margin:0; text-indent:-9999px; overflow:hidden; }
#persoILoveMessenger ul { margin:0; padding:0 0 0 20px; list-style-type:none; }
#persoILoveMessenger ul li { float:left; padding:0 12px 0  0; margin:0; }
#persoILoveMessenger ul li a { display:block; width:43px; height:23px; padding:0; margin:0; text-indent:-9999px; overflow:hidden; background:url(../img/icon_bg.jpg) left top no-repeat; position:relative; cursor:pointer; }
#persoILoveMessenger ul li#bgCoeur a { background-position:0 0; }
#persoILoveMessenger ul li#bgZebre a { background-position:0 -24px; }
#persoILoveMessenger ul li#bgFluo a { background-position:0 -48px; }
#persoILoveMessenger ul li#bgLeopard a { background-position:0 -72px; }
#persoILoveMessenger ul li#bgNoir a { background-position:0 -96px; }

#dldWLM { position:relative; width:305px; height:165px; padding:0 0 6px 0; margin:0; }
#dldWLM h2 { position:absolute; width:305px; height:20px; left:-1000px; top:-1000px; text-indent:-9999px; overflow:hidden; }
#dldWLM a { display:block; width:305px; height:165px; padding:0; margin:0; text-indent:-9999px; overflow:hidden; background:url(../html/autopromo/medias/bg_autopromo.gif) left top no-repeat; text-decoration:none; }
#dldWLM div a { position:absolute; width:100px; height:20px; background:none; right:5px; bottom:22px; }
#dldWLM div, #dldWLM p { padding:0; margin:0; }
#dldWLM p a { position:absolute; width:185px; height:20px; background:none; left:5px; bottom:15px; }

#rightAd { padding:0; margin:0; }
#rightAd div { width:300px; height:250px; border:1px solid #666; padding:0; margin:0; }
#rightAd div img { display:block; }
#rightAd p { width:37px; height:11px; text-indent:-9999px; overflow:hidden; display:block; margin:1px 0 2px 0; padding:0; background:url(../img/txt_publicite.gif) right top no-repeat; float:right; }
#rightAd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html #rightAd { height:1%; }

#MessengerOnMobile { position:relative; padding:0 0 3px 0; margin:0; }
* html #MessengerOnMobile { height:1%; }
#MessengerOnMobile h2, #MessengerOnMobile p { position:absolute; width:304px; height:10px; left:-1000px; top:-1000px; text-indent:-9999px; overflow:hidden; }
#MessengerOnMobile a { display:block; width:304px; height:161px; padding:0; margin:0; text-indent:-9999px; overflow:hidden; background:url(../html/messengermobile/medias/bt_messenger_mobile.gif) left top no-repeat; position:relative; cursor:pointer; }
* html #MessengerOnMobile a { background:url(../html/messengermobile/medias/bt_messenger_mobile.gif) left top no-repeat; }

#poll { width:302px; height:129px; background:url(../img/bg_poll.png) left top no-repeat; }
#poll h2 { position:absolute; width:302px; height:38px; left:-1000px; top:-1000px; text-indent:-9999px; overflow:hidden; }
#poll form { width:264px; margin:0 auto; padding:34px 0 0 0; }
#poll legend { font-size:16px; font-weight:bold; color:#d037bc; }
#poll ul { margin:0; padding:0; list-style-type:none; }
#poll ul li { float:left; width:132px; padding:5px 0 0 0; margin:0; }
#poll input { float:left; display:block; padding:0; margin:0 0 10px 0; }
#poll label { float:left; display:block; padding:0 0 0 7px; font-size:11px; color:#166c92; cursor:pointer; }
* html #poll label { padding-top:3px; }
#poll button { border:0; background:transparent; overflow:visible; padding:0; margin:15px 0 0 90px; cursor:pointer; clear:both; position:relative; }


#survey{ width:300px; height:200px; position:relative; }
#surveymasktop{ width:300px; height:5px; position:absolute; top:0px;left:0px;background:url(../img/survey_masktop.gif) left top no-repeat;  }
#surveymaskleft{ width:3px; height:200px; position:absolute; top:0px;left:0px;background:url(../img/survey_maskleft.gif) left top no-repeat;  }
/* FOOTER */

#footerLinks { margin:0; padding:0; clear:both; }
#footerLinks ul { padding:18px 0 15px 22px; margin:0; list-style-type:none; }
#footerLinks ul li { float:left; padding:0 22px 0 0; margin:0; }
#footerLinks ul li a { font-size:11px; color:#8b8b8b; text-decoration:none; }

#copyRight { margin:0; padding:0; clear:both; }
#copyRight ul { padding:13px 28px 22px 22px; margin:0; list-style-type:none; }
#copyRight ul li.floatLeft a { font-size:11px; color:#8b8b8b; text-decoration:underline; margin:0; padding:0; }
#copyRight ul li.floatRight a { display:block; font-size:11px; color:#8b8b8b; text-decoration:none; background:url(../img/logo_ms.gif) right top no-repeat; margin:0; padding:0 150px 10px 0; line-height:21px; cursor:pointer; }

#containerTabs { width:670px; height:444px; padding:0; margin:0; }
#containerEmoTabs { width:652px; height:444px; clear:both; }
.loading { background:url(../img/loading_ilm.gif) center center no-repeat; }
.offleft { position:absolute; left:-5000px; width:2000px; }

/* JEUX MESSENGER */
#jeuxMessenger { width:666px; background:#fff; }
#navJeuxMessenger { padding:0; margin:0; }
#navJeuxMessenger ul { list-style-type:none; padding:0; margin:0; background:url(../img/bg_jouer_sur_messenger.png) left top no-repeat; width:666px; height:34px;  }
#navJeuxMessenger ul li { float:left; padding:0; margin:0; }
#navJeuxMessenger ul li a { display:block; padding:0; margin:0; background:url(../img/bg_jouer_sur_messenger.png) left top no-repeat; height:34px; text-indent:-9999em; overflow:hidden; }
#navJeuxMessenger ul li#jeuxSurMessenger a { width:151px; background-position:0 -34px; }
#navJeuxMessenger ul li#jeuxSurMessenger strong a  { background-position:0 0; }
#navJeuxMessenger ul li#contactsVirtuels a { width:153px; background-position:-151px 0; }
#navJeuxMessenger ul li#contactsVirtuels strong a { background-position:-151px -34px; }
#navJeuxMessenger ul li#alertes a { width:85px; background-position:-304px 0; }
#navJeuxMessenger ul li#alertes strong a { background-position:-304px -68px; }
#animJeuxMessenger { width:435px; height:300px; padding:0; margin:20px 0 20px 120px; }
#jeuxMessengerList { padding:0; margin:0; background:url(../img/bg_content_jeux_messenger.png) left top no-repeat; }
#jeuxMessengerList ul { list-style-type:none; padding:10px 0 14px 0; margin:0;  background:url(../img/bg_footer_content_jeux_messenger.png) left bottom no-repeat; }
#jeuxMessengerList ul li { float:left; width:156px; height:289px; background:url(../img/bg_item_jeux_messenger.jpg) left top no-repeat; padding:0 10px; margin:0 23px 23px 23px; }
* html #jeuxMessengerList ul li  { margin:15px 15px; }
#jeuxMessengerList ul li h3 { display:block; color:#0066cc; font-size:16px; font-weight:bold; background:url(../img/arrow_right_blue.png) 0 15px no-repeat; padding:10px 0 0 10px; margin:0; height:48px; }
#jeuxMessengerList ul li div { padding:4px 0 0 0; margin:0; background:url(../img/dot_blue_white.gif) left top repeat-x; display:block;  }
#jeuxMessengerList ul li div img { display:block; width:153px; height:116px; }
#jeuxMessengerList ul li p { color:#373737; font-size:10px; padding:4px 0; margin:0; height:66px; }
#jeuxMessengerList ul li button { border:0; background:transparent; overflow:visible; padding:0; margin:0; cursor:pointer; position:relative; left:-5px; }
#footerJeuxMessengerList { height:14px; background:url(../img/bg_footer_content_jeux_messenger.png) left top no-repeat; }

#assistanteVirtuelle { position:relative; width:666px; height:394px; background:url(../img/pic_alexandra_ilm.jpg) left top no-repeat; text-indent:-9999em; overflow:hidden; margin:10px 0; padding:0; }
#assistanteVirtuelle  a { position:absolute; bottom:20px; right:5px; width:330px; height:100px; }

#contactsVirtuelsList { padding:0; margin:0; background:url(../img/bg_content_jeux_messenger.png) left top no-repeat; }
#contactsVirtuelsList ul { list-style-type:none; padding:10px 0 14px 0; margin:0;  background:url(../img/bg_footer_content_jeux_messenger.png) left bottom no-repeat; }
#contactsVirtuelsList ul li { float:left; width:290px; height:158px; background:url(../img/bg_item_contacts_virtuels.png) left top no-repeat; padding:10px; margin:0 0 23px 15px; }
* html #contactsVirtuelsList ul li  { margin:0 0 15px 8px; }
#contactsVirtuelsList ul li img { float:left; display:block; }
#contactsVirtuelsList ul li div { padding:0 0 0 10px; margin:2px 0 0 0; float:left; width:180px; }
#contactsVirtuelsList ul li h3 { display:block; color:#0066cc; font-size:12px; font-weight:bold; background:url(../img/arrow_right_blue.png) 2px 5px no-repeat; padding:0 8px 0 10px; margin:0 0 4px 0; height:20px; }
#contactsVirtuelsList ul li span { display:block; background:url(../img/dot_blue_white.gif) left top repeat-x; height:14px; color:#0066cc; font-size:12px; padding:4px 8px; margin:0; }
#contactsVirtuelsList ul li p { color:#373737; font-size:12px; padding:4px 8px 0 8px; margin:0; height:70px; background:url(../img/dot_blue_white.gif) left top repeat-x; }
#contactsVirtuelsList ul li button { border:0; background:transparent; overflow:visible; padding:0; margin:0; cursor:pointer; position:relative; left:110px; top:5px; }

#alertesList { padding:0; margin:0; background:url(../img/bg_content_jeux_messenger.png) left top no-repeat; }
#alertesList ul { list-style-type:none; padding:10px 0 14px 0; margin:0;  background:url(../img/bg_footer_content_jeux_messenger.png) left bottom no-repeat; }
#alertesList ul li { float:left; width:218px; height:264px; background:url(../img/bg_item_alertes.png) left top no-repeat; padding:10px 46px; margin:0 0 23px 15px; }
* html #alertesList ul li  { margin:0 0 15px 8px; }
#alertesList ul li img { display:block; }
#alertesList ul li h3 { display:block; color:#0066cc; font-size:16px; font-weight:bold; background:url(../img/arrow_right_blue.png) 0 5px no-repeat; padding:0 8px; margin:8px 0; height:16px; }
#alertesList ul li p { color:#373737; font-size:10px;  padding:8px 8px 0 8px; margin:0; height:60px; background:url(../img/dot_blue_white.gif) left top repeat-x; }
#alertesList ul li button { border:0; background:transparent; overflow:visible; padding:0; margin:0; cursor:pointer; position:relative; left:35px; top:8px; }

/* TOP PACKS */
#topPacksContainer { width:969px; min-height:300px; padding:10px 10px 0 7px; margin:0 0 0 9px; background:url(../img/bg_topPacksContainer.png) left top no-repeat; }
#topPacksContainer h2 { display:block; text-indent:-9999px; padding:0; margin:0 0 6px 116px; width:745px; height:15px; background:url(../img/txt_top_packs.png) left top no-repeat; overflow:hidden; }
* html #topPacksContainer h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/txt_top_packs.png', sizingMethod='crop'); }
#topPacks { width:967px; padding:0; margin:0; clear:both; }
#topPacks ul { margin:0; padding:0; list-style-type:none; }
#topPacks ul li { margin:0; padding:0; list-style-type:none; float:left; height:87px; overflow:hidden; }
#topPacks ul li.item1 { width:324px; background:url(../img/bg_topPacks_item1.png) left top; }
#topPacks ul li.item2 { width:322px; background:url(../img/bg_topPacks_item2.png) left top; }
#topPacks ul li.item3 { width:321px; background:url(../img/bg_topPacks_item3.png) left top; }
#topPacks h3 a { color:#d037bc; font-size:14px; font-weight:bold; text-decoration:none; margin:0; padding:4px 4px 4px 10px; display:block; position:relative; }
#topPacks ul li div  { padding:0; margin:0 0 0 3px; float:left; position:relative; background:url(../img/bg_pic_upload.png) left top no-repeat; width:65px; height:58px; }
* html #topPacks ul li div  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_pic_upload.png', sizingMethod='crop'); }
#topPacks ul li div img { display:block; margin:8px 0 0 7px; width:45px; height:45px; }
#topPacks ul li div span { position:absolute; left:0; top:0; width:60px; height:58px; background:url(../img/bg_illus_upload.png) left top no-repeat; text-indent:-9999px; }
* html #topPacks ul li div span { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_illus_upload.png', sizingMethod='crop'); }
#topPacks ul li div a { position:relative; width:60px; height:58px; display:block; }
#topPacks p { float:left; width:250px; font-size:11px; color:#166c92; font-weight:bold; padding:3px 0; margin:0; }
#topPacks ul ul { padding:3px 0 0 0; margin:0; float:left; width:97px; }
#topPacks ul li ul li { padding:0 0 2px 0; margin:0; width:auto; height:auto; background:none; border:none; clear:both; }
#topPacks ul li ul li a { background:url(../img/icons.gif) left top no-repeat; display:block; color:#77ae1b; font-size:9px; padding:2px 0 2px 20px; margin:0; position:relative; white-space:nowrap; }
* html #topPacks ul li ul li a { height:1%; }
#footerTopPackContainer { width:982px; height:37px; padding:0; margin:0 0 0 9px; background:url(../img/footer_topPacksContainer.png) left top no-repeat; }
#footerTopPackContainer .paging { }
#footerTopPackContainer .paging ul { float:right; margin:5px 10px 0 0; padding:0; list-style-type:none; }
#footerTopPackContainer .paging ul li { padding:0 0 0 5px; margin:0; width:auto; height:auto; font-size:9px; color:#166c92; float:left; }
#footerTopPackContainer .paging ul li a { position:relative; font-size:9px; text-decoration:none; color:#f930a4; }


#footer_bkg
{
}

#base_page_footer
{
	padding:0;
	margin:0 auto;
}

#footer_internal
{
	padding:20px 35px 40px 15px;	
}

#footer_internal .join-us { display: inline; float: left; margin-left:10px; }
#footer_internal .join-us .icons { display: inline; float: left }
#footer_internal .join-us .icons img { margin: 0 5px 0 0 ; border:none;}
#footer_internal .join-us .icons a { display: inline; float: left }
#footer_internal .join-us .text { display: inline; float: left; margin: 3px 0 0 5px; font-weight: bold; font-size: 9px }
#footer_internal .join-us .text a { text-decoration: underline }

#footer_windows
{
	float: left; 
	width: 105px;
	padding-top:15px;
}

#footer_links
{
	float:right;
	width:500px;
	margin-right:20px;
	text-align: right;
	padding-top:0px;
}

#footer_microsoft
{
	float:right; 
	width:84px;
	font-size:9px;
	color:#000; 
	padding-top:15px;
	margin-right:15px;
}

#footer_microsoft img { 
margin:8px 0 0 0;
}
#base_page_footer, #base_page_footer a
{
	font-family:Tahoma;
	font-size:11px;
	color: #000;
}

#base_page_footer a:hover { text-decoration:underline; }

.btn_facebook
{
float:left;
margin:10px 0px 0 10px;
}