/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 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 */
}
/**
* 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: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* 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: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* 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
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* 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;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* 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;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 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 {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
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 and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: 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 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2020-02-05 16:15:50
*/
* {
box-sizing: border-box;
image-rendering: -webkit-optimize-contrast; /* Improve default Chrome interpolation */
}
html {
font-size: 62.5%;
}
html, body {
height: 100%;
}
body {
font-family: 'TeX Gyre Heros', sans-serif;
font-size: 1.2rem;
line-height: 1.5;
color: #1a1a1a;
}
button, input, optgroup, select, textarea {
font-family: 'Roboto', sans-serif;
}
a {
color: #F26520;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
*[onclick] {
cursor: pointer;
}
p {
margin: 2rem 0;
}
@media (min-width: 1200px) {
html {
font-size: 72.917%;
}
}
@media (min-width: 1450px) {
html {
font-size: 83.37%;
}
}
@media (min-width: 2200px) {
html {
font-size: 88.542%;
}
}
@media (min-width: 2400px) {
html {
font-size: 95%;
}
}
@media (min-width: 2700px) {
html {
font-size: 110%;
}
}
@media (min-width: 3200px) {
html {
font-size: 125%;
}
}
@media (min-width: 3800px) {
html {
font-size: 150%;
}
}
@media (min-width: 4500px) {
html {
font-size: 180%;
}
}
@media (min-width: 5000px) {
html {
font-size: 200%;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2020-02-05 11:55:34
*/
@font-face {
font-family: 'TeX Gyre Heros';
src: url('../../../assets/texgyreheros-regular.woff2') format('woff2'),
url('../../../assets/texgyreheros-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeX Gyre Heros';
src: url('../../../assets/texgyreheros-bold.woff2') format('woff2'),
url('../../../assets/texgyreheros-bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'TeX Gyre Heros';
src: url('../../../assets/texgyreheros-italic.woff2') format('woff2'),
url('../../../assets/texgyreheros-italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'TeX Gyre Heros';
src: url('../../../assets/texgyreheros-bold-italic.woff2') format('woff2'),
url('../../../assets/texgyreheros-bold-italic.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'TeX Gyre Heros Cn';
src: url('../../../assets/texgyreheroscn-regular.woff2') format('woff2'),
url('../../../assets/texgyreheroscn-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeX Gyre Heros Cn';
src: url('../../../assets/texgyreheroscn-bold.woff2') format('woff2'),
url('../../../assets/texgyreheroscn-bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'TeX Gyre Heros Cn';
src: url('../../../assets/texgyreheroscn-italic.woff2') format('woff2'),
url('../../../assets/texgyreheroscn-italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'TeX Gyre Heros Cn';
src: url('../../../assets/texgyreheroscn-bold-italic.woff2') format('woff2'),
url('../../../assets/texgyreheroscn-bold-italic.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Century Gothic';
src: url('../../../assets/century_gothic.woff2') format('woff2'),
url('../../../assets/century_gothic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeX Gyre Heros';
src: url('../../../assets/century_gothic_bold.woff2') format('woff2'),
url('../../../assets/century_gothic_bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../../../assets/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../../../assets/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../../../assets/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../../../assets/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-20 15:21:53
*/
.Form {
}
.Form-row {
/*display: flex;*/
margin: 2rem 0;
line-height: 1.3rem;
}
.Form-label,
.Form-input {
font-size: 1.2rem;
}
.Form-label {
min-width: 13rem;
white-space: nowrap;
font-weight: 500;
color: #000;
padding: .5rem 1rem .5rem 0;
}
.Form-label.required::after {
content: " *";
}
.Form-label--light {
color: #d7d7d7;
}
.Form-input {
margin: 2rem 0;
padding: .5rem 1rem;
width: 100%;
color: #666;
background: none;
border: none;
border-bottom: .1rem solid #C6C6C6;
transition: border-color .5s ease;
}
.Form-input::placeholder {
color: #bbb;
}
.Form-input:hover,
.Form-input:focus {
outline: none;
border-color: #F26520;
}
textarea.Form-input {
min-height: 2.4rem;
resize: vertical;
}
input[type="file"].Form-input {
border: none;
}
input[type="radio"].Form-input,
input[type="checkbox"].Form-input {
position: absolute;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
height: 0;
width: 0;
pointer-events: none;
}
input[type="radio"].Form-input + .Form-label::before,
input[type="checkbox"].Form-input + .Form-label::before {
content: '';
display: inline-block;
/* Because of rouding bugs in some browsers, we can't use rem values to size the radio button */
width: 12px;
height: 12px;
margin-right: 1rem;
background-repeat: no-repeat;
background-position: center;
background-color: none;
border: 2px solid #C6C6C6;
transition: background-color .5s ease, border-color .5s ease;
}
input[type="radio"].Form-input + .Form-label::before {
border-radius: 50%;
}
input[type="radio"]:checked.Form-input + .Form-label::before,
input[type="checkbox"]:checked.Form-input + .Form-label::before {
background-color: #F26520;
border-color: #F26520;
}
input[type="radio"]:checked.Form-input + .Form-label::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23fff'%3E%3C/circle%3E%3C/svg%3E");
background-size: 6px;
}
input[type="checkbox"]:checked.Form-input + .Form-label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
background-size: 8px;
}
input[type="radio"].Form-input + .Form-label:hover::before,
input[type="checkbox"].Form-input + .Form-label:hover::before {
border-color: #F26520;
}
input[type="radio"]:checked.Form-input + .Form-label:hover::before,
input[type="checkbox"]:checked.Form-input + .Form-label:hover::before {
border-color: #62290e;
}
input[type="radio"]:focus.Form-input + .Form-label::before,
input[type="checkbox"]:focus.Form-input + .Form-label::before {
outline: none;
border-color: #F26520;
}
input[type="radio"]:checked:focus.Form-input + .Form-label::before,
input[type="checkbox"]:checked:focus.Form-input + .Form-label::before {
border-color: #62290e;
}
input[type="radio"].Form-input + .Form-label,
input[type="checkbox"].Form-input + .Form-label {
display: flex;
align-items: center;
user-select: none;
cursor: pointer;
line-height: 1.4;
font-weight: bold;
}
.Form-row .Form-input {
margin: 0;
}
textarea.Form-input {
padding: 1rem 1.5rem;
background: #fff;
border: .1rem solid #EFEFEF;
border-radius: .4rem;
}
.Form-help {
margin-bottom: 2rem;
}
.Form-help--indent {
margin-left: 4rem;
}
.Form--inverseColors .Form-label {
color: #F26520;
}
.Form--inverseColors input[type="radio"].Form-input + .Form-label::before,
.Form--inverseColors input[type="checkbox"].Form-input + .Form-label::before {
border-color: #fff;
}
.Form--inverseColors input[type="radio"]:checked.Form-input + .Form-label::before,
.Form--inverseColors input[type="checkbox"]:checked.Form-input + .Form-label::before {
background-color: #F26520;
border-color: #F26520;
}
.Form--inverseColors input[type="radio"]:checked.Form-input + .Form-label::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23000'%3E%3C/circle%3E%3C/svg%3E");
}
.Form--inverseColors input[type="checkbox"]:checked.Form-input + .Form-label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}
.Form--inverseColors input[type="radio"].Form-input + .Form-label:hover::before,
.Form--inverseColors input[type="checkbox"].Form-input + .Form-label:hover::before {
border-color: #F26520;
}
.Form--inverseColors input[type="radio"]:checked.Form-input + .Form-label:hover::before,
.Form--inverseColors input[type="checkbox"]:checked.Form-input + .Form-label:hover::before {
border-color: #ebbba3;
}
.Form--inverseColors input[type="radio"]:focus.Form-input + .Form-label::before,
input[type="checkbox"]:focus.Form-input + .Form-label::before {
outline: none;
border-color: #F26520;
}
.Form--inverseColors input[type="radio"]:checked:focus.Form-input + .Form-label::before,
.Form--inverseColors input[type="checkbox"]:checked:focus.Form-input + .Form-label::before {
border-color: #ebbba3;
}
/* Because of rouding bugs in some browsers, we can't use rem values to size the radio button, so we need to handle responsive design separately */
@media (min-width: 860px) {
input[type="radio"].Form-input + .Form-label::before,
input[type="checkbox"].Form-input + .Form-label::before {
width: 14px;
height: 14px;
}
input[type="radio"]:checked.Form-input + .Form-label::before {
background-size: 8px;
}
input[type="checkbox"]:checked.Form-input + .Form-label::before {
background-size: 10px;
}
}
@media (min-width: 1800px) {
input[type="radio"].Form-input + .Form-label::before,
input[type="checkbox"].Form-input + .Form-label::before {
width: 16px;
height: 16px;
}
input[type="radio"]:checked.Form-input + .Form-label::before {
background-size: 10px;
}
input[type="checkbox"]:checked.Form-input + .Form-label::before {
background-size: 12px;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-04 16:49:20
*/
.MainHeader {
position: relative;
padding-bottom: 37%;
}
.MainHeader-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.MainHeader-content::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
visibility: hidden;
opacity: 0;
transition: visibility .5s ease, opacity .5s ease;
}
.MainHeader-content--blur::after {
visibility: visible;
opacity: 1;
}
.MainHeader-intro {
position: absolute;
top: 4rem;
left: 2rem;
bottom: 0;
z-index:100;
color:#fff;
width:33rem;
max-width: 100%;
}
.MainHeader-intro-logo {
max-width:14rem;
}
.MainHeader-intro-title {
font-size: 2em;
margin: 0.8rem 0;
line-height: 1em;
}
.MainHeader-intro-text p {
margin:0;
line-height: 1.4em;
}
.MainHeader::after {
content: '';
position: relative;
display: block;
top: 0;
right: 0;
left: 0;
height: 12rem;
background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0));
}
@media (min-width: 700px) {
.MainHeader {
padding-bottom: 21%;
}
.MainHeader-intro-title {
font-size: 2.5rem;
}
}
@media (min-width: 800px) {
.MainHeader {
padding-bottom: 18%;
}
}
@media (min-width: 1200px) {
.MainHeader-intro {
top: 10rem;
left: 4rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.MainBody {
position: relative;
max-width: 128rem;
margin: 4rem auto;
padding: 0 2rem;
}
.MainBody--narrow {
max-width: 100rem;
}
.MainBody--extraNarrow {
max-width: 85rem;
}
.MainBody--large {
max-width: 136rem;
}
.MainBody--fullWidth {
max-width: unset;
}
.MainBody-content {
max-width: 60rem;
margin: 0 auto;
}
.MainBody-content--large {
max-width: 80rem;
}
.MainBodyBgContainer {
margin: 4rem 0;
padding: 4rem 0;
background: #F7F7F7;
}
.MainBodyBgContainer--grey {
background: #EAEAEA;
}
.MainBodyBgContainer .MainBody {
margin-top: 0;
margin-bottom: 0;
}
.MainBodyBgContainer--dark {
color: #fff;
background: #1a1a1a;
}
.MainBodyBgContainer--smallVerticalPaddings {
padding-top: 3rem;
padding-bottom: 3rem;
}
.MainBodyBgContainer--smallVerticalMargins,
.MainBody--smallVerticalMargins {
margin-top: 3rem;
margin-bottom: 3rem;
}
.MainBodyBgContainer--smallHorizontalMargins,
.MainBody--smallHorizontalMargins {
padding-left: 1rem;
padding-right: 1rem;
}
.MainBody-topBorderContainer {
position: relative;
}
.MainBody-topBorderContainer::before {
content: '';
display: block;
position: absolute;
top: -2rem;
left: 0;
right: 0;
border-top: 1px solid #F0F0F0;
}
.MainBody-topBorderContainer--narrow::before {
left: 50%;
right: unset;
width: 20rem;
margin-left: -10rem;
}
@media (min-width: 420px) {
.MainBody {
padding-right: 3rem;
padding-left: 3rem;
}
/*.MainBody-topBorderContainer::before {
top: -1.5rem;
}*/
}
@media (min-width: 520px) {
.MainBody {
padding-right: 4rem;
padding-left: 4rem;
}
.MainBody--smallHorizontalMargins {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 640px) {
.MainBody {
padding-right: 7rem;
padding-left: 7rem;
}
.MainBody--smallHorizontalMargins {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
}
@media (min-width: 800px) {
.MainBody {
padding-right: 10rem;
padding-left: 10rem;
}
.MainBody--smallHorizontalMargins {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media (min-width: 1080px) {
.MainBody {
padding-right: 12rem;
padding-left: 12rem;
}
.MainBody--smallHorizontalMargins {
padding-left: 7rem;
padding-right: 7rem;
}
.MainBody {
margin-top: 6rem;
margin-bottom: 6rem;
}
.MainBody-topBorderContainer::before {
top: -3rem;
}
.MainBodyBgContainer {
margin-top: 6rem;
margin-bottom: 6rem;
padding-top: 6rem;
padding-bottom: 6rem;
}
.MainBodyBgContainer--smallVerticalPaddings {
padding-top: 4rem;
padding-bottom: 4rem;
}
.MainBodyBgContainer--smallVerticalMargins,
.MainBody--smallVerticalMargins {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media (min-width: 1280px) {
.MainBody {
padding-right: 14rem;
padding-left: 14rem;
}
}
.MainBody--noMargins {
padding: 0;
margin: 0;
}
.MainBody--noHorizontalMargins {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.MainBody--noBottomMargin {
margin-bottom: 0;
}
.MainBodyBgContainer--bigVerticalMargins,
.MainBody--bigVerticalMargins {
margin-top: 6rem;
margin-bottom: 6rem;
}
.MainBody--bigVerticalMargins .MainBody-topBorderContainer::before {
top: -3rem;
}
.MainBody--extraTopMargin {
margin-top: 9rem;
}
.MainBody--hideIfNoP:not(:has(p)) {
display:none;
}
@media (min-width: 640px) {
.MainBodyBgContainer--bigVerticalMargins,
.MainBody--bigVerticalMargins {
margin-top: 8rem;
margin-bottom: 8rem;
}
.MainBody--bigVerticalMargins .MainBody-topBorderContainer::before {
top: -4rem;
}
}
.MainBodyBgContainer--noTopMargin,
.MainBody--noTopMargin {
margin-top: 0;
}
.MainBodyBgContainer--noBottomMargin,
.MainBody--noBottomMargin {
margin-bottom: 0;
}
.MainBodyBgContainer--noVerticalMargin,
.MainBody--noVerticalMargin {
margin-top: 0;
margin-bottom: 0;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.MainFooter {
padding: 2rem 2rem 2rem;
text-align: center;
font-size: 1rem;
color: #707070;
background: #fff;
border-top:1px solid #e0e0e0;
}
.MainFooter-columns {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.MainFooter-columns-section {
width: 100%;
}
.MainFooter-columns-section + .MainFooter-columns-section {
margin-top: 3rem;
}
.MainFooter-columns-section-content {
max-width: 17rem;
padding: 0 .5rem;
margin: 0 auto;
height: 100%;
}
.MainFooter-columns-section:first-child {
width: 100%;
margin-bottom: .5rem;
}
.MainFooter-columns-section:first-child .MainFooter-columns-section-content {
display: flex;
align-items: center;
justify-content: center;
}
.MainFooter-columns-section img {
max-width: 100%;
}
.MainFooter-columns-section-title {
display: block;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: .5rem;
color: #000;
}
.MainFooter-columns-section-title--color {
color: #F26520;
}
.MainFooter-columns-section-text {
margin: .3rem 0;
}
.MainFooter-columns-section-text-hidden {
display: none;
}
.MainFooter-columns-section-socialIcon {
position: relative;
width: 1.9rem;
margin: 0 .15rem;
border-radius: 50%;
box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
transition: box-shadow .5s ease;
}
.MainFooter-columns-section-socialIcon:hover {
box-shadow: 0 0 .6rem rgba(242,101,32,.8);
}
.MainFooter-columns + .MainFooter-menu {
margin-top: 2rem;
}
.MainFooter-columns-section--logos .MainFooter-columns-section-content {
display:flex;
justify-content: center;
align-items: center;
}
.MainFooter-menu .SimpleMenu-item.first {
font-weight: bold;
}
@media (min-width: 420px) and (max-width: 779px) {
.MainFooter-columns-section {
width: 50%;
}
.MainFooter-columns-section:nth-child(odd) .MainFooter-columns-section-content {
margin-left: 10%;
}
.MainFooter-columns-section:nth-child(even) .MainFooter-columns-section-content {
margin-right: 10%;
}
.MainFooter-columns-section:first-child .MainFooter-columns-section-content {
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
}
@media (min-width: 780px) {
.MainFooter-columns-section {
width: 25%;
}
}
@media (min-width: 1000px) {
.MainFooter {
padding-right: 3rem;
padding-left: 3rem;
}
.MainFooter-columns-section {
width: 16%;
}
.MainFooter-columns-section:first-child {
width: unset;
}
.MainFooter-columns-section + .MainFooter-columns-section {
margin-top: 0;
}
.MainFooter-columns-section-content {
max-width: 21rem;
padding-left: 2rem;
padding-right: 2rem;
}
.MainFooter-columns-section--logos .MainFooter-columns-section-content {
border-left:1px solid #e0e0e0;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2019-06-20 15:46:17
*/
/* Grid flexbox fallback */
.Grid {
display: flex;
flex-wrap: wrap;
margin: -1rem;
overflow: hidden;
}
.Grid > .Grid-item {
width: calc(100%/var(--grid-columns) - 2rem);
margin: 1rem;
overflow: hidden;
}
.Grid--noOverflow, .Grid--noOverflow > .Grid-item {
overflow: unset;
}
.Grid--2--2-3 > .Grid-item:first-child {
width: calc(40% - 1rem);
}
.Grid--2--3-2 > .Grid-item:first-child {
width: calc(60% - 1rem);
}
.Grid--2--4-2 > .Grid-item:first-child {
width: calc(80% - 1rem);
}
.Grid--2--2-3 > .Grid-item:last-child,
.Grid--2--3-2 > .Grid-item:last-child,
.Grid--2--4-2 > .Grid-item:last-child {
flex: 1;
}
.Grid--smallGridGap > .Grid-item {
width: calc(100%/var(--grid-columns) - 1rem);
margin: .5rem;
}
.Grid-item--greyBg {
padding: 3rem;
background: #EEEEEE;
}
@supports (display: grid) {
.Grid {
--grid-columns: 1;
display: grid;
grid-template-columns: repeat(var(--grid-columns), 1fr);
grid-gap: 2rem;
/* Cancel flexbox fallback styles */
margin: 0;
}
.Grid--smallGridGap {
grid-gap: 1rem;
}
.Grid--2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid > .Grid-item,
.Grid--smallGridGap > .Grid-item,
.Grid--2--2-3 > .Grid-item:first-child,
.Grid--2--2-3 > .Grid-item:last-child,
.Grid--2--3-2 > .Grid-item:first-child,
.Grid--2--3-2 > .Grid-item:last-child,
.Grid--2--4-2 > .Grid-item:first-child,
.Grid--2--4-2 > .Grid-item:last-child {
/* Cancel flexbox fallback styles */
width: auto;
margin: 0;
}
}
.Grid--2,
.Grid--2--2-3,
.Grid--2--3-2,
.Grid--2--4-2 {
--grid-columns: 2;
}
.Grid--3 {
--grid-columns: 3;
}
.Grid--4 {
--grid-columns: 4;
}
.Grid--5 {
--grid-columns: 5;
}
.Grid--6 {
--grid-columns: 6;
}
.Grid--padding {
padding: 1rem;
}
.Grid--horizontalPadding {
padding-left: 1rem;
padding-right: 1rem;
}
.Grid--2.Grid--largeMarginLeft,
.Grid--2--2-3.Grid--largeMarginLeft,
.Grid--2--3-2.Grid--largeMarginLeft,
.Grid--2--4-2.Grid--largeMarginLeft,
.Grid--3.Grid--largeMarginLeft,
.Grid--4.Grid--largeMarginLeft,
.Grid--5.Grid--largeMarginLeft,
.Grid--6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--2.Grid--largeMarginRight,
.Grid--2--2-3.Grid--largeMarginRight,
.Grid--2--3-2.Grid--largeMarginRight,
.Grid--2--4-2.Grid--largeMarginRight,
.Grid--3.Grid--largeMarginRight,
.Grid--4.Grid--largeMarginRight,
.Grid--5.Grid--largeMarginRight,
.Grid--6.Grid--largeMarginRight {
margin-right: 4rem;
}
.Grid--lightPiped > .Grid-item,
.Grid--xxs-lightPiped > .Grid-item,
.Grid--xs-lightPiped > .Grid-item,
.Grid--m-lightPiped > .Grid-item,
.Grid--l-lightPiped > .Grid-item,
.Grid--xl-lightPiped > .Grid-item {
position: relative;
}
.Grid--lightPiped > .Grid-item::after,
.Grid--xxs-lightPiped > .Grid-item::after,
.Grid--xs-lightPiped > .Grid-item::after,
.Grid--m-lightPiped > .Grid-item::after,
.Grid--l-lightPiped > .Grid-item::after,
.Grid--xl-lightPiped > .Grid-item::after {
content: '';
display: block;
position: absolute;
top: 0;
right: -3rem;
bottom: 0;
border-right: 1px solid #BFBFBF;
}
.Grid--xxs-lightPiped > .Grid-item::after,
.Grid--xs-lightPiped > .Grid-item::after,
.Grid--m-lightPiped > .Grid-item::after,
.Grid--l-lightPiped > .Grid-item::after,
.Grid--xl-lightPiped > .Grid-item::after {
display: none;
}
.Grid--2 .Grid-item--verticalPadding,
.Grid--2--2-3 .Grid-item--verticalPadding,
.Grid--2--3-2 .Grid-item--verticalPadding,
.Grid--2--4-2 .Grid-item--verticalPadding,
.Grid--3 .Grid-item--verticalPadding,
.Grid--4 .Grid-item--verticalPadding,
.Grid--5 .Grid-item--verticalPadding,
.Grid--6 .Grid-item--verticalPadding {
padding-top: 1rem;
padding-bottom: 1rem;
}
.Grid-item--horizontalPadding {
padding-left: 2rem;
padding-right: 2rem;
}
/* Independent media querries : only increase grid gap */
@media (min-width: 600px) {
/* Grid flexbox fallback */
.Grid {
margin: -2rem;
}
.Grid > .Grid-item {
width: calc(100%/var(--grid-columns) - 4rem);
margin: 2rem;
}
.Grid--smallGridGap > .Grid-item {
width: calc(100%/var(--grid-columns) - 2rem);
margin: 1rem;
}
.Grid--2--2-3 > .Grid-item:first-child {
width: calc(40% - 2rem);
}
.Grid--2--3-2 > .Grid-item:first-child {
width: calc(60% - 2rem);
}
.Grid--2--4-2 > .Grid-item:first-child {
width: calc(80% - 2rem);
}
@supports (display: grid) {
.Grid {
grid-gap: 4rem;
/* Cancel flexbox fallback styles */
margin: 0;
}
.Grid--smallGridGap {
grid-gap: 2rem;
}
.Grid > .Grid-item,
.Grid--2--2-3 > .Grid-item:first-child,
.Grid--2--2-3 > .Grid-item:last-child,
.Grid--2--3-2 > .Grid-item:first-child,
.Grid--2--3-2 > .Grid-item:last-child,
.Grid--2--4-2 > .Grid-item:first-child,
.Grid--2--4-2 > .Grid-item:last-child {
/* Cancel flexbox fallback styles */
width: auto;
margin: 0;
}
}
.Grid--padding {
padding: 2rem;
}
.Grid--horizontalPadding {
padding-left: 2rem;
padding-right: 2rem;
}
.Grid--lightPiped > *::after {
right: -2rem;
}
}
@media (min-width: 768px) {
/* Grid flexbox fallback */
.Grid {
margin: -3rem;
}
.Grid > .Grid-item {
width: calc(100%/var(--grid-columns) - 6rem);
margin: 3rem;
}
.Grid--smallGridGap > .Grid-item {
width: calc(100%/var(--grid-columns) - 3rem);
margin: 1.5rem;
}
.Grid--2--2-3 > .Grid-item:first-child {
width: calc(40% - 3rem);
}
.Grid--2--3-2 > .Grid-item:first-child {
width: calc(60% - 3rem);
}
.Grid--2--4-2 > .Grid-item:first-child {
width: calc(80% - 3rem);
}
@supports (display: grid) {
.Grid {
grid-gap: 6rem;
/* Cancel flexbox fallback styles */
margin: 0;
}
.Grid--smallGridGap {
grid-gap: 3rem;
}
.Grid > .Grid-item,
.Grid--2--2-3 > .Grid-item:first-child,
.Grid--2--2-3 > .Grid-item:last-child,
.Grid--2--3-2 > .Grid-item:first-child,
.Grid--2--3-2 > .Grid-item:last-child,
.Grid--2--4-2 > .Grid-item:first-child,
.Grid--2--4-2 > .Grid-item:last-child {
/* Cancel flexbox fallback styles */
width: auto;
margin: 0;
}
}
.Grid--padding {
padding: 3rem;
}
.Grid--horizontalPadding {
padding-left: 3rem;
padding-right: 3rem;
}
.Grid--lightPiped > *::after {
right: -3rem;
}
}
@media (min-width: 420px) {
.Grid--xxs-1 {
--grid-columns: 1;
grid-template-columns: 1fr;
}
.Grid--xxs-2 {
--grid-columns: 2;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xxs-2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--xxs-2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--xxs-2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid--xxs-3 {
--grid-columns: 3;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xxs-4 {
--grid-columns: 4;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xxs-5 {
--grid-columns: 5;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xxs-6 {
--grid-columns: 6;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xxs-2.Grid--largeMarginLeft,
.Grid--xxs-2--2-3.Grid--largeMarginLeft,
.Grid--xxs-2--3-2.Grid--largeMarginLeft,
.Grid--xxs-2--4-2.Grid--largeMarginLeft,
.Grid--xxs-3.Grid--largeMarginLeft,
.Grid--xxs-4.Grid--largeMarginLeft,
.Grid--xxs-5.Grid--largeMarginLeft,
.Grid--xxs-6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--xxs-2.Grid--largeMarginRight,
.Grid--xxs-2--2-3.Grid--largeMarginRight,
.Grid--xxs-2--3-2.Grid--largeMarginRight,
.Grid--xxs-2--4-2.Grid--largeMarginRight,
.Grid--xxs-3.Grid--largeMarginRight,
.Grid--xxs-4.Grid--largeMarginRight,
.Grid--xxs-5.Grid--largeMarginRight,
.Grid--xxs-6.Grid--largeMarginRight {
margin-right: 4rem;
}
/*.Grid--xxs--noPadding {
padding: 0;
}*/
.Grid--xxs--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid-item--xxs--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid--xxs-2 .Grid-item--verticalPadding,
.Grid--xxs-2--2-3 .Grid-item--verticalPadding,
.Grid--xxs-2--3-2 .Grid-item--verticalPadding,
.Grid--xxs-2--4-2 .Grid-item--verticalPadding,
.Grid--xxs-3 .Grid-item--verticalPadding,
.Grid--xxs-4 .Grid-item--verticalPadding,
.Grid--xxs-5 .Grid-item--verticalPadding,
.Grid--xxs-6 .Grid-item--verticalPadding {
padding-top: 1rem;
padding-bottom: 1rem;
}
.Grid--xxs-lightPiped > .Grid-item::after {
display: block;
}
.Grid--xxs-noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--xxs-noRowGap {
grid-row-gap: 0;
}
}
}
@media (min-width: 620px) {
.Grid--xs-1 {
--grid-columns: 1;
grid-template-columns: 1fr;
}
.Grid--xs-2 {
--grid-columns: 2;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xs-2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--xs-2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--xs-2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid--xs-3 {
--grid-columns: 3;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xs-4 {
--grid-columns: 4;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xs-5 {
--grid-columns: 5;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xs-6 {
--grid-columns: 6;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xs-2.Grid--largeMarginLeft,
.Grid--xs-2--2-3.Grid--largeMarginLeft,
.Grid--xs-2--3-2.Grid--largeMarginLeft,
.Grid--xs-2--4-2.Grid--largeMarginLeft,
.Grid--xs-3.Grid--largeMarginLeft,
.Grid--xs-4.Grid--largeMarginLeft,
.Grid--xs-5.Grid--largeMarginLeft,
.Grid--xs-6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--xs-2.Grid--largeMarginRight,
.Grid--xs-2--2-3.Grid--largeMarginRight,
.Grid--xs-2--3-2.Grid--largeMarginRight,
.Grid--xs-2--4-2.Grid--largeMarginRight,
.Grid--xs-3.Grid--largeMarginRight,
.Grid--xs-4.Grid--largeMarginRight,
.Grid--xs-5.Grid--largeMarginRight,
.Grid--xs-6.Grid--largeMarginRight {
margin-right: 4rem;
}
/*.Grid--xs--noPadding {
padding: 0;
}*/
.Grid--xs--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid-item--xxs--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid--xs-2 .Grid-item--verticalPadding,
.Grid--xs-2--2-3 .Grid-item--verticalPadding,
.Grid--xs-2--3-2 .Grid-item--verticalPadding,
.Grid--xs-2--4-2 .Grid-item--verticalPadding,
.Grid--xs-3 .Grid-item--verticalPadding,
.Grid--xs-4 .Grid-item--verticalPadding,
.Grid--xs-5 .Grid-item--verticalPadding,
.Grid--xs-6 .Grid-item--verticalPadding {
padding-top: 1rem;
padding-bottom: 1rem;
}
.Grid--xs-lightPiped > .Grid-item::after {
display: block;
}
.Grid--xs-noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--xs-noRowGap {
grid-row-gap: 0;
}
}
}
@media (min-width: 768px) {
.Grid--s-1 {
--grid-columns: 1;
grid-template-columns: 1fr;
}
.Grid--s-2 {
--grid-columns: 2;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--s-2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--s-2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--s-2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid--s-3 {
--grid-columns: 3;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--s-4 {
--grid-columns: 4;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--s-5 {
--grid-columns: 5;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--s-6 {
--grid-columns: 6;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--s-2.Grid--largeMarginLeft,
.Grid--s-2--2-3.Grid--largeMarginLeft,
.Grid--s-2--3-2.Grid--largeMarginLeft,
.Grid--s-2--4-2.Grid--largeMarginLeft,
.Grid--s-3.Grid--largeMarginLeft,
.Grid--s-4.Grid--largeMarginLeft,
.Grid--s-5.Grid--largeMarginLeft,
.Grid--s-6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--s-2.Grid--largeMarginRight,
.Grid--s-2--2-3.Grid--largeMarginRight,
.Grid--s-2--3-2.Grid--largeMarginRight,
.Grid--s-2--4-2.Grid--largeMarginRight,
.Grid--s-3.Grid--largeMarginRight,
.Grid--s-4.Grid--largeMarginRight,
.Grid--s-5.Grid--largeMarginRight,
.Grid--s-6.Grid--largeMarginRight {
margin-right: 4rem;
}
/*.Grid--s--noPadding {
padding: 0;
}*/
.Grid--s--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid-item--s--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid--s-2 .Grid-item--verticalPadding,
.Grid--s-2--2-3 .Grid-item--verticalPadding,
.Grid--s-2--3-2 .Grid-item--verticalPadding,
.Grid--s-2--4-2 .Grid-item--verticalPadding,
.Grid--s-3 .Grid-item--verticalPadding,
.Grid--s-4 .Grid-item--verticalPadding,
.Grid--s-5 .Grid-item--verticalPadding,
.Grid--s-6 .Grid-item--verticalPadding {
padding-top: 3rem;
padding-bottom: 3rem;
}
.Grid--s-lightPiped > .Grid-item::after {
display: block;
}
.Grid--s-noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--s-noRowGap {
grid-row-gap: 0;
}
}
.Grid-item--s-order-first {
order: -100;
}
.Grid-item--s-order-second {
order: -99;
}
.Grid-item--s-order-third {
order: -98;
}
.Grid-item--s-order-fourth {
order: -97;
}
}
@media (min-width: 960px) {
.Grid--m-1 {
--grid-columns: 1;
grid-template-columns: 1fr;
}
.Grid--m-2 {
--grid-columns: 2;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--m-2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--m-2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--m-2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid--m-3 {
--grid-columns: 3;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--m-4 {
--grid-columns: 4;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--m-5 {
--grid-columns: 5;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--m-6 {
--grid-columns: 6;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--m-2.Grid--largeMarginLeft,
.Grid--m-2--2-3.Grid--largeMarginLeft,
.Grid--m-2--3-2.Grid--largeMarginLeft,
.Grid--m-2--4-2.Grid--largeMarginLeft,
.Grid--m-3.Grid--largeMarginLeft,
.Grid--m-4.Grid--largeMarginLeft,
.Grid--m-5.Grid--largeMarginLeft,
.Grid--m-6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--m-2.Grid--largeMarginRight,
.Grid--m-2--2-3.Grid--largeMarginRight,
.Grid--m-2--3-2.Grid--largeMarginRight,
.Grid--m-2--4-2.Grid--largeMarginRight,
.Grid--m-3.Grid--largeMarginRight,
.Grid--m-4.Grid--largeMarginRight,
.Grid--m-5.Grid--largeMarginRight,
.Grid--m-6.Grid--largeMarginRight {
margin-right: 4rem;
}
/*.Grid--m--noPadding {
padding: 0;
}*/
.Grid--m--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid-item--m--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid--m-2 .Grid-item--verticalPadding,
.Grid--m-2--2-3 .Grid-item--verticalPadding,
.Grid--m-2--3-2 .Grid-item--verticalPadding,
.Grid--m-2--4-2 .Grid-item--verticalPadding,
.Grid--m-3 .Grid-item--verticalPadding,
.Grid--m-4 .Grid-item--verticalPadding,
.Grid--m-5 .Grid-item--verticalPadding,
.Grid--m-6 .Grid-item--verticalPadding {
padding-top: 3rem;
padding-bottom: 3rem;
}
.Grid--m-lightPiped > .Grid-item::after {
display: block;
}
.Grid--m-noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--m-noRowGap {
grid-row-gap: 0;
}
}
}
@media (min-width: 1025px) {
.Grid--largeMarginLeft {
margin-left: 10%;
}
.Grid--largeMarginRight {
margin-right: 10%;
}
}
@media (min-width: 1080px) {
.Grid--l-1 {
--grid-columns: 1;
grid-template-columns: 1fr;
}
.Grid--l-2 {
--grid-columns: 2;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--l-2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--l-2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--l-2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid--l-3 {
--grid-columns: 3;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--l-4 {
--grid-columns: 4;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--l-5 {
--grid-columns: 5;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--l-6 {
--grid-columns: 6;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--l-2.Grid--largeMarginLeft,
.Grid--l-2--2-3.Grid--largeMarginLeft,
.Grid--l-2--3-2.Grid--largeMarginLeft,
.Grid--l-2--4-2.Grid--largeMarginLeft,
.Grid--l-3.Grid--largeMarginLeft,
.Grid--l-4.Grid--largeMarginLeft,
.Grid--l-5.Grid--largeMarginLeft,
.Grid--l-6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--l-2.Grid--largeMarginRight,
.Grid--l-2--2-3.Grid--largeMarginRight,
.Grid--l-2--3-2.Grid--largeMarginRight,
.Grid--l-2--4-2.Grid--largeMarginRight,
.Grid--l-3.Grid--largeMarginRight,
.Grid--l-4.Grid--largeMarginRight,
.Grid--l-5.Grid--largeMarginRight,
.Grid--l-6.Grid--largeMarginRight {
margin-right: 4rem;
}
/*.Grid--l--noPadding {
padding: 0;
}*/
.Grid--l--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid-item--l--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid--l-2 .Grid-item--verticalPadding,
.Grid--l-2--2-3 .Grid-item--verticalPadding,
.Grid--l-2--3-2 .Grid-item--verticalPadding,
.Grid--l-2--4-2 .Grid-item--verticalPadding,
.Grid--l-3 .Grid-item--verticalPadding,
.Grid--l-4 .Grid-item--verticalPadding,
.Grid--l-5 .Grid-item--verticalPadding,
.Grid--l-6 .Grid-item--verticalPadding {
padding-top: 3rem;
padding-bottom: 3rem;
}
.Grid--l-lightPiped > .Grid-item::after {
display: block;
}
.Grid--l-noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--l-noRowGap {
grid-row-gap: 0;
}
}
}
@media (min-width: 1260px) {
.Grid--xl-1 {
--grid-columns: 1;
grid-template-columns: 1fr;
}
.Grid--xl-2 {
--grid-columns: 2;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xl-2--2-3 {
grid-template-columns: 2fr 3fr;
}
.Grid--xl-2--3-2 {
grid-template-columns: 3fr 2fr;
}
.Grid--xl-2--4-2 {
grid-template-columns: 4fr 2fr;
}
.Grid--xl-3 {
--grid-columns: 3;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xl-4 {
--grid-columns: 4;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xl-5 {
--grid-columns: 5;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xl-6 {
--grid-columns: 6;
grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.Grid--xl-2.Grid--largeMarginLeft,
.Grid--xl-2--2-3.Grid--largeMarginLeft,
.Grid--xl-2--3-2.Grid--largeMarginLeft,
.Grid--xl-2--4-2.Grid--largeMarginLeft,
.Grid--xl-3.Grid--largeMarginLeft,
.Grid--xl-4.Grid--largeMarginLeft,
.Grid--xl-5.Grid--largeMarginLeft,
.Grid--xl-6.Grid--largeMarginLeft {
margin-left: 4rem;
}
.Grid--xl-2.Grid--largeMarginRight,
.Grid--xl-2--2-3.Grid--largeMarginRight,
.Grid--xl-2--3-2.Grid--largeMarginRight,
.Grid--xl-2--4-2.Grid--largeMarginRight,
.Grid--xl-3.Grid--largeMarginRight,
.Grid--xl-4.Grid--largeMarginRight,
.Grid--xl-5.Grid--largeMarginRight,
.Grid--xl-6.Grid--largeMarginRight {
margin-right: 4rem;
}
/*.Grid--xl--noPadding {
padding: 0;
}*/
.Grid--xl--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid-item--xl--noHorizontalPadding {
padding-left: 0rem;
padding-right: 0rem;
}
.Grid--xl-2 .Grid-item--verticalPadding,
.Grid--xl-2--2-3 .Grid-item--verticalPadding,
.Grid--xl-2--3-2 .Grid-item--verticalPadding,
.Grid--xl-2--4-2 .Grid-item--verticalPadding,
.Grid--xl-3 .Grid-item--verticalPadding,
.Grid--xl-4 .Grid-item--verticalPadding,
.Grid--xl-5 .Grid-item--verticalPadding,
.Grid--xl-6 .Grid-item--verticalPadding {
padding-top: 3rem;
padding-bottom: 3rem;
}
.Grid--xl-lightPiped > .Grid-item::after {
display: block;
}
.Grid--xl-noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--xl-noRowGap {
grid-row-gap: 0;
}
}
}
/* IE 10-11 */
@media all and (-ms-high-contrast:none)
{
.Grid > .Grid-item {
width: calc(100% - 6.01rem);
}
.Grid--2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--2--2-3 > .Grid-item:first-child {
width: calc(40% - 3.01rem);
}
.Grid--2--3-2 > .Grid-item:first-child {
width: calc(60% - 3.01rem);
}
.Grid--2--4-2 > .Grid-item:first-child {
width: calc(80% - 3.01rem);
}
.Grid--3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--6 > * {
width: calc(100%/6 - 6.01rem);
}
}
@media all and (-ms-high-contrast:none) and (min-width: 420px) {
.Grid--xxs-1 > * {
width: calc(100% - 6.01rem);
}
.Grid--xxs-2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--xxs-3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--xxs-4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--xxs-5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--xxs-6 > * {
width: calc(100%/6 - 6.01rem);
}
}
@media all and (-ms-high-contrast:none) and (min-width: 620px) {
.Grid--xs-1 > * {
width: calc(100% - 6.01rem);
}
.Grid--xs-2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--xs-3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--xs-4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--xs-5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--xs-6 > * {
width: calc(100%/6 - 6.01rem);
}
}
@media all and (-ms-high-contrast:none) and (min-width: 768px) {
.Grid--s-1 > * {
width: calc(100% - 6.01rem);
}
.Grid--s-2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--s-3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--s-4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--s-5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--s-6 > * {
width: calc(100%/6 - 6.01rem);
}
}
@media all and (-ms-high-contrast:none) and (min-width: 960px) {
.Grid--m-1 > * {
width: calc(100% - 6.01rem);
}
.Grid--m-2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--m-3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--m-4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--m-5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--m-6 > * {
width: calc(100%/6 - 6.01rem);
}
}
@media all and (-ms-high-contrast:none) and (min-width: 1080px) {
.Grid--l-1 > * {
width: calc(100% - 6.01rem);
}
.Grid--l-2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--l-3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--l-4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--l-5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--l-6 > * {
width: calc(100%/6 - 6.01rem);
}
}
@media all and (-ms-high-contrast:none) and (min-width: 1260px) {
.Grid--xl-1 > * {
width: calc(100% - 6.01rem);
}
.Grid--xl-2 > * {
width: calc(100%/2 - 6.01rem);
}
.Grid--xl-3 > * {
width: calc(100%/3 - 6.01rem);
}
.Grid--xl-4 > * {
width: calc(100%/4 - 6.01rem);
}
.Grid--xl-5 > * {
width: calc(100%/5 - 6.01rem);
}
.Grid--xl-6 > * {
width: calc(100%/6 - 6.01rem);
}
}
.Grid--noRowGap > .Grid-item {
margin-top: 0;
margin-bottom: 0;
}
@supports (display: grid) {
.Grid--noRowGap {
grid-row-gap: 0;
}
.Grid--noGap {
grid-row-gap: 0;
grid-column-gap: 0;
}
}
.Grid-item--rowSpan-2 {
grid-row: span 2;
}
.Grid-item--flex {
display: flex;
}
.Grid-item--flexVerticalCenter {
display: flex;
align-items: center;
}
.Grid--noRowGap {
grid-row-gap: 0;
}
.Grid--noGap {
grid-row-gap: 0;
grid-column-gap: 0;
}
.Grid-item--100 {
grid-column: 1 / -1;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.Surtitle {
font-size: 1.2rem;
text-transform: uppercase;
margin: 0 0 .4rem 0;
color: #BFBFBF;
}
.Surtitle::before {
content: '';
display: inline-block;
width: .8rem;
height: .2rem;
margin: 0 .7rem .4rem 0;
background: #F26520;
}
.Title,
.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
line-height: 1.2;
}
.Title a {
color: inherit;
text-decoration: none;
}
.Title a:hover {
color: #F26520;
}
.Title:first-child {
margin-top: 0;
}
.Title-topBorder {
display: inline-block;
padding-top: 1.8rem;
margin-top: -1.8rem;
padding-right: 3rem;
border-top: 1px solid #F0F0F0;
}
.Subtitle {
display: block;
text-align: center;
font-style: italic;
font-weight: normal;
font-size: 1.8rem;
margin: 0 0 3rem;
color: #A3A3A3;
}
.Title--1,
.richtext h1 {
font-size: 2rem;
margin: 0 0 3rem;
text-align: center;
line-height: 1.1;
color: #000;
}
.Title--1--bigBottomMargin {
margin-bottom: 5rem;
}
.richtext h1 {
margin: 3rem 0;
}
.Title--1 + .Subtitle {
margin-top: -2.6rem;
}
.Title--2,
.richtext h2 {
font-size: 2rem;
margin: 5rem 0 2rem;
color: #000;
}
.Title--2--small {
font-size: 1.8rem;
margin-bottom: 3rem;
}
.Title--1 + .Title--2,
.richtext h1 + h2 {
margin-top: -2rem;
}
.Title--2--smallBottomMargin {
margin-bottom: 2rem;
}
.Title--3,
.richtext h3 {
font-size: 1.8rem;
font-weight: normal;
font-style: italic;
margin: 2.5em 0 2rem 0;
color: #A3A3A3;
}
.Title--3--small {
font-size: 1.6rem;
}
.Title--2 + .Title--3,
.richtext h2 + h3 {
margin-top: -2rem;
}
.Title--2 + .Title--3--small {
margin-top: -3.3rem;
}
.Title--2--small + .Title--3--small {
margin-top: -2.4rem;
}
.Title--4,
.richtext h4 {
font-size: 1.6rem;
font-weight: bold;
margin: 4rem 0 3rem 0;
}
.Title--3 + .Title--4,
.richtext h3 + h4 {
margin-top: -1rem;
}
.Title--5,
.richtext h5 {
font-size: 1.6rem;
font-weight: normal;
margin: 4rem 0 3rem 0;
}
.Title--4 + .Title--5,
.richtext h4 + h5 {
margin-top: -2.2rem;
}
.Title--6,
.richtext h6 {
font-size: 1em;
font-weight: bold;
margin: 4rem 0 3rem 0;
}
.Title--5 + .Title--6,
.richtext h5 + h6 {
margin-top: -2rem;
}
.Title-emphasis {
display: inline;
font-size: 1em;
color: #F26520;
}
.Title-color {
color: #F26520;
}
.Title-info {
font-size: .8em;
}
.Title-emphasis + .Title-info {
margin-left: 1rem;
}
.MainBodyBgContainer--dark .Title {
color: #fff;
}
.Title--iconBg {
position: relative;
z-index: 0;
}
.Title--iconBg::before {
content: '';
display: block;
position: absolute;
top: -.9rem;
bottom: -1.3rem;
left: -3.5rem;
right: 0;
background-repeat: no-repeat;
background-size: auto 100%;
z-index: -1;
}
.Title--iconBg--laptop::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY1LjY3OSIgdmlld0JveD0iMCAwIDk3LjgyOCA2NS42NzkiIHdpZHRoPSI5Ny44MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTE2MTYuMzUgMTkyNC42NTloLTc2LjkzOWExLjMgMS4zIDAgMCAxIC0xLjMtMS4zdi01MS4yNTlhNS4wNzIgNS4wNzIgMCAwIDEgNS4wNjctNS4wNjdoNjkuNGE1LjA3MSA1LjA3MSAwIDAgMSA1LjA2NiA1LjA2N3Y1MS4yNjZhMS4zIDEuMyAwIDAgMSAtMS4yOTQgMS4yOTN6bS03NS42NDQtMi41OTNoNzQuMzQ4di00OS45NjZhMi40NzggMi40NzggMCAwIDAgLTIuNDc2LTIuNDc2aC02OS40YTIuNDc4IDIuNDc4IDAgMCAwIC0yLjQ3NSAyLjQ3NnoiIG9wYWNpdHk9Ii4xNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MjguOTY3IC0xODY3LjAyOSkiLz48cGF0aCBkPSJtMTYyMS4yMjggMTkxMy44MjNoLTgwLjQxN2E4LjcxNSA4LjcxNSAwIDAgMSAtOC43MDUtOC43MDV2LS42NDFhMS4zIDEuMyAwIDAgMSAxLjMtMS4zaDk1LjIzN2ExLjMgMS4zIDAgMCAxIDEuMyAxLjN2LjY0MWE4LjcxNSA4LjcxNSAwIDAgMSAtOC43MTUgOC43MDV6bS04Ni41LTguMDQ5YTYuMTIyIDYuMTIyIDAgMCAwIDYuMDc5IDUuNDU4aDgwLjQxN2E2LjEyMyA2LjEyMyAwIDAgMCA2LjA4LTUuNDU4eiIgb3BhY2l0eT0iLjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUzMi4xMDYgLTE4NDguMTQ0KSIvPjwvZz48L3N2Zz4K);
}
.Title--iconBg--comments::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg3LjAwNiIgdmlld0JveD0iMCAwIDEyOC4xNjEgODcuMDA2IiB3aWR0aD0iMTI4LjE2MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuMTUiPjxwYXRoIGQ9Im00OTExLjYxNSAxOTMzLjc2MmMtMTcuNzE1IDAtMzMuNTE3LTguMDY5LTM4LjQyOC0xOS42MjFhMS42MjkgMS42MjkgMCAxIDEgMy0xLjI3NGM0LjQxNSAxMC4zODEgMTguOTg1IDE3LjYzNCAzNS40MyAxNy42MzRhNDkuOTg0IDQ5Ljk4NCAwIDAgMCAyMi4yMTUtNC45MTMgMS42MzggMS42MzggMCAwIDEgMS4xMjYtLjEyM2wxMS4yMSAyLjgzMi0yLjMzOC05LjI0OWExLjYyNiAxLjYyNiAwIDAgMSAuMzEzLTEuNDIyIDE3LjUyMiAxNy41MjIgMCAwIDAgNC4yMjgtMTEuMTQ4YzAtMTAuNzM0LTExLjA2My0yMC4yNTEtMjYuOS0yMy4xNDVhMS42MyAxLjYzIDAgMCAxIC41ODctMy4yMDhjMTcuNDE1IDMuMTgzIDI5LjU3OSAxNC4wMTggMjkuNTc5IDI2LjM1MmEyMC43NyAyMC43NyAwIDAgMSAtNC40NDUgMTIuNTQ3bDIuODExIDExLjEyM2ExLjYzMSAxLjYzMSAwIDAgMSAtMS45NzkgMS45NzlsLTEzLjI3OC0zLjM1NWE1My41MTMgNTMuNTEzIDAgMCAxIC0yMy4xMzEgNC45OTF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDgyMy40NyAtMTg0Ni43NTYpIi8+PHBhdGggZD0ibTQ4OTYuOTM3IDE5MzAuMjg3YTY2LjYxIDY2LjYxIDAgMCAxIC0yOC45NDgtNi4yNzlsLTE2Ljc5NSA0LjI0MmExLjYyOCAxLjYyOCAwIDAgMSAtMS45NzktMS45NzlsMy41Ny0xNC4xMzlhMjUuNjg1IDI1LjY4NSAwIDAgMSAtNS42MDgtMTUuNjM5YzAtMTguNjM0IDIyLjMyMy0zMy43OTQgNDkuNzYtMzMuNzk0czQ5Ljc1NyAxNS4xNiA0OS43NTcgMzMuNzk0LTIyLjMyMSAzMy43OTQtNDkuNzU3IDMzLjc5NHptLTI4Ljc2OS05LjYzOGExLjYzNyAxLjYzNyAwIDAgMSAuNzI5LjE3MiA2My4xIDYzLjEgMCAwIDAgMjguMDQgNi4yYzI1LjYzNyAwIDQ2LjUtMTMuNyA0Ni41LTMwLjUzM3MtMjAuODYxLTMwLjUzNS00Ni41LTMwLjUzNS00Ni41IDEzLjctNDYuNSAzMC41MzVhMjIuNjc3IDIyLjY3NyAwIDAgMCA1LjM5MiAxNC4yMzcgMS42MzIgMS42MzIgMCAwIDEgLjMxMyAxLjQyNGwtMy4xIDEyLjI2NyAxNC43MjYtMy43MjFhMS41NzQgMS41NzQgMCAwIDEgLjQtLjA0NnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODQ3LjE3NyAtMTg2Mi42OTgpIi8+PHBhdGggZD0ibTQ4NzYuNzY2IDE4OTEuNTI1YTcuNTcxIDcuNTcxIDAgMSAxIDcuNTctNy41NzEgNy41NzggNy41NzggMCAwIDEgLTcuNTcgNy41NzF6bTAtMTEuODgyYTQuMzEgNC4zMSAwIDEgMCA0LjMxIDQuMzExIDQuMzE1IDQuMzE1IDAgMCAwIC00LjMxLTQuMzExeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4MjcuMDA2IC0xODUwLjE2KSIvPjxwYXRoIGQ9Im00ODY1IDE4OTEuNTI1YTcuNTcxIDcuNTcxIDAgMSAxIDcuNTcyLTcuNTcxIDcuNTc5IDcuNTc5IDAgMCAxIC03LjU3MiA3LjU3MXptMC0xMS44ODJhNC4zMSA0LjMxIDAgMSAwIDQuMzExIDQuMzExIDQuMzE1IDQuMzE1IDAgMCAwIC00LjMxMS00LjMxMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODM3Ljc4MyAtMTg1MC4xNikiLz48cGF0aCBkPSJtNDg4OC41MjkgMTg5MS41MjVhNy41NzEgNy41NzEgMCAxIDEgNy41Ny03LjU3MSA3LjU3OSA3LjU3OSAwIDAgMSAtNy41NyA3LjU3MXptMC0xMS44ODJhNC4zMSA0LjMxIDAgMSAwIDQuMzEyIDQuMzExIDQuMzE1IDQuMzE1IDAgMCAwIC00LjMxMi00LjMxMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODE2LjIzIC0xODUwLjE2KSIvPjwvZz48L3N2Zz4=);
}
.Title--iconBg--assets::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMS44NzMiIHZpZXdCb3g9IjAgMCA4MS4wNzMgMTAxLjg3MyIgd2lkdGg9IjgxLjA3MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuMTUiPjxwYXRoIGQ9Im00NjQ1Ljg2NSAxMjM0Ljk5NGgtNS43MThhNC43NjIgNC43NjIgMCAwIDEgLTQuNzU3LTQuNzU2di0yNy41YTQuNzYyIDQuNzYyIDAgMCAxIDQuNzU3LTQuNzU2aDUuNzE4YTQuNzYyIDQuNzYyIDAgMCAxIDQuNzU3IDQuNzU2djI3LjVhNC43NjEgNC43NjEgMCAwIDEgLTQuNzU3IDQuNzU2em0tNS43MTgtMzMuODg4YTEuNjM4IDEuNjM4IDAgMCAwIC0xLjYzNyAxLjYzN3YyNy41YTEuNjM4IDEuNjM4IDAgMCAwIDEuNjM3IDEuNjM3aDUuNzE4YTEuNjM4IDEuNjM4IDAgMCAwIDEuNjM3LTEuNjM3di0yNy41YTEuNjM4IDEuNjM4IDAgMCAwIC0xLjYzNy0xLjYzN3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjM1LjM5MSAtMTEzMy4xMjEpIi8+PHBhdGggZD0ibTQ2NjMuMzEgMTIxNC4zMWExLjU2IDEuNTYgMCAwIDEgLS40NjItMy4wNWw4LjY3OC0yLjY5NGExLjU3NCAxLjU3NCAwIDAgMSAuNjgtLjA1NWwxNi4yMzQgMi4yODNhMS42NiAxLjY2IDAgMCAwIDEuODM0LTEuMjY1bC4xMzgtLjYxYTEuNjQ5IDEuNjQ5IDAgMCAwIC0xLjIyNi0xLjk2N2wtMTguMTMzLTQuMjgxLTI3LjIxMSA1LjAyN2ExLjU1OSAxLjU1OSAwIDAgMSAtLjU2Ni0zLjA2NmwyNy41MzEtNS4wODhhMS41NDggMS41NDggMCAwIDEgLjY0Mi4wMTVsMTguNDU2IDQuMzU2YTQuNzggNC43OCAwIDAgMSAzLjU1IDUuNjk0bC0uMTQuNjFhNC43ODcgNC43ODcgMCAwIDEgLTUuMzEgMy42NjJsLTE1Ljg4OC0yLjIzMi04LjM0NyAyLjU5YTEuNTM4IDEuNTM4IDAgMCAxIC0uNDYuMDcxeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2MjkuODg3IC0xMTMxLjg0NCkiLz48cGF0aCBkPSJtNDY2Mi4xODggMTIyMS45NmExNjAuODggMTYwLjg4IDAgMCAxIC0xOC44MS0xLjEwNyAxLjU1OSAxLjU1OSAwIDEgMSAuMzY1LTMuMSAxNTYuNDA3IDE1Ni40MDcgMCAwIDAgNTkuNTg4LTQuNDMzbDMuMy0uOWExLjY0NiAxLjY0NiAwIDAgMCAuMzQ4LTMuMDM3IDEuNjUxIDEuNjUxIDAgMCAwIC0uNzc5LS4ybC0xOC4wMDgtLjQxMWExLjU2IDEuNTYgMCAwIDEgLjA3MS0zLjExOWwxNy45NzIuNDExYTQuNzY0IDQuNzY0IDAgMCAxIDEuMjEzIDkuMzYybC0zLjI5NS45YTE1OS41MDUgMTU5LjUwNSAwIDAgMSAtNDEuOTY1IDUuNjM0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2MjkuODg3IC0xMTI2LjcyOSkiLz48cGF0aCBkPSJtNDY2My42OTEgMTIxMy41N2E2LjQwOCA2LjQwOCAwIDAgMSAtNi40MjgtNi4ybC0uMDIzLS42NzhhMjkuNzc1IDI5Ljc3NSAwIDAgMCAtNS4wNjItMTUuNDY2IDE0LjA4OSAxNC4wODkgMCAxIDEgMjUuODIzLTcuOCAxMy45NzggMTMuOTc4IDAgMCAxIC0yLjUyNCA4LjA0MiAyOS42MTQgMjkuNjE0IDAgMCAwIC01LjM2IDE1LjkgNi40MDYgNi40MDYgMCAwIDEgLTYuNDI2IDYuMjAyem0uMjMyLTQxLjExM2ExMS40NjggMTEuNDY4IDAgMCAwIC0xLjI3NC4wNzIgMTAuOTg1IDEwLjk4NSAwIDAgMCAtOS42NDEgOS42NCAxMC44NjUgMTAuODY1IDAgMCAwIDEuNzY1IDcuMzI1IDMyLjg5MiAzMi44OTIgMCAwIDEgNS41ODQgMTcuMDg2bC4wMjMuNjc4YTMuMzExIDMuMzExIDAgMCAwIDYuNjE4IDAgMzIuNzI0IDMyLjcyNCAwIDAgMSA1LjkyLTE3LjU3MiAxMC45NyAxMC45NyAwIDAgMCAtOS0xNy4yMjl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYyMy4zNzQgLTExNTYuOTc0KSIvPjxwYXRoIGQ9Im00NjYwLjQ2NCAxMTkwLjFhMTIuNzY4IDEyLjc2OCAwIDAgMSAtNS45MzMtMS4zODkgMS41NiAxLjU2IDAgMCAxIDEuNTQyLTIuNzEyIDEwLjM2OSAxMC4zNjkgMCAwIDAgOS4wMDgtLjA1OSAxLjU1OSAxLjU1OSAwIDEgMSAxLjMgMi44MzMgMTQuMDY0IDE0LjA2NCAwIDAgMSAtNS45MTcgMS4zMjd6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYyMC4xMDggLTExNDMuMjczKSIvPjxwYXRoIGQ9Im00NjU4LjIxOCAxMTcwLjA1YTEuNTYgMS41NiAwIDAgMSAtMS41Ni0xLjU2di00LjMzOGExLjU2IDEuNTYgMCAwIDEgMy4xMTkgMHY0LjMzOGExLjU2IDEuNTYgMCAwIDEgLTEuNTU5IDEuNTZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYxNy42ODEgLTExNjIuNTkzKSIvPjxwYXRoIGQ9Im00NjUyLjI5NSAxMTcyLjIwNmExLjU1MSAxLjU1MSAwIDAgMSAtMS4xOTQtLjU1N2wtMi43ODktMy4zMjNhMS41NiAxLjU2IDAgMCAxIDIuMzktMmwyLjc4OCAzLjMyM2ExLjU1OSAxLjU1OSAwIDAgMSAtMS4xOTQgMi41NjJ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYyNC45MzYgLTExNTkuOTUyKSIvPjxwYXRoIGQ9Im00NjQ5LjE0NSAxMTc3LjY2N2ExLjcyMiAxLjcyMiAwIDAgMSAtLjI3Mi0uMDI0bC00LjI3Mi0uNzUzYTEuNTYxIDEuNTYxIDAgMCAxIC41NDMtMy4wNzNsNC4yNy43NTVhMS41NTkgMS41NTkgMCAwIDEgLS4yNjggMy4xeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2MjguNzk1IC0xMTUzLjI2OCkiLz48cGF0aCBkPSJtNDY0Ni40OCAxMTg3LjAyOWExLjU2MSAxLjU2MSAwIDAgMSAtLjc4LTIuOTEybDMuNzU3LTIuMTY4YTEuNTYgMS41NiAwIDEgMSAxLjU2IDIuN2wtMy43NTggMi4xNjhhMS41MzcgMS41MzcgMCAwIDEgLS43NzkuMjEyeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2MjcuNDU0IC0xMTQ2LjY1KSIvPjxwYXRoIGQ9Im00NjcxLjY2IDExODcuMDI4YTEuNTQzIDEuNTQzIDAgMCAxIC0uNzc5LS4yMTFsLTMuNzU3LTIuMTY4YTEuNTYgMS41NiAwIDEgMSAxLjU2Mi0yLjdsMy43NTUgMi4xNjhhMS41NiAxLjU2IDAgMCAxIC0uNzggMi45MTJ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDYwOS42MTUgLTExNDYuNjUpIi8+PHBhdGggZD0ibTQ2NjkuMjMyIDExNzcuNjY3YTEuNTYgMS41NiAwIDAgMSAtLjI3LTMuMWw0LjI3MS0uNzU1YTEuNTYgMS41NiAwIDAgMSAuNTQyIDMuMDczbC00LjI3MS43NTNhMS43NDIgMS43NDIgMCAwIDEgLS4yNzIuMDI5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2MDguNTA4IC0xMTUzLjI2OCkiLz48cGF0aCBkPSJtNDY2NS40MDggMTE3Mi4yMDZhMS41NiAxLjU2IDAgMCAxIC0xLjItMi41NjJsMi43ODctMy4zMjNhMS41NiAxLjU2IDAgMCAxIDIuMzkxIDJsLTIuNzg4IDMuMzIzYTEuNTU0IDEuNTU0IDAgMCAxIC0xLjE5LjU2MnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjExLjY5MyAtMTE1OS45NTIpIi8+PC9nPjwvc3ZnPg==);
}
@media (min-width: 560px) {
.Surtitle {
margin-bottom: .2rem;
}
.Title--1,
.richtext h1 {
font-size: 2.6rem;
line-height: 1.2;
}
}
.Title--noMargins {
margin: 0;
}
.Title--noMargins + .Title--3--small {
margin-top: 0;
}
.MainBodyBgContainer--dark .MainBody .Title {
margin-top: -.6rem;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.TopBarContainer {
padding-top: 4.6rem; /* TopBar height */
}
.TopBar {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 7rem;
display: flex;
align-items: stretch;
justify-content: center;
z-index: 900;
color: #fff;
transition: background 1s ease;
}
.TopBar,
.TopBar--overHeader.scroll {
background: #ffffff;
}
.TopBar--overHeader {
background: none;
}
.TopBar--overHeader:not(.scroll) .MainMenu:not(.open) .MainMenu-item-link {
color:#fff !important;
}
.TopBar--overHeader:not(.scroll) .MainMenu:not(.open) .MainMenu-btn,
.TopBar--overHeader:not(.scroll) .MainMenu:not(.open) .MainMenu-btn:before,
.TopBar--overHeader:not(.scroll) .MainMenu:not(.open) .MainMenu-btn:after {
border-color:#F26520;
}
.TopBar-logo {
display: flex;
align-items: center;
z-index: 1100;
margin: -1.7rem 2.5rem 0;
}
.TopBar-logo img {
display: block;
height: 2.8rem;
}
.TopBar--overHeader .TopBar-logo{
visibility: hidden;
}
.TopBar--overHeader.scroll .TopBar-logo{
visibility: visible;
}
.TopBar-phonenumber {
margin: .6rem 2.5rem;
}
.headerLess .TopBar{
display:none;
}
.TopBar-phonenumber {
display: none;
}
.TopBar--overHeader .TopBar-buttons {
display:block;
}
.TopBar-buttons {
display:none;
position:absolute;
right:1.8rem;
top: 5.8rem;
z-index: 110;
}
.TopBar-buttons--bottom {
display:block;
top:auto;
bottom:1.8rem;
left:1.8rem;
right:auto;
}
.TopBar-buttons-button {
background:transparent;
border-radius:20px;
display:flex;
justify-content: end;
align-items: center;
padding:3px 10px;
color:white;
cursor: pointer;
}
.TopBar-buttons-button:hover {
text-decoration: none;
}
.TopBar-buttons-button + .TopBar-buttons-button {
margin-top:0.7rem;
}
.TopBar-buttons-button--open {
background:#F26520;
width:auto;
}
.TopBar-buttons-button-text {
display:none;
padding: 0 0.5em 3px;
font-size:1.5em;
color: white;
font-weight: bold;
}
.TopBar-buttons-button--open .TopBar-buttons-button-text{
display: inherit;
}
.TopBar-buttons-button-icon {
background: #f06420;
border-radius:16px;
width:47px;
height:35px;
box-shadow: 0 0.2em 0.6em rgba(0,0,0,.2);
display:flex;
justify-content: center;
align-items: center;
padding:7px 5px;
}
.TopBar-buttons-button-icon-home {
width:32px;
height:32px;
display:flex;
justify-content: center;
align-items: center;
position:relative;
bottom: 1px;
}
.TopBar-buttons-button-icon > img {
max-width:100%;
max-height:100%;
}
/* Classe spécifique pour le bloc à gauche */
.TopBar-buttons--left {
display: inline-block !important;
width: auto !important;
left: 1.8rem !important;
right: auto !important;
}
@media (min-width: 700px) {
.TopBar-buttons--left {
left: 1.8rem !important;
right: auto !important;
}
.TopBar-buttons--bottom {
top:auto;
bottom:1.8rem;
left:auto;
right:1rem;
}
}
@media (min-width: 1010px) {
.TopBar-buttons--left {
left: 3% !important;
right: auto !important;
}
}
@media (min-width: 1200px) {
.TopBar-buttons--left {
left: 4% !important;
}
}
@media (min-width: 1400px) {
.TopBar-buttons--left {
left: 3% !important;
}
}
/* Keep this one in sync with MainMenu */
@media (min-width: 860px) {
.TopBar {
padding-top: 1.5rem;
}
.TopBar-logo img {
height: 2.3rem;
}
}
@media (min-width: 1010px) {
.TopBar {
padding-top: 1.5rem;
}
.TopBar-logo {
margin-left: 3%;
margin-right: 0;
}
.TopBar-phonenumber {
display: inline-block;
}
.TopBar-buttons {
display: block;
right:1rem;
}
.TopBar--overHeader:not(.scroll) .MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu {
background: black;
opacity: 0.7;
box-shadow: none;
}
.TopBar-buttons-button-text {
font-size: 1em;
}
}
@media (min-width: 1100px) {
.TopBar-buttons {
top: 4.8rem;
}
.TopBar-buttons--bottom {
top: unset;
}
}
@media (min-width: 1200px) {
.TopBar-logo {
margin-left: 4%;
}
}
@media (min-width: 1400px) {
.TopBar-logo {
margin-left: 5%;
}
}
@media (min-width: 1800px) {
.TopBar-buttons-button--open-over1800 {
background:#F26520;
width:auto;
}
.TopBar-buttons-button--open-over1800 .TopBar-buttons-button-text{
display: inherit;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2019-11-29 15:21:40
*/
.MainMenu {
font-size: 1.3rem;
font-family: 'Century Gothic', sans-serif;
}
.MainMenu-btn {
position: absolute;
top: 2rem;
right: 2.9rem;
cursor: pointer;
width: 47px;
height: 35px;
margin: -8px 0 0;
border: none;
outline-offset: 5px;
background: none;
transition: padding .5s ease-in-out, background 1.5s ease-out, border-radius .5s ease-in-out, .5s opacity ease, .5s visibility ease, border-color .4s ease-in-out;
z-index: 2;
background: #FFFFFF;
padding:0.6em 0.9em;
border-radius: 16px;
}
.MainMenu-btn:before {
content: "";
display: block;
margin-bottom: 4px;
height: 4px;
border-top: 2px solid #F26520;
border-bottom: 2px solid #F26520;
transition: transform .4s ease-in-out, border-color .4s ease-in-out;
}
.MainMenu-btn:after {
content: "";
display: block;
margin-bottom: 0;
border-bottom: 2px solid #F26520;
transition: transform .4s ease-in-out, border-color .4s ease-in-out;
}
.MainMenu-content,
.MainMenu-itemsContainer {
flex: 1;
display: flex;
}
.MainMenu-content {
display: flex;
position: fixed;
top: -100vh;
left: 0;
right: 0;
bottom: 0;
padding-top: 5.6rem;
flex-direction: column;
background: #ffffff;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: 1s top ease, 1s opacity ease, 1s visibility ease;
}
/* Prevent fullscreen menu flashing when resizing down (in combination with JS) */
.MainMenu.windowResizing .MainMenu-content {
transition: none;
}
.MainMenu-itemsContainer {
justify-content: center;
align-items: center;
overflow: auto;
}
.MainMenu-items {
display: block;
flex: 1;
list-style: none;
max-height: 100%;
margin: 0;
padding: .5rem 0;
text-align: center;
}
.MainMenu-item {
text-align: center;
color: #000;
font-weight: 500;
margin: 0;
transition: .5s padding ease;
}
.MainMenu-item-link {
display: block;
margin: 0;
padding: 1rem;
text-decoration: none;
text-transform: uppercase;
color: #000;
font-weight: 600;
}
.MainMenu-item-link[href="#"] {
pointer-events: none;
}
.MainMenu-item-link:hover,
.MainMenu-item.active .MainMenu-item-link,
.MainMenu-item.active-ancestor .MainMenu-item-link,
.MainMenu-item:hover > .MainMenu-item-link {
text-decoration: none;
}
.MainMenu-items > .MainMenu-item > a.MainMenu-item-link {
font-weight: bold;
}
.MainMenu-item-subMenu {
position: relative;
left: 0;
margin: 0;
padding: 0;
width: 100%;
max-height: 0;
text-align: left;
background: rgba(26, 26, 26, .9);
z-index: 1;
opacity: 0;
visibility: hidden;
background: none;
transition: 0.3s max-height ease, 0.2s opacity ease, 0.1s visibility linear, 0.3s padding ease;
}
.MainMenu-item-subMenu .MainMenu-item {
display: block;
font-weight: normal;
margin: 0;
background: none;
}
.MainMenu-item-subMenu .MainMenu-item-link {
display: block;
border: none;
margin-top: 0;
text-transform: none;
transition: .5s color ease, .5s background-color ease;
}
.MainMenu-item-subMenu .MainMenu-item-link:hover {
color: #fff;
background: #F26520;
}
.MainMenu-item-subMenu .MainMenu-item-subMenu .MainMenu-item-link {
color: #999;
}
.MainMenu-item:hover > .MainMenu-item-subMenu {
opacity: 0;
visibility: hidden;
}
.MainMenu-item:hover > .MainMenu-item-subMenu,
.MainMenu-item.open > .MainMenu-item-subMenu {
opacity: 1;
visibility: visible;
max-height: 800px;
}
.MainMenu.open .MainMenu-content {
top: 0;
opacity: 1;
visibility: visible;
}
.MainMenu.open .MainMenu-btn {
border-color: transparent;
}
.MainMenu.open .MainMenu-btn:before,
.MainMenu.open .MainMenu-btn:after {
border-color: #F26520;
}
.MainMenu.open .MainMenu-btn:before {
transform: translateX(-.1rem) translateY(.6rem) rotate(-135deg);
border-top-color: transparent;
}
.MainMenu.open .MainMenu-btn:after {
transform: translateX(.1rem) translateY(-.5rem) rotate(135deg);
}
.MainMenu-item--imageLinkContainer,
.MainMenu-item-subMenu .MainMenu-item--imageLinkContainer {
display: none;
}
.MainMenu-phonenumber {
display: inline-block;
padding-bottom: 2rem;
background-color: #1a1a1a;
text-align: center;
}
@media (min-width: 1010px) {
.MainMenu {
flex: 1;
display: flex;
padding-bottom: 1rem;
}
.MainMenu-btn {
opacity: 0;
visibility: hidden;
}
.MainMenu-content {
position: static;
opacity: 1;
visibility: visible;
padding-top: 0;
flex-direction: row;
background: none;
}
.MainMenu-itemsContainer {
justify-content: flex-start;
align-items: stretch;
overflow: visible;
}
.MainMenu-items {
display: flex;
margin: 0 3%;
padding-bottom:1em;
align-items: stretch;
justify-content: space-around;
}
.MainMenu-items:hover {
border-bottom: 1px solid #555;
}
.MainMenu-item {
display: flex;
position: relative;
}
.MainMenu-item-link {
display: flex;
align-items: center;
justify-content: center;
text-transform: none;
margin: 0;
padding: .5rem 1rem;
z-index: 2;
}
.MainMenu-items > .MainMenu-item:hover > a.MainMenu-item-link {
text-decoration: none;
background-color: #F26520;
color:#fff;
border-radius:20px;
}
.MainMenu-item-subMenu {
max-height: unset;
opacity: 1;
visibility: visible;
width: auto;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu {
padding: 1rem;
position: absolute;
top: 100%;
left: 0;
width: auto;
min-width: 200px;
background: #fff;
box-shadow: 0 1rem 1.5rem rgba(0,0,0,.06);
opacity: 0;
visibility: hidden;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu .MainMenu-item {
width: 100%;
}
.MainMenu-items > .MainMenu-item:hover > .MainMenu-item-subMenu {
opacity: 1;
visibility: visible;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu > .MainMenu-item {
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu > .MainMenu-item + .MainMenu-item {
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu > .MainMenu-item > .MainMenu-item-link {
color: #000;
white-space: nowrap;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu > .MainMenu-item > .MainMenu-item-link:hover {
color: #F26520 !important;
background:none;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu--2levels > .MainMenu-item {
}
.MainMenu-items > .MainMenu-item:hover > .MainMenu-item-subMenu {
padding-top: 1rem;
padding-bottom: 1rem;
}
.MainMenu-items > .MainMenu-item:hover > .MainMenu-item-subMenu--2levels {
padding-top: 2rem;
padding-bottom: 2rem;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu--2levels .MainMenu-item-subMenu {
line-height: 1.3;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu--2levels .MainMenu-item-subMenu .MainMenu-item-link {
color: #707070;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu--2levels .MainMenu-item-subMenu .MainMenu-item-link:hover {
/*color: #F26520;*/
}
.MainMenu-item-subMenu,
.MainMenu-item.open > .MainMenu-item-subMenu {
max-height: unset;
}
.MainMenu-item-subMenu .MainMenu-item {
text-align: left;
}
.MainMenu-item:hover > .MainMenu-item-subMenu {
opacity: 1;
visibility: visible;
}
.MainMenu-item--imageLinkContainer,
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu > .MainMenu-item--imageLinkContainer {
display: block;
position: relative;
width: 100%;
height: 150px;
padding: 0;
margin-bottom: 1rem;
}
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu > .MainMenu-item--imageLinkContainer + .MainMenu-item {
border-left: none;
}
.MainMenu-item-imageLink {
position: relative;
display: block;
height: 100%;
width: 100%;
}
.MainMenu-item-imageLink::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: radial-gradient(rgba(0,0,0,.1), rgba(0,0,0,.8));
z-index: 1;
}
.MainMenu-item-imageLink-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.MainMenu-item-imageLink-content {
position: absolute;
display: block;
right: 1.5rem;
bottom: 1rem;
left: 1.5rem;
z-index: 2;
}
.MainMenu-item-imageLink-title {
font-size: 2rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.3;
color:#000;
}
.MainMenu-item-imageLink-subtitle {
display: block;
font-size: 1.2rem;
color:#000;
}
.MainMenu-phonenumber {
display: none;
}
}
@media (min-width: 1000px) {
.MainMenu-items {
margin-left: 5%;
margin-right: 5%;
}
}
@media (min-width: 1100px) {
.MainMenu-items {
margin-left: 6%;
margin-right: 6%;
}
}
@media (min-width: 1320px) {
.MainMenu-items > .MainMenu-item > .MainMenu-item-subMenu--2levels .MainMenu-item-subMenu {
padding-left: 2rem;
}
}
@media (min-width: 1400px) {
.MainMenu-items {
margin-left: 8%;
margin-right: 8%;
}
}
@media (min-width: 1800px) {
.MainMenu-items {
justify-content: center;
padding-right: 7rem;
}
.MainMenu-item {
margin-left: 1.3rem;
margin-right: 1.3rem;
}
}
@media (min-width: 1010px) {
.MainMenu-items > .MainMenu-item:nth-last-child(-n+2) > .MainMenu-item-subMenu {
left: auto !important;
right: 0 !important;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2020-02-05 16:40:13
*/
.SimpleMenu {
}
.SimpleMenu-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 .3rem;
padding: 0;
list-style: none;
}
.SimpleMenu--right .SimpleMenu-items {
justify-content: flex-end;
}
.SimpleMenu-item {
display: flex;
flex-direction: column;
margin: 0 1rem;
}
.SimpleMenu-item-link {
color: inherit;
text-decoration: none;
transition: color .5s ease, .5s border-bottom-color ease;
border-bottom: 1px solid transparent;
}
.SimpleMenu-item.active a.SimpleMenu-item-link,
a.SimpleMenu-item-link:hover {
text-decoration: none;
border-color: #000;
}
.SimpleMenu-item-subMenu {
margin: 0;
padding: 0;
list-style: none;
}
.SimpleMenu-item-subMenu .SimpleMenu-item {
display: block;
text-transform: none;
margin: 0;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.Btn {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-size: 1.1rem;
line-height: 1.3;
font-weight: 500;
text-align: center;
padding: .5rem 2.2rem;
margin: 0;
margin-bottom: 1px; /* Fix a Safari bug when a button is the last element of an overflow hidden element like grid item */
color: #fff;
background: transparent;
color: #F26520;
border: 1px solid #F26520;
border-radius: .4rem;
background: #fff;
transition: .5s color ease, .5s background ease, .5s border ease;
}
.Btn:hover {
text-decoration: none;
color: #fff;
background: #F26520;
}
.Btn:focus {
outline: thin dotted;
outline-offset: -5px;
}
.Btn:active {
color: #fff;
background: #1a1a1a;
border-color: #1a1a1a;
}
.Btn--small {
font-size: 1rem;
padding: .4rem .6rem;
}
.Btn--large {
padding-left: 6rem;
padding-right: 6rem;
}
.Btn + .Btn {
margin-left: 1.4rem;
}
.BtnGroup {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.BtnGroup .Btn + .Btn {
margin: 1.3rem 0 0 0;
}
@media (min-width: 420px) {
.BtnGroup--xxs-horizontal {
display: block;
}
.BtnGroup--xxs-horizontal .Btn + .Btn {
margin: 0 0 0 1.4rem;
}
}
@media (min-width: 620px) {
.BtnGroup--xs-horizontal {
display: block;
}
.BtnGroup--xs-horizontal .Btn + .Btn {
margin: 0 0 0 1.4rem;
}
}
@media (min-width: 768px) {
.BtnGroup--s-horizontal {
display: block;
}
.BtnGroup--s-horizontal .Btn + .Btn {
margin: 0 0 0 1.4rem;
}
}
@media (min-width: 960px) {
.BtnGroup--m-horizontal {
display: block;
}
.BtnGroup--m-horizontal .Btn + .Btn {
margin: 0 0 0 1.4rem;
}
}
@media (min-width: 1080px) {
.BtnGroup--l-horizontal {
display: block;
}
.BtnGroup--l-horizontal .Btn + .Btn {
margin: 0 0 0 1.4rem;
}
}
@media (min-width: 1260px) {
.BtnGroup--xl-horizontal {
display: block;
}
.BtnGroup--xl-horizontal .Btn + .Btn {
margin: 0 0 0 1.4rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.SliderContainer {
}
.Slider {
position: relative;
flex: 1;
margin: 0 2rem;
}
.Slider[data-arrows="false"],
.Slider--centeredButtons{
margin-left: 0;
margin-right: 0;
}
.Slider--fullHeight {
height: 100%;
}
.Slider--16-9 {
padding-bottom: 56.25%;
}
.Slider--15-10 {
padding-bottom: 66.67%;
}
.Slider--28-9 {
padding-bottom: 32.14%;
}
.Slider-content {
height: 100%;
}
.Slider--16-9 .Slider-content,
.Slider--28-9 .Slider-content,
.Slider--15-10 .Slider-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
display: flex;
align-items: center;
}
.Slider--show-xxs,
.Slider--show-xs,
.Slider--show-s,
.Slider--show-m,
.Slider--show-l,
.Slider--show-xl {
display: none;
}
.Slider-item,
.slick-initialized .Slider-item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.Slider-item-copyright {
position: absolute;
right: 0;
bottom: 0;
padding: .3rem 1rem;
font-size: .8rem;
color: #fff;
background: rgba(0,0,0,.4);
}
.Slider-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1;
}
.Slider-overlay-text {
color: #fff;
text-transform: uppercase;
text-align: center;
}
.Slider-item-image,
.Slider-item-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.Slider-animatedItemImages .Slider-item-image--animate {
position: absolute;
height: unset;
object-fit: unset;
animation: sliderImageVerticalTranslation 13s linear infinite alternate;
}
.Slider-animatedItemImages .slick-list {
border-bottom: 1px solid transparent; /* Fix for flikery animation on some browsers */
}
.Slider--contain .Slider-item-image,
.Slider--contain .Slider-item-video {
object-fit: contain;
}
.Slider-item-caption {
position: absolute;
right: 0;
bottom: 0;
max-width: 100%;
font-size: .9rem;
padding: .2rem .8rem;
color: #fff;
background: rgba(0,0,0,.6);
}
.Slider-item-muteIcon {
position: absolute;
top: 2rem;
right: 2rem;
height: 3rem;
visibility: visible;
transition: visibility .5s ease, opacity .5s ease;
pointer-events: none;
}
.Slider-item-muteIcon.inactive {
visibility: hidden;
opacity: 0;
}
.SliderContainer-index-item {
margin: 1rem 2rem;
transition: color .5s ease;
}
.SliderContainer-index-item-title {
text-decoration: none;
color: inherit;
transition: color .5s ease;
}
a.SliderContainer-index-item-title:hover {
text-decoration: none;
color: #000;
}
.SliderContainer-index-item.current .SliderContainer-index-item-title {
font-weight: bold;
color: #000;
}
.SliderContainer-index-item-text {
visibility: hidden;
opacity: 0;
overflow: hidden;
margin: 0;
padding: 0;
color: #4d4d4d;
/*transition: visibility 1s ease, opacity 1s ease, height .5s ease;*/
transition: visibility .6s ease, opacity .6s ease, height .3s ease;
}
.SliderContainer-index-item.current .SliderContainer-index-item-text {
visibility: visible;
opacity: 1;
transition: visibility 1s ease, opacity 1s ease, height .5s ease;
}
/* Slick overide */
.Slider-content .slick-list {
height: 100%;
width: 100%;
}
.Slider-content .slick-track {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.Slider .slick-prev,
.Slider .slick-next {
position: absolute;
top: 50%;
font-size: 0;
line-height: 0;
width: 4rem;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
margin-top: -2rem;
cursor: pointer;
border: none;
background: #F26520;
transition: .5s background-color;
z-index: 1;
}
.Slider .slick-prev {
left: -2rem;
}
.Slider .slick-next {
right: -2rem;
}
.Slider--dotsFullWidth .slick-prev {
left: 0;
}
.Slider--dotsFullWidth .slick-next {
right: 0;
}
.Slider .slick-prev::after,
.Slider .slick-next::after {
content: '';
display: block;
border-top: .5rem solid transparent;
border-left: .7rem solid #fff;
border-bottom: .5rem solid transparent;
}
.Slider .slick-prev::after {
transform: rotate(180deg);
}
.Slider .slick-prev:hover,
.Slider .slick-prev:focus,
.Slider .slick-next:hover,
.Slider .slick-next:focus {
text-decoration: none;
outline: none;
background: #000;
}
.Slider .slick-prev:hover::after,
.Slider .slick-prev:focus::after,
.Slider .slick-next:hover::after,
.Slider .slick-next:focus::after {
opacity: 1;
}
.Slider .slick-prev.slick-disabled,
.Slider .slick-next.slick-disabled {
opacity: .25;
}
.Slider .slick-dots {
position: absolute;
bottom: 2%;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.Slider .slick-dots li
{
position: relative;
display: inline-block;
margin: 0 .25rem;
padding: 0;
}
.Slider .slick-dots li button {
font-size: 0;
line-height: 0;
width: .5rem;
height: .5rem;
border-radius: 50%;
padding: 0;
cursor: pointer;
color: transparent;
background: #fff;
border: 0;
transition: opacity .5s ease;
}
.Slider .slick-dots li.slick-active button {
background: #F26520;
}
.Slider--arrowsLeftStacked,
.Slider--arrowsRightStacked,
.Slider--arrowsTopRightStacked,
.Slider--arrowsBottom20RightStacked {
margin-left: 0;
margin-right: 0;
}
.Slider--arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--arrowsRightStacked .slick-prev {
margin-top: 0rem;
right: -2rem;
left: unset;
background-color: #FF9B6A;
}
.Slider--arrowsRightStacked .slick-next {
margin-top: -4rem;
}
.Slider--arrowsRightStacked--arrowsInside .slick-prev,
.Slider--arrowsRightStacked--arrowsInside .slick-next {
right: 0;
}
@media (min-width: 1260px) {
.Slider--arrowsRightStacked--xlArrowsNormal .slick-prev,
.Slider--arrowsRightStacked--xlArrowsNormal .slick-next {
right: -2rem;
}
}
.Slider--arrowsTopRightStacked .slick-prev {
top: 0;
left: unset;
right: 0;
margin-top: 0;
}
.Slider--arrowsTopRightStacked .slick-next {
top: 6rem;
right: 0;
margin-bottom: 0;
background-color: #FF9B6A;
}
.Slider--arrowsBottom20RightStacked .slick-prev {
top: unset;
bottom: 20%;
left: unset;
right: 0;
margin-bottom: 0;
}
.Slider--arrowsBottom20RightStacked .slick-next {
top: unset;
bottom: 20%;
right: 0;
margin-top: 0;
margin-bottom: 3.8rem;
background-color: #FF9B6A;
}
.Slider--arrowsBottom20RightStacked .slick-prev,
.Slider--arrowsBottom20RightStacked .slick-next {
opacity: 0;
visibility: hidden;
}
@media (min-width: 700px) {
.Slider--arrowsBottom20RightStacked .slick-prev,
.Slider--arrowsBottom20RightStacked .slick-next {
opacity: 1;
visibility: visible;
}
.Slider--dotsFullWidth .slick-prev {
left: calc(50% - 4rem);
}
.Slider--dotsFullWidth .slick-next {
right: calc(50% - 4rem);
}
}
.Slider--dotsOutside::after {
content: '';
display: block;
height: 2rem;
}
.Slider--dotsOutside .slick-dots {
bottom: -2rem;
}
.Slider--dotsOutside .slick-dots li button {
background: #F26520;
opacity: .4;
}
.Slider--dotsOutside .slick-dots li.slick-active button {
opacity: 1;
}
.Slider--dotsFullWidth .slick-dots {
width: auto;
left: calc(50% + 7rem);
}
/*.Slider--quotesArrows {
margin-left: 2rem;
margin-right: 2rem;
}
.Slider--quotesArrows .slick-prev,
.Slider--quotesArrows .slick-next {
font-family: 'TeX Gyre Heros', sans-serif;
width: auto;
height: auto;
margin-top: 0;
line-height: .6;
color: #D3D3D3;
background: none;
opacity: .4;
}
.Slider--quotesArrows .slick-prev::after,
.Slider--quotesArrows .slick-next::after {
font-size: 5rem;
margin-top: -.29em;
border: none;
color: inherit;
transform: none;
transition: color .5s ease;
}
.Slider--quotesArrows .slick-prev {
top: 15%;
left: -4rem;
}
.Slider--quotesArrows .slick-prev::after {
content: "«";
}
.Slider--quotesArrows .slick-next {
top: unset;
bottom: 15%;
right: -4rem;
}
.Slider--quotesArrows .slick-next::after {
content: "»";
}
.Slider--quotesArrows .slick-prev:hover,
.Slider--quotesArrows .slick-next:hover,
.Slider--quotesArrows .slick-prev:focus,
.Slider--quotesArrows .slick-next:focus {
color: #F26520;
background: none;
}*/
@media (min-width: 420px) {
.Slider--xxs-arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--xxs-arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--show-xxs {
display: block;
}
.Slider--hideArrows-xxs .slick-prev,
.Slider--hideArrows-xxs .slick-next {
visibility: hidden;
opacity: 0;
}
}
/*@media (min-width: 520px) {
.Slider--quotesArrows {
margin-left: 5rem;
margin-right: 5rem;
}
.Slider--quotesArrows .slick-prev::after,
.Slider--quotesArrows .slick-next::after {
font-size: 8rem;
}
.Slider--quotesArrows .slick-prev {
left: -6rem;
}
.Slider--quotesArrows .slick-next {
right: -6rem;
}
}*/
@media (min-width: 620px) {
.Slider--xs-arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--xs-arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--show-xs {
display: block;
}
.Slider--hideArrows-xs .slick-prev,
.Slider--hideArrows-xs .slick-next {
visibility: hidden;
opacity: 0;
}
}
@media (min-width: 768px) {
.Slider--s-arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--s-arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--show-s {
display: block;
}
.Slider--hideArrows-s .slick-prev,
.Slider--hideArrows-s .slick-next {
visibility: hidden;
opacity: 0;
}
/*.Slider--quotesArrows {
margin-left: 10rem;
margin-right: 10rem;
}
.Slider--quotesArrows .slick-prev::after,
.Slider--quotesArrows .slick-next::after {
font-size: 15rem;
}
.Slider--quotesArrows .slick-prev {
left: -11rem;
}
.Slider--quotesArrows .slick-next {
right: -11rem;
}*/
}
@media (min-width: 960px) {
.Slider--m-arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--m-arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--show-m {
display: block;
}
.Slider--hideArrows-m .slick-prev,
.Slider--hideArrows-m .slick-next {
visibility: hidden;
opacity: 0;
}
}
@media (min-width: 1080px) {
.Slider--l-arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--l-arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--show-l {
display: block;
}
.Slider--hideArrows-l .slick-prev,
.Slider--hideArrows-l .slick-next {
visibility: hidden;
opacity: 0;
}
}
@media (min-width: 1260px) {
.Slider--xl-arrowsLeftStacked .slick-prev {
margin-top: -4rem;
}
.Slider--xl-arrowsLeftStacked .slick-next {
margin-top: 0rem;
left: -2rem;
right: unset;
background-color: #FF9B6A;
}
.Slider--show-xl {
display: block;
}
.Slider--hideArrows-xl .slick-prev,
.Slider--hideArrows-xl .slick-next {
visibility: hidden;
opacity: 0;
}
}
@keyframes sliderImageVerticalTranslation {
from {
top: 0%;
transform: translate3d(0, 0, 0);
}
to {
top:100%;
transform: translate3d(0, -100%, 0);
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-01 10:42:20
*/
.Carousel {
position: relative;
margin: 0 5rem;
display: flex; /* Fallback when JS no executed */
}
.Carousel.slick-slider {
display: block; /* Fallback when JS no executed */
}
.Carousel[data-dots="true"] {
padding-bottom: 4rem;
}
.Slider + .Carousel {
margin-top: 1.5rem;
}
.Carousel-item {
padding: 0 1rem;
flex: 1; /* Fallback when JS no executed */
}
.Carousel-item--largePadding {
padding: 0 2rem;
}
.Carousel-item-content {
margin-top: 1rem;
}
.Carousel-item-image {
width: 100%;
}
.Carousel-item-imageWrapper {
position: relative;
display: block;
width: 100%;
padding-bottom: 55.25%; /* 16/9 */
overflow: hidden;
margin: 0;
}
.Carousel-item-imageWrapper--square {
padding-bottom: 100%;
}
.Carousel-item-imageWrapper .Carousel-item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.Carousel-item-imageWrapper .Carousel-item-image--contain {
object-fit: contain;
}
.Carousel-item-imageWrapper .Carousel-item-image--contain {
object-fit: contain;
}
.Carousel-item-image-caption {
text-align: center;
font-style: italic;
color: #999;
}
.Carousel-item-imageWrapper .Carousel-item-image-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: .3rem .8rem;
font-size: .9em;
color: #fff;
background: rgba(26,26,26,.6);
opacity: 0;
visibility: hidden;
transition: opacity 1.5s ease, visibility 1.5s ease;
}
.Carousel-item-imageWrapper:hover .Carousel-item-image-caption {
opacity: 1;
visibility: visible;
}
.Carousel-item-imageWrapperDisplay {
}
.Carousel-item-figure {
margin:0 20px;
}
.Carousel-item-figure .Carousel-item-image {
width:auto;
height:70px;
margin:0 auto;
}
.Carousel-item-figure .Carousel-item-image-caption {
text-align: center;
font-style: normal;
font-weight: bold;
color: #000;
margin-top:2.5em;
}
.Carousel-item-title {
display: block;
margin: 0 0 1rem;
padding: 0;
font-size: 2rem;
text-align: center;
line-height: 1.2;
font-weight: 500; /* Medium */
}
.Carousel-item-text {
margin: 0;
padding: 0;
text-align: left;
color: #666;
}
.Carousel .slick-prev,
.Carousel .slick-next
{
position: absolute;
top: 50%;
font-size: 0;
line-height: 0;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
margin-top: -1.5rem;
cursor: pointer;
border: none;
background: #F26520;
transition: .5s background-color;
z-index: 1;
}
.Carousel .slick-prev {
left: -5rem;
}
.Carousel .slick-next {
right: -5rem;
}
.Carousel .slick-prev::after,
.Carousel .slick-next::after
{
content: '';
display: block;
border-top: .5rem solid transparent;
border-left: .7rem solid #fff;
border-bottom: .5rem solid transparent;
}
.Carousel .slick-prev::after {
transform: rotate(180deg);
}
.Carousel .slick-prev:hover,
.Carousel .slick-prev:focus,
.Carousel .slick-next:hover,
.Carousel .slick-next:focus
{
outline: none;
background: #000;
}
.Carousel .slick-prev:hover::after,
.Carousel .slick-prev:focus::after,
.Carousel .slick-next:hover::after,
.Carousel .slick-next:focus::after
{
opacity: 1;
}
.Carousel .slick-prev.slick-disabled,
.Carousel .slick-next.slick-disabled
{
opacity: .25;
}
.Carousel .slick-dots
{
position: absolute;
bottom: 0;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.Carousel .slick-dots li
{
position: relative;
display: inline-block;
margin: 0 .25rem;
padding: 0;
}
.Carousel .slick-dots li button
{
font-size: 0;
line-height: 0;
width: .5rem;
height: .5rem;
border-radius: 50%;
padding: 0;
cursor: pointer;
color: transparent;
background: #F26520;
opacity: .4;
border: 0;
transition: opacity .5s ease;
}
.Carousel .slick-dots li.slick-active button
{
opacity: 1;
}
.Carousel--arrowsOutside {
margin-left: 0;
margin-right: 0;
}
/*.Carousel--products .Carousel-item {
position: relative;
}
.Carousel--products .Carousel-item::before,
.Carousel--products .Carousel-item::after {
content: '';
position: absolute;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5em;
border-bottom: 2px solid #F26520;
}*/
.Carousel--products .Carousel-item::before {
top: 0;
}
.Carousel--products .Carousel-item::after {
bottom: 0;
}
.Carousel--show-xxs,
.Carousel--show-xs,
.Carousel--show-s,
.Carousel--show-m,
.Carousel--show-l,
.Carousel--show-xl {
display: none !important;
}
@media (min-width: 420px) {
.Carousel--show-xxs {
display: block !important;
}
}
@media (min-width: 620px) {
.Carousel--show-xs {
display: block !important;
}
}
@media (min-width: 768px) {
.Carousel--show-s {
display: block !important;
}
}
@media (min-width: 960px) {
.Carousel--show-m {
display: block !important;
}
}
@media (min-width: 1080px) {
.Carousel--show-l {
display: block !important;
}
}
@media (min-width: 1260px) {
.Carousel--show-xl {
display: block !important;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 11:31:09
*/
.Breadcrumb {
margin: 7rem 0 0 0;
padding: .8rem 5%;
list-style: none;
text-align: left;
background: #eee;
}
.Breadcrumb-item {
margin: 0;
display: inline;
color: #B3B3B3;
}
.Breadcrumb-item::before {
content: '>';
margin: 0 .5em;
color: #B3B3B3;
}
.Breadcrumb-item:first-child::before {
display: none;
}
.Breadcrumb-item:last-child {
color: #F26520;
}
.Breadcrumb-item-link, .Breadcrumb span {
color: inherit;
text-decoration: none;
}
.Breadcrumb a:hover {
text-decoration: underline;
}
.headerLess .Breadcrumb{
display:none;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-01 15:25:03
*/
.Banner {
position: relative;
display: block;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
padding-bottom:18%;
}
.Banner:hover {
text-decoration: none;
}
.Banner-content {
padding:1em 0 1em 1.6em;
}
.Banner-title {
font-size: 1.6rem;
color: #fff;
text-transform: uppercase;
padding:1px 5px;
}
.Banner-title--color {
background-color: #F26520;
color:#fff;
font-weight: bold;
}
@media (min-width: 900px) {
.Banner {
padding:0;
}
.Banner-content {
padding-left:2.5em;
}
}
@media (min-width: 460px) {
.Banner-title {
font-size: 1.9rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-05-06 14:58:22
*/
.Pagination {
text-align: center;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
color: #BCBCBC;
}
.Pagination-list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
align-items: flex-end;
}
.Pagination-item {
display: none;
margin: 0;
line-height: 1;
padding-bottom: 1rem;
}
.Pagination-item + .Pagination-item {
margin-left: -1px;
}
.Pagination-item.active {
font-weight: bold;
}
.Pagination-item.active,
.Pagination-item--previous,
.Pagination-item--next {
display: inline-block;
}
.Pagination-item-link {
position: relative;
display: inline-flex;
align-items: center;
text-decoration: none;
padding: 0 .5rem;
color: inherit;
transition: color .5s ease, background-color .5s ease, border-color .5s ease;
}
.Pagination-item-link:hover {
text-decoration: none;
color: #F26520;
}
.Pagination-item.disable .Pagination-item-link,
.Pagination-item.disable .Pagination-item-link:hover {
color: #999;
background: none;
z-index: 1;
}
.Pagination-item.active {
z-index: 1;
}
.Pagination-item.active .Pagination-item-link {
font-size: 1.3em;
font-weight: bold;
color: #F26520;
}
.Pagination-item--previous,
.Pagination-item--next {
display: flex;
padding-bottom: 0;
}
.Pagination-item--previous {
border-right: 1px solid #E3E3E3;
padding-right: 2rem;
margin-right: 3rem;
}
.Pagination-item--next,
.Pagination-item + .Pagination-item--next {
border-left: 1px solid #E3E3E3;
padding-left: 2rem;
margin-left: 3rem;
}
.Pagination-item--previous .Pagination-item-link {
padding-left: 0;
}
.Pagination-item--next .Pagination-item-link {
padding-right: 0;
}
.Pagination-item--previous .Pagination-item-link,
.Pagination-item--next .Pagination-item-link {
font-weight: bold;
padding-top: 0;
padding-bottom: 0;
color: #F26520;
}
.Pagination-item--previous .Pagination-item-link::before,
.Pagination-item--next .Pagination-item-link::after {
content: '';
display: inline-block;
height: 3.6rem;
width: 3.6rem;
background: #F26520;
transition: background .5s ease;
}
.Pagination-item--previous .Pagination-item-link::before {
margin-right: 1.5em;
}
.Pagination-item--next .Pagination-item-link::after {
margin-left: 1.5em;
}
.Pagination-item--previous .Pagination-item-link::after,
.Pagination-item--next .Pagination-item-link::before {
position: absolute;
content: '';
border: .5rem solid transparent;
border-left-color: #fff;
border-left-width: .7rem;
}
.Pagination-item--previous .Pagination-item-link::after {
left: .9rem;
transform: rotate(180deg);
}
.Pagination-item--next .Pagination-item-link::before {
right: .9rem;
}
.Pagination-item--previous .Pagination-item-link:hover,
.Pagination-item--next .Pagination-item-link:hover {
color: #000;
}
.Pagination-item--previous .Pagination-item-link:hover::before,
.Pagination-item--next .Pagination-item-link:hover::after {
background: #000;
}
.Pagination-item--previous.disable .Pagination-item-link,
.Pagination-item--next.disable .Pagination-item-link {
color: #FF9B6A;
}
.Pagination-item--previous.disable .Pagination-item-link::before,
.Pagination-item--next.disable .Pagination-item-link::after,
.Pagination-item--previous.disable .Pagination-item-link:hover::before,
.Pagination-item--next.disable .Pagination-item-link:hover::after {
background-color: #FF9B6A;
}
.Pagination-item--previous .Pagination-item-label,
.Pagination-item--next .Pagination-item-label {
display: none;
}
@media (min-width: 680px) {
.Pagination-item--previous .Pagination-item-label,
.Pagination-item--next .Pagination-item-label {
display: inline-block;
}
}
@media (min-width: 500px) {
.Pagination-item {
display: inline-block;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-05-06 08:20:24
*/
.Card {
display: flex;
flex-direction: column;
flex: 1;
transition: background-color .5s ease;
}
.Card-imageContainer {
position: relative;
width: 100%;
padding-bottom: 67%;
overflow: hidden;
display: flex;
flex-grow: 1;
}
.Card-imageContainer--video::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../../../assets/video.png) no-repeat center / 20%;
pointer-events: none;
transition: .5s background-size ease;
}
.Card-imageContainer .Card-image.EmbedVideo {
padding-bottom: 0; /* Fix for Safari */
}
.Card-imageContainer--autoHeight {
padding-bottom: 0;
height: 20rem;
}
.Card-imageContainer--square {
padding-bottom: 100%;
}
.Card-imageContainer--auto {
padding-bottom: 0;
}
@media (min-width: 620px) {
.Card-imageContainer--auto-xs {
padding-bottom: 0;
}
}
.Card-image {
display: block;
width: 100%;
transition: transform .5s ease;
}
.Card-imageContainer .Card-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.Card-imageContainer .Card-image--contain {
object-fit: contain;
}
.Card-surtitle {
font-size: 1rem;
text-transform: uppercase;
font-weight: 500;
color: #BFBFBF;
}
.Card-surtitle::before {
content: '';
display: inline-block;
width: .8rem;
height: .2rem;
margin: 0 .7rem .3rem 0;
background: #F26520;
}
.Card-title {
display: block;
font-size: 1.2rem;
line-height: 1.2;
margin: .5rem 0 1rem;
padding: 0;
font-weight: bold;
color: #000;
transition: color .5s ease;
}
.Card-title > a {
color: inherit;
text-decoration: none;
}
.Card-title > a:hover {
text-decoration: none;
}
.Card-content {
display: block;
padding: 1rem 0;
}
..Card-content--onlyTitle {
padding-bottom: 0;
}
..Card-content--onlyTitle .Card-title {
font-size: 1.4rem;
padding-bottom: 0;
}
.Card-text {
margin: 1rem 0 0;
padding: 0;
}
.Card:hover .Card-imageContainer .Card-image {
transform: scale(1.1);
}
.Card:hover .Card-imageContainer--video::after {
background-size: 15%;
}
.Card[onclick]:hover .Card-title {
color: #F26520;
}
.Card--mini {
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.Card--mini + .Card--mini {
margin-top: 1.5rem;
}
.Card--mini .Card-imageContainer {
display: block;
width: 6.4rem;
height: 6.4rem;
padding-bottom: 0;
flex: 0 0 auto;
margin-right: 1.5rem;
}
.Card--mini .Card-content {
padding: 0;
}
.Card--product .Card-title {
position: relative;
margin: 0;
padding-left: 1.5rem;
}
.Card--product .Card-title:before {
position: absolute;
left: 0;
top: .6rem;
content: '';
display: inline-block;
width: .6rem;
height: .152rem;
margin: 0 .7rem 0 0;
background: #F26520;
}
.Card--product .Card-text {
font-style: italic;
margin: 0;
padding-left: 1.5rem;
color: #A3A3A3;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 12:16:46
*/
.FullSizeImageCover {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
padding-bottom: 30%; /* Min aspect ratio height */
}
.FullSizeImageCover-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 500px;
object-fit: cover;
}
.FullSizeImageCover--s-min16-9Ratio {
padding-bottom: 55.25%; /* Min aspect ratio height */
}
@media (min-width: 768px) {
.FullSizeImageCover--s-min16-9Ratio {
padding-bottom: 30%; /* Min aspect ratio height */
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 17:03:03
*/
.FeaturedInfos {
font-size: 1.2rem;
}
.FeaturedInfos-item {
text-align: left;
max-width: 20rem;
margin: 0 auto;
}
.FeaturedInfos-item-title {
font-size: 1.33rem;
font-weight: bold;
margin-bottom: 1.4rem;
color: #F26520;
}
@media (min-width: 620px) and (max-width: 959px) {
.FeaturedInfos {
max-width: 52rem;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 960px) {
.FeaturedInfos-item {
text-align: center;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-03-31 17:33:35
*/
.FeaturesBloc {
text-align: left;
max-width: 36rem;
color: #707070;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-01 12:26:55
*/
.Gallery {
display: flex;
margin: -.6rem -1rem;
flex-wrap: wrap;
}
.Gallery-item {
width: 50%;
padding: .6rem 1rem;
}
a.Gallery-item {
text-decoration: none;
color: inherit;
}
.Gallery--3 .Gallery-item {
width: 100%;
}
.Gallery-item-image {
width: 100%;
transition: box-shadow .5s ease;
}
.Gallery-item-imageWrapper {
position: relative;
display: block;
width: 100%;
padding-bottom: 58.24%;
overflow: hidden;
}
.Gallery-item-imageWrapper .Gallery-item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.Gallery-item-title {
display: flex;
font-weight: bold;
transition: color .5s ease;
margin:1em 0;
}
.Gallery-item-title::before {
content: '';
display: inline-block;
width: .8rem;
height: .2rem;
margin: .9rem .7rem .4rem 0;
flex: 0 0 auto;
background: #F26520;
}
.Gallery-item-text--margin {
margin: 1rem 0;
}
.Gallery-item-text--italic {
font-style:italic;
}
a.Gallery-item:hover {
text-decoration: none;
}
a.Gallery-item:hover .Gallery-item-image {
box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
}
a.Gallery-item:hover .Gallery-item-title {
color: #F26520;
}
@media (min-width: 420px) {
.Gallery--3 .Gallery-item {
width: 33.33%;
}
}
@media (min-width: 960px) {
.Gallery-item {
width: 25%;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-01 15:14:26
*/
.FeaturedServices {
display: flex;
justify-content: center;
margin: -1.5rem 0 -1.5rem;
flex-wrap: wrap;
}
.FeaturedServices-item {
width: 12rem;
padding: 1.5rem .5rem;
text-align: center;
margin-top: 1rem;
}
.FeaturedServices-item-icon {
width: 4rem;
margin-bottom: 1rem;
}
.FeaturedServices-item-title {
}
@media (min-width: 470px) {
.FeaturedServices-item {
width: 15rem;
}
}
@media (min-width: 540px) {
.FeaturedServices-item {
width: 18rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 710px) {
.FeaturedServices-item {
width: 13rem;
}
}
@media (min-width: 1000px) {
.FeaturedServices-item {
width: 18rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-01 15:58:19
*/
.NewsletterForm {
display: flex;
align-items: center;
}
.NewsletterForm-input {
font-size: 1rem;
font-style: italic;
flex: 1;
margin-right: 1.6rem;
border: none;
border-bottom: 1px solid #707070;
}
@media (min-width: 1200px) {
.NewsletterForm-input {
font-size: .9rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-01 12:26:55
*/
.ReferencesGallery {
display: flex;
margin: 0;
flex-wrap: wrap;
padding-top: 2rem;
}
.ReferencesGallery-item {
width: 50%;
padding: 2rem 3rem;
}
a.ReferencesGallery-item {
text-decoration: none;
color: inherit;
}
.ReferencesGallery-item-image {
width: 100%;
transition: box-shadow .5s ease;
}
.ReferencesGallery-item-imageWrapper {
position: relative;
display: block;
width: 100%;
padding-bottom: 58.24%;
overflow: hidden;
}
.ReferencesGallery-item-imageWrapper .ReferencesGallery-item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.ReferencesGallery-item-title {
font-weight: bold;
transition: color .5s ease;
}
.ReferencesGallery-item-title::before {
content: '';
display: inline-block;
width: .8rem;
height: .2rem;
margin: 0 .7rem .4rem 0;
background: #F26520;
}
a.ReferencesGallery-item:hover {
text-decoration: none;
}
a.ReferencesGallery-item:hover .ReferencesGallery-item-image {
box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
}
a.ReferencesGallery-item:hover .ReferencesGallery-item-title {
color: #F26520;
}
@media (min-width: 520px) {
.ReferencesGallery {
margin: 0 -1rem;
}
.ReferencesGallery-item {
width: 33%;
padding: 1.5rem 2.5rem;
}
}
@media (min-width: 620px) {
.ReferencesGallery-item {
width: 25%;
padding: 2rem 3rem;
}
}
@media (min-width: 800px) {
.ReferencesGallery {
margin: 0 -2rem;
}
}
@media (min-width: 960px) {
.ReferencesGallery {
margin: 0 -4rem;
}
.ReferencesGallery-item {
width: 20%;
padding: 3rem 4rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-20 14:46:29
*/
.CategoryMenu {
}
.CategoryMenu-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -.3rem auto;
padding: 0;
list-style: none;
max-width: 50rem;
}
.CategoryMenu-item {
display: flex;
flex-direction: column;
margin: .3rem;
text-transform: uppercase;
font-size: 1rem;
}
.CategoryMenu-item-link {
text-decoration: none;
padding: .2rem 1rem;
color: #A3A3A3;
border: 1px solid #E0E0E0;
border-radius: .4rem;
transition: color .5s ease, .5s background-color ease, .5s border-color ease;
}
.CategoryMenu-item.active .CategoryMenu-item-link,
.CategoryMenu-item-link:hover {
text-decoration: none;
color: #fff;
background-color: #F26520;
border-color: #F26520;
}
.CategoryMenu-item-subMenu {
margin: 0;
padding: 0;
list-style: none;
}
.CategoryMenu-item-subMenu .CategoryMenu-item {
display: block;
text-transform: none;
margin: 0;
}
@media (min-width: 960px) {
.CategoryMenu-items {
max-width: unset;
}
}
@media (min-width: 1300px) {
.CategoryMenu-items {
margin: -.8rem;
}
.CategoryMenu-item {
margin: .8rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-26 11:07:01
*/
.Testimony {
position: relative;
width: 100%;
padding-left: 4rem;
padding-right: 4rem;
}
.Testimony-content {
max-width: 62rem;
margin: 0 auto;
}
.Testimony--fullHeight .Testimony-content {
max-width: 100%;
}
.Testimony-content-header {
display: flex;
flex-direction: column;
}
.Testimony-text {
margin: 0 0 2rem 0;
}
.Testimony-title {
font-size: 1.2rem;
font-weight: bold;
color: #F26520;
}
.Testimony-subtitle {
font-size: 1.2rem;
margin-bottom: 2rem;
font-style: italic;
color: #F26520;
}
.Testimony-image {
display: block;
width: 10rem;
margin: 0 auto 2rem;
}
.Testimony--horizontal .Testimony-image {
margin-bottom: .6rem;
order: -1;
}
.Testimony--fullHeight .Testimony-image {
margin-bottom: 0;
width:100%;
}
.Testimony--fullHeight .Testimony-content-body {
padding: 3rem;
}
.Testimony::before,
.Testimony::after {
position: absolute;
display: block;
font-family: 'TeX Gyre Heros', sans-serif;
line-height: .6;
color: #D3D3D3;
opacity: .4;
font-size: 5rem;
margin-top: -.29em;
transition: color .5s ease;
}
.Testimony::before {
content: "«";
top: 0;
left: 0;
}
.Testimony::after {
content: "»";
bottom: 0;
right: 0;
}
.Testimony--fullHeight .Testimony-content {
display: flex;
align-items: center;
flex-direction: column;
}
.Testimony--fullHeight .Testimony-content-body {
flex: 0 0 50%;
}
.Testimony--fullHeight .Testimony-content-header {
width: auto;
flex: 1 1 auto;
}
@media (min-width: 520px) {
.Testimony {
padding-left: 6rem;
padding-right: 6rem;
}
.Testimony::before,
.Testimony::after {
font-size: 8rem;
}
}
@media (min-width: 740px) {
.Testimony--horizontal .Testimony-content {
display: flex;
flex-direction: row;
align-items: center;
}
.Testimony--horizontal .Testimony-content-header {
margin-right: 4rem;
width: 35%;
min-width: 15rem;
}
.Testimony--horizontal .Testimony-image {
width: 100%;
}
.Testimony--fullHeight .Testimony-content-body {
padding: 0 0 0 7rem;
}
.Testimony--fullHeight .Testimony-content-header {
margin:0;
}
}
@media (min-width: 920px) {
.Testimony {
padding-left: 10rem;
padding-right: 10rem;
}
.Testimony::before,
.Testimony::after {
font-size: 15rem;
}
}
.Testimony--fullHeight,
.Testimony--condensed {
padding: 0;
}
.Testimony--condensed::before,
.Testimony--condensed::after {
opacity: .2;
}
.Testimony--condensed::before {
top: 4rem;
left: -2.5rem;
}
.Testimony--condensed::after {
bottom: 1rem;
right: -2.5rem;
}
.Testimony--leftQuoteMarginTop::before {
top: 17.5rem;
}
.Testimony--leftQuoteMarginTop::after {
bottom: 2rem;
}
.Testimony--quotesBottomSemiInside::before {
left: 1rem;
}
.Testimony--quotesBottomSemiInside::after {
right: 1.3rem;
}
@media (min-width: 768px) {
.Testimony--quotesBottomSemiInside::before {
top: 16rem;
left: 5rem;
}
.Testimony--quotesBottomSemiInside::after {
right: 5rem;
bottom: 0;
}
}
.Testimony--noQuotes::before,
.Testimony--noQuotes::after {
display: none;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-05-18 11:01:43
*/
.Article {
}
.Article-surtitle {
text-transform: uppercase;
letter-spacing: .055em;
margin-bottom: .5em;
color: #BFBFBF;
}
.Article-surtitle::before {
content: '';
display: inline-block;
width: .8rem;
height: .2rem;
margin: 0 .7rem .4rem 0;
background: #F26520;
}
.Article-title {
font-size: 2.2rem;
line-height: 1.2;
margin: 0 0 .5em;
}
.Article-subtitle {
font-size: 1.4rem;
font-style: italic;
margin: .5rem 0;
color: #A3A3A3;
}
.Article-date {
margin: 1rem 0;
color: #A3A3A3;
}
.Article-date-label {
font-style: italic;
}
.Article-date-date {
color: #F26520;
}
.Article-title-2,
.Article-body h2 {
font-size: 1.2rem;
font-weight: bold;
margin: 2rem 0;
}
.Article-tags {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.Article-tags-item {
display: inline;
}
.Article-tags-item + .Article-tags-item {
margin-left: .8rem;
}
.Article-tags-item-link {
text-transform: capitalize;
text-decoration: none;
transition: color .5s ease-in-out;
color: #707070;
}
.Article-tags-item-link:hover {
text-decoration: none;
color: #F26520;
}
.Article-nav {
margin: 4rem 0;
}
.Article-nav-list {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
}
.Article-nav-list-item {
display: block;
}
.Article-nav-list-item + .Article-nav-list-item {
border-left: 1px solid #E3E3E3;
}
.Article-nav-list-item-link {
display: block;
position: relative;
padding: .6rem 2rem;
font-weight: bold;
transition: color .5s ease;
color: #F26520;
}
.Article-nav-list-item-link--prev {
padding-left: 4rem;
}
.Article-nav-list-item-link--next {
padding-right: 4rem;
}
.Article-nav-list-item-link--off {
opacity: .5;
}
.Article-nav-list-item-link::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 3rem;
height: 3rem;
background: #F26520;
transition: background-color .5s ease;
}
.Article-nav-list-item-link--prev::before {
left: 0;
right: unset;
}
.Article-nav-list-item-link::after {
content: '';
display: block;
position: absolute;
top: 1rem;
right: 1.1rem;
border-top: .5rem solid transparent;
border-left: .7rem solid #fff;
border-bottom: .5rem solid transparent;
}
.Article-nav-list-item-link--prev::after {
transform: rotate(180deg);
left: 1.1rem;
right: unset;
}
a.Article-nav-list-item-link:hover {
text-decoration: none;
color: #000;
}
a.Article-nav-list-item-link:hover::before {
background: #000;
}
.Article-aside {
height: 100%;
padding: 2rem;
background: #FCFCFC;
}
.Article-aside-title {
font-size: 1.6rem;
font-weight: bold;
margin: 3rem 0 2rem;
}
.Article-aside-title:first-child {
margin-top: 0;
}
.Article-testimonySlider {
margin-left: -2rem !important;
margin-right: -2rem !important;
}
.Article-testimonySlider .Slider-item {
padding-left: 2rem;
padding-right: 2rem;
}
.Article-links {
list-style: none;
padding: 0;
}
.Article-links-item {
}
.Article-links-item + .Article-links-item {
margin-top: 1rem;
}
.Article-links-item-link {
display: flex;
align-items: center;
color: #A3A3A3;
}
.Article-links-item-link-icon {
height: 1.5em;
margin-right: 1rem;
border-radius: 50%;
box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
}
@media (min-width: 1300px) {
.Article-title {
font-size: 2.6rem;
}
.Article-subtitle {
font-size: 1.6rem;
}
}
@media (min-width: 1600px) {
.Article-title {
font-size: 3rem;
}
.Article-subtitle {
font-size: 1.8rem;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-05-18 18:45:03
*/
.ShareLinks {
list-style: none;
padding: 0;
}
.ShareLinks-item {
display: inline-block;
}
.ShareLinks-item + .ShareLinks-item {
margin-top: 1rem;
}
.ShareLinks-item-link {
align-items: center;
color: #F26520;
transition: color .5s ease;
text-decoration: none;
}
.ShareLinks-item-link-icon {
height: 1.5em;
margin-right: .5rem;
border-radius: 50%;
box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
fill: currentColor;
transition: fill .5s ease;
}
.ShareLinks-item-link:hover {
color: #000;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-04 17:38:22
*/
.InlineContainer {
display: flex;
}
.InlineContainer-item {
flex: 1;
}
.InlineContainer-item--large {
flex: 2;
}
.InlineContainer-item-content {
padding: 3rem 7rem;
}
.InlineContainer-item-content--verticalSpaceBetween {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.InlineContainer-item--darkBg {
color: #fff;
background: #000000;
}
.InlineContainer--xxs,
.InlineContainer--xs,
.InlineContainer--s,
.InlineContainer--m,
.InlineContainer--l,
.InlineContainer--xl {
display: block;
}
@media (min-width: 420px) {
.InlineContainer--xxs {
display: flex;
}
}
@media (min-width: 620px) {
.InlineContainer--xs {
display: flex;
}
}
@media (min-width: 768px) {
.InlineContainer--s {
display: flex;
}
}
@media (min-width: 960px) {
.InlineContainer--l {
display: flex;
}
}
@media (min-width: 1080px) {
.InlineContainer--l {
display: flex;
}
}
@media (min-width: 1260px) {
.InlineContainer--xl {
display: flex;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-05 14:59:05
*/
.Accordion {
}
.Accordion-item {
}
.Accordion-item +.Accordion-item {
margin-top: 2rem;
}
.Accordion-item-header {
position: relative;
display: flex;
justify-content: space-between;
}
.Accordion-item-header::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
right: 5rem;
margin-top: -1px;
border-bottom: 1px solid #f26522;
z-index: -1;
}
.Accordion-item-title {
display: inline-block;
font-weight: bold;
font-size: 1.6rem;
padding-right: 2rem;
color: #000;
background: #fff;
}
a.Accordion-item-title {
text-decoration: none;
}
.Accordion-item-toggler {
content: '';
display: flex;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
background: #f26522;
border: none;
}
.Accordion-item-toggler::after {
content: '';
display: block;
position: relative;
top: .1rem;
border: .3rem solid transparent;
border-top: .4rem solid #fff;
border-bottom: none;
transform-origin: center .15rem;
transition: transform .5s ease;
}
.Accordion-item.open .Accordion-item-toggler::after {
transform: rotate(180deg);
}
.Accordion-item-subtitle {
padding: 1rem 0 0 0;
text-transform: uppercase;
color: #707070;
}
.Accordion-item-content {
padding: 2rem 0 1rem;
overflow: hidden;
opacity: 0;
transition: height 1s ease, padding 1s ease, opacity 1s ease;
}
.Accordion-item.open .Accordion-item-content {
opacity: 1;
}
.Accordion-item-text {
color: #3E3E3E;
}
.Accordion-item-text p {
margin: 1.5rem 0;
}
.Accordion-item-text p:first-child {
margin-top: 0;
}
.Accordion-item-text p:last-child {
margin-bottom: 0;
}
.Accordion-item-footer {
margin-top: 2rem;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-11 18:40:17
*/
.Tabs {
}
.Tabs-nav {
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
}
.Tabs-nav-itemWrapper {
margin: 0;
padding: 0;
font-style: normal;
font-size: inherit;
border: none;
}
.Tabs-nav-item {
position: relative;
text-align: center;
text-decoration: none;
padding: 0 2rem;
font-weight: bold;
color: #D3D3D3;
transition: color .5s ease;
}
.Tabs-nav-item:hover {
text-decoration: none;
color: #000;
}
.Tabs-nav-item + .Tabs-nav-item,
.Tabs-nav-itemWrapper + .Tabs-nav-itemWrapper {
border-left: 1px solid #F0F0F0;
border-left: 1px solid red;
}
.Tabs-nav-item.open {
color: #F26520;
}
.Tabs-contents {
position: relative;
transition: height 1s ease;
margin-top: 2rem;
}
.Tabs-content {
position: absolute;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
transition: opacity 1s ease, visibility 1s ease;
}
.Tabs-contents .richtext {
margin: 0;
}
.Tabs-content.open {
visibility: visible;
opacity: 1;
}
.Tabs-nav--big {
font-size: 1.3em;
}
.Tabs-nav--big .Tabs-nav-item {
border-bottom-width: 3px;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-11 15:15:45
*/
.FeatureList {
columns: 2;
column-gap: 2em;
list-style: none;
margin: 2rem 0;
padding: 0;
line-height: 2.8rem;
}
.FeatureList-item {
column-break-inside: avoid;
-webkit-column-break-inside: avoid;
display: flex;
align-items: center;
margin: 0;
padding: .5rem 0;
color: #A3A3A3;
}
.FeatureList-item::before {
content: '';
display: inline-block;
flex: 0 0 auto;
width: 2em;
height: 2em;
margin-right: 1em;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='22' viewBox='0 0 23.5 22' width='23.5' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='11' cy='11' fill='none' r='10.5' stroke='%23f26520'/%3e%3cpath d='m157.348 734.453a1.444 1.444 0 0 1 -1.028-.426l-4.511-4.511a1.454 1.454 0 1 1 2.056-2.055l3.483 3.483 10.563-10.563a1.454 1.454 0 1 1 2.056 2.056l-11.591 11.59a1.442 1.442 0 0 1 -1.028.426z' fill='%23f26520' stroke='%23fff' transform='translate(-146.5 -719.5)'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-20 15:47:26
* Updated: Nouveau design pour correspondre à la maquette
*/
.ContactForm {
position: relative;
display: flex;
align-items: flex-start;
min-height: 70vh;
margin: 0 auto;
padding: 2rem;
gap: 3rem;
}
.ContactForm-left {
flex: 0 0 40%;
display: flex;
align-items: center;
justify-content: center;
}
.ContactForm-left-content {
padding: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
color: #000;
}
.ContactForm-left .Title {
font-size: 3.2rem;
font-weight: bold;
line-height: 1.1;
margin: 0 0 1.5rem 0;
color: #000;
text-align: left;
}
.ContactForm-left .Title .highlight {
background-color: #F26520;
color: white;
padding: 0.3em 0.5em;
display: inline-block;
font-size: 0.95em;
}
.ContactForm-description {
font-size: 1.7rem;
line-height: 1.6;
color: #333;
margin: 0;
max-width: 400px;
position: relative;
padding-bottom: 136px;
padding-right: 30px;
min-height: 372px;
}
.ContactForm-description::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 493px;
height: 372px;
background-image: url('../../../assets/Griffe_Azimut_gris.png');
background-repeat: no-repeat;
background-position: bottom right;
background-size: 493px auto;
opacity: 0.7;
z-index: -1;
pointer-events: none;
}
.ContactForm-right {
flex: 0 0 60%;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.ContactForm-right .Title {
display: none;
}
.ContactForm-right-content {
width: 100%;
background: white;
padding: 2.5rem;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.form-row {
display: flex;
gap: 1rem;
margin-bottom: 1.5rem;
}
.form-row .form-group {
flex: 1;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group:last-child {
margin-bottom: 0;
}
.ContactForm-right-content label,
.ContactForm-right-content .form-group label,
label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
color: #333;
font-size: 1.2rem;
}
label.required::after,
.required::after {
content: " *";
color: #e74c3c;
}
.ContactForm-right-content input[type="text"],
.ContactForm-right-content input[type="email"],
.ContactForm-right-content input[type="tel"],
.ContactForm-right-content select,
.ContactForm-right-content textarea,
.ContactForm-right-content .form-control,
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group select,
.form-group textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
width: 100%;
padding: 0.8rem;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 1rem;
font-family: inherit;
transition: all 0.3s ease;
box-sizing: border-box;
background: #fff;
}
.ContactForm-right-content input:focus,
.ContactForm-right-content select:focus,
.ContactForm-right-content textarea:focus,
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
border-color: #F26520;
box-shadow: 0 0 0 3px rgba(242, 101, 32, 0.1);
}
.ContactForm-right-content input::placeholder,
.ContactForm-right-content textarea::placeholder,
input::placeholder,
textarea::placeholder {
color: #999;
font-style: italic;
}
.ContactForm-right-content textarea,
textarea {
min-height: 100px;
resize: vertical;
font-family: inherit;
}
.ContactForm-right-content select,
select {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.8rem center;
background-size: 1rem;
padding-right: 2.5rem;
}
.newsletter-checkbox {
display: flex;
align-items: center;
gap: 0.5rem;
}
.newsletter-checkbox input[type="checkbox"] {
width: auto;
margin: 0;
}
#autre-connaissance-group {
margin-top: 1.2rem;
margin-bottom: 1.5rem;
transition: all 0.3s ease-in-out;
opacity: 0;
max-height: 0;
overflow: hidden;
}
#autre-connaissance-group.show {
opacity: 1;
max-height: 100px;
margin-bottom: 1.5rem;
}
#autre-connaissance-group input {
border-color: #F26520;
border-width: 2px;
}
#autre-connaissance-group label {
color: #F26520;
font-weight: bold;
}
.form-error,
.form-errors,
.help-block,
.invalid-feedback,
.form-group .error,
.form-group ul,
.form-group li {
color: #e74c3c;
font-size: 0.875rem;
margin-top: 0.5rem;
display: block;
background-color: #fdf2f2;
border: 1px solid #fecaca;
border-radius: 4px;
padding: 0.5rem 0.75rem;
line-height: 1.4;
}
.form-group ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.form-group li {
margin: 0;
padding: 0.25rem 0;
border: none;
background: none;
}
.form-group li:first-child {
padding-top: 0;
}
.form-group li:last-child {
padding-bottom: 0;
}
.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
border-color: #e74c3c !important;
box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1) !important;
}
.ContactForm-right-content .Btn,
.ContactForm-right-content button[type="submit"],
.ContactForm-right-content input[type="submit"],
.Btn,
button[type="submit"] {
background-color: #F26520;
color: white;
padding: 1rem 2rem;
border: none;
border-radius: 25px;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
width: auto;
margin-top: 1rem;
letter-spacing: 0.5px;
}
.ContactForm-right-content .Btn:hover,
.ContactForm-right-content button[type="submit"]:hover,
.ContactForm-right-content input[type="submit"]:hover,
.Btn:hover,
button[type="submit"]:hover {
background-color: #e55a1c;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(242, 101, 32, 0.3);
}
.ContactForm-right-content .cf-turnstile,
.ContactForm-right-content [class*="h-captcha"],
.ContactForm-right-content [class*="g-recaptcha"] {
margin: 1.5rem 0;
display: flex;
justify-content: center;
}
.text-right {
margin-top: 1.5rem;
}
.ContactForm-right-content .icon,
.success-message .icon {
width: 1.2rem;
height: 1.2rem;
margin-right: 0.5rem;
vertical-align: middle;
}
.success-message {
background-color: #d4edda;
color: #155724;
padding: 1rem;
border: 1px solid #c3e6cb;
border-radius: 6px;
margin-bottom: 1rem;
text-align: center;
}
.ContactForm-left-content-body,
.ContactForm-left-socialLinks {
display: none;
}
.ContactForm .Form-input{
margin: 0 !important;
}
.ContactForm .form-group{
margin-bottom: 1rem !important;
}
@media (max-width: 768px) {
.ContactForm {
flex-direction: column;
gap: 2rem;
padding: 1rem;
min-height: auto;
align-items: center;
justify-content: center;
}
.ContactForm-left,
.ContactForm-right {
flex: none;
width: 100%;
max-width: 600px;
}
.ContactForm-left {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.ContactForm-left-content {
width: 100%;
max-width: 400px;
margin: 0 auto;
text-align: center;
}
.ContactForm-left .Title {
font-size: 2.5rem;
text-align: center;
margin: 0 auto 1.5rem auto;
}
.ContactForm-description {
font-size: 1.7rem;
line-height: 1.6;
color: #333;
max-width: 400px;
position: relative;
text-align: center;
margin: 0 auto;
padding-bottom: 0;
padding-right: 0;
min-height: auto;
}
.ContactForm-description::after {
display: none;
}
.ContactForm-right {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.form-row {
flex-direction: column;
gap: 0;
}
.ContactForm-right-content {
padding: 2rem 1.5rem;
margin: 0 auto;
}
}
@media (min-width: 620px) and (max-width: 899px) {
.ContactForm {
align-items: center;
justify-content: center;
}
.ContactForm-left {
position: static;
width: auto;
max-width: 600px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
margin: 0 auto;
}
.ContactForm-left-content {
text-align: center;
margin: 0 auto;
max-width: 500px;
}
.ContactForm-right {
margin: 0 auto;
max-width: 600px;
}
.ContactForm-description {
text-align: center;
margin: 0 auto;
}
}
@media (min-width: 900px) {
.ContactForm-left {
width: auto;
}
.ContactForm-right {
margin-left: 0;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-17 15:20:51
*/
.Figure {
margin: 0;
max-width: 100%;
}
.Figure-image {
display: block;
max-width: 100%;
margin: 0 auto;
}
.Figure-caption {
padding: 1rem 2rem;
text-align: center;
font-style: italic;
color: #999;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-24 11:25:36
*/
.MosaicAccordion {
text-align: center;
display: flex;
flex-wrap: wrap;
margin: -1.5rem;
}
.MosaicAccordion-item {
width: 50%;
padding: 1.5rem;
}
.MosaicAccordion-item-icon-img {
height: 4rem;
}
.MosaicAccordion-item-content {
overflow: hidden;
opacity: 0;
transition: height 1s ease, padding 1s ease, opacity 1s ease;
}
.MosaicAccordion-item.open .MosaicAccordion-item-content {
opacity: 1;
}
.MosaicAccordion-item-title {
font-size: 1.4rem;
color: #000;
transition: color .5s ease;
}
a.MosaicAccordion-item-title:hover {
text-decoration: none;
color: #F26520;
}
.MosaicAccordion-item.open .MosaicAccordion-item-title {
font-weight: bold;
}
.MosaicAccordion-item-text {
margin: .5rem 0;
color: #BBBBBB;
}
@media (min-width: 460px) {
.MosaicAccordion-item {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 530px) {
.MosaicAccordion-item {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 630px) {
.MosaicAccordion-item {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 720px) {
.MosaicAccordion {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
text-align: left;
margin: 0 -1rem;
position: relative;
min-height: 20rem;
}
.MosaicAccordion-item {
margin: 1rem;
padding: 0;
width: auto;
padding-left: 50%;
}
.MosaicAccordion--right .MosaicAccordion-item {
padding-left: 0;
padding-right: 50%;
}
.MosaicAccordion-item-icon {
position: absolute;
left: 0;
top: 50%;
display: flex;
width: 16%;
height: 10rem;
margin-top: -10rem;
}
.MosaicAccordion--right .MosaicAccordion-item-icon {
left: unset;
right: 0;
}
.MosaicAccordion-item:nth-child(2) .MosaicAccordion-item-icon,
.MosaicAccordion-item:nth-child(5) .MosaicAccordion-item-icon {
left: 16%;
}
.MosaicAccordion-item:nth-child(3) .MosaicAccordion-item-icon,
.MosaicAccordion-item:nth-child(6) .MosaicAccordion-item-icon {
left: 32%;
}
.MosaicAccordion-item:nth-child(4) .MosaicAccordion-item-icon,
.MosaicAccordion-item:nth-child(5) .MosaicAccordion-item-icon,
.MosaicAccordion-item:nth-child(6) .MosaicAccordion-item-icon {
margin-top: 0;
}
.MosaicAccordion--right .MosaicAccordion-item:nth-child(2) .MosaicAccordion-item-icon,
.MosaicAccordion--right .MosaicAccordion-item:nth-child(5) .MosaicAccordion-item-icon {
left: unset;
right: 16%;
}
.MosaicAccordion--right .MosaicAccordion-item:nth-child(3) .MosaicAccordion-item-icon,
.MosaicAccordion--right .MosaicAccordion-item:nth-child(6) .MosaicAccordion-item-icon {
left: unset;
}
.MosaicAccordion--right .MosaicAccordion-item:nth-child(1) .MosaicAccordion-item-icon,
.MosaicAccordion--right .MosaicAccordion-item:nth-child(4) .MosaicAccordion-item-icon {
right: 32%;
}
.MosaicAccordion-item-icon-content {
position: relative;
flex: 1;
margin: 1rem;
display: flex;
align-items: center;
justify-content: center;
transition: box-shadow .5s ease;
}
a.MosaicAccordion-item-icon-content:hover {
box-shadow: 0 .3rem .6rem rgba(0,0,0,.08);
}
.MosaicAccordion-item.open .MosaicAccordion-item-icon-content {
box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
}
.MosaicAccordion-item-icon-img {
width: 50%;
height: 50%;
object-fit: contain;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
*/
.Toggler {
}
.Toggler-trigger {
display: inline-flex;
align-items: center;
}
.Toggler-trigger-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.5em;
height: 1.5em;
margin-left: 1em;
background: #F26520;
}
.Toggler-trigger-arrow::after {
content: '';
display: inline-block;
border: .4em solid transparent;
border-top: .4em solid #fff;
border-bottom: none;
transition: transform .5s ease;
}
.Toggler-content {
}
.Toggler.open .Toggler-trigger-arrow::after {
transform: rotate(180deg);
}
.Faq-article{
position: relative;
margin: 0.5rem;
}
.Faq-article-title{
text-align: left;
font-weight: bold;
background: #F8F8F8;
border-radius: 7px;
padding:15px 45px 15px 15px;
}
.Faq-article-question{
margin:0;
font-size: 1em;
}
.Faq-article-btn {
content: '';
display: flex;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
background: #f26522;
border: none;
float: right;
position: absolute;
right: 15px;
top: 12px;
}
.Faq-article-btn::after{
content: '';
display: block;
position: relative;
top: .1rem;
border: .3rem solid transparent;
border-top: .4rem solid #fff;
border-bottom: none;
transform-origin: center .15rem;
transition: transform .5s ease;
}
.Faq-article-text{
padding:15px;
display:none;
}
.Faq-article.open .Faq-article-text{
display:inherit;
}
.Faq-article.open .Faq-article-btn::after{
transform: rotate(180deg);
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2020-01-14 17:23:13
*/
.Page404 {
height: 100%;
text-align: center;
font-size: 24px;
padding: 10vh 46% 0 1em;
background: #fff url(../../../assets/404-bg.jpg) top right no-repeat;
background-size: auto 100%;
}
.Page404 h1 {
font-family: Arial;
font-size: 23.5em;
margin: 0;
padding: 0;
line-height: .7;
color: #ededed;
}
.Page404 h2 {
font-family: Arial;
font-size: 7.1em;
font-weight: normal;
margin: .3em 0;
padding: 0;
line-height: 1;
color: #000;
}
.Page404 p {
margin: 1em 0;
}
@media (max-height: 2200px) and (max-aspect-ratio: 16/9) {
.Page404 {
font-size: 18px;
}
}
@media (max-height: 1000px), (max-width: 1880px) {
.Page404 {
font-size: 22px;
}
}
@media (max-height: 850px), (max-width: 1800px) {
.Page404 {
font-size: 20px;
}
}
@media (max-height: 770px), (max-width: 1756px) {
.Page404 {
font-size: 18px;
}
}
@media (max-height: 690px) {
.Page404 {
font-size: 16px;
}
}
@media (max-height: 610px), (max-width: 1680px), (max-height: 1630px) and (max-aspect-ratio: 16/9) {
.Page404 {
font-size: 14px;
}
}
@media (max-height: 540px), (max-width: 1620px) {
.Page404 h1 {
font-size: 10em
}
.Page404 h2 {
font-size: 2em
}
}
@media (max-aspect-ratio: 5/6) {
.Page404 {
padding-right: 1em;
background-image: none;
}
}
@media (max-width: 515px), (max-width: 800px) and (max-aspect-ratio: 16/9) {
.Page404 {
padding-right: 1em;
background-image: none;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-04-13 09:39:17
*/
.PageUniverse {
}
.PageUniverse-title {
font-size: 3rem;
margin: 0 0 3rem;
text-align: left;
}
.PageUniverse-gridSlider {
}
.PageUniverse-gridSlider-sliderItem {
padding-left: 3rem;
padding-right: 3rem;
}
@media (min-width: 768px) {
.PageUniverse-gridSlider-sliderItem {
padding-left: 0;
padding-right: 0;
}
.PageUniverse-gridSlider-textItem {
order: -1;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-05-06 11:48:27
*/
.PageNews {
}
.PageNews-grid {
padding: 2rem 0;
}
.PageNews-grid > .PageNews-grid-item {
margin-top: 2rem;
}
@media (min-width: 768px) {
/* Grid flexbox fallback */
.PageNews-grid {
display: flex;
flex-wrap: wrap;
margin: -1rem;
overflow: hidden;
}
.PageNews-grid > .PageNews-grid-item {
display: flex;
justify-content: stretch;
align-items: stretch;
width: calc(33% - 3rem);
margin: 1.5rem;
}
@supports (display: grid) {
.PageNews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(auto-fit, 8rem);
grid-gap: 3rem;
/* Cancel flexbox fallback styles */
margin: 0;
}
.PageNews-grid > .PageNews-grid-item {
/* Cancel flexbox fallback styles */
width: auto;
margin: 0;
grid-row-start: span 3;
}
.PageNews-grid > .PageNews-grid-item:nth-child(2) {
grid-row: span 4;
grid-column: 2;
}
.PageNews-grid > .PageNews-grid-item:nth-child(4) {
grid-row: span 4;
}
.PageNews-grid > .PageNews-grid-item:nth-child(5) {
grid-row: span 3;
grid-column: 2;
}
.PageNews-grid > .PageNews-grid-item:nth-child(6) {
grid-row: 4 / span 3;
grid-column: 3;
}
.PageNews-grid > .PageNews-grid-item:nth-child(7) {
grid-column-start: span 2;
}
.PageNews-grid > .PageNews-grid-item:nth-child(8) {
grid-row: 7 / span 4;
grid-column: 3;
}
.PageNews-grid > .PageNews-grid-item:nth-child(9) {
grid-row: span 6;
}
.PageNews-grid > .PageNews-grid-item:nth-child(11) {
grid-row: span 6;
}
.PageNews-grid > .PageNews-grid-item:nth-child(12) {
grid-column: 1;
}
.PageNews-grid > .PageNews-grid-item:nth-child(13) {
grid-row: 14 / span 6;
grid-column: 2;
}
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-08-11 11:52:06
*/
.PageProduct {
}
.PageProduct-title {
font-size: 2.1rem;
margin: 0 0 3rem;
text-align: left;
}
.PageProduct-subtitle {
font-size: 1.8rem;
text-align: left;
margin-bottom: .8rem;
}
.PageProduct-title--features {
font-size: 1.6rem;
font-weight: bold;
font-style: normal;
margin: 0 0 1rem;
text-align: center;
color: #000;
}
.PageProduct-text,
.PageProduct-text.richtext {
position: relative;
margin: 0;
}
.PageProduct-text::before,
.PageProduct-text::after {
content: '';
display: inline-block;
width: 34%;
margin: 1rem 0;
border-top: 1px solid #F0F0F0;
}
.PageProduct-text::after {
display: none;
margin-bottom: 0;
}
/* Section prix */
.PageProduct-priceSection {
margin-top: 2rem;
}
.PageProduct-price {
font-size: 1.2rem;
font-weight: bold;
text-align: left;
}
.PageProduct-price-label {
color: #000;
}
.PageProduct-price-value {
color: #f06420;
}
.PageProduct-price sup {
font-size: 0.7em;
font-weight: normal;
vertical-align: super;
}
.PageProduct-priceNote {
font-size: 0.9rem;
color: #888;
font-style: italic;
text-align: left;
}
.PageProduct .FeatureList {
max-width: 50rem;
margin-left: auto;
margin-right: auto;
}
.PageProduct-grid {
}
.PageProduct-grid-item {
margin: 2rem 0;
}
.PageProduct-gridItemSlider {
}
.PageProduct-gridItemText {
}
.PageProduct-gridItemFeatures {
text-align: center;
}
.PageProduct-grid .PageProduct-title--3 {
text-align: inherit;
}
@media (min-width: 960px) {
.PageProduct-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr;
flex-wrap: wrap;
overflow: hidden;
grid-gap: 2rem;
}
.PageProduct-grid-item {
overflow: hidden;
margin: 0;
}
.PageProduct-gridItemSlider {
order: -1;
}
.PageProduct-gridItemFeatures {
margin-top: 2rem;
grid-column: span 2;
}
}
@media (min-width: 1700px) {
.PageProduct-text::after {
display: inline-block;
}
.PageProduct-grid {
grid-row-gap: 0;
}
.PageProduct-gridItemSlider {
order: -1;
}
.PageProduct-gridItemFeatures {
grid-column: unset;
text-align: left;
}
.PageProduct-gridItemSlider {
grid-row: span 2;
}
.PageProduct .FeatureList {
margin-left: 0;
margin-right: 0;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2021-09-02 10:18:03
*/
.PageInternalDigitalSolution {
}
.PageInternalDigitalSolution-contentBloc {
position: relative;
padding-top: 2.5rem;
}
.PageInternalDigitalSolution-contentBloc::before {
content: '';
display: block;
position: absolute;
top: -1rem;
left: -1.5rem;
width: 8rem;
height: 8rem;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
.PageInternalDigitalSolution-contentBloc--webdesign::before {
background-image: url(../../../assets/webdesign.svg);
}
.PageInternalDigitalSolution-contentBloc--cms::before {
top: -.4rem;
background-image: url(../../../assets/cms.svg);
}
.PageInternalDigitalSolution-contentBloc--consulting::before {
background-image: url(../../../assets/consulting.svg);
}
.PageInternalDigitalSolution-contentBloc--seo::before {
background-image: url(../../../assets/seo.svg);
}
.PageInternalDigitalSolution-contentBloc--security::before {
background-image: url(../../../assets/security.svg);
}
.PageInternalDigitalSolution-contentBloc--mobileApp::before {
background-image: url(../../../assets/mobile-app.svg);
}
.PageInternalDigitalSolution-contentBloc--webapp::before {
background-image: url(../../../assets/webapp.svg);
}
.PageInternalDigitalSolution-contentBloc--collaborativeTool::before {
background-image: url(../../../assets/collaborative-tool.svg);
}
.PageInternalDigitalSolution-contentBloc--kioskPortal::before {
background-image: url(../../../assets/kiosk-portal.svg);
}
.PageInternalDigitalSolution-contentBloc--emailing::before {
background-image: url(../../../assets/emailing.svg);
}
.PageInternalDigitalSolution-contentBloc--screenHelp::before {
background-image: url(../../../assets/screen-help.svg);
}
.PageInternalDigitalSolution-contentBloc--screenThumbUp::before {
background-image: url(../../../assets/screen-thumb-up.svg);
}
.PageInternalDigitalSolution-contentBloc--userAdd::before {
background-image: url(../../../assets/user-add.svg);
}
.PageInternalDigitalSolution-contentBloc--flow::before {
background-image: url(../../../assets/flow.svg);
}
.PageInternalDigitalSolution-contentBloc--screenPerformance::before {
background-image: url(../../../assets/screen-performance.svg);
}
.PageInternalDigitalSolution-contentBloc--services1::before {
background-image: url(../../../assets/1.svg);
opacity: 0.15;
}
.PageInternalDigitalSolution-contentBloc--services2::before {
background-image: url(../../../assets/2.svg);
opacity: 0.15;
}
.PageInternalDigitalSolution-contentBloc--services3::before {
background-image: url(../../../assets/3.svg);
opacity: 0.15;
}
.PageInternalDigitalSolution-contentBloc--services4::before {
background-image: url(../../../assets/4.svg);
opacity: 0.15;
}
.PageInternalDigitalSolution-contentBloc--services5::before {
background-image: url(../../../assets/5.svg);
opacity: 0.15;
}
.PageInternalDigitalSolution-contentBloc--services6::before {
background-image: url(../../../assets/6.svg);
opacity: 0.15;
}
.PageInternalDigitalSolution-contentBloc-title {
margin-left: 4rem;
}
@media (min-width: 560px) {
.PageInternalDigitalSolution-contentBloc::before {
left: -2rem;
}
}
@media (min-width: 1200px) {
.PageInternalDigitalSolution-contentBloc {
padding-top: 5rem;
}
.PageInternalDigitalSolution-contentBloc--left {
padding-right: 2rem;
}
.PageInternalDigitalSolution-contentBloc--left::before {
left: -4rem;
}
.PageInternalDigitalSolution-contentBloc--right {
padding-left: 2rem;
}
.PageInternalDigitalSolution-contentBloc--right::before {
left: -2rem;
}
.PageInternalDigitalSolution-contentBloc--consulting {
padding-top: 2.4rem;
}
.PageInternalDigitalSolution-contentBloc-title {
margin-left: 0;
}
.PageInternalDigitalSolution-contentBloc--mobileApp::before {
left: -4rem;
}
.PageInternalDigitalSolution-contentBloc--webapp {
padding-top: 4rem;
}
.PageInternalDigitalSolution-contentBloc--collaborativeTool {
padding-top: 2rem;
}
.PageInternalDigitalSolution-contentBloc--collaborativeTool::before {
left: -4rem;
}
.PageInternalDigitalSolution-contentBloc--kioskPortal {
padding-top: 5rem;
}
.PageInternalDigitalSolution-contentBloc--emailing {
padding-top: 0rem;
}
.PageInternalDigitalSolution-contentBloc--emailing::before {
left: -4rem;
}
.PageInternalDigitalSolution-contentBloc--screenHelp {
padding-top: 6rem;
}
.PageInternalDigitalSolution-contentBloc--screenHelp::before {
left: -4rem;
}
.PageInternalDigitalSolution-contentBloc--screenThumbUp {
padding-top: 4rem;
}
.PageInternalDigitalSolution-contentBloc--userAdd {
padding-top: 3rem;
}
.PageInternalDigitalSolution-contentBloc--userAdd::before {
left: -4.5rem;
}
.PageInternalDigitalSolution-contentBloc--screenPerformance {
padding-top: 0;
}
.PageInternalDigitalSolution-contentBloc--screenPerformance::before {
left: -4rem;
}
}
@media (min-width: 1600px) {
.PageInternalDigitalSolution-contentBloc--right::before {
left: 2rem;
}
.PageInternalDigitalSolution-contentBloc--left {
padding-right: 6rem;
}
.PageInternalDigitalSolution-contentBloc--right {
padding-left: 6rem;
}
.PageInternalDigitalSolution-contentBloc--consulting::before {
left: 1.5rem;
}
.PageInternalDigitalSolution-contentBloc--security {
padding-top: 0rem;
}
.PageInternalDigitalSolution-contentBloc--security::before {
left: 0rem;
}
.PageInternalDigitalSolution-contentBloc--mobileApp::before {
left: -.5rem;
}
.PageInternalDigitalSolution-contentBloc--collaborativeTool::before {
left: -.5rem;
}
.PageInternalDigitalSolution-contentBloc--emailing::before {
left: -.5rem;
}
.PageInternalDigitalSolution-contentBloc--screenHelp::before {
left: -1rem;
}
.PageInternalDigitalSolution-contentBloc--userAdd::before {
left: -1.5rem;
}
.PageInternalDigitalSolution-contentBloc--screenPerformance::before {
left: 0;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2019-06-20 14:29:04
*/
.clearfix {
clear: both;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.flex-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.row-flex-center {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.text-off {
color: #A3A3A3;
}
@media (min-width: 420px) {
.flex-center--xxs-inactive {
display: block;
}
}
@media (min-width: 620px) {
.flex-center--xs-inactive {
display: block;
}
}
@media (min-width: 768px) {
.flex-center--s-inactive {
display: block;
}
}
@media (min-width: 960px) {
.flex-center--m-inactive {
display: block;
}
}
@media (min-width: 1080px) {
.flex-center--l-inactive {
display: block;
}
}
@media (min-width: 1260px) {
.flex-center--xl-inactive {
display: block;
}
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.media-pullLeft,
.media-pullRight {
margin: .5rem 2rem 2rem 0;
max-width: 50%;
height: auto;
}
.media-pullLeft {
float: left;
}
.media-pullRight {
float: right;
}
.richtext {
overflow: auto;
margin: 3rem 0; /* same as p */
}
.richtext > p:first-child,
.richtext > h2:first-child {
margin-top: 0;
}
.richtext > p:last-child {
margin-bottom: 0;
}
.richtext img {
max-width: 100%;
}
.small-margins,
p.small-margins,
.richtext p.small-margins,
.small-margins p {
margin: 1.5rem 0;
}
.small-margins p:first-child {
margin-top: 0;
}
.small-margins > p:last-child {
margin-bottom: 0;
}
.no-botttom-margin,
p.no-botttom-margin,
.richtext p.no-botttom-margin {
margin-bottom: 0;
}
.no-top-margin {
margin-top: 0;
}
.unstyled-list {
list-style: none;
padding: 0;
}
.full-height {
height: 100%;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.h-captcha {
margin: 0 auto;
}
.richtext iframe,
.twitter-tweet {
display: block;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.twitter-tweet {
width: 100% !important;
max-width: 500px !important;
}
.icon {
height: 1.6em;
margin: 0 .8em -.4em 0;
}
.width-30p {
width: 30%;
}
.indent {
padding-left: 2rem;
}
.text-narrow-border-top {
margin-top: .5rem;
}
.text-narrow-border-bottom {
margin-bottom: .5rem;
}
.text-narrow-border-top::before,
.text-narrow-border-bottom::after {
content: '';
display: inline-block;
width: 34%;
margin: 1rem 0;
border-top: 1px solid #F0F0F0;
}
.text-narrow-border-bottom::after {
margin-bottom: 0;
}
.text-narrow-border-bottom--show-s::after {
display: none;
}
@media (min-width: 768px) {
.text-narrow-border-bottom--show-s::after {
display: inline-block;
}
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2019-04-10 15:42:35
*/
.testimony,
.richtext .testimony {
margin: 1.5em 0;
padding: 1.5em;
background: #e0e0e0;
}
.testimony-title,
.richtext .testimony-title {
text-transform: none;
font-weight: bold;
margin: 0 0 1em 0;
}
.testimony-content,
.richtext .testimony-content {
display: flex;
}
.testimony-profile,
.richtext .testimony-profile {
max-width: 25%;
margin-right: 5%;
}
.testimony-profile-media,
.richtext .testimony-profile-media {
margin-bottom: 1em;
}
.testimony-profile-media img,
.richtext .testimony-profile-media img {
max-width: 100%
}
.testimony-profile-media .Figure-caption,
.richtext .testimony-profile-media .Figure-caption {
color: #999;
}
.testimony-profile-name,
.richtext .testimony-profile-name {
font-weight: bold;
}
.testimony-profile-position,
.richtext .testimony-profile-position {
color: #999;
}
.testimony-text,
.richtext .testimony-text {
flex: 1;
text-align: center;
color: #888;
}
.testimony-text p,
.richtext .testimony-text p {
margin: 1em 0;
}
.testimony-text p:first-child,
.richtext .testimony-text p:first-child {
margin-top: 0;
}
.testimony-text p:first-child::before,
.richtext .testimony-text p:first-child::before {
content: '« ';
color: #F26520;
}
.testimony-text p:last-child,
.richtext .testimony-text p:last-child {
margin-bottom: 0;
}
.testimony-text p:last-child::after,
.richtext .testimony-text p:last-child::after {
content: ' »';
color: #F26520;
}
/**
* @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
* date: 2019-04-10 16:16:27
*/
.focus,
.richtext .focus {
border-left: 2px solid #F26520;
padding: .4em 1.3em;
margin: 1.5em 0;
color: #666;
}
.focus p:first-child,
.richtext .focus p:first-child {
margin-top: 0;
}
.focus p:last-child,
.richtext .focus p:last-child {
margin-bottom: 0;
}