@font-face{font-family:'Conv_GuildfordProLight';src:url('../fonts/GuildfordProLight.eot');src:local('☺'),url('../fonts/GuildfordProLight.woff') format('woff'),url('../fonts/GuildfordProLight.ttf') format('truetype'),url('../fonts/GuildfordProLight.svg') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'Conv_GuildfordProBold';src:url('../fonts/GuildfordProBold.eot');src:local('☺'),url('../fonts/GuildfordProBold.woff') format('woff'),url('../fonts/GuildfordProBold.ttf') format('truetype'),url('../fonts/GuildfordProBold.svg') format('svg');font-weight:normal;font-style:normal;}body{padding-top:20px;color:white;font-family:'Conv_GuildfordProLight';margin:0px;padding:0px;background:#202020!important;}
#loader{background:#202020;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:100000000;}
#arte-header{z-index:1000000000!important;}
#loader.out{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);opacity:0;}
#swiffy_loader{position:absolute;top:50%;left:50%;margin-left:-60px;margin-top:-100px;}
.suite_txt{text-transform:uppercase;text-align:center;width:100%;z-index:-100;color:white;top:28px;position:absolute;left:0px;font-size:11px;letter-spacing:1px;font-family:'Conv_GuildfordProLight';}
.suite_txt_fr{top:25px;font-size:14px;letter-spacing:1px;}
.sm_caps{font-family:'Conv_GuildfordProLight';}
.nav_logo{position:absolute;top:150px;left:30px;z-index:1000;text-align:center;width:150px;line-height:35px;text-transform:uppercase;-webkit-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-moz-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-ms-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-o-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);}
#again_btn{position:absolute;left:50%;margin-left:-25px;}
.again_txt{position:absolute;top:50px;letter-spacing:4px;font-family:'Conv_GuildfordProLight';font-size:11px;color:white;}
.nav_share_perso{letter-spacing:3px;font-family:'Conv_GuildfordProBold';font-size:16px;color:white;line-height:20px;text-align:center;width:100%;margin-bottom:15px;position:relative;}
.nav_logo a:hover{color:white;text-decoration:none;}
.nav_credits a{font-family:'Conv_GuildfordProLight';color:white;}
.nav_credits a:hover{color:white;}
.nav_credits{text-align:center;clear:both;font-size:14px;padding-top:20px;}
.nav_share_item{width:60px;height:65px;position:relative;text-align:center;float:left;margin-left:15px;}
#share_fb,#share_tw,#share_gg{position:absolute;top:0px;left:0px;width:65px;height:65px;}
.nav_share_item a{position:absolute;top:0px;left:0px;width:65px;height:65px;}
.nav_cycle{position:absolute;z-index:950;left:30px;bottom:30px;}
.nav_share{width:220px;position:absolute;z-index:1000;right:50px;bottom:40px;}
.min .nav_share,.min .nav_cycle,.min .knob_c,.min .nav_logo{opacity:0;}
.min .perso .flip-container{-webkit-transform:scale3d(0, 0, 1);-moz-transform:scale3d(0, 0, 1);transform:scale3d(0, 0, 1);opacity:0;}
.nav_share,.nav_cycle{-webkit-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-moz-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-ms-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-o-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);}
#home{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:#202020;z-index:900;-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.zoom_out{-webkit-transition:all 1100ms ease;-moz-transition:all 1100ms ease;-ms-transition:all 1100ms ease;-o-transition:all 1100ms ease;transition:all 1100ms ease;}
.alpha_0{opacity:0;}
.zoom_out.home_circle{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);z-index:10000;-webkit-transform:translate3d(0px, 50%, 0) scale3d(10, 10, 1);-moz-transform:translate3d(0px, 50%, 0) scale3d(10, 10, 1);transform:translate3d(0px, 50%, 0) scale3d(10, 10, 1);}
.min .home_circle{-webkit-transform:scale3d(0, 0, 1);-moz-transform:scale3d(0, 0, 1);transform:scale3d(0, 0, 1);opacity:0;}
.zoom.home_circle{opacity:0;-webkit-transform:scale3d(1.6, 1.6, 1);-moz-transform:scale3d(1.6, 1.6, 1);transform:scale3d(1.6, 1.6, 1);}
.zoom_out .home_intro{opacity:0;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.home_perso{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.zoom_p .home_perso{opacity:0;-webkit-transform:scale3d(0.5, 0.5, 1);-moz-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1);}
#swiffy_loader{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);opacity:0;-webkit-transform:scale3d(0.5, 0.5, 1);-moz-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1);}
#swiffy_loader.up{opacity:1;-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
.home_circle{position:absolute;top:50%;left:50%;margin-left:-325px;margin-top:-285px;width:650px;height:660px;z-index:100000000;background-position:240px 210px;background-repeat:no-repeat;cursor:pointer;-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);font-family:'Conv_GuildfordProBold';text-transform:uppercase;font-size:18px;line-height:26px;color:white;text-align:center;letter-spacing:1px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);}
.home_fonds{position:absolute;top:50%;left:50%;z-index:1000;width:1920px;height:1400px;background:#202020;margin-left:-960px;margin-top:-700px;-webkit-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-moz-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-ms-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-o-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);}
.min .home_fonds{opacity:0.2;}
.home_perso{-webkit-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-moz-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-ms-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-o-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);}
.smooth{-webkit-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-moz-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-ms-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);-o-transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);transition:all 500ms cubic-bezier(0.1, 0.1, 0.25, 0.9);}
.home_intro{margin-top:130px;letter-spacing:2px;font-size:15px;-webkit-font-smoothing:subpixel-antialiased;}
.home_message{letter-spacing:2px;font-size:16px;line-height:23px;}
.home_image{margin-top:40px;height:230px;width:100%;background-position:190px 0px ;background-repeat:no-repeat;}
.home_perso{position:relative;width:440px;height:440px;border-radius:440px;margin:20px;background:#aba99a;float:left;}
.flip-container{-webkit-perspective:1000;-moz-perspective:1000;perspective:1000;}
.perso .flip-container,.knob_c{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.flip-container:hover .flipper,.flip-container.hover .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);filter:FlipH;-ms-filter:"FlipH";}
.v_ie .flip-container:hover .flipper,.v_ie .flip-container.hover .flipper{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);filter:none;-ms-filter:"none";}
.v_ie .front:hover{opacity:0;}
.flip-container,.front,.back{width:650px;height:660px;}
.de .role{letter-spacing:2px;}
.cycle a,.cycle a:hover,.credits_btn,.credits_btn:hover{color:white;text-decoration:none;}
.content_back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-perspective:1000;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0);}
.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;width:650px;height:660px;position:relative;}
.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;border-radius:775px;background:#41ccb5;}
.front{z-index:2;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.v_ie .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);}
.no-flick{-webkit-transform:translate3d(0, 0, 0);}
.back .home_intro{font-family:"Conv_GuildfordProLight";font-size:15px;text-align:justify;width:420px;margin:0 auto;line-height:22px;margin-top:130px;text-transform:none;-webkit-transform:translate3d(0, 0, 0);-webkit-perspective:1000;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0);}
.home_perso_1{background:#aba99a;background-image:url(../img/fonds/persos/visages/06.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;}
.home_perso_2{background:#1a3143;background-image:url(../img/fonds/persos/visages/03.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home_perso_3{background:#6c96d7;background-image:url(../img/fonds/persos/visages/01.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.home_perso_4{background:#c83d38;background-image:url(../img/fonds/persos/visages/05.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home_perso_5{background:#c83d38;background-image:url(../img/fonds/persos/visages/05.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;margin-left:-220px;transition-delay:0s;-webkit-transition-delay:0s;}
.home_perso_6{background:#607c24;background-image:url(../img/fonds/persos/visages/08.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home_perso_7{background:#3f3429;background-image:url(../img/fonds/persos/visages/02.png);background-size:100%;background-position:50px 70px;background-repeat:no-repeat;transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home_perso_8{background:#aba99a;background-image:url(../img/fonds/persos/visages/06.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;position:absolute;top:480px;right:-220px;transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home_perso_9{background:#1a3143;background-image:url(../img/fonds/persos/visages/03.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home_perso_10{background:#631f37;background-image:url(../img/fonds/persos/visages/07.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home_perso_11{background:#7f9d8e;background-image:url(../img/fonds/persos/visages/04.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.home_perso_12{background:#6c96d7;background-image:url(../img/fonds/persos/visages/01.png);background-size:100%;background-position:50px center;background-repeat:no-repeat;transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.q_con{position:absolute;min-height:750px;height:100%;top:0px;left:0px;width:100%;}
.home_play{margin-top:30px;}
.home_image{background-image:url(../img/titre.png);}
.de .home_image{background-image:url(../img/titre_de.png);}
.noTransition{-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;}
.q_1.active_question .q_assets_1,.q_1.out_question .q_assets_1{background:url(../img/q/01_1.gif);width:703px;height:779px;position:absolute;top:0px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.assets{position:relative;height:auto;margin-right:50px;}
.active_question.q_1 .q_assets_1{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.active_question.q_1 .q_assets_2{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.active_question.q_1 .q_assets_3{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:1.3s;-webkit-transition-delay:1.3s;}
.active_question.q_1 .q_assets_4{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.active_question.q_1 .q_assets_5{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.active_question.q_1 .q_assets_6{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:1.6s;-webkit-transition-delay:1.6s;}
.active_question.q_1 .q_assets_7{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:1.9s;-webkit-transition-delay:1.9s;}
.active_question.q_1 .q_assets_8{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:2.2s;-webkit-transition-delay:2.2s;}
.active_question.q_1 .q_assets_9{opacity:1;-webkit-transition:opacity 50ms ease;-moz-transition:opacity 50ms ease;-ms-transition:opacity 50ms ease;-o-transition:opacity 50ms ease;transition:opacity 50ms ease;transition-delay:2s;-webkit-transition-delay:2s;}
.q_2.active_question .q_assets_1,.q_2.out_question .q_assets_1{background:url(../img/q/02.png);width:702px;height:640px;position:absolute;top:20px;right:-30px;z-index:10;}
.q_2.active_question .q_assets_2,.q_2.out_question .q_assets_2{background:url(../img/q/fallingman.gif);width:702px;height:640px;position:absolute;top:20px;right:-30px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_3.active_question .q_assets_1,.q_3.out_question .q_assets_1{background:url(../img/q/03.png);width:567px;height:936px;position:absolute;top:-120px;right:0px;z-index:10;}
.q_4.active_question .q_assets_1,.q_4.out_question .q_assets_1{background:url(../img/q/04.png);width:670px;height:673px;position:absolute;top:20px;right:0px;z-index:10;}
.q_4.active_question .q_assets_2,.q_4.out_question .q_assets_2{background:url(../img/q/04.gif);width:670px;height:673px;position:absolute;top:20px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_5.active_question .q_assets_1,.q_5.out_question .q_assets_1{background:url(../img/q/papier_peint.gif);width:340px;height:560px;position:absolute;top:0px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_6.active_question .q_assets_1,.q_6.out_question .q_assets_1{background:url(../img/q/06_1.png);width:625px;height:890px;position:absolute;top:20px;right:0px;z-index:10;}
.q_6 .q_assets_2{background:url(../img/q/06_2.png);width:317px;height:608px;position:absolute;top:120px;right:0px;z-index:10;}
.q_7.active_question .q_assets_1,.q_7.out_question .q_assets_1{background:url(../img/q/07.png);width:859px;height:1143px;position:absolute;bottom:-260px;right:-175px;z-index:10;}
.q_7.active_question .q_assets_2,.q_7.out_question .q_assets_2{background:url(../img/q/reveil.gif);width:859px;height:1143px;position:absolute;bottom:-260px;right:-175px;z-index:15;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_8.active_question .q_assets_1,.q_8.out_question .q_assets_1{background:url(../img/q/08_1.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.noT{-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_8.active_question .q_assets_2,.q_8.out_question .q_assets_2{background:url(../img/q/08_2.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_8.active_question .q_assets_3,.q_8.out_question .q_assets_3{background:url(../img/q/08_3.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_8.active_question .q_assets_4,.q_8.out_question .q_assets_4{background:url(../img/q/08_4.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_8.active_question .q_assets_5,.q_8.out_question .q_assets_5{background:url(../img/q/08_5.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;z-index:10;}
.q_8.active_question .q_assets_6,.q_8.out_question .q_assets_6{background:url(../img/q/08_6.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;z-index:10;}
.q_8.active_question .q_assets_7,.q_8.out_question .q_assets_7{background:url(../img/q/08_7.gif);width:512px;height:724px;position:absolute;top:0px;right:100px;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;z-index:10;}
.q_9.active_question .q_assets_1,.q_9.out_question .q_assets_1{background:url(../img/q/discoball.gif);width:447px;height:782px;position:absolute;top:-100px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_9.active_question .q_assets_2,.q_9.out_question .q_assets_2{background:url(../img/q/disco_02.png);width:558px;height:947px;position:absolute;top:-210px;right:-50px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_10.active_question .q_assets_1,.q_10.out_question .q_assets_1{background:url(../img/q/10.png);width:702px;height:1280px;position:absolute;top:180px;right:0px;z-index:10;}
.q_10 .q_assets_2{background:url(../img/q/10_1.png);width:702px;height:1280px;position:absolute;top:180px;right:0px;z-index:10;}
.q_10 .q_assets_3{background:url(../img/q/10_2.png);width:702px;height:1280px;position:absolute;top:180px;right:0px;z-index:10;}
.q_11.active_question .q_assets_1,.q_11.out_question .q_assets_1{background:url(../img/q/11.png);width:536px;height:909px;position:absolute;top:-40px;right:-80px;z-index:10;}
.q_12.active_question .q_assets_1,.q_12.out_question .q_assets_1{background:url(../img/q/12.png);width:628px;height:750px;position:absolute;top:20px;right:0px;z-index:10;}
.q_13.active_question .q_assets_1,.q_13.out_question .q_assets_1{background:url(../img/q/13_1.png);width:434px;height:1006px;position:absolute;top:-80px;right:80px;z-index:10;}
.q_13 .q_assets_2{background:url(../img/q/13_2.png);width:434px;height:1006px;position:absolute;top:50px;right:80px;z-index:10;}
.q_13 .q_assets_3{background:url(../img/q/13_3.png);width:434px;height:1006px;position:absolute;top:50px;right:80px;z-index:10;}
.q_13 .q_assets_4{background:url(../img/q/13_4.png);width:434px;height:1006px;position:absolute;top:50px;right:80px;z-index:10;}
.q_14.active_question .q_assets_1,.q_14.out_question .q_assets_1{background:url(../img/q/valise.gif);width:700px;height:550px;position:absolute;top:120px;right:-20px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_15 .q_assets_2{background:url(../img/q/serrure.gif);width:290px;height:705px;position:absolute;top:20px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_15.active_question .q_assets_1,.q_15.out_question .q_assets_1{background:url(../img/q/serrure_bg.png);width:290px;height:705px;position:absolute;top:20px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_16 .q_assets_1{}
.q_17.active_question .q_assets_1,.q_17.out_question .q_assets_1{background:url(../img/q/cadavre.gif);width:563px;height:683px;position:absolute;top:0px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_18.active_question .q_assets_1,.q_18.out_question .q_assets_1{background:url(../img/q/plume.gif);width:850px;height:1000px;position:absolute;top:-80px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_19.active_question .q_assets_1,.q_19.out_question .q_assets_1{background:url(../img/q/fraktur.gif);width:521px;height:900px;position:absolute;top:20px;right:200px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_20.active_question .q_assets_1,.q_20.out_question .q_assets_1{background:url(../img/q/ampoule.gif);width:498px;height:683px;position:absolute;top:20px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_20.active_question .q_assets_2,.q_20.out_question .q_assets_2{background:url(../img/q/ampoule_sprite.gif);width:498px;height:683px;position:absolute;top:20px;right:0px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_21 .q_assets_1{background:url(../img/q/21.png);width:426px;height:1280px;position:absolute;top:0px;right:0px;z-index:10;}
.q_22.active_question .q_assets_1,.q_22.out_question .q_assets_1{background-image:url(../img/q/route.gif);width:198px;height:1280px;position:absolute;top:-193px;right:150px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_23 .q_assets_1{background:url(../img/q/23_1.png);width:670px;height:478px;position:absolute;top:20px;right:0px;z-index:10;}
.q_23 .q_assets_2{background:url(../img/q/23_2.png);width:670px;height:478px;position:absolute;top:20px;right:0px;z-index:10;}
.q_24.active_question .q_assets_1,.q_24.out_question .q_assets_1{background:url(../img/q/facture.gif);width:420px;height:850px;position:absolute;top:-130px;right:100px;z-index:10;-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease;}
.q_container{width:100%;height:100%;position:absolute;top:100px;left:0px;-webkit-transform:translate3d(0px, -100%, 0);-moz-transform:translate3d(0px, -100%, 0);transform:translate3d(0px, -100%, 0);-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);min-height:700px;overflow:hidden;z-index:15;}
.q_1{background:#eee;-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);}
@keyframes animatedBackground{from{background-position-y:0px;} to{background-position-y:1280px;}}@-webkit-keyframes animatedBackground{from{background-position-y:0px;} to{background-position-y:1280px;}}.out_question{-webkit-transform:translate3d(0px, 100%, 0);-moz-transform:translate3d(0px, 100%, 0);transform:translate3d(0px, 100%, 0);background:none;}
.active_question{-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);display:block;}
.active_question .q_assets_1,.active_question .q_assets_2{}
.active_question.q_8 .q_assets_1,.active_question.q_8 .q_assets_2,.active_question.q_1 .q_assets_1,.active_question.q_1 .q_assets_2,.active_question.q_10 .q_assets_1,.active_question.q_10 .q_assets_2,.active_question.q_10 .q_assets_3{-webkit-transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1);-moz-transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1);transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1);}
.active_question .question-title,.out_question .question-title{-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);}
.active_question .questions-list,.out_question .questions-list{-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);}
.active_question .questions-list li{-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);opacity:1;}
.out_question .questions-list li{-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);opacity:1;transition-delay:0s!important;-webkit-transition-delay:0s!important;}
.out_question .q_assets_1,.out_question .q_assets_2{}
.question{top:0px;position:absolute;height:100%;left:0px;width:100%;z-index:10000;color:white;}
.q_id{position:absolute;top:150px;left:50px;z-index:100;color:white;}
.suite{position:absolute;right:50px;top:150px;z-index:18;}
.answer{position:absolute;left:20px;bottom:100px;}
.num{position:absolute;top:60px;font-size:20px;left:0px;width:100%;font-family:'Conv_GuildfordProLight';text-align:center;}
.s_c{position:absolute;top:0px;left:0px;z-index:1000;height:45px;width:45px;}
#swiffycontainer{position:absolute;top:0px;left:0px;z-index:-1000;}
.circle-q{position:absolute;top:0px;left:0px;height:60px;float:left;width:60px;border-radius:60px;border:1px solid white;margin-right:15px;transition:all 100ms ease;-webkit-transition:all 100ms ease;-moz-transition:all 100ms ease;-o-transition:all 100ms ease;}
.easeInTr{transition:all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;}
#swiffycontainer div,#swiffy_suite_c div,#share_fb div,#share_tw div,#share_gg div,#again_btn div,#close_btn div,#close_btn_cy div,#cycle_fr_btn div,#cycle_de_btn div,#f_app_btn div{background-color:transparent !important;}
.circle-q.hover-circle{border:5px solid white;width:52px;height:52.5px;}
.f_app_con{margin-bottom:20px;}
.circle-q.hover-click-circle{background:url(../img/hover-q.png);}
.num_l{font-size:48px;}
.question-title{font-family:'Conv_GuildfordProBold';font-size:60px;text-transform:uppercase;width:900px;line-height:55px;text-shadow:3px 4px 0px rgba(0, 0, 0, 0.3);position:absolute;top:230px;left:50px;-webkit-transform:translate3d(0px, -100px, 0);-moz-transform:translate3d(0px, -100px, 0);transform:translate3d(0px, -100px, 0);}
.active-ease{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);-webkit-transition:all 950ms ease;-moz-transition:all 950ms ease;-ms-transition:all 950ms ease;-o-transition:all 950ms ease;transition:all 950ms ease;}
.q_16 .questions-list label{font-size:13px;}
.questions-list{width:550px;position:absolute;left:300px;bottom:140px;z-index:1000;-webkit-transform:translate3d(0px, -100px, 0);-moz-transform:translate3d(0px, -100px, 0);transform:translate3d(0px, -100px, 0);}
.assets{}
.question label{color:white;font-size:16px;text-transform:uppercase;margin-top:10px;margin-left:20px;letter-spacing:4px;font-family:'Conv_GuildfordProLight';display:block;cursor:pointer;}
.question input{display:none;}
.question li{font-size:14px;cursor:pointer;color:white;list-style:none;min-height:70px;position:relative;float:left;padding-left:70px;margin-bottom:10px;font-family:'Conv_GuildfordProLight';-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;-webkit-transform:translate3d(50px, 0px, 0);-moz-transform:translate3d(50px, 0px, 0);transform:translate3d(50px, 0px, 0);opacity:0;}
.question li:nth-child(1){transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.question li:nth-child(2){transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.question li:nth-child(3){transition-delay:0.7s;-webkit-transition-delay:0.7s;}
.q_1.active_question,.q_1.out_question{background:url(../img/fonds/01.jpg);}
.q_2.active_question,.q_2.out_question{background:url(../img/fonds/02.jpg);}
.q_3.active_question,.q_3.out_question{background:url(../img/fonds/03.jpg);}
.q_4.active_question,.q_4.out_question{background:url(../img/fonds/04.jpg);}
.q_5.active_question,.q_5.out_question{background:url(../img/fonds/05.jpg);}
.q_6.active_question,.q_6.out_question{background:url(../img/fonds/06.jpg);}
.q_7.active_question,.q_7.out_question{background:url(../img/fonds/07.jpg);}
.q_8.active_question,.q_8.out_question{background:url(../img/fonds/08.jpg);}
.q_9.active_question,.q_9.out_question{background:url(../img/fonds/09.jpg);}
.q_10.active_question,.q_10.out_question{background:url(../img/fonds/10.jpg);}
.q_11.active_question,.q_11.out_question{background:url(../img/fonds/11.jpg);}
.q_12.active_question,.q_12.out_question{background:url(../img/fonds/12.jpg);}
.q_13.active_question,.q_13.out_question{background:url(../img/fonds/13.jpg);}
.q_14.active_question,.q_14.out_question{background:url(../img/fonds/14.jpg);}
.q_15.active_question,.q_15.out_question{background:url(../img/fonds/15.jpg);}
.q_16.active_question,.q_16.out_question{background:url(../img/fonds/16.jpg);}
.q_17.active_question,.q_17.out_question{background:url(../img/fonds/17.jpg);}
.q_18.active_question,.q_18.out_question{background:url(../img/fonds/18.jpg);}
.q_19.active_question,.q_19.out_question{background:url(../img/fonds/19.jpg);}
.q_20.active_question,.q_20.out_question{background:url(../img/fonds/20.jpg);}
.q_21.active_question,.q_21.out_question{background:url(../img/fonds/21.jpg);}
.q_22.active_question,.q_22.out_question{background:url(../img/fonds/22.jpg);}
.q_23.active_question,.q_23.out_question{background:url(../img/fonds/23.jpg);}
.q_24.active_question,.q_24.out_question{background:url(../img/fonds/24.jpg);}
svg{background:none !important;}
.perso{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:900;}
.perso .nom{position:absolute;top:40px;left:50%;margin-left:-308px;width:616px;height:242px;z-index:1000;}
.perso_cercle{position:absolute;top:50%;left:50%;margin-left:-425px;margin-top:-430px;width:850px;height:860px;}
.perso_cercle .flipper,.perso_cercle .flip-container,.perso_cercle .front,.perso_cercle .back{width:850px;height:860px;}
.perso_cercle .front{background-size:80%!important;background-repeat:no-repeat;background-position:165px 340px;}
.perso_1 .front{background-image:url(../img/fonds/persos/visages/01.png);}
.perso_1 .front,.perso_1 .back{background-color:#6c96d7;}
.perso_2 .front{background-image:url(../img/fonds/persos/visages/02.png);}
.perso_2 .front,.perso_2 .back{background-color:#3f3429;}
.perso_3 .front{background-image:url(../img/fonds/persos/visages/03.png);}
.perso_3 .front,.perso_3 .back{background-color:#1a3143;}
.perso_4 .front{background-image:url(../img/fonds/persos/visages/04.png);}
.perso_4 .front,.perso_4 .back{background-color:#7f9d8e;}
.perso_5 .front{background-image:url(../img/fonds/persos/visages/05.png);}
.perso_5 .front,.perso_5 .back{background-color:#c83d38;}
.perso_6 .front{background-image:url(../img/fonds/persos/visages/06.png);}
.perso_6 .front,.perso_6 .back{background-color:#3F7985;}
.perso_7 .front{background-image:url(../img/fonds/persos/visages/07.png);}
.perso_7 .front,.perso_7 .back{background-color:#631f37;}
.perso_8 .front{background-image:url(../img/fonds/persos/visages/08.png);}
.perso_8 .front,.perso_8 .back{background-color:#607c24;}
.personnages .knob_c{position:absolute;right:50px;top:50px;text-transform:uppercase;}
.personnages .knob_c.loose{background:url(../img/fonds/persos/loose.png);background-repeat:no-repeat;background-position:35px 25px;}
.personnages .knob_c.folie{background:url(../img/fonds/persos/folie.png);background-repeat:no-repeat;background-position:35px 25px;top:210px;}
.de .personnages .knob_c.folie .knob_texte,.de .personnages .knob_c.betise .knob_texte,.de .personnages .knob_c.loose .knob_texte{font-size:10px!important;letter-spacing:1.9px;}
.personnages .knob_c.betise{background:url(../img/fonds/persos/bombe.png);top:370px;background-position:35px 25px;background-repeat:no-repeat;}
.knob_texte{position:absolute;top:80px;color:white;letter-spacing:4px;font-family:'Conv_GuildfordProLight';font-size:11px;text-align:center;left:0px;width:100%;}
.role{position:absolute;top:290px;width:100%;text-align:center;text-transform:uppercase;color:white;font-size:18px;font-family:'Conv_GuildfordProBold';letter-spacing:4px;}
.nav_share_item.share_fb{margin-left:0px;}
#close_btn,#close_btn_cy{width:50px;height:50px;position:absolute;text-align:center;left:50%;margin-left:-25px;}
.description{position:absolute;top:100px;left:0px;padding-left:100px;padding-right:100px;font-family:"Conv_GuildfordProLight";font-size:21px;text-align:justify;line-height:30px;color:white;letter-spacing:1px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.3);top:50%;margin-top:-50%;}
.personnage{position:absolute;top:320px;width:100%;text-transform:uppercase;text-align:center;color:white;letter-spacing:4px;font-family:'Conv_GuildfordProLight';font-size:16px;}
.nav_end_intro{position:absolute;top:-100px;left:50%;width:250px;margin-left:-125px;font-family:'Conv_GuildfordProLight';font-style:italic;font-size:18px;z-index:10000;text-align:center;line-height:60px;color:white;letter-spacing:3px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);}
.nav_end_intro h5{font-size:30px;font-family:'Conv_GuildfordProBold';letter-spacing:0px;font-style:normal;}
.perso_1{background:url(../img/fonds/persos/01.jpg);}
.perso_2{background:url(../img/fonds/persos/02.jpg);}
.perso_3{background:url(../img/fonds/persos/03.jpg);}
.perso_4{background:url(../img/fonds/persos/04.jpg);}
.perso_5{background:url(../img/fonds/persos/05.jpg);}
.perso_6{background:url(../img/fonds/persos/06.jpg);}
.perso_7{background:url(../img/fonds/persos/07.jpg);background-size:100% auto;}
.perso_8{background:url(../img/fonds/persos/08.jpg);}
.perso_1 .nom{background:url(../img/fonds/persos/noms/01.png);background-position:center top;}
.perso_2 .nom{background:url(../img/fonds/persos/noms/02.png);background-position:center top;}
.perso_3 .nom{background:url(../img/fonds/persos/noms/03.png);background-position:center top;}
.perso_4 .nom{background:url(../img/fonds/persos/noms/04.png);background-position:center top;}
.perso_5 .nom{background:url(../img/fonds/persos/noms/05.png);background-position:center top;}
.perso_6 .nom{background:url(../img/fonds/persos/noms/06.png);background-position:100px top;background-repeat:no-repeat;width:100%;}
.perso_7 .nom{background:url(../img/fonds/persos/noms/07.png);background-position:center top;}
.perso_8 .nom{background:url(../img/fonds/persos/noms/08.png);background-position:center top;}
.expoInOut{-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.out_perso{-webkit-transform:translate3d(0px, 100%, 0);-moz-transform:translate3d(0px, 100%, 0);transform:translate3d(0px, 100%, 0);}
.personnages{position:absolute;top:100px;left:0px;width:100%;height:100%;-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);z-index:900;-webkit-transform:translate3d(0px, -100%, 0);-moz-transform:translate3d(0px, -100%, 0);transform:translate3d(0px, -100%, 0);}
.personnages.end{-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);}
@media (min-width:1200px){.question-title{width:900px;}}@media (min-width:1400px){.question-title{width:1000px;}}@media (max-height:930px){.question-title{font-size:48px;line-height:48px;top:230px;} .question label{font-size:14px;} .nav_end_intro{display:block;} .q_id{top:150px;} .ligne_cycle{margin-bottom:20px!important;} .film{margin-bottom:10px!important;} .q_8 .question-title{font-size:30px;line-height:38px;top:200px;}}@media (max-height:830px){.question-title{font-size:38px;line-height:45px;top:200px;} .question label{font-size:14px;} .q_16 .question-title,.q_6 .question-title,.q_7 .question-title,.q_24 .question-title{font-size:30px;line-height:35px;padding-top:10px;width:850px;} .q_16 .spinning-hypnotic-disc{top:-460px !important;margin-left:-1000px !important;} .nav_end_intro{display:none;} .q_id{top:130px;} .perso_cercle .flipper{margin-top:-60px;} .knob_c.loose,.knob_c.folie,.knob_c.betise{transform:scale3d(0.8, 0.8, 1);-webkit-transform:scale3d(0.8, 0.8, 1);margin-top:-20px;right:20px;} .knob_c.folie{margin-top:-50px;} .knob_c.betise{margin-top:-80px;}}@media (max-height:1150px){.perso_cercle{-webkit-transform:scale3d(0.8, 0.8, 1);-moz-transform:scale3d(0.8, 0.8, 1);transform:scale3d(0.8, 0.8, 1);}}@media (max-height:1200px){.perso_cercle{-webkit-transform:scale3d(0.9, 0.9, 1);-moz-transform:scale3d(0.9, 0.9, 1);transform:scale3d(0.9, 0.9, 1);}}@media (max-height:1050px){.perso_cercle{-webkit-transform:scale3d(0.75, 0.75, 1);-moz-transform:scale3d(0.75, 0.75, 1);transform:scale3d(0.75, 0.75, 1);} .end .f_app_con{margin-bottom:13px;} .end .f_app_con,.end .nav_share_perso,.end .nav_share_item{-webkit-transform:scale3d(0.75, 0.75, 1);-moz-transform:scale3d(0.75, 0.75, 1);transform:scale3d(0.75, 0.75, 1);} .end.nav_share{bottom:20px;right:10px;} .end .nav_share_perso{margin-bottom:5px;} .end .nav_share_item{margin-left:3px!important;} .end #share_fb{margin-left:10px;} .end #share_tw{margin-left:5px;} .end .nav_credits{padding-top:5px;font-size:12px!important;}}@media (min-height:950px){.q_16 .assets{-webkit-transform:scale3d(1.4, 1.4, 1);-moz-transform:scale3d(1.4, 1.4, 1);transform:scale3d(1.4, 1.4, 1);} .home_circle{transform:scale3d(1.3, 1.3, 1);-webkit-transform:scale3d(1.3, 1.3, 1);-moz-transform:scale3d(1.3, 1.3, 1);}}@media (min-height:1000px){.questions-list{bottom:200px!important;}}input{display:none!important;opacity:0!important;}
#arte-footer{position:absolute;z-index:10000;width:100%;padding:0px!important;top:1000px;}
.q_16.active_question .breathing-hypnotic-disc,.q_16.out_question .breathing-hypnotic-disc{display:block;}
.breathing-hypnotic-disc{display:none;}
.q_16 .spinning-hypnotic-disc{-webkit-animation:spin1 5s infinite linear;-moz-animation:spin1 5s infinite linear;-o-animation:spin1 5s infinite linear;-ms-animation:spin1 5s infinite linear;animation:spin1 5s infinite linear;top:-300px;left:50%;margin-left:-950px;position:absolute;max-width:none;}
@-webkit-keyframes spin1{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);}}@-moz-keyframes spin1{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);}}@-o-keyframes spin1{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(360deg);}}@-ms-keyframes spin1{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(360deg);}}@keyframes spin1{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}.q_16 .breathing-hypnotic-disc{-webkit-animation:breathe 5s infinite ease-in-out alternate;-moz-animation:breathe 5s infinite ease-in-out alternate;-o-animation:breathe 5s infinite ease-in-out alternate;-ms-animation:breathe 5s infinite ease-in-out alternate;animation:breathe 5s infinite ease-in-out alternate;}
@-webkit-keyframes breathe{0%{-webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1.5);}}@-moz-keyframes breathe{0%{-moz-transform:scale(1.2);} 100%{-moz-transform:scale(1.5);}}@-o-keyframes breathe{0%{-o-transform:scale(1.2);} 100%{-o-transform:scale(1.5);}}@-ms-keyframes breathe{0%{-ms-transform:scale(1.2);} 100%{-ms-transform:scale(1.5);}}@keyframes breathe{0%{transform:scale(1.2);} 100%{transform:scale(1.5);}}.contracting-spinning-hypnotic-disc{-webkit-animation:spin2 2s infinite linear,spin2 5s infinite ease-in-out alternate;-moz-animation:spin2 2s infinite linear normal,5s infinite ease-in-out alternate;-o-animation:spin2 2s infinite linear,spin2 5s infinite ease-in-out alternate;-ms-animation:spin2 2s infinite linear,spin2 5s infinite ease-in-out alternate;animation:spin2 2s infinite linear,spin2 5s infinite ease-in-out alternate;}
@-webkit-keyframes spin2{0%{-webkit-transform:rotate(0deg) scale(1);} 100%{-webkit-transform:rotate(360deg) scale(0.5);}}@-moz-keyframes spin2{0%{-moz-transform:rotate(0deg) scale(1);} 100%{-moz-transform:rotate(360deg) scale(0.5);}}@-o-keyframes spin2{0%{-o-transform:rotate(0deg) scale(1);} 100%{-o-transform:rotate(360deg) scale(0.5);}}@-ms-keyframes spin2{0%{-ms-transform:rotate(0deg) scale(1);} 100%{-ms-transform:rotate(360deg) scale(0.5);}}@keyframes spin2{0%{transform:rotate(0deg) scale(0.5);} 100%{transform:rotate(360deg) scale(1);}}.credits,.cycle{position:absolute;top:100px;left:0px;z-index:10;width:100%;height:100%;background:#41ccb5;-webkit-transform:translate3d(0px, 800px, 0);-moz-transform:translate3d(0px, 800px, 0);transform:translate3d(0px, 800px, 0);-webkit-transition:all 700ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 700ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 700ms cubic-bezier(1, 0, 0, 1);-o-transition:all 700ms cubic-bezier(1, 0, 0, 1);transition:all 700ms cubic-bezier(1, 0, 0, 1);-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);-moz-transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-transition-timing-function:cubic-bezier(1, 0, 0, 1);-o-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.cycle{background:none;opacity:0;}
.credits_ov,.cycle_ov{overflow:hidden;width:100%;height:100%;position:absolute;top:0px;left:0px;}
.credits.show_c,.cycle.show_c{z-index:10000;-webkit-transform:translate3d(0px, 0px, 0);-moz-transform:translate3d(0px, 0px, 0);transform:translate3d(0px, 0px, 0);}
.cycle.show_c{opacity:1;}
.c_logos{margin-top:-15px;margin-left:15px;position:relative;}
.credits_content,.cycle_content{position:absolute;top:50%;left:50%;margin-top:-370px;width:600px;margin-left:-300px;height:600px;text-align:center;text-transform:uppercase;color:white;font-family:'Conv_GuildfordProLight';font-size:16px;letter-spacing:1px;line-height:30px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);}
.cycle_date{width:290px;position:relative;float:left;text-align:right;font-size:18px;line-height:22px;text-transform:uppercase;}
.cycle_li_films{position:relative;width:100%;margin-top:20px;}
.ligne_cycle{position:relative;width:100%;margin-bottom:30px;float:left;}
.cycle_films{position:relative;float:left;margin-left:20px;line-height:22px;width:260px;text-align:left;}
.credits_content h4,.cycle_content h4{font-size:60px;margin-bottom:45px;margin-top:100px;font-family:'Conv_GuildfordProBold';}
.cycle_content h5{font-size:16px;margin-bottom:15px;}
.cycle_content h4{font-size:30px;margin-bottom:20px;}
.film{position:relative;font-family:'Conv_GuildfordProBold';margin-bottom:20px;}
.credits_content a,.credits_content a:hover{color:white;text-decoration:none;}
.c_t{font-size:60px;font-family:'Conv_GuildfordProLight';}
.c_role{margin-left:20px;font-family:'Conv_GuildfordProBold';}