/*
Theme Name: ClarkPowell
Description: Description
Version: 1.0.0
Author: SPKTR
*/
/* @import url(style-base.css); */
@import url(style-vinc.css);
/* FONTS */
/* Avenir Next Condensed Bold (in /fonts/Net-Avenir-Next-Condensed-Bold.ttf) */
@font-face {
font-family: "avenir-next-lt-pro-condensed";
src: url("./fonts/Net-Avenir-Next-Condensed-Bold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
/* Avenir Next Condensed Medium (in /fonts/avenir-next-condensed-medium.otf) */
@font-face {
font-family: "avenir-next-lt-pro-condensed";
src: url("./fonts/avenir-next-condensed-medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
}
/* Avenir Next Condensed Medium (in /fonts/avenir-next-condensed-light.otf) */
@font-face {
font-family: "avenir-next-lt-pro-condensed";
src: url("./fonts/avenir-next-condensed-light.ttf") format("opentype");
font-weight: 300;
font-style: normal;
}
/* Avenir Next Condensed Heavy (in /fonts/avenir-next-condensed-heavy.otf) */
@font-face {
font-family: "avenir-next-lt-pro-heavy";
src: url("./fonts/avenir-next-lt-pro-heavy.otf") format("opentype");
font-weight: 900;
font-style: normal;
}
/* Avenir Next Lt Pro normal (in /fonts/avenir-next-lt-pro.otf) */
@font-face {
font-family: "avenir-next-lt-pro";
src: url("./fonts/avenir-next-lt-pro.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
/* Avenir Next Lt Pro 700 (in ./fonts/avenir-next-lt-pro-demi.otf) */
@font-face {
font-family: "avenir-next-lt-pro-demi";
src: url("./fonts/avenir-next-lt-pro-demi.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/* Variables de couleurs */
:root {
--color-primary: #CA7EED;
--color-white: #FFFFFF;
--color-black: #000000;
--color-dark: #333333;
--color-header-bg: #020F47;
--color-card-bg: #46619F;
--color-star: #FFD700;
--lightgray: #FFFFFF4D;
--light-blue: #0073FF;
--dark-blue: #030C2F;
--gray-blue: #364581;
--corporate-blue: #020F47;
--white-blue: #46619F;
--blue-hover: #0E53A9;
--white: #FFFFFF;
--purple: #CA7EED;
--green: #5DB6A1;
--yellow: #EDAC24;
--light-white: #FFFFFF1A;
--origin: #87A2C9;
--origin-plus: #FEBA81;
--gradient-1: linear-gradient(98.92deg, rgba(2, 15, 71, 0.5) 46.45%, rgba(70, 97, 159, 0.5) 78.77%);
--gradient-2: linear-gradient(230.37deg, rgba(2, 15, 71, 0.5) 48.41%, rgba(70, 97, 159, 0.5) 93.43%);
--gradient-3: linear-gradient(180deg, #020F47 32.85%, #3F5896 88.19%);
--gradient-4: linear-gradient(133.56deg, #040C2F 27.23%, #1D3EC8 143.73%);
--gradient-5: linear-gradient(328.77deg, rgba(2, 15, 71, 0.4) 52.75%, rgba(255, 255, 255, 0.4) 98.78%);
--gradient-6: linear-gradient(180deg, rgba(2, 15, 71, 0) 80%, #020F47 90.71%);
--gradient-7: linear-gradient(180deg, rgba(11, 18, 44, 0) 0%, #263B92 32.6%);
--gradient-8: linear-gradient(332.06deg, rgba(2, 15, 71, 0.5) 52.85%, rgba(255, 255, 255, 0.5) 98.78%);
--gradient-9: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 61.54%), linear-gradient(270deg, rgba(2, 15, 71, 0) 49.43%, rgba(2, 15, 71, 0.28) 101.53%);
--gradient-10: linear-gradient(180deg, rgba(2, 15, 71, 0) 53.45%, var(--dark-blue) 90.71%),linear-gradient(270deg, rgba(2, 15, 71, 0) 49.43%, rgba(2, 15, 71, 0.28) 101.53%),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
--transparent-white: #FFFFFF40;
--transparent-blue: #020F4780;
--transparent-whiteblue: #0073FF1A;
--blur-1: blur(2px);
}
/* RESET (déjà dans Bootstrap) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight:inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; position:relative;}
sup { vertical-align:super; font-size:75%; font-weight:inherit;}
span, div { font-weight:inherit;}
ul, li { color:inherit; font-weight:inherit;}
*, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}
body { display:block; background-color: var(--corporate-blue); height:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, body { font-size:20px; font-family:"avenir-next-lt-pro-condensed", sans-serif; font-weight:normal; font-weight:normal; color:#083657; width:100%; min-height:100%;}
/* Responsive */
@media screen and (max-width: 1700px) {
html, body { font-size:18px;}
@media screen and (max-width: 1600px) {
html, body { font-size:18px;}
@media screen and (max-width: 1500px) {
html, body { font-size:18px;}
@media screen and (max-width: 1400px) {
html, body { font-size:18px;}
}
/* MDPI */
@media screen and (max-height: 700px) and (min-width: 1000px) {
html, body { font-size:17px;}
}
/* Mobile */
@media screen and (max-width: 900px) {
html, body { font-size:17px;}
@media screen and (max-width: 320px) {
html, body { font-size:16px;}
}
}
}
}
}
/* High res */
@media screen and (min-width: 2000px) {
html, body { font-size:18px;}
@media screen and (min-width: 2500px) {
html, body { font-size:22px;}
@media screen and (min-width: 3000px) {
html, body { font-size:25px;}
@media screen and (min-width: 3500px) {
html, body { font-size:30px;}
}
}
}
}
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block;}
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;}
a { font-size:inherit; font-weight:inherit; text-decoration:inherit; color:inherit; -webkit-tap-highlight-color:rgba(249,224,209,0.5);}
a:hover, a:active { outline: 0; }
a img { border: 0;}
select { cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background-image:none;}
select option { font-style:inherit; font-size:inherit;}
select:focus { background-image:none;}
input, select, button, textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background-image:none; font-family:inherit; font-size:inherit; font-style:inherit; font-weight:400; padding:0; color:inherit;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { appearance:none; -webkit-appearance: none; margin:0;}
input[type=number] { -moz-appearance: textfield;}
datalist { display:block;}
img { vertical-align:bottom; border:0; outline:0;}
.clear { display:block; clear:both !important;}
.clear-900 { display:none; clear:both !important;}
.clear-after:after { content:""; display:block; clear:both;}
.no-select { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}
.triggered-1 .ontrigger-1-events, .ontrigger-1-events.triggered-1,
.triggered-2 .ontrigger-2-events, .ontrigger-2-events.triggered-2,
.triggered-3 .ontrigger-3-events, .ontrigger-3-events.triggered-3,
.triggered-4 .ontrigger-4-events, .ontrigger-4-events.triggered-4,
.events { pointer-events:auto;}
.triggered-1 .ontrigger-1-no-events, .ontrigger-1-no-events.triggered-1,
.triggered-2 .ontrigger-2-no-events, .ontrigger-2-no-events.triggered-2,
.triggered-3 .ontrigger-3-no-events, .ontrigger-3-no-events.triggered-3,
.triggered-4 .ontrigger-4-no-events, .ontrigger-4-no-events.triggered-4,
.pending-no-events.pending,
.active > .active-direct-parent-no-events,
.no-events { pointer-events:none;}
.no-outline { outline:none;}
.no-highlight {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.active.active-events,
.active > .active-direct-parent-events,
.active + .active-prev-events,
.persistant .persistant-events,
.persistant-events.persistant { pointer-events:initial;}
.no-cursor,
.triggered-1 .ontrigger-1-no-cursor, .ontrigger-1-no-cursor.triggered-1,
.no-cursor a { cursor:none;}
.cursor-pointer { cursor:pointer;}
.active-cursor-inherit.active { cursor:inherit;}
.cursor-grabbing-force,
.cursor-grabbing-force * { cursor:e-resize !important;}
.triggered-2 .ontrigger-2-cursor-default, .ontrigger-2-cursor-default.triggered-2,
.cursor-default { cursor:unset;}
.cursor-disabled { cursor:not-allowed;}
.uppercase { text-transform:uppercase;}
.lowercase { text-transform:lowercase;}
@media screen and (max-width: 900px) {
.no-events-mobile { pointer-events:none;}
.active .active-parent-events-mobile,
.active + .active-prev-events-mobile,
.events-mobile { pointer-events:initial;}
}
/* COMMUN */
/* Profondeur */
.z-index-0 { z-index:0;}
.z-index-1 { z-index:1;}
.z-index-2,
.active-z-index-2.active { z-index:2;}
.z-index-3 { z-index:3;}
.z-index-4 { z-index:4;}
.z-index-5 { z-index:5;}
.z-index-6 { z-index:6;}
.z-index-7 { z-index:7;}
.z-index-8 { z-index:8;}
.z-index-9 { z-index:9;}
.z-content-bg { z-index:10;}
.z-content-mg { z-index:11;}
.z-content-fg { z-index:12;}
.z-content-fg-1 { z-index:13;}
.z-content-fg-2 { z-index:14;}
.hover-z-content-ffg:hover,
.z-content-ffg { z-index:15;}
.z-content-fffg { z-index:100;}
.z-content-ffffg { z-index:101;}
@media screen and (max-width: 900px) {
.z-index-1-mobile { z-index:1;}
.z-index-2-mobile { z-index:2;}
.z-index-3-mobile { z-index:3;}
}
/* Centrage */
.bg-cover { object-fit:cover; background-size:cover; background-repeat:no-repeat; background-position:center; object-position:center;}
.bg-cover-height { background-size: auto 93%;}
.bg-contain { object-fit:contain; background-size:contain; background-repeat:no-repeat; background-position:center; object-position:center;}
.middle-holder { display:table; height:100%; width:100%;}
.middle-holder .middle { vertical-align:middle; width:100%; display:table-cell;}
.center-holder,
.hover-center-holder:hover { text-align:center;}
.left-holder { text-align:left;}
.right-holder { text-align:right;}
.justify-center { justify-content:center;}
.fit-contain { object-fit:contain; object-position:center center;}
.fit-cover { object-fit:cover; object-position:center center;}
.fit-fill { object-fit:fill; object-position:center center;}
.object-position-bottom { object-position:bottom;}
.bg-pos-top { background-position:top center;}
@media screen and (max-width: 1200px) {
.center-holder-thin { text-align:center;}
@media screen and (max-width: 900px) {
.no-bg-mobile { background:none !important;}
.center-holder-mobile { text-align:center;}
.right-holder-mobile { text-align:right;}
.left-holder-mobile { text-align:left;}
.bg-cover-height-mobile {background-size: auto 103% }
.bg-contain-mobile { background-size:contain;}
.fit-contain-mobile { object-fit:contain;}
.fit-unset-mobile { object-fit:unset;}
}
}
@media screen and (min-width: 1600px) {
.fit-unset-xl { object-fit:unset !important;}
}
/* Blocs de centrages */
.centered { margin:0 auto;}
.centered-intro { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:72.5em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-std { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:66em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-contact { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:42em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-mid { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:88em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-wide { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:96em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-medium { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:80em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-halfmedium { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:75em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-small { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:70em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-carousel { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:102em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-offers { display:block; width:calc(100% - 5em); width:-webkit-calc(100% - 5em); max-width:80em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-intro { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:72.5em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-std { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:66em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-contact { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:42em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-mid { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:88em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-wide { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:96em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-medium { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:80em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-halfmedium { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:75em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-small { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:70em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-carousel { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); max-width:102em; box-sizing:border-box; margin:0 auto; height:100%;}
.centered-offers { display:block; width:calc(100% - 5em); width:-webkit-calc(100% - 5em); max-width:80em; box-sizing:border-box; margin:0 auto; height:100%;}
@media screen and (max-width: 1500px) {
@media screen and (max-width: 1200px) {
@media screen and (max-width: 900px) {
.centered-mobile { margin:0 auto !important;}
.centered-wide { width:calc(100% - 4em); width:-webkit-calc(100% - 4em);}
.centered-large-mobile { width:calc(100% - 6em); width:-webkit-calc(100% - 6em); box-sizing:border-box; margin:0 auto; height:100%;}
.centered-wide-mobile { width:calc(100% - 6em); width:-webkit-calc(100% - 6em); box-sizing:border-box; margin:0 auto; height:100%;}
.centered-small-mobile { width:calc(100% - 8em); width:-webkit-calc(100% - 8em); box-sizing:border-box; margin:0 auto; height:100%;}
.centered-halfmedium { width:calc(100% - 4em); width:-webkit-calc(100% - 4em); box-sizing:border-box; margin:0 auto; height:100%;}
}
}
}
/* Spacers */
.spacer-4 { width:100%; height:4em;}
.spacer-6 { width:100%; height:6em;}
.spacer-8 { width:100%; height:8em;}
.spacer-10 { width:100%; height:10em;}
.spacer-14 { width:100%; height:14em;}
.spacer-20 { width:100%; height:20em;}
.spacer-30vh { width:100%; height:30vh;}
.spacer-header { width:100%; height:12.75em;}
/* Mobile */
@media screen and (max-width: 900px) {
}
/* Marges */
.top-margin-auto { margin-top:auto;}
.top-margin--1px { margin-top:-1px;}
.top-margin-1px { margin-top:1px;}
.top-margin-2px { margin-top:2px;}
.top-margin--3px { margin-top:-3px;}
.top-margin--4px { margin-top:-4px;}
.top-margin--0-0625 { margin-top:-0.0625em;}
.top-margin-0 { margin-top:0;}
.top-margin-0-1 { margin-top:0.1em;}
.top-margin--0-1 { margin-top:-0.1em;}
.top-margin--0-15 { margin-top:-0.15em;}
.top-margin--0-175 { margin-top:-0.175em;}
.top-margin--0-1875 { margin-top:-0.1875em;}
.top-margin-0-25 { margin-top:0.25em;}
.top-margin-0-375 { margin-top:0.375em;}
.top-margin--0-375 { margin-top:-0.375em;}
.top-margin-0-4 { margin-top:0.4em;}
.top-margin-0-5 { margin-top:0.5em;}
.top-margin--0-5 { margin-top:-0.5em;}
.top-margin--0-625 { margin-top:-0.625em;}
.top-margin--0-65 { margin-top:-0.65em;}
.top-margin-0-75 { margin-top:0.75em;}
.top-margin-0-85 { margin-top:0.85em;}
.top-margin-1 { margin-top:1em;}
.top-margin-1-25 { margin-top:1.25em;}
.top-margin--1-25 { margin-top:-1.25em;}
.top-margin--1-35 { margin-top:-1.35em;}
.top-margin--1-6 { margin-top:-1.6em;}
.top-margin--1-75 { margin-top:-1.75em;}
.top-margin--1-6875 { margin-top:-1.6875em;}
.top-margin--1-85 { margin-top:-1.85em;}
.top-margin-0-0625 { margin-top:0.0625em;}
.active.active-top-margin--0-65 { margin-top:-0.65em;}
.top-margin--0-25 { margin-top:-0.25em;}
.top-margin--0-3 { margin-top:-0.3em;}
.top-margin--0-375 { margin-top:-0.375em;}
.top-margin--0-40625 { margin-top:-0.40625em;}
.top-margin--0-5 { margin-top:-0.5em;}
.top-margin--0-5625 { margin-top:-0.5625em;}
.top-margin--0-75 { margin-top:-0.75em;}
.top-margin--0-875 { margin-top:-0.875em;}
.top-margin--1 { margin-top:-1em;}
.top-margin--1-25 { margin-top:-1.25em;}
.top-margin-1-25 { margin-top:1.25em;}
.top-margin-1-5 { margin-top:1.5em;}
.top-margin--1-5 { margin-top:-1.5em;}
.top-margin--1-875 { margin-top:-1.875em;}
.top-margin--2 { margin-top:-2em;}
.top-margin-2,
.current .current-top-margin-2 { margin-top:2em;}
.top-margin-2-25 { margin-top:2.25em;}
.top-margin-2-5 { margin-top:2.5em;}
.top-margin-2-75 { margin-top:2.75em;}
.top-margin--2-25 { margin-top:-2.25em;}
.top-margin--2-5 { margin-top:-2.5em;}
.top-margin--2-75 { margin-top:-2.75em;}
.top-margin--3 { margin-top:-3em;}
.top-margin-3 { margin-top:3em;}
.top-margin-3-15 { margin-top:3.15em;}
.top-margin--3-25 { margin-top:-3.25em;}
.top-margin-3-5 { margin-top:3.5em;}
.top-margin--3-5 { margin-top:-3.5em;}
.top-margin--3-625 { margin-top:-3.625em;}
.top-margin--4-6875 { margin-top:-4.6875em;}
.top-margin-3-75 { margin-top:3.75em;}
.top-margin--3-75 { margin-top:-3.75em;}
.top-margin-4 { margin-top:4em;}
.active .active-direct-parent-top-margin--4,
.top-margin--4 { margin-top:-4em;}
.top-margin--4-5 { margin-top:-4.5em;}
.top-margin--5 { margin-top:-5em;}
.top-margin-5 { margin-top:5em;}
.top-margin--5-5 { margin-top:-5.5em;}
.top-margin--6 { margin-top:-6em;}
.top-margin--6-25 { margin-top:-6.25em;}
.top-margin--6-5 { margin-top:-6.5em;}
.top-margin-6 { margin-top:6em;}
.top-margin-6-5 { margin-top:6.5em;}
.top-margin-7 { margin-top:7em;}
.top-margin--7 { margin-top:-7em;}
.top-margin--7-5 { margin-top:-7.5em;}
.top-margin-8 { margin-top:8em;}
.top-margin--8 { margin-top:-8em;}
.top-margin-8-5 { margin-top:8.5em;}
.top-margin--8-5 { margin-top:-8.5em;}
.top-margin-8-75 { margin-top:8.75em;}
.top-margin--9 { margin-top:-9em;}
.top-margin-10 { margin-top:10em;}
.top-margin--10 { margin-top:-10em;}
.top-margin--10-5 { margin-top:-10.5em;}
.top-margin-11 { margin-top:11em;}
.top-margin-12 { margin-top:12em;}
.top-margin--12 { margin-top:-12em;}
.top-margin--12-5 { margin-top:-12.5em;}
.top-margin-13 { margin-top:13em;}
.top-margin--13 { margin-top:-13em;}
.top-margin-14 { margin-top:14em;}
.top-margin--14 { margin-top:-14em;}
.top-margin-15 { margin-top:15em;}
.top-margin--15 { margin-top:-15em;}
.top-margin--16 { margin-top:-16em;}
.top-margin-16 { margin-top:16em;}
.top-margin-17 { margin-top:17em;}
.top-margin-18 { margin-top:18em;}
.top-margin--18 { margin-top:-18em;}
.top-margin--20 { margin-top:-20em;}
.top-margin-20 { margin-top:20em;}
.top-margin-21 { margin-top:21em;}
.top-margin--21 { margin-top:-21em;}
.top-margin-22 { margin-top:22em;}
.top-margin--22 { margin-top:-22em;}
.top-margin-24 { margin-top:24em;}
.top-margin--24 { margin-top:-24em;}
.top-margin-25 { margin-top:25em;}
.top-margin--25 { margin-top:-25em;}
.top-margin-26 { margin-top:26em;}
.top-margin--26 { margin-top:-26em;}
.top-margin-28 { margin-top:28em;}
.top-margin-30 { margin-top:30em;}
.top-margin--30 { margin-top:-30em;}
.top-margin-32 { margin-top:32em;}
.top-margin--32 { margin-top:-32em;}
.top-margin-45 { margin-top:45em;}
.top-margin-70 { margin-top:70em;}
.top-margin-3p { margin-top:3%;}
.top-margin-5p { margin-top:5%;}
.top-margin-10p { margin-top:10%;}
.top-margin-25p { margin-top:25%;}
.top-margin-40p { margin-top:40%;}
.top-margin-50p { margin-top:50%;}
.top-margin--5p { margin-top:-5%;}
.top-margin--6p { margin-top:-6%;}
.top-margin--8p { margin-top:-8%;}
.top-margin--10p { margin-top:-10%;}
.top-margin--15p { margin-top:-15%;}
.active.active-top-margin--17-5p { margin-top:-17.5%;}
.top-margin--20p { margin-top:-20%;}
.top-margin--25p { margin-top:-25%;}
.top-margin--50p { margin-top:-50%;}
.top-margin--50vw { margin-top:-50vw;}
.top-margin--25vh { margin-top:-25vh;}
.top-margin--35vh { margin-top:-35vh;}
.top-margin-50vh { margin-top:50vh;}
.top-margin--50vh { margin-top:-50vh;}
.top-margin--75vh { margin-top:-75vh;}
.top-margin-100vh { margin-top:100vh;}
.top-margin--100vh { margin-top:-100vh;}
.top-margin--150vh { margin-top:-150vh;}
.top-margin--half-inf { margin-top:-5000vh;}
.bot-margin-auto { margin-bottom:auto;}
.bot-margin--2px { margin-bottom:-2px;}
.bot-margin--0-25 { margin-bottom:-0.25em;}
.bot-margin--0-375 { margin-bottom:-0.375em;}
.bot-margin-0 { margin-bottom:0;}
.bot-margin-0-5 { margin-bottom:0.5em;}
.bot-margin--0-5 { margin-bottom:-0.5em;}
.bot-margin-0-75 { margin-bottom:0.75em;}
.bot-margin-0-85 { margin-bottom:0.85em;}
.bot-margin-1 { margin-bottom:1em;}
.bot-margin--1 { margin-bottom:-1em;}
.bot-margin-1-25 { margin-bottom:1.25em;}
.bot-margin-1-5 { margin-bottom:1.5em;}
.bot-margin--1-5 { margin-bottom:-1.5em;}
.bot-margin-2 { margin-bottom:2em;}
.bot-margin--2 { margin-bottom:-2em;}
.bot-margin-2-5 { margin-bottom:2.5em;}
.bot-margin--2-5 { margin-bottom:-2.5em;}
.bot-margin-3 { margin-bottom:3em;}
.bot-margin--3 { margin-bottom:-3em;}
.bot-margin-3-25 { margin-bottom:3.25em;}
.bot-margin-3-5 { margin-bottom:3.5em;}
.bot-margin-4 { margin-bottom:4em;}
.bot-margin--4 { margin-bottom:-4em;}
.bot-margin-4-5 { margin-bottom:4.5em;}
.bot-margin-5 { margin-bottom:5em;}
.bot-margin--5 { margin-bottom:-5em;}
.bot-margin-5-5 { margin-bottom:5.5em;}
.bot-margin--5-5 { margin-bottom:-5.5em;}
.bot-margin--6 { margin-bottom:-6em;}
.bot-margin-6 { margin-bottom:6em;}
.bot-margin--7 { margin-bottom:-7em;}
.bot-margin-8 { margin-bottom:8em;}
.bot-margin--8 { margin-bottom:-8em;}
.bot-margin--9 { margin-bottom:-9em;}
.bot-margin-10 { margin-bottom:10em;}
.bot-margin--10 { margin-bottom:-10em;}
.bot-margin--11 { margin-bottom:-11em;}
.bot-margin-12 { margin-bottom:12em;}
.bot-margin--13 { margin-bottom:-13em;}
.bot-margin--14 { margin-bottom:-14em;}
.bot-margin-20 { margin-bottom:20em;}
.bot-margin--22 { margin-bottom:-22em;}
.bot-margin-10p { margin-bottom:10%;}
.bot-margin-25p { margin-bottom:25%;}
.bot-margin-50p { margin-bottom:50%;}
.bot-margin--5p { margin-bottom:-5%;}
.bot-margin--15p { margin-bottom:-15%;}
.bot-margin--25p { margin-bottom:-25%;}
.bot-margin--30p { margin-bottom:-30%;}
.bot-margin--32p { margin-bottom:-32%;}
.bot-margin--50p { margin-bottom:-50%;}
.left-margin-auto { margin-left:auto;}
.left-margin-0 { margin-left:0;}
.left-margin-1px { margin-left:1px;}
.left-margin-2px { margin-left:2px;}
.left-margin--1px { margin-left:-1px;}
.left-margin--2px { margin-left:-2px;}
.left-margin--4px { margin-left:-4px;}
.left-margin-0-0625 { margin-left:0.0625em;}
.left-margin--0-125 { margin-left:-0.125em;}
.left-margin--0-1875 { margin-left:-0.1875em;}
.left-margin-0-25 { margin-left:0.25em;}
.left-margin--0-25 { margin-left:-0.25em;}
.left-margin--0-375 { margin-left:-0.375em;}
.left-margin--0-40625 { margin-left:-0.40625em;}
.left-margin--0-5 { margin-left:-0.5em;}
.left-margin--0-5625 { margin-left:-0.5625em;}
.active.active-left-margin--0-65 { margin-left:-0.65em;}
.left-margin-0-75 { margin-left:0.75em;}
.left-margin--0-75 { margin-left:-0.75em;}
.left-margin--1 { margin-left:-1em;}
.left-margin-1 { margin-left:1em;}
.left-margin-1-25 { margin-left:1.25em;}
.left-margin-1-5 { margin-left:1.5em;}
.left-margin--1-25 { margin-left:-1.25em;}
.left-margin--1-5 { margin-left:-1.5em;}
.left-margin--1-75 { margin-left:-1.75em;}
.left-margin--1-875 { margin-left:-1.875em;}
.left-margin-2 { margin-left:2em;}
.left-margin--2 { margin-left:-2em;}
.left-margin-2-5 { margin-left:2.5em;}
.left-margin--2-5 { margin-left:-2.5em;}
.left-margin-3 { margin-left:3em;}
.left-margin--3 { margin-left:-3em;}
.left-margin-3-5 { margin-left:3.5em;}
.left-margin--3-5 { margin-left:-3.5em;}
.left-margin--3-625 { margin-left:-3.625em;}
.left-margin-3-75 { margin-left:3.75em;}
.active .active-direct-parent-left-margin--4,
.left-margin--4 { margin-left:-4em;}
.left-margin-4 { margin-left:4em;}
.left-margin--4-5 { margin-left:-4.5em;}
.left-margin-5 { margin-left:5em;}
.left-margin--5 { margin-left:-5em;}
.left-margin-6 { margin-left:6em;}
.left-margin--6 { margin-left:-6em;}
.left-margin--6-25 { margin-left:-6.25em;}
.left-margin-7 { margin-left:7em;}
.left-margin--7 { margin-left:-7em;}
.left-margin--7-5 { margin-left:-7.5em;}
.left-margin--7-85 { margin-left:-7.85em;}
.left-margin--8 { margin-left:-8em;}
.left-margin-8 { margin-left:8em;}
.left-margin--9 { margin-left:-9em;}
.left-margin-9-25 { margin-left:9.25em;}
.left-margin-9-5 { margin-left:9.5em;}
.left-margin-10 { margin-left:10em;}
.left-margin--10 { margin-left:-10em;}
.left-margin-12 { margin-left:12em;}
.left-margin--12 { margin-left:-12em;}
.left-margin--13 { margin-left:-13em;}
.left-margin-14 { margin-left:14em;}
.left-margin--14 { margin-left:-14em;}
.left-margin-14-5 { margin-left:14.5em;}
.left-margin-15 { margin-left:15em;}
.left-margin-16 { margin-left:16em;}
.left-margin--16 { margin-left:-16em;}
.left-margin--20 { margin-left:-20em;}
.left-margin-20 { margin-left:20em;}
.left-margin-30 { margin-left:30em;}
.left-margin-36 { margin-left:36em;}
.left-margin-38 { margin-left:38em;}
.left-margin-50 { margin-left:50em;}
.left-margin-52 { margin-left:52em;}
.left-margin-5p { margin-left:5%;}
.left-margin-8p { margin-left:8%;}
.left-margin-9p { margin-left:9%;}
.left-margin-10p { margin-left:10%;}
.left-margin-11-5p { margin-left:11.5%;}
.left-margin-22p { margin-left:22%;}
.left-margin--2p { margin-left:-2%;}
.left-margin--4p { margin-left:-4%;}
.left-margin--5p { margin-left:-5%;}
.left-margin--8p { margin-left:-8%;}
.left-margin--10p { margin-left:-10%;}
.left-margin-15p { margin-left:15%;}
.active.active-left-margin--17-5p { margin-left:-17.5%;}
.left-margin-18p { margin-left:18%;}
.left-margin--20p { margin-left:-20%;}
.left-margin--22p { margin-left:-22%;}
.left-margin--25p { margin-left:-25%;}
.left-margin-20p { margin-left:20%;}
.left-margin-25p { margin-left:25%;}
.left-margin-30p { margin-left:30%;}
.left-margin-35p { margin-left:35%;}
.left-margin--37-5vw { margin-left:-37.5vw;}
.left-margin--40vw { margin-left:-40vw;}
.left-margin--50p { margin-left:-50%;}
.left-margin--50pscreen,
.left-margin--50vw,
*:hover > .hover-direct-parent-left-margin--50vw { margin-left:-50vw;}
.left-margin--58 { margin-left:-58vw;}
.left-margin--80 { margin-left:-80em;}
.left-margin--calc80 { margin-left:calc(-100% + 20em);}
.left-margin--85 { margin-left:-85vw;};
.left-margin--70pscreen { margin-left:-70vw;}
.left-margin--screen { margin-left:-100vw;}
.left-margin--half-inf { margin-left:-5000vw;}
.right-margin-auto { margin-right:auto;}
.right-margin--2px { margin-right:-2px;}
.right-margin-0-5 { margin-right:0.5em;}
.right-margin--0-5 { margin-right:-0.5em;}
.right-margin-0-65 { margin-right:0.65em;}
.right-margin-0-75 { margin-right:0.75em;}
.right-margin-1 { margin-right:1em;}
.right-margin--1 { margin-right:-1em;}
.right-margin--1-25 { margin-right:-1.25em;}
.right-margin--1-5 { margin-right:-1.5em;}
.right-margin-1-25 { margin-right:1.25em;}
.right-margin-1-5 { margin-right:1.5em;}
.right-margin-1-75 { margin-right:1.75em;}
.right-margin--2 { margin-right:-2em;}
.right-margin-2 { margin-right:2em;}
.right-margin-2-5 { margin-right:2.5em;}
.right-margin--2-5 { margin-right:-2.5em;}
.right-margin--3 { margin-right:-3em;}
.right-margin-3 { margin-right:3em;}
.right-margin-3-5 { margin-right:3.5em;}
.right-margin--3-5 { margin-right:-3.5em;}
.right-margin--4 { margin-right:-4em;}
.right-margin-4 { margin-right:4em;}
.right-margin-5 { margin-right:5em;}
.right-margin--5 { margin-right:-5em;}
.right-margin--6 { margin-right:-6em;}
.right-margin-6 { margin-right:6em;}
.right-margin--7 { margin-right:-7em;}
.right-margin--8 { margin-right:-8em;}
.right-margin-8 { margin-right:8em;}
.right-margin--9 { margin-right:-9em;}
.right-margin-9-5 { margin-right:9.5em;}
.right-margin-10 { margin-right:10em;}
.right-margin--10 { margin-right:-10em;}
.right-margin--11 { margin-right:-11em;}
.right-margin--12 { margin-right:-12em;}
.right-margin-12 { margin-right:12em;}
.right-margin--16 { margin-right:-16em;}
.right-margin-16 { margin-right:16em;}
.right-margin-18 { margin-right:18em;}
.right-margin--20 { margin-right:-20em;}
.right-margin--40 { margin-right:-40em;}
.right-margin-52 { margin-right:52em;}
.right-margin-8p { margin-right:8%;}
.right-margin-9p { margin-right:9%;}
.right-margin--10p { margin-right:-10%;}
.right-margin-14p { margin-right:14%;}
.right-margin-15p { margin-right:15%;}
.right-margin--25p { margin-right:-25%;}
.right-margin-25p { margin-right:25%;}
.right-margin-35p { margin-right:35%;}
.right-margin--50p { margin-right:-50%;}
.right-margin-half-slice-screen { margin-right:-webkit-calc(((100vw - (13 * 1.25em)) / 14) / 2); margin-right:calc(((100vw - (13 * 1.25em)) / 14) / 2);}
.right-margin-14th-screen { margin-right:-webkit-calc(100vw / 14); margin-right:calc(100vw / 14);}
.margin-0-5 { margin:0.5em;}
.margin-0-75 { margin:0.75em;}
@media screen and (max-width: 1600px) {
.right-margin-6-large { margin-right:6em;}
@media screen and (max-width: 1200px) {
.left-margin--20p-thin { margin-left:-20%;}
.left-margin-0-thin { margin-left:0;}
.left-margin-1-thin { margin-left:1em;}
.left-margin-1-5-thin { margin-left:1.5em;}
.left-margin-2-thin { margin-left:2em;}
.left-margin-3-thin { margin-left:3em;}
.left-margin-3-5-thin { margin-left:3.5em;}
.right-margin-0-thin { margin-right:0;}
.right-margin--20-thin { margin-right:-20em;}
.right-margin-4-thin { margin-right:4em;}
.top-margin-0-thin { margin-top:0;}
.top-margin-2-thin { margin-top:2em;}
.top-margin-4-thin { margin-top:4em;}
.top-margin-20p-thin { margin-top:20%;}
.top-margin-25p-thin { margin-top:25%;}
.top-margin-30p-thin { margin-top:30%;}
.top-margin-40p-thin { margin-top:40%;}
@media screen and (max-width: 768px) {
.top-margin--0-375-mobile { margin-top:-0.375em;}
.top-margin--2-5-mobile { margin-top:-2.5em;}
.top-margin--3-mobile { margin-top:-3em;}
.top-margin--4-mobile { margin-top:-4em;}
.top-margin--5-mobile { margin-top:-5em;}
.top-margin--5-25-mobile { margin-top:-5.25em;}
.top-margin--6-mobile { margin-top:-6em;}
.top-margin--8-mobile { margin-top:-8em;}
.top-margin--10-mobile { margin-top:-10em;}
.top-margin--12-mobile { margin-top:-12em;}
.top-margin--13-mobile { margin-top:-13em;}
.top-margin--14-mobile { margin-top:-14em;}
.top-margin--15-mobile { margin-top:-15em;}
.top-margin--18-mobile { margin-top:-18em;}
.top-margin--20-mobile { margin-top:-20em;}
.top-margin--24-mobile { margin-top:-24em;}
.top-margin--40-mobile { margin-top:-40em;}
.top-margin-0-mobile { margin-top:0;}
.top-margin-0-25-mobile { margin-top:0.25em;}
.top-margin-0-5-mobile { margin-top:0.5em;}
.top-margin-1-mobile { margin-top:1em;}
.top-margin-1-5-mobile { margin-top:1.5em;}
.top-margin-2-mobile { margin-top:2em;}
.top-margin-2-5-mobile { margin-top:2.5em;}
.top-margin-3-mobile { margin-top:3em;}
.top-margin-4-mobile { margin-top:4em;}
.top-margin-4-5-mobile { margin-top:4.5em;}
.top-margin-5-mobile { margin-top:5em;}
.top-margin-5p-mobile { margin-top:5%;}
.top-margin-6-mobile { margin-top:6em;}
.top-margin-7-mobile { margin-top:7em;}
.top-margin-8-mobile { margin-top:8em;}
.top-margin-9-mobile { margin-top:9em;}
.top-margin-10-mobile { margin-top:10em;}
.top-margin-10p-mobile { margin-top:10p;}
.top-margin-12-mobile { margin-top:12em;}
.top-margin-14-mobile { margin-top:14em;}
.top-margin-15-mobile { margin-top:15em;}
.top-margin-16-mobile { margin-top:16em;}
.top-margin-20-mobile { margin-top:20em;}
.top-margin-20p-mobile { margin-top:20p;}
.top-margin-22-mobile { margin-top:22em;}
.top-margin-28-mobile { margin-top:28em;}
.top-margin-30-mobile { margin-top:30em;}
.top-margin-40p-mobile { margin-top:40%;}
.top-margin-41-mobile { margin-top:41em;}
.top-margin-45-mobile { margin-top:45em;}
.top-margin-56-mobile { margin-top:56em;}
.top-margin-58-mobile { margin-top:58em;}
.top-margin-60-mobile { margin-top:60em;}
.top-margin--15p-mobile { margin-top:-15%;}
.bot-margin--1-mobile { margin-bottom:-1em;}
.bot-margin-0-mobile { margin-bottom:0;}
.bot-margin-0-5-mobile { margin-bottom:0.5em;}
.bot-margin-4-mobile { margin-bottom:4em;}
.bot-margin--5-mobile { margin-bottom:-5em;}
.bot-margin--6-mobile { margin-bottom:-6em;}
.bot-margin-8-mobile { margin-bottom:8em;}
.bot-margin--8-mobile { margin-bottom:-8em;}
.bot-margin-14-mobile { margin-bottom:14em;}
.bot-margin--15-mobile { margin-bottom:-15em;}
.bot-margin-18-mobile { margin-bottom:18em;}
.bot-margin-34-mobile { margin-bottom:34em;}
.right-margin-auto-mobile { margin-right:auto;}
.right-margin-0-mobile { margin-right:0;}
.right-margin-1-5-mobile { margin-right:1.5em;}
.right-margin-2-mobile { margin-right:2em;}
.right-margin-2-25-mobile { margin-right:2.25em;}
.right-margin-2-5-mobile { margin-right:2.5em;}
.right-margin-3-mobile { margin-right:3em;}
.right-margin-6-mobile { margin-right:6em;}
.right-margin--20-mobile { margin-right:-20em;}
.right-margin--26-mobile { margin-right:-26em;}
.right-margin-38-mobile { margin-right:38em;}
.left-margin-auto-mobile { margin-left:auto;}
.left-margin-0-mobile { margin-left:0;}
.left-margin-1-mobile { margin-left:1em;}
.left-margin-1-35-mobile { margin-left:1.35em;}
.left-margin-1-5-mobile { margin-left:1.5em;}
.left-margin-2-mobile { margin-left:2em;}
.left-margin-3-mobile { margin-left:3em;}
.left-margin-4-mobile { margin-left:4em;}
.left-margin-6-mobile { margin-left:6em;}
.left-margin-8-mobile { margin-left:8em;}
.left-margin-15p-mobile { margin-left:15%;}
.left-margin-16-mobile { margin-left:16em;}
.left-margin-20-mobile { margin-left:20em;}
.left-margin-26-mobile { margin-left:26em;}
.left-margin-30-mobile { margin-left:30em;}
.left-margin-38-mobile { margin-left:38em;}
.left-margin--1-mobile { margin-left:-1em;}
.left-margin--2-mobile { margin-left:-2em;}
.left-margin--3-mobile { margin-left:-3em;}
.left-margin--2-5-mobile { margin-left:-2.5em;}
.left-margin--4-mobile { margin-left:-4em;}
.left-margin--5-mobile { margin-left:-5em;}
.left-margin--7-mobile { margin-left:-7em;}
.left-margin--8-mobile { margin-left:-8em;}
.left-margin--16-mobile { margin-left:-16em;}
.left-margin--64-mobile{ margin-left:-64%;}
.left-margin--70-mobile{ margin-left:-70%;}
.left-margin--90-mobile { margin-left:-90em;}
.left-margin--15-mobile { margin-left:-15em;}
.left-margin--15p-mobile { margin-left:-15%;}
.left-margin--50vw-mobile { margin-left:-50vw;}
@media screen and (max-width: 420px) {
.top-margin-20-xs { margin-top:20em;}
}
}
}
}
/* Padding */
.padding-0-35 { padding:0.35em;}
.padding-0-5 { padding:0.5em;}
.padding-0-75 { padding:0.75em;}
.padding-1 { padding:1em;}
.padding-1-5 { padding:1.5em;}
.padding-2 { padding:2em;}
.padding-2-5 { padding:2.5em;}
.padding-3 { padding:3em;}
.padding-3-5 { padding:3.5em;}
.padding-4,
.hover-padding-4:hover { padding:4em;}
.padding-5 { padding:5em;}
.padding-6 { padding:6em;}
.right-pad-0-125 { padding-right:0.125em;}
.right-pad-0-25 { padding-right:0.25em;}
.right-pad-0-375 { padding-right:0.375em;}
.right-pad-0-5 { padding-right:0.5em;}
.left-pad-0-125 { padding-left:0.125em;}
.left-pad-0-25 { padding-left:0.25em;}
.left-pad-0-375 { padding-left:0.375em;}
.left-pad-0-5 { padding-left:0.5em;}
.left-pad-0-75 { padding-left:0.75em;}
.left-pad-1 { padding-left:1em;}
.left-pad-1-25 { padding-left:1.25em;}
.left-pad-1-5 { padding-left:1.5em;}
.right-pad-0-75 { padding-right:0.75em;}
.right-pad-1 { padding-right:1em;}
.right-pad-1-25 { padding-right:1.25em;}
.right-pad-1-5 { padding-right:1.5em;}
.left-pad-1-75 { padding-left:1.75em;}
.left-pad-2 { padding-left:2em;}
.right-pad-2 { padding-right:2em;}
.left-pad-2-25 { padding-left:2.25em;}
.right-pad-2-25 { padding-right:2.25em;}
.right-pad-2-5 { padding-right:2.5em;}
.left-pad-2-5 { padding-left:2.5em;}
.hover-left-pad-3:hover,
.left-pad-3 { padding-left:3em;}
.left-pad-3-25 { padding-left:3.25em;}
.left-pad-3-5 { padding-left:3.5em;}
.left-pad-3-75 { padding-left:3.75em;}
.hover-right-pad-3:hover,
.right-pad-3 { padding-right:3em;}
.right-pad-3-25 { padding-right:3.25em;}
.right-pad-3-5 { padding-right:3.5em;}
.hover-left-pad-4:hover,
.left-pad-4 { padding-left:4em;}
.hover-right-pad-4:hover,
.right-pad-4 { padding-right:4em;}
.left-pad-5 { padding-left:5em;}
.right-pad-5 { padding-right:5em;}
.left-pad-6 { padding-left:6em;}
.right-pad-6 { padding-right:6em;}
.left-pad-7 { padding-left:7em;}
.left-pad-8 { padding-left:8em;}
.right-pad-8 { padding-right:8em;}
.left-pad-9 { padding-left:9em;}
.right-pad-9 { padding-right:9em;}
.left-pad-10 { padding-left:10em;}
.left-pad-10p { padding-left:10%;}
.right-pad-10 { padding-right:10em;}
.left-pad-12 { padding-left:12em;}
.right-pad-12 { padding-right:12em;}
.left-pad-13 { padding-left:13em;}
.left-pad-14 { padding-left:14em;}
.right-pad-14 { padding-right:14em;}
.left-pad-15 { padding-left:15em;}
.right-pad-15 { padding-right:15em;}
.right-pad-16 { padding-right:16em;}
.left-pad-16 { padding-left:16em;}
.left-pad-18 { padding-left:18em;}
.right-pad-18 { padding-right:18em;}
.left-pad-20 { padding-left:20em;}
.left-pad-22 { padding-left:22em;}
.right-pad-20 { padding-right:20em;}
.right-pad-21 { padding-right:21em;}
.right-pad-24 { padding-right:24em;}
.left-pad-40 { padding-left:40em;}
.right-pad-40 { padding-right:40em;}
.bot-pad-0 { padding-bottom:0;}
.bot-pad-1px { padding-bottom:1px;}
.bot-pad-0-125 { padding-bottom:0.125em;}
.bot-pad-0-25 { padding-bottom:0.25em;}
.bot-pad-0-375 { padding-bottom:0.375em;}
.bot-pad-0-5 { padding-bottom:0.5em;}
.bot-pad-0-65 { padding-bottom:0.65em;}
.bot-pad-0-75 { padding-bottom:0.75em;}
.bot-pad-0-85 { padding-bottom:0.85em;}
.empty-top-pad-0:empty { padding-top:0;}
.top-pad-0-125 { padding-top:0.125em;}
.top-pad-0-25 { padding-top:0.25em;}
.top-pad-0-375 { padding-top:0.375em;}
.top-pad-0-5 { padding-top:0.5em;}
.top-pad-0-75 { padding-top:0.75em;}
.top-pad-1 { padding-top:1em;}
.top-pad-1-25 { padding-top:1.25em;}
.top-pad-1-5 { padding-top:1.5em;}
.bot-pad-1 { padding-bottom:1em;}
.bot-pad-1-25 { padding-bottom:1.25em;}
.bot-pad-1-5 { padding-bottom:1.5em;}
.top-pad-2 { padding-top:2em;}
.persistant .persistant-bot-pad-2,
.bot-pad-2 { padding-bottom:2em;}
.bot-pad-2-25 { padding-bottom:2.25em;}
.bot-pad-2-5 { padding-bottom:2.5em;}
.top-pad-2-5 { padding-top:2.5em;}
.persistant .persistant-top-pad-3,
.top-pad-3 { padding-top:3em;}
.bot-pad-3 { padding-bottom:3em;}
.top-pad-3-5 { padding-top:3.5em;}
.bot-pad-3-5 { padding-bottom:3.5em;}
.top-pad-3-75 { padding-top:3.75em;}
.top-pad-4 { padding-top:4em;}
.bot-pad-4 { padding-bottom:4em;}
.top-pad-4-5 { padding-top:4.5em;}
.bot-pad-4-5 { padding-bottom:4.5em;}
.top-pad-5 { padding-top:5em;}
.bot-pad-5 { padding-bottom:5em;}
.top-pad-6 { padding-top:6em;}
.bot-pad-6 { padding-bottom:6em;}
.top-pad-7 { padding-top:7em;}
.bot-pad-7 { padding-bottom:7em;}
.top-pad-8 { padding-top:8em;}
.bot-pad-8 { padding-bottom:8em;}
.top-pad-9 { padding-top:9em;}
.bot-pad-9 { padding-bottom:9em;}
.top-pad-10 { padding-top:10em;}
.bot-pad-10 { padding-bottom:10em;}
.top-pad-11 { padding-top:11em;}
.top-pad-12 { padding-top:12em;}
.bot-pad-12 { padding-bottom:12em;}
.top-pad-13 { padding-top:13em;}
.top-pad-14 { padding-top:14em;}
.bot-pad-14 { padding-bottom:14em;}
.bot-pad-15 { padding-bottom:15em;}
.top-pad-15 { padding-top:15em;}
.top-pad-16 { padding-top:16em;}
.bot-pad-16 { padding-bottom:16em;}
.top-pad-18 { padding-top:18em;}
.bot-pad-18 { padding-bottom:18em;}
.top-pad-20 { padding-top:20em;}
.bot-pad-20 { padding-bottom:20em;}
.top-pad-22 { padding-top:22em;}
.bot-pad-22 { padding-bottom:22em;}
.bot-pad-24 { padding-bottom:24em;}
.top-pad-25 { padding-top:25em;}
.top-pad-26 { padding-top:26em;}
.bot-pad-26 { padding-bottom:26em;}
.top-pad-28 { padding-top:28em;}
.top-pad-30 { padding-top:30em;}
.top-pad-32 { padding-top:32em;}
.top-pad-36 { padding-top:36em;}
.bot-pad-32 { padding-bottom:32em;}
.bot-pad-38 { padding-bottom:38em;}
.bot-pad-40 { padding-bottom:40em;}
.top-pad-42 { padding-top:42em;}
.bot-pad-42 { padding-bottom:42em;}
.top-pad-48 { padding-top:48em;}
.top-pad-10vh { padding-top:10vh;}
.top-pad-15vh { padding-top:15vh;}
.top-pad-20vh { padding-top:20vh;}
.top-pad-30vh { padding-top:30vh;}
.top-pad-50vh, .top-pad-half-screen { padding-top:50vh;}
.top-pad-100vh, .top-pad-screen { padding-top:100vh;}
.top-pad-header { padding-top:12em;}
.bot-pad-footer { padding-bottom:12em;}
.top-pad-header-slim { padding-top:11em;}
.bot-pad-footer-slim { padding-bottom:9.5em;}
.v-pad-10 { padding-top:10em; padding-bottom:10em;}
@media screen and (max-width: 1600px) {
.right-pad-4-large { padding-right:4em;}
.right-pad-6-large { padding-right:6em;}
.right-pad-10-large { padding-right:10em;}
.left-pad-4-large { padding-left:4em;}
.left-pad-6-large { padding-left:6em;}
@media screen and (max-width: 1200px) {
.padding-5-thin { padding:5em;}
.bot-pad-0-thin { padding-bottom:0;}
.bot-pad-1-thin { padding-bottom:1em;}
.bot-pad-2-thin { padding-bottom:2em;}
.bot-pad-3-thin { padding-bottom:3em;}
.bot-pad-4-thin { padding-bottom:4em;}
.bot-pad-5-thin { padding-bottom:5em;}
.top-pad-0-thin { padding-top:0;}
.top-pad-0-25-thin { padding-top:0.25em;}
.top-pad-1-thin { padding-top:1em;}
.top-pad-2-thin { padding-top:2em;}
.top-pad-3-thin { padding-top:3em;}
.top-pad-4-thin { padding-top:4em;}
.top-pad-5-thin { padding-top:5em;}
.top-pad-10-thin { padding-top:10em;}
.top-pad-15-thin { padding-top:15em;}
.top-pad-50-thin { padding-top:50em;}
.left-pad-0-thin { padding-left:0;}
.left-pad-1-thin { padding-left:1em;}
.left-pad-2-thin { padding-left:2em;}
.left-pad-3-thin { padding-left:3em;}
.left-pad-4-thin { padding-left:4em;}
.left-pad-5p-thin { padding-left:5%;}
.left-pad-6-thin { padding-left:6em;}
.left-pad-7-thin { padding-left:7em;}
.left-pad-8-thin { padding-left:8em;}
.left-pad-10-thin { padding-left:10em;}
.right-pad-2-thin { padding-right:2em;}
.right-pad-4-thin { padding-right:4em;}
.right-pad-6-thin { padding-right:6em;}
.right-pad-8-thin { padding-right:8em;}
.right-pad-12-thin { padding-right:12em;}
@media screen and (max-width: 768px) {
.padding-0-mobile { padding:0;}
.padding-0-5-mobile { padding:0.5em;}
.padding-1-mobile { padding:1em;}
.padding-1-5-mobile { padding:1.5em;}
.padding-2-mobile { padding:2em;}
.padding-3-mobile { padding:3em;}
.padding-5-mobile { padding:5em;}
.top-pad-0-mobile { padding-top:0;}
.top-pad-0-25-mobile { padding-top:0.25em;}
.top-pad-0-5-mobile { padding-top:0.5em;}
.top-pad-1-mobile { padding-top:1em;}
.top-pad-2-mobile { padding-top:2em;}
.top-pad-3-mobile { padding-top:3em;}
.top-pad-4-mobile { padding-top:4em;}
.top-pad-5-mobile { padding-top:5em;}
.top-pad-6-mobile { padding-top:6em;}
.top-pad-8-mobile { padding-top:8em;}
.top-pad-10-mobile { padding-top:10em;}
.top-pad-11-mobile { padding-top:11em;}
.top-pad-12-mobile { padding-top:12em;}
.top-pad-14-mobile { padding-top:14em;}
.top-pad-16-mobile { padding-top:16em;}
.top-pad-18-mobile { padding-top:18em;}
.top-pad-20-mobile { padding-top:20em;}
.top-pad-22-mobile { padding-top:22em;}
.top-pad-24-mobile { padding-top:24em;}
.top-pad-25-mobile { padding-top:25em;}
.top-pad-26-mobile { padding-top:26em;}
.top-pad-28-mobile { padding-top:28em;}
.top-pad-30-mobile { padding-top:30em;}
.top-pad-40-mobile { padding-top:40em;}
.top-pad-45-mobile { padding-top:45em;}
.top-pad-10vh-mobile { padding-top:10vh;}
.top-pad-15vh-mobile { padding-top:15vh;}
.top-pad-18vh-mobile { padding-top:18vh;}
.top-pad-20vh-mobile { padding-top:20vh;}
.top-pad-28vh-mobile { padding-top:28vh;}
.top-pad-30vh-mobile { padding-top:30vh;}
.top-pad-35vh-mobile { padding-top:35vh;}
.top-pad-40vh-mobile { padding-top:40vh;}
.top-pad-45vh-mobile { padding-top:45vh;}
.top-pad-50vh-mobile { padding-top:50vh;}
.bot-pad-0-mobile { padding-bottom:0;}
.bot-pad-0-5-mobile { padding-bottom:0.5;}
.bot-pad-1-mobile { padding-bottom:1em;}
.bot-pad-2-mobile { padding-bottom:2em;}
.bot-pad-2-5-mobile { padding-bottom:2.5em;}
.bot-pad-3-mobile { padding-bottom:3em;}
.bot-pad-4-mobile { padding-bottom:4em;}
.bot-pad-5-mobile { padding-bottom:5em;}
.bot-pad-6-mobile { padding-bottom:6em;}
.bot-pad-7-mobile { padding-bottom:7em;}
.bot-pad-8-mobile { padding-bottom:8em;}
.bot-pad-10-mobile { padding-bottom:10em;}
.bot-pad-12-mobile { padding-bottom:12em;}
.bot-pad-14-mobile { padding-bottom:14em;}
.bot-pad-16-mobile { padding-bottom:16em;}
.bot-pad-18-mobile { padding-bottom:18em;}
.bot-pad-20-mobile { padding-bottom:20em;}
.bot-pad-24-mobile { padding-bottom:24em;}
.bot-pad-26-mobile { padding-bottom:26em;}
.bot-pad-28-mobile { padding-bottom:28em;}
.bot-pad-30-mobile { padding-bottom:30em;}
.bot-pad-32-mobile { padding-bottom:32em;}
.right-pad-0-mobile { padding-right:0;}
.right-pad-0-5-mobile { padding-right:0.5em;}
.right-pad-0-75-mobile { padding-right:0.75em;}
.right-pad-1-mobile { padding-right:1em;}
.right-pad-2-mobile { padding-right:2em;}
.right-pad-2-5-mobile { padding-right:2.5em;}
.right-pad-3-mobile { padding-right:3em;}
.right-pad-4-mobile { padding-right:4em;}
.right-pad-6-mobile { padding-right:6em;}
.right-pad-8-mobile { padding-right:8em;}
.right-pad-30-mobile { padding-right:30em;}
.left-pad-0-mobile { padding-left:0;}
.left-pad-0-5-mobile { padding-left:0.5em;}
.left-pad-0-75-mobile { padding-left:0.75em;}
.left-pad-1-mobile { padding-left:1em;}
.left-pad-2-mobile { padding-left:2em;}
.left-pad-2-5-mobile { padding-left:2.5em;}
.left-pad-3-mobile { padding-left:3em;}
.left-pad-4-mobile { padding-left:4em;}
.left-pad-5-mobile { padding-left:5em;}
.left-pad-5p-mobile { padding-left:5%;}
.left-pad-6-mobile { padding-left:6em;}
.left-pad-8-mobile { padding-left:8em;}
@media screen and (max-width: 380px) {
.top-pad-1-small-mobile { padding-top:1em;}
.top-pad-40-xs { padding-top:40em;}
}
}
}
}
/* Translations simples */
.translate-x-0 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.translate-x-3em { -webkit-transform: translateX(3em); -moz-transform: translateX(3em); -ms-transform: translateX(3em); -o-transform: translateX(3em); transform: translateX(3em);}
.translate-x-10em { -webkit-transform: translateX(10em); -moz-transform: translateX(10em); -ms-transform: translateX(10em); -o-transform: translateX(10em); transform: translateX(10em);}
.translate-xy--50p { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.current .current-translate-x--2em { -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em);}
.translate-x-50p { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%);}
.translate-x--50p { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.translate-x--100p { -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%);}
.translate-y--50p { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.translate-y-50p { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);}
.translate-y-100p { -webkit-transform: translateY(101%); -moz-transform: translateY(101%); -ms-transform: translateY(101%); -o-transform: translateY(101%); transform: translateY(101%);}
.spe-parent.active .active-spe-parent-translate-x-glasses-btn { -webkit-transform: translateX(6em); -moz-transform: translateX(6em); -ms-transform: translateX(6em); -o-transform: translateX(6em); transform: translateX(6em);}
.current .current-translate-y-0 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.active-parent.active .parent-active-translate-x-0,
.active-translate-y-0.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.active-translate-x-0.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.persistant .persistant-translate-x-0 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.hover-parent:hover .parent-hover-translate-y-0 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.active-translate-x-100p.active,
.translate-x-100p { -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%);}
@media screen and (max-width: 900px) {
.translate-x-0-mobile { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.translate-y-0-mobile { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.translate-y--50p-mobile { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.translate-y-16em-mobile { -webkit-transform: translateY(16em); -moz-transform: translateY(16em); -ms-transform: translateY(16em); -o-transform: translateY(16em); transform: translateY(16em);}
}
/* Forme auto */
img.square { width:100%; outline:0; vertical-align:middle;}
img.square-height { height:100%; outline:0; vertical-align:middle;}
img.square-fit { object-fit:cover; object-position:center center; height:100%; width:100%; outline:0; vertical-align:middle;}
img.fit { object-fit:cover;}
img.contain { object-fit:contain;}
img.scale-down { object-fit:scale-down;}
.svg-container svg { position:absolute; top:0; left:0; height:100%; width:100%; object-fit:contain;}
.svg-fit-height,
.img-fit-height { display:inline-block;}
.svg-centered { text-align:center;}
.svg-centered svg { display:inline-block;}
.svg-fit-height svg,
.img-fit-height img { height:100%;}
.img-fit-height img { max-width:100%; object-fit:contain; object-position:center center;}
.svg-fit-width svg,
.img-fit-width img { width:100%;}
.img-max-width-100 img { max-width:100%;}
.img-valign-top img,
.svg-valign-top svg { vertical-align:top;}
.svg-valign-bot svg { vertical-align:bottom;}
.svg-valign-middle svg { vertical-align:middle;}
.svg-max-width-100 svg { max-width:100%;}
.svg-fit-top svg { margin-top:-1px;}
.valign-middle { vertical-align:middle;}
.valign-top { vertical-align:top;}
.valign-bottom { vertical-align:bottom;}
/* Carousels (Slick) */
.slick-list { height:100%;}
.slick-list .slick-track { height:100%;}
.flex-slides .slick-track { display:flex; flex-direction:row; flex-wrap:nowrap; align-items: stretch;}
.flex-slides .slick-slide { height:auto;}
.slick-dotted .slick-dots { text-align:center; padding-top:3em;}
.slick-dotted .slick-dots li { display:inline-block; width:0.75em; height:0.75em;}
.slick-dotted .slick-dots li:only-child { display:none;}
.slick-dotted .slick-dots li + li { margin-left:2em;}
.slick-dotted .slick-dots li button { display:block; width:100%; height:100%; border:1px solid #58A2F6; border-radius:50%; background-color:rgba(0,0,0,0); appearance:none; overflow:hidden; color:rgba(0,0,0,0); transition:border-color 0.25s, background-color 0.25s, transform 0.25s; cursor:pointer;}
.slick-dotted .slick-dots li.slick-active button { background-color:#58A2F6; transform:scale(1.5);}
/* Flottants / Normal */
.block { display:block;}
.inline-block { display:inline-block;}
.float { float:left;}
.float.right { float:right;}
@media screen and (max-width: 1200px) {
.block-thin,
.inline-block.block-thin,
.flexbox.block-thin,
.grid.block-thin { display:block;}
.float.float-none-thin,
.float.right.float-none-thin { float:none;}
@media screen and (max-width: 900px) {
.float-mobile { float:left;}
.float-mobile.right { float:right;}
.float.float-none-mobile,
.float.right.float-none-mobile { float:none;}
.block-mobile,
.inline-block.block-mobile,
.flexbox.block-mobile,
.grid.block-mobile { display:block;}
.inline-block-mobile { display:inline-block;}
.unblock-mobile { display:inherit;}
}
}
/* Positions */
.rel,
.active-rel.active { position:relative;}
.fixed { position:fixed; top:0; left:0;}
.static { position:static;}
.sticky { position:-webkit-sticky; position:sticky; top:0; left:0; align-self:flex-start;}
.abs { position:absolute; top:0; left:0;}
.abs.top--1px { top:-1px; bottom:auto;}
.abs.top--0-25 { top:-0.25em; bottom:auto;}
.abs.top--5em { top:-5em; bottom:auto;}
.abs.top--12em { top:-12em; bottom:auto;}
.abs.top--13em { top:-13em; bottom:auto;}
.abs.top--1 { top:-1%; bottom:auto;}
.abs.top--5 { top:-5%; bottom:auto;}
.abs.top--10 { top:-10%; bottom:auto;}
.abs.top--13 { top:-13%; bottom:auto;}
.abs.top--15 { top:-15%; bottom:auto;}
.abs.top--16 { top:-16%; bottom:auto;}
.abs.top--20 { top:-20%; bottom:auto;}
.abs.top--25 { top:-25%; bottom:auto;}
.abs.top--28 { top:-28%; bottom:auto;}
.abs.top--30 { top:-30%; bottom:auto;}
.abs.top--40 { top:-40%; bottom:auto;}
.abs.top--50 { top:-50%; bottom:auto;}
.abs.top--75 { top:-75%; bottom:auto;}
.abs.expand-y-0-5em { top:-0.5em; bottom:-0.5em;}
.abs.expand-y-1em { top:-1em; bottom:-1em;}
.abs.expand-x-0-5em { left:-0.5em; right:-0.5em;}
.abs.expand-x-1em { left:-1em; right:-1em;}
.abs.expand-left-1em { left:-1em;}
.active > .abs.active-direct-parent-top-0 { top:0; bottom:auto;}
.abs.top-1 { top:1%; bottom:auto;}
.abs.top-2 { top:2%; bottom:auto;}
.abs.top-3 { top:3%; bottom:auto;}
.abs.top-4 { top:4%; bottom:auto;}
.abs.top-5 { top:5%; bottom:auto;}
.abs.top-8 { top:8%; bottom:auto;}
.abs.top-9 { top:9%; bottom:auto;}
.abs.top-10 { top:10%; bottom:auto;}
.abs.top-10em { top:10em; bottom:auto;}
.abs.top-11 { top:11%; bottom:auto;}
.abs.top-12 { top:12%; bottom:auto;}
.abs.top-14 { top:14%; bottom:auto;}
.abs.top-15 { top:15%; bottom:auto;}
.abs.top-20 { top:20%; bottom:auto;}
.abs.top-25 { top:25%; bottom:auto;}
.abs.top-26 { top:26%; bottom:auto;}
.abs.top-30 { top:30%; bottom:auto;}
.abs.top-32-5 { top:32.5%; bottom:auto;}
.abs.top-33 { top:33%; bottom:auto;}
.abs.top-35 { top:35%; bottom:auto;}
.abs.top-37-5 { top:37.5%; bottom:auto;}
.abs.top-40 { top:40%; bottom:auto;}
.abs.top-40vh { top:40vh; bottom:auto;}
.abs.top-45 { top:45%; bottom:auto;}
.abs.top-50 { top:50%; bottom:auto;}
.abs.top-53-6 { top:53.6%; bottom:auto;}
.abs.top-54 { top:54%; bottom:auto;}
.abs.top-55 { top:55%; bottom:auto;}
.abs.top-60 { top:60%; bottom:auto;}
.abs.top-65 { top:65%; bottom:auto;}
.abs.top-70 { top:70%; bottom:auto;}
.abs.top-72 { top:72%; bottom:auto;}
.fixed.top-1 { top:1%; bottom:auto;}
.fixed.top-5 { top:5%; bottom:auto;}
.fixed.top-10 { top:10%; bottom:auto;}
.fixed.top-15 { top:15%; bottom:auto;}
.fixed.top-20 { top:20%; bottom:auto;}
.fixed.top-25 { top:25%; bottom:auto;}
.fixed.top-35 { top:35%; bottom:auto;}
.fixed.top-50 { top:50%; bottom:auto;}
.fixed.top-50vh,
.abs.top-50vh { top:50vh; bottom:auto;}
.abs.top-75,
.fixed.top-75 { top:75%; bottom:auto;}
.fixed.top-75vh,
.abs.top-75vh { top:75vh; bottom:auto;}
.abs.top-80 { top:80%; bottom:auto;}
.abs.top-85 { top:85%; bottom:auto;}
.abs.top-100 { top:100%; bottom:auto;}
.abs.top-100px { top:100px; bottom:auto;}
.abs.top-100vh { top:100vh; bottom:auto;}
.abs.bot,
.fixed.bot { top:auto; bottom:0;}
.fixed.bot-1 { top:auto; bottom:1%;}
.abs.bot--5em { bottom:-5em;}
.abs.bot-50vh { bottom:50vh;}
.abs.bot--50vh { bottom:-50vh;}
.abs.bot-3 { top:auto; bottom:3%;}
.abs.bot-4 { top:auto; bottom:4%;}
.abs.bot-5,
.fixed.bot-5 { top:auto; bottom:5%;}
.abs.bot--5 { top:auto; bottom:-5%;}
.abs.bot-10,
.fixed.bot-10 { top:auto; bottom:10%;}
.abs.bot--10 { top:auto; bottom:-10%;}
.abs.bot-15 { top:auto; bottom:15%;}
.abs.bot--15 { top:auto; bottom:-15%;}
.abs.bot-20 { top:auto; bottom:20%;}
.abs.bot--20 { top:auto; bottom:-20%;}
.abs.bot-25 { top:auto; bottom:25%;}
.abs.bot--25 { top:auto; bottom:-25%;}
.abs.bot-30 { top:auto; bottom:30%;}
.abs.bot-35 { top:auto; bottom:35%;}
.abs.bot-40 { top:auto; bottom:40%;}
.abs.bot-50 { top:auto; bottom:50%;}
.abs.bot-80 { top:auto; bottom:80%;}
.abs.bot-85 { top:auto; bottom:85%;}
.abs.bot-100 { top:auto; bottom:100%;}
.abs.right,
.fixed.right { left:auto; right:0;}
.abs.right-too { right:0;}
.abs.right-4 { left:auto; right:4%;}
.fixed.right-5,
.abs.right-5 { left:auto; right:5%;}
.abs.right--5 { left:auto; right:-5%;}
.abs.right-7 { left:auto; right:7%;}
.abs.right-10,
.fixed.right-10 { left:auto; right:10%;}
.abs.right-15 { left:auto; right:15%;}
.abs.right-25 { left:auto; right:25%;}
.abs.right-20 { left:auto; right:20%;}
.abs.right-30 { left:auto; right:30%;}
.abs.right-33 { left:auto; right:33%;}
.abs.right-50 { left:auto; right:50%;}
.abs.right-60 { left:auto; right:60%;}
.abs.right-70 { left:auto; right:70%;}
.abs.right-80 { left:auto; right:80%;}
.abs.right-85 { left:auto; right:85%;}
.abs.right-100 { left:auto; right:100%;}
.fixed.left,
.active > .abs.active-direct-parent-left-0 { right:auto; left:0;}
.abs.left--1px { right:auto; left:-1px;}
.abs.left--0-25 { right:auto; left:-0.25em;}
.abs.left--1-5 { right:auto; left:-1.5%;}
.abs.left--4 { right:auto; left:-4%;}
.abs.left--5 { right:auto; left:-5%;}
.abs.left--5-5 { right:auto; left:-5.5%;}
.abs.left--7 { right:auto; left:-7%;}
.abs.left--9 { right:auto; left:-9%;}
.abs.left--10 { right:auto; left:-10%;}
.abs.left--11 { right:auto; left:-11%;}
.abs.left--12 { right:auto; left:-12%;}
.abs.left--13 { right:auto; left:-13%;}
.abs.left--15 { right:auto; left:-15%;}
.abs.left--20 { right:auto; left:-20%;}
.abs.left--22 { right:auto; left:-22%;}
.abs.left--25 { right:auto; left:-25%;}
.abs.left-4 { right:auto; left:4%;}
.abs.left-5 { right:auto; left:5%;}
.abs.left-10 { right:auto; left:10%;}
.abs.left-10-8 { right:auto; left:10.8%;}
.abs.left-12em { right:auto; left:12em;}
.abs.left-15 { right:auto; left:15%;}
.abs.left-17-5 { right:auto; left:17.5%;}
.abs.left-20 { right:auto; left:20%;}
.abs.left-21 { right:auto; left:21%;}
.abs.left-22-5 { right:auto; left:22.5%;}
.abs.left-24 { right:auto; left:24%;}
.abs.left-25 { right:auto; left:25%;}
.abs.left-30 { right:auto; left:30%;}
.abs.left-33 { right:auto; left:33%;}
.abs.left-35 { right:auto; left:35%;}
.abs.left-37-5 { right:auto; left:37.5%;}
.abs.left-40 { right:auto; left:40%;}
.abs.left-45 { right:auto; left:45%;}
.abs.left-50 { right:auto; left:50%;}
.fixed.left-5 { right:auto; left:5%;}
.fixed.left-50 { right:auto; left:50%;}
.abs.left--50,
.fixed.left--50 { right:auto; left:-50%;}
.abs.left-60 { right:auto; left:60%;}
.abs.left-65 { right:auto; left:65%;}
.abs.left-70 { right:auto; left:70%;}
.abs.left-80 { right:auto; left:80%;}
.abs.left-100 { right:auto; left:100%;}
.abs.left--100 { right:auto; left:-100%;}
.abs.left--33 { right:auto; left:-33%;}
.abs.left--10em-only { left:-10em;}
@media screen and (max-width: 1200px) {
.rel-thin { position:relative;}
.abs-thin { position:absolute; top:0; left:0;}
.abs.bot-thin { top:auto; bottom:0 !important;}
.abs.top--10em-thin { top:-10em; bottom:auto;}
.abs.top-5-thin { top:5% !important; bottom:auto;}
.abs.top-8-thin { top:8% !important; bottom:auto;}
.abs.top-10-thin { top:10% !important; bottom:auto;}
.abs.top-12-thin { top:12% !important; bottom:auto;}
.abs.top-15-thin,
.abs-thin.top-15-thin { top:15% !important; bottom:auto;}
.abs.top-20-thin { top:20% !important; bottom:auto;}
.abs.top-30-thin { top:30% !important; bottom:auto;}
.abs.top-40-thin { top:40% !important; bottom:auto;}
.abs.top-45-thin { top:45% !important; bottom:auto;}
.abs.top-50-thin { top:50% !important; bottom:auto;}
.abs.top-60-thin { top:60% !important; bottom:auto;}
.abs.top-70-thin { top:70% !important; bottom:auto;}
.abs.top-80-thin { top:80% !important; bottom:auto;}
.abs.top-90-thin,
.abs-thin.top-90-thin { top:90% !important; bottom:auto;}
.abs.top-100-thin { top:100% !important; bottom:auto;}
.abs.left-thin { left:0 !important; right:auto;}
.abs.left--4-thin { left:-4%; right:auto;}
.abs.left--40-thin { left:-40%; right:auto;}
.abs.left-5-thin { left:5%; right:auto;}
.abs.left-10-thin { left:10%; right:auto;}
.abs.left-20-thin { left:20%; right:auto;}
.abs.left-30-thin,
.left-30-thin { left:30% !important; right:auto;}
.abs.left-40-thin { left:40% !important; right:auto;}
.abs.left-50-thin { left:50% !important; right:auto;}
@media screen and (max-width: 768px) {
.rel-mobile { position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
.abs-mobile { position:absolute; top:0; left:0;}
.abs-mobile.left-100 { right:auto; left:100%;}
.abs.top--10em-mobile { top:-10em; bottom:auto;}
.fixed-mobile.top-mobile { top:0 !important; bottom:auto !important;}
.abs.top-mobile { top:0 !important; bottom:auto;}
.abs.top-5-mobile { top:5% !important; bottom:auto;}
.abs.top-7-mobile { top:7% !important; bottom:auto;}
.abs.top-10-mobile { top:10% !important; bottom:auto;}
.abs.top-12-mobile { top:12% !important; bottom:auto;}
.abs.top-15-mobile,
.abs-mobile.top-15-mobile { top:15% !important; bottom:auto;}
.abs.top-20-mobile { top:20% !important; bottom:auto;}
.abs.top-25-mobile { top:25% !important; bottom:auto;}
.abs.top-30-mobile { top:30% !important; bottom:auto;}
.abs.top-35-mobile { top:35% !important; bottom:auto;}
.abs.top-40-mobile { top:40% !important; bottom:auto;}
.abs.top-50-mobile,
.abs-mobile.top-50-mobile { top:50%; bottom:auto;}
.abs.top-55-mobile { top:55% !important; bottom:auto;}
.abs.top-80-mobile { top:80% !important; bottom:auto;}
.abs.top-90-mobile,
.abs-mobile.top-90-mobile { top:90% !important; bottom:auto;}
.abs.top-100-mobile { top:100%; bottom:auto;}
.abs.top-30em-mobile { top:30em; bottom:auto;}
.abs.top-58em-mobile { top:58em; bottom:auto;}
.abs.top-64em-mobile { top:64em; bottom:auto;}
.abs-mobile.top-40 { top:40% !important; bottom:auto;}
.abs-mobile.top-50 { top:50% !important; bottom:auto;}
.abs-mobile.top-60 { top:60% !important; bottom:auto;}
.abs-mobile.top-70 { top:70% !important; bottom:auto;}
.abs-mobile.right-mobile,
.abs.right-mobile,
.fixed-mobile.right-mobile,
.fixed.right-mobile { left:auto; right:0;}
.fixed-mobile.left-mobile,
.fixed.left-mobile { right:auto; left:0;}
.abs.left--40-mobile { left:-40%; right:auto;}
.abs.left--50-mobile { left:-50%; right:auto;}
.abs.left-mobile { left:0; right:auto;}
.abs.left-5-mobile { left:5%; right:auto;}
.abs.left-10-mobile { left:10%; right:auto;}
.abs.left-15-mobile { left:15%; right:auto;}
.abs.left-20-mobile { left:20%; right:auto;}
.abs.left-30-mobile { left:30%; right:auto;}
.abs.left-45-mobile { left:45%; right:auto;}
.abs.left-50-mobile { left:50%; right:auto;}
.abs.left-60-mobile { left:60%; right:auto;}
.abs.left-100-mobile { left:100%; right:auto;}
.abs.right-50-mobile { left:auto; right:50%;}
.fixed.right-5-mobile,
.fixed-mobile.right-5-mobile { left:auto; right:5%;}
.abs.bot-25em-mobile { bottom:25em;}
.abs.bot-100-mobile { top:auto; bottom:100%;}
.abs.right--40-mobile { left:auto; right:-40%;}
.abs.bot--40-mobile { top:auto; bottom:-40%;}
.abs-mobile.bot,
.abs.bot-mobile { top:auto !important; bottom:0 !important;}
.rel-mobile,
.active + .active-prev-rel-mobile { position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
.abs.top-100-mobile { top:100%; bottom:auto;}
.fixed-mobile { position:fixed;}
@media screen and (max-width: 400px) {
.abs.top-5-xs { top:5% !important; bottom:auto;}
.abs.top-10-xs { top:10% !important; bottom:auto;}
}
}
}
@media screen and (min-width: 1600px) {
.top--12-large { top:-12% !important;}
}
/* Flexibles */
.flexbox { display:flex;}
.flexbox.row { flex-direction:row;}
.flexbox.column { flex-direction:column;}
.flexbox.center { align-items:center; justify-content:center;}
.flexbox.align-center { align-items:center;}
.flexbox.align-start { align-items:flex-start;}
.flexbox.align-end { align-items:flex-end;}
.flexbox.align-baseline { align-items: baseline;}
.flexbox.align-stretch { align-items:stretch;}
.flexbox.justify-center { justify-content:center;}
.flexbox.right { justify-content:right;}
.flexbox.left { justify-content:left;}
.flexbox.reverse { flex-direction:row-reverse;}
.flexbox.column.reverse { flex-direction:column-reverse;}
.flexbox.wrap { flex-wrap:wrap;}
.flexbox.justify-stretch { justify-content:stretch;}
.flexbox.spaced { justify-content:space-between;}
.flexbox.spaced-evenly { justify-content:space-evenly;}
.flexbox.justify-end { justify-content:flex-end;}
.flexbox.gap-0-25 { gap:0.25em;}
.flexbox.gap-0-5 { gap:0.5em;}
.flexbox.gap-0-75 { gap:0.75em;}
.flexbox.gap-1 { gap:1em;}
.flexbox.gap-1-5 { gap:1.5em;}
.flexbox.gap-h-3 { gap:0 3em;}
.flexbox.gap-h-2 { gap:0 2em;}
.flexbox.gap-h-1-5 { gap:0 1.5em;}
.flexbox.gap-h-1 { gap:0 1em;}
.flexbox.gap-h-0-75 { gap:0 0.75em;}
.flexbox.gap-h-0-5 { gap:0 0.5em;}
.flexbox.gap-v-0-25 { gap:0.25em 0;}
.flexbox.gap-v-1 { gap:1em 0;}
.flexbox.gap-v-2 { gap:2em 0;}
.flexbox .flex { flex:1;}
.flexbox .flex-2 { flex:2;}
.flexbox .align-center { align-self:center;}
.flexbox .align-right { align-self:end;}
.flexbox .order-first { order:-1;}
.flexbox .order-last { order:99;}
.flexbox .active.active-order-0 { order:0;}
.flexbox .order-1 { order:1;}
.flexbox .break { flex-basis:100%;}
.flexbox .break-mobile { display:none;}
.flexbox.nogap { gap:0;}
.flexbox.gap-1 { gap:1em;}
.flexbox.gap-1-5 { gap:1.5em;}
.flexbox.gap-2 { gap:2em;}
.flexbox.gap-3 { gap:3em;}
.flexbox.gap-4 { gap:4em;}
.flexbox.gap-5 { gap:5em;}
.flexbox.gap-6 { gap:6em;}
.flexbox.gap-8 { gap:8em;}
.flexbox.gap-20 { gap:20em;}
.flexbox.gap-15p { gap:15%;}
.grid { display: grid; grid-auto-rows:1fr; -ms-grid-rows:1fr;}
.grid-2 { grid-template-columns:repeat(2, 1fr);}
.grid-3 { grid-template-columns:repeat(3, 1fr);}
.grid-4 { grid-template-columns:repeat(4, 1fr);}
.grid.gap-1 { gap:1em; grid-gap:1em;}
.grid.gap-2 { gap:2em; grid-gap:2em;}
.grid.gap-3 { gap:3em; grid-gap:3em;}
.grid.gap-4 { gap:4em; grid-gap:4em;}
.grid.gap-5 { gap:5em; grid-gap:5em;}
.grid.strech { align-items:stretch; justify-items:stretch;}
.grid.center { align-items:center; justify-items:center;}
.grid.start { align-items:flex-start; justify-items:flex-start;}
.grid.end { align-items:flex-end; justify-items:flex-end;}
.nowrap { white-space: nowrap;}
@media screen and (max-width: 1200px) {
.flexbox-mobile { display:flex;}
.flexbox.column-thin,
.flexbox.reverse.column-thin { flex-direction:column;}
.flexbox.column-reverse-mobile { flex-direction:column-reverse;}
.flexbox .break-mobile { display:block; flex-basis:100%;}
.flexbox.row-reverse-mobile { flex-direction:row-reverse;}
.flexbox.center-mobile { align-items:center !important; justify-content:center !important;}
.flexbox.gap-0-mobile { gap:0;}
.flexbox.gap-0-5-mobile { gap:0.5em;}
.flexbox.gap-1-mobile { gap:1em;}
.flexbox.gap-2-mobile { gap:2em;}
.flexbox.gap-3-mobile { gap:3em;}
.flexbox.gap-4-mobile { gap:4em;}
.flexbox.right-mobile { justify-content:right;}
.flexbox.justify-between-mobile { justify-content: space-between;}
.flexbox.justify-end-mobile { justify-content:flex-end;}
.grid.blog { grid-template-columns:repeat(1, 1fr);}
.grid-2 { grid-template-columns:repeat(2, 1fr);}
.grid-3 { grid-template-columns:repeat(3, 1fr);}
.grid-4 { grid-template-columns:repeat(4, 1fr);}
@media screen and (max-width: 768px) {
.flexbox-mobile { display:flex;}
.flexbox.row-mobile { flex-direction:row;}
.flexbox.align-start-mobile { align-items:flex-start;}
.flexbox.column-mobile,
.flexbox.reverse.column-mobile,
.flexbox-mobile.column-mobile { flex-direction:column;}
.flexbox.column-reverse-mobile { flex-direction:column-reverse;}
.flexbox .break-mobile { display:block; flex-basis:100%;}
.flexbox.row-reverse-mobile { flex-direction:row-reverse;}
.flexbox.center-mobile { align-items:center !important; justify-content:center !important;}
.flexbox.spaced-mobile { justify-content:space-between;}
.flexbox.gap-0-mobile { gap:0;}
.flexbox.gap-0-5-mobile { gap:0.5em;}
.flexbox.gap-1-mobile { gap:1em;}
.flexbox.gap-2-mobile { gap:2em;}
.flexbox.gap-3-mobile { gap:3em;}
.flexbox.gap-4-mobile { gap:4em;}
.flexbox.gap-5-mobile { gap:5em;}
.flexbox.right-mobile { justify-content:right;}
.flexbox.justify-between-mobile { justify-content: space-between;}
.flexbox.justify-start-mobile { justify-content:flex-start;}
.flexbox.justify-end-mobile { justify-content:flex-end;}
.grid.blog { grid-template-columns:repeat(1, 1fr);}
.grid-1-mobile { grid-template-columns:repeat(1, 1fr);}
.grid-2-mobile { grid-template-columns:repeat(2, 1fr);}
.grid-3-mobile { grid-template-columns:repeat(3, 1fr);}
.grid-4-mobile { grid-template-columns:repeat(4, 1fr);}
}
}
/* Filtres */
.grayscale-100 { filter:grayscale(100%);}
.hover-parent:hover .parent-hover-grayscale-0,
.current .current-grayscale-0 { filter:grayscale(0%);}
@media screen and (max-width: 900px) {
.no-filter-mobile { filter:none;}
}
/* Dimensions */
.border-box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content-box { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.width-0 { width:0%;}
.width-fit { width:fit-content;}
.width-1vw { width: 1vw;}
.width-auto { width:auto;}
.half { width:50%;}
.half--3em { width:calc(50% - 3em); width:-webkit-calc(50% - 3em);}
.half-3em { width:calc(50% + 3em); width:-webkit-calc(50% + 3em);}
.quarter { width:25%;}
.third { width:calc(100% / 3); width:-webkit-calc(100% / 3);}
.two-third { width:calc((100% / 3) * 2); width:-webkit-calc((100% / 3) * 2);}
.three-quarter { width:75%;}
.width-80-p { width:80%;}
.width-1px { width:1px;}
.width-2px { width:2px;}
.width-3px { width:3px;}
.width-9px { width:9px;}
.width-0-125em { width:0.125em;}
.width-0-2em { width:0.2em;}
.width-0-25em { width:0.25em;}
.width-0-375em { width:0.375em;}
.width-0-5em { width:0.5em;}
.width-0-625em { width:0.625em;}
.width-0-75em { width:0.75em;}
.width-0-8125em { width:0.8125em;}
.width-1em { width:1em;}
.width-1-125em { width:1.125em;}
.width-1-25em { width:1.25em;}
.active.active-width-1-3em { width:1.3em;}
.width-1-375em { width:1.375em;}
.width-1-5em { width:1.5em;}
.width-2em { width:2em;}
.width-2-5em { width:2.5em;}
.width-3em { width:3em;}
.width-3-25em { width:3.25em;}
.width-3-75em { width:3.75em;}
.width-4em { width:4em;}
.width-4-25em { width:4em;}
.width-5em { width:5em;}
.width-5-35em { width:5.35em;}
.width-5-5em { width:5.5em;}
.width-6em { width:6em;}
.width-6-5em { width:6.5em;}
.width-7em { width:7em;}
.width-7-25em { width:7.25em;}
.width-7-5em { width:7.5em;}
*:hover > .hover-direct-parent-width-8em,
.width-8em { width:8em;}
.width-9em { width:9em;}
.width-10em { width:10em;}
.max-width-10em { max-width:10em;}
.width-11em { width:11em;}
.width-12em { width:12em;}
.width-13em { width:13em;}
.width-13-5em { width:13.5em;}
.width-14em { width:14em;}
.width-15em { width:15em;}
.width-16em { width:16em;}
.max-width-16em { max-width:16em;}
.width-17em { width:17em;}
.width-18em { width:18em;}
.width-19em { width:19em;}
.width-20em { width:20em;}
.width-22em { width:22em;}
.width-24em { width:24em;}
.max-width-25em { max-width:25em;}
.width-26em { width:26em;}
.width-28em { width:28em;}
.width-30em { width:30em;}
.width-32em { width:32em;}
.width-33em { width:33em;}
.width-35em { width:35em;}
.width-36em { width:36em;}
.width-40em { width:40em;}
.width-45em { width:45em;}
.width-46em { width:46em;}
.width-50em { width:50em;}
.width-70em { width:70em;}
.width-5 { width: 5%;}
.width-6 { width: 6%;}
.width-8 { width: 8%;}
.width-10 { width:10%;}
.width-15 { width:15%;}
.width-16 { width:16%;}
.width-17-5 { width:17.5%;}
.width-20 { width:20%;}
.width-22 { width:22%;}
.width-24 { width:24%;}
.width-25 { width:25%;}
.width-30 { width:30%;}
.width-31 { width:31%;}
.width-32 { width:32%;}
.width-tier { width:33.33%; width:-webkit-calc(100% / 3); width:calc(100% / 3);}
.width-tier.flex { flex:0 0 33.33%;}
.width-35,
.active.active-width-35 { width:35%;}
.width-37 { width:37%;}
.width-38-9 { width:38.9%;}
.width-40 { width:40%;}
.width-43 { width:43%;}
.width-40.flex { flex:0 0 40%;}
.width-45 { width:45%;}
.width-45.flex { flex:0 0 45%;}
.width-48 { width:48%;}
.width-49 { width:49%;}
.width-50 { width:50%;}
.width-51 { width:51%;}
.width-55 { width:55%;}
.width-55.flex { flex:0 0 55%;}
.width-56 { width:56%;}
.width-60 { width:60%;}
.width-65 { width:65%;}
.width-65.flex { flex:0 0 65%;}
.width-70 { width:70%;}
.width-70.flex { flex:0 0 70%;}
.width-75 { width:75%;}
.width-75.flex { flex:0 0 75%;}
.width-76 { width:76%;}
.width-78 { width:78%;}
.width-80 { width:80%;}
.width-80.flex { flex:0 0 80%;}
.width-82 { width:82%;}
.width-85 { width:85%;}
.width-87 { width:87%;}
.width-88 { width:88%;}
.width-90 { width:90%;}
.width-90.flex { flex:0 0 90%;}
.width-94 { width:94%;}
.width-95 { width:95%;}
.width-100,
.active > .active-direct-parent-width-100,
.spe-parent.active .active-spe-parent-width-100,
*:hover > .hover-direct-parent-width-100 { width:100%;}
.spe-parent:hover > .hover-spe-parent-width-100 { width:100%;}
.active > .active-direct-parent-width-screen,
*:hover > .hover-direct-parent-width-screen { width:100vw;}
.width-100--1em { width:95%; width:-webkit-calc(100% - 1em); width:calc(100% - 1em);}
.width-105 { width:104%;}
.width-105 { width:105%;}
.width-108 { width:108%;}
.width-110 { width:110%;}
.width-115 { width:115%;}
.width-125 { width:125%;}
.width-135 { width:135%;}
.width-140 { width:140%;}
.width-150 { width:150%;}
.width-175 { width:175%;}
.width-50vw { width:50vw;}
.width-70vw { width:70vw;}
.width-75vw { width:75vw;}
.width-80vw { width:80vw;}
.width-screen { width:100vw;}
.width-screen.flex { flex:0 0 100vw;}
.width-2screen { width:200vw;}
.width-3screen { width:300vw;}
.width-100 { width:100%;}
.width-200 { width:200%;}
.width-300 { width:300%;}
.width-400 { width:400%;}
.width-inf { width:10000vw;}
.min-width-20em { min-width:20em;}
.min-width-15 { min-width:15%;}
.min-width-20 { min-width:20%;}
.min-width-25 { min-width:25%;}
.min-width-30 { min-width:30%;}
.min-width-50 { min-width:50%;}
.max-width-15em { max-width:15em;}
.max-width-22em { max-width:22em;}
.max-width-26em { max-width:26em;}
.max-width-30em { max-width:30em;}
.max-width-40em { max-width:40em;}
.max-width-50 { max-width:50%;}
.max-width-55 { max-width:55%;}
.max-width-60em { max-width:60em;}
.max-width-tier { max-width:33.33%; max-width:-webkit-calc(100% / 3); max-width:calc(100% / 3);}
.max-width-60 { max-width:60%;}
.max-width-70 { max-width:70%;}
.max-width-80 { max-width:80%;}
.max-width-100 { max-width:100%;}
.max-width-55vh { max-width:55vh;}
.max-width-60vh { max-width:60vh;}
.max-width-70vh { max-width:70vh;}
.max-width-90vh { max-width:90vh;}
.max-width-500 { max-width:500px;}
.max-width-none { max-width:none;}
.height-initial { height:initial;}
.height-fit { height:fit-content;}
.height-1px { height:1px;}
.height-2px { height:2px;}
.height-3px { height:3px;}
.height-4px { height:4px;}
.height-5px { height:5px;}
.height-9px { height:9px;}
.height-10px { height:10px;}
.height-15px { height:15px;}
.height-20px { height:20px;}
.height-75px { height:75px;}
.height-100px { height:100px;}
.height-0-125em { height:0.125em;}
.height-0-2em { height:0.2em;}
.height-0-25em { height:0.25em;}
.height-0-35em { height:0.35em;}
.height-0-375em { height:0.375em;}
.height-0-5em { height:0.5em;}
.height-0-6em { height:0.6em;}
.height-0-625em { height:0.625em;}
.height-0-75em { height:0.75em;}
.height-0-8125em { height:0.8125em;}
.height-1em { height:1em;}
.height-1-125em { height:1.125em;}
.height-1-25em { height:1.25em;}
.height-1-3em { height:1.3em;}
.active.active-height-1-3em { height:1.3em;}
.height-1-5em { height:1.5em;}
.height-1-75em { height:1.75em;}
.height-1-85em { height:1.85em;}
.height-2em { height:2em;}
.height-2-25em { height:2.25em;}
.height-2-35em { height:2.35em;}
.height-2-45em { height:2.45em;}
.height-2-5em { height:2.5em;}
.height-2-75em { height:2.75em;}
.height-3em { height:3em;}
.max-height-3em { max-height:3em;}
.height-3-125em { height: 3.125em;}
.height-3-25em { height:3.25em;}
.height-3-375em { height:3.375em;}
.height-3-5em { height:3.5em;}
.height-3-75em { height:3.75em;}
.height-3-875em { height:3.875em;}
.height-4em { height:4em;}
.max-height-4em { max-height:4em;}
.height-4-25em { height:4.25em;}
.height-4-5em { height:4.5em;}
.height-5em { height:5em;}
.max-height-5em { max-height:5em;}
.height-5-125em { height:5.125em;}
.height-5-5em { height:5.5em;}
.height-5-75em { height:5.75em;}
.height-6em { height:6em;}
.height-6-375em { height:6.375em;}
.height-6-5em { height:6.5em;}
.height-7em { height:7em;}
.max-height-7em { max-height:7em;}
.height-7-25em { height:7.25em;}
.height-7-5em { height:7.5em;}
.height-8em { height:8em;}
.max-height-8em { max-height:8em;}
.height-8-125em { height:8.125em;}
.height-8-5em { height:8.5em;}
.height-8-75em { height:8.75em;}
.height-9em { height:9em;}
.height-10em { height:10em;}
.height-11em { height:11em;}
.max-height-12em { max-height:12em;}
.height-12em { height:12em;}
.height-12-5em { height:12.5em;}
.height-13em { height:13em;}
.height-13-5em { height:13.5em;}
.height-13-75em { height:13.75em;}
.height-14em { height:14em;}
.height-15em { height:15em;}
.max-height-15em { max-height:15em;}
.height-16em { height:16em;}
.height-17em { height:17em;}
.height-18em { height:18em;}
.height-18-5em { height:18.5em;}
.height-19em { height:19em;}
.height-19-5em { height:19.5em;}
.height-20em { height:20em;}
.max-height-20em { max-height:20em;}
.height-22em { height:22em;}
.height-23em { height:23em;}
.height-24em { height:24em;}
.height-25em { height:25em;}
.height-26em { height:26em;}
.height-28em { height:28em;}
.height-30em { height:30em;}
.height-32em { height:32em;}
.height-33em { height:33em;}
.height-34em { height:34em;}
.height-35em { height:35em;}
.height-36em { height:36em;}
.height-40em { height:40em;}
.height-42em { height:42em;}
.height-46em { height:46em;}
.height-50em { height:50em;}
.height-60em { height:60em;}
.height-70em { height:70em;}
.height-10 { height:10%;}
.height-15 { height:15%;}
.height-16 { height:16%;}
.height-20 { height:20%;}
.height-25 { height:25%;}
.height-30 { height:30%;}
.active.active-height-35,
.height-35 { height:35%;}
.height-40 { height:40%;}
.height-45 { height:45%;}
.height-49 { height:49%;}
.height-50 { height:50%;}
.height-51 { height:51%;}
.height-55 { height:55%;}
.height-60 { height:60%;}
.height-65,
.loaded .parent-loaded-height-65, .loaded-height-65.loaded { height:65%;}
.height-70 { height:70%;}
.height-75 { height:75%;}
.height-80 { height:80%;}
.height-85 { height:85%;}
.height-90 { height:90%;}
.height-100,
.active > .active-direct-parent-height-100 { height:100%;}
.height-100-10em { height:-webkit-calc(100% + 10em); height:calc(100% + 10em);}
.height-105 { height:105%;}
.height-110 { height:110%;}
.height-115 { height:115%;}
.height-125 { height:125%;}
.height-135 { height:135%;}
.height-145 { height:145%;}
.height-150 { height:150%;}
.height-175 { height:175%;}
.height-200 { height:200%;}
.height-300 { height:300%;}
.height-500 { height:500%;}
.height-10vh { height:10vh;}
.height-15vh { height:15vh;}
.height-20vh { height:20vh;}
.height-25vh { height:25vh;}
.height-30vh { height:30vh;}
.height-35vh { height:35vh;}
.height-40vh { height:40vh;}
.height-50vh { height:50vh;}
.height-55vh { height:55vh;}
.height-60vh { height:60vh;}
.height-65vh { height:65vh;}
.height-70vh { height:70vh;}
.height-75vh { height:75vh;}
.height-80vh { height:80vh;}
.height-90vh { height:90vh;}
.height-screen,
.height-100vh { height:-webkit-fill-available; height:100vh;}
.height-120vh { height:120vh;}
.height-130vh { height:130vh;}
.height-140vh { height:140vh;}
.height-150vh { height:150vh;}
.height-2screen { height:200vh;}
.height-220vh { height:220vh;}
.height-3screen { height:300vh;}
.height-infinite { height:1000vh;}
.height-inf { height:10000vh;}
.height-auto { height:auto;}
.min-height-15em { min-height:15em;}
.min-height-20em { min-height:20em;}
.min-height-25em { min-height:25em;}
.min-height-26em { min-height:26em;}
.min-height-70vh { min-height:70vh;}
.min-height-30 { min-height:30%;}
.min-height-100 { min-height:100%;}
.min-height-screen { min-height:100vh;}
.max-height-80 { max-height:80%;}
.max-height-100 { max-height:100%;}
@media screen and (max-width: 1600px) {
.height-3em-large { height:3em;}
.height-2em-large { height:2em;}
.height-3-5em-large { height:3.5em;}
@media screen and (max-width: 1200px) {
.width-10-thin { width:10%;}
.width-14em-thin { width:14em;}
.width-20-thin { width:20%;}
.width-25-thin { width:25%;}
.width-30-thin { width:30%;}
.width-40-thin { width:40%;}
.width-45-thin { width:45%;}
.width-50-thin { width:50%;}
.width-60-thin { width:60%;}
.width-70-thin { width:70%;}
.width-75-thin { width:75%;}
.width-80-thin { width:80%;}
.width-85-thin { width:85%;}
.width-90-thin { width:90%;}
.width-100-thin { width:100%;}
.height-auto-thin { height:auto;}
.height-10-thin { height:10%;}
.height-14-thin { height:14%;}
.height-15-thin { height:15%;}
.height-20-thin { height:20%;}
.height-20em-thin { height:20em;}
.height-30-thin { height:30%;}
.height-40-thin { height:40%;}
.height-45-thin { height:45%;}
.height-50-thin { height:50%;}
.height-60-thin { height:60%;}
.height-70-thin { height:70%;}
.height-80-thin { height:80%;}
.height-90-thin { height:90%;}
.height-100-thin { height:100%;}
.height-30dvh-thin { height:30dvh;}
.height-35dvh-thin { height:35dvh;}
.height-40dvh-thin { height:40dvh;}
.height-45dvh-thin { height:45dvh;}
.height-50dvh-thin { height:50dvh;}
.height-60dvh-thin { height:60dvh;}
.height-70dvh-thin { height:70dvh;}
.height-75dvh-thin { height:75dvh;}
.height-80dvh-thin { height:80dvh;}
.height-90dvh-thin { height:90dvh;}
.height-100dvh-thin { height:100dvh;}
.height-110dvh-thin { height:110dvh;}
.height-120dvh-thin { height:120dvh;}
.height-130dvh-thin { height:130dvh;}
.height-140dvh-thin { height:140dvh;}
.height-150dvh-thin { height:150dvh;}
.height-170dvh-thin { height:170dvh;}
@media screen and (max-width: 768px) {
.no-min-height-mobile { min-height:auto !important;}
.no-min-width-mobile { min-width:auto !important;}
.height-auto-mobile { height:auto;}
.height-fit-mobile { height:fit-content;}
.width-auto-mobile { width:auto;}
.max-width-auto-mobile { max-width:100%;}
.max-width-100-mobile { max-width:100%;}
.width-0-mobile { width:0%;}
.width-1em-mobile { width:1em;}
.width-2em-mobile { width:2em;}
.width-3em-mobile { width:3em;}
.width-4em-mobile { width:4em;}
.width-5em-mobile { width:5em;}
.width-6em-mobile { width:6em;}
.width-8em-mobile { width:8em;}
.width-10em-mobile { width:10em;}
.width-12em-mobile { width:12em;}
.width-15em-mobile { width:15em;}
.width-20em-mobile { width:20em;}
.width-15-mobile { width:15%;}
.width-17-5-mobile { width:17.5%;}
.width-20-mobile { width:20%;}
.width-30-mobile { width:30%;}
.width-40-mobile { width:40%;}
.width-40em-mobile { width:40em;}
.width-50-mobile { width:50%;}
.width-55-mobile { width:55%;}
.width-60-mobile { width:60%;}
.width-70-mobile { width:70%;}
.width-75-mobile { width:75%;}
.width-80-mobile { width:80%;}
.width-85-mobile { width:85%;}
.width-90-mobile { width:90%;}
.width-100-mobile { width:100%;}
.width-125-mobile { width:125%;}
.width-150-mobile { width:150%;}
.width-160-mobile { width:160%;}
.width-175-mobile { width:175%;}
.width-200-mobile { width:200%;}
.width-230-mobile { width:230%;}
.width-60vw-mobile { width:60vw}
.width-screen-mobile { width:100vw;}
.width-200vh-mobile { width:200vh;}
.height-1px-mobile { height:1px;}
.height-25-mobile { height:25%;}
.height-30-mobile { height:30%;}
.height-40-mobile { height:40%;}
.height-45-mobile { height:45%;}
.height-50-mobile { height:50%;}
.height-60-mobile { height:60%;}
.height-63-mobile { height:63%;}
.height-65-mobile { height:65%;}
.height-70-mobile { height:70%;}
.height-75-mobile { height:75%;}
.height-80-mobile { height:80%;}
.height-90-mobile { height:90%;}
.height-100-mobile { height:100%;}
.height-125-mobile { height:125%;}
.height-150-mobile { height:150%;}
.height-175-mobile { height:175%;}
.height-200-mobile { height:200%;}
.height-500-mobile { height:500%;}
.height-1em-mobile { height:1em;}
.height-2em-mobile { height:2em;}
.height-4em-mobile { height:4em;}
.height-5em-mobile { height:5em;}
.height-6em-mobile { height:6em;}
.height-7em-mobile { height:7em;}
.height-8em-mobile { height:8em;}
.height-9em-mobile { height:9em;}
.height-10em-mobile { height:10em;}
.height-12em-mobile { height:12em;}
.height-13em-mobile { height:13em;}
.height-14em-mobile { height:14em;}
.height-15em-mobile { height:15em;}
.height-18em-mobile { height:18em;}
.height-20em-mobile { height:20em;}
.height-22em-mobile { height:22em;}
.height-24em-mobile { height:24em;}
.height-28em-mobile { height:28em;}
.height-30em-mobile { height:30em;}
.height-36em-mobile { height:36em;}
.height-40em-mobile { height:40em;}
.height-44em-mobile { height:44em;}
.height-50em-mobile { height:50em;}
.height-60em-mobile { height:60em;}
.height-70em-mobile { height:70em;}
.height-100em-mobile { height:100em;}
.height-35vh-mobile { height:35vh;}
.height-40vh-mobile { height:40vh;}
.height-50vh-mobile { height:50vh;}
.height-70vh-mobile { height:70vh;}
.height-70dvh-mobile { height:70dvh;}
.height-75vh-mobile { height:75vh;}
.height-80vh-mobile { height:80vh;}
.height-80dvh-mobile { height:80dvh;}
.height-90vh-mobile { height:90vh;}
.height-100vh-mobile { height:100vh;}
.height-screen-mobile { height:100vh;}
.height-120vh-mobile { height:120vh;}
.height-130vh-mobile { height:130vh;}
.height-130dvh-mobile { height:130dvh;}
.height-140vh-mobile { height:140vh;}
.height-140dvh-mobile { height:140dvh;}
.height-150vh-mobile { height:150vh;}
.height-150dvh-mobile { height:150dvh;}
.height-160vh-mobile { height:160vh;}
.height-170vh-mobile { height:170vh;}
.height-170dvh-mobile { height:170dvh;}
@media screen and (max-width: 420px) {
.height-50vh-xs { height:50vh;}
.height-60vh-xs { height:60vh;}
.height-70vh-xs { height:70vh;}
.height-80vh-xs { height:80vh;}
.height-140vh-xs { height:140vh;}
.height-170vh-xs { height:170vh;}
}
}
}
}
/* CHARTE */
/* Titres / Textes */
.black-outline { text-shadow: black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.white-outline { text-shadow: white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.t-stroked { -webkit-text-stroke:0.075em white; letter-spacing:0.2em;}
.t-stroked:after { content:attr(data-text); white-space:pre-wrap; position:absolute; left:0; top:0; -webkit-text-stroke:0.075em rgba(0,0,0,0); color:inherit; letter-spacing:inherit; pointer-events:none;}
.t-std { font-size:100%; font-weight:400; line-height:1.4em;}
.t-std-2 { font-size:125%; font-weight:400; line-height:1.4em;}
.t-small { font-size:60%; font-weight:400; line-height:1.4em;}
.t-small-2 { font-size:80%; font-weight:400; line-height:1.4em;}
.t-small-3 { font-size:90%; font-weight:400; line-height:1.4em;}
.t-small-4 { font-size:75%; font-weight:400; line-height:1.4em;}
.t-title { font-size: 200%; font-weight: 400; line-height:1.3em;}
.t-title-2 { font-size: 165%; font-weight: 400; line-height:1.3em;}
.t-title-3 { font-size: 400%; font-weight: 400; line-height:1.3em;}
.t-title-offer { font-size: 300%; font-weight: 400; line-height:1.3em; text-transform:uppercase; font-family:"avenir-next-lt-pro-heavy", sans-serif;}
.t-title-offer-price { font-size: 650%; font-weight: 400; line-height:1; text-transform:uppercase; font-family:"avenir-next-lt-pro-heavy", sans-serif;}
.t-title-abo { font-size: 250%; font-weight: 400; line-height:1.3em; text-transform:uppercase;}
.t-footer { font-size: 80%;}
.avenir-normal { font-family:"avenir-next-lt-pro", sans-serif; font-weight:400;}
.avenir-demi { font-family: "avenir-next-lt-pro-demi", sans-serif; font-weight:500;}
/* Contenu enrichi */
.rich-content * + h2 { margin-top:1.5em; font-weight: bold;font-size: 150%;}
.rich-content * + h3 { margin-top:1.5em; font-weight: bold;}
.rich-content h3 + p { margin-top:3em;}
.rich-content strong { font-weight:bold;}
.rich-content * + p { margin-top: 1em;}
.rich-content p + ul { margin-top:1em;}
.rich-content ul + p { margin-top:1em;}
.rich-content ul li { padding-left:1.15em;}
.rich-content ul li + li { margin-top:0.5em;}
.rich-content.zone ul li + li { margin-top:1em;}
.rich-content ul li:before { display:block; position:absolute; top:0.1em; left:0; content:"•"; font-size:125%; font-weight:bold; line-height:0.7em;}
.rich-content mark { line-height:inherit; color:inherit; font-weight:inherit; font-size:inherit;}
.rich-content h2:not(:first-of-type) { border-top: 1px solid var(--blue-hover); margin-top: 1em; padding-top: 1em;}
/* Mobile */
@media screen and (max-width: 1200px) {
.rich-content > *,
.t-std { font-size:100%;}
@media screen and (max-width: 768px) {
.rich-content > *,
.t-std { font-size:100%;}
.t-title {font-size: 150%;}
.t-title-2 {font-size: 150%;}
.t-title-3 { font-size: 300%; }
.t-title-abo { font-size: 150%; }
.t-footer { font-size: 80%;}
.t-small-mobile { font-size: 90%;}
.t-verysmall-mobile { font-size: 75%;}
@media screen and (max-width: 380px) {
}
}
}
/* Citations */
.blockquote *:nth-child(1):before,
.rich-content blockquote *:nth-child(1):before { vertical-align:bottom; display:inline-block; content:'“'; font-size:200%; width:0.75em; padding-bottom:0; quotes:initial; hyphens:initial;}
.blockquote *:nth-last-child(1):after,
.rich-content blockquote *:nth-last-child(1):after { vertical-align:top; display:inline-block; content:'”'; font-size:200%; width:0.75em; text-align:right; quotes:initial; hyphens:initial;}
/* Video */
video { object-fit: cover;}
/* Formattage article/page simple */
.page-content .wp-block-image { padding:0; margin:0; height:100%; width:100%; object-fit:cover;}
.page-content p { font-size:106.25%; line-height:1.21em; letter-spacing:0.0415em;}
.page-content.semibold p { font-weight:600;}
.page-content p + * { margin-top:1em;}
.page-content ul + * { margin-top:1.5em;}
.page-content ul { font-size:106.25%; font-weight:400; line-height:1.21em; letter-spacing:0.0415em; padding-left:1em;}
.page-content ul li { padding-left:1.15em;}
.page-content ul li + li { margin-top:0.5em;}
.page-content ul li:before { display:block; position:absolute; top:0.1em; left:0; content:"•"; font-size:125%; font-weight:bold; line-height:0.7em;}
.page-content strong { font-weight:600;}
.page-content em { font-style:italic; font-weight:inherit;}
.page-content a { text-decoration:underline;}
.page-content a:hover { opacity:0.6;}
.page-content h1 { font-family:"avenir-next-lt-pro-condensed", sans-serif; font-size:312.5%; font-weight:600; letter-spacing:0.0415em; text-transform:uppercase;}
.page-content h2 { font-family:"avenir-next-lt-pro-condensed", sans-serif; font-size:187.5%; font-weight:600; letter-spacing:0.0415em; text-transform:uppercase;}
.page-content h3 { font-family:"avenir-next-lt-pro-condensed", sans-serif; font-size:156.25%; font-weight:500; letter-spacing:0.0415em; text-transform:uppercase;}
.page-content h2 + * { margin-top:1.5em;}
.page-content h3 + * { margin-top:1.5em;}
.page-content * + h2 { margin-top:2em;}
.page-content * + h3 { margin-top:2em;}
.page-content h1 + * { margin-top:2em;}
@media screen and (max-width: 900px) {
.page-content p,
.page-content ul { font-size:131.25%;}
.page-content h1 { font-size:250%;}
}
/* Blending / FX */
.mix-blend-darken { -webkit-mix-blend-mode:darken; mix-blend-mode:darken;}
.mix-blend-lighten { -webkit-mix-blend-mode:lighten; mix-blend-mode:lighten;}
.mix-blend-multiply { -webkit-mix-blend-mode:multiply; mix-blend-mode:multiply;}
.backdrop-blur { backdrop-filter:blur(1em); -webkit-backdrop-filter:blur(1em);}
.blur-text { filter:blur(0.12em);}
.triggered-2 .ontrigger-2-unblur, .ontrigger-2-unblur.triggered-2 { filter:blur(0);}
.blur-svg svg { filter:blur(0.5px);}
.filter-invert { filter:invert(100%);}
.back-blur-1 { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.back-blur-2 { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.back-blur-3 { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.back-blur-4 { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.back-blur-5 { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.blur-1 { filter: blur(2px); }
.blur-2 { filter: blur(4px); }
.blur-3 { filter: blur(6px); }
.blur-4 { filter: blur(8px); }
.blur-5 { filter: blur(10px);}
/* Couleurs */
.active > .active-direct-parent-color-inherit,
.spe-parent.active .active-spe-parent-color-inherit,
.color-inherit { color:inherit !important;}
.color-white,
*:hover > .hover-direct-parent-color-white,
.spe-parent.active .active-spe-parent-color-white,
.hover-color-white:hover,
.spe-parent:hover .hover-spe-parent-color-white { color:var(--white);}
.color-lightgray,
*:hover > .hover-direct-parent-color-lightgray,
.spe-parent.active .active-spe-parent-color-lightgray,
.hover-color-lightgray:hover,
.spe-parent:hover .hover-spe-parent-color-lightgray { color:var(--lightgray);}
.color-black,
*:hover > .hover-direct-parent-color-black,
.spe-parent.active .active-spe-parent-color-black,
.hover-color-black:hover,
.spe-parent:hover .hover-spe-parent-color-black { color:var(--color-black);}
.color-whiteblue,
*:hover > .hover-direct-parent-color-whiteblue,
.spe-parent.active .active-spe-parent-color-whiteblue,
.hover-color-whiteblue:hover,
.spe-parent:hover .hover-spe-parent-color-whiteblue { color:var(--white-blue);}
.color-lightblue,
.hover-color-lightblue:hover,
.spe-parent:hover .hover-spe-parent-color-lightblue,
*:hover > .hover-direct-parent-color-lightblue,
.link-hover-color-lightblue a:hover { color: var(--light-blue);}
.color-darkblue,
.spe-parent.active .active-spe-parent-color-darkblue,
.spe-parent:hover .hover-spe-parent-color-darkblue,
.hover-color-darkblue:hover,
*:hover > .hover-direct-parent-color-darkblue { color: var(--dark-blue);}
.hover-color-hover:hover,
.hover-color-hover:hover a span {color: var(--blue-hover);}
/* Backgrounds */
.bg-color-transparent { background-color:rgba(0,0,0,0);}
.bg-color-inherit { background-color: inherit;}
.bg-color-white,
.hover-bg-color-white:hover,
.active > .active-direct-parent-bg-color-white,
.active .active-parent-bg-color-white,
*:hover > .hover-direct-parent-bg-color-white,
.active.active-bg-color-white { background-color: var(--white);}
.bg-color-lightwhite,
.hover-bg-color-lightwhite:hover,
.active > .active-direct-parent-bg-color-lightwhite,
.active .active-parent-bg-color-lightwhite,
*:hover > .hover-direct-parent-bg-color-lightwhite,
.active.active-bg-color-lightwhite { background-color: var(--light-white);}
.bg-color-lightgray,
.hover-bg-color-lightgray:hover,
.active > .active-direct-parent-bg-color-lightgray,
.active .active-parent-bg-color-lightgray,
*:hover > .hover-direct-parent-bg-color-lightgray,
.active.active-bg-color-lightgray { background-color: var(--lightgray);}
.spe-parent:hover .hover-spe-parent-bg-color-hover,
.hover-bg-color-hover:hover,
.spe-parent.active .active-spe-parent-bg-color-hover,
.bg-color-hover { background-color: var(--blue-hover) !important;}
.spe-parent:hover .hover-spe-parent-bg-color-lightblue,
.hover-bg-color-lightblue:hover,
.spe-parent.active .active-spe-parent-bg-color-lightblue,
.bg-color-lightblue { background-color: var(--light-blue);}
.spe-parent:hover .hover-spe-parent-bg-color-darkblue,
.hover-bg-color-darkblue:hover,
.spe-parent.active .active-spe-parent-bg-color-darkblue,
.bg-color-darkblue { background-color: var(--dark-blue);}
.spe-parent:hover .hover-spe-parent-bg-color-corporate-blue,
.hover-bg-color-corporate-blue:hover,
.spe-parent.active .active-spe-parent-bg-color-corporate-blue,
.bg-color-corporate-blue { background-color: var(--corporate-blue);}
.spe-parent:hover .hover-spe-parent-bg-color-grayblue,
.hover-bg-color-grayblue:hover,
.spe-parent.active .active-spe-parent-bg-color-grayblue,
.bg-color-grayblue { background-color: var(--gray-blue);}
.spe-parent:hover .hover-spe-parent-bg-color-whiteblue,
.hover-bg-color-whiteblue:hover,
.spe-parent.active .active-spe-parent-bg-color-whiteblue,
.bg-color-whiteblue { background-color: var(--white-blue);}
.spe-parent:hover .hover-spe-parent-bg-color-verydark-blue,
.hover-bg-color-verydark-blue:hover,
.spe-parent.active .active-spe-parent-bg-color-verydark-blue,
.bg-color-verydark-blue { background-color: var(--verydark-blue);}
.spe-parent:hover .hover-spe-parent-bg-color-transparent-blue,
.hover-bg-color-transparent-blue:hover,
.spe-parent.active .active-spe-parent-bg-color-transparent-blue,
.bg-color-transparent-blue { background-color: var(--transparent-blue) !important;}
.spe-parent:hover .hover-spe-parent-bg-color-purple,
.hover-bg-color-purple:hover,
.spe-parent.active .active-spe-parent-bg-color-purple,
.bg-color-purple { background-color: var(--purple);}
.bg-color-transparent-whiteblue,
.hover-bg-color-transparent-whiteblue:hover,
.active > .active-direct-parent-bg-color-transparent-whiteblue,
.active .active-parent-bg-color-transparent-whiteblue,
*:hover > .hover-direct-parent-bg-color-transparent-whiteblue,
.active.active-bg-color-transparent-whiteblue { background-color: var(--transparent-whiteblue);}
.bg-color-transparent-white,
.hover-bg-color-transparent-white:hover,
.active > .active-direct-parent-bg-color-transparent-white,
.active .active-parent-bg-color-transparent-white,
*:hover > .hover-direct-parent-bg-color-transparent-white,
.active.active-bg-color-transparent-white { background-color: var(--transparent-white);}
.bg-gradient-1,
.hover-bg-gradient-1:hover { background: var(--gradient-1);}
.bg-gradient-2,
.hover-bg-gradient-2:hover { background: var(--gradient-2);}
.bg-gradient-3,
.hover-bg-gradient-3:hover { background: var(--gradient-3);}
.bg-gradient-4,
.hover-bg-gradient-4:hover { background: var(--gradient-4);}
.bg-gradient-5,
.hover-bg-gradient-5:hover { background: var(--gradient-5);}
.bg-gradient-6,
.hover-bg-gradient-6:hover { background: var(--gradient-6);}
.bg-gradient-7,
.hover-bg-gradient-7:hover { background: var(--gradient-7);}
.bg-gradient-8,
.hover-bg-gradient-8:hover { background: var(--gradient-8);}
.bg-gradient-9,
.hover-bg-gradient-9:hover { background: var(--gradient-9);}
.bg-gradient-10,
.hover-bg-gradient-10:hover { background: var(--gradient-10);}
@media screen and (max-width: 900px) {
.bg-color-verydark-blue-mobile { background-color: var(--verydark-blue);}
.hover-color-white-mobile:hover,
.active > .active-direct-parent-color-white-mobile,
.active .active-parent-color-white-mobile,
.color-white-mobile { color: var(--white) !important;}
}
/* BORDERS */
.spe-parent:hover .hover-spe-parent-border-color-white,
.hover-border-color-white:hover,
.border-color-white { border-color:var(--white) !important;}
.spe-parent:hover .hover-spe-parent-border-color-lightblue,
.hover-border-color-lightblue:hover,
.border-color-lightblue { border-color:var(--light-blue) !important;}
.spe-parent:hover .hover-spe-parent-border-color-darkblue,
.hover-border-color-darkblue:hover,
.border-color-darkblue { border-color:var(--dark-blue) !important;}
.spe-parent:hover .hover-spe-parent-border-color-whiteblue,
.hover-border-color-whiteblue:hover,
.border-color-whiteblue { border-color:var(--white-blue) !important;}
.spe-parent:hover .hover-spe-parent-border-color-corporate-blue,
.hover-border-color-corporate-blue:hover,
.border-color-corporate-blue { border-color:var(--corporate-blue) !important;}
.hover-border-color-hover:hover,
.border-color-hover { border-color:var(--blue-hover) !important;}
.border-color-lightgray { border-color: #FFFFFF4D !important;}
.border-color-footer { border-color: #FFFFFF33 !important;}
.border-color-hover { border-color: var(--blue-hover) !important;}
/* STROKES */
.p-stroke-color-white svg path { stroke:var(--white);}
.p-stroke-color-whiteblue svg path { stroke:var(--white-blue);}
.p-stroke-color-darkblue svg path { stroke:var(--light-blue);}
.p-stroke-color-lightblue svg path { stroke:var(--dark-blue);}
.hover-p-stroke-color-hoverblue:hover svg path { stroke:var(--blue-hover);}
.p-stroke-3px svg path { stroke-width:3px;}
/* FILL */
.p-color-black svg path { fill:#000000;}
*:hover > .hover-direct-parent-p-color-white svg path,
.spe-parent:hover .hover-spe-parent-p-color-white svg path,
.hover-p-color-white:hover svg path,
.p-color-white svg path { fill:var(--white);}
.hover-p-color-whiteblue:hover svg path,
.p-color-whiteblue svg path,
.spe-parent.active .active-spe-parent-p-color-whiteblue svg path { fill: var(--white-blue);}
.hover-p-color-darkblue:hover svg path,
.p-color-darkblue svg path,
.spe-parent.active .active-spe-parent-p-color-darkblue svg path { fill: var(--dark-blue);}
.hover-p-color-lightblue:hover svg path,
.p-color-lightblue svg path,
.spe-parent.active .active-spe-parent-p-color-lightblue svg path { fill: var(--lightblue);}
.hover-p-color-hoverblue:hover svg path { fill:var(--blue-hover);}
/* Mobile */
@media screen and (max-width: 900px) {
.bg-color-transparent-mobile { background-color:rgba(0,0,0,0);}
}
/* Ombres */
.shadow-1 { box-shadow: 0px 0px 28.3px 0px #0073FF4F;}
.shadow-2 { box-shadow: 10px 14px 29.4px 0px #020F4782;}
.shadow-3 { box-shadow: 9.19px 16.7px 35.66px 0px #0000006E;}
/* Transformations */
.mirrored-y { transform:scale(1.0, -1.0); -webkit-transform:scale(1.0, -1.0);}
.mirrored-x { transform:scale(-1.0, 1.0); -webkit-transform:scale(-1.0, 1.0);}
.spe-parent.active .active-spe-parent-mirrored-y { transform:scale(1.0, -1.0); -webkit-transform:scale(1.0, -1.0);}
.spe-parent:hover .hover-spe-parent-scale,
.spe-parent.active .active-spe-parent-scale,
*:hover > .hover-direct-parent-scale { transform:scale(1.175); -webkit-transform:scale(1.175);}
/* CLIPS */
.clip-top-triangle { clip-path:polygon(0 12em, 100% 0, 100% 200%, 0 200%);}
.clip-top-triangle-inv { clip-path:polygon(0 0, 100% 12em, 100% 200%, 0 200%);}
.clip-bot-triangle { clip-path:polygon(0 100%, 100% calc(100% - 12em), 100% -100%, 0 -100%);}
.clip-bot-triangle-inv { clip-path:polygon(0 calc(100% - 12em), 100% 100%, 100% -100%, 0 -100%);}
.clip-top-circle { clip-path:ellipse(110em 100em at 50% 100em);}
/* Mobile */
@media screen and (max-width: 900px) {
.clip-top-triangle { clip-path:polygon(0 6em, 100% 0, 100% 200%, 0 200%);}
.clip-bot-triangle { clip-path:polygon(0 100%, 100% calc(100% - 6em), 100% -100%, 0 -100%);}
}
/* Cercles accueil - section 1 */
.deg-circle { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.deg-circle:nth-child(1) { height:85%;}
.deg-circle:nth-child(2) { height:120%;}
.deg-circle:nth-child(3) { height:150%;}
/* Cercles accueil - section 2 */
.deg-circle2 { position:absolute; top:50%; left:50%; height:170%; transform:translate(-50%, -50%);}
/* Cercles footer - section 2 */
.deg-circle-footer { position:absolute; top:50%; left:50%; height:250%; transform:translate(-50%, -50%);}
/* Cercles header par defaut */
.deg-circle-header { position:absolute; top:50%; left:50%; height:235%; transform:translate(-50%, -50%);}
/* Cercles qui sommes nous */
.deg-circle-qui { position:absolute; top:50%; left:50%; height:190%; transform:translate(-50%, -50%);}
/* Cercles menu */
.deg-circle-menu { position:absolute; top:50%; left:50%; height:150%; transform:translate(-50%, -50%);}
/* Mobile */
@media screen and (max-width: 900px) {
.deg-circle:nth-child(1) { height:50%;}
.deg-circle:nth-child(2) { height:65%;}
.deg-circle:nth-child(3) { height:80%;}
/* Cercles accueil - section 2 */
.deg-circle2 { height:100%;}
/* Cercles header par defaut */
.deg-circle-header { height:150%;}
/* Cercles qui sommes nous */
.deg-circle-qui { height:110%;}
}
/* Masques avancés */
.mask-holder { width:100%; height:100%;}
.mask-holder .mask-back { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.mask-holder .mask-mid { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:white; -webkit-mix-blend-mode:darken; mix-blend-mode:darken;}
.mask-holder .mask-mid .mask-content { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#083657; overflow:hidden; -webkit-mix-blend-mode:lighten; mix-blend-mode:lighten;}
/* Menu */
#btns-shortcut.first-active .btns-container > a:nth-child(1) { animation:0.5s ease-in-out 0s translate-btn-fromright-1-rev both; -webkit-animation:0.5s ease-in-out 0s translate-btn-fromright-1-rev both;}
#btns-shortcut.active .btns-container > a:nth-child(1) { animation:0.5s ease-in-out 1s translate-btn-fromright-1 both; -webkit-animation:0.5s ease-in-out 1s translate-btn-fromright-1 both;}
#btns-shortcut.first-active .btns-container > a:nth-child(2) { animation:0.5s ease-in-out 0s translate-btn-fromright-2-rev both; -webkit-animation:0.5s ease-in-out 0s translate-btn-fromright-2-rev both;}
#btns-shortcut.active .btns-container > a:nth-child(2) { animation:0.5s ease-in-out 1s translate-btn-fromright-2 both; -webkit-animation:0.5s ease-in-out 1s translate-btn-fromright-2 both;}
#btns-shortcut.first-active .btns-container > a:nth-child(3) { animation:0.5s ease-in-out 0s translate-btn-fromright-3-rev both; -webkit-animation:0.5s ease-in-out 0s translate-btn-fromright-3-rev both;}
#btns-shortcut.active .btns-container > a:nth-child(3) { animation:0.5s ease-in-out 1s translate-btn-fromright-3 both; -webkit-animation:0.5s ease-in-out 1s translate-btn-fromright-3 both;}
#btns-shortcut.first-active #btn-mobile-unfold { animation:0.5s ease-in-out 0s translate-btn-fromright-4-rev both; -webkit-animation:0.5s ease-in-out 0s translate-btn-fromright-4-rev both;}
#btns-shortcut.active #btn-mobile-unfold { animation:0.5s ease-in-out 1s translate-btn-fromright-4 both; -webkit-animation:0.5s ease-in-out 1s translate-btn-fromright-4 both;}
#menu.first-active { animation:0.5s ease-in-out 1s fade-out both; -webkit-animation:0.5s ease-in-out 1s fade-out both;}
#menu.active { animation:0.5s ease-in-out 0.75s fade-in both; -webkit-animation:0.5s ease-in-out 0.75s fade-in both;}
#menu.first-active .deg-circle-menu:nth-child(1) .layer-rotate { animation:0.5s ease-in-out 0.75s menu-rotate-1-inv both; -webkit-animation:0.5s ease-in-out 0.75s menu-rotate-1-inv both;}
#menu.active .deg-circle-menu:nth-child(1) .layer-rotate { animation:0.5s ease-in-out 0.75s menu-rotate-1 both; -webkit-animation:0.5s ease-in-out 0.75s menu-rotate-1 both;}
#menu.first-active .deg-circle-menu:nth-child(2) .layer-rotate { animation:0.5s ease-in-out 0.75s menu-rotate-2-inv both; -webkit-animation:0.5s ease-in-out 0.75s menu-rotate-2-inv both;}
#menu.active .deg-circle-menu:nth-child(2) .layer-rotate { animation:0.5s ease-in-out 0.75s menu-rotate-2 both; -webkit-animation:0.5s ease-in-out 0.75s menu-rotate-2 both;}
#menu.first-active #menu-title { animation:0.5s ease-in-out 0.75s scale-in-inv both; -webkit-animation:0.5s ease-in-out 0.75s scale-in-inv both;}
#menu.active #menu-title { animation:0.5s ease-in-out 0.75s scale-in both; -webkit-animation:0.5s ease-in-out 0.75s scale-in both;}
#menu #menu-bar { transform-origin:center top; -webkit-transform-origin:center top; transform:scale(1, 0); -webkit-transform:scale(1, 0);}
#menu.first-active #menu-bar { animation:0.5s ease-in-out 0.75s scale-in-fromtop-inv both; -webkit-animation:0.5s ease-in-out 0.75s scale-in-fromtop-inv both;}
#menu.active #menu-bar { animation:0.5s ease-in-out 1s scale-in-fromtop both; -webkit-animation:0.5s ease-in-out 1s scale-in-fromtop both;}
/* Mobile */
@media screen and (max-width: 900px) {
#menu.first-active,
#menu.active { animation-delay:0.25s; -webkit-animation-delay:0.25s;}
}
/* ANIMATIONS */
/* Fade */
.anim.scale-in { transform:scale(0); -webkit-transform:scale(0);}
.anim.scale-in-fromtop { transform-origin:center top; -webkit-transform-origin:center top; transform:scale(1, 0); -webkit-transform:scale(1, 0);}
.anim.scale-in-fromleft { transform-origin:left center; -webkit-transform-origin:left center; transform:scale(0, 1); -webkit-transform:scale(0, 1);}
.anim.scale-in-fade-in-rotate { opacity:0.2; transform:scale(0) rotate(90deg); -webkit-transform:scale(0) rotate(90deg);}
.anim.scale-in-fade-in-rotate-inv { opacity:0.2; transform:scale(0) rotate(-90deg); -webkit-transform:scale(0) rotate(-90deg);}
.anim.bounce { transform-origin:center center; -webkit-transform-origin:center center; transform:rotate(0deg); -webkit-transform:rotate(0deg); animation:0.5s ease-in-out 0s bounce both; -webkit-animation:0.5s ease-in-out 0s bounce both;}
.anim.midair { animation:2s ease-in-out 0s midair both alternate infinite; -webkit-animation:2s ease-in-out 0s midair both alternate infinite;}
.anim.fade-in, .anim.fade-in-90, .anim.fade-in-fromright, .anim.fade-in-fromleft, .anim.fade-in-fromtop, .anim.fade-in-frombot,
.anim.fade-in-fromright-small, .anim.fade-in-fromleft-small, .anim.fade-in-fromtop-small, .anim.fade-in-frombot-small,
.anim.window-fromleft, .anim.window-fromright, .anim.window-fromtop, .anim.window-frombot,
.anim.circle-fromcenter, .anim.circle-fromcenterbot,
.anim.scale-out-fade-in { opacity:0;}
.anim.rotate-fade-out, .anim.intro-rotate { opacity:1; transform:rotate(0deg);}
.anim.intro-unfold { opacity:0; max-height:0; box-sizing:border-box; overflow:hidden;}
.anim.intro-fold { opacity:1; max-height:20em; box-sizing:border-box; overflow:hidden;}
.anim.translate-fromright { transform:translate(100%);}
.anim.translate-fromleft { transform:translate(-100%);}
.anim.translate-fromleft-more { transform:translate(-150%);}
.anim.translate-fromtop { transform:translateY(-100%);}
.anim.translate-frombot { transform:translateY(100%);}
.anim.enable-events { pointer-events:none;}
.seen .anim.scale-in, .seen.anim.scale-in { animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-in both; -webkit-animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-in both;}
.seen .anim.scale-in-fromtop, .seen.anim.scale-in-fromtop { animation:1s ease-out 0s scale-in-fromtop both; -webkit-animation:1s ease-out 0s scale-in-fromtop both;}
.seen .anim.scale-in-fromleft, .seen.anim.scale-in-fromleft { animation:1s ease-out 0s scale-in-fromleft both; -webkit-animation:1s ease-out 0s scale-in-fromleft both;}
.seen .anim.scale-out-fade-in, .seen.anim.scale-out-fade-in { animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-out-fade-in both; -webkit-animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-out-fade-in both;}
.seen .anim.fade-out, .seen.anim.fade-out { animation:1s ease-out 0s fade-out both; -webkit-animation:1s ease-out 0s fade-out both;}
.seen .anim.fade-in, .seen.anim.fade-in { animation:1s ease-out 0s fade-in both; -webkit-animation:1s ease-out 0s fade-in both;}
.seen .anim.fade-in-90, .seen.anim.fade-in-90 { animation:1s ease-out 0s fade-in-90 both; -webkit-animation:1s ease-out 0s fade-in-90 both;}
.seen .anim.scale-in-fade-in-rotate, .seen.anim.scale-in-fade-in-rotate { animation:1s ease-out 0s scale-in-fade-in-rotate both; -webkit-animation:1s ease-out 0s scale-in-fade-in-rotate both;}
.seen .anim.scale-in-fade-in-rotate-inv, .seen.anim.scale-in-fade-in-rotate-inv { animation:1s ease-out 0s scale-in-fade-in-rotate-inv both; -webkit-animation:1s ease-out 0s scale-in-fade-in-rotate-inv both;}
.seen .anim.window-fromleft, .seen.anim.window-fromleft { animation:1s ease-out 0s window-fromleft both; -webkit-animation:1s ease-out 0s window-fromleft both;}
.seen .anim.window-fromright, .seen.anim.window-fromright { animation:1s ease-out 0s window-fromright both; -webkit-animation:1s ease-out 0s window-fromright both;}
.seen .anim.window-fromtop, .seen.anim.window-fromtop { animation:1s ease-out 0s window-fromtop both; -webkit-animation:1s ease-out 0s window-fromtop both;}
.seen .anim.window-frombot, .seen.anim.window-frombot { animation:1s ease-out 0s window-frombot both; -webkit-animation:1s ease-out 0s window-frombot both;}
.seen .anim.fade-in-frombot, .seen.anim.fade-in-frombot { animation:1s ease-out 0s fade-in-frombot both; -webkit-animation:1s ease-out 0s fade-in-frombot both;}
.seen .anim.fade-in-fromtop, .seen.anim.fade-in-fromtop { animation:1s ease-out 0s fade-in-fromtop both; -webkit-animation:1s ease-out 0s fade-in-fromtop both;}
.seen .anim.fade-in-fromright, .seen.anim.fade-in-fromright { animation:1s ease-out 0s fade-in-fromright both; -webkit-animation:1s ease-out 0s fade-in-fromright both;}
.seen .anim.fade-in-fromleft, .seen.anim.fade-in-fromleft { animation:1s ease-out 0s fade-in-fromleft both; -webkit-animation:1s ease-out 0s fade-in-fromleft both;}
.seen .anim.fade-in-frombot-small, .seen.anim.fade-in-frombot-small { animation:1s ease-out 0s fade-in-frombot-small both; -webkit-animation:1s ease-out 0s fade-in-frombot-small both;}
.seen .anim.fade-in-fromtop-small, .seen.anim.fade-in-fromtop-small { animation:1s ease-out 0s fade-in-fromtop-small both; -webkit-animation:1s ease-out 0s fade-in-fromtop-small both;}
.seen .anim.fade-in-fromright-small, .seen.anim.fade-in-fromright-small { animation:1s ease-out 0s fade-in-fromright-small both; -webkit-animation:1s ease-out 0s fade-in-fromright-small both;}
.seen .anim.fade-in-fromleft-small, .seen.anim.fade-in-fromleft-small { animation:1s ease-out 0s fade-in-fromleft-small both; -webkit-animation:1s ease-out 0s fade-in-fromleft-small both;}
.seen .anim.fade-out-totop, .seen.anim.fade-out-totop { animation:1s ease-out 0s fade-out-totop both; -webkit-animation:1s ease-out 0s fade-out-totop both;}
.seen .anim.translate-fromtop, .seen.anim.translate-fromtop { animation:1s ease-out 0s translate-fromtop both; -webkit-animation:1s ease-out 0s translate-fromtop both;}
.seen .anim.translate-frombot, .seen.anim.translate-frombot { animation:1s ease-out 0s translate-frombot both; -webkit-animation:1s ease-out 0s translate-frombot both;}
.seen .anim.translate-fromright, .seen.anim.translate-fromright { animation:1s ease-out 0s translate-fromright both; -webkit-animation:1s ease-out 0s translate-fromright both;}
.seen .anim.translate-fromleft, .seen.anim.translate-fromleft { animation:1s ease-out 0s translate-fromleft both; -webkit-animation:1s ease-out 0s translate-fromleft both;}
.seen .anim.translate-fromleft-more, .seen.anim.translate-fromleft-more { animation:1s ease-out 0s translate-fromleft-more both; -webkit-animation:1s ease-out 0s translate-fromleft-more both;}
.seen .anim.circle-tocenter, .seen.anim.circle-tocenter { animation: 1s ease-out 0s circle-tocenter both; -webkit-animation: 1s ease-out 0s circle-tocenter both;}
.seen .anim.circle-fromcenter, .seen.anim.circle-fromcenter { animation: 1s ease-out 0s circle-fromcenter both; -webkit-animation: 1s ease-out 0s circle-fromcenter both;}
.seen .anim.circle-fromcenterbot, .seen.anim.circle-fromcenterbot { animation: 1s ease-out 0s circle-fromcenterbot both; -webkit-animation: 1s ease-out 0s circle-fromcenterbot both;}
.seen .anim.rotate-fade-out, .seen.anim.rotate-fade-out { animation:1s ease-out 0s rotate-fade-out both; -webkit-animation:1s ease-out 0s rotate-fade-out both;}
.seen .anim.intro-rotate-80, .seen.anim.intro-rotate-80 { animation:1s ease-out 0s intro-rotate-80 both; -webkit-animation:1s ease-out 0s intro-rotate-80 both;}
.seen .anim.intro-fold, .seen.anim.intro-fold { animation:1s ease-out 0s intro-fold both; -webkit-animation:1s ease-out 0s intro-fold both;}
.seen .anim.intro-unfold, .seen.anim.intro-unfold { animation:1s ease-out 0s intro-unfold both; -webkit-animation:1s ease-out 0s intro-unfold both;}
.seen .anim.enable-events, .seen.anim.enable-events { animation:1s ease-out 0s enable-events both; -webkit-animation:1s ease-out 0s enable-events both;}
.seen .anim.display-none, .seen.anim.display-none { animation:1s ease-out 0s display-none both; -webkit-animation:1s ease-out 0s display-none both;}
@media screen and (max-width: 900px) {
.anim.intro-fold { max-height:40em;}
.anim.translate-fromright.no-anim-mobile,
.anim.translate-fromleft.no-anim-mobile,
.anim.translate-fromleft-more.no-anim-mobile,
.anim.translate-fromtop.no-anim-mobile,
.anim.translate-frombot.no-anim-mobile { transform:none;}
}
/* Delais animations */
.seen .anim.timing-linear, .seen.anim.timing-linear { animation-timing-function:linear; -webkit-animation-timing-function:linear;}
.seen .anim.timing-ease-in-out, .seen.anim.timing-ease-in-out { animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;}
.seen .anim.timing-bezier, .seen.anim.timing-bezier { animation-timing-function:cubic-bezier(0.42, 0, 0, 1.02); -webkit-animation-timing-function:cubic-bezier(0.42, 0, 0, 1.02);}
.seen .anim.faster, .seen.anim.faster { animation-duration:0.25s; -webkit-animation-duration:0.25s;}
.seen .anim.fast, .seen.anim.fast { animation-duration:0.5s; -webkit-animation-duration:0.5s;}
.seen .anim.midslow, .seen.anim.midslow { animation-duration:1.5s; -webkit-animation-duration:1.5s;}
.seen .anim.slow, .seen.anim.slow { animation-duration:2s; -webkit-animation-duration:2s;}
.seen .anim.slower, .seen.anim.slower { animation-duration:3s; -webkit-animation-duration:3s;}
.seen .anim.slowest, .seen.anim.slowest { animation-duration:4s; -webkit-animation-duration:4s;}
.seen .anim.delay-0-25, .seen.anim.delay-0-25 { animation-delay:0.25s; -webkit-animation-delay:0.25s;}
.seen .anim.delay-0-5, .seen.anim.delay-0-5 { animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.seen .anim.delay-0-75, .seen.anim.delay-0-75 { animation-delay:0.75s; -webkit-animation-delay:0.75s;}
.seen .anim.delay-1, .seen.anim.delay-1 { animation-delay:1s; -webkit-animation-delay:1s;}
.seen .anim.delay-1-25, .seen.anim.delay-1-25 { animation-delay:1.25s; -webkit-animation-delay:1.25s;}
.seen .anim.delay-1-5, .seen.anim.delay-1-5 { animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.seen .anim.delay-1-75, .seen.anim.delay-1-75 { animation-delay:1.75s; -webkit-animation-delay:1.75s;}
.seen .anim.delay-2, .seen.anim.delay-2 { animation-delay:2s; -webkit-animation-delay:2s;}
.seen .anim.delay-2-25, .seen.anim.delay-2-25 { animation-delay:2.25s; -webkit-animation-delay:2.25s;}
.seen .anim.delay-2-5, .seen.anim.delay-2-5 { animation-delay:2.5s; -webkit-animation-delay:2.5s;}
.seen .anim.delay-2-75, .seen.anim.delay-2-75 { animation-delay:2.75s; -webkit-animation-delay:2.75s;}
.seen .anim.delay-3, .seen.anim.delay-3 { animation-delay:3s; -webkit-animation-delay:3s;}
.seen .anim.delay-3-25, .seen.anim.delay-3-25 { animation-delay:3.25s; -webkit-animation-delay:3.25s;}
.seen .anim.delay-3-5, .seen.anim.delay-3-5 { animation-delay:3.5s; -webkit-animation-delay:3.5s;}
.seen .anim.delay-3-75, .seen.anim.delay-3-75 { animation-delay:3.75s; -webkit-animation-delay:3.75s;}
.seen .anim.delay-4, .seen.anim.delay-4 { animation-delay:4s; -webkit-animation-delay:4s;}
.seen .anim.delay-4-25, .seen.anim.delay-4-25 { animation-delay:4.25s; -webkit-animation-delay:4.25s;}
.seen .anim.delay-4-5, .seen.anim.delay-4-5 { animation-delay:4.5s; -webkit-animation-delay:4.5s;}
.seen .anim.delay-4-75, .seen.anim.delay-4-75 { animation-delay:4.75s; -webkit-animation-delay:4.75s;}
.seen .anim.delay-5, .seen.anim.delay-5 { animation-delay:5s; -webkit-animation-delay:5s;}
/* Commun */
.preload:not(.loaded) .anim.onload, .anim.onload.preload:not(.loaded),
.triggerable:not(.triggered) .anim.ontrigger, .anim.triggerable.ontrigger:not(.triggered),
.triggerable:not(.triggered-1) .anim.ontrigger-1, .anim.triggerable.ontrigger-1:not(.triggered-1),
.triggerable:not(.triggered-2) .anim.ontrigger-2, .anim.triggerable.ontrigger-2:not(.triggered-2),
.triggerable:not(.triggered-3) .anim.ontrigger-3, .anim.triggerable.ontrigger-3:not(.triggered-3),
.triggerable:not(.triggered-4) .anim.ontrigger-4, .anim.triggerable.ontrigger-4:not(.triggered-4) { animation:none;}
@media screen and (max-width: 900px) {
.no-anim-mobile { animation:none !important; opacity:1 !important;}
.anim.no-anim-mobile:after { animation:none !important; opacity:1 !important;}
.seen .anim.delay-0-mobile, .seen.anim.delay-0-mobile, .seen .anim.delay-0-mobile:after, .seen.anim.delay-0-mobile:after { animation-delay:0s; -webkit-animation-delay:0s;}
.seen .anim.delay-0-25-mobile, .seen.anim.delay-0-25-mobile, .seen .anim.delay-0-25-mobile:after, .seen.anim.delay-0-25-mobile:after { animation-delay:0.25s; -webkit-animation-delay:0.25s;}
.seen .anim.delay-0-5-mobile, .seen.anim.delay-0-5-mobile, .seen .anim.delay-0-5-mobile:after, .seen.anim.delay-0-5-mobile:after { animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.seen .anim.delay-0-75-mobile, .seen.anim.delay-0-75-mobile, .seen .anim.delay-0-75-mobile:after, .seen.anim.delay-0-75-mobile:after { animation-delay:0.75s; -webkit-animation-delay:0.75s;}
}
/* Animation spéciale (transitions) */
.anim.draw svg path { opacity:0;}
.seen .anim.draw:not(.onload) svg path, .seen.anim.draw:not(.onload) svg path,
.seen .anim.draw:not(.onload) svg circle, .seen.anim.draw:not(.onload) svg circle,
.loaded .anim.draw.onload svg path, .anim.draw.onload.loaded svg path,
.loaded .anim.draw.onload svg circle, .anim.draw.onload.loaded svg circle { opacity:1; transition:stroke-dashoffset 2s ease-in-out 0s, stroke-dasharray 2s ease-in-out 0s; -webkit-transition:stroke-dashoffset 2s ease-in-out 0, stroke-dasharray 2s ease-in-out 0s; stroke-dashoffset: 0 !important;}
/* FOOTER */
footer { width:100%;}
/* Formulaires WPCF7 */
.wpcf7 { width:100%; margin:0 auto;}
.wpcf7-form.submitting .wpcf7-submit { pointer-events:none !important; opacity:0.6;}
.wpcf7 label { display:block; width:100%;}
.wpcf7 label + label { margin-top:0.75em;}
/* .wpcf7 label .label { display:none;} */
.wpcf7 label .input input,
.wpcf7 label .input textarea { padding:.5em 1em; border-radius:.5em;}
.wpcf7 label .input textarea { line-height:1.25em; padding:.5em 1em; overflow:hidden; margin-top:0.120em;}
.wpcf7 label .input input::-webkit-input-placeholder,
.wpcf7 label .input textarea::-webkit-input-placeholder { color:#FFFFFFB2; text-transform:none;}
.wpcf7 label .input input::-ms-input-placeholder,
.wpcf7 label .input textarea::-ms-input-placeholder { color:#FFFFFFB2; text-transform:none;}
.wpcf7 label .input input:-ms-input-placeholder,
.wpcf7 label .input textarea:-ms-input-placeholder { color:#FFFFFFB2; text-transform:none;}
.wpcf7 label .input input::-moz-placeholder,
.wpcf7 label .input textarea::-moz-placeholder { color:#FFFFFFB2; text-transform:none;}
.wpcf7 label .input input:-moz-placeholder,
.wpcf7 label .input textarea:-moz-placeholder { color:#FFFFFFB2; text-transform:none;}
.wpcf7 label .input input::placeholder,
.wpcf7 label .input textarea::placeholder { color:#FFFFFFB2; text-transform:none;}
.wpcf7 label .input input.wpcf7-not-valid::-webkit-input-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::-webkit-input-placeholder { color:#dc3232; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid::-ms-input-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::-ms-input-placeholder { color:#dc3232; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid::-moz-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::-moz-placeholder { color:#dc3232; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid:-moz-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid:-moz-placeholder { color:#dc3232; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid::placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::placeholder { color:#dc3232; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid,
.wpcf7 label .input select.wpcf7-not-valid,
.wpcf7 label .input textarea.wpcf7-not-valid { color:#dc3232;}
/* .wpcf7 label .wpcf7-not-valid-tip { position:absolute; top:0; left:0.5em; bottom:0; right:0.5em; font-size:87.5%; font-weight:500; color:red; background-color:white; line-height:1em; animation:1s ease-out 1.5s fade-out both; -webkit-animation:1s ease-out 1.5s fade-out both; pointer-events:none;} */
.wpcf7 label.file { background-color:white; border-radius:1em; overflow:hidden;}
.wpcf7 label.file .input input { overflow:hidden; width:1px; height:1px; opacity:0; position:absolute;}
.wpcf7 label.file .label { display:block; width:100%; height:100%; color:#D9D9D9; opacity:0.6; font-size:87.5%; font-weight:600; line-height:1.25em; padding:0 2em;}
.wpcf7 label.file .browse { cursor:pointer; position:absolute; font-size:87.5%; font-weight:600; line-height:1.25em; letter-spacing:0.09em; right:0; top:0; height:100%; background-color:#D9D9D9; box-sizing:border-box; padding:0 2em; color:white; transition:background-color 0.25s; -webkit-transition:background-color 0.25s;}
.wpcf7 label.file .browse:hover { background-color:#083657;}
.wpcf7 label .input select,
.walcf7-timepicker,
.walcf7-datepicker { color: #FFFFFFB2; border: none; width:100%; padding: .5em 1em; border-radius: .5em; background-color: var(--white-blue); background-position:center center; background-size:contain; background-repeat:no-repeat; background-size:12px; background-position:right 2em center; background-image:url('img/btn_dropdown.svg') !important;}
.wpcf7 label + .radio { margin-top:2.5em;}
.wpcf7 .wpcf7-list-item { margin:0; padding:0;}
.wpcf7 .radio { display:flex; padding-bottom:2em;}
.wpcf7 .radio > .input { flex:1; display:block; user-select:none;}
.wpcf7 .radio .wpcf7-form-control-wrap,
.wpcf7 .radio .wpcf7-form-control-wrap .wpcf7-form-control { width:100%;}
.wpcf7 .radio .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item { float:left; width:-webkit-calc(100% / 3); width:calc(100% / 3); height:3em; padding-left:1.25em; box-sizing:border-box;}
.wpcf7 .radio > .label { font-size:87.5%; color:#ED424C; display:block; width:-webkit-calc(((100vw - (13 * 1.25em)) / 14)); width:calc(((100vw - (13 * 1.25em)) / 14));}
.wpcf7 .radio > .input label input { position:absolute; top:0.1em; left:0; width:1em; height:1em; background-color:white; padding:0; margin:0; border:1px solid white; border-radius:50%; cursor:none !important; transition:background-color 0.25s, border-color 0.25s;}
.wpcf7 .radio > .input label:hover input { background-color:rgba(0,0,0,0); border-color:#ED424C;}
.wpcf7 .radio > .input label input:checked { background-color:#ED424C; border:1px solid #ED424C;}
.wpcf7 .radio > .input label input .wpcf7-list-item-label { transition:color 0.25s;}
.wpcf7 .radio > .input label input:checked + .wpcf7-list-item-label { color:#ED424C;}
.wpcf7 .radio > .input label .wpcf7-list-item-label { display:block; font-size:75%; padding-left:2.25em; padding-top:0.175em; cursor:none !important;}
.wpcf7 .text { margin-top:1em; color:white;}
.wpcf7 .submit { margin-top:1em;}
.wpcf7 .submit input { width: fit-content; text-transform: uppercase; padding:1em 5em; color:white; cursor:pointer; background: var(--light-blue); transition:background-color 0.25s, color 0.25s, border-color 0.25s; border-radius:.5em;}
.wpcf7 .wpcf7-form:not(.submitting) .submit input:hover { background-color:var(--blue-hover);}
.wpcf7 .wpcf7-spinner { display:none !important; position:absolute; left:0; top:0; margin:0;}
.wpcf7 .wpcf7-response-output { display:none; position:absolute; top:100%; left:0; width:100%; border:none; padding:0 !important; margin-top:1em !important;}
.wpcf7 .invalid .wpcf7-response-output { border:none; color:#FF7600; padding:0;}
.wpcf7 .sent .wpcf7-response-output { border-color:white !important; color:white;}
.wpcf7 p.required { margin-top: 1em; font-size:80%; color: white;}
/* Fond sombre */
.dark-bg .wpcf7-form .submit input { color:white; border-color:white;}
.dark-bg .wpcf7-form:not(.submitting) .submit input:hover { background-color:white; color:#083657;}
/* Mobile */
@media screen and (max-width: 900px) {
.wpcf7 label .wpcf7-not-valid-tip,
.wpcf7 label .input input,
.wpcf7 label .input textarea,
.wpcf7 label .input select,
.wpcf7 label.file .label,
.wpcf7 label.file .browse { font-size:100%;}
.wpcf7 label .wpcf7-not-valid-tip { padding-top:0.1em;}
.wpcf7 .submit input { padding: .5em; width: 100% !important;}
.wpcf7 label .input input,
.wpcf7 label .input textarea,
.wpcf7 label .input select { padding-left:1em; padding-right:1em; text-overflow: ellipsis; background-position:right 1.5em center;}
.wpcf7 p.required { font-size:105%;}
}
/* RECAPTCHA */
.grecaptcha-badge { visibility: hidden;}
.wpcf7-form .captcha-alert { font-size:75%; opacity:0.6; max-width:calc(100% - 4em); margin:0 auto; text-align:center; margin-top:2em; color:white;}
.wpcf7-form .captcha-alert a { text-decoration:underline;}
/* Mobile */
@media screen and (max-width: 900px) {
.wpcf7-form .captcha-alert { font-size:100%;}
}
/* Fomulaires de tri */
/* Champ texte */
.search-filters input[type="text"] { padding: .5em; border-radius: .5em;}
.search-filters input[type="text"]::-webkit-input-placeholder { color:#D9D9D9; text-transform:uppercase;}
.search-filters input[type="text"]::-ms-input-placeholder { color:#D9D9D9; text-transform:uppercase;}
.search-filters input[type="text"]:-ms-input-placeholder { color:#D9D9D9; text-transform:uppercase;}
.search-filters input[type="text"]::-moz-placeholder { color:#D9D9D9; text-transform:uppercase;}
.search-filters input[type="text"]:-moz-placeholder { color:#D9D9D9; text-transform:uppercase;}
.search-filters input[type="text"]::placeholder { color:#D9D9D9; text-transform:uppercase;}
/* Fake select */
.fake-select { color:inherit; width:100%; font-size:87.5%; font-family:"avenir-next-lt-pro-condensed", sans-serif; display:inline-block; padding:0; resize:none; border:none; font-weight:inherit; letter-spacing:inherit; box-sizing:border-box; user-select:none; cursor:pointer;}
.fake-select .container .header { font-family:"avenir-next-lt-pro-condensed", sans-serif; font-weight:500; line-height:3.33em; width:100%; padding:1em 6em 1em 3em; resize:none; border:none; outline:none; color:#083657; background-color:#ffffff; border-radius:1em; text-transform:uppercase;}
.fake-select .container .header:hover { color:#58a2f6;}
.fake-select .container .header:after { content:""; display:block; width:1.5em; height:1.5em; position:absolute; right:2em; top:50%; margin-top:-0.75em; background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url('img/btn_dropdown.svg');}
.fake-select .container .items { position:absolute; top:100%; left:0; width:100%; max-height:0; overflow:hidden; background-color:#ffffff; border-radius:1em; border-top-left-radius:0; border-top-right-radius:0;}
.fake-select .container .items:after { content:""; display:block; position:absolute; top:0; height:1px; width:100%; width:calc(100% - 6em); margin-left:3em; background-color:#58A2F6;}
.fake-select.opened .container .items { display:block; padding:1.5em 0; max-height:25em;}
.fake-select.opened .container .header { color:#D9D9D9; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.fake-select.opened .container .header:after { transform:scaleY(-1);}
.fake-select .container .items .item { padding:0.5em 3em 0.5em 3em; font-weight:500; letter-spacing:0.04em; cursor:pointer; color:#083657; text-transform:uppercase;}
.fake-select .container .items .item.selected { color:#E87587;}
.fake-select .container .items .item:hover:not(.selected) { opacity:1; color:#58a2f6;}
.fake-select .container .inner { height:100%; line-height:inherit; vertical-align:middle;}
svg.button-select{cursor: pointer;}
/* Mobile */
@media screen and (max-width: 900px) {
.search-filters input[type="text"],
.fake-select { font-size:135%;}
}
/* Bordures */
.border-none { border:none;}
.border-1 { border:1px solid rgba(0,0,0,0);}
.border-2 { border:2px solid rgba(0,0,0,0);}
.border-3 { border:3px solid rgba(0,0,0,0);}
.border-0-125em { border:0.125em solid rgba(0,0,0,0);}
.border-0-25em { border:0.25em solid rgba(0,0,0,0);}
.border-0-5em { border:0.5em solid rgba(0,0,0,0);}
.border-0-75em { border:0.75em solid rgba(0,0,0,0);}
.border-1em { border:1em solid rgba(0,0,0,0);}
.border-bot-0 { border-bottom:0 solid rgba(0,0,0,0);}
.border-bot-1 { border-bottom:1px solid rgba(0,0,0,0);}
.border-bot-2 { border-bottom:2px solid rgba(0,0,0,0);}
.border-bot-3 { border-bottom:3px solid rgba(0,0,0,0);}
.border-top-0 { border-top: unset;}
.border-top-1 { border-top:1px solid rgba(0,0,0,0);}
.border-top-2 { border-top:2px solid rgba(0,0,0,0);}
.border-top-3 { border-top:3px solid rgba(0,0,0,0);}
.border-right-1 { border-right:1px solid rgba(0,0,0,0);}
.border-right-2 { border-right:2px solid rgba(0,0,0,0);}
.border-right-3 { border-right:3px solid rgba(0,0,0,0);}
.border-left-1 { border-left:1px solid rgba(0,0,0,0);}
.border-dashed-bot-3 { border-bottom:3px dashed rgba(0,0,0,0);}
.border-dashed-right-3 { border-right:3px dashed rgba(0,0,0,0);}
.border-dashed-top-3 { border-top:3px dashed rgba(0,0,0,0);}
.rounded { border-radius:50%;}
.rounded-0-125em { border-radius:0.125em;}
.rounded-0-25em { border-radius:0.25em;}
.rounded-0-5em { border-radius:0.5em;}
.rounded-0-75em { border-radius:0.75em;}
.rounded-1em { border-radius:1em;}
.rounded-1-5em { border-radius:1.5em;}
.rounded-2em { border-radius:2em;}
.rounded-2-5em { border-radius:2.5em;}
.rounded-3em { border-radius:3em;}
.rounded-4em { border-radius:4em;}
.rounded-5em { border-radius:5em;}
.rounded-6em { border-radius:6em;}
.rounded-8em { border-radius:8em;}
.rounded-10em { border-radius:10em;}
.rounded-16em { border-radius:16em;}
.top-rounded { border-top-left-radius:50%; border-top-right-radius:50%;}
.top-rounded-0-5em { border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.top-rounded-1em { border-top-left-radius:1em; border-top-right-radius:1em;}
.top-rounded-6em { border-top-left-radius:6em; border-top-right-radius:6em;}
.bot-rounded { border-bottom-left-radius:50%; border-bottom-right-radius:50%;}
.bot-rounded-1em { border-bottom-left-radius:1em; border-bottom-right-radius:1em;}
.bot-rounded-2em { border-bottom-left-radius:2em; border-bottom-right-radius:2em;}
.bot-rounded-5em { border-bottom-left-radius:5em; border-bottom-right-radius:5em;}
.bot-rounded-40 { border-bottom-left-radius:40%; border-bottom-right-radius:40%;}
.bot-right-rounded-25em { border-bottom-right-radius:25em;}
.top-right-rounded-31em { border-top-right-radius:31em;}
.top-right-rounded-16em { border-top-right-radius:16em;}
.top-right-rounded-8em { border-top-right-radius:8em;}
.bot-right-rounded-16em { border-bottom-right-radius:16em;}
.bot-right-rounded-8em { border-bottom-right-radius:8em;}
.bot-left-rounded-1em { border-bottom-left-radius:1em;}
.bot-left-rounded-16em { border-bottom-left-radius:16em;}
.top-left-rounded-1em { border-top-left-radius:1em;}
.top-left-rounded-25em { border-top-left-radius:25em;}
.top-left-rounded-16em { border-top-left-radius:16em;}
.top-left-rounded-5em { border-top-left-radius:5em;}
.no-border-left { border-left:none;}
.no-border-right { border-right:none;}
.no-border-top { border-top:none;}
.no-border-bot { border-bottom:none;}
.active-border-0.active,
.hover-border-0:hover { border-radius:0;}
@media screen and (max-width: 900px) {
.border-top-1-mobile { border-top:1px solid rgba(0,0,0,0);}
.no-rounded-mobile { border-radius:0;}
.no-border-mobile { border:none;}
.no-border-left-mobile { border-left:none;}
.bot-rounded-2em-mobile { border-bottom-left-radius:2em; border-bottom-right-radius:2em;}
}
/* Basique mobile/thin */
.hide-mobile,
.hide-thin,
.hide-large { display:block;}
.hide-mobile.flexbox,
.hide-thin.flexbox,
.hide-large.flexbox { display:flex; display:-webkit-flex; display:-ms-flexbox;}
.hide-mobile.inline-block,
.hide-thin.inline-block,
.hide-large.inline-block { display:inline-block;}
.only-mobile,
.only-thin,
.only-large { display:none;}
@media screen and (max-width: 1600px) {
.hide-large,
.hide-large.inline-block,
.hide-large.flexbox { display:none;}
.only-large { display:block;}
.only-large.inline-block { display:inline-block;}
.only-large.flexbox { display:flex; display:-webkit-flex; display:-ms-flexbox;}
@media screen and (max-width: 1200px) {
.hide-thin,
.hide-thin.inline-block,
.hide-thin.flexbox { display:none;}
.only-thin { display:block;}
.only-thin.inline-block { display:inline-block;}
.only-thin.flexbox { display:flex; display:-webkit-flex; display:-ms-flexbox;}
@media screen and (max-width: 900px) {
.hide-mobile,
.hide-mobile.inline-block,
.hide-mobile.flexbox { display:none;}
.only-mobile { display:block;}
.only-mobile.inline-block { display:inline-block;}
.only-mobile.flexbox { display:flex; display:-webkit-flex; display:-ms-flexbox;}
}
}
}
/* MDPI */
@media screen and (max-height: 700px) and (min-width: 1000px) {
.hide-mdpi { display:none;}
.only-mdpi { display:block;}
}
.every { display:block !important;}
/* Opacité */
.opacity-0,
.active .active-parent-opacity-0,
.spe-parent.active .active-spe-parent-opacity-0,
.active > .active-direct-parent-opacity-0,
.sided-opacity-0.sided,
.sided .sided-parent-opacity-0,
.slick-disabled.slick-disabled-opacity-0,
.active-opacity-0.active { opacity:0;}
.opacity-15 { opacity:0.15;}
.opacity-20 { opacity:0.2;}
.opacity-30 { opacity:0.3;}
.opacity-40 { opacity:0.4;}
.hover-opacity-40:hover { opacity:0.4;}
.opacity-50 { opacity:0.5;}
.spe-parent:hover .hover-spe-parent-opacity-60,
.spe-parent.active .active-spe-parent-opacity-60,
.opacity-60,
.hover-opacity-60:hover { opacity:0.6;}
.opacity-65 { opacity:0.65;}
.opacity-70,
.hover-opacity-70:hover { opacity:0.7;}
.spe-parent.active .active-spe-parent-opacity-80,
.opacity-80 { opacity:0.8;}
.opacity-90,
.active-opacity-90.active { opacity:0.9;}
.active-opacity-85.active { opacity:0.85;}
.hover-opacity-100:hover,
.active-opacity-100.active,
.loaded-opacity-100.loaded,
.loaded .parent-loaded-opacity-100,
.persistant .persistant-opacity-100,
.persistant-opacity-100.persistant,
.hover-parent:hover .parent-hover-opacity-100,
.spe-parent:hover .hover-spe-parent-opacity-100,
.current .current-opacity-100 { opacity:1.0;}
.persistant-fade-from-bot { opacity:0; transform:translateY(100%); -webkit-transform:translateY(100%); transition:opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transition:opacity 1s, transform 1s, -webkit-transform 1s;}
.persistant .persistant-fade-from-bot,
.persistant.persistant-fade-from-bot { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0);}
.active .active-parent-opacity-100,
.active > .active-direct-parent-opacity-100,
.spe-parent.active .active-spe-parent-opacity-100,
.spe-parent:hover .hover-spe-parent-opacity-100,
.active + .active-prev-opacity-100 { opacity:1.0;}
.pending-opacity-0-4.pending { opacity:0.4;}
/* Hovers */
@media screen and (min-width: 900px) {
.hover-opacity-50:hover { opacity:0.5;}
.hover-opacity-100:hover,
:hover + .after-hover-opacity-100 { opacity:1.0;}
}
/* Mobile */
@media screen and (max-width: 900px) {
.opacity-0-mobile { opacity:0;}
.active + .prev-active-opacity-100-mobile,
.opacity-100-mobile { opacity:1;}
}
/* Affiché/masqué */
.overflow-hidden { overflow:hidden;}
.overflow-y-hidden { overflow-y:hidden;}
.overflow-x-hidden { overflow-x:hidden;}
.overflow-overlay { overflow:overlay;}
.active .active-parent-hidden,
.spe-parent.active .active-spe-parent-hidden,
.hidden,
.triggered-2 .ontrigger-2-hidden, .ontrigger-2-hidden.triggered-2 { display:block; min-height:0; max-width:0; min-width:0; max-height:0; overflow:hidden; opacity:0; pointer-events:none;}
.triggered-3 .ontrigger-3-hidden, .ontrigger-3-hidden.triggered-3 { display:block; min-height:0; max-width:0; min-width:0; max-height:0; overflow:hidden; opacity:0; pointer-events:none;}
.hidden.flexbox { display:flex;}
.hidden.inline-block { display:inline-block;}
.flexbox > .hidden { position:absolute; display:none;}
.persistant-visible.persistant,
.active .active-parent-visible,
.active > .active-direct-parent-visible,
.spe-parent.active .active-spe-parent-visible,
.active-visible.active,
.triggered-3 .ontrigger-3-visible, .ontrigger-3-visible.triggered-3,
.visible { min-height:initial; max-width:initial; min-width:initial; max-height:initial; overflow:initial; opacity:1; pointer-events:inherit;}
@media screen and (max-width: 900px) {
.hidden-mobile { display:block; min-height:0; max-width:0; min-width:0; max-height:0; overflow:hidden; opacity:0; pointer-events:none;}
.flexbox > .hidden-mobile { position:absolute; display:none;}
.visible-mobile { min-height:initial; max-width:initial; min-width:initial; max-height:initial; overflow:initial; opacity:1; pointer-events:inherit;}
.flexbox > .visible-mobile { position:relative; display:block;}
.overflow-hidden-mobile { overflow:hidden;}
}
/* Fullpage */
.fp-holder { width:100%; height:100vh; overflow:hidden;}
.fp-container { will-change:transform;}
/* Enrolé/déroulé */
.folded { opacity:0; max-height:0; overflow:hidden; -webkit-transition:opacity 0.25s, max-height 0.25s; transition:opacity 0.25s, max-height 0.25s;}
.fold-parent:hover .parent-hover-unfold,
.hover-unfold { opacity:1; max-height:20em;}
@media screen and (max-width: 900px) {
.folded-mobile { opacity:0; width:0; max-height:0; overflow:hidden; -webkit-transition:none; transition:none;}
.active + .active-prev-unfold-mobile,
.unfolded-mobile { opacity:1; width:auto; max-height:20em; -webkit-transition:opacity 0.25s, max-height 0.25s; transition:opacity 0.25s, max-height 0.25s;}
}
/* Agrandi/diminué */
.scaled-0-7 { transform:scale(0.7); -webkit-transform:scale(0.7);}
.hover-scaled-1:hover,
.spe-parent:hover .hover-spe-parent-scaled-1,
.scaled-1 { transform:scale(1); -webkit-transform:scale(1);}
.spe-parent:hover .hover-spe-parent-scaled-1-1,
.scaled-1-1,
.hover-scaled-1-1:hover { transform:scale(1.1); -webkit-transform:scale(1.1); transition: transform 0.3s ease;}
.scaled-1-25,
.hover-scaled-1-25:hover { transform:scale(1.25); -webkit-transform:scale(1.25);}
.scaled-1-5,
.hover-scaled-1-5:hover { transform:scale(1.5); -webkit-transform:scale(1.5);}
@media screen and (max-width: 768px) {
.scaled-1-mobile { transform:(scale(1)); -webkit-transform:scale(1);}
}
/* Tourné */
.rotated--8 { transform:rotate(-8deg); -webkit-transform:rotate(-8deg);}
.rotated--15 { transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
.rotated--80 { transform:rotate(-80deg); -webkit-transform:rotate(-80deg);}
.rotated-15 { transform:rotate(15deg); -webkit-transform:rotate(15deg);}
.rotated-24 { transform:rotate(24deg); -webkit-transform:rotate(24deg);}
.rotated-0-1 { transform:rotate(0.1deg); -webkit-transform:rotate(0.1deg);}
.spe-parent.active .active-spe-parent-rotated-45 { transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.rotated-90 { transform: rotate(90deg);}
.rotated-170 { transform: rotate(170deg);}
.rotated-180 { transform: rotate(180deg);}
.rotated-270 { transform: rotate(270deg);}
@media screen and (max-width: 900px) {
.rotated-90-mobile { transform: rotate(90deg);}
}
/* Souligné */
.underline { text-decoration:underline;}
.hover-underline:hover { text-decoration:underline;}
/* Barré */
.line-through { text-decoration: line-through;}
/* Italique */
.italic { font-style:italic;}
/* Gras */
.light { font-weight:100;}
.standard { font-weight:300;}
.medium,
.hover-medium:hover { font-weight:500;}
.medium-600 { font-weight:600;}
.bold { font-weight:bold;}
.semibold { font-weight:700;}
.blackbold { font-weight:900;}
/* Line height */
.line-height-0-6 { line-height:0.6em;}
.line-height-1 { line-height:1em;}
/* Letter spacing */
.spacing-66 { letter-spacing: 0.66px;}
.spacing-100 { letter-spacing: 1px;}
.spacing-150 { letter-spacing: 1.5px;}
.spacing-200 { letter-spacing: 2px;}
.spacing-300 { letter-spacing: 3px;}
.spacing-400 { letter-spacing: 4px;}
/* Autoellipse */
.autoellipsis div { font-weight:inherit; line-height:inherit; font-size:inherit; letter-spacing:inherit;}
/* Pictos intégré */
.picto-center:not(.abs) { position:relative;}
.picto-center svg { position:absolute; height:50%; width:50%; top:25%; left:25%;}
.picto-center.small svg { height:25%; width:25%; top:37.5%; left:37.5%;}
/* MASTER TEMPLATE */
#root-container { position:relative; display:block; width:100%;}
#main-container { position:relative; display:block; width:100%; min-height:100vh;}
main { position:relative; display:block;}
/* Sections */
section { position:relative; width:100%;}
/* TRANSITIONS */
.transition-color { transition:color 0.25s, background-color 0.25s, fill 0.25s, stroke 0.25s, border-color 0.25s; -webkit-transition:color 0.25s, background-color 0.25s, fill 0.25s, stroke 0.25s, border-color 0.25s;}
.transition-border-color { transition:border-color 0.25s; -webkit-transition:border-color 0.25s;}
.transition-t-color { transition:color 0.25s; -webkit-transition:color 0.25s;}
.transition-bg-color { transition:background-color 0.25s; -webkit-transition:background-color 0.25s;}
.transition-border-bg-color { transition:background-color 0.25s, border-color 0.25s; -webkit-transition:background-color 0.25s, border-color 0.25s;}
.transition-p-color svg path,
.transition-p-color svg rect,
.transition-p-color svg circle { transition:fill 0.25s, stroke 0.25s; -webkit-transition:fill 0.25s, stroke 0.25s;}
.transition-actions-btn { transition:background-color 0.25s, box-shadow 0.25s, border-color 0.25s; -webkit-transition:background-color 0.25s, box-shadow 0.25s, border-color 0.25s;}
.transition-transform { -webkit-transition:-webkit-transform 0.25s, transform 0.25s; transition:-webkit-transform 0.25s, transform 0.25s;}
.transition-transform-bg-color { -webkit-transition:-webkit-transform 0.25s, transform 0.25s, background-color 0.25s; transition:-webkit-transform 0.25s, transform 0.25s, background-color 0.25s;}
.transition-border-radius { -webkit-transition:border-radius 0.25s; transition:border-radius 0.25s;}
.transition-visibility { transition:opacity 1s; -webkit-transition:opacity 1s;}
.transition-scale { transition:transform 0.25s; -webkit-transition:transform 0.25s;}
.transition-opacity { transition:opacity 0.25s; -webkit-transition:opacity 0.25s;}
.transition-height { transition:height 0.25s; -webkit-transition:height 0.25s;}
.transition-height-opacity { transition:height 0.25s, opacity 0.25s; -webkit-transition:height 0.25s, opacity 0.25s;}
.transition-width { transition:width 0.25s; -webkit-transition:width 0.25s;}
.transition-margin-width { transition:margin 0.25s, width 0.25s; -webkit-transition:margin 0.25s, width 0.25s;}
.transition-left-top { transition:left 0.25s, top 0.25s; -webkit-transition:left 0.25s, top 0.25s;}
.transition-margin { transition:margin 0.25s; -webkit-transition:margin 0.25s;}
.transition-filter { transition:filter 0.25s, -webkit-filter 0.25s; -webkit-transition:filter 0.25s, -webkit-filter 0.25s;}
.transition-padding { transition:padding 0.25s; -webkit-transition:padding 0.25s;}
.transition-padding-color { transition:padding 0.25s, color 0.25s, background-color 0.25s, fill 0.25s, stroke 0.25s, border-color 0.25s; -webkit-transition:padding 0.25s, color 0.25s, background-color 0.25s, fill 0.25s, stroke 0.25s, border-color 0.25s;}
.transition-padding-bg-color { transition:padding 0.25s, background-color 0.25s; -webkit-transition:padding 0.25s, background-color 0.25s;}
/* Délais transitions */
.active > .active-direct-parent-transition-delay-0-25,
.transition-delay-0-25 { transition-delay:0.25s !important; -webkit-transition-delay:0.25s !important;}
.transition-delay-0-5 { transition-delay:0.5s !important; -webkit-transition-delay:0.5s !important;}
.transition-delay-0-75 { transition-delay:0.75s !important; -webkit-transition-delay:0.75s !important;}
/* Vitesse transitions */
.transition-fast { transition-duration:0.15s !important; -webkit-transition-duration:0.15s !important;}
.transition-slow { transition-duration:0.5s !important; -webkit-transition-duration:0.5s !important;}
.transition-slower { transition-duration:0.75s !important; -webkit-transition-duration:0.75s !important;}
.active > .active-direct-parent-transition-slower,
.transition-slower { transition-duration:0.75s !important; -webkit-transition-duration:0.75s !important;}
.transition-slowest { transition-duration:1s !important; -webkit-transition-duration:1s !important;}
.transition-grayscale { transition:filter 0.25s; -webkit-transition:filter 0.25s;}
/* Scrollable */
.scrollable { overflow:hidden; overflow-y:auto;}
.scrollable-x { overflow:hidden; overflow-x:auto;}
.snappable { scroll-snap-align:center;}
.hide-scrollbar { -ms-overflow-style:none; scrollbar-width:none;}
.hide-scrollbar::-webkit-scrollbar { display:none;}
/* Mobile */
@media screen and (max-width: 900px) {
.scrollable-x.snap-mobile { scroll-snap-type:x mandatory;}
.no-transform-mobile { transform:none; -webkit-transform:none;}
}
/* ANIMATIONS */
/* Apparition/disparition en fondu depuis un côté */
@keyframes fade-in-fromleft {
0% { opacity:0; -webkit-transform: translate(-5em); -moz-transform: translate(-5em); -ms-transform: translate(-5em); -o-transform: translate(-5em); transform: translate(-5em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-in-fromleft {
0% { opacity:0; -webkit-transform: translate(-5em); -moz-transform: translate(-5em); -ms-transform: translate(-5em); -o-transform: translate(-5em); transform: translate(-5em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-in-fromright {
0% { opacity:0; -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-in-fromright {
0% { opacity:0; -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-in-fromtop {
0% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-in-fromtop {
0% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-in-frombot {
0% { opacity:0; -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-in-frombot {
0% { opacity:0; -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-in-fromleft-small {
0% { opacity:0; -webkit-transform: translate(-2em); -moz-transform: translate(-2em); -ms-transform: translate(-2em); -o-transform: translate(-2em); transform: translate(-2em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-in-fromleft-small {
0% { opacity:0; -webkit-transform: translate(-2em); -moz-transform: translate(-2em); -ms-transform: translate(-2em); -o-transform: translate(-2em); transform: translate(-2em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-in-fromright-small {
0% { opacity:0; -webkit-transform: translate(2em); -moz-transform: translate(2em); -ms-transform: translate(2em); -o-transform: translate(2em); transform: translate(2em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-in-fromright-small {
0% { opacity:0; -webkit-transform: translate(2em); -moz-transform: translate(2em); -ms-transform: translate(2em); -o-transform: translate(2em); transform: translate(2em);}
100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-in-fromtop-small {
0% { opacity:0; -webkit-transform: translateY(-2em); -moz-transform: translateY(-2em); -ms-transform: translateY(-2em); -o-transform: translateY(-2em); transform: translateY(-2em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-in-fromtop-small {
0% { opacity:0; -webkit-transform: translateY(-2em); -moz-transform: translateY(-2em); -ms-transform: translateY(-2em); -o-transform: translateY(-2em); transform: translateY(-2em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-in-frombot-small {
0% { opacity:0; -webkit-transform: translateY(2em); -moz-transform: translateY(2em); -ms-transform: translateY(2em); -o-transform: translateY(2em); transform: translateY(2em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-in-frombot-small {
0% { opacity:0; -webkit-transform: translateY(2em); -moz-transform: translateY(2em); -ms-transform: translateY(2em); -o-transform: translateY(2em); transform: translateY(2em);}
100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-out-totop {
0% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
100% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
}
@-webkit-keyframes fade-out-totop {
0% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
100% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
}
@keyframes translate-fromtop {
0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes translate-fromtop {
0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-frombot {
0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes translate-frombot {
0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-fromright {
0% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromright {
0% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-fromleft {
0% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromleft {
0% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-fromleft-more {
0% { -webkit-transform: translate(-150%); -moz-transform: translate(-150%); -ms-transform: translate(-150%); -o-transform: translate(-150%); transform: translate(-150%);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromleft-more {
0% { -webkit-transform: translate(-150%); -moz-transform: translate(-150%); -ms-transform: translate(-150%); -o-transform: translate(-150%); transform: translate(-150%);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
/* Apparition par mise à l'échelle */
@keyframes scalefocus {
0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
50% { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scalefocus {
0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
50% { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@keyframes scale-in {
0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scale-in {
0% { -webkit-transform:scale(0);}
100% { -webkit-transform:scale(1);}
}
@keyframes scale-in-inv {
0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
100% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
}
@-webkit-keyframes scale-in-inv {
0% { -webkit-transform:scale(1);}
100% { -webkit-transform:scale(0);}
}
@keyframes scale-in-fromleft {
0% { -webkit-transform:scale(0, 1); -moz-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1);}
100% { -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
}
@-webkit-keyframes scale-in-fromleft {
0% { -webkit-transform:scale(0, 1);}
100% { -webkit-transform:scale(1, 1);}
}
@keyframes scale-in-fromtop {
0% { -webkit-transform:scale(1, 0); -moz-transform:scale(1, 0); -ms-transform:scale(1, 0); transform:scale(1, 0);}
100% { -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
}
@-webkit-keyframes scale-in-fromtop {
0% { -webkit-transform:scale(1, 0);}
100% { -webkit-transform:scale(1, 1);}
}
@keyframes scale-in-fromtop-inv {
0% { -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
100% { -webkit-transform:scale(1, 0); -moz-transform:scale(1, 0); -ms-transform:scale(1, 0); transform:scale(1, 0);}
}
@-webkit-keyframes scale-in-fromtop-inv {
0% { -webkit-transform:scale(1, 1);}
100% { -webkit-transform:scale(1, 0);}
}
@keyframes scale-in-fade-in-rotate {
0% { opacity:0; -webkit-transform:scale(0) rotate(90deg); -moz-transform:scale(0) rotate(90deg); -ms-transform:scale(0) rotate(90deg); transform:scale(0) rotate(90deg);}
100% { opacity:1; -webkit-transform:scale(1) rotate(0); -moz-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
@-webkit-keyframes scale-in-fade-in-rotate {
0% { opacity:0; -webkit-transform:scale(0) rotate(90deg); -moz-transform:scale(0) rotate(90deg); -ms-transform:scale(0) rotate(90deg); transform:scale(0) rotate(90deg);}
100% { opacity:1; -webkit-transform:scale(1) rotate(0); -moz-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
@keyframes scale-in-fade-in-rotate-inv {
0% { opacity:0; -webkit-transform:scale(0) rotate(-90deg); -moz-transform:scale(0) rotate(-90deg); -ms-transform:scale(0) rotate(-90deg); transform:scale(0) rotate(-90deg);}
100% { opacity:1; -webkit-transform:scale(1) rotate(0); -moz-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
@-webkit-keyframes scale-in-fade-in-rotate-inv {
0% { opacity:0; -webkit-transform:scale(0) rotate(-90deg); -moz-transform:scale(0) rotate(-90deg); -ms-transform:scale(0) rotate(-90deg); transform:scale(0) rotate(-90deg);}
100% { opacity:1; -webkit-transform:scale(1) rotate(0); -moz-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
@keyframes scale-out-fade-in {
0% { opacity:0; -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); transform:scale(2);}
100% { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scale-out-fade-in {
0% { opacity:0; -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); transform:scale(2); opacity:0;}
100% { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
/* Apparition fenetre */
@keyframes window-fromleft {
0% { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);}
100% { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
}
@-webkit-keyframes window-fromleft {
0% { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);}
100% { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
}
@keyframes window-fromright {
0% { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);}
100% { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
@-webkit-keyframes window-fromright {
0% { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);}
100% { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
@keyframes window-frombot {
0% { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
100% { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@-webkit-keyframes window-frombot {
0% { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
100% { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@keyframes window-fromtop {
0% { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
100% { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
@-webkit-keyframes window-fromtop {
0% { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
100% { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
/* Apparition cercle */
@keyframes circle-fromcenter {
0% { opacity:1; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
99% { opacity:1; clip-path: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%);}
100% { opacity:1; clip-path: circle(100% at 50% 50%); -webkit-clip-path: circle(100% at 50% 50%);}
}
@-webkit-keyframes circle-fromcenter {
0% { opacity:1; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
99% { opacity:1; clip-path: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%);}
100% { opacity:1; clip-path: circle(100% at 50% 50%); -webkit-clip-path: circle(100% at 50% 50%);}
}
@keyframes circle-fromcenterbot {
0% { opacity:1; clip-path: circle(0% at 50% 100%); -webkit-clip-path: circle(0% at 50% 100%);}
100% { opacity:1; clip-path: circle(150% at 50% 100%); -webkit-clip-path: circle(150% at 50% 100%);}
}
@-webkit-keyframes circle-fromcenterbot {
0% { opacity:1; clip-path: circle(0% at 50% 100%); -webkit-clip-path: circle(0% at 50% 100%);}
100% { opacity:1; clip-path: circle(150% at 50% 100%); -webkit-clip-path: circle(150% at 50% 100%);}
}
/* Disparition cercle */
@keyframes circle-tocenter {
0% { opacity:1; clip-path: circle(100% at 50% 50%); -webkit-clip-path: circle(100% at 50% 50%);}
99% { opacity:1; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
100% { opacity:0; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
}
@-webkit-keyframes circle-tocenter {
0% { opacity:1; clip-path: circle(100% at 50% 50%); -webkit-clip-path: circle(100% at 50% 50%);}
99% { opacity:1; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
100% { opacity:0; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
}
/* Fade */
@keyframes fade-in {
0% { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes fade-in {
0% { opacity:0;}
100% { opacity:1;}
}
@keyframes fade-in-90 {
0% { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes fade-in-90 {
0% { opacity:0;}
100% { opacity:1;}
}
@keyframes fade-out {
0% { opacity:1;}
100% { opacity:0;}
}
@-webkit-keyframes fade-out {
0% { opacity:1;}
100% { opacity:0;}
}
/* Blur */
@keyframes blur {
0% { filter:blur(0px); -webkit-filter:blur(0px);}
100% { filter:blur(10px); -webkit-filter:blur(10px);}
}
@-webkit-keyframes blur {
0% { filter:blur(0px); -webkit-filter:blur(0px);}
100% { filter:blur(10px); -webkit-filter:blur(10px);}
}
@keyframes blur-out {
0% { filter:blur(10px); -webkit-filter:blur(10px);}
100% { filter:blur(0px); -webkit-filter:blur(0px);}
}
@-webkit-keyframes blur-out {
0% { filter:blur(10px); -webkit-filter:blur(10px);}
100% { filter:blur(0px); -webkit-filter:blur(0px);}
}
/* Bounce */
@keyframes bounce {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
17% { transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
34% { transform:rotate(30deg); -webkit-transform:rotate(30deg);}
50% { transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
67% { transform:rotate(15deg); -webkit-transform:rotate(15deg);}
100% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes bounce {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
17% { transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
34% { transform:rotate(30deg); -webkit-transform:rotate(30deg);}
50% { transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
67% { transform:rotate(15deg); -webkit-transform:rotate(15deg);}
100% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
/* Air */
@keyframes midair {
0% { transform:translateY(1em); -webkit-transform:translateY(1em);}
100% { transform:translateY(0); -webkit-transform:translateY(0);}
}
@-webkit-keyframes midair {
0% { transform:translateY(2em); -webkit-transform:translateY(2em);}
100% { transform:translateY(0); -webkit-transform:translateY(0);}
}
/* Sketch */
@keyframes stroke-dashoffset {
0% { opacity:1;}
100% { opacity:1; stroke-dashoffset:0 !important;}
}
@-webkit-keyframes stroke-dashoffset {
0% { opacity:1;}
100% { opacity:1; stroke-dashoffset:0 !important;}
}
/* Rotate fade out */
@keyframes rotate-fade-out {
0% { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
50% { opacity:1;}
100% { opacity:0; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
}
@-webkit-keyframes rotate-fade-out {
0% { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
50% { opacity:1;}
100% { opacity:0; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
}
/* Rotate intro */
@keyframes intro-rotate-80 {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(80deg); -webkit-transform:rotate(80deg);}
}
@-webkit-keyframes intro-rotate-80 {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(80deg); -webkit-transform:rotate(80deg);}
}
/* Rotate menu */
@keyframes menu-rotate-1 {
0% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
100% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes menu-rotate-1 {
0% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
100% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@keyframes menu-rotate-1-inv {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
}
@-webkit-keyframes menu-rotate-1-inv {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
}
@keyframes menu-rotate-2 {
0% { transform:rotate(90deg); -webkit-transform:rotate(90deg);}
100% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes menu-rotate-2 {
0% { transform:rotate(90deg); -webkit-transform:rotate(90deg);}
100% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@keyframes menu-rotate-2-inv {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(90deg); -webkit-transform:rotate(90deg);}
}
@-webkit-keyframes menu-rotate-2-inv {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
100% { transform:rotate(90deg); -webkit-transform:rotate(90deg);}
}
/* Fold/Unfold */
@keyframes intro-fold {
0% { opacity:1; max-height:20em;}
50% { opacity:0; max-height:20em;}
100% { opacity:0; max-height:0;}
}
@-webkit-keyframes intro-fold {
0% { opacity:1; max-height:20em;}
50% { opacity:0; max-height:20em;}
100% { opacity:0; max-height:0;}
}
@keyframes intro-unfold {
0% { opacity:0; max-height:0;}
50% { opacity:0; max-height:20em;}
100% { opacity:1; max-height:20em;}
}
@-webkit-keyframes intro-unfold {
0% { opacity:0; max-height:0;}
50% { opacity:0; max-height:20em;}
100% { opacity:1; max-height:20em;}
}
@media screen and (max-width: 900px) {
/* Fold/Unfold */
@keyframes intro-fold {
0% { opacity:1; max-height:40em;}
50% { opacity:0; max-height:40em;}
100% { opacity:0; max-height:0;}
}
@-webkit-keyframes intro-fold {
0% { opacity:1; max-height:40em;}
50% { opacity:0; max-height:40em;}
100% { opacity:0; max-height:0;}
}
@keyframes intro-unfold {
0% { opacity:0; max-height:0;}
50% { opacity:0; max-height:40em;}
100% { opacity:1; max-height:40em;}
}
@-webkit-keyframes intro-unfold {
0% { opacity:0; max-height:0;}
50% { opacity:0; max-height:40em;}
100% { opacity:1; max-height:40em;}
}
}
/* Events */
@keyframes enable-events {
0% { pointer-events:none;}
99% { pointer-events:inherit;}
100% { pointer-events:inherit;}
}
@-webkit-keyframes enable-events {
0% { pointer-events:none;}
99% { pointer-events:inherit;}
100% { pointer-events:inherit;}
}
/* Display */
@keyframes display-none {
0% { display:block;}
99% { display:block;}
100% { display:none;}
}
@-webkit-keyframes display-none {
0% { display:block;}
99% { display:block;}
100% { display:none;}
}
/* Apparition menu */
@keyframes translate-btn-fromright-1 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
80% { -webkit-transform: translate(-2em); -moz-transform: translate(-2em); -ms-transform: translate(-2em); -o-transform: translate(-2em); transform: translate(-2em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-btn-fromright-1 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
80% { -webkit-transform: translate(-2em); -moz-transform: translate(-2em); -ms-transform: translate(-2em); -o-transform: translate(-2em); transform: translate(-2em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-btn-fromright-1-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
30% { -webkit-transform: translate(-2em); -moz-transform: translate(-2em); -ms-transform: translate(-2em); -o-transform: translate(-2em); transform: translate(-2em);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@-webkit-keyframes translate-btn-fromright-1-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
30% { -webkit-transform: translate(-2em); -moz-transform: translate(-2em); -ms-transform: translate(-2em); -o-transform: translate(-2em); transform: translate(-2em);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@keyframes translate-btn-fromright-2 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
80% { -webkit-transform: translate(-1em); -moz-transform: translate(-1em); -ms-transform: translate(-1em); -o-transform: translate(-1em); transform: translate(-1em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-btn-fromright-2 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
80% { -webkit-transform: translate(-1em); -moz-transform: translate(-1em); -ms-transform: translate(-1em); -o-transform: translate(-1em); transform: translate(-1em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-btn-fromright-2-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
40% { -webkit-transform: translate(-1em); -moz-transform: translate(-1em); -ms-transform: translate(-1em); -o-transform: translate(-1em); transform: translate(-1em);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@-webkit-keyframes translate-btn-fromright-2-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
40% { -webkit-transform: translate(-1em); -moz-transform: translate(-1em); -ms-transform: translate(-1em); -o-transform: translate(-1em); transform: translate(-1em);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@keyframes translate-btn-fromright-3 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
80% { -webkit-transform: translate(-0.25em); -moz-transform: translate(-0.25em); -ms-transform: translate(-0.25em); -o-transform: translate(-0.25em); transform: translate(-0.25em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-btn-fromright-3 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
80% { -webkit-transform: translate(-0.25em); -moz-transform: translate(-0.25em); -ms-transform: translate(-0.25em); -o-transform: translate(-0.25em); transform: translate(-0.25em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-btn-fromright-3-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
50% { -webkit-transform: translate(-0.25em); -moz-transform: translate(-0.25em); -ms-transform: translate(-0.25em); -o-transform: translate(-0.25em); transform: translate(-0.25em);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@-webkit-keyframes translate-btn-fromright-3-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
50% { -webkit-transform: translate(-0.25em); -moz-transform: translate(-0.25em); -ms-transform: translate(-0.25em); -o-transform: translate(-0.25em); transform: translate(-0.25em);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@keyframes translate-btn-fromright-4 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-btn-fromright-4 {
0% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-btn-fromright-4-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
@-webkit-keyframes translate-btn-fromright-4-rev {
0% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
100% { -webkit-transform: translate(10em); -moz-transform: translate(10em); -ms-transform: translate(10em); -o-transform: translate(10em); transform: translate(10em);}
}
/* ------------------------------------------------------------------------- SPECIFIQUE CLARK */
/* MISC */
.strong-lightblue strong,
.strong-lightblue b, .a-lightblue a { color: var(--light-blue); }
.strong-darkblue strong, .strong-darkblue b { color: var(--dark-blue); }
.strong-lightgray strong, .strong-lightgray b { color: var(--lightgray); }
.strong-bigger strong, .strong-bigger b { font-size: 120%; }
.strong-verybigger strong, .strong-verybigger b { font-size: 150%; }
.strong-bold strong, .strong-bold b { font-weight: bold; }
.strong-medium strong, .strong-medium b { font-weight: 500; }
.strong-bold strong, .strong-bold b { font-weight: bold; }
.strong-blue strong { color: var(--light-blue); }
.strong-darkblue strong { color: var(--dark-blue); }
.strong-purple strong { color: var(--purple); }
.strong-green strong { color: var(--green); }
.strong-yellow strong { color: var(--yellow); }
.strong-uppercase strong { text-transform: uppercase; }
.strong-bg-darkblue strong { background-color: var(--dark-blue); color: white; padding: 0 0.2em; }
.color-Origin,
.strong-Origin strong, .strong-Origin b { color: var(--origin); }
.color-Origin-plus,
.strong-Origin-plus strong, .strong-Origin-plus b { color: var(--origin-plus); }
.color-lightwhite,
.color-lightwhite-placeholder::placeholder { color: #FFFFFFB2 !important; }
/* Effet glow simple sur le texte - version douce */
.btn-glow { text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4); animation: text-glow 1s ease-in-out infinite alternate;}
@keyframes text-glow {
from { text-shadow: none; }
to { text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4); }
}
@media screen and (max-width: 900px) {
.strong-lightblue-mobile strong { color: var(--light-blue); }
.strong-darkblue-mobile strong { color: var(--dark-blue); }
.strong-corporate-blue-mobile strong { color: var(--corporate-blue); }
.strong-lightgray-mobile strong { color: var(--lightgray); }
.strong-Normal-mobile strong { color: var(--color-primary); }
.strong-bigger-mobile strong { font-size: 120%; }
.strong-verybigger-mobile strong { font-size: 150%; }
.strong-bold-mobile strong { font-weight: bold; }
.strong-medium-mobile strong { font-weight: 500; }
.color-Origin-mobile,
.strong-Origin-mobile strong { color: var(--origin) !important; }
.color-Origin-plus-mobile,
.strong-Origin-plus-mobile strong { color: var(--origin-plus) !important; }
}
/* HOMEPAGE */
/* HERO */
.hero-homme {left: -278px;top: -295px;transform: scale(0.6);transition: none;}
.hero-main-content {opacity: 0;transform: scale(0.8);transition: none;}
@media screen and (min-width: 1800px) {
.hero-homme {width: 90%; height: auto;}
}
/* Nuages */
.nuage_1 {width: 1200.999267578125px;height: 904.561279296875px;top: -165px;left: 516.79px;}
.nuage_2 {width: 815.1493530273438px;height: 316.0783386230469px;top: 938.03px;left: 554.95px;}
.nuage_3 {width: 706.0799560546875px;height: 277.8837890625px;top: 1074.87px;left: 397.12px;}
.nuage_4 {width: 600.118896484375px;height: 236.1819305419922px;top: 458.27px;left: 643.69px;}
.nuage_5 {width: 1200.999267578125px;height: 904.561279296875px;top: 544.05px;left: -170.74px;transform: scaleX(-1);}
.nuage_6 {width: 811.5945624905581px;height: 475.49930924711947px;top: 621.12px;left: 422.33px;}
.nuage_7 {width: 930.9920043945312px;height: 930.9920043945312px;top: 192.54px;left: 678.17px;}
.nuage_8 {width: 1071.195068359375px;height: 628.1683959960938px;top: 218.79px;left: -0.14px;}
.nuage_9 {width: 1395.759033125px;height: 826.392333984375px;top: 156.41px;left: -611.9px;}
.nuage_10 {width: 811.5946044921875px;height: 453.57562255859375px;top: -34.25px;left: 37.43px;}
.nuage_club_01 {width: 653.9981689453125px;height: 257.3865661621094px;top: 704.4px;left: 753.21px;}
.nuage_club_02 {width: 254.50070190429688px;height: 100.16092681884766px;top: 231.7px;left: 571.96px;}
.nuage_club_03 {width: 813.9583740234375px;height: 813.9583740234375px;top: 339.62px;left: -38.75px;}
.nuage_club_04 {width: 1137.5570068359375px;height: 1137.5570068359375px;top: 90.32px;left: 661.94px;}
.nuage_club_05 {width: 508.6653137207031px;height: 200.1895751953125px;top: 196.6px;left: 901.69px;}
.nuage_club_06 {width: 684.1282958984375px;height: 269.2445068359375px;top: 215.43px;left: 53.54px;}
@media screen and (max-width: 900px) {
.nuage_1 { width: 600.5px; height: 452.3px; top: -82px; left: 258.4px; }
.nuage_2 { width: 407.6px; height: 158.0px; top: 469.0px; left: 277.5px; }
.nuage_3 { width: 353.0px; height: 138.9px; top: 537.4px; left: 198.6px; }
.nuage_4 { width: 300.1px; height: 118.1px; top: 229.1px; left: 321.8px; }
.nuage_5 { width: 600.5px; height: 452.3px; top: 272.0px; left: -85.4px; transform: scaleX(-1);}
.nuage_6 { width: 405.8px; height: 237.7px; top: 310.6px; left: 211.2px; }
.nuage_7 { width: 465.5px; height: 465.5px; top: 96.3px; left: 339.1px; }
.nuage_8 { width: 535.6px; height: 314.1px; top: 109.4px; left: -0.1px; }
.nuage_9 { width: 697.9px; height: 413.2px; top: 78.2px; left: -305.9px; }
.nuage_10 { width: 405.8px; height: 226.8px; top: -17.1px; left: 18.7px; }
.nuage_club_01 { width: 327.0px; height: 128.7px; top: 352.2px; left: 376.6px; }
.nuage_club_02 { width: 127.3px; height: 50.1px; top: 115.9px; left: 286.0px; }
.nuage_club_03 { width: 406.9px; height: 406.9px; top: 169.8px; left: -19.4px; }
.nuage_club_04 { width: 568.8px; height: 568.8px; top: 45.2px; left: 331.0px; }
.nuage_club_05 { width: 254.3px; height: 100.1px; top: 98.3px; left: 450.8px; }
.nuage_club_06 { width: 342.1px; height: 134.6px; top: 107.7px; left: 26.8px; }
}
/* Page - nos abonnements */
.abo_nuage_1 {width: 937.5986938476562px;height: 369px;top: 199px;left: -461px;}
.abo_nuage_2 {width: 729.2435302734375px;height: 287px;top: 80.58px;left: 785.38px;transform: scaleX(-1);}
/* PAGE - Séance d'essai */
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {opacity: 1 !important;}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { color: var(--dark-blue) !important;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: var(--light-blue) !important;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background: var(--light-blue) !important; color: white !important;}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker { width: 100% !important; margin: 0 !important;}
.xdsoft_noselect { width: 20% !important; padding: 0.25em !important; border-radius: 0.5em !important;}
@media screen and (max-width: 1200px) {
.xdsoft_noselect { width: 70% !important; padding: 0.25em !important; border-radius: 0.5em !important;}
}
/* TUNNEL */
.service-checkbox:checked::after {content: '';position: absolute;top: -1px;left: -1px;width: 1em;height: 1em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjMzMzM1IDUuOTAwNzNMOC41NjA4NSAwLjY2NTEwNEM4LjY3NTg1IDAuNTQ5ODI2IDguODA0NzQgMC40OTIxODggOC45NDc1MSAwLjQ5MjE4OEM5LjA5MDQzIDAuNDkyMTg4IDkuMjE5NiAwLjU0OTY4OCA5LjMzNTAxIDAuNjY0Njg4QzkuNDUwMjkgMC43Nzk2ODggOS41MDc5MyAwLjkwODY0NSA5LjUwNzkzIDEuMDUxNTZDOS41MDc5MyAxLjE5NDYyIDkuNDUwMjkgMS4zMjM4NSA5LjMzNTAxIDEuNDM5MjdMMy43OTgxNCA2Ljk2ODAyQzMuNjYxMzMgNy4xMDQ4MyAzLjUwMjkzIDcuMTczMjMgMy4zMjI5MyA3LjE3MzIzQzMuMTQyOTMgNy4xNzMyMyAyLjk4NDUzIDcuMTA0ODMgMi44NDc3MiA2Ljk2ODAyTDAuNjY1MDEzIDQuNzkzNDRDMC41NDk3MzUgNC42Nzg0NCAwLjQ5MjA5NiA0LjU0OTU1IDAuNDkyMDk2IDQuNDA2NzdDMC40OTIwOTYgNC4yNjM4NSAwLjU0OTU5NiA0LjEzNDY5IDAuNjY0NTk2IDQuMDE5MjdDMC43Nzk1OTYgMy45MDM5OSAwLjkwODU1NCAzLjg0NjM1IDEuMDUxNDcgMy44NDYzNUMxLjE5NDUzIDMuODQ2MzUgMS4zMjM3NiAzLjkwMzk5IDEuNDM5MTggNC4wMTkyN0wzLjMzMzM1IDUuOTAwNzNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');background-repeat: no-repeat;background-position: center;background-color: var(--light-blue);}
.error-message,
.success-message { animation: slideDown 0.3s ease-out;}
@keyframes slideDown {
from {opacity: 0;transform: translateY(-10px);}
to {opacity: 1; transform: translateY(0);}
}
.gender-option.selected,
.goal-option.selected { background-color: var(--light-blue) !important;}
.gender-option.selected span,
.goal-option.selected span { color: white !important; }
#submit-registration:disabled { opacity: 0.7; cursor: not-allowed;}
.loading-spinner { animation: pulse 1.5s ease-in-out infinite;}
@keyframes pulse {
0%, 100% { opacity: 1;}
50% { opacity: 0.5;}
}
/* PAGE UNIVERS */
/* Styles pour les slides */
.slider-univers-2-item {transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity: 0.7;}
.slider-univers-2-item.active {opacity: 1;z-index: 10;}
.slider-univers-2-item.prev,
.slider-univers-2-item.next {opacity: 0.8;z-index: 5;}
/* Mobile styles */
@media (max-width: 768px) {
.slider-univers-2-container { padding: 0 5vw; overflow: visible; /* Permettre de voir les aperçus */ }
.slider-univers-2-item {width: 90vw !important; margin-right: 1rem !important;}
}
/* Sidebar Menu */
.header-sidebar { visibility: hidden;}
.header-sidebar.active {visibility: visible;opacity: 1;}
.sidebar-menu-list .sub-menu { display: none; }
/* Sous-sidebar pour les sous-menus */
.sub-sidebar { transform: translateX(100%); visibility: hidden; /* Cachée par défaut */}
/* Contenu des sous-menus */
.sub-sidebar-content a:hover { padding-left: 1rem;transition: padding-left 0.3s ease;}
.sub-sidebar-content .sub-menu {display: flex; flex-direction: column; gap: .5em;}
.sub-sidebar-content .sub-menu .t-title-2 { font-weight: lighter;}
.sub-sidebar-content .sub-menu .menu-item {display: flex;align-items: center;justify-content: space-between;}
/* Items de menu avec sous-menus */
.menu-item-has-children > a {display: flex;width: 100%; align-items: center;}
.menu-item-has-children > a::after {content: "";width: 7px;height: 11px;margin-left: auto;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;background-position: center;background-size: contain;transition: background-image 0.3s ease;}
/* Hover effect - changer la couleur du SVG en bleu */
.menu-item-has-children > a:hover::after {background-image: url('data:image/svg+xml;utf8,');}
/* FOOTER */
.normal_lightline { left: 49%;}
.normal_lightball { left: 48.8%;}
.illuminated_lightball { left: 48.8%;}
.illuminated_halo {}
.nuageFooter1 { top: 11.14px; left: 665px;}
.nuageFooter2 { top: 8.14px; left: -459px;}
.nuageFooter3 { top: 391.14px; left: 834px;}
footer #footer-bot nav ul li {color: var(--light-blue);}
footer #footer-bot nav ul li::after { content: " · ";color: white; padding: 0 0.25em; }
footer #footer-bot nav ul li:last-child::after { content: ""; }
.menu-item.underline { text-decoration: none;}
.underline a span { text-decoration: underline;}
.clubs-col .menu-item { display: flex;gap: .5em;align-items: center;}
@media screen and (max-width: 900px) {
footer #footer-bot nav ul li::after { content: ""; }
footer nav ul li::after { content: ""; }
footer nav ul li:last-child::after { content: ""; }
.strong-darkblue-mobile strong { color: var(--dark-blue); }
}
/* WPCF7 */
.wpcf7-form { display: flex; flex-direction: column;}
.wpcf7-form label { display: flex;flex-direction: column;color: white;}
.wpcf7-form label input,
.wpcf7-form label textarea {background-color: var(--white-blue);border-radius: .5em;padding: .5em;width: 100%;border: none;margin-top: .25em;}
.wpcf7-form label input::placeholder,
.wpcf7-form label textarea::placeholder { color: #FFFFFFB2;}
.wpcf7-submit {border-radius: .5em;background-color: var(--light-blue);color: white;padding: 1em 3em;border: none;margin-top: 2em;width: fit-content;}
.wpcf7-submit:hover {background-color: var(--blue-hover); cursor: pointer;}
.wpcf7-not-valid-tip { background-color: inherit !important; font-size: 75%;}
.wpcf7 .wpcf7-acceptance label {font-size: 81.25%;padding: 1.5em 0 0 2em;cursor: pointer;user-select: none;}
.wpcf7 .wpcf7-acceptance label input {position: absolute;top: 1.3em;left: 0;border: 1px solid var(--light-blue);width: 1em;height: 1em;border-radius: 50%;cursor: pointer !important;transition: background-color .25s; background-color: transparent;}
.wpcf7 .wpcf7-acceptance label input:after {content: "";display: block;position: absolute;border-radius: 50%;top: 50%;left: 50%;height: 50%;width: 50%;opacity: 0;transition: opacity .25s;background-color: #fff;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.wpcf7 .wpcf7-acceptance label input:checked, .wpcf7 .wpcf7-acceptance label:hover input {background-color: var(--blue-hover);}
.wpcf7 .wpcf7-acceptance label input:checked:after {opacity: 1.0;}
footer .wpcf7 .submit { width: fit-content; margin: 0;}
footer .wpcf7 .submit input { padding: .5em 3em; margin-top: 1.5em;}
.wpcf7-checkbox { display: flex; flex-wrap: wrap; gap: 1em;}
.wpcf7-checkbox label { display: flex; flex-direction: row;}
.wpcf7-checkbox label input { width: 12px; appearance: auto;}
.wpcf7-checkbox label span { color: var(--dark-blue);}
@media screen and (max-width: 900px) {
.wpcf7-submit { width: 100%; }
}
/* Remplacer les bullet points par le SVG check dans fitness-club-blocs */
.special-bullet ul { list-style: none; padding-left: 0;}
.special-bullet ul li { position: relative; padding-left: 2rem; margin-bottom: 0.5rem;}
.special-bullet ul li::before {content: '';position: absolute;left: 0;top: 0.2rem;width: 12px;height: 16px;background-image: url('./img/blue_bg_white_check.svg');background-repeat: no-repeat;background-size: contain;background-position: center;}
/* BONUS SECRETO INTERDITO */
.lightning-effect {position: absolute;top: 0;left: 50%;width: 3px;height: 100%;z-index: 3;opacity: 0;pointer-events: none;transform: translateX(-50%);}
.lightning-bolt {position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: linear-gradient(to bottom,transparent 0%,#00d4ff 10%,#ffffff 50%,#00d4ff 90%,transparent 100%);transform: translateX(-50%);box-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 30px #00d4ff;}
.lightning-glow {position: absolute;top: 0;left: 50%;width: 20px;height: 100%;background: linear-gradient(to bottom,transparent 0%,rgba(0, 212, 255, 0.3) 20%,rgba(255, 255, 255, 0.5) 50%,rgba(0, 212, 255, 0.3) 80%,transparent 100%);transform: translateX(-50%);filter: blur(5px);}
@keyframes lightningStrike { 0% {transform: translateX(-50%) translateY(-100%);opacity: 0;}10% {opacity: 1;}50% {transform: translateX(-50%) translateY(0%);opacity: 1;}100% {transform: translateX(-50%) translateY(0%);opacity: 0.8;}}
@keyframes lightningFlash { 0%, 100% { opacity: 0; }10% { opacity: 1; }20% { opacity: 0.3; }30% { opacity: 1; }40% { opacity: 0.5; }50% { opacity: 1; }}
/* Styles pour le slider mobile des univers */
.slider-univers-mobile-container {
overflow: hidden;
width: 100vw; /* Pleine largeur d'écran */
margin-left: -5vw; /* Compenser le padding du container parent */
margin-right: -5vw;
}
.univers-mobile-slider-track {
display: flex;
will-change: transform;
transform: translateX(0%);
}
.univers-mobile-slide {
flex: 0 0 90vw; /* 90% de la largeur d'écran */
margin: 0 5vw; /* 5% de marge de chaque côté */
opacity: 0.7;
transform: scale(0.95);
transition: opacity 0.6s ease, transform 0.6s ease;
position: relative;
}
.univers-mobile-slide.active {
opacity: 1;
transform: scale(1);
}
/* Responsive pour très petits écrans */
@media (max-width: 375px) {
.univers-mobile-slide {
flex: 0 0 85vw; /* Un peu plus petit sur très petits écrans */
margin: 0 7.5vw; /* Marges ajustées */
}
}
/* Le cercle à l'intérieur du switch */
.toggle-switch .toggle-label::before {content: "";position: absolute;top: .2em;left: .2em;width: 1em;height: 1em;background-color: white;border-radius: 50%;transition: transform 0.3s ease;}
.toggle-switch .toggle-input:checked + .toggle-label {background-color: var(--light-blue);}
.toggle-switch .toggle-input:checked + .toggle-label::before {transform: translateX(1.5em);}
@media screen and (max-width: 900px) {
.cours_image_1 {}
.cours_image_2 {}
.cours_image_3 {}
.cours_image_4 {display: none;}
.cours_image_5 {}
.cours_image_6 {}
.cours_image_7 {display: none;}
.cours_image_8 {display: none;}
}