.dev.w320:before, .dev.w480:before, .dev.w768:before, .dev.w960:before{
 position: fixed; display: block; background:yellow; color: #000; box-shadow: 0 0 5px rgba(0,0,0,.5);
 top:0px; right:-50px; padding: 2px 50px; text-align: center; font-size: 0.8em;
 transform: rotate(45deg); -webkit-transform: rotate(45deg);
 z-index: 100000; }
.dev.w320:before{content: '320';}
.dev.w480:before{content: '480';}
.dev.w768:before{content: '768';}
.dev.w960:before{content: '960';}

 
#c1{  }
#c1 .box{ width: 100% !important;}
#content{ width: 100% !important;}
#box_ref{ width: 100% !important;}

 
 .w320 #adminTools{ display: none;}
 .w320 #c1{ width: 100% !important; }

 .w320 .r5{ border-radius: 0 !important;}
 .w320 {  background-image:none; }
 .w320 .box{ box-shadow: none;  border-radius: 0;}
 .w320 img{ max-width: 100% !important;  }
 .w320 .pub468x60, .w320 .pub728x90, .w320 #campagnard-slot, .w320 #doublePave, .w320 .pub468x15{ display: none !important;}
 .w320 #global{ width: 100%; }
 .w320 .top_share{ display: none;  }
 .w320 .top_desc { max-width: 100% !important; overflow: hidden; margin: 0; padding: 10px;}

 .w320 .top_desc img{ max-width: 106% !important; position: relative; left: -10px; }

 .w320 .top_top{ margin:0 !important; }
 .w320 .top_top .img, .w320 .top_top .ico{ display:none;}
 .w320 .top_top .top_h1{ padding: 5px !important; border-radius: 0; font-size: 25px; line-height: 1em; text-align: center;}
 .w320 .top_top #breadcrumb { border-radius: 0; padding: 0; position: absolute; top: -60px; left: 60px; width: 60px; height: 60px; background: none; }
 .w320 .top_top #breadcrumb li{ display: none; }
 .w320 .top_top #breadcrumb li:last-child { display: block; width: 100%; height: 100%; overflow: hidden; top:-20px;}
 .w320 .top_top #breadcrumb li:last-child, .w320 .top_top #breadcrumb li:last-child a, .w320 .top_top #breadcrumb ul{ height: 100%; padding:0;}
 .w320 .top_top #breadcrumb ul{padding: 0 !important; margin:0;}
 .w320 .top_top #breadcrumb li:last-child a{ padding-left: 80px; width: 400px; display: block; height: 100%; }
 .w320 .top_top #breadcrumb li:last-child a:after{ content:''; display: block; border:10px solid transparent; border-right: 15px solid #FFF; position:absolute;
 top:20px; left:10px; z-index: 10;}
 .w320 .top_top #breadcrumb li:last-child a:before{ content:''; display: block; width: 40px; height: 40px; background: rgba(255,255,255,.3); border-radius: 100%;
 position:absolute;
 top:10px; left:10px; z-index: 9;}
 

 
  
 .w320 .bi{ width: 98%; margin: 2% 1% 2% 1%;}
 .w320 .bi li{ width: 50%; }
 .w320 .bi li.video{ display: none; }
 
  
 .w320 .cadre_blanc{ border:none; background: none; padding:0; box-shadow: none; max-width: 100%; }
 
  
 .w320 .suivant_precedent{ height: inherit; margin: 20px auto;}
 
  
 .w320 .box #slider_home_cat{ margin:0 0 40px 0 !important; padding: 0; top: -1px;}
 .w320 .JDSslider>a h2{ font-size: 1.3em; }
  
  
 .w320 #pagination{ display: block; line-height: 4em; }
 .w320 #multipage { display: block; text-align: center;}
 .w320 #multipage li.off{display: none;}
 .w320 #multipage li, .w320 #multipage li.on{ border-radius: 1em; margin:0 4px; float: none; height: auto; width: 10%; font-size: 1em; position: relative;}
 .w320 #multipage li a{ position: relative; width: 100%; height: 100%; padding: 3%;}
 .w320 #multipage li.pn{  display: none; }
 
  
 .w320 footer{ overflow: hidden;}
 .w320 footer .c>div{ position: relative; float: none; margin: auto; width: 90%;  margin-bottom: 30px; }
 .w320 footer hr{ display: none;}
 .w320 footer .top .txt ul:before{ display: none;}
 .w320 footer .txt>div:first-child{ margin-bottom: 30px; }
 
  
 .w320 #clicable_skin, .w320 #swf_skin, .w320 #top .zone_clic { display: none;}
 
 
  
 .w320 #c2 {width: 300px; border-radius:0; margin: 0 auto; text-align: center; float: none; clear: both; background: none; padding: 10px 0;}
 .w320 #c2 *{text-align: center; margin: auto;}
 .w320 #c2>*{ margin: 0 auto 10px auto !important; }
 .w320 #c2 #btn_autopromo { width: 300px; margin: auto;}
 .w320 #c2 #btn_autopromo a{ margin: 10px auto 0 auto; font-size: 1.2em;}
 .w320 #box_login_c2{ display: none; }
 .w320 .pub300x250{ margin: 10px auto 0 auto; width: 300px;}
 
  
 .w320 #home_tags{ display: none;}
 .w320 .home_actu{ padding: 0; border: none; margin:0 !important;}
 .w320 .home_actu img{ width: 100%; height: auto; margin: 0;}
 .w320 .home_actu .txt{ padding: 1em; position: absolute; bottom:0; z-index: 10; text-align: center; color: #FF0; text-shadow: 2px 2px 0 rgba(0,0,0,.5); background: rgba(0,0,0,.5);}
 .w320 .home_actu .txt span, .w320 .home_actu .txt u{ display: none;}
 
  
 .w320.es #slider_smart{ display: none; }
 


 

 
 .w480 #adminTools{ display: none;}
 .w480 #c1{ width: 100% !important;   }
 .w480 #global{ width: 100% !important; overflow-x: hidden;  }
 .w480 img{ max-width: 100% !important;  }
 .w480 .box{ box-shadow: none;  border-radius: 0; }
 .w480 img{ max-width: 100% !important; }
 
  
 .w480 .pub728x90, .w480 #campagnard-slot{ display: none; }
 .w480 .pub468x60{ margin: 0 auto; border-radius: 0;  padding:5px ; }
 .w480 .pub300x250{}
 .w480 .pub300x600{ }
 .w480.landscape .pub300x600{ display:none;}
 .w480 #doublePave{ display: none;}
 
  
 .w480 .top_top .top_h1{ padding: 5px !important; border-radius: 0; font-size: 25px; line-height: 1em; }
 .w480 .top_top .img{ display: none;}
 .w480 .bi{ width: 98%; margin: 2% 1% 2% 1%;}
 .w480 .bi li:hover{transform: none; -webkit-transform:none;}
 .w480 .bi li.video{ display: none; }
 
  
 .w480 #box_login_c2{ display: none; }
 .w480 #c2{ width: 300px; margin: auto; overflow: hidden; padding: 0; border-radius: 0; float: none; background: transparent}
 .w480 #c2 .searchEngine{ z-index: 2; }
 
 
 .w480 .btn_mon_espace_maman{ display: none; }
 .w480 .fb_tw{ margin: 20px auto; clear: both;}
  
  
 .w480 #box_ref{ border-radius: 0;}
 .w480 footer{ overflow: hidden;}
 .w480 footer .c>div{ position: relative; float: none; margin: auto; width: 90%;  margin-bottom: 30px; }
 .w480 footer hr{ display: none;}
 .w480 footer .top .txt ul:before{ display: none;}
 .w480 footer .txt>div:first-child{ margin-bottom: 30px; }
 
  
 .w480 #home_tags{ display: none;}
 .w480 .home_actu{ padding: 0; margin: 2%;}
 .w480 .home_actu img{ width: 100%; height: auto; margin: 0 0 10px 0;}
 .w480 .home_actu .txt{ padding: 1em; background: rgba(0,0,0,.5); position: absolute; bottom: 0;}

  
 .theme img{ margin: auto; }
 
  
 .w480.es #slider_smart{ display: none; }
 

 
body.w768 { padding-top:57px;}
.w768 #global{ width: 100% !important; }
.w768 .g_all{ margin: auto;}

 
  
 .w768 #campagnard-slot { position: relative; min-height: 90px;  text-align: center; background: #000; display: block; width: 100% !important;}
 .w768 #campagnard-slot .pub{ display: block; width: 728px;margin: auto;}
 .w768 #box_pub_foot{ display: none;}
 
  
 .w768 #top{   width: 100%!important; margin: auto;}
 .w768 #top .search_box{ position: absolute; right: 0; top: 120px; left: inherit;}
 .w768.ar #top .search_box{ right: inherit; left: 0;}
 .w768 #logo{ display: none;}
 .w768 #logo.logo_ar{ top: 80px; left: -30px; transform: scale(0.70); -webkit-transform: scale(0.70);}
 .w768 #c1, .w768 #c2 { width: 650px; margin: auto; float: none; clear:both; }
 .w768 #c2 { position: relative; margin-top: 35px; }
 .w768 #c1 .box{ box-shadow: none;}
 
  
 .w768 #menu2{ top: 0px; height: 56px;}
 .w768 #menu2 .main_menu{ transform: scale(0.8); transform-origin: top center; -webkit-transform: scale(0.8); -webkit-transform-origin: top left; 
 }
 .w768 #menu2 .searchEngine{ }
 .w768 #menu2 .bigitem.m_coloriage{ border-left: none;} 
 .w768 #top .searchEngine{ top: 0; }

  
 .w768 #c2 { padding:0;  background: transparent; padding-top: 280px; }
 .w768 #box_login_c2, .w768 .btn_mon_espace_maman{ display: none;}
 .w768 #c2 .pub.pub300x250{ position: absolute; top:0; left:0;}
 .w768 #c2 .pub.pub300x250_bdp{ position: absolute; top:0; right:0;} 
 .w768 #c2 .pub.pub300x450{ float: left;} 
 .w768 #c2 #btn_autopromo{ float: right;} 
 .w768 #c2 .searchEngine{ display: none; } 
 
 .w768 #c2 .pub{ float: left;  }
 .w768 #c2 .pub .pub{ padding:0; }
 .w768 .c2_right{float: right;}
 .w768 #c2 .pub, .w768 #c2 #btn_autopromo{ margin: 0 10px 20px 10px;  }
 .w768 #c2 #btn_autopromo{ width: 300px;  }
 .w768 #c2 .pub.pub160x600{ padding: 0; border-radius: 0px; margin-bottom: 10px; }

 .w768 #c2:after{content:''; display: block; clear: both; height: 0;}
 
  
 
  
 .w768 footer .c{ width: 700px; background: rgba(0,0,0,.3);}
 .w768 footer .c>div.txt{ width: 100%; padding: 20px 0; position: relative; float: none; margin: auto; clear: both;}
 .w768 footer .c>div.txt>div{ width: 300px; float: right; }
 .w768 footer .c>div.txt>div:first-child{ float: left; } 
 .w768 footer .top .txt ul:before{ display: none;}
 .w768 footer .c>div.lnk{ bottom: inherit; top: -15px; }
 .w768 footer hr{ display: none;}
 .w768 footer hr{ display: none;}
 .w768 footer .bottom .c>div{ width: 47%; }
 .w768 footer .bottom .c>div.lang{ float: none; margin: auto; }
 .w768 footer .bottom .c>div.yodi{ clear: left; }
 
 

 
.w960 *{   }
body.w960{ padding-top:85px;}

.w960 .g_all{ width:970px; margin: auto; }

.w960 #c1{ width: 650px !important;}
.w960 #top .search_box{  }
.w960 #c2 .search_box{  }

 
.w960.highSkin{ }
 
.w960.highSkin #logo{  }
.w960.highSkin #top{  }
.w960.highSkin #global{ margin-top: 350px;}

.w960 #campagnard-slot{padding: 0px; text-align:center;  ;}
.w960 #campagnard-slot .pub{box-shadow: 1px 1px 3px rgba(0,0,0,.5); display: inline-block;}
.w960 #logo{ top: 75px !important; transform-origin:top left; transform: scale(0.85); left: 12px;}
.w960 #top{  }
.w960 .searchEngine{ height: 60px;}


.w960 #menu{ position: fixed; width: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); height: auto; border-radius: 0 !important; }
.w960 .main_menu{ width: 970px; margin: auto; }
.w960 .main_menu li.bigitem { height: 70px; }

 
.mobile .fancybox-nav span { visibility:visible !important; }

 
.mobile .compter_only{ display:none; }
.w320 .not_for_w320 { display: none; }
.w480 .not_for_w480{display: none; }

 
.mobile .bi a h2{ opacity: 1 }
   @font-face{font-family:'FontAwesome';src:url('/design/normal/fontawesome/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/design/normal/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/design/normal/fontawesome/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/design/normal/fontawesome/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/design/normal/fontawesome/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/design/normal/fontawesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}    .button {  text-decoration:   none; font:     24px/1em 'Amaranth', sans-serif; font-weight:    normal; letter-spacing:  -0.03em; text-shadow:    rgba(255,255,255,.5) 0 1px 0; -webkit-user-select:  none; -moz-user-select:   none; user-select:    none;    padding:     .5em .6em .4em .6em; margin:     .5em; display:     inline-block; position:    relative;  border-radius:   8px;   border-top:   1px solid rgba(255,255,255,0.8); border-bottom:   1px solid rgba(0,0,0,0.1);  background-image:  -webkit-gradient(radial, 90% 0, 100, 10% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.3) )) ; background-image:  -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%) ; background-image:  gradient(radial, 90% 0, 100, 10% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.3) )) ; -webkit-transition: background .2s ease-in-out; -moz-transition:  background .2s ease-in-out; transition:   background .2s ease-in-out;   color:     hsl(0, 0%, 40%) !important; background-color:  hsl(0, 0%, 75%); box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,         hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px,        rgba(0,0,0,0.2) 0 .5em 5px;  } button.button { border-left: none; border-right: none;}button.button:hover { cursor: pointer;} .button:before { font:    1.2em/0 sans-serif; content:   attr(data-icon);   margin-right: 6px;} .icon { font-weight: normal; font-style: normal;}.icon:before { display:   block; height:   .75em; line-height:    .75em; margin: 0;} .button.orange { color:     hsl(39, 100%, 30%) !important; background-color:  hsl(39, 100%, 50%); box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,          hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px,         rgba(0,0,0,0.2) 0 .5em 5px;  }.button.orange:hover {  background-color: hsl(39, 100%, 65%); }.button.blue { color:     hsl(208, 50%, 40%) !important; background-color:  hsl(208, 100%, 75%); box-shadow:   inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,          hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px,         rgba(0,0,0,0.2) 0 .5em 5px;  }.button.blue:hover {  background-color: hsl(208, 100%, 83%); }.button.green { color:    hsl(88, 70%, 30%) !important; background-color:  hsl(88, 70%, 60%); box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,          hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px,         rgba(0,0,0,0.2) 0 .5em 5px;  }.button.green:hover {  background-color: hsl(88, 70%, 75%); }.button.pink { color:     hsl(340, 100%, 30%) !important; background-color:  hsl(340, 100%, 75%); box-shadow:   inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,          hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px,         rgba(0,0,0,0.2) 0 .5em 5px;  }.button.pink:hover {  background-color: hsl(340, 100%, 83%); }.button.transparent { color:  rgba(0,0,0,0.5) !important;}.button.transparent, .button.transparent:hover, .button.transparent:active { background-color: transparent; background-image: none;}.button.transparent:hover { opacity: .9;} .button:hover { background-color:  hsl(0, 0%, 83%);}.button:active { background-image:  -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(/design/normal/v5/noise.png); background-image:  -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(/design/normal/v5/noise.png); background-image:  gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(/design/normal/v5/noise.png); box-shadow:   inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em,          rgba(0,0,0,0.4) 0 .1em 1px,         rgba(0,0,0,0.2) 0 .2em 6px;   -webkit-transform:  translateY(.2em); -moz-transform:  translateY(.2em); transform:   translateY(.2em);}.button:focus { outline: none; color: rgba(254,255,255,0.9) !important; text-shadow: rgba(0,0,0,0.2) 0 1px 2px;}.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover { opacity:    .5; cursor:    default; color:     rgba(0,0,0,0.2) !important; text-shadow:   none !important; background-color:  rgba(0,0,0,0.05); background-image:  none; border-top:   none; -webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em,          rgba(0,0,0,0.3) 0 .1em 1px,         rgba(0,0,0,0.2) 0 .2em 6px;   -moz-box-shadow:  inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em,          rgba(0,0,0,0.3) 0 .1em 1px,         rgba(0,0,0,0.2) 0 .2em 6px;   box-shadow:   inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em,          rgba(0,0,0,0.3) 0 .1em 1px,         rgba(0,0,0,0.2) 0 .2em 6px;   -webkit-transform:  translateY(5px); -moz-transform:  translateY(5px); transform:    translateY(5px);} .serif {  font-family: 'Luckiest guy', serif; font-weight:    normal;} .xs { font-size: 16px; }.xl { font-size: 32px; } .button.glossy:after, .button.glass:after { content:  ""; position:  absolute;     width:   90%;    height:  60%;    top:   0;    left:   5%;            -webkit-border-radius:  .5em .5em 1em 1em / .5em .5em 2em 2em;        -moz-border-radius:  .5em .5em 1em 1em / .5em .5em 2em 2em;    border-radius:    .5em .5em 1em 1em / .5em .5em 2em 2em;        background-image:   -webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),           color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );     background-image:   -moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );     background-image:   gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),           color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) ); }.button.glossy:active:after,.button.glass:active:after,.button.disabled:after,.button[disabled]:after { opacity: .6; }.button.icon.glossy:after,.button.icon.glass:after { height: 75% ; } .button.glass { text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;}.button.glass:active { text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;}  .round, .round.glossy:after, .round.glass:after {  border-top: none;  -webkit-border-radius:  1em;  -moz-border-radius:  1em;  border-radius:    1em; } .oval { border-top:    none;  padding-left:    .8em; padding-right:    .8em; -webkit-border-radius:  5em / 2em;  -moz-border-radius:  5em / 2em;  border-radius:    5em / 2em; }.oval.glossy:after, .oval.glass:after {   top:      5%; -webkit-border-radius:  5em / 2em 2em 1em 1em;  -moz-border-radius:  5em / 2em 2em 1em 1em;  border-radius:    5em / 2em 2em 1em 1em; }.oval.icon { padding-left:    .8em; padding-right:    .8em;  -webkit-border-radius:  1.5em / 1em;  -moz-border-radius:  1.5em / 1em;  border-radius:    1.5em / 1em; }.oval.icon.glossy:after, .oval.icon.glass:after {  -webkit-border-radius:  1.5em / 1em;  -moz-border-radius:  1.5em / 1em;  border-radius:    1.5em / 1em; } .brackets, .brackets.glossy:after, .brackets.glass:after {  border-top:    none;  -webkit-border-radius:  .5em / 1em; -moz-border-radius:  .5em / 1em; border-radius:    .5em / 1em;} .skew {  border-top:    none;  padding-right:    1.2em; padding-left:    0.8em;  -webkit-border-radius:  5em 1em / 5em 1em;   -moz-border-radius:  5em 1em / 5em 1em;   border-radius:    5em 1em / 5em 1em;  }.skew.glossy:after, .skew.glass:after {   left: 10%; -webkit-border-radius:  7em 1em / 5em 1em; -moz-border-radius:  7em 1em / 5em 1em; border-radius:    7em 1em / 5em 1em;}.skew.icon {   padding-right:    .9em; padding-left:    .8em;} .back, .back.glossy:after, .back.glass:after {  border-top-color:   rgba(255,255,255,0.5); -webkit-border-radius:  1.6em 1.6em 1em 1em / 4em 4em 1em 1em;  -moz-border-radius:  1.6em 1.6em 1em 1em / 4em 4em 1em 1em;  border-radius:    1.6em 1.6em 1em 1em / 4em 4em 1em 1em; }.back.glossy:after, .back.glass:after {   left:  6%;  width: 88%;} .knife {        padding-left: 1.5em; -webkit-border-radius:  .2em .5em .5em 8em / .2em .5em .5em 5em;  -moz-border-radius:  .2em .5em .5em 8em / .2em .5em .5em 5em;  border-radius:    .2em .5em .5em 8em / .2em .5em .5em 5em; }.knife.glossy:after, .knife.glass:after { left:      3%; width:      97%;    -webkit-border-radius:  .1em .5em .5em 8em / .1em .5em .5em 2em;    -moz-border-radius:  .1em .5em .5em 8em / .1em .5em .5em 2em;    border-radius:    .1em .5em .5em 8em / .1em .5em .5em 2em;   }.knife.glossy.icon:after, .knife.glass.icon:after {  left:      5%;  width:      95%; -webkit-border-radius:  .5em .5em 1em 6em / .5em .5em 1em 4em;  -moz-border-radius:  .5em .5em 1em 6em / .5em .5em 1em 4em;  border-radius:    .5em .5em 1em 6em / .5em .5em 1em 4em; } .shield, .shield.glossy:after, .shield.glass:after {  -webkit-border-radius:  .4em .4em 2em 2em / .4em .4em 3em 3em;  -moz-border-radius:  .4em .4em 2em 2em / .4em .4em 3em 3em; border-radius:    .4em .4em 2em 2em / .4em .4em 3em 3em;}.shield {         padding-left:  .8em; padding-right:  .8em;}.shield.icon {        padding-left:  .6em;  padding-right:  .6em;} .drop { border-top: none; -webkit-border-radius:  2em 5em  2em .6em / 2em 4em 2em .6em;  -moz-border-radius:  2em 5em  2em .6em / 2em 4em 2em .6em;  border-radius:    2em 5em  2em .6em / 2em 4em 2em .6em; }.drop.glossy:after, .drop.glass:after {  left: 4%; -webkit-border-radius:  2em 6em  2em 1em / 2em 4em 2em 2em;  -moz-border-radius:  2em 6em  2em 1em / 2em 4em 2em 2em; border-radius:    2em 6em  2em 1em / 2em 4em 2em 2em;}.drop.icon {   padding-right: .6em; } .morph { border-top: none; -webkit-border-radius:  5em / 2em; -moz-border-radius:  5em / 2em; border-radius:    5em / 2em; -webkit-transition:  -webkit-border-radius .3s ease-in-out; -moz-transition:   -moz-border-radius .3s ease-in-out; transition:    -moz-border-radius .3s ease-in-out;}.morph:hover {  -webkit-border-radius:  .4em .4em 2em 2em / .4em .4em 3em 3em; -moz-border-radius:  .4em .4em 2em 2em / .4em .4em 3em 3em; border-radius:    .4em .4em 2em 2em / .4em .4em 3em 3em;}.morph:active {  -webkit-border-radius:  .3em; -moz-border-radius:  .3em; border-radius:   .3em;}.morph:after {  display: none;}   .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;}.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;    -moz-border-radius: 4px;         border-radius: 4px;}.fancybox-opened { z-index: 8030;}.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.fancybox-outer, .fancybox-inner { position: relative;}.fancybox-inner { overflow: hidden;}.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;}.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;}.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;}.fancybox-image { max-width: 100%; max-height: 100%;}#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/_scripts/fancybox/fancybox_sprite.png');}#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}#fancybox-loading div { width: 44px; height: 44px; background: url('/_scripts/fancybox/fancybox_loading.gif') center center no-repeat;}.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/_scripts/fancybox/blank.gif');   -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;}.fancybox-prev { left: 0;}.fancybox-next { right: 0;}.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}.fancybox-prev span { left: 10px; background-position: 0 -36px;}.fancybox-next span { right: 10px; background-position: 0 -72px;}.fancybox-nav:hover span { visibility: visible;}.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;} .fancybox-lock {    overflow: hidden !important;    width: auto;}.fancybox-lock body {    overflow: hidden !important;}.fancybox-lock-test {    overflow-y: hidden !important;}.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/_scripts/fancybox/fancybox_overlay.png');}.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;}.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;} .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;}.fancybox-opened .fancybox-title { visibility: visible;}.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent;   background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;}.fancybox-title-inside-wrap { padding-top: 10px;}.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),    only screen and (min--moz-device-pixel-ratio: 1.5),    only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url('/_scripts/fancybox/fancybox_sprite@2x.png');  background-size: 44px 152px;   } #fancybox-loading div {  background-image: url('/_scripts/fancybox/fancybox_loading@2x.gif');  background-size: 24px 24px;   }}  *{ -webkit-font-smoothing: antialiased; }

 
a i { display: none; }
a:focus { outline: none; !important }
.forcer_largeur { width: 630px; height: inherit; max-width: 100%; }
img.bordure_blanche { border: 10px solid #FFFFFF;}
#bcolo .forcer_largeur { width: inherit; }
.open_in_lightbox{ display: block; text-align:center; }

hr { border:none; position: relative; height: 17px; background: url(/design/normal/css/hr_shadow.png) no-repeat bottom center; }
hr.light, hr.clear { height: 1px; background: none; }
.mycontent table td img{ float: left; }
.mycontent h3 { font-size: 1.4em; margin: 15px 0; }

 
#global { position: relative; width: 970px; margin: 0 auto; z-index: 10; }
#top { position: relative; width: 100%; height: auto;    }
#top.big { height: 230px; }
.HKlogo{ 
 display: block; width: 225px; height: 121px; background: url(/design/logo/hk.png); 
 text-indent: 1000em;  overflow: hidden; 
 top: 6px; left: 10px;
 position: absolute;; z-index:11;
 transform-origin: top left; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left;
 transform: scale(0.48); -webkit-transform: scale(0.48); -moz-transform: scale(0.48); -ms-transform: scale(0.48);
}
#top>.HKlogo{ display: none;}
.w480 #top>.HKlogo, .w320 #top>.HKlogo{ 
 display: block;
 transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right;
 left: inherit; right: 10px; position: absolute; top: 2px; 
}
.w480 #menu2 .HKlogo, .w320 #menu2 .HKlogo{ display: none;}

#logo_mini { display: block; position: absolute; top: 10px; left: 0; width: 200px; height: 96px; text-indent: 1000em;  overflow: hidden; background: url(/design/normal/images/logo_mini_en.png); }

#content { position: relative; width: 970px; margin: 20px auto 0 auto; z-index:2;}
#c1 { float: left; width: 650px; }
#c2 { position: relative; float: right; width: 300px; }

 
.full #c1{ width: 970px; }
.full #c1 .box{ width: inherit; }
.full #c2 { position: absolute; top:0; right: 0; padding-bottom: 0;}

 
#top .zone_clic { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 230px; text-decoration: none; background: url(/design/normal/images/spacer.gif) repeat; }
#clicable_skin, #swf_skin{ 
 z-index:1;width:100%; height:100%; background: url(/e.gif); cursor:pointer; position:fixed; top:0; left:0; overflow:visible; 
 display:none;
}
.w960 #clicable_skin, .w960 #swf_skin, .w960 #top .zone_clic{ display: block; }
#swf_skin{ z-index:0; }
html>body #swf_skin{ height: 100%; } 

 
.pub{ position: relative; line-height:0;}
.pub:after{
  
  
  
  
  
}
.ar .pub:after{
  
}

.pub468x60:after{ background: none; }

.pub.pubDHTML:after , 
.pubslideshow:after , 
.pubSKIN:after , 
.pubSLIDER:after , 
.pub1x1:after , 
.pubpopunder:after, 
.pub300x450:after{ display: none !important;}


#campagnard-slot {
 position:relative;top: 0px;height:auto ;width:auto !important; z-index:5; line-height:0; margin: auto;
}
#campagnard-slot:empty { display:none;}
.pub_pave { position: relative; width: 300px; }
#top .pub_mega {   }
.pub_close { display: block; position: absolute; top: 0; right: -12px; width: 12px; height: 13px; overflow: hidden; background: url(/design/normal/images/pub_close.png); }
.pub_topright { position: relative; float: right; width: 160px; height: 600px; text-align: center; }
#box_pub_foot { position: relative; width: 728px; margin: 10px auto 0 auto; padding: 10px; border-radius: 5px; background: rgba(0,0,0,.5); }
#box_pub_foot .pub_close { top: 5px; }
.pub468x60 { position: relative; width: 610px; height: 60px; padding: 10px; margin: 10px auto; background: #FFF; text-align: center; border-radius:5px;}
#c2 .pub{ margin-bottom: 20px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); line-height: 0;}
.pub.pubDPD, .pub.pubDPG{ float: left; margin: 12px; box-shadow:2px 2px 2px rgba(0,0,0,.3);}


 
.box { border-radius: 2px; }
#c1 .box a{ color: #FFF;}
#c1 .box { position: relative; width: 650px; color: #fff; z-index: 2; }
#c1 .box:before, #c1 .box:after { content:''; height: 0.1px; display: block; background: transparent; clear: both;  }
#g_coloriage  .box{ background: #79ba01; }
#g_dessin     .box{ background: #009cd7; }
#g_brico      .box{ background: #e64d91; }
#g_video      .box{ background: #303030; }
#g_lecture    .box{ background: #7c7cc5; }
#g_jeux       .box{ background: #d93236; }
#g_search     .box{ background: #009cd7; }
#g_club       .box{ background: #b9967b; }

 
.ref { padding: 10px; color: #fff; }
.ref h2 { font-size: 1em; }
.ref a { color: #fff; text-decoration: none; }
.ref a:hover { text-decoration: underline; }
.ref ul { width: 630px; text-align: left; }
.ref ul li { display: inline; padding: 2px 7px 0 0; }

 
.btn_special { display: block; width: 110px; height: 36px; margin: 0 auto; padding: 14px 0 0 50px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1.3em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/btn_special.png); border: 0; }
.btn_special2 { display: block; width: 160px; height: 50px; margin: 0 auto; padding: 0 0 0 39px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1.3em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/btn_special.png); border: 0; }
.btn_special_blue { background-position: 0 0; }
.btn_special_blue:hover { background-position: -160px 0; }
.btn_special_brown { background-position: 0 50px; }
.btn_special_brown:hover { background-position: -160px 50px; }

  
#div_debug { position: absolute; top: 0; right: 0; padding: 5px; color: #FF0; background: #C00; }

 
#abus_box { width: 320px; padding: 0 0 0 150px; background: url(/design/normal/images/abus_bg.png) no-repeat 0 15px; min-height: 265px; }
.form_msg .titre { display: block; margin-bottom: 5px; font-size: 1.5em; font-weight: bold; color: #333; }
.form_msg .desc { margin-bottom: 5px; }
.form_msg .label { display: block; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #333; }
.form_msg .text { display: block; width: 224px; height: 32px; margin: 0 0 10px 0; padding: 0 3px 0 3px; font-size: 1.4em; background: url(/design/normal/images/register_text.png); border: 0; }
.form_msg .select { margin: 0 0 7px 0; }
.form_msg .select option { padding: 0 5px 0 0; font-size: 1.2em; }
.form_msg .textarea { display: block; width: 314px; height: 165px; margin: 0 0 10px 0; padding: 5px 3px 0 3px; font: 1.2em Arial; background: url(/design/normal/images/textarea.png) no-repeat 0 0; border: 0; overflow: auto; }
.form_msg .btn { display: block; width: 142px; margin: 15px 0 0 0; padding: 7px 0 9px 24px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_btn.png) no-repeat; border: 0; }

 
.cobalib { _position: relative; _padding: 0 0 7px 0; }
.cobalib span { display: block;  width: 170px; overflow: hidden;}
.cobalib .top { height: 7px; background: url(/design/normal/images/cobalib/top.gif) no-repeat top left; }
.cobalib .corps { width: 160px; padding: 0 5px; font-size: 0.9em; background: url(/design/normal/images/cobalib/line.gif) repeat-y; }
.cobalib .bottom { _position: absolute; _bottom:-18px; _left: 0; height: 7px; background: url(/design/normal/images/cobalib/bottom.gif) no-repeat top left; }

 
.search_box{ background: #FFF; border-bottom: 5px solid #DDD; border-radius: 2px; }
.search_box em{ display:block; z-index:1; content:''; position: absolute; top: 4px; left: 5px; width: 38px; height: 38px; background:url(/design/normal/images/icons/loupe_38x38.png) no-repeat; }
.search_box:hover em{ -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
.search_box .recherche{ z-index:0; border: none; position: absolute; background: #DDD; box-shadow: inset 1px 2px 5px rgba(0,0,0,0.2); 
 top: 5px; left:30px; width: 321px ; padding: 0 5px 0 15px; height: 31px; font-size: 1.3em;
}
.search_box .search_go{ border: none; position: absolute; background: #FF8000; box-shadow: inset 0px -10px 10px rgba(255,255,255,0.4); 
 top: 4px; right: 4px; width: 40px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,.4); font-size: 1.5em; padding: 2px 0 8px 0; max-height: 31px; 
 box-shadow: 0 0 2px rgba(0,0,0,.3);
}
.search_box .search_go:hover{ background: #FF6600; }
.search_box label{ z-index:-1; display: block; background:#33B0DF; width: 100px; position: absolute; top: 5px; left: 4px; color: #FFF; text-align: center; 
 border-radius: 5px 5px 0 0; padding: 3px 8px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); font-size: 1.4em; box-shadow: inset 0 8px 10px rgba(0,0,0,.2);}
.search_box:hover label{ top: -26px; }

#club_perso .search_box, .search_box.c2 { position: relative; top: 0px; left: 0px; width: 300px; height: 40px; margin-bottom: 20px; }
#club_perso .search_box .recherche, .search_box.c2 .recherche{ width:200px; }
.search_box.c2 label { display: none;}

#c2 .search_box{ display: none;}

 
#box_ref { width: 650px; margin-top: 10px; border-radius: 5px; background: url(/design/normal/images/spacer_noir_50.png) repeat; }
#box_ref .box_ref_content { position: relative; margin: 10px; color: #fff; padding-bottom: 10px; font-size: 1.1em; }
#box_ref .box_ref_content a { color: #fff; }
#box_ref .box_ref_content a.tag { text-decoration: none;}
#box_ref .box_ref_content a:hover { color: #FC0; }
#box_ref .box_ref_content .titre,
#box_ref .box_ref_content h2 { display: block; margin: 0 0 5px 0; padding: 10px 0 0 0; 
 font-size: 1.6em; 
 clear: both; 
 font-family: 'Luckiest Guy', cursive;}
#box_ref .box_ref_content p { padding: 5px 0; line-height: 1.4em; } 
#box_ref .box_ref_content ul { padding: 5px 0 5px 50px; } 
#box_ref .box_ref_content li { list-style: circle;} 
#box_ref a.nouveaute{ display: block; width: 48%; float: left; text-align: left; text-decoration: none; height: 18px; overflow: hidden; padding: 0 2% 0 0; }
#box_ref a.nouveaute:nth-child(odd){text-align:right; padding: 0  0 0 2% ;}

 
.g_all { position: relative; width: 100%; padding-bottom: 20px; z-index:4; }


 
.socialBar{ background: rgba(0,0,0,.60); padding: 5px 10px 10px 10px;  border-radius: 5px; display: block; position: absolute; width: 215px; top: 2px; left: -245px;}
.socialBar:before{ content: ''; border: 5px solid transparent; border-left: 5px solid rgba(0,0,0,.60); display: block;
 position: absolute; top: 10px; right: -10px;}
.socialBar>span{display: block; font-size: 0.9em; text-align: center; color: rgba(255,255,255,.8); text-shadow: 1px 1px 1px rgba(0,0,0,.3); padding-bottom: 5px;}
.socialBar>div{display:table; margin:auto;}
.w960 .socialBar.bottom{ margin: 0; position: relative; display: block; width:100%; padding-left:0; padding-right: 0; border-radius: 0 0 5px 5px;}

 
.top_desc { font-size: 1.2em; text-align: justify; line-height: 1.3em; margin: 10px; }
.top_desc a{ color: #fff; text-decoration: none; border-bottom: 1px dotted #FFF; }
.top_desc a.img{ border-bottom: none; }
.top_desc img{ max-width: 100%; }
.top_desc h2{ margin: 20px 0 0 0; font-size: 1.6em; font-family: 'Luckiest Guy', cursive; font-weight: normal; line-height: 1em; }
.top_desc ul{ margin: 5px 0 5px 50px; list-style: circle;}
.top_desc ol{ margin: 5px 0 5px 50px; }
.top_desc li{ list-style: circle;}
.top_desc ol li{ list-style:decimal; }
.top_desc p{ padding: 5px 0 ;}

 
.separate { padding: 10px 0 0 0; background: url(/design/normal/images/separate.png) no-repeat top center; _background: none; }
.separate_top { padding: 5px 0; background: url(/design/normal/images/separate_top.png) no-repeat top left; _background: none; }

 
#pagination { display: table; margin: auto; position: relative; margin: 10px auto 20px auto; }
#pagination:after { content:''; display:block; height:1px; clear: both; }
#multipage{ clear: both; text-align: center; }
#multipage li{ float: left;display: inline-block; background: #FFF; width: 30px; height: 30px; border-radius: 15px;  box-shadow: 0 0 0 2px rgba(0,0,0,.2); margin: 0 4px; }
#multipage li a{ display: block; width: 100%; text-align: center; text-indent:0; text-decoration: none; font-size: 1.7em; font-weight: bold;  position: relative; line-height: 1.5em; }
#multipage li.pn{ font-size: 0.6em; width: inherit; padding: 0 10px;}
#multipage li.pn a{ padding-top: 5px; font-weight: normal; }
#multipage li.off{ visibility: hidden;}
#multipage li.on{ font-size: 1.4em; width: 40px; height: 40px; border-radius: 20px; margin: -5px 6px 0 6px; background: none; color: #FFF; box-shadow: 0 0 0 2px #FFF; }
#c1 #multipage li.on a{ color: #FFF; }
#multipage li:hover{ box-shadow: 0 0 0 3px rgba(0,0,0,.3); }
#multipage_suite { clear: both; margin-top: 10px;}
#multipage_suite { display: table; margin: auto;}
#multipage_suite li{ display: inline-block; margin: 10px; font-size: 1.1em;}
#multipage_suite a{ text-decoration: none; color: #FFF;}
#multipage_suite a:hover{ text-decoration: underline;}

 
.bloc_footer_seo { float: left; width: 249px; padding: 0 10px 10px 0px; }

 
.btn_insc_log { display: block; margin: 0 auto; padding: 10px 0; color: #fff; font-weight: bold; font-size: 1.2em; text-decoration: none; text-align: center; }
.btn_insc_log:hover { text-decoration: underline; }

 
#home_tags { position: relative; width: 650px; margin-top: 10px; clear: both; }
#home_tags_bg { position: relative; width: 650px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/home_tags_bg.gif) repeat-y; }
.home_box { position: relative; width: 163px; padding: 5px 0; float: left; }
.home_box .titre { position: relative; width: 113px; padding: 10px 5px 10px 45px; color: #fff; font-size: 1.5em; 
 background: url(/design/normal/images/spacer_blanc_30.png); }
.home_box_4 { width: 161px; }
.home_box_4 .titre { width: 111px; }
.home_box .titre .ico { display: block; position: absolute; top: -2px; left: 3px; width: 40px; height: 40px; margin-right: 5px; overflow: hidden; }
.home_box_1 .titre .ico { background: url(/design/normal/images/ico_age_40.png); }
.home_box_2 .titre .ico { background: url(/design/normal/images/ico_boy_40.png); }
.home_box_3 .titre .ico { background: url(/design/normal/images/ico_girl_40.png); }
.home_box_4 .titre .ico { background: url(/design/normal/images/ico_fete_40.png); }
.home_box .liens { display: block; padding: 10px; color: #fff; }
.home_box .liens a { color: #fff; text-decoration: none; }
.home_box .liens a:hover { text-decoration: underline; }
#home_tags_corners { position: absolute; bottom: 70px; right: 0; width: 650px; height: 73px; background: url(/design/normal/images/home_tag_corner.png); }

.top_h1 a{ text-decoration: none;}

 
.wide_ads, .narrow_ads { width: 596px; margin: 0 auto; }

 
#fitres_tags { margin: 10px; }
#fitres_tags a { text-decoration: none; font-size: 1em;}
#fitres_tags strong { display: block; float: left; margin: 0 20px 30px 0; }

 
.ninja { display: block; position: relative; width: 135px; height: 90px; margin-bottom: 5px; float: left;}
.de .ninja, .pt .ninja { margin-bottom: 10px; }

.ninja .cadre { display: block; position: absolute; top: 0; left: 0; width: 135px; height: 90px; background: url(/design/normal/images/cadre_visuel.png); }
.ninja .bg { position: absolute; display: block; top: 3px; left: 3px; width: 129px; height: 84px; }
.ninja .bg_rose { background: #e64d91; }
.ninja .bg_bleu { background: #009cd7; }
.ninja .bg_pourpre { background: #990033; }
.ninja .bg_fables {background: #666633; }
.ninja .bg_memory {background: #D93236; }

.ninja .bg_yodi { background: url(/design/normal/images/bg_yodi.jpg); }
.ninja .visuel { display: block; position: absolute; top: 5px; left: 0; width: 135px; height: 91px; }
.ninja .visuel_pyn_fr { background: url(/design/normal/images/visuel_pyn_fr.png); }
.ninja .visuel_sc_fr { background: url(/design/normal/images/visuel_sc_fr.png); }
.ninja .visuel_pyn_en { background: url(/design/normal/images/visuel_pyn_en.png); }
.ninja .visuel_sc_en { background: url(/design/normal/images/visuel_sc_en.png); }
.ninja .visuel_pyn_es { background: url(/design/normal/images/visuel_pyn_es.png); }
.ninja .visuel_sc_es { background: url(/design/normal/images/visuel_sc_es.png); }
.ninja .visuel_ae_fr { background: url(/design/normal/images/visuel_ae_fr.png); }
.ninja .visuel_ae_en { background: url(/design/normal/images/visuel_ae_en.png); }
.ninja .visuel_ae_es { background: url(/design/normal/images/visuel_ae_es.png); }
.ninja .visuel_yodi { background: url(/design/normal/images/visuel_yodi.png); }
.ninja .visuel_f_fr { background: url(/design/normal/images/visuel_f_fr.png); }
.ninja .visuel_f_es { background: url(/design/normal/images/visuel_f_fr.png); }
.ninja .visuel_ld_es { background: url(/design/normal/images/visuel_ld_es.png); }
.ninja .visuel_ld_fr { background: url(/design/normal/images/visuel_ld_fr.png); }
.ninja .visuel_ld_en { background: url(/design/normal/images/visuel_ld_en.png); }
.ninja .visuel_ld_de { background: url(/design/normal/images/visuel_ld_de.png); }
.ninja .visuel_m_de,.ninja .visuel_m_fr,.ninja .visuel_m_en,.ninja .visuel_m_es { background: url(/design/normal/images/visuel_memory.png); }


.ninja_big { height: 315px; text-decoration:none; overflow: hidden; }
.ninja_big .cadre { height: 315px; background: url(/design/normal/images/cadre_mea_yodicity.png); z-index:10; }
.ninja_big .bg { height: 309px; }
.ninja_big .bg_yodi { z-index:7; }
.ninja_big .visuel { top: 0; left: 0; width: 135px; height: 315px; overflow: hidden; }
.ninja_big .visuel_yodi { z-index:8; background: none; }
.ninja_big .visuel { top: 0; left: 0; width: 135px; height: 315px; overflow: hidden; }
.ninja_big .visuel_yodi img{ left:-230px; position: absolute; }
.ninja_big .visuel_yodi.age_1 img{ top: -290px; }
.ninja_big .visuel_yodi.age_2 img{ top: -245px; }
.ninja_big .visuel_yodi.age_3 img{ top: -180px; }
.ninja_big .visuel_yodi.age_4 img{ top: -135px; }
.ninja_big .visuel_yodi.age_5 img{ top: -90px; }
.ninja_big .texte { position:absolute; bottom: 3px; left: 3px; width: 110px; padding: 5px 10px; color: #FFF; text-decoration:none; text-align:center; background:url(/design/normal/images/spacer_noir_50.png); z-index:9; }

 
.jaquette { float: left; margin: 0 10px 10px 0; }
.jaquette img { width: 200px; margin: 3px; border: 2px solid #FFF; } 
.medias { background: url(/_design/img/digitalbros/cadre.jpg) no-repeat top left; width: 470px;}
.medias div { margin: 10px; overflow:hidden; width: 618px;} 
.medias embed, .medias object { display: block; margin: auto; width: 450px; } 
.medias h3 { color: #FFF; font-size: 21px; letter-spacing: -1px; margin: 10px 0; }  
.medias .liste a { border: 2px solid #FFF; width: 139px; height: 100px; float: left; margin: 0 10px 10px 0; overflow: hidden;} 
.medias .liste { margin: 10px 0 10px 10px;}
.medias .liste img { border:0; width: 139px;}
.medias .bigimg img { margin: 0 auto; display:block; max-width: 450px;}

 
.bolink a { color: #000; }

 
.p404 { width: 510px; height: 100px; padding: 30px 0 30px 100px; font-size: 1.2em; color: #fff; background: #009cd7 url(/design/normal/images/p404.png) no-repeat 15px 5px; }
.p404 .titre { font-size: 2em; }
.p404 .text { font-size: 1.3em; } 

 

.suivant_precedent { display: block; width: 100%; margin: 10px 0; padding: 10px 0; z-index: 10; }
.suivant_precedent:after { content:""; display: block; width: 100%; clear:both; }
.suivant_precedent a { position: relative; display: block; width: 50%; color: #fff; text-decoration: none; }
.suivant_precedent a:hover .fleche { transform: scale(1.2); }
.suivant_precedent a .txt { display: inline-block; font-size: 1.2em; padding-top: 6px; max-width: 70%; }
.suivant_precedent a:hover .txt {   text-decoration: underline;}
.suivant_precedent .prev:hover .txt { left: 115px; }
.suivant_precedent .next:hover .txt { right: 115px; }
.suivant_precedent a .img { 
 position: absolute; bottom: 100%; display: block; width: 150px;  border-radius: 3px; 
 background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #FFF;
 overflow: hidden; 
 box-shadow: 1px 1px 3px rgba(0,0,0,.3), inset 0 0 1px #FFF;
 height: 0;
 z-index: 10;
}
.suivant_precedent a:hover .img { height: 150px; }
.suivant_precedent a.prev .img { left: 40px; }
.suivant_precedent a.next .img { right: 40px; }

.suivant_precedent a .fleche { display: block; width: 30px; height: 30px; background: url(/design/normal/v5/prev-next.png); z-index:0;}
.suivant_precedent .prev { float: left; }
.suivant_precedent .next { float: right; text-align: right; }
.suivant_precedent .prev .fleche { background-position: 0 0; float: left; margin-right: 10px; }
.suivant_precedent .next .fleche { background-position: 0px -30px; float: right; margin-left: 10px;}
.dark .suivant_precedent .prev .fleche { background-position: 0 -60px; }
.dark .suivant_precedent .next .fleche { background-position: 0px -90px; }
.suivant_precedent .prev .fleche { left: 0; }
.suivant_precedent .next .fleche { right: 0; }

.btn_jaune_r5 { padding: 8px 10px; color: #fff; font-size: 1.4em; font-weight: bold; text-decoration: none; background: #ffb400 url(/design/normal/images/bg_jaune.gif) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #ffb400; }
.btn_jaune_r5:hover { border: 2px solid #fff; }

 
.txt_extra{ padding:10px; text-align: justify; color: #FFF; }
.txt_extra a{ color: #FFF; text-decoration: underline; }

 
.twitter_fr, .twitter_en, .twitter_es{ display:block; width: 300px; height: 50px; border: none; }
.twitter_fr:hover, .twitter_en:hover, .twitter_es:hover{ box-shadow: inset 0 -20px 20px rgba(0,0,0,0.2);}
.twitter_fr{ background: url(/design/normal/images/twitter_fr.png); }
.twitter_es{ background: url(/design/normal/images/twitter_es.png); }
.twitter_en{ background: url(/design/normal/images/twitter_en.png); }

 
.tag{ display: inline-block; background: rgba(0,0,0,.2); border-radius: 3px; padding: 2px 4px; margin: 0 2px 5px 0; font-size: 1.1em;  }
.tag:hover{ background: rgba(255,255,255,.2); text-shadow: 1px 1px 2px rgba(0,0,0,.8); }
.tag.admin { background: #C00; color:#FFF;}
.tag.admin:hover { background: red;}
.tag.admin:before { content : 'ACTION ADMINISTRATEUR : '; font-weight: bold; color :#FC0; }

 
.white_box{ background: #FFF; }
.cadre_blanc{ border-radius:1px; background: #FFF; padding:0px; 
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 margin: 5px auto; 
 display: block;
}

.titre a{ text-decoration: none;}  

 
.bbox{ width: auto; }

.mycontent img{ max-width: 100%; }

 
.top_top{ margin-bottom: 10px; position: relative; z-index: 2; }
.top_top .top_h1{ 
 font-size: 2.3em; 
 font-weight: normal; line-height: 1.3em;
 background: rgba(255,255,255,0.3); padding: 5px 10px; border-radius: 0 0 3px 3px;
 color: #FFF;
 text-align: center;
}
.top_top.hasImg .top_h1{ padding-left: 80px;}

.top_top.hasBtn .top_h1, .top_top.hasBtn #breadcrumb ul{ padding-right: 42px;}
.top_top .top_h1.r5{ border-radius: 3px; padding-bottom:10px;}
.top_top .ico{ display: block; float: left; margin: 2px 5px 0 5px; width: 40px; height: 40px; z-index: 2; } 

.top_share { position: absolute; right:3px; top: 5px; width: 32px;  }

 
#breadcrumb { display: block; font-size: 1.05em; background: rgba(0,0,0,.2); border-radius: 3px 3px 0 0; padding: 5px; text-align: center; }
.hasImg #breadcrumb { padding-left: 70px;}
#breadcrumb p, #breadcrumb ul, #breadcrumb ul li { display: inline; color: rgba(255,255,255,.7); }
#breadcrumb ul{ display: block; margin-left:10px; }
#breadcrumb li { padding: 0px 2px 0px 0; position: relative; }
#breadcrumb li:after { content: '»'; font-size: 2em; position: relative; top:3px; opacity: 0.6; line-height:0}
#breadcrumb li:last-child:after { content: ''; }
#breadcrumb a { padding: 0 5px 0 2px; color:rgba(255,255,255,.7) !important; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; color: #FFF !important;}
#breadcrumb span { text-decoration: underline; }
#breadcrumb ul.w_img{   padding-right: 34px;}
.top_top .under_ariane{ float: left; width: 520px; padding: 10px 0 0 0; }


 
.ico32{ width: 32px; height: 32px; display: inline-block; background: url(/design/normal/v5/ico_32x32.png)}
.ico32.print{ background-position: 0 -64px; }  .ico32.print:hover{ background-position: -32px -64px; }
.ico32.share{ background-position: 0 -32px;}  .ico32.share:hover{ background-position: -32px -32px;}

.top_top .img{ display: block; position: absolute; width: 70px; height: 100%; z-index: 2; overflow: hidden; 
 border-radius: 3px 0 0 3px; top:0; left: 0;
 box-shadow: 2px 0 3px rgba(0,0,0,.2);
 background-position: center center;
 background-size: cover
} 
.top_top .img a{display: block; position: relative; width: 100%; height: 100%;}
.top_top .img a em{ width: 100%; height: 15px; position: absolute; bottom:-20px; left: 0px; z-index:2; background: #FFF; text-align: center; color: #333; font-style:normal; text-decoration: none; 
 box-shadow: 0 0 8px rgba(0,0,0,.8);} 
.top_top .img a:hover em{ bottom:0px; text-decoration: none;} 

 
.bouton{ display: block; color: #FFF;  font-size: 18px; padding: 10px; border-radius: 5px; text-decoration: none;
 border-left: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(0,0,0,.3); 
 text-shadow: 1px 1px 0 rgba(0,0,0,.2); text-align: center; height: 20px;
 position: relative;  letter-spacing: -0.02em;
 border-bottom: 5px solid rgba(255,255,255,.5);
}
.bouton:hover{ padding: 17px 10px 18px 10px; top: -10px; box-shadow: inset 0 20px 20px rgba(0,0,0,.2); border-bottom: none; }
.bouton.bleu{ background: #26ABDD; }
.bouton.rose{ background: #EA67A1; }
.bouton.violet{ background: #A06C8F; }

 
#mon_contenu table img{ float: left;}

 
#slider_smart{ width: 630px; height: 280px; background: #FFF; border-radius: 5px; padding: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); margin: 5px }

 
#btn_autopromo{ margin: 0 0 0 0; text-align:center; }

#btn_autopromo>a { margin: 0 0 20px 0; border-radius: 2px; display: block; width: 100%; position:relative; overflow: hidden; text-decoration: none; padding: 0; line-height: 0em;
 box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
#btn_autopromo>a span{ display: block; background: rgba(0,0,0,.6); color: #FFF; font-size: 1.5em; 
 position: absolute; width: 96%; padding: 2.5%; line-height: 1.3em; bottom:0px; left:-105%; 
 border-radius: 0 0 2px 2px;}
#btn_autopromo>a img{ width: 100%; border-radius:2px;}
#btn_autopromo>a em{ 
 display: block; background: rgba(0,0,0,.5);  color: #DDD; text-align:center; font-size: 1.5em; letter-spacing: -0.02em; 
 position: absolute; width: 90%; padding: 5%; top: -300px; line-height: 1.3em;
 border-radius: 2px 2px 0 0;
 }
#btn_autopromo>a:hover {  }
#btn_autopromo>a:hover span{    left: 0; }
#btn_autopromo>a:hover em{  top:0; height: 90%;  }

 
.dmPlayer, .ytPlayer{ line-height:0; }


 
.dark .top_top .top_h1, 
.dark .form_special_concours_1 .label,
.dark .box,
.dark .top_desc, .dark .top_desc a,
.dark .fiche_texte_jds, .dark .suivant_precedent a, .dark .suivant_precedent a .txt,
.dark #multipage a, .dark #breadcrumb ul li, .dark #breadcrumb ul li a,
.dark .taglist .tag
{ color: rgba(0,0,0,.6) !important; text-shadow: none !important;}
.dark #reviews{ color: #FFF !important;}


 
.pub.pubDHTML{ height: 1px; position:relative; margin-top:-1px; z-index:10}

 
.home_actu{
 display:block;
 background: #009CD7;    
 border: 0.1em solid rgba(255,255,255,.4);
 margin-bottom: 10px;
 text-decoration: none;
 color: #FFF; font-size: 1.2em;
 position: relative;
 overflow: hidden;
 padding: 0 20px 0 0;
}
.home_actu:after{ content:''; display: block; clear:both; height: 0px; }

.home_actu em{ 
 left: -200px; display: block; position: absolute; bottom: -50px; font-size: 3em; width: 0px; height: 0px; 
 border: 200px solid transparent; border-left: 200px solid rgba(0,0,0,.3);
}
.home_actu:hover em{ left:-25px; }


.home_actu img{ float: left; margin: 0 20px 0 0; width: 310px; height: 310px; }
.home_actu h2, .home_actu span, .home_actu u{ text-decoration: none; display: block; }
.home_actu u{ padding-top: 20px; text-align: right;}
.home_actu h2{ font-size: 2em; line-height: 1.1em; padding: 20px 0;}
.home_actu:hover{ background: #00729D;}

 
.fb_tw{ background: url(/design/normal/v5/fb_tw.png) no-repeat; width: 300px; height: 50px; position:relative; overflow: hidden; margin-top: 10px;}
.fb_tw a{ display: block; position: absolute; background: url(/design/normal/images/spacer.gif); height: 50px; width: 135px; top: 0; left: 5px; opacity: 0.5; padding-top: 50px;}
.fb_tw a.tw{ left: 160px;}


 
.bi{ width: 100%;   }
.bi *{ -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 0;}
.bi li{ z-index:1; display: block; float: left; position: relative; width: 33.333%; margin: 0;  }
.bi li>img{ width: 100%; }

.bi li a img{ width: 100%; border-radius: 1em;  }

.bi a, 
.bi em{ display: block; position: absolute; top:0; left:2.5%;  text-decoration: none;  width: 95%; height: 95%; border-radius: 2px;  
}
.bi a{ z-index: 6; box-shadow: 2px 2px 2px rgba(0,0,0,.3) }
.bi em { z-index:1; background: #FFF; text-align: center; }
 
.bi em img{ position: relative; width: 100%; border-radius: 2px;  }
.bi a h2{ 
 position: absolute; left: 0px; bottom: 0px;
 border-radius: 0 0 2px 2px;
 display: block; text-align: center; padding: 5px 0;
 width: 100%;  
 text-decoration: none;
 font-weight: normal;
 letter-spacing:-0.02em;
 font-size: 1.1em; line-height:1.1em;
 text-transform: uppercase;
 z-index:3;
 max-height: 38%;
 color: #FFF; background: rgba(0,0,0,.8);
 opacity: 0;
 
}
.bi li>span { 
 display: block;
 position: absolute;
 top:0px; left:2.5%; width: 95%; border-radius: 2px 2px 0 0;
 line-height: 1em;
 background: rgba(0,0,0,.6); text-align: center; padding: 5px 0; font-size: 0.9em; color: #FFF;
 z-index: 4; text-shadow: 1px 1px 1px rgba(0,0,0,.8);
 opacity:0;
}
.computer .bi li:hover span, .computer .bi li.on span  { opacity: 1; }
.computer .bi li:hover, .computer .bi li.on{ z-index:3; transform: scale(1.2); -webkit-transform: scale(1.2); }
.computer .bi li:hover em, .computer .bi li.on em { z-index:2; box-shadow: 0 0 10px rgba(0,0,0,.8); }
.computer .bi li:hover em img, .computer .bi li.on em img{ margin: auto; }
.computer .bi li:hover a h2, .computer .bi li.on a h2{ opacity: 1; }


.bi a.editThumb{display: none; position: absolute; top:30px; left:10% !important; width: 80% !important; height: 10px !important;background: red; text-align:center; padding: 10px; z-index: 50; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.8);}
.bi li:hover a.editThumb{display: block; }
.bi a.editThumb:hover{background: green; }
.bi #updThb{ position: absolute; top: 0; left: 0; width: 100%; height: 60%; background: rgba(0,0,0,.9); text-align: center; z-index: 51; padding-top: 40%; }
.bi #updThb>*{ transform: scale(0.8); -webkit-transform: scale(0.8); }

.bi a.searchThumb{display: none; position: absolute;  width: 50% !important; height: 25px !important;background: orange; text-align:center; padding: 10px 0; z-index: 50; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.8); left: 25% !important; top: 120px; line-height: 1em;}
.bi li:hover a.searchThumb{display: block; }
.bi a.searchThumb:hover{background: #F60; }


 
.bi li.double{ width: 66.66%; }
.bi li.double.fright{ float: right;}
.bi li.cleft{ clear:left;}
.bi li.double a,
.bi li.double em{ width: 98%; height: 98%; left: 1%; }
.bi li.double:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); }

.ar .bi li.double.fright{ float: left;}
.ar .bi li.cleft{ clear:right;}


.w320 .bi li.double{ width:50%;}
.w320 .bi li.cleft{ clear:none;}



 
.bi li.video{ width: 413px; height: 413px; float: right; overflow: hidden; background: rgba(255,255,255,.6); border-radius: 5px; position: relative;}
.bi li.video .cadre_blanc{ box-shadow: none; background: none; margin: auto; position: relative; z-index:2;}
.bi li.video a{ position: absolute; bottom: 0; width: 100%; height: 100%; z-index:1;}
.bi li.video a h2{ width: 100%;}
.bi li.video:hover{transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; }

 
.fr .bi li.video{ width: 67%; height: auto; float: right; background: none; position: relative; z-index: 0; overflow:visible}
.fr .bi li.video .cadre_blanc:after{ content:''; width: 413px; height:468px; display: block; position: absolute; top: -35px; background:url(/design/normal/v5/cadre_tv_jds.png); background-size: 100% auto; }
.fr .bi li.video .cadre_blanc{ box-shadow: none; background: none; width: 390px; height: 280px; position: absolute; z-index:2; top: -40px; left:0; }
.fr .bi li.video .cadre_blanc>div{ width: 390px; height: 290px; position: absolute; overflow:hidden; left:17px; top: 86px; background: #000;}
.fr .bi li.video .cadre_blanc>div img{ width: 100% }
.fr .bi li.video a{ display: block; position: absolute; bottom: 0px; width: 100%; height: 40px; text-align: center; z-index: 10; color: #333; background: transparent; padding-top: 323px; padding-bottom: 50px}
.fr .bi li.video a i{ display: block; font-size: 0.7em; font-style: normal;}
.fr .bi li.video:hover a{ color:#000;  }
.fr .bi li.video:hover{transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; }
.fr .bi li.video a:before{ content:''; display: block; background: url(/design/normal/v5/btn_video_youtube.png); width: 82px; height: 55px; position: absolute; top: 160px; left:173px; opacity: 0.7}
.fr .bi li.video a:hover:before{ opacity: 1}

.fr .bi li.video .filler{ width: 100%;}

 
.w768 .bi.affiche li{width: 25%; }
.w960 .bi.affiche li{width: 20%; }
.w320 .bi.affiche li{width: 33.3333%; }






 
.videoCrossing a.tag{ text-decoration: none; display: block; border-radius: 0 0 5px 5px; font-size: 1.1em; position: relative; top: -10px; padding: 10px;}

 
.jdstv{ display: block; background: #21A3DC ; border: 1px solid rgba(255,255,255,.1); 
 box-shadow: inset 0 10px 0 rgba(255,255,255,.1), 0 0 5px rgba(0,0,0,.5); 
 border-radius: 5px; margin: 20px auto 0 auto; max-width: 300px; text-align: center;text-decoration: none; 
 padding: 10px; position: relative; font-size: 1.3em; color: #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,.5);
}
.jdstv:hover{ background: #E9478D;   }

.jdstv span{ display: block; font-size: 0.7em;}
.jdstv:before{content: ''; display: block; width: 56px; height: 48px; position: absolute; top: 3px; left: -65px;
 background-image: url(/design/logo/hktv.png);
}

.synopsis{ margin: 10px auto; background: rgba(255,255,255,.15); padding: 10px; border-radius: 5px; font-size: 1.2em; line-height: 1.2em;}
.synopsis h2{ padding-bottom: 20px; font-family: 'Luckiest guy', cursive; }

.synopsis p{padding: 0 0 15px 0; }
.synopsis a{ color: #FC0; }

.synopsis li{ list-style: inherit; padding-bottom: 10px;  }
.synopsis ul, .synopsis ol{ padding-left: 40px; list-style-position: outside; }
.dark .synopsis{ text-shadow: none; }

#yodiloading{ position: fixed; z-index: 999999999; background: rgba(0,0,0,.8); top:0; left:0; width: 100%; height: 100%; }
#yodiloading>#loading,
.yodiloading
{ position: absolute; top: 48%; left: 48%; display: block;  width: 60px; height: 60px; background: url(http://static.yodicity.com/static/design/loading.gif) no-repeat center center #000; border-radius: 30px; box-shadow: 0 0 20px rgba(255,255,255,.5);
}
#yodiloading #loadingContent{ background: rgba(255,255,255,.2);display: inline-block;   
 z-index: -1; 
 border-radius: 3px;
 background: linear-gradient(transparent, rgba(255,255,255,.2) )}
#yodiloading #loadingContent h1{ color: #FFF; font-size: 0.9em; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,.2);}
#loadingContent .msg{ background-color: #FFF; max-width: 300px; padding: 10px; border-radius: 3px; font-size: 1.1em; color: #777}

#loadingContent .msg.audrey{ padding: 10px 10px 10px 130px; background:url(/design/normal/images/audrey_yodimission_special.png) no-repeat top left #FFF;}
#loadingContent .msg p{ padding-top: 10px;}

#loadingContent .msg .btn{ 
 display: inline-block; padding: 5px 10px; border-radius: 5px; color:#FFF; margin: 0 5px 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,.2); cursor:pointer; }
#loadingContent .msg .btn.yes{ background: #85B200; }
#loadingContent .msg .btn.yes:hover{ background: #9BCE00; }
#loadingContent .msg .btn.no{ background: #D93600;}
#loadingContent .msg .btn.no:hover{ background: #FF5F28;}


.bigBtn{ 
 display: inline-block; margin: 10px auto; padding: 0 20px; 
 position: relative; text-decoration: none; 
 background: #129ED5; border-radius: 8px; box-shadow: inset 0 -3px 0 rgba(0,0,0,.1), inset 0 5px 0 rgba(255,255,255,.2);
 border: 1px solid rgba(0,0,0,.1); color: #FFF;
 font-size: 2.4em;
}
.bigBtn:hover{ background: #E7518F; text-shadow: 1px 1px 1px rgba(255,255,255,.5); color: rgba(0,0,0,.7); }
.bigBtn.ico50{ margin-left: 50px; }

.ico50:before{ content: ""; display: block; position: absolute; bottom:0; left:-55px; background: url(/design/normal/v5/ico_50x50.png); width: 50px; height: 50px; }

.ico50.print:before{ background-position: 0 0; }
.ico50.print:hover:before{ background-position: 0 -50px; }

 
#bloctheme .top_h1{ font-size: 2.2em; background: none; text-align: center;}
#bloctheme a{display: block; text-align: center;}

 
.message{ display: block; width: 60%; padding: 5%; margin: 10% auto; font-size: 1.5em; text-align: center; border-radius: 0.3em; border: 1px solid #FFF; box-shadow: 1px 1px 5px rgba(0,0,0,.4); 
 color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,.4); }
.message span{ font-size: 0.7em; display: block; padding-top: 10px; }
.message.warning{ background: #C00; background: #C00 linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5) ); }



 
footer{ position: relative; clear: both; width: 100%; border-top: 0.4em solid #FFF; z-index: 3; font-size: 1.1em; }
footer section{ position: relative;}
footer .c{ width: 970px; margin: auto; position: relative; padding: 1.2em 0; max-width: 100%;}
footer .c>div{ float: left; padding: 1.5%; width: 30%;}
footer .t{ display: block; color: #FFF; font-weight: normal; font-size: 1.6em; padding-bottom: 20px; text-align: center;}
footer .top{ background: #81ba28; color: rgba(0,0,0,.6); }
footer hr{ position: absolute; display: block; top:10%; height: 80%; width: 0px; border-right: 1px solid rgba(255,255,255,.3); border-left: 1px solid rgba(0,0,0,.3); left: 31%; background: none;}
footer hr.deux{ left: 69%}
footer .top p{ text-align: justify; position: relative;}
footer .top .c:before{ content:''; display: block; position: absolute; width: 280px; height: 69px; background: url(/design/normal/v5/elts_footer.png) no-repeat -624px -119px; pointer-events: none;
bottom:0; left: 136px; z-index: 5;}
footer .top .c em.hck{ display: block; position: absolute; width: 142px; height: 38px; background: url(/design/normal/v5/elts_footer.png) no-repeat -762px -81px; bottom:69px; left:272px; z-index:7; }
 
footer .top .nl{  position: relative; padding: 10px; height: 213px; width: 263px !important; margin: 10px 2% 0 0; color: rgba(0,0,0,.75); 
 background: url(/design/normal/v5/elts_footer.png) no-repeat -28px -22px; }
footer .top .nl .t{ color: rgba(0,0,0,.75); font-size: 2em; text-align: left;}
footer .top .nl form{margin-top: 20px;}
footer .top .nl label{display: block; font-size: 1.4em; padding-bottom: 5px;}
footer .top .nl form input{display: block;float: left; margin: 0; height: 28px;   }
footer .top .nl form input[type=text]{ width: 79%; padding: 0 2%; border:1px solid #999; border-right:none; background: #DDD;}
footer .top .nl form input[type=submit]{background: rgba(0,0,0,.75); color: #FFF; border: none; padding: 3%; border-radius: 0 5px 5px 0; height: 30px;}
footer .top .nl form input[type=submit]:hover{background: rgba(0,0,0,.9); }
footer .nl:before, footer .nl:after{ content:''; display: block; position: absolute; width: 70px; height: 72px; background: url(/design/normal/v5/elts_footer.png) no-repeat -812px -188px; pointer-events: none;}
footer .nl:before{ top: -27px; right: -27px;}
footer .nl:after{ bottom: -5px; left: -27px; z-index: 0}
 
footer .top .nl .inscription{  position: absolute; left: -1500px; }

 
footer .top .txt{ position: relative; width: 35%; z-index:8;}
footer .top .txt a{ color:rgba(0,0,0,.8); text-decoration: none;}
footer .top .txt a:hover{ text-decoration: underline}

 
.ar footer .top, .pt footer .top{ display: none;}

 
footer .linx{ background: #16120D; color: rgba(255,255,255,.7); text-align: center;}

footer .linx ul{ display: inline-block; margin-left: 10px;}
footer .linx li{ display: inline-block; margin: 0 10px 0 10px;}
footer .linx li a{ color: rgba(255,255,255,.8);}
footer .linx li a:hover{ text-decoration: underline;}


 
footer .top .lnk{ background: url(/design/normal/v5/elts_footer.png) no-repeat -338px 0px; width: 286px!important; height: 289px; padding:0; position: absolute; right:0; bottom:0; overflow:hidden}
footer .lnk .t{ color: rgba(0,0,0,.8); padding-top: 50px; text-shadow: 0 0 4px #FFF; }
footer .lnk a{ display: block; height: 50px; padding-left: 85px; color: rgba(0,0,0,.8); text-align: left; font-size: 1.1em; text-decoration: none; position: relative;}
footer .lnk a:hover{ text-decoration: underline; }
footer .lnk a:before{ content:''; display: block; height: 55px; width: 47px; position: absolute; top:-17px; left:30px; background: url(/design/normal/v5/elts_footer.png) no-repeat; 
 transition: all 0.3s ease-in-out; 
}
footer .lnk a.app:before{ background-position: -1063px 0; }
footer .lnk a.fb:before{ background-position: -1063px -55px; }
footer .lnk a.tw:before{ background-position: -1063px -110px; }
footer .lnk a:hover:before{ -ms-transform:rotate(-352deg); transform:rotate(-352deg);   }

 
footer .bottom{ background: url(/design/normal/v5/elts_footer.png) repeat-x center -299px #2D241A;   color: #FFF; text-align: center;}

 
footer .lang ul{ display: table; margin: auto; margin-bottom: 15px;}
footer .lang ul li{ display: block; float: left; overflow: hidden; width: 40px; height: 40px; margin: 3px }
footer .lang a{ display: block; width: 40px; height: 40px; margin: 0; background: url(/design/normal/v5/elts_footer.png) no-repeat; text-decoration: none; text-indent: -1000em;}
footer .lang a.fr{ background-position: -624px 0; }
footer .lang a.fr:hover{ background-position: -624px -41px; }
footer .lang a.en{ background-position: -664px 0; }
footer .lang a.en:hover{ background-position: -664px -41px; }
footer .lang a.es{ background-position: -704px 0; }
footer .lang a.es:hover{ background-position: -704px -41px; }
footer .lang a.cn{ background-position: -744px 0; }
footer .lang a.cn:hover{ background-position: -744px -41px; }
footer .lang a.de{ background-position: -784px 0; }
footer .lang a.de:hover{ background-position: -784px -41px; }
footer .lang a.pt{ background-position: -824px 0; }
footer .lang a.pt:hover{ background-position: -824px -41px; }
footer .lang a.ar{ background-position: -864px 0; }
footer .lang a.ar:hover{ background-position: -864px -41px; }
footer .lang .t{ padding: 0;}

 
footer .yodi .logo{
 display: block; overflow: hidden; text-indent: -1000em; margin: 0 auto 8px auto; 
 width: 157px; height:  64px; background: url(/design/normal/v5/elts_footer.png) no-repeat -904px -166px;
}
footer .yodi .logo:hover{ background-position: -904px -230px; }
 
footer .jpg { position: relative; top: -20px;}
footer .jpg .logo{
 display: block; overflow: hidden; text-indent: -1000em; margin: 0 auto 8px auto; 
 width: 159px; height: 83px; background: url(/design/normal/v5/elts_footer.png) no-repeat -904px 0px;
}
footer .jpg .logo:hover{ background-position: -904px -83px; }

 
footer .cbl{ display: block; background: #000; overflow: hidden; text-indent: -1000em;height: 33px; }
footer .cbl:before{ content:''; display: block; height: 16px; width: 146px; background: url(/design/normal/v5/elts_footer.png) no-repeat -666px -233px; margin: 10px auto;}

 
footer section.e1 .c:before{ display: none!important;}
footer section.e1 .hck{ display: none !important;}
footer section.e1>div>div{  padding: 1.5% 0; float: none; margin: auto;}
footer section.top.e1>div>div{ width: 60% !important; }
footer section.e1>div>div{ width: 100% !important; }
footer section.e1 hr{ display: none;}
.w768 footer section.e2 .c>div,
.w960 footer section.e2 .c>div{ width: 47%; float: left !important; clear: none!important;}


 
#mac{ position: fixed; background: url(/e.gif) #fff; display:none; width:10px; height: 10px; z-index: 100000} 
#mac. iframe{ position: relative;width: 100%; height: 100%; border:0; margin:0; padding:0; overflow:hidden;} 
#mac #close{ position: fixed; top:0; right:0; display: block; width:125px; height:114px; background:url(/templates/coloriages/imgs/fermer.png) no-repeat; text-align:center; color:#FFF; overflow:hidden;z-index: 10; cursor:pointer; }
#mac #close:hover{ color: #FC0; transform:scale(1.1); -webkit-transform:scale(1.1);}
#mac #close a{ display: block; padding-top: 80px; }
#mac #content{ width: 100%; height: 100%; overflow: hidden; position: fixed; z-index:9;}

 
body.nopub .pub{ display: none; }

 
body.animBg{
 -webkit-animation: bgImageAppearFromTop 5s ease;  
 animation: bgImageAppearFromTop 5s ease; 
}
@-webkit-keyframes bgImageAppearFromTop {
    from {background-position: 50% -100%; }
    to {background-position: 50% 0;}
}

 
@keyframes bgImageAppearFromTop {
 from {background-position: 50% -600px;}
 to {background-position: 50% 0;}
}

 
ul.inlistVideo{ position: relative; }
ul.inlistVideo li:nth-child(8), ul.inlistVideo li:nth-child(9){ clear: both; }
ul.inlistVideo li.vid{ 
 position: absolute; top:437px; right: 17px; height: 421px; width: 421px; cursor: default; 
 background: url(/design/normal/v5/motif.png) no-repeat transparent; 
 overflow: hidden;
}
.ar ul.inlistVideo li.vid{ right: inherit; left: 17px; }
.bi li.vid{ 
 position: relative; width: 100%; cursor: default; 
  
 z-index: 3; clear: both; 
 
}
.bi li.vid:hover{ -webkit-transform: none; transform: none; }


.bi li.vid .top_top{ margin: 0; }
.bi li.vid .top_h1{ padding: 10px !important; background: rgba(0,0,0,.1); text-align: center; margin: 0 10px 0 10px; border-radius: 5px 5px 0 0; }
.bi li.vid .box{ background: none !important; margin: 0; }
.bi li.vid a{ display: block; line-height: 1.2em; width: 100%; padding-left:0; padding-right: 0; left:0}
.bi li.vid section{ }
.bi li.vid section center{ padding: 0 5px 5px 5px !important; }



 
.w320 ul.inlistVideo li:nth-child(8), .w320 ul.inlistVideo li:nth-child(9),
.w480 ul.inlistVideo li:nth-child(8), .w480 ul.inlistVideo li:nth-child(9){ clear: none; }
.w320 ul.inlistVideo li.vid, .w480 ul.inlistVideo li.vid{ display: none; }

.jdsLecteurVideo *{line-height:0;}
.jdsLecteurVideo>center>div{min-height: 150px !important;}

.jdsLecteurVideo object, .jdsLecteurVideo .JDSwrapper{top:0; left:0;}

 
#HKhrefLang{ display:none; }
#HKhrefLang.show{ display:block; padding: 2% 2% 0 2%; text-align: right;}
#HKhrefLang.show>a{ display:inline-block; padding: 5px 5px 5px 30px; background: rgba(0,0,0,.15); border-radius: 3px; color: #FFF; text-decoration:none; position:relative; }
#HKhrefLang.show>a:hover{ background: rgba(0,0,0,.3); }
#HKhrefLang.show>a:before{ content:''; display: block; position: absolute; top: 6px; left: 5px; width: 16px; height: 11px; background:url(/design/normal/v5/langues.png) no-repeat; }
#HKhrefLang.show>a:hover:before{ transform:scale(1.3); }
#HKhrefLang.show>a.tofr:before{ background-position: 0 0; }
#HKhrefLang.show>a.toes:before{ background-position: 0 -11px; }
#HKhrefLang.show>a.toen:before{ background-position: 0 -22px; }
#HKhrefLang.show>a.tobr:before{ background-position: 0 -33px; }
#HKhrefLang.show>a.tode:before{ background-position: 0 -44px; }
#HKhrefLang.show>a.toar:before{ background-position: 0 -55px; }

#HKhrefLang.splash{display: block; position:relative; font-size: 2em; text-align: center; padding: 120px 0 0 160px; background: url(/design/normal/images/alert_inf.png) no-repeat top left; 
 width:300px; min-height: 100px; }
#HKhrefLang.splash:before{content: ''; display: block; position: absolute; top: 0; right: 50px; width: 225px; height: 121px; background: url(/design/logo/en.png); transform: scale(0.8);  }

.w480 #HKhrefLang.splash, .w320 #HKhrefLang.splash{ padding: 0; background: none; width:100%; min-height: 100px; } 
.w480 #HKhrefLang.splash:before, .w320 #HKhrefLang.splash:before{position: relative; top: inherit; right: inherit; margin: auto; }


#HKhrefLang.splash>a{ text-decoration: none; color:#333; cursor: pointer;}
#HKhrefLang.splash>a span{ display: block; font-size: 1.2em; margin: 5% 20%; padding: 5px; 
 background: #0799D3; border-radius: 5px; color: #FFF; letter-spacing: -0.02em;
 text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
#HKhrefLang.splash>a:hover span{ background: #E7518F; }

.taglist{ clear: both; text-align: center; padding: 10px 0 5px 0; margin: 10px 0; border: 1px dotted rgba(255,255,255,.3); border-left: none; border-right: none;}
.taglist a{ text-decoration: none; text-shadow: none;   }
.taglist:before{ content: attr(data-legend); padding: 0 10px 0 0;   font-family: 'Luckiest guy', cursive; font-size: 1.2em;}

#siteDesc{ background: #81BA28 ; color: #FFF;  font-size: 1em; clear:both;}
#siteDesc .top_h1{ font-size: 2em; line-height: 1em; text-align: center;  background: rgba(0,0,0,.2);}

#headOfContent{ position: relative; clear:both; margin-bottom: 20px;}
.w960.fullWidthVideo #myMainVideo.carre{ max-width: 60%; background: #000;padding:0 20%;}

 
#HKverticalList{ position: relative; float: right; width: 200px;  }
.w320 #HKverticalList{ float: none; width: 100%;  }
.w320 #HKverticalList .bi{ margin: 0; padding-top: 10px; clear: both; }
#HKverticalList .bi li{ width:100%; overflow: hidden;}
#HKverticalList li.contenuVideo>img{ width:60%;}
#HKverticalList li.contenuVideo em{ height:94%;}
#HKverticalList li.contenuVideo h2{ top: 0; background: rgba(0,0,0,.8); padding: 2%; width: 96%;  }
.computer #HKverticalList li.contenuVideo h2{ opacity: 0; }
.computer #HKverticalList li.contenuVideo:hover h2{ opacity: 1; }
li.contenuVideo em{overflow: hidden}

 
div.pub.quantum{width: 100%; display: block; position: relative; margin: 10px 0;}

li.pub.quantum{width: 100%; display: block; position: relative; margin: 0 0 20px 0; clear: both;}
li.pub.quantum:hover{ -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none;}
 

.pub.quantum{ min-height: 230px; background: rgba(0,0,0,.1);}
.pub.quantum:before{ content:"QUANTUM NATIVE"; display: block; padding: 20px; color: rgba(255,255,255,.6); text-align: center; }
.pub.quantum:after{ content:""; display: block; position: absolute; width: 100%; height: 100%; top:-1px; left:-1px; border: 1px dashed rgba(255,255,255,.2); padding: 0;} 

#HKoverall{ position: fixed; z-index: 9999999999999999999999; width: 100%; height: 100%; background:rgba(0,0,0,.9); text-align: center; top:0; left:0;}
#HKoverall iframe{ position: relative; width: 90%; margin: 5% auto; border:none; border-radius: 10px; }
#HKoverall iframe.avatar{ max-width: 500px; height: 90%;}

#ads{display: block; width: 2px; height: 2px; background: red; position: fixed; bottom: 0; right:0; z-index: 999999; pointer-events:none;}

 
#addon-tagged-page{ padding: 10px;  }
#addon-tagged-page img{ max-width: 100%; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,.5); }
#addon-tagged-page a:hover{ display: block; transform:scale(0.98); }

.autopromofab{border: none; border-radius: 4px; margin: 1%; clear: both; height: 300px; width: 98%; overflow:hidden; box-shadow: 0 0 1px 0 rgba(255,255,255,.5); }
.w320 .autopromofab, .w480 .autopromofab{margin: 2%; width: 96%; }  #menu2{ position: fixed; width: 100%; top: 0; left: 0;  height: 70px; z-index: 10;  border-bottom: 1px solid rgba(0,0,0,.2); }#menu2 .main_menu{ width: 970px; margin: auto; text-align: left; position: relative;}.w960 #menu2 .main_menu, .w768 #menu2 .main_menu{ padding-left: 120px; width: 850px; margin: auto !important;}.ar.w960 #menu2 .main_menu { padding-left: 0px; padding-right: 120px;}#menu2 .bigitem{  display: block; float: left; width: 68px;  height: 70px;  border-left: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(0,0,0,.2); overflow: hidden; position: relative;  z-index: 1;}.dark #menu2 .bigitem, .dark #menu2{ background: linear-gradient(#333, #666) !important; }#menu2 .bigitem>span{ display: block; height: 100%; position: relative; }#menu2 .bigitem:before{ content:''; display: block; width: 70px; height: 70px;  background: url(/design/normal/v5/icon-menu-2015-07.png) no-repeat; position: absolute; top:0px; left:0px; z-index:0;  }#menu2 .bigitem.m_coloriage:before{ background-position: 0 0; }#menu2 .bigitem.m_dessin:before{ background-position: -70px 0; }#menu2 .bigitem.m_brico:before{ background-position: -140px 0; }#menu2 .bigitem.m_jeux:before{ background-position: -210px 0; }#menu2 .bigitem.m_lecture:before{ background-position: -280px 0; }#menu2 .bigitem.m_video:before{ background-position: -350px 0; }#menu2 .bigitem.m_sorties:before{ background-position: -420px 0; }#menu2 .bigitem.m_club:before{ background-position: -490px 0; } .searchEngine{ display: block; float: right; position: relative; z-index: 0; height: 70px;}.dark #c2 .searchEngine .recherche{ box-shadow: 0px 0px 3px rgba(0,0,0,.4); }.searchEngine .recherche{ border-radius: 3px; padding: 10px 40px 10px 10px; border: none;  width: 160px; text-shadow: none; font-size: 1.5em; position: absolute; top: 10px; right: 0;  color: #FB9125; height: 30px; line-height: 30px;}.searchEngine .search_go{ border-radius: 3px; width:40px; height:40px; background:url(/design/normal/v5/icon-menu.png) -577px -14px #FB9125; border: none;  position: absolute; top: 15px; right: 5px; z-index: 2; }.searchEngine .search_go:hover{ background-color: #EE7904; }#c2 .searchEngine {float: none; }#c2 .searchEngine .recherche{ width: 250px; top: 0; }#c2 .searchEngine .search_go{ top: 5px; }#top .searchEngine{ top: -70px; }#top .searchEngine{ top: 0; }.computer.w960 #menu2 .bigitem:hover>span{ width: auto; }#menu2 .bigitem .txt{  padding: 0 10px 0 70px ;  font-family: 'Luckiest guy', cursive; font-size: 2em; font-weight: normal; color: #FFF;  display: table-cell; vertical-align:middle; height: 70px; line-height: 1em; min-width: 130px;}.computer #menu2 .bigitem:hover{ width: 210px; }.computer #menu2 .bigitem:hover .txt{ width:auto !important; } .computer #menu2 .bigitem.m_club:hover{ width: 180px; }.fr.computer #menu2 .bigitem.m_dessin:hover{ width: 170px; }.fr.computer #menu2 .bigitem.m_video:hover{ width: 180px; }.fr.computer #menu2 .bigitem.m_jeux:hover{ width: 140px; }.fr.computer #menu2 .bigitem.m_lecture:hover{ width: 170px; }.fr.computer #menu2 .bigitem.m_sorties:hover{ width: 190px; }.es.computer #menu2 .bigitem.m_coloriage{ font-size: 0.8em; }.es.computer #menu2 .bigitem.m_dessin:hover{ width: 180px; }.es.computer #menu2 .bigitem.m_brico{ font-size: 0.9em; }.es.computer #menu2 .bigitem.m_video:hover{ width: 170px; }.es.computer #menu2 .bigitem.m_jeux:hover{ width: 170px; }.es.computer #menu2 .bigitem.m_lecture:hover{ width: 170px; }.en.computer #menu2 .bigitem.m_coloriage:hover{ width: 190px; }.en.computer #menu2 .bigitem.m_dessin:hover{ width: 190px; }.en.computer #menu2 .bigitem.m_brico:hover{ width: 200px;}.en.computer #menu2 .bigitem.m_video{ font-size: 0.8em;}.en.computer #menu2 .bigitem.m_video:hover, .en.computer #menu2 .bigitem.m_video>span{ width:230px;}.en.computer #menu2 .bigitem.m_jeux:hover{ width: 170px; }.en.computer #menu2 .bigitem.m_lecture:hover{ width: 180px; }.de.computer #menu2 .bigitem.m_coloriage:hover, .de.computer #menu2 .bigitem.m_coloriage>span{ width:240px; }.de.computer #menu2 .bigitem.m_coloriage{ font-size: 0.9em; }.de.computer #menu2 .bigitem.m_brico:hover{ width: 180px}.de.computer #menu2 .bigitem.m_jeux{ font-size: 0.9em;}.de.computer #menu2 .bigitem.m_lecture:hover{ width: 150px; }.pt.computer #menu2 .bigitem.m_coloriage{ font-size: 0.8em; }.pt.computer #menu2 .bigitem.m_dessin:hover{ width: 190px; }.pt.computer #menu2 .bigitem.m_brico:hover{ width: 190px;}.pt.computer #menu2 .bigitem.m_jeux:hover{ width: 200px; }.pt.computer #menu2 .bigitem.m_lecture:hover{ width: 130px; }.pt.computer #menu2 .bigitem.m_video{ font-size: 0.8em;} @media screen and (min-width: 768px){  #menu2 .smallIco{ display: none; }} @media screen and (max-width: 767px){  #logo{transform: scale(0.4); -webkit-transform: scale(0.4);   right: 10px; left: inherit;  transform-origin: top right; -webkit-transform-origin: top right;} #menu2 .HKlogo{   } #top{background: rgba(0,0,0,.6); height: 60px !important; width: auto !important; } #menu2 { height: 60px !important; top: -250px; width: 100% !important}  #menu2 .main_menu{ width: 100% !important }  #menu2 .main_menu .HKlogo{  }  #menu2 .smallIco{ content:''; display: block; width: 40px; height: 40px; background: url(/design/normal/v5/icon-menu.png) -589px -11px #FB9125;  background-size: 640px;  position: fixed; top: 10px; left: 10px; cursor: pointer; z-index: 10;  border-radius: 100%; box-shadow: inset 2px 2px 1px rgba(255,255,255,.3), 1px 1px 3px rgba(0,0,0,.3);} #menu2.expanded .smallIco{ background-color: #C00; }   #menu2.expanded .searchEngine{ position: fixed; top: 0px; left: 350px; } #menu2.expanded{ top:0; height: auto !important; z-index:12} #menu2.expanded .main_menu{ margin-top: 70px;} #menu2.expanded .main_menu:after{ content:''; display: block; clear:both;height:10px;} #menu2.expanded .bigitem,  #menu2.expanded .bigitem:hover, #menu2.expanded .bigitem.on{ width: 33.333% !important; border: none; height: 40px !important; box-shadow: inset 0 0 1px #FFF; background: none !important} #menu2.expanded .bigitem:hover{ background: rgba(0,0,0,.3)!important;} #menu2.expanded .bigitem .txt{ font-size: 1.3em; height: 40px; padding-left: 35px;} #menu2.expanded .bigitem:before{ transform: scale(0.5); transform-origin: top left; -webkit-transform: scale(0.5); -webkit-transform-origin: top left;} .ar #menu2.expanded .searchEngine{ left: inherit; right: 0px; } .ar.w480 #menu2.expanded .searchEngine{ right: 120px; } .ar #menu2.expanded .searchEngine .recherche{ left: inherit; right: 5px; } .ar #menu2.expanded .searchEngine .search_go{ right: 170px; }  .ar #menu2.expanded .bigitem .txt{ font-size: 0.9em; padding-left:0; padding-right: 35px; }  .ar #menu2.expanded .bigitem:before{ transform-origin: top right; -webkit-transform-origin: top right;}  } @media screen and (max-width: 479px){  #menu2.expanded .searchEngine{ position: fixed; top: 0px; left: inherit; right: 5px;} #menu2 .main_menu .HKlogo{  }  #menu2.expanded .bigitem,  #menu2.expanded .bigitem:hover, #menu2.expanded .bigitem.on{ width: 50% !important; border: none; height: 40px !important; box-shadow: inset 0 0 1px #FFF; background: none !important}}   #cobabox{ display:none; position: absolute; top:0; left: 0; width: 100%; background: url(/design/normal/images/bg_cobabox.png); _background: none; z-index: 10000; }#cobabox_cont{ position: absolute; background: url(/design/normal/images/spacer.gif) repeat; }#cobabox_cont iframe { padding: 10px; position: relative; z-index: 2; background: #fff; _border: 10px solid #222; }#cobabox_cont iframe body { position: relative; background: url(/design/normal/images/spacer.gif) repeat; z-index: 10000; }#cobabox_cont #fermer_cobabox_btn { position: absolute; top: -19px; right: -19px; display: block; width: 38px; height: 38px; z-index: 1000; cursor: pointer; background: url(/design/normal/images/btn_fermer_cobabox.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/btn_fermer_cobabox.png, sizingMethod=image); } .hk-alert { position: relative; min-height: 200px; min-width: 320px; }.hk-alert .visuel { position: relative; float: left; width: 120px; height: 200px; background-position: top left; background-size:cover; background-repeat: no-repeat;}.hk-alert.alert_success .visuel { background-image: url(/design/normal/images/alert_success.png); }.hk-alert.alert_error .visuel { background-image: url(/design/normal/images/alert_error.png); }.hk-alert.alert_notice .visuel { background-image: url(/design/normal/images/alert_notice.png); }.hk-alert.alert_inf .visuel { background-image: url(/design/normal/images/alert_inf.png); }.hk-alert h2{ font-size: 1.5em; font-weight: bold; color: #333; padding-left: 130px; }.hk-alert .text { padding: 10px 0 0 130px; font-size: 1.3em; }.hk-alert.alert_error h2{ color: #d3000a; } #mon_preroll{ position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #3D3D3D; border: 1px solid #666; padding: 60px 0;}#mon_preroll .title{ color: #CCC; position: absolute; top: 5px; right: 5px; text-transform:uppercase; font-size: 0.6em; }#mon_preroll .content{ padding: 10px; text-align: center; }#mon_preroll #cntdown{  position: absolute; bottom: 0; left:0; width:100%; background: url(/design/normal/images/preroll_dark_bg.png) repeat-x bottom left;   -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: center; padding-top: 50px; height: 50px; font-size: 0.8em;}#mon_preroll #cntdown { color:#FFF;}#mon_preroll #cntdown a{ display: block; color:#666;}#mon_preroll #cc_preroll { display: block; position: absolute; left:0; top: 70px; width: 100%; z-index:10;} .jds_share{ background: url(/design/normal/images/share_audrey.png) no-repeat top left; height: 107px; padding: 0 0 0 112px;}.jds_share .unit{ background: url(/design/normal/images/share_bg.png) repeat-x top left; height: 57px; padding: 43px 0px 0px 0px; float: left; text-align: center;}.jds_share .titre{ float: left; padding-top: 42px;padding-right: 10px; font-family: 'Amaranth', arial, serif; text-shadow: 2px 2px 2px rgba(0,0,0,.4); font-size: 17px; }.jds_share .separate{ float: left; background: url(/design/normal/images/share_separator.png) no-repeat top left; width: 10px; height: 107px;}.jds_share .end{ float: left; background: url(/design/normal/images/share_end.png) no-repeat top left; width: 10px; height: 107px;} @-webkit-keyframes HKnotifAppear { 0% {bottom:-100px;} 100% {bottom:0;} }@-moz-keyframes HKnotifAppear { 0% {bottom:-100px;} 100% {bottom:0;} }@-o-keyframes HKnotifAppear { 0% {bottom:-100px;} 100% {bottom:0;} }@-ms-keyframes HKnotifAppear { 0% {bottom:-100px;} 100% {bottom:0;} }@keyframes HKnotifAppear { 0% {bottom:-100px;} 100% {bottom:0;} }#HKnotify{ font-family: Arial, Helvetica, sans-serif; position: fixed; bottom:0; z-index: 10000; text-align: center; width: 100%; left:0;}#HKnotify .HKnotif .content{width: 90%; margin: auto;} .w960 #HKnotify .HKnotif .content{width: 960px; } #HKnotify .HKnotif {  position: relative; padding: 10px; border-top: 1px solid rgba(0,0,0,.2);  overflow: hidden; font-size: 1.4em; box-shadow: 10px 0 5px rgba(0,0,0,.25); -webkit-animation-name: HKnotifAppear; -webkit-animation-duration: 1s; -moz-animation-name: HKnotifAppear; -moz-animation-duration: 1s; -o-animation-name: HKnotifAppear; -o-animation-duration: 1s; -ms-animation-name: HKnotifAppear; -ms-animation-duration: 1s; animation-name: HKnotifAppear; animation-duration: 1s;} #HKnotify .HKnotif a, #HKnotify .HKnotif{ color: rgba(0,0,0,.6); }#HKnotify .HKnotif a{ text-decoration: underline; }#HKnotify .HKnotif.default { background: #434A55;  } #HKnotify .HKnotif.default, #HKnotify .HKnotif.default a{ color: rgba(255,255,255,.5); } #HKnotify .HKnotif.success { background: #8FC238; } #HKnotify .HKnotif.info{ background: #46AEDE; } #HKnotify .HKnotif.danger{ background: #D64651; } #HKnotify .HKnotif.warning{ background: #F77049; } #HKnotify .HKnotif .close{ position: absolute; top: 10px; right: 10px; display:block; width: 20px; height: 20px;  font-style:normal; font-size: 1.5em; cursor: pointer; }#HKnotify .HKnotif .close:hover{ color: rgba(0,0,0,.9); }#HKnotify .btn {  padding: 6px; background: rgba(0,0,0,.6); color: rgba(255,255,255,.6); border: none; border-radius: 5px; display: inline-block; margin-left: 10px; cursor: pointer; }#HKnotify .btn:hover { background: rgba(0,0,0,.8); }  * { margin: 0; padding: 0; }body { font: 0.75em 'Exo 2', Arial, Verdana, sans-serif; direction: ltr; }img { border: 0; }ul, li { list-style: none; margin: 0; padding: 0; }a, label, button, input { outline: none; cursor: pointer; }a{ text-decoration: none;}textarea, table { font: 1em Arial, Verdana, sans-serif; }h1,h2,h3,h4,h5,h6{ font-weight: normal; } .clear { clear: both; height: 0.1px; overflow: hidden; }hr.clear { border: none;}.hid { display: none; }.relative { position: relative; }.absolute { position: absolute; top: 0; left: 0; }.fleft { float: left; }.fright { float: right; }.fnone { float: none; }.m10 { margin: 10px; }.mt5 { margin-top: 5px; }.mt10 { margin-top: 10px; }.mb5 { margin-bottom: 5px; }.mb10 { margin-bottom: 10px; }.mb20 { margin-bottom: 20px; }.ml10 { margin-left: 10px; }.mr10 { margin-right: 10px; }.mt20 { margin-top: 20px; }.mt30 { margin-top: 30px; margin-top: 10px; }.mauto { margin: 0 auto; }.p5 { padding: 5px; }.p10 { padding: 10px; }.p20 { padding: 10px; }.pt10 { padding-top: 10px; }.pb10 { padding-bottom: 10px; }.pl10 { padding-left: 10px; }.pr10 { padding-right: 10px; }.h10 { height: 10px; }.h5 { height: 5px; }.t_center { text-align: center; }.t_right { text-align: right; }.t_left { text-align: left; }.t_justify{ text-align:justify;}.small_1 { font-size: 0.9em; }.small_2 { font-size: 0.8em; }.small_3 { font-size: 0.7em; }.big_1 { font-size: 1.1em; }.big_2 { font-size: 1.2em; }.bigos { font-size: 2em; }.bold { font-weight: bold; }.uppercase { text-transform: uppercase; }.pointer { cursor: pointer; }.h5white { height: 5px; background: #fff; overflow: hidden; }.c_blanc { color: #fff; }.c_noir { color: #000; }.c_rouge{ color: #DE3D41; }.c_vert{ color: #7CBD05;}.r2 { border-radius: 2px; }.r5 { border-radius: 5px; }.computer .anim_1s{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }.computer .anim_01s{-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }.computer .anim_03s{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }.box_shadow1{ box-shadow: 0 0 10px rgba(0,0,0,.5); }.rotate_10{ -ms-transform:rotate(10deg); -o-transform:rotate(10deg); -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg);}.ts1{ text-shadow: 1px 1px 0 rgba(0,0,0,.2);}.bg_b_90{ background: url(/design/normal/css/alpha_90.png); }.bg_b_80{ background: url(/design/normal/css/alpha_80.png); }.bg_b_70{ background: url(/design/normal/css/alpha_70.png); }.bg_b_60{ background: url(/design/normal/css/alpha_60.png); }.bg_b_50{ background: url(/design/normal/css/alpha_50.png); }.bg_b_40{ background: url(/design/normal/css/alpha_40.png); }.bg_b_30{ background: url(/design/normal/css/alpha_30.png); }.bg_b_20{ background: url(/design/normal/css/alpha_20.png); }.bg_b_10{ background: url(/design/normal/css/alpha_10.png); }.bg_w_50{ background: url(/design/normal/css/alpha_50_white.png); }.c_after:after{content:''; display: block; clear: both; height:0.01px; width: 100%} .amaranth{ font-family: 'Amaranth', sans-serif; }.lobster{ font-family: 'Lobster', cursive; }.HKtitle{ font-family: 'Luckiest Guy', cursive; font-weight: normal !important; letter-spacing: 0.02em; } .bs1{ box-shadow: 1px 1px 3px rgba(0,0,0,.4); }  .ui-helper-hidden { display: none;}.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse;}.ui-helper-clearfix:after { clear: both;}.ui-helper-clearfix { min-height: 0;}.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0);}.ui-front { z-index: 100;}.ui-state-disabled { cursor: default !important;}.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%;}.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0;}.ui-accordion .ui-accordion-icons { padding-left: 2.2em;}.ui-accordion .ui-accordion-noicons { padding-left: .7em;}.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em;}.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px;}.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto;}.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default;}.ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible;}.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none;}.ui-button-icon-only { width: 2.2em;}button.ui-button-icon-only { width: 2.4em;}.ui-button-icons-only { width: 3.4em;}button.ui-button-icons-only { width: 3.7em;}.ui-button .ui-button-text { display: block; line-height: normal;}.ui-button-text-only .ui-button-text { padding: .4em 1em;}.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px;}.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em;}input.ui-button { padding: .4em 1em;}.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px;}.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px;}.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em;}.ui-buttonset { margin-right: 7px;}.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em;}input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {border: 0;padding: 0;}.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;}.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0;}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em;}.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px;}.ui-datepicker .ui-datepicker-prev { left: 2px;}.ui-datepicker .ui-datepicker-next { right: 2px;}.ui-datepicker .ui-datepicker-prev-hover { left: 1px;}.ui-datepicker .ui-datepicker-next-hover { right: 1px;}.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;}.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center;}.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0;}.ui-datepicker select.ui-datepicker-month-year { width: 100%;}.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;}.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;}.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}.ui-datepicker td { border: 0; padding: 1px;}.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none;}.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;}.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left;}.ui-datepicker.ui-datepicker-multi { width: auto;}.ui-datepicker-multi .ui-datepicker-group { float: left;}.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%;}.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0;}.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left;}.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0;}.ui-datepicker-rtl { direction: rtl;}.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto;}.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto;}.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px;}.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0;}.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;}.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis;}.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px;}.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto;}.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right;}.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer;}.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px;}.ui-draggable .ui-dialog-titlebar { cursor: move;}.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none;}.ui-menu .ui-menu { margin-top: -3px; position: absolute;}.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0;}.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal;}.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px;}.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5;}.ui-menu .ui-state-disabled a { cursor: default;}.ui-menu-icons { position: relative;}.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em;}.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em;}.ui-menu .ui-menu-icon { position: static; float: right;}.ui-progressbar { height: 2em; text-align: left; overflow: hidden;}.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%;}.ui-progressbar .ui-progressbar-overlay { background: url("https://code.jquery.com/ui/1.11.2/themes/smoothness/images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25;}.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none;}.ui-resizable { position: relative;}.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block;}.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none;}.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;}.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;}.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;}.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%;}.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;}.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;}.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;}.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black;}.ui-slider { position: relative; text-align: left;}.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;}.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;}.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit;}.ui-slider-horizontal { height: .8em;}.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em;}.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;}.ui-slider-horizontal .ui-slider-range-min { left: 0;}.ui-slider-horizontal .ui-slider-range-max { right: 0;}.ui-slider-vertical { width: .8em; height: 100px;}.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em;}.ui-slider-vertical .ui-slider-range { left: 0; width: 100%;}.ui-slider-vertical .ui-slider-range-min { bottom: 0;}.ui-slider-vertical .ui-slider-range-max { top: 0;}.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle;}.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px;}.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0;}.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none;}.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0;}.ui-spinner-up { top: 0;}.ui-spinner-down { bottom: 0;}.ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px;}.ui-tabs { position: relative; padding: .2em;}.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;}.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap;}.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text;}.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer;}.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none;}.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;}body .ui-tooltip { border-width: 2px;}.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em;}.ui-widget .ui-widget { font-size: 1em;}.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em;}.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222;}.ui-widget-content a { color: #222222;}.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold;}.ui-widget-header a { color: #222222;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555;}.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none;}.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;}.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none;}.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;}.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none;}.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636;}.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636;}.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a;}.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a;}.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a;}.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold;}.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal;}.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none;}.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35);}.ui-icon {width: 16px;height: 16px;}.ui-icon, .ui-widget-content .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_222222_256x240.png);}.ui-widget-header .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_222222_256x240.png);}.ui-state-default .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_888888_256x240.png);}.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_454545_256x240.png);}.ui-state-active .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_454545_256x240.png);}.ui-state-highlight .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_2e83ff_256x240.png);}.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_cd0a0a_256x240.png);}.ui-icon-blank { background-position: 16px 16px;}.ui-icon-carat-1-n { background-position: 0 0;}.ui-icon-carat-1-ne { background-position: -16px 0;}.ui-icon-carat-1-e { background-position: -32px 0;}.ui-icon-carat-1-se { background-position: -48px 0;}.ui-icon-carat-1-s { background-position: -64px 0;}.ui-icon-carat-1-sw { background-position: -80px 0;}.ui-icon-carat-1-w { background-position: -96px 0;}.ui-icon-carat-1-nw { background-position: -112px 0;}.ui-icon-carat-2-n-s { background-position: -128px 0;}.ui-icon-carat-2-e-w { background-position: -144px 0;}.ui-icon-triangle-1-n { background-position: 0 -16px;}.ui-icon-triangle-1-ne { background-position: -16px -16px;}.ui-icon-triangle-1-e { background-position: -32px -16px;}.ui-icon-triangle-1-se { background-position: -48px -16px;}.ui-icon-triangle-1-s { background-position: -64px -16px;}.ui-icon-triangle-1-sw { background-position: -80px -16px;}.ui-icon-triangle-1-w { background-position: -96px -16px;}.ui-icon-triangle-1-nw { background-position: -112px -16px;}.ui-icon-triangle-2-n-s { background-position: -128px -16px;}.ui-icon-triangle-2-e-w { background-position: -144px -16px;}.ui-icon-arrow-1-n { background-position: 0 -32px;}.ui-icon-arrow-1-ne { background-position: -16px -32px;}.ui-icon-arrow-1-e { background-position: -32px -32px;}.ui-icon-arrow-1-se { background-position: -48px -32px;}.ui-icon-arrow-1-s { background-position: -64px -32px;}.ui-icon-arrow-1-sw { background-position: -80px -32px;}.ui-icon-arrow-1-w { background-position: -96px -32px;}.ui-icon-arrow-1-nw { background-position: -112px -32px;}.ui-icon-arrow-2-n-s { background-position: -128px -32px;}.ui-icon-arrow-2-ne-sw { background-position: -144px -32px;}.ui-icon-arrow-2-e-w { background-position: -160px -32px;}.ui-icon-arrow-2-se-nw { background-position: -176px -32px;}.ui-icon-arrowstop-1-n { background-position: -192px -32px;}.ui-icon-arrowstop-1-e { background-position: -208px -32px;}.ui-icon-arrowstop-1-s { background-position: -224px -32px;}.ui-icon-arrowstop-1-w { background-position: -240px -32px;}.ui-icon-arrowthick-1-n { background-position: 0 -48px;}.ui-icon-arrowthick-1-ne { background-position: -16px -48px;}.ui-icon-arrowthick-1-e { background-position: -32px -48px;}.ui-icon-arrowthick-1-se { background-position: -48px -48px;}.ui-icon-arrowthick-1-s { background-position: -64px -48px;}.ui-icon-arrowthick-1-sw { background-position: -80px -48px;}.ui-icon-arrowthick-1-w { background-position: -96px -48px;}.ui-icon-arrowthick-1-nw { background-position: -112px -48px;}.ui-icon-arrowthick-2-n-s { background-position: -128px -48px;}.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px;}.ui-icon-arrowthick-2-e-w { background-position: -160px -48px;}.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px;}.ui-icon-arrowthickstop-1-n { background-position: -192px -48px;}.ui-icon-arrowthickstop-1-e { background-position: -208px -48px;}.ui-icon-arrowthickstop-1-s { background-position: -224px -48px;}.ui-icon-arrowthickstop-1-w { background-position: -240px -48px;}.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px;}.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px;}.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px;}.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px;}.ui-icon-arrowreturn-1-w { background-position: -64px -64px;}.ui-icon-arrowreturn-1-n { background-position: -80px -64px;}.ui-icon-arrowreturn-1-e { background-position: -96px -64px;}.ui-icon-arrowreturn-1-s { background-position: -112px -64px;}.ui-icon-arrowrefresh-1-w { background-position: -128px -64px;}.ui-icon-arrowrefresh-1-n { background-position: -144px -64px;}.ui-icon-arrowrefresh-1-e { background-position: -160px -64px;}.ui-icon-arrowrefresh-1-s { background-position: -176px -64px;}.ui-icon-arrow-4 { background-position: 0 -80px;}.ui-icon-arrow-4-diag { background-position: -16px -80px;}.ui-icon-extlink { background-position: -32px -80px;}.ui-icon-newwin { background-position: -48px -80px;}.ui-icon-refresh { background-position: -64px -80px;}.ui-icon-shuffle { background-position: -80px -80px;}.ui-icon-transfer-e-w { background-position: -96px -80px;}.ui-icon-transferthick-e-w { background-position: -112px -80px;}.ui-icon-folder-collapsed { background-position: 0 -96px;}.ui-icon-folder-open { background-position: -16px -96px;}.ui-icon-document { background-position: -32px -96px;}.ui-icon-document-b { background-position: -48px -96px;}.ui-icon-note { background-position: -64px -96px;}.ui-icon-mail-closed { background-position: -80px -96px;}.ui-icon-mail-open { background-position: -96px -96px;}.ui-icon-suitcase { background-position: -112px -96px;}.ui-icon-comment { background-position: -128px -96px;}.ui-icon-person { background-position: -144px -96px;}.ui-icon-print { background-position: -160px -96px;}.ui-icon-trash { background-position: -176px -96px;}.ui-icon-locked { background-position: -192px -96px;}.ui-icon-unlocked { background-position: -208px -96px;}.ui-icon-bookmark { background-position: -224px -96px;}.ui-icon-tag { background-position: -240px -96px;}.ui-icon-home { background-position: 0 -112px;}.ui-icon-flag { background-position: -16px -112px;}.ui-icon-calendar { background-position: -32px -112px;}.ui-icon-cart { background-position: -48px -112px;}.ui-icon-pencil { background-position: -64px -112px;}.ui-icon-clock { background-position: -80px -112px;}.ui-icon-disk { background-position: -96px -112px;}.ui-icon-calculator { background-position: -112px -112px;}.ui-icon-zoomin { background-position: -128px -112px;}.ui-icon-zoomout { background-position: -144px -112px;}.ui-icon-search { background-position: -160px -112px;}.ui-icon-wrench { background-position: -176px -112px;}.ui-icon-gear { background-position: -192px -112px;}.ui-icon-heart { background-position: -208px -112px;}.ui-icon-star { background-position: -224px -112px;}.ui-icon-link { background-position: -240px -112px;}.ui-icon-cancel { background-position: 0 -128px;}.ui-icon-plus { background-position: -16px -128px;}.ui-icon-plusthick { background-position: -32px -128px;}.ui-icon-minus { background-position: -48px -128px;}.ui-icon-minusthick { background-position: -64px -128px;}.ui-icon-close { background-position: -80px -128px;}.ui-icon-closethick { background-position: -96px -128px;}.ui-icon-key { background-position: -112px -128px;}.ui-icon-lightbulb { background-position: -128px -128px;}.ui-icon-scissors { background-position: -144px -128px;}.ui-icon-clipboard { background-position: -160px -128px;}.ui-icon-copy { background-position: -176px -128px;}.ui-icon-contact { background-position: -192px -128px;}.ui-icon-image { background-position: -208px -128px;}.ui-icon-video { background-position: -224px -128px;}.ui-icon-script { background-position: -240px -128px;}.ui-icon-alert { background-position: 0 -144px;}.ui-icon-info { background-position: -16px -144px;}.ui-icon-notice { background-position: -32px -144px;}.ui-icon-help { background-position: -48px -144px;}.ui-icon-check { background-position: -64px -144px;}.ui-icon-bullet { background-position: -80px -144px;}.ui-icon-radio-on { background-position: -96px -144px;}.ui-icon-radio-off { background-position: -112px -144px;}.ui-icon-pin-w { background-position: -128px -144px;}.ui-icon-pin-s { background-position: -144px -144px;}.ui-icon-play { background-position: 0 -160px;}.ui-icon-pause { background-position: -16px -160px;}.ui-icon-seek-next { background-position: -32px -160px;}.ui-icon-seek-prev { background-position: -48px -160px;}.ui-icon-seek-end { background-position: -64px -160px;}.ui-icon-seek-start { background-position: -80px -160px;}.ui-icon-seek-first { background-position: -80px -160px;}.ui-icon-stop { background-position: -96px -160px;}.ui-icon-eject { background-position: -112px -160px;}.ui-icon-volume-off { background-position: -128px -160px;}.ui-icon-volume-on { background-position: -144px -160px;}.ui-icon-power { background-position: 0 -176px;}.ui-icon-signal-diag { background-position: -16px -176px;}.ui-icon-signal { background-position: -32px -176px;}.ui-icon-battery-0 { background-position: -48px -176px;}.ui-icon-battery-1 { background-position: -64px -176px;}.ui-icon-battery-2 { background-position: -80px -176px;}.ui-icon-battery-3 { background-position: -96px -176px;}.ui-icon-circle-plus { background-position: 0 -192px;}.ui-icon-circle-minus { background-position: -16px -192px;}.ui-icon-circle-close { background-position: -32px -192px;}.ui-icon-circle-triangle-e { background-position: -48px -192px;}.ui-icon-circle-triangle-s { background-position: -64px -192px;}.ui-icon-circle-triangle-w { background-position: -80px -192px;}.ui-icon-circle-triangle-n { background-position: -96px -192px;}.ui-icon-circle-arrow-e { background-position: -112px -192px;}.ui-icon-circle-arrow-s { background-position: -128px -192px;}.ui-icon-circle-arrow-w { background-position: -144px -192px;}.ui-icon-circle-arrow-n { background-position: -160px -192px;}.ui-icon-circle-zoomin { background-position: -176px -192px;}.ui-icon-circle-zoomout { background-position: -192px -192px;}.ui-icon-circle-check { background-position: -208px -192px;}.ui-icon-circlesmall-plus { background-position: 0 -208px;}.ui-icon-circlesmall-minus { background-position: -16px -208px;}.ui-icon-circlesmall-close { background-position: -32px -208px;}.ui-icon-squaresmall-plus { background-position: -48px -208px;}.ui-icon-squaresmall-minus { background-position: -64px -208px;}.ui-icon-squaresmall-close { background-position: -80px -208px;}.ui-icon-grip-dotted-vertical { background-position: 0 -224px;}.ui-icon-grip-dotted-horizontal { background-position: -16px -224px;}.ui-icon-grip-solid-vertical { background-position: -32px -224px;}.ui-icon-grip-solid-horizontal { background-position: -48px -224px;}.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px;}.ui-icon-grip-diagonal-se { background-position: -80px -224px;}.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px;}.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px;}.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px;}.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px;}.ui-widget-overlay { background: #aaaaaa url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30);}.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px;}  #review{ margin: 10px auto; clear: both; position: relative; overflow: hidden; background: rgba(0,0,0,.2) !important;}.titre{ display: block; font-weight: normal; font-size: 2em; padding-bottom: 15px; }.dark #review .HKtitle{ text-shadow: none !important; }.dark #review {  } #review form{ padding: 1% 0 2% 0;position:relative; width: 97%; margin: auto;}#review #name, #review #firstname{ position: absolute; left: -10002px; }#review input[type=text], #review textarea{display: block; border-radius: 3px; border: none; padding: 0.5%; font-size: 1.3em;  }#review input[type=text]{width: 39%; height: 25px; float: left;}#review textarea{ width: 58%;  height: 80px; float: right;}#review #noter{ clear: both; display: block; margin-left: 41%; position: relative; top: 5px; padding: 5px 10px; font-size: 1.2em;} #review form .starrating{ background: rgba(255,255,255,.15); border-radius: 3px; padding: 0.5%; margin: 7px 7px 0 0; height: 39px; position: relative; float: right; }#review form .starrating:hover{ background: rgba(0,0,0,.3); }#review form .starrating label{  display: block; position: absolute; left: -90px; top: 15px; width: 80px; text-align: right;  font-size: 1.2em;display: block;  }#review .starrating em{ display: block; float: left; width: 32px; height: 32px; background:url(/_scripts/modules/reviews/star.png); text-indent: -1000em; overflow: hidden; margin-top: 4px}#review .starrating em.on{ background-position: bottom left;}#review form .starrating em{ cursor: pointer; }#review .starrating.show em{ width: 20px; height: 20px;}#review .starrating.show em{ background-position: -40px -8px;}#review .starrating.show em.on{ background-position: -40px -40px;} #review #reviews { position: relative; background: rgba(0,0,0,.2);}#review #reviews .titre{ padding: 1% 2%; height: 50px; }.w320 #review #reviews .titre, .w480 #review #reviews .titre{ font-size: 1.8em;}#review #reviews .note{ position: absolute; top: 15px; right: 5px; text-align: right;}#review #reviews .note .starrating{ float: right;}#review #reviews .note p{ display: block; clear: both; font-size: 0.8em; color: rgba(255,255,255,.6); padding-right: 5px;}#review article:nth-child(even){}#review article:nth-child(odd){background: rgba(0,0,0,.2);}#review article{ position: relative; clear: both;  border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(0,0,0,.3);}#review article:after{ display:block; height:0px; clear: both; content:'';}#review article>div:first-child{ width: 30%; float: left; }#review article>div:first-child label{ padding: 7px 10px 0 0; display: block;text-align: right; font-size: 1.4em; cursor: default;}#review article>div:first-child .starrating{ float: right; margin-right: 5px}#review article>div:first-child .rate{ float: right; padding: 6px 10px 0 0; font-size: 0.8em; color: rgba(255,255,255,.5); }#review article>div:last-child{ background: rgba(0,0,0,.2); float: left; width: 70%; line-height: 1.5em;}#review article>div:last-child p{ padding: 0 10px;  }#review article>div:last-child p:first-child{ padding-top: 8px; color: rgba(255,255,255,.6); font-size: 0.9em;}#review article>div:last-child p.com{ font-size: 1.3em; padding-bottom: 10px}#plusReviews{ font-size: 1.3em; margin: 10px auto; }  #jdsPzl{ position: relative; margin: 20px 10px; padding: 3%; background: rgba(0,0,0,.3); border-radius: 10px;}.inApp #jdsPzl{max-width: 650px; margin: auto;}#jdsPzl .titre{ display: block; font-family: 'Lobster'; font-size: 2em; font-weight: normal; text-align: center;padding-bottom: 20px; }#jdsPzl .menu{ position: relative; width: 45%; float: left;}#jdsPzl .menu li{ position: relative; display: block; padding: 5px; margin: 5px auto; background: green;  border-radius: 5px; font-family: "Lobster"; text-align: center; font-size: 1.5em; text-shadow: 1px 1px 1px rgba(0,0,0,.5); border: 2px solid rgba(0,0,0,.1); box-shadow: inset 0 20px 0 rgba(255,255,255,.3); cursor: pointer }.computer #jdsPzl .menu li:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}#jdsPzl .menu li span{ display: block; font-size: 0.6em; text-shadow: none; color: rgba(255,255,255,.7);}#jdsPzl .menu li.on:before{ content: ''; display: block; position: absolute; top: 15%; left: -0px; border: 20px solid transparent; border-left: 20px solid rgba(255,255,255,.5); }#jdsPzl .menu li:nth-child(1){ background: #7ABA02; width: 60%;} #jdsPzl .menu li:nth-child(2){ background: #009A66; width: 70%;} #jdsPzl .menu li:nth-child(3){ background: #3566CD; width: 80%;} #jdsPzl .menu li:nth-child(4){ background: #FF6500; width: 90%;} #jdsPzl .menu li:nth-child(5){ background: #CB0032;} #jdsPzl .menu li.timer:after{ content:''; display: block; width: 20px; height: 20px; background: url(/templates/jeux/design/timer.png); position: absolute; right: 3px; top: 10px} #jdsPzl .preview{ position: absolute; width: 48%; float: right; background: #FFF; border-radius: 5px; padding: 1%; text-align: center; bottom: 6%; right: 2%; overflow: hidden}#jdsPzl .preview img{ width: 100%; position: relative; z-index: 1;}#jdsPzl .preview .grid{ position: absolute; width: 98%; height: 98%; z-index: 2; overflow: hidden;}#jdsPzl .grid hr{ background: none !important; position: absolute;}#jdsPzl .grid hr.h{ border-top: 2px solid rgba(255,255,255,.3);  height: 0px; width: 98%; box-shadow: 0 2px 2px rgba(0,0,0,.5);   }#jdsPzl .grid hr.v{ border-left: 2px solid rgba(255,255,255,.3);  height: 98%; width: 0px; box-shadow: 2px 0 2px rgba(0,0,0,.5); }#jdsPzl .preview .play{ display: block; width: 100%; text-align: center; position: absolute; bottom: 10%; left: 25%; width: 50%; z-index: 3; background: #7ABA02; border-radius: 5px; padding: 10px 0; font-family: "Lobster", sans-serif; font-size: 2em; text-shadow: 1px 1px 1px rgba(0,0,0,.5); box-shadow: inset 0 20px 0 rgba(255,255,255,.3);} .rules{ padding: 10px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 5px; } .w320 #jdsPzl .menu{ width: 100%; float: }.w320 #jdsPzl .preview{ position: relative; width: 98%; right: inherit; bottom: inherit;  } #mac #close{ transform-origin: top right; -webkit-transform-origin: top right;}.w768 #mac #close{ transform:scale(0.8); -webkit-transform:scale(0.8); }.w480 #mac #close{ transform:scale(0.6); -webkit-transform:scale(0.6); }.w320 #mac #close{ transform:scale(0.3); -webkit-transform:scale(0.3); }