@charset "UTF-8";
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-RegularSubset.woff2") format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-MediumSubset.woff2") format("woff2");font-weight:500;font-style:normal}
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-MediumItalicSubset.woff2") format("woff2");font-weight:500;font-style:italic}
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-BoldSubset.woff2") format("woff2");font-weight:700;font-style:normal}
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-BoldItalicSubset.woff2") format("woff2");font-weight:700;font-style:italic}
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-BlackSubset.woff2") format("woff2");font-weight:900;font-style:normal}
@font-face{font-family:"Circular";src:local("☺"),url("../themes/tv/assets/fonts/circular/CircularXXSub-BlackItalicSubset.woff2") format("woff2");font-weight:900;font-style:italic}
body.oc-loading,body.oc-loading *{cursor:wait !important}
.stripe-loading-indicator{height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe{width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded{width:0;opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe-loaded{opacity:1;filter:alpha(opacity=100);-webkit-transition:width 0.3s linear;transition:width 0.3s linear;width:100% !important}
.stripe-loading-indicator.hide{display:none}
body>p.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0px rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
body>p.flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
body>p.flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body>p.flash-message.success{background:#8da85e}
body>p.flash-message.error{background:#c30}
body>p.flash-message.warning{background:#f0ad4e}
body>p.flash-message.info{background:#5fb6f5}
body>p.flash-message button.close{float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
body>p.flash-message button.close:hover,body>p.flash-message button.close:focus{color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
@media (max-width:768px){body>p.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}}
[data-request][data-request-validate] [data-validate-for]:not(.visible),[data-request][data-request-validate] [data-validate-error]:not(.visible){display:none}
a.oc-loading:after,button.oc-loading:after,span.oc-loading:after{content:"";display:inline-block;vertical-align:middle;margin-left:0.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:0.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
@-moz-keyframes oc-rotate-loader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-webkit-keyframes oc-rotate-loader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-o-keyframes oc-rotate-loader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}
@-ms-keyframes oc-rotate-loader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}
@keyframes oc-rotate-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-moz-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-webkit-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-o-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-ms-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@keyframes blink{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3)}50%{box-shadow:0 0 0 0 rgba(255,255,255,0.3)}100%{box-shadow:0 0 0 1.33rem rgba(255,255,255,0)}}
.blinking{animation:1.4s ease-in-out infinite blink}
html{font-size:150%;background-color:#243}
h1,.h1{font-size:2.92rem;line-height:1.11;font-weight:700}
h2,.h2{font-size:2.08rem;line-height:1.2;font-weight:700}
h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-size:1.25rem;line-height:1.2;font-weight:700}
.intro{font-size:1.25em;line-height:1.2}
p{margin-bottom:0.5em}
html{scrollbar-width:none}
html ::-webkit-scrollbar{display:none}
body{display:flex;flex-direction:column;align-items:center;min-height:100vh;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
body>main{display:flex;flex-direction:column}
.row.large-gap{margin-left:-1.5rem;margin-right:-1.5rem}
.row.large-gap .col,.row.large-gap [class*=col-]{padding-left:1.5rem;padding-right:1.5rem}
.video-js{height:auto}
.video-js>.vjs-tech{height:auto;position:static}
.video-js .vjs-volume-panel,.video-js .vjs-fullscreen-control{display:none}
.video-js video{display:block}
.btn{display:inline-block;background-color:transparent;text-align:center;color:#fff;font-size:1rem;font-weight:700;padding:0.5rem 1rem;border:2px solid #C3CE32;text-decoration:none}
.btn.large{font-size:1.67rem;padding:0.75rem 2rem}
.btn.square{display:inline-flex;justify-content:center;align-items:center;width:2.67rem;height:2.67rem;padding:0.5rem}
.btn.square.large{width:4.17rem;height:4.17rem}
.btn.borderless{border-color:transparent}
.btn.primary{background-color:#243;border-color:#243}
.btn.active{background-color:#fff;border-color:#fff;color:#243}
.btn:disabled,.btn.disabled{opacity:0.3}
.carousel{margin-bottom:2rem}
.carousel .carousel-indicators{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0.5rem}
.editor-content h2{font-size:1.25rem}
.editor-content p + h2,.editor-content p + h3,.editor-content p + h4,.editor-content p + h5{margin-top:1em}
#logoHeader{position:fixed;top:0;left:0;right:0;z-index:1060;display:flex;flex-direction:column;padding-top:2.5rem}
#logoHeader.with-title{height:540px}
#logoHeader.with-title + main{margin-top:580px}
#logoHeader.with-title ~ .modal .modal-dialog.modal-fullscreen .modal-body>.container{margin-top:580px}
#logoHeader>.container{display:flex;justify-content:space-between}
#logoHeader .title-container{margin-top:auto;padding-top:1rem;padding-bottom:4.3rem;color:#fff}
#logoHeader .title-container h1{min-height:2.22em}
#logoHeader .banner-clip-path{position:absolute}
#logoHeader .banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:url(#headerBannerClipPath);z-index:-1}
.image-comparator{position:relative}
.image-comparator .comparator-image{position:absolute;width:auto;height:auto;overflow:hidden}
.image-comparator .comparator-image>img{display:block;vertical-align:middle;max-width:none !important}
.image-comparator .comparator-image.left{z-index:10}
.image-comparator .comparator-slider{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:5px;background-color:#243;transform:translateX(-50%);z-index:20}
.image-comparator .comparator-slider>.cursor{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0.375rem;border-radius:45%;background-color:#fff;border:5px solid #243;cursor:ew-resize}
.image-container{position:relative}
.image-container>img,.image-container>video{display:block;width:100%;margin-bottom:0.67rem}
.qr-white{filter:invert(100%)}
.image-container{position:relative}
.image-container .maximize-button{position:absolute;top:0;right:0}
.chiffres-popup-content .toggle-button{position:relative}
.chiffres-popup-content .toggle-button::before,.chiffres-popup-content .toggle-button::after{content:"";background-color:#fff;position:absolute;width:1rem;height:2px;transform-origin:center;transform:rotate(0deg);transition:transform 0.5s}
.chiffres-popup-content .toggle-button.collapsed::before{transform:rotate(-180deg)}
.chiffres-popup-content .toggle-button.collapsed::after{transform:rotate(-90deg)}
.mission-links{display:grid;gap:2rem;grid-template-columns:1fr 8rem 1fr;grid-template-rows:auto;grid-template-areas:"one two two" "one center three" "five center three" "five four four";padding-bottom:1.3rem;font-size:1.1rem;line-height:1.175}
.mission-links::before{content:url("../themes/tv/assets/images/missions/icon-center.svg");grid-area:center;margin:auto}
.mission-links>.mission{position:relative;padding:1.5rem 0.75rem 1.5rem 1.5rem;cursor:pointer}
.mission-links>.mission>span{position:relative;z-index:10}
.mission-links>.mission .btn{position:absolute;z-index:10}
.mission-links>.mission::before{position:absolute;bottom:1rem;right:1.2rem;opacity:0.5;mix-blend-mode:multiply}
.mission-links>.mission::after{content:"";position:absolute;border:1rem solid transparent}
.mission-links>.mission:nth-child(1){grid-area:one;background-color:#087;margin-bottom:25px}
.mission-links>.mission:nth-child(1) .btn{top:-1.3rem;left:0}
.mission-links>.mission:nth-child(1)::before{content:url("../themes/tv/assets/images/missions/icon-1.svg")}
.mission-links>.mission:nth-child(1)::after{top:100%;left:0;border-top-color:#087;border-left-color:#087}
.mission-links>.mission:nth-child(2){grid-area:two;background-color:#08B}
.mission-links>.mission:nth-child(2) .btn{top:-1.3rem;right:0}
.mission-links>.mission:nth-child(2)::before{content:url("../themes/tv/assets/images/missions/icon-2.svg")}
.mission-links>.mission:nth-child(2)::after{top:100%;left:0;border-top-color:#08B;border-left-color:#08B}
.mission-links>.mission:nth-child(3){grid-area:three;background-color:#FA3}
.mission-links>.mission:nth-child(3) .btn{top:-1.3rem;right:0}
.mission-links>.mission:nth-child(3)::before{content:url("../themes/tv/assets/images/missions/icon-3.svg")}
.mission-links>.mission:nth-child(3)::after{top:0;right:100%;border-top-color:#FA3;border-right-color:#FA3}
.mission-links>.mission:nth-child(4){grid-area:four;background-color:#869}
.mission-links>.mission:nth-child(4) .btn{bottom:-1.3rem;right:0}
.mission-links>.mission:nth-child(4)::before{content:url("../themes/tv/assets/images/missions/icon-4.svg")}
.mission-links>.mission:nth-child(4)::after{bottom:100%;left:0;border-bottom-color:#869;border-left-color:#869}
.mission-links>.mission:nth-child(5){grid-area:five;background-color:#E44;margin-top:25px}
.mission-links>.mission:nth-child(5) .btn{bottom:-1.3rem;left:0}
.mission-links>.mission:nth-child(5)::before{content:url("../themes/tv/assets/images/missions/icon-5.svg")}
.mission-links>.mission:nth-child(5)::after{bottom:100%;right:0;border-bottom-color:#E44;border-right-color:#E44}
.modal-dialog.modal-fullscreen .modal-content{background-color:#243;color:#fff;touch-action:pan-x pan-y}
.modal-dialog.modal-fullscreen .modal-body{padding:0 0 360px 0}
.modal-dialog.modal-fullscreen .modal-body>.container{display:flex;flex-direction:column;padding-top:0;transition:padding-top 0.9s}
.modal-dialog.modal-fullscreen .modal-body .modal-spacer{margin-bottom:260px;transition:margin-bottom 0.9s}
body.low-mode .modal-dialog.modal-fullscreen .modal-body>.container{padding-top:530px}
body.low-mode .modal-dialog.modal-fullscreen .modal-body .modal-spacer{margin-bottom:100px}
.side-menu-container{position:fixed;top:840px;bottom:360px;z-index:1030;align-self:flex-end;padding-top:0}
.side-menu-container>.side-menu{position:relative;display:flex;flex-direction:column;align-items:flex-end;height:100%}
.side-menu-container>.side-menu>*{flex-shrink:0}
.side-menu-container>.side-menu>*:not(:last-child){margin-bottom:0.67rem}
.side-menu-container>.side-menu::before,.side-menu-container>.side-menu::after{content:"";transition:flex 0.9s}
.side-menu-container>.side-menu::before{flex:0}
.side-menu-container>.side-menu::after{flex:1}
.side-menu-container .language-menu{display:flex}
.side-menu-container .languages-bar{display:grid;grid-template-columns:0fr;overflow:hidden;transition:grid-template-columns 0.5s}
.side-menu-container .languages-bar .languages-bar-inner{display:flex;gap:0.75rem;margin-bottom:0;overflow:hidden}
.side-menu-container .languages-bar .languages-bar-inner>:first-child{margin-left:0.75rem}
.side-menu-container .languages-bar.open{grid-template-columns:1fr}
.side-menu-container .low-mode-on-toggle,.side-menu-container .low-mode-off-toggle{position:absolute;opacity:1;transform:translateX(0);transition:transform 0.6s,opacity 0.6s;margin:0 !important}
.side-menu-container .low-mode-on-toggle{top:100%}
.side-menu-container .low-mode-off-toggle{bottom:100%}
body.low-mode .side-menu-container>.side-menu::before{flex:1}
body.low-mode .side-menu-container>.side-menu::after{flex:0}
body:not(.low-mode) .side-menu-container .low-mode-off-toggle,body.low-mode .side-menu-container .low-mode-on-toggle{opacity:0;transform:translateX(100px);pointer-events:none}
body.layout-full-background{position:relative;color:#fff}
body.layout-full-background .full-background-container{position:absolute;top:0;left:0;right:0;bottom:0;max-width:1080px;margin:auto}
body.layout-full-background .full-background-container>video,body.layout-full-background .full-background-container>img{display:block;width:100%;height:100%;object-fit:cover}
body.layout-full-background>main{margin-top:11.5rem;z-index:1}
body.layout-full-background>main h1{text-shadow:0 0 45px rgba(0,0,0,0.75)}
body.layout-full-background>main.centered{align-items:center;margin-top:auto;margin-bottom:auto;text-align:center}
body.layout-content{background-color:#243;color:#fff}
body.layout-content #logoHeader{max-width:1080px;margin:auto;filter:drop-shadow(0 35px 25px #243)}
body.layout-content #logoHeader h1{text-shadow:0 0 45px rgba(0,0,0,0.75)}
body.layout-content>main{margin-bottom:360px;padding-top:0;transition:padding-top 0.9s}
body.layout-content.low-mode>main{padding-top:530px}
body.layout-content::after{content:"";position:fixed;left:0;right:0;bottom:0;z-index:1060;box-shadow:0 0 100px 100px #243}
body.page-intro .language-selector{display:flex;gap:1.33rem}
body.page-sleep{background-color:black}
body.page-sleep *{display:none}
body.page-sommaire h1{min-height:7em;margin-top:0;margin-bottom:1em;transition:margin 0.9s}
body.page-sommaire>main{flex:1;margin-bottom:2.6rem}
body.page-sommaire .pages-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
body.page-sommaire .pages-container .page-entry{display:flex;align-items:stretch;border:2px solid #C3CE32;background-color:#243;color:#fff}
body.page-sommaire .pages-container .page-image{object-fit:cover;width:140px}
body.page-sommaire .pages-container .page-title{display:flex;align-items:center;padding:0.67rem}
body.page-sommaire .footer{display:flex;justify-content:flex-end;flex-direction:column;gap:1rem;writing-mode:vertical-lr}
body.page-sommaire .footer>*{transform:rotate(180deg)}
body.page-sommaire .footer .btn{padding:1rem 0.5rem}
body.page-sommaire .footer .btn.large{padding:2rem 0.75rem}
body.page-sommaire.low-mode h1{margin-top:2em;margin-bottom:5em}