button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{font-family:museo-sans,Helvetica,Arial,sans-serif;color:#1A1919;min-width:1010px}#wrapper{height:100%}.movie_choice{width:585px;padding-bottom:10px;opacity:.3;filter:Alpha(opacity=30)}.left.movie_choice{margin-left:100px;float:left}.right.movie_choice{margin-right:100px;float:right}.letters_canvas{overflow:hidden;height:410px}.right .letters_canvas h2{float:right}.letters_canvas h2{margin-top:372px;float:left;font-size:38px;line-height:30px;position:relative;font-weight:900}.movie_description{width:420px;font-weight:300;font-size:14px;float:left}.right .movie_description{float:right;text-align:right}.cta_start{margin-top:25px;margin-bottom:25px;width:auto;background:#1A1919;padding:10px;text-transform:uppercase;color:#fff;position:relative;float:left}.right .cta_start{float:right}.hotspot{position:absolute;width:100%;height:100%;top:0;left:0}.btn_play{margin-left:10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;display:inline-block;vertical-align:middle}.btn_pause{display:inline-block;vertical-align:middle;overflow:hidden;margin-left:-3px;height:20px}.btn_pause .bar{height:20px;background-color:#fff;width:3px;float:left}.btn_pause .bar:first-child{margin-right:3px}.cta_start h3{margin-right:5px;padding-top:3px;margin-left:10px;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;vertical-align:middle}.experience_interactive{float:left;overflow:hidden}.right .experience_interactive{float:right}.experience_interactive>h3{font-weight:900;font-size:25px;float:left}.right .experience_interactive>h3{float:right}.arret,.micro{float:left}.right .arret,.right .micro,.right .title{float:right}.right .description p{clear:right;text-align:right}.left .micro,.right .arret{margin-left:45px}.description{overflow:hidden}.description h3{font-weight:700;font-size:15px}.description .big{font-size:53px;font-weight:900}.description .medium{font-size:21px;font-weight:300}.experience_interactive p{width:270px;font-size:14px;line-height:24px;font-weight:300}.letter_center{position:absolute;top:50%;left:50%;height:150px;margin-left:-170px;margin-top:-125px;overflow:hidden;z-index:9999}.letter_center .tagline{float:left;position:relative}.letter_center .tagline h1{font-weight:900;font-size:200px;line-height:9px;margin-top:75px}.letter_center p{float:left;margin-left:10px;margin-top:114px;font-size:30px;font-weight:300;color:#8c8c8c}.over_lettre{position:absolute;z-index:1;display:none;width:170px;height:150px;opacity:0;filter:Alpha(opacity=0)}.intro_message{position:absolute;top:50%;left:50%;width:335px;height:150px;margin-top:40px;margin-left:-167px;text-align:center;font-size:12px;line-height:15px}.credit_link{float:left;color:#000;text-transform:uppercase;font-size:11px;font-weight:700;text-decoration:none}.right .credit_link{float:right}#video_wrapper{width:100%;height:100%;display:none;overflow:hidden;z-index:0}.whitebg{width:100%;height:100%;background-color:#fff}#video_container{width:100%;height:100%;text-align:center}.video_hotSpot{width:60px;height:70px;position:fixed;bottom:33px;cursor:pointer;left:5%;margin-left:-30px;z-index:2147483648;display:block}#video_controls{width:90%;bottom:30px;margin-left:5%;position:fixed}.btn_back{overflow:hidden;position:absolute;top:20px;left:20px}.btn_back a{position:absolute;width:100%;height:100%;display:block}.btn_back img{float:left;margin-right:5px}.btn_back h3{font-size:10px;color:#fff;font-weight:500;margin-top:2px;float:left}#video_controls .btn_controls{width:30px;display:inline-block;vertical-align:middle;height:20px;overflow:hidden}#video_controls .btn_play{margin-left:0;position:absolute;display:none}#video_controls .btn_pause{margin-left:0;position:absolute}#video_controls .timeline{width:90%;height:5px;border:1px solid #fff;display:inline-block;cursor:pointer}#video_controls .hotspot_timeline{width:0;height:5px;margin:-1px;position:absolute}#video_controls .inner_timeline{width:0;height:100%;background-color:#fff}#video_controls .video_time{float:right;margin-top:-6px}.video_time span{width:32px;display:inline-block}#video_controls .video_time p{color:#fff;font-weight:300;font-size:12px}#video_controls .video_title{clear:both;color:#fff;font-weight:300;font-size:12px;font-style:italic;float:right;margin-top:-20px}#click_play{padding:10px 15px;color:#fff;text-transform:uppercase;position:absolute;top:50%;margin-top:-26px;left:50%;margin-left:-75px;background-color:#000;z-index:9999}#click_play p{line-height:0}.bulle_container{position:relative}.bulle{position:absolute;top:-40px}.bulle .bulle_hotSpot{position:absolute;display:none;bottom:-30px}.bulle .indication_container{text-align:center;display:inline-block}.bulle .indication_container p{color:#cdcdcd;text-transform:uppercase;font-weight:500;font-size:12px;padding:10px;margin-top:0;margin-left:-9px}.bulle .bar{width:1px;height:20px;position:absolute;display:block;top:31px;background-color:#cdcdcd}.card{padding-left:20px;padding-right:20px;padding-bottom:20px;background-color:#fff;position:absolute;bottom:40px;width:415px;visibility:hidden}.card .big_letter{font-size:58px;font-weight:700;color:#000;display:inline-block;margin-top:0;margin-bottom:0}.card .tag{display:inline-block;color:#8C8C8C;font-size:12px;margin-left:10px}.card .famille{font-style:italic;color:#8C8C8C;font-size:12px;font-weight:500;margin:0}.card .text{margin:10px 0 0;font-size:11px}#arret_wrapper{width:100%;min-width:1010px;height:100%;display:none;background-color:#fff;position:absolute;text-align:center;z-index:1}.txt_question{color:#000;overflow:hidden;display:inline-block}.txt_question h2{font-weight:500;float:left;font-size:36px;margin-top:110px}.info{position:absolute;top:20px;left:50%;margin-left:-250px;width:500px;color:#8c8c8c}.info h3{font-weight:500}.checkbox{display:inline-block;position:absolute;border:1px solid #000;padding:3px;cursor:pointer}.check{visibility:hidden}.choix p{font-size:18px;font-weight:500;color:#2c2c2c;width:250px;position:absolute;bottom:300px;cursor:pointer;padding:10px}@media screen and (max-height:650px){.choix p{bottom:150px}}.choix.left p{left:10%}.choix.right p{right:10%}.validate{color:#fff;background-color:#000;padding:5px 20px;font-size:12px;font-weight:500;letter-spacing:1px;position:absolute;bottom:100px;left:50%;margin-left:-90px;cursor:pointer;display:none}@media screen and (max-height:900px){.validate{bottom:50px}}.validate .btn_play{margin-left:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #fff}.validate .btn_pause{margin-left:0;height:10px}.validate .btn_pause .bar:first-child{margin-right:2px}.validate .bar{height:10px;width:2px}.info_choix{width:300px;font-size:13px;color:#666;position:absolute;left:50%;bottom:230px;margin-left:-150px}@media screen and (max-height:900px){.info_choix{bottom:120px}}.timer_info{color:#000;font-size:48px;font-weight:900;position:absolute;bottom:24px;left:50%;line-height:1px}#credit_wrapper{width:100%;height:100%;background-color:#fff;overflow:hidden;display:none}#credit_wrapper .cta{display:inline-block;padding:20px 30px;background-color:#000;text-transform:uppercase;color:#fff;font-weight:500;font-size:14px;letter-spacing:1px;text-decoration:none;line-height:32px;width:300px;margin-bottom:10px}.fleche_download{display:block;margin-left:2px;margin-right:5px;width:22px;height:26px;overflow:hidden;float:left;background:url(/medias/img/fleche_download.png) no-repeat}.bar_download{display:block;margin-top:2px;width:25px;height:4px;clear:left;float:left;background:url(/medias/img/bar_download.png) no-repeat}#credit_wrapper .btn_back h3{color:#000}.cta_container{position:absolute;left:50%;top:50%;width:450px;margin-top:-113px;margin-left:-225px;text-align:center}.credit_container{position:absolute;bottom:50px;padding-left:20px;width:100%;padding-right:20px}.credit_container h2{font-size:14px;font-weight:700}.sponsors{float:left}.logo_uqat{display:block;background:url(/medias/img/logo_uqat.png) no-repeat;width:200px;height:95px;margin-left:2px}.logo_crlm{display:block;background:url(/medias/img/logo_crlm.jpg) no-repeat;width:200px;height:41px;margin-left:2px}.scenario_wrapper{float:right}.scenario_wrapper h3{font-weight:500;font-size:12px}.scenario_wrapper a{float:right;clear:both;width:235px;text-align:center}.scenario_wrapper h3+a{margin-bottom:10px}@media only screen and (max-width:1379px){.letter_center.transitionning{top:50%;margin-top:-105px}.letter_center.transitionning+.intro_message{top:50%;margin-top:65px}.letter_center{top:30px;margin-top:0}.letter_center.arret{top:200px}.intro_message{top:185px;margin-top:0}.movie_choice{width:400px}.micro.description{clear:both;margin-left:0}}@media only screen and (max-width:1215px){body{min-height:768px}.letter_center.transitionning{top:50%;margin-top:-105px}.letter_center.transitionning+.intro_message{top:50%;margin-top:65px}.letter_center{top:80px;margin-top:0}.letter_center.arret{top:200px}.intro_message{top:235px;margin-top:0}.movie_choice .letters_canvas{margin-top:340px;height:190px}.movie_choice .letters_canvas h2{margin-top:152px}}@media only screen and (max-width:1010px){.letter_center{left:335px;margin-left:0}.intro_message{left:340px;margin-left:0}}@media only screen and (max-height:800px){.choix p{bottom:200px}}#mobile_portrait{display:none;background-color:#000;padding:20px;color:#fff;font-size:12px}@media only screen and (orientation:portrait){body{min-width:0;overflow-x:hidden}#mobile_portrait{display:block;width:100%;max-width:320px;position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-72px}#wrapper{display:none}}@media only screen and (max-height:375px) and (max-width:667px){body{min-width:0;overflow-x:hidden;max-width:568px}.letter_center{left:50%;margin-left:-164px}.intro_message{left:50%;margin-left:-167px}.movie_choice{width:100%}.movie_choice .letters_canvas{margin-top:50px;height:auto}.movie_choice .letters_canvas h2{margin-top:0;height:auto}.left.movie_choice{margin-left:30px;margin-right:30px;margin-top:450px}.right.movie_choice{float:left;margin-left:30px;margin-right:30px}.right .inviter{float:left}.right .letters_canvas h2{float:right}.right .movie_description{float:left;text-align:left}.right .cta_start,.right .experience_interactive,.right .experience_interactive>h3{float:left}.right .arret{margin-left:0}.right .arret,.right .micro,.right .title{float:left}.right .description p{clear:left;text-align:left}.right .credit_link{float:left}.credit_container{top:300px}}