/* ===============================
= Choices =
=============================== */
.choices {
position: relative;
overflow: hidden;
margin-bottom: 24px;
font-size: 16px;
}
.choices:focus {
outline: none;
}
.choices:last-child {
margin-bottom: 0;
}
.choices.is-open {
overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.choices.is-disabled .choices__item {
cursor: not-allowed;
}
.choices [hidden] {
display: none !important;
}
.choices[data-type*=select-one] {
cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #ddd;
background-color: #fff;
margin: 0;
}
.choices[data-type*=select-one] .choices__button {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
box-shadow: 0 0 0 2px #00bcd4;
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
display: none;
}
.choices[data-type*=select-one]::after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: #333 transparent transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
border-color: transparent transparent #333 transparent;
margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
left: 11.5px;
right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0;
}
.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
opacity: 1;
}
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #ddd;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
border-color: #b7b7b7;
}
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%;
}
[dir=rtl] .choices__list--single {
padding-right: 4px;
padding-left: 16px;
}
.choices__list--single .choices__item {
width: 100%;
}
.choices__list--multiple {
display: inline;
}
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid #00a5bb;
color: #fff;
word-break: break-all;
box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1;
}
.is-disabled .choices__list--multiple .choices__item {
background-color: #aaaaaa;
border: 1px solid #919191;
}
.choices__list--dropdown, .choices__list[aria-expanded] {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #fff;
border: 1px solid #ddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
visibility: visible;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
position: relative;
padding: 10px;
font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
text-align: right;
}
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
padding-right: 100px;
}
.choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
right: auto;
left: 10px;
}
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
opacity: 0.5;
}
.choices__item {
cursor: default;
}
.choices__item--selectable {
cursor: pointer;
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.5;
}
.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray;
}
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.choices__button:focus {
outline: none;
}
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px;
}
.choices__input:focus {
outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
display: none;
width: 0;
height: 0;
}
[dir=rtl] .choices__input {
padding-right: 2px;
padding-left: 0;
}
.choices__placeholder {
opacity: 0.5;
}
/* ===== End of Choices ====== */
@charset "UTF-8";
/*! de-style.css v1.0.5 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model
========================================================================== */
* {
box-sizing: border-box;
}
::before,
::after {
box-sizing: inherit;
}
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-webkit-tap-highlight-color: transparent;
/* 3*/
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/* Vertical rhythm
========================================================================== */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}
/* Headings
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0;
}
/* Lists (enumeration)
========================================================================== */
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
/* Lists (definition)
========================================================================== */
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
border: 0;
border-top: 1px solid;
margin: 0;
clear: both;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: inherit;
/* 2 */
}
address {
font-style: inherit;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
text-decoration: none;
color: inherit;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: inherit;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
vertical-align: bottom;
}
embed,
object,
iframe {
border: 0;
vertical-align: bottom;
}
/* Forms
========================================================================== */
button,
input,
optgroup,
select,
textarea {
vertical-align: middle;
color: inherit;
font: inherit;
border: 0;
background: transparent;
padding: 0;
margin: 0;
outline: 0;
}
/**
* Remove all Style fro select elements. Does not quite work cross-browser
*/
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
cursor: default;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Reset to invisible
*/
fieldset {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
[type=search]::-ms-clear, [type=search]::-ms-reveal {
display: none;
height: 0;
width: 0;
}
[type=search]::-webkit-search-decoration, [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-results-button, [type=search]::-webkit-search-results-decoration {
display: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/**
* Fix placeholder font properties inheritance.
*/
::-moz-placeholder {
font: inherit;
}
::placeholder {
font: inherit;
}
/**
* Clickable labels
*/
label[for] {
cursor: pointer;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Table
========================================================================== */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
}
th {
text-align: left;
font-weight: bold;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: block;
max-width: 100%;
height: auto;
}
html {
font-size: 10px;
scroll-behavior: smooth;
}
body {
font-size: 100%;
}
svg {
fill: currentColor;
}
/* -------------------------------------------------------
------------------->>> MIXINS <<<----------------------
------------------------------------------------------- */
/* Usage
@include gradient(#07c, #06f, vertical);
*/
/* Usage
@include placeholder {
font-style:italic;
color: white;
font-weight:100;
}*/
body {
background-color: black;
--white: #fff;
--black: #000;
--duskblue: #fff;
--dark: #1A1A1A;
--darkarena: #1A1A1A;
--gray: #EEEEEE;
--grayreverse: #1A1A1A;
--gray2: #E5E5E5;
--filterwhite: invert(100%);
--filterblack: invert(0%);
--filterblue: invert(100%);
--margin: 16px;
--marginV: 40px;
--marginText: 16px;
--nbcols: 4;
--maxwidthabsolute: calc(100vw - 2 * var(--margin));
--colwidth: calc(calc(100% - (var(--nbcols) - 1) * var(--margin)) / var(--nbcols));
--colwidthmarged: calc(var(--colwidth) + var(--margin));
--colwidthFlex: calc(calc(100% - (var(--nbcols) * var(--margin))) / var(--nbcols));
--colwidthFlexmarged: calc(var(--colwidthFlex) + var(--margin));
--colabsolutewidth: calc(calc(var(--maxwidthabsolute) - (var(--nbcols) - 1) * var(--margin)) / var(--nbcols));
--colabsolutewidthmarged: calc(var(--colabsolutewidth) + var(--margin));
}
body.arena {
--darkarena: #081627;
}
body.white {
background-color: white;
--white: #000;
--black: #fff;
--duskblue: #008596;
--dark: #EEEEEE;
--darkarena: #EEEEEE;
--gray: #1A1A1A;
--gray2: #666666;
--grayreverse: #EEEEEE;
--filterwhite: invert(0%);
--filterblack: invert(100%);
--filterblue: invert(31%) sepia(63%) saturate(1999%) hue-rotate(161deg) brightness(92%) contrast(101%);
}
body.white.arena {
--darkarena: #328CF5;
}
@media screen and (min-width: 841px) {
body {
--margin: 24px;
--marginV: 74px;
--marginText: 20px;
}
}
@media screen and (min-width: 1320px) {
body {
--margin: 32px;
}
}
@media screen and (min-width: 841px) {
body {
--nbcols: 12;
}
}
@media screen and (min-width: 1320px) {
body {
--nbcols: 12;
}
}
@media screen and (min-width: 1504px) {
body {
--maxwidthabsolute: calc(1504px - 2 * var(--margin));
}
}
body {
--duskred: #008596;
}
body.arena {
--duskred: #e60000;
}
@font-face {
font-family: "Baikal";
font-style: normal;
font-weight: 300;
src: local(""), url("./assets/fonts/Baikal/BaikalNormal/BaikalNormal-Light.woff2") format("woff2");
}
@font-face {
font-family: "Baikal";
font-style: normal;
font-weight: 400;
src: local(""), url("./assets/fonts/Baikal/BaikalNormal/BaikalNormal-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Baikal";
font-style: normal;
font-weight: 500;
src: local(""), url("./assets/fonts/Baikal/BaikalNormal/BaikalNormal-Medium.woff2") format("woff2");
}
@font-face {
font-family: "BaikalExpanded";
font-style: normal;
font-weight: 400;
src: local(""), url("./assets/fonts/Baikal/BaikalExpanded/BaikalExp-Regular.woff2") format("woff2");
}
@font-face {
font-family: "BaikalExpanded";
font-style: normal;
font-weight: 500;
src: local(""), url("./assets/fonts/Baikal/BaikalExpanded/BaikalExp-Medium.woff2") format("woff2");
}
@font-face {
font-family: "BaikalUltraExpanded";
font-style: normal;
font-weight: 400;
src: local(""), url("./assets/fonts/Baikal/BaikalUltraExpanded/BaikalUltraExp-Regular.woff2") format("woff2");
}
@font-face {
font-family: "icomoon";
src: url("assets/fonts/Icomoon/fonts/icomoon.eot?dxi7k1");
src: url("assets/fonts/Icomoon/fonts/icomoon.eot?dxi7k1#iefix") format("embedded-opentype"), url("assets/fonts/Icomoon/fonts/icomoon.ttf?dxi7k1") format("truetype"), url("assets/fonts/Icomoon/fonts/icomoon.woff?dxi7k1") format("woff"), url("assets/fonts/Icomoon/fonts/icomoon.svg?dxi7k1#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
svg {
display: block;
max-width: 100%;
max-height: 100%;
}
[class^=icon-], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-check:before {
content: "\e913";
}
.icon-arrow-left:before {
content: "\e900";
}
.icon-arrow-mid-right:before {
content: "\e901";
}
.icon-arrow-right:before {
content: "\e902";
}
.icon-cross:before {
content: "\e903";
}
.icon-down:before {
content: "\e904";
}
.icon-download:before {
content: "\e905";
}
.icon-facebook:before {
content: "\e906";
}
.icon-instagram:before {
content: "\e907";
}
.icon-linkedin:before {
content: "\e908";
}
.icon-play:before {
content: "\e909";
}
.icon-plus:before {
content: "\e90a";
}
.icon-tick:before {
content: "\e90b";
}
.icon-tiktok:before {
content: "\e90c";
}
.icon-twitter:before {
content: "\e90d";
}
.icon-up:before {
content: "\e90e";
}
.icon-whatsapp:before {
content: "\e90f";
}
.icon-youtube:before {
content: "\e910";
}
.icon-zoom:before {
content: "\e911";
}
.icon-telechargement:before {
content: "\e912";
}
button,
input,
optgroup,
select,
textarea {
outline: 0;
}
@media screen and (min-width: 1025px) {
button:focus-visible,
input:focus-visible,
optgroup:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: solid 1px;
outline-offset: 5px;
}
}
a {
outline: 0;
}
@media screen and (min-width: 1025px) {
a:focus-visible {
outline: solid 1px;
}
}
/*
Improved screen reader only CSS class
@author Gaël Poupard
@note Based on Yahoo!'s technique
@author Thierry Koblentz
@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
* 1.
@note `clip` is deprecated but works everywhere
@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
* 2.
@note `clip-path` is the future-proof version, but not very well supported yet
@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
@see http://caniuse.com/#search=clip-path
@author Yvain Liechti
@see https://twitter.com/ryuran78/status/778943389819604992
* 3.
@note preventing text to be condensed
author J. Renée Beach
@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
@note Drupal 8 goes with word-wrap: normal instead
@see https://www.drupal.org/node/2045151
@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
* 4.
@note !important is important
@note Obviously you wanna hide something
@author Harry Roberts
@see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important; /* 2 */
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; /* 3 */
}
/*
Use in conjunction with .sr-only to only display content when it's focused.
@note Useful for skip links
@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
@note Based on a HTML5 Boilerplate technique, included in Bootstrap
@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
@author Sylvain Pigeard
@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
clip: auto !important;
-webkit-clip-path: none !important;
clip-path: none !important;
height: auto !important;
margin: auto !important;
overflow: visible !important;
width: auto !important;
white-space: normal !important;
}
.visuallyHidden {
clip: rect(0, 0, 0, 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
:root {
--timing: 0.8s;
--transition-delay: 0.3s;
--transition-fn: cubic-bezier(.13, 0, .11, 1);
}
.f {
opacity: 0;
}
html.animReady .f {
opacity: 1;
}
.anim-delay0, .anim-delay0.image-path:before, .anim-delay0.image-path:after {
transition-delay: 0ms;
}
.anim-delay1, .anim-delay1.image-path:before, .anim-delay1.image-path:after {
transition-delay: 100ms;
}
.anim-delay2, .anim-delay2.image-path:before, .anim-delay2.image-path:after {
transition-delay: 200ms;
}
.anim-delay3, .anim-delay3.image-path:before, .anim-delay3.image-path:after {
transition-delay: 300ms;
}
.anim-delay4, .anim-delay4.image-path:before, .anim-delay4.image-path:after {
transition-delay: 400ms;
}
.anim-delay5, .anim-delay5.image-path:before, .anim-delay5.image-path:after {
transition-delay: 500ms;
}
.anim-delay6, .anim-delay6.image-path:before, .anim-delay6.image-path:after {
transition-delay: 600ms;
}
.anim-delay7, .anim-delay7.image-path:before, .anim-delay7.image-path:after {
transition-delay: 700ms;
}
.anim-delay8, .anim-delay8.image-path:before, .anim-delay8.image-path:after {
transition-delay: 800ms;
}
.anim-delay9, .anim-delay9.image-path:before, .anim-delay9.image-path:after {
transition-delay: 900ms;
}
.anim-delay10, .anim-delay10.image-path:before, .anim-delay10.image-path:after {
transition-delay: 1000ms;
}
.anim-delay11, .anim-delay11.image-path:before, .anim-delay11.image-path:after {
transition-delay: 1100ms;
}
.anim-delay12, .anim-delay12.image-path:before, .anim-delay12.image-path:after {
transition-delay: 1200ms;
}
.anim-delay13, .anim-delay13.image-path:before, .anim-delay13.image-path:after {
transition-delay: 1300ms;
}
.anim-delay14, .anim-delay14.image-path:before, .anim-delay14.image-path:after {
transition-delay: 1400ms;
}
.anim-delay15, .anim-delay15.image-path:before, .anim-delay15.image-path:after {
transition-delay: 1500ms;
}
.anim-delay16, .anim-delay16.image-path:before, .anim-delay16.image-path:after {
transition-delay: 1600ms;
}
.anim-delay17, .anim-delay17.image-path:before, .anim-delay17.image-path:after {
transition-delay: 1700ms;
}
.anim-delay18, .anim-delay18.image-path:before, .anim-delay18.image-path:after {
transition-delay: 1800ms;
}
.anim-delay19, .anim-delay19.image-path:before, .anim-delay19.image-path:after {
transition-delay: 1900ms;
}
.anim-delay20, .anim-delay20.image-path:before, .anim-delay20.image-path:after {
transition-delay: 2000ms;
}
.anim-delay21, .anim-delay21.image-path:before, .anim-delay21.image-path:after {
transition-delay: 2100ms;
}
.anim-delay22, .anim-delay22.image-path:before, .anim-delay22.image-path:after {
transition-delay: 2200ms;
}
.anim-delay23, .anim-delay23.image-path:before, .anim-delay23.image-path:after {
transition-delay: 2300ms;
}
.anim-delay24, .anim-delay24.image-path:before, .anim-delay24.image-path:after {
transition-delay: 2400ms;
}
.anim-delay25, .anim-delay25.image-path:before, .anim-delay25.image-path:after {
transition-delay: 2500ms;
}
.anim-delay26, .anim-delay26.image-path:before, .anim-delay26.image-path:after {
transition-delay: 2600ms;
}
.anim-delay27, .anim-delay27.image-path:before, .anim-delay27.image-path:after {
transition-delay: 2700ms;
}
.anim-delay28, .anim-delay28.image-path:before, .anim-delay28.image-path:after {
transition-delay: 2800ms;
}
.anim-delay29, .anim-delay29.image-path:before, .anim-delay29.image-path:after {
transition-delay: 2900ms;
}
.anim-delay30, .anim-delay30.image-path:before, .anim-delay30.image-path:after {
transition-delay: 3000ms;
}
.anim-delay31, .anim-delay31.image-path:before, .anim-delay31.image-path:after {
transition-delay: 3100ms;
}
.anim-delay32, .anim-delay32.image-path:before, .anim-delay32.image-path:after {
transition-delay: 3200ms;
}
.anim-delay33, .anim-delay33.image-path:before, .anim-delay33.image-path:after {
transition-delay: 3300ms;
}
.anim-delay34, .anim-delay34.image-path:before, .anim-delay34.image-path:after {
transition-delay: 3400ms;
}
.anim-delay35, .anim-delay35.image-path:before, .anim-delay35.image-path:after {
transition-delay: 3500ms;
}
.anim-delay36, .anim-delay36.image-path:before, .anim-delay36.image-path:after {
transition-delay: 3600ms;
}
.anim-delay37, .anim-delay37.image-path:before, .anim-delay37.image-path:after {
transition-delay: 3700ms;
}
.anim-delay38, .anim-delay38.image-path:before, .anim-delay38.image-path:after {
transition-delay: 3800ms;
}
.anim-delay39, .anim-delay39.image-path:before, .anim-delay39.image-path:after {
transition-delay: 3900ms;
}
.anim-delay40, .anim-delay40.image-path:before, .anim-delay40.image-path:after {
transition-delay: 4000ms;
}
.anim-delay41, .anim-delay41.image-path:before, .anim-delay41.image-path:after {
transition-delay: 4100ms;
}
.anim-delay42, .anim-delay42.image-path:before, .anim-delay42.image-path:after {
transition-delay: 4200ms;
}
.anim-delay43, .anim-delay43.image-path:before, .anim-delay43.image-path:after {
transition-delay: 4300ms;
}
.anim-delay44, .anim-delay44.image-path:before, .anim-delay44.image-path:after {
transition-delay: 4400ms;
}
.anim-delay45, .anim-delay45.image-path:before, .anim-delay45.image-path:after {
transition-delay: 4500ms;
}
.anim-delay46, .anim-delay46.image-path:before, .anim-delay46.image-path:after {
transition-delay: 4600ms;
}
.anim-delay47, .anim-delay47.image-path:before, .anim-delay47.image-path:after {
transition-delay: 4700ms;
}
.anim-delay48, .anim-delay48.image-path:before, .anim-delay48.image-path:after {
transition-delay: 4800ms;
}
.anim-delay49, .anim-delay49.image-path:before, .anim-delay49.image-path:after {
transition-delay: 4900ms;
}
.anim-delay50, .anim-delay50.image-path:before, .anim-delay50.image-path:after {
transition-delay: 5000ms;
}
.anim-delay51, .anim-delay51.image-path:before, .anim-delay51.image-path:after {
transition-delay: 5100ms;
}
.anim-delay52, .anim-delay52.image-path:before, .anim-delay52.image-path:after {
transition-delay: 5200ms;
}
.anim-delay53, .anim-delay53.image-path:before, .anim-delay53.image-path:after {
transition-delay: 5300ms;
}
.anim-delay54, .anim-delay54.image-path:before, .anim-delay54.image-path:after {
transition-delay: 5400ms;
}
.anim-delay55, .anim-delay55.image-path:before, .anim-delay55.image-path:after {
transition-delay: 5500ms;
}
.anim-delay56, .anim-delay56.image-path:before, .anim-delay56.image-path:after {
transition-delay: 5600ms;
}
.anim-delay57, .anim-delay57.image-path:before, .anim-delay57.image-path:after {
transition-delay: 5700ms;
}
.anim-delay58, .anim-delay58.image-path:before, .anim-delay58.image-path:after {
transition-delay: 5800ms;
}
.anim-delay59, .anim-delay59.image-path:before, .anim-delay59.image-path:after {
transition-delay: 5900ms;
}
.anim-delay60, .anim-delay60.image-path:before, .anim-delay60.image-path:after {
transition-delay: 6000ms;
}
.anim-delay61, .anim-delay61.image-path:before, .anim-delay61.image-path:after {
transition-delay: 6100ms;
}
.anim-delay62, .anim-delay62.image-path:before, .anim-delay62.image-path:after {
transition-delay: 6200ms;
}
.anim-delay63, .anim-delay63.image-path:before, .anim-delay63.image-path:after {
transition-delay: 6300ms;
}
.anim-delay64, .anim-delay64.image-path:before, .anim-delay64.image-path:after {
transition-delay: 6400ms;
}
.anim-delay65, .anim-delay65.image-path:before, .anim-delay65.image-path:after {
transition-delay: 6500ms;
}
.anim-delay66, .anim-delay66.image-path:before, .anim-delay66.image-path:after {
transition-delay: 6600ms;
}
.anim-delay67, .anim-delay67.image-path:before, .anim-delay67.image-path:after {
transition-delay: 6700ms;
}
.anim-delay68, .anim-delay68.image-path:before, .anim-delay68.image-path:after {
transition-delay: 6800ms;
}
.anim-delay69, .anim-delay69.image-path:before, .anim-delay69.image-path:after {
transition-delay: 6900ms;
}
.anim-delay70, .anim-delay70.image-path:before, .anim-delay70.image-path:after {
transition-delay: 7000ms;
}
.anim-delay71, .anim-delay71.image-path:before, .anim-delay71.image-path:after {
transition-delay: 7100ms;
}
.anim-delay72, .anim-delay72.image-path:before, .anim-delay72.image-path:after {
transition-delay: 7200ms;
}
.anim-delay73, .anim-delay73.image-path:before, .anim-delay73.image-path:after {
transition-delay: 7300ms;
}
.anim-delay74, .anim-delay74.image-path:before, .anim-delay74.image-path:after {
transition-delay: 7400ms;
}
.anim-delay75, .anim-delay75.image-path:before, .anim-delay75.image-path:after {
transition-delay: 7500ms;
}
.anim-delay76, .anim-delay76.image-path:before, .anim-delay76.image-path:after {
transition-delay: 7600ms;
}
.anim-delay77, .anim-delay77.image-path:before, .anim-delay77.image-path:after {
transition-delay: 7700ms;
}
.anim-delay78, .anim-delay78.image-path:before, .anim-delay78.image-path:after {
transition-delay: 7800ms;
}
.anim-delay79, .anim-delay79.image-path:before, .anim-delay79.image-path:after {
transition-delay: 7900ms;
}
.anim-delay80, .anim-delay80.image-path:before, .anim-delay80.image-path:after {
transition-delay: 8000ms;
}
.anim-delay81, .anim-delay81.image-path:before, .anim-delay81.image-path:after {
transition-delay: 8100ms;
}
.anim-delay82, .anim-delay82.image-path:before, .anim-delay82.image-path:after {
transition-delay: 8200ms;
}
.anim-delay83, .anim-delay83.image-path:before, .anim-delay83.image-path:after {
transition-delay: 8300ms;
}
.anim-delay84, .anim-delay84.image-path:before, .anim-delay84.image-path:after {
transition-delay: 8400ms;
}
.anim-delay85, .anim-delay85.image-path:before, .anim-delay85.image-path:after {
transition-delay: 8500ms;
}
.anim-delay86, .anim-delay86.image-path:before, .anim-delay86.image-path:after {
transition-delay: 8600ms;
}
.anim-delay87, .anim-delay87.image-path:before, .anim-delay87.image-path:after {
transition-delay: 8700ms;
}
.anim-delay88, .anim-delay88.image-path:before, .anim-delay88.image-path:after {
transition-delay: 8800ms;
}
.anim-delay89, .anim-delay89.image-path:before, .anim-delay89.image-path:after {
transition-delay: 8900ms;
}
.anim-delay90, .anim-delay90.image-path:before, .anim-delay90.image-path:after {
transition-delay: 9000ms;
}
.doAnim .forcedAnim.border-top-bottom-scale, .doAnim .forcedAnim.border-top-scale, .doAnim .forcedAnim.border-bottom-scale, .doAnim .forcedAnim.border-left-scale, .doAnim .forcedAnim.border-right-scale, .doAnim .forcedAnim.fade-slide-in, .doAnim .forcedAnim.split-texte, .doAnim .forcedAnim.image-path,
.doAnim .forcedAnim *.border-top-bottom-scale,
.doAnim .forcedAnim *.border-top-scale,
.doAnim .forcedAnim *.border-bottom-scale,
.doAnim .forcedAnim *.border-left-scale,
.doAnim .forcedAnim *.border-right-scale,
.doAnim .forcedAnim *.fade-slide-in,
.doAnim .forcedAnim *.split-texte,
.doAnim .forcedAnim *.image-path {
transition: none !important;
}
.doAnim .forcedAnim.image-path:after,
.doAnim .forcedAnim *.image-path:after {
transition: none !important;
}
.border-top-bottom-scale {
background: linear-gradient(var(--white) 0px 1px, transparent 1px calc(100% - 1px), var(--white) calc(100% - 1px) 100%);
background-size: 0% 100%;
background-repeat: no-repeat;
background-position: center center;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .border-top-bottom-scale {
background-size: 100% 100%;
}
@media screen and (max-width: 840px) {
.border-top-bottom-scale .border-desktop {
background: none;
transition: none;
}
}
@media screen and (min-width: 841px) {
.border-top-bottom-scale .border-mobile {
background: none;
transition: none;
}
}
.border-bottom-scale {
background: linear-gradient(transparent 0px calc(100% - 1px), var(--white) calc(100% - 1px) 100%);
background-size: 0% 100%;
background-repeat: no-repeat;
background-position: center center;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .border-bottom-scale {
background-size: 100% 100%;
}
@media screen and (max-width: 840px) {
.border-bottom-scale .border-desktop {
background: none;
transition: none;
}
}
@media screen and (min-width: 841px) {
.border-bottom-scale .border-mobile {
background: none;
transition: none;
}
}
.border-top-scale {
background: linear-gradient(var(--white) 0px 1px, transparent 1px 100%);
background-size: 0% 100%;
background-repeat: no-repeat;
background-position: center center;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .border-top-scale {
background-size: 100% 100%;
}
@media screen and (max-width: 840px) {
.border-top-scale .border-desktop {
background: none;
transition: none;
}
}
@media screen and (min-width: 841px) {
.border-top-scale .border-mobile {
background: none;
transition: none;
}
}
.border-right-scale {
background: linear-gradient(90deg, transparent 0px calc(100% - 1px), var(--white) calc(100% - 1px) 100%);
background-size: 100% 0%;
background-repeat: no-repeat;
background-position: center top;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .border-right-scale {
background-size: 100% 100%;
}
@media screen and (max-width: 840px) {
.border-right-scale .border-desktop {
background: none;
transition: none;
}
}
@media screen and (min-width: 841px) {
.border-right-scale .border-mobile {
background: none;
transition: none;
}
}
.border-left-scale {
background: linear-gradient(90deg, var(--white) 0px 1px, transparent 1px 100%);
background-size: 100% 0%;
background-repeat: no-repeat;
background-position: center top;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .border-left-scale {
background-size: 100% 100%;
}
@media screen and (max-width: 840px) {
.border-left-scale .border-desktop {
background: none;
transition: none;
}
}
@media screen and (min-width: 841px) {
.border-left-scale .border-mobile {
background: none;
transition: none;
}
}
.image-path {
opacity: 1;
position: relative;
}
.image-path:after {
position: absolute;
content: "";
top: -1%;
left: -1%;
width: 102%;
height: 102%;
background-color: transparent;
background-image: linear-gradient(25deg, var(--variablepath, var(--black)) 0 49.95%, transparent 50.05% 100%);
background-repeat: no-repeat;
background-size: 100% 500%;
background-position: 0% 100%;
transition-property: all;
transition-duration: calc(3 * var(--timing));
transition-timing-function: ease;
pointer-events: none;
z-index: 2;
}
.doAnim .image-path {
opacity: 1;
}
.doAnim .image-path:after {
background-position: 0% 0%;
}
.fade-slide-in, .fade-slide-in-children > * {
opacity: 0 !important;
transform: translateY(50px);
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .fade-slide-in, .doAnim .fade-slide-in-children > * {
opacity: 1 !important;
transform: translateY(0px);
}
.split-texte {
opacity: 0;
}
.split-texte .paragraphe {
margin: 0;
overflow: hidden;
}
.split-texte .paragraphe span {
display: block;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .split-texte {
opacity: 1;
}
.doAnim .split-texte span {
transform: translateY(0) !important;
}
.increment-number {
opacity: 0 !important;
transform: translateY(50px);
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
display: block;
}
.doAnim .increment-number {
opacity: 1 !important;
transform: translateY(0px);
}
.app {
max-width: 100%;
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 1.4;
font-weight: 400;
color: #000;
}
@media screen and (max-width: 767px) {
.app {
font-size: 16px;
line-height: 1.5;
}
}
.main {
transition: transform var(--transition-fn) var(--transition-delay);
}
body.open-- .main {
transform: translateY(-100vh);
}
.main__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
color: var(--white);
margin-bottom: 31px;
}
@media screen and (min-width: 841px) {
.main__titre {
font-size: 56px;
line-height: 60px;
}
}
.main__texte {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
font-family: "Baikal";
font-weight: 300;
color: #808080;
}
@media screen and (min-width: 841px) {
.main__texte {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.main__header--withMargin {
padding-top: calc(2 * var(--marginV));
padding-bottom: var(--marginV);
}
.main__flexibles {
background-color: var(--black);
}
@media screen and (min-width: 841px) {
.main__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--macolabsolutewidthmargedrgin);
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.main__titre {
font-size: 68px;
line-height: 76px;
}
}
@media screen and (min-width: 841px) {
.main__texte {
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--macolabsolutewidthmargedrgin);
letter-spacing: -0.005em;
line-height: 30px;
}
}
.container, .header .menu-main-menu-container {
width: calc(100% - 2 * var(--margin));
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 841px) {
.container, .header .menu-main-menu-container {
max-width: 1440px;
}
}
@media screen and (min-width: 841px) {
.containerDesktopOnly {
width: calc(100% - 2 * var(--margin));
margin-left: auto;
margin-right: auto;
max-width: 1440px;
}
}
@media screen and (max-width: 840px) {
.containerMobileOnly {
width: calc(100% - 2 * var(--margin));
margin-left: auto;
margin-right: auto;
}
}
.f {
padding-top: var(--marginV);
padding-bottom: var(--marginV);
}
.f:first-child {
padding-top: 0;
}
.f__titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
}
@media screen and (min-width: 841px) {
.f__titre {
font-size: 34px;
line-height: 42px;
}
}
@media screen and (min-width: 841px) {
.f__titre {
margin-left: calc(var(--colwidth) + var(--margin));
}
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
color: var(--white);
}
.header__logolink {
display: block;
}
.header__logolink:focus-visible {
outline: solid 1px var(--white);
}
.header__skip-link {
background: var(--white);
color: var(--black);
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
left: 0;
padding: 10px;
position: absolute;
text-decoration: none;
top: -50px;
transition: top var(--transition-fn) var(--transition-delay);
z-index: 100;
}
.header__skip-link:is(strong),
.header__skip-link strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.header__skip-link {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.header__skip-link:focus-visible {
top: 0;
}
.header__container {
height: 64px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 var(--margin);
z-index: 10;
position: relative;
transition: transform 0.35s ease;
transform: translateY(0);
}
@media (max-width: 600px) {
.header__container {
max-width: 400px;
width: 100%;
}
}
@media (max-width: 420px) {
.header__container {
max-width: 300px;
width: 100%;
}
}
.header--hidden:not(.open--) .header__container {
transform: translateY(-100%);
}
.header__logo {
height: 100px;
width: auto;
margin-top: 65px;
}
@media (max-width: 841px) {
.header__logo {
height: 70px;
margin-top: 14px;
}
}
@media (max-width: 600px) {
.header__logo {
height: 50px;
margin-top: 14px;
}
}
@media (max-width: 600px) {
.header__logo {
height: 50px;
margin-top: 14px;
}
}
.header__logo--white {
display: none;
}
body.white .header__logo--white {
display: block;
}
body.white .header__logo--black {
display: none;
}
.header .burger-menu {
position: relative;
width: 30px;
height: 30px;
cursor: pointer;
overflow: hidden;
pointer-events: all;
}
.header .burger-menu:before, .header .burger-menu:after {
content: "";
display: block;
position: absolute;
right: 6px;
width: 19px;
height: 2.45px;
background-color: var(--white);
transform: skew(-26deg) rotate(-29deg);
transition: all var(--transition-fn) var(--transition-delay) 0.2s;
}
.header .burger-menu:before {
top: 7px;
}
.header .burger-menu:after {
bottom: 7px;
}
.header .burger-menu span:not(.close) {
display: block;
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%) skew(-26deg) rotate(-29deg);
width: 19px;
height: 2.45px;
background-color: var(--white);
transition: all var(--transition-fn) var(--transition-delay) 0.2s;
}
.header .burger-menu span.close {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.header .burger-menu span.close:before, .header .burger-menu span.close::after {
content: "";
position: absolute;
top: 50%;
left: calc(50% - 11px);
width: 22px;
height: 2px;
background-color: var(--white);
transform-origin: center;
transition: all var(--transition-fn) var(--transition-delay);
}
.header .burger-menu span.close::before {
transform: rotate(-45deg) translate(35px, 0px);
}
.header .burger-menu span.close::after {
transform: rotate(45deg) translate(-35px, 0px);
}
.header .burger-menu.open--:before, .header .burger-menu.open--:after {
transform: translate(-30px, 11px) skew(-26deg) rotate(-29deg);
transition: all var(--transition-fn) var(--transition-delay);
}
.header .burger-menu.open-- span:not(.close) {
transform: translate(30px, -13px) skew(-26deg) rotate(-29deg);
transition: all var(--transition-fn) var(--transition-delay);
}
.header .burger-menu.open-- .close::before, .header .burger-menu.open-- .close::after {
transition: all var(--transition-fn) var(--transition-delay) 0.1s;
}
.header .burger-menu.open-- .close:before {
transform: rotate(-45deg);
}
.header .burger-menu.open-- .close:after {
transform: rotate(45deg);
}
@media screen and (max-width: 840px) {
.header .menu-main-menu-container {
transition: transform var(--transition-fn) var(--transition-delay);
}
.header .menu-main-menu-container.subopen-- {
transform: translateX(-100%);
}
}
.header__nav {
opacity: 0;
pointer-events: none;
background: var(--black);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateY(100%);
transition: transform var(--transition-fn) var(--transition-delay), opacity 0s ease 0.35s;
padding: 120px 0;
}
.header__nav #primary-menu > .menu-item {
font-size: 24px;
line-height: 32px;
margin-bottom: 40px;
opacity: 0;
overflow: hidden;
}
.header__nav #primary-menu > .menu-item > a {
transform: translateY(100%);
display: inline-block;
}
.header__nav #primary-menu > .menu-item, .header__nav #primary-menu > .menu-item > a {
transition: opacity var(--transition-fn) var(--transition-delay) 0.35s, transform var(--transition-fn) var(--transition-delay) 0.35s;
}
.header__linkbottom {
position: absolute;
bottom: 76px;
left: 17px;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.header__box {
pointer-events: none;
}
.header__box a,
.header__box .subMenu__description {
display: block;
overflow: hidden;
}
.header__box a span,
.header__box .subMenu__description span {
display: inline-block;
opacity: 0;
transition: opacity var(--transition-fn) var(--transition-delay), transform var(--transition-fn) var(--transition-delay);
transform: translateY(100px) !important;
position: relative;
}
.header__box a span:before {
content: "";
width: 100%;
height: 0%;
bottom: 0;
left: 0;
position: absolute;
background-color: var(--white);
z-index: -1;
transition: height var(--transition-fn) var(--transition-delay);
}
.header__box a:hover {
color: var(--black);
}
.header__box a:hover span:before {
height: 100%;
}
@media screen and (max-width: 840px) {
.header__box {
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100%;
}
}
.header__box .subMenu {
padding-top: 1px;
}
.header__box .subMenu__link {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
margin-bottom: 12px;
}
@media screen and (min-width: 841px) {
.header__box .subMenu__link {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.header__box .subMenu .c-button {
text-decoration: none !important;
margin-bottom: 22px;
}
.header__box .subMenu .c-button i {
font-size: 14px;
margin-right: 13px;
}
.header__box .subMenu .c-button strong {
text-decoration: underline;
text-underline-offset: 3px;
font-weight: 500;
}
.header__box .subMenu__description {
color: #808080;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
margin-bottom: 3px;
}
.header__box .subMenu__description:is(strong),
.header__box .subMenu__description strong {
font-weight: 500;
}
.header__box .menu-item {
margin-bottom: 0px;
}
.header__box .menu-item a {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
margin-bottom: 12px;
}
@media screen and (min-width: 841px) {
.header__box .menu-item a {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.header .c-button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
font-family: "Baikal";
}
@media screen and (min-width: 841px) {
.header .c-button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.header.open-- .header__nav {
opacity: 1;
pointer-events: all;
transform: translateY(0%);
transition: transform var(--transition-fn) var(--transition-delay);
}
.header.open-- .header__nav #primary-menu > .menu-item {
opacity: 1;
}
.header.open-- .header__nav #primary-menu > .menu-item > a {
transform: translateY(0%);
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(1) > a {
transition-delay: 700ms, 700ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(2) > a {
transition-delay: 900ms, 900ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(3) > a {
transition-delay: 1100ms, 1100ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(4) > a {
transition-delay: 1300ms, 1300ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(5) > a {
transition-delay: 1500ms, 1500ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(6) > a {
transition-delay: 1700ms, 1700ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(7) > a {
transition-delay: 1900ms, 1900ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(8) > a {
transition-delay: 2100ms, 2100ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(9) > a {
transition-delay: 2300ms, 2300ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(10) > a {
transition-delay: 2500ms, 2500ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(11) > a {
transition-delay: 2700ms, 2700ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(12) > a {
transition-delay: 2900ms, 2900ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(13) > a {
transition-delay: 3100ms, 3100ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(14) > a {
transition-delay: 3300ms, 3300ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(15) > a {
transition-delay: 3500ms, 3500ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(16) > a {
transition-delay: 3700ms, 3700ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(17) > a {
transition-delay: 3900ms, 3900ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(18) > a {
transition-delay: 4100ms, 4100ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(19) > a {
transition-delay: 4300ms, 4300ms;
}
.header.open-- .header__nav #primary-menu > .menu-item:nth-child(20) > a {
transition-delay: 4500ms, 4500ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box {
pointer-events: all;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .subMenu__description span {
opacity: 1;
transform: translateY(0px) !important;
transition: opacity 0.8s ease, transform 0.8s ease;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(1) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(1) .subMenu__description span {
transition-delay: 200ms, 200ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(2) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(2) .subMenu__description span {
transition-delay: 300ms, 300ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(3) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(3) .subMenu__description span {
transition-delay: 400ms, 400ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(4) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(4) .subMenu__description span {
transition-delay: 500ms, 500ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(5) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(5) .subMenu__description span {
transition-delay: 600ms, 600ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(6) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(6) .subMenu__description span {
transition-delay: 700ms, 700ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(7) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(7) .subMenu__description span {
transition-delay: 800ms, 800ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(8) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(8) .subMenu__description span {
transition-delay: 900ms, 900ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(9) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(9) .subMenu__description span {
transition-delay: 1000ms, 1000ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(10) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(10) .subMenu__description span {
transition-delay: 1100ms, 1100ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(11) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(11) .subMenu__description span {
transition-delay: 1200ms, 1200ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(12) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(12) .subMenu__description span {
transition-delay: 1300ms, 1300ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(13) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(13) .subMenu__description span {
transition-delay: 1400ms, 1400ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(14) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(14) .subMenu__description span {
transition-delay: 1500ms, 1500ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(15) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(15) .subMenu__description span {
transition-delay: 1600ms, 1600ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(16) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(16) .subMenu__description span {
transition-delay: 1700ms, 1700ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(17) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(17) .subMenu__description span {
transition-delay: 1800ms, 1800ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(18) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(18) .subMenu__description span {
transition-delay: 1900ms, 1900ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(19) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(19) .subMenu__description span {
transition-delay: 2000ms, 2000ms;
}
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(20) a span,
.header.open-- .header__nav #primary-menu > .menu-item.subopen-- .header__box .menu-item:nth-child(20) .subMenu__description span {
transition-delay: 2100ms, 2100ms;
}
.header.open-- .header__nav #primary-menu > .menu-item > a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background-color: var(--white);
z-index: -1;
transition: height var(--transition-fn) var(--transition-delay);
}
.header.open-- .header__nav #primary-menu > .menu-item.menu-item-has-children > a:after {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 14px;
margin-left: 12px;
transform: scaleX(-1);
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 841px) {
.header__logo {
height: 100px;
margin-top: 10px;
}
.header__container {
height: 104px;
}
.header__nav {
padding-top: 145px;
padding-left: 60px;
}
.header__nav .menu-item {
margin-bottom: 56px;
}
.header__nav .menu > .menu-item {
margin-top: -7px;
}
.header__nav .menu > .menu-item > a {
padding: 7px 1px 8px;
}
.header__linkbottom {
font-size: 24px;
line-height: 32px;
bottom: 25px;
left: 32px;
}
.header .c-button {
display: none;
}
.header #primary-menu > .menu-item:not(.menu-item-has-children) > a:hover {
color: var(--black);
}
.header #primary-menu > .menu-item:not(.menu-item-has-children) > a:hover:before {
height: 100%;
}
.header__box {
position: absolute;
top: 10px;
left: 45.1%;
width: 50%;
bottom: auto;
pointer-events: none;
}
.header__box:before {
content: "";
position: absolute;
width: 1px;
top: 0;
height: 0%;
left: -30px;
background-color: #808080;
}
.header__box .menu-item {
margin-bottom: 0;
}
.header__box .menu-item a {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-family: "BaikalExpanded";
margin-bottom: 28px;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.header__box .menu-item a {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width: 841px) {
.header__box .menu-item:last-child a {
margin-bottom: 0;
}
}
@media screen and (min-width: 841px) {
.header__box .subMenu__link {
margin-bottom: 28px;
}
}
@media screen and (min-width: 841px) {
.header.open-- .header__nav .menu-item.menu-item-has-children.subopen-- > a {
color: var(--black);
}
.header.open-- .header__nav .menu-item.menu-item-has-children.subopen-- > a:before {
height: 100% !important;
}
}
@media screen and (min-width: 841px) {
.header .menu-item.subopen-- .header__box:before {
height: 100%;
}
}
/* === MENÚ PRINCIPAL HAVAS === */
/* === MENÚ PRINCIPAL HAVAS (GENERAL) === */
/* Oculta por defecto todos los submenús */
@media (min-width: 1025px) {
.header__box {
display: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
pointer-events: none;
position: absolute;
top: 171px;
z-index: 100;
}
}
/* Muestra el submenú al hacer hover */
.menu-item-has-children:hover > .header__box {
display: block;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* === SOLO PARA #menu-item-3624 (Nuestras Agencias) === */
#menu-item-3624 .header__box > ul.sub-menu {
/* Reset para no aplicar el layout global */
display: block !important;
padding: 0;
}
#menu-item-3624 .header__box > ul.sub-menu > ul.sub-menu {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px 25px;
padding: 25px;
list-style: none;
}
/* Wrapper generado por JS (ahora debe ser LI) */
#menu-item-3624 .wrapper {
display: flex;
flex-direction: column;
gap: 8px;
}
#menu-item-3624 .wrapper .subMenu__description span {
font-weight: 600;
display: block;
margin-bottom: 5px;
}
/* FIX hover SOLO para el submenú de #menu-item-734 */
#menu-item-734 .header__box ul.sub-menu > li > a {
position: relative;
color: white;
display: inline-block;
z-index: 1;
}
#menu-item-734 .header__box ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: white;
z-index: -1;
transition: height 0.3s ease;
}
#menu-item-734 .header__box ul.sub-menu > li > a:hover {
color: black !important;
}
#menu-item-734 .header__box ul.sub-menu > li > a:hover::before {
height: 100%;
}
@media screen and (min-width: 841px) {
.header__box .menu-item a {
font-family: "Baikal";
font-size: 16px;
line-height: 20px;
letter-spacing: 0.03em;
font-weight: 400;
font-family: "BaikalExpanded";
margin-bottom: 5px;
}
}
@media (max-width: 1024px) {
/* SOLO scroll para el UL del item 3624 */
#menu-item-3624 > .header__box > .sub-menu {
max-height: 60vh; /* ajusta como quieras */
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
}
.c-headerCaseStudy {
color: var(--white);
padding-top: 80px;
padding-bottom: 40px;
}
.c-headerCaseStudy__marque {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 10px;
}
.c-headerCaseStudy__marque:is(strong),
.c-headerCaseStudy__marque strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-headerCaseStudy__marque {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.c-headerCaseStudy__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 40px;
}
@media screen and (min-width: 841px) {
.c-headerCaseStudy__titre {
font-size: 56px;
line-height: 60px;
}
}
.c-headerCaseStudy__visuel {
height: 0;
width: 100%;
padding-bottom: 56.25%;
position: relative;
}
.c-headerCaseStudy__visuel img,
.c-headerCaseStudy__visuel figure,
.c-headerCaseStudy__visuel picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-headerCaseStudy__tags__liste {
padding-top: 40px;
}
.c-headerCaseStudy__tags__titre {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 16px;
color: #999999;
}
.c-headerCaseStudy__tags__titre:is(strong),
.c-headerCaseStudy__tags__titre strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-headerCaseStudy__tags__titre {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.c-headerCaseStudy__subtags__liste {
margin-bottom: 40px;
}
.c-headerCaseStudy__subtags__item {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 8px;
}
.c-headerCaseStudy__subtags__item:is(strong),
.c-headerCaseStudy__subtags__item strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-headerCaseStudy__subtags__item {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (max-width: 840px) {
.c-headerCaseStudy__tags__item:last-child ul {
margin-bottom: 0;
}
.c-headerCaseStudy__tags__item:last-child .c-headerCaseStudy__subtags__item:last-child {
margin-bottom: 0;
}
}
@media screen and (min-width: 841px) {
.c-headerCaseStudy {
padding-top: 148px;
}
.c-headerCaseStudy__marque {
margin-left: var(--colabsolutewidthmarged);
}
.c-headerCaseStudy__titre {
margin-left: var(--colabsolutewidthmarged);
margin-bottom: 74px;
}
.c-headerCaseStudy__tags__liste {
padding-top: 80px;
display: flex;
}
.c-headerCaseStudy__tags__item {
margin-left: var(--colabsolutewidthmarged);
width: calc(2 * var(--colabsolutewidthmarged));
}
}
.footer {
color: var(--white);
padding-bottom: 80px;
border-top: solid 1px #808080;
padding-top: var(--marginV);
}
body.white .footer {
background-color: #EEEEEE;
}
.footer__logobox {
height: 40px;
margin-bottom: 32px;
width: 100%;
}
.footer__logobox img,
.footer__logobox picture,
.footer__logobox figure {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
}
.footer__logo--white {
display: none;
}
body.white .footer__logo--white {
display: block;
}
body.white .footer__logo--black {
display: none;
}
.footer__item {
padding-bottom: 8px;
margin-bottom: 34px;
border-bottom: solid 1px #808080;
}
.footer__item > *:last-child {
margin-bottom: 25px;
}
.footer__titrelarge {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
font-family: "Baikal";
margin-bottom: 28px;
}
@media screen and (min-width: 841px) {
.footer__titrelarge {
font-size: 34px;
line-height: 42px;
}
}
.footer__titresmall {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 500;
font-size: 19px;
line-height: 23px;
margin-bottom: 19px;
}
@media screen and (min-width: 841px) {
.footer__titresmall {
font-size: 20px;
line-height: 28px;
}
}
.footer__titresmall--mailto {
margin-bottom: 11px;
}
.footer__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
}
.footer__texte:is(strong),
.footer__texte strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.footer__texte {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.footer__texte--mailto {
margin-bottom: 26px;
}
.footer__cta {
margin: 23px 0 31px;
}
.footer__cta a,
.footer__cta button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.footer__cta a,
.footer__cta button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.footer__cta a span,
.footer__cta button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.footer__cta a:not(.--noarrow):after,
.footer__cta button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.footer__cta a:not(.--noarrow).download--:after,
.footer__cta button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.footer__cta a:not(.--noarrow):hover,
.footer__cta button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.footer__cta a:not(.--noarrow):hover:after,
.footer__cta button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.footer__cta a:not(.--noarrow):hover span,
.footer__cta button:not(.--noarrow):hover span {
flex: 0;
}
.footer__cta a:focus-visible, .footer__cta a.--noarrow:hover,
.footer__cta button:focus-visible,
.footer__cta button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.footer__cta a:focus-visible:after, .footer__cta a.--noarrow:hover:after,
.footer__cta button:focus-visible:after,
.footer__cta button.--noarrow:hover:after {
filter: var(--filterblack);
}
.footer__cta.--secondary a,
.footer__cta.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.footer__cta.--secondary a:after,
.footer__cta.--secondary button:after {
filter: var(--filterblue);
}
.footer__cta.--secondary a:before,
.footer__cta.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.footer__cta.--secondary a:not(.--noarrow):hover,
.footer__cta.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.footer__cta.--secondary a:not(.--noarrow):hover:after,
.footer__cta.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.footer__cta.--secondary a.--noarrow:hover,
.footer__cta.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.footer__cta.--secondary a:focus-visible,
.footer__cta.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.footer__cta.--secondary a:focus-visible:before,
.footer__cta.--secondary button:focus-visible:before {
border-width: 3px;
}
.footer__cta.--secondary a:focus-visible:after,
.footer__cta.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.footer__cta a,
.footer__cta button {
padding: 11px 17px;
}
}
.footer__cta a {
letter-spacing: -0.015em;
}
.footer__sitemap__item {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 16px;
}
.footer__sitemap__item:is(strong),
.footer__sitemap__item strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.footer__sitemap__item {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.footer__tools {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 55px;
text-align: center;
border-top: solid 1px #808080;
background-color: var(--black);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
-webkit-animation: animation_tools 1s ease 2s;
animation: animation_tools 1s ease 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 2;
}
.footer__tools__connect {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 500;
font-size: 16px;
position: relative;
padding-left: 37px;
text-decoration: underline;
text-underline-offset: 7px;
margin-top: -5px;
}
.footer__tools__connect:is(strong),
.footer__tools__connect strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.footer__tools__connect {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.footer__tools__connect:before {
position: absolute;
top: 1px;
left: 2px;
content: "";
width: 28px;
height: 24px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url('data:image/svg+xml;utf8,');
}
.footer__tools__connect:after {
position: absolute;
top: 8px;
right: calc(100% - 27px);
content: "";
height: 6px;
background-color: #008596;
-webkit-animation: animation_bulle 1s steps(4, jump-none) infinite;
animation: animation_bulle 1s steps(4, jump-none) infinite;
}
.nostickycontact .footer__tools__connect {
display: none;
}
.footer__tools__moveTop {
position: absolute;
right: 16px;
top: -42px;
transform: rotate(-90deg);
-webkit-clip-path: polygon(6px 0, 100% 0%, 100% 100%, 6px 100%);
clip-path: polygon(6px 0, 100% 0%, 100% 100%, 6px 100%);
}
.footer__tools__moveTop:hover, .footer__tools__moveTop:focus-visible {
color: #008596;
}
.footer__agence {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 500;
font-size: 19px;
line-height: 23px;
margin-bottom: 68px;
}
@media screen and (min-width: 841px) {
.footer__agence {
font-size: 20px;
line-height: 28px;
}
}
.footer #footer-menu .menu-item {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
font-weight: 500;
margin-bottom: 20px;
}
.footer #footer-menu .menu-item:is(strong),
.footer #footer-menu .menu-item strong {
font-weight: 500;
}
.footer__copyright {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
font-weight: 500;
}
.footer__copyright:is(strong),
.footer__copyright strong {
font-weight: 500;
}
@-webkit-keyframes animation_bulle {
0% {
width: 20px;
}
100% {
width: 0px;
}
}
@keyframes animation_bulle {
0% {
width: 20px;
}
100% {
width: 0px;
}
}
@-webkit-keyframes animation_tools {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animation_tools {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media screen and (min-width: 841px) {
.footer {
padding-bottom: 0;
}
.footer__logobox {
margin-bottom: 50px;
}
.footer__liste {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.footer__item {
flex: 0 0 calc(2 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
border: none;
}
.footer__titrelarge {
margin-bottom: 32px;
}
.footer__titresmall {
margin-bottom: 16px;
}
.footer__titresmall--mailto:first-child {
margin-top: 74px;
}
.footer__texte--mailto {
margin-bottom: 32px;
}
.footer__cta {
margin-top: 30px;
}
.footer__agence {
margin-bottom: 48px;
}
.footer__baseline {
display: flex;
justify-content: space-between;
}
.footer #footer-menu {
display: flex;
}
.footer #footer-menu .menu-item {
margin-right: 18px;
}
.footer__copyright {
letter-spacing: 0em;
}
.footer__tools {
position: fixed;
left: auto;
right: 84px;
bottom: var(--marginV);
height: 55px;
width: 200px;
border-top: none;
background-color: transparent;
}
.footer__tools__connect {
text-underline-offset: 9px;
}
.footer__tools__connect:before {
left: -2px;
}
.footer__tools__connect:after {
right: calc(100% - 23px);
}
.footer__tools__connect span {
display: block;
position: relative;
color: height 0.35s ease;
}
.footer__tools__connect span:before {
content: "";
position: absolute;
width: 100%;
height: 0;
bottom: -2px;
left: 0;
transition: height var(--transition-fn) var(--transition-delay);
background-color: var(--white);
z-index: -1;
}
.footer__tools__connect:hover span {
color: var(--black);
}
.footer__tools__connect:hover span:before {
height: calc(100% + 2px);
}
.footer__tools__moveTop {
right: -53px;
top: 16px;
font-size: 16px;
}
}
.footer #footer-socials {
display: flex;
justify-content: center;
gap: 32px;
padding: 20px 0;
}
.footer #footer-socials ol,
.footer #footer-socials ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 16px;
}
.footer #footer-socials .footer__list a {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border-radius: 50%;
background: #fff;
color: #000;
font-size: 17px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
/*
&:hover {
color: #fff; // icono pasa a blanco
&::before {
transform: scale(1); // círculo negro se expande
}
}
*/
}
.footer #footer-socials .footer__list a.small-- {
font-size: 15px;
}
.footer #footer-socials .footer__list a::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: #000;
transform: scale(0);
transition: transform 0.4s cubic-bezier(0.13, 0, 0.11, 1);
z-index: 1;
}
.footer #footer-socials .footer__list a::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: #fff;
z-index: 0;
}
.footer #footer-socials .footer__list a i {
position: relative;
z-index: 2;
}
.footer #footer-socials .sr-only {
clip: rect(1px, 1px, 1px, 1px) !important;
border: 0 !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
.c-button {
display: block;
font-family: "BaikalExpanded";
font-size: 22px;
font-weight: bold;
font-style: normal;
text-underline-position: under;
}
@media screen and (min-width: 1025px) {
.c-button {
transition: opacity var(--transition-fn) var(--transition-delay), text-decoration-color var(--transition-fn) var(--transition-delay);
}
.c-button:hover {
opacity: 0.7;
}
}
.c-button:not(.bg--):not(.download--):not(.arrow--) {
text-decoration: underline;
}
.c-button.download--:after {
position: relative;
top: 4px;
content: "\e905";
margin-left: 15px;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
}
.c-button.arrow--:after {
content: "\e901";
margin-left: 10px;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 21px;
}
.c-wysiwyg {
color: var(--white);
}
.c-wysiwyg > *, .c-wysiwyg li {
margin-bottom: var(--marginText);
}
.c-wysiwyg > *:last-child, .c-wysiwyg li:last-child {
margin-bottom: 0 !important;
}
*:not(.c-wysiwyg__cta) + .c-wysiwyg__cta, .c-wysiwyg__cta + *:not(.c-wysiwyg__cta) {
margin-top: calc(2 * var(--marginText));
}
.c-wysiwyg ol,
.c-wysiwyg ul,
.c-wysiwyg p {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
}
.c-wysiwyg ol:is(strong),
.c-wysiwyg ol strong,
.c-wysiwyg ul:is(strong),
.c-wysiwyg ul strong,
.c-wysiwyg p:is(strong),
.c-wysiwyg p strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-wysiwyg ol,
.c-wysiwyg ul,
.c-wysiwyg p {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.c-wysiwyg ul {
padding-left: 59px;
}
.c-wysiwyg ul li:before {
position: relative;
top: 8px;
content: "";
width: 6px;
height: 6px;
background-color: #e60000;
border-radius: 50%;
float: left;
margin-left: -24px;
}
.c-wysiwyg ol {
list-style: none;
counter-reset: item;
padding-left: 59px;
}
.c-wysiwyg ol li {
counter-increment: item;
position: relative;
}
.c-wysiwyg ol li:before {
margin-right: 10px;
content: "0" counter(item) ".";
color: #e60000;
position: absolute;
right: calc(100% + 7px);
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 500;
font-family: "BaikalExpanded";
}
.c-wysiwyg ol li:before:is(strong),
.c-wysiwyg ol li:before strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-wysiwyg ol li:before {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.c-wysiwyg ol li:nth-child(n+10):before {
content: counter(item) ".";
}
.c-wysiwyg a:not(.c-button) {
text-decoration: underline;
}
@media screen and (min-width: 1025px) {
.c-wysiwyg a:not(.c-button) {
transition: text-decoration-color var(--transition-fn) var(--transition-delay);
}
.c-wysiwyg a:not(.c-button):hover {
text-decoration-color: transparent;
}
}
.c-wysiwyg h2 {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.c-wysiwyg h2 {
font-size: 40px;
line-height: 48px;
}
}
.c-wysiwyg h3 {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
letter-spacing: 0.01em;
}
@media screen and (min-width: 841px) {
.c-wysiwyg h3 {
font-size: 34px;
line-height: 42px;
}
}
.c-wysiwyg h4 {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.c-wysiwyg h4 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.c-wysiwyg h5 {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.c-wysiwyg h5 {
font-size: 20px;
line-height: 28px;
}
}
.c-wysiwyg h6 {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.c-wysiwyg h6 {
font-size: 18px;
line-height: 24px;
}
}
.c-wysiwyg .txtlarge {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
letter-spacing: 0.02em;
}
.c-wysiwyg .txtlarge:is(strong),
.c-wysiwyg .txtlarge strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-wysiwyg .txtlarge {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.c-wysiwyg .txtmedium {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
letter-spacing: 0.02em;
}
.c-wysiwyg .txtmedium:is(strong),
.c-wysiwyg .txtmedium strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.c-wysiwyg .txtmedium {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.c-wysiwyg .txtsmall {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
}
.c-wysiwyg .txtsmall:is(strong),
.c-wysiwyg .txtsmall strong {
font-weight: 500;
}
.c-wysiwyg hr {
margin: 32px 0;
}
.c-wysiwyg__cta a,
.c-wysiwyg__cta button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.c-wysiwyg__cta a,
.c-wysiwyg__cta button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.c-wysiwyg__cta a span,
.c-wysiwyg__cta button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.c-wysiwyg__cta a:not(.--noarrow):after,
.c-wysiwyg__cta button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.c-wysiwyg__cta a:not(.--noarrow).download--:after,
.c-wysiwyg__cta button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.c-wysiwyg__cta a:not(.--noarrow):hover,
.c-wysiwyg__cta button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.c-wysiwyg__cta a:not(.--noarrow):hover:after,
.c-wysiwyg__cta button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.c-wysiwyg__cta a:not(.--noarrow):hover span,
.c-wysiwyg__cta button:not(.--noarrow):hover span {
flex: 0;
}
.c-wysiwyg__cta a:focus-visible, .c-wysiwyg__cta a.--noarrow:hover,
.c-wysiwyg__cta button:focus-visible,
.c-wysiwyg__cta button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.c-wysiwyg__cta a:focus-visible:after, .c-wysiwyg__cta a.--noarrow:hover:after,
.c-wysiwyg__cta button:focus-visible:after,
.c-wysiwyg__cta button.--noarrow:hover:after {
filter: var(--filterblack);
}
.c-wysiwyg__cta.--secondary a,
.c-wysiwyg__cta.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.c-wysiwyg__cta.--secondary a:after,
.c-wysiwyg__cta.--secondary button:after {
filter: var(--filterblue);
}
.c-wysiwyg__cta.--secondary a:before,
.c-wysiwyg__cta.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.c-wysiwyg__cta.--secondary a:not(.--noarrow):hover,
.c-wysiwyg__cta.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.c-wysiwyg__cta.--secondary a:not(.--noarrow):hover:after,
.c-wysiwyg__cta.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.c-wysiwyg__cta.--secondary a.--noarrow:hover,
.c-wysiwyg__cta.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.c-wysiwyg__cta.--secondary a:focus-visible,
.c-wysiwyg__cta.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.c-wysiwyg__cta.--secondary a:focus-visible:before,
.c-wysiwyg__cta.--secondary button:focus-visible:before {
border-width: 3px;
}
.c-wysiwyg__cta.--secondary a:focus-visible:after,
.c-wysiwyg__cta.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.c-wysiwyg__cta a,
.c-wysiwyg__cta button {
padding: 11px 17px;
}
}
.c-wysiwyg__cta a {
text-decoration: none !important;
}
@media screen and (min-width: 841px) {
.c-wysiwyg h3 {
letter-spacing: 0.01em;
}
.c-wysiwyg .txtlarge {
letter-spacing: 0.02em;
}
.c-wysiwyg .txtmedium {
letter-spacing: 0.02em;
}
.c-wysiwyg ol li,
.c-wysiwyg ul li {
letter-spacing: 0em;
}
}
.c-img {
text-align: center;
}
.c-img__radius {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.c-img__radius:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.c-img__radius img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
min-width: 100%;
min-height: 100%;
}
.c-img figure {
display: inline-block;
}
.c-img figure figcaption {
margin-top: 24px;
margin-left: 16px;
margin-right: 16px;
text-align: left;
}
.swiper-slide {
height: auto !important;
}
.swiper-slide:first-child {
margin-left: var(--margin);
}
.swiper-slide:last-child {
margin-right: var(--margin);
}
.swiper-slide--verticalimagetext .c-img {
height: 0;
position: relative;
padding-bottom: 63.22%;
margin-bottom: 20px !important;
}
.swiper-slide--verticalimagetext .c-img img,
.swiper-slide--verticalimagetext .c-img figure,
.swiper-slide--verticalimagetext .c-img picture {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.swiper .swiper-button-prev, .swiper .swiper-button-next {
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
color: #fff;
background-color: #008596;
width: 54px;
height: 54px;
border-radius: 50%;
transition: all var(--transition-fn) var(--transition-delay);
}
.swiper .swiper-button-prev:after, .swiper .swiper-button-next:after {
display: none;
}
.swiper .swiper-button-prev:hover, .swiper .swiper-button-prev:focus-visible, .swiper .swiper-button-next:hover, .swiper .swiper-button-next:focus-visible {
background-color: var(--white);
color: var(--black);
}
.swiper .swiper-button-prev.swiper-button-disabled, .swiper .swiper-button-next.swiper-button-disabled {
background-color: var(--dark);
color: #808080;
}
.swiper[data-navigation=scrollbar] .swiper-wrapper {
padding-bottom: 40px;
}
.swiper.swiper-horizontal > .swiper-scrollbar,
.swiper .swiper-scrollbar {
cursor: pointer;
z-index: 4;
width: calc(100% - 60px);
max-width: 360px;
height: 14px;
left: 50%;
transform: translateX(-50%);
}
.swiper .swiper-scrollbar-drag {
background-color: var(--white);
}
@media screen and (min-width: 841px) {
.swiper-wrapper--verticalimagetext {
margin-top: -11px;
}
.swiper-slide:first-child {
margin-left: calc(var(--margin) + var(--colabsolutewidthmarged));
}
.swiper-slide:last-child {
margin-right: calc(var(--margin) + var(--colabsolutewidthmarged));
}
.swiper-slide--verticalimagetext .c-img {
padding-bottom: 59%;
margin-bottom: 24px !important;
}
}
.f-slider__title {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
margin-bottom: 32px;
}
@media screen and (min-width: 841px) {
.f-slider__title {
font-size: 40px;
line-height: 48px;
}
}
.f-slider__title--verticalimagetext {
margin-bottom: 16px;
}
.f-slider__ctn {
color: var(--white);
pointer-events: none;
}
.f-slider__ctn * {
pointer-events: all;
}
.f-slider__ctn[data-navigation=scrollbar] {
cursor: url("assets/img/cursor-drag.svg") 60 60, auto;
}
.f-slider__ctn-item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
height: 100%;
}
.f-slider__ctn-item > *:not(.f-imgText__ctn) {
width: 100%;
}
.f-slider__ctn-item .c-img {
margin-bottom: 10px;
}
.f-slider__ctn--verticalimagetext {
margin-top: 14px;
}
.f-slider__ctn__newlink__visuel {
overflow: hidden;
}
.f-slider__ctn__newlink__visuel img {
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-slider__ctn__newlink:hover .f-slider__ctn__newlink__visuel img, .f-slider__ctn__newlink:focus-visible .f-slider__ctn__newlink__visuel img {
transform: scale(1.1);
}
.f-slider__ctn__newlink__titre, .f-slider__ctn__newlink__title {
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: transparent;
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-slider__ctn__newlink:hover .f-slider__ctn__newlink__titre, .f-slider__ctn__newlink:hover .f-slider__ctn__newlink__title, .f-slider__ctn__newlink:focus-visible .f-slider__ctn__newlink__titre, .f-slider__ctn__newlink:focus-visible .f-slider__ctn__newlink__title {
text-decoration-color: var(--white);
}
.f-slider__ctn__newlink:focus-visible {
display: block;
outline: solid 2px;
}
.f-slider__navigation {
display: none;
padding: 10px 0;
margin-right: calc(var(--colabsolutewidthmarged));
pointer-events: none;
}
.f-slider__navigation button {
position: static;
font-size: 16px;
pointer-events: all;
}
.f-slider__navigation button:focus-visible {
outline: 3px solid #008596;
outline-offset: 0px;
}
.f-slider__navigation-next {
margin-left: 18px;
}
.f-slider__box {
padding: 19px 3px 21px 24px;
}
.f-slider__subtitle {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
font-weight: 500;
color: #808080;
}
.f-slider__subtitle:is(strong),
.f-slider__subtitle strong {
font-weight: 500;
}
.f-slider__subtitle2 {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: var(--white);
}
.f-slider__subtitle2:is(strong),
.f-slider__subtitle2 strong {
font-weight: 500;
}
.f-slider__subtitle3 {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.f-slider__subtitle3:is(strong),
.f-slider__subtitle3 strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-slider__subtitle3 {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-slider__title2 {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
margin-bottom: 11px;
}
@media screen and (min-width: 841px) {
.f-slider__title2 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
@media screen and (min-width: 841px) {
.f-slider__title2 {
font-size: 20px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-slider__wysiwyg {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
}
.f-slider__wysiwyg:is(strong),
.f-slider__wysiwyg strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-slider__wysiwyg {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-slider__wysiwyg ul {
margin-left: 23px;
}
.f-slider__wysiwyg li {
list-style-type: disc;
}
.f-slider__wysiwyg ul,
.f-slider__wysiwyg p {
margin-bottom: 12px;
}
@media screen and (min-width: 841px) {
.container__title + .f-slider__ctn--onlyimage {
margin-top: -90px;
}
.container__title + .f-slider__ctn--verticalimagetext {
margin-top: -64px;
}
.f-slider__title {
margin-left: var(--colabsolutewidthmarged);
margin-right: calc(3 * var(--colwidthmarged));
}
.f-slider__title--verticalimagetext {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 8px;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-slider__title--verticalimagetext {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 841px) {
.f-slider__subtitle3 {
margin-left: var(--colabsolutewidthmarged);
margin-right: calc(3 * var(--colwidthmarged));
}
}
@media screen and (min-width: 841px) {
.f-slider__navigation {
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 841px) {
.f-slider__ctn-item .c-img {
margin-bottom: 18px;
}
}
@media screen and (min-width: 841px) {
.f-slider__box {
padding: 16px 3px 21px 31px;
}
}
@media screen and (min-width: 841px) {
.f-slider .f__titre {
margin-right: calc(3 * var(--colwidthmarged));
}
}
@media screen and (min-width: 841px) {
.f-slider:not(.f-casestudy) .threeorless .f-slider__navigation {
opacity: 0;
pointer-events: none;
}
}
.c-video figure {
display: block;
}
.c-video figure figcaption {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
margin-top: 25px;
margin-left: 16px;
margin-right: 16px;
font-style: normal;
text-align: left;
color: #808080;
}
.c-video figure figcaption:is(strong),
.c-video figure figcaption strong {
font-weight: 500;
}
.c-video figure figcaption strong {
color: var(--white);
}
.c-video__player {
position: relative;
overflow: hidden;
}
.c-video__player:before {
content: "";
display: block;
width: 100%;
padding-bottom: 56.25%;
}
.c-video__player > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-video__player video[poster] {
-o-object-fit: cover;
object-fit: cover;
}
.c-video__player-poster {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: opacity var(--transition-fn) var(--transition-delay);
}
.c-video__player-poster.hidden {
opacity: 0;
visibility: hidden;
transition: opacity var(--transition-fn) var(--transition-delay), visibility 0s linear 0.4s;
}
.c-video__player-poster-play {
display: block;
width: 61px;
height: 61px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 50%;
font-size: 35px;
transition: all var(--transition-fn) var(--transition-delay);
}
.c-video__player-poster-play i {
display: inline-block;
position: relative;
top: -2px;
left: 1px;
transition: all var(--transition-fn) var(--transition-delay);
-webkit-text-stroke: 3px #000;
color: #fff;
font-size: 21px;
}
@media screen and (min-width: 841px) {
.c-video__player-poster-play:hover, .c-video__player-poster-play:focus-visible {
background-color: #008596;
}
.c-video__player-poster-play:hover i, .c-video__player-poster-play:focus-visible i {
color: #008596;
-webkit-text-stroke: 3px #fff;
}
.c-video__player-poster-play:focus-visible {
outline: solid 3px #fff;
outline-offset: 0;
}
}
.c-video__player-cookies .tac_activate {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.75);
font-size: 15px;
color: #000;
}
.c-video__player-cookies .tac_activate > * {
display: block;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.c-video__player-cookies .tac_activate .post_text {
margin-top: 12px;
}
.c-video__player-cookies .tac_activate button {
margin-top: 20px;
color: #fff;
}
@media screen and (min-width: 841px) {
.c-video__player-poster-play {
width: 75px;
height: 75px;
}
.c-video__player-poster-play i {
top: -1px;
left: 2px;
font-size: 26px;
}
}
.c-social {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin-left: -37px;
margin-right: -37px;
}
@media screen and (max-width: 1024px) {
.c-social {
margin-left: -18px;
margin-right: -18px;
}
}
.c-social > * {
margin-left: 37px;
margin-right: 37px;
}
@media screen and (max-width: 1024px) {
.c-social > * {
margin-left: 0;
margin-right: 0;
}
}
.c-social .icon-instagram,
.c-social .icon-facebook,
.c-social .icon-linkedin,
.c-social .icon-tiktok,
.c-social .icon-whatsapp {
font-size: 32px;
}
.c-social .icon-twitter,
.c-social .icon-youtube {
font-size: 24px;
}
.c-social li {
padding-top: 4px;
padding-bottom: 4px;
}
@media screen and (max-width: 1024px) {
.c-social li {
width: 25%;
max-width: 25%;
margin-top: 5px;
margin-bottom: 5px;
flex: 0 1 25%;
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.c-social li a {
transition: color var(--transition-fn) var(--transition-delay);
}
.c-social li a:hover {
color: rgba(0, 0, 0, 0.6);
}
}
@media screen and (min-width: 1025px) {
.c-card:hover .c-card__img:before {
background-color: rgba(0, 0, 0, 0.5);
}
.c-card:hover .c-card__title {
color: rgba(0, 0, 0, 0.5);
}
}
.c-card__img {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 22px;
background-color: #ccc;
}
.c-card__img:before {
position: relative;
z-index: 2;
content: "";
display: block;
padding-bottom: 100%;
background-color: transparent;
transition: background-color var(--transition-fn) var(--transition-delay);
}
.c-card__img * {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-card__suptitle {
margin-bottom: 5px;
font-family: "BaikalExpanded";
font-size: 15px;
font-weight: 500;
color: #969696;
}
.c-card__category {
display: inline-block;
margin-top: 6px;
margin-bottom: 8px;
border-radius: 20px;
padding: 8px 12px;
background-color: #000;
color: #fff;
font-size: 10px;
font-family: "BaikalExpanded";
font-weight: 700;
text-transform: uppercase;
}
.c-card__title {
transition: color var(--transition-fn) var(--transition-delay);
}
.c-card__content {
margin-top: 10px;
font-size: 15px;
}
.choices {
display: inline-block;
overflow: visible;
}
.choices[data-type*=select-one]:after {
width: auto;
height: auto;
right: 28px;
top: calc(50% + 1px);
transform: translateY(-50%);
margin: 0;
content: "\e904";
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
color: #000;
border: none;
}
.choices[data-type*=select-one].is-open:after {
margin: 0;
border: none;
transform: translateY(-50%) rotate(180deg);
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom: 15px;
}
.choices.is-open .choices__list--dropdown, .choices.is-open .choices__list[aria-expanded] {
z-index: 8;
opacity: 1;
transition: opacity var(--transition-fn) var(--transition-delay) 0.1s;
}
.choices__placeholder {
opacity: 1;
}
.choices__inner {
min-width: 212px;
min-height: 1px;
padding: 14px 21px;
border: 2px solid #000;
border-radius: 0;
box-shadow: none;
background-color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 1;
text-align: left;
color: #000;
transition: border-bottom var(--transition-fn) var(--transition-delay);
}
.is-focused .choices__inner, .is-open .choices__inner {
border-color: #000;
}
.is-open .choices__inner {
border-bottom: none;
}
.choices__list--dropdown, .choices__list[aria-expanded] {
opacity: 0;
border: 2px solid #000 !important;
background-color: #fff;
border-radius: 0;
transition: opacity var(--transition-fn) var(--transition-delay), visibility 0s linear 0.2s;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
padding: 13px 30px;
font-size: 15px;
font-weight: 500;
line-height: 1;
}
.choices__list--dropdown .choices__item--choice.is-selected {
display: none;
}
.choices__list--single {
padding: 0;
}
.c-form {
/*ERRORS*/
}
.c-form .form-title {
margin-bottom: 30px;
font-size: 22px;
font-weight: 700;
line-height: 1.36;
letter-spacing: 0.55px;
}
.c-form .form-title:not(:first-child) {
margin-top: 75px;
}
.c-form .form-desc {
margin-bottom: 15px;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.38px;
}
.c-form .form-desc:not(:first-child) {
margin-top: 48px;
}
.c-form .form-notice {
margin-top: 60px;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.38px;
}
.c-form .form-row {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 767px) {
.c-form .form-row {
display: block;
}
}
.c-form .form-row + .form-row {
margin-top: 48px;
}
@media screen and (max-width: 767px) {
.c-form .form-row + .form-row {
margin-top: 0;
}
}
.c-form .required {
vertical-align: top;
font-size: 11px;
}
.c-form .form-group {
flex: 1 1 0;
margin-left: 15px;
margin-right: 15px;
}
.c-form .form-group label {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.6px;
line-height: 1.33;
}
.c-form .form-group input:focus-visible {
outline: none;
}
.c-form .form-group input[type=text], .c-form .form-group input[type=email], .c-form .form-group textarea, .c-form .form-group input[type=number], .c-form .form-group input[type=tel] {
width: 100%;
padding: 14px 21px;
border: solid 2px #000;
background-color: #fff;
line-height: 1.2;
font-size: 16px;
font-weight: 500;
font-family: "BaikalExpanded";
}
.c-form .form-group input[type=text]::-webkit-input-placeholder, .c-form .form-group input[type=email]::-webkit-input-placeholder, .c-form .form-group textarea::-webkit-input-placeholder, .c-form .form-group input[type=number]::-webkit-input-placeholder, .c-form .form-group input[type=tel]::-webkit-input-placeholder {
font-family: "BaikalExpanded";
color: rgba(0, 0, 0, 0.8);
}
.c-form .form-group input[type=text]:-moz-placeholder, .c-form .form-group input[type=email]:-moz-placeholder, .c-form .form-group textarea:-moz-placeholder, .c-form .form-group input[type=number]:-moz-placeholder, .c-form .form-group input[type=tel]:-moz-placeholder {
font-family: "BaikalExpanded";
color: rgba(0, 0, 0, 0.8);
}
.c-form .form-group input[type=text]::-moz-placeholder, .c-form .form-group input[type=email]::-moz-placeholder, .c-form .form-group textarea::-moz-placeholder, .c-form .form-group input[type=number]::-moz-placeholder, .c-form .form-group input[type=tel]::-moz-placeholder {
font-family: "BaikalExpanded";
color: rgba(0, 0, 0, 0.8);
}
.c-form .form-group input[type=text]:-ms-input-placeholder, .c-form .form-group input[type=email]:-ms-input-placeholder, .c-form .form-group textarea:-ms-input-placeholder, .c-form .form-group input[type=number]:-ms-input-placeholder, .c-form .form-group input[type=tel]:-ms-input-placeholder {
font-family: "BaikalExpanded";
color: rgba(0, 0, 0, 0.8);
}
.c-form .form-group input[type=text]:focus-visible, .c-form .form-group input[type=email]:focus-visible, .c-form .form-group textarea:focus-visible, .c-form .form-group input[type=number]:focus-visible, .c-form .form-group input[type=tel]:focus-visible {
outline: none;
}
.c-form .form-group textarea {
padding-top: 16px;
padding-bottom: 16px;
height: 130px;
}
@media screen and (max-width: 1024px) {
.c-form .form-group textarea {
padding-top: 16px;
padding-right: 16px;
height: 270px;
}
}
@media screen and (max-width: 767px) {
.c-form .form-group + .c-form .form-group.email {
margin-top: 20px;
}
}
.c-form .form-group.email {
flex: 1.5;
}
@media screen and (max-width: 767px) {
.c-form .form-group.email {
min-width: 100%;
width: 100%;
flex: 1;
}
}
.c-form .form-group.checkbox, .c-form .form-group.radio {
display: block;
position: relative;
}
@media screen and (max-width: 1024px) {
.c-form .form-group.checkbox, .c-form .form-group.radio {
max-width: 33.33%;
}
}
.c-form .form-group.checkbox .checkboxCtn, .c-form .form-group.checkbox .radioCtn, .c-form .form-group.radio .checkboxCtn, .c-form .form-group.radio .radioCtn {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
}
.c-form .form-group.checkbox .checkboxCtn input, .c-form .form-group.checkbox .radioCtn input, .c-form .form-group.radio .checkboxCtn input, .c-form .form-group.radio .radioCtn input {
cursor: pointer;
z-index: 2;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-form .form-group.checkbox .checkboxCtn input:checked + span:after, .c-form .form-group.checkbox .radioCtn input:checked + span:after, .c-form .form-group.radio .checkboxCtn input:checked + span:after, .c-form .form-group.radio .radioCtn input:checked + span:after {
opacity: 1;
}
.c-form .form-group.checkbox .checkboxCtn label, .c-form .form-group.checkbox .radioCtn label, .c-form .form-group.radio .checkboxCtn label, .c-form .form-group.radio .radioCtn label {
margin-bottom: 0;
max-width: 200px;
}
.c-form .form-group.checkbox .checkboxCtn span, .c-form .form-group.checkbox .radioCtn span, .c-form .form-group.radio .checkboxCtn span, .c-form .form-group.radio .radioCtn span {
position: relative;
display: block;
width: 20px;
height: 20px;
min-width: 20px;
margin-right: 12px;
border: solid 2px #000;
background-color: #fff;
}
.c-form .form-group.checkbox .checkboxCtn span:after, .c-form .form-group.checkbox .radioCtn span:after, .c-form .form-group.radio .checkboxCtn span:after, .c-form .form-group.radio .radioCtn span:after {
opacity: 0;
content: "\e90b";
display: block;
position: absolute;
top: calc(50% - 2px);
left: calc(50% + 6px);
transform: translate(-50%, -50%);
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 17px;
color: #000;
transition: opacity var(--transition-fn) var(--transition-delay);
}
.c-form .form-group.checkbox a, .c-form .form-group.radio a {
display: inline-block;
position: relative;
z-index: 3;
text-decoration: underline;
}
.c-form .form-group.checkbox .error, .c-form .form-group.radio .error {
flex: 1;
width: 100%;
min-width: 100%;
}
.c-form .form-group.radio .radioCtn {
margin-top: 15px;
margin-left: -25px;
margin-right: -25px;
}
.c-form .form-group.radio .radioCtn > div {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
margin-left: 25px;
margin-right: 25px;
}
.c-form .form-group.radio .radioCtn span {
border-radius: 50%;
}
.c-form .form-group.radio .radioCtn span:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
width: 10px;
height: 10px;
background-color: #000;
border-radius: 50%;
}
.c-form .form-group .dateCtn {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
margin-left: -30px;
margin-right: -30px;
}
@media screen and (max-width: 767px) {
.c-form .form-group .dateCtn {
display: block;
}
}
.c-form .form-group .dateCtn__item {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
/* placeholder text style */
}
.c-form .form-group .dateCtn__item label {
padding-left: 30px;
padding-right: 30px;
}
.c-form .form-group .dateCtn__item input[type=date]::-webkit-datetime-edit-text,
.c-form .form-group .dateCtn__item input[type=date]::-webkit-datetime-edit-month-field,
.c-form .form-group .dateCtn__item input[type=date]::-webkit-datetime-edit-day-field,
.c-form .form-group .dateCtn__item input[type=date]::-webkit-datetime-edit-year-field {
color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
.c-form .form-group .dateCtn__item:last-child {
margin-top: 26px;
}
}
.c-form .form-group .dateCtn__item-input {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
padding: 12px 28px;
background-color: #fff;
border: 3px solid #fff;
border-radius: 5px;
font-size: 17px;
font-weight: 500;
line-height: 1.2;
}
.c-form .form-group .dateCtn__item-input.active .placeholder {
color: #000;
}
.c-form .form-group .dateCtn__item-input input {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.c-form .form-group .dateCtn__item-input .placeholder {
color: rgba(0, 0, 0, 0.5);
}
.c-form .form-group .dateCtn__item-input i {
display: inline-block;
cursor: pointer;
margin-left: 24px;
}
@media screen and (max-width: 767px) {
.c-form .form-group.submit {
margin-top: 44px;
}
}
.c-form .form-group .js-submit {
position: relative;
}
.c-form .form-group .js-submit span {
display: block;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c-form .form-group .js-submit.loading {
color: transparent;
background-color: #000;
}
.c-form .form-group .js-submit.loading span {
opacity: 1;
color: #fff;
}
.c-form .choices {
width: 100%;
margin-bottom: 0;
}
.c-form .error-message {
display: none;
}
.c-form .form-group .error, .c-form .form-group .success {
margin-top: 5px;
opacity: 0;
color: #fd8e29;
font-size: 13px;
font-weight: bold;
transition: opacity var(--transition-fn) var(--transition-delay);
}
.c-form .form-group.error input:not([type=checkbox]):not([type=radio]), .c-form .form-group.error textarea, .c-form .form-group.error .choices__inner {
border-color: #fd8e29;
color: #fd8e29;
}
.c-form .form-group.error input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, .c-form .form-group.error textarea::-webkit-input-placeholder, .c-form .form-group.error .choices__inner::-webkit-input-placeholder {
color: #fd8e29;
}
.c-form .form-group.error input:not([type=checkbox]):not([type=radio]):-moz-placeholder, .c-form .form-group.error textarea:-moz-placeholder, .c-form .form-group.error .choices__inner:-moz-placeholder {
color: #fd8e29;
}
.c-form .form-group.error input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .c-form .form-group.error textarea::-moz-placeholder, .c-form .form-group.error .choices__inner::-moz-placeholder {
color: #fd8e29;
}
.c-form .form-group.error input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, .c-form .form-group.error textarea:-ms-input-placeholder, .c-form .form-group.error .choices__inner:-ms-input-placeholder {
color: #fd8e29;
}
.c-form .form-group.error.file .checkboxCtn, .c-form .form-group.error.file .radioCtn, .c-form .form-group.error.radio .checkboxCtn, .c-form .form-group.error.radio .radioCtn, .c-form .form-group.error.checkbox .checkboxCtn, .c-form .form-group.error.checkbox .radioCtn {
color: #fd8e29;
}
.c-form .form-group.error.file span, .c-form .form-group.error.radio span, .c-form .form-group.error.checkbox span {
border-color: #fd8e29;
}
.c-form .form-group .success.active,
.c-form .form-group .error.captcha--.active,
.c-form .form-group .error.global--.active {
border: none !important;
}
.c-form .form-group .error.captcha--.active,
.c-form .form-group .error.global--.active {
color: #fd8e29 !important;
}
.c-form .form-group .success.active {
color: #60c584;
font-weight: 800;
font-size: 15px;
}
.c-form .form-group .error.global-- {
font-size: 14px;
}
.c-form .form-group .error.global-- span {
display: block;
}
.c-form .form-group .success.active,
.c-form .form-group.error .error,
.c-form .form-group .error.captcha--.active,
.c-form .form-group .error.global--.active {
opacity: 1;
}
.c-form .error .choices__inner {
border-color: #fd8e29;
}
/*@import 'components/rgpd';*/
.f-accordion__list-item {
border-top: solid 1px #808080;
border-bottom: solid 1px #808080;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
padding-top: 28px;
margin-top: -1px;
z-index: 1;
position: relative;
}
.f-accordion__list-item-title {
color: var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 500;
letter-spacing: 0em;
margin-bottom: 27px;
transition: margin var(--transition-fn) var(--transition-delay);
position: relative;
display: block;
width: 100%;
text-align: left;
}
@media screen and (min-width: 841px) {
.f-accordion__list-item-title {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width: 841px) {
.f-accordion__list-item-title {
letter-spacing: 0.0125em;
}
}
.f-accordion__list-item-content {
color: var(--white);
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
display: grid;
grid-template-rows: 0fr;
padding-bottom: 0px;
transition: grid-template-rows var(--transition-fn) var(--transition-delay), padding var(--transition-fn) var(--transition-delay);
}
.f-accordion__list-item-content:is(strong),
.f-accordion__list-item-content strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-accordion__list-item-content {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-accordion__list-item-content > * {
overflow: hidden;
}
.f-accordion__list-item:before, .f-accordion__list-item:after {
content: "";
position: absolute;
background-color: #808080;
transition: color var(--transition-fn) var(--transition-delay), transform var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay);
}
.f-accordion__list-item:before {
width: 2px;
height: 20px;
right: 15px;
top: 30px;
}
.f-accordion__list-item:after {
width: 20px;
height: 2px;
right: 6px;
top: 39px;
}
.f-accordion__list-item--open {
border-color: #e60000;
z-index: 2;
}
.f-accordion__list-item--open .f-accordion__list-item-title {
margin-bottom: 42px;
}
.f-accordion__list-item--open .f-accordion__list-item-content {
grid-template-rows: 1fr;
padding-bottom: 40px;
}
.f-accordion__list-item--focus:before, .f-accordion__list-item--focus:after {
background-color: #e60000;
}
.f-accordion__list-item--open:before, .f-accordion__list-item--open:after {
background-color: #e60000;
transform: rotate(45deg);
}
.f-accordion .c-wysiwyg p + p {
margin-top: 22px;
}
@media screen and (min-width: 841px) {
.f-accordion__list {
margin-left: var(--colwidthmarged);
margin-right: var(--colwidthmarged);
}
.f-accordion__list-item {
padding-top: 34px;
}
.f-accordion__list-item-title {
margin-left: 80px;
margin-bottom: 35px;
}
.f-accordion__list-item-content {
padding-left: var(--margin);
padding-right: calc(2 * var(--colwidthmarged));
}
.f-accordion__list-item--open .f-accordion__list-item-title {
margin-bottom: 33px;
}
.f-accordion__list-item--open .f-accordion__list-item-content {
padding-bottom: 49px;
}
.f-accordion__list-item:before {
right: auto;
left: 47px;
top: 38px;
}
.f-accordion__list-item:after {
right: auto;
left: 38px;
top: 47px;
}
}
.f-author__ctn {
display: flex;
flex-direction: column;
padding-top: 31px;
padding-bottom: 33px;
margin-bottom: 16px;
}
.f-author__col:first-child {
margin-bottom: 26px;
}
.f-author__col:last-child {
align-self: flex-end;
}
.f-author__name {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
color: var(--white);
margin-bottom: 8px;
}
@media screen and (min-width: 841px) {
.f-author__name {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-author__infos {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 300;
color: var(--white);
letter-spacing: 0em;
margin-bottom: 24px;
}
@media screen and (min-width: 841px) {
.f-author__infos {
font-size: 20px;
line-height: 28px;
}
}
.f-author__link a,
.f-author__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-author__link a,
.f-author__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-author__link a span,
.f-author__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-author__link a:not(.--noarrow):after,
.f-author__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-author__link a:not(.--noarrow).download--:after,
.f-author__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-author__link a:not(.--noarrow):hover,
.f-author__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-author__link a:not(.--noarrow):hover:after,
.f-author__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-author__link a:not(.--noarrow):hover span,
.f-author__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-author__link a:focus-visible, .f-author__link a.--noarrow:hover,
.f-author__link button:focus-visible,
.f-author__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-author__link a:focus-visible:after, .f-author__link a.--noarrow:hover:after,
.f-author__link button:focus-visible:after,
.f-author__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-author__link.--secondary a,
.f-author__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-author__link.--secondary a:after,
.f-author__link.--secondary button:after {
filter: var(--filterblue);
}
.f-author__link.--secondary a:before,
.f-author__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-author__link.--secondary a:not(.--noarrow):hover,
.f-author__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-author__link.--secondary a:not(.--noarrow):hover:after,
.f-author__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-author__link.--secondary a.--noarrow:hover,
.f-author__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-author__link.--secondary a:focus-visible,
.f-author__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-author__link.--secondary a:focus-visible:before,
.f-author__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-author__link.--secondary a:focus-visible:after,
.f-author__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-author__link a,
.f-author__link button {
padding: 11px 17px;
}
}
.f-author__link a {
letter-spacing: -0.01em;
}
.f-author__visuel {
height: 200px;
width: 200px;
}
.f-author__visuel img,
.f-author__visuel picture,
.f-author__visuel figure {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.f-author__contact {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
font-family: "Baikal";
font-weight: 300;
color: var(--white);
text-align: right;
}
@media screen and (min-width: 841px) {
.f-author__contact {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-author__contact a {
color: #008596;
margin-left: 10px;
text-decoration: underline;
text-underline-offset: 9px;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.f-author__ctn {
flex-direction: row;
justify-content: space-between;
margin-left: calc(2 * var(--colabsolutewidthmarged));
margin-right: calc(2 * var(--colabsolutewidthmarged));
}
.f-author__col:first-child {
margin-bottom: 0;
}
.f-author__col:last-child {
align-self: flex-start;
}
.f-author__infos {
margin-bottom: 96px;
}
.f-author__link a {
padding: 9px 16px;
}
.f-author__visuel {
height: 209px;
width: 209px;
}
.f-author__contact {
margin-left: calc(2 * var(--colabsolutewidthmarged));
margin-right: calc(2 * var(--colabsolutewidthmarged));
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 300;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-author__contact {
font-size: 20px;
line-height: 28px;
}
}
.f-casestudy {
color: var(--white);
}
.f-casestudy__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 16px;
}
@media screen and (min-width: 841px) {
.f-casestudy__titre {
font-size: 40px;
line-height: 48px;
}
}
.f-casestudy__link {
margin-bottom: 32px;
}
.f-casestudy__link a,
.f-casestudy__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-casestudy__link a,
.f-casestudy__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-casestudy__link a span,
.f-casestudy__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-casestudy__link a:not(.--noarrow):after,
.f-casestudy__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-casestudy__link a:not(.--noarrow).download--:after,
.f-casestudy__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-casestudy__link a:not(.--noarrow):hover,
.f-casestudy__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-casestudy__link a:not(.--noarrow):hover:after,
.f-casestudy__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-casestudy__link a:not(.--noarrow):hover span,
.f-casestudy__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-casestudy__link a:focus-visible, .f-casestudy__link a.--noarrow:hover,
.f-casestudy__link button:focus-visible,
.f-casestudy__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-casestudy__link a:focus-visible:after, .f-casestudy__link a.--noarrow:hover:after,
.f-casestudy__link button:focus-visible:after,
.f-casestudy__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-casestudy__link.--secondary a,
.f-casestudy__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-casestudy__link.--secondary a:after,
.f-casestudy__link.--secondary button:after {
filter: var(--filterblue);
}
.f-casestudy__link.--secondary a:before,
.f-casestudy__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-casestudy__link.--secondary a:not(.--noarrow):hover,
.f-casestudy__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-casestudy__link.--secondary a:not(.--noarrow):hover:after,
.f-casestudy__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-casestudy__link.--secondary a.--noarrow:hover,
.f-casestudy__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-casestudy__link.--secondary a:focus-visible,
.f-casestudy__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-casestudy__link.--secondary a:focus-visible:before,
.f-casestudy__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-casestudy__link.--secondary a:focus-visible:after,
.f-casestudy__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-casestudy__link a,
.f-casestudy__link button {
padding: 11px 17px;
}
}
.f-casestudy__link a {
padding: 11px 19px;
letter-spacing: 0em;
}
.f-casestudy.f-slider.multi-- .swiper-slide {
width: calc(3.31 * var(--colabsolutewidthmarged));
}
.f-casestudy.f-slider.multi-- .swiper-slide:first-child {
margin-left: var(--margin);
}
.f-casestudy__item__link__visuel {
overflow: hidden;
}
.f-casestudy__item__link__visuel img {
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-casestudy__item__link:hover .f-casestudy__item__link__visuel img, .f-casestudy__item__link:focus-visible .f-casestudy__item__link__visuel img {
transform: scale(1.1);
}
.f-casestudy__item__link__titre, .f-casestudy__item__link__title {
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: transparent;
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-casestudy__item__link:hover .f-casestudy__item__link__titre, .f-casestudy__item__link:hover .f-casestudy__item__link__title, .f-casestudy__item__link:focus-visible .f-casestudy__item__link__titre, .f-casestudy__item__link:focus-visible .f-casestudy__item__link__title {
text-decoration-color: var(--white);
}
.f-casestudy__item__link:focus-visible {
display: block;
outline: solid 2px;
}
.f-casestudy__item__link__visuel {
width: 100%;
height: 0;
padding-bottom: 67.34%;
position: relative;
}
.f-casestudy__item__link__visuel img,
.f-casestudy__item__link__visuel figure,
.f-casestudy__item__link__visuel picture {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.f-casestudy__item__link__title {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 16px;
}
@media screen and (min-width: 841px) {
.f-casestudy__item__link__title {
font-size: 34px;
line-height: 42px;
}
}
.f-casestudy__item__box {
padding: 7px 11px 0px;
}
.f-casestudy__item__subtitle {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 400;
margin-bottom: 5px;
}
.f-casestudy__item__subtitle:is(strong),
.f-casestudy__item__subtitle strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-casestudy__item__subtitle {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-casestudy__item__subtitle span {
margin: 0 9px;
}
.f-casestudy__item__tagsliste {
display: flex;
flex-wrap: wrap;
}
.f-casestudy__item__tagsitem {
margin-right: 16px;
text-transform: uppercase;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: var(--gray2);
letter-spacing: 0.05em;
}
.f-casestudy__item__tagsitem:is(strong),
.f-casestudy__item__tagsitem strong {
font-weight: 500;
}
.f-casestudy__item__tagsitem:last-child {
margin-right: 0;
}
@media screen and (min-width: 841px) {
.f-casestudy__titre {
margin-bottom: 32px;
}
.f-casestudy__link {
margin-left: calc(var(--colwidth) + var(--margin));
margin-bottom: 40px;
}
.f-casestudy.f-slider.multi-- .swiper-slide {
width: calc(50% - 0.5 * var(--margin));
}
.f-casestudy.f-slider.multi-- .swiper-slide:first-child {
margin-left: 0;
}
.f-casestudy.f-slider.multi-- .f-slider__navigation {
margin-bottom: 32px;
position: absolute;
right: 3px;
top: 0;
}
.f-casestudy .swiper {
padding-top: 104px;
margin-top: -104px;
}
.f-casestudy__item__subtitle {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 400;
}
.f-casestudy__item__subtitle:is(strong),
.f-casestudy__item__subtitle strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-casestudy__item__subtitle {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (min-width: 841px) {
.f-casestudy__item__box {
padding: 0px 19px;
}
}
@media screen and (min-width: 841px) {
.f-casestudy__item__link__visuel {
padding-bottom: 56.4%;
}
.f-casestudy__item__link__title {
margin-bottom: 20px;
}
}
.f-chapo__ctn {
font-family: "BaikalExpanded";
font-size: 30px;
font-weight: 500;
line-height: 1.27;
}
@media screen and (max-width: 767px) {
.f-chapo__ctn {
font-size: 25px;
font-weight: 500;
line-height: 1.32;
}
}
.f-ctas__ctn {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin: -20px;
}
.f-ctas__ctn > * {
margin: 20px;
}
@media screen and (min-width: 768px) {
.f-ctas__ctn.left, .f-ctas__ctn.gauche {
justify-content: flex-start;
}
.f-ctas__ctn.right, .f-ctas__ctn.droite {
justify-content: flex-end;
}
}
.f-news__list {
display: flex;
justify-content: center;
align-items: initial;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: -40px;
margin-left: -20px;
margin-right: -20px;
}
.f-news__list[data-wrap=true] {
justify-content: flex-start;
}
.f-news__list > * {
display: block;
width: 100%;
max-width: 25%;
padding-left: 20px;
padding-right: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
.f-news__list > * {
flex: 1 1 auto;
width: 33.33%;
max-width: 33.33%;
}
}
@media screen and (max-width: 767px) {
.f-news__list > * {
margin-top: 20px;
margin-bottom: 20px;
width: 50%;
max-width: 50%;
}
}
@media screen and (max-width: 479px) {
.f-news__list > * {
width: 100%;
max-width: 100%;
}
}
.f-gated__box, .f-newsletter__box {
padding: 40px 0;
}
.f-gated__titre, .f-newsletter__titre {
letter-spacing: -0.005em;
margin-bottom: 8px;
}
.f-gated__description, .f-newsletter__description {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
color: var(--white);
letter-spacing: 0em;
margin-bottom: 16px;
}
@media screen and (min-width: 841px) {
.f-gated__description, .f-newsletter__description {
font-size: 20px;
line-height: 28px;
}
}
.f-gated__cols, .f-newsletter__cols {
margin-bottom: 17px;
}
.f-gated__field, .f-newsletter__field {
margin-bottom: 20px;
}
.f-gated__field input, .f-newsletter__field input {
border: solid 1px var(--white);
padding: 14px 15px 12px;
width: 100%;
color: var(--white);
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
}
.f-gated__field input:is(strong),
.f-gated__field input strong, .f-newsletter__field input:is(strong),
.f-newsletter__field input strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-gated__field input, .f-newsletter__field input {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-gated__field input::-moz-placeholder, .f-newsletter__field input::-moz-placeholder {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.f-gated__field input::placeholder, .f-newsletter__field input::placeholder {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.f-gated__field input::-moz-placeholder:is(strong), .f-gated__field input::-moz-placeholder strong, .f-newsletter__field input::-moz-placeholder:is(strong), .f-newsletter__field input::-moz-placeholder strong {
font-weight: 500;
}
.f-gated__field input::placeholder:is(strong),
.f-gated__field input::placeholder strong, .f-newsletter__field input::placeholder:is(strong),
.f-newsletter__field input::placeholder strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-gated__field input::-moz-placeholder, .f-newsletter__field input::-moz-placeholder {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
.f-gated__field input::placeholder, .f-newsletter__field input::placeholder {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-gated__field input.error, .f-newsletter__field input.error {
border: solid 1px #e60000;
}
.f-gated__col:last-child .f-gated__field:last-child, .f-gated__col:last-child .f-newsletter__field:last-child, .f-newsletter__col:last-child .f-gated__field:last-child, .f-newsletter__col:last-child .f-newsletter__field:last-child {
margin-bottom: 0;
}
.f-gated__checkbox, .f-newsletter__checkbox {
color: #757575;
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
padding: 24px 10px 32px 48px;
padding-left: 36px;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
letter-spacing: 0em;
padding-bottom: 41px;
}
.f-gated__checkbox:is(strong),
.f-gated__checkbox strong, .f-newsletter__checkbox:is(strong),
.f-newsletter__checkbox strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-gated__checkbox, .f-newsletter__checkbox {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-gated__checkbox input[type=checkbox], .f-newsletter__checkbox input[type=checkbox] {
opacity: 0.000001;
position: absolute;
}
.f-gated__checkbox label, .f-newsletter__checkbox label {
position: relative;
display: inline-block;
box-sizing: border-box;
}
.f-gated__checkbox label:before, .f-newsletter__checkbox label:before {
content: "";
width: 23px;
height: 23px;
position: absolute;
border: solid 1px var(--white);
left: -35px;
top: 0;
}
.f-gated__checkbox label:after, .f-newsletter__checkbox label:after {
content: "";
position: absolute;
left: -32px;
top: 3px;
width: 17px;
height: 17px;
background-color: transparent;
}
.f-gated__checkbox input[type=checkbox]:checked + label:after, .f-newsletter__checkbox input[type=checkbox]:checked + label:after {
background-color: var(--white);
}
.f-gated__checkbox input[type=checkbox]:focus-visible + label:before, .f-newsletter__checkbox input[type=checkbox]:focus-visible + label:before {
outline: 1px solid var(--white);
outline-offset: 2px;
}
.f-gated__checkbox input.error + label:before, .f-newsletter__checkbox input.error + label:before {
border-color: #e60000;
}
@media screen and (min-width: 841px) {
.f-gated__checkbox, .f-newsletter__checkbox {
padding: 24px 10px 41px 35px;
}
.f-gated__checkbox label, .f-newsletter__checkbox label {
letter-spacing: 0;
}
}
.f-gated__checkbox:is(strong),
.f-gated__checkbox strong, .f-newsletter__checkbox:is(strong),
.f-newsletter__checkbox strong {
font-weight: 500;
}
.f-gated__submit a,
.f-gated__submit button, .f-newsletter__submit a,
.f-newsletter__submit button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-gated__submit a,
.f-gated__submit button, .f-newsletter__submit a,
.f-newsletter__submit button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-gated__submit a span,
.f-gated__submit button span, .f-newsletter__submit a span,
.f-newsletter__submit button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-gated__submit a:not(.--noarrow):after,
.f-gated__submit button:not(.--noarrow):after, .f-newsletter__submit a:not(.--noarrow):after,
.f-newsletter__submit button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-gated__submit a:not(.--noarrow).download--:after,
.f-gated__submit button:not(.--noarrow).download--:after, .f-newsletter__submit a:not(.--noarrow).download--:after,
.f-newsletter__submit button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-gated__submit a:not(.--noarrow):hover,
.f-gated__submit button:not(.--noarrow):hover, .f-newsletter__submit a:not(.--noarrow):hover,
.f-newsletter__submit button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-gated__submit a:not(.--noarrow):hover:after,
.f-gated__submit button:not(.--noarrow):hover:after, .f-newsletter__submit a:not(.--noarrow):hover:after,
.f-newsletter__submit button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-gated__submit a:not(.--noarrow):hover span,
.f-gated__submit button:not(.--noarrow):hover span, .f-newsletter__submit a:not(.--noarrow):hover span,
.f-newsletter__submit button:not(.--noarrow):hover span {
flex: 0;
}
.f-gated__submit a:focus-visible, .f-gated__submit a.--noarrow:hover,
.f-gated__submit button:focus-visible,
.f-gated__submit button.--noarrow:hover, .f-newsletter__submit a:focus-visible, .f-newsletter__submit a.--noarrow:hover,
.f-newsletter__submit button:focus-visible,
.f-newsletter__submit button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-gated__submit a:focus-visible:after, .f-gated__submit a.--noarrow:hover:after,
.f-gated__submit button:focus-visible:after,
.f-gated__submit button.--noarrow:hover:after, .f-newsletter__submit a:focus-visible:after, .f-newsletter__submit a.--noarrow:hover:after,
.f-newsletter__submit button:focus-visible:after,
.f-newsletter__submit button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-gated__submit.--secondary a,
.f-gated__submit.--secondary button, .f-newsletter__submit.--secondary a,
.f-newsletter__submit.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-gated__submit.--secondary a:after,
.f-gated__submit.--secondary button:after, .f-newsletter__submit.--secondary a:after,
.f-newsletter__submit.--secondary button:after {
filter: var(--filterblue);
}
.f-gated__submit.--secondary a:before,
.f-gated__submit.--secondary button:before, .f-newsletter__submit.--secondary a:before,
.f-newsletter__submit.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-gated__submit.--secondary a:not(.--noarrow):hover,
.f-gated__submit.--secondary button:not(.--noarrow):hover, .f-newsletter__submit.--secondary a:not(.--noarrow):hover,
.f-newsletter__submit.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-gated__submit.--secondary a:not(.--noarrow):hover:after,
.f-gated__submit.--secondary button:not(.--noarrow):hover:after, .f-newsletter__submit.--secondary a:not(.--noarrow):hover:after,
.f-newsletter__submit.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-gated__submit.--secondary a.--noarrow:hover,
.f-gated__submit.--secondary button.--noarrow:hover, .f-newsletter__submit.--secondary a.--noarrow:hover,
.f-newsletter__submit.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-gated__submit.--secondary a:focus-visible,
.f-gated__submit.--secondary button:focus-visible, .f-newsletter__submit.--secondary a:focus-visible,
.f-newsletter__submit.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-gated__submit.--secondary a:focus-visible:before,
.f-gated__submit.--secondary button:focus-visible:before, .f-newsletter__submit.--secondary a:focus-visible:before,
.f-newsletter__submit.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-gated__submit.--secondary a:focus-visible:after,
.f-gated__submit.--secondary button:focus-visible:after, .f-newsletter__submit.--secondary a:focus-visible:after,
.f-newsletter__submit.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-gated__submit a,
.f-gated__submit button, .f-newsletter__submit a,
.f-newsletter__submit button {
padding: 11px 17px;
}
}
.f-gated__required, .f-newsletter__required {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: #757575;
margin-bottom: 40px;
letter-spacing: 0;
}
.f-gated__required:is(strong),
.f-gated__required strong, .f-newsletter__required:is(strong),
.f-newsletter__required strong {
font-weight: 500;
}
.f-gated__required span, .f-newsletter__required span {
color: var(--white);
}
.f-gated__error, .f-newsletter__error {
margin-top: 20px;
color: #e60000;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
}
.f-gated__error:is(strong),
.f-gated__error strong, .f-newsletter__error:is(strong),
.f-newsletter__error strong {
font-weight: 500;
}
.f-gated__error.hidden, .f-newsletter__error.hidden {
display: none;
}
.f-gated__file, .f-newsletter__file {
display: none;
color: var(--white);
}
.f-gated__file__titre, .f-newsletter__file__titre {
letter-spacing: -0.005em;
margin-bottom: 8px;
}
.f-gated__file__texte, .f-newsletter__file__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
color: var(--white);
letter-spacing: 0em;
margin-bottom: 32px;
}
@media screen and (min-width: 841px) {
.f-gated__file__texte, .f-newsletter__file__texte {
font-size: 20px;
line-height: 28px;
}
}
.f-gated__file__box, .f-newsletter__file__box {
background-color: #EEEEEE;
padding: 20px;
width: 100%;
max-width: 523px;
}
.f-gated__file__cta, .f-newsletter__file__cta {
margin-bottom: 20px;
}
.f-gated__file__cta a,
.f-gated__file__cta button, .f-newsletter__file__cta a,
.f-newsletter__file__cta button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-gated__file__cta a,
.f-gated__file__cta button, .f-newsletter__file__cta a,
.f-newsletter__file__cta button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-gated__file__cta a span,
.f-gated__file__cta button span, .f-newsletter__file__cta a span,
.f-newsletter__file__cta button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-gated__file__cta a:not(.--noarrow):after,
.f-gated__file__cta button:not(.--noarrow):after, .f-newsletter__file__cta a:not(.--noarrow):after,
.f-newsletter__file__cta button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-gated__file__cta a:not(.--noarrow).download--:after,
.f-gated__file__cta button:not(.--noarrow).download--:after, .f-newsletter__file__cta a:not(.--noarrow).download--:after,
.f-newsletter__file__cta button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-gated__file__cta a:not(.--noarrow):hover,
.f-gated__file__cta button:not(.--noarrow):hover, .f-newsletter__file__cta a:not(.--noarrow):hover,
.f-newsletter__file__cta button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-gated__file__cta a:not(.--noarrow):hover:after,
.f-gated__file__cta button:not(.--noarrow):hover:after, .f-newsletter__file__cta a:not(.--noarrow):hover:after,
.f-newsletter__file__cta button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-gated__file__cta a:not(.--noarrow):hover span,
.f-gated__file__cta button:not(.--noarrow):hover span, .f-newsletter__file__cta a:not(.--noarrow):hover span,
.f-newsletter__file__cta button:not(.--noarrow):hover span {
flex: 0;
}
.f-gated__file__cta a:focus-visible, .f-gated__file__cta a.--noarrow:hover,
.f-gated__file__cta button:focus-visible,
.f-gated__file__cta button.--noarrow:hover, .f-newsletter__file__cta a:focus-visible, .f-newsletter__file__cta a.--noarrow:hover,
.f-newsletter__file__cta button:focus-visible,
.f-newsletter__file__cta button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-gated__file__cta a:focus-visible:after, .f-gated__file__cta a.--noarrow:hover:after,
.f-gated__file__cta button:focus-visible:after,
.f-gated__file__cta button.--noarrow:hover:after, .f-newsletter__file__cta a:focus-visible:after, .f-newsletter__file__cta a.--noarrow:hover:after,
.f-newsletter__file__cta button:focus-visible:after,
.f-newsletter__file__cta button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-gated__file__cta.--secondary a,
.f-gated__file__cta.--secondary button, .f-newsletter__file__cta.--secondary a,
.f-newsletter__file__cta.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-gated__file__cta.--secondary a:after,
.f-gated__file__cta.--secondary button:after, .f-newsletter__file__cta.--secondary a:after,
.f-newsletter__file__cta.--secondary button:after {
filter: var(--filterblue);
}
.f-gated__file__cta.--secondary a:before,
.f-gated__file__cta.--secondary button:before, .f-newsletter__file__cta.--secondary a:before,
.f-newsletter__file__cta.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-gated__file__cta.--secondary a:not(.--noarrow):hover,
.f-gated__file__cta.--secondary button:not(.--noarrow):hover, .f-newsletter__file__cta.--secondary a:not(.--noarrow):hover,
.f-newsletter__file__cta.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-gated__file__cta.--secondary a:not(.--noarrow):hover:after,
.f-gated__file__cta.--secondary button:not(.--noarrow):hover:after, .f-newsletter__file__cta.--secondary a:not(.--noarrow):hover:after,
.f-newsletter__file__cta.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-gated__file__cta.--secondary a.--noarrow:hover,
.f-gated__file__cta.--secondary button.--noarrow:hover, .f-newsletter__file__cta.--secondary a.--noarrow:hover,
.f-newsletter__file__cta.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-gated__file__cta.--secondary a:focus-visible,
.f-gated__file__cta.--secondary button:focus-visible, .f-newsletter__file__cta.--secondary a:focus-visible,
.f-newsletter__file__cta.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-gated__file__cta.--secondary a:focus-visible:before,
.f-gated__file__cta.--secondary button:focus-visible:before, .f-newsletter__file__cta.--secondary a:focus-visible:before,
.f-newsletter__file__cta.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-gated__file__cta.--secondary a:focus-visible:after,
.f-gated__file__cta.--secondary button:focus-visible:after, .f-newsletter__file__cta.--secondary a:focus-visible:after,
.f-newsletter__file__cta.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-gated__file__cta a,
.f-gated__file__cta button, .f-newsletter__file__cta a,
.f-newsletter__file__cta button {
padding: 11px 17px;
}
}
.f-gated__file__cta a, .f-newsletter__file__cta a {
width: 100%;
}
.f-gated__file__cta2, .f-newsletter__file__cta2 {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
line-height: 15px;
color: #666666;
position: relative;
padding-left: 44px;
}
.f-gated__file__cta2:is(strong),
.f-gated__file__cta2 strong, .f-newsletter__file__cta2:is(strong),
.f-newsletter__file__cta2 strong {
font-weight: 500;
}
.f-gated__file__cta2:before, .f-newsletter__file__cta2:before {
content: "\e912";
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: -2px;
height: 32px;
width: 32px;
background-color: #808080;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.f-gated--completed .f-gated__form, .f-gated--completed .f-newsletter__form, .f-newsletter--completed .f-gated__form, .f-newsletter--completed .f-newsletter__form {
display: none;
}
.f-gated--completed .f-gated__file, .f-gated--completed .f-newsletter__file, .f-newsletter--completed .f-gated__file, .f-newsletter--completed .f-newsletter__file {
display: block;
}
@media screen and (min-width: 841px) {
.f-gated__box, .f-newsletter__box {
margin: 0 var(--colwidthmarged);
padding: 52px var(--margin) 47px;
}
.f-gated__titre, .f-newsletter__titre {
margin-left: 0;
}
.f-gated__description, .f-newsletter__description {
margin-bottom: 25px;
}
.f-gated__cols, .f-newsletter__cols {
display: flex;
justify-content: space-between;
margin-bottom: 9px;
}
.f-gated__col, .f-newsletter__col {
width: calc(50% - 0.5 * var(--margin));
}
.f-gated__field input, .f-newsletter__field input {
padding: 11px 15px;
}
.f-gated__field:last-child, .f-newsletter__field:last-child {
margin-bottom: 0;
}
.f-gated__required, .f-newsletter__required {
margin-bottom: 0px;
}
.f-gated__baseline, .f-newsletter__baseline {
display: flex;
align-items: center;
justify-content: space-between;
}
.f-gated__checkbox, .f-newsletter__checkbox {
order: 1;
padding: 0 10px 0 32px;
font-size: 14px;
}
.f-gated__captcha, .f-newsletter__captcha {
order: 2;
margin-left: auto;
margin-right: var(--margin);
}
.f-gated__submit, .f-newsletter__submit {
order: 3;
}
.f-gated__submit button, .f-newsletter__submit button {
padding: 9px 17px;
min-width: 233px;
}
.f-gated__file__titre, .f-newsletter__file__titre {
margin-left: 0;
}
.f-gated__file__texte, .f-newsletter__file__texte {
letter-spacing: -0.0125em;
margin-bottom: 24px;
}
}
.f-hero {
position: relative;
height: 187.75vw;
min-height: 736px;
}
@media screen and (max-width: 840px) {
.f-hero {
display: flex;
flex-direction: column;
height: auto;
}
}
.f-hero__infos {
position: absolute;
background: transparent linear-gradient(-25deg, transparent 0 42vw, var(--darkarena) 42vw 100vw);
top: 0;
left: 0;
width: 100%;
height: 62.2%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
text-align: left;
padding: 0vw 4vw 48vw 4vw;
}
.f-hero__infos img {
height: 40px;
width: auto;
max-width: none;
}
.f-hero__infos__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
font-size: 37px;
line-height: 46px;
color: var(--white);
max-width: 500px;
}
@media screen and (min-width: 841px) {
.f-hero__infos__titre {
font-size: 68px;
line-height: 76px;
}
}
.f-hero__infos__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 300;
color: var(--white);
margin-top: 21px;
max-width: 500px;
font-size: 16px;
line-height: 23.2px;
letter-spacing: 0.02em;
}
@media screen and (min-width: 841px) {
.f-hero__infos__texte {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 840px) {
.f-hero__infos__texte {
padding-right: 40px;
max-width: none;
}
}
.f-hero__infos--long {
padding: 4vw 0 29vw 4vw;
}
.f-hero__infos--long .f-hero__infos__titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.f-hero__infos--long .f-hero__infos__titre {
font-size: 34px;
line-height: 42px;
}
}
.f-hero__infos--long .f-hero__infos__titre span {
max-width: 400px;
}
@media screen and (max-width: 840px) {
.f-hero__infos {
position: relative;
order: 2;
}
}
.f-hero__visuel {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.f-hero__visuel__box {
width: 100%;
height: 100%;
}
.f-hero__visuel video,
.f-hero__visuel img,
.f-hero__visuel figure,
.f-hero__visuel picture {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 840px) {
.f-hero__visuel {
position: relative;
order: 1;
height: 128.57vw;
}
.f-hero__visuel:before, .f-hero__visuel:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 50%;
}
.f-hero__visuel:before {
background: transparent linear-gradient(-25deg, transparent 0 47.5vw, var(--black) 47.5vw 100vw);
top: 0;
}
.f-hero__visuel:after {
background: transparent linear-gradient(-25deg, var(--darkarena) 0 46.7vw, transparent 46.7vw 100vw);
bottom: 0;
}
}
.f-hero:before {
content: "";
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 60vw;
z-index: 2;
background: transparent linear-gradient(-25deg, var(--black) 0 50vw, transparent 50vw 100vw);
pointer-events: none;
}
.f-hero__box {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: -1;
overflow: hidden;
}
.f-hero__box .desktop, .f-hero__box .mobile {
width: 100%;
height: 100%;
}
.f-hero__box .desktop {
display: none;
}
@media screen and (max-width: 840px) {
.f-hero__box {
position: relative;
}
}
.f-hero__box + * {
position: relative;
padding-top: calc(2 * var(--marginV));
}
.f-hero__box + *:before {
content: "";
position: absolute;
height: 50vw;
bottom: 100%;
pointer-events: none;
}
.f-hero__box + *:before {
background: transparent linear-gradient(-25deg, var(--black) 0 42vw, transparent 42vw 100vw);
width: 100%;
left: 0;
}
@media screen and (min-width: 841px) {
.f-hero {
min-height: 0;
height: 43.333333vw;
}
.f-hero__box + *:before, .f-hero__box + *:after {
content: "";
position: absolute;
height: 43.333333vw;
bottom: 100%;
pointer-events: none;
}
.f-hero__box + *:before {
background: transparent linear-gradient(-25deg, var(--black) 0 7.2vw, transparent 7.2vw 100vw);
width: 59.2%;
left: 0;
}
.f-hero__box + *:after {
background: transparent linear-gradient(-25deg, var(--black) 0 17.3vw, transparent 17.3vw 100vw);
width: 40.8%;
right: 0;
}
.f-hero__box .desktop {
display: block;
}
.f-hero__box .mobile {
display: none;
}
.f-hero__infos {
background: transparent linear-gradient(-25deg, var(--black) 0 7.2vw, var(--darkarena) 7.2vw 100vw);
bottom: 0;
width: 59.2%;
height: auto;
padding: 0 1vw 0 10.3vw;
}
.f-hero__infos__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
max-width: 800px;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-hero__infos__titre {
font-size: 68px;
line-height: 76px;
}
}
@media screen and (min-width: 841px) {
.f-hero__infos__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
margin-top: 26px;
}
.f-hero__infos__texte:is(strong),
.f-hero__infos__texte strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-hero__infos__texte {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (min-width: 841px) {
.f-hero__infos--long {
padding: 0vw 2vw 0.2vw 10.3vw;
}
}
@media screen and (min-width: 841px) {
.f-hero__infos--long .f-hero__infos__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-hero__infos--long .f-hero__infos__titre {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 841px) {
.f-hero__infos--long .f-hero__infos__titre span {
max-width: 800px;
}
}
@media screen and (min-width: 841px) {
.f-hero__infos img {
height: 64px;
}
}
@media screen and (min-width: 841px) {
.f-hero__visuel {
top: 0;
bottom: 0;
left: auto;
right: 0;
height: 100%;
width: 40.8%;
}
}
@media screen and (min-width: 841px) {
.f-hero:before {
width: 40.8%;
bottom: 0;
left: auto;
right: 0;
height: 47vw;
z-index: 2;
background: transparent linear-gradient(-25deg, var(--black) 0 17.3vw, transparent 17.3vw 100vw);
}
}
@media screen and (min-width: 841px) and (max-width: 1200px) {
.f-hero__infos {
padding-left: 3vw;
padding-right: 3vw;
}
.f-hero__infos__titre {
font-size: 42px;
line-height: 46px;
}
.f-hero__infos__texte {
font-size: 15px;
line-height: 20px;
max-width: none;
}
.f-hero__infos__texte br + br {
display: none;
}
}
.f-herohome {
position: relative;
height: 100vh;
min-height: 736px;
}
.f-herohome__infos {
position: absolute;
background: transparent linear-gradient(-25deg, transparent 0 54vw, #e60000 54vw 100vw);
top: 0;
left: 0;
width: 100%;
height: 55.6%;
display: flex;
align-items: center;
z-index: 2;
text-align: left;
padding: 0 0 29vw 4vw;
}
.f-herohome__infos__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
color: #fff;
}
@media screen and (min-width: 841px) {
.f-herohome__infos__titre {
font-size: 56px;
line-height: 60px;
}
}
.f-herohome__infos__titre span {
display: block;
max-width: 500px;
}
.f-herohome__infos--long {
padding: 4vw 4vw 29vw 4vw;
}
.f-herohome__infos--long .f-herohome__infos__titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.f-herohome__infos--long .f-herohome__infos__titre {
font-size: 34px;
line-height: 42px;
}
}
.f-herohome__infos--long .f-herohome__infos__titre span {
max-width: 400px;
}
.f-herohome__visuel {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.f-herohome__visuel video,
.f-herohome__visuel img,
.f-herohome__visuel figure,
.f-herohome__visuel picture {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.f-herohome__visuel__box {
width: 100%;
height: 100%;
}
.f-herohome:before {
content: "";
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 62vw;
z-index: 2;
background: transparent linear-gradient(-25deg, var(--black) 0 55vw, transparent 55vw 100vw);
pointer-events: none;
}
.f-herohome__box {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: -1;
overflow: hidden;
}
.f-herohome__box + * {
position: relative;
padding-top: 100px;
}
.f-herohome__box + *:before {
content: "";
position: absolute;
height: 200vh;
min-height: 832px;
bottom: 100%;
pointer-events: none;
}
.f-herohome__box + *:before {
background: transparent linear-gradient(-25deg, var(--black) 0 42vw, transparent 42vw 100vw);
width: 100%;
left: 0;
}
@media screen and (max-width: 840px) {
.f-herohome {
height: auto;
min-height: 0px;
}
.f-herohome__infos {
background: #e60000;
height: auto;
padding-top: 30vw;
padding-bottom: 15vw;
position: relative;
}
.f-herohome__visuel {
position: relative;
height: auto;
}
.f-herohome:before {
display: none;
}
.f-herohome__box + *:before {
display: none;
}
}
@media screen and (min-width: 841px) {
.f-herohome {
min-height: 832px;
}
.f-herohome__box + *:before, .f-herohome__box + *:after {
content: "";
position: absolute;
height: 200vh;
min-height: 832px;
bottom: 100%;
pointer-events: none;
}
.f-herohome__box + *:before {
background: transparent linear-gradient(-25deg, var(--black) 0 7.2vw, transparent 7.2vw 100vw);
width: 51.1%;
left: 0;
}
.f-herohome__box + *:after {
background: transparent linear-gradient(-25deg, var(--black) 0 20.5vw, transparent 20.5vw 100vw);
width: 48.9%;
right: 0;
}
.f-herohome__infos {
background: transparent linear-gradient(-25deg, var(--black) 0 9.2vw, #e60000 9.2vw 100vw);
bottom: 0;
width: 51.1%;
height: auto;
padding: 0 0 0 10.3vw;
}
.f-herohome__infos:before {
content: "";
position: absolute;
left: 100%;
top: 0;
background: transparent linear-gradient(-25deg, transparent 0 21.2vw, #e60000 21.2vw 100vw);
width: 50vw;
height: 100.8vh;
transition: height var(--timing) ease 0.5s;
}
.doAnim .f-herohome__infos:before {
height: 10.8vh;
}
.f-herohome__infos__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-herohome__infos__titre {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 841px) {
.f-herohome__infos--long {
padding: 0vw 2vw 0.2vw 10.3vw;
}
}
@media screen and (min-width: 841px) {
.f-herohome__infos--long .f-herohome__infos__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-herohome__infos--long .f-herohome__infos__titre {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 841px) {
.f-herohome__infos--long .f-herohome__infos__titre span {
max-width: 600px;
}
}
@media screen and (min-width: 841px) {
.f-herohome__visuel {
top: 0;
bottom: 0;
left: auto;
right: 0;
height: 100%;
width: 48.9%;
}
}
@media screen and (min-width: 841px) {
.f-herohome:before {
width: 48.9%;
bottom: 0;
left: auto;
right: 0;
height: 47vw;
z-index: 2;
background: transparent linear-gradient(-25deg, var(--black) 0 21vw, transparent 21vw 100vw);
}
}
@media screen and (min-width: 1320px) {
.f-herohome__infos__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 1320px) and (min-width: 841px) {
.f-herohome__infos__titre {
font-size: 68px;
line-height: 76px;
}
}
.f-icons__liste {
margin-top: 32px;
}
.f-icons__item {
margin-top: 16px;
padding-bottom: 18px;
}
.f-icons__item:last-child {
padding-bottom: 0px;
}
.f-icons__item__visuel {
width: 100px;
height: 54px;
margin-bottom: 20px;
}
.f-icons__item__visuel--dark {
display: none;
}
body.white .f-icons__item__visuel--bright {
display: none;
}
body.white .f-icons__item__visuel--dark {
display: block;
}
.f-icons__item__visuel img, .f-icons__item__visuel picture, .f-icons__item__visuel figure {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
}
.f-icons__item__titre {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
margin-bottom: 8px;
color: var(--white);
}
@media screen and (min-width: 841px) {
.f-icons__item__titre {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
@media screen and (min-width: 841px) {
.f-icons__item__titre {
font-size: 20px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-icons__item__texte {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.f-icons__item__texte:is(strong),
.f-icons__item__texte strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-icons__item__texte {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
@media screen and (min-width: 841px) {
.f-icons__liste {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 calc(0px - 0.5 * var(--margin));
}
.f-icons__item {
margin-top: 48px;
margin-left: calc(0.5 * var(--margin));
margin-right: calc(0.5 * var(--margin));
padding-bottom: 0;
}
.f-icons__item:nth-child(n) {
flex: 1 1;
width: calc(25% - var(--margin));
max-width: calc(25% - var(--margin));
min-width: calc(25% - var(--margin));
}
.f-icons__item:nth-child(1), .f-icons__item:nth-child(2), .f-icons__item:nth-child(3), .f-icons__item:nth-child(4) {
width: auto;
min-width: calc(25% - var(--margin));
max-width: 50%;
}
.f-icons__item:nth-child(1):nth-last-child(1) .f-icons__item__titre, .f-icons__item:nth-child(1):nth-last-child(2) .f-icons__item__titre, .f-icons__item:nth-child(2):nth-last-child(1) .f-icons__item__titre, .f-icons__item:nth-child(1):nth-last-child(3) .f-icons__item__titre, .f-icons__item:nth-child(2):nth-last-child(2) .f-icons__item__titre, .f-icons__item:nth-child(3):nth-last-child(1) .f-icons__item__titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-icons__item:nth-child(1):nth-last-child(1) .f-icons__item__titre, .f-icons__item:nth-child(1):nth-last-child(2) .f-icons__item__titre, .f-icons__item:nth-child(2):nth-last-child(1) .f-icons__item__titre, .f-icons__item:nth-child(1):nth-last-child(3) .f-icons__item__titre, .f-icons__item:nth-child(2):nth-last-child(2) .f-icons__item__titre, .f-icons__item:nth-child(3):nth-last-child(1) .f-icons__item__titre {
font-size: 34px;
line-height: 42px;
}
}
@media screen and (min-width: 841px) {
.f-icons__item__visuel {
width: 130px;
height: 64px;
margin-bottom: 20px;
}
}
@media screen and (min-width: 841px) {
.f-icons__item__titre {
margin-bottom: 8px;
}
}
@media screen and (min-width: 841px) {
.f-icons__item__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
}
.f-icons__item__texte:is(strong),
.f-icons__item__texte strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-icons__item__texte {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-imgText__ctn {
display: flex;
flex-direction: column;
}
.f-imgText__ctn-img {
margin-bottom: 32px;
}
.f-imgText__ctn-img figcaption {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: #808080;
font-style: normal;
}
.f-imgText__ctn-img figcaption:is(strong),
.f-imgText__ctn-img figcaption strong {
font-weight: 500;
}
.f-imgText__ctn-img .c-img figure {
display: block;
}
.f-imgText__ctn-title {
color: var(--white);
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 16px;
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-title {
font-size: 34px;
line-height: 42px;
}
}
.f-imgText__ctn-text {
color: var(--white);
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 0;
}
.f-imgText__ctn-text:is(strong),
.f-imgText__ctn-text strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-text {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-imgText__ctn-text h1,
.f-imgText__ctn-text h2,
.f-imgText__ctn-text h3,
.f-imgText__ctn-text h4,
.f-imgText__ctn-text h5,
.f-imgText__ctn-text h6 {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
font-family: "Baikal";
font-weight: 500;
margin-bottom: 10px;
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-text h1,
.f-imgText__ctn-text h2,
.f-imgText__ctn-text h3,
.f-imgText__ctn-text h4,
.f-imgText__ctn-text h5,
.f-imgText__ctn-text h6 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-imgText__ctn-text p {
margin-bottom: 31px;
}
.f-imgText__ctn-link {
margin-top: 32px;
}
.f-imgText__ctn-link a,
.f-imgText__ctn-link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-link a,
.f-imgText__ctn-link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-imgText__ctn-link a span,
.f-imgText__ctn-link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-imgText__ctn-link a:not(.--noarrow):after,
.f-imgText__ctn-link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-imgText__ctn-link a:not(.--noarrow).download--:after,
.f-imgText__ctn-link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-imgText__ctn-link a:not(.--noarrow):hover,
.f-imgText__ctn-link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-imgText__ctn-link a:not(.--noarrow):hover:after,
.f-imgText__ctn-link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-imgText__ctn-link a:not(.--noarrow):hover span,
.f-imgText__ctn-link button:not(.--noarrow):hover span {
flex: 0;
}
.f-imgText__ctn-link a:focus-visible, .f-imgText__ctn-link a.--noarrow:hover,
.f-imgText__ctn-link button:focus-visible,
.f-imgText__ctn-link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-imgText__ctn-link a:focus-visible:after, .f-imgText__ctn-link a.--noarrow:hover:after,
.f-imgText__ctn-link button:focus-visible:after,
.f-imgText__ctn-link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-imgText__ctn-link.--secondary a,
.f-imgText__ctn-link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-imgText__ctn-link.--secondary a:after,
.f-imgText__ctn-link.--secondary button:after {
filter: var(--filterblue);
}
.f-imgText__ctn-link.--secondary a:before,
.f-imgText__ctn-link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-imgText__ctn-link.--secondary a:not(.--noarrow):hover,
.f-imgText__ctn-link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-imgText__ctn-link.--secondary a:not(.--noarrow):hover:after,
.f-imgText__ctn-link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-imgText__ctn-link.--secondary a.--noarrow:hover,
.f-imgText__ctn-link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-imgText__ctn-link.--secondary a:focus-visible,
.f-imgText__ctn-link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-imgText__ctn-link.--secondary a:focus-visible:before,
.f-imgText__ctn-link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-imgText__ctn-link.--secondary a:focus-visible:after,
.f-imgText__ctn-link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-link a,
.f-imgText__ctn-link button {
padding: 11px 17px;
}
}
@media screen and (max-width: 840px) {
.f-imgText__ctn.imagebottom {
flex-direction: column-reverse;
}
.f-imgText__ctn.imagebottom .f-imgText__ctn-img {
margin-bottom: 0;
margin-top: 26px;
}
}
.f-imgText__ctn .c-wysiwyg *:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 841px) {
.f-imgText__ctn {
margin-left: var(--colwidthmarged);
margin-right: var(--colwidthmarged);
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.f-imgText__ctn.reverse-- {
flex-direction: row-reverse;
}
.f-imgText__ctn-img {
width: calc(4 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
margin-bottom: 0;
}
.f-imgText__ctn-infos {
width: calc(5 * var(--colabsolutewidthmarged) - 2 * var(--margin));
margin-bottom: 0;
}
.f-imgText__ctn-title {
margin-bottom: 12px;
}
.f-imgText__ctn-text {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 0;
}
.f-imgText__ctn-text:is(strong),
.f-imgText__ctn-text strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-imgText__ctn-text {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-text h1,
.f-imgText__ctn-text h2,
.f-imgText__ctn-text h3,
.f-imgText__ctn-text h4,
.f-imgText__ctn-text h5,
.f-imgText__ctn-text h6 {
margin-bottom: 8px;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn-text p {
margin-bottom: 40px;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.one_tier {
align-items: flex-start;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.one_tier .f-imgText__ctn-img {
width: calc(4 * var(--colabsolutewidthmarged) + var(--colabsolutewidth) - var(--margin));
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.one_tier .f-imgText__ctn-infos {
margin-right: var(--margin);
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.one_tier .f-imgText__ctn-title {
margin-bottom: 24px;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.two_tier {
align-items: flex-start;
margin-left: 0;
margin-right: calc(0.52 * var(--colabsolutewidth));
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.two_tier.reverse-- {
margin-left: calc(0.52 * var(--colabsolutewidth));
margin-right: 0;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.two_tier .f-imgText__ctn-img {
width: calc(7 * var(--colabsolutewidthmarged) + 0.39 * var(--colabsolutewidth));
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.two_tier .f-imgText__ctn-infos {
width: calc(4 * var(--colabsolutewidthmarged) - 0.5 * var(--colabsolutewidth));
margin-right: 0;
margin-bottom: 0;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.two_tier .f-imgText__ctn-title {
margin-bottom: 32px;
}
}
@media screen and (min-width: 841px) {
.f-imgText__ctn.two_tier .f-imgText__ctn-text {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 300;
color: #808080;
letter-spacing: -0.005em;
margin-bottom: 0;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-imgText__ctn.two_tier .f-imgText__ctn-text {
font-size: 20px;
line-height: 28px;
}
}
.f-images .f__titre {
margin-bottom: var(--margin);
}
.f-images figure {
width: 100%;
}
.f-images figure img {
width: 100%;
height: auto;
}
.f-images figure figcaption {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
margin-top: 25px;
margin-left: 16px;
margin-right: 16px;
font-style: normal;
text-align: left;
color: #808080;
}
.f-images figure figcaption:is(strong),
.f-images figure figcaption strong {
font-weight: 500;
}
.f-images figure figcaption:before {
content: "Caption : ";
color: var(--white);
font-weight: 500;
}
.f-interactiveimage__titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 16px;
letter-spacing: -0.03em;
}
@media screen and (min-width: 841px) {
.f-interactiveimage__titre {
font-size: 34px;
line-height: 42px;
}
}
.f-interactiveimage__link a,
.f-interactiveimage__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-interactiveimage__link a,
.f-interactiveimage__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-interactiveimage__link a span,
.f-interactiveimage__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-interactiveimage__link a:not(.--noarrow):after,
.f-interactiveimage__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-interactiveimage__link a:not(.--noarrow).download--:after,
.f-interactiveimage__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-interactiveimage__link a:not(.--noarrow):hover,
.f-interactiveimage__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-interactiveimage__link a:not(.--noarrow):hover:after,
.f-interactiveimage__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-interactiveimage__link a:not(.--noarrow):hover span,
.f-interactiveimage__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-interactiveimage__link a:focus-visible, .f-interactiveimage__link a.--noarrow:hover,
.f-interactiveimage__link button:focus-visible,
.f-interactiveimage__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-interactiveimage__link a:focus-visible:after, .f-interactiveimage__link a.--noarrow:hover:after,
.f-interactiveimage__link button:focus-visible:after,
.f-interactiveimage__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-interactiveimage__link.--secondary a,
.f-interactiveimage__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-interactiveimage__link.--secondary a:after,
.f-interactiveimage__link.--secondary button:after {
filter: var(--filterblue);
}
.f-interactiveimage__link.--secondary a:before,
.f-interactiveimage__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-interactiveimage__link.--secondary a:not(.--noarrow):hover,
.f-interactiveimage__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-interactiveimage__link.--secondary a:not(.--noarrow):hover:after,
.f-interactiveimage__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-interactiveimage__link.--secondary a.--noarrow:hover,
.f-interactiveimage__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-interactiveimage__link.--secondary a:focus-visible,
.f-interactiveimage__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-interactiveimage__link.--secondary a:focus-visible:before,
.f-interactiveimage__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-interactiveimage__link.--secondary a:focus-visible:after,
.f-interactiveimage__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-interactiveimage__link a,
.f-interactiveimage__link button {
padding: 11px 17px;
}
}
.f-interactiveimage__link a {
padding: 10px 19px;
letter-spacing: 0em;
}
.f-interactiveimage__col--tabs {
margin-top: 32px;
}
.f-interactiveimage__image__liste {
position: relative;
margin-top: 32px;
}
.f-interactiveimage__image__item {
pointer-events: none;
position: absolute;
top: 0;
opacity: 0;
height: 0;
padding-bottom: 67.63%;
}
.f-interactiveimage__image__item img,
.f-interactiveimage__image__item figure,
.f-interactiveimage__image__item picture,
.f-interactiveimage__image__item video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.f-interactiveimage__image__item.selected {
opacity: 1;
position: relative;
}
.f-interactiveimage__tabs__liste {
padding: 17px 20px 16px 25px;
}
.f-interactiveimage__tabs__item {
color: var(--white);
margin-bottom: 24px;
}
.f-interactiveimage__tabs__item:last-child {
margin-bottom: 0;
}
.f-interactiveimage__tabs__button {
display: inline-block;
}
.f-interactiveimage__tabs__button.selected .f-interactiveimage__tabs__title {
color: #e60000;
}
.f-interactiveimage__tabs__button.selected .f-interactiveimage__tabs__subtitle {
color: #808080;
}
.f-interactiveimage__tabs__title {
font-size: 19px;
line-height: 27px;
margin-bottom: 3px;
transition: color var(--transition-fn) var(--transition-delay);
}
.f-interactiveimage__tabs__subtitle {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
}
.f-interactiveimage__tabs__subtitle:is(strong),
.f-interactiveimage__tabs__subtitle strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-interactiveimage__box {
display: flex;
margin-top: 59px;
}
.f-interactiveimage__titre {
margin-left: calc(2 * var(--colabsolutewidthmarged));
letter-spacing: 0;
margin-bottom: 39px;
}
.f-interactiveimage__link {
margin-left: calc(2 * var(--colabsolutewidthmarged));
}
.f-interactiveimage__link a {
padding: 10px 14px;
}
.f-interactiveimage__col--image {
flex: 0 0 calc(6 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
margin-right: var(--margin);
}
.f-interactiveimage__col--tabs {
margin-top: 0px;
}
.f-interactiveimage__image__liste {
margin-top: 0;
margin-left: calc(0px - var(--margin));
}
.f-interactiveimage__image__item {
padding-bottom: 60.41%;
}
.f-interactiveimage__tabs__item {
margin-bottom: 32px;
}
}
#nuevo-bloque-agencias .f-interactiveimage__image__liste {
color: white;
padding: 17px 20px 16px 25px;
}
#nuevo-bloque-agencias .f-interactiveimage__agency__link {
pointer-events: auto !important;
}
@media screen and (min-width: 841px) {
#nuevo-bloque-agencias .f-interactiveimage__box {
display: flex;
margin-top: 59px;
margin: 0 auto;
justify-content: center;
flex-direction: row-reverse;
}
#nuevo-bloque-agencias .f-interactiveimage__tabs__item {
margin-bottom: 10px;
}
#nuevo-bloque-agencias .f-interactiveimage__col--image {
flex: 0 0 calc(2 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
margin-right: 0;
margin-left: var(--margin);
}
#nuevo-bloque-agencias li.f-interactiveimage__agency__item {
padding-bottom: 10px;
}
#nuevo-bloque-agencias .f-interactiveimage__tabs__liste {
padding: 17px 50px 30px 25px;
}
}
.f-keyfigures__item {
margin-top: 20px;
}
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-family: "BaikalExpanded";
font-size: 40px;
line-height: 48px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
position: relative;
padding: 23px 10px 8px 0px;
text-align: center;
display: inline-block;
min-width: 70px;
}
@media screen and (min-width: 841px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-size: 64px;
line-height: 60px;
}
}
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre:before {
content: "";
position: absolute;
background: linear-gradient(-25deg, transparent 0% 29%, #e60000 30% 70%, transparent 71% 100%);
width: 68px;
height: 75px;
z-index: 0;
top: 0;
left: 0;
}
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre span {
z-index: 1;
position: relative;
}
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__texte:is(strong),
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__texte strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__texte {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item {
padding-left: 11px;
padding-bottom: 32px;
}
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
color: #e60000;
margin-bottom: 4px;
}
@media screen and (min-width: 841px) {
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-size: 56px;
line-height: 60px;
}
}
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__texte {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__texte:is(strong),
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__texte strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__texte {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (min-width: 841px) {
.f-keyfigures__liste {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 calc(0px - 0.5 * var(--margin));
}
.f-keyfigures__item {
margin-top: 48px;
margin-left: calc(0.5 * var(--margin));
margin-right: calc(0.5 * var(--margin));
}
.f-keyfigures__item:nth-child(n) {
flex: 1 1;
width: calc(25% - var(--margin));
max-width: calc(25% - var(--margin));
min-width: calc(25% - var(--margin));
}
.f-keyfigures__item:nth-child(1), .f-keyfigures__item:nth-child(2), .f-keyfigures__item:nth-child(3), .f-keyfigures__item:nth-child(4) {
width: auto;
min-width: calc(25% - var(--margin));
max-width: 50%;
}
.f-keyfigures__item:nth-child(1):nth-last-child(1) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(1):nth-last-child(2) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(2):nth-last-child(1) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(1):nth-last-child(3) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(2):nth-last-child(2) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(3):nth-last-child(1) .f-keyfigures__item__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-keyfigures__item:nth-child(1):nth-last-child(1) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(1):nth-last-child(2) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(2):nth-last-child(1) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(1):nth-last-child(3) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(2):nth-last-child(2) .f-keyfigures__item__titre, .f-keyfigures__item:nth-child(3):nth-last-child(1) .f-keyfigures__item__titre {
font-size: 68px;
line-height: 76px;
}
}
@media screen and (min-width: 841px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__liste {
justify-content: center;
}
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
min-width: 110px;
padding: 42px 4px 54px 0px;
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 841px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre:before {
width: 110px;
height: 125px;
}
}
@media screen and (min-width: 841px) {
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item {
padding-left: 31px;
padding-bottom: 60px;
}
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 8px;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 1320px) {
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 1320px) and (min-width: 841px) {
.f-keyfigures:not(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-size: 56px;
line-height: 60px;
}
}
@media screen and (min-width: 1320px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
}
}
@media screen and (min-width: 1320px) and (min-width: 841px) {
.f-keyfigures:is(.f-keyfigures--biseaux) .f-keyfigures__item__titre {
font-size: 56px;
line-height: 60px;
}
}
.f-leadership {
color: var(--white);
padding-bottom: calc(var(--marginV) - 33px);
}
.f-leadership__titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 32px;
}
@media screen and (min-width: 841px) {
.f-leadership__titre {
font-size: 34px;
line-height: 42px;
}
}
@media screen and (min-width: 841px) {
.f-leadership__titre {
margin-bottom: 40px;
}
}
.f-leadership__item {
margin-bottom: 33px;
}
.f-leadership__item__titre {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 500;
letter-spacing: 0em;
margin-bottom: 4px;
}
@media screen and (min-width: 841px) {
.f-leadership__item__titre {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width: 841px) {
.f-leadership__item__titre {
letter-spacing: 0.0125em;
}
}
.f-leadership__visuel {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
margin-bottom: 24px;
}
.f-leadership__visuel img,
.f-leadership__visuel figure,
.f-leadership__visuel picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: grayscale(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-leadership__link {
display: block;
}
.f-leadership__link:focus-visible .f-leadership__visuel img,
.f-leadership__link:focus-visible .f-leadership__visuel figure,
.f-leadership__link:focus-visible .f-leadership__visuel picture, .f-leadership__link:hover .f-leadership__visuel img,
.f-leadership__link:hover .f-leadership__visuel figure,
.f-leadership__link:hover .f-leadership__visuel picture {
filter: grayscale(0%);
}
.f-leadership__link:focus-visible {
outline: solid 2px var(--white);
}
.f-leadership__description {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
font-weight: 500;
color: #808080;
letter-spacing: 0;
margin-bottom: 24px;
}
.f-leadership__description:is(strong),
.f-leadership__description strong {
font-weight: 500;
}
.f-leadership__linkedin a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--white);
color: var(--black);
transition: all var(--transition-fn) var(--transition-delay);
}
.f-leadership__linkedin a i {
font-size: 13px;
}
.f-leadership__linkedin a:hover, .f-leadership__linkedin a:focus-visible {
background-color: #008596;
color: var(--white);
}
.f-leadership__linkedin a:focus-visible {
outline: solid 2px var(--white);
}
@media screen and (min-width: 841px) {
.f-leadership {
padding-bottom: calc(var(--marginV) - 43px);
}
.f-leadership__liste {
display: flex;
flex-wrap: wrap;
margin: 0 calc(-0.5 * var(--margin));
}
.f-leadership__item {
flex: 0 0 calc(2 * var(--colwidthFlexmarged) + var(--colwidthFlex));
margin: 0 calc(0.5 * var(--margin));
margin-bottom: 43px;
}
.f-leadership__description {
margin-bottom: 16px;
}
}
.f-logos {
padding-bottom: calc(var(--marginV) - var(--margin));
}
.f-logos__texte {
color: var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
margin-top: var(--margin);
}
.f-logos__texte:is(strong),
.f-logos__texte strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-logos__texte {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-logos__liste {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: calc(2 * var(--margin));
}
.f-logos__item {
flex: 0 0 calc(33.33333% - 2 * var(--margin));
margin: 0 var(--margin) calc(1.5 * var(--margin));
height: 54px;
}
.f-logos__item img,
.f-logos__item picture,
.f-logos__item figure {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
filter: var(--filterblack);
}
@media screen and (min-width: 841px) {
.f-logos__texte {
margin: 24px var(--colabsolutewidthmarged) 0;
}
.f-logos__liste {
margin-top: 36px;
}
.f__titre + .f-logos__liste {
margin-top: calc(2 * var(--margin));
}
.f-logos__item {
height: 64px;
flex: 0 0 calc(20% - var(--margin));
margin: 0 calc(0.5 * var(--margin)) var(--margin);
}
}
.f-list__titre {
margin-bottom: 32px;
}
.f-list__titre--moremargin {
margin-bottom: 40px;
}
.f-list__list {
display: flex;
overflow: auto;
padding: 0px var(--margin);
scrollbar-width: none;
}
.f-list__list::-webkit-scrollbar {
display: none;
}
.f-list__item {
margin-right: var(--margin);
flex: 0 0 310px;
}
.f-list__item:last-child {
margin-right: 0;
}
.f-list__item__box {
padding: 17px 12px 0px;
}
.f-list__item__box--lesspadding {
padding: 18px 0px 0px;
}
.f-list__item__category {
color: var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 5px;
}
@media screen and (min-width: 841px) {
.f-list__item__category {
font-size: 18px;
line-height: 24px;
}
}
.f-list__item__category span {
color: #e60000;
}
.f-list__item__category--smaller {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
margin-bottom: 7px;
}
.f-list__item__category--smaller:is(strong),
.f-list__item__category--smaller strong {
font-weight: 500;
}
.f-list__item__tags {
color: var(--white);
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
text-transform: uppercase;
color: #666666;
}
.f-list__item__tags:is(strong),
.f-list__item__tags strong {
font-weight: 500;
}
.f-list__item__link__visuel {
overflow: hidden;
}
.f-list__item__link__visuel img {
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-list__item__link:hover .f-list__item__link__visuel img, .f-list__item__link:focus-visible .f-list__item__link__visuel img {
transform: scale(1.1);
}
.f-list__item__link__titre, .f-list__item__link__title {
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: transparent;
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-list__item__link:hover .f-list__item__link__titre, .f-list__item__link:hover .f-list__item__link__title, .f-list__item__link:focus-visible .f-list__item__link__titre, .f-list__item__link:focus-visible .f-list__item__link__title {
text-decoration-color: var(--white);
}
.f-list__item__link:focus-visible {
display: block;
outline: solid 2px;
}
.f-list__item__link__title {
color: var(--white);
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
margin-bottom: 22px;
}
@media screen and (min-width: 841px) {
.f-list__item__link__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-list__item__link__visuel {
width: 100%;
height: 0;
padding-bottom: 59.5%;
position: relative;
}
.f-list__item__link__visuel--type2 {
padding-bottom: 78.13%;
}
.f-list__item__link__visuel img,
.f-list__item__link__visuel figure,
.f-list__item__link__visuel picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.f-list .sep {
color: #e60000;
}
@media screen and (min-width: 841px) {
.f-list__titre {
margin-left: var(--colabsolutewidth);
margin-bottom: 40px;
}
.f-list__list {
padding: 0;
}
.f-list__item {
flex: 0 0 calc(3 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-list__item__visuel {
padding-bottom: 59.5%;
}
.f-list__item__box {
padding: 30px 0px 0px;
}
.f-list__item__box--lesspadding {
padding: 30px 0px 9px;
}
.f-list__item__category--smaller {
margin-bottom: 12px;
}
}
.f-press__ctn:not(:first-child) {
margin-top: 45px;
}
.f-press__ctn ul {
margin-top: 30px;
}
.f-press__ctn-item {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-direction: row;
flex-wrap: nowrap;
padding-bottom: 12px;
border-bottom: 2px solid #000;
font-family: "BaikalExpanded";
font-weight: 500;
}
@media screen and (max-width: 991px) {
.f-press__ctn-item {
display: block;
}
}
.f-press__ctn-item + .f-press__ctn-item {
margin-top: 19px;
}
.f-press__ctn-item > div:first-child {
padding-right: 30px;
padding-bottom: 3px;
}
@media screen and (max-width: 991px) {
.f-press__ctn-item > div:first-child {
padding-right: 0;
padding-bottom: 15px;
}
}
.f-press__ctn-item-date {
font-size: 16px;
line-height: 1.44;
color: #969696;
}
.f-press__ctn-item-title {
font-size: 20px;
line-height: 1.4;
color: #000;
}
.f-wysiwyg__column[data-colcount="2"], .f-wysiwyg__column[data-colcount="3"] {
display: flex;
justify-content: initial;
align-items: initial;
flex-direction: row;
flex-wrap: nowrap;
margin-left: -20px;
margin-right: -20px;
}
@media screen and (max-width: 767px) {
.f-wysiwyg__column[data-colcount="2"], .f-wysiwyg__column[data-colcount="3"] {
display: block;
}
}
.f-wysiwyg__column[data-colcount="2"] > *, .f-wysiwyg__column[data-colcount="3"] > * {
flex: 1 1 0;
margin-left: 20px;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.f-wysiwyg__column[data-colcount="2"] > *:not(:first-child), .f-wysiwyg__column[data-colcount="3"] > *:not(:first-child) {
margin-top: 15px;
}
}
.f-news {
color: var(--white);
margin-bottom: 10px;
display: block;
}
.f-news__visuel {
overflow: hidden;
}
.f-news__visuel img {
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-news:hover .f-news__visuel img, .f-news:focus-visible .f-news__visuel img {
transform: scale(1.1);
}
.f-news__titre, .f-news__title {
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: transparent;
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.f-news:hover .f-news__titre, .f-news:hover .f-news__title, .f-news:focus-visible .f-news__titre, .f-news:focus-visible .f-news__title {
text-decoration-color: var(--white);
}
.f-news:focus-visible {
display: block;
outline: solid 2px;
}
.f-news__visuel {
width: 100%;
height: 0;
padding-bottom: 67.84%;
position: relative;
margin-bottom: 23px;
}
.f-news__visuel img,
.f-news__visuel figure,
.f-news__visuel picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.f-news__infos {
margin-bottom: 7px;
display: flex;
align-items: center;
}
.f-news__type {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
font-weight: 500;
letter-spacing: 0em;
color: var(--white);
}
.f-news__type:is(strong),
.f-news__type strong {
font-weight: 500;
}
.f-news__sep {
width: 1px;
height: 20px;
background-color: #e60000;
display: inline-block;
margin: 0px 11px 0px 13px;
}
.f-news__date {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: #757575;
}
.f-news__date:is(strong),
.f-news__date strong {
font-weight: 500;
}
.f-news__titre {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.f-news__titre {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
@media screen and (min-width: 841px) {
.f-news__visuel {
padding-bottom: 58.65%;
margin-bottom: 31px;
}
.f-news__infos {
margin-bottom: 12px;
}
.f-news__titre {
letter-spacing: -0.005em;
}
}
.f-newsinsights {
--marginOtherPodcast: 15px;
}
.f-newsinsights__titre {
margin-bottom: 16px;
}
.f-newsinsights__link {
margin-bottom: 32px;
}
.f-newsinsights__link a,
.f-newsinsights__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-newsinsights__link a,
.f-newsinsights__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-newsinsights__link a span,
.f-newsinsights__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-newsinsights__link a:not(.--noarrow):after,
.f-newsinsights__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-newsinsights__link a:not(.--noarrow).download--:after,
.f-newsinsights__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-newsinsights__link a:not(.--noarrow):hover,
.f-newsinsights__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-newsinsights__link a:not(.--noarrow):hover:after,
.f-newsinsights__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-newsinsights__link a:not(.--noarrow):hover span,
.f-newsinsights__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-newsinsights__link a:focus-visible, .f-newsinsights__link a.--noarrow:hover,
.f-newsinsights__link button:focus-visible,
.f-newsinsights__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-newsinsights__link a:focus-visible:after, .f-newsinsights__link a.--noarrow:hover:after,
.f-newsinsights__link button:focus-visible:after,
.f-newsinsights__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-newsinsights__link.--secondary a,
.f-newsinsights__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-newsinsights__link.--secondary a:after,
.f-newsinsights__link.--secondary button:after {
filter: var(--filterblue);
}
.f-newsinsights__link.--secondary a:before,
.f-newsinsights__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-newsinsights__link.--secondary a:not(.--noarrow):hover,
.f-newsinsights__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-newsinsights__link.--secondary a:not(.--noarrow):hover:after,
.f-newsinsights__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-newsinsights__link.--secondary a.--noarrow:hover,
.f-newsinsights__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-newsinsights__link.--secondary a:focus-visible,
.f-newsinsights__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-newsinsights__link.--secondary a:focus-visible:before,
.f-newsinsights__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-newsinsights__link.--secondary a:focus-visible:after,
.f-newsinsights__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-newsinsights__link a,
.f-newsinsights__link button {
padding: 11px 17px;
}
}
.f-newsinsights__link a {
padding: 10px 19px;
letter-spacing: 0;
}
.f-newsinsights__podcast__surtitre {
color: var(--white);
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
font-weight: 500;
font-weight: 500;
font-size: 13px;
margin-bottom: 10px;
}
.f-newsinsights__podcast__surtitre:is(strong),
.f-newsinsights__podcast__surtitre strong {
font-weight: 500;
}
.f-newsinsights__podcast__titre {
color: var(--white);
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
margin-bottom: 31px;
}
@media screen and (min-width: 841px) {
.f-newsinsights__podcast__titre {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-newsinsights__podcast__iframe {
margin-bottom: 30px;
}
.f-newsinsights__col--main {
margin-bottom: 17px;
}
.f-newsinsights .f-news {
padding-bottom: 24px;
margin-bottom: 31px;
}
.f-newsinsights .f-newsinsights__col--news3 .f-news:first-child {
background: none !important;
}
.f-newsinsights .f-newsinsights__col--news .f-news:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 841px) {
.f-newsinsights--withPodcast {
padding-bottom: calc(var(--marginV) - 11px);
}
.f-newsinsights__titre {
margin-bottom: 32px;
}
.f-newsinsights__link {
margin-left: calc(var(--colwidth) + var(--margin));
margin-bottom: 40px;
}
.f-newsinsights__cols {
display: flex;
justify-content: space-between;
}
.f-newsinsights .f-news {
padding-bottom: 31px;
}
.f-newsinsights__col--main {
width: calc(7 * var(--colwidthmarged) + var(--colwidth));
margin-bottom: 0;
}
.f-newsinsights__col--main .f-news {
margin-bottom: 67px;
}
.f-newsinsights__col--main .f-news:last-child {
margin-bottom: 0;
background: none !important;
padding-bottom: 20px;
}
.f-newsinsights__col--news {
width: calc(3 * var(--colwidthmarged) + var(--colwidth));
}
.f-newsinsights__col--news .f-news {
margin-bottom: 30px;
}
.f-newsinsights .f-newsinsights__col--news3 .f-news:first-child {
margin-bottom: 4px;
}
.f-newsinsights .f-newsinsights__col--news2 .f-news:last-child {
background: none !important;
padding-bottom: 20px;
}
.f-newsinsights .f-podcast__links {
margin-bottom: 0;
}
.f-newsinsights__podcast__surtitre {
margin-bottom: 8px;
letter-spacing: 0.01em;
}
.f-newsinsights__podcast__titre {
margin-bottom: 24px;
letter-spacing: 0em;
}
.f-newsinsights__podcast__iframe {
margin-bottom: 43px;
}
}
.f-offices {
color: var(--white);
}
.f-offices__col--search {
position: sticky;
top: 50px;
background-color: var(--black);
z-index: 5;
}
.f-offices__col--search2 {
z-index: 6;
position: relative;
}
@media screen and (max-width: 840px) {
.f-offices__col--search {
top: 0px;
padding-top: 60px;
margin-top: -60px;
}
}
.f-offices__titre {
margin-bottom: 25px;
}
.f-offices__titre--desktop {
display: none;
}
.f-offices__field {
margin-bottom: 24px;
position: relative;
z-index: 1;
}
.f-offices__field:last-child {
margin-bottom: 9px;
}
.f-offices__field--search {
display: none;
position: relative;
}
.f-offices__field--search input {
width: 100%;
border: none;
border-bottom: solid 1px var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 500;
padding: 3px 55px 13px;
}
.f-offices__field--search input:is(strong),
.f-offices__field--search input strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-offices__field--search input {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-offices__field--search:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
position: absolute;
top: 6px;
left: 17px;
transform: scaleX(-1);
}
.f-offices__field.is-open {
z-index: 10;
}
.f-offices[data-agency] .f-offices__field.entity {
display: none;
}
.f-offices__item {
padding-bottom: 31px;
padding-top: 31px;
}
.f-offices__item:last-child {
background: none !important;
}
.f-offices__item__titre {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 400;
font-weight: 500;
margin-bottom: 7px;
}
@media screen and (min-width: 841px) {
.f-offices__item__titre {
font-size: 18px;
line-height: 24px;
}
}
.f-offices__item__adresse {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 16px;
}
.f-offices__item__adresse:is(strong),
.f-offices__item__adresse strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-offices__item__adresse {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-offices__item__contact {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
}
.f-offices__item__contact:is(strong),
.f-offices__item__contact strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-offices__item__contact {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-offices__loadmore {
text-align: center;
margin-top: 9px;
margin-bottom: 15px;
}
.f-offices__loadmore a,
.f-offices__loadmore button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-offices__loadmore a,
.f-offices__loadmore button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-offices__loadmore a span,
.f-offices__loadmore button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-offices__loadmore a:not(.--noarrow):after,
.f-offices__loadmore button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-offices__loadmore a:not(.--noarrow).download--:after,
.f-offices__loadmore button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-offices__loadmore a:not(.--noarrow):hover,
.f-offices__loadmore button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-offices__loadmore a:not(.--noarrow):hover:after,
.f-offices__loadmore button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-offices__loadmore a:not(.--noarrow):hover span,
.f-offices__loadmore button:not(.--noarrow):hover span {
flex: 0;
}
.f-offices__loadmore a:focus-visible, .f-offices__loadmore a.--noarrow:hover,
.f-offices__loadmore button:focus-visible,
.f-offices__loadmore button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-offices__loadmore a:focus-visible:after, .f-offices__loadmore a.--noarrow:hover:after,
.f-offices__loadmore button:focus-visible:after,
.f-offices__loadmore button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-offices__loadmore.--secondary a,
.f-offices__loadmore.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-offices__loadmore.--secondary a:after,
.f-offices__loadmore.--secondary button:after {
filter: var(--filterblue);
}
.f-offices__loadmore.--secondary a:before,
.f-offices__loadmore.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-offices__loadmore.--secondary a:not(.--noarrow):hover,
.f-offices__loadmore.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-offices__loadmore.--secondary a:not(.--noarrow):hover:after,
.f-offices__loadmore.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-offices__loadmore.--secondary a.--noarrow:hover,
.f-offices__loadmore.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-offices__loadmore.--secondary a:focus-visible,
.f-offices__loadmore.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-offices__loadmore.--secondary a:focus-visible:before,
.f-offices__loadmore.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-offices__loadmore.--secondary a:focus-visible:after,
.f-offices__loadmore.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-offices__loadmore a,
.f-offices__loadmore button {
padding: 11px 17px;
}
}
.f-offices__loadmore.hidden {
display: none;
}
.f-offices__infos {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
text-align: center;
letter-spacing: 0em;
}
.f-offices__infos:is(strong),
.f-offices__infos strong {
font-weight: 500;
}
.f-offices .custom-select-container {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 500;
width: 100%;
}
.f-offices .custom-select-container:is(strong),
.f-offices .custom-select-container strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-offices .custom-select-container {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-offices .custom-select-container.is-open .custom-select-opener {
border: solid 1px var(--white);
}
.f-offices .custom-select-container.is-open .custom-select-panel {
border: solid 1px var(--white);
max-height: 16.7em;
}
.f-offices .custom-select-option {
cursor: pointer;
}
.f-offices .custom-select-option.disabled {
cursor: default;
pointer-events: none;
opacity: 0.25;
display: none;
}
.f-offices .custom-select-opener {
background-color: transparent;
border: solid 1px var(--white);
position: relative;
padding: 8px 14px;
}
.f-offices .custom-select-opener:after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
font-size: 10px;
position: absolute;
right: 19px;
top: 16px;
}
.f-offices .custom-select-panel {
background-color: var(--grayreverse);
color: var(--white);
transition: max-height 0.2s ease-out, overflow-y 0.1s 0.2s;
}
.f-offices .custom-select-option.is-selected {
background-color: transparent;
}
.f-offices select {
width: 100%;
}
@media screen and (min-width: 841px) {
.f-offices__cols {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.f-offices__col--search {
margin-left: var(--colwidthmarged);
width: calc(2 * var(--colwidthmarged) + var(--colwidth));
}
.f-offices__col--result {
margin-right: var(--colwidthmarged);
width: calc(5 * var(--colwidthmarged) + var(--colwidth));
}
.f-offices__titre {
margin-left: 0;
}
.f-offices__titre--desktop {
display: block;
}
.f-offices__titre--mobile {
display: none;
}
.f-offices__field--search {
display: block;
}
.f-offices__field:last-child {
margin-bottom: 0;
}
.f-offices__item {
padding-top: 0;
padding-bottom: 15px;
margin-bottom: 32px;
}
.f-offices__item:last-child {
margin-bottom: 0px;
padding-bottom: 16px;
}
.f-offices__item__titre {
margin-bottom: 8px;
}
.f-offices__item__cols {
display: flex;
justify-content: space-between;
}
.f-offices__item__adresse {
letter-spacing: 0;
flex: 0 0 calc(50% - 0.5 * var(--margin));
}
.f-offices__item__contact {
letter-spacing: 0;
flex: 0 0 calc(50% - 0.5 * var(--margin));
}
.f-offices__loadmore a,
.f-offices__loadmore button {
padding: 9px 17px;
}
.f-offices .custom-select-opener {
border: solid 1px transparent;
}
}
.f-podcast {
--variablepath: var(--gray);
--marginOtherPodcast: 15px;
background-color: var(--gray);
padding: var(--marginV) 0px calc(var(--marginV) - var(--marginOtherPodcast));
}
.f-podcast__titre {
color: var(--black);
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 20px;
}
@media screen and (min-width: 841px) {
.f-podcast__titre {
font-size: 40px;
line-height: 48px;
}
}
.f-podcast__wysiwyg {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
color: var(--black);
margin-bottom: 32px;
}
.f-podcast__wysiwyg:is(strong),
.f-podcast__wysiwyg strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-podcast__wysiwyg {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-podcast__iframe {
margin-bottom: 31px;
height: 428px;
}
.f-podcast__otherspodcasts--desktop {
display: none;
}
.f-podcast__otherspodcasts--mobile {
display: block;
}
.f-podcast .tac_activate {
padding: 100px 0;
}
.f-podcast__links {
border: solid 1px var(--black);
color: var(--black);
font-family: "Baikal";
font-size: 9px;
line-height: 6px;
letter-spacing: 0.02em;
font-weight: 300;
display: inline-flex;
flex-direction: column;
padding: 10px 5px 3px 41px;
margin-right: 12px;
margin-bottom: var(--marginOtherPodcast);
position: relative;
min-height: 41px;
justify-content: center;
padding: 0px 7px 0px 38px;
line-height: 9px;
}
.f-podcast__links strong {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
@media screen and (min-width: 841px) {
.f-podcast__links {
font-size: 9px;
line-height: 4px;
}
.f-podcast__links strong {
font-size: 15px;
line-height: 22px;
}
}
.f-podcast__links strong {
line-height: 17px;
}
.f-podcast__links:hover, .f-podcast__links:focus-visible {
border-color: #008596;
outline-color: #008596;
}
.f-podcast__links:before {
content: "";
position: absolute;
width: 26px;
height: 26px;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
left: 8px;
top: 7px;
filter: var(--filterblack);
}
.f-podcast__links--acast:before {
border-radius: 50%;
background-image: url('data:image/svg+xml;utf8,');
}
.f-podcast__links--spotify:before {
background-size: 85%;
border-radius: 50%;
background-image: url('data:image/svg+xml;utf8,');
}
.f-podcast__links--apple:before {
border-radius: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.f-podcast__links--reverse {
border: solid 1px var(--white);
color: var(--white);
}
.f-podcast__links--reverse:before {
filter: var(--filterwhite);
}
@media screen and (min-width: 841px) {
.f-podcast {
padding: var(--marginV) 0px var(--marginV);
}
.f-podcast__container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.f-podcast__col--infos {
margin-top: -22px;
margin-left: var(--colabsolutewidthmarged);
flex: 0 0 calc(3 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-podcast__col--iframe {
margin-right: var(--colabsolutewidthmarged);
flex: 0 0 calc(5 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-podcast__titre {
margin-left: 0;
margin-bottom: 32px;
}
.f-podcast__wysiwyg {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 28px;
}
.f-podcast__wysiwyg:is(strong),
.f-podcast__wysiwyg strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-podcast__wysiwyg {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (min-width: 841px) {
.f-podcast__otherspodcasts--mobile {
display: none;
}
.f-podcast__otherspodcasts--desktop {
display: block;
}
}
@media screen and (min-width: 841px) {
.f-podcast__links {
padding: 10px 7px 3px 38px;
margin-right: 10px;
margin-bottom: 11px;
padding: 0px 7px 0px 38px;
line-height: 9px;
}
.f-podcast__links:last-child {
margin-right: 80px;
}
.f-podcast__links:before {
left: 6px;
top: 6px;
}
}
@media screen and (min-width: 841px) {
.f-podcast__iframe {
height: 524px;
margin-bottom: 0;
}
}
.f-quote {
padding-top: calc(var(--marginV) + 70px);
}
.f-quote .f__titre {
display: none;
}
.f-quote__ctn-text-quote {
color: var(--white);
position: relative;
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
font-family: "Baikal";
font-weight: 500;
margin-bottom: 24px;
}
@media screen and (min-width: 841px) {
.f-quote__ctn-text-quote {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.f-quote__ctn-text-quote:before {
content: "“";
z-index: 0;
display: block;
position: absolute;
top: -44px;
left: -3px;
font-size: 125px;
font-family: "BaikalExpanded";
line-height: 80px;
font-weight: 800;
color: #e60000;
}
.f-quote__ctn-text-quote blockquote {
z-index: 1;
position: relative;
}
.f-quote__ctn-text-quote--bigger {
font-family: "BaikalExpanded";
font-size: 28px;
line-height: 36px;
letter-spacing: 0.005em;
font-weight: 400;
margin-bottom: 31px;
}
@media screen and (min-width: 841px) {
.f-quote__ctn-text-quote--bigger {
font-size: 40px;
line-height: 46px;
letter-spacing: 0.02em;
}
}
.f-quote__ctn-text-author {
color: #e60000;
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-family: "BaikalExpanded";
font-weight: 500;
display: flex;
}
@media screen and (min-width: 841px) {
.f-quote__ctn-text-author {
font-size: 20px;
line-height: 28px;
}
}
.f-quote__ctn-text-position {
color: #808080;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
display: block;
margin-top: 4px;
}
.f-quote__ctn-text-position:is(strong),
.f-quote__ctn-text-position strong {
font-weight: 500;
}
.f-quote__ctn-img {
width: 48px;
height: 48px;
margin-top: 2px;
margin-right: 12px;
}
.f-quote__ctn-img img, .f-quote__ctn-img figure {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
}
@media screen and (min-width: 841px) {
.f-quote {
padding-top: calc(var(--marginV) + 20px);
}
.f-quote__ctn {
margin-left: calc(var(--margin) + 1.5 * var(--colwidth));
margin-right: calc(2 * var(--colwidthmarged));
}
.f-quote__ctn-text-quote {
margin-bottom: 32px;
}
.f-quote__ctn-text-quote:before {
top: -12px;
left: -44px;
font-size: 162px;
}
.f-quote__ctn-text-quote--bigger {
margin-bottom: 34px;
}
.f-quote__ctn-text-quote--bigger:before {
top: -4px;
left: -44px;
}
.f-quote__ctn-img {
width: 58px;
height: 58px;
margin-top: 2px;
margin-right: 17px;
}
}
@media screen and (min-width: 1320px) {
.f-quote__ctn {
margin-right: calc(4 * var(--colwidthmarged));
}
}
.f-relatedcontent__item {
background: linear-gradient(-25deg, transparent 0 45px, var(--dark) 45px 100%);
margin-bottom: 32px;
padding: 32px;
min-height: 360px;
display: flex;
flex-direction: column;
justify-content: center;
}
.f-relatedcontent__item:last-child {
margin-bottom: 0;
}
.f-relatedcontent__surtitle {
color: var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.f-relatedcontent__surtitle {
font-size: 20px;
line-height: 28px;
}
}
.f-relatedcontent__title {
color: var(--white);
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.f-relatedcontent__title {
font-size: 34px;
line-height: 42px;
}
}
.f-relatedcontent__surtitle + .f-relatedcontent__title {
margin-top: 10px;
}
.f-relatedcontent__text {
color: var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
margin-top: 10px;
line-height: 28.5px;
letter-spacing: 0em;
}
@media screen and (min-width: 841px) {
.f-relatedcontent__text {
font-size: 20px;
line-height: 28px;
}
}
.f-relatedcontent__link {
margin-top: 33px;
}
.f-relatedcontent__link a,
.f-relatedcontent__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-relatedcontent__link a,
.f-relatedcontent__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-relatedcontent__link a span,
.f-relatedcontent__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-relatedcontent__link a:not(.--noarrow):after,
.f-relatedcontent__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-relatedcontent__link a:not(.--noarrow).download--:after,
.f-relatedcontent__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-relatedcontent__link a:not(.--noarrow):hover,
.f-relatedcontent__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-relatedcontent__link a:not(.--noarrow):hover:after,
.f-relatedcontent__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-relatedcontent__link a:not(.--noarrow):hover span,
.f-relatedcontent__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-relatedcontent__link a:focus-visible, .f-relatedcontent__link a.--noarrow:hover,
.f-relatedcontent__link button:focus-visible,
.f-relatedcontent__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-relatedcontent__link a:focus-visible:after, .f-relatedcontent__link a.--noarrow:hover:after,
.f-relatedcontent__link button:focus-visible:after,
.f-relatedcontent__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-relatedcontent__link.--secondary a,
.f-relatedcontent__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-relatedcontent__link.--secondary a:after,
.f-relatedcontent__link.--secondary button:after {
filter: var(--filterblue);
}
.f-relatedcontent__link.--secondary a:before,
.f-relatedcontent__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-relatedcontent__link.--secondary a:not(.--noarrow):hover,
.f-relatedcontent__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-relatedcontent__link.--secondary a:not(.--noarrow):hover:after,
.f-relatedcontent__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-relatedcontent__link.--secondary a.--noarrow:hover,
.f-relatedcontent__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-relatedcontent__link.--secondary a:focus-visible,
.f-relatedcontent__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-relatedcontent__link.--secondary a:focus-visible:before,
.f-relatedcontent__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-relatedcontent__link.--secondary a:focus-visible:after,
.f-relatedcontent__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-relatedcontent__link a,
.f-relatedcontent__link button {
padding: 11px 17px;
}
}
.f-relatedcontent__link a {
padding: 12px 21px;
letter-spacing: 0.6px;
}
@media screen and (min-width: 841px) {
.f-relatedcontent__list {
display: flex;
justify-content: space-between;
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--colabsolutewidthmarged);
}
.f-relatedcontent__item {
padding: 32px;
min-height: 408px;
background: linear-gradient(-25deg, transparent 0 75px, var(--dark) 75px 100%);
margin-bottom: 0;
}
.f-relatedcontent__item:nth-child(1) {
flex: 0 0 calc(5 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-relatedcontent__item:nth-child(2) {
flex: 0 0 calc(3 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-relatedcontent__title {
font-family: "BaikalExpanded";
font-size: 28px;
line-height: 36px;
letter-spacing: 0.005em;
font-weight: 400;
letter-spacing: -0.01em !important;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-relatedcontent__title {
font-size: 40px;
line-height: 46px;
letter-spacing: 0.02em;
}
}
@media screen and (min-width: 841px) {
.f-relatedcontent__surtitle + .f-relatedcontent__title {
margin-top: 16px;
}
}
@media screen and (min-width: 841px) {
.f-relatedcontent__text {
margin-top: 16px;
}
}
@media screen and (min-width: 841px) {
.f-relatedcontent__link a {
padding: 9px 14px;
letter-spacing: 0px;
}
}
@media screen and (min-width: 841px) {
.f-relatedcontent__list.oneblock .f-relatedcontent__item {
background: linear-gradient(-25deg, var(--dark) 0 calc(1.5 * var(--colabsolutewidthmarged)), transparent calc(1.5 * var(--colabsolutewidthmarged)) calc(2.7 * var(--colabsolutewidthmarged)), var(--dark) calc(2.7 * var(--colabsolutewidthmarged)) 100%);
flex: 0 0 100%;
position: relative;
overflow: hidden;
padding: 32px 105px;
}
.f-relatedcontent__list.oneblock .f-relatedcontent__item:before {
content: "";
position: absolute;
background-color: var(--dark);
border: solid 1px #008596;
top: 0;
right: 0;
width: calc(4 * var(--colabsolutewidthmarged));
height: calc(100% - 137px);
transform: skewY(-25deg);
transform-origin: right top;
}
}
@media screen and (min-width: 841px) {
.f-relatedcontent__list.oneblock .f-relatedcontent__surtitle, .f-relatedcontent__list.oneblock .f-relatedcontent__title, .f-relatedcontent__list.oneblock .f-relatedcontent__text {
width: calc(4 * var(--colabsolutewidthmarged));
}
}
@media screen and (min-width: 1320px) {
.f-relatedcontent__item {
padding: 55px;
}
.f-relatedcontent__list.oneblock .f-relatedcontent__item {
padding: 55px 105px;
}
}
@media screen and (min-width: 992px) {
.f-slider.textImg-- .f-slider__navigation {
margin-bottom: -25px;
}
}
.f-slider.textImg-- .f-slider__navigation.reverse-- {
justify-content: flex-start;
}
.f-slider.textImg-- .f-slider__ctn-item {
text-align: left;
}
.f-slider.textImg-- .f-imgText__ctn-text {
padding-top: 25px;
padding-bottom: 25px;
}
.f-slider.textImgSlider--.single-- .f-slider__navigation {
margin-bottom: 0;
margin-top: 24px;
}
.f-slider.textImgSlider--.single-- .f-imgText__ctn-img {
width: 39.6%;
min-width: 39.6%;
}
@media screen and (max-width: 991px) {
.f-slider.textImgSlider--.single-- .f-imgText__ctn-img {
width: calc(100% - 40px);
min-width: calc(100% - 40px);
}
}
.f-slider.multi-- .f-slider__navigation {
margin-bottom: 42px;
}
.f-slider.multi-- .swiper-wrapper {
height: auto;
align-items: flex-start;
}
.f-slider.multi-- .swiper-slide {
width: 248px;
}
.f-slider.multi-- .swiper-slide--verticalimagetext {
width: calc(3.27 * var(--colabsolutewidthmarged) + var(--margin));
padding: 18px 0px 0px 0px;
}
@media screen and (min-width: 841px) {
.f-slider.multi-- .swiper-slide {
width: 380px;
}
.f-slider.multi-- .swiper-slide--verticalimagetext {
width: calc(2.96 * var(--colabsolutewidthmarged) + var(--margin));
padding: 0px 0px 0px 0px;
}
}
.f-slider.single-- .f-slider__navigation {
margin-bottom: 30px;
}
.f-slider.single-- .f-slider__ctn-item {
text-align: center;
}
.f-social__list {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.f-social__list {
display: block;
}
}
@media screen and (max-width: 840px) {
.f-tab {
overflow: hidden;
}
}
.f-tab__titre {
margin-bottom: 19px;
}
.f-tab__list__box {
position: relative;
overflow: auto;
margin-bottom: 31px;
scrollbar-width: none;
}
.f-tab__list__box::-webkit-scrollbar {
display: none;
}
.f-tab__list__barre {
position: absolute;
background-color: #008596;
transition: left var(--transition-fn) var(--transition-delay), top var(--transition-fn) var(--transition-delay);
}
.f-tab__list__barre--mobile {
height: 3px;
bottom: 0;
}
.f-tab__list__barre--desktop {
display: none;
}
.f-tab__list__rubrique {
display: flex;
padding-left: var(--margin);
padding-right: var(--margin);
}
.f-tab__list__rubrique-item {
color: var(--white);
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 500;
white-space: nowrap;
border-bottom: solid 1px #808080;
padding-bottom: 8px;
padding-left: 17px;
padding-right: 17px;
}
.f-tab__list__rubrique-item:is(strong),
.f-tab__list__rubrique-item strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-tab__list__rubrique-item {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.f-tab__list__content {
position: relative;
}
.f-tab__list__content-item {
color: var(--white);
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: transform var(--transition-fn) var(--transition-delay), opacity var(--transition-fn) var(--transition-delay);
}
.f-tab__list__content-item.selected {
opacity: 1;
position: relative;
transform: translateX(0);
pointer-events: all;
}
.f-tab__list__content-item.after {
transform: translateX(120%);
}
.f-tab__list__content-item.before {
transform: translateX(-120%);
}
.f-tab__list__content-item-titre {
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 21px;
}
@media screen and (min-width: 841px) {
.f-tab__list__content-item-titre {
font-size: 34px;
line-height: 42px;
}
}
.f-tab__list__content-item-text {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
}
.f-tab__list__content-item-text:is(strong),
.f-tab__list__content-item-text strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-tab__list__content-item-text {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
@media screen and (min-width: 841px) {
.f-tab__titre {
margin-bottom: 40px;
}
.f-tab__list__ctn {
display: flex;
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--colabsolutewidthmarged);
justify-content: space-between;
}
.f-tab__list__box {
position: relative;
overflow: visible;
flex: 0 0 calc(3 * var(--colabsolutewidthmarged));
margin-bottom: 0;
}
.f-tab__list__barre--desktop {
display: block;
width: 3px;
left: -1px;
}
.f-tab__list__barre--mobile {
display: none;
}
.f-tab__list__rubrique {
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
.f-tab__list__rubrique-item {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 400;
border-bottom: none;
border-left: solid 1px #808080;
padding: 15px 30px;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.f-tab__list__rubrique-item {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 841px) {
.f-tab__list__content {
overflow: hidden;
flex: 0 0 calc(5 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-tab__list__content-item.selected {
transform: translateY(0);
}
.f-tab__list__content-item.after {
transform: translateY(120%);
}
.f-tab__list__content-item.before {
transform: translateY(-120%);
}
.f-tab__list__content-item-text {
letter-spacing: 0em;
}
}
.f-thoughts__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 16px;
}
@media screen and (min-width: 841px) {
.f-thoughts__titre {
font-size: 40px;
line-height: 48px;
}
}
.f-thoughts__link {
padding-bottom: 31px;
margin-bottom: 23px;
border-bottom: solid 1px #808080;
}
.f-thoughts__link a,
.f-thoughts__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-thoughts__link a,
.f-thoughts__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-thoughts__link a span,
.f-thoughts__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-thoughts__link a:not(.--noarrow):after,
.f-thoughts__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-thoughts__link a:not(.--noarrow).download--:after,
.f-thoughts__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-thoughts__link a:not(.--noarrow):hover,
.f-thoughts__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-thoughts__link a:not(.--noarrow):hover:after,
.f-thoughts__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-thoughts__link a:not(.--noarrow):hover span,
.f-thoughts__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-thoughts__link a:focus-visible, .f-thoughts__link a.--noarrow:hover,
.f-thoughts__link button:focus-visible,
.f-thoughts__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-thoughts__link a:focus-visible:after, .f-thoughts__link a.--noarrow:hover:after,
.f-thoughts__link button:focus-visible:after,
.f-thoughts__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-thoughts__link.--secondary a,
.f-thoughts__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-thoughts__link.--secondary a:after,
.f-thoughts__link.--secondary button:after {
filter: var(--filterblue);
}
.f-thoughts__link.--secondary a:before,
.f-thoughts__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-thoughts__link.--secondary a:not(.--noarrow):hover,
.f-thoughts__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-thoughts__link.--secondary a:not(.--noarrow):hover:after,
.f-thoughts__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-thoughts__link.--secondary a.--noarrow:hover,
.f-thoughts__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-thoughts__link.--secondary a:focus-visible,
.f-thoughts__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-thoughts__link.--secondary a:focus-visible:before,
.f-thoughts__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-thoughts__link.--secondary a:focus-visible:after,
.f-thoughts__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-thoughts__link a,
.f-thoughts__link button {
padding: 11px 17px;
}
}
.f-thoughts__link a {
padding: 13px 20px;
letter-spacing: 0.03em;
}
.f-thoughts__visuel {
width: 100%;
height: 0;
padding-bottom: 70.55%;
position: relative;
}
.f-thoughts__visuel img,
.f-thoughts__visuel picture,
.f-thoughts__visuel figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.f-thoughts__col--first {
margin-bottom: 24px;
}
.f-thoughts__col--second {
padding-bottom: 24px;
margin-bottom: 23px;
border-bottom: solid 1px #808080;
}
.f-thoughts__col--third .f-news {
padding-bottom: 24px;
margin-bottom: 23px;
border-bottom: solid 1px #808080;
}
.f-thoughts__col--third .f-news:last-child {
margin-bottom: 0px;
}
@media screen and (min-width: 841px) {
.f-thoughts__titre {
margin-bottom: 31px;
letter-spacing: -0.005em;
}
.f-thoughts__link {
margin-left: var(--colabsolutewidthmarged);
padding-bottom: 31px;
margin-bottom: 49px;
border-bottom: none;
}
.f-thoughts__link a {
padding: 9px 14px;
letter-spacing: 0em;
}
.f-thoughts__visuel {
padding-bottom: 84.73%;
}
.f-thoughts__cols {
display: flex;
justify-content: space-between;
position: relative;
padding-top: 36px;
}
.f-thoughts__cols:before, .f-thoughts__cols:after {
content: "";
position: absolute;
height: 1px;
background-image: linear-gradient(90deg, #808080 0px calc(7 * var(--colwidthmarged) + var(--colwidth)), transparent calc(7 * var(--colwidthmarged) + var(--colwidth)) calc(8 * var(--colwidthmarged)), #808080 calc(8 * var(--colwidthmarged)));
top: 0;
left: 0;
width: 100%;
background-size: 0% 100%;
background-repeat: no-repeat;
background-position: center center;
transition-property: all;
transition-duration: var(--timing);
transition-timing-function: ease;
}
.doAnim .f-thoughts__cols:before, .doAnim .f-thoughts__cols:after {
background-size: 100% 100%;
}
.f-thoughts__cols:after {
bottom: 0;
top: auto;
}
.f-thoughts__col--first {
display: flex;
justify-content: space-between;
flex: 0 0 calc(3 * var(--colwidthmarged));
}
.f-thoughts__col--second {
flex: 0 0 calc(4 * var(--colwidthmarged) + 0.5 * var(--colwidth));
border-bottom: none;
margin-bottom: 10px;
}
.f-thoughts__col--third {
flex: 0 0 calc(3 * var(--colwidthmarged) + var(--colwidth));
}
.f-thoughts__col--third .f-news {
padding-bottom: 36px;
margin-bottom: 35px;
border: none;
}
.f-thoughts__col--third .f-news:last-child {
background: none !important;
}
}
.f-tiles {
--marginTiles: 32px;
padding-bottom: calc(var(--marginV) - var(--marginTiles));
}
.f-tiles__titre {
font-family: "BaikalExpanded";
font-size: 32px;
line-height: 40px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
margin-bottom: 32px;
}
@media screen and (min-width: 841px) {
.f-tiles__titre {
font-size: 40px;
line-height: 48px;
}
}
.f-tiles__item {
background-color: var(--dark);
padding: 32px;
margin-bottom: 32px;
}
.f-tiles__logo {
height: 36px;
margin-bottom: 34px;
}
.f-tiles__logo img,
.f-tiles__logo picture,
.f-tiles__logo figure {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
filter: var(--filterblack);
}
.f-tiles__text {
color: var(--white);
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 32px;
}
.f-tiles__text:is(strong),
.f-tiles__text strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.f-tiles__text {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.f-tiles__link a,
.f-tiles__link button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.f-tiles__link a,
.f-tiles__link button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.f-tiles__link a span,
.f-tiles__link button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.f-tiles__link a:not(.--noarrow):after,
.f-tiles__link button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.f-tiles__link a:not(.--noarrow).download--:after,
.f-tiles__link button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.f-tiles__link a:not(.--noarrow):hover,
.f-tiles__link button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.f-tiles__link a:not(.--noarrow):hover:after,
.f-tiles__link button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.f-tiles__link a:not(.--noarrow):hover span,
.f-tiles__link button:not(.--noarrow):hover span {
flex: 0;
}
.f-tiles__link a:focus-visible, .f-tiles__link a.--noarrow:hover,
.f-tiles__link button:focus-visible,
.f-tiles__link button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.f-tiles__link a:focus-visible:after, .f-tiles__link a.--noarrow:hover:after,
.f-tiles__link button:focus-visible:after,
.f-tiles__link button.--noarrow:hover:after {
filter: var(--filterblack);
}
.f-tiles__link.--secondary a,
.f-tiles__link.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-tiles__link.--secondary a:after,
.f-tiles__link.--secondary button:after {
filter: var(--filterblue);
}
.f-tiles__link.--secondary a:before,
.f-tiles__link.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.f-tiles__link.--secondary a:not(.--noarrow):hover,
.f-tiles__link.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-tiles__link.--secondary a:not(.--noarrow):hover:after,
.f-tiles__link.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.f-tiles__link.--secondary a.--noarrow:hover,
.f-tiles__link.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.f-tiles__link.--secondary a:focus-visible,
.f-tiles__link.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.f-tiles__link.--secondary a:focus-visible:before,
.f-tiles__link.--secondary button:focus-visible:before {
border-width: 3px;
}
.f-tiles__link.--secondary a:focus-visible:after,
.f-tiles__link.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.f-tiles__link a,
.f-tiles__link button {
padding: 11px 17px;
}
}
.f-tiles__link a {
letter-spacing: 0.03em;
}
@media screen and (min-width: 841px) {
.f-tiles {
--marginTiles: calc(0.5 * var(--margin));
}
.f-tiles__titre {
margin-left: var(--colabsolutewidth);
margin-bottom: 39px;
}
.f-tiles__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: calc(-0.5 * var(--margin));
margin-right: calc(-0.5 * var(--margin));
}
.f-tiles__item {
flex: 0 0 calc(3 * var(--colwidthFlexmarged) + var(--colwidthFlex));
padding: 65px 3.4% 80px;
margin: calc(0.5 * var(--margin));
}
.f-tiles__logo {
margin-bottom: 33px;
}
.f-tiles__text {
letter-spacing: 0em;
}
.f-tiles__link a {
padding: 9px 5%;
letter-spacing: -0.02em;
}
}
.f-video .f__titre {
margin-bottom: 45px;
}
@media screen and (min-width: 841px) {
.f-video .c-video {
margin-left: var(--colwidthmarged);
margin-right: var(--colwidthmarged);
}
}
.f-wysiwyg__titre + .f-wysiwyg__content {
margin-top: calc(2 * var(--marginText));
}
@media screen and (min-width: 841px) {
.f-wysiwyg__titre--col1 {
margin: 0 calc(2 * var(--colabsolutewidthmarged));
}
.f-wysiwyg__content {
display: flex;
justify-content: space-between;
}
.f-wysiwyg__content--col1 {
margin: 0 calc(2 * var(--colabsolutewidthmarged));
}
.f-wysiwyg__column {
flex: 1 1;
}
.f-wysiwyg__content--col2 .f-wysiwyg__column {
flex: 0 0 calc(4 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
}
.f-wysiwyg__content--col2 .f-wysiwyg__column:first-child {
margin-left: calc(1 * var(--colabsolutewidthmarged));
}
.f-wysiwyg__content--col2 .f-wysiwyg__column:last-child {
margin-right: calc(1 * var(--colabsolutewidthmarged));
}
}
.t-contact {
padding-top: calc(2 * var(--marginV));
}
.t-contact__titre {
color: var(--white);
font-size: 40px;
line-height: 48px;
margin-bottom: 40px;
}
@media screen and (min-width: 841px) {
.t-contact__titre {
font-family: "BaikalUltraExpanded";
font-size: 56px;
line-height: 60px;
}
}
.t-contact__subtitre {
color: var(--white);
font-family: "BaikalExpanded";
font-size: 24px;
line-height: 30px;
letter-spacing: 0em;
font-weight: 400;
margin-bottom: 24px;
}
@media screen and (min-width: 841px) {
.t-contact__subtitre {
font-size: 34px;
line-height: 42px;
}
}
.t-contact__text {
color: #808080;
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0.03em;
font-weight: 400;
font-weight: 500;
letter-spacing: 0em;
margin-bottom: 24px;
}
@media screen and (min-width: 841px) {
.t-contact__text {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (min-width: 841px) {
.t-contact__text {
letter-spacing: 0.0125em;
}
}
.t-contact__text em {
color: var(--white);
font-style: normal;
}
.t-contact__cols {
margin-bottom: calc(2 * var(--marginV));
}
.t-contact__field {
margin-bottom: 20px;
}
.t-contact__field input,
.t-contact__field textarea {
border: solid 1px var(--white);
width: 100%;
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
padding: 15px 15px 13px;
letter-spacing: 0.02em;
color: var(--white);
}
.t-contact__field input:is(strong),
.t-contact__field input strong,
.t-contact__field textarea:is(strong),
.t-contact__field textarea strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.t-contact__field input,
.t-contact__field textarea {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.t-contact__field input::-moz-placeholder, .t-contact__field textarea::-moz-placeholder {
color: var(--white);
}
.t-contact__field input::placeholder,
.t-contact__field textarea::placeholder {
color: var(--white);
}
.t-contact__field input.error,
.t-contact__field textarea.error {
border: solid 1px #e60000;
}
.t-contact__field textarea {
height: 132px;
}
.t-contact__infos {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: #757575;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.t-contact__infos:is(strong),
.t-contact__infos strong {
font-weight: 500;
}
.t-contact__infos span {
color: var(--white);
}
.t-contact__checkbox {
color: #757575;
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
padding: 24px 10px 32px 48px;
}
.t-contact__checkbox:is(strong),
.t-contact__checkbox strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.t-contact__checkbox {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.t-contact__checkbox input[type=checkbox] {
opacity: 0.000001;
position: absolute;
}
.t-contact__checkbox label {
position: relative;
display: inline-block;
box-sizing: border-box;
}
.t-contact__checkbox label:before {
content: "";
width: 23px;
height: 23px;
position: absolute;
border: solid 1px var(--white);
left: -35px;
top: 0;
}
.t-contact__checkbox label:after {
content: "";
position: absolute;
left: -32px;
top: 3px;
width: 17px;
height: 17px;
background-color: transparent;
}
.t-contact__checkbox input[type=checkbox]:checked + label:after {
background-color: var(--white);
}
.t-contact__checkbox input[type=checkbox]:focus-visible + label:before {
outline: 1px solid var(--white);
outline-offset: 2px;
}
.t-contact__checkbox input.error + label:before {
border-color: #e60000;
}
@media screen and (min-width: 841px) {
.t-contact__checkbox {
padding: 24px 10px 41px 35px;
}
.t-contact__checkbox label {
letter-spacing: 0;
}
}
.t-contact__checkbox + * + .t-contact__checkbox, .t-contact__checkbox + .t-contact__checkbox {
padding-top: 0;
margin-top: -8px;
}
.t-contact__submit a,
.t-contact__submit button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.t-contact__submit a,
.t-contact__submit button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.t-contact__submit a span,
.t-contact__submit button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.t-contact__submit a:not(.--noarrow):after,
.t-contact__submit button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.t-contact__submit a:not(.--noarrow).download--:after,
.t-contact__submit button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.t-contact__submit a:not(.--noarrow):hover,
.t-contact__submit button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.t-contact__submit a:not(.--noarrow):hover:after,
.t-contact__submit button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.t-contact__submit a:not(.--noarrow):hover span,
.t-contact__submit button:not(.--noarrow):hover span {
flex: 0;
}
.t-contact__submit a:focus-visible, .t-contact__submit a.--noarrow:hover,
.t-contact__submit button:focus-visible,
.t-contact__submit button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.t-contact__submit a:focus-visible:after, .t-contact__submit a.--noarrow:hover:after,
.t-contact__submit button:focus-visible:after,
.t-contact__submit button.--noarrow:hover:after {
filter: var(--filterblack);
}
.t-contact__submit.--secondary a,
.t-contact__submit.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.t-contact__submit.--secondary a:after,
.t-contact__submit.--secondary button:after {
filter: var(--filterblue);
}
.t-contact__submit.--secondary a:before,
.t-contact__submit.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.t-contact__submit.--secondary a:not(.--noarrow):hover,
.t-contact__submit.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.t-contact__submit.--secondary a:not(.--noarrow):hover:after,
.t-contact__submit.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.t-contact__submit.--secondary a.--noarrow:hover,
.t-contact__submit.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.t-contact__submit.--secondary a:focus-visible,
.t-contact__submit.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.t-contact__submit.--secondary a:focus-visible:before,
.t-contact__submit.--secondary button:focus-visible:before {
border-width: 3px;
}
.t-contact__submit.--secondary a:focus-visible:after,
.t-contact__submit.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.t-contact__submit a,
.t-contact__submit button {
padding: 11px 17px;
}
}
.t-contact__submit button {
padding: 9px 16px;
letter-spacing: 0.01em;
}
.t-contact__end {
display: none;
color: #008596;
margin-top: 20px;
}
.t-contact--completed .t-contact__submit {
pointer-events: none;
opacity: 0.5;
}
.t-contact--completed .t-contact__end {
display: block;
}
.t-contact__error {
margin-top: 20px;
color: #e60000;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
}
.t-contact__error:is(strong),
.t-contact__error strong {
font-weight: 500;
}
.t-contact__error.hidden {
display: none;
}
@media screen and (min-width: 841px) {
.t-contact__titre {
margin-bottom: 40px;
}
.t-contact__cols {
display: flex;
justify-content: space-between;
}
.t-contact__col--subtitre {
margin-left: var(--colwidthmarged);
}
.t-contact__col--form {
margin-right: var(--colwidthmarged);
width: calc(5 * var(--colwidthmarged) + var(--colwidth));
}
.t-contact__text {
font-weight: 400;
letter-spacing: 0em;
margin-bottom: 15px;
}
.t-contact__infos {
margin-top: -4px;
margin-bottom: 40px;
}
}
.t-contact .descript {
color: white;
margin-bottom: 30px;
}
.t-contact .span.NormalTextRun.SCXW117545082.BCX0 {
font-family: "Baikal";
}
#contacto-nuevo .f.f-wysiwyg {
padding-bottom: 0px;
}
.t-news {
padding: calc(2 * var(--marginV)) 0 0;
}
.t-news__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
color: var(--white);
margin-bottom: 32px;
max-width: 800px;
}
@media screen and (min-width: 841px) {
.t-news__titre {
font-size: 68px;
line-height: 76px;
}
}
.t-news__filtre__titre {
font-family: "BaikalExpanded";
color: #e60000;
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.t-news__liste {
padding-top: 50px;
}
.t-news__cat__item {
margin-bottom: 16px;
}
.t-news__cat__button {
border: solid 1px var(--white);
color: var(--white);
padding: 9px 15px;
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalExpanded" !important;
position: relative;
}
@media screen and (min-width: 841px) {
.t-news__cat__button {
font-size: 18px;
line-height: 24px;
}
}
.t-news__cat__item.visible .t-news__cat__button:before, .t-news__cat__button:hover:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border: solid 1px var(--white);
}
.t-news__cat__link {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
}
@media screen and (min-width: 841px) {
.t-news__cat__link {
font-size: 18px;
line-height: 24px;
}
}
.t-news__cols {
margin-bottom: 80px;
}
.t-news__col:nth-child(2) {
display: flex;
}
.t-news__subcat__liste {
display: none;
}
.t-news__subcat__liste.visible {
display: block;
}
.t-news__subcat__item {
margin-top: 20px;
display: inline-block;
margin-right: 20px;
}
.t-news__subcat__button {
font-family: "BaikalExpanded";
font-size: 14px;
line-height: 24px;
letter-spacing: 0em;
font-weight: 400;
padding: 4px 10px;
background-color: #EEEEEE;
color: #000;
position: relative;
transition: all var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.t-news__subcat__button {
font-size: 14px;
line-height: 24px;
}
}
.t-news__subcat__button:hover, .t-news__subcat__button:focus-visible {
background-color: #008596;
color: #fff;
}
.t-news__subcat__button.selected {
background-color: #008596;
color: #fff;
padding-right: 30px;
}
.t-news__subcat__button.selected:before {
content: "";
position: absolute;
right: 10px;
top: 10px;
width: 11px;
height: 11px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.t-news__othercols .f-news:last-child {
border-bottom: none;
}
.t-news__select {
margin-left: 18px;
color: var(--white);
z-index: 1;
}
.t-news .custom-select-container {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
font-weight: 500;
width: 114px;
}
.t-news .custom-select-container:is(strong),
.t-news .custom-select-container strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.t-news .custom-select-container {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
.t-news .custom-select-container.is-open .custom-select-opener {
border: solid 1px var(--white);
}
.t-news .custom-select-container.is-open .custom-select-panel {
border: solid 1px var(--white);
overflow: hidden;
}
.t-news .custom-select-opener {
background-color: transparent;
border: solid 1px transparent;
}
.t-news .custom-select-opener:after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
font-size: 10px;
position: absolute;
right: 12px;
top: 19px;
}
.t-news .custom-select-panel {
background-color: var(--grayreverse);
color: var(--white);
}
.t-news .custom-select-option {
cursor: pointer;
}
.t-news .custom-select-option.is-selected {
background-color: transparent;
}
.t-news .custom-select-option.is-selected:before {
content: "\e913";
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
}
.t-news__loadmore {
text-align: center;
margin-top: 9px;
margin-bottom: 15px;
}
.t-news__loadmore a,
.t-news__loadmore button {
font-family: "BaikalExpanded";
font-size: 19px;
line-height: 24px;
letter-spacing: -0.03em;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
border: solid 1px var(--duskred);
background-color: var(--duskred);
padding: 10px 16px;
position: relative;
transition: color var(--transition-fn) var(--transition-delay), background var(--transition-fn) var(--transition-delay), border var(--transition-fn) var(--transition-delay);
}
@media screen and (min-width: 841px) {
.t-news__loadmore a,
.t-news__loadmore button {
font-size: 19px;
line-height: 24px;
letter-spacing: 0em;
}
}
.t-news__loadmore a span,
.t-news__loadmore button span {
white-space: nowrap;
overflow: hidden;
flex: 1;
transition: flex var(--transition-fn) var(--transition-delay);
}
.t-news__loadmore a:not(.--noarrow):after,
.t-news__loadmore button:not(.--noarrow):after {
width: 24px;
height: 16px;
margin-left: 10px;
content: "";
display: inline-block;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
filter: invert(100%);
transition: filter var(--transition-fn) var(--transition-delay);
}
.t-news__loadmore a:not(.--noarrow).download--:after,
.t-news__loadmore button:not(.--noarrow).download--:after {
background-size: contain;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}
.t-news__loadmore a:not(.--noarrow):hover,
.t-news__loadmore button:not(.--noarrow):hover {
border: solid 1px var(--white);
background-color: var(--white);
color: var(--black);
}
.t-news__loadmore a:not(.--noarrow):hover:after,
.t-news__loadmore button:not(.--noarrow):hover:after {
filter: var(--filterblack);
}
.t-news__loadmore a:not(.--noarrow):hover span,
.t-news__loadmore button:not(.--noarrow):hover span {
flex: 0;
}
.t-news__loadmore a:focus-visible, .t-news__loadmore a.--noarrow:hover,
.t-news__loadmore button:focus-visible,
.t-news__loadmore button.--noarrow:hover {
color: var(--black);
border: solid 1px var(--white);
background-color: var(--white);
}
.t-news__loadmore a:focus-visible:after, .t-news__loadmore a.--noarrow:hover:after,
.t-news__loadmore button:focus-visible:after,
.t-news__loadmore button.--noarrow:hover:after {
filter: var(--filterblack);
}
.t-news__loadmore.--secondary a,
.t-news__loadmore.--secondary button {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.t-news__loadmore.--secondary a:after,
.t-news__loadmore.--secondary button:after {
filter: var(--filterblue);
}
.t-news__loadmore.--secondary a:before,
.t-news__loadmore.--secondary button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: solid 0px var(--duskblue);
transition: border 0.1s cubic-bezier(0.13, 0, 0.11, 1);
}
.t-news__loadmore.--secondary a:not(.--noarrow):hover,
.t-news__loadmore.--secondary button:not(.--noarrow):hover {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.t-news__loadmore.--secondary a:not(.--noarrow):hover:after,
.t-news__loadmore.--secondary button:not(.--noarrow):hover:after {
filter: var(--filterblue);
}
.t-news__loadmore.--secondary a.--noarrow:hover,
.t-news__loadmore.--secondary button.--noarrow:hover {
border: solid 1px var(--duskblue);
background-color: var(--duskblue);
}
.t-news__loadmore.--secondary a:focus-visible,
.t-news__loadmore.--secondary button:focus-visible {
border: solid 1px var(--duskblue);
background-color: transparent;
color: var(--duskblue);
}
.t-news__loadmore.--secondary a:focus-visible:before,
.t-news__loadmore.--secondary button:focus-visible:before {
border-width: 3px;
}
.t-news__loadmore.--secondary a:focus-visible:after,
.t-news__loadmore.--secondary button:focus-visible:after {
filter: var(--filterblue);
}
@media screen and (min-width: 841px) {
.t-news__loadmore a,
.t-news__loadmore button {
padding: 11px 17px;
}
}
.t-news__loadmore.hidden {
display: none;
}
.t-news__infos {
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
text-align: center;
letter-spacing: 0em;
color: var(--white);
}
.t-news__infos:is(strong),
.t-news__infos strong {
font-weight: 500;
}
.t-news__articles {
padding-bottom: var(--marginV);
}
@media screen and (min-width: 841px) {
.t-news__container {
min-height: 100vh;
}
.t-news.loaded .t-news__container {
min-height: 0px;
}
.t-news__titre {
margin-left: var(--colwidthFlexmarged);
margin-right: var(--colwidthFlexmarged);
margin-bottom: 65px;
}
.t-news__filtre__titre {
margin-left: var(--colwidthFlexmarged);
margin-right: var(--colwidthFlexmarged);
}
.t-news__cols {
display: flex;
justify-content: space-between;
margin-bottom: 148px;
}
.t-news__col:nth-child(1) {
margin-left: var(--colwidthFlexmarged);
}
.t-news__col:nth-child(2) {
margin-right: var(--colwidthFlexmarged);
}
.t-news__cat__liste {
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
.t-news__cat__item {
margin-bottom: 0;
margin-right: 32px;
}
.t-news__cat__link {
margin-left: -8px;
}
.t-news__subcat__liste.visible {
display: flex;
position: absolute;
flex-wrap: wrap;
top: calc(100% + 21px);
left: 0;
width: 200%;
max-width: 80vw;
}
.t-news__subcat__item {
margin-top: 0;
margin-bottom: 10px;
margin-right: 20px;
}
.t-news .f-newsinsights__cols {
margin-bottom: 82px;
}
.t-news .f-newsinsights__col {
padding-bottom: 10px;
}
.t-news__othercols {
display: flex;
flex-wrap: wrap;
}
.t-news__othercols .f-news {
border-bottom: none;
margin-bottom: 47px;
}
.t-news__othercols .f-news:nth-child(5n+1), .t-news__othercols .f-news:nth-child(5n+2) {
width: calc(50% - 0.5 * var(--margin));
margin-right: var(--margin);
}
.t-news__othercols .f-news:nth-child(5n+2) {
margin-right: 0;
}
.t-news__othercols .f-news:nth-child(5n+3), .t-news__othercols .f-news:nth-child(5n+4), .t-news__othercols .f-news:nth-child(5n+5) {
width: calc(33.33333333% - 0.66666666 * var(--margin));
margin-right: var(--margin);
}
.t-news__othercols .f-news:nth-child(5n+5) {
margin-right: 0;
}
.t-news__loadmore a,
.t-news__loadmore button {
padding: 9px 17px;
}
}
.t-singlenews .main__header {
padding: 80px 0 40px;
}
.t-singlenews__infos {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
margin-bottom: 8px;
color: var(--white);
}
.t-singlenews__infos:is(strong),
.t-singlenews__infos strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.t-singlenews__infos {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.t-singlenews__type {
font-weight: 500;
}
.t-singlenews__sep {
color: #e60000;
margin: 0 6px 0 8px;
}
.t-singlenews__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
max-width: 800px;
}
@media screen and (min-width: 841px) {
.t-singlenews__titre {
font-size: 56px;
line-height: 60px;
}
}
@media screen and (min-width: 841px) {
.t-singlenews .main__header {
padding: 148px 0 74px;
}
.t-singlenews__infos {
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--colabsolutewidthmarged);
}
.t-singlenews__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--colabsolutewidthmarged);
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.t-singlenews__titre {
font-size: 56px;
line-height: 60px;
}
}
.t-singleprofil .main__header {
padding: 80px 0 40px;
}
.t-singleprofil__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
color: var(--white);
}
@media screen and (min-width: 841px) {
.t-singleprofil__titre {
font-size: 56px;
line-height: 60px;
}
}
@media screen and (min-width: 841px) {
.t-singleprofil .main__header {
padding: 148px 0 74px;
}
.t-singleprofil__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
margin-left: var(--colabsolutewidthmarged);
margin-right: var(--colabsolutewidthmarged);
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.t-singleprofil__titre {
font-size: 56px;
line-height: 60px;
}
}
.t-work {
color: var(--white);
padding-top: calc(3 * var(--marginV));
padding-bottom: var(--marginV);
}
.t-work__header {
margin-bottom: calc(2 * var(--marginV));
}
.t-work__titre {
font-family: "BaikalExpanded";
font-size: 36px;
line-height: 44px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
color: var(--white);
margin-bottom: 32px;
}
@media screen and (min-width: 841px) {
.t-work__titre {
font-size: 56px;
line-height: 60px;
}
}
.t-work__text {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
font-family: "Baikal";
font-weight: 300;
color: gray;
}
@media screen and (min-width: 841px) {
.t-work__text {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.t-work__item {
margin-bottom: 41px;
}
.t-work__item:last-child {
margin-bottom: 0 !important;
}
.t-work__item__category {
display: flex;
justify-content: space-between;
margin-bottom: 9px;
}
.t-work__item__agence, .t-work__item__date {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
color: var(--white);
}
.t-work__item__agence:is(strong),
.t-work__item__agence strong, .t-work__item__date:is(strong),
.t-work__item__date strong {
font-weight: 500;
}
@media screen and (min-width: 841px) {
.t-work__item__agence, .t-work__item__date {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
.t-work__item__agence span, .t-work__item__date span {
margin: 0 9px;
}
.t-work__item__link__visuel {
overflow: hidden;
}
.t-work__item__link__visuel img {
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.t-work__item__link:hover .t-work__item__link__visuel img, .t-work__item__link:focus-visible .t-work__item__link__visuel img {
transform: scale(1.1);
}
.t-work__item__link__titre, .t-work__item__link__title {
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: transparent;
transition-property: all;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.t-work__item__link:hover .t-work__item__link__titre, .t-work__item__link:hover .t-work__item__link__title, .t-work__item__link:focus-visible .t-work__item__link__titre, .t-work__item__link:focus-visible .t-work__item__link__title {
text-decoration-color: var(--white);
}
.t-work__item__link:focus-visible {
display: block;
outline: solid 2px;
}
.t-work__item__link__visuel {
margin-bottom: 18px;
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.t-work__item__link__visuel img,
.t-work__item__link__visuel figure,
.t-work__item__link__visuel picture {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.t-work__item__link__titre {
font-family: "BaikalExpanded";
font-size: 20px;
line-height: 28px;
letter-spacing: -0.005em;
font-weight: 400;
font-weight: 500;
}
@media screen and (min-width: 841px) {
.t-work__item__link__titre {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.01em;
}
}
.t-work__item__tagsliste {
display: flex;
flex-wrap: wrap;
margin: 20px 0 0;
}
.t-work__item__tagsitem {
margin-right: 16px;
text-transform: uppercase;
font-family: "Baikal";
font-size: 14px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 300;
color: var(--gray2);
letter-spacing: 0.05em;
}
.t-work__item__tagsitem:is(strong),
.t-work__item__tagsitem strong {
font-weight: 500;
}
.t-work__item__tagsitem:last-child {
margin-right: 0;
}
@media screen and (min-width: 841px) {
.t-work {
--size1: 100%;
--size2_3: calc(7 * var(--colwidthmarged) + var(--colwidth));
--size1_3: calc(3 * var(--colwidthmarged) + var(--colwidth));
--size1_2: calc(5 * var(--colwidthmarged) + var(--colwidth));
--imageratio1: 56.25%;
--imageratio2: 43.6%;
--imageratio3: 90.62%;
--imageratio4: 56.4%;
}
.t-work__titre {
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
font-family: "BaikalUltraExpanded";
margin-left: var(--colabsolutewidthmarged);
margin-bottom: 30px;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.t-work__titre {
font-size: 68px;
line-height: 76px;
}
}
@media screen and (min-width: 841px) {
.t-work__text {
margin-left: var(--colabsolutewidthmarged);
width: calc(5 * var(--colabsolutewidthmarged) + var(--colabsolutewidth));
letter-spacing: -0.005em;
line-height: 30px;
}
}
@media screen and (min-width: 841px) {
.t-work__liste {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
}
@media screen and (min-width: 841px) {
.t-work__item {
margin-bottom: 0;
}
.t-work__item:nth-child(15n+1) .t-work__item__visuel {
margin-bottom: 19px;
}
.t-work__item__category {
margin: 0px 14px 9px;
}
.t-work__item__agence, .t-work__item__date {
font-family: "Baikal";
font-size: 16px;
line-height: 22px;
letter-spacing: 0em;
font-weight: 300;
}
.t-work__item__agence:is(strong),
.t-work__item__agence strong, .t-work__item__date:is(strong),
.t-work__item__date strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.t-work__item__agence, .t-work__item__date {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+1) .t-work__item__agence, .t-work__item:nth-child(15n+1) .t-work__item__date {
font-family: "Baikal";
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
font-weight: 300;
}
.t-work__item:nth-child(15n+1) .t-work__item__agence:is(strong),
.t-work__item:nth-child(15n+1) .t-work__item__agence strong, .t-work__item:nth-child(15n+1) .t-work__item__date:is(strong),
.t-work__item:nth-child(15n+1) .t-work__item__date strong {
font-weight: 500;
}
}
@media screen and (min-width: 841px) and (min-width: 841px) {
.t-work__item:nth-child(15n+1) .t-work__item__agence, .t-work__item:nth-child(15n+1) .t-work__item__date {
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
}
}
@media screen and (min-width: 841px) {
.t-work__item__link__visuel {
margin-bottom: 18px;
}
.t-work__item__link__titre {
margin: 0px 14px;
}
}
@media screen and (min-width: 841px) {
.t-work__item__tagsliste {
margin: 20px 14px 0;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+1) {
flex: 0 0 var(--size1);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+1) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+2) {
flex: 0 0 var(--size2_3);
margin-top: 138px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+2) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+3) {
flex: 0 0 var(--size1_3);
margin-top: 285px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+3) .t-work__item__link__visuel {
padding-bottom: var(--imageratio3);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+4) {
flex: 0 0 var(--size1_2);
margin-top: 149px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+4) .t-work__item__link__visuel {
padding-bottom: var(--imageratio4);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+5) {
flex: 0 0 var(--size1_2);
margin-top: 297px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+5) .t-work__item__link__visuel {
padding-bottom: var(--imageratio4);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+6) {
flex: 0 0 var(--size1_2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+6) .t-work__item__link__visuel {
padding-bottom: var(--imageratio4);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+7) {
flex: 0 0 var(--size1);
margin-top: 149px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+7) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+8) {
flex: 0 0 var(--size2_3);
margin-top: 158px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+8) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+9) {
flex: 0 0 var(--size1_3);
margin-top: 306px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+9) .t-work__item__link__visuel {
padding-bottom: var(--imageratio3);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+10) {
flex: 0 0 var(--size1_3);
margin-top: 149px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+10) .t-work__item__link__visuel {
padding-bottom: var(--imageratio3);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+11) {
flex: 0 0 var(--size2_3);
margin-top: 296px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+11) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+12) {
flex: 0 0 var(--size1_2);
margin-top: 150px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+12) .t-work__item__link__visuel {
padding-bottom: var(--imageratio4);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+13) {
flex: 0 0 var(--size1_2);
margin-top: 298px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+13) .t-work__item__link__visuel {
padding-bottom: var(--imageratio4);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+14) {
flex: 0 0 var(--size1);
margin-top: 149px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+14) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+15) {
flex: 0 0 var(--size1);
margin-top: 158px;
margin-bottom: 158px;
}
}
@media screen and (min-width: 841px) {
.t-work__item:nth-child(15n+15) .t-work__item__link__visuel {
padding-bottom: var(--imageratio2);
}
}
.t-404 .main__header {
height: 40vh;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
color: #e60000;
text-align: center;
font-family: "BaikalExpanded";
font-size: 44px;
line-height: 52px;
letter-spacing: 0em;
font-weight: 400;
}
@media screen and (min-width: 841px) {
.t-404 .main__header {
font-size: 68px;
line-height: 76px;
}
}
.t-404 .main__flexibles {
text-align: center;
padding-top: 5vh;
padding-bottom: 20vh;
color: var(--white);
}