@import url(fonts/pack.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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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}a{text-decoration:none}input{background:transparent;border:0;padding:0}html,body{height:100%;min-height:550px;margin:0;background:no-repeat center;background-size:cover}body{min-width:500px;overflow-x:hidden}.s,.s:before,.s:after{display:block;background-repeat:no-repeat}.s:before,.s:after{position:absolute}.t{display:block;text-indent:-9999px}.n{display:none}.c{text-align:center}.zo,.zm a,.zb span{-moz-transition:all 300ms ease-out 300ms;-webkit-transition:all 300ms ease-out 300ms;-o-transition:all 300ms ease-out 300ms;transition:all 300ms ease-out 300ms}.zi,.zm a:hover,.zb:hover span{-moz-transition:all 300ms ease-out 0ms;-webkit-transition:all 300ms ease-out 0ms;-o-transition:all 300ms ease-out 0ms;transition:all 300ms ease-out 0ms}.zq{-moz-transition:all 500ms ease-out 700ms;-webkit-transition:all 500ms ease-out 700ms;-o-transition:all 500ms ease-out 700ms;transition:all 500ms ease-out 700ms}.za{-moz-transition:all 500ms ease-out 0ms;-webkit-transition:all 500ms ease-out 0ms;-o-transition:all 500ms ease-out 0ms;transition:all 500ms ease-out 0ms}.zw{-moz-transition:opacity 300ms ease-out 0ms;-webkit-transition:opacity 300ms ease-out 0ms;-o-transition:opacity 300ms ease-out 0ms;transition:opacity 300ms ease-out 0ms}#splash{display:none}#title{position:absolute;z-index:3;top:0;left:100px}#title a{width:250px;height:100px;background-position:0 0}#clock,#score,#hiscore{height:100px;overflow:hidden}#clock,#scores{position:absolute;top:0}#hiscore:before{float:left;content:"Vies";-webkit-transform:rotate(-90deg) translateX(-40px);-moz-transform:rotate(-90deg) translateX(-40px);transform:rotate(-90deg) translateX(-40px)}#score:before{float:left;content:"Score";-webkit-transform:rotate(-90deg) translateX(-40px);-moz-transform:rotate(-90deg) translateX(-40px);transform:rotate(-90deg) translateX(-40px)}#clock{right:105px;width:145px}#clock:before{float:left;content:"Temps";-webkit-transform:rotate(-90deg) translateX(-40px);-moz-transform:rotate(-90deg) translateX(-40px);transform:rotate(-90deg) translateX(-40px)}#scores{width:390px;right:50%;margin-right:-280px}#scores .d{float:right}#hiscore{opacity:.3;filter:alpha(opacity=30);width:auto}body.page #score,body.page #hiscore,body.page #clock,body.noqcm #score,body.noqcm #hiscore,body.nobest #hiscore,body.noclock #clock{opacity:0;filter:alpha(opacity=0);width:0 !important}#next{position:fixed;bottom:5px;right:100px}#menu,#modes,#themes{position:absolute;width:100px;height:100px;overflow:hidden}#menu{top:100px;left:100px}body.options #menu{height:400px}#switches,#modes{display:none}body.options #switches a{filter:alpha(opacity=40);opacity:.4}body.options #switches a:hover{filter:alpha(opacity=100);opacity:1}body.page #switches a{filter:alpha(opacity=0);opacity:0}#modes{top:50%;left:50%;width:0;margin-left:-150px;margin-top:-125px}body.options #modes{width:300px}#themes{top:0;left:100px;width:0}body.page #title a,body.page #modes,body.page #themes{width:0}#credits{position:fixed;bottom:0;left:0;width:100%;font-size:10px}#facebook{margin:5px}#credits p{filter:alpha(opacity=20);opacity:.2;padding:5px}#credits a,#credits a:visited,#credits a:hover{color:white}#credits em{font-weight:bold;font-size:14px}#pages,#questions,#answers{position:absolute;width:700px;left:50%;margin-left:-350px;overflow:hidden}body.page #questions,body.page #answers{filter:alpha(opacity=0);opacity:0}#pages{z-index:2;top:0;height:100%;left:-100%}body.page #pages{left:50%}#questions{top:50%;height:350px;margin-top:-200px}#answers{bottom:0;height:110px}.p{position:absolute;width:700px;padding-top:100px;filter:alpha(opacity=0);opacity:0;left:700px}.p p,.p li,.p dd{font-size:15px;line-height:16px}.p dt{font-size:17px;line-height:18px}.p big{font-size:24px}.p p{margin-bottom:12px}.p h3{font-size:48px;margin-bottom:24px}.p.on{filter:alpha(opacity=100);opacity:1;left:0}.p .f{margin:2em 50px}.p .f dt{margin-top:20px}.p .f dd{margin-bottom:20px}.p .record{font-size:32px}.p .pseudo{margin:48px 0 24px}.p .pseudo input{font-size:18px;width:100%}.p ol{margin-top:2em}.p .h{height:10em}.p .h>div{float:left;width:33%}.p .h h4{font-size:16px;margin:20px 0;text-align:center}.p .h ol{list-style:decimal outside;padding:0 1em 0 3em}.p .h li{font-size:16px;line-height:16px;height:18px}.p .h li span{float:right}.a,.q{position:absolute;width:700px;left:0}.a.out,.q.out{left:-700px}.a.in,.q.in{left:700px}.q .topic,.q .topic select{width:100%;font-size:20px;line-height:20px;text-transform:uppercase;text-align:left}.q .topic{filter:alpha(opacity=100);opacity:1}body.notopic .q .topic{filter:alpha(opacity=0);opacity:0}.q .title,.q .title input{width:100%;font-size:28px;line-height:26px;text-align:center}.q .title{height:94px;margin:30px 0}.q.to .title,.q.to .topic,body.options .q .topic,body.options .q .qcm,body.options .q .title{filter:alpha(opacity=0);opacity:0}body.options .a{filter:alpha(opacity=100);opacity:1}.q .qcm{list-style:upper-latin outside;height:160px;filter:alpha(opacity=100);opacity:1}body.noqcm .q .qcm{filter:alpha(opacity=0);opacity:0}body.noqcm .q .title{padding-top:80px}.q .qcm li{float:left;font-size:20px;margin-left:50px}.q .qcm a,.q .qcm a input{width:250px;font-size:28px;line-height:25px}.q .qcm a{display:block;height:60px;padding:10px 15px 0;background-position:0 600px;margin-bottom:10px}.q .qcm a small{font-size:22px;line-height:20px}.q .qcm a small small{font-size:18px;line-height:16px}.a{filter:alpha(opacity=50);opacity:.5;text-align:center}.a:hover{filter:alpha(opacity=100);opacity:1}body.nogood .a{filter:alpha(opacity=0);opacity:0}.a .title,.a .title input{font-size:14px;line-height:16px;text-align:center}.a .good{margin:10px 0;font-size:24px;line-height:26px}.a .more{font-size:14px;line-height:14px}.d span{float:left;width:50px;height:56px;font-size:56px;line-height:56px;padding:22px 0;text-align:center}.d span:before{content:"";margin-top:-22px;width:50px;height:100px}.d span:first-child{background-position:-300px 0}.d span{background-position:-350px 0}.d span:last-child{background-position:-400px 0}.d span:first-child:before{background-position:-450px 0}.d span:before{background-position:-500px 0}.d span:last-child:after{background-position:-550px 0}.w a{position:absolute;display:block;width:50px;height:50px;filter:alpha(opacity=0);opacity:0}.w a:hover{filter:alpha(opacity=50);opacity:.5}.w .clock a{right:200px;top:25px}.w .best a{right:50%;margin-right:-250px;top:25px}.w .topic a{left:50%;top:50%;margin-left:-400px;margin-top:-165px}.w .qcm a{left:50%;top:50%;margin-left:-400px;margin-top:-20px}.w .good a{left:50%;bottom:50px;margin-left:350px}.w .left .off{background-position:-500px -202px}.w .left .on{background-position:-500px -250px}.w .right .off{background-position:-550px -202px}.w .right .on{background-position:-550px -250px}.m li{display:inline}.m a{display:block;float:left;width:100px;height:100px}.m a:before{content:"";width:100px;height:100px}.m span{display:block;width:100px;height:100px}#menu a{width:80px;height:80px;padding:10px}#menu a:before{margin-top:-10px;margin-left:-10px}#menu span{width:80px;height:80px}#modes span{font-size:16px;line-height:16px;height:32px;padding-top:34px}#modes .on span,#modes :hover span{color:white}.m a{background-position:-400px -100px}.m a:before{background-position:-500px -100px}.m .options span{background-position:-10px -310px}body.options .m .options span,.m .options :hover span{background-position:-10px -210px}.m .help span{background-position:-110px -310px}.m .help :hover span{background-position:-110px -210px}.m .share span{background-position:-310px -310px}.m .share :hover span{background-position:-310px -210px}.m .plus span{background-position:-210px -310px}.m .plus :hover span{background-position:-210px -210px}.m .next span{background-position:-410px -310px}.m .next :hover span{background-position:-410px -210px}.m .black span{background-position:0 -100px}.m .white span{background-position:-100px -100px}.m .paper span{background-position:-200px -100px}.m .fancy span{background-position:-300px -100px}body.options #help{display:block}#help,body.page #help{display:none}#help,#help>div{position:absolute}#help{top:0;left:0;width:100%;height:100%}#help .left{width:285px;height:70px;background:url(legends/left.png) no-repeat;left:220px;top:40px}body.black,body.black input{background-color:black;font:13px/14px GothamBook, Arial, sans-serif;letter-spacing:-.025em}body.black input{border-bottom:1px dotted white}body.black .l,body.black .l input{font-family:GothamBlack, ArialBlack, sans-serif}body.black .s,body.black .s:before,body.black .s:after{background-image:url(sprites/black.png)}body.black,body.black input,body.black .q .qcm a,body.black .a .more,body.black .a .btns a,body.black .d span{color:#dcdcdc}body.black .e,body.black a,body.black #clock .d.five span,body.black .q .topic,body.black .q .topic input,body.black .q .qcm li,body.black .q .qcm a:active,body.black .a .good,body.black .a .btns a:hover{color:#ff6600}body.black .d.yes span{color:green}body.black .d.no span{color:red}body.black .q .qcm .ok:hover,body.black .q .qcm .ok{color:green}body.black .q .qcm .ko:hover,body.black .q .qcm .ko{color:red}body.black a:hover{color:white}body.tvlm{background:navy url(bg/tvlm.jpg) no-repeat center;background-size:cover}body.tvlm,body.tvlm input{background-color:black;font:13px/14px ConduitBook, Tahoma, sans-serif}body.tvlm input{border-bottom:1px dotted white}body.tvlm .l,body.tvlm .l input{font-family:ConduitMedium, Arial, sans-serif}body.tvlm .s,body.tvlm .s:before,body.tvlm .s:after{background-image:url(sprites/tvlm.png)}body.tvlm,body.tvlm input,body.tvlm .q .qcm a,body.tvlm .a .more,body.tvlm .a .btns a,body.tvlm .d span{color:#dcdcdc}body.tvlm .e,body.tvlm a,body.tvlm .d.yes span,body.tvlm #clock .d.five span,body.tvlm .q .topic,body.tvlm .q .topic input,body.tvlm .q .qcm li,body.tvlm .q .qcm a:active,body.tvlm .a .good,body.tvlm .a .btns a:hover{color:#7d3c9a}body.tvlm .q .qcm .ok:hover,body.tvlm .q .qcm .ok{color:#7d3c9a}body.tvlm .q .qcm .ko:hover,body.tvlm .q .qcm .ko{color:red}body.tvlm a:hover{color:white}body.tvlm #modes span{font-size:20px}body.tvlm .q .qcm a{padding:13px 0 0 30px;height:37px;margin-bottom:20px;background-position:-600px -200px;-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none}body.tvlm .q .qcm a small{position:relative;top:-2px}body.tvlm .q .qcm a:active{background-position:-600px -250px;color:white}body.tvlm .q .qcm .ok,body.tvlm .q .qcm .ok:hover{background-position:-600px -350px;color:white}body.tvlm .q .qcm .ko,body.tvlm .q .qcm .ko:hover{background-position:-600px -300px;color:white}body.quick{background:navy url(bg/quick.jpg) no-repeat center;background-size:cover}body.quick,body.quick input{background-color:black;font:13px/14px Arial, sans-serif}body.quick input{border-bottom:1px dotted white}body.quick .l,body.quick .l input{font-family:"Arial Black", ArialBlack, Arial, sans-serif}body.quick .s,body.quick .s:before,body.quick .s:after{background-image:url(sprites/quick.png)}body.quick,body.quick input,body.quick .q .qcm a,body.quick .a .more,body.quick .a .btns a,body.quick .d span{color:black}body.quick .q,body.quick .a{text-shadow:0 0 4px #933334}body.quick .e,body.quick a,body.quick .d.yes span,body.quick #clock .d.five span,body.quick .q .topic,body.quick .q .topic input,body.quick .q .qcm li,body.quick .q .qcm a:active,body.quick .a .good,body.quick .a .btns a:hover{color:#933334}body.quick .q .qcm .ok:hover,body.quick .q .qcm .ok{color:#289d0e}body.quick .q .qcm .ko:hover,body.quick .q .qcm .ko{color:red}body.quick a:hover{color:white}body.quick #modes span{font-size:16px}body.go{background:red}@media (max-width: 1100px){#clock,#next{right:0}.w .clock a{right:100px}#title,#menu,#themes{left:0}#help .left{left:120px}#help .timer{right:70px}#help .forward{right:90px}}@media (max-width: 900px){#scores{right:0;margin-right:0}#clock{top:100px}#pages,#questions,#answers{width:440px;margin-left:-220px}#questions{height:560px;margin-top:-280px}.q .title{height:120px;font-size:32px;line-height:30px}body.options #themes{width:0}#modes{margin-top:-210px}.p,.a,.q{width:440px}.a.out,.q.out{left:-500px}.a.in,.q.in{left:500px}.p .f{margin:2em 0}.p .h{height:auto}.p .h>div{float:none;width:300px;margin:0 auto 20px}.w .clock a{top:125px}.w .best a{right:300px;margin-right:0}.w .topic a{margin-left:-250px;margin-top:-265px}.w .qcm a{margin-left:-250px;margin-top:-50px}.w .good a{margin-left:200px}.q .qcm a,.q .qcm a input{width:320px;font-size:32px;line-height:30px}.q .qcm a small,.q .qcm a small small{font-size:24px;line-height:22px}body.tvlm .q .qcm a{background-position:-600px 0px}body.tvlm .q .qcm a:active{background-position:-600px -50px}body.tvlm .q .qcm .ok,body.tvlm .q .qcm .ok:hover{background-position:-600px -150px}body.tvlm .q .qcm .ko,body.tvlm .q .qcm .ko:hover{background-position:-600px -100px}#help .scores,#help .timer{display:none}}@media (max-height: 600px){#questions{height:310px;top:110px;margin-top:0}.q .title{margin:10px 0}}@media (max-width: 900px) and (min-height: 900px){.q .qcm a{margin-bottom:30px}#questions{height:600px}body.tvlm .q .qcm a{margin-bottom:40px}}@media (max-width: 900px) and (max-height: 500px){#questions{height:220px;margin-top:-20px}#answers{height:60px}.q .topic{font-size:16px}.q .title{font-size:18px;line-height:16px;height:48px;margin:5px 0}.q .qcm a{margin-bottom:0px;padding:5px 10px 0;height:30px;font-size:18px;line-height:16px}.q .qcm a small,.q .qcm a small small{font-size:15px;line-height:13px}body.tvlm .q .qcm a{margin-bottom:10px}.a .title,.a .title input{font-size:13px;line-height:11px}.a .good{margin:5px 0;font-size:20px;line-height:18px}.a .more{display:none}}body.dbg .a,body.dbg .q{background:rgba(255,0,0,0.5)}body.dbg .q .title{background:rgba(0,255,0,0.5)}body.dbg .q .qcm a{background:rgba(255,255,0,0.5)}body.dbg #questions{background:rgba(0,0,255,0.5)}body.dbg #answers{background:rgba(255,0,255,0.5)}body.dbg #switches{display:block}