@charset "UTF-8";
/*! normalize.css v8.0.1 | 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 iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  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
   ========================================================================== */
/**
 * 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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 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 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
Préfixe des paramètres :
    ff_     -> font-family
    fs_     -> font-size
    fw_     -> font-weight
    ls_     -> letter-spacing
    lh_     -> line-height
    upper_  -> uppercase -> true or false
    c_      -> color
    m_      -> margin
    p_      -> padding
    td_     -> text-decoration
    bc_     -> background-color
    bs_     -> background-size
    bp_     -> background-position
    br_     -> background-repeat
    bd_     -> border
    bdc_    -> border-color
    bdr_    -> border-radius
    bxs_    -> box-shadow
    mw_     -> max-width
    w_      -> width
    h_      -> height
    tr_     -> transition
Suffixe des paramètres :
    _mob    -> mobile -> définis la version mobile du paramètre
*/
/*
    Illustrations à renseigner avec les mêmes noms dans le dossier :
    > htdocs/content/themes/altimax/dist/img/gutenberg/illustrations

    Nom des fichiers :
    > illustration1.svg
    > illustration2.svg
*/
.GutContainer, .GutContainer-full {
  width: 100%;
  margin: 0 auto;
  max-width: 139.8rem;
}
@media (min-width: 993px) {
  .GutContainer, .GutContainer-full {
    padding: 5rem 2.5rem;
  }
}
@media (max-width: 992px) and (min-width: 769px) {
  .GutContainer, .GutContainer-full {
    padding: 4rem 2.5rem;
  }
}
@media (max-width: 768px) {
  .GutContainer, .GutContainer-full {
    padding: 3rem 2.5rem;
  }
}
@media (min-width: 993px) {
  .GutContainer-full {
    max-width: initial;
  }
}

.BgColor {
  background-color: #304358;
}

.Content h1 {
  margin: 0 0 1rem 0;
  font-family: "Jost", sans-serif;
  font-size: 7rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 7.5rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content h1 {
    font-size: 4.8rem;
    line-height: 6.5rem;
  }
}
.BgColor .Content h1 {
  color: #FFFFFF;
}
.Content h2 {
  margin: 0 0 1rem 0;
  font-family: "Jost", sans-serif;
  font-size: 5.5rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 5.8rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content h2 {
    font-size: 4.2rem;
    line-height: 4.8rem;
  }
}
.BgColor .Content h2 {
  color: #FFFFFF;
}
.Content h3 {
  margin: 0 0 1rem 0;
  font-family: "Jost", sans-serif;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 4.5rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content h3 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
.BgColor .Content h3 {
  color: #FFFFFF;
}
.Content h4 {
  margin: 0 0 1rem 0;
  font-family: "Jost", sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 3.5rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content h4 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
.BgColor .Content h4 {
  color: #FFFFFF;
}
.Content h5 {
  margin: 0 0 1rem 0;
  font-family: "Jost", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 3rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content h5 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.BgColor .Content h5 {
  color: #FFFFFF;
}
.Content h6 {
  margin: 0 0 1rem 0;
  font-family: "Jost", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content h6 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.BgColor .Content h6 {
  color: #FFFFFF;
}
.Content p,
.Content li,
.Content span {
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.4rem;
  color: #000000;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content p,
  .Content li,
  .Content span {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.BgColor .Content p,
.BgColor .Content li,
.BgColor .Content span {
  color: #FFFFFF;
}
.Content p strong,
.Content li strong,
.Content span strong {
  font-weight: 700;
}
.Content p picture.alignleft,
.Content li picture.alignleft,
.Content span picture.alignleft {
  display: flex;
  justify-content: flex-start;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.Content p picture.aligncenter,
.Content li picture.aligncenter,
.Content span picture.aligncenter {
  display: flex;
  justify-content: center;
  margin: 0.5rem auto;
}
.Content p picture.alignright,
.Content li picture.alignright,
.Content span picture.alignright {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0 0.5rem 0.5rem;
}
.Content p img.alignleft,
.Content li img.alignleft,
.Content span img.alignleft {
  float: left;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.Content p img.aligncenter,
.Content li img.aligncenter,
.Content span img.aligncenter {
  display: block;
  margin: 0.5rem auto;
}
.Content p img.alignright,
.Content li img.alignright,
.Content span img.alignright {
  float: right;
  margin: 0.5rem 0 0.5rem 0.5rem;
}
.Content p {
  margin: 0 0 1rem 0;
}
.Content ul {
  padding: 0;
}
.Content ul li {
  position: relative;
  list-style-type: none;
  padding: 0 0 0 20px;
}
.Content ul li:before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg id='SYSTEM_-_Liste_%c3%a0_puce' data-name='SYSTEM - Liste %c3%a0 puce' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 30 30'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_1220' data-name='Rectangle 1220' width='30' height='30' transform='translate(137 341)' fill='white' stroke='%23707070' stroke-width='1'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Groupe_de_masques_2' data-name='Groupe de masques 2' transform='translate(-137 -341)' clip-path='url(%23clip-path)'%3e%3ccircle id='Ellipse_168' data-name='Ellipse 168' cx='6' cy='6' r='6' transform='translate(137 350)'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.Content a:not([class]) {
  font-weight: 400;
  color: #12AB78;
  text-decoration: none;
}
.BgColor .Content a:not([class]) {
  color: #FFFFFF;
}
.Content a:not([class]):hover, .Content a:not([class]):focus {
  text-decoration: underline;
}
.Content blockquote {
  border: none;
  background-color: #A5DFCC;
  margin: 1rem 0;
  padding: 0rem;
}
.Content blockquote * {
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.4rem;
  color: #000000;
  text-transform: initial;
}
@media (max-width: 768px) {
  .Content blockquote * {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}
.BgColor .Content blockquote * {
  color: #000000;
}
.Content .Button-primary, .Content .Button-secondary, .Content .Link {
  margin-right: 2rem;
}

.GutTitle {
  margin: 0 auto 4rem auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.GutTitle.Left {
  align-items: flex-start;
  text-align: left;
}
.GutTitle.Center {
  align-items: center;
  text-align: center;
}
.GutTitle.Right {
  align-items: flex-end;
  text-align: right;
}
.GutTitle.BgColor {
  padding: 5rem 2rem;
}
.GutTitle-surtitle {
  margin: 0 0 0.5rem 0;
  font-family: "Atma", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.6rem;
  color: #12AB78;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .GutTitle-surtitle {
    font-size: 1.8rem;
    line-height: 1.6rem;
  }
}
.BgColor .GutTitle-surtitle {
  color: #FFFFFF;
}
.GutTitle-title {
  margin: 0 0 0 0;
  font-family: "Jost", sans-serif;
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 8rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutTitle-title {
    font-size: 4.8rem;
    line-height: 6rem;
  }
}
.BgColor .GutTitle-title {
  color: #FFFFFF;
}
.GutTitle-subtitle {
  margin: 0 0.5rem 0 0;
  font-family: "Jost", sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.6rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutTitle-subtitle {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
}
.BgColor .GutTitle-subtitle {
  color: #FFFFFF;
}
.GutIntroduction, .Content .GutIntroduction {
  margin: 0 auto 1.3rem auto;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutIntroduction, .Content .GutIntroduction {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.GutBanner {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  min-height: 30rem;
}
.GutBanner-inner {
  max-width: 87.6rem;
  margin: auto;
  position: relative;
  z-index: 1;
}
.GutBanner-picture {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.GutBanner-picture img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.GutBanner-picture::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(48, 67, 88, 0.2);
}
.GutBanner-teaser1 {
  font-family: "Jost", sans-serif;
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 8rem;
  color: #304358;
  text-transform: initial;
  margin: 0 0 0 0;
}
@media (max-width: 768px) {
  .GutBanner-teaser1 {
    font-size: 4.8rem;
    line-height: 6rem;
  }
}
.BgColor .GutBanner-teaser1 {
  color: #FFFFFF;
}
.TextDark .GutBanner-teaser1 {
  color: #304358;
}
.TextLight .GutBanner-teaser1 {
  color: #FFFFFF;
}
.GutBanner-teaser2 {
  font-family: "Jost", sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.6rem;
  color: #304358;
  text-transform: initial;
  margin: 0 0.5rem 0 0;
}
@media (max-width: 768px) {
  .GutBanner-teaser2 {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
}
.BgColor .GutBanner-teaser2 {
  color: #FFFFFF;
}
.TextDark .GutBanner-teaser2 {
  color: #304358;
}
.TextLight .GutBanner-teaser2 {
  color: #FFFFFF;
}
.GutBanner-btn {
  margin-top: 3.5rem;
}
.GutCol2 {
  position: relative;
  display: flex;
  flex-direction: column;
}
.GutCol2 .__video_parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  line-height: 0;
}
.GutCol2 .__video_open {
  cursor: pointer;
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.GutCol2 .__video_open.__is_open {
  opacity: 0;
}
.GutCol2 .__video_open::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3csvg id='SYSTEM_-_Player_video' data-name='SYSTEM - Player video' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_1224' data-name='Rectangle 1224' width='80' height='80' transform='translate(0 1)' fill='white' stroke='%23707070' stroke-width='1'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='bouton-jouer' transform='translate(0 -1)'%3e%3ccircle id='Ellipse_169' data-name='Ellipse 169' cx='24.5' cy='24.5' r='24.5' transform='translate(16 17)' fill='%2312ab78'/%3e%3cg id='Groupe_de_masques_3' data-name='Groupe de masques 3' clip-path='url(%23clip-path)'%3e%3cg id='play' transform='translate(16.629 17.629)'%3e%3cpath id='Trac%c3%a9_1969' data-name='Trac%c3%a9 1969' d='M8.92%2c7.232S8.1%2c6.9%2c8.1%2c7.561V22.51s.164.986.984.493L20.4%2c15.446c.328-.164%2c0-.493-.164-.657Z' transform='translate(11.233 9.225)' fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  transition: 0.3s all ease;
  width: 8rem;
  height: 8rem;
}
.GutCol2 .__video_open:hover::after {
  width: 10rem;
  height: 10rem;
}
.GutCol2 .__video_open img {
  max-width: 100%;
  height: auto;
}
.GutCol2 .__video_in, .GutCol2 .__video_out {
  width: 100%;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.GutCol2 .__video_out {
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
}
.GutCol2 .__video_out iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.GutCol2-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 134.8rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .GutCol2-container {
    flex-direction: column;
  }
}
.GutCol2-intro {
  width: 100%;
  margin: 0 auto 1.3rem auto;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutCol2-intro {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutCol2-intro {
  color: #FFFFFF;
}
.GutCol2-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .GutCol2-wrap {
    flex-direction: column;
    width: 100%;
  }
}
.GutCol2-video, .GutCol2-blocImage {
  width: calc(50% - 10px);
  max-width: 66.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .GutCol2-video, .GutCol2-blocImage {
    max-width: 100%;
    width: 100%;
  }
}
.GutCol2-video img, .GutCol2-blocImage img {
  max-width: 100%;
  height: auto;
}
.GutCol2-blocTexte {
  width: calc(50% - 10px);
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .GutCol2-blocTexte {
    max-width: 100%;
    width: 100%;
  }
}
.GutCol2-blocTexte--inner {
  max-width: 51.2rem;
}
.GutCol2-blocTexte .BlocTitle {
  margin: 0 0 2.4rem 0;
}
@media (max-width: 768px) {
  .GutCol2-blocTexte.Left {
    padding: 0 0 1.5rem 0;
  }
}
@media (max-width: 768px) {
  .GutCol2-blocTexte.Right {
    padding: 1.5rem 0 0 0;
  }
}
.GutCol2-picture {
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  line-height: 0;
}
@media (max-width: 768px) {
  .GutCol2-picture {
    max-width: 55rem;
    margin: auto;
  }
}
.GutCol2-credit {
  text-align: center;
  display: block;
  width: 100%;
  padding: 0.5rem 0 0 0;
  font-family: "Jost", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutCol2-credit {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.BgColor .GutCol2-credit {
  color: #FFFFFF;
}
.GutGallery-container {
  display: grid;
  gap: 1.6rem;
  justify-content: center;
  max-width: 134.8rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 993px) {
  .GutGallery-container.four_column {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "a b c d";
  }
  .GutGallery-container.three_column {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "a b c";
  }
}
@media (max-width: 992px) and (min-width: 769px) {
  .GutGallery-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "a b";
  }
}
@media (max-width: 768px) {
  .GutGallery-container {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "a" "b" "c";
  }
}
.GutGallery-pic {
  width: 100%;
  line-height: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  display: flex;
}
.GutGallery-img {
  width: 100%;
  height: auto;
}
.GutGallery-item {
  text-decoration: none;
}
.GutGallery-creditphoto {
  text-align: center;
  display: block;
  width: 100%;
  padding: 0.5rem 0 0 0;
  font-family: "Jost", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutGallery-creditphoto {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.BgColor .GutGallery-creditphoto {
  color: #FFFFFF;
}
.GutImage.GutContainer-full {
  padding-left: 0;
  padding-right: 0;
}
.GutImage-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.GutImage-creditphoto {
  text-align: center;
  display: block;
  width: 100%;
  padding: 0.5rem 0 0 0;
  font-family: "Jost", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutImage-creditphoto {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.BgColor .GutImage-creditphoto {
  color: #FFFFFF;
}
.GutImage-pic, .GutImage-img {
  width: 100%;
  line-height: 0;
}
.GutImage-img {
  box-shadow: none;
}
.GutInformations-container {
  max-width: 119.5rem;
  margin: 0 auto;
}
.GutInformations-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.GutInformations-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: calc(33.3333333333% - 2rem);
  max-width: 35.8rem;
  margin: 1.5rem auto;
  text-align: center;
  text-decoration: none;
  transition: 0.2s all ease;
}
@media (max-width: 768px) {
  .GutInformations-wrap {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 480px) {
  .GutInformations-wrap {
    width: 100%;
  }
}
.GutInformations-textLarge {
  margin: 1.5rem auto 2.5rem auto;
  font-family: "Jost", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 6.5rem;
  color: #12AB78;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutInformations-textLarge {
    font-size: 5rem;
    line-height: 5.5rem;
  }
}
.BgColor .GutInformations-textLarge {
  color: #FFFFFF;
}
.GutInformations-title {
  margin: 0 auto 0.9rem auto;
  font-family: "Jost", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutInformations-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.BgColor .GutInformations-title {
  color: #FFFFFF;
}
.GutInformations-text {
  margin: 0;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.4rem;
  color: #000000;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutInformations-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.BgColor .GutInformations-text {
  color: #FFFFFF;
}
.GutInformations-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.5rem 0;
  max-width: 25rem;
  width: 80%;
}
.GutInformations-picture img {
  max-width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
.GutPushArticles {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.GutPushArticles .GutPushArticles-bullets {
  display: none;
}
.GutPushArticles .GutPushArticles-progressbar {
  display: none;
}
.GutPushArticles-container {
  max-width: 119.6rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.GutPushArticles-inner {
  position: relative;
}
.GutPushArticles-inner:not(.GutPushArticles-slider) .GutPushArticles-wrap {
  margin: 0 41px 0 0;
}
.GutPushArticles-inner:not(.GutPushArticles-slider) .GutPushArticles-wrap:last-child {
  margin: 0;
}
@media (max-width: 768px) {
  .GutPushArticles-inner:not(.GutPushArticles-slider) .GutPushArticles-wrap {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  .GutPushArticles-inner:not(.GutPushArticles-slider) .GutPushArticles-wrap .PushArticles-picture {
    align-self: center;
    max-width: 100%;
  }
  .GutPushArticles-inner:not(.GutPushArticles-slider) .GutPushArticles-wrap .PushArticles-picture img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .GutPushArticles-inner:not(.GutPushArticles-slider) .GutPushArticles-list {
    flex-direction: column;
  }
}
.GutPushArticles-slider {
  position: relative;
}
.GutPushArticles-slider .GutPushArticles-container {
  overflow: hidden;
}
.GutPushArticles-slider .GutPushArticles-container .swiper-pagination {
  bottom: 0;
  top: inherit;
}
.GutPushArticles-slider .GutPushArticles-list {
  justify-content: flex-start;
}
.GutPushArticles-list {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.GutPushArticles-prev, .GutPushArticles-next {
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
  top: 11.2rem;
}
.GutPushArticles-prev:after, .GutPushArticles-next:after {
  display: none;
}
.GutPushArticles-prev {
  background-image: url("data:image/svg+xml,%3csvg id='SLIDER_-_Left' data-name='SLIDER - Left' xmlns='http://www.w3.org/2000/svg' width='35.695' height='35.695' viewBox='0 0 35.695 35.695'%3e%3cg id='Groupe_3619' data-name='Groupe 3619'%3e%3ccircle id='Ellipse_95' data-name='Ellipse 95' cx='17.847' cy='17.847' r='17.847' fill='%23304358'/%3e%3cg id='arrow-down-sign-to-navigate' transform='translate(13.962 23.172) rotate(-90)'%3e%3cpath id='Trac%c3%a9_11432' data-name='Trac%c3%a9 11432' d='M5.325%2c0A.744.744%2c0%2c0%2c0%2c4.8.218L.218%2c4.8A.746.746%2c0%2c1%2c0%2c1.273%2c5.852L5.325%2c1.8%2c9.376%2c5.852A.746.746%2c0%2c1%2c0%2c10.431%2c4.8L5.852.218A.744.744%2c0%2c0%2c0%2c5.325%2c0Z' transform='translate(0 0)' fill='white'/%3e%3c/g%3e%3c/g%3e%3cpath id='Trac%c3%a9_1948' data-name='Trac%c3%a9 1948' d='M0%2c0H24V24H0Z' transform='translate(6 5.847)' fill='none'/%3e%3cg id='arrow_-next_-right_-skip' data-name='arrow%2c-next%2c-right%2c-skip' transform='translate(31.454 30.487) rotate(180)'%3e%3crect id='Rectangle_1225' data-name='Rectangle 1225' width='30' height='30' transform='translate(31.454 27.64) rotate(180)' fill='none'/%3e%3c/g%3e%3c/svg%3e");
  left: -5.7rem;
}
@media (max-width: 1280px) {
  .GutPushArticles-prev {
    left: -2.4rem;
  }
}
.GutPushArticles-next {
  background-image: url("data:image/svg+xml,%3csvg id='SLIDER_-_Right' data-name='SLIDER - Right' xmlns='http://www.w3.org/2000/svg' width='35.695' height='35.695' viewBox='0 0 35.695 35.695'%3e%3cg id='Groupe_3620' data-name='Groupe 3620' transform='translate(0)'%3e%3ccircle id='Ellipse_96' data-name='Ellipse 96' cx='17.847' cy='17.847' r='17.847' transform='translate(0)' fill='%23304358'/%3e%3cg id='arrow-down-sign-to-navigate' transform='translate(15.662 23.172) rotate(-90)'%3e%3cpath id='Trac%c3%a9_11432' data-name='Trac%c3%a9 11432' d='M5.325%2c6.071A.744.744%2c0%2c0%2c1%2c4.8%2c5.852L.218%2c1.273A.746.746%2c0%2c0%2c1%2c1.273.218L5.325%2c4.27%2c9.376.219a.746.746%2c0%2c1%2c1%2c1.055%2c1.055L5.852%2c5.852A.744.744%2c0%2c0%2c1%2c5.325%2c6.071Z' transform='translate(0 0)' fill='white'/%3e%3c/g%3e%3c/g%3e%3crect id='Rectangle_698' data-name='Rectangle 698' width='30' height='30' transform='translate(4.001 2.847)' fill='none'/%3e%3c/svg%3e");
  right: -5.7rem;
}
@media (max-width: 1280px) {
  .GutPushArticles-next {
    right: -2.4rem;
  }
}
.GutPushArticles-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GutPushArticles-bullets .swiper-pagination-bullet {
  display: block;
  border-radius: 100%;
  opacity: 1;
  background-color: #D9D9D9;
  width: 1rem;
  height: 1rem;
  transition: 0.2s all ease-in-out;
  margin: 0 0.35rem;
}
.GutPushArticles-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
  background-color: #12AB78;
  width: 1.2rem;
  height: 1.2rem;
}
.GutPushArticles-bullets .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #12AB78;
  width: 1.2rem;
  height: 1.2rem;
}
.GutPushArticles-progressbar.swiper-pagination-progressbar {
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 700px;
  margin: 0 auto;
  background-color: #D9D9D9;
  height: 4px;
  border-radius: 10px;
}
.GutPushArticles-progressbar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #12AB78;
  border-radius: 10px;
}
.GutPushArticles-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
}
@media (min-width: 481px) {
  .GutPushArticles-wrap {
    max-width: 37.2rem;
  }
}
.BgColor .GutPushArticles-wrap {
  background-color: #ffffff;
}
.GutPushArticles-picture {
  display: block;
  line-height: 0;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
.GutPushArticles-picture img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.GutPushArticles-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.BgColor .GutPushArticles-content {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.GutPushArticles-title {
  margin: 0 0 0 0;
  font-family: "Jost", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.4rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutPushArticles-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.GutPushArticles-text {
  flex-grow: 1;
  font-family: "Jost", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6rem;
  color: #596979;
  text-transform: initial;
  margin: 0 auto 1rem auto;
}
@media (max-width: 768px) {
  .GutPushArticles-text {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.GutPushArticles-link {
  margin-top: 3.3rem;
  display: flex;
  justify-content: center;
}
.GutQuote-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: calc( 74rem + 25.8rem);
}
.GutQuote-content:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='95.951' height='68.302' viewBox='0 0 95.951 68.302'%3e%3cg id='QUOTE_choix_2_BasDroite_-_Base' data-name='QUOTE choix 2 BasDroite - Base' transform='translate(1 1.018)'%3e%3cg id='citation_1_' data-name='citation (1)' transform='translate(-1 -5.414)'%3e%3cpath id='Trac%c3%a9_11494' data-name='Trac%c3%a9 11494' d='M18.537%2c48.712A53.1%2c53.1%2c0%2c0%2c1%2c8.861%2c63.994a4.619%2c4.619%2c0%2c0%2c0-.438%2c5.574%2c4.535%2c4.535%2c0%2c0%2c0%2c3.883%2c2.13%2c3.822%2c3.822%2c0%2c0%2c0%2c1.315-.188c9.207-2.693%2c30.722-12.245%2c31.317-42.873.219-11.806-8.424-21.953-19.667-23.112A21.954%2c21.954%2c0%2c0%2c0%2c1%2c27.385%2c21.707%2c21.707%2c0%2c0%2c0%2c18.537%2c48.712Z' transform='translate(0 0)' fill='none' stroke='%2312ab78' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3cpath id='Trac%c3%a9_11495' data-name='Trac%c3%a9 11495' d='M41.209%2c5.526A21.949%2c21.949%2c0%2c0%2c0%2c16.97%2c27.385%2c21.707%2c21.707%2c0%2c0%2c0%2c34.508%2c48.712a53.1%2c53.1%2c0%2c0%2c1-9.677%2c15.283%2c4.619%2c4.619%2c0%2c0%2c0-.438%2c5.574%2c4.535%2c4.535%2c0%2c0%2c0%2c3.883%2c2.13%2c3.821%2c3.821%2c0%2c0%2c0%2c1.315-.188C38.8%2c68.817%2c60.313%2c59.266%2c60.908%2c28.638V28.2c0-11.619-8.549-21.515-19.7-22.673Z' transform='translate(34.043 0)' fill='none' stroke='%2312ab78' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  position: absolute;
  z-index: 0;
  background-size: contain;
  bottom: -1.6rem;
  right: 0rem;
  width: 10rem;
  height: 10rem;
}
.BgColor .GutQuote-content:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='95.951' height='68.302' viewBox='0 0 95.951 68.302'%3e%3cg id='QUOTE_choix_2_BasDroite_-_Light' data-name='QUOTE choix 2 BasDroite - Light' transform='translate(1 1.018)'%3e%3cg id='citation_1_' data-name='citation (1)' transform='translate(-1 -5.414)'%3e%3cpath id='Trac%c3%a9_11494' data-name='Trac%c3%a9 11494' d='M18.537%2c48.712A53.1%2c53.1%2c0%2c0%2c1%2c8.861%2c63.994a4.619%2c4.619%2c0%2c0%2c0-.438%2c5.574%2c4.535%2c4.535%2c0%2c0%2c0%2c3.883%2c2.13%2c3.822%2c3.822%2c0%2c0%2c0%2c1.315-.188c9.207-2.693%2c30.722-12.245%2c31.317-42.873.219-11.806-8.424-21.953-19.667-23.112A21.954%2c21.954%2c0%2c0%2c0%2c1%2c27.385%2c21.707%2c21.707%2c0%2c0%2c0%2c18.537%2c48.712Z' transform='translate(0 0)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3cpath id='Trac%c3%a9_11495' data-name='Trac%c3%a9 11495' d='M41.209%2c5.526A21.949%2c21.949%2c0%2c0%2c0%2c16.97%2c27.385%2c21.707%2c21.707%2c0%2c0%2c0%2c34.508%2c48.712a53.1%2c53.1%2c0%2c0%2c1-9.677%2c15.283%2c4.619%2c4.619%2c0%2c0%2c0-.438%2c5.574%2c4.535%2c4.535%2c0%2c0%2c0%2c3.883%2c2.13%2c3.821%2c3.821%2c0%2c0%2c0%2c1.315-.188C38.8%2c68.817%2c60.313%2c59.266%2c60.908%2c28.638V28.2c0-11.619-8.549-21.515-19.7-22.673Z' transform='translate(34.043 0)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
@media (max-width: 768px) {
  .GutQuote-content {
    flex-direction: column;
  }
}
.GutQuote-text {
  text-align: center;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  max-width: 74rem;
}
.GutQuote-intro {
  max-width: 74rem;
  margin: 0 auto 1.3rem auto;
  position: relative;
  z-index: 5;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutQuote-intro {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutQuote-intro {
  color: #FFFFFF;
}
.GutQuote-author {
  position: relative;
  z-index: 5;
  margin: 2rem 0 0.3rem 0;
  font-family: "Atma", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #12AB78;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutQuote-author {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutQuote-author {
  color: #FFFFFF;
}
.GutQuote-job {
  position: relative;
  z-index: 5;
  margin: 0;
  font-family: "Jost", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutQuote-job {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.BgColor .GutQuote-job {
  color: #FFFFFF;
}
.GutSeparator {
  display: flex;
  min-height: 36rem;
  width: 100%;
  align-items: center;
}
.GutSeparator.illustration1 {
  background-image: url("../../dist/img/gutenberg/illustrations/illustration1.svg");
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.GutSeparator.illustration2 {
  background-image: url("../../dist/img/gutenberg/illustrations/illustration2.svg");
  background-color: transparent;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.GutSeparator.Left {
  text-align: left;
  justify-content: flex-start;
}
.GutSeparator.Center {
  text-align: center;
  justify-content: center;
}
.GutSeparator.Right {
  text-align: right;
  justify-content: flex-end;
}
.GutSeparator-words {
  margin: 0 auto;
  font-family: "Atma", sans-serif;
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 6.5rem;
  color: #FFFFFF;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutSeparator-words {
    font-size: 5rem;
    line-height: 5.5rem;
  }
}
.GutTestimony-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.GutTestimony-text {
  width: 100%;
  text-align: center;
}
.GutTestimony-slider {
  max-width: 58.8rem;
  width: 100%;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .GutTestimony-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.GutTestimony-slider .swiper-container {
  padding: 3rem 0;
}
.GutTestimony-slider--prev, .GutTestimony-slider--next {
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
  display: inline-block;
}
.GutTestimony-slider--prev:after, .GutTestimony-slider--next:after {
  display: none;
}
.GutTestimony-slider--prev {
  background-image: url("data:image/svg+xml,%3csvg id='SLIDER_-_Left' data-name='SLIDER - Left' xmlns='http://www.w3.org/2000/svg' width='35.695' height='35.695' viewBox='0 0 35.695 35.695'%3e%3cg id='Groupe_3619' data-name='Groupe 3619'%3e%3ccircle id='Ellipse_95' data-name='Ellipse 95' cx='17.847' cy='17.847' r='17.847' fill='%23304358'/%3e%3cg id='arrow-down-sign-to-navigate' transform='translate(13.962 23.172) rotate(-90)'%3e%3cpath id='Trac%c3%a9_11432' data-name='Trac%c3%a9 11432' d='M5.325%2c0A.744.744%2c0%2c0%2c0%2c4.8.218L.218%2c4.8A.746.746%2c0%2c1%2c0%2c1.273%2c5.852L5.325%2c1.8%2c9.376%2c5.852A.746.746%2c0%2c1%2c0%2c10.431%2c4.8L5.852.218A.744.744%2c0%2c0%2c0%2c5.325%2c0Z' transform='translate(0 0)' fill='white'/%3e%3c/g%3e%3c/g%3e%3cpath id='Trac%c3%a9_1948' data-name='Trac%c3%a9 1948' d='M0%2c0H24V24H0Z' transform='translate(6 5.847)' fill='none'/%3e%3cg id='arrow_-next_-right_-skip' data-name='arrow%2c-next%2c-right%2c-skip' transform='translate(31.454 30.487) rotate(180)'%3e%3crect id='Rectangle_1225' data-name='Rectangle 1225' width='30' height='30' transform='translate(31.454 27.64) rotate(180)' fill='none'/%3e%3c/g%3e%3c/svg%3e");
  margin: 0 2rem 0 0;
}
.GutTestimony-slider--next {
  background-image: url("data:image/svg+xml,%3csvg id='SLIDER_-_Right' data-name='SLIDER - Right' xmlns='http://www.w3.org/2000/svg' width='35.695' height='35.695' viewBox='0 0 35.695 35.695'%3e%3cg id='Groupe_3620' data-name='Groupe 3620' transform='translate(0)'%3e%3ccircle id='Ellipse_96' data-name='Ellipse 96' cx='17.847' cy='17.847' r='17.847' transform='translate(0)' fill='%23304358'/%3e%3cg id='arrow-down-sign-to-navigate' transform='translate(15.662 23.172) rotate(-90)'%3e%3cpath id='Trac%c3%a9_11432' data-name='Trac%c3%a9 11432' d='M5.325%2c6.071A.744.744%2c0%2c0%2c1%2c4.8%2c5.852L.218%2c1.273A.746.746%2c0%2c0%2c1%2c1.273.218L5.325%2c4.27%2c9.376.219a.746.746%2c0%2c1%2c1%2c1.055%2c1.055L5.852%2c5.852A.744.744%2c0%2c0%2c1%2c5.325%2c6.071Z' transform='translate(0 0)' fill='white'/%3e%3c/g%3e%3c/g%3e%3crect id='Rectangle_698' data-name='Rectangle 698' width='30' height='30' transform='translate(4.001 2.847)' fill='none'/%3e%3c/svg%3e");
}
.GutTestimony-slider--list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.GutTestimony-slider--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.GutTestimony-slider--pic {
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 3rem;
}
.GutTestimony-slider--title {
  margin: 0 auto 1.3rem auto;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutTestimony-slider--title {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutTestimony-slider--title {
  color: #FFFFFF;
}
.GutTestimony-slider--text {
  text-align: center;
}
.GutTestimony-slider--author {
  margin: 2rem 0 0.3rem 0;
  font-family: "Atma", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #12AB78;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutTestimony-slider--author {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutTestimony-slider--author {
  color: #FFFFFF;
}
.GutTestimony-slider--job {
  margin: 0;
  font-family: "Jost", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutTestimony-slider--job {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.BgColor .GutTestimony-slider--job {
  color: #FFFFFF;
}
.GutText-inner {
  max-width: 89.2rem;
  margin: auto;
}
.GutText-intro {
  margin: 0 auto 1.3rem auto;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutText-intro {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutText-intro {
  color: #FFFFFF;
}
.GutText-intro.Left {
  text-align: left;
}
.GutText-intro.Center {
  text-align: center;
}
.GutText-intro.Right {
  text-align: right;
}
.GutVideo .__video_parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  line-height: 0;
}
.GutVideo .__video_open {
  cursor: pointer;
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.GutVideo .__video_open.__is_open {
  opacity: 0;
}
.GutVideo .__video_open::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3csvg id='SYSTEM_-_Player_video' data-name='SYSTEM - Player video' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_1224' data-name='Rectangle 1224' width='80' height='80' transform='translate(0 1)' fill='white' stroke='%23707070' stroke-width='1'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='bouton-jouer' transform='translate(0 -1)'%3e%3ccircle id='Ellipse_169' data-name='Ellipse 169' cx='24.5' cy='24.5' r='24.5' transform='translate(16 17)' fill='%2312ab78'/%3e%3cg id='Groupe_de_masques_3' data-name='Groupe de masques 3' clip-path='url(%23clip-path)'%3e%3cg id='play' transform='translate(16.629 17.629)'%3e%3cpath id='Trac%c3%a9_1969' data-name='Trac%c3%a9 1969' d='M8.92%2c7.232S8.1%2c6.9%2c8.1%2c7.561V22.51s.164.986.984.493L20.4%2c15.446c.328-.164%2c0-.493-.164-.657Z' transform='translate(11.233 9.225)' fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  transition: 0.3s all ease;
  width: 8rem;
  height: 8rem;
}
.GutVideo .__video_open:hover::after {
  width: 10rem;
  height: 10rem;
}
.GutVideo .__video_open img {
  max-width: 100%;
  height: auto;
}
.GutVideo .__video_in, .GutVideo .__video_out {
  width: 100%;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.GutVideo .__video_out {
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
}
.GutVideo .__video_out iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.GutVideo .GutContainer-full {
  padding-left: 0;
  padding-right: 0;
}
.GutVideo-intro {
  margin: 0 auto 1.3rem auto;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutVideo-intro {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.BgColor .GutVideo-intro {
  color: #FFFFFF;
}
.BgColor .GutVideo-text {
  color: #FFFFFF;
}
.GutVideo-pic {
  width: 100%;
  height: auto;
}
.GutVideo-img {
  width: 100%;
  height: auto;
  box-shadow: none;
}
.GutVideo-content {
  margin: 2rem 0 0 0;
}
.GutContainer-full .GutVideo-content {
  padding: 0 2.5rem;
}
.GutAccordions-list {
  border-top: 1px solid #D9D9D9;
  margin-top: 2rem;
}
.GutAccordions-item {
  border-bottom: 1px solid #D9D9D9;
}
.GutAccordions-title {
  padding: 3.5rem 2.2rem 3.5rem 2.2rem;
  cursor: pointer;
  position: relative;
  font-family: "Jost", sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.6rem;
  color: #304358;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutAccordions-title {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.BgColor .GutAccordions-title {
  color: #FFFFFF;
}
.GutAccordions-title:after {
  content: "";
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg id='BTN_-_Afficher' data-name='BTN - Afficher' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3crect id='Rectangle_1222' data-name='Rectangle 1222' width='30' height='30' fill='white'/%3e%3ccircle id='Ellipse_170' data-name='Ellipse 170' cx='13' cy='13' r='13' transform='translate(2 2)' fill='%2312ab78'/%3e%3cg id='Groupe_3555' data-name='Groupe 3555' transform='translate(-1116.162 -990.162)'%3e%3cline id='Ligne_18' data-name='Ligne 18' y2='12' transform='translate(1131 999.5)' fill='none' stroke='white' stroke-width='2'/%3e%3cline id='Ligne_19' data-name='Ligne 19' y2='12' transform='translate(1137 1005.5) rotate(90)' fill='none' stroke='white' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.is-open .GutAccordions-title:after {
  background-image: url("data:image/svg+xml,%3csvg id='BTN_-_Masquer' data-name='BTN - Masquer' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3crect id='Rectangle_1223' data-name='Rectangle 1223' width='30' height='30' fill='white'/%3e%3ccircle id='Ellipse_171' data-name='Ellipse 171' cx='13' cy='13' r='13' transform='translate(2 2)' fill='%2312ab78'/%3e%3cg id='Groupe_3556' data-name='Groupe 3556' transform='translate(-1116.162 -990.162)'%3e%3cline id='Ligne_19' data-name='Ligne 19' y2='12' transform='translate(1137 1005.5) rotate(90)' fill='none' stroke='white' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e");
}
.GutAccordions-text {
  padding: 0 20rem 5.2rem 2.2rem;
  display: none;
  font-family: "Jost", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.4rem;
  color: #000000;
  text-transform: initial;
}
@media (max-width: 768px) {
  .GutAccordions-text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.BgColor .GutAccordions-text {
  color: #FFFFFF;
}
.GutAccordions-inner {
  max-width: 112rem;
  margin: auto;
}
.GutDownload-inner {
  max-width: 134.8rem;
  margin: auto;
}
.GutDownload-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 992px) {
  .GutDownload-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .GutDownload-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.GutDownload-item {
  display: flex;
  border: 1px solid #304358;
  background-color: #fff;
}
.BgColor .GutDownload-item {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.GutDownload-item--illustration {
  width: 117px;
  height: 161px;
  position: relative;
}
.GutDownload-item--illustration:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22117%22%20height%3D%22163%22%20viewBox%3D%220%200%20117%20163%22%3E%3Cpath%20fill%3D%22%2362c9ff%22%20d%3D%22M0%200h117v163H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M35%2061h48v48H35z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M58.057%2095.276c.031.031.063.06.1.088.015.013.032.024.048.036l.057.042c.019.013.039.024.058.035s.035.022.054.032l.061.029.058.027.06.022a.786.786%200%200%200%20.063.022l.061.016c.022.006.044.012.066.016l.071.011.058.008a1.342%201.342%200%200%200%20.263%200l.058-.008c.024%200%20.047-.006.071-.011l.066-.016.061-.016.063-.022.06-.022.058-.027.061-.029c.02-.01.036-.021.054-.032l.058-.035c.019-.012.038-.028.057-.042l.048-.036c.034-.028.066-.057.1-.088l9.333-9.333a1.334%201.334%200%200%200-1.886-1.886l-7.057%207.057V70.333a1.333%201.333%200%201%200-2.667%200v20.781l-7.063-7.057a1.334%201.334%200%200%200-1.886%201.886ZM68.334%2098.333H49.667a1.333%201.333%200%200%200%200%202.667h18.666a1.333%201.333%200%200%200%200-2.667Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  display: block;
  width: 117px;
  height: 163px;
  z-index: 0;
}
.GutDownload-item--img {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
}
.GutDownload-item--content {
  padding: 3rem 2.6rem 2rem 2.6rem;
  display: flex;
  flex-direction: column;
  width: calc(100% - 117px);
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .GutDownload-item--content {
    padding: 3rem 1.2rem 2rem 1.2rem;
  }
}
.GutDownload-item--link {
  align-self: flex-end;
}
.GutDownload-item--title {
  font-family: "Jost", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  color: #304358;
  text-transform: initial;
}
.GutDownload-item--surtitle {
  font-family: "Jost", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  color: #304358;
  text-transform: initial;
  margin: 0 0 0.5rem 0;
}
.GutDownload-btn {
  margin: 4rem 0 0 0;
  display: flex;
  justify-content: center;
}