/*------------------------------------------------
CUSTOM RESET
------------------------------------------------*/

*,
*:before,
*:after {
    box-sizing: border-box;
    outline: none !important;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font: inherit;
    list-style: none;
    text-decoration: none;
    color: inherit;
    outline: none;
    text-align: inherit;
}

input,
button,
select,
textarea {
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

a,
button {
    cursor: pointer;
    overflow: visible;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

select::-ms-expand {
    display: none;
}

/* Cookie Disclaimer */
.cookies-disclaimer {
    display: block;
    width: 100%;

    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;

    padding: 40px;

    background-color: var(--blue-charter);

    text-align: center;
    line-height: 1.5;
    color: var(--white);
}

.cookies-container {
    display: block;
    width: 100%;
    max-width: 600px;

    margin: 0 auto;
}

.cookies-disclaimer p {
    margin-bottom: 35px;

    text-align: justify;
}

.cookies-disclaimer a {
    text-decoration: underline;
    color: var(--pink-grey);
}

/*------------------------------------------------
FONTS
------------------------------------------------*/

@font-face {
    font-family: 'itc_avant_garde_std_bk';
    src: url('font/itc_avant_garde_std/itc_avant_garde_std_bk.otf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'itc_avant_garde_std_demi';
    src: url('font/itc_avant_garde_std/itc_avant_garde_std_demi.otf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'itc_avant_garde_std_bold';
    src: url('font/itc_avant_garde_std/itc_avant_garde_std_bold.otf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'itc_avant_garde_std_bold_cn';
    src: url('font/itc_avant_garde_std/itc_avant_garde_std_bold_cn.otf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'itc_avant_garde_std_md';
    src: url('font/itc_avant_garde_std/itc_avant_garde_std_md.otf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'itc_avant_garde_std_xlt';
    src: url('font/itc_avant_garde_std/itc_avant_garde_std_xlt.otf');
    font-style: normal;
    font-display: swap;
}

:root {
    --gradient: linear-gradient(to bottom left, #ffde38, var(--red-charter), var(--blue-charter));
    --gradient-oblique: linear-gradient(88.04deg, var(--blue-charter) 0%, var(--red-charter) 50%, #ffde38 100%);
    --gradient-oblique-80: linear-gradient(88.04deg, var(--blue-charter) 0%, var(--red-charter) 80%, #ffde38 100%);
    --gradient-hori: linear-gradient(to left, #ffde38, var(--red-charter), var(--blue-charter));
    --gradient-hori-reverse: linear-gradient(to right, #ffde38, var(--red-charter), var(--blue-charter));
    --gradient-alpha: linear-gradient(to bottom left, #ffde3899, #e63c3c99, #000a8c99);
    --gradient-purple: linear-gradient(to bottom left, var(--red-charter), var(--blue-charter));
    --gradient-black-alpha: linear-gradient(to top, #00000080, #00000040 50%, transparent);
    --gradient-filter-white: linear-gradient(to left, var(--white) 0%, var(--white) calc(0% + 50px), transparent calc(0% + 150px), transparent calc(100% - 150px), var(--white) calc(100% - 50px), var(--white) 100%);

    --blue-charter: #000a8c;
    --blue-charter-alpha: #000a8c1a;
    --blue-charter-hover: #000546;
    --blue-link: #007dff;
    --blue-link-hover: #007dff11;
    --red-charter: #e63c3c;
    --red-charter-alpha: #e63c3c1a;
    --red-charter-hover: #c82d2d;
    --yellow-charter: #ffdc37;
    --yellow-charter-hover: #bea528;
    --violet-charter: #661765;

    --alt-red: #B11C16;
    --alt-red-hover: #881511;
    --legacy-red: #E83C40; /* old elements, trigram menu background color */
    --alt-yellow: #faab32; /* block-number in join_us page */
    --pink-grey: #d6cac4;

    --green-cf7: #398f14;
    --green-cf7-alpha: rgba(57, 143, 20, .1);
    --red-cf7-alpha: rgba(230, 53, 45, .1);
    
    --white: #fff;
    --black: #000;

    --white-off: #F9F8F7;
    --light-grey: #EAEAEA;
    --grey: #C0C0C0;
    --mid-grey: #5b5b5b;
    --dark-grey: #292929;
    
    --light-grey-alpha: #f0eeeb66;
    --white-alpha: #ffffff2f;

    --dark-bluish: #0A2840;
    --dark-blue: #0D3B5F;

    --transparent-black: rgba(0,0,0,0);
    --light-black-alpha: rgba(0,0,0,0.125);
    --mid-black-alpha: rgba(0,0,0,0.3);
    --dark-black-alpha: rgba(0,0,0,0.7);
}

body {
    padding: 123px 0 0 0;
    margin: 0;

    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--mid-grey);

    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

li {
    list-style: none;
}

figure {
    margin: 0;
}

button {
    border: 0;
    cursor: pointer;

}

.justify p, .justify figure{
    text-align: justify;
}

a {
    text-decoration: none;
    color: var(--blue-link);
}

strong,
b {
    font-weight:700;
}

sup,
sub {
    font-size: 60%;
}

.img--contain,
.img--cover {
    position: relative;

    overflow: hidden;
}

.img--center {
    text-align: center;
}

.img--contain img,
.img--cover img {
    display: block;
    width: auto;
    height: auto;

    position: absolute;
    top: -10000%;
    left: -10000%;
    bottom: -10000%;
    right: -10000%;

    margin: auto;
}

.img--contain img {
    max-width: 100%;
    max-height: 100%;
}

.img--cover img {
    min-width: 1000%;
    min-height: 1000%;
    -webkit-transform: scale(.1);
    transform: scale(.1);
    max-width: initial;
}

.media--contain,
.media--cover {
    position: relative;

    overflow: hidden;
}

.media--contain img,
.media--cover img,
.media--contain video,
.media--cover video {
    display: block;
    width: auto;
    height: auto;

    position: absolute;
    top: -10000%;
    left: -10000%;
    bottom: -10000%;
    right: -10000%;

    margin: auto;
}

.media--contain img,
.media--contain video {
    max-width: 100%;
    max-height: 100%;
}

.media--cover img,
.media--cover video {
    min-width: 1000%;
    min-height: 1000%;
    max-width: initial;
    
	transform: scale(.1);
}

.media--cover::before,
.media--contain::before,
.img--cover::before,
.img--contain::before{
    content: '';
    display: block;
}

.img--center img {
    max-width: 100%;
}

/*------------------------------------------------
COMMONS
------------------------------------------------*/
#container {
    display: block;
    width: 100%;

    background: var(--white);
    background-size: 800px;
    background-attachment: fixed;
}

/*Buttons*/
.btn,
.formatted-text_blog .wp-element-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: fit-content;

    padding: .9375rem 1.875rem;
    border-radius: 2.5rem;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    line-height: 1;
    color: var(--white);

    font-family: 'itc_avant_garde_std_bk';

    position: relative;
    overflow: hidden;
    z-index: 0;
}

.btn{
    text-align: center;
    line-height: 1.2;
}

.btn::before,
.formatted-text_blog .wp-element-button::before {
  content: '';
  display: block;
  
  opacity: 0;
  background: var(--gradient-oblique);

  position: absolute;
  top: 0;
  left: 0;

  height: 100%;
  width: 100%;

  transition: 0.2s;
  
  z-index: -1;
}

.icon--circle{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 2.8125rem;
    width: 2.8125rem;
    border-radius: 5rem;
    color: var(--white);
}

.icon--circle::before{
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
}

.icon--circle-blue{
    background: var(--blue-charter);
}

.btn > .icon {
  transition: 0.2s;
}

.btn > .icon::before {
  width: unset;
  margin-right: unset;
  margin-left: unset;
  text-align: center;
  opacity: 1;
}

.btn--icon-right > .icon {
    margin-left: 0.75rem;
}

.btn--icon-left > .icon {
    margin-right: 0.75rem;
}

.btn--red {
    background-color: var(--red-charter);
}

.btn--blue {
    background-color: var(--blue-charter);
}

.btn--black {
    background-color: var(--dark-grey);
    color: var(--white);
}

.btn--border {
    color: var(--dark-grey);
    border: 1px solid var(--light-grey);
    background-color: var(--white);
}

.btn--border:hover {
  color: var(--white);
}

.btn--red-dark {
    background-color: var(--alt-red);
}

.btn--black-inverse{
    background-color: var(--white);
    color: var(--black);
}
.btn--black-inverse > .icon{
    color: var(--black);
}

.btn--blue-inverse{
    background-color: var(--white);
    color: var(--blue-charter);
}
.btn--blue-inverse > .icon{
    color: var(--blue-charter);
}

.btn--red-inverse{
    background-color: var(--white);
    color: var(--red-charter);
}
.btn--red-inverse > .icon {
    color: var(--red-charter);
}

.btn-slider i {
    color: var(--white);
}

.btn--big {
  height: 60px;
  min-width: 220px;
  text-align: center;
  justify-content: center;
}

.btn--pre-hover{
    background: var(--gradient-oblique);
}
.btn--pre-hover::before{
  background: var(--gradient-oblique-80);
}

.btn--multiline{
    border-radius: 100px;
    line-height: 1.5;
    width: 100%;
    max-width: 375px;
    min-width: unset;
    justify-content: center;
}

.btn--border:hover {
    border: 1px solid var(--white);
}

.btn--red-dark:hover {
    background-color: var(--alt-red-hover);
}

.btn--blue-inverse:hover,
.btn--blue-inverse:hover .icon {
    color: var(--dark-bluish);
}

.btn--red-inverse:hover,
.btn--red-inverse:hover .icon  {
    color: var(--alt-red);
}

.btn--gradient-hover:hover,
.btn--gradient-hover:hover .icon{
  color: var(--white);
}

.btn--red:hover::before,
.btn--blue:hover::before,
.btn--pre-hover:hover::before,
.btn--gradient-hover:hover::before,
.block-video__video__play:hover::before,
.formatted-text_blog .wp-element-button:hover::before,
.btn--black:hover::before,
.btn--border:hover::before{
  opacity: 1;
}

.btn-2 {
  overflow: hidden;
  border-radius: 0 1.25rem 1.25rem 1.25rem;
  font-size: 1rem;
  font-family: 'itc_avant_garde_std_md';
  line-height: 1.25rem;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: var(--white);
  padding-right: 1.875rem;
  height: 70px;
}

.btn-2 > .icon {
  font-size: 1.625rem;
  line-height: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90px;
  min-width: 90px;
  height: 100%;
  margin-right: 1.875rem;
}

.btn-2--red { background-color: var(--red-charter); }
.btn-2--red > .icon, .btn-2--red:hover { background-color: var(--red-charter-hover); }

.btn-2--blue { background-color: var(--blue-charter); }
.btn-2--blue > .icon, .btn-2--blue:hover { background-color: var(--blue-charter-hover); }


.btn-2--yellow { background-color: var(--yellow-charter); }
.btn-2--yellow > .icon, .btn-2--yellow:hover { background-color: var(--yellow-charter-hover); }

.download-button{
  background: var(--gradient-hori);
  border: 1px solid var(--white);
  padding-left: 0;
  padding-right: 5.25rem;
  overflow: unset;
  position: relative;
  z-index: 0;
  height: 2.5rem;
}
.download-button::before{
border-radius: 2.5rem;
background: var(--gradient-hori-reverse);
}
.download-button > .text-download-button{
    margin-left: 0.75rem;
    white-space: nowrap;
}
.download-button .icon-download-button{
    display: flex;
    flex: 0 0 3.75rem;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 3.75rem;
    border-radius: 5rem;
    background: var(--white);
    border: 1px solid var(--light-grey);
}
.download-button .icon-download-button::before{
    color: transparent;
    position: absolute;
    font-size: 1.5rem;
    background: var(--gradient-hori);
    background-clip: text;
    -webkit-background-clip: text;
}
.download-button:hover::before{
    opacity: 1;
}

.carrousel-arrows{
    white-space: nowrap;
}

/* Legacy for form buttons */
.newsletter .btn,
.wpcf7-form .btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:40px;
  padding:.9375rem 1.875rem;
  border-radius:40px;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  line-height:1;
  color:var(--white);
  font-family:itc_avant_garde_std_bk
}
.newsletter .btn,
.wpcf7-form .btn {
  text-align:center;
  line-height:1.2
}
.newsletter .btn>.icon,
.wpcf7-form .btn>.icon {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:transparent;
  padding:4px;
  border-radius:50%;
  position:relative;
  width:32px;
  height:32px;
  margin-right:6px;
  color:var(--white)
}

/*END Buttons*/


/*Padding*/
.text-and-img__text,
.multi-img,
.block-video,
.multi-img__double,
.margin-side {
    padding-left: 80px;
    padding-right: 80px;
}

.contain-breadcrumb{
    padding: 20px 30px;
    --color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    margin: 0 auto;
    z-index: 2;
    width: 100%;
}

.contain-breadcrumb--blue{
    --color: var(--blue-charter);
}

.contain-breadcrumb .breadcrumb{
    margin: 0;
    margin-left: auto;
    font-size: 12px;
    font-weight: 400;
    max-width: calc(100% - 550px);
    text-align: right;
}

.contain-breadcrumb .breadcrumb a{
    font-size: 12px;
    font-weight: 400;
    color: var(--color);
}

.contain-breadcrumb .breadcrumb li{
    position: relative;
    margin-right: 8px;
}

.contain-breadcrumb .breadcrumb li:not(:last-child)::before{
   content: ">";
   position: absolute;
   right: -8px;
   color: var(--color);
}

.breadcrumb-last{
    margin: 0 10px;
    color: var(--color);
}

.text-and-img__text {
    padding-right: 80px;
}

.multi-img__double .multi-img {
    padding-left: 0;
    padding-right: 0;
}



.header__slider__btn-block {
    right: 120px;
}

.margin-top--large {
    padding-top: 54px;
}

.margin-top-medium {
    padding-top: 32px;
}


.header__slider__btn-block .btn-slider:first-child,
.debriefing__slider__btn .btn-slider:first-child {
    margin-left: 0;
}

/*Slider*/

/*Title*/
.title {
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-weight: 400;
}

.title--h1 {
    font-size: 3.125rem;
    font-weight: 800;
}

.title--h1:not(:last-child) {
    margin-bottom: 25px;
}

.title--h2 {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'itc_avant_garde_std_demi', sans-serif;
}

.title--h2:not(:last-child) {
    margin-bottom: 25px;
}

.title--h3 {
    font-size: 1.25rem;
    font-weight: 700;
}

.title--h3:not(:last-child) {
    margin-bottom: 25px;
    text-transform: uppercase;
}

.title--h4 {
    font-size: 1.125rem;
    font-weight: 700;
}

.title--h4:not(:last-child) {
    margin-bottom: 50px;
}

.title--h5 {
    font-size: 0.875rem;
}

.title--small {
    font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.title--medium {
    font-size: 1.875rem;
}

.title--extrabold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.text--semibold, .text--semibold p, .title--semibold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.text--regular {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.text--medium {
    font-size: 1.25rem;
    line-height: 1.55em;
}

.title--center {
    text-align: center;
}

.title--red {
    color: var(--red-charter);
}

.title--blue, .paragraph-- {
    color: var(--blue-charter);
}

.title--white, .title--blue-secondary {
    color: var(--white);
}

.title--grey {
    color: var(--pink-grey);
}

.title--black {
    color: var(--black);
}

.title--no-margin,
.title--no-margin:not(:last-child) {
    margin: 0 0 15px 0;
}

.title--small-uppercase{
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

/*Paragraph*/
.paragraph:not(:last-child) {
    margin-bottom: 16px;
}

.paragraph--big {
    font-size: 22px;
    font-family: 'itc_avant_garde_std_bk';
}

.paragraph img {
    margin: 20px 0 26px 0;
    width: 100%;
    height: auto;
}

.paragraph--grey {
    color: var(--pink-grey);
}

.paragraph--grey-dark {
    color: var(--mid-grey);
}

.paragraph--white {
    color: var(--white);
}

.paragraph--red {
    color: var(--red-charter);
}

.paragraph--blue {
    color: var(--blue-charter);
}

.paragraph--black {
    color: var(--black);
}

/*Figure*/
.figure--rect-56::before{
    padding-top: 56%;
}
.figure--rect-100::before{
    padding-top: 100%;
}
.figure--rect-80::before{
    padding-top: 80%;
}
.figure--rect-125::before{
    padding-top: 125%;
}
.figure--square::before{
    padding-top: 101%;
}
.figure--radius-full{
    border-radius: 100%;
}
.figure--white-background{
    background-color: var(--white);
}

/*Banner Contact*/
.banner-contact {
    position: fixed;
    left: 100%;
    bottom: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 99;
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
}

.banner-contact__block {
    position: relative;
}

.banner-contact__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;

    padding: 0 15px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    color: var(--white);
}

.banner-contact .icon__banner-contact.icon-chat:before {
    margin: 0;
}

.banner-contact__title {
    margin-left: 16px;
    white-space: nowrap;
}

.banner-contact__form__close {
    position: absolute;
    right: 20px;
    top: 16px;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.banner-contact--red {
    background-color: var(--red-charter);
}

.banner-contact--blue {
    background-color: var(--blue-charter);
}

.banner-contact__form {
    width: 300px;
    padding: 0 20px 13px 20px;
    color: var(--white);
    display: none;
    overflow: hidden;
}

.banner-contact__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.banner-contact__form__input {
    background-color: transparent;
    border: 1px solid var(--white);
    padding: 13px;
    font-size: 12px;
    margin-bottom: 13px;
    width: 100%;
    color: var(--white);
}

.banner-contact__form__input::-webkit-input-placeholder {
    color: var(--white);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.banner-contact__form__input::-moz-placeholder {
    color: var(--white);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.banner-contact__form__input:-ms-input-placeholder {
    color: var(--white);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.banner-contact__form__input::placeholder {
    color: var(--white);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.banner-contact__form__input::-ms-input-placeholder {
    color: var(--white);
}

.banner-contact__form__input:-ms-input-placeholder {
    color: var(--white);
}

/*Form*/
.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7 .wpcf7-form .btn{
  margin-top: 0;
}

/*Buttons slider*/
.btn-slider {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;

    padding: 4px;
    border: 1px solid var(--white);
    border-radius: 50%;
    margin-left: 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    text-align: center;
    font-size: 10px;
}


/*Stroke*/
.stroke {
    border: 1px solid var(--mid-grey);
    width: 20px;
    margin: 0;
    margin-bottom: 16px;
    border-color: var(--white);
    text-align: left;
}

.stroke--red {
    border-color: var(--red-charter);
}

.stroke--blue {
    border-color: var(--blue-charter);
}

.stroke--grey {
    border-color: var(--pink-grey);
}

.stroke--center {
    margin: 0 auto 16px auto;
}

.text--overflow{
  position: relative;
}

.text--overflow::after {
  content: '[...]';
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 0.5rem;
}

/*Weglot*/
.country-selector.weglot-dropdown .wgcurrent span {
    padding-right: 30px;
}
.footer .weglot-dropdown ul,
.header-new .nav-footer-list .weglot-dropdown ul {
    bottom: 100%;
}
.footer .weglot-dropdown .wglanguage-name,
.header-new .nav-footer-list .weglot-dropdown .wglanguage-name {
    color: var(--black);
}

/*------------------------------------------------
CENTER
------------------------------------------------*/

.blog__navigation {
    margin: 50px 0 100px 0;
}

.blog__navigation a {
    margin-right: 10px;
    color: var(--grey);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.blog__navigation--link.is--active {
    color: var(--blue-charter);
}

/*Expertises*/
.expertises, .more {
    display: block;
    width: 100%,
}

.expertises__header, .more__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    margin-bottom: 60px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.expertises__header {
    -webkit-box-align: end;
        -ms-flex-align: end;
                -ms-grid-row-align: flex-end;
            align-items: flex-end;
}

.expertises__header .title--h4, .more__header .title--h4 {
    margin-bottom: 0;
}

.expertises__slider {
    display: block;
    width: calc(100% + 240px);

    position: relative;

    margin: 0 -120px;
}

.expertises__controls, .more__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-left: 50px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.expertises__arrow, .more__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;

    border: 1px solid var(--pink-grey);
    border-radius: 100%;
    margin-left: 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    font-size: 12px;
    color: var(--pink-grey);
}

.expertises__arrow:hover, .more__arrow:hover {
    border-color: var(--blue-charter);
    color: var(--blue-charter);
}

.expertises__arrow.slick-disabled, .more__arrow.slick-disabled {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    cursor: default;
}

.expertises__arrow--prev, .more__arrow--prev {
    left: 40px;
}

.expertises__arrow--next, .more__arrow--next {
    right: 40px;
}

.expertises__track, .more__slider .multi-img__listing {
    display: block;
    width: 100%;

    overflow: hidden;
}

.expertises__track .slick-list {
    padding: 0 120px;
}

.expertises__track .slick-track, .more__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}


.expertises__item,
.expertises__item:after,
.expertises__title,
.expertises__excerpt {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.expertises__item,
.slick-initialized .expertises__item,
.more__slider .multi-img__listing__item,
.more__slider .slick-initialized .multi-img__listing__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.expertises__item {
    min-width: 600px;
    width: 600px;
    max-width: 600px;
    height: auto;

    position: relative;
    z-index: 1;

    padding: 30px 30px 20px 30px;
    border: 1px solid transparent;
    margin: 0 0 0 120px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch;

    overflow: hidden;

    float: none;
}

.more__slider .multi-img__listing__item {
    margin-bottom: 48px;
    margin-right: 26px;
    margin-left: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
}

.more__slider .multi-img__listing .multi-img__listing__item:nth-child(4n) {
   margin-right: 26px;
   margin-left: 26px;
}

.expertises__item:before,
.expertises__item:after {
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    content: '';
}

.expertises__item:before {
    width: calc(100% - 60px);
    height: 1px;

    margin: 0 30px;

    background-color: var(--pink-grey);
}

.expertises__item:after {
    width: calc(100% + 1px);
    height: calc(100% - 30px);

    background-color: var(--blue-charter);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
}

.expertises__title {
    display: block;
    width: 100%;

    margin: 0 0 30px 0;

    text-transform: uppercase;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    /*to change*/ font-family: 'itc_avant_garde_std_bold';

    color: var(--pink-grey);
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: top left;
            transform-origin: top left;
}

.expertises__excerpt,
.expertises__more {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.expertises__excerpt {
    display: block;
    width: 100%;

    color: var(--blue-link);
}

.expertises__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    position: relative;
    left: 100%;

    padding-top: 14%;
    margin: auto 0 0 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;

    -webkit-transition: opacity .3s ease, left 1ms linear .3s;

    transition: opacity .3s ease, left 1ms linear .3s;
}

.expertises__btn{
    color: var(--black);
    background-color: var(--white);
    padding-left: 22px;
}

.expertises__item.slick-current {
    border-color: var(--pink-grey);
    background: var(--gradient-hori);
}

.expertises__item.slick-current:after {
    -webkit-transform: translateY(0) skewY(-8deg);
    transform: translateY(0) skewY(-8deg);
}

.slick-current .expertises__title {
    -webkit-transform: scale(1);
    transform: scale(1);
    color: var(--white);
}

.slick-current .expertises__excerpt,
.slick-current .expertises__more {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-current .expertises__more {
    left: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.text-and-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 0;
}

.text-and-img__text,
.text-and-img__image {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}

.text-and-img--reverse .text-and-img__text {
    padding-left: 0px;
}

.text-and-img__text__paragraph {
    margin-bottom: 32px;
}


.text-and-img--btn-none .text-and-img__text__paragraph {
    margin-bottom: 0;
}


.text-and-img--inverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}



/*Form*/
.form--grey {
    color: var(--pink-grey);
}

/*text*/
.text__text__title-block {
    width: 50%;
}

.text__text__paragraph-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 32px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.text__text__paragraph-block .paragraph {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
}

.text__text__paragraph-block--triple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.text__text__paragraph-block--triple .paragraph {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: calc((100% - 32% * 3) / 2);
}

.text__text__paragraph-block--triple .paragraph:nth-child(3n) {
    margin-right: 0;
}

/*video*/
.block-video__video {
    position: relative;
    min-height: 300px;
    background-color: var(--pink-grey);
}

.block-video__video img {
    width: 100%;
    height: 500px;
}

.block-video__video__play {
    color: var(--white);
    background-color: var(--red-charter);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}

.block-video__video__play .icon-play:before {
    margin: 0;
    position: relative;
    left: 2px;
}


/*Localisation*/
.localisation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.localisation__text__paragraph,
.mb--m {
    margin-bottom: 32px;
}

.localisation__text {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
}

.localisation__text--full {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}

.localisation__map {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
}

.localisation__text {
    position: relative;
    z-index: 1;

    padding: 60px 80px 20px 80px;

    color: var(--white);

    overflow: hidden;
}

.localisation__text--no-skew {
    padding-bottom: 60px;

    background-color: var(--blue-charter);
}

.localisation__text:before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background-color: var(--blue-charter);

    content: '';
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
}

.localisation__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 14% 0 0 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.localisation__columns {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}

.localisation__text--full .localisation__columns {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
}

.localisation__list:not(:last-child) {
    margin-bottom: 30px;
}

.localisation__link {
    line-height: 26px;
    color: var(--white);
}

.localisation__item:empty {
    display: none;
}

/*multi-img*/
.multi-img__listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.multi-img__full .multi-img__listing {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.multi-img__listing__item {
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
    margin-bottom: 48px;
    margin-right: calc((100% - 22% * 4) / 3);
    min-width: 22%;
}

.multi-img__listing .multi-img__listing__item:nth-child(4n) {
    margin-right: 0;
}

.multi-img__full .multi-img__listing__item {
    width: 200px;
}

.multi-img__listing__item__img {
    display: block;
    width: 100%;
    min-height: 100px;

    padding-top: 90%;
    border-radius: 0 30px 30px 30px;

    position: relative;
    background-color: var(--white);
    margin-bottom: 20px;
}

.multi-img__listing__item__separator {
    display: block;
    width: 100%;

    border-bottom: 1px solid var(--pink-grey);
    margin-bottom: 20px;
}

.multi-img__listing__item__img__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    font-size: 26px;
    color: var(--white);

    -webkit-transition: 0.3s;

    transition: 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.multi-img__listing__item__img__more--red {
    background: var(--gradient-alpha);
}

.multi-img__listing__item__img__more--blue {
    background: var(--gradient-alpha);
}

.multi-img__listing__item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.multi-img__listing__item__title__localisation {
    text-align: right;
    margin-left: 20px;
}

.multi-img__listing__item__title__localisation i {
    margin-right: 4px;
}

.multi-img__listing__degrade {
    position: absolute;
    bottom: 80px;
    width: 100%;
    height: 200px;
}

.listing_agency_profil {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 40px;
    width: 100%;
}

.listing_agency_profil .multi-img__listing__item {
    margin-right: 0;
    margin-bottom: 0;
}

.block--double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.block--double .block--double__child:first-child {
    margin-right: 32px;
}

.block--double__child {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}

.block--double .wpcf7-form-control-wrap {
    width: 48%;
}

.block--double .multi-img {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.block--double .multi-img:first-child {
    margin-right: 60px;
}

.block--double .multi-img:last-child {
    margin-left: 60px;
}

/*List a puce */
.text-and-img__list li {
    list-style-type: disc;
    list-style-position: inside;
}

.text-and-img__list {
    margin-bottom: 32px;
}

/*text listing*/
.block-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 23px;
    margin-bottom: 23px;
    border-bottom: 1px solid var(--light-grey);
}

.block-list .block-list__item:last-child {
    border-bottom: none;

}

.block-list__item__img {
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    min-height: 200px;
    max-height: 320px;
}

.block-list__item__text {
    -ms-flex-preferred-size: calc(100% - 300px);
        flex-basis: calc(100% - 300px);
    padding-left: 60px;
}

.block-list__item__img img {
    width: 100%;
    height: 100%;
}

/*Bounce*/
.bounce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.bounce__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 30px);
    min-height: 100px;

    position: relative;
    z-index: 1;

    padding: 30px 152px 30px 30px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--pink-grey);

    text-align: center;
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md';
    font-size: 18px;
    font-weight: 700;
    color: var(--white);

    border-radius: 0 20px 20px 20px;
    overflow: hidden;

    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.bounce__link--red {
    background-color: var(--red-charter);
}

.bounce__link--blue {
    background-color: var(--blue-charter);
}

.bounce__link--grey {
    background-color: var(--pink-grey);
}

.bounce__link:before {
    display: block;
    width: 120px;
    height: 100%;

    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;

    background-color: inherit;

    content: '';
}

.bounce__link--red:hover,
.bounce__link--red:before{
    background-color: var(--red-charter-hover);
}

.bounce__link--blue:hover,
.bounce__link--blue:before {
    background-color: var(--blue-charter-hover);
}

.bounce__link:hover:before {
    width: 120px;
}

.bounce__link:after {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;

    position: absolute;
    bottom: calc(50% - 16px);
    right: 44px;

    border: 1px solid;
    border-color: inherit;
    border-radius: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    content: '\e805';
    font-family: 'icon', sans-serif;
    font-size: 10px;
}

.load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*------------------------------------------------
ANIMATION
------------------------------------------------*/
.blog__navigation a:hover {
    color: var(--blue-charter);
}

.localisation__text__list a:hover {
    font-weight: bold;
}

.banner-contact:hover,
.banner-contact--active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.multi-img__listing__item:hover .multi-img__listing__item__img__more {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.anim-opacite {
    -webkit-animation: opacite 0.4s forwards;
            animation: opacite 0.4s forwards;
}

@-webkit-keyframes opacite {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes opacite {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
}

/* Modifications */
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    margin: -10px 0 -40px 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    color: var(--white);
}

.breadcrumb a {
    margin: 0 10px;
    color: var(--white);
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb_last {
    margin: 0 0 0 10px;
    font-weight: 700;
}

.section {
    width: 100%;

    padding: 0 120px;
    margin: 80px auto;
}

.section:last-child {
    margin-bottom: 0;
}

.section__anchor {
    display: block;
    width: 100%;

    position: relative;
    top: -80px;
}

.section__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.section__col {
    display: block;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;
}

.section__col--framed {
    padding: 30px;
    border-radius: 0 20px 20px 20px;

    align-self: flex-start;

    background-color: var(--white-off);
}

.section__col:not(:last-child) {
    margin-right: 80px;
}

.section__col .btn{
  margin-top: 25px;
}

.section__text {
    max-width: 70%;
}

.section__half {
    max-width: calc(50% - 40px);
}

.section__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 90px);
            flex: 0 0 calc(50% + 90px);
    max-height: 600px;
}

.section__image:first-child {
    margin-left: -120px;
}

.section__image:last-child {
    margin-right: -120px;
}

.methods {
    display: block;
    width: 100%;

    margin-top: 60px;
}

.method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

    align-items: flex-start;
}

.method:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 30px;
}

.method__image {
    display: block;
    min-width: 25%;
    width: 25%;
    border-radius: 0 20px 20px 20px;

    max-height: 600px;

    margin-right: 60px;
}

.method__image:before {
    display: block;
    width: 0;

    padding-top: 85%;

    content: '';
}

.method__content {
    display: block;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;
}

.method__content .title--h3 {
    color: var(--blue-charter);
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-weight: 400;
    text-transform: initial;
}

.method__points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 60px);

    margin: 0 -30px -30px -30px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.method__point {
    display: block;
    width: calc(100% / 3 - 60px);
    max-width: calc(100% / 3 - 60px);

    margin: 30px;
}

.formatted-text p,
.formatted-text ul,
.formatted-text ol {
    display: block;
    width: 100%;
}

.formatted-text table:not(:last-child),
.formatted-text p:not(:last-child),
.formatted-text ul:not(:last-child),
.formatted-text ol:not(:last-child) {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.formatted-text h2 {
    clear: both;

    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
}

.formatted-text h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}

.formatted-text em {
    font-style: italic;
}

.formatted-text li {
    display: block;
    width: 100%;

    position: relative;
}

.formatted-text li:not(:last-child) {
    margin-bottom: 10px;
}

.formatted-text li:before {
    display: block;

    position: absolute;
    top: 0;
    left: -20px;

    content: '•';
    color: var(--blue-charter);
}

.formatted-text ul{
    padding-left: 20px;
}

.formatted-text ol {
    padding-left: 25px;
}

.formatted-text ol{
    counter-reset: list;
}

.formatted-text ol li {
    list-style: decimal;
}

.formatted-text ol > li:before {
    counter-increment: list;
    content: counter(list)'.';
    left: -25px;
}

.formatted-text img {
    display: block;
    max-width: 100%;
    height: auto;
}

.formatted-text img.alignleft {
    float: left;

    margin-right: 15px;
    margin-bottom: 15px;
}

.formatted-text table {
    width: 100%;
}

.formatted-text table th,
.formatted-text table td {
    padding: 10px 20px;
    border: 1px solid;
}

.formatted-text table th {
    font-weight: 700;
}

.video-responsive-container{
    margin-top: 3em;
}

.video-responsive {
    display: block;
    width: 100%;

    position: relative;
}

.video-responsive::before {
    display: block;
    width: 0;

    padding: 56.25% 0 0 0;

    content: '';
}

.video-responsive iframe,
.video-responsive video {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 60px);

    margin: -15px -30px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}


.row.row_agency_profil {
    margin: 0;
    width: 100%;
}

.column {
    display: block;

    margin: 15px 30px;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;
}

.column--4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 1px) / 3 - 60px);
            flex: 0 0 calc((100% - 1px) / 3 - 60px);
}

.column--5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 1px) / 2.4 - 60px);
            flex: 0 0 calc((100% - 1px) / 2.4 - 60px);
}

.column--7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 1px) / 12 * 7 - 60px);
            flex: 0 0 calc((100% - 1px) / 12 * 7 - 60px);
}

.column--8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 1px) / 1.5 - 60px);
            flex: 0 0 calc((100% - 1px) / 1.5 - 60px);
}

/* Blue Tick List */
.blue-tick-list__list {
    margin-top: 1.875rem;
    margin-left: 1.5625rem;
}
.blue-tick-list__item:not(:last-of-type) {
    margin-bottom: 1.25rem;
}
.blue-tick-list__list .blue-tick-list__item-title {
    font-weight: 600;
    font-size: 1.125rem;
    position: relative;
    color: var(--blue-charter);
    margin: 0;
}
.blue-tick-list__item-title::before {
    content: '\e810';
    font-family: 'icon';
    font-weight: 300;
    position: absolute;
    left: -1.6rem;
}
.blue-tick-list__item-text {
     margin-top: .4rem;
}
.formatted-text .blue-tick-list__list {
    padding-left: 0px;
    width: calc(100% - 1.5625rem);
}
.blue-tick-list__list .blue-tick-list__item::before{
    display: none;
}

/* See More Toggle */
.see-more-toggle__content.see-more-toggle__content__expanded{
    max-height: unset;
}

/* Formation page */
.gradient-sup-title{
    color: var(--white);
    background: var(--gradient-hori);
    text-transform: uppercase;
    padding: 0.3125rem 0.625rem;
    padding-right: 0.8125rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

/* Général style gutenberg */
.formation-page__main p, .formation-page__main .wp-block-image{
    margin: 1.25rem 0;
}
.formation-page__main .wp-block-heading{
    color: var(--black);
    font-family: 'itc_avant_garde_std_demi';
}
.formation-page__main h2.wp-block-heading{
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
}
.formation-page__main h3.wp-block-heading{
    font-size: 1.5625rem;
    margin-bottom: 1.25rem;
}
.formation-page__main h4.wp-block-heading{
    font-size: 1.375rem;
}
.formation-page__main h5.wp-block-heading{
    font-size: 1.25rem;
}
.formation-page__main h6.wp-block-heading{
    font-size: 1.125rem;
}
/* Général style gutenberg */

.formation-page__top-ctn{
    background: var(--light-grey-alpha);
    padding: 60px 1.25rem;
}

.formation-page__top{
    max-width: calc(1310px + (2 * 1.25rem));
    margin: auto;
    padding: 0 1.25rem;
    text-align: center;
}

.formation-page__top-row{
    display: flex;
    align-items: stretch;
    text-align: left;
}

.formation-page__top-left{
    padding-right: 2.5rem;
    width: 100%;
}

.page-labels.page-labels__formation-top{
    display: inline-flex;
    width: unset;
    margin-bottom: 45px;
}

.page-labels__formation-top .page-labels-item{
    margin-right: 1.875rem;
    margin-bottom: 0;
}

.page-labels__formation-top .page-labels-item:last-of-type{
    margin-right: 0;
}

.page-labels__formation-top .page-labels-asset{
    height: 75px;
}

.formation-goal__title{
    margin-bottom: 1.875rem;
}

.formation-goal__content{
    margin-top: 1.25rem;
}

.formation-goal__content p:not(:first-of-type){
    margin-top: 1.875rem;
}

.formation-goal__content li::before{
    color: var(--black);
}

.formation-page__top-right{
    padding-left: 2.5rem;
    border-left: 1px solid var(--light-grey);
    width: 100%;
}

.formation-top-item:not(:first-of-type){
    margin-top: 1.875rem;
    padding-top: 1.875rem;
    border-top: 1px solid var(--light-grey);
}

.formation-top-item__header{
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    font-family: 'itc_avant_garde_std_demi';
}

.formation-top-item__header-icon{
    margin-right: 0.5rem;
    font-size: 1.75rem;
}

.formation-top-item__content-expand{
    max-height: calc(1.5rem * 6);
    overflow: hidden;
}

.formation-top-item__content-expand .formation-top-item__content{
    overflow: hidden;
}

.formation-top-item__content-btn{
    margin-top: 0.625rem;
    color: var(--blue-charter);
    text-decoration: underline;
}

.formation-top-item__content{
    margin-top: 1.25rem;
}

.formation-top-item:not(:first-of-type) .formation-top-item__content{
    font-weight: 500;
    color: var(--black);
}

.formation-top-item__content-expand .formation-top-item__content p{
    color: var(--mid-grey);
}

.formation-top-item__anchor{
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
}

.formation-top-item__anchor-text{
    font-family: 'itc_avant_garde_std_bk';
    color: var(--black);
}

.formation-top-item__anchor-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 1.25rem;
}

.formation-top-item__anchor-icon::before{
    color: var(--white);
    position: absolute;
    font-size: 1.25rem;
}

.formation-top-item__anchor-icon::after{
    content: '';
    display: block;
    height: 3rem;
    width: 3rem;
    border-radius: 1.5rem;
    background: var(--blue-charter);
}

.formation-page__center-ctn{
    padding: 0 2.5rem;
}

.formation-page__center{
    position: relative;
    max-width: 1320px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    display: flex;
}

.formation-page__center-anchor{
    position: absolute;
    top: -190px;
}

.formation-page__main{
    width: 100%;
    margin-right: 2.5rem;
}

.formation-page__main .wp-block-ub-tabbed-content-holder{
    margin-right: -2.5rem;
}

.formation-page__main .addtoany_content{
    margin-top: 2.5rem;
}

.wp-block-ub-tabbed-content-tab-holder::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--light-grey);
    margin-top: -1px;
}

.wp-block-ub-tabbed-content-tab-title-wrap.active{
    border-bottom: 2px solid var(--blue-charter) !important;
    padding-bottom: 8px;
}

.wp-block-ub-tabbed-content-tab-title{
    color: var(--dark-grey);
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
}

.wp-block-ub-tabbed-content-tab-title-wrap.active .wp-block-ub-tabbed-content-tab-title{
    color: var(--blue-charter);
}

.wp-block-ub-tabbed-content-tabs-content{
    padding: 0;
    margin-right: 2.5rem;
    margin-top: 60px;
}

.formation-page__aside{
    width: 100%;
    max-width: 430px;
    margin-top: calc(1rem + 27px);
}

.formation-page__aside-inner{
    position: sticky;
    top: 0px;
}

.other-trainings{
    margin-top: 60px;
}

.other-trainings .training-card{
    margin-top: 1.875rem;
}

.other-trainings__title{
    font-size: 1.375rem;
    font-family: 'itc_avant_garde_std_demi';
    color: var(--black);
}

.training-card{
    width: 100%;
}

.training-card__thumbnail-ctn::before{
    content: '';
    display: block;
    padding-top: 56%;
}

.training-card__text{
    padding: 1.875rem;
    padding-top: 1.25rem;
    border: 1px solid var(--light-grey);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.training-card--thumbnail .training-card__text{
    border-top: 0;
    padding-top: 1.875rem;
}

.training-card__sup-title{
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    display: inline-block;
}

.training-card__title{
    font-size: 1.125rem;
    color: var(--black);
    font-family: 'itc_avant_garde_std_demi';
    margin-bottom: 1.875rem;
}

.training-card--thumbnail .training-card__title{
    font-size: 1.375rem;
}

.training-card__time-ctn{
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 1.25rem;
    margin-top: -0.625rem;
    color: var(--black);
    font-size: 0.875rem;
}

.training-card__time-icon{
    font-size: 1.25rem;
}

.training-card__inner-btns{
    margin-top: auto;
    align-self: flex-start;
}

.training-card__btn{
    margin-top: 0.625rem;
}

.training-card__btn:first-of-type{
  margin-top: unset;
}

.formation-page__bottom-top{
    background: var(--light-grey);
    padding: 80px 0;
    display: flex;
}

.bottom-top-content{
    margin: auto;
    display: inline-block;
    text-align: center;
    max-width: 650px;
    width: 100%;
}

.bottom-top-content__icon{
    font-size: 2.5rem;
    color: var(--red-charter);
    margin-bottom: 1rem;
    display: inline-block;
}

.bottom-top-content__title{
    font-size: 1.875rem;
    font-family: 'itc_avant_garde_std_demi';
    color: var(--black);
}

.bottom-top-content__text{
    display: block;
    font-size: 1.125rem;
    margin: 1.875rem 0;
    color: var(--dark-grey);
    word-break: break-word;
}

.bottom-top-content__inner-btns{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.formation-page__bottom-bottom{
    padding: 60px 0;
    padding-bottom: 0;
}

.other-trainings-slider{
    margin-bottom: 60px;
    padding: 0 1.25rem;
    display: none;
}

.other-trainings-slider__title{
    color: var(--black);
    font-family: 'itc_avant_garde_std_demi';
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
}

.other-trainings-slider__slider .slick-list{
    overflow: visible;
}

.other-trainings-slider__slider .slick-track{
    display: flex;
}

.other-trainings-slider__slider .training-card{
    margin: 0 1rem;
    height: unset;
}

.other-trainings-slider__controls{
    margin-top: 1.875rem;
    padding: 0 1.25rem;
}

.other-trainings-slider__controls__arrow-right 
,.other-trainings-slider__controls__arrow-left{
    color: var(--blue-charter);
}

.blog-second-column--formation{
    max-width: 1100px;
    margin: auto;
}

.blog-second-column--formation .blog-items-container__mobile{
    display: none;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--light-grey);
}

.blog-second-column--formation .blog-items-container__mobile .slick-list{
    width: 100%;
}

.blog-second-column--formation .slick-slider{
    overflow-x: hidden;
    min-width: 100%;
}

.blog-second-column--formation .slick-list{
    margin-right: -1.875rem;
    min-width: 100%;
}

.blog-second-column--formation .slick-track{
    width: 100%;
    min-width: 100%;
}

.blog-second-column--formation .blog-item__square{
    margin-right: 1.875rem;
}

.blog-second-column--formation .blog-item__square .blog-item-title{
    font-size: 1.5625rem;
}

.blog-second-column--formation .blog-item__square.slick-slide{
    display: flex;
}

.blog-second-column__header{
    display: flex;
    justify-content: space-between;
}

.blog-second-column__header-arrows .arrow::before,
.blog-second-column__controls__arrow-left,
.blog-second-column__controls__arrow-right{
    color: var(--blue-charter);
}

.blog-second-column__header-arrows .arrow-left{
    margin-right: 1.25rem;
}

.blog-second-column__controls{
    margin-top: 1.875rem;
}

.blog-second-column__controls__arrow-left,
.blog-second-column__controls__arrow-right{
    display: none;
}

.blog-second-column__controls__dots{
    margin: auto;
}

.blog-second-column{
    margin-top: 1.875rem;
}

/* Pages assessment */
.container.text-media-landing{
    width: 100%;
    max-width: 1400px;

    margin: auto;
    margin-top: 100px;
    padding: 0 3.125rem;
    padding-bottom: 80px;
}
.text-media-section {
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 300px);
}
.text-media-section .sup-title{
    font-size: 1.25rem;
    font-family: 'itc_avant_garde_std_md';
    color: var(--blue-charter);
    margin-bottom: 1.875rem;
}
.text-media-section .title{
    text-transform: unset;
    font-size: 3.125rem;
    font-family: 'itc_avant_garde_std_bold';
    line-height: 1.2;
    color: var(--dark-grey);
    margin-bottom: 1.25rem;
}
.text-media-section .blue-arguments-list{
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
}
.text-media-section .mobile-figure{
    display: none;
    width: 100%;
    max-width: 550px;
    margin-bottom: 1rem;
}
.text-media-section .blue-arguments-list .item{
    color: var(--blue-charter);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 2;
    display: flex;
}
.text-media-section .blue-arguments-list .item .icon{
    margin-right: 0.75rem;
}

.text-media-section .blue-arguments-list .item .text{
	display: inline-block;
}
.text-media-section .buttons-container{
    display: flex;
    align-items: center;
}
.text-media-section .buttons-container .btn{
    margin-right: 1.875rem;
}
.text-media-section .left{
    width: 55%;
    max-width: 690px;
    margin-right: 5rem;
}

.text-media-section .gallery-grid{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.text-media-section .gallery-item-container{
    margin-right: 1.25rem;
    margin-top: 1.25rem;
}

.text-media-section .gallery-item-container:last-of-type{
    margin-right: 0;
}

.text-media-section .gallery-item{
    height: 5rem;
}
.text-media-section--skills-assessment .right .half-slider{
    margin-top: 80px;
}
.text-media-section--skills-assessment .right .gallery-grid{
    margin-top: 100px;
}

.half-slider{
    width: 100%;
    max-width: 570px;
    position: relative;
}
.half-slider .slider{
    width: 100%;
}
.half-slider .arrows{
    color: var(--blue-charter);
    padding: 0.5rem
}

.half-slider .slider-arrows{
    color: var(--blue-charter);
    padding: 0.5rem;
    position: absolute;
    bottom: 0;
}

.half-slider .arrow-right{
    margin-left: 1.5rem;
}

.half-slider--narrow{
    max-width: 315px;
    margin-left: 100px;
}
.half-slider--narrow .half-slider-item{
    display: flex;
    flex-direction: column;
}
.half-slider--narrow .half-slider-item .text{
    background: var(--dark-grey);
}
.half-slider--narrow .half-slider-item .thumbnail-container{
    width: 100%;
}
.half-slider--narrow .thumbnail-container::before{
    padding-top: 110%;
}
.half-slider--narrow .thumbnail-container + .half-slider-text{
    position: initial;
}
.half-slider--narrow .slider-arrows{
    display: flex;
    justify-content: space-between;
    position: initial;
}

.buttons-row{
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.text-media-landing .buttons-row{
    margin-top: 2.5rem;
}

.container.container-blue-steps{
    max-width: unset;    
    background: var(--blue-charter);
    padding: 5rem 0;
    position: relative;
}
.container-blue-steps .top{
    display: flex;
    align-items: center;
    color: var(--white);
    max-width: 1400px;
    margin: auto;
    padding: 0 3.125rem;
}
.container-blue-steps .top .title{
    text-transform: unset;
}
.container-blue-steps .text{
    width: 100%;
    max-width: 580px;
    margin-left: 100px;
}
.download-button-container{
    text-align: center;
    position: absolute;
    bottom: -2.25rem;
    width: 100%;
}
.wave-slider{
    position: relative;
    overflow: hidden;
}
.wave-slider .slider-arrows{
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 0 3.125rem;
    display: flex;
    justify-content: end;
}
.wave-slider .slider{
    padding-left: 2.5rem;
    background-image: var(--wave-background);
    background-position: center;
    background-size: cover ;
}
.wave-slider .slick-list{
    overflow: visible;
}
.wave-slider .slick-track{
    display: flex;
    align-items: end;
}
.wave-slider .arrow{
    color: var(--white);
    padding: 0.5rem;
}
.container.container-three-texts{
    padding: 0 4.375rem;
    padding-top: 110px;
    max-width: unset;
}

.container-three-texts .main-title{
    color: var(--black);
    text-align: center;
    max-width: 990px;
    margin: auto;
}

.container-three-texts .content{
    max-width: 1400px;
    margin: auto;
}

.block-three-texts{
    display: flex;
    position: relative;

    padding: 3.75rem 0;
    margin-top: 1.875rem;
}

.block-three-texts::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: calc(50% - 75px);
    height: 1px;
    width: 150px;
    background: var(--light-grey);
}

.picto-text{
    text-align: left;
    margin-right: 2.5rem;
    display: flex;
    flex-direction: column;
}

.picto-text:last-of-type{
    margin-right: 0rem;
}

.picto-text .picto{
    width: 80px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.picto-text .title{
    margin-top: 1.875rem;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    color: var(--black);
    text-transform: none;
}

.picto-text--grey-background{
  padding: 1.875rem;
  border-radius: 1rem;
  background: var(--light-grey);
}

.picto-text--grey-background .title{
  font-size: 1.375rem;
}

.picto-text--grey-background .text{
  color: var(--dark-grey);
}

.image-text {
    background: var(--light-grey);
}
.image-text .figure {
    width: 100%;
    height: 220px;
}
.image-text .text {
    text-align: left;
    font-size: 1.125rem;
    padding: 2.2em;
}
.image-text--picto .figure {
    width: 100%;
    height: 85px;
    margin-top: 2.5rem;
}
.image-text--picto .text {
    padding-top: 1.25rem;
}

.content-row {
    text-align: center;
    margin-bottom: 3.75rem;
}
.content-row:last-of-type {
    margin-bottom: 0;
}
.content-row .suptitle {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-family: 'itc_avant_garde_std_md';
    color: var(--blue-charter);
    display: inline-block;
}
.content-row .title {
    color: var(--black);
    margin-bottom: 1.25rem;
    text-transform: unset;
}
.content-row .top,
.content-row .bottom {
    max-width: 650px;
    margin: auto;
}
.content-row .grid {
    --columns-gap: 1.25rem;
    margin: 2.5rem 0;
    width: 100%;
    display: flex;
    gap: var(--columns-gap);
}
.content-row .grid .image-text {
    width: 100%;
}
.comparison-table .title {
    color: var(--black);
    text-align: center;
    margin-bottom: 0;
    width: 100%;
}
.comparison-table .item {
    display: flex;
    align-items: center;
    width: 100%;
}
.comparison-table .item .text {
    font-weight: 600;
}
.comparison-table .item .icon {
    margin-right: .5em;
}
.comparison-table .item--positive {
    color: var(--blue-charter);
}
.comparison-table .item--positive .icon::before {
    font-size: 1.25em;
}
.comparison-table .item--negative .icon{
    color: var(--grey);
}

.comparison-table--desktop {
    background: var(--white);
    padding: 2.5rem;
    border-radius: 1.25rem;
}
.comparison-table--desktop .row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2.5em;
    margin: 0;
    margin-bottom: .625rem;
    width: 100%;
    padding: .625em 1.25em;
    border: 1px solid var(--light-grey);
    position: relative;
}
.comparison-table--desktop .row:last-child() {
    margin-bottom: 0;
}
.comparison-table--desktop .row::after {
    content: '';
    display: block;
    height: calc(100% - 1.25em);
    width: 1px;
    background: var(--light-grey);
    position: absolute;
    right: 50%;
}
.comparison-table--desktop .row-heading {
    display: flex;
    margin-bottom: 1.25rem;
}
.comparison-table--mobile {
    display: none;
}
.comparison-table--mobile .item {
    margin-top: 1em;
}
.comparison-table--mobile .column {
    background: var(--white);
    padding: 1.5625em .75em;
    border-radius: 1.25rem;
    margin-top: 3.75rem;
    position: relative;
}
.comparison-table--mobile .column::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--red-charter);
    position: absolute;
    top: -1.875rem;
    left: 0;
}
.comparison-table--mobile .column:first-of-type {
    margin-top: 0;
}
.comparison-table--mobile .column:first-of-type::before {
    content: unset;
}
.image-text-2 .top {
    width: 100%;
    max-width: 870px;
    margin: auto;
    text-align: center;
}
.image-text-2 .top .title--h2 {
    margin-bottom: 1.25rem;
}
.image-text-2 .top .subtitle {
    margin-bottom: 2.5rem;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--black);
}
.image-text-2 .top .title--h2 {
    color: var(--black);
}
.image-text-2 .bottom {
    display: flex;
    gap: 3.75rem;
    align-items: center;
}
.image-text-2 .left,
.image-text-2 .right {
    width: 100%;
}
.image-text-2 .left .figure {
    width: 100%;
}
.image-text-2 .right .title--medium{
    color: var(--black);
    margin-bottom: 2.5rem;
    font-family: 'itc_avant_garde_std_bold';
}
.image-text-2 .right .figure {
    display: none;
    width: 100%;
    max-width: 550px;
    margin-bottom: 1.25rem;
}
.image-text-2 .right .formatted-text {
    margin-bottom: 2.5rem;
}

.side-lines-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.side-lines-container .center{
    margin: 0 3.75rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.side-lines-container .text{
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--dark-grey);
    text-align: center;
    max-width: 620px;
}
.side-lines-container .uppercase{
    color: var(--dark-grey);
    font-size: 1.875rem;
    font-weight: 600;
    text-transform: uppercase;
}
.side-lines-container::before,
.side-lines-container::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--light-grey);
}

.container.container-testimonies-slider{
    width: 100%;
    max-width: unset;
    padding: 0 4.375rem;
    overflow: hidden;
}

.container-testimonies-slider .content{
    max-width: 1400px;
    margin: auto;
}

.container.container-assessment-middle-part{
    max-width: 1400px;
    margin: auto;
    padding: 0 3.125rem;
}
.text-media{
    display: flex;
    align-items: center;
    margin-top: 3.75rem;
    padding-top: 3.75rem;
    border-top: 1px solid var(--light-grey);
}
.text-media:first-of-type{
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.text-media:nth-of-type(even){
    flex-direction: row-reverse;
}
.text-media:nth-of-type(even) .media{
    margin-right: 3.75rem;
}
.text-media:nth-of-type(odd) .media{
    margin-left: 3.75rem;
}
.text-media .text h3{
    color: var(--dark-grey);
    font-family: 'itc_avant_garde_std_demi';
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
}
.text-media .text h3 strong{
    display: inline-block;
    background: var(--blue-charter);
    color: var(--white);
    padding: 0 .2rem;
}
.text-media .media{
    flex: 0 0 100%;
    max-width: 610px;
    border: 1px solid lightgrey;
}

.content-intro-leader{
    margin: 5rem 0;
    padding: 5rem 3.75rem;
    padding-left: 4.375rem;
    background: var(--light-grey);
    --portrait-img-width: 110px;
    --portrait-img-margin: 1.875rem;
}
.content-intro-leader .main-title{
    text-align: center;
    font-family: 'itc_avant_garde_std_demi';
    color: var(--dark-grey);
}
.content-intro-leader .center{
    display: flex;
    margin-top: 4.375rem;
}
.content-intro-leader .portrait{
    margin-right: 3.75rem;
}
.content-intro-leader .portrait-top{
    display: flex;
    align-items: center;
    position: relative;
    white-space: pre-wrap;
}
.content-intro-leader .portrait-title,
.content-intro-leader .template-title{
    font-family: 'itc_avant_garde_std_demi';
    color: var(--blue-charter);
    font-weight: 400;
    text-transform: unset;
}
.content-intro-leader .portrait-title{
    margin-left: calc(var(--portrait-img-width) + var(--portrait-img-margin));
}
.content-intro-leader .portrait-top .portrait-img-container{
    width: var(--portrait-img-width);
    position: absolute;
    left: 0;
}
.content-intro-leader .portrait-top .portrait-img-container::before{
    content: '';
    display: block;
    padding-top: 60%;
}
.content-intro-leader .portrait-text-container{
    margin-bottom: 1.25rem;
    margin-top: 3.125rem;
    position: relative;
}
.content-intro-leader .portrait-text-container .portrait-img-container{
    width: var(--portrait-img-width);
    position: absolute;
    left: 0;
}
.content-intro-leader .portrait-text--with-img{
    margin-left: calc(var(--portrait-img-width) + var(--portrait-img-margin));
}
.content-intro-leader .template{
    width: 530px;
}
.content-intro-leader .gallery-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.875rem 1.875rem;
}
.content-intro-leader .gallery-item-container{
    width: 110px;
    background: var(--white);
    padding: 0.625rem;
}

.content-faq-space{
    margin-bottom: 5rem;
}
.content-faq-space .main-title{
    max-width: 780px;
    text-align: center;
    margin: auto;
}
.content-faq-space .grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.625rem 3.75rem;
    align-items: start;
    margin-top: 3.75rem;
    margin-bottom: 2.5rem;
}

.dropdown{
    background-color: var(--light-grey);
}
.dropdown .top{
    display: flex;
    padding: 1.25rem 1.875rem;
    justify-content: space-between;
}
.dropdown .top::-webkit-details-marker {
    display:none;
}
.dropdown .text{
    font-weight: 500;
}
.dropdown .text,
.dropdown .icon{
    color: var(--dark-grey);
    font-size: 1.125rem;
}
.dropdown .icon{
    font-size: 1.25rem;
}
.dropdown .bottom{
    padding: 1.25rem 0;
    margin: 0 1.875rem;
    border-top: 1px solid var(--light-grey);
}
.container.container-assessment-children{
    max-width: unset;
}

.container-assessment-children .content-button-vector-arrows{
    padding: 0 1.875rem;
}

.background-slider{
    padding: 4.375rem 3.125rem;
    background: var(--red-charter);
}

.background-slider .main-title-container{
    max-width: 1500px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
}

.background-slider .main-title{
    white-space: pre-wrap;
    font-weight: 600;
}

.background-slider .arrow{
    padding: 0.5rem;
}

.background-slider .slider-container{
    margin-top: 3.75rem;
}
.background-slider .slider{
    margin-bottom: 1.875rem;
    width: 100vw;
}

.background-slider .carrousel-dots .slick-dots [role=presentation] button::after {
    background: var(--white);
}

.background-slider-item{
    width: 375px;
    margin-right: 2.5rem;
}

.background-slider-item .title{
    margin-top: 1.25rem;
    color: var(--white);
    font-size: 1.375rem;
    font-family:  'Open Sans', sans-serif;
    font-weight: 500;
    text-transform: unset;
}

.container-assessment-children .content-button-vector-arrows{
    margin-top: 3.75rem;
}

.container.container-assessment-contact{
    max-width: calc(1500px + (3.125rem * 2) );
    margin: auto;
    padding: 5rem 3.125rem;
    padding-bottom: 0;
}

.container.container-assessment-advices{
    max-width: 1200px;
    margin-top: 120px;
    padding: 0 3.125rem;
}

.content-advices .top > .title{
    color: var(--dark-bluish);
    text-transform: unset;
    text-align: center;
}

.content-advices .under-title,
.content-advices .bottom{
    font-family: 'itc_avant_garde_std_md';
    font-size: 1.25rem;
    margin: auto;
    max-width: 650px;
    text-align: center;
    color: var(--dark-grey);
}

.content-advices .bottom{
    margin-top: 3.75rem;
}

.content-advices .left-edge-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.75rem;
    margin-top: 3.75rem;
    align-items: start;
}

.content-advices .left-edge-grid .left-edge{
    width: 100%;
    max-width: 425px;
}

.content-advices .left-edge-grid .left-edge:nth-of-type(even){
    margin-left: auto;
}

.left-edge{
    border-left: 1px solid var(--black);
    padding-left: 1.875rem;
}
.left-edge--red{
    border-left: 1px solid var(--red-charter);
}
.left-edge .sup-title{
    display: inline-block;
    margin-bottom: 0.625rem;
}
.left-edge .title{
    font-size: 1.625rem;
    font-family: 'itc_avant_garde_std_bold';
    text-transform: unset;
    margin-bottom: 0.625rem;
}
.left-edge .text{
    color: var(--mid-grey);
}

.content-contact-option{
    padding: 5rem 3.75rem;
    background: var(--light-grey);
}

.content-contact-option .head{
    max-width: 800px;
    margin: auto;
    text-align: center;
}
.content-contact-option .title{
    text-transform: unset;
    color: var(--dark-grey);
    font-weight: 600;
}
.content-contact-option .text{
    margin-top: 1.25rem;
}
.content-contact-option .block-primary{
    margin-top: 2.5rem;
    display: flex;
}
.content-assessment-contact-middle{
    margin: 3.75rem 0;
}

.picto-link-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 1.875rem;
    border: 1px solid var(--light-grey);
    width: 100%;
    max-width: 670px;
    background: var(--white);
}
.picto-link-block .icon{
    margin-top: -1.4rem;
}
.picto-link-block .title{
    margin: 1.875rem 0;
    padding: 0 1.5rem;
    max-width: 400px;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 600;
    word-break: break-word;
}
.picto-link-block--round-square{
  margin-bottom: 1.5rem;
  border-radius: 0.625rem;
  position: relative;
  padding-bottom: 0;
}
.picto-link-block--round-square .title{
  font-size: 1rem;
  font-weight: 400;
  text-transform: unset;
  padding: unset;
  padding: 0 1.875rem;
  margin-bottom: 2.5rem;
  color: var(--dark-grey);
}
.picto-link-block--round-square .btn{
  position: absolute;
  bottom: -1.5rem;
}
.picto-link-block--grey-background{
  background: var(--white-off);
}
.picto-link-block--top-picture{
  padding: 0 2.5rem;
  padding-bottom: 1.25rem;
  margin-top: 120px;
  position: relative;
  justify-content: flex-start;
}
.picto-link-block--top-picture .block-picture{
    max-width: 580px;
    width: 100%;
    margin-top: -120px;
}
.picto-link-block--top-picture .block-picture::before{
  content: '';
  display: block;
  padding-top: 65%;
}
.picto-link-block--top-picture .block-text{
    margin: 2.5rem 0;
    margin-bottom: 1.25rem;
}
.picto-link-block--top-picture .title{
    margin: unset;
    margin-bottom: 0.5rem;
    padding: unset;
    max-width: unset;
    
    font-size: 1.875rem;
    font-family: 'itc_avant_garde_std_demi';
    font-weight: 500;

    text-transform: unset;
    color: var(--black);
}
.picto-link-block--top-picture .btn{
    position: absolute;
    bottom: -23px;
    max-height: 3.125rem;
}
.picto-link-block--top-picture .btn::before{
  width: calc(100% + 20px);
}
.wave-item-slider{
    border: 1px solid var(--white);
    border-radius: .3125rem;
    width: 275px;
    padding: 1.875rem;
    margin: 0 1.875rem;
    margin-top: 6.25rem;
    text-align: center;
    font-family: 'itc_avant_garde_std_demi';
    font-size: 1.25rem;
    background-color: var(--blue-charter);
}
.wave-item-slider .text{
    margin-left: unset;
    color: var(--white);
    white-space: pre-wrap;
}
.wave-item-slider .btn{
    font-size: 1rem;
    margin-top: 1.25rem;
}
.wave-item-slider .thumbnail-container{
    margin: auto;
    margin-bottom: 1.25rem;
    margin-top: -8rem;
    width: 115px;
}

.wave-item-slider-step{
    --padding-top: 2.1875rem;
    --padding-left: 1.875rem;
    width: 275px;
    color: var(--white);
    margin: 0 1.875rem;
    padding: var(--padding-top) var(--padding-left);
    border-radius: .3125rem;
    font-family: 'itc_avant_garde_std_demi';
    font-size: 1.25rem;
    background: transparent;
    transition: 0.2s;
    overflow: hidden;
}
.wave-item-slider-step .text{
    margin-left: unset;
    white-space: pre-wrap;
    position: relative;
    color: var(--blue-charter);
}
.wave-item-slider-step .text::after,
.wave-item-slider-step .text::before{
    content: '';
    display: block;
    position: absolute;
    top: calc(-1 * var(--padding-top) );
    left: calc(-1 * var(--padding-left) );
    width: calc(100% + ( 2 * var(--padding-left) ) );
    height: calc(100% + ( 2 * var(--padding-top) ) );
    border-radius: .3125rem;
    z-index: -1;
    transition: 0.2s;
}
.wave-item-slider-step .text::before{
    background: var(--white);
    opacity: 1;
}
.wave-item-slider-step .text::after{
    background: var(--gradient);
    opacity: 0;
}
.wave-item-slider-step .bottom{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 1.25rem;
    opacity: 0;
    transition: 0.2s;
}
.wave-item-slider-step .thumbnail-container{
    width: 150px;
}
.wave-item-slider-step .thumbnail{
    width: 100%;
}
.wave-item-slider-step .icon{
    border: 1px solid var(--white);
    height: 3.45rem;
    width: 3.45rem;
}
.wave-item-slider-step .icon::before{
    font-size: 1.5rem;
}
.wave-item-slider-step:hover .text,
.wave-item-slider-step:focus .text,
.wave-item-slider-step:focus-within .text{
    color: var(--white);
}

.wave-item-slider-step:hover .text::after,
.wave-item-slider-step:hover .text::before,
.wave-item-slider-step:focus .text::after,
.wave-item-slider-step:focus .text::before,
.wave-item-slider-step:focus-within .text::after,
.wave-item-slider-step:focus-within .text::before{
    height: 425%;
}

.wave-item-slider-step:hover .text::after,
.wave-item-slider-step:focus .text::after,
.wave-item-slider-step:focus-within .text::after{
    opacity: 1;
}

.wave-item-slider-step:hover .bottom,
.wave-item-slider-step:focus-within .bottom,
.wave-item-slider-step:focus .bottom{
    opacity: 1;
}

.wave-item-slider-step .link-icon:hover,
.wave-item-slider-step .link-icon:focus{
    background: var(--white);
    color: var(--blue-charter);
}

.half-slider-item{
    position: relative;
}
.half-slider-text{
    top: 6.5rem;
    z-index: 1;
    max-width: 400px;
    margin-bottom: 2.5rem;
}
.thumbnail-container + .half-slider-text {
    position: absolute;
    margin-bottom: 0;
}
.half-slider-text .text{
    font-family: 'itc_avant_garde_std_demi';
    border-left: 5px solid var(--dark-grey);
    padding: 3px 0;
}
.half-slider-text .text-mark{
    background: var(--dark-grey);
    color: var(--white);
    padding: 5px;
}
.half-slider-text .author{
    font-family: 'itc_avant_garde_std_bk';
    font-size: 0.875rem;
    color: var(--dark-grey);
    margin-top: 0.625rem;
}
.half-slider-text .location{
    font-family: 'itc_avant_garde_std_bk';
    font-size: 0.875rem;
    color: var(--mid-grey);
}
.half-slider-item .thumbnail-container{
    float: right;
    width: 325px;
}

/* Pages Asteres Studies */
.page-header.page-header--simple-title{
    height: 630px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-header--simple-title .page-title{
    text-align: center;
    max-width: 1120px;
}

.page-header--simple-title .page-header__content{
    margin: auto;
}

.page-header--simple-title .page-thumbnail::before{
    content: unset;
}

.page-header--simple-title .page-thumbnail::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--mid-black-alpha);
}

.container.container-study-top{
    max-width: 940px;
    margin: auto;
    padding: 0 4.375rem;
}

.container-study-top .content-intro{
    margin: 5rem auto;
    text-align: center;
}

.container.container-study-center{
    max-width: unset;
    background: var(--light-grey);
    padding: 5rem 4.375rem;
}

.container-study-center > .content{
    margin: 0 auto;
    max-width: 1280px;
}

.container-study-center .content-intro{
    display: flex;
    align-items: center;
    margin-bottom: 3.75rem;
}

.content-intro .title{
    margin: unset;
    margin-right: 3.75rem;
    text-transform: unset;
}

.content-intro .title,
.content-intro .text{
    width: 100%;
}

.container-study-center .text-media .media{
    max-width: 560px;
}

.container-study-center .content-study-effects,
.container-study-center .content-study-quality{
    margin-bottom: 120px;
}

.container-study-center .content-study-effects .text-media,
.container-study-center .content-study-productivity .text-media{
    flex-direction: row-reverse;
}

.container-study-center .content-study-effects .text-media .media,
.container-study-center .content-study-productivity .text-media .media{
    margin-left: unset;
    margin-right: 3.75rem;
}

.container.container-study-bottom{
    max-width: 1420px;
    padding: 0 4.375rem;
    padding-top: 5rem;
}

.text-template{
    display: flex;
    align-items: center;
}

.text-template .text-btn,
.text-template .template{
    width: 100%;
}

.text-template .text-btn{
    margin-right: 3.75rem;
}

.text-template .text h2,
.text-template .text h3,
.text-template .text h4,
.text-template .text h5,
.text-template .text h6{
  color: var(--dark-grey);
  font-family: 'itc_avant_garde_std_demi';
}

.text-template .text h2{
  font-size: 2.5rem;
  margin-bottom: 1.25rem;
}

.text-template .text h3{
  font-size: 1.875rem;
  margin-bottom: 1.875rem;
}

.text-template--grey-background{
  padding: 5rem 3.75rem;
  background: var(--light-grey);
  line-height: 1.25;
}

.charts-legend{
    width: 100%;
    max-width: 305px;
    margin-top: 1rem;
}

.charts-space{
    margin-top: 3.75rem;
}

.chart-subtitle{
    text-align: center;
    color: var(--dark-grey);
    margin: auto;
    margin-bottom: 1.75rem;
}

.chart--red-tab-desktop{
    width: 100%;
}

.content-study-quality .charts-space{
    display: flex;
    align-items: flex-end;
}

.content-study-quality .charts-grid{
    align-items: flex-end;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    margin-right: 3.125rem;
}

.content-study-productivity .charts-space{
    display: flex;
}

.chart-container .chart {
    width: 100%;
}

.chart--red-chart-1{
    margin-right: 100px;
}

.chart--red-chart-1 .chart-subtitle{
    max-width: 240px;
}

.chart--blue-chart-6 .chart-subtitle{
    max-width: 420px;
}

.content-study-conclusion{
    margin-bottom: 110px;
}

.content-study-conclusion .text-template .template{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem;
}

.content-button-vector-arrows{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content-button-vector-arrows .primary-title{
    max-width: 800px;
    margin: auto;
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: unset;
    text-align: center;
    color: var(--dark-grey);
}

.content-button-vector-arrows .annotation{
    margin-top: 1.25rem;
    text-align: center;
}

.content-button-vector-arrows .vector{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: .625rem;
}
.content-button-vector-arrows .vector--left{
    width: 95px;
    height: 65px;
    margin-top: 0.625rem;
    background-image: url('img/assets/red-arrow-vector.svg');
}
.content-button-vector-arrows .vector--right{
    width: 175px;
    height: 135px;
    background-image: url('img/assets/yellow-arrow-vector.svg');
}
.content-button-vector-arrows .vector-wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    position: absolute;
    margin-top: 3.25rem;
    pointer-events: none;
}
.content-button-vector-arrows .btn{
    margin-top: 5rem;
}
.charts-space--tablet{
    display: none;
}
.charts-space--mobile{
    display: none;
}

/* Page orientation assessment */
.media-landing-container{
  position: absolute;
  right: 0;
  top: 125px;
  width: 45vw;
 }
 
.media-landing-container::before{
  padding-top: 700px;
}

.media-landing-square{
    width: 35vw;
    max-width: 540px;
}

.container.container-orientation-top{
  max-width: 1400px;
  padding: 0 3.125rem;
}

.content-reason{
  margin: 0 -3.125rem;
}

.content-reason .text-template{
  align-items: flex-start;
  flex-direction: row-reverse;
}

.content-reason .text-template .text-btn{
  margin-right: 0rem;
  margin-left: 3.75rem;
}

.content-reason .text-template .btn-inner{
  margin-top: 1.5rem;
  display: flex;
}

.content-reason .text-template .template{
  flex: 0 0 410px;
}

.content-step{
  margin: 5rem 0;
}

.content-step .title{
  color: var(--dark-grey);
  text-transform: unset;
  max-width: 800px;
  text-align: center;
  margin: auto;
}

.content-step .text-top{
    margin: 2.5em auto;
    max-width: 650px;
    text-align: center;
}

.content-cta-btn{
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
}

.image-quote .image-container{
  margin-bottom: 1.875rem;
}
.image-quote .quote-bottom{
  padding-bottom: 1.25rem;
  border-bottom: 5px solid var(--yellow-charter);
}
.image-quote .quote-text{
  font-size: 1.375rem;
  font-family: 'itc_avant_garde_std_demi';
  color: var(--dark-grey);
  line-height: 1.35;
  width: 80%;
}
.image-quote .quote-author{
  margin-top: 0.625rem;
  color: var(--dark-grey);
}

.vertical-slider{
  display: flex;
  margin-top: 1.875rem;
  border-left: 3px dashed var(--light-grey);
}

.vertical-slider::before{
    content: '';
    display: block;
    height: 400px;
    flex: 0 0 3px;
    background: var(--red-charter);
    position: sticky;
    top: 250px;
    margin-left: -3px;
    z-index: 100;
}
.vertical-slider .text-column{
  width: 100%;
}

.step-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3.75rem;
  opacity: 0.2;
  transition: opacity 0.2s linear;
  padding: 2.5rem 3.75rem;
}

.js-css-step-item--visible{
  opacity: 1;
}

.step-item .step-number{
  font-size: 1rem;
  color: var(--red-charter);
  text-transform: uppercase;
}

.step-item .step-item-img-inside{
  background: var(--white-off);
  margin-bottom: 1rem;
  border-radius: 1rem;
  display: none;
}

.step-item .title{
  margin: 1.25rem 0;  
  text-align: left;
}

.step-item .text{
  margin-bottom: 1.25rem
}

.step-item .info-item{
  margin-top: 0.625rem;
  color: var(--dark-grey);
}

.vertical-slider .pictures-column{
  width: 100%;
  height: 400px;
  position: sticky;
  top: 250px;
  margin-bottom: 5rem;
  margin-left: 3.75rem;
}

.step-item-img-container{
    top: 100px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: var(--white-off);
    border-radius: 1rem;
    pointer-events: none;
    transform: translateX(0);
    transition: transform 0.25s ease-in,
                opacity 0.25s ease-in;
}

.js-css-step-item-img-container--show{
  transform: translateY(-100px);
  opacity: 1;
  pointer-events: auto;
}

.info-item{
    font-size: 0.8745rem
}

.container.container-intro-blue{
  max-width: unset;
  background: var(--blue-charter);
}

.container-intro-blue .content-intro-leader{
  background: unset;
  max-width: 1380px;
  margin: 0 auto;
  padding: 5rem 3.125rem;
}

.container-intro-blue .main-title,
.container-intro-blue .title--h3,
.container-intro-blue .portrait-text,
.container-intro-blue .text,
.container-intro-blue .formatted-text li::before{
  color: var(--white);
}

.container-intro-blue .formatted-text em,
.container-intro-blue .formatted-text i{
    font-style: italic;
}

.container-intro-blue .content-intro-leader .main-title {
  font-size: 2.5rem;
  max-width: 800px;
  margin: 0 auto;
}

.container-intro-blue .center{
  align-items: flex-start;
  margin-top: 3.5rem;
}

.container-intro-blue .center > .portrait,
.container-intro-blue .center > .text{
  width: 100%;
}

.container-intro-blue .center > .text{
  padding-left: 1.25rem;
  border-left: 1px solid var(--white);
}

.container-intro-blue .top{
    margin-top: 4.375rem;
}

.container-intro-blue .portrait-top{
    width: 50%;
}

.container-intro-blue .portrait-text-container{
    margin-top: 0;
    margin-bottom: 0;
}

.container.container-contribution-reservation{
  max-width: 1400px;
  padding: 0 3.125rem;
  margin-top: 5rem;
}

.content-contribution .top{
  text-align: center;
  max-width: 650px;
  margin: auto;
  color: var(--dark-grey);
}

.content-contribution .top .title{
  text-transform: unset;
  font-weight: unset;
  line-height: 1.25;
  margin: auto;
  margin-bottom: 1.35rem;
  max-width: 550px;
}
.content-contribution .under-title{
  font-family: 'itc_avant_garde_std_md';
  font-size: 1.25rem;
}

.contribution-grid{
  --gap: 3.75rem;
  --column-1: 3;
  --gap-space-1: calc( var(--gap) * ( var(--column-1) - 1 ) );
  --column-2: 2;
  --gap-space-2: calc( var(--gap) * ( var(--column-2) - 1 ) );
  margin: 3.75rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.contribution-grid .picto-text{
  width: calc((100% - var(--gap-space-1)) / 3);
  margin-right: unset;
}

.contribution-grid .picto-text .picto{
  align-self: center;
}

.contribution-grid .picto-text .title,
.contribution-grid .picto-text .text{
  text-align: center;
}

.contribution-grid .picto-text:nth-of-type(5n),
.contribution-grid .picto-text:nth-of-type(5n - 1){
    width: calc((100% - var(--gap-space-2)) / 2);
}

@media screen and (max-width: 1440px) {
    .laptop-column--6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 60px);
                flex: 0 0 calc(50% - 60px);
    }

    .laptop-column--12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 60px);
                flex: 0 0 calc(100% - 60px);
    }

    .formation-page__top{
        max-width: calc(1220px + (2 * 1.25rem));
    }

    .formation-page__center{
        max-width: calc(1220px + (2 * 1.25rem));
        padding: 0 1.25rem;
    }
}

.text-columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
}

.clients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 120px);

    margin: -40px -60px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.client {
    display: block;

    margin: 40px 60px;
}

.client__wrapper {
    display: block;
}

.client__logo {
    display: block;
    width: auto;
    height: auto;

    max-width: 130px;
    max-height: 130px;
}

.video {
    display: block;
    width: 100%;

    position: relative;

    padding-top: 30%;

    overflow: hidden;

    -webkit-transition: .3s ease;

    transition: .3s ease;
}

.video-block {
    display: block;
    width: 100%;

    position: relative;

    overflow: hidden;

}

.video--playing {
    padding-top: 56.25%;
}

.video__player,
.video__overlay {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video__player {
    width: 100%;
}

.video__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--pink-grey);
}

.video__overlay:before {
    display: block;
    width: 0;

    padding-top: 56.25%;

    content: '';
}

.video--playing .video__overlay {
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: opacity .3s ease, left 1ms linear .3s;

    transition: opacity .3s ease, left 1ms linear .3s;
}

.video__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;

    position: relative;

    border-radius: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--red-charter);

    text-indent: .3em;
    color: var(--white);
}

.video__button:hover {
    background-color: var(--alt-red);
}

/*------------------------------------------------
MODIFICATIONS
------------------------------------------------*/
/* Header */
.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 70px;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--white);
    box-shadow: 0 0 15px var(--light-black-alpha);
}

.header-left,
.header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.header-left {
    padding: 0 0 0 60px;
    height: 100%;

    -webkit-box-align: center;

        -ms-flex-align: center;

                -ms-grid-row-align: center;

            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
            flex: 1;
}

.header-left .header-btn {
    margin-left:0px !important;
}
.header-left .btn {
    margin-left: 30px;
}
.header-btncentered {
    margin-top: 0;
    padding: 0 20px;
    text-align: center;
}

.header-right {
    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch;
    -ms-flex-item-align: stretch;
        align-self: stretch;
        flex: 1;
}

.header-home-link {
    display: block;
    padding: 40px 20px;
}

.header-logo {
    display: block;
    width: 501px;
    height: auto;
}

.header-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: relative;
    z-index: 1;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
            
    font-family: 'itc_avant_garde_std_bk';
}

.header-contact:hover .header-phone {
    color: var(--white);
}

.header-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    line-height: 1.2;
    color: var(--blue-charter);

    -webkit-transition: .2s ease;

    transition: .2s ease;
}

.header-phone-icon {
    display: block;

    margin: 0 15px 0 0;
}

.header-phone-info {
    font-size: 12.8px;
    font-size: .8rem;
    white-space: normal;
}

.header-phone-text {
    white-space: nowrap;
}

.header-contact-info {
    display: block;
    width: 100%;

    position: absolute;
    top: 0;
    left: -1000000px;
    z-index: -1;

    padding: 160px 30px 0 30px;

    background-color: var(--blue-charter);
    color: var(--white);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease, left .1ms linear .2s;
    transition: opacity .2s ease, left .1ms linear .2s;
}

.header-contact:hover .header-contact-info {
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: opacity .2s ease;

    transition: opacity .2s ease;
}

.header-contact-section {
    display: block;
    width: 100%;

    padding: 30px 0;
    border-top: 1px solid var(--dark-bluish);
}

.header-contact-section b {
    font-family: 'itc_avant_garde_std_md';
}

.header-contact-link {
    text-decoration: underline;
    color: var(--white);
}

.header-contact-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 60px);
    height: 100px;

    position: relative;
    z-index: 1;

    padding: 0 130px 0 30px;
    margin: 0 -30px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--red-charter);

    text-align: center;
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-weight: 700;
    color: var(--white);

    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.header-contact-button:before {
    display: block;
    width: 100px;
    height: 100%;

    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;

    background-color: var(--red-charter-hover);

    content: '';
}

.header-contact-button:hover:before {
    width: 100px;
}

.header-contact-button:hover {
    background-color: var(--red-charter-hover);
}

.header-contact-button:after {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;

    position: absolute;
    bottom: calc(50% - 16px);
    right: 34px;

    border: 1px solid;
    border-color: inherit;
    border-radius: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    content: '\e805';
    font-family: 'icon', sans-serif;
    font-size: 10px;
}

.header-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: relative;

    padding: 0 30px;
    margin-right: 15px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header-item:not(:first-of-type) {
    padding: 0 15px;
    margin-right: 0;
}

.header-item:first-child:after {
    display: block;
    width: 1px;
    height: 100%;

    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;

    background-color: var(--light-grey);

    content: '';
}

.header-item .btn{
  height: 3.07rem;
}

/* Header-new */
.header-new{
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: var(--white);
    box-shadow: 0px 0px 15px var(--light-grey);
    min-height: 128px;
}

.header-new__btn-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0;
    width: 0;
    padding: 1.25rem;
    border-radius: 0;
    font-size: 1.5rem
}

.header-new__btn-icon__icon::before{
    color: var(--black);
}

.header-new__btn-icon__text{
    display: none;
    color: var(--black);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
}

.header-new__left{
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.header-new__right{
    display: flex;
    align-items: center;
}

.header-new__btn{
    font-weight: 500;
    color: var(--black);
    transition: unset;
    padding: 4px 0.75rem;
    font-size: 0.875rem;
}

.header-new__btn--country-selector{
  margin-left: 0.75rem;
  overflow: visible;
}

.header-new__btn:hover{
    color: var(--blue-charter);
}

.header-new__btn:first-of-type, .header-new__btn:first-of-type .icon{
    color: var(--blue-charter);
}

.header-new__btn .icon{
    color: var(--black);
    font-size: 1.2rem;
    margin-right: 0.75rem;
}

.header-new__separator{
    height: 55px;
    width: 1px;
    background: var(--light-grey);
    margin: 0 1rem;
}

.header-new__home-link{
    padding: 1.875rem 0;
    display: inline-block;
    display: flex;
    align-items: center;
}

.header-new__logo{
    width: 310px;
}

.header-new__phone{
    display: flex;
    align-items: center;
    color: var(--black);
    margin-right: 1.7rem;
}

.header-new__phone-icon{
    margin-right: 0.75rem;
    font-size: 1.5rem;
}

.header-new__phone-text{
    line-height: 1.2;
}

.header-new__phone-info{
    font-size: 0.75rem;
}

.header-new__right-buttons{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header-new__right-buttons .btn{
    margin-right: .5rem;
}

.header-new__e-orientaction{
    color: var(--white);
    height: 4rem;
    background: var(--blue-charter);
    padding: 0 1.7rem;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.header-new__e-orientaction:hover{
    background: var(--blue-charter-hover);
}

.header-new__e-orientaction-top{
    font-family: 'itc_avant_garde_std_xlt';
}

.header-new__e-orientaction-bottom{
    font-family: 'itc_avant_garde_std_demi';
    margin-left: 0.95rem;
    margin-top: 2px;
}

.header-new__e-orientaction .icon{
    font-size: 1rem;
}

.header-new__jobs{
    padding: 0rem 1.7rem;
    display: flex;
    align-items: center;
    background: var(--red-charter);
    color: var(--white);
    height: 4rem;
    font-family: 'itc_avant_garde_std_md';
    font-size: 0.875rem;
}

.header-new__jobs:hover{
    background: var(--red-charter-hover);
}

.header-new__jobs .icon{
    margin-right: 1rem;
}

.header-new__bottom{
    position: absolute;
    bottom: 0;
    left: 135px;
    height: 0;
    display: flex;
    align-items: flex-start;
}

.header-new__bottom-item{
    display: block;
    position: relative;
    margin-right: 1.875rem;
    padding: 0.875rem 1.5rem;
}

.header-new__bottom-item > a{
    padding: 0.875rem 1.5rem;
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    white-space: nowrap;
}

.header-new__bottom-item::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    z-index: -1;
    display: block;
    background: var(--red-charter);
    height: 100%;
    width: 100%;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    transition: 0.5s;
}

.header-new__bottom-item:nth-of-type(odd)::before{
    background: var(--blue-charter);
}

.header-new__bottom-item-title{
    color: var(--white);
    font-family: 'itc_avant_garde_std_bk';
    font-size: 0.875rem;
}

.header-new__bottom-item-content-container{
    height: 0;
    width: 0;
    overflow: hidden;
}

.header-new__bottom-item-content{
    padding-top: 0.625rem;
    margin-top: 1rem;
    border-top: 1px solid var(--white);
}

.header-new__bottom-item--extend:hover .header-new__bottom-item-content-container{
    height: unset;
    width: unset;
}

.header-new__bottom-item-text-bold{
    color: var(--white);
    font-weight: 600;
    font-size: 0.875rem;
}

.header-new__bottom-item-text{
    color: var(--white);
    font-size: 0.875rem;
}

.header-new__bottom-item-btns{
    display: flex;
    margin-top: 1rem;
}

.header-new__bottom-item-btn-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1.25rem;
}

.header-new__bottom-item-btn-container:last-of-type{
    margin-right: 0;
}

.header-new__bottom-item-btn-vertical-container{
  margin-top: 0.625rem;
}

.header-new__bottom-item-btn{
    padding: 0.5rem 1.25rem;
    border: 1px solid var(--white);
    font-size: 0.75rem;
}

.header-new__bottom-item-btn:hover{
    background: var(--white);
    color: var(--black);
}

.btn--black-inverse.header-new__bottom-item-btn:hover{
    background: transparent;
    color: var(--white);
}

.header-new__bottom-item-undertext{
    font-size: 0.75rem;
    font-style: italic;
    color: var(--white);
    margin-top: 0.5rem;
}

@media screen and (max-width: 1440px) {
    body{
        padding-top: 125px;
    }
    
    /* Header-new */
    .header-new__btn{
        padding: 4px 5px;
    }
    
    .header-new__jobs {
        padding: 0 1rem;
    }

    .header-new__e-orientaction {
        padding: 0 1rem;
    }
    
    .header-new__phone {
      margin-right: 1rem;
    }
    
    .header-new__home-link {
      padding: 1.5rem 0;
    }
    
    .header-new__logo {
      width: 250px;
    }
}

/* Trigram menu */
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;

    position: fixed;
    top: 0;
    left: -100000px;
    z-index: 1000;

    padding: 0 80px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    background-color: var(--legacy-red);

    color: var(--white);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow: auto;

    -webkit-transition: opacity .5s ease, left .1ms linear .5s;

    transition: opacity .5s ease, left .1ms linear .5s;
}

.menu--opened .nav {
    left: 0;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease;
}

.nav-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 70px;

    flex: 0 0 auto;

    margin: 0 0 30px 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.js-close-menu{
    margin-left: -1.875rem;
}

.nav-logo {
    display: block;
    width: 501px;
    height: auto;

    margin: 20px 0;
}

.nav-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 80px);

    margin: auto -40px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;
}

.nav-col {
    margin: 0 40px;
    width: 100%;
    display: block;
}

.nav-col:last-child {
    margin: 0 40px 0 160px;
}

.nav-col--tablet:not(:last-child) {
    margin-bottom: 15px;
}

.nav-label {
    display: block;
    width: 100%;

    margin: 0 0 30px 0;

    color: var(--alt-red);
}

.nav-list {
    display: block;
    width: 100%;
}

.nav-item {
    display: block;
    width: 100%;

    font-size: 25px;
    font-weight: 600;
}

.nav-item--mobile{
    display: none;
}

.nav-item:not(:last-child) {
    margin: 0 0 20px 0;
}

.nav-link {
    color: var(--white);
}

.nav-link:hover {
    text-decoration: underline;
}

.nav-link--grey {
    color:var(--mid-grey-6);
    font-weight: 400;
}

.picture-network{
    padding-bottom: 56.25%;
    width: 100%;
}

.motivate-network .picture-network{
    padding-bottom: 0px;
}

.social-networks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 10px);

    margin: 35px -5px -5px -5px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.social-network {
    display: block;

    margin: 5px;
}

.social-network-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    color: var(--white);
}

.nav-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 0 0 40px 0;
    margin: 60px 0 0 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.nav-footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.nav-footer-item {
    display: block;

    margin: 0 30px 0 0;
}

.nav-footer-info {
    color: var(--alt-red);
}

.nav-shop-button {
    display: inline-flex;

    margin: 40px 0 0 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.nav-shop-button-icon {
    display: flex;
    min-width: calc(1.5em + 15px);
    height: calc(1.5em + 15px);

    border-radius: 100%;
    margin: 0 15px 0 0;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-color: var(--white);

    color: var(--red-charter);
}

.nav-shop-button-label {
    color: var(--white);
}

.nav-shop-button:hover .nav-shop-button-label {
    text-decoration: underline;
}

/* Pages */
.page-header {
    display: block;
    width: 100%;

    position: relative;
    z-index: 1;

    padding: 80px 120px;

    background-color: var(--pink-grey);

    color: var(--white);
}

.page-header--team {
    background-color: var(--blue-charter);
    background-repeat: no-repeat;
    background-position: right 16% bottom -10px;
    background-size: 300px;
    background: var(--gradient-purple);
}

.page-header--team .localisation{
    text-transform: uppercase;
}

.page-header--agency {
    background-color: var(--red-charter);
    background-repeat: no-repeat;
    background-position: right 16% bottom -10px;
    background-size: 300px;    
    background: var(--gradient-purple);
}

.page-header--expertise{
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.page-header--expertise .title--h1 {
    font-family: 'itc_avant_garde_std_bold', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.25;
}

.page-header--expertise .title--h1:before {
    content: none;
}

.page-header--expertise .title--h1:after {
    content: none;
}

.page-header--expertise .title--h3 {
    font-family: 'itc_avant_garde_std_bold', sans-serif;
}

.page-header--mini {
    height: 5px;
    padding: 0;
}

.page-thumbnail {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background-color: var(--blue-charter);
}

.page-thumbnail:before {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: var(--gradient-hori);
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.page-header--expertise .page-thumbnail:after {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    background-color: var(--mid-black-alpha);

    content: '';
}

.search-return{
    margin-top: 60px;
}

.page-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: -60px -10px 0 auto;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.page-actions-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    padding: 20px 30px;
    border-radius: 10px;
    margin: 0 10px 0 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--red-charter-hover);

    text-align: center;
    color: var(--white);
}

.page-actions-button:hover {
    background-color: var(--alt-red-hover);
}

.page-actions-button--blue {
    background-color: var(--blue-charter);
}

.page-actions-button--blue:hover {
    background-color: var(--blue-charter-hover);
}

.page-actions-button--red {
    background-color: var(--legacy-red);
}

.page-actions-button--red:hover {
    background-color: var(--red-charter-hover);
}

.page-actions-icon {
    display: block;
    width: 20px;
    height: auto;

    margin: 0 0 10px 0;
}

i.page-actions-icon {
    font-size: 20px;
}

.page-actions-title {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md';
}

.page-actions-text {
    display: block;
    width: 100%;
    font-family: 'itc_avant_garde_std_bk';
}

.page-labels {
    display: flex;
    width:100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.page-labels-item {
    margin: 0 20px 10px 0;
}

.page-labels-asset {
    height: 100px;
}

.profile-picture:before {
    display: block;
    width: 0;

    padding: 90% 0 0 0;

    content: '';
}

.profile-container{
    display: flex;
    align-items: flex-start;
    gap: 60px;
    width: 100%;
    padding: 0 30px;
}

.profile-image{
    width: 40%;
    height: 30vw;
    max-width: 514px;
    min-width: 250px;
    max-height: 514px;
    min-height: 250px;
}

.profile-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-text{
    flex: 1;
}

.profile-text h1, .profile-text h2{
    font-size: 35px;
    color: var(--blue-charter);
    text-align: center;
    font-weight: 600;
}

.profile-text h3{
    font-size: 20px;
    color: var(--blue-charter);
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}

.profile-text h3:before{
    content: "";
    width: 40px;
    height: 3px;
    background-color: red;
    position: absolute;
    bottom: -20px;
    left: calc( 50% - 20px);
}

.container {
    width: 100%;
    max-width: 1000px;

    margin: 0 auto;
}

.container--medium {
    max-width: 1350px;
}

.container--wide {
    max-width: 1500px;
}

.expertise {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.expertise-content {
    display: block;
    width: 75%;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;
}

.expertise-content .page-actions {
    margin-right: -60px;
}

.expertise-sidebar {
    display: block;
    width: 25%;

    padding: 0 80px 0 30px;
    border-left: 1px solid var(--light-grey);
    margin: 80px 0 0 0;
}

.expertise-search {
    margin: 0 0 30px 0;
}

.expertise-articles {
    display: block;
    width: 100%;

    margin: 30px 0 60px 0;
}

.expertise-article {
    display: block;
    width: 100%;
}

.expertise-article:not(:last-child) {
    margin: 0 0 30px 0;
}

.expertise-article-link {
    display: block;
    width: 100%;

    position: relative;
    z-index: 1;

    color: var(--black);
}

.expertise-article-link:before {
    display: block;
    width: calc(100% + 30px);
    height: calc(100% + 20px);

    position: absolute;
    top: -10px;
    left: -15px;
    z-index: -1;

    border-radius: 10px;

    background-color: var(--light-black-alpha);

    content: '';

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.expertise-article-link:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.expertise-article-title {
    display: inline;

    color: var(--mid-grey);
}

.expertise-article-tags {
    display: inline;

    color: var(--mid-grey);
}

.expertise-article-tags:before {
    display: inline-block;

    margin: 0 5px;

    content: '•';
    color: var(--black);
}

.expertise-article-excerpt {
    display: block;
    width: 100%;

    margin: 5px 0 0 0;
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 20px);

    margin: 15px -10px -5px -10px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.tag {
    display: block;

    margin: 5px 10px;
}

.tag-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    padding: 10px 20px;
    border: 1px solid var(--mid-grey);
    border-radius: 50px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    text-transform: uppercase;
    color: var(--mid-grey);

    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

:not(:checked) + .tag-button:hover {
    border-color: var(--mid-grey);
    color: var(--mid-grey);
}

:checked + .tag-button {
    border-color: var(--blue-charter);
    color: var(--blue-charter);
}

.filters-container{
    position: relative;
    margin-top: 1.25em;
    margin-bottom: 4em;
}

.filters-container__controls{
    position: absolute;
    top: 0;
    z-index: 1;
    
    width: 100%;
    padding: 0px 1em;
    height: 100%;
    
    justify-content: space-between;
    pointer-events: none;
    display: none;
}

.filters-container__controls::after{
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: none;
    height: 100%;
    width: 100%;
    background: var(--gradient-filter-white);
}

.slick-initialized + .filters-container__controls{
    display: flex;
}

.slick-initialized + .filters-container__controls::after{
    display: block;
}

.filters-container__arrow{
    pointer-events: auto;
    position: relative;
    
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--light-grey);
}

.filters-container__arrow::before{
    z-index: 1;
}

.filters-container__arrow::after{
    content: '';
    display: block;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 1.5rem;
    position: absolute;
    opacity: 0.5;
}

.filters {
    display: flex;
    width: 100%;
    gap: 1.25em;
    white-space: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
}

.filters .slick-track{
    display: flex;
    width: 100%;
    gap: 1.25em;
    white-space: nowrap;
}

.slick-initialized .filters-item {
    display: flex;
}

.filters .filter-item{
    display: flex;
}

.filter-item--current{
    pointer-events: none;
}

.filter-item--current .filter-text, .filter-radio:checked + .filter-text{
    color: var(--red-charter);
    background-color: var(--red-charter-alpha);
}

.filter-text,
.filter-dropdown-link {
    color: var(--black);
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 600;

    padding: 5px 10px;
    border-radius: 4px;

    background: var(--light-grey);
}

.filter-text:hover,
.filters-dropdown-link:hover,
.filters-dropdown-link--current {
    color: var(--blue-charter);
    background: var(--blue-charter-alpha);
    transition: 0s;
}

.filters-item--parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: relative;
    z-index: 10;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.filters-arrow {
    display: block;

    margin: 0 0 0 10px;
}

.filters-arrow:before {
    display: block;
    width: 0;
    height: 0;

    border: 5px solid;
    border-color: var(--grey) transparent transparent transparent;
    margin: 0 0 -5px 0;

    content: '';
}

.filters-item--parent:hover .filters-arrow:before,
.filters-arrow--current:before {
    border-color: var(--blue-charter) transparent transparent transparent;
}

.filters-dropdown {
    display: block;
    min-width: 250px;

    position: absolute;
    top: calc(100% + 10px);
    right: 10000000px;
    z-index: -1;

    padding: 10px;
    border: 1px solid var(--pink-grey);

    background-color: var(--white);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transform: translate(0, 20px);

            transform: translate(0, 20px);
    -webkit-transition: opacity .2s ease, right .1ms linear .2s, -webkit-transform .2s ease;
    transition: opacity .2s ease, right .1ms linear .2s, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease, right .1ms linear .2s;
    transition: transform .2s ease, opacity .2s ease, right .1ms linear .2s, -webkit-transform .2s ease;
}

:hover > .filters-dropdown {
    right: -10px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
}

.filters-dropdown:before {
    display: block;
    width: 100%;
    height: 30px;

    position: absolute;
    bottom: 100%;
    left: 0;

    content: '';
}

.filters-dropdown:after {
    display: block;
    width: 14px;
    height: 14px;

    position: absolute;
    top: -7px;
    right: 7px;

    border: 1px solid;
    border-color: var(--pink-grey) var(--pink-grey) transparent transparent;

    background-color: var(--white);

    content: '';

    -webkit-transform: rotate(-45deg);

            transform: rotate(-45deg);
}

.filters-dropdown-item {
    display: block;
    width: 100%;
}

.filters-dropdown-item:not(:last-child) {
    margin: 0 0 10px 0;
}

.wpcf7:not(:first-child) {
    margin-top: 30px;
}

.form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 60px);

    margin: -15px -30px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

[data-page-id="20021"] .form-body{
    margin: unset;
    width: 100%;
}

.form-body p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.form-item {
    display: block;
    width: calc(100% - 60px);

    margin: 15px 30px;
}

.form-item--6 {
    width: calc(50% - 60px);
}

.radio-input {
    display: block;
}

.radio span.wpcf7-list-item-label::before,
.radio span.wpcf7-list-item-label::after {
    content: none;
}

.checkbox .wpcf7-list-item,
.radio .wpcf7-list-item {
    display: block;
    margin: 5px 0 0 0;
}

.checkbox .wpcf7-list-item:first-child,
.radio .wpcf7-list-item:first-child {
    margin: 0;
}

.checkbox,
.radio {
    display: inline-block;

    position: relative;

    cursor: pointer;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    width: 0;
    height: 0;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.checkbox .wpcf7-list-item-label,
.radio label,
.radio .wpcf7-list-item-label,
.checkbox-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.checkbox:hover .wpcf7-list-item-label:before,
.checkbox :checked + .wpcf7-list-item-label:before,
.checkbox:hover .checkbox-label:before,
.checkbox :checked + .checkbox-label:before {
    border-color: var(--blue-charter);
}

.checkbox:hover .wpcf7-list-item-label,
.checkbox :checked + .wpcf7-list-item-label,
.checkbox :checked + .wpcf7-list-item-label:before,
.checkbox:hover .checkbox-label,
.checkbox :checked + .checkbox-label,
.checkbox :checked + .checkbox-label:before {
    color: var(--blue-charter);
}

.form-input,
.form-textarea {
    display: block;
    width: 100%;

    border: 1px solid var(--pink-grey);

    background-color: var(--white);

    font-size: .75rem;
}

.form-input::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder {
    color: var(--pink-grey);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
    color: var(--pink-grey);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.form-input:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
    color: var(--pink-grey);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: var(--pink-grey);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.text__text__paragraph__form__input::-webkit-input-placeholder,
.text__text__paragraph__form__textarea::-webkit-input-placeholder {
    color: var(--pink-grey);
}

.text__text__paragraph__form__input::-moz-placeholder,
.text__text__paragraph__form__textarea::-moz-placeholder {
    color: var(--pink-grey);
}

.text__text__paragraph__form__input:-ms-input-placeholder,
.text__text__paragraph__form__textarea:-ms-input-placeholder {
    color: var(--pink-grey);
}

.text__text__paragraph__form__input::placeholder,
.text__text__paragraph__form__textarea::placeholder {
    color: var(--pink-grey);
}

.form-input::-ms-input-placeholder,
.form-textarea::-ms-input-placeholder {
    color: var(--pink-grey);
}

.form-input:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
    color: var(--pink-grey);
}

.form-input {
    padding: 15px 20px;
}

.form-select {
    display: block;
    width: 100%;

    position: relative;
    z-index: 1;

    background-color: var(--white);
}

.form-select:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;

    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    content: '\e805';
    font-family: 'icon', sans-serif;
    font-size: 12px;
    color: var(--pink-grey);

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);
}

.form-select .form-input {
    padding-right: 50px;

    background-color: transparent;
}

.form-textarea {
    min-height: calc(1.5em + 32px);
    height: calc(12em + 32px);

    padding: 15px 20px;

    resize: vertical;
}

.form-footer {
    display: flex;
    width: 100%;

    margin: 30px 0 0 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

body span.wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    left: 0;

    font-size: 13px;
}

.wpcf7-response-output:empty {
    display: none;
}

body .wpcf7 form .wpcf7-response-output {
    width: 100%;

    padding: 8px 10px;
    border: 0;
    border-left: 5px solid var(--red-charter);
    margin: 30px 0 0 0;

    background-color: var(--red-cf7-alpha);

    color: var(--red-charter);
}

body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: var(--red-charter);
}

body div.wpcf7-mail-sent-ok,
body .wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--green-cf7);

    background-color: var(--green-cf7-alpha);

    color: var(--green-cf7);
}

.newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    margin: 30px 0 0 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.newsletter-input .form-input {
    padding: 15px 30px;
    border-radius: 9999px;
}

.message_area {
    display: block;
    width: 100%;

    position: relative;

    padding: 8px 50px 8px 10px;
    border: 0 !important;
}

.message_area .close {
    display: block;
    width: 40px;
    height: 100%;

    position: absolute;
    top: 0;
    right: 0;

    background-color: var(--light-black-alpha);

    color: transparent !important;
}

.message_area .close:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    content: '\e80e';
    font-family: 'icon';
    color: var(--dark-black-alpha);
}

.newsletter-body {
    display: block;

    margin: -5px 30px 0 0;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;
}

.newsletter-input {
    display: block;
    width: 100%;
}

.newsletter .checkbox {
    margin: 15px 0 0 0;
}

.responsive-phone {
    display: none;
}

/* Page Changing career */
.text-media-section--changing-career .right .gallery-grid {
    margin-bottom: 5rem;
}
.text-media-section--changing-career .right .sup-title {
    margin-bottom: 1rem;
}
.container.container-orientaction-leader {
    max-width: 1400px;
    margin: auto;
    padding: 0 3.125rem;
}

.container.container-changing-career-advices {
    max-width: 1400px;
    margin: auto;
    margin-top: 90px;
    padding: 0 3.125rem;
}

.container-changing-career-advices .left-edge-grid {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    margin-top: 3.75rem;
}

.container-changing-career-advices .side-lines-container {
    margin-top: 100px;
}

.container-text-narrow {
    max-width: 990px;
    padding: 0 3.75rem;
    width: 100%;
    margin: auto;
    margin-top: 120px;
    margin-bottom: 120px;
}

.container-text-narrow .title {
    margin: 2.5rem 0;
    text-transform: unset;
    font-family: 'itc_avant_garde_std_bold';
}

.container-text-narrow .formatted-text {
    margin: 2.5rem 0;
}

.container.container-who-is-orientaction {
    width: 100%;
    max-width: 1440px;
    padding: 0 3.75rem;
    margin: auto;
    margin-bottom: 120px;
    margin-top: 40px;
}

.container.container-first-step {
    width: 100%;
    max-width: 1440px;
    padding: 0 3.75rem;
    margin: auto;
    margin-bottom: 120px;
}
.container-first-step .content {
    display: flex;
    gap: 130px;
    align-items: center;
}
.container-first-step .left {
    width: 100%;
}
.container-first-step .left .suptitle {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-family: 'itc_avant_garde_std_md';
    color: var(--blue-charter);
    display: inline-block;
}
.container-first-step .left .title--h1 {
    margin-bottom: 1.25rem;
    font-family: 'itc_avant_garde_std_bold';
    line-height: 1.25;
}
.container-first-step .left .formatted-text {
    margin-bottom: 3.75rem;
}
.container-first-step .figure--mobile{
    display: none;
}
.container-first-step .right {
    width: 100%;
}
.container.container-funding {
    width: 100%;
    max-width: 1440px;
    padding: 0 3.75rem;
    margin: auto;
    margin-bottom: 120px;
}

/* Page Professional retraining */
.text-media-section--professional-retraining {
    min-height: 0;
}
.container-first-vertical-testimonies {
    background: var(--red-charter);
    max-width: unset;
    padding: 3.75rem 0;
}
.container-second-vertical-testimonies {
    background: var(--blue-charter);
    max-width: unset;
    padding: 3.75rem 0;
}
.container-first-vertical-testimonies .content,
.container-second-vertical-testimonies .content {
    margin: auto;
    max-width: 1440px;
    padding: 0 3.75rem;
}
.container-first-vertical-testimonies .title-container,
.container-second-vertical-testimonies .title-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    color: var(--white);
}
.container-first-vertical-testimonies .title-container .arrows,
.container-second-vertical-testimonies .title-container .arrows{
    display: flex;
    gap: 2.5rem;
}
.container-first-vertical-testimonies .title,
.container-second-vertical-testimonies .title{
    text-transform: unset;
    font-weight: 700;
}
.container-first-vertical-testimonies .vertical-video-slider-item .see-more{
    background-color: var(--red-charter);
}
.container-second-vertical-testimonies .vertical-video-slider-item .see-more{
    background-color: var(--blue-charter);
}
.container.container-who-is-orientaction-retraining,
.container.container-skill-assessment-and-retraining {
    margin: auto;
    max-width: 1440px;
    padding: 0 3.75rem;
}
.container.container-retraining-advices,
.container.container-retraining-errors {
    max-width: 1200px;
    margin-top: 120px;
    padding: 0 3.125rem;
}
.container-retraining-advices .buttons-row,
.container-retraining-errors .buttons-row {
    margin-top: 3.75rem;
}
.container.container-who-is-orientaction-retraining {
    margin-top: 3.75rem;
}
.container.container-skill-assessment-and-retraining,
.container.container-second-vertical-testimonies {
    margin-top: 120px;
}
.container.container-skill-assessment-and-retraining {
    margin-bottom: 120px;
}
.container-first-vertical-testimonies .carrousel-controls,
.container-second-vertical-testimonies .carrousel-controls {
    margin-top: 2rem;
}
.container-first-vertical-testimonies .carrousel-controls .btn,
.container-second-vertical-testimonies .carrousel-controls .btn {
    margin: auto;
}
.container-first-vertical-testimonies .carrousel-controls .controls-arrow,
.container-second-vertical-testimonies .carrousel-controls .controls-arrow {
    display: none;
}

/* Page Outplacement */
.container-professional-reclassification {
    width: 100%;
    max-width: 1440px;
    padding: 0 3.75rem;
    margin: auto;
    margin-bottom: 120px;
}
.container.container-comparison {
    width: 100%;
    max-width: 1440px;
    padding: 0 3.75rem;
    margin: auto;
    margin-bottom: 120px;
}
.container-comparison .content {
    background-color: var(--light-grey);
    padding: 80px 110px;
    padding-bottom: 60px;
}
.container-comparison .title--medium {
    color: var(--black);
    text-align: center;
    font-family: 'itc_avant_garde_std_bold', sans-serif;
    max-width: 630px;
    text-transform: unset;
    margin: auto;
    margin-bottom: 3.75rem;
}
.container-comparison .note{
    font-style: italic;
    margin: auto;
    margin-top: 1.25em;
    display: block;
    text-align: center;
}

.container.container-orientaction-as-reclassification-agency {
    background: var(--blue-charter);
    color: var(--white);
    padding: 3.75rem 0;
    max-width: unset;
    margin-bottom: 120px;
}
.container-orientaction-as-reclassification-agency .content {
    width: 100%;
    max-width: 990px;
    padding: 0 3.75rem;
    margin: auto;
}
.container-orientaction-as-reclassification-agency .title--medium {
    text-align: center;
}
.container-orientaction-as-reclassification-agency .formatted-text {
}
.container.container-reclassification-faq{
    width: 100%;
    max-width: 1440px;
    padding: 0 3.75rem;
    margin: auto;
}
.container-reclassification-faq .grid {
    margin-bottom: 3.125rem;
    margin-top: 2.5rem;
}

/* Home */
.home-title {
    display: block;
    width: 100%;

    text-align: left;
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_demi';
    font-size: 30px;
    line-height: 40px;
}

.home-title-small {
    font-size: 20px;
}

.home-agencies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 30px);

    padding: 60px;
    border-radius: 0 50px 50px 50px;
    margin-left: 50px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;

    background-color: var(--white-off);
}

.home-agencies-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;

    margin: 0 30px 0 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.home-agencies-map-image {
  display: block;
  width: calc(100% + 30px);
  margin: 30px 0 -30px -30px;
}

.home-agencies-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    color: var(--blue-charter);
}

.home-agencies-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 30px 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.home-agencies-input {
    display: block;
    width: 100%;

    padding: 10px 50px 10px 30px;
    margin: 0 -20px 0 0;
    border: 1px solid var(--pink-grey);
    border-radius: 9999px 0 0 9999px;

    background-color: var(--white);
}

.home-agencies-submit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    padding: 10px 20px;
    border-radius: 9999px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--legacy-red);

    color: var(--white);
}

.home-agencies-link:hover {
    text-decoration: underline;
}

.home-reseaux{
    margin: 0;
    position: relative;
    padding: 0;
}

.home-reseaux > .section__row{
    z-index: 2;
    position: relative;
    margin: 0 0 60px 0;
    padding: 40px;
    display: flex;
    align-items: center;
}

.home-reseaux-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.home-reseaux-bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    filter: grayscale(1);
    filter: brightness(70%);
    z-index: 0;
}

.home-reseaux .home-agencies{
    background-color: var(--light-grey-alpha);
}

/* Home - New */
.home-our-services__item-bottom{
    margin: auto;
    width: 100%;
    max-width: 380px;
    height: 100%;
}

.home-our-services__container {
    max-width: 1320px;
    margin: auto;
}
.home-our-services__top {
    background: var(--light-grey);
    padding: 80px 110px;
}
.home-our-services__top--extended-background {
    padding-bottom: 145px;
}
.home-our-services__title {
    font-weight: 500;
    line-height: 1.25;
}
.home-our-services__list-top {
    margin-top: 60px;
    display: flex;
    gap: 2.5rem;
}
.home-our-services__bottom {
    padding: 0 80px;
    margin-top: -85px;
}
.home-our-services__list-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.article-cta {
    padding-bottom: 1.875rem;
    border-bottom: 1px solid var(--light-grey);
    width: 100%;
    max-width: 670px;
    margin: auto;
}
.article-cta__img-container.img--cover {
    display: flex;
    align-items: center;
    justify-content: center;
}
.article-cta__img-container.img--cover::before {
    content: '';
    display: block;
    padding-bottom: 55%;
}
.article-cta__img-container.img--cover::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: var(--gradient-black-alpha);
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 0.15s;
}
.article-cta__text-container {
    margin-top: 1.875rem;
}
.article-cta__btn{
    position: absolute;
    bottom: 1.25rem;
    margin: auto;
    z-index: 1;
    max-height: 3.125rem;
}
.article-cta__title {
    color: var(--black);
    font-size: 1.375rem;
    font-weight: 500;
    font-family: 'itc_avant_garde_std_demi', sans-serif;
}
.article-cta:hover .article-cta__img-container.img--cover::after {
    opacity: 1;
}
.article-cta__content a{
    color: var(--blue-charter);
    text-decoration: underline;
}

.text-emphasis{
    padding: 0 3.75rem;
}
.text-emphasis .suptitle{
    text-align: center;
    margin-bottom: 1.875rem;
}
.text-emphasis .title{
    max-width: 1100px;
    margin: auto;
    margin-bottom: 1.25rem;
    text-align: center;
    font-family: 'itc_avant_garde_std_bold';
    text-transform: none;
    line-height: 1.2;
}
.text-emphasis .content{
    color: var(--dark-bluish);
    max-width: 875px;
    margin: auto;
    font-size: 1.5rem;
    font-family: 'itc_avant_garde_std_bold';
}
.text-emphasis .content a{
    color: var(--blue-charter);
    text-decoration: underline;
}
.text-emphasis--homepage-1{
    margin-top: 2.5rem;
    margin-bottom: 100px;
}
.text-emphasis--homepage-2{
    margin-top: 120px;
    margin-bottom: 130px;
}

.rectangle-picto-cta {
    display: flex;
    flex-direction: column;
    padding: 1.875rem;
    background: var(--red-charter);
    height: 100%;
}
.rectangle-picto-cta i{
    transition: 0.2s;
}
.home-our-services__item-bottom:nth-of-type(2) .rectangle-picto-cta,
.home-our-services__item-bottom:nth-of-type(3) .rectangle-picto-cta,
.home-our-services__item-bottom:nth-of-type(6) .rectangle-picto-cta {
    background: var(--blue-charter);
}
.rectangle-picto-cta__img {
    width: 35px;
    height: 35px;
    margin-bottom: 1.25rem;
    object-fit: contain;
}
.rectangle-picto-cta__text-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    margin-top: auto;
}
.rectangle-picto-cta__text {
    font-size: 1.125rem;
}
.rectangle-picto-cta:hover {
    background: var(--red-charter-hover);
}
.rectangle-picto-cta:hover i{
    transform: translateX(1rem);
}
.home-our-services__item-bottom:nth-of-type(2) .rectangle-picto-cta:hover,
.home-our-services__item-bottom:nth-of-type(3) .rectangle-picto-cta:hover,
.home-our-services__item-bottom:nth-of-type(4) .rectangle-picto-cta:hover {
    background: var(--blue-charter-hover);
}

.home-overflow-square-container {
    padding: 0 3.75rem;
}
.home-overflow-square-list {
    max-width: 1100px;
    margin: auto;
    display: flex;
    gap: 3.75rem;
    align-items: stretch;
    justify-content: center;
}
.overflow-square__btn {
    position: absolute;
    bottom: -1.25rem;
    left: 40%;
    transform: translatex(-30%);
}

.home-text-picture-emphasis {
    padding: 0 3.75rem;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 3.75rem;
}
.home-text-picture-emphasis:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    max-width: 1320px;
    background: var(--light-grey);
    margin: auto;
}
.home-text-picture-emphasis__container{
    padding-top: 60px;
    max-width: 1100px;
    margin: auto;
    display:flex;
    align-items: center;
}
.home-text-picture-emphasis__content {
    margin-right: 2.5rem;
    width: 50%;
}
.home-text-picture-emphasis__title {
    font-family: 'itc_avant_garde_std_demi';
    line-height: 1.25;
}
.home-text-picture-emphasis__text {
    color: var(--dark-bluish);
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
}
.home-text-picture-emphasis__text a{
    color: var(--blue-charter);
    text-decoration: underline;
}
.home-text-picture-emphasis__img {
    width: 50%;
}

.home-picture-blocks-container {
    display: flex;
    max-height: 700px;
}
.home-overflow-square-container + .home-picture-blocks-container {
    margin-top: 120px;
}
.home-picture-block.img--cover {
    display: flex;
    padding: 110px;
    width: 100%;
}
.home-picture-block.img--cover::before {
    content: '';
    display: block;
    padding-top: 75%;
}
.home-picture-block.img--cover::after {
    content: '';
    display: block;
    background: var(--gradient);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.home-picture-block.img--cover:first-of-type::after {
    background: var(--black);
}
.home-picture-block__content {
    position: relative;
    margin: auto;
    z-index: 1;
    padding: 2.5rem;
    text-align: center;
    color: var(--white);
}
.home-picture-block__btn{
  position: initial;
}
.home-picture-block__btn::before {
  content: unset;
}
.home-picture-block__btn::after {
    --after-width: 120px;
    content: '';
    display: block;
    height: 100%;
    width: var(--after-width);
    margin: auto;
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    z-index: -1;
    position: absolute;
    top: 0;
    left: calc(50% - ( var(--after-width) / 2) );
    transition: 0.25s;
    pointer-events: none;
}
.home-picture-block__btn:hover.home-picture-block__btn::after{
    --after-width: 250px;
}
.home-picture-block__title {
    margin-bottom: 1.25rem;
    font-weight: 600;
    text-transform: unset;
    line-height: 1.25;
}
.home-picture-block__text {
    margin-bottom: 1.25rem;
}

.testimonies-homepage{
    padding: 0 60px;
    max-width: unset;
}

.testimonies-homepage .content{
    max-width: 1200px;
    margin: auto;
}

.testimonies-carrousel {
    --testimonies-margin: 80px;
    --testimonies-col: 3;
    margin: var(--testimonies-margin) auto;
}
.testimonies-carrousel .carrousel{
    overflow: hidden;
}
.testimonies-carrousel .small-title{
    margin-bottom: 1.875rem;
}
.testimonies-carrousel .title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.25;
}
.testimonies-carrousel .title {
    text-transform: unset;
    font-weight: 600;
    margin-right: auto;
    max-width: 870px;
}
.testimonies-carrousel .text-container {
    margin-bottom: 3.75rem;
}
.testimonies-carrousel > .text-container .text {
    color: var(--dark-bluish);
    margin-top: 1.25rem;
    max-width: 700px;
}
.testimonies-carrousel .text-container .text a {
    color: var(--blue-charter);
    text-decoration: underline;
}
.testimonies-carrousel .arrows{
    display: flex;
    padding-left: 2rem;
}
.testimonies-carrousel .arrow{
    color: var(--blue-charter);
    padding: 0.5rem;
}
.testimonies-carrousel .slider .slick-track {
    display: flex;
    align-items: stretch;
    height: 300px;
}
.testimonies-carrousel .carrousel-controls .controls {
    margin-top: 1.875rem;
}
.testimonies-carrousel .controls-carrousel-dots {
    margin: auto;
}
.testimonies-carrousel .controls-arrow {
    color: var(--blue-charter);
    display: none;
}

.testimony-block {
    padding: 1.875rem;
    background: var(--red-charter);
    height: 100%;
}
.testimony-block + .testimony-block {
    margin-left: 2.5rem;
}

.testimony-block-inner{
    display: flex;
    flex-direction: column;
}

.testimony-block--video, .testimony-block--youtube {
    display: flex;
    position: relative;
    height: 100%;
}
.testimony-block--video video, .testimony-block--youtube iframe{
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    position: absolute;
    cursor: pointer;
}
.icon-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimony-block--video .icon{
    margin: auto;
    font-size: 2rem;
    color: var(--white);
    position: absolute;
    pointer-events: none;
    z-index: 1;
}
.testimony-block--text{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.testimony-block--text .top {
    display: flex;
    align-items: flex-start;
}
.testimony-block--text .mark {
    color: var(--white);
    display: flex;
    white-space: nowrap;
    font-size: 0.875rem;
}
.testimony-block--text .mark-icon {
    --half-show: 45%;
    --color-filled: var(--white);
    --color-empty: var(--red-charter-hover);
    display: inline-flex;
    justify-content: center;
    width: 1rem;
    color: var(--color-empty);
    position: relative;
}
.testimony-block--text .mark-icon::after {
    color: var(--color-filled);
    font-family: icon;
    font-size: 0.875rem;
    line-height: 0.875rem;
    content: '\e827';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 1rem;
    overflow: hidden;
}
.testimony-block--text .top-alt{
    margin-bottom: .625em;
}
.testimony-block--text .top-alt .mark{
    display: inline-flex;
}
.testimony-block--text .top-alt .title{
    margin-bottom: 0;
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .title-container{
    margin-bottom: 2.1875rem;
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .carrousel-controls.controls{
    margin-top: 0.3125rem;
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .slider .slick-track{
    height: 350px;
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .testimony-block{
    margin: 1.5625rem 0;
    margin-right: 3.75rem;
    height: 300px;
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .testimony-block--text::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--light-grey);
    z-index: -1;
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .testimony-block--text:nth-of-type(odd):before{
    transform: rotate(8deg);
}
.testimonies-carrousel.testimonies-carrousel--grey-layer .testimony-block--text:nth-of-type(even):before{
    transform: rotate(-8deg);
}

/* Mark display */
/* 1 */
.testimony-block--text [data-mark='1'] .mark-icon:nth-of-type(1)::after{
    width: var(--half-show);
}

/* 2 */
.testimony-block--text [data-mark='2'] .mark-icon:nth-of-type(-n+1){
    color: var(--color-filled);
}

/* 3 */
.testimony-block--text [data-mark='3'] .mark-icon:nth-of-type(-n+1){
    color: var(--color-filled);
}
.testimony-block--text [data-mark='3'] .mark-icon:nth-of-type(2)::after{
    width: var(--half-show);
}

/* 4 */
.testimony-block--text [data-mark='4'] .mark-icon:nth-of-type(-n+2){
    color: var(--color-filled);
}

/* 5 */
.testimony-block--text [data-mark='5'] .mark-icon:nth-of-type(-n+2){
    color: var(--color-filled);
}
.testimony-block--text [data-mark='5'] .mark-icon:nth-of-type(3)::after{
    width: var(--half-show);
}

/* 6 */
.testimony-block--text [data-mark='6'] .mark-icon:nth-of-type(-n+3){
    color: var(--color-filled);
}

/* 7 */
.testimony-block--text [data-mark='7'] .mark-icon:nth-of-type(-n+3){
    color: var(--color-filled);
}
.testimony-block--text [data-mark='7'] .mark-icon:nth-of-type(4)::after{
    width: var(--half-show);
}

/* 8 */
.testimony-block--text [data-mark='8'] .mark-icon:nth-of-type(-n+4){
    color: var(--color-filled);
}

/* 9 */
.testimony-block--text [data-mark='9'] .mark-icon:nth-of-type(-n+4){
    color: var(--color-filled);
}
.testimony-block--text [data-mark='9'] .mark-icon:nth-of-type(5)::after{
    width: var(--half-show);
}

/* 10 */
.testimony-block--text [data-mark='10'] .mark-icon:nth-of-type(-n+5){
    color: var(--color-filled);
}

.testimony-block--text .mark-text {
    margin-left: 0.625rem;
}

.testimony-block--text .author {
    color: var(--white);
    font-size: 1.125rem;
    font-family: 'itc_avant_garde_std_md';
}
.testimony-block--text .infos {
    color: var(--white);
    opacity: 0.8;
    font-weight: 400;
    font-size: 1rem;
    font-family: 'itc_avant_garde_std_bk';
}
.testimony-block--text .text-container {
    color: var(--white);
    margin-bottom: .625rem;
    position: relative;
}
.testimony-block--text .text-icon{
    font-family: 'icon';
    font-size: 1rem;
}
.testimony-block--text .text-icon.icon-open-quote{
    content: '\e81d';
    color: var(--red-charter-hover);
}
.testimony-block--text .text-icon.icon-close-quote{
    content: '\e815';
    bottom: -1rem;
    right: -1rem;
}
.testimony-block--text .text {
    max-height: calc(4 * 1.5rem);
    overflow: hidden;
}
.testimony-block--text .text--overflow::after {
    background: var(--red-charter);
}
.testimony-block--text .link {
    color: var(--white);
    opacity: 0.7;
}
.testimony-block--text .link:hover {
    opacity: 1;
    text-decoration: underline;
}
.testimonies-carrousel .carrousel-controls.controls{
    margin-top: 1.875rem;
}

.testimonies-carrousel.full-width .slick-list{
    width: 100vw;
}

.testimonies-carrousel.full-width .testimony-block{
    width: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-bottom-news {
    background: var(--light-grey);
    padding: 80px 60px;
    margin-bottom: -80px;
}
.home-bottom-news__container {
    max-width: 1320px;
    margin: auto;
}
.home-bottom-news__small-title {
    text-align: center;
}
.home-bottom-news__title {
    text-align: center;
    text-transform: unset;
    font-weight:600;
    margin-top: 1.875rem;
    line-height: 1.25;
}
.home-bottom-news__top {
    margin-top: 80px;
    display: flex;
}
.home-bottom-news__top-left {
    width: 100%;
    margin-right: 2.5rem;
}
.home-bottom-news__top-right {
    width: 100%;
}
.home-bottom-news__bottom {
    display: flex;
    margin-top: 2.5rem;
}

.home-bottom-gradient {
    display: block;
    padding: 2.5rem;
    background: var(--gradient);
    color: var(--white);
    max-width: 750px;
    margin: auto;
}

.home-bottom-gradient__content {
    margin-bottom: 2.5rem;
}
.home-bottom-gradient__title {
    font-size: 1.5625rem;
    font-weight: 700;
    text-transform: uppercase;
}
.home-bottom-gradient__text {
    margin-top: 0.625rem;
}

.home-bottom-test {
    background: var(--white);
    display: flex;
    max-width: 750px;
    margin:auto
}
.home-bottom-gradient + .home-bottom-test {
    margin-top: 2.5rem;
}
.home-bottom-test__img-ctn {
    flex: 0 0 250px;
}
.home-bottom-test__img-ctn::before {
    content: '';
    display: block;
    padding-top: 100%;
}
.home-bottom-test__content {
    padding: 2.5rem 1.875rem;
}
.home-bottom-test__title {
    margin-top: 0.625rem;
    font-size: 1.375rem;
    color: var(--black);
    font-weight: 500;
}
.home-bottom-test__download {
    margin-top: 1.875rem;
}

.home-bottom-article {
    /* width: calc(100% / 3); */
    width: 100%;
    position: relative;
    margin-right: 2.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--light-grey);
}
.home-bottom-article--first {
    margin-right: 0;
    width: 100%;
}
.home-bottom-article--first .home-bottom-article__img-ctn {
    max-height: 550px;
}
.home-bottom-article__categories-ctn {
    position: absolute;
    z-index: 1;
    display: flex;
    margin-top: 0.625rem;
    margin-left: 0.625rem;
}
.home-bottom-article__category-link {
    background: var(--light-grey);
    color: var(--black);
    padding: 10px;
    border-radius: 4px;
    font-size: 0.875em;
    text-transform: uppercase;
    margin-right: 0.675em;
}

.home-bottom-article__img-ctn.media--cover::before {
    content: '';
    display: block;
    padding-top: 75%;
}
.home-bottom-article__content {
    margin-top: 1.25rem;
    color: var(--mid-grey);
}
.home-bottom-article__title {
    font-size: 1.5625rem;
    font-weight: 500;
    color: var(--black);
}
.home-bottom-article__text {
    margin-top: 1rem;
}
.home-bottom-article__reading-time {
    margin-top: 1.25rem;
    color: var(--blue-charter);
}
.home-bottom-article:hover .multi-img__listing__item__img__more{
    opacity: 1;
}

.home-bottom-article:hover .home-bottom-article__title{
    text-decoration: underline;
}

.home-bottom-news-link {
    width: 100%;
    max-width: 750px;
    color: var(--white);
    background: var(--red-charter);
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transition: unset;
    transition: unset;
    margin: auto;
}
.home-bottom-news-link:hover {
    background: var(--gradient);
}
.home-bottom-news-link__top-title {
    text-transform: uppercase;
}
.home-bottom-news-link__main-title {
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
    font-size: 1.5625rem;
}

.arrow-line {
    display: flex;
    align-items: center;
}
.arrow-line::before {
    content: '';
    height: 1px;
    width: 100%;
    margin-right: 1.875rem;
    background: var(--white);
    display: inline-block;
}
.arrow-line .icon{
    transition: 0.15s;
}
.arrow-line-container:hover .icon{
    transform: translateX(1rem);
}

/* Footer */
.footer {
    display: block;
    width: 100%;
}

.footer-content {
  position: relative;
  z-index: 9999;
}

.main-end {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 80px 120px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    background-color: var(--white-off);
}

.main-end-newsletter {
    display: block;
    width: calc(50% - 30px);

    margin: 0 60px 0 0;
}

.main-end-social {
    display: block;

    margin: 0 60px 0 0;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;
}

.main-end-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: calc(30px + 1.5rem) -10px -10px -10px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.main-end-social-item {
    display: block;

    margin: 10px;
}

.main-end-social-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;

    border-radius: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--blue-charter);

    color: var(--white);
}

.main-end-social-button:hover {
    background-color: var(--blue-charter-hover);
}

.top-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
}

.top-link-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    white-space: nowrap;

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg);
    -webkit-transform-origin: center;
            transform-origin: center;

    color: var(--legacy-red);
}

.top-link-button-icon:hover {
  background-color: var(--red-charter-hover);
}


.top-link-button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;

    border-radius: 100%;
    margin: 0 0 0 20px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: var(--legacy-red);

    font-size: .5em;
    color: var(--white);
}

.footer-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 80px 120px 80px 90px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    background-color: var(--dark-grey);

    color: var(--white);
}

.footer-col {
    display: block;
    max-width: 370px;

    margin: 0 20px;
}

.footer-list {
    display: block;
    width: 100%;
}

.footer-list:not(:first-child) {
    margin-top: 30px;
}

.footer-list:not(:last-child) {
    margin-bottom: 30px;
}

.footer-list-item {
    display: block;
    width: 100%;
}

.footer-list-link {
    color: var(--white);
}

.footer-list-link:hover {
    text-decoration: underline;
}

.footer-text {
    display: block;
    width: 100%;
    color: var(--white);
}

.footer-text:not(:first-child) {
    margin-top: 10px;
}

.footer-text:not(:last-child) {
    margin-bottom: 30px;
}

.footer-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 60px;
}

.footer-logo:not(:first-child) {
    margin-top: 30px;
}

.footer-logo--qualiopi{
  max-height: 90px;
}

.footer-logo--qualiopi + .footer-text p:first-of-type,
.footer-logo--qualiopi + noscript + .footer-text p:first-of-type{
  font-size: .75rem;
  margin-bottom: 1rem;
}

.footer-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    margin: 22.5px 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.footer-button {
    margin: 7.5px 0;
    width: 200px;
}

.footer-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.footer-phone a {
    color: var(--white);
}

.footer-phone-icon {
    display: block;

    margin: 0 15px 0 0;
}

.footer-phone-text {
    font-weight: 700;
}

.footer-phone-info {
    display: block;

    font-size: 12.8px;
    font-size: .8rem;
    font-weight: normal;
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 20px 100px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    background-color: var(--black);

    color: var(--white);
}

.footer-info {
    display: block;
}

.footer-info-link {
    font-weight: 700;
    color: var(--white);
}

.footer-info-link:hover {
    text-decoration: underline;
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: -5px -15px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer-nav-item {
    display: block;

    margin: 5px 15px;
}

.footer-nav-link {
    color: var(--white);
}

.footer-nav-link:hover {
    text-decoration: underline;
}

.footer-link-coockies {
    padding: 0 100px 0 20px;
    margin-bottom: 0;
    display: block;
    width: 100%;
    text-align: center;
    color: var(--black);
    background-color: var(--white);
}

.expertise-certifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
}

.expertise-certification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 30px 20px 0;
}

.expertise-certification:nth-of-type(3n) {
    margin-right: 0;
}

.expertise-certification__img {
    width: 60px;
    height: 50px;
    margin-right: 10px;
}

.expertise-certification__text {
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-weight: 700;
    color: var(--blue-charter);
    font-size: 16px;
    line-height: 24px;
}

.section__col--aside {
    width: calc( 50% - 40px );
}

.articles-related {
    background-color: var(--white-off);
    border-radius: 0 20px 20px 20px;
    padding: 30px;
}

.articles-related__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
}

.articles-related__header > .title {
    margin-bottom: 0;
}

.articles-related__header__control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40px;
    height: 40px;
    border: 1px solid var(--blue-charter);
    border-radius: 100%;
    margin: 0 0 0 10px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    color: var(--blue-charter);
}

.articles-related__slider .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.articles-related__slider .slick-track {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.articles-related__slider__item {
    margin-right: 30px;
}

.articles-related__slider__img {
    height: 150px;
    border-radius: 0 30px 30px 30px;
    margin-bottom: 26px;
}

.articles-related__slider__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px !important;
}

.articles-related__slider__item__link:hover .articles-related__slider__title {
    text-decoration: underline;
}

.articles-related__slider__excerpt {
    font-size: 16px;
    line-height: 24px;
    color: var(--mid-grey);
}

.links-main {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.links-main > .btn-2 {
    width: calc( 50% - 20px/2 );
    margin: 0 20px 20px 0;
}

.links-main > .btn-2:nth-of-type(2n) {
    margin-right: 0;
}

.article-contact {
    display: flex;
    width: 100%;

    padding: 60px;
    margin: 25px 0 50px 0;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: var(--white-off);

    text-align: center;
}

.article-contact-top-title{
    text-transform: uppercase;
    width: 100%;

    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.article-contact-top-title::before,
.article-contact-top-title::after {
    display: block;
    height: 1px;
    flex: 1 1 auto;

    background-color: var(--pink-grey);

    content: '';
}

.article-contact-title {
    display: block;
    width: 100%;
    max-width: 640px;

    margin: -25px 0 30px 0;

    font-weight: 600;
    font-size: 1.375em;
}

.article-contact-text {
    display: block;
    width: 100%;
    max-width: 470px;

    margin: 15px auto 0 auto;

    font-size: .875rem;
}

.article-contact-body{
    margin-top: 1.875em;
    display: flex;
    align-items: center;
    width: 100%;
}

.article-contact-body a{
    color: var(--blue-charter);
}

.article-contact-body b{
    font-weight: 600;
    color: var(--black);
}

.article-contact-body li{
    display: flex;
    align-items: baseline;
}

.article-contact-body li::before{
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    background: var(--blue-charter);
    border-radius: 6px;
    margin-right: 1em;
    flex: 0 0 6px;
}

.article-contact-body__side{
    width: 50%;
}

.article-contact-body__side--links{
    display: flex;
    justify-content: flex-end;
    padding-right: 60px;
    line-height: 2;
}

.links-list{
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.25em;
}

.links-list__item{
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    line-height: 1.8;
}

.links-list__item .icon{
    color: var(--blue-charter);
}

.article-contact-body__side--list{
    border-left: 1px solid var(--light-grey);
    text-align: left;
    padding-left: 60px;
    line-height: 2;
}

.side-list__list{line-height: 1.8;}

/* Icons */
.icon-menu, .btn .icon-arrow-right, .btn .icon-arrow-left, .btn .icon-mail {
  font-size: 11.2px;
  font-size: 0.7rem;
}

/* Recaptcha */
.grecaptcha-badge{
    visibility: collapse !important;
}

@media screen and (min-width: 1280px) and (max-width: 1600px) {
    .links-main > .btn-2 {
        width: 100%;
        margin-right: 0;
    }
}

/* Contact */
.formatted-text + .contact-choice {
    margin-top: 30px;
}

.section__row .localisation__text {
    width: calc(50% + 90px);

    margin: 0 -120px 0 60px;

    flex-basis: auto;
}

/* À MODIFIER */
.contact-tabs {
    display: flex;
    width: calc(100% + 60px);

    margin: -10px -30px 20px -30px;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.contact-tabs-item {
    display: flex;
    width: calc(50% - 60px);

    margin: 10px 30px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.contact-tabs-button {
    display: flex;
    width: 100%;

    border-radius: 0 20px 20px 20px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;

    overflow: hidden;
}

.contact-tabs-button:hover,
.js-css-contact-tabs-button--active {
    box-shadow: -3px 3px 5px var(--mid-black-alpha);
}

.js-css-contact-tabs-button--active {
    background-color: var(--red-charter);
}

.contact-tabs-icon {
    display: flex;
    width: calc(1em + 50px);
    min-width: calc(1em + 50px);
    
    padding: 15px;
    border: 2px solid var(--blue-charter);
    border-radius: 0 0 0 20px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    font-size: 1.6rem;
    line-height: 1;
    color: var(--blue-charter);

    transition: .2s ease;
}

.js-css-contact-tabs-button--active .contact-tabs-icon {
    border-color: var(--red-charter-hover);
    background-color: var(--red-charter-hover);
    color: var(--white);
}

.contact-tabs-label {
    display: flex;
    
	padding: 15px 25px;
    border: 2px solid var(--blue-charter);
    border-radius: 0 20px 20px 0;
    border-left: 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto;

    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md';
    font-weight: 700;
    line-height: 1.25;
    color: var(--blue-charter);

    transition: .2s ease;
}

.js-css-contact-tabs-button--active .contact-tabs-label {
    border-color: var(--red-charter);
    color: var(--white);
}

/* À MODIFIER */

/* MODIF */

.wpcf7-radio.contact-tabs {
    display: flex;
    width: calc(100% + 60px);

    margin: -10px -30px 20px -30px;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.wpcf7-radio.contact-tabs .wpcf7-list-item {
    display: flex;
    width: calc(50% - 60px);

    margin: 10px 30px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.wpcf7-radio.contact-tabs label {
    display: flex;
    width: 100%;

    border-radius: 0 20px 20px 20px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;

    overflow: hidden;
    box-shadow: 0px 0px 0px var(--transparent-black);
    transition: .2s ease;
}

.wpcf7-radio.contact-tabs label:hover,
.wpcf7-radio.contact-tabs label.active {
    box-shadow: -3px 3px 5px var(--mid-black-alpha);
}

.wpcf7-radio.contact-tabs label.active {
    background-color: var(--red-charter);
}

.wpcf7-radio.contact-tabs .wpcf7-list-item-label::before {
    display: flex;
    width: calc(1em + 50px);
    min-width: calc(1em + 50px);
    
    padding: 15px;
    border: 2px solid var(--blue-charter);
    border-radius: 0 0 0 20px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    font-size: 1.6rem;
    line-height: 1;
    color: var(--blue-charter);

    transition: .2s ease;
    font-family: "icon";
    
    position: absolute;
    left: -75px;
}

.navigation.pagination{
    display: flex;
    width: 100%;
    justify-content: center;
}

.navigation .nav-links{
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem;
    align-items: center;
    margin: 1.875rem auto;
    padding: 1.875rem 0;
}

.navigation .nav-links .prev,
.navigation .nav-links .next,
.direction-text{
    border: 1px solid var(--blue-charter);
    padding: 0.625rem 1rem;
    border-radius: 0.3125rem;
    transition: .3s;
}

.navigation .nav-links a:hover{
   font-weight: 600;
}

.navigation .nav-links .prev:hover,
.navigation .nav-links .next:hover,
.direction-text:hover{
    background: var(--blue-link-hover);
    font-weight: 400;
}

.page-numbers{
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    color: var(--blue-charter);
}

.page-numbers.current{
    position: relative;
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    background-color: var(--blue-charter);
    display: flex;    
    border-radius: 100%;
}

.wpcf7-radio.contact-tabs label.active .wpcf7-list-item-label::before {
    border-color: var(--red-charter-hover);
    background-color: var(--red-charter-hover);
    color: var(--white);
}

.wpcf7-radio.contact-tabs .wpcf7-list-item-label {
    display: flex;
    
	padding: 17.5px 25px;
    margin-left: 75px;
    border: 2px solid var(--blue-charter);
    border-radius: 0 20px 20px 0;
    border-left: 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 auto;

    text-transform: uppercase;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    line-height: 1.25;
    color: var(--blue-charter);

    transition: .2s ease;
    position: relative;
}

.wpcf7-radio.contact-tabs label.active .wpcf7-list-item-label {
    border-color: var(--red-charter);
    color: var(--white);
}

/* MODIF */

.contact-info {
    display: flex;
    width: 100%;

    padding: 40px 40px 60px 40px;
    border-radius: 0 30px 30px 30px;
    margin: 0 0 10px 0;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: var(--white-off);
}

.contact-info-text {
    display: block;
    width: 100%;

    margin: 0 0 60px 0;

    text-align: center;
}

.contact-info-list {
    display: block;
    max-width: 100%;

    color: var(--blue-charter);
}

.contact-info-list-item {
    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact-info-list-item:not(:last-child) {
    margin-bottom: 40px;
}

.contact-info-list-icon {
    display: flex;
    width: 1.5em;

    margin: 0 15px 0 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    
    text-align: center;
    font-size: 2rem;
    line-height: 1.5rem;
}

.contact-info-list-content {
    display: block;

    font-family: 'Open sans', sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.contact-info-list-text--small {
    font-size: .75rem;
}

.contact-info-list-text--big {
    font-size: 1.5625rem;
    font-weight: 700;
}

.contact-data {
    display: block;
    width: 100%;

    font-size: .75rem;
}

.contact-forms {
    display: block;
    width: 100%;
}

.contact-forms-item {
    display: none;
    width: 100%;
}

.js-css-contact-forms-item--active {
    display: block;
}

.form-title {
    display: block;
    width: 100%;

    margin: 0 0 20px 0;

    text-transform: uppercase;
    font-weight: 700;
}

.form-label {
    display: block;
    width: 100%;

    margin: 0 0 10px 0;
}

.form-info {
    display: block;
    width: 100%;

    margin: 0 0 10px 0;

    font-size: .95rem;
}

.form-link {
    color: var(--blue-link);
}

.form-mandatory {
    color: var(--red-charter);
}

.form-label ~ .radio,
.form-label ~ .checkbox {
    font-size: .75rem;
}

.checkbox span.wpcf7-list-item-label,
.radio span.wpcf7-list-item-label {
    cursor: pointer;
}

.checkbox span.wpcf7-list-item-label::before,
.radio span.wpcf7-list-item-label::before,
.checkbox-label::before {
    display: flex;
    width: 1.2em;
    min-width: 1.2em;
    height: 1.2em;

    border: 1px solid var(--mid-grey);
    margin: .15em 1em 0 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.checkbox span.wpcf7-list-item-label::before,
.checkbox-label::before {
    content: '\e810';
    color: transparent;
    font-family: 'icon';
}

.checkbox :checked span.wpcf7-list-item-label::before,
:checked + .checkbox-label::before {
    color: inherit;
}

.radio span.wpcf7-list-item-label::before {
    border-radius: 100%;
    
    background-color: var(--red-charter);
    box-shadow: inset 0 0 0 .5em var(--white);

    content: '';
}

.radio :checked + span.wpcf7-list-item-label::before {
    box-shadow: inset 0 0 0 2px var(--white);
}

.form-label ~ .checkbox .checkbox-input {
    display: block;
    width: 100%;
    
    column-count: 2;
    column-gap: 60px;
}

.checkbox .wpcf7-list-item.has-free-text,
.radio .wpcf7-list-item.has-free-text {
    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.wpcf7-free-text {
    display: block;

    margin-left: 12px;
}

.wpcf7-free-text,
.form-input--alt {
    width: 100%;
    max-width: 300px;

    padding: 5px 0;
    border: 0;
    border-bottom: 1px solid var(--pink-grey);

    background-color: transparent;
}

.form-file {
    display: inline-flex;

    position: relative;

    padding: 12px 15px;
    border: 1px solid var(--pink-grey);
    border-radius: 15px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;

    color: var(--blue-link);
}

.form-file::before {
    display: block;

    margin: 0 15px 0 0;

    content: '\e822';
    font-family: 'icon';
}

.form-file .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.form-file-input {
    display: block;
    width: 100%;
    height: 100%;

    opacity: 0;
}

.form-file-name:empty::before {
    content: attr(data-placeholder);
}

/* Modal */
.modal {
    display: flex;
    width: 100%;
    height: 100vh;

    position: fixed;
    top: 0;
    left: -100%;
    z-index: 10000;

    padding: 60px 30px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;

    background-color: var(--dark-black-alpha);

    opacity: 0;
    overflow: auto;
    transition: opacity .35s ease, left .1ms linear .35s;
}

.js-css-modal--opened {
    left: 0;

    opacity: 1;
    transition: opacity .35s ease;
}

.modal-body {
    display: block;
    width: 100%;
    max-width: 900px;

    padding: 50px;
    margin: auto;

    background-color: var(--white);
}

.modal-body--small {
    max-width: 500px;
}

.modal-close {
    display: flex;
    width: 30px;
    height: 30px;

    position: relative;
    z-index: 1;

    margin: 0 0 -30px auto;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    font-size: 20px;
    color: inherit;
}

.modal-video {
    display: block;
    width: 100%;
}

.modal-close + .modal-video {
    margin-top: 60px;
}

.modal-footer {
    display: flex;
    width: 100%;

    margin: 30px 0 0 0;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.modal-content .modal-body{
    max-width: 720px;
    padding: 3.75rem;
    padding-top: 5rem;
    position: relative;
}

.modal-content .modal-close{
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  font-size: 0.875rem;
  color: var(--red-charter-hover);
}

.modal-content .title{
  font-size: 1.5625rem;
  text-transform: unset;
  margin-bottom: 1.25rem;
}

.modal-content figure{
  width: 100%;
}

.modal-content figure::before{
  content: '';
  display: block;
  padding-top: 67%;
}

.modal-content .text{
  color: var(--black);
  font-family: 'itc_avant_garde_std_bk';
  margin-top: 1.875rem;
}

.modal-content .text p{
  margin-bottom: 1rem;
}

.modal-content .text b,
.modal-content .text strong{
  font-family: 'itc_avant_garde_std_md';
}

.modal-content .btn-container{
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}

.modal-content .btn{
  height: unset;
  min-height: 2.5rem;
}

.page-switch {
    display: flex;

    margin: 0 0 0 30px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.page-switch-button {
    display: flex;
    width: 45px;
    height: 35px;

    border: 1px solid var(--blue-charter);

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    color: var(--blue-charter);
}

.page-switch-button:first-child {
    border-radius: 3px 0 0 3px;
}

.page-switch-button:last-child {
    border-radius: 0 3px 3px 0;
}

.page-switch-button:not(:last-child) {
    border-right: 0;
}

.page-switch-button--active {
    background-color: var(--blue-charter);

    color: var(--white);
}

.page-tabs {
    display: block;
    width: 100%;
}

.page-tabs-item {
    display: none;
}

.page-tabs-item--active {
    display: block;
}

.map {
    display: flex;
    width: 100%;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.map::before {
    display: block;
    width: 0;
    min-height: 450px;

    padding: 45% 0 0 0;

    content: '';
}

.map-wrapper {
    display: block;
    width: 100%;

    overflow: hidden;
}

/* Thank you */
.thank-you {
    display: block;
    width: 100%;
    max-width: 420px;

    margin: 0 auto;

    text-align: center;
}

.thank-you-title {
    display: block;
    width: 100%;

    margin: 0 0 20px 0;

    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-bluish);
}

.thank-you-text {
    display: block;
    width: 100%;

    margin: 0 0 30px 0;

    color: var(--mid-grey);
}

.thank-you-image {
    display: block;
    max-width: 100%;
    height: auto;

    margin: 50px auto 0 auto;
}

/* UPDATE */
.h2,
.new .formatted-text h2 {
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--red-charter);
}

.new .formatted-text:not(:first-child) {
    margin-top: 40px;
}

.new .formatted-text:not(:last-child),
.h2:not(:last-child),
.new .formatted-text h2:not(:last-child) {
    margin-bottom: 40px;
}

.h2::before,
.new .formatted-text h2::before {
    display: block;
    width: 20px;

    border: 1px solid;
    margin: 0 0 16px 0;

    content: '';
}

.h3,
.new .formatted-text h3 {
    text-transform: none;
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: var(--blue-charter);
}

.h4,
.new .formatted-text h4 {
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
}

.prerequisites {
    --width: 50%;
    --margin: 40px;

    display: flex;
    width: calc(100% + var(--margin));

    margin: 0 calc(-1 * var(--margin)) calc(-1 * var(--margin)) 0;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.prerequisite {
    display: flex;
    width: calc(var(--width) - var(--margin));

    margin: 0 var(--margin) var(--margin) 0;

    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    text-align: center;
}

.prerequisite-icon {
    display: block;
    width: auto;
    height: 40px;

    margin: 0 0 20px 0;
}

.ebooks {
    display: block;

    padding-top: 40px;
    border-top: 1px solid var(--light-grey);
    margin-top: 40px;
}

.ebooks-title {
    margin-bottom: 40px;
}

.ebooks-list {
    --width: 25%;
    --margin: 40px;

    display: flex;
    width: calc(100% + var(--margin));

    margin: 0 calc(-1 * var(--margin)) calc(-1 * var(--margin)) 0;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.ebook {
    display: flex;
    width: calc(var(--width) - var(--margin));

    position: relative;
    z-index: 1;

    margin: 0 var(--margin) var(--margin) 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.ebook::before {
    display: block;
    width: 0;

    padding: 142% 0 0 0;

    content: '';
}

.ebook-cover {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ebook-link {
    display: flex;
    width: 100%;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    background: var(--gradient-alpha);

    color: var(--white);

    opacity: 0;
    transition: opacity .25s ease;
}

.ebook-link:hover {
    opacity: 1;
}

.list {
    --width: 25%;
    --margin-x: 70px;
    --margin-y: 40px;

    display: flex;
    width: calc(100% + var(--margin-x));

    margin: 0 calc(-1 * var(--margin-x)) calc(-1 * var(--margin-y)) 0;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.list:not(:first-child) {
    margin-top: var(--margin-y);
}

.list-item {
    display: block;
    width: calc(var(--width) - var(--margin-x));

    margin: 0 var(--margin-x) var(--margin-y) 0;
}

.list-item--6 {
    --width: 50%;
}

.list-item-title {
    margin: 0 0 15px 0;
}

/* Slider */
.slider-item-title {
    display: block;
    width: 100%;
}

.slider-arrow {
    display: flex;
    width: 45px;
    height: 45px;

    border-radius: 100%;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-color: var(--white);

    font-size: 15px;
    color: var(--dark-bluish);
}

.slider-arrow:not(:last-child) {
    margin-right: 15px;
}

/* Landing */
.landing {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 80px);

    position: relative;
    z-index: 1;

    padding: 80px 120px;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.landing--has-mask {
    color: var(--white);
}

.landing-logo img {
    display: block;
    width:62%;
    max-width: 400px;
    margin: 55px auto 45px;
}

.landing-image {
    display: block;
    width: calc(60% - 45px);

    align-self: stretch;
}

.landing-background {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.landing-background::before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    
    background-color: var(--mid-black-alpha);

    content: '';
}

.landing-background::after {
    display: block;
    width: 50%;
    height: 100%;

    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;

    background-color: var(--mask);

    content: ''
}

.landing-mask {
    display: block;
    width: 50%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    fill: var(--mask);
}

.landing-wrapper {
    display: flex;
    width: 100%;
    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.landing-content {
    display: block;
    width: calc(60% - 45px);
}

.landing-text {
    max-width: 600px;

    font-size: 24px;
}

.landing-form {
    display: block;
    width: calc(40% - 45px);
    max-width: 450px;
    
    margin: 0 0 0 auto;

    color: inherit;
}

.landing--has-mask .checkbox:hover .wpcf7-list-item-label,
.landing--has-mask .checkbox :checked + .wpcf7-list-item-label,
.landing--has-mask .checkbox :checked + .wpcf7-list-item-label:before,
.landing--has-mask .checkbox:hover .checkbox-label,
.landing--has-mask .checkbox :checked + .checkbox-label,
.landing--has-mask .checkbox :checked + .checkbox-label:before {
    background-color: transparent;

    color: var(--white);
}

.landing--has-mask .checkbox span.wpcf7-list-item-label::before,
.landing--has-mask .radio span.wpcf7-list-item-label::before,
.landing--has-mask .checkbox-label::before,
.landing--has-mask .checkbox:hover .wpcf7-list-item-label:before,
.landing--has-mask .checkbox :checked + .wpcf7-list-item-label:before,
.landing--has-mask .checkbox:hover .checkbox-label:before,
.landing--has-mask .checkbox :checked + .checkbox-label:before {
    border-color: var(--white);
}

.landing--has-mask .form-input{
    color: var(--mid-grey);
}

/* Landing */
.container-landing {
    margin-bottom: 120px;
}
.container-landing--hero {
    width: 100%;
    height: 600px;
    position: relative;
}
.container-landing--hero:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--light-black-alpha);
}
.container-landing--hero img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.container-landing--content {
    margin-top: -170px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 60px;
    position: relative;
    z-index: 1;
    padding-right: 100px;
}
.container-landing--content .container-landing--desc {
    background-color: var(--white);
    padding: 60px 80px 0px 100px;
    border-radius: 0 10px 0 0;
    width: calc(100% - 520px - 60px);
}
.container-landing--content .container-landing--desc .h1 {
    font-size: 3.125rem;
    font-weight: bold;
    color: var(--blue-charter);
    margin-bottom: 60px;
}
.container-landing--content .landing--desc--intro {
    font-size: 1.125rem;
    color: var(--dark-grey);
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}
.container-landing--content .landing--desc--intro:before {
    position: absolute;
    content:"";
    width: 1px;
    height: 100%;
    top:0;
    left: 0;
    background-color: var(--light-grey);
}
.container-landing--formatted-text {
    position: relative;
}
.container-landing--formatted-text:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: -79px;
    top: 0;
    background-color: var(--light-grey);
}
.container-landing--formatted-text h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--blue-charter);
    margin-bottom: 30px;
}
.container-landing--formatted-text hr {
    width: 200px;
    height: 1px;
    background-color: var(--light-grey);
    margin: 40px auto;
}
.container-landing--formatted-text .addtoany_content {
    display: none;
}
.container-landing--content .container-landing--form {
    background-color: var(--white-off);
    padding: 40px 40px 60px 40px;
    border-radius: 10px;
    width: 520px;
    position: sticky;
    top: 0;
}
.container-landing--form--title {
    font-size: 1.375em;
    color: var(--red-charter);
    font-weight: 600;
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 20px;
}
.container-landing--form--img {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.container-landing--form--img img {
    height: 237px;
    width: auto;
}
.container-landing--form--field p {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.container-landing--form--field .form-two-input {
    display: flex;
    gap: 20px;
}
.container-landing--form--field .form-two-input .wpcf7-form-control-wrap {
    width: 50%;
}
.container-landing--form--field .wpcf7-form-control {
    width: 100%;
    background-color: var(--white);
    height: 60px;
    padding: 20px;
}
.container-landing--form--field .wpcf7-form-control.btn {
    background-color: var(--red-charter);
    width: fit-content;
    padding: 5px 30px 0px 30px;
    height: 50px;
    align-items: center;
    font-size: 0.875rem;
    margin: 20px auto 0 auto;
    text-transform: uppercase;
    cursor:pointer
}
.container-landing--form--field .wpcf7-form-control.btn:hover {
    background: var(--gradient );
}
.container-landing--form--field .wpcf7-not-valid-tip {
    margin-top: 5px;
    position: relative;
    top: 0;
}
.container-landing--form--field .form-select {
    position: relative;
    background-color: var(--white);
}
.container-landing--form--field .form-select:after {
    display: flex;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    content: '\e805';
    font-family: 'icon', sans-serif;
    font-size: 12px;
    color: var(--pink-grey);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.container-landing--form--field .form-select .wpcf7-form-control {
    background:transparent;
    cursor: pointer;
}
body .container-landing--form--field .wpcf7 .wpcf7-response-output {
    margin-top: 0;
}
.container-landing--form--field .wpcf7-spinner {
    background-color: var(--mid-grey-1);
}
.container-landing--form--field .wpcf7-spinner::before {
    background-color: var(--dark-grey);
}

/* About Us | Soyez le changement que vous voulez voir dans le monde */
.section-typo{
    position: fixed;
    top: 220px;
    right: 25px;
    padding: 15px;
    background: white;
    width: 350px;
    z-index: 50;
    margin: 0;
    box-shadow: 0px 0px 15px 15px var(--red-charter);
}

.typo-margin{
    margin-bottom: 15px;
}

.section-top-page {
    padding: 80px 120px;
    margin: 0;
    margin-top: 0px;
    position: relative;
    height: calc(100vh - 190px);
}

.section-top-page::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: var(--mid-black-alpha);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.section-top-page .title--h1 {
    line-height: 80px;    
}

.section-top-page p:first-of-type{
    font-family: 'open sans';
    font-weight: 300;
    font-size: 1.5em;
    margin-bottom: 50px;
    text-transform: none;
}

.section-top-page .btn {
    margin-top: 25px;
}

.top-page-video{
    height: 100%;
    width: 100%;
    object-fit: cover;
   position: absolute;
   left: 0;
   top: 0;
}
 
.top-page-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: relative;
    height: 100%;
    text-align: center;
    color: var(--white);
    z-index: 2;
    padding: 0 120px;
}

.section-arguments{
    margin: 110px auto;
}

.block-container{
    display: flex;
    gap: 50px;
}

.block {
    flex: 1;
    text-align: center;
}

.join-picto{
    width: 120px;
    height: 120px;
    background: center / contain no-repeat;
    display: inline-block;
}

.picto-rocket{
    background-image: url('img/assets/icon-rocket-gradient.svg');
}

.picto-hands{
    background-image: url('img/assets/icon-hands-gradient.svg');
}

.picto-flex{
    background-image: url('img/assets/icon-flex-gradient.svg');
}

.picto-chrono{
    background-image: url('img/assets/icon-chrono-gradient.svg');
}

.picto-compass{
    background-image: url('img/assets/icon-compass-gradient.svg');
}

.picto-lightbulb{
    background-image: url('img/assets/icon-lightbulb-gradient.svg');
}

.picto-badge{
    background-image: url('img/assets/icon-badge-gradient.svg');
}

.picto-hat{
    background-image: url('img/assets/icon-hat-gradient.svg');
}

.picto-tick-list{
  background-image: url('img/assets/picto-tick-list.png');
}

.picto-piggy-bank{
  background-image: url('img/assets/picto-piggy-bank.png');
}

.picto-appeasement{
  background-image: url('img/assets/picto-appeasement.png');
}

.picto-graph{
  background-image: url('img/assets/picto-graph.png');
}

.picto-label{
  background-image: url('img/assets/picto-label.png');
}

.section-opportunities{
    background-color: var(--light-grey);
    padding: 80px 120px;
}

.btn-container--center{
    display: flex;
    justify-content: center;
    margin: 2em 0;
}

.section-column:first-of-type .picture-opportunities:before{
    content: "";
    display: block;
    padding-top: 70%;
}

.section-column:nth-of-type(2) .picture-opportunities:before{
    content: "";
    display: block;
    padding-top: 70%;
}

.section-column{
    flex: 1;
}

.section-opportunities .section-column:first-of-type{
    padding-right: 120px;
}

.figcaption{
    display: inline-block;
    margin-top: 1em;
}

.section-job .title{
    text-transform: none;
}

.section-job__text p{
    margin-bottom: 0.75em;
}

.job-video{
    position: relative;
    width: 60%;
    height: 0;
    padding-bottom: 35%;
}

.job-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-job .section-column:nth-child(2){
    padding-left: 60px;
}

.section-steps{
    gap: 60px;
    background-color: var(--light-grey);
    padding: 80px 120px;
}

.picture-steps{
    margin-bottom: 30px;
}

.picture-steps::before{
    content: "";
    display: block;
    padding-top: 75%;
}

.join-card{
    flex: 1;
}

.join-card__steps{
    background-color: var(--white);
    padding: 30px;
    position: relative;
    text-align: center;
}

.title--steps{
    text-align: center;
}

.section-steps .join-card__icon {
    position: absolute;
    right: -60px;
    margin-top: -90px;
    font-size: 40px;
}
.section-steps .join-card__steps:last-child .join-card__icon {
    display: none;
}

.title--join-center{
    text-align: center;
}

.section-opportunities .title--join-center{
    margin-bottom: 40px;
}

.block-container-values{
    margin-top: 50px;
}

.block-container-values .title:first-line{
    color: var(--black);
    font-weight: 500;
}

.block-container-values .title:first-line{
    color: var(--black);
    font-weight: 500;
}

.block-values-blockquote{
    font-family: 'open sans', sans-serif;
    font-weight: 700;
    font-style: italic;
    color: var(--black);
}

.block-values-figcaption{
    color: var(--black);
    margin-top: 0.5em;
}

.join-picto__values{
    margin-bottom: 15px;
    width: 90px;
    aspect-ratio:1;
}

.citation{
    margin-bottom: 1.5em;
}

.section-network{
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.picture-block{
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.picture-block:nth-of-type(odd){
    flex-flow: row-reverse;
}

.motivate-network .picture-block:nth-child(2n+1){
    flex-flow: row;
    gap: 60px;
}
.motivate-network .picture-block:nth-child(2n){
    flex-flow: row-reverse;
    gap: 60px;
}

.picture-block-text{
    flex: 1;
    padding: 60px;
    background: var(--light-grey);
}

.picture-block-picture{
    flex: 1;
}

.block-number-container{
    display: flex;
    gap: 25px;
    height: 600px;
    margin-top: 100px;
}

.block-number-column{
    display: flex;
    flex-direction: column;
    gap: 25px;
    flex: 1;
}

.block-number{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.block-number-gradient{
    background: var(--gradient);
}

.block-number-yellow{
    background: var(--alt-yellow);
    flex: 1.3;
}

.block-number-blue{
    background: var(--blue-charter);
}

.block-number-red{
    background: var(--red-charter);
    flex: 0.5;
}

.block-number-violet{
    background: var(--violet-charter);
    flex: 1.2;
}

.block-number-text{
    color: var(--white);
    text-transform: uppercase;
    font-size: 2.5em;
    width: 75%;
    font-family: 'open sans';
    font-weight: 700;
}

.block-number-text p{
    font-family: 'open sans';
    font-weight: 700;
    text-transform: uppercase;
}
.block-number-text p strong {
    font-weight: bolder;
}

.team-advance .section__col{
    flex: 60%;
}

.team-advance .section__col:nth-of-type(2){
    flex: 40%;
}

.team-advance .section__col img{
    width: 100%;
}

.section.section-method {
    padding-top: 200px;
    margin-top: -120px;
}

.section__row-becoming {
    gap: 20px;
    margin-top: -200px;
    padding-top: 200px;
}

.join-card__becoming {
    text-align: center;
    background: var(--light-grey);
    padding: 30px;
}

.join-card__becoming .formatted{
    color: var(--black);
}

.picture-becoming{
    border-radius: 50%;
    max-width: 250px;
    margin: 0 auto 20px;
}

.picture-becoming::before{
    content: "";
    display: block;
    padding-top: 100%;
}

.section__row-formation {
    margin-top: 80px;
}

.picture-formation::before{
    content: "";
    display: block;
    padding-top: 100%;
}
.section__row-formation .section__col p {
    font-size: 1.125rem;
}

.section-method {
    margin-top: 120px;
}

.section-method .label {
    height: 200px;
}

.section-method .label:first-of-type {
    flex: 1.5;
}

.section-method .paragraph--big:last-of-type{
    margin-bottom: 1em;
}

.section-method__text{
    margin: 70px 0;
    font-size: 1.125rem;
}

.picture-method::before{
    display: block;
    content: "";
    padding-top: 65%;
}

.blockquote--method{
    font-size: 40px;
    margin-top: 1em;
    font-family: 'open sans', sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    max-width: 650px;
    margin-left: 1em;
}

.labels{
    display: flex;
    gap: 50px;
    margin: 100px 0px;
}

.label{
    flex: 1;
    height: 180px;
}

.label::before{
    content: "";
    display: block;
    padding-top: 100%;
}

.section-e-book{
    padding: 0;
}

.section-e-book__text{
    width:50%;
    text-align: center;
    margin: auto;
    margin-bottom: 2em;
}

.section-e-book .title{
    display: inline-block;
}

.section-e-book .title:first-line{
    color: var(--blue-charter);
}

.section-e-book video {
    width: 100%;
}

.section-contact{
    display: flex;
    gap: 50px;
}

.form-body-questions{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.form-body-questions .form-item{
    width: calc(50% - 60px);
}

.section-contact-picture{
    flex: 1;
}

.section-contact-text{
    margin-bottom: 30px;
}

.picture-contact::before{
    content: "";
    display: block;
    padding: 33%;
}

/* motiver - fideliser */
.motivate-top .top-page-video{
    filter : brightness(0.8);
}

.motivate-steps{
    padding-top: 10vh;
    padding-bottom: 10vh;
    position: relative;
    display: flex;
    min-height: 50vw;
    align-items: center;
}

.motivate-steps-container{
    display: flex;
    gap: 60px;
}

.join-card__steps ul li{
    list-style: disc;
    list-style-position: inside;
}

.section-file{
    display: flex;
    align-items: center;
}

.file-image{
    width: 50%;
}

.picture-block-text--white {
    flex: 1;
    padding: 0;
}

.section-tools{
    padding: 120px 60px;
    background-color: var(--blue-charter);
    color: var(--white);
}

.section-tools .title{
    text-align: center;
    margin-bottom: 120px;
    font-weight: 400;
    font-size: 50px;
}
.section-tools .title p{
    text-align: center;
}

.tools-wrap{
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
}

.tools-item{
    background-color: var(--light-grey);
    padding: 6%;
    color: var(--blue-charter);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 500px;
}

.tools-item .image{
    width: 100%;
    height: 400px;
    object-fit: cover;
    max-width: 400px;
    margin: 0 auto;
}

.underline{
    text-decoration: underline;
    font-family: 'itc_avant_garde_std_bk';
}

.section.section-tools{
    margin-bottom: -80px;
}

.motivate-job-img{
    width: 100%;
}

.tools-item .title{
    font-size: 25px;
    margin: 20px auto;
    text-align: center;
}

.tools-btn{
    margin: 30px auto 10px;
    display: flex;
    justify-content: center;
    align-self: flex-end;
}

.certified{
    display: flex;
    margin-top: 60px;
    gap: 60px;
}

.certified-container{
    width: 50%;
}

.certified-container img{
    width: 100%;
}

.certified .content{
    font-size: 1.5625rem;
}

.certified .blockquote--method,
.certified .blockquote--method *{
    color: var(--black);
    margin-left: 0;
}

.file-title{
    margin-bottom: 30px;
}

.file-title p{
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-weight: 400;
    color: var(--blue-charter);
    font-size: 1.875rem;
}


.file-title h2{
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-weight: 700;
    color: var(--blue-charter);
    font-size: 1.875rem;
}


.skills-contain{
    display: flex;
    gap: 40px;
    align-items: stretch;
    justify-content:flex-start;
    margin: 40px 0 0px;
}

.skills{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    width: auto;
    box-shadow: 2px -1px 13px var(--grey);
    gap: 20px;
    width: 25%;
}

.skills img{
    width: 100px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 10px;
}

.skills{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    width: auto;
    box-shadow: 2px -1px 13px var(--grey);
    width: 25%;
    transition: .3s;
    position: relative;
}
.skills a {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 20px;
    position: relative;
}

#contact{
    margin-top: 60px;
    margin-bottom: 120px;
}

.section .home-reseaux{
    width: calc( 100% + 240px);
    margin: 0 -120px;
}


.skills-hover:hover{
    box-shadow: 4px 2px 13px var(--grey);
}

.skills .skills-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.skills .title--h3{
    margin: 0;
}

.skills .link{
    margin-top: -10px;
}


/*Add coaching*/

.row--center {
    align-items: center;
}
.img--round {
    width: 60%;
    aspect-ratio:1/1;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
}
.img--square {
    width: 60%;
    aspect-ratio:1/1;
    margin-left: auto;
    margin-right: auto;
}
.section--background {
    background-color: var(--light-grey);
    padding-top: 130px;
    padding-bottom: 120px;
}
.section--text--background {
    background-color: var(--light-grey);
    padding: 60px;
}
.section-endborder {
    margin-top: 80px;
    border-bottom: 1px solid var(--light-grey);
}
.section--step .section__text {
    margin: auto;
}
.section40 {
    width: 40%;
}
.section60 {
    width: 60%;
}
.section--max14 {
    max-width: calc(1400px + 80px);
    padding: initial;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
}
.section--max10 {
    max-width: calc(1000px + 80px);
    padding: initial;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
}
.section--max8 {
    max-width: calc(800px + 80px);
    padding: initial;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
}
.section--max6 {
    max-width: calc(660px + 80px);
    padding: initial;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
}
.section--maxnopadding {
    padding-left: 0;
    padding-right: 0;
}
.section--text--alignleft {
    margin-left: 0;
}
.topbottom--margin30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.topbottom--margin60 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.topbottom--margin80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.bottom--margin60 {
    margin-bottom: 60px;
}
.bottom--margin30 {
    margin-bottom: 30px;
}
.rigth--margin40 {
    margin-right: 40px;
}
.top--margin40 {
    margin-top: 40px;
}
.bottom--padding30 {
    padding-bottom: 30px;
}
.title--30 {
    font-size: 30px;
    font-weight: 700;
}
.section--price .title--30 {
    margin-bottom: 60px
}
.title--25 {
    font-size: 25px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 30px;
}
.title--22 {
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 15px;
}
.title--20 {
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 15px;
}
.title__border {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    display: flex;
}
.title__border:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 40%;
    left: 0;
    top: 50%;
    background-color: var(--light-grey);
}
.title__border:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 40%;
    right: 0;
    top: 50%;
    background-color:var(--light-grey);
}
.title__border .title {
    background-color: var(--white);
    padding: 0 30px;
    z-index: 1;
}
.portrait--name {
    margin-bottom: 30px;
}
.portrait--desc {
    color: var(--blue-charter);
    font-size: 22px;
    font-weight: 700;
    font-family: 'itc_avant_garde_std_demi', sans-serif;
}
.formule {
    padding-left: 30px;
    border-left:1px solid var(--mid-grey);
    margin-bottom: 60px;
}
.formule .title {
    text-decoration: none;
    color: var(--dark-grey);
    margin-bottom: 5px;
}
.formule .formule-desc {
    color: var(--mid-grey);
    font-style: italic;
    margin-bottom: 20px;
    display: block;
}
.formule .formatted-text {
    margin-bottom: 20px;
}
.formule .price {
    color: var(--dark-grey);
    font-size: 20px;
    font-weight: 700;
    font-family: 'itc_avant_garde_std_demi', sans-serif;
}
.formule .price sup {
    margin-left: 5px;
}
.formule .price-aid {
    text-align: right;
    font-style: italic;
}
.container--gap--20 {
    gap:20px;
    justify-content: center;
}
.container--gap--20 .block {
    flex: initial;
}

/* Category filter */
.category-item {
  display: inline-flex;
}
.category-link {
  color: var(--white);
  font-size: 0.875rem;
  font-family: 'itc_avant_garde_std_bk', sans-serif;
  font-weight: 500;
  border-radius: 2rem;
  border: 1px solid var(--white);
  padding: 0.625rem 1.25rem;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  position: relative;
  overflow: hidden;
  transition: border 0.1s linear;
  z-index: 0;
  cursor: pointer;
}
.category-link:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--gradient);
  content: '';
  display: block;
  z-index: -1;
  opacity: 0;
}
.category-link--current,
.category-checkbox:checked + .category-link,
.category-link:hover {
  border: 1px solid var(--red-charter);
}
.category-link--current:after,
.category-link:hover::after,
.category-checkbox:checked + .category-link::after {
  transition: opacity 0.1s linear;
  opacity: 1;
}

@keyframes agency-results-appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Address Block */
.address-card {
    --border-size: 1rem;
    padding: 1.875rem;
    position: relative;
    background: var(--gradient-hori-reverse);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    animation: 0.5s agency-results-appear;
}
.address-card .anchor {
    position: absolute;
    top: -200px;
    left: 0px;
    display: inline-block;
}
.address-card::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background: var(--light-grey);
    transition: width 0.35s, height 0.35s;
}
.address-card:hover::before {
    border: 1px solid var(--blue-charter);
}
.address-card .content {
    position: relative;
}
.address-card .card-title {
    color: var(--blue-charter);
    font-weight: 700;
}
.address-card .center,
.address-card .bottom {
    margin-top: 1.25rem;
    font-size: .875rem;
}
.address-card .schedule,
.address-card .text,
.address-card .identity {
    width: 100%;
    display: inline-block;
}
.address-card .address + .city {
    margin-left: .625rem;
}
.address-card .schedule{
    font-weight: 600;
}
.address-card .text {
    font-size: .75rem;
    font-weight: 300;
    color: var(--mid-grey);
}
.address-card .identity {
    color: var(--red-charter);
    font-weight: 600;
}
.address-card .content {
    width: 100%;
}
.address-card.js-css-address-card--selected::before {
    width: calc( 100% - ( var(--border-size) * 2 ) );
    height: calc( 100% - ( var(--border-size) * 2 ) );
}
.address-card .remote-mention {
    display: inline-block;
    padding: 3px;
    margin-bottom: .357em;
    border-radius: 3px;
    background-color: var(--legacy-red);
    color: var(--white);
    font-size: .875rem;
}

/* NO-RESULT-FOUND */
.no-result-found{ 
    animation: 0.5s agency-results-appear;
}

/* BLOG */
.carrousel-controls{
    display: flex;
    justify-content: space-between;
}

.carrousel-dots{
    display: flex;
    align-items: center;
}

.carrousel-dots .slick-dots {
    display:inline-flex;
    width:auto;
    margin:auto;
}

.carrousel-dots .slick-dots [role=presentation] {
    text-align:center;
    width:20px;
}

.carrousel-dots .slick-dots [role=presentation] button {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    visibility:hidden;
    position:relative;
}

.carrousel-dots .slick-dots [role=presentation] button::before {
    content:'';
    visibility:visible;
    height:20px;
    width:20px;
    border-radius:10px;
    display:block;
    position:absolute;
}

.carrousel-dots .slick-dots [role=presentation] button::after {
    content:'';
    visibility:visible;
    height:6px;
    width:6px;
    border-radius:10px;
    border:1px solid var(--green-grey);
    display:block;
    position:absolute;
    background: var(--blue-charter);
    opacity: 0.5;
}

.carrousel-dots .slick-dots .slick-active[role=presentation] button::after {
    opacity: 1;
}

.container-blog-top {
  margin: 0 100px;
  margin-top: 2rem;
  padding: 2.5rem 1.875rem;
  background: var(--blue-charter);
  border-radius: 0.3125rem;
  overflow: hidden;
}
.container-blog-top .title {
  font-weight: 400;
  font-family: 'itc_avant_garde_std_bold', sans-serif;
  text-transform: unset;
  margin-bottom: 1.25rem;
  color: var(--white);
}
.container-blog-top .description {
  width: 100%;
  max-width: 840px;
  margin-bottom: 1.25rem;
  display: inline-block;

  color: var(--white);
  font-family: 'itc_avant_garde_std_bk';
  font-weight: 300;
}
.container-blog-top .block-categories {
  margin-bottom: -0.625rem;
}
.container-blog-top .filters-label{
  color: var(--white);
  font-size: 0.875rem;
  font-weight: 700;
}
.container-blog-top .icon{
  margin-right: 0;
  color: var(--white);
  height: unset;
}
.container-blog-top .categories-toggle-btn{
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 2rem);
  margin: -0.625rem -1rem;
  padding: 0.625rem 1rem;
  display: none;
}
.container-blog-top .categories-toggle-btn .icon{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
}
.container-blog-top .categories-toggle-btn .icon::before{
  position: absolute;
}
.container-blog-top .categories-toggle-btn .icon--close{
  display: none;
}
.container-blog-top .js-css-block-categories--open .icon--close{
  display: flex;
}
.container-blog-top .js-css-block-categories--open .icon--open{
  display: none;
}

.blog-search-bar {
  background: var(--white-off);
  display: flex;
  align-items: center;
  padding: 1.25rem 1.875rem;
  padding-right: 1rem;
  margin: -2.5rem -1.875rem;
  margin-top: 2.5rem;
}
.blog-search-bar .title {
  color: var(--red-charter);
  margin-bottom: unset;
  margin-right: 2.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Open Sans";
  white-space: nowrap;
}
.blog-search-bar .search-bar-form {
  background: var(--white);
  display: flex;
  width: 100%;
}
.blog-search-bar .search-bar-input {
    padding: 0 1rem;
    width: 100%;
    color: var(--dark-grey);
}
.blog-search-bar .search-bar-input::placeholder {
    opacity: 1;
    font-size: 0.75rem;
    font-weight: 400;
}

.blog-search-bar .search-bar-submit {
    padding: 0.75rem;

}
.blog-search-bar .icon.icon-search {
  color: var(--red-charter);
  font-size: 1.25rem;
}

.blog-category-description{
    width: 100%;
    max-width: 860px;
    margin: auto;
    margin-top: 1.875em;
    padding: 0 1.875em;

    text-align: center;
    color: var(--black);
}

.blog-category-description:empty{
    display: none;
}

.contain-breadcrumb__blog{
    --color: var(--mid-grey);
    position: initial;
    gap: 2em;
}

.contain-breadcrumb__blog .breadcrumb{
    font-size: 0.875rem;
}

.contain-breadcrumb__blog .breadcrumb a{
    font-size: 0.875rem;
}

.contain-breadcrumb__blog .breadcrumb li:not(:last-child)::before{
   content: "|";
}

.contain-breadcrumb--simple-title{
    position: absolute;
    top: 0;
    --color: var(--white);
}

.blog-main{
    display: flex;
    align-items: flex-start;
    gap: 3.75em;
    margin: 0 100px;
    margin-top: 3.75rem;
}

.blog__grey-background{
    padding: 2.5em;
    background: var(--light-grey-alpha);
}

.blog-main__content{
    width: calc(2 * (100% / 3)); /* invert of .blog-main__aside */
}

.blog-main__content-mono{
    flex: 0 0 100%;
    display: flex;
    gap: 2.5em;
}

.blog-main__content-mono .blog-item__square{
    max-width: calc(50% + 25px);
}

.blog-main__content-category{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;

    padding-bottom: 60px;
    border-bottom: 1px solid var(--light-grey);
}

.blog-main__content-inner{
    padding-top: 1.25em;
    margin-top: 1.25em;
    border-top: 1px solid var(--light-grey);
    display: flex;
}

.blog-main__content-left{
    flex: 0 0 calc(50% + 25px);
    padding-right: 2.5em;
    border-right: 1px solid var(--light-grey);
    
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}

.blog-main__content-left .blog-item__square .blog-item-title{
    font-size: 2.1875em;
}

.blog-main__content-right{
    padding-left: 2.5em;
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}

.blog-main__aside{
    flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}

.blog-main__aside-searchbar{
    background: var(--light-grey-alpha);
}

.blog-responsive{
    display: none;
}

.blog-main__aside-content{
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}

.blog-items-container{
    padding-top: 1.25em;
    margin-top: 1.25em;
    border-top: 1px solid var(--light-grey);
}

.blog-item:hover .blog-item-title{
    text-decoration: underline;
}

.blog-item:hover .multi-img__listing__item__img__more {
    opacity: 1;
}

.blog-item__square{
    position: relative;
    width: 100%;
    
    display: flex;
    flex-direction: column;
    gap: 1.25em;
}

.blog-item__square .blog-item-categories{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.675em;
}

.blog-item__square .blog-item-categories--mobile{
    display: none;
}

.blog-item__pictureless .blog-item-categories{
    position: initial;
}

.blog-item__square .blog-item-title{
    font-size: 1.75em;
    line-height: 1.25;
}

.blog-main__content-right .blog-item__square .blog-item-title{
    font-size: 1.5625em;
}

.blog-item__square .blog-item-reading-time--responsive{
    display: none;
    width: 100%;
}

.blog-item__square .blog-item-thumbnail-container {
  border-radius: 5px;
}
.blog-item__square .blog-item-thumbnail-container::before{
    content: '';
    display: block;
    padding-top: 75%;
}

.blog-item__inline{
    display: flex;
    gap: 1.25em;
    padding-bottom: 1.25em;
    margin-top: 1.25em;
    border-bottom: 1px solid var(--light-grey);
    align-items: flex-start;
}

.blog-item__inline:last-of-type{
    border-bottom: 0;
}

.blog-item__inline:first-of-type{
    margin-top: 0;
}

.blog-item__inline .blog-item-inner{
    gap: 1.25em;
}

.blog-item__inline .blog-item-title{
    font-size: 1.375em;
    line-height: 1.25;
}

.blog-col-2 .blog-item__inline .blog-item-title{
    font-size: 1,5625em;
}

.blog-item__inline .blog-item-thumbnail-container{
    flex: 0 0 180px;
    border-radius: 5px;
}

.blog-item__inline .blog-item-thumbnail-container::before{
    content: '';
    display: block;
    padding-top: 75%;
}

.blog-item__inline .blog-item-reading-time{
    margin-top: auto;
}

.blog-item__col-2{
    width: calc(50% - 20px);
}

.blog-item__col-3{
    width: calc((100% / 3) - (80px / 3));
}

.blog-item__col-3 .blog-item-title{
    font-size: 1.75em;
}

.blog-item-inner{
    display: flex;
    flex-direction: column;
}

.blog-items-center{
    width: calc(50% - 20px);
}

.blog-items-center .blog-item__inline{
    padding-bottom: 0;
    border-bottom: 0;
}

.blog-items-center .blog-item-title{
    font-size: 1.375em;
}

.blog-theme-link{
    display: inline-flex;
    align-items: center;
    gap: 1em;
}

.blog-theme-link-text{
    font-size: 1.375em;
}

.blog-theme-link-icon{
    margin-top: 0.25em;
    transition: 0.3s;
}

.blog-theme-link:hover .blog-theme-link-icon{
    transform: translateX(1em);
}

.blog-theme-back{
    display: inline-flex;
    align-items: center;
    gap: 1em;
    width: auto;
    color: var(--black);
}

.blog-theme-back--white{
    color: var(--white);
}

.blog-theme-back-icon{
    font-size: 0.75em;
}

.blog-item-category-link{
    background: var(--light-grey);
    color: var(--black);
    padding: 10px;
    border-radius: 4px;
    font-size: 0.875em;
    text-transform: uppercase;
}

.blog-item-main{
    display: flex;
    flex-direction: column;
    gap: 1.25em;
    margin-bottom: 1.25em;
}

.blog-item-excerpt{
    color: var(--mid-grey);
}

.blog-item-reading-time{
    font-size: 0.875em;
    color: var(--blue-charter);
}

.blog-second{
    margin: 0 100px;
    margin-top: 60px;
}

.blog-second-title-container{
    margin-bottom: 2.5rem;
    
    display: flex;
    align-items: center;
}

.blog-second-title__arrow{
    color: var(--blue-charter);
    font-size: 1.5rem;
    display: none;
}

.blog-second-title.title--h2{
    margin-bottom: 0;
}

.blog-second-content{
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

.blog-second-content__carrousel-bottom{
    width: 100%;
    overflow: hidden;
}

.blog-second-content:first-of-type{
    margin-top: 0;
}

.blog-second__other-categories .blog-second-content{
    flex-wrap: wrap;
}

.carrousel-bottom__controls{
    display: none;
    margin-top: 1.25em;
}

.carrousel-bottom__arrow, .carrousel-expert__arrow{
    color: var(--blue-charter);
}

.blog-second-column{
    width: 100%;
    background: whitesmoke;
    padding: 2.5em;
    background: var(--light-grey-alpha);
}

.blog-second-column__shop{
    background: var(--blue-charter);
}

.blog-second-column__shop .blog-theme-link{
    color: var(--white);
}

.blog-second-column__shop .blog-item-title{
    color: var(--white);
}

.blog-second-column__shop .blog-item-reading-time{
    color: var(--white);
}

.blog-second-column__shop .carrousel-items-arrow{
    color: var(--white);
}

.blog-second-column__shop .carrousel-dots .slick-dots [role=presentation] button::after {
    background: var(--white);
}

.blog-main__aside .blog-second-column:first-of-type,
.blog-main__aside-content .blog-second-column:first-of-type{
  margin-top: 0;
}

.blog-col-2{
    width: calc(50% - 20px);
}

.blog-col-full-width{
    width: 100%;
}

.blog-col-full-width .blog-items-container{
    display: flex;
    gap: 2.5em;
}

.carrousel-items{
    border-bottom: 1px solid var(--light-grey);
}

.carrousel-items-controls{
    margin-top: 2.5em;
}

.carrousel-items-arrow{
    color: var(--blue-charter);
}

.blog-article-thumbnail-container{
  margin-bottom: 3.75rem;
}

.blog-article-thumbnail-container::before{
    content: '';
    display: block;
    padding-top: 66%;
}

.blog-article-head{
    margin: 0 100px;
    margin-top: 2rem;
    border-radius: 0.675em;
    position: relative;
    
    display: flex;
    flex-direction: column;

    background: white;

    width: calc((100% * (2 / 3)) - 195px);
}

.blog-article-head-bottom{
  display: flex;
  justify-content: space-between;
}

.blog-article-head-item{
  color: var(--blue-charter);
  font-size: 0.875rem;
  font-family: 'itc_avant_garde_std_demi', sans-serif;
  font-weight: 500;
  margin-left: 1.5rem;
}

.blog-article-head-left .blog-article-head-item:first-of-type{
  margin-left: 0;
}

.blog-title{
  font-family: 'itc_avant_garde_std_bold';
  color: var(--dark-grey);
  line-height: 1.35;
}

.blog-article-content{
    display: flex;
    align-items: flex-start;
    padding: 0px 100px;
    margin-top: 2.5rem;
}

.a2a_kit.addtoany_list{
    display: flex;
    margin: 0 -4px;
}

.a2a_kit.addtoany_list a{
    width: 100%;
}

.a2a_kit.addtoany_list a span{
    width: 100%;
    padding: 0.5rem 0;
}

.a2a_kit.addtoany_list a span svg{
    height: 100%;
}

.a2a_kit .a2a_svg.a2a_s__default{
    width: 100% !important;
    height: 4.375rem !important;
    border-radius: 0 !important;
}

.blog-article-share{
  position: relative;
  overflow: hidden;
}

.blog-article-content__right{
    margin-left: 60px;

    flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}

.formatted-text_blog a{
    color: var(--blue-charter);
}

.formatted-text_blog h2:first-child{
    margin-top: 0em;
}

.formatted-text_blog h2{
    font-size: 2.1875rem;
    font-weight: 700;
    color: var(--blue-charter);

    margin-top: 3.75rem;
    margin-bottom: 1.875rem;
}

.formatted-text_blog h3{
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--blue-charter);
    margin-bottom: 1.5rem;
}

.formatted-text_blog h4{
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--blue-charter);
    margin-bottom: 1.35rem;
}

.formatted-text_blog h5{
    font-size: 0.875rem;
    color: var(--blue-charter);
}

.formatted-text_blog .formatted-text_blog-intro{}

.formatted-text_blog .formatted-text_blog-intro br{
    display: none;
}

.formatted-text_blog .wp-block-buttons{
    margin: 1.5rem 0;
}

.formatted-text_blog .wp-element-button{
    background: var(--red-charter) !important;
    padding: 0.9375em, 1.875em;
}

.formatted-text_blog .wp-block-embed-youtube{
    height: auto;
    position: relative;
    margin: 2.5em 0;
}

.formatted-text_blog .wp-block-embed-youtube::before{
    display: block;
    content: "";
    padding-bottom: 56%;
}

.formatted-text_blog .wp-block-embed__wrapper{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.formatted-text_blog .wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.formatted-text_blog .wp-block-image{
  margin-bottom: 0.75rem;
}

.formatted-text_blog .alignleft,
.formatted-text_blog img.alignleft{
  float: left;
  margin-right: 15px;
  margin-bottom: 0.75rem;
}

.formatted-text_blog .alignright,
.formatted-text_blog img.alignright{
  float: right;
  margin-left: 15px;
  margin-bottom: 0.75rem;
}

.formatted-text_blog .aligncenter,
.formatted-text_blog img.aligncenter
{
  margin: auto;
  margin-bottom: 0.75rem;
}

/* TEST */
.page-header__anchor-container{
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -1.75rem;
    left: 0;
    z-index: 1;
}
.page-header__anchor{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    position: relative;
    padding: 1.65rem;
    border-radius: 2rem;
    border: 1px solid var(--light-grey);
}
.page-header__anchor-icon{
    position: absolute;
}
.page-header__anchor-icon::before{
    font-size: 2rem;
    color: var(--black);
}

.anchor-target--test-single{
    position: relative;
    top: -120px;
}

/* TEST - SINGLE */
.page-header--test {
    background: var(--gradient);
    margin-bottom: 120px;
}
.page-header--test .page-header__content {
    max-width: 1360px;
    margin: auto;
    display: flex;
    position: relative;
}
.page-header__text-content {
    width: calc(100% - 400px);
    padding-right: 40px;
}
.page-header--test .title.title--h1 {
    text-transform: unset;
    margin-bottom: 1.25rem;
}
.page-header--test .title.title--h1 span {
    background-color: var(--white);
    color: var(--blue-charter);
    padding: 10px 10px 3px 10px;
    white-space: nowrap;
}
.page-header--test .page-header__content-text {
    margin-bottom: 1.25rem;
}
.page-header--test .page-header__content-link {
    margin-bottom: 2.5rem;
}
.page-header--test .page-header__content-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}
.page-header--test .page-header__content-item-text {
    margin-left: 1rem;
    font-weight: 600;
}

.page-header--test .page-header__thumbnail {
    position: absolute;
    right: 0;
    max-width: 400px;
    margin-left: 0;
    bottom: -80px;
    line-height: 0;
}
.page-header--test .page-header__thumbnail img {
    width: 100%;
    height: auto;
}

/* TESTIMONY - SINGLE */
.container.container-single-testimony {
    max-width: 1440px;
    margin-top: 110px;
    padding: 0 3.75rem;
}
.container-single-testimony .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.container-single-testimony .left {
    width: 50%;
}
.container-single-testimony .formatted-text h1 {
    color: var(--black);
    font-size: 3.125rem;
    font-family: 'itc_avant_garde_std_bold';
    margin-bottom: 2.5rem;
    line-height: 1.25em;
}
.container-single-testimony .formatted-text .figure {
    display: none;
}
.container-single-testimony .formatted-text .figure .image {
    max-width: unset;
}
.container-single-testimony .formatted-text h2 {
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--blue-charter);
}
.container-single-testimony .formatted-text h3,
.container-single-testimony .formatted-text h4,
.container-single-testimony .formatted-text h5,
.container-single-testimony .formatted-text h6 {
    color: var(--black);
}
.container-single-testimony .right {
    width: 40%;
}
.container-single-testimony .right .figure {
    width: 100%;
}
.container-single-testimony .right .figure::before {
    padding-top: 110%;
    content: '';
    display: block;
}

/* AGENCY - AGENCY-REMOTE - SINGLE */
.single-nos-agences .content-row,
.single-nos-agences-remote .content-row{
    text-align: left;
}
.single-nos-agences .container-single-agency-header,
.single-nos-agences-remote .container-single-agency-header{
    margin-top: 3.125rem;
    margin-bottom: 2.5rem;
    max-width: 1440px;
    padding: 0 3.75rem;
}
.single-nos-agences .contain-breadcrumb,
.single-nos-agences-remote .contain-breadcrumb{
    padding: 1.25em 0;
    position: initial;
}
.single-nos-agences .container-single-agency-header .title,
.single-nos-agences-remote .container-single-agency-header .title{
    color: var(--black);
    max-width: 760px;
}
.single-nos-agences .container-consultant,
.single-nos-agences-remote .container-consultant{
    max-width: 1440px;
    padding: 0 3.75rem;
    margin-bottom: 5em;
}
.single-nos-agences .container-consultant .content > .title,
.single-nos-agences-remote .container-consultant .content > .title{
    color: var(--blue-charter);
    font-weight: 700;
}
.single-nos-agences .container-consultant-grid,
.single-nos-agences-remote .container-consultant-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 110px 1.25em;
    margin-top: 1.25em;
}

.single-nos-agences .container-consultant .figure,
.single-nos-agences .container-consultant .schedules-block,
.single-nos-agences .container-consultant .contact-details-container,
.single-nos-agences .container-consultant .description,
.single-nos-agences-remote .container-consultant .figure,
.single-nos-agences-remote .container-consultant .schedules-block,
.single-nos-agences-remote .container-consultant .contact-details-container,
.single-nos-agences-remote .container-consultant .description{
    width: 100%;
}
.single-nos-agences .container-consultant .figure,
.single-nos-agences .container-consultant .description,
.single-nos-agences .container-consultant .schedules-block,
.single-nos-agences-remote .container-consultant .figure,
.single-nos-agences-remote .container-consultant .description,
.single-nos-agences-remote .container-consultant .schedules-block{
    max-width: 540px;
}
.single-nos-agences .container-consultant .figure::before,
.single-nos-agences-remote .container-consultant .figure::before{
    padding-top: 72.5%;
}
.single-nos-agences .container-consultant .description h1,
.single-nos-agences .container-consultant .description h2,
.single-nos-agences .container-consultant .description h3,
.single-nos-agences .container-consultant .description h4,
.single-nos-agences .container-consultant .description h5,
.single-nos-agences .container-consultant .description h6,
.single-nos-agences-remote .container-consultant .description h1,
.single-nos-agences-remote .container-consultant .description h2,
.single-nos-agences-remote .container-consultant .description h3,
.single-nos-agences-remote .container-consultant .description h4,
.single-nos-agences-remote .container-consultant .description h5,
.single-nos-agences-remote .container-consultant .description h6{
    margin-bottom: 1.25rem;
    color: var(--blue-charter);
    font-weight: 700;
}
.single-nos-agences .container-consultant .contact-details-container,
.single-nos-agences-remote .container-consultant .contact-details-container{
    padding-top: 1.25em;
    display: flex;
    justify-content: center;
    max-width: 600px;
}
.single-nos-agences .container-consultant .contact-details,
.single-nos-agences-remote .container-consultant .contact-details{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.single-nos-agences .container-google-reviews,
.single-nos-agences-remote .container-google-reviews{
    background-color: var(--light-grey);
    padding: 5em 3.75em;
    max-width: unset;
}
.single-nos-agences .container-google-reviews .title,
.single-nos-agences-remote .container-google-reviews .title{
    color: var(--black);
    font-family: 'itc_avant_garde_std_bold';
}
.single-nos-agences .container-google-reviews .content,
.single-nos-agences-remote .container-google-reviews .content{
    max-width: 1100px;
    margin: auto;
}
.single-nos-agences .container-google-reviews .google-logo,
.single-nos-agences-remote .container-google-reviews .google-logo{
    height: 1.9em;
    margin-bottom: -.5em;
    margin-left: .3em;
}
.single-nos-agences .testimony-block--text,
.single-nos-agences-remote .testimony-block--text{
    background-color: var(--white);
}
.single-nos-agences .testimony-block--text .title,
.single-nos-agences-remote .testimony-block--text .title{
    margin-bottom: -0.35em;
}
.single-nos-agences .testimony-block--text .author ,
.single-nos-agences-remote .testimony-block--text .author {
    color: var(--blue-charter);
    font-family: 'itc_avant_garde_std_bold'
}
.single-nos-agences .testimony-block--text .mark-icon::after ,
.single-nos-agences-remote .testimony-block--text .mark-icon::after {
    font-size: 1em;
}
.single-nos-agences .testimony-block--text .mark-icon ,
.single-nos-agences-remote .testimony-block--text .mark-icon {
    --color-filled: var(--yellow-charter);
    --color-empty: var(--light-grey);
}
.single-nos-agences .testimony-block--text .text,
.single-nos-agences .testimony-block--text .info,
.single-nos-agences-remote .testimony-block--text .text,
.single-nos-agences-remote .testimony-block--text .info {
    color: var(--black);
    font-size: .875em;
}
.single-nos-agences .testimony-block--text .text ,
.single-nos-agences-remote .testimony-block--text .text {
    max-height: unset;
}

.single-nos-agences .container-numbers,
.single-nos-agences-remote .container-numbers{
    padding: 5em 3.75em;
    max-width: 1220px;
}
.single-nos-agences .container-numbers .content,
.single-nos-agences-remote .container-numbers .content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-nos-agences .container-numbers .numbers,
.single-nos-agences-remote .container-numbers .numbers{
    display: flex;
    align-items: flex-start;
    background-color: var(--blue-charter);
    padding: 5em 110px;
}
.single-nos-agences .container-numbers .number-item,
.single-nos-agences-remote .container-numbers .number-item{
    text-align: center;
}
.single-nos-agences .container-numbers .number-item + .number-item,
.single-nos-agences-remote .container-numbers .number-item + .number-item{
    margin-left: 1.25em;
}
.single-nos-agences .container-numbers .number-item .number,
.single-nos-agences-remote .container-numbers .number-item .number{
    color: var(--white-off);
    font-size: 2.5em;
    font-family: 'itc_avant_garde_std_bold';
}
.single-nos-agences .container-numbers .number-item .text,
.single-nos-agences .container-numbers .number-item .text,
.single-nos-agences-remote .container-numbers .number-item .text,
.single-nos-agences-remote .container-numbers .number-item .text{
    font-weight: 600;
    margin-top: .625em;
    color: var(--grey);
}
.single-nos-agences .container-numbers .btn,
.single-nos-agence-remote .container-numbers .btn{
    margin: auto;
}
.single-nos-agences .container-numbers .numbers + .btn,
.single-nos-agences-remote .container-numbers .numbers + .btn{
    margin-top: 5em;
}

.single-nos-agences .container-agency-info,
.single-nos-agences-remote .container-agency-info{
    max-width: 1440px;
    padding: 0 3.75rem;
}
.single-nos-agences .container-agency-info .figure-agency-map-gallery{
    margin-bottom: 5em;
}
.single-nos-agences .container-agency-info .figure-agency-map-gallery .grid{
    margin: 0;
}
.single-nos-agences .container-agency-info .figure-agency-map-gallery .figure{
    border-radius: 3px;
    width: 100%;
    max-width: 540px;
}
.single-nos-agences .container-agency-info .figure-agency-map-gallery .figure::before{
    padding-top: 100%;
}
.single-nos-agences .container-agency-info .agency-map{
    background-color: teal;
    border-radius: 3px;
    width: 100%;
    height: 540px;
}
.single-nos-agences .container-agency-info .text-template,
.single-nos-agences-remote .container-agency-info .text-template{
    margin: auto;
    margin-bottom: 5em;
    max-width: 1100px;
}
.single-nos-agences .container-agency-info .text-template .text-btn,
.single-nos-agences-remote .container-agency-info .text-template .text-btn{
    width: 100%;
}
.single-nos-agences .container-agency-info .text-template .template,
.single-nos-agences-remote .container-agency-info .text-template .template{
    width: auto;
}
.single-nos-agences .container-agency-info .text-template .formatted-text h2,
.single-nos-agences-remote .container-agency-info .text-template .formatted-text h2{
    font-size: 1.875em;
    text-transform: uppercase;
}
.single-nos-agences .container-agency-info .text-template .formatted-text p,
.single-nos-agences-remote .container-agency-info .text-template .formatted-text p{
    max-width: 540px;
}
.single-nos-agences .container-agency-info .text-template .btn-inner,
.single-nos-agences-remote .container-agency-info .text-template .btn-inner{
    margin-top: 2.5rem;
}

.single-nos-agences .container-intro-blue .main-title,
.single-nos-agences-remote .container-intro-blue .main-title{
    max-width: unset;
    text-align: left;
    text-transform: uppercase;
    font-family: 'itc_avant_garde_std_bold', sans-serif;
    font-size: 1.875em;
}
.single-nos-agences .container-intro-blue .center,
.single-nos-agences-remote .container-intro-blue .center{
    margin-top: 2.5rem;
}
.single-nos-agences .container-intro-blue .center > .text,
.single-nos-agences-remote .container-intro-blue .center > .text{
    width: 50%;
}
.single-nos-agences .container-intro-blue .center > .portrait,
.single-nos-agences-remote .container-intro-blue .center > .portrait{
    width: 70%;
}
.single-nos-agences .container-intro-blue .content-intro-leader,
.single-nos-agences-remote .container-intro-blue .content-intro-leader{
    --portrait-img-width: 160px;
    padding: 5rem 3.75rem;
}
.single-nos-agences .container-intro-blue .portrait-img-container,
.single-nos-agences-remote .container-intro-blue .portrait-img-container{
    background-color: transparent;
}
.single-nos-agences .container-intro-blue .portrait-img-container::before,
.single-nos-agences-remote .container-intro-blue .portrait-img-container::before{
    padding-top: 108%;
}

.single-nos-agences .container-related-pages,
.single-nos-agences-remote .container-related-pages{
    max-width: 1440px;
    padding: 5em 3.75em;
    padding-bottom: 0;
}
.single-nos-agences .container-related-pages .grid,
.single-nos-agences-remote .container-related-pages .grid{
    padding-bottom: 5em;
    border-bottom: 1px solid var(--grey);
    --columns-gap: 5em;
    margin: 0;
}

.single-nos-agences .container-related-articles,
.single-nos-agences-remote .container-related-articles{
    padding: 5em 3.75em;
    padding-bottom: 0;
    max-width: 1440px;
}
.single-nos-agences .container-related-articles .content,
.single-nos-agences-remote .container-related-articles .content{
    background-color: var(--light-grey-alpha);
    padding: 5em 115px;
}
.single-nos-agences .container-related-articles .grid,
.single-nos-agences-remote .container-related-articles .grid{
    margin-bottom: 0;
    align-items: stretch;
    --columns-gap: 4.6875em;
}
.single-nos-agences .container-related-articles .title,
.single-nos-agences-remote .container-related-articles .title{
    color: var(--black);
    font-family: 'itc_avant_garde_std_bold', sans-serif;
}
.single-nos-agences .container-related-articles .blog-item,
.single-nos-agences-remote .container-related-articles .blog-item{
    padding-bottom: 1.875em;
    border-bottom: 1px solid var(--light-grey);
}
.single-nos-agences .container-related-articles .blog-item .blog-item-main,
.single-nos-agences-remote .container-related-articles .blog-item .blog-item-main{
    margin-bottom: .625em;
}
.single-nos-agences .container-related-articles .blog-item .blog-item-title,
.single-nos-agences-remote .container-related-articles .blog-item .blog-item-title{
    font-size: 1.25em;
}

/* Contact details list */
.contact-details-list{
    margin-top: 3.75rem;
    width: 100%;
}
.contact-details-item{
    display: flex;
    align-items: center;
}
.contact-details-item,
.contact-details-item a{
    color: var(--black);
}
.contact-details-item + .contact-details-item{
    margin-top: 1.25em;
}
.contact-details-item .icon{
    color: var(--blue-charter);
    margin-right: 1.25em;
    font-size: 1.25em;
}
.contact-details-item .text{
    display: flex;
    flex-direction: column;
}
.contact-details-item .text .top{}
.contact-details-item .text .bottom{
    font-size: 0.75em;
    font-weight: 300;
}
.contact-details-item .text .top,
.contact-details-item .text .bottom{
    margin: unset;
    text-align: left;
}

.single-nos-agences-remote .contact-details-list{
    margin-top: 1.25em;
}

/* Schedules block */
.schedules-block{
    background-color: var(--blue-charter);
    color: var(--white-off);
    padding: 2.5rem 1.875rem;
    padding-top: 0;
    border-spacing: 0px 0.6em;
}
.schedules-block tbody{
    display: table;
}
.schedules-block .title{
    color: var(--white-off);
    background-color: var(--blue-charter);
    caption-side: top;
    margin-bottom: 0;
    padding: 1.875rem;
    padding-bottom: 1.25em;
    padding-top: 2.5em;
    text-align: left;
}
.schedules-block .item{
    font-size: 0.875rem;
    border-spacing: 80px 0;
}
.schedules-block .item .day{
    color: var(--grey);
    text-align: left;
    padding-right: 1.4285em;
    width: 1px;
    white-space: nowrap;
}
.schedules-block .item .schedules{
    text-align: left;
}
.schedules-block .item .schedules--closed{
    color: var(--light-grey-alpha);
}

/* Social medias small block */
.social-medias-small-block {
    background-color: var(--white-off);
    padding: 3.125em 3.75em;
    display: inline-block;
    width: auto;
}
.social-medias-small-block .text {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 1.25em;
    text-wrap: nowrap;
}
.social-medias-small-block .top {
    font-size: .875em;
    color: var(--black);
}
.social-medias-small-block .bottom {
    color: var(--red-charter);
    font-weight: 700;
}
.social-medias-small-block .social-links-list {
    display: flex;
    justify-content: center;
}
.social-medias-small-block .social-link-item {
    display: inline-block;
}
.social-medias-small-block .social-link-item + .social-link-item {
    margin-left: 1em;
}
.social-medias-small-block .link {
    height: 3em;
    width: 3em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3em;
}
.social-medias-small-block .icon {
    color: var(--blue-charter);
    font-size: 1.5em;
    position: absolute;
}

/* Block bounce link */
.block-bounce-link{
    width: 100%;
    text-align: left;
    padding: 1.875em;
    background-color: var(--red-charter);
    display: flex;
    flex-direction: column;
}
.block-bounce-link .title{
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--white-off);
}
.block-bounce-link .text{
    margin-top: .625em;
    margin-bottom: 3.125em;
    color: var(--white-off);
}
.block-bounce-link .btn{
    margin-top: auto;
    align-self: flex-start;
}

/* Expert page */
.expert-sub-section{
    --expert-bottom: 60px;
}

.expert-sub-section__title-ctn{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
}

.expert-sub-section__title{
    font-size: 1.375em;
}

.expert-sub-section__slider-ctn .expert-sub-section__title{
    margin-bottom: 0;
}

.expert-sub-section__listing{
    display: flex;
    flex-wrap: wrap;
    --gap: 2.5rem;
    --columns: 3;
    margin-bottom: 1.875em;
}

.expert-sub-section__item{
    margin-right: var(--gap);
    margin-bottom: 1.875rem;
    flex-basis: calc((100% / var(--columns)) - (((var(--columns) - 1) * var(--gap)) / var(--columns)) );
}

.expert-sub-section__item:nth-of-type(3n){
    margin-right: 0;
}

.expert-sub-section__item-img::before {
    content: '';
    display: block;
    padding-top: 56.47%;
}

.expert-sub-section__item-img-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    font-size: 26px;
    color: var(--white);

    -webkit-transition: 0.3s;

    transition: 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: var(--gradient-alpha);
}

.expert-sub-section__item:hover .expert-sub-section__item-img-filter {
    opacity: 1;
}

.expert-sub-section__item-title{
    margin-top: 1.25rem;
    font-size: 1.5rem;
    color: var(--black);
}

.expert-sub-section__btn-ctn{
    margin-bottom: var(--expert-bottom);
    display: flex;
    align-items: center;
    justify-content: center;
}

.expert-sub-section__btn-ctn-line{
    width: 100%;
    height: 1px;
    background: var(--light-grey);
}

.btn--more-expert-trainings{
    margin: 0 60px;
}

.expert-sub-section__slider{
    border-bottom: 0;
}

.carrousel-expert__controls .carrousel-expert__arrow{
    display: none !important;
}

.carrousel-expert__controls{
    margin-top: 1rem;
    margin-bottom: 60px;
}

.carrousel-expert__dots{
    margin: auto;
}

.slick-slide.expert-sub-section__slide{
    display: flex;
}

.expert-sub-section__slide-img-ctn{
    flex: 0 0 50%;
    align-self: flex-start
}

.expert-sub-section__slide-img-ctn::before{
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

.expert-sub-section__slide-text{
    padding-left: 2.5rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
    width: 100%;
}

.expert-sub-section__slide-title{
    font-family: 'itc_avant_garde_std_demi';
    font-size: 2rem;
    color: var(--black);
    margin-bottom: 1.875rem;
}

.expert-sub-section__top-arrows .carrousel-expert__arrow{
    padding: 0.5em;
}

.expert-sub-section__slide-excerpt{
    display: inline-block;
    margin-bottom: 1.875rem;
}

.expert-sub-section__slide-link{
    margin-top: auto;
}

/* Vertical videos slider */
.vertical-videos-slider .slider {
    display: flex;
}
.vertical-videos-slider .slider.slick-initialized {
    display: block;
}
.vertical-videos-slider .slick-list {
    overflow: visible;
}
.vertical-videos-slider .carrousel-controls{
    color: var(--white);
}

.vertical-video-slider-item {
    width: 365px;
    position: relative;
    margin-right: 3.75rem;
}
.vertical-video-slider-item .video-container {
    position: relative;
}
.vertical-video-slider-item .video-container::before {
    content: "";
    display: block;
    padding-top: 180%;
}
.vertical-video-slider-item .video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 0;
    object-fit: cover;
    height: 100%;
}
.vertical-video-slider-item .title {
    margin-top: 1.25rem;
    font-size: 1.125rem;
    font-family: "Open Sans";
    font-weight: 700;
    text-transform: unset;
    color: var(--white);
}
.vertical-video-slider-item .text {
    margin-top: .625rem;
    overflow: hidden;
    max-height: calc(1.5em * 2);
    color: var(--white);
}
.vertical-video-slider-item .text.js-see-more-content--full{
    max-height: unset;
}
.vertical-video-slider-item .see-more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: .5rem;
    color: var(--white);
    font-weight: 700;
}
.vertical-video-slider-item .text.js-see-more-content--full + .see-more{
    position: relative;
    margin-left: -0.5rem;
}

/* page-header--carrousel */
.page-header--carrousel {
    height: 630px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header__text{
    text-align: center;
    position: relative;
    z-index: 1;
}

.page-header__text-inner-btns{
  display: flex;
  gap: 0.625rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.page-header__carrousel-item .page-header__text{
    padding: 80px 60px;
}

.page-header__text-under{
    margin-bottom: 1.25rem;
}

.page-header--carrousel .title--h1 {
    font-family: 'itc_avant_garde_std_bold', sans-serif;
    text-transform: unset;
    line-height: 1.25;
}

.page-header--carrousel .title--h3 {
    font-family: 'itc_avant_garde_std_md', sans-serif;
    font-size: 1.875rem;
}

.page-header__carrousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-header__carrousel .slick-list {
    height: 100%;
}

.page-header__carrousel .slick-track {
    height: 100%;
}

.slick-initialized .page-header__carrousel-item {
    display: flex;
}

.page-header__carrousel-item {
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

.page-header__carrousel-item:before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    background-color: var(--mid-black-alpha);

    content: '';
}

.page-header__carrousel-item img, .page-header__carrousel-item video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
}

.slick-initialized .slick-slide--youtube{
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-slide--youtube-container{
    position: absolute;
    width: 100%;
    min-width: 1380px;
}

.slick-slide--youtube-container::before{
    content: '';
    display: block;
    padding-top: 56.25%;
    width: 100%;
}

.slick-slide--youtube iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
}

.page-header__carrousel-controls {
    --btn-size: 3.4em;
    position: absolute;
    bottom: 40px;
    display: flex;
    align-items: center;
    width: calc(100% - 240px);
    height: var(--btn-size);
}

.js-css-page-header__carrousel-controls--hidden{
    display: none;
}

.page-header__carrousel-dots {
    margin: auto;
}

.page-header__carrousel-dots .slick-dots [role="presentation"] {
    width: 1.875rem;
  }

.page-header__carrousel-dots .slick-dots [role=presentation] button::after{
    background: var(--white);
    height: 0.5rem;
    width: 0.5rem;
}

.page-header__carrousel-dots .slick-dots .slick-active[role="presentation"] button::after{
    height: 0.7rem;
    width: 0.7rem;
}

.page-header__carrousel-arrows {
    display: flex;
    position: absolute;
    right: 0;
}

.page-header__carrousel-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--btn-size);
    width: var(--btn-size);
    position: relative;
}

.page-header__carrousel-arrow i{
    position: relative;
}

.page-header__carrousel-arrow::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: var(--red-charter);
    border-radius: 2em;
    position: absolute;
}

.page-header__carrousel-arrow__left {
    margin-right: 1.875em;
}


/* Page listing tests */
.container-listing-tests .listing-tests--hero {
    height: 600px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-listing-tests .listing-tests--hero--img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.container-listing-tests .listing-tests--hero--img::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content:"";
    background: var(--mid-black-alpha);
}
.container-listing-tests .listing-tests--hero--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.container-listing-tests .listing-tests--hero .title--h1 {
    max-width: 1125px;
    margin: auto 20px;
    z-index: 1;
    font-size: 3.125rem;
    color: var(--white);
    font-weight: bold;
    text-align: center;
}
.container-listing-tests .listing-tests--hero .title--h1 span {
    background-color: var(--white);
    color: var(--blue-charter);
    padding: 5px 10px;
    white-space: nowrap;
}
.container-listing-tests .listing-tests--content {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    max-width: 1360px;
    margin: auto;
    margin-bottom: 60px;
    border-bottom: 1px solid var(--white-off);
    position: relative;
}
.container-listing-tests .listing-tests--desc {
    max-width: 800px;
    text-align: center;
    color: var(--mid-grey);
}
.container-listing-tests .listing-tests--desc .title--h2 {
    font-size: 1.875rem;
    color: var(--dark-grey);
    margin-bottom: 20px;
}
.container-listing-tests .listing-tests--blocks {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
.container-listing-tests .listing-tests--item {
    position: relative;
}
.container-listing-tests .listing-tests--item .listing-tests--item--img {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 20px;
}
.container-listing-tests .listing-tests--item .listing-tests--item--img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--gradient-alpha);
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.container-listing-tests .listing-tests--item:hover .listing-tests--item--img:before {
    opacity: 1;
}
.container-listing-tests .listing-tests--item img {
    object-fit: contain;
    width: 100%;
    height: auto;
}
.container-listing-tests .listing-tests--item .title--h3 {
    color: var(--dark-grey);
    font-size: 1.56rem;
    text-transform: none;
    margin-bottom: 5px;
    text-align: center;
}
.container-listing-tests .listing-tests--item {
    text-align: center;
}
.container-listing-tests .listing-tests--item .listing-tests--item--link {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

/* Page listing agency */
.page-template-page-agences .container-color-square-hero,
.page-template-page-agences-remote .container-color-square-hero{
    background-color: var(--blue-charter);
    padding: 3.75rem 110px;
    max-width: 1320px;
    margin-top: 4.1rem;
}
.page-template-page-agences .container-color-square-hero .content,
.page-template-page-agences-remote .container-color-square-hero .content{
    max-width: 1100px;
    margin: auto;
}
.page-template-page-agences .container-color-square-hero .titles,
.page-template-page-agences-remote .container-color-square-hero .titles{
    color: var(--white-off);
}
.page-template-page-agences .container-color-square-hero .sup-title,
.page-template-page-agences-remote .container-color-square-hero .sup-title{
    font-weight: 700;
    margin-bottom: 1.25rem;
    display: inline-block;
}
.page-template-page-agences .container-color-square-hero .categories-filter,
.page-template-page-agences-remote .container-color-square-hero .categories-filter{
    margin-bottom: -0.625rem;
}
.page-template-page-agences .container-color-square-hero .title,
.page-template-page-agences-remote .container-color-square-hero .title{
    text-transform: unset;
    font-family: 'itc_avant_garde_std_bold';
    line-height: 1.3;
}
.page-template-page-agences .agency-finder-form,
.page-template-page-agences-remote .agency-finder-form{
    margin-top: 3.75rem;
}
.page-template-page-agences .agency-text-input-container ,
.page-template-page-agences-remote .agency-text-input-container {
    width: 100%;
    max-width: 650px;
    background-color: var(--white-off);
    border-radius: 2rem;
    padding: 0.875rem 1.875rem;
    padding-right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    position: relative;
}
.page-template-page-agences .agency-text-input-container .text-input ,
.page-template-page-agences-remote .agency-text-input-container .text-input {
    width: 100%;
    display: block;
    color: var(--black);
}
.page-template-page-agences .agency-text-input-container .text-input::placeholder ,
.page-template-page-agences-remote .agency-text-input-container .text-input::placeholder {
    opacity: 1;
    color: var(--black);
}
.page-template-page-agences .agency-text-input-container .button ,
.page-template-page-agences-remote .agency-text-input-container .button {
    margin: -2rem 0;
    margin-right: 1px;
}
.page-template-page-agences .agency-text-input-container .button .icon ,
.page-template-page-agences-remote .agency-text-input-container .button .icon {
    background-color: var(--red-charter);
    width: 3.125rem;
    height: 3.125rem;
}
/* Autocomplete custom widget */
.page-template-page-agences .agency-text-input-container .predictions-anchor ,
.page-template-page-agences-remote .agency-text-input-container .predictions-anchor {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 10;
    box-shadow: 0 0 10px var(--dark-grey);
    border-radius: 1rem;
    overflow: hidden;
    background-color: var(--white);
}
.page-template-page-agences .agency-text-input-container .predictions-anchor:empty ,
.page-template-page-agences-remote .agency-text-input-container .predictions-anchor:empty {
    display: none;
}
.page-template-page-agences .agency-text-input-container .dropdown ,
.page-template-page-agences-remote .agency-text-input-container .dropdown {
    background: var(--white);
}
.page-template-page-agences .agency-text-input-container .js-css-dropdown-item--selected,
.page-template-page-agences-remote .agency-text-input-container .dropdown-item:hover.js-css-dropdown-item--selected {
    background-color: var(--mid-grey);
    color: var(--white);
}
.page-template-page-agences .agency-text-input-container .dropdown-item:hover ,
.page-template-page-agences-remote .agency-text-input-container .dropdown-item:hover {
    background-color: var(--grey);
}
.page-template-page-agences .agency-text-input-container .place-autocomplete-element-text-div ,
.page-template-page-agences-remote .agency-text-input-container .place-autocomplete-element-text-div {
    padding: .6em 1em;
}
.page-template-page-agences .agency-text-input-container .place-autocomplete-element-place-separator ,
.page-template-page-agences-remote .agency-text-input-container .place-autocomplete-element-place-separator {
    display: inline-block;
    margin: 0 .125rem;
}

.page-template-page-agences .agency-finder-form-row ,
.page-template-page-agences-remote .agency-finder-form-row {
    margin-top: 3.75rem;
    display: flex;
    justify-content: space-between;
}
.page-template-page-agences .categories-filter + .categories-filter ,
.page-template-page-agences-remote .categories-filter + .categories-filter {
    margin-left: 1.25rem;
}
.page-template-page-agences .categories-filter .title ,
.page-template-page-agences-remote .categories-filter .title {
    color: var(--white);
    display: inline-block;
    margin-bottom: 1em;
    font-size: 1.25rem;
    font-family: 'Open Sans';
    font-weight: 700;
}
.page-template-page-agences .categories-filter .category-link ,
.page-template-page-agences-remote .categories-filter .category-link {
    border: 2px solid var(--white);
}
.page-template-page-agences .btn--agency-type-link ,
.page-template-page-agences-remote .btn--agency-type-link {
    font-size: .875rem;
    padding: .8rem 1.25rem;
}

.page-template-page-agences .container-results-map-search,
.page-template-page-agences-remote .container-results-map-search{
    max-width: 1380px;
    padding: 0px 1.875rem;
    margin-top: 1.25rem;
}
.page-template-page-agences .container-results-map-search > .content {
    display: flex;
    gap: 1.25rem;
}
.page-template-page-agences .container-results-map-search .results,
.page-template-page-agences .container-results-map-search .map-container {
    width: 50%;
}
.page-template-page-agences .container-results-map-search .map ,
.page-template-page-agences-remote .container-results-map-search .map {
    position: sticky !important;
    top: 150px;
}
.page-template-page-agences .container-results-map-search .map::before ,
.page-template-page-agences-remote .container-results-map-search .map::before {
    content: '';
    display: block;
    padding-top: 110%;
}
.page-template-page-agences .filters-summary ,
.page-template-page-agences-remote .filters-summary {
    margin-bottom: 1.25rem;
    display: none;
}
.page-template-page-agences .js-css-filters-summary--show ,
.page-template-page-agences-remote .js-css-filters-summary--show {
    display: block;
}
.page-template-page-agences .filters-summary .count ,
.page-template-page-agences-remote .filters-summary .count {
    color: var(--mid-grey);
    font-weight: 600;
}
.page-template-page-agences .filters-summary .filters-list ,
.page-template-page-agences-remote .filters-summary .filters-list {
    color: var(--red-charter);
    font-weight: 700;
}
.page-template-page-agences .filters-summary .filter-item ,
.page-template-page-agences-remote .filters-summary .filter-item {
    display: inline-block;
}
.page-template-page-agences .filters-summary .filter-item + .filter-item::before ,
.page-template-page-agences-remote .filters-summary .filter-item + .filter-item::before {
    content: ' - ';
}
.page-template-page-agences .results-list{
    --columns-numbers: 2;
    --columns-gap: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--columns-gap);
}
.page-template-page-agences-remote .results-list{
    --columns-numbers: 4;
    --columns-gap: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--columns-gap);
}
.page-template-page-agences .results-list .address-card,
.page-template-page-agences-remote .results-list .address-card{
    width: calc( (100% - ( var(--columns-gap) * ( var(--columns-numbers) - 1) ) ) / var(--columns-numbers) );
}
.page-template-page-agences .results-display-more,
.page-template-page-agences-remote .results-display-more{
    display: flex;
    justify-content: center;
    margin-top: 2em;
}
.page-template-page-agences .results-display-more--hidden,
.page-template-page-agences-remote .results-display-more--hidden{
    display: none;
}

/* About the founder page */
.page-template-page-about-the-founder {
    --pad-lat: 120px;
    --pad-hori: 3.75rem;
}
.page-template-page-about-the-founder .title--h2 {
    color: var(--dark-grey);
    text-align: center;
    margin-bottom: 1.25rem;
}
.page-template-page-about-the-founder .container {
    max-width: 1400px;
}
.page-template-page-about-the-founder .container .anchor-target{
    position: relative;
    top: -7rem;
}
.page-template-page-about-the-founder .grey-background{
    background-color: var(--light-grey);
}
.page-template-page-about-the-founder .text-media-section {
    justify-content: space-between;
}
.page-template-page-about-the-founder .text-media-section .left {
    display: flex;
    flex-direction: column;
}
.page-template-page-about-the-founder .text-media-section .sup-title{
    order: 1;
    margin-bottom: 1.25rem;
}
.page-template-page-about-the-founder .text-media-section .title{
    order: 2;
}
.page-template-page-about-the-founder .text-media-section .text{
    order: 4;
}
.page-template-page-about-the-founder .text-media-section .blue-arguments-list{
    order: 3;
    margin-bottom: 1.25rem;
}
.page-template-page-about-the-founder .text-media-section .right {
    width: 100%;
    max-width: 315px;
    margin: auto;
}
.page-template-page-about-the-founder .text-media-section .half-slider--narrow {
    margin-left: 0;
    margin-bottom: 2.5rem;
}
.page-template-page-about-the-founder .text-media-section .half-slider--narrow .slider-arrows {
    justify-content: flex-start;
}
.page-template-page-about-the-founder .text-media-section .half-slider--narrow .arrow-right {
  margin-left: 2.75rem;
}
.page-template-page-about-the-founder .text-media-section .half-slider-text {
    margin-top: 1rem;
}
.page-template-page-about-the-founder .text-media-section .half-slider-text .text {
    display: inline-block;
}

.anchors-container {
    background-color: var(--blue-charter);
    display: flex;
    justify-content: center;
    padding: 1rem var(--pad-lat);
    font-size: .875rem;
    font-weight: 500;
    font-family: 'itc_avant_garde_std_bk';
    position: fixed;
    top: 100vh;
    left: 0;
    width: 100%;
    z-index: 2;
    transform: translateY(-100%);
}
.anchors-container .anchors-container-inner {
    width: 100%;
    max-width: 1400px;
    display: flex;
    align-items: center;
}
.anchors-container .title {
    color: var(--red-charter);
    padding: .7143em;
    padding-left: 0;
    text-transform: none;
    margin-right: 5rem;
    white-space: nowrap;
}
.anchors-container .anchors-container-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.4285em;
}
.anchors-container .link {
    color: var(--white);
    padding: .7143em;
}
.container.entrepreneur {
    padding: var(--pad-hori) 0;
}
.container.entrepreneur .content {
    padding: 3.125rem var(--pad-lat);
    padding-bottom: 5rem;
}
.container.entrepreneur .text-btn {
    width: 30%;
    margin-right: 1.25rem;
}
.container.entrepreneur .template {
    --columns-numbers: 2;
    --columns-gap: 1.25rem;
    background-color: var(--white);
    border-radius: 3px;
    padding: 3.75rem .625rem;
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 3.75rem var(--columns-gap);
}
.container.entrepreneur .picto-link-block {
    width: calc( (100% - ( var(--columns-gap) * ( var(--columns-numbers) - 1) ) ) / var(--columns-numbers) );
    padding-bottom: 0;
    border: 0px solid var(--black);
}
.container.entrepreneur .picto-link-block .block-picture {
    width: 100%;
}
.container.entrepreneur .picto-link-block .block-picture::before {
    padding-top: 120px;
}
.container.entrepreneur .youtube-video {
    margin-top: 120px;
}
.container.writter {
    padding: var(--pad-hori) var(--pad-lat);
}
.container.writter .title--h2{
    text-align: left;
}
.container.writter .text-row{
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}
.container.writter .text-row .main-text{
    width: 100%;
    color: var(--dark-grey);
}
.container.writter .text-row .secondary-text{
    width: 100%;
    font-weight: 500;
    font-style: italic;
}
.container.writter .text-row .main-text + .secondary-text{
    width: 100%;
    max-width: 315px;
    margin-left: 130px;
}
.container.writter .title--h3{
    color: var(--dark-grey);
    text-transform: none;
    margin-bottom: 1.25rem;
}
.gallery-grid-legend {
    display: flex;
}
.gallery-grid-legend .gallery-item {
    flex: 100% 0 1;
}
.gallery-grid-legend .gallery-item + .gallery-item {
    margin-left: 1.25rem;
}
.gallery-grid-legend .gallery-item-picture-container::before {
    padding-top: 150%;
}
.gallery-grid-legend .emphasis {
    width: 100%;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--dark-grey);
    margin-top: 1.25rem;
    margin-bottom: .625rem;
}
.gallery-grid-legend .text {
    width: 100%;
    display: inline-block;
    color: var(--mid-grey);
}
.youtube-video{
    position: relative;
}
.youtube-video::before{
    content: '';
    display: block;
    padding-top: 56%;
}
.youtube-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.container.writter .gallery-grid-legend{
    --lateral-overflow: 120px;
    margin-left: calc(-1 * var(--lateral-overflow));
    width: calc(100% + (2 * var(--lateral-overflow)));
}
.container.writter .gallery-grid-legend .gallery-item:last-of-type{
    flex: 230% 0 1;
}
.container.writter .gallery-grid-legend .gallery-item:last-of-type .gallery-item-picture-container::before{
    padding-top: 65%;
}
.container.writter .gallery-grid-legend .gallery-item-picture-container{
    max-height: 470px;
}
.container.writter .youtube-video{
    margin: 5rem 0;
}
.container.speaker{
    padding: var(--pad-hori) var(--pad-lat);
}
.container.speaker .text-template .btn-inner{
    margin-top: 2.5rem;
}
.container.speaker .title--h2,
.container.adventurer .title--h2{
    margin-bottom: 2.5rem;
}
.container.speaker .text-template,
.container.adventurer .text-template{
    justify-content: space-between;
    align-items: flex-start;
}
.container.speaker .text-template .text-btn,
.container.adventurer .text-template .text-btn{
    width: 100%;
    max-width: 430px;
}
.container.speaker .text-template .text,
.container.adventurer .text-template .text{
    color: var(--dark-grey);
}
.container.speaker .text-template .template,
.container.adventurer .text-template .template{
    width: 100%;
    max-width: 540px;
}
.container.adventurer{
    padding: var(--pad-hori) var(--pad-lat);
}
.container.adventurer .text-template{
    flex-direction: row-reverse;
}
.container.adventurer .text-template .text-btn{
    margin-left: 3.75rem;
    margin-right: 0;
}
.arrows-center-slider .slider-arrows {
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
    color: var(--blue-charter);
}
.arrows-center-slider .arrow-right {
    margin-left: 2.5rem;
}
.arrows-center-slider-item .figure {
    width: 100%;
}
.arrows-center-slider-item .figure::before {
    padding-top: 100%;
}
.arrows-center-slider-item .legend {
    display: inline-block;
}
.arrows-center-slider-item .figure + .legend {
    margin-top: 5px;
}
.social-medias-founder .text {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: 'itc_avant_garde_std_demi';
    color: var(--dark-grey);
}
.social-medias-founder .social-links-list {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}
.social-medias-founder .social-link-item + .social-link-item{
    margin-left: 2.5rem;
}
.social-medias-founder .icon {
    color: var(--black);
    font-size: 1.75rem;
}
.container.adventurer .social-medias-founder{
    margin-top: 3.75rem;
}
.container.inventor {
    padding: var(--pad-hori) 0;
}
.container.inventor .content {
    padding: 3.75rem var(--pad-lat);
}
.container.inventor .text {
    text-align: center;
    color: var(--dark-grey);
    margin: 0 auto;
    max-width: 875px;
}
.container.inventor .inventions-grid {
    display: flex;
    gap: 2.5rem;
}
.container.inventor .text + .inventions-grid {
    margin-top: 3.75rem;
}
.container.inventor .inventions-grid .picto-link-block {
    border: 0px solid var(--black);
    border-radius: 1.25rem;
    padding: 2.5rem;
    position: relative;
    justify-content: flex-start;
}
.container.inventor .inventions-grid .picto-link-block .icon {
    position: absolute;
    top: 0;
}
.container.inventor .inventions-grid .picto-link-block .block-picture {
    width: 100%;
}
.container.inventor .inventions-grid .picto-link-block .block-picture::before {
    padding-top: 130%;
}
.container.inventor .inventions-grid .picto-link-block .title {
    font-size: 1rem;
    font-family: 'itc_avant_garde_std_bk', sans-serif;
    color: var(--dark-grey);
    text-transform: none;
}
.container.thinker {
    padding: var(--pad-hori) 1.25rem;
}
.container.thinker .text {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    color: var(--dark-grey);
}
.container.thinker .gallery-grid-legend {
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
}
.container.thinker .gallery-grid-legend .gallery-item + .gallery-item {
    margin-left: 3.75rem;
}
.container.thinker .text + .gallery-grid-legend {
    margin-top: 5rem;
}
.container.public-figure {
    padding: var(--pad-hori) 0;
}
.container.public-figure .content {
    padding: 3.75rem var(--pad-lat);
}
.container.public-figure .text {
    color: var(--dark-grey);
}
.container.public-figure .text :not(h1,h2,h3,h4,h5,h6) {
    line-height: 2em;
}
.container.public-figure .text h2 {
    line-height: 1.25em;
}
.container.public-figure .text-template {
    align-items: flex-start;
}
.container.public-figure .template {
    width: 100%;
    max-width: 365px;
}
.container.public-figure .template .figure::before {
    padding-top: 135%;
}
.container.public-figure .text-btn {
    margin-right: 5rem;
}
.container.public-figure .template .arrows-center-slider + .social-medias-founder {
    margin-top: 5rem;
}
.container.biography,
.container.bibliography{
    max-width: 1000px;
    padding: 0 var(--pad-lat);
    color: var(--dark-grey);
}
.container.biography .formatted-text p,
.container.bibliography .formatted-text p{
    font-weight: 500;
    line-height: 2em;
}
.container.biography .formatted-text h2,
.container.bibliography .formatted-text h2{
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'itc_avant_garde_std_demi';
    margin-bottom: 1em;
}
.container.biography .formatted-text h3,
.container.bibliography .formatted-text h3{
    font-size: 1.25rem;
    font-weight: 700;
    font-family: 'itc_avant_garde_std_demi';
    margin-bottom: .5em;
    margin-top: 2em;
}
.container.biography .formatted-text li::before,
.container.bibliography .formatted-text li::before,
.container.biography .formatted-text ul::before,
.container.bibliography .formatted-text ul::before{
    color: var(--dark-grey);
}
.container.biography,
.container.bibliography {
    margin-top: 5rem;
}
.container.public-figure + .container.biography,
.container.public-figure + .container.bibliography {
    margin-top: 120px;
}

/* Animations */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/*1580*/
@media (max-width: 1580px) {
    
    .section-top-page .top-page-content {
        padding: 0;
    }
    
    .section__row-becoming {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .join-card__becoming {
        width: calc(50% - 20px);
        flex: auto;
    }

    /* BLOG */
    .blog-main{
        margin: 0 70px;
        margin-top: 80px;
        gap: 2.5em;
    }
    
    .blog-second{
        margin-left: 70px;
        margin-right: 70px;
    }

    .container-blog-top{
      margin: 0 70px;
      margin-top: 2.5rem;
    }

    .blog-article-head{
      width: calc((100% * (5 / 7)) - 225px); /* invert of .blog-article-content__right */
      margin-left: 70px;
    }
    
    .blog-article-content{
        padding: 0px 70px;
    }

    .blog__grey-background{
        padding: 1.25em;
    }

    .blog-second-column{
        padding: 1.25em;
    }
}

.title--steps {
    margin: 0 10px;
}
.section-steps .join-card__icon {
    margin-top: -120px;
}

.video-container{
    position: relative;
    width: 100%;
    margin-right:auto;
    margin-left: auto;
}

.video-container iframe{
    position: relative;
    width: 100%;
}

/* CSS global page flexible */
.section-flexible {
    width: 100%;
}
.flexible-container .content {
    max-width:1360px;
    display: flex;
    margin: auto;
}
.flexible-container .content.content-left {
    flex-direction:row-reverse;
}
.flexible-container .content.content-center {
    text-align:center;
    justify-content:center;
}
.flexible-container .content .content-element-grey {
    background-color: var(--light-grey);
}
.flexible-container .content .btn {
    margin-top: 10px;
}
.flexible-container .content .title--h1 {
    font-size:3.75rem;
    font-weight: bold;
    margin-bottom:30px;
}
.flexible-container .content .title--h2 {
    font-size:2.5rem;
    text-transform:uppercase;
    font-weight: bold;
    margin-bottom:20px;
    color:var(--blue-charter);
}
.flexible-container .content .title--h3 {
    font-size:1.375rem;
    color:var(--blue-charter);
    text-transform:none;
    font-weight: 600;
}
.flexible-container .content .subtitle {
    font-size: 1.875rem;
    color:var(--white);
    text-transform:uppercase;
    font-weight: 600;
}
 .flexible-container .content .element-txt {
    margin-bottom:20px;
    line-height:22px;
}
.flexible-container .content .element-txt p {
    margin-bottom:20px;
}
.flexible-container .content .element-txt a {
    color:var(--blue-charter);
}
.flexible-container .content .element-txt a:hover {
    text-decoration:underline;
}
.flexible-container .content .element-txt img.aligncenter {
    margin: auto;
    display:flex;
}
.flexible-container .content .element-txt-asterisk {
    color:var(--blue-charter);
    font-style:italic;
    display: block;
    margin-top:10px;
}
.flexible-element-one, .flexible-element-two {
    padding:40px 0;
}
.flexible-element-one .content.content-center {
    max-width:800px;
    margin: auto;
}
.flexible-element-two .content {
    gap:80px;
    justify-content: center;
    align-items: center;
}
.flexible-element-two a{
    text-align: center;
    line-height: 1.35;
}
.flexible-element-two .content .content-element {
    width: 50%;
}
.flexible-element-two .content .content-element.content-padding-60 {
    padding:60px;
}
.flexible-element-two .content .media_content {
    width: 100%;
}
.flexible-element-two .content .media_content img {
    width: 100%;
    height: auto;
}
.flexible-element-aligntop .content {
    align-items:flex-start;
}
.flexible-element-gap40 .content {
    gap:40px;
}
.flexible-element-border .content {
    border-bottom:1px solid var(--light-grey);
    padding-bottom: 60px;
}
.flexible-element-bg-grey {
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 40px auto;
    background-color: var(--light-grey);
}
.flexible-container__top-container {
    display: flex;
    align-items: center;
}
.flexible-container .flexible-container__top-container h2 {
    color: var(--black);
    font-size: 1.875rem;
    margin-bottom: 0;
    margin-right: 3.75rem;
    flex: 0 0 auto;
}
.flexible-container__top-container__line {
    height: 1px;
    width: 100%;
    background: var(--light-grey);
}
.flexible-container__top-container__arrows {
    margin-left: 3.75rem;
    flex: 0 0 auto;
}
.flexible-container__top-container__arrows .slick-arrow {
    color: var(--blue-charter);
    padding: 0.5rem;
}
/* END CSS global page flexible */

/* CSS flexible element : title_vdo_fullback */
.flexible-element-full {
    width:100%;
    height:calc(100vh - 190px - 80px);
    position:relative;
    margin-bottom:40px;
}
.flexible-element-full .media {
    width: 100%;
    height: 100%;
    position:absolute;
}
.flexible-element-full .media:after {
    position:absolute;
    content:"";
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background-color: var(--mid-black-alpha);
}
.flexible-element-full .media .media_background {
    width: 100%;
height: 100%;
object-fit: cover;
}
.flexible-element-full .content {
    position:relative;
    z-index: 1;
    width: 100%;
    height:100%;
    flex-direction:column;
    justify-content:center;
    align-items: center;
    margin: auto;
    text-align:center;
    color:var(--white);
}
/* END CSS flexible element : title_vdo_fullback */

/* CSS flexible element : block_profil */
.flexible-element-profil .content {
    background-color: var(--light-grey);
    gap:0;
    align-items: normal;
}
.flexible-element-profil .media_cover {
    width: 40%;
}
.flexible-element-profil .content .content-element {
    width: 60%;
}
.flexible-element-profil .content .content-element .title--h3 {
  text-transform: uppercase;
    font-weight: bold;
}
/* END CSS flexible element : block_profil */

/* CSS flexible element : block_txt_list_bg_grey */
.flexible-container .content-element-list-step .title--h3 {
    font-size:1.875rem;
    text-align: center;
    color: var(--dark-grey);
    text-transform:uppercase;
}
.flexible-container .content-element-list-step .title--h3 span {
    color:var(--blue-charter);
    display: block;
}
/* END CSS flexible element : block_txt_list_bg_grey */

/* CSS flexible element : block_txt_list_bg_grey */
.flexible-container .content-element-list-step .list-step {
    margin:60px 0;
}
.flexible-container .content-element-list-step .list-step-item {
    padding-left: 30px;
  border-left: 1px solid var(--light-grey);
    margin-bottom:35px;
}
.flexible-container .content-element-list-step .step-item-title {
    font-weight:600;
    color: var(--dark-grey);
    font-size:1.25rem;
    margin-bottom:5px;
}
/* END CSS flexible element : block_txt_list_bg_grey */

/* CSS flexible element : block_slider_txt_list_logo */
.flexible-container .content-element-slider .slider-flexible-small {
    background-color: var(--red-charter);
    padding:60px;
}
.flexible-container .content-element-slider .slider-flexible-comment {
    text-align: center;
font-weight: bold;
color: var(--white);
margin-bottom: 20px;
}
.flexible-container .content-element-slider .slider-item-title {
    text-align:center;
    font-size:1.875rem;
    font-weight: 600;
  text-transform: uppercase;
    color:var(--white);
}
.flexible-container .content-element-slider .slider-item-txt {
    text-align:center;
    color:var(--white);
}
.slider-flexible-controls {
    display:flex;
    justify-content:center;
    margin-top:40px;
    gap:40px
}
.slider-flexible-controls .slider-arrow {
    background-color:transparent;
    color:var(--white);
    border:1px solid var(--white);
    height:46px;
    width: 46px;
    margin:0;
}
.slider-flexible-controls .slider-arrow:hover {
    background-color:var(--white);
    color:var(--red-charter);
}
.flexible-container .content-element-list-logo {
    padding-top:60px;
}
.flexible-container .content-element-list-logo .title--h3 {
    font-size: 1.875rem;
  text-transform: uppercase;
    font-weight: bold;
}
.flexible-container .content-element-list-logo .list-logos {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
.flexible-container .content-element-list-logo .list-logos-item {
    width: 110px;
    padding:5px
}
.flexible-container .content-element-list-logo .list-logos-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* END CSS flexible element : block_slider_txt_list_logo */

/* CSS flexible element : block_text_emphasis_overline */
.block-text-emphasis-overline{
    margin: 60px 20px;
}
.block-text-emphasis-overline {
    color: var(--black);
    text-align: center;
    font-size: 1.875rem;
    font-family: 'itc_avant_garde_std_demi';
}
.block-text-emphasis-overline .content {
    display: block;
}
.block-text-emphasis-overline b, .block-text-emphasis-overline strong {
    position: relative;
    background: var(--gradient-hori);
    display: inline-block;
    padding: 0 0.5rem;
    margin: 0 -0.25rem;
    color: var(--white);
    line-height: 1.25;
}
/* END CSS flexible element : block_text_emphasis_overline */

/* CSS flexible element : block_slider_grid_grey */
.block-slider-grid-grey {
    padding: 0 80px;
    margin: 60px 0;
}
.block-slider-grid-grey__content{
    background: var(--light-grey);
    padding: 3.75rem 115px;
    padding-bottom: 2.5rem;
    margin: auto;
    width: 100%;
    max-width:1590px;
}

.block-slider-grid-grey__text {
    margin-top: 1.25rem;
    max-width: 800px;
}
.block-slider-grid-grey__carrousel {
    margin-top: 1.875rem;
    margin-bottom: 1.25rem;
}
.block-slider-grid-grey__carrousel-slide.slick-slide {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}
.block-slider-grid-grey__carrousel-item {
    width: 100%;
}
.block-slider-grid-grey__carrousel-item__img.img--contain::before {
    content: '';
    display: block;
    padding-top: 85.7%;
}
.block-slider-grid-grey__carrousel-item__title {
    font-size: 1.4rem;
    font-family: 'itc_avant_garde_std_demi';
    margin-top: 15px;
    margin-bottom: 5px;
}
.block-slider-grid-grey__controls{
    margin-top: 1.25rem;
}
.block-slider-grid-grey__controls .slick-arrow{
    color: var(--blue-charter);
}
.block-slider-grid-grey__controls__dots{
    margin: 0 0.5rem;
}
.block-slider-grid-grey__controls__dots .slick-dots{
    flex-wrap: wrap;
    justify-content: center;
}
.block-slider-grid-grey__carrousel--responsive{
    margin-top: 1.25rem;
    display: none;
}
.block-slider-grid-grey__carrousel--responsive .slick-list{
    width: 100%;
}
.block-slider-grid-grey__controls{
    display: none;
}
/* END CSS flexible element : block_slider_grid_grey */

/* CSS flexible element : block_text_two_columns */
.block-text-two-columns {
    margin:60px 30px
}
.block-text-two-columns__content{
    max-width: 1360px;
    margin:auto;
}
.block-text-two-columns__text {
    margin-top: 1.875rem;
    column-count: 2;
    column-gap: 3.75rem;
}
/* END CSS flexible element : block_text_two_columns */

/* CSS flexible element : block_slider_grey_blocks_overflow */
.block-slider-grey-blocks-overflow { 
    margin: 60px 0;
    overflow: hidden;
    width: 100%;
}
.block-slider-grey-blocks-overflow__content {
    max-width: 1360px;
    margin: auto;
}
.block-slider-grey-blocks-overflow__carrousel {
    margin-top: 3.75rem;
    margin-bottom: 2.5rem;
}
.block-slider-grey-blocks-overflow__carrousel .slick-list{
    overflow: visible;
}
.block-slider-grey-blocks-overflow__carrousel-slide {
    background: var(--light-grey);
    margin-left: 2.5rem;
    padding: 2.5rem;
    max-width: 775px;
    width: 100%;
    min-height: calc(1.5rem * 12.65);
}
.block-slider-grey-blocks-overflow__carrousel-slide:first-of-type {
    margin-left: 0;
}
.block-slider-grey-blocks-overflow__carrousel-slide--see-more .block-slider-grey-blocks-overflow__carrousel-item__link{
    display: block;
}
.block-slider-grey-blocks-overflow__carrousel-item__title {
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--blue-charter);
}
.block-slider-grey-blocks-overflow__carrousel-item__text-container{
    overflow: hidden;
    max-height: calc(1.5rem * 6);
    margin: 0.625rem 0;
}
.carrousel-slide--show .block-slider-grey-blocks-overflow__carrousel-item__text-container{
    max-height: 100%;
}
.block-slider-grey-blocks-overflow__carrousel-item__text {
    overflow: hidden;
}
.block-slider-grey-blocks-overflow__carrousel-item__link {
    color: var(--blue-charter);
    text-decoration: underline;
    margin-top: 0.625rem;
    display: none;
}
/* END CSS flexible element : block_slider_grey_blocks_overflow */

/* CSS flexible element : block_text_blue_background */
.block-text-blue-background {
    margin: 80px 20px;
}
.block-text-blue-background__content {
    margin: auto;
    max-width: 890px;
    text-align: center;
    background: var(--blue-charter);
    color: var(--white);
    padding: 1.875rem;
}
.block-text-blue-background__content .icon.icon-lightbulb {
    font-size: 1.5rem;
}
.block-text-blue-background__content > .title--h2 {
    margin: 1.25rem 0;
    margin-bottom: 20px;
    font-size: 1.4rem;
}
/* END CSS flexible element : block_text_blue_background */

/* CSS fl */
.block-contact-test {
    margin: 60px 20px;
}
.flexible-container.block-contact-test .content {
    display: flex;
}
.block-contact-test-unit {
    border: 1px solid var(--light-grey);
    margin-right: 1.875rem;
    padding: 3.75rem;
    width: 100%;
    text-align: center;
}
.block-contact-test-unit:last-of-type{
    margin-right: 0;
}
.block-contact-test-unit--red {
    background: var(--red-charter);
    color: var(--white);
    border: 0;
    display: flex;
    align-items: center;
}
.block-contact-test-unit--red .block-contact-test-unit__text-main,
.block-contact-test-unit--red .block-contact-test-unit__text{
    color: var(--white);
}
.block-contact-test-unit--red .block-contact-test-unit__icon {
    border-bottom: 1px solid var(--white);
    color: var(--white);
}
.block-contact-test-unit__container {
    min-height: 250px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.block-contact-test-unit__icon {
    display: inline-block;
    font-size: 2rem;
    width: 3.75rem;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 1.875rem;
    padding-bottom: 0.5rem;
    color: var(--blue-charter);
}
.block-contact-test-unit__text-main {
    color: var(--blue-charter);
    font-size: 1.875rem;
    font-family: 'itc_avant_garde_std_demi';
    margin-bottom: 1rem;
}
.block-contact-test-unit__text {
    color: var(--black);
    font-family: 'itc_avant_garde_std_demi';
    font-size: 1.25rem;
    margin-top: auto;
}
.block-contact-test-unit__form-pay{
    width: calc(100% + 4rem);
    height: 300px;
    overflow-y: scroll;
}
/* END CSS flexible element : block_contact_test */

/* CSS flexible element : block_img_text_simple */
.block-img-text-simple {
    margin: 60px 20px;
}
.flexible-container.block-img-text-simple h2 {
    color: var(--black);
    font-size: 1.875rem;
    text-align: center;
    margin-bottom: 2.5rem;
}
.block-img-text-simple__content {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    max-width: 1360px;
}
.block-img-text-simple__img {
    width: 100%;
    max-width: 600px;
}
.block-img-text-simple__img img{
    width: 100%;
}
.block-img-text-simple__text {
    width: 100%;
}
/* END CSS flexible element : block_img_text_simple */

/* CSS flexible element : block_img_tick_list */
.block-img-tick-list {
    margin: 60px 30px;
}
.flexible-container.block-img-tick-list .content h2 {
    color: var(--black);
    font-size: 1.875rem;
    text-transform: none;
}
.block-img-tick-list__content {
    display: flex;
    gap: 60px;
    align-items: center;
    justify-content: center;
    padding-right: 1.875rem;
}
.block-img-tick-list__img {
    width: 100%;
    max-width: 532px;
    aspect-ratio: 0.89;
}
.block-img-tick-list__text {
    width: 100%;
    max-width: 530px;
}
.block-img-tick-list__list {
    margin-top: 1.875rem;
    margin-left: 1.5625rem;
}
.block-img-tick-list__item:not(:last-of-type) {
    margin-bottom: 1.25rem;
}
.block-img-tick-list__item-title {
    font-weight: 600;
    font-size: 1.125rem;
    position: relative;
    color: var(--blue-charter);
}
.block-img-tick-list__item-title::before {
    content: '\e810';
    font-family: 'icon';
    font-weight: 300;
    position: absolute;
    left: -1.6rem;
}
.block-img-tick-list__item-text.formatted-text {
     margin-top: .625rem;
}
/* END CSS flexible element : block_img_tick_list */

/* Retirement Simulator */
.retirement-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 60px;
}
.retirement-container .container-top,
.retirement-container .right-col {
    display: flex;
    flex-direction: column;
    width: 95%;
}

.retirement-container .container-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.retirement-container .container-top .title--h1 {
    text-align: center;
    font-family: itc_avant_garde_std_demi;
    margin-bottom: 40px !important;
    font-size: 50px;
}

.retirement-container .container-top .form-container {
    width: 100%;
}

.retirement-container .container-top .form-container .retirement-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.retirement-container .container-top .form-container .retirement-form label {
    width: 100%;
}

.retirement-container .container-top .form-container .retirement-form label input {
    width: 100%;
    height: 52px;
    color: var(--dark-grey);
    background: transparent;
    border: 1px solid var(--pink-grey);
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 0 20px;
}

.retirement-container .container-top .form-container .retirement-form button {
    padding: 15px 30px;
}

.retirement-container .container-top .retirement-error {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: var(--light-grey-alpha);
    color: var(--mid-grey);
    padding: 15px 30px;
    margin-top: 45px;
    width: 100%;
    text-align: center;
}

.retirement-container hr.separator {
    width: 100%;
    height: 1px;
    background: var(--light-grey);
    display: none;
}

.retirement-container .container-bottom {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.retirement-container .container-bottom h2 {
    margin-bottom: 60px !important;
}

.retirement-container .container-bottom .result-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    gap: 40px;
}

.retirement-container .container-bottom .result-container .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.retirement-container .container-bottom .result-container .top .anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    font-size: 24px;
    color: var(--dark-grey);
    background: var(--white);
    border: 1px solid var(--light-grey);
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    transition: top 0.15s ease-in-out;
}
.retirement-container .container-bottom .result-container .top .anchor:hover {
    cursor: pointer;
    top: -20px;
    transition: top 0.15s ease-in-out;
}

.retirement-container .container-bottom .result-container .top  img {
    object-fit: cover;
    width: 100%;
    height: 450px;
}

.retirement-container .container-bottom .result-container .top  .cards {
    display: none;
    width: 70%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-top: -10%;
}

.retirement-container .container-bottom .result-container .top  .cards .card {
    height: 200px;
    width: calc(50% - 20px);
    background: var(--light-grey);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px;
}

.retirement-container .container-bottom .result-container .top .cards .card p {
    text-align: center;
    font-size: 14px;
    font-family: "Open Sans";
    color: var(--mid-grey);
}

.retirement-container .container-bottom .result-container .top .cards .card h1 {
    margin: 0 !important;
    font-size: 35px;
    font-family: itc_avant_garde_std_bold;
    color: var(--blue-charter);
}

.retirement-container .container-bottom .result-container .bottom {
    width: 70%;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px;
    background: var(--light-grey);
}

.retirement-container .container-bottom .result-container .bottom h2 {
    font-size: 14px;
    color: var(--dark-grey);
    margin-bottom: 15px !important;
}
.retirement-container .container-bottom .result-container .bottom p {
    font-size: 18px;
    font-weight: 600;
    color: var(--blue-charter);
    margin-bottom: 20px;
    font-family: itc_avant_garde_std_md;
}
.retirement-container .container-bottom .result-container .bottom span {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-grey);
    margin-bottom: 30px;
}
.retirement-container .container-bottom .result-container .bottom a.button {
    padding: 15px 30px;
}

.retirement-container .form {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    gap: 20px;
}

.retirement-container .form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.form > h2:nth-child(1) {
    text-align: center;
    font-size: 30px;
    margin-bottom: unset !important;
}

.form > p:nth-child(1) {
    text-align: center;
    font-size: 14px;
    font-family: "Open Sans";
}

.wpcf7-list-item-label {
    font-size: 14px;
    font-family: "Open Sans";
    color: var(--mid-grey);
}

.retirement-container .form .form-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.retirement-container .form .form-body .form-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.retirement-container .form .form-body .form-row p {
    flex-wrap: nowrap;
}

.retirement-container .form .form-body .form-row p label {
    width: calc(50% - 20px);
    margin: 10px !important;
}

.retirement-container .form .form-body .form-checkbox{
  margin: 10px;
}

.retirement-container .form .form-body .form-item#checkbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0.5rem 0 !important;
}

/*  Mobile query  */
@media screen and (max-width: 756px) {
    .title--h1 {
        font-size: 35px !important;
    }

    .title--h2 {
        font-size: 25px !important;
    }

    .retirement-container .container-bottom .result-container {
        gap: 20px !important;
    }

    .retirement-container .container-bottom .result-container .top  .cards {
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
        gap: 20px !important;
    }

    .retirement-container .container-bottom .result-container .top  .cards .card {
        width: 100%;
    }

    .retirement-container .container-bottom .result-container .bottom {
        width: 100%;
    }

    .retirement-container .form {
        width: 100%;
    }

    .retirement-container .form .form-body .form-row,
    .retirement-container .form .form-body .form-row p {
        flex-direction: column;
    }

    .retirement-container .form .form-body .form-row p label {
        width: 100%;
        margin: 10px 0 !important;
    }
}

/*  Tablet query  */
@media screen and (min-width: 757px) and (max-width: 1367px) {
    .retirement-container .container-bottom .result-container .top  .cards,
    .retirement-container .container-bottom .result-container .bottom,
    .retirement-container .form {
        width: 90%;
    }
}

/*------------------------------------------------
MEDIA QUERIES
------------------------------------------------*/
@media (max-height: 750px) and (min-width: 1480px) {
    .flexible-element-full {
        height: calc(100vh - 190px);
    }
}
@media screen and (max-width: 1750px) {
    .header-left {
        margin: 0;
        padding-left: 15px;
    }
    
    .header-left .btn {
        margin-left: 15px;
    }
    .header-logo {
        width: 400px;
    }
}
@media screen and (max-width: 1625px) {
    .header-left .btn {
        margin-left: 20px;
    }
    .header-logo {
        width: 400px;
    }
}
@media screen and (max-width: 1550px) {
    .nav__nav-btn,
    .nav__nav-primary,
    .nav__nav-secondary {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-logo,
    .nav-logo {
        width: 300px;
    }
}

@media screen and (max-width: 1480px) {
    body {
        font-size: 16px;
    }

    .header-left {
        margin: 0;
        padding-left: 15px;
    }
    .header-item:first-child {
        display: none;
    }

    .section {
        padding: 0 60px;
    }

    .section-steps, .section-opportunities{
        padding: 80px 60px;
    }

    .landing {
        padding: 80px 60px;
    }

    .section__col:not(:last-child) {
        margin-right: 60px;
    }

    .page-header {
        padding: 80px 60px;
    }
    .page-header--mini {
        padding: 0;
    }

    .bounce__link {
        width: calc(50% - 30px);
    }
    .expertises__controls, .more__controls {
        margin-left: 20px;
    }

    .text-columns {
        -webkit-column-gap: 60px;
           -moz-column-gap: 60px;
                column-gap: 60px;
    }

    .localisation__text {
        padding: 60px 60px 20px 60px;
    }

    .expertise-content .page-actions {
        margin-right: -40px;
    }

    .section__image:first-child {
        margin-left: -60px;
    }

    .section__image:last-child {
        margin-right: -60px;
    }

    .localisation__text--full .localisation__columns {
        -webkit-column-count: 6;
           -moz-column-count: 6;
                column-count: 6;
    }

    /* Flexible */
    .flexible-container .content {
        max-width:1200px;
        margin: auto 60px;
    }
    .flexible-element-full {
        height: auto;
        min-height: 80vh;
        align-items: center;
        display: flex;
    }
    .flexible-element-full .content {
        width: auto;
    }
    .flexible-container .content .title--h1 {
        font-size:3.125rem
    }
    .page-header--test .page-header__content {
        max-width: 1200px;
    }
    .block-text-two-columns__content{
        margin: 0 60px;
        max-width:1200px;
    }

    .block-slider-grey-blocks-overflow__content{
        margin: 0 60px;
    }

    .block-img-text-simple__content{
        padding-right: 0;
    }

    .block-slider-grid-grey{
        padding: 0 60px;
    }

    .block-slider-grid-grey__content{
		padding: 3.75rem 50px;
	}

    /* BLOG */
    .blog-item__inline{
        flex-direction: column;
        align-items: unset;
    }

    .blog-item__inline .blog-item-thumbnail-container{
        flex: unset;
    }

    .blog-items-center .blog-item-thumbnail-container{
        flex: 0 0 180px;
    }

    .blog-item__inline .blog-item-thumbnail-container::before{
        padding-top: 56.25%;
    }

    .blog-items-center .blog-item__inline{
        flex-direction: row;
        align-items: flex-start;
    }

    .blog-item__inline .blog-item-inner{
        gap: 0.625em;
    }
    
    .blog-second-content {
        gap: 1.875em;
    }

    .blog-main{
        gap: 1.25em;
        margin-top: 1.875em;
        flex-direction: column-reverse;
    }

    .blog-main .blog-main__content{
        width: 100%;
    }

    .blog-main .blog-main__aside{
        width: 100%;
        gap: 1.25em;
    }

    .blog-main .blog-main__aside-content{
        display: none;
    }

    .blog-responsive--archive, .blog-responsive--home{
        display: flex;
        margin: 0 70px;
        margin-top: 2.5em;
    }

    .blog-article-head{
      width: calc((100% * (5 / 7)) - 160px); /* invert of .blog-article-content__right */
    }

    .blog-main__content-mono{
        gap: 1.875em;
    }

    .blog-main__content-left .blog-item__square .blog-item-title{
        font-size: 1.75em;
    }
    
    .blog-main__aside{
        gap: 1.875em;
        flex: 0 0 calc(100% * (2 / 7)); /* invert of .blog-main__content */
        width: calc(100% * (2 / 7));
    }

    .blog-article-content__right {
        flex: 0 0 calc(100% * (2 / 7)); /* invert of .blog-article-head */
        width: calc(100% * (2 / 7));
    }
    
    .blog-col-full-width .blog-items-container{
        gap: 1.875em;
    }
    
    .blog-second-content{
        margin-top: 1.875em;
    }

    .blog-main__content-category{
        gap: 1.875em;
    }

    .blog-responsive--archive .blog-second-column{
        width: calc((100% - (40px * 2) ) / 3);
        margin-right: 40px;
    }

    .slick-slide.blog-item__inline{
        display: flex;
        margin-top: 0;
        border-bottom: 0px;
        padding-bottom: 0;
    }

    .blog-responsive .blog-items-container{
        border-bottom: 0;
    }

    /* Landing page */
    .container-landing--content {
        padding-right: 60px;
        gap: 40px;
    }
    .container-landing--content .container-landing--desc {
        padding-left: 60px;
        padding-right: 60px;
        width: calc(100% - 450px - 40px);
    }
    .container-landing--formatted-text:after {
        right: -59px;
    }
    .container-landing--content .container-landing--desc .h1 {
        font-size: 2.8rem;
    }
    .container-landing--formatted-text h2 {
        font-size: 2.25rem;
    }
    .container-landing--content .container-landing--form {
        width: 450px;
    }

    /* Home - new */
    .home-picture-block.img--cover {
        padding: 60px 1.875rem;
    }
}