@import url("https://use.typekit.net/oky3tba.css"); :root{font-variant-ligatures : common-ligatures;scroll-behavior : smooth;-webkit-overflow-scrolling : touch;font-size : 15px;}html,body{height : 100%;min-height : 100%;}html{overflow : auto;}body{--at_template : "desktop";--header : 4rem;--padding : 1rem;--padding_content : 7vw;--safe_bottom : max( 0rem , env(safe-area-inset-bottom) );--page_width : 1440px;--page_height : 770px;--grid_width : 1px;--grid_size : 8em;--font_size : 1rem;--letter_spacing : 0.3em;--font_texte : "obviously", sans-serif;--font_titre : "span", serif;--couleur : #DC143C;--color : var(--couleur);--couleur_fond : #FFFFFF;--couleur_texte : #333333;--couleur_texte_leger : #777777;--couleur_lien : #DC143C;--couleur_section : #0099FF;--background_section : #FFFFFF;--link_size : 2.2rem;--link_color : #FFF;--link_background : rgba(0,0,0,0.4);--link_background_hover : rgba(0,0,0,0.6);--grayscale : grayscale(100%) opacity(60%);--transition : all 0.3s ease-in-out;color : var( --couleur_texte );background-color : var( --couleur_fond );}img:not([src]):not([srcset]){visibility : hidden;}.multiply{mix-blend-mode : multiply;}html .mobile_only,html .content .mobile_only,html .element.mobile_only{display : none;}.drop_shadow{filter : drop-shadow( 0 0 0.3rem rgba(0,0,0,0.2) );}.drop_shadow.darker{filter : drop-shadow( 0 0 0.3rem rgba(0,0,0,0.5) );}.drop_shadow_white{filter : drop-shadow( 0 0 0.7rem rgba(255,255,255,0.9));}body,input,select,textarea{font-family : var(--font_texte);font-weight : normal;font-size : var( --font_size );line-height : 1.3em;}h1,h2,h3,h4,.titre,{font-family : var(--font_titre);}body.snap{scroll-snap-type : y proximity;overflow-y : scroll;}body.snap #main{width : 100vw;height : 100vh;height : auto;}body.snap .blok{scroll-snap-align : start;}.colonnnn{-webkit-column-count : 3;-moz-column-count : 3;-o-column-count : 3;column-count : 3;}a,a:link,a:visited,.link{color : inherit;}.link{color : var( --couleur_section , crimson );}#main{position : relative;margin : 0 auto;padding : 0rem;width : inherit;min-height : 100%;height : auto;}#header{display : none;z-index : 8000;position : fixed;top : 0;left : 0;right : 0;margin : 0 auto;height : var( --header );}#header > #header_content{position : relative;margin : 0 auto;width : var( --pages_blok_width );height : var( --header );}#logo{--r : calc( 100 / 18 );--h : calc( var(--header) / 2.5 );--w : calc( var(--h) * var(--r) );display : block;position : absolute;left : 0;top : 50%;transform : translateY( -50% );width : var( --w );height : var( --h );}#logo img,#logo svg{width : 100%;height : 100%;object-fit : contain;mix-blend-mode : multiply;}#logo:hover .logo_color{fill : crimson;cursor : pointer;}#header_infos{position : absolute;right : 1rem;top : 50%;transform : translateY( -50% );font-family : span-compressed, serif;font-style : italic;font-weight : 400;font-size : 1.5rem;font-style : italic;text-transform : uppercase;}#header.blanc > #header_content{color : #FFF;}#header.blanc #logo .logo_color{fill : #FFF;}a[id^="btn_retour"]{z-index : 7000;position : absolute;top : 50%;left : 50%;transform : translate( -110%, -50% );line-height : 1em;padding : 0.25rem 1rem 0.45rem 1rem;border-radius : 10rem;font-size : 0.7rem;text-transform : uppercase;color : #FFF;background-color : rgba(0,0,0,0.4);}a[id^="btn_retour"]:hover{text-decoration : none;background-color : rgba(0,0,0,0.7);}#btn_retour1{}#btn_retour2{}span#logo{font-size : 2rem;font-weight : 700;cursor : pointer;}div#logo{--r : calc( 116 / 18 );--h : calc( var(--header) / 2 );--w : calc( var(--h) * var(--r) );display : inline-block;top : 50%;transform : translateY( -50% );width : var( --w );height : var( --h );font-size : 0rem;line-height : 0rem;cursor : pointer;}div#logo img,div#logo svg{padding : 0;margin : 0;width : 100%;height : 100%;object-fit : contain;}div#logo:hover .couleur_logo{fill : var(--couleur_section);cursor : pointer;}.chapitre{position : relative;}.titre_chapitre{display : block;z-index : 20000;position : sticky;top : 0;left : 50%;right : 0;padding : 0;width : calc( var( --pages_blok_width ) / 2 );margin : 0;height : 0;font-size : 0;color : #000;text-align : left;overflow : visible;pointer-events : none;}.titre_chapitre > div{z-index : -1;position : absolute;top : 1rem;left : 1rem;font-size : 1.3rem;font-weight : 600;line-height : 0.9em;white-space : break-spaces;color : inherit;}.titre_chapitre > div > span{margin-bottom : 0.2rem;display : block;font-family : span-compressed, serif;font-size : 1.3rem;font-weight : 200;font-style : italic;white-space : no-wrap;color : inherit;}.bloks.pages{--ratio : calc( 1440 / 770 );}.blok{overflow : hidden;}.blok,.blok *{color : var( --couleur_texte );}.fond.grille{--size : var(--grid_size);--opacity : 0.5;--color : hsla(190, 100%, 85%, var(--opacity) );background : #333;background-size : var(--size) var(--size);background-position : calc(50vw) top;background-image : linear-gradient( var(--color) var(--grid_width), transparent var(--grid_width) ), linear-gradient( 90deg, var(--color) var(--grid_width), transparent var(--grid_width) );}.grid_position{--gw : 1;--gh : 1;--gx : 0;--gy : 0;position : absolute;width : calc( var(--grid_size) * var(--gw) + var(--grid_width) );height : calc( var(--grid_size) * var(--gh) + var(--grid_width) );left : calc( var(--grid_size) * var(--gx) );top : calc( var(--grid_size) * var(--gy) );}.element,.image,.video,.text{position : absolute;}.video.cover{border : 2px dashed crimson;overflow : hidden;text-align : center;}.video.full video{position : absolute;z-index : -100;left : 50%;top : 50%;transform : translate(-50%,-50%);min-width : 100%;min-height : 100%;max-width : initial;max-height : initial;width : auto;height : auto;background-size : cover;overflow : hidden;}.text{font-size : calc( var(--pages_blok_width) * 0.012 );font-weight : 500;line-height : 1em;}.text b,.text strong{font-weight : 600;}.full_image{z-index : 1;display : block;position : absolute;left : 0;right : 0;top : 0;bottom : 0;text-align : center;}.full_image > img{z-index : 10;width : 100%;height : 100%;flex-grow : 0;object-fit : cover;}.full_image.bottom > img{object-position : center bottom;}.zoom_effect > img{transform : scale(1);transition : transform 5s, filter 2s ease-in-out;}.zoom_effect:hover > img,.zoom_effect.hovered > img{transform : scale(1.1);}.lien{z-index : 9000;position : absolute;width : var(--link_size);height : var(--link_size);padding : 0;margin : 0;background-color : var(--link_background);transform-origin : center;transition : var(--transition);}.lien:before,.lien:after{content : "";display : block;position : absolute;top : calc( var(--link_size) * 0.25 );left : 50%;width : calc( var(--link_size) * 0.06 );height : calc( var(--link_size) * 0.5 );transform-origin : center;transform : translateX(-50%);background-color : var(--link_color);transition : var(--transition);}.lien:after{transform : translateX(-50%) rotate(90deg);}.lien:hover{background-color : var(--link_background_hover);}.lien_produit{z-index : 9000;display : block;position : absolute;width : var(--link_size);height : var(--link_size);padding : 0;margin : 0;background-color : var(--link_background);transform-origin : center;transition : var(--transition);overflow : hidden;}.lien_produit:before,.lien_produit:after{content : "";display : block;position : absolute;top : calc( var(--link_size) * 0.25 );left : 50%;width : calc( var(--link_size) * 0.06 );height : calc( var(--link_size) * 0.5 );transform-origin : center;transform : translateX(-50%);background-color : var(--link_color);}.lien_produit:after{transform : translateX(-50%) rotate(90deg);}.lien_produit:hover{background-color : var(--link_background_hover);}.lien_produit > a{opacity : 0;position : absolute;height : var(--link_size);margin-left : calc( var(--link_size) * 1.1 );background-color : var(--link_background);padding : calc( var(--link_size) * 0.15 ) calc( var(--link_size) * 0.4 );overflow : hidden;color : var(--link_color);font-size : calc( var(--link_size) * 0.35 );line-height : calc( var(--link_size) * 0.4 );color : var( --link_color );font-weight : 400;white-space : nowrap;transition : inherit;}.lien_produit > a > span{display : block;font-size : calc( var(--link_size) * 0.3 );font-weight : normal;color : inherit;}.lien_produit:hover{cursor : pointer;overflow : visible;}.lien_produit:hover > a{opacity : 1;}body .tooltipster-sidetip .tooltipster-arrow {display : none;}body .tooltipster-sidetip .tooltipster-box,body .tooltipster-sidetip.tooltipster-right .tooltipster-box,body .tooltipster-sidetip.tooltipster-left .tooltipster-box,body .tooltipster-sidetip.tooltipster-top .tooltipster-box,body .tooltipster-sidetip.tooltipster-bottom .tooltipster-box,body .tooltipster-sidetip .tooltipster-content {margin : 0;padding : 0;line-height : 1.4em;}body .tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-top : 0.09rem;}body .tooltipster-sidetip .tooltipster-box {height : var(--link_size);margin-top : 0.13rem !important;transform : translateX(-0.1rem);transition : inherit;border : none;border-radius : 0;font-size : calc( var(--link_size) * 0.35 );font-weight : 400;white-space : nowrap;color : var(--link_color);background-color : var(--link_background);overflow : hidden;}body .tooltipster-sidetip .tooltipster-content {padding : calc( var(--link_size) * 0.02 ) calc( var(--link_size) * 0.4 );overflow : hidden;}.product_link{color : var(--link_color);font-size : calc( var(--link_size) * 0.35 );line-height : calc( var(--link_size) * 0.3 );color : var( --link_color );font-weight : 400;}.product_link > span{display : block;font-size : calc( var(--link_size) * 0.3 );font-weight : 200;color : inherit;}.product_link:hover{text-decoration : none;}body .tooltipster-sidetip .tooltipster-box:hover{background-color : var(--link_background_hover);}#noise{z-index: 999999;position: fixed;top : -30vw;right : -30vw;bottom: -30vw;left: -30vw;width: auto;height: auto;background-image : url( "bruit.png" );background-size : 20vw;background-repeat : repeat;mix-blend-mode : multiply;opacity : 0.08;pointer-events : none;animation : noise 2.6s steps(2) infinite;}@keyframes noise {0% { transform: translate(      0,  -1rem  ) } 10%{transform: translate(   1rem,   6rem   ) } 20%{transform: translate(   6rem,  -2rem   ) } 30%{transform: translate(  -2rem,   5rem   ) } 40%{transform: translate(   8rem,   1rem  ) } 50%{transform: translate(  -9rem,   8rem  ) } 60%{transform: translate(   0rem,   2rem   ) } 70%{transform: translate(  -1rem,  -1rem  ) } 80%{transform: translate(  -3rem,  -4rem  ) } 90%{transform: translate(  -1rem,  -1rem  ) } to {transform: translate(   5rem,   0rem   ) }}.glowing{box-shadow : 0 0 2rem 0.5rem rgba( 0 , 0 , 0 , 0.5 );animation : glowing 2s alternate infinite;}@keyframes glowing {0% { box-shadow : 0 0 2rem 0.5rem rgba( 0 , 0 , 0 , 0.1 );} 100% {box-shadow : 0 0 2rem 0.5rem rgba( 0 , 0 , 0 , 0.6 );}}#credits{position : absolute;z-index : 989898;right : 2%;top : 30%;transform : rotate(-90deg);transform-origin : bottom right;font-size : 0.8rem;font-weight : 300;text-align : center;}@media (min-width : 1440px) {body.debug #logo .logo_color { fill : cyan;}}@media (max-width : 1440px) {div[class^="space"] { --h : 0.1vw;} body.debug #logo .logo_color{fill : lime;}  }@media (max-width : 1024px) {body.debug #logo .logo_color { fill : orange;} }@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {body.debug #logo .logo_color { fill : yellow;} }@media ( max-aspect-ratio: 1440/770 ) and ( min-width : 768px ) {body.debug #logo .logo_color { fill : deeppink;}}@media (max-width : 1024px) and ( max-aspect-ratio: 4/3 ) {body.debug #logo .logo_color { fill : red;} }@media (max-width : 668px) {body.debug #logo .logo_color { fill : springgreen;} }@media ( max-width : 576px ), ( max-width : 1024px ) and ( max-aspect-ratio: 4/3 ) {body.debug #logo .logo_color { fill : deeppink;}  :root {font-size : 2.4vw;} body  {--header : 3rem;--link_size : 1.5rem;} #noise {background-size : 50vw;} a[id^="btn_retour"] {left : 29%;transform : translate( 0%, -50% );padding : 0.25rem 0.5rem 0.3rem 0.5rem;font-size : 0.5rem;} .show_mobile {display : block !important;} .hide_mobile {display : none !important;} .titre_large {width : 80% !important;left : 10% !important;}  .titre_chapitre > div {white-space : nowrap;top : 0.4rem;left : 0rem;font-size : 0.9rem;font-weight : 700;line-height : 0.9em;} .titre_chapitre > div > span {font-family : span-compressed, serif;font-size : 1.2rem;font-weight : 200;font-style : italic;} .text {font-size : calc( var(--pages_blok_width) * 0.024 );} }@media ( max-width : 576px ) {body  { --link_size : 3rem;}   div#logo {left : -1%;} a[id^="btn_retour"] {left : 25%;padding: 0.3rem 0.6rem 0.4rem 0.6rem;font-size : 0.7rem;} #header_infos {right : 0.3rem;}  .titre_chapitre > div {padding-top : 0.1rem;font-size : 1rem;font-weight : 400;line-height : 0.7em;} .titre_chapitre > div > span {font-size : 1.3rem;}}