/***** GENERAL - RESET CSS *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}textarea:focus,input[type="text"]:focus{outline: none}
/***** FONTS *****/
@font-face {font-family: 'ardleyshand';
src: url('fonts/ardleyshandregular-webfont.eot');
src: url('fonts/ardleyshandregular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ardleyshandregular-webfont.woff') format('woff'),
url('fonts/ardleyshandregular-webfont.ttf') format('truetype'),
url('fonts/ardleyshandregular-webfont.svg#ardleyshandregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'lighthouse';
src: url('fonts/lighthouse_personaluse-webfont.eot');
src: url('fonts/lighthouse_personaluse-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lighthouse_personaluse-webfont.woff') format('woff'),
url('fonts/lighthouse_personaluse-webfont.ttf') format('truetype'),
url('fonts/lighthouse_personaluse-webfont.svg#lighthouse_personal_useRg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'truecrimes';
src: url('fonts/true-crimes-webfont.eot');
src: url('fonts/true-crimes-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/true-crimes-webfont.woff') format('woff'),
url('fonts/true-crimes-webfont.ttf') format('truetype'),
url('fonts/true-crimes-webfont.svg#true_crimesregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'ubuntu';
src: url('fonts/ubuntu-bold-webfont.eot');
src: url('fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ubuntu-bold-webfont.woff') format('woff'),
url('fonts/ubuntu-bold-webfont.ttf') format('truetype'),
url('fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {font-family: 'ubuntu';
src: url('fonts/ubuntu-regular-webfont.eot');
src: url('fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ubuntu-regular-webfont.woff') format('woff'),
url('fonts/ubuntu-regular-webfont.ttf') format('truetype'),
url('fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'yesteryear';
src: url('fonts/Yesteryear-Regular.eot');
src: url('fonts/Yesteryear-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Yesteryear-Regular.woff') format('woff'),
url('fonts/Yesteryear-Regular.ttf') format('truetype'),
url('fonts/Yesteryear-Regular.svg#yesteryearregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'yellowtail';
src: url('fonts/Yellowtail-Regular-webfont.eot');
src: url('fonts/Yellowtail-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Yellowtail-Regular-webfont.woff') format('woff'),
url('fonts/Yellowtail-Regular-webfont.ttf') format('truetype'),
url('fonts/Yellowtail-Regular-webfont.svg#yesteryearregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'tv5font';
src: url('fonts/tv5font.eot');
src: url('fonts/tv5font.eot?#iefix') format('embedded-opentype'),
url('fonts/tv5font.woff') format('woff'),
url('fonts/tv5font.ttf') format('truetype'),
url('fonts/tv5font.svg#yesteryearregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'PlutoSansLight';
src: url('fonts/PlutoSansLight.eot');
src: url('fonts/PlutoSansLight.eot?#iefix') format('embedded-opentype'),
url('fonts/PlutoSansLight.woff') format('woff'),
url('fonts/PlutoSansLight.ttf') format('truetype'),
url('fonts/PlutoSansLight.svg#PlutoSansLight') format('svg');
font-weight: normal;
font-style: normal;
}
/***** DESKTOP *****/
@media screen and (min-width: 801px) {
.desktop_el{display:block;}
.mobile_el{display:none;}
#ranking_top{display:none;}
.current_user_logged #ranking_top{display:block;}
/***** GENERAL *****/
html{float:left; width:100%; min-height:100%; background:url('../img/back_rayons.png') #7cd5f9 no-repeat; background-size:cover; font-family:'ubuntu'; font-size:12px; line-height:1.6em;}
html.ie8{background:none; background:#7cd5f9;}
body{float:left; width:100%; min-height:100%;background-position:center top;}
.hallo{float:left; width:100%; min-height:100%;background:url('../img/back_hallo.png') no-repeat; background-position:center top; z-index:2;}
.ie8 body{background:none;}
a, a:hover, a:visited{text-decoration:none; color:inherit;}
#heading, #main, #foot{position:relative; z-index:2;}
.back_img{display:none;}
.ie8 .back_img{display:block; position:fixed; z-index:1; width:100%; height:100%;}
#main{float:left; width:100%; margin:36px 0; }
.wrapper{width:1000px; margin:0 auto;}
.tv5font{font-family:"tv5font";}
#ranking_top{background:url('../img/quizz_montre/quizz_ranking_back.png') no-repeat; min-height:204px;}
#ranking_top .content{margin:45px auto;}
.home #ranking_top .content{margin:0;}
#ranking_top .content .profil{float:left; width:32%; min-width:276px; min-height:75px; margin:20px 0 0 50px;}
#ranking_top .content .profil ul{float:left;}
#ranking_top .content .profil ul li{display:inline-block; vertical-align:middle; margin:0 15px 0 0;}
#ranking_top .content .profil ul li.image{height:64px; width:64px; -moz-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
#ranking_top .content .profil ul li img{display:none;}
.ie8 #ranking_top .content .profil ul li.image{max-height:74px; overflow:hidden; border:none; background:none; position:relative;}
.ie8 #ranking_top .content .profil ul li .avatar{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:4;}
.ie8 #ranking_top .content .profil ul li .back{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:5;}
#ranking_top .content .profil ul li .name{font-size:18px; line-height:28px;}
#ranking_top .content .profil ul li .rank{color:#8bc2dc; font-size:14px; line-height:24px;}
#ranking_top .content .profil ul li .rank span{color:white; padding:0 12px;}
#ranking_top .content .social{float:right; width:35%; margin:35px 22px 0 0;}
#ranking_top .content .social ul li{float:left; margin:0 0 0 20px; padding:9px 25px 9px 15px; font-family:'ubuntu'; font-size:12px; line-height:16px;-webkit-border-radius:4px; border-radius:4px;}
#ranking_top .content .social ul .facebook{background:rgba(55,90,155,0.7);}
#ranking_top .content .social ul .parametre{background:rgba(43,92,111,0.7);}
.ie8 #ranking_top .content .social ul .facebook{background:#2D5589;}
.ie8 #ranking_top .content .social ul .parametre{background:#24576A;}
#ranking_top .content .social ul li a img{width:24px; height:24px; margin:0 15px 0 0; vertical-align: middle;}
/***** HEADER *****/
#heading{position:absolute; top:0; min-width:100%; height:36px; background:url('../img/heading/back.png') repeat-x; z-index:100; font-family:Arial,sans-serif,Geneva;}
#heading nav{float:left;}
#heading nav ul{float:left;}
#heading nav ul li{float:left;}
#heading nav ul li a{color:white;}
#heading nav ul li span{display:none;}
#heading aside{float:right;}
#heading aside{color:white;}
#heading aside ul{float:left;}
#heading aside ul li{float:left;}
#heading aside ul li img{float:left;}
#heading aside ul li span{float:left; margin:3px 0 0 0; width:75px; color:white; font-size:11px; line-height:15px; font-weight:700;}
#heading aside ul li span:hover{color:#00A8F6;}
.mobile #heading aside ul li span:hover{color:inherit;}
/***** FOOTER *****/
#footing{position:relative; float:left; min-width:100%; height:36px; background:black; z-index:100; font-family:Arial,sans-serif,Geneva;}
#footing nav{float:right;}
#footing nav ul{float:right;}
#footing nav ul li{float:left; margin:12px 0 0 0; padding:0 8px; color:#8c8c8c; text-transform:uppercase; border-left:1px solid #00A8F6;}
#footing nav ul li.one{border:none; padding:0;}
.ie8 #footing nav ul li.one .tw_share{display:none;}
#footing nav ul li img{height:12px; width:auto; cursor:pointer;}
#footing nav ul li.one img{margin:0 18px 0 0;}
/***** HEADER *****/
#content_head{float:left; width:100%; margin:55px 0 0 0; position:relative; z-index:2;}
#content_head h1{text-align:center;}
#content_head h1 img{padding:0 0 30px 0; }
#content_head h1 span{padding:0 0 0 20px; font-family:'lighthouse'; font-size:132px; line-height:150px; letter-spacing:7px; color:white; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.9);}
#content_head aside{float:right; margin:-52px 0 0 0;}
#content_head aside ul{display:none;float:right;background:rgba(255,255,255,0.7); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.68); -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.68); -o-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.68); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.68); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.ie8 #content_head aside ul{background:none; background:white;}
#content_head aside ul li{color:#00A8F6; font-size:12px; float:left; margin:10px 0; font-family:'ubuntu'; font-weight:bold;}
#content_head aside ul li.link{color:#4c4c4c;padding:0 10px; cursor:pointer;}
/***** HOME *****/
.home article{float:left; min-width:1094px; margin:-35px 0 0 -47px; position:relative; z-index:1;}
.home article header{float:left; background:url('../img/home/back_header_article.png') no-repeat; background-position:center top; width:100%; min-height:58px; margin-top:24px;}
.home article header h2{text-align:center; color:white; line-height:58px; font-size:14px; font-family:'ubuntu'; font-weight:bold;}
.home article .content{position:absolute; top:46px; left:46px; width:1000px; color:white;}
.home #game{background:url('../img/home/game_back.png') no-repeat; min-height:645px;}
.home #game .content{height:550px;}
.home .decouv_link{position:absolute; left:0; top:0; width:460px; height:550px; z-index:100;}
.home .tiger_left{position: absolute; left:460px; bottom:-2px; }
.home .clm_link{position:absolute; left:576px; top:0; width:500px; height:550px; z-index:100;}
.home #game .content #owl{position:absolute; top:0; left:0; width:460px; height:550px;}
.home #game .content #owl .button{position:absolute; top:48px; left:82px; width:312px; height:99px; z-index:2; background:url('../img/home/back_title_game1.png'); font-family:'ardleyshand'; font-size:44px; line-height:120px; text-align:center;}
.ff .home #game .content #owl .button{line-height:105px;}
.ie .home #game .content #owl .button{line-height:99px;}
.home #game .content #owl .text{position:absolute; top:160px; left:91px; width:320px; font-size:16px; line-height:1.2em; z-index:3;}
.home #game .content #owl img{position:absolute; bottom:-27px; left:0; z-index:1;}
.home #game .content #tiger{position:absolute; top:0; left:-40px; width:464px; height:100%;}
.home #game .content #tiger .button{position:absolute; top:352px; left:12px; width:381px; height:109px; z-index:2; background:url('../img/home/back_title_game2.png'); font-family:'truecrimes'; font-size:40px; line-height:109px; text-align:center;}
.home #game .content #tiger .text{position:absolute; top:465px; right:33px; width:325px; font-size:16px; line-height:1.2em; z-index:4;}
.home #game .content #tiger .tiger_hand{position:absolute; bottom:43px; left:9px; z-index:3;}
.home #game .content #tiger img{position:absolute; bottom:-2px; left:-1px; z-index:1;}
.home #ranking{background:url('../img/home/ranking_back.png') no-repeat; min-height:505px; margin:-40px 0 0 -47px;}
.home #ranking .content{margin:100px 0 0 30px; width:960px; height:335px;}
.home #ranking .content div{display:none;}
.home #ranking .content .paginate_1{display:block;}
.home #ranking .content nav{position:absolute; top:-65px; right:0;}
.home #ranking .content nav ul{float:right; margin:0 30px 30px 0;}
.home #ranking .content nav ul li{float:left; margin:0 0 0 14px; padding:12px 11px; background:rgba(255,255,255,0.1); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:11px; font-family:'ubuntu'; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.ie8 .home #ranking .content nav ul li{background:none; background:url('../img/home/white_10.png');}
.home #ranking .content nav ul li.selected{background:rgba(0,0,0,0.4);}
.ie8 .home #ranking .content nav ul li.selected{background:none; background:url('../img/home/black_40.png');}
.home #ranking .content .ul_level1{clear:both; float:left; margin:0 0 0 0; width:100%;}
.home #ranking .content .ul_level1>li{float:left; min-width:276px; min-height:75px; padding:22px;}
.home #ranking .content .ul_level1 .background-1{background:url('../img/home/back_rank_first.png') no-repeat;}
.home #ranking .content .ul_level1 .background-2{background:url('../img/home/back_rank_second.png') no-repeat;}
.home #ranking .content .ul_level1 .background-3{background:url('../img/home/back_rank_third.png') no-repeat;}
.home #ranking .content .ul_level1 .background-1.me{background:url('../img/home/back_rank_first_me.png') no-repeat;}
.home #ranking .content .ul_level1 .background-2.me{background:url('../img/home/back_rank_second_me.png') no-repeat;}
.home #ranking .content .ul_level1 .background-3.me{background:url('../img/home/back_rank_third_me.png') no-repeat;}
.home #ranking .content .ul_level1 li ul{float:left;}
.home #ranking .content .ul_level1 li ul li{display:inline-block; vertical-align:middle; margin:0 15px 0 0; max-width:165px;}
.home #ranking .content .ul_level1 li ul li.image{height:64px; width:64px; -moz-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
.home #ranking .content .ul_level1 li.me ul li.image{border:5px solid #134a5f;}
.home #ranking .content .ul_level1 li ul li img{display:none;}
.ie8 .home #ranking .content .ul_level1 li ul li.image{max-height:74px; overflow:hidden; border:none; background:none; position:relative;}
.ie8 .home #ranking .content .ul_level1 li ul li .avatar{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:4;}
.ie8 .home #ranking .content .ul_level1 li ul li .back{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:5;}
.home #ranking .content .ul_level1 li ul li .name{font-size:18px; line-height:28px; max-height:56px; max-width:165px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.home #ranking .content .ul_level1 li.me ul li .name{color:#134a5f}
.home #ranking .content .ul_level1 li ul li .rank{color:#8bc2dc; font-size:14px; line-height:24px;}
.home #ranking .content .ul_level1 li ul li .rank span{color:white; padding:0 12px;}
.home #ranking .content .ul_level1 li.me ul li .rank span{color:#134a5f}
.home #ranking .paginate_ranking{position:absolute; bottom:80px; left:75px; width:960px;}
.home #ranking .paginate_ranking ul{float:left; width:100%; text-align:right;}
.home #ranking .paginate_ranking ul li{display:inline-block; margin:0 18px; color:white; font-size:14px; line-height:14px; cursor:pointer;}
.home #ranking .paginate_ranking ul li.previous{}
.home #ranking .paginate_ranking ul li.next{}
.home #ranking .paginate_ranking ul li span{font-size:11px; padding:0 5px;}
/***** QUIZZ CONTRE LA MONTRE *****/
article{float:left; min-width:1094px; margin:-35px 0 0 -47px; position:relative;}
article #template{width:100%; float:left;}
article #template .loader{display:block; width:150px; height:160px; margin:70px auto;}
article .content{width:1000px; color:white; margin:0 auto;}
.chrono_back{background:url('../img/quizz_montre/quizz_back.png') no-repeat; height:876px; position:relative;}
.chrono_back header{background:url('../img/quizz_montre/quizz_back_header.png') no-repeat; background-position:center top; background-size:100% 100%; width:210px; margin:24px auto 0 auto; padding:25px 62px;}
.chrono_back header h2{width:210px; text-align:center; color:#ff5a00; font-size:18px; font-family:'ubuntu'; font-weight:bold; text-transform:uppercase;}
.chrono_back header p{width:210px; min-height:37px; margin:12px 0 0 0; text-align:center; color:#fff; line-height:18px; font-size:14px; font-family:'ubuntu'; font-weight:bold; text-transform:uppercase;}
.chrono_back .content #way{float:left; width:100%; text-transform:uppercase;}
.chrono_back .content #way ul{float:left; width:100%; text-align:center; font-size:0; margin:22px 0 0 0;}
.chrono_back .content #way ul li{display:inline-block; margin:0 5px 0 5px; font-family:'ubuntu'; font-weight:bold; font-size:12px;}
.chrono_back .content #way ul li.selected{color:black;}
/* DECOUVERTE */
.decouverte_quizz .chrono_back .content #way ul li.selected{color:#006f0d;}
.decouverte_quizz .chrono_back{background:url('../img/quizz_decouv/quizz_back.png') no-repeat;}
.decouverte_quizz .chrono_back.decouverte header h2{width:210px; text-align:center; color:#5cbf5e; font-size:18px; font-family:'ubuntu'; font-weight:bold; text-transform:uppercase;}
.decouverte_quizz #game.chrono_back .content #quizz_part .question{position:absolute; background: url('../img/quizz_decouv/quizz_number.png') no-repeat; top:-20px; left:-20px; width:80px; height:80px; z-index:1; text-align:center;}
.decouverte_quizz #game.chrono_back .content #quizz_part .question p{color:#006f0d; font-size:30px; line-height:30px; font-family: 'yesteryear'; z-index:2; padding:25px 0 0 0;}
.decouverte_quizz #game.chrono_back .content #quizz_answers ul li ul{background:white; color:#757d85; padding:15px; margin:7px 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:auto; font-size:0; vertical-align:middle; line-height:18px; }
.decouverte_quizz #game.chrono_back .content #quizz_answers ul li ul:hover{background:#205b01; color:white;}
.decouverte_quizz #score.chrono_back .content .box .score-background-container .score-points{clear:both;margin:auto;width:159px;padding-top:16px;padding-bottom:18px;background:url('../img/back_score_results_decouverte.png') no-repeat;text-align: center;color:#FFF;font-family:'ubuntu'; font-weight:bold;font-size:24px;}
.decouverte_quizz #score.chrono_back .content .box .score-background-container .score-classement span{color:#006f0d;font-weight:bold; text-transform:uppercase;}
.chrono_quizz #score .theme_name_quiz_name_classement,.decouverte_quizz #score .theme_name_quiz_name_classement{cursor: text !important;}
/*THEMES*/
#themes header{width:250px;}
#themes header h2{width:100%;font-size:14px;color:#ffffff;}
#themes .content .box{text-align:center; width:100%; float:left; margin:20px 0; max-height:610px; overflow:hidden;}
#themes .content .box .all-themes-container{float:left;width:100%; margin-top:20px;}
#themes .content .box .all_cat{text-align:center; width:80%; margin:0 10%;}
#themes .content .box .all_cat .btn{display:inline-block; cursor:pointer; margin:25px 0 35px 0; font-family:'ubuntu'; font-size:14px; line-height:25px; padding:15px 20px; color:white; text-align:center; font-weight:bold; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#themes .content .box .all-themes-container .pagination{display:block; width:80%; margin:0 10%;}
#themes .content .box .all-themes-container .all-themes-container-item{cursor:pointer;vertical-align:top; display:inline-block;margin:0 25px;margin-bottom:10px;width:148px;height:188px;}
#themes .content .box .all-themes-container .all-themes-container-item.background-1{background:url('../img/theme_choice_back1.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item.background-2{background:url('../img/theme_choice_back2.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item.background-3{background:url('../img/theme_choice_back3.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item.background-4{background:url('../img/theme_choice_back4.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container{vertical-align:bottom;margin-top:25px;list-style-type:none!important;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul{list-style-type:none!important;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li.image{margin:0 auto;height:64px; width:64px; -moz-border-radius:64px;text-align:center; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li img{display:none;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul .theme-item-container-name{margin-top:10px;max-width:78%;line-height:17px;display:inline-block;list-style-type:none!important;font-family:'ubuntu'; font-weight:bold; font-size:12px;}
.ie8 #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li.image{max-height:74px; overflow:hidden; border:none; background:none; position:relative;}
.ie8 #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li .avatar{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:4;}
.ie8 #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li .back{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:5;}
.ie8 #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li .back.theme-item-hover{display:none;}
.ie8 #themes .content .box .all-themes-container .all-themes-container-item:hover .theme-item-container ul li .back{display:none;}
.ie8 #themes .content .box .all-themes-container .all-themes-container-item:hover .theme-item-container ul li .back.theme-item-hover{display:inline;}
.chrono_quizz #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li.image{border-color:#ff5a00}
.chrono_quizz #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul .theme-item-container-name{color:#ff5a00}
.decouverte_quizz #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li.image{border-color:#277000}
.decouverte_quizz #themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul .theme-item-container-name{color:#277000}
#themes .content .box .all-themes-container .all-themes-container-item:hover .theme-item-container ul li.image{border-color:#134a5f}
#themes .content .box .all-themes-container .all-themes-container-item:hover .theme-item-container ul .theme-item-container-name{color:#134a5f}
/*PAGINATE*/
#themes .content .theme-paginate{clear:both;float:left;width:100%;text-align: center}
#themes .content .theme-paginate li{display: inline-block; cursor:pointer;}
#themes .content .theme-paginate li.theme-paginate-left{margin-right:37px;background:url('../img/arrow_left_paginate_theme.png') no-repeat top left;height:15px;padding-left:20px;}
#themes .content .theme-paginate li.theme-paginate-right{background:url('../img/arrow_right_paginate_theme.png') no-repeat top right;height:15px;padding-right:20px;}
/*GAME*/
#game .content .quizz_box{position:relative; width:451px; height:100%; margin:0 auto; z-index:2;}
#game .content #quizz_part{float:left; position:relative; min-width:450px; min-height:171px; width: 100%; margin:25px 0 0 0; background: url('../img/quizz_montre/quizz_head.png') no-repeat;}
#game .content #quizz_part .question{position:absolute; background: url('../img/quizz_montre/quizz_number.png') no-repeat; top:-20px; left:-20px; width:80px; height:80px; z-index:1; text-align:center;}
#game .content #quizz_part .question p{color:#c64600; font-size:30px; line-height:30px; font-family: 'yesteryear'; z-index:2; padding:25px 0 0 0;}
#game .content #quizz_part .text{display:inline-block; height:171px; vertical-align:middle; text-align:center; width:100%; overflow:hidden;}
#game .content #quizz_part .text h2{display:inline-block; text-align:left; height:171px; line-height:171px; width:315px;}
#game .content #quizz_part .text h2 span{display:inline-block; vertical-align:middle; font-family:'ubuntu'; font-weight:bold; font-size:18px; line-height:22px;}
#game .content #quizz_answers{float:left; min-width:451px; min-height:381px; width:100%; background: url('../img/quizz_montre/quizz_game.png') no-repeat; background-position:center top;}
.ie8 #game .content #quizz_answers{margin:0 0 0 1px;}
#game .content #quizz_answers .all_answers{float:left; width:100%; text-align:center;}
#game .content #quizz_answers ul{display:inline-block; width:100%; vertical-align:middle; line-height:48px; font-size:0; margin:20px 0 20px -40px;}
#game .content #quizz_answers ul li{display:inline-block; width:315px; vertical-align:middle; text-align:left; font-family:'ubuntu'; }
#game .content #quizz_answers ul li ul{background:white; color:#757d85; padding:15px; margin:7px 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:auto; font-size:0; vertical-align:middle; line-height:18px; }
#game .content #quizz_answers ul li ul:hover{background:#ff5a00; color:white;}
.mobile #game .content #quizz_answers ul li ul:hover{background:white; color:#757d85;}
#game .content #quizz_answers ul li ul li{width:auto; max-width:275px; vertical-align:middle; font-size:18px; cursor:pointer;}
#game .content #quizz_answers ul li ul li label{cursor:pointer;}
#game .content #quizz_answers ul li ul li .custom_radio_btn img{width:22px; height:22px; margin:0 15px 0 0;}
#game .content #quizz_answers ul li ul li .custom_radio_btn .radio_check{display:none;}
#game .content #quizz_answers ul li ul li .custom_radio_btn.selected .radio_button{display:none;}
#game .content #quizz_answers ul li ul li .custom_radio_btn.selected .radio_check{display:block;}
#game .content #quizz_answers .button.valide{background:#5CBF5E; color:#ffffff; padding:10px 56px; font-family:'ubuntu'; font-weight:bold; font-size:14px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #006729; -webkit-box-shadow: 0px 4px 1px #006729; box-shadow: 0px 4px 1px #006729;}
#game .content #quizz_answers .button.passe{float:right; margin:0 52px 0 0; padding:10px 15px; background:#ffc315; color:#ffffff; font-family:'ubuntu'; font-weight:bold; font-size:14px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#game .content #quizz_answers .button.passe img{margin:0 0 0 4px;}
/* TIMER */
#game .timer{position:absolute; right:80px; top:75px; font-size:50px; width:1em; height:1em; float:left; font-family:'yesteryear'; color:#FFFFFF;}
#game .timer>.percent{position:absolute; top:1.05em; left:0; width:3.33em; font-size:0.3em; text-align:center;}
#game .timer>#slice{position:absolute; width:1em; height: 1em; clip:rect(0px, 1em, 1em, 0.5em);}
#game .timer>#slice.gt50{clip:rect(auto, auto, auto, auto);}
#game .timer>#slice>.pie{border:0.1em solid #c64600; position:absolute; z-index:10; width:0.8em; height:0.8em; clip:rect(0em, 0.5em, 1em, 0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
#game .timer>#slice>.pie.fill{-moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
#game .timer.fill>.percent{display:none;}
#game .timer.fill>#slice>.pie{border:transparent; background-color:#c0c0c0; width:1em; height:1em;}
#game .timer>#slice2{position:absolute; width:1em; height: 1em; clip:rect(auto, auto, auto, auto);}
#game .timer>#slice2>.pie{border:0.1em solid white; position:absolute; z-index:9; width:0.8em; height:0.8em; clip:rect(0em, 0.5em, 1em, 0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
#game .timer>#slice3{position:absolute; width:1em; height: 1em; clip:rect(auto, auto, auto, auto);}
#game .timer>#slice3>.pie{border:0.1em solid white; position:absolute; z-index:9; width:0.8em; height:0.8em; clip:rect(0em, 0.5em, 1em, 0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; -moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
.ie8 #game .timer>#slice>.pie{border:none;}
.ie8 #game .timer>#slice2>.pie{border:none;}
.ie8 #game .timer>#slice3>.pie{border:none;}
/* BONUS */
.chrono_back #chrono #bonus{position:absolute; top:63px; right:74px; width:139px; height:151px; display:none; background:url('../img/quizz_montre/quizz_pastille.png') no-repeat; z-index:100;}
.chrono_back #chrono #bonus p{position:absolute; display:block; font-size:18px; font-weight:bold; color:#ff5a00; top:60px; width:100%; text-align:center; padding:0 0 0 5px;}
.chrono_back #chrono #bonus p span{font-size:22px;}
/*SCORE*/
#score .content .box{text-align:center; width:100%; float:left; margin:20px 0;}
#score .content .box .score-background-container{position:relative; z-index:2;clear:both;margin:auto;margin-left:240px;width:555px;height: 536px;background:url('../img/back_results.png') no-repeat;}
#score .content .box .score-background-container h1{clear:both;float:left;width:100%;margin-top:65px;margin-bottom:15px;text-align: center;color:#134a5f;font-family:'ubuntu'; font-weight:bold;font-size: 32px;}
#score .content .box .score-background-container .score-points{clear:both;margin:auto;width:159px;padding-top:16px;padding-bottom:18px;background:url('../img/back_score_results.png') no-repeat;text-align: center;color:#FFF;font-family:'ubuntu'; font-weight:bold;font-size:24px;}
#score .content .box .score-background-container .score-classement{clear:both;float:left;width:93%;height:60px;padding-left:20px;margin-top:15px;margin-bottom:-36px;line-height:25px;font-family:'ubuntu';font-size:18px;color:#535c67;}
#score .content .box .score-background-container .score-classement span{color:#ff5a00; font-weight:bold; text-transform:uppercase; cursor:pointer;}
#score .content .box .score-background-container .score-cta-bottom{clear:both;float:left;width:100%;margin-left:10px;margin-top:41px;text-align: center;vertical-align:top;}
#score .content .box .score-background-container .score-cta-bottom li{display:inline-block;vertical-align:top;cursor: pointer;line-height: normal}
#score .content .box .score-background-container .score-cta-bottom .button-responses{margin-right:15px;padding:9px 16px;font-family:'ubuntu';font-weight:bold;font-size:11px;color:#134a5f;background:#FFF;-moz-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);-webkit-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);-o-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(6,34,45,0.26), Direction=180, Strength=2);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#score .content .box .score-background-container .score-cta-bottom .button-facebook-share-score{padding:8px 16px;padding-left:40px;padding-top:10px;font-family:'ubuntu';font-weight:bold;font-size:11px;color:#FFF;background:#375a9b url('../img/mini_logo_fb_white.png') no-repeat;background-position: 10px center;-moz-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);-webkit-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);-o-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(6,34,45,0.26), Direction=180, Strength=2);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#score .content .box .button{float:left; background:#C64600; color:white; padding:15px; margin:15px; cursor:pointer; width:auto;}
#score .content .box .score-background-container .score-cta-bottom .button-responses { color: white; background: orangered; }
#score .content .box .score-background-container h2{float:left;width:100%;margin-top:37px;margin-bottom:15px;text-align: center;color:#FFF;font-family:'ubuntu'; font-weight:bold;font-size: 18px;}
#score .content .box .score-background-container .score-ul-level1 {float:left; width:88%; margin:5px 3% 5px 9%; text-align:center; vertical-align:top;}
#score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container{float:left; margin:0 1%; width:30%; text-align:center; display:inline-block; vertical-align:top; cursor:pointer;}
#score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container ul li.image{margin:0 auto;height:64px; width:64px; -moz-border-radius:64px;text-align:center; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
#score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container ul li img{display:none;}
.ie8 #score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container ul li.image{max-height:74px; overflow:hidden; border:none; background:none; position:relative;}
.ie8 #score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container ul li .avatar{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:4;}
.ie8 #score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container ul li .back{display:block; width:74px; height:auto; position:absolute; top:0; left:0; z-index:5;}
#score .content .box .score-background-container .score-ul-level1 li.score-new-quizz-container ul li.score-new-quizz-container-description{clear:both;text-align:center;float:left;width:100%;margin-top:12px;font-family: 'ubuntu';font-weight:bold;font-size: 12px;color:#FFF;text-align:center;}
#score .content .box .score-background-container .score-link-home{float:right;margin-right:45px;margin-top:11px;}
#score .content .box .score-background-container .score-link-home span{font-family:'ubuntu'; font-size:12px; padding:0 10px 0 0;}
#score .content .box .score-background-container .score-link-home img{vertical-align:middle;}
/*RESULTS*/
#results{display:none;}
#results .content .box{position:relative; width:451px; height:100%; margin:0 auto; z-index:2;}
#results .content .box .question{float:left; position:relative; min-width:450px; min-height:171px; width: 100%; margin:25px 0 0 0; background: url('../img/quizz_montre/quizz_head.png') no-repeat;}
#results .content .box .question .puce{width:80px; position:absolute; top:-20px; left:-20px;}
#results .content .box .question .puce span{position:absolute; top:47px; text-align:center; color:#FFFFFF; display:block; width:100%;}
#results .content .box .question ul{vertical-align:middle; height:161px; line-height:161px; width:315px; margin:0 auto; padding:10px 0 0 0; overflow:hidden;}
#results .content .box .question ul li{display:inline-block; vertical-align:middle; font-size:18px; line-height:22px; font-weight:bold;}
#results .content .box .response{position:relative;float:left; min-width:451px; min-height:381px; width:100%; background: url('../img/quizz_montre/quizz_game.png') no-repeat; background-position:center top;}
#results .content .box .response ul{float:left; width:80%; margin:20px 10% 0 10%; padding:0 0 10px 0; border-bottom:1px solid #134A5F; vertical-align:middle; text-align:center; line-height:260px; height:260px; max-height:260px; overflow-y:scroll;}
#results .content .box .response ul li{display:inline-block; vertical-align:middle; width:100%; color:#6f919d;}
#results .content .box .response ul li .suggest{font-size:18px; line-height:22px; font-weight:bold; color:green;}
#results .content .box .response ul li .suggest .bad{color:red; text-decoration:line-through;}
#results .content .box .response ul li .suggest .noresponse{color:red;}
#results .content .box .response ul li .answer{font-size:18px; line-height:22px; font-weight:bold;}
#results .content .box .response ul li .answer .good{color:green;}
#results .content .box .response ul li .comm{margin:15px 0 0 0; font-size:14px; line-height:17px;}
#results .content .box .pagination{position:relative;z-index:1;float:left; width:100%; margin:-90px 0 0 0;}
#results .content .box .pagination ul{float:left; width:100%; margin:20px 0 0 37px;}
#results .content .box .pagination ul li{display:inline-block; font-size:16px; width:28%; color:#1e5365; vertical-align:middle; text-align:center;}
#results .content .box .pagination ul li span{vertical-align:middle; margin:0 4px; font-size:12px;}
#results .content .box .pagination ul li .button{background:#227096; color:#ffffff; padding:10px 10px; font-family:'ubuntu'; font-weight:bold; font-size:14px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0d3443; -webkit-box-shadow: 0px 4px 1px #0d3443; box-shadow: 0px 4px 1px #0d3443;}
/* Tigre */
.chrono_back .tiger{position:absolute; bottom:48px; left:48px; width:540px; height:100%;}
.chrono_back .tiger_button{position:absolute; bottom:125px; left:102px; width:350px; height:100px; z-index:3; background:url('../img/quizz_montre/quizz_back_title_game2.png'); font-family:'truecrimes'; color:white; font-size:36px; line-height:98px; text-align:center;}
.chrono_back .tiger_hand{position:absolute; bottom:86px; left:104px; z-index:3;}
.chrono_back .tiger_back{position:absolute; bottom:46px; left:46px; z-index:1;}
/* Chrono */
.chrono_back #chrono #CountDownTimer{position:absolute; top:75px; right:80px; width:115px; height:115px; color:white;}
.chrono_back #chrono #CountDownTimer .time_circles {position: relative; width: 100%; height: 100%;}
.chrono_back #chrono #CountDownTimer .time_circles > div {position: absolute; text-align: center;}
.chrono_back #chrono #CountDownTimer .time_circles > div > span {display: block; width: 100%; text-align: center; font-family: 'yesteryear'; font-size: 300%; margin-top: 0.7em; font-weight: bold;}
/* Chouette */
.chrono_back .owl_button{position:absolute; bottom:68px; right:70px; width:269px; height:100px; z-index:3; background:url('../img/quizz_decouv/quizz_back_title_game.png') no-repeat; font-family:'ardleyshand'; color:white; font-size:36px; line-height:95px; text-align:center;}
.chrono_back .owl_back{position:absolute; bottom:101px; left:46px; z-index:2;}
/* POPIN */
#popin{position:fixed; display:none; width:100%; height:100%; z-index:200;top:0;}
#popin .back_popin{position:absolute; background:url('../img/back_popin.png'); min-width:100%; min-height:100%; z-index:201;}
#popin .popin{position:relative; z-index:202; display:none; margin:0 auto; width:409px; height:560px;}
#popin .popin header{float:left; width:409px; height:99px; background:url('../img/popin_head.png') no-repeat; background-position:center;}
#popin .popin article{float:left; min-width:275px; margin:0; padding:0 67px; height:449px; background:url('../img/popin_bottom.png') no-repeat; background-position:center;}
#popin .popin article .title{display:block; float:left; width:110%; margin:0 0 0 -5%; text-align:center; text-transform:uppercase; font-size:20px; line-height:25px; padding:15px 0; color:#008FCB;}
#popin #decouverte_popin article .title{padding:60px 0;}
#popin #forgoten_popin article .title{padding:40px 0;}
#popin #forgoten_popin article .msg{padding:0 0 40px 0;}
#popin .popin article .msg{padding:20px 0; width:100%; font-size:18px; line-height:24px; color:#757d85; text-align: center}
#popin #timer_popin article .title{padding:60px 0;}
#popin #timer_popin article .msg{padding:0 0 40px 0;}
#popin #timer_popin_not_finish article .msg{padding:90px 0;}
#popin .popin article ul{width:100%; color:#757d85;}
#popin .popin article ul p{display:block; float:left; width:100%; text-align:center; cursor:pointer; line-height:14px; font-size:14px; padding:6px 0 0 0;}
#popin .popin article ul li{float:left; position:relative; width:100%; margin:0 0 5px 0; padding:15px 0; line-height:25px; font-family:'ubuntu'; background:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 1px 1px 3px #eae6ee; -webkit-box-shadow: 1px 1px 3px #eae6ee; box-shadow: 1px 1px 3px #eae6ee;}
#popin .popin article ul .avatar_back{float:left; width:100%; text-align:center; padding:10px 0; margin:0 0 15px 0; background:#1e6789; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.gecko #popin .avatar_upload_input_file{width:250px;}
#popin .popin article ul li.avatar_content{float:none; display:inline-block; line-height:0; padding:0; margin:0; height:64px; width:64px; -moz-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center; -moz-box-shadow: 0px 0px 0px #144d6a; -webkit-box-shadow: 0px 0px 0px #144d6a; box-shadow: 0px 0px 0px #144d6a;}
#popin .popin article ul li.avatar_content img{display:none;}
.ie8 #popin .popin article ul li.avatar_content{max-height:64px; overflow:hidden; border:none; background:none; position:relative;}
.ie8 #popin .popin article ul li.avatar_content .avatar{display:block; width:64px; height:auto; position:absolute; top:0; left:0; z-index:4;}
.ie8 #popin .popin article ul li.avatar_content .back{display:block; width:64px; height:auto; position:absolute; top:0; left:0; z-index:5;}
#popin .popin article ul li.info_msg{float:left; width:100%; margin:-59px 0 0 0; padding:0; height:53px; line-height:50px; font-family:'ubuntu'; background:#5CBF5E; text-align:center; display:none; color:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popin .popin article ul li.info_msg span{display:inline-block; vertical-align:middle; line-height:20px; padding:0 10px;}
#popin .popin article ul li.error{float:left; position:relative; z-index:6; width:100%; margin:-59px 0 0 0; padding:0; height:53px; line-height:50px; font-family:'ubuntu'; background:red; text-align:center; display:none; color:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popin .popin article ul li.error.btn{margin:-60px 0 0 0; padding:0; height:60px; line-height:60px;}
#popin .popin article ul li.error.img{margin:-111px 0 0 0; padding:0; height:95px; line-height:95px;}
#popin .popin article ul li.error span{display:inline-block; vertical-align:middle; line-height:20px; padding:0 10px;}
#popin .popin article ul li.error .open_popin_signin{text-decoration:underline; cursor:pointer;}
#popin .popin article ul li span.picto{float:left; display:block; width:20px; text-align:center; padding:0 20px; font-size:20px; line-height:20px; border-right:1px solid #f1ecf5; color:#807a93;}
#popin .popin article ul li input{float:left; padding:0 20px; width:165px; line-height:20px; font-size:16px; border:none; background:white; color:#807a93;}
#popin .popin article ul div.separator{float:left; margin:10px 0 5px 0; text-align:center; width:100%; background:url('../img/popin_connect/separator1.png') repeat-x; background-position:center;}
#popin .popin article ul div.separator span{background:#f2f1f6; padding:0 10px; font-family: 'yellowtail'; font-size:24px; color:#9e9aad;}
#popin .popin article ul div.checkbox{float:left; margin:20px 0 0 0;}
#popin .popin article ul div.checkbox input{vertical-align:middle; margin:0 0 2px 0; cursor:pointer;}
#popin .popin article ul div.checkbox label{font-size:13px; margin:0 0 0 10px; cursor:pointer;}
#popin .popin article ul form{text-align:center;}
#popin .popin article ul li.validate{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; color:#ffffff; text-align:center; text-transform:uppercase; background:#5CBF5E; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #006729; -webkit-box-shadow: 0px 4px 1px #006729; box-shadow: 0px 4px 1px #006729;}
#popin .popin article ul li.blue{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; color:#ffffff; text-align:center; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#popin .popin article ul li.home{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; color:#ffffff; text-align:center; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#popin .popin article ul li.facebook{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; line-height:25px; color:#ffffff; text-align:center; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#popin .popin article ul li.facebook span{ display:inline-block; vertical-align:top; font-size:14px; line-height:25px;}
#popin .popin article ul li.facebook span.tv5font{font-size:25px; padding:0 10px 0 0;}
#popin .popin article ul.regle{float:left; width:110%; margin:0 0 15px -5%; color:#757d85;}
#popin .popin article ul.regle li{float:left; margin:0; padding:0; text-align:center; font-size:14px; line-height:20px; background:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none;}
#popin .popin article ul.regle .sep{float:left; min-height:2px; text-align:center; width:30%; margin:10px 35%; background:url('../img/popin_connect/separator1.png') repeat-x; background-position:center;}
#popin .popin article ul.regle .separator{margin:10px 0 20px 0;}
#popin .popin article ul.btn li.ready{float:left; width:100%; cursor:pointer; margin:10px 0; padding:15px 0; font-family:'ubuntu'; font-size:14px; line-height:25px; color:#ffffff; text-align:center; background:#5CBF5E; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #006729; -webkit-box-shadow: 0px 4px 1px #006729; box-shadow: 0px 4px 1px #006729;}
}
/**
* MOBILE
**/
@media screen and (max-width: 801px) {
.desktop_el{display:none;}
.mobile_el{display:block;}
/***** GENERAL *****/
html{float:left; width:100%; min-height:100%; background:#008FCB; font-family:'ubuntu'; font-size:14px; line-height:1.2em;}
body{float:left; width:100%; min-height:100%;}
.hallo{float:left; width:100%; min-height:100%;}
a, a:hover, a:visited{text-decoration:none; color:inherit;}
#heading, #main, #foot{position:relative; z-index:2;}
.back_img{display:none;}
#main{float:left; width:100%; margin:50px 0 0 0;}
.wrapper{width:90%; margin:0 5%;}
.tv5font{font-family:"tv5font";}
.content{color:white;}
.content #way{display:none;}
#content_head{display:none;}
.owl_button{display:none;}
.owl_back{display:none;}
.tiger_button{display:none;}
.tiger_hand{display:none;}
.tiger_back{display:none;}
#ranking_top{display:none;}
.decouverte_quizz{background: #009f04;
background: -moz-linear-gradient(top, #009f04 0%, #146716 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009f04), color-stop(100%,#146716));
background: -webkit-linear-gradient(top, #009f04 0%,#146716 100%);
background: -o-linear-gradient(top, #009f04 0%,#146716 100%);
background: -ms-linear-gradient(top, #009f04 0%,#146716 100%);
background: linear-gradient(to bottom, #009f04 0%,#146716 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009f04', endColorstr='#146716',GradientType=0 );
}
.chrono_quizz{background: #ff5a00;
background: -moz-linear-gradient(top, #ff5a00 0%, #a43a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5a00), color-stop(100%,#a43a00));
background: -webkit-linear-gradient(top, #ff5a00 0%,#a43a00 100%);
background: -o-linear-gradient(top, #ff5a00 0%,#a43a00 100%);
background: -ms-linear-gradient(top, #ff5a00 0%,#a43a00 100%);
background: linear-gradient(to bottom, #ff5a00 0%,#a43a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#a43a00',GradientType=0 );
}
/***** HEADER / MENU *****/
#heading{position:fixed; top:0; left:0; z-index:2000; width:100%; height:50px;}
#heading #logo{padding:5px 0; margin:0; position:relative; border-bottom:2px solid white; z-index:1001; text-align:center;}
#heading #logo img{height:40px; width:auto;}
#heading .mobile_el{position:absolute; top:0; left:0; width:100%; background:#008FCB;}
#heading .mobile_el .mobile_menu_button{height:50px; padding:0 15px 0 0; width:35px; position:relative; z-index:1001;}
#heading .mobile_el .mobile_menu_button img{height:20px; margin:15px 0 0 0;}
#heading .mobile_el .mobile_menu_button.right{position:absolute; padding:0 0 0 15px; top:0; right:0;}
#heading .mobile_el #mobile_menu{position:absolute; top:0; left:-100%; width:100%; z-index:1000; display:block;}
#heading .mobile_el #mobile_menu #back_mobile_menu{position:absolute; min-width:100%; min-height:100%; z-index:1; opacity:0; display:none; background:black;}
#heading .mobile_el #mobile_menu .nav_menu{width:85%; margin:52px 0 0 0; line-height:35px; min-height:100%; background:#cfcfcf; overflow-y:scroll; position:relative; z-index:2;}
#heading .mobile_el #mobile_menu .nav_menu li{border-bottom:1px solid white; background:#008FCB;}
#heading .mobile_el #mobile_menu .nav_menu li a{width:90%; padding:0 5%; display:block; color:white; text-decoration:none;}
#heading .mobile_el #mobile_menu .nav_menu li.params span{width:90%; padding:0 5%; display:block; color:white; text-decoration:none; cursor:pointer;}
#heading .mobile_el #mobile_menu .nav_menu li .sub-menu .current-menu-item{background:#008FCB;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul{width:92%; padding:10px 4%;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul li{display:inline-block; vertical-align:middle; margin:0 0 0 15px; padding:0 0 0 15px; border:none; border-left:2px solid white; color:white;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul li.image{height:64px; width:64px; margin:0; padding:0; -moz-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul li img{display:none;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul li .name{font-size:18px; line-height:28px;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul li .rank{color:#8bc2dc; font-size:14px; line-height:24px;}
#heading .mobile_el #mobile_menu .nav_menu li.profil ul li .rank span{color:white; padding:0 12px;}
/***** HOME *****/
.home .welcome, .home .connexion, .home .decouverte, .home .chrono, .home .tv5monde{float:left; text-align:center;}
.home h1{font-family:'lighthouse'; letter-spacing:2px; font-size:35px; line-height:50px; position:relative; z-index:2; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);}
.home h2{font-size:20px; line-height:42px; position:relative; z-index:2; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);}
.home .decouverte h2, .home .chrono h2, .home .tv5monde h2{line-height:90px;}
.home .connexion{float:left; width:100%; background: #227096 url('../img/mobile/leaf2.svg') no-repeat; background-position:5% 5%; background-size:auto 75%; color:white; border-bottom:1px solid white; position:relative;}
.home .connexion .back{position:absolute; z-index:1; width:100%; height:100%; background: url('../img/mobile/back_connect.svg') no-repeat; background-position:100% 100%; background-size:contain;}
.home .connexion .text{float:left; width:90%; padding:30px 5% 20px 5%;}
.home .connexion .text .buttons{float:left; width:100%; position:relative; z-index:2; display:none;}
.home .connexion .text .buttons .button{display:inline-block; width:46%; margin:20px 1%; padding:10px 0; color:black; cursor:pointer; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:rgba(255,255,255,0.7); border-bottom:; -moz-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); box-shadow: 0px 3px 1px rgba(255,255,255,0.4);}
.home .connexion .text .form{float:left; width:100%; position:relative; z-index:2; display:none;}
.home .connexion .text .form .forgoten{float:left; display:block; width:100%; text-align:center; color:white; font-size:14px; text-decoration:underline; margin:5px 0 15px 0; cursor:pointer;}
.home .connexion .text .form .error_msg{float:left; display:none; width:100%; text-align:center; color:#a11616; font-size:15px; font-weight:bold; padding:5px 0; margin:0; cursor:pointer;}
.home .connexion .text .form .title{font-size:20px; line-height:25px; padding:15px 0;}
.home .connexion .text .form ul{width:275px; margin:0 auto;}
.home .connexion .text .form ul li{float:left; width:100%; margin:0 0 13px 0; padding:10px 0; line-height:25px; font-family:'ubuntu'; background:rgba(255,255,255,0.7); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); box-shadow: 0px 3px 1px rgba(255,255,255,0.4);}
.home .connexion .text .form ul li span.picto{float:left; display:block; width:20px; text-align:center; padding:0 20px; font-size:20px; line-height:20px; border-right:1px solid #807a93; color:#807a93;}
.home .connexion .text .form ul li input{float:left; padding:0 20px; width:165px; line-height:20px; font-size:16px; border:none; background:none; color:#807a93;}
.home .connexion .text .form ul li.validate{cursor:pointer; font-family:'ubuntu'; text-transform:uppercase; font-size:14px; color:white; text-align:center; background:rgba(92,191,94,1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0px 3px 1px rgba(92,191,94,0.4); -webkit-box-shadow: 0px 3px 1px rgba(92,191,94,0.4); box-shadow: 0px 3px 1px rgba(92,191,94,0.4);}
.home .connexion .text .form ul li.error{background:#a11616; display:none; -moz-box-shadow: 0px 0px 0px #a11616; -webkit-box-shadow: 0px 0px 0px #a11616; box-shadow: 0px 0px 0px #a11616;}
.home .connexion .text .form ul li.info_msg{display:none;}
.home .connexion .text .form ul li.facebook{cursor:pointer; font-family:'ubuntu'; font-size:14px; line-height:25px; color:white; text-align:center; background:rgba(52,104,175,1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0px 3px 1px rgba(52,104,175,0.4); -webkit-box-shadow: 0px 3px 1px rgba(52,104,175,0.4); box-shadow: 0px 3px 1px rgba(52,104,175,0.4);}
.home .connexion .text .form ul li.facebook span{display:inline-block; vertical-align:top; font-size:14px; line-height:25px;}
.home .connexion .text .form ul li.facebook span.tv5font{font-size:25px; padding:0 10px 0 0;}
.home .connexion .text .form ul div.separator{float:left; width:100%; margin:0 0 10px 0; text-align:center; font-family: 'yellowtail'; font-size:24px;}
.home .connexion .text .form ul div.checkbox{float:left; width:100%; text-align:center; margin:5px 0;}
.home .connexion .text .form ul div.checkbox input{vertical-align:middle; margin:0 0 2px 0; cursor:pointer;}
.home .connexion .text .form ul div.checkbox label{font-size:14px; margin:0 0 0 10px; cursor:pointer;}
.home .decouverte{width:100%; background:#00a804 url('../img/mobile/back_decouverte_leaf2.svg') no-repeat; background-position:100% 0; background-size:auto 120%; color:white; border-bottom:1px solid white; position:relative;}
.home .decouverte .back{position:absolute; z-index:1; width:100%; height:100%; background: url('../img/mobile/back_decouverte.svg') no-repeat; background-position:0% 50%; background-size:auto 180%; }
.home .decouverte .text{float:left; width:90%; height:90px; padding:0 5%; font-family:'ardleyshand';}
.home .decouverte .text h2{font-size:30px; line-height:105px;}
.home .chrono{width:100%; background:#ff5a00 url('../img/mobile/back_chrono.svg') no-repeat; background-position:100% 50%; background-size:auto 150%; color:white; border-bottom:1px solid white; position:relative;}
.home .chrono .back{position:absolute; z-index:1; width:100%; height:100%; background:url('../img/mobile/back_chrono_circle.svg') no-repeat; background-position:0 100%; background-size:auto 100%;}
.home .chrono .text{float:left; width:90%; height:90px; padding:0 5%; font-family:'truecrimes';}
.home .chrono .text h2{font-size:25px; line-height:90px;}
.home .tv5monde{width:100%; background:black; color:white; border-bottom:1px solid white; position:relative;}
.home .tv5monde .text{float:left; width:90%; padding:0 5%;}
.home .tv5monde .text img{line-height:42px; height:20px; width:auto;}
.home #ranking_mobile{float:left; width:100%; background: #227096 url('../img/mobile/leaf2.svg') no-repeat; background-position:5% 5%; background-size:auto 75%; color:white; border-bottom:1px solid white; position:relative;}
.home #ranking_mobile .back{position:absolute; z-index:1; width:100%; height:100%; background: url('../img/mobile/back_connect.svg') no-repeat; background-position:100% 100%; background-size:contain;}
.home #ranking_mobile .content{float:left; margin:15px 0 15px; width:100%; position:relative; z-index:10;}
.home #ranking_mobile .content h2{text-align:center; text-transform:uppercase}
.home #ranking_mobile .content nav{float:left; width:100%;}
.home #ranking_mobile .content nav ul{float:left; width:100%; margin:15px 0; text-align:center;}
.home #ranking_mobile .content nav ul li{display:inline-block; vertical-align:middle; color:black; width:28%; padding:10px 0; margin:0 2%; font-size:11px; font-family:'ubuntu'; font-weight:bold; text-transform:uppercase; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:rgba(255,255,255,0.7); -moz-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); box-shadow: 0px 3px 1px rgba(255,255,255,0.4);}
.home #ranking_mobile .content nav ul li.selected{color:white; background:rgba(0,0,0,0.7); -moz-box-shadow: 0px 3px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 1px rgba(0,0,0,0.4); box-shadow: 0px 3px 1px rgba(0,0,0,0.4);}
.home #ranking_mobile .content .ul_level1{clear:both; float:left; margin:0; width:100%; text-align:center;}
.home #ranking_mobile .content .ul_level1>li{display:inline-block; vertical-align:top; width:28%; margin:10px 2%; padding:10px 0; background:#144D6A; -moz-box-shadow:0px 0px 5px 1px #000000; -webkit-box-shadow:0px 0px 5px 1px #000000; -o-box-shadow:0px 0px 5px 1px #000000; box-shadow:0px 0px 5px 1px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.home #ranking_mobile .content .ul_level1>li.me{background:#F4F4F6;}
.home #ranking_mobile .content .ul_level1 li ul{display:inline-block; text-align:center; width:100%;}
.home #ranking_mobile .content .ul_level1 li ul li{display:inline-block; width:100%; overflow:hidden;}
.home #ranking_mobile .content .ul_level1 li ul li.image{margin:5px auto; height:64px; width:64px; -moz-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
.home #ranking_mobile .content .ul_level1 li.me ul li.image{border:5px solid #144D6A;}
.home #ranking_mobile .content .ul_level1 li ul li img{display:none;}
.home #ranking_mobile .content .ul_level1 li ul li .name{font-size:18px; line-height:28px; max-height:28px; max-width:94%; margin:0 3%; overflow:hidden;}
.home #ranking_mobile .content .ul_level1 li.me ul li .name{color:#144D6A;}
.home #ranking_mobile .content .ul_level1 li ul li .rank{color:#8bc2dc; font-size:14px; line-height:24px;}
.home #ranking_mobile .content .ul_level1 li ul li .rank span{line-height:15px; color:white; display:block; clear:both; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.home #ranking_mobile .content .ul_level1 li.me ul li .rank span{color:#144D6A;}
.home #ranking_mobile .paginate_ranking{position:relative; float:left; width:100%; margin:0 0 25px 0; z-index:10;}
.home #ranking_mobile .paginate_ranking ul{float:left; width:100%; margin:0; font-size:0; line-height:0; text-align:center;}
.home #ranking_mobile .paginate_ranking ul li{display:inline-block; width:49%; font-size:14px; line-height:14px; text-align:center; cursor:pointer;}
.home #ranking_mobile .paginate_ranking ul li span{font-size:11px; padding:0 5px;}
/***** LOADER *****/
article{float:left; width:100%; position:relative;}
article #template{width:100%; float:left;}
article #template .loader{display:block; width:150px; height:160px; margin:70px auto;}
article .content{width:100%; color:white;}
/***** THEMES *****/
#themes header{width:100%; text-align:center; margin:15px 0 0 0;}
#themes header h2{width:100%; font-size:22px; color:#ffffff;}
#themes .content .box{text-align:center; width:100%; float:left; overflow:hidden;}
#themes .content .box .all_cat{text-align:center; width:80%; margin:0 10%;}
#themes .content .box .all_cat .btn{display:inline-block; cursor:pointer; margin:25px 0 35px 0; font-family:'ubuntu'; font-size:14px; line-height:25px; padding:15px 20px; color:white; text-align:center; font-weight:bold; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#themes .content .box .all-themes-container{float:left;}
#themes .content .box .all-themes-container .pagination{display:block;}
#themes .content .box .all-themes-container .all-themes-container-item{cursor:pointer;vertical-align:top; display:inline-block;margin:10px 5px 0 5px;width:142px;height:188px;}
#themes .content .box .all-themes-container .all-themes-container-item.background-1{background:url('../img/theme_choice_back1.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item.background-2{background:url('../img/theme_choice_back2.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item.background-3{background:url('../img/theme_choice_back3.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item.background-4{background:url('../img/theme_choice_back4.png') no-repeat;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container{vertical-align:bottom;margin-top:25px;list-style-type:none!important;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul{list-style-type:none!important;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li.image{margin:0 auto;height:64px; width:64px; -moz-border-radius:64px;text-align:center; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul li img{display:none;}
#themes .content .box .all-themes-container .all-themes-container-item .theme-item-container ul .theme-item-container-name{margin-top:10px;max-width:78%;line-height:17px;display:inline-block;list-style-type:none!important;font-family:'ubuntu'; font-weight:bold; font-size:12px;}
#themes .content .box .all-themes-container .all-themes-chrono.all-themes-container-item .theme-item-container ul li.image{border-color:#ff5a00}
#themes .content .box .all-themes-container .all-themes-chrono.all-themes-container-item .theme-item-container ul .theme-item-container-name{color:#ff5a00}
#themes .content .box .all-themes-container .all-themes-decouverte.all-themes-container-item .theme-item-container ul li.image{border-color:#277000}
#themes .content .box .all-themes-container .all-themes-decouverte.all-themes-container-item .theme-item-container ul .theme-item-container-name{color:#277000}
#themes .content .box .all-themes-container .all-themes-container-item:hover .theme-item-container ul li.image{border-color:#134a5f}
#themes .content .box .all-themes-container .all-themes-container-item:hover .theme-item-container ul .theme-item-container-name{color:#134a5f}
#themes .content .theme-paginate{clear:both; float:left; width:100%; text-align:center; margin:10px 0; color:white;}
#themes .content .theme-paginate li{display:inline-block; cursor:pointer;}
#themes .content .theme-paginate li.theme-paginate-left{margin-right:37px;background:url('../img/arrow_left_paginate_theme.png') no-repeat top left;height:15px;padding-left:20px;}
#themes .content .theme-paginate li.theme-paginate-right{background:url('../img/arrow_right_paginate_theme.png') no-repeat top right;height:15px;padding-right:20px;}
/***** GAME *****/
#game header{width:100%; text-align:center; margin:15px 0 0 0; border-bottom: 1px solid white;}
#game header h2{padding:0px 55px; font-size:22px; color:#ffffff;}
#game header p{padding:10px 55px 15px; color:#cfcfcf; font-size:18px;}
#game .content .quizz_box{margin:0 auto; background:white;}
#game .content #quizz_part{float:left; width:100%; margin:15px 0; }
#game .content #quizz_part .question{position:absolute; top:15px; left:0; text-align:left;}
#game .content #quizz_part .question p{color:white; font-size:30px; line-height:30px; font-family: 'yesteryear'; z-index:2;}
#game .content #quizz_part .text{float:left; width:100%; text-align:center;}
#game .content #quizz_part .text h2{}
#game .content #quizz_part .text h2 span{font-family:'ubuntu'; font-weight:bold; font-size:18px; line-height:22px;}
#game .content #quizz_answers{float:left; margin:0 0 20px 0; width:100%; background-position:center top;}
#game .content #quizz_answers .all_answers{float:left; width:100%; text-align:center;}
#game .content #quizz_answers ul{float:left; width:100%; margin:15px 0; padding:0 0 5px 0; border-bottom:1px solid white;}
#game .content #quizz_answers ul li{float:left; width:100%; text-align:left; font-family:'ubuntu'; }
#game .content #quizz_answers ul li ul{float:left; width:90%; color:#757d85; padding:10px 5%; margin:0 0 15px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(255,255,255,0.7); -moz-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); box-shadow: 0px 3px 1px rgba(255,255,255,0.4);}
#game .content #quizz_answers ul li.selected ul{background:rgba(255,255,255,1); -moz-box-shadow: 0px 3px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 3px 1px rgba(255,255,255,0.7); box-shadow: 0px 3px 1px rgba(255,255,255,0.7);}
#game .content #quizz_answers ul li ul li{width:auto; vertical-align:middle; font-size:18px; cursor:pointer;}
#game .content #quizz_answers ul li ul li .custom_radio_btn {display:none;}
#game .content #quizz_answers .button.valide{float:left; display:block; width:90%; background:#5CBF5E; color:#ffffff; padding:15px 5%; font-family:'ubuntu'; font-weight:bold; font-size:14px; cursor:pointer; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #006729; -webkit-box-shadow: 0px 4px 1px #006729; box-shadow: 0px 4px 1px #006729;}
#game .content #quizz_answers .button.passe{float:left; display:block; width:90%; background:#ffc315; color:#ffffff; padding:15px 5%; font-family:'ubuntu'; font-weight:bold; font-size:14px; cursor:pointer; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #ff9915; -webkit-box-shadow: 0px 4px 1px #ff9915; box-shadow: 0px 4px 1px #ff9915;}
#game .content #quizz_answers .button.passe img{margin:0 0 0 4px;}
/* TIMER */
#game .timer{position:absolute; right:0; top:12px; font-size:50px; width:1em; height:1em; float:left; font-family:'yesteryear'; color:#FFFFFF;}
#game .timer>.percent{position:absolute; top:1.05em; left:0; width:3.33em; font-size:0.3em; text-align:center;}
#game .timer>#slice{position:absolute; width:1em; height: 1em; clip:rect(0px, 1em, 1em, 0.5em);}
#game .timer>#slice.gt50{clip:rect(auto, auto, auto, auto);}
#game .timer>#slice>.pie{border:0.1em solid #c64600; position:absolute; z-index:10; width:0.8em; height:0.8em; clip:rect(0em, 0.5em, 1em, 0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
#game .timer>#slice>.pie.fill{-moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
#game .timer.fill>.percent{display:none;}
#game .timer.fill>#slice>.pie{border:transparent; background-color:#c0c0c0; width:1em; height:1em;}
#game .timer>#slice2{position:absolute; width:1em; height: 1em; clip:rect(auto, auto, auto, auto);}
#game .timer>#slice2>.pie{border:0.1em solid white; position:absolute; z-index:9; width:0.8em; height:0.8em; clip:rect(0em, 0.5em, 1em, 0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
#game .timer>#slice3{position:absolute; width:1em; height: 1em; clip:rect(auto, auto, auto, auto);}
#game .timer>#slice3>.pie{border:0.1em solid white; position:absolute; z-index:9; width:0.8em; height:0.8em; clip:rect(0em, 0.5em, 1em, 0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; -moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
/* BONUS */
.chrono_back #chrono #bonus{position:absolute; right:-3.5%; top:-10px; width:90px; height:100px; display:none; background:url('../img/quizz_montre/quizz_pastille.png') no-repeat; background-size:contain; z-index:10000;}
.chrono_back #chrono #bonus p{position:absolute; display:block; font-size:10px; font-weight:bold; color:#ff5a00; top:35px; width:100%; text-align:center; padding:0 0 0 5px;}
.chrono_back #chrono #bonus p span{font-size:14px;}
/***** SCORE *****/
#score header{width:100%; text-align:center; margin:15px 0 0 0; display:none;}
#score header h2{width:100%; font-size:22px; color:#ffffff;}
#score .content .box{float:left; width:100%; margin:15px 0 30px 0; text-align:center;}
#score .content .box .score-background-container{float:left; width:100%; margin:15px 0 0 0;}
#score .content .box .score-background-container .score_box{float:left; width:100%; background:#F6F6F4; padding:25px 0 15px 0; margin:0 0 15px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#score .content .box .score-background-container h1{display:block; float:left; width:100%; font-size:24px; text-align:center; color:#ff5a00; font-family:'ubuntu'; font-weight:bold;}
#score .content .box .score-background-container .score-points{float:left; margin:15px 0; width:100%; padding-top:16px; padding-bottom:18px; background:url('../img/back_score_results.png') no-repeat center; text-align:center; color:white; font-family:'ubuntu'; font-weight:bold; font-size:24px;}
#score .content .box .score-background-container .score-classement{float:left; width:90%; line-height:25px; font-family:'ubuntu'; font-size:18px; color:#535c67; padding:5px 5%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#score .content .box .score-background-container .score-classement span{color:#ff5a00; font-weight:bold; text-transform:uppercase;}
#score .content .box .score-background-container .score-cta-bottom{float:left; width:100%; margin:15px 0 0 0; text-align:center; vertical-align:top;}
#score .content .box .score-background-container .score-cta-bottom li{display:inline-block; padding:10px 15px; margin:0 10px 15px 10px; vertical-align:top; cursor:pointer; line-height:normal;}
#score .content .box .score-background-container .score-cta-bottom .button-responses{font-family:'ubuntu'; font-weight:bold; font-size:11px; color:#134a5f; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:rgba(255,255,255,0.7); -moz-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);-webkit-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);-o-box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);box-shadow:0 2px 2px 0 rgba(6,34,45,0.26);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(6,34,45,0.26), Direction=180, Strength=2);}
#score .content .box .score-background-container .score-cta-bottom .button-responses { color: white; background: orangered; }
#score .content .box .score-background-container .score-cta-bottom .button-facebook-share-score{font-family:'ubuntu'; font-weight:bold; padding:10px 15px 10px 35px; font-size:11px; color:#FFF; background:rgba(52,104,175,1) url('../img/mini_logo_fb_white.png') no-repeat; background-position: 10px center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 3px 1px rgba(52,104,175,0.4); -webkit-box-shadow: 0px 3px 1px rgba(52,104,175,0.4); box-shadow: 0px 3px 1px rgba(52,104,175,0.4);}
#score .content .box .score-background-container .login_message{display:none;}
#score .content .box .score-background-container .login_message span{cursor:pointer;}
#score .content .box .button{display:none;}
#score .content .box .score-background-container .new_challenge{float:left; width:100%; background:#134A5F; margin:5px 0 0 0; padding:25px 0 15px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#score .content .box .score-background-container .new_challenge h2{float:left; width:100%; text-align: center;color:#FFF; font-family:'ubuntu'; font-weight:bold; font-size:24px; line-height:24px;}
#score .content .box .score-background-container .new_challenge .score-ul-level1{float:left; width:100%; margin:15px 0; text-align:center; vertical-align:top;}
#score .content .box .score-background-container .new_challenge .score-ul-level1 li.score-new-quizz-container{margin:0 2%;width:29%;text-align:center;display:inline-block;vertical-align: top;cursor: pointer}
#score .content .box .score-background-container .new_challenge .score-ul-level1 li.score-new-quizz-container ul li.image{margin:0 auto;height:64px; width:64px; -moz-border-radius:64px;text-align:center; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center;}
#score .content .box .score-background-container .new_challenge .score-ul-level1 li.score-new-quizz-container ul li img{display:none;}
#score .content .box .score-background-container .new_challenge .score-ul-level1 li.score-new-quizz-container ul li.score-new-quizz-container-description{clear:both;text-align:center;float:left;width:100%;margin-top:12px;font-family: 'ubuntu';font-weight:bold;font-size: 12px;color:#FFF;text-align:center;}
#score .content .box .score-background-container .new_challenge .score-link-home{margin:15px 0;}
#score .content .box .score-background-container .new_challenge .score-link-home span{padding:10px 15px; width:auto;}
#score .content .box .score-background-container .score-link-home{display:block; float:left; width:100%; margin:20px 0;}
#score .content .box .score-background-container .score-link-home span{width:100%; padding:15px 0; display:inline-block; font-family:'ubuntu'; font-weight:bold; text-transform:uppercase; font-size:11px; color:#134a5f; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:rgba(255,255,255,0.7); -moz-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 3px 1px rgba(255,255,255,0.4); box-shadow: 0px 3px 1px rgba(255,255,255,0.4);}
#score .content .box .score-background-container .score-link-home img{display:none;}
.decouverte_quizz #score .content .box .score-background-container h1{color:#006f0d;}
.decouverte_quizz #score .content .box .score-background-container .score-points{background:url('../img/back_score_results_decouverte.png') no-repeat center;}
.decouverte_quizz #score .content .box .score-background-container .score-classement span{color:#006f0d;}
/***** RESULTS *****/
#results{display:none;}
#results header{float:left; width:100%; text-align:center; margin:15px 0; padding:15px 0; border-bottom:1px solid white;}
#results header h2{width:100%; font-size:22px; color:#ffffff;}
#results .content .box{ float:left; position:relative; width:100%; z-index:2;}
#results .content .box .question{float:left; width:90%; margin:0 5%; background:#134A5F; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
#results .content .box .question .puce{position:absolute; left:0; top:-50px;}
#results .content .box .question .puce img{display:none;}
#results .content .box .question .puce span{color:#FFFFFF; font-size:18px;}
#results .content .box .question ul{padding:15px 20px; text-align:center;}
#results .content .box .question ul li{display:inline-block; vertical-align:middle; font-size:18px; line-height:22px; font-weight:bold;}
#results .content .box .response{float:left; width:90%; margin:0 5%; background:white; text-align:center; -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;}
#results .content .box .response ul{display:inline-block; padding:15px 20px; text-align:center;}
#results .content .box .response ul li{display:inline-block; vertical-align:middle; width:100%; color:#6f919d;}
#results .content .box .response ul li .suggest{font-size:18px; line-height:22px; font-weight:bold; color:green;}
#results .content .box .response ul li .suggest .bad{color:red; text-decoration:line-through;}
#results .content .box .response ul li .suggest .noresponse{color:red;}
#results .content .box .response ul li .answer{font-size:18px; line-height:22px; font-weight:bold;}
#results .content .box .response ul li .answer .good{color:green;}
#results .content .box .response ul li .comm{margin:15px 0 0 0; font-size:14px; line-height:17px;}
#results .content .box .pagination{float:left; width:110%; margin:15px 0 15px -5%;}
#results .content .box .pagination ul{float:left; width:100%; text-align:center; font-size:0;}
#results .content .box .pagination ul li{display:inline-block; font-size:14px; width:33%; color:white; vertical-align:middle; text-align:center;}
#results .content .box .pagination ul li span{vertical-align:middle; margin:0 4px; font-size:12px;}
#results .content .box .pagination ul li .button{background:#227096; color:#ffffff; padding:10px 10px; font-family:'ubuntu'; font-weight:bold; font-size:14px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0d3443; -webkit-box-shadow: 0px 4px 1px #0d3443; box-shadow: 0px 4px 1px #0d3443;}
/***** POPIN ******/
#popin{position:absolute; display:none; width:100%; height:100%; z-index:1000;}
#popin .back_popin{position:absolute; background:#F2F1F6; width:100%; height:100%; z-index:1;}
#popin .close{display:none; position:relative; padding:15px 0; width:100%; text-align:center; background:#F2F1F6; font-weight:bold; color:black; cursor:pointer; z-index:10;}
#popin .popin{position:relative; z-index:2; display:none; margin:0 auto; padding:0 0 10px 0; overflow:auto; background:#F2F1F6;}
#popin .popin header{display:none;}
#popin .popin article{float:left; width:90%; margin:0 5%; font-family:'ubuntu';}
#popin .popin article .title{display:block; float:left; width:100%; text-align:center; text-transform:uppercase; font-size:20px; line-height:25px; padding:40px 0 30px 0; color:#008FCB;}
#popin .popin article .msg{padding:0 0 30px 0; width:100%; font-size:18px; line-height:24px; color:#757d85; text-align: center}
#popin #timer_popin article .msg{padding:100px 0;}
#popin #timer_popin_not_finish article .msg{padding:90px 0;}
#popin .popin article ul{width:100%; color:#757d85;}
#popin .popin article ul p{display:block; float:left; width:100%; text-align:center; cursor:pointer; line-height:14px; font-size:14px; padding:6px 0 0 0;}
#popin .popin article ul li{float:left; position:relative; width:100%; margin:0 0 5px 0; padding:15px 0; line-height:25px; font-family:'ubuntu'; background:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 1px 1px 3px #eae6ee; -webkit-box-shadow: 1px 1px 3px #eae6ee; box-shadow: 1px 1px 3px #eae6ee;}
#popin .popin article ul .avatar_back{float:left; width:100%; text-align:center; padding:10px 0; margin:0 0 15px 0; background:#144d6a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popin .popin article ul li.avatar_content{float:none; display:inline-block; line-height:0; padding:0; margin:0; height:64px; width:64px; -moz-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; border:5px solid white; background-size:cover; background-position:center; -moz-box-shadow: 0px 0px 0px #144d6a; -webkit-box-shadow: 0px 0px 0px #144d6a; box-shadow: 0px 0px 0px #144d6a;}
#popin .popin article ul li.avatar_content img{display:none;}
#popin .popin article ul li.info_msg{float:left; width:100%; margin:-59px 0 0 0; padding:0; height:53px; line-height:50px; font-family:'ubuntu'; background:#5CBF5E; text-align:center; display:none; color:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popin .popin article ul li.info_msg span{display:inline-block; vertical-align:middle; line-height:15px!important;font-size:11px!important; padding:0 10px;}
#popin .popin article ul li.error{float:left; width:100%; margin:-59px 0 0 0; padding:0; height:53px; line-height:50px; font-family:'ubuntu'; background:red; text-align:center; display:none; color:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popin .popin article ul li.error.btn{margin:-60px 0 0 0; padding:0; height:60px; line-height:60px;}
#popin .popin article ul li.error.img{margin:-111px 0 0 0; padding:0; height:95px; line-height:95px;}
#popin .popin article ul li.error span{display:inline-block; vertical-align:middle; line-height:20px; padding:0 10px;}
#popin .popin article ul li.error .open_popin_signin{text-decoration:underline; cursor:pointer;}
#popin .popin article ul li span.picto{float:left; display:block; width:20px; text-align:center; padding:0 20px; font-size:20px; line-height:20px; border-right:1px solid #f1ecf5; color:#807a93;}
#popin .popin article ul li input{float:left; padding:0 20px; width:60%; line-height:20px; font-size:16px; border:none; background:none; color:#807a93;}
#popin .popin article ul div.separator{float:left; margin:10px 0 5px 0; text-align:center; width:100%; background:url('../img/popin_connect/separator1.png') repeat-x; background-position:center;}
#popin .popin article ul div.separator span{background:#f2f1f6; padding:0 10px; font-family: 'yellowtail'; font-size:24px; color:#9e9aad;}
#popin .popin article ul div.checkbox{float:left; margin:20px 0 0 0;}
#popin .popin article ul div.checkbox input{vertical-align:middle; margin:0 0 2px 0; cursor:pointer;}
#popin .popin article ul div.checkbox label{font-size:13px; margin:0 0 0 10px; cursor:pointer;}
#popin .popin article ul form{text-align:center;}
#popin .popin article ul li.validate{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; color:#ffffff; text-align:center; text-transform:uppercase; background:#5CBF5E; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #006729; -webkit-box-shadow: 0px 4px 1px #006729; box-shadow: 0px 4px 1px #006729;}
#popin .popin article ul li.blue{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; color:#ffffff; text-align:center; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#popin .popin article ul li.home{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; color:#ffffff; text-align:center; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#popin .popin article ul li.facebook{cursor:pointer; margin:10px 0 5px 0; font-family:'ubuntu'; font-size:14px; line-height:25px; color:#ffffff; text-align:center; text-transform:uppercase; background:#3468af; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #0f346a; -webkit-box-shadow: 0px 4px 1px #0f346a; box-shadow: 0px 4px 1px #0f346a;}
#popin .popin article ul li.facebook span{ display:inline-block; vertical-align:top; font-size:14px; line-height:25px;}
#popin .popin article ul li.facebook span.tv5font{font-size:25px; padding:0 10px 0 0;}
#popin .popin article ul.regle{float:left; width:100%; margin:0 0 15px 0; color:#757d85;}
#popin .popin article ul.regle li{float:left; margin:0; padding:0; text-align:center; font-size:14px; line-height:20px; background:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none;}
#popin .popin article ul.regle .sep{float:left; min-height:2px; text-align:center; width:30%; margin:10px 35%; background:url('../img/popin_connect/separator1.png') repeat-x; background-position:center;}
#popin .popin article ul.regle .separator{margin:10px 0 20px 0;}
#popin .popin article ul.btn li.ready{float:left; width:100%; cursor:pointer; margin:10px 0; padding:15px 0; font-family:'ubuntu'; font-size:14px; line-height:25px; color:#ffffff; text-align:center; background:#5CBF5E; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 4px 1px #006729; -webkit-box-shadow: 0px 4px 1px #006729; box-shadow: 0px 4px 1px #006729;}
/***** FOOTER *****/
#footing{position:relative; float:left; min-width:100%; height:36px; background:black; z-index:100; font-family:'PlutoSansLight';}
#footing nav{float:left; width:100%; border-top:7px solid black; border-bottom:2px solid black;}
#footing nav ul{float:left; width:100%; border:none; margin:0; padding:0; background:black;}
#footing nav ul li{float:left; float:left; width:50%; overflow:hidden;}
#footing nav ul li a{border-left:1px solid #444444; display:block; color:white; float:left; width:100%; text-align:center; font-size:12px; line-height:10px; padding:0.7em 0 0.8em 0; cursor:pointer;font-family:'PlutoSansLight';}
#footing nav ul li a:hover{background:#444444; border-left:1px solid white;}
#footing nav ul li a:active{background:#5393C5;}
#footing nav ul li a.active{background:#5393C5;}
}