html :where(.wp-block) {
    --container-gutter: 35px;
    max-width: calc( var(--max-width) - ( var(--container-gutter) * 2 ) );
}

body:not(.wp-admin),
body .editor-styles-wrapper {
    font-family: var(--fontfamily);
    font-weight: 400;
    font-size: var(--fontsize-base);
    line-height: var(--text-lineheight);
}

a {
    color: var(--tonic);
}
a:hover {
    color: var(--tonic-hover);
}

strong {
    font-weight: 700;
}


.forbidden-scroll {
    overflow: hidden;
    position: fixed;
}

.home header.is-style-header-fix + main,
.blog header.is-style-header-fix + main,
.single-post header.is-style-header-fix + main {
    padding-top: 110px;
}

@media (min-width:992px){
    .home header.is-style-header-fix + main {
        padding-top: 0;
    }

    .blog header.is-style-header-fix + main,
    .single-post header.is-style-header-fix + main {
        padding-top: var(--header-tablet-height);
    }
}
@media (min-width:1250px){
    .home header.is-style-header-fix + main{
        padding-top: 0;
    }
    .single-post header.is-style-header-fix + main {
        padding-top: var(--header-desktop-height);
    }
    .blog header.is-style-header-fix + main,
    .archive.category header.is-style-header-fix + main,
    .error404 header.is-style-header-fix + main,
    .single-post header.is-style-header-fix + main {
        padding-top: 110px;
    }
}


.has-dark-background-color {
    background-color: var(--dark);
}
.has-neutral-dark-background-color{
    background-color: var(--neutral-dark);
}
.has-neutral-background-color{
    background-color: var(--neutral);
}
.has-neutral-light-background-color{
    background-color: var(--neutral-light);
}
.has-web-color {
    color: var(--web-color) !important;
}
.has-web-background-color {
    background-color: var(--web-color);
}

.has-multicanal-color {
    color: var(--multicanal-color) !important;
}
.has-multicanal-background-color {
    background-color: var(--multicanal-color);

}

.has-telemarket-color {
    color: var(--telemarket-color) !important;
}
.has-telemarket-background-color {
    background-color: var(--telemarket-color);
}

.has-dark-color.has-text-color{
    color: var(--dark) !important;
}



body:not(.wp-admin) .has-primary-to-tonic-gradient-background h1,.has-primary-to-tonic-gradient-background .h1,.has-primary-to-tonic-gradient-background .is-style-h1,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h1:not(.editor-post-title),
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h2,.has-primary-to-tonic-gradient-background .h2,.has-primary-to-tonic-gradient-background .is-style-h2,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h2,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h3,.has-primary-to-tonic-gradient-background .h3,.has-primary-to-tonic-gradient-background .is-style-h3,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h3,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h4,.has-primary-to-tonic-gradient-background .h4,.has-primary-to-tonic-gradient-background .is-style-h4,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h4,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h5,.has-primary-to-tonic-gradient-background .h5,.has-primary-to-tonic-gradient-background .is-style-h5,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h5,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h6,.has-primary-to-tonic-gradient-background .h6,.has-primary-to-tonic-gradient-background .is-style-h6,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h6 {
    color: #FFFFFF;
}
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h1 strong,.has-primary-to-tonic-gradient-background .h1 strong,.has-primary-to-tonic-gradient-background .is-style-h1 strong,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h1:not(.editor-post-title) strong,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h2 strong,.has-primary-to-tonic-gradient-background .h2 strong,.has-primary-to-tonic-gradient-background .is-style-h2 strong,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h2 strong,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h3 strong,.has-primary-to-tonic-gradient-background .h3 strong,.has-primary-to-tonic-gradient-background .is-style-h3 strong,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h3 strong,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h4 strong,.has-primary-to-tonic-gradient-background .h4 strong,.has-primary-to-tonic-gradient-background .is-style-h4 strong,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h4 strong,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h5 strong,.has-primary-to-tonic-gradient-background .h5 strong,.has-primary-to-tonic-gradient-background .is-style-h5 strong,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h5 strong,
body:not(.wp-admin) .has-primary-to-tonic-gradient-background h6 strong,.has-primary-to-tonic-gradient-background .h6 strong,.has-primary-to-tonic-gradient-background .is-style-h6 strong,html .editor-styles-wrapper .has-primary-to-tonic-gradient-background h6 strong {
    text-shadow: 3px 3px 0 var(--primary);
    color: var(--highlight);
}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,
.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong,
.is-style-h1 strong,.is-style-h2 strong,.is-style-h3 strong,.is-style-h4 strong,.is-style-h5 strong,.is-style-h6 strong {
    color: var(--tonic);
}

.has-primary-background-color h1,.has-primary-background-color h2,.has-primary-background-color h3,.has-primary-background-color h4,.has-primary-background-color h5,.has-primary-background-color h6,
.has-primary-background-color .h1,.has-primary-background-color .h2,.has-primary-background-color .h3,.has-primary-background-color .h4,.has-primary-background-color .h5,.has-primary-background-color .h6,
.has-primary-background-color .is-style-h1,.has-primary-background-color .is-style-h2,.has-primary-background-color .is-style-h3,.has-primary-background-color .is-style-h4,.has-primary-background-color .is-style-h5,.has-primary-background-color .is-style-h6 {
    color: #FFFFFF;
}
.has-tonic-background-color h1 strong,.has-tonic-background-color h2 strong,.has-tonic-background-color h3 strong,.has-tonic-background-color h4 strong,.has-tonic-background-color h5 strong,.has-tonic-background-color h6 strong,
.has-tonic-background-color .h1 strong,.has-tonic-background-color .h2 strong,.has-tonic-background-color .h3 strong,.has-tonic-background-color .h4 strong,.has-tonic-background-color .h5 strong,.has-tonic-background-color .h6 strong,
.has-tonic-background-color .is-style-h1 strong,.has-tonic-background-color .is-style-h2 strong,.has-tonic-background-color .is-style-h3 strong,.has-tonic-background-color .is-style-h4 strong,.has-tonic-background-color .is-style-h5 strong,.has-tonic-background-color .is-style-h6 strong,
h1.has-tonic-background-color strong, h2.has-tonic-background-color strong, h3.has-tonic-background-color strong, h4.has-tonic-background-color strong, h5.has-tonic-background-color strong, h6.has-tonic-background-color strong,
 .h1.has-tonic-background-color strong, .h2.has-tonic-background-color strong, .h3.has-tonic-background-color strong, .h4.has-tonic-background-color strong, .h5.has-tonic-background-color strong, .h6.has-tonic-background-color strong,
 .is-style-h1.has-tonic-background-color strong, .is-style-h2.has-tonic-background-color strong, .is-style-h3.has-tonic-background-color strong, .is-style-h4.has-tonic-background-color strong, .is-style-h5.has-tonic-background-color strong, .is-style-h6.has-tonic-background-color strong {
    color: #FFFFFF;
}

.has-inline-color[style*="background-color:#"] {
    padding-left: .25rem;
    padding-right: .25rem;
}




.is-style-padding-y-large{
    padding-top: 90px;
    padding-bottom: 90px;
}

.is-style-padding-y-medium {
    padding-top: 60px;
    padding-bottom: 60px;
}

.is-style-margin-top-bigger {
    margin-top: 120px !important;
}

.is-style-margin-y-bigger {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
}

.is-style-margin-y-medium {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.is-style-margin-top-large {
    margin-top: 90px !important;
}




/********** COLUMN BULLE *******/

.is-style-bulle {
    padding: 30px;
    background-color: #FFF;
    border-bottom-right-radius: 40px;
    border: 1px solid var(--neutral-light);
    position: relative;
    border-top-right-radius: 40px;
}

.is-style-bulle::before {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    top: -50px;
    right: 36%;
    bottom: auto;
    left: auto;
    border-width: 50px 0px 0px 45px;
    border-color: transparent #FFF;
    z-index: 2;
}

.is-style-bulle::after {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    top: -55px;
    right: calc(36% - 2px);
    bottom: auto;
    left: auto;
    border-width: 55px 0px 0px 49px;
    border-color: transparent var(--neutral-light);
}


/*********** TITRES ************/

.is-style-titre,
.is-style-titre-no-margin {
    margin: 60px 0 50px !important;
    width: fit-content;
    font-size: 1.7rem !important;
    text-transform: uppercase;
    position: relative;
    color: var(--dark) !important;
    z-index: 20;
}


@media (min-width:992px) {
    .is-style-titre,
    .is-style-titre-no-margin {
        font-size: 2rem !important;
    }
}

.is-style-titre-no-margin{
    margin-top: 0 !important;
}

.is-style-titre.has-white-color,
.is-style-titre-no-margin.has-white-color {
    color: #FFF !important;
}

.has-text-align-center.is-style-titre,
.has-text-align-center.is-style-titre-no-margin {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-style-titre::after,
.is-style-titre-no-margin::after {
    content: '';
    background-color: var(--tonic);
    height: 4px;
    position: absolute;
    border-radius: 0;
    bottom: -32px;
    width: 75%;
    left: 0px;
}

.has-text-align-center.is-style-titre::after,
.has-text-align-center.is-style-titre-no-margin::after {
    left: 12.5%;
}


.is-style-top-left-rounded .is-style-titre-no-margin {
    font-size: 2rem !important;
    margin-bottom: 0 !important;
    line-height: 2.2rem;
}

.is-style-top-left-rounded .is-style-titre-no-margin strong {
    font-size: 3.2rem;
    font-weight: normal;
    margin-bottom: -33px;
    display: block;
    color: #FFF !important;
    line-height: 2.5rem;
}

.is-style-top-left-rounded .is-style-titre-no-margin .has-inline-color {
    font-weight: 600;
    color: #FFF !important;
}

.is-style-top-left-rounded .is-style-titre-no-margin::after {
    content: unset;
}

.is-style-top-left-rounded .wp-block-buttons {
    margin-top: 0 !important;
}

@media (min-width:992px) {
    .is-style-top-left-rounded .is-style-titre-no-margin {
        margin-left: 55px !important;
    }
    .is-style-top-left-rounded .is-style-titre-no-margin::after {
        content: ' ';
        background-image: url(../img/chevron-slash-red.svg);
        position: absolute;
        width: 100px;
        height: 105px;
        z-index: 3;
        top: 160px;
        left: -75px;
        background-repeat: no-repeat;
        background-color: transparent;
        bottom: unset;
        border-radius: initial;
    }
    .is-style-top-left-rounded .is-style-titre-no-margin::after {
        width: 200px;
        height: 210px;
        top: 120px;
        left: -155px;
    }

}


    /**************/ 

.is-style-titre-chiffre {
    margin: 0 auto 110px auto;
    text-align: left;
    position: relative;
    font-weight: 300 !important;
    font-size: 1.8rem !important;
    width: fit-content;
    text-transform: uppercase;
    line-height: 2.2rem !important;
    margin-top: 70px;
}

.is-style-titre-chiffre em {
    position: absolute;
    display: block;
    left: -61px;
    font-size: 5.3rem;
    top: 14px;
    font-style: normal;
    font-weight: 900;
}

.is-style-titre-chiffre strong {
    font-weight: 900 !important;
    font-size: 2rem;
    color: var(--primary);
}

    /*******************/

.is-style-titre-chiffre.has-background {
    padding: 20px 20px 20px 55px !important;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin: 40px 0 30px  !important;
    position: relative;
    top: -35px;
}

.is-style-titre-chiffre.has-background .has-inline-color[style*="background-color:#"] {
    white-space: nowrap;
}

.is-style-titre-chiffre .has-white-color strong{
    color: #FFF;
}

.is-style-titre-chiffre.has-background em {
    position: absolute;
    left: 9px;
    top: 31px;
}
@media (max-width:991px) {
    h2.is-style-titre-chiffre.has-background,
    h2.is-style-titre-chiffre.has-background strong {
        font-size: 1.8rem !important;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:992px) {
    .is-style-titre-chiffre em {
        font-size: 6.3rem;
    }
    .is-style-titre-chiffre.has-background {
        padding: 20px 20px 20px 70px !important;
        margin: 40px 0 30px 15px !important;
    }
    .is-style-titre-chiffre.has-background em {
        top: 40px;
    }
}

    /**************/

.is-style-titre-puce {
    margin-bottom: 10px !important;
    position: relative;
    padding-left: 25px;
    font-size: 1.35rem !important;
    font-family: 'Titillium Web', sans-serif !important;
}

.is-style-titre-puce::before {
    content: '';
    background-color: var(--tonic);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: absolute;
    display: block;
    left: 0;
    bottom: 12px;
}


   /*******************************/

h2.is-style-central-bg-title {
    text-align: left !important;
    text-transform: none;
    font-weight: normal !important;
    margin: auto !important;
    position: relative;
    font-size: 1.7rem !important;
    line-height: 1.7rem !important;
}

h2.is-style-central-bg-title strong,
h2.is-style-central-bg-title mark{
    text-transform: uppercase;
}

h2.is-style-central-bg-title strong{
    color: inherit !important;;
    line-height: 2rem !important;
}

h2.is-style-central-bg-title mark {
    font-weight: 800;
    position: relative;
    z-index: 0;
    display: block;
    width: fit-content;
}

h2.is-style-central-bg-title::before {
    content: ' ';
    background-image: url(../img/chevron-dot-big-slash.png);
    position: absolute;
    top: -170px;
    right: -160px;
    z-index: -1;
    width: 600px;
    height: 595px;
    background-repeat: no-repeat;
    opacity: 0.6;
    background-position: top right;
    scale: 0.5;
}

@media (min-width:992px) {
    .is-style-titre {
        margin: 80px 0 100px !important;
    }
    .is-style-titre-no-margin {
        margin: 0px 0 100px !important;
    }
}


/******* BTN BURGER SECONDAIRE    ******/

.secondary-burger-box {
    transition: all .3s;
    padding: 10px 30px 0;
    display: flex;
    align-items: center;
    z-index: 10;
    display: none;
}

@media (min-width:992px) {
    .secondary-burger-box {
        display: block;
    }
}

.secondary-burger-box.sticky {
    transform: scale(.75);
    top: 20px;
}


.secondary-burger-box .btn {
  width: 40px;
  cursor: pointer;
}

.secondary-burger-box span {
  display: block;
  width: 100%;
  border-radius: 3px;
  height: 5px;
  background: var(--primary);
  transition: all .3s;
  position: relative;
}

.secondary-burger-box span + span {
  margin-top: 10px;
}

.secondary-burger-box span:nth-child(2){
    width: 26px;
}

.secondary-burger-box span:nth-child(2)::after {
    content: '';
    display: block;
    width: 10px;
    background: var(--tonic);
    height: inherit;
    position: absolute;
    right: -14px;
    border-radius: inherit;
}


.secondary-burger-box:not(.sticky) .active span{
    background-color: #FFF;
}




.secondary-burger-box .active span:nth-child(1) {
  animation: ease .7s top forwards;
}

.secondary-burger-box .not-active span:nth-child(1) {
  animation: ease .7s top-2 forwards;
}

.secondary-burger-box .active span:nth-child(2) {
  animation: ease .7s scaled forwards;
}

.secondary-burger-box .not-active span:nth-child(2) {
  animation: ease .7s scaled-2 forwards;
}

.secondary-burger-box .active span:nth-child(3) {
  animation: ease .7s bottom forwards;
}

.secondary-burger-box .not-active span:nth-child(3) {
  animation: ease .7s bottom-2 forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 11px;
    transform: rotate(0);
  }
  100% {
    top: 11px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 11px;
    transform: rotate(45deg);
  }
  50% {
    top: 11px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 19px;
    transform: rotate(0);
  }
  100% {
    bottom: 19px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 19px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 19px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}









/****** SECONDARY MENU *****/

aside.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    transition: all 0.4s ease-in-out;
}

.aside-section {
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
}

.aside-left {
  display: none;
  width: 40%;
  left: 0;
  background-color: var(--neutral);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform 0.4s ease-in-out;
}

.aside-right {
  width: 100%;
  right: 0;
  background-color: var(--dark);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
}

.secondary-navigation {
    height: 100%;
}

.secondary-menu-mobil-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.aside-content {
    margin-top: -100px;
    width: 75%;
    position: relative;
    transition: transform 0.4s ease-in-out;
    margin-left: auto;
    margin-right: auto;
}

.aside-left.active .aside-content {
    margin-top: 320px;
    transition: transform 0.4s ease-in-out;
}

.aside-content p {
    font-family: 'Amaranth', sans-serif;
    font-size: 1.95rem;
    text-transform: uppercase;
    line-height: 1.9rem;
    color: var(--dark);
}

.aside-content p strong {
    display: block;
    font-size: 1.8rem;
}

aside .ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 200;
    padding-right: 45px;
}


aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target,
aside .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
    color: #FFF !important;
    position: relative;
}

aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target::after,
aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target::after,
aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target::after,
aside .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target::after {
    content: ' ';
    position: absolute;
    bottom: 7px;
    left: 30px;
    right: 50px;
    height: 1px;
    background-color: var(--tonic);
}

aside .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target::after {
    background-color: #FFF;
}


aside .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
    margin-top: 0;
    transform: rotate(0deg) translateY(-50%) !important;
    transform-origin: top;
}

aside .ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target,
aside .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: #062542;
    color: #FFF;
    transition: all 0.4s ease-in-out;
}

aside .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target:hover,
aside .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-active > .ubermenu-target {
    color: var(--neutral-dark);
    transition: all 0.4s ease-in-out;
}

aside .ubermenu-vertical .ubermenu-item > .ubermenu-submenu-drop {
    bottom: 0;
}

aside .ubermenu-skin-minimal .ubermenu-submenu,
aside .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target {
    color: #fff;
    font-size: 1rem;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
}

aside .ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop {
    background: #062542;
    border: none !important;
    box-shadow: none;
    border-bottom-right-radius: 25px;
    padding-top: 20px;
}

aside .ubermenu-skin-minimal.ubermenu-responsive-toggle{
    display: none;
}

aside .aside-left.active {
  transform: translateY(0%);
  transition: transform 0.4s ease-in-out;
}

aside .aside-right.active {
  transform: translateX(0%);
  transition: transform 0.4s ease-in-out;
}


@media (min-width: 992px) {
    h1 {
        font-size: 40px;
    }
    .aside-left {
        display: block;
    }

    .aside-right {
        width: 60%;
    }
    aside .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
        transform: rotate(-90deg) translateY(-50%) !important;
    }
}

/*************************/
/*    CITATIONS          */
/*************************/

.wp-block-quote {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding-left: 0;
    border-left: none;
    position: relative;
    max-width: 65%;
}

.is-style-chapeau + .wp-block-quote {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.is-style-chapeau + .wp-block-quote p.is-style-h3 {
    font-size: 1.75rem !important;
    line-height: 1.75rem;
}

.wp-block-quote::before {
    content: ' ';
    background-image: url(../img/red-quotes.svg);
    position: absolute;
    width: 30px;
    height: 39px;
    top: -10px;
    left: -40px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

/************ CONTEXT ISON BOX BACKGROUND DARK  *******/
.has-dark-background-color.has-background .box-titre {
    color: #FFF;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.has-dark-background-color.has-background .box-icon .box-img {
    width: 115px;
}



/************************************/
/*     SUGGESTION ARTICLES          */
/************************************/

.block-suggestion h2 {
    font-size: 1.4rem !important;
    line-height: 1.4rem !important;
    margin-top: 15px !important;
}



/*********** COLUMNS HACHURES ********/

.is-style-hachures-rounded::before {
    content: ' ';
    background-image: url(../img/neutral-hatch-background.jpg);
    position: absolute;
    left: 0;
    bottom: 10px;
    top: -150px;
    right: 10%;
    z-index: -1;
    border-bottom-right-radius: 120px;
}

.is-style-hachures-rounded::after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff0f', GradientType=0);
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    top: -150px;
    right: 0;
    z-index: -1;
}

.is-style-hachures {
    background-image: url(../img/neutral-hatch-background.jpg);
    background-repeat: repeat;
    position: relative;
    padding: 50px 0;
}

.is-style-hachures .wp-block-column {
    z-index: 10;
}

.is-style-hachures::before {
    content: ' ';
    position: absolute;
    background-color: #FFF;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    z-index: -1;
}

.is-style-hachures::after {

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 28%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: -1;
}

.is-style-hachures .wp-block-columns {
    --container-gutter: 16px;
    padding-left: var(--container-gutter);
    padding-right: var(--container-gutter);
    margin-bottom: 0;
    max-width: 1250px;
    position: relative;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.is-style-hachures .wp-block-columns  .wp-block-column {
    padding-left: 10px;
    padding-right: 10px;
}

.is-style-hachures .is-style-titre-chiffre + .wp-block-columns .wp-block-column {
    padding-left: 10px;
    padding-right: 10px;
}

.is-style-hachures .acf-block-buttons {
    margin-top: 20px !important;
}


.is-style-hachures .is-style-titre-no-margin {
    margin-bottom: 100px !important;
}

@media (min-width: 992px) {
    .is-style-hachures .wp-block-columns .wp-block-column{
        padding-left: 40px;
        padding-right: 40px;
    }
    .is-style-hachures .is-style-titre-no-margin {
        margin-bottom: 50px !important;
    }
}

/********* ICON BOX ROUNDED *****/

.box-icon.is-style-img-rounded .box-img::before {
    content: initial !important;
}

.box-icon.is-style-img-rounded .box-img {
    width: 200px !important;
    position: relative !important;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid var(--dark);
}

.box-icon.is-style-img-rounded  .box-img img {
    height: 100%;
    max-width: unset;
    width: auto;
}


/******** LISTE ETAPES ********/
ol.is-style-num_etapes {
    list-style: none;
    counter-reset: item;
    z-index: 20;
    position: relative;
}
@media (max-width:991px) {
    ol.is-style-num_etapes {
        padding-left: 0 !important;
    }
}

ol.is-style-num_etapes > li {
    position: relative;
    padding-bottom: 60px;
    counter-increment: step-counter;
    padding-left: 85px;
}

ol.is-style-num_etapes > li:not(:first-child){

    margin-top: -50px;
}

ol.is-style-num_etapes > li strong:nth-child(1) {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 7px;
}

ol.is-style-num_etapes > li:not(:first-child) strong {
    margin-top: 45px;
}

ol.is-style-num_etapes > li::before {
    line-height: 46px;
    content: "0"counter(step-counter);
    background: var(--highlight);
    border-radius: 100%;
    color: var(--dark);
    width: 48px;
    text-align: center;
    display: inline-block;
    height: 48px;
    border: 4px solid var(--highlight);
    font-size: 2rem;
    font-weight: 900;
    position: absolute;
    left: 0;
    z-index: 8;
}

ol.is-style-num_etapes > li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 28px;
    height: 100%;
    width: 4px;
    background-color: var(--highlight);
    z-index: 2;
}

ol.is-style-num_etapes > li:last-child {
    padding-bottom: 0px;
}


/******** STICKY COLUMN CONTENT  ****/

.wp-block-column.is-style-sticky_container h2 {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}





 /***** icon box contexte is-style-hachures  ****/

.is-style-hachures .box-icon:not(.is-style-img-rounded) {
    display: flex;
}

.is-style-hachures .box-icon:not(.is-style-img-rounded)  .box-img {
    width: 75px;
    position: relative;
    margin: 0 15px 10px;
}

.is-style-hachures .box-icon:not(.is-style-img-rounded)  .box-img img {
    width: 75px;
    max-width: unset;
}

.is-style-hachures .box-icon:not(.is-style-img-rounded) .box-img::before {
    content: ' ';
    background-color: #FFF;
    position: absolute;
    top: 6px;
    left: -22px;
    width: 70px;
    height: 70px;
    z-index: -1;
    border-bottom-left-radius: 10px;
    border: 1px solid var(--neutral);
    border-top-right-radius: 10px;
}

@media (min-width:992px) {
    .is-style-hachures .box-icon .box-img {
        width: 115px;
        margin: auto;
    }
    .is-style-hachures .box-icon {
        display: initial;
    }
    .is-style-hachures .box-icon .box-img::before {
         border-bottom-left-radius: 20px;
         border-top-right-radius: 20px;
    }
    .is-style-hachures .box-icon .box-img img {
        width: auto;
    }
    .is-style-hachures .box-icon:not(.is-style-img-rounded) {
        flex-direction: column;
        justify-content: center;
    }
    .is-style-hachures .box-icon:not(.is-style-img-rounded)  .box-img {
        margin-left: auto;
        margin-right: auto;
    }
}


.is-style-hachures .box-icon .box-titre a {
    font-size: 1.35rem;
    color: var(--dark);
    text-transform: uppercase;
}

.is-style-hachures .box-icon .box-titre {
    margin-bottom: 0;
}





/*****************************************************************************************/
/*     Réglage du responsive pour les colonnes ayant le titre dans la colonne du milieu  */
/*****************************************************************************************/
@media (max-width:991px) {
    .is-style-title-centred h2 {
        font-size: 2rem !important;
        line-height: 2rem !important;
        text-align: center;
    }
    .is-style-title-centred .wp-block-column + .wp-block-column {
        order: 1;
    }

    .is-style-title-centred .wp-block-column {
        order: 2;
    }
}







/**********  BUTTONS   ***********/

.wp-block-button__link,
.wp-block-button__link.is-bigger {
    font-family: 'Amaranth', sans-serif;
    border-radius: 0 !important;
    border-bottom-right-radius: var(--button-default-radius) !important;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all 150ms ease-in-out;
    box-shadow: 0 0 0.2em 0 #00000059;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
    box-shadow: none;
    transform: translateY(0.25em);
    transition:all 150ms ease-in-out;
}

.wp-block-button__link.bg-tonic {
    border: 4px solid var(--tonic);
}

.wp-block-button__link.bg-tonic:hover,
.wp-block-button__link.bg-tonic:focus {
    color: var(--tonic) !important;
    background-color: #FFF !important;
}





/********* CARDS ICON TOP  **********/

.is-style-card-icon-top {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--neutral-dark);
    border-bottom-right-radius: 20px;
    padding: 10px 25px 30px;
    margin: 0 0px;
    background-color: var(--neutral-light);
    height: 100%;
}

.is-style-card-icon-top.wp-block-media-text .wp-block-media-text__content {
    padding-left: 0;
}

.is-style-card-icon-top .wp-block-media-text__media img {
    width: 90px;
    margin-top: 20px;
    position: relative;
    z-index: 4;
}

.is-style-card-icon-top .wp-block-media-text__media {
    position: relative;
    left: 11px;
    margin-bottom: 15px;
}

.is-style-card-icon-top .wp-block-media-text__media::after {
    content: ' ';
    background: #FFF;
    width: 80px;
    height: 80px;
    display: block;
    top: 18px;
    position: absolute;
    z-index: 0;
    border: 1px solid var(--neutral-dark);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    left: -16px;
}

/********* CARDS OVER  **********/
.wp-block-media-text.is-style-card-full-over {
    border: none;
    border-radius: 0;
    border-bottom-right-radius: 35px;
    position: relative;
    height: auto;
    padding: 70px 40px 150px;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

.wp-block-media-text.is-style-card-full-over .wp-block-media-text__media::after
{
    content: none;
}

.wp-block-media-text.is-style-card-full-over .wp-block-media-text__media {
    position: relative;
    border-radius: 0;
    transition: 0.4s ease-in-out;
}

.wp-block-media-text.is-style-card-full-over .wp-block-media-text__content {
    position: absolute;
    color: unset;
    z-index: 1;
    top: calc(100% - 140px);
    right: 0;
    left: 0;
    padding-left: 40px;
    padding-right: 40px;
    transition: 0.4s ease-in-out;
}

.wp-block-media-text.is-style-card-full-over:hover .wp-block-media-text__content {
    top: 0;
}

.wp-block-media-text.is-style-card-full-over:hover .wp-block-media-text__media {
    opacity: 0;
}

.editor-styles-wrapper .wp-block-media-text.is-style-card-full-over .wp-block-media-text__content {
    position: relative;
}

.wp-block-media-text.is-style-card-full-over .wp-block-heading{
    position: relative;
    margin-bottom: 0 !important;
}

.wp-block-media-text.is-style-card-full-over .wp-block-heading::before {
    position: absolute;
    top: 8px;
    width: 4px;
    background-color: var(--tonic);
    content: '';
    bottom: 4px;
    left: -15px;
}

.wp-block-media-text.is-style-card-full-over p.has-tonic-color {
    line-height: 19px;
}

.wp-block-media-text.is-style-card-full-over p + p {
    margin-top: 70px !important;
    transition: 0.4s ease-in-out;
}

.wp-block-media-text.is-style-card-full-over:hover  p + p {
    margin-top: 8px !important;
}

.wp-block-media-text.is-style-card-full-over .wp-block-media-text__content .wp-block-buttons:last-child {
    padding-top: 1rem !important;
}

.wp-block-media-text.is-style-card-full-over .wp-block-media-text__content .wp-block-buttons .wp-block-button {
    margin: 0 !important;
}


/************** POLITIQUE DE CONFIDENTIALITÉ   *****/

.privacy-policy article .wp-block-group,
#LEGAL .wp-block-group,
.page-id-21263 .wp-block-group {
    width: 90%;
    margin-left: auto;
    margin-right:  auto;
}

.privacy-policy article .wp-block-group:not(.is-style-neutral-texture-background),
#LEGAL .wp-block-group:not(.is-style-neutral-texture-background),
.page-id-21263 .wp-block-group:not(.is-style-neutral-texture-background) {
    width: 80%;
}


/********* CARDS ICON EXPERTISES  **********/

.wp-block-media-text.is-style-card-expertises {
    display: flex;
    position: relative;
    transition: all 150ms ease-in-out;
    margin: 0;
    padding: 24px;
}


.wp-block-media-text.is-style-card-expertises:before {
   content: ' ';
    background-image: url(../img/neutral-hatch-background.jpg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    opacity:.5;
}

.wp-block-media-text.is-style-card-expertises::after {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
    right: 0;
    z-index: 0;
    height: 300px;
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__content {
    padding: 0;
    position: relative;
    margin-top: 140px;
    z-index: 10;
}


.wp-block-media-text.is-style-card-expertises .wp-block-media-text__media {
    position: absolute !important;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    height: 100px;
    width: 100px !important;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border: 5px solid var(--neutral-light);
}

.wp-block-media-text.is-style-card-expertises.has-web-color .wp-block-media-text__media {
    border-color: var(--web-color);
}

.wp-block-media-text.is-style-card-expertises.has-multicanal-color .wp-block-media-text__media {
    border-color: var(--multicanal-color);
}

.wp-block-media-text.is-style-card-expertises.has-telemarket-color .wp-block-media-text__media {
    border-color: var(--telemarket-color);
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__media  img {
    width: 83px;
    margin: auto;
    position: absolute;
    left: 30px;
    top: 20px;
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__content h3 {
    margin-top: 20px;
    margin-bottom: 0;
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__content p {
    font-size: 1.1rem;
    line-height: 1.4rem;
    padding: 25px 0 0;
    position: relative;
    transition: all 150ms ease-in-out;
    min-height: 140px;
    font-weight: 600;
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__content p::after {
    background-image: url(../img/red-simple-chevron.svg);
    content: ' ';
    position: absolute;
    width: 18px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s;
    opacity: 0;
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__content ul {
    list-style: none;
    padding: 20px 0 0;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.wp-block-media-text.is-style-card-expertises .wp-block-media-text__content a {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 300;
    text-decoration: none;
    margin: 3px 0;
    display: block;
    text-align: center;
    transition: all 150ms ease-in-out;
}


.wp-block-media-text.is-style-card-expertises a:hover {
    font-weight: 600;
    font-size: 1.35rem;
}

.wp-block-media-text.is-style-card-expertises:hover .wp-block-media-text__content p::after {
    bottom: -15px;
    opacity: 1;
}

.wp-block-media-text.is-style-card-expertises {
    transform: perspective(3000px) rotateX(0deg);
    transition: transform .5s ease 0s;
}

.wp-block-media-text.is-style-card-expertises:hover {
  transform: perspective(1500px) rotateX(-15deg);
}

/**************   bon a savoir    ********/

.bon-a-savoir .is-style-card {
    border: none;
    position: relative;
    border-radius: 0 0 40px;
    height: fit-content;
}

.bon-a-savoir .is-style-card .wp-block-media-text__media {
    position: absolute;
    width: 120px;
    height: 120px;
    padding: 0;
    top: -70px;
    right: 0;
    transform: rotate(9deg);
}

/********** BANNIERE TITRE *********/
.is-style-banner-title {
    margin-bottom: 80px;
     display: grid;
     grid-template-columns: 1fr calc( var(--max-width) + ( var(--container-gutter) * 2 ) ) 1fr;
}

.is-style-banner-title .wp-block-cover__inner-container {
    padding-left: 20px;
    padding-top: 100px;
    text-transform: uppercase;
    grid-column-start: 2;
}

.is-style-banner-title h2 {
    font-size: 2rem !important;
    line-height: 2.3rem !important;
}

@media (min-width:992px) {
    .is-style-banner-title {
        height: 578px;
    }
    .is-style-banner-title img{
        border-bottom-left-radius: 120px;
        grid-column: 2;
    }
    .is-style-banner-title .wp-block-cover__inner-container {

        padding-left: 230px;
        padding-top: 185px;
    }

    .is-style-banner-title::before {
        content: ' ';
        background-image: url(../img/chevron-dot-big-slash.png);
        position: absolute;
        bottom: -440px;
        left: 85px;
        z-index: 0;
        width: 872px;
        height: 1056px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media (min-width:992px) {
    .is-style-banner-title img{
        border-bottom-left-radius: 200px;
    }
}


/***********************************************************/
/*          BANNIERE IMAGE ROUNDED   +   JOB BANNER        */
/***********************************************************/
.is-style-job-banner {
    align-items: end;
    padding-bottom: 0;
}


.is-style-banner-rounded-img .wp-block-cover__background,
.is-style-job-banner .wp-block-cover__background {
    opacity: 1 !important;
    background-color: transparent !important;
}
@media (max-width:991px) {
    .is-style-banner-rounded-img .wp-block-cover__background,
    .is-style-job-banner .wp-block-cover__background {
        display: none;
    }
}

.is-style-banner-rounded-img::before {
    content: ' ';
    background-image: url(../img/chevron-slash-bottom.png);
    position: absolute;
    top: 180px;
    right: calc(40% + 60px);
    z-index: -1;
    width: 392px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-135deg) scaleX(-1);
}


.is-style-banner-rounded-img,
.is-style-job-banner {
    position: relative;
    /*min-height: 290px;
    overflow: hidden;*/
}


@media (min-width:992px) {
    /*.is-style-banner-rounded-img {
        min-height: 480px;
    }*/
    .is-style-job-banner {
        min-height: 450px;
    }
}


.is-style-banner-rounded-img img,
.is-style-job-banner img {
    left: calc(50% + 30px) !important;
    right: 0 !important;
    object-fit: contain !important;
    object-position: left top;
    border-top-left-radius: 110px !important; 
    border-bottom-left-radius: 0 !important; 
    display: none;
}

.single-success-story .is-style-banner-rounded-img img.logo_client {
    border-radius: 0 !important;
}

@media (min-width:992px) and (max-width: 1249px) {
    .is-style-banner-rounded-img img {
        width: 480px !important;
        border-radius: 30px !important;
    }
}




.is-style-job-banner img {
    border-radius: 0 !important;
    height: 90%;
    top: 10%;
}

.is-style-banner-rounded-img p:first-child,
.is-style-job-banner p:first-child {
    font-family: 'Amaranth', sans-serif;
    font-style: normal;
    font-size: 1.4rem;
    margin-bottom: 15px;
    line-height: 1.4rem;
}

.is-style-banner-rounded-img h1,
.is-style-job-banner h1 {
    margin-bottom: 30px !important;
    width: fit-content;
    position: relative;
    font-size: 40px !important;
    line-height: 41px !important;
    margin-top: 5px !important;
}

.is-style-banner-rounded-img p,
.is-style-job-banner p {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 40px;
}


@media (max-width:991px) {


    .is-style-job-banner {
        padding: 0;
    }

    .is-style-banner-rounded-img {
        display: block;
    }
    .is-style-banner-rounded-img .psll_container{
        padding: 0;
    }
    .is-style-banner-rounded-img img {
        position: relative;
        left: 0;
        border-radius: 0;
        margin-bottom: 35px;
    }
    .is-style-banner-rounded-img .wp-block-cover__background::before {
        display: none;
    }
}

@media (min-width:992px) {

    .is-style-banner-rounded-img {
        min-height: 558px;
    }
    .is-style-job-banner .wp-block-cover__inner-container p,
    .is-style-job-banner .wp-block-cover__inner-container h1 {
        max-width: 50%;
    }
    .is-style-banner-rounded-img p:first-child {
        font-size: 1.6rem;
        margin-bottom: 0px;
        line-height: normal;
    }
    .is-style-banner-rounded-img img,
    .is-style-job-banner img {
        display: block;
    }
    .is-style-banner-rounded-img p,
    .is-style-job-banner p {
        width: 88%;
    }
}
@media (min-width:1250px) {

    .is-style-banner-rounded-img img:not(.logo_client) {
        border-top-left-radius: 280px !important;
        border-bottom-left-radius: 280px !important;
    }
    .is-style-banner-rounded-img .wp-block-cover__background::before {
        content: ' ';
        background-image: url(../img/chevron-slash-red.svg);
        position: absolute;
        width: 250px;
        height: 265px;
        z-index: 3;
        bottom: -50px;
        right: 22%;
        background-repeat: no-repeat;
    }
}


/********************************/
/*         COCON BANNER         */
/********************************/
.is-style-cocon-banner {
    margin-bottom: 50px;
    min-height: 170px;
}
.is-style-cocon-banner .wp-block-cover__background {
    
    display: none;
}

.is-style-cocon-banner img {
    display: none;
}

.is-style-cocon-banner .wp-block-cover__inner-container {
    max-width: 90%;
    position: absolute;
    bottom: 22px;
    text-align: center;
}

.is-style-cocon-banner .wp-block-cover__inner-container h1 {
    font-size: 2rem !important;
    line-height: 2rem;
}

@media (min-width:992px) {
    .is-style-cocon-banner {
        margin-bottom: 120px;
        min-height: 430px;
    }
    .is-style-cocon-banner .wp-block-cover__background {
        display: block;
        opacity: 1;
        z-index: -1;
        background-color: var(--neutral) !important;
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 70px;
        height: 250px;
        top: initial;
    }
    .is-style-cocon-banner .wp-block-cover__inner-container h1 {
        font-size: 2.75rem !important;
        line-height: 2.75rem;
    }
    .is-style-cocon-banner img {
        width: 290px !important;
        left: 30px !important;
        right: initial !important;
        display: block;
    }
    .is-style-cocon-banner .wp-block-cover__inner-container {
        padding-left: 90px;
        max-width: 60%;
        position: absolute;
        text-align: left;
        bottom: 60px;
    }
}




/*******************************/
/*     SINGLE JOB              */
/*******************************/
.single-job .wp-block-group.has-background {
    border-bottom-right-radius: 40px;
}

.single-job .wp-block-group.has-background > .wp-block-group__inner-container {
    padding: 30px 30px 50px;
}



.single-job .wp-block-quote::before {
    left: -30px;
    top: -15px;
    width: 30px;
    height: 38px;
}

.single-job ul.acf-block-listapuce {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 120px;
}

.single-job ul.acf-block-listapuce .puce-item {
    margin-bottom: 20px;
}

.single-job ul.acf-block-listapuce figure {
    border: 2px solid var(--dark);
    margin: 15px 15px 15px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
}

.single-job ul.acf-block-listapuce p {
    margin: 0 15px;
    color: var(--dark);
    text-transform: uppercase;
    font-size: .9rem;
    line-height: 1rem;
}

.single-job ul.acf-block-listapuce p.is-style-h3 {
    border-radius: 100%;
    color: #FFF;
    width: 48px;
    height: 48px;
    font-size: 2rem;
    font-weight: 900;
    position: absolute;
    left: -22px;
    top: 0;
    background-color: var(--dark);
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-job ul.acf-block-listapuce .puce-item + .puce-item {
    margin-top: 0 !important;
}
.single-job ul.acf-block-listapuce .puce-item i {
    display: none;
}

@media (min-width:992px) {
    .post-type-job ul.acf-block-listapuce,
    .single-job ul.acf-block-listapuce {
        grid-auto-flow: column;
    }
    .single-job .wpcf7 {
        width: 80%;
        margin: auto;
    }
}


/***************************************************/
/*     HOME CARROUSEL IMAGES                       */
/***************************************************/
.home .carousel_image {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}


/**************************************************/
/*             CHAPEAU                            */
/**************************************************/

.is-style-chapeau {
    padding: 50px 0;
    margin-bottom: 15px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    position: relative;
    z-index: 10;
}

@media (min-width:992px) {
    .is-style-chapeau {
        padding: 40px 30px 30px 30px;
    }
}






/**************************************************/
/*             TOP LEFT ROUNDED                   */
/**************************************************/
.is-style-top-left-rounded{
    background-color: transparent !important;
    position: relative;
}
.has-dark-background-color.is-style-top-left-rounded::before{
    background-color: var(--dark) ;
}
.has-neutral-background-color.is-style-top-left-rounded::before{
    background-color: var(--neutral) ;
}
.has-neutral-dark-background-color.is-style-top-left-rounded::before{
    background-color: var(--neutral-dark) ;
}
.has-neutral-light-background-color.is-style-top-left-rounded::before{
    background-color: var(--neutral-light) ;
}
.is-style-top-left-rounded::before {
    position: absolute;
    top: -20px;
    width: 100%;
    right: 0;
    bottom: 0px;
    content: ' ';
    z-index: -1;
}

.is-style-top-left-rounded .has-text-align-right {
    text-align: center;
}




@media (min-width:992px) {
    .is-style-top-left-rounded::before {
        width: calc(100vw - 8%);
        border-top-left-radius: 110px;
    }

    .is-style-top-left-rounded .has-text-align-right {
        text-align: right;
    }

     .is-style-top-left-rounded ol {
        padding-left: 2.5rem;
     }

}



body.wp-admin .has-dark-background-color.is-style-top-left-rounded {
    background-color: var(--dark) !important;
}
body.wp-admin .has-neutral-background-color.is-style-top-left-rounded {
    background-color: var(--neutral) !important;
}
body.wp-admin .has-neutral-dark-background-color.is-style-top-left-rounded {
    background-color: var(--neutral-dark) !important;
}
body.wp-admin .has-neutral-light-background-color.is-style-top-left-rounded {
    background-color: var(--neutral-light) !important;
}


/***********************/
/*       TIMELINE      */
/***********************/
.block-events .event {
    background-color: transparent !important;
    padding: 0 !important;

}



/***************************************************/
/*                    CHIFFRES CLES                 */
/***************************************************/

.chiffre_cle,
.acf-block-keynumber p,
.acf-block-keynumber a {
    font-family: 'Amaranth', sans-serif !important;
    color: var(--dark) !important;
    text-decoration: none;
}

.chiffre_cle {
    font-size: 4.5rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    margin-bottom: 30px;
    text-align: center;
}

.chiffre_cle .chiffre_cle__number {
    display: inline-block;
    position: relative;
    min-width: 110px;
}

.chiffre_cle .chiffre_cle__number::after {
    content: '';
    height: 5px;
    background-color: var(--dark);
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    min-width: 110px;
}

.acf-block-keynumber p {
    text-align: center;
    font-size: 1.25rem;
    padding: 10px 30px 0;
    margin-bottom: 70px;
    font-weight: 300;
}
@media (min-width:992px) {
    .acf-block-keynumber p {
        padding: 50px 30px 0;
        margin-bottom: initial;
        text-align: left;
    }
    .chiffre_cle {
        text-align: left !important;
    }
}
@media (min-width:992px) {
    .chiffre_cle {
        font-size: 4.5rem !important;
    }
}
@media (min-width:1250px) {
    .chiffre_cle {
        font-size: 6.5rem !important;
    }
   .acf-block-keynumber p {
        padding: 20px 75px 0 0;
    }

}


.has-dark-background-color.has-background .chiffre_cle,
.has-dark-background-color.has-background .acf-block-keynumber p.has-white-color,
.has-dark-background-color.has-background .acf-block-keynumber a {
    color: #FFF !important;
}

.has-dark-background-color.has-background .chiffre_cle {
    font-size: 4.5rem !important;
    padding-left: 15px;
}

.has-dark-background-color.has-background .acf-block-keynumber p { 
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 1rem;
    padding:0 15px 15px;
    font-weight: 300;
    margin-top: 0;
}

.has-dark-background-color.has-background .chiffre_cle .chiffre_cle__number::after {
    background-color: #FFF;
    min-width: 60px;
}
.has-dark-background-color.has-background.is-style-border-rounded {
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    z-index: 5;
}

/***********************************************/
/*                MODAL POPUP                 */
/**********************************************/


/* The Modal (background) */
.modal .overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 200; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
    transition: all 0.3s;
}

/* Modal Content */
.modal-content {
    display: none;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 95%;
    position: absolute;
    border-bottom-right-radius: 26px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
    z-index: 205;
    left: 50%;
    /* top: 0; */
    transform: translateX(-50%);
}

.modal-content form {
    margin: 35px 0px 15px !important;
    display: flex;
    flex-direction: column;
}

.modal-content .SIGNUP_FLD{
}

.modal-content  .img-container {
    padding-top: 4px;
    text-align: center;
}

.modal-content .wp-block-columns{
    margin-bottom: 0;
}

.modal-content .newsletter-content input[type="text"],
.page-inscription-newsletter .newsletter-content input[type="text"] {
    background-color: #FFF;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
    border-bottom-color: var(--dark);
    color: var(--primary);
    width: 100%;
    font-size: 1.2rem;    
    font-family: 'Titillium Web', sans-serif;
    outline: none;
}

.modal-content .newsletter-content input[type="button"],
.page-inscription-newsletter .newsletter-content input[type="button"] {
    background-color: var(--dark);
    border: 2px solid var(--dark);
    padding: 4px 20px;
    color: #FFF;
    font-size: 1rem;
    font-family: amaranth;
    text-transform: uppercase;
    border-bottom-right-radius: 12px;
    margin-top: 15px;
}

.modal-content .newsletter-content p,
.page-inscription-newsletter .newsletter-content p {
    color: var(--primary);
    font-family: 'Amaranth', sans-serif;
    letter-spacing: .1rem;
    width: fit-content;
    text-align: center;
    margin: 15px auto 0;
}

.modal-content .newsletter-content strong,
.page-inscription-newsletter .newsletter-content strong {
    font-weight: 600;
    font-size: 1.5rem;
    display: block;
    margin-bottom: 5px;
}


/* The Close Button */
.modal-close {
    color: #000;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background-color: #FFF;
    z-index: 55;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 4px solid #000;
    line-height: 21px;
}



.modal-close:hover,
.modal-close:focus {
  color: #666;
  text-decoration: none;
  cursor: pointer;
}



@media (min-width:992px) {
    .modal-content form {
       margin: 35px 60px 15px !important;
       flex-direction: row;
    }
    .modal-content {
        width: 770px;
    }
    .modal-content .newsletter-content strong {
        font-size: 1.7rem;
    }
    .modal-content .SIGNUP_FLD{
        margin-left: auto;
    }

    .modal-content .SIGNUP_FLD + .SIGNUP_FLD {
        margin-right: auto;
        margin-left: 20px;
    }
    .modal-close {
        right: -20px;
        top: -10px;
    }
    .modal-content .newsletter-content input[type="text"] {
        width: 300px;
    }
    .modal-content .newsletter-content input[type="button"] {
        margin-top: 0;
    }

}

@media (min-width:992px) {
    .modal-content {
        width: 775px;
    }

    .modal-content .wp-block-columns .wp-block-column:first-child{
        flex-basis: 20%;
    }

    .modal-content .wp-block-columns .wp-block-column:last-child{
        flex-basis: 80%;
    }

    .modal-content .newsletter-content input[type="text"] {
        width: 305px;
    }
}

@media (min-width:1250px) {
    .modal-content {
        width: 790px;
    }

     .modal-content .newsletter-content input[type="text"] {
        width: 320px;
    }
}


@media (min-width:1400px) {
    .modal-content {
        width: 790px;
    }

     .modal-content .newsletter-content input[type="text"] {
        width: 320px;
    }
}


@media (min-width:2000px) {
    .modal-content {
        width: 815px;
    }

    .modal-content .wp-block-columns .wp-block-column:first-child{
        flex-basis: 20%;
    }

     .modal-content .newsletter-content input[type="text"] {
        width: 340px;
    }
}

/******** POPUP CALENDLY ********/

#myCalendlyModal {
    padding-top: 120px; /* Location of the box */
}

.calendly-inline-widget {
    position: relative;
    min-width: 300px;
    height: 590px;
    border-top-left-radius: 40px;
    overflow: hidden;
}


@media (min-width:992px) {

    .calendly-inline-widget {
        min-width: 450px;
        height: 630px;
        border-top-left-radius: 50px;
    }
}






/************************************************/
/*    PAGE SPECIFIQUE INSCRIPTION NEWSLETTER    */
/************************************************/

.fullHeight {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.fullHeight .wp-block-column {
    display: flex;
    align-self: initial;
    align-items: center;
}

.page-inscription-newsletter .logo_container,
.page-inscription-newsletter .newsletter-content {
    justify-content: center;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.page-inscription-newsletter .logo_container a {
    display: block;
    height: 120px;
    margin: auto;
}

.page-inscription-newsletter .newsletter-content form {
    text-align: center;
}

.page-inscription-newsletter .newsletter-content {
    padding-left: 15px;
    padding-right: 15px;
}



@media (min-width:782px) {
    .fullHeight .wp-block-column {
        height: 100%;
        display: flex;
        align-self: center;
        align-items: center;
    }

    .fullHeight .wp-block-column {
        flex-basis: 50% !important;
    }

    .page-inscription-newsletter .newsletter-content {
       padding: 0;
    }
    .page-inscription-newsletter .newsletter-content p {
        text-align: left;
        margin-left: 0;
    }
    .page-inscription-newsletter .logo_container {
        justify-content: end;
    }
    .page-inscription-newsletter .newsletter-content {
        justify-content: start;
    }

    .page-inscription-newsletter .newsletter-content form {
        text-align: left;
    }
    .page-inscription-newsletter .newsletter-content input[type="text"] {
        width: 320px;
    }
}

@media (min-width:992px) {
    .fullHeight .wp-block-column {
        flex-basis: 33.33% !important;
    }

    .fullHeight .wp-block-column + .wp-block-column {
        flex-basis: 66.66% !important;
    }
    .page-inscription-newsletter .logo_container a {
        max-width: 340px;
        margin-right: 55px;
    }

}



/***************************/
/*   COMPARISON TABLE      */
/***************************/

.price_toggle-btn_container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 100px;
    position: relative;
}

.price_toggle-btn_container .price_name {
    margin: 0 60px;
    text-align: center;
    font-weight: 700;
    font-size: 1.4rem;
    opacity: .2;
}

.price_toggle-btn_container .price_name.checked {
    opacity: 1;
}

.price_toggle-btn_container .price_name small {
    display: block;
    font-size: .8rem;
    font-weight: normal;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: auto;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1e2321;
  -webkit-transition: 0.4s;
  transform: translate(0px, 0px);
  transition: 0.6s ease transform, 0.6s box-shadow;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--secondary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--secondary);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/** ========================
 * Contenedor
 ============================*/
.pricing-wrapper {
  width: 100%;
  margin: 40px auto 0;
}

.pricing-table {
    display: flex;
    flex-direction: column;
    margin: 0 0px;
    text-align: center;
    width: 100%;
    justify-content: end;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.pricing-table.libelles_container{
    display: none;
}

.pricing-title {
    color: #fff !important;
    padding: 20px 0;
    font-size: 2rem !important;
    margin: 0 !important;
}

.pricing-table.databooster .pricing-title,
.pricing-table.databooster .pricing-action {
  background: #426691;
}

.pricing-table.smartbooster .pricing-title,
.pricing-table.smartbooster .pricing-action {
  background: #0c3d66;
}

.pricing-table.growthbooster .pricing-title,
.pricing-table.growthbooster .pricing-action {
  background: #082c4e;
}

.pricing-table.databooster .price_container {
  background: #3b5b81;
}

.pricing-table.smartbooster .price_container {
  background: #0a3255;
}

.pricing-table.growthbooster .price_container {
  background: #072644;
}

.pricing-table .price_container {
    position: relative;
    min-height: 135px;
}

.pricing-table .price.annuel{
    opacity: 0;
}
.pricing-table .price.mensuel{
    opacity: 1;
}

.pricing-table .price.annuel,
.pricing-table .price.mensuel{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}


.pricing-table .price {
    font-size: 2rem;
    font-weight: 700;
    padding: 20px 0 6px;
    color: #FFF;
    transition:all 0.5s ease;
}

.pricing-table .price p {
    display: inline-block;
}

.pricing-table .price s {
    display: inline-block;
    font-weight: normal;
    font-size: 1rem;
    line-height: .8rem;
}

.pricing-table .price sup {
    font-size: 0.8rem;
    position: relative;
    left: 5px;
    display: block;
    font-weight: normal;
    margin-top: 8px;
}

.pricing-table .price.setup {
    font-size: 1.4rem;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.pricing-table .price.setup small {
    font-size: 0.8rem;
    font-weight: normal;
}

.table-list {
    background: #fff;
    color: #403d3a;
    padding: 0;
    list-style: none;
}

.table-list li .title_for_responsive {
    display: block;
    text-align: center;
    padding: 6px;
    font-size: .9rem;
    line-height: .9rem;
    font-weight: normal;
    margin-bottom: 16px;
}

.table-list li {
    align-items: center;
    font-size: 1.8rem;
    line-height: 1.5rem;
    padding-bottom: 14px;
    font-weight: 400;
}

.table-list li:not(.titre_ligne):not(.entete) {
    justify-content: center;
}

.table-list li.entete {
    font-size: 1.4em;
    font-weight: 700;
    padding: 12px 8px 12px 8px;
    background-color: var(--neutral-dark);
    color: #FFF;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    text-align: center;
}

.pricing-table.libelles_container .entete span{
    display: block;
}

.libelles_container .table-list .entete::before {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
    transform: rotate(90deg);
    position: absolute;
    top: 14px;
    left: 16px;
}

.libelles_container .table-list .entete.closelist::before {
    transform: none;
}

.table-list li:nth-child(2n) {
  background: #f6f6f6;
}

.table-buy {
    background: #fff;
    padding: 15px;
    display: flex;
    overflow: hidden;
    height: 95px;
    justify-content: center;
}
.table-buy.bordered{
    border-top: 1px solid var(--neutral);
}
.table-buy p {
  float: left;
  color: #37353a;
  font-weight: 700;
  font-size: 2.4em;
}

.table-buy p sup {
  font-size: 0.5em;
  position: relative;
  left: 5px;
}

.table-buy .pricing-action {
    color: #fff;
    padding: 10px 16px;
    font-weight: normal;
    font-size: 1em;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-decoration: oldlace;
    border-radius: 10px;
}

.table-buy .pricing-action strong{
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
}

.pricing-table .dashicons {
    width: 46px;
    height: 46px;
    font-size: 46px;
    margin: auto;
    display: block;
}

.pricing-table .dashicons.dashicons-no-alt{
    font-size: 34px;
}

.pricing-table .dashicons-no-alt {
    color: #cf0612;
}

.pricing-table .dashicons-yes {
    color: #00a560;
}

@media (min-width:992px) {
    .pricing-wrapper {
        display: flex;
    }

    .price_toggle-btn_container {
        margin-left: 40%;
        flex-direction: row;
    }

    .pricing-table {
        width: 20%;
    } 
    .table-list li{
        display: flex;
        height: 45px;
        font-size: .9rem;
        line-height: .9rem;
        padding: 0 8px;
    }
    .table-list li.entete {
        text-align: left;
        padding: 12px 8px 12px 52px;    
    }

    .pricing-table.libelles_container{
        display: flex;
        width: 40%;
    } 

    .table-list li .title_for_responsive {
        display: none;
    }

    .pricing-table .entete span{
        display: none;
    }
    .pricing-table .dashicons,
    .pricing-table .dashicons.dashicons-no-alt{
        width: 26px;
        height: 26px;
        font-size: 26px;
    }
    .pricing-table:not(.libelles_container):hover {
        -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
        -o-transform: scale(1.025);
        transform: scale(1.025);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
        position: relative;
        z-index: 8;
    }
}


/**************************************************************/
/**************************************************************/

/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/

/******** HEADER   ********/

.site-branding {
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all .3s;
}

.site-branding .wp-block-columns {
    margin-bottom: 0;
}

@media (min-width:992px) {
    .site-branding {
        margin-top: -10px;
        padding-top: 0px;
    }
    .site-branding .wp-block-columns {
        margin-bottom: 1em;
    }
}

.site-branding .wp-block-column {
    display: flex;
    justify-content: end;
}

.global_content {
    margin-top: -120px;
}

@media (min-width:992px) {
    .site-branding .header-container {
        grid-template-columns: 40% 1fr;
        display: grid;
    }

    .header-container {
        grid-column-start: 2;
        margin-bottom: 0;
    }
    
}

@media (min-width:1200px) {
    .site-branding .header-container {
        grid-template-columns: 40% 820px auto;
    }
}
header {
    transition: all .3s;
}

header .logo-site {
    padding: 0 15px 0 20px;
    display: inline-block;
    margin: 0 !important;
}

header.has-bg {
    background-color: #FFF;
    border-bottom: 2px solid var(--tonic);
}

header.has-bg .top-bar{
    margin-top: -40px;
}

header.has-bg .site-branding {
    margin-top: 8px;
    padding-bottom: 10px;
}

/****** MAIN NAVIGATION ********/
.main-navigation .ubermenu.ubermenu-main{
    z-index: 5;
}
.main-navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {

    margin-top: 3px;
}



/***********   TOP MENU  *******/
.top-bar {
    display: none;
    padding: 0;
    transition: all .3s;
}

.top-bar .wp-block-columns {
    justify-content: end;
}

.top-bar .wp-block-column {
    flex-basis: auto !important;
    flex-grow: 0 !important;
    align-items: center;
    display: flex;
}

#menu-top {
    margin-right: 30px;
}
@media (min-width:992px) {
    .top-bar {
        display: block;
    }
}
#menu-top li {
    display: inline-block;
    padding: 0 15px;
}

#menu-top li a {
    text-decoration: none;
    transition: 0.4s ease-in-out;
    color: var(--primary);
}

#menu-top li a:hover {
    text-decoration: underline;
    color: var(--tonic);
}



/***** BLOC PHONE  ***/

.bloc-phone {
    display: flex;
    margin-left: auto;
    width: 160px;
}


.bloc-phone span {
    background-image: url(../img/phone-icon.svg);
    background-color: var(--tonic);
    height: 40px;
    width: 28px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom-left-radius: 15px;
    margin-right: 10px;
    background-size: 15px;
}


.bloc-phone a {
    font-family: 'Amaranth', sans-serif;
    color: var(--tonic);
    font-weight: 600;
    font-size: 1.15rem;
    align-self: center;
    text-decoration: none;
}

@media (max-width:991px) {
    .site-branding .wp-block-column:first-child {
        display: flex;
    }
    .header-container .wp-block-column:last-child .bloc-phone {
        display: none;
    }
}

@media (min-width:992px) {
    .header-container .wp-block-column:first-child .bloc-phone {
        display: none;
    }
    .header-container .wp-block-column:last-child{
        display: flex;
    }
}

/****** MENU PRIMARY ********/

.main-navigation .ubermenu .ubermenu-row {
    margin-bottom: 0px !important;
}

@media (max-width: 991px){
    .main-navigation .ubermenu-responsive-default.ubermenu .ubermenu-mobile-footer {
        margin-bottom: 30px;
    }
}

.main-navigation .ubermenu-row {
    margin-left: 30px !important;
    margin-right: 170px !important;
}

.ubermenu.ubermenu-main .ubermenu-item-level-0 > a > .ubermenu-target-text { 
    color: var(--primary);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .02rem;
}

@media (min-width:1200px) {
    .ubermenu.ubermenu-main .ubermenu-item-level-0 > a > .ubermenu-target-text { 
        font-size: 1.2rem;
    }
}

.ubermenu.ubermenu-main .ubermenu-item-level-0 > a > .ubermenu-target-text::before {
    content: ' ';
    background-color: var(--tonic);
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 32px;
    left: 6px;
}

.ubermenu.ubermenu-main .ubermenu-tab > a > .ubermenu-target-text,
.ubermenu.ubermenu-main .ubermenu-item-level-2 > a > .ubermenu-target-text:not(.ubermenu-target-description) { 
    color: var(--dark);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .02rem;
    position: relative;
}

.ubermenu.ubermenu-main .ubermenu-target-description {
    color: var(--primary) !important;
    font-size: .8rem;
    font-weight: 300;
    letter-spacing: .02rem;
    position: relative;
    opacity: .7;
    margin-top: 5px;
}

.ubermenu.ubermenu-main .ubermenu-item-level-2 > a > .ubermenu-target-text:not(.ubermenu-target-description)::before {
    content: ' ';
    background-color: var(--tonic);
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 50%;
    top: 7px;
    left: -14px;
}

.main-navigation .ubermenu-submenu {
    position: relative;
}

.main-navigation .ubermenu-row:last-child {
    position: absolute;
    bottom: 0;
}

.main-navigation  .ubermenu .ubermenu-target {
    padding: 25px 20px 15px;
}

.main-navigation  .ubermenu .ubermenu-item-level-2 .ubermenu-target {
    padding: 15px 20px 0px;
}

.main-navigation .ubermenu.ubermenu-main .citation {
    font-family: 'Amaranth', sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    text-align: center;
    position: relative;
    z-index: 8;
    width: 440px;
    margin: auto;
    display: block;
    color: var(--primary);
    line-height: 1.2rem;
}

.main-navigation .ubermenu.ubermenu-main .citation::before {
    content: ' ';
    background-image: url(../img/red-quotes.svg);
    position: absolute;
    width: 20px;
    height: 25px;
    top: -4px;
    left: -22px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.main-navigation .ubermenu-submenu.ubermenu-submenu-drop {
    min-height: 255px !important;
    border: none !important;
    border-bottom: 2px solid var(--tonic) !important;
}

.main-navigation .ubermenu.ubermenu-main .ubermenu-tab-content-panel{
    background-color: transparent !important;
}
@media screen and (max-width: 991px) {
    .main-navigation .ubermenu-responsive-default.ubermenu-responsive .ubermenu-tab>.ubermenu-target{
        border : 0 !important;
    }
}

.main-navigation .ubermenu-tabs-group {
    min-height: unset !important;
}

/*****************************************/
/*    GESTION DES MENUS RESPONSIVE       */
/*****************************************/

.main-navigation:not(.mobile) {
    display: none !important;
}


@media (min-width:992px) {
    .main-navigation:not(.mobile) {
        display: block !important;
    }
    .main-navigation.mobile {
        display: none !important;
    }

}

.ubermenu-mobilemenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-size: 1.5rem;
    color: var(--dark);
}

.ubermenu-mobilemenu .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    color: var(--neutral-dark) !important;
    font-size: 1.15rem;
}

.ubermenu-mobilemenu .ubermenu-submenu .ubermenu-current_page_item > .ubermenu-target {
    color: var(--dark) !important;
}

.ubermenu-mobilemenu .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-mobilemenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-target,
.ubermenu-mobilemenu .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-mobilemenu .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-mobilemenu .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: var(--tonic) !important;
}

/* ASPECT BUTTON TOOGLE MENU UBERMENU */
.main-navigation.mobile .ubermenu-skin-minimal.ubermenu-responsive-toggle {
    position: relative;
    height: 52px;
    width: 40px;
    padding: 34px 0 0 0;
    margin-right: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.main-navigation.mobile .ubermenu-skin-minimal.ubermenu-responsive-toggle .fas {
    color: var(--primary);
    font-size: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: auto;
}




/* Btn Close Mobile UBERMENU */
.ubermenu-mobile-footer .ubermenu-mobile-close-button {
    position: relative;
}

.ubermenu-mobile-footer .ubermenu-mobile-close-button::after {
    position: absolute;
    bottom: 0;
    top: -10px;
    content: 'X Fermer';
    display: block;
    background-color: var(--dark);
    left: 0;
    right: 0;
    z-index: 999999;
    color: #FFF;
    padding: 15px;
    cursor: pointer;
    font-size: 1rem;
}

.ubermenu-mobilemenu .ubermenu-item-level-0 > a {
    font-size: 18px;
}


/**********************/
/*    COMBO BTN       */
/**********************/

#COMBO_BTN ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
}

#COMBO_BTN ul li:not(.combo-cursor) {
    background-color: var(--secondary-hover);
    border-bottom: 1px solid var(--secondary);
    transition: background 0.35s ease;
}

#COMBO_BTN ul li.social{
    background-color: var(--secondary);
    border-bottom: 1px solid var(--secondary-hover);
}

#COMBO_BTN ul li:hover {
    background-color: var(--secondary);
    border-bottom: 1px solid var(--secondary-hover);
}
#COMBO_BTN ul li.social:hover{
    background-color: var(--secondary-hover);
    border-bottom: 1px solid var(--secondary);
}

#COMBO_BTN svg {
    width: 26px;
    height: auto;
    margin-bottom: 0;
}


#COMBO_BTN a.social-link {
    padding-top: 20px;
}

#COMBO_BTN .combo-item {
  position: relative;
  z-index: 1;
}

#COMBO_BTN li:nth-child(1) a:active ~ .combo-cursor,
#COMBO_BTN li:nth-child(1)[class]:hover ~ .combo-cursor,
#COMBO_BTN li:nth-child(1).active ~ .combo-cursor {
  bottom: calc(90%);
}

#COMBO_BTN li:nth-child(2) a:active ~ .combo-cursor,
#COMBO_BTN li:nth-child(2)[class]:hover ~ .combo-cursor,
#COMBO_BTN li:nth-child(2).active ~ .combo-cursor {
  bottom: calc(90% - 20%);
}

#COMBO_BTN li:nth-child(3) a:active ~ .combo-cursor,
#COMBO_BTN li:nth-child(3)[class]:hover ~ .combo-cursor,
#COMBO_BTN li:nth-child(3).active ~ .combo-cursor {
  bottom: calc(90% - 40%);
}

#COMBO_BTN li:nth-child(4) a:active ~ .combo-cursor,
#COMBO_BTN li:nth-child(4)[class]:hover ~ .combo-cursor,
#COMBO_BTN li:nth-child(4).active ~ .combo-cursor {
  bottom: calc(90% - 60%);
}

#COMBO_BTN li:nth-child(5) a:active ~ .combo-cursor,
#COMBO_BTN li:nth-child(5)[class]:hover ~ .combo-cursor,
#COMBO_BTN li:nth-child(5).active ~ .combo-cursor {
  bottom: calc(90% - 80%);
}

#COMBO_BTN li.combo-cursor {
    z-index: 42;
    bottom: 90%;
    right: calc(100% - 10px);
    position: absolute;
    border: 6px solid transparent;
    border-top: 6px solid #FFF;
    border-right: 6px solid #FFF;
    transform: rotate(45deg) translateY(50%);
    transition: all 0.3s;
    pointer-events: none;
}

#COMBO_BTN li.combo-cursor::after {
    position: absolute;
    width: 18px;
    height: 19px;
    transform: rotate(-45deg) translateY(-50%);
    background-image: url(../img/arrow_combo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    top: -0.2rem;
    left: -0.15rem;
}


  #COMBO_BTN a {
        font-size: 0.6rem;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        width: 100%;
        padding: 12px 0 4px;
        text-transform: uppercase;
        cursor: pointer;
    }
    #COMBO_BTN img, #COMBO_BTN svg {
        width: 27px;
        max-width: unset;
        height: 27px;
        margin: auto;
        display: block;
        margin-bottom: 4px;
        fill: #FFF;
    }



@media (max-width:991px) {

    #COMBO_BTN {
        position: fixed;
        bottom: 0;
        z-index: 185;
        width: 100%;
        height: 80px;
        justify-content: center;
        display: flex;
        background: var(--primary);
    }
    #COMBO_BTN ul{
        display: inline-flex;
        /*width: calc(4 * 80px);*/
        margin: auto;
    }
    #COMBO_BTN li {
        width: 70px;
    }
    #COMBO_BTN li.combo-cursor{
        display: none;
    }
}



@media (min-width:992px) {

    #COMBO_BTN ul li:nth-last-child(2){
        border-bottom-left-radius: 20px;
        border-bottom: none;
    }

    #COMBO_BTN {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 40;
        width: 75px;
        display: block;
    }
}


@media (min-width:1250px) {
    #COMBO_BTN {
        width: 80px;
    }
    #COMBO_BTN a {
        font-size: 0.72rem;
        padding: 14px 12px 6px 12px;
    }
    #COMBO_BTN img, #COMBO_BTN svg{
        width: 33px;
        height: 33px;
        margin-bottom: 8px;
    }
}




/***************************/
/*     1 2 3 4 5 6 7       */
/***************************/

:root{
    --line-radius: 52px;
}
.is-style-bordered {
    position: relative;
}

.is-style-bordered .wp-block-column {
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
}
.is-style-bordered h3 {
    font-size: 1.25rem !important;
    text-transform: uppercase;
    color: var(--dark) !important;
    margin-bottom: 20px !important;
    padding-left: 45px;
}

.is-style-bordered .has-white-color {
    color: #FFFFFF !important;
}

.is-style-bordered strong {
    font-size: 1.375rem;
}

.is-style-bordered p,
.is-style-bordered ul {
    color: var(--light);
    margin-bottom: 20px;
}


/**** les chiffres *****/


.is-style-part_01::after,
.is-style-part_02::after,
.is-style-part_03::after,
.is-style-part_04::after,
.is-style-part_05::after,
.is-style-part_06::after,
.is-style-part_07::after {
    content: '';
    position: absolute;
    width: 55px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width:992px) {

    .is-style-bordered {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .is-style-bordered h3 {
        padding-left: 0;
    }


    .is-style-part_01::before,
    .is-style-part_02::before,
    .is-style-part_03::before,
    .is-style-part_04::before,
    .is-style-part_05::before,
    .is-style-part_06::before,
    .is-style-part_07::before {
        content: ' ';
        display: block;
        position: absolute;
    }

    .is-style-part_01 .wp-block-group::after,
    .is-style-part_02 .wp-block-group::after,
    .is-style-part_03 .wp-block-group::after,
    .is-style-part_04 .wp-block-group::after,
    .is-style-part_05 .wp-block-group::after,
    .is-style-part_06 .wp-block-group::after,
    .is-style-part_07 .wp-block-group::after {
        content: ' ';
        display: block;
        position: absolute;
    }

    .is-style-bordered .wp-block-group {
        width: 90%;
    }

    .is-style-part_01::after,
    .is-style-part_02::after,
    .is-style-part_03::after,
    .is-style-part_04::after,
    .is-style-part_05::after,
    .is-style-part_06::after,
    .is-style-part_07::after {
        width: 90px;
        height: 80px;
    }
}




/* ====== 01 ===== */
.is-style-part_01::before {
    bottom: 0;
    left: calc(var(--line-radius) * -1);
    height: 80%;
    width: calc(var(--line-radius) + 38.2%);
    border-left: 2px solid var(--neutral-dark);
    border-bottom: 2px solid var(--neutral-dark);
    border-bottom-left-radius: var(--line-radius);
}

.is-style-part_01::after {
    background-image: url(../img/01.svg);
    top: 12px;
    left: 0;
}

@media (min-width:992px) {
    .is-style-part_01::after {
        top: unset;
        bottom: 12px;
        left: calc(var(--line-radius) * -1 - 30px);
    }
}

.is-style-part_01 .wp-block-group::after {
    bottom: 0;
    width: calc(61.8% + 30px);
    left: calc(38.2% - 10px);
    border-bottom: 2px solid var(--highlight);
}


/* ====== 02 ===== */

.is-style-part_02::after {
    background-image: url(../img/02.svg);
    top: 10px;
    left: 0px;
}

.line_ref_seo .is-style-part_02::after {
    top: 22px;
}

@media (min-width:992px) {
    .is-style-part_02::after {
        top: unset !important;
        bottom: -25px;
        left: -57px;
    }

}


.is-style-part_02::before {
    bottom: 0;
    left: -20px;
    right: var(--line-radius);
    border-bottom: 2px solid var(--neutral-dark);
}


/* ====== 03 ===== */

.is-style-part_03::before {
    top: calc(-1 * var(--marge-between-default) - var(--marge-y-block) - 2px);
    right: 0;
    height: calc(38.2% + 70px);
    width: calc(var(--line-radius) + 15px);
    border-top-right-radius: var(--line-radius);
    border-top: 2px solid var(--tonic);
    border-right: 2px solid var(--tonic);
}

.is-style-part_03::after {
    background-image: url(../img/03.svg);
    left: 0;
    top: 7px;
}


.line_ref_seo .is-style-part_03::after {
    top: 22px;
}

.is-style-part_03 .wp-block-group::after {
    bottom: 0;
    right: 0;
    top: 80px;
    width: 50%;
    border-bottom: 2px solid var(--neutral);
    border-right: 2px solid var(--neutral);
    border-bottom-right-radius: var(--line-radius);
}
@media (min-width:992px) {
    .is-style-part_03::after {
        left: unset;
        right: -50px;
        top: 40px;
    }

    .is-style-part_03 .wp-block-group {
        margin-left: auto;
        margin-right: 40px;
    }
}


/* ====== 04 ===== */
.is-style-part_04::before {
    top: calc(-1 * var(--line-radius) - 14px );
    right: 2px;
    height: 61.8%;
    width: 25%;
    border-top-right-radius: var(--line-radius);
    border-top: 2px solid var(--highlight);
    border-right: 2px solid var(--highlight);
    transform: scaleX(-1);
    z-index: 2;
    transform-origin: right;
}

.is-style-part_04::after {
    background-image: url(../img/04.svg);
    left: 0;
    top: 0;
    z-index: 6;
}

.is-style-part_04 .wp-block-group::after {
    bottom: 0;
    right: 0;
    top: 20px;
    width: 61.2%;
    border-bottom: 2px solid var(--neutral);
    border-right: 2px solid var(--neutral);
    border-bottom-right-radius: var(--line-radius);
}

/*****/
.line_ref_seo .is-style-part_04::before{
    width: 65%;
}
.line_ref_seo .is-style-part_04::after {
    top: 25px;
}
.line_ref_seo .is-style-part_04 .wp-block-group {
    width: initial;
}




@media (min-width:992px) {

    .is-style-part_04::after {
        left: unset;
        right: -65px;
        top: -10px;
    }

    .is-style-part_04 .wp-block-group {
        margin-left: auto;
        width: 70%;
    }

    /*****/
    .line_ref_seo .is-style-part_04::after {
        right: -30px;
    }

    .line_ref_seo .is-style-part_04 .wp-block-group {
        margin-right: 70px;
        width: 60%;
    }

}
/* ====== 05 ===== */

.is-style-part_05::before {
    top: calc(-1 * var(--marge-between-default) - var(--marge-y-block) - var(--line-radius) + 4px);
    left: calc(-1 * var(--line-radius));
    height: 75%;
    width: calc(50% + var(--line-radius));
    border-top-left-radius: var(--line-radius);
    border-top: 2px solid var(--highlight);
    border-left: 2px solid var(--highlight);
    z-index: 2;
}

.is-style-part_05::after {
    background-image: url(../img/05.svg);
    left: 0;
    top: 10px;
    z-index: 6;
}

.is-style-part_05 .wp-block-group::after {
    bottom: 0;
    right: 0;
    top: 20px;
    left: calc(-1 * var(--line-radius));
    border-bottom: 2px solid var(--neutral-dark);
    border-left: 2px solid var(--neutral-dark);
    border-bottom-left-radius: var(--line-radius);
}


.line_ref_seo .is-style-part_05::before {
    content: unset;
}

.line_ref_seo .is-style-part_05 .wp-block-group::after {
    content: unset;
}

.line_ref_seo .is-style-part_05::after {
    top: 25px;
}

@media (min-width:992px) {
    .is-style-part_05::after {
        left: -77px;
        top: 20px;
    }

    .line_ref_seo .is-style-part_05 .wp-block-group {
        margin-left: 40px;
    }

    .line_ref_seo .is-style-part_05::after {
        left: -45px;
    }
}

/* ====== 06 ===== */
.is-style-part_06::before {
    bottom: 0px;
    left: -45%;
    width: 45%;
    border-bottom: 2px solid var(--tonic);
    z-index: 2;
}

.is-style-part_06::after {
    background-image: url(../img/06_flat.svg);
    left: 0;
    top: 6px;
    z-index: 6;
}

.is-style-part_06 .wp-block-group::after {
    bottom: 0;
    right: 50%;
    left: 0;
    border-bottom: 2px solid var(--neutral-dark);
}

.is-style-part_06 .wp-block-group {
    margin-left: auto;
}

.line_ref_seo .is-style-part_06::before {
    top: calc(-1 * var(--marge-between-default) - var(--marge-y-block) - var(--line-radius) - 1px);
    left: 0;
    height: 75%;
    width: calc(50% + var(--line-radius));
    border-top-left-radius: var(--line-radius);
    border-top: 2px solid var(--highlight);
    border-left: 2px solid var(--highlight);
    z-index: 2;
    border-bottom: 0;
}

.line_ref_seo .is-style-part_06::after {
    background-image: url(../img/06.svg);
    bottom: 70%;
    top: 28px;
}

.line_ref_seo .is-style-part_06 .wp-block-group::after {
    border-left: 2px solid var(--neutral-dark);
    border-bottom-left-radius: var(--line-radius);
    height: calc(100% + 30px);
}



@media (min-width:992px) {
    .is-style-part_06::after {
        top: unset;
        left: -50px;
        bottom: -30px;
    }

    .line_ref_seo .is-style-part_06::after {
        top: unset;
    }

    .line_ref_seo .is-style-part_06 .wp-block-group {
        margin-left: 70px;
        margin-right: 80px;
        width: initial;
    }
}


/* ====== 07 ===== */
.is-style-part_07::before {
    top: calc(-1 * var(--line-radius) - 14px );
    right: calc(20% - 20px);
    height: 80%;
    width: 10%;
    border-top-right-radius: var(--line-radius);
    border-top: 2px solid var(--secondary);
    border-right: 2px solid var(--secondary);
    z-index: 2;
}

.is-style-part_07::after {
    background-image: url(../img/07.svg);
    left: 0;
    top: 10px;
    z-index: 6;
}

.line_ref_seo .is-style-part_07::after {
    background-image: url(../img/07_flat.svg);
    right: unset;
    left: 0px;
    top: 20px;
}

.line_ref_seo .is-style-part_07::before {
    top: unset;
    bottom: -80px;
    height: 80px;
    width: 60%;
    right: 50%;
}

.line_ref_seo .is-style-part_07 .wp-block-group::after {
    border-bottom: 2px solid var(--tonic);
    right: 100%;
    width: 60%;
    bottom: 0;
}


@media (min-width:992px) {
    .is-style-part_07::after {
        left: unset;
        right: calc(20% - 90px);
        top: -10px;
    }
    .line_dev_web_and_ux .is-style-part_07 .wp-block-group {
        margin-left: auto;
        margin-right: 20%;
        width: 45%;
    }
    .line_ref_seo .is-style-part_07::after {
        right: unset;
        left: -90px;
        top: unset;
        bottom: -30px;
    }
}
/*************************/
/***   SLIDERS         ***/
/*************************/



.arrow-tonic-color .slick-prev::before,
.arrow-tonic-color .slick-next::before {
    color: var(--dark) !important;
}



/*************************/
/***   PARTENAIRES     ***/
/*************************/
.is-style-banner-partenaires {
    min-height: unset;
}



@media (max-width:991px) {
    .is-style-banner-partenaires .wp-block-column {
        margin-top: 0 !important;
    }
    .is-style-banner-partenaires {
        margin-top: 0 !important;
    }
}

.is-style-banner-partenaires figure {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.is-style-banner-partenaires .wp-block-cover__image-background {
    display: none;
}

.is-style-banner-partenaires figure {
    text-align: center;
}

.is-style-banner-partenaires .wp-block-cover__background {
    background-color: var(--neutral) !important;
    opacity: 1 !important;
    grid-column-end: 4 !important;
}

.is-style-banner-partenaires .wp-block-cover__inner-container {
    position: relative;
    z-index: 5;
    padding: 40px 0px 60px 0px;
}

.is-style-banner-partenaires h2 {
    margin: 0;
    text-align: left;
    font-size: 1.8rem !important;
    color: var(--primary) !important;
    text-transform: uppercase;
    line-height: 2rem !important;
}

.is-style-banner-partenaires p {
    max-width: 80%;
    margin-bottom: 30px;
    color: var(--primary) !important;
}

.is-style-banner-partenaires .wp-block-buttons {
    margin-top: 0 !important;
}


.is-style-banner-partenaires .wp-block-cover__inner-container img {
    border-radius: 20px;
    margin: 10px 0;
}


.is-style-banner-partenaires .wp-block-button__link {
    border-radius: 6px !important;
    font-size: 1.2rem !important;
}

@media (min-width:992px) {
    .is-style-banner-partenaires .wp-block-cover__inner-container {
        padding: 40px 20px 60px 20px;
    }

    .is-style-banner-partenaires h2 {
        margin: 0 0px 0 100px;
    }
    .home .is-style-banner-partenaires h2 {
        margin:0;
    }
    .is-style-banner-partenaires {
        padding: 0;
        margin-top: 80px;
        display: grid;
        grid-template-columns: 1fr calc( 80% + ( var(--container-gutter) * 2 ) ) 1fr;
    }
    .is-style-banner-partenaires .wp-block-columns{
        display: block;
    }


    .is-style-banner-partenaires .wp-block-cover__image-background {
        z-index: 2;
        width: 68% !important;
        object-fit: contain !important;
        display: block;
    }

    .is-style-banner-partenaires .wp-block-column:not(:first-child) {
        float: left;
        width: 33%;
        padding: 0 10px;
        margin-top: 45px;
    }

    .is-style-banner-partenaires img {
        width: 1030px;
    }

    .is-style-banner-partenaires img, .is-style-banner-partenaires .wp-block-cover__background,
    .is-style-banner-partenaires .wp-block-cover__inner-container{
        grid-column-start: 2;
        grid-column-end: 3;
        border-bottom-left-radius: 85px;
    }

    .is-style-banner-partenaires .wp-block-cover__inner-container {
        padding: 60px 0 60px;
    }

    .home .is-style-banner-partenaires .wp-block-cover__inner-container{
        padding-left: 60px;
    }

    .is-style-banner-partenaires::before {
        content: ' ';
        background-image: url(../img/chevron-slash-bottom.png);
        position: absolute;
        top: -210px;
        left: 0;
        z-index: -1;
        width: 532px;
        height: 544px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}



@media (min-width:992px) {

    .is-style-banner-partenaires .wp-block-columns{
        display: flex;
    }
    .is-style-banner-partenaires .wp-block-column:not(:first-child) {
        float: unset;
        width: auto;
        padding:0;
        margin-top: 0;
    }

}


/****************************************/
/*     ROUNDED BANNER IMG               */
/****************************************/

.is-style-rounded-banner-img {
    position: relative;
    z-index: 10;
    margin: 40px auto !important;
}

.is-style-rounded-banner-img > .wp-block-column:nth-child(1) {
    position: relative;
}

.is-style-rounded-banner-img .wp-block-column:nth-child(2) .wp-block-columns {
    margin-bottom: 0;
}

.is-style-rounded-banner-img .wp-block-column:nth-child(2) .wp-block-columns + .wp-block-columns {
    margin-top: 30px;
}

.is-style-rounded-banner-img .wp-block-cover {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-bottom-right-radius: 70px;
    overflow: hidden;
}

.is-style-rounded-banner-img .wp-block-cover h3 {
    text-transform: uppercase;
    color: #FFF !important;
    font-size: 2.2rem !important;
    text-shadow: 0px 0px 5px #082c4e;
}

.is-style-rounded-banner-img .wp-block-button__link{
    border-radius: 0 !important;
}
.is-style-rounded-banner-img .wp-block-button__link.is-outlined{
    background-color: #FFF !important;
}


.is-style-rounded-banner-img h2 {
    text-align: left;
    color: var(--primary) !important;
    text-transform: uppercase;
    font-size: 1.8rem !important;
    line-height: 2rem !important;
}

.is-style-rounded-banner-img h2.is-style-titre{
    color: var(--dark) !important;
}

.is-style-rounded-banner-img .wp-block-media-text__content  p {
    font-size: 1.05rem;
    color: var(--primary);
    width: 75%;
    float: right;
}

.is-style-rounded-banner-img .wp-block-media-text__content  p strong {
    font-size: 1.35rem;
    text-transform: uppercase;
    font-family: 'Amaranth', sans-serif;
    margin-bottom: 15px;
    display: block;
    line-height: 1;
    color: var(--primary);
}

@media (min-width:992px) {
    .is-style-rounded-banner-img {
        margin: 130px auto !important;
    }
    .is-style-rounded-banner-img .wp-block-cover {
        position: absolute;
        left: 20%;
        right: 7%;
    }
    .is-style-rounded-banner-img .wp-block-media-text__content  p {
        width: auto;
        float: initial;
    }
}

@media (min-width:992px) {
   
}

/***************************************************************/
/*          SMALL ICON BLUE BG  + BOX ICON BG BLUE SQUARE      */
/***************************************************************/

.wp-block-media-text.is-style-small-icon-blue-bg {
    margin-top: 0;
    grid-template-columns: 75px 1fr;
    position: relative;
    margin-bottom: 70px;
}

@media (max-width:991px) {
    .cinq-poles .is-style-small-icon-blue-bg .wp-block-media-text__content h3,
    .cinq-poles .is-style-small-icon-blue-bg .wp-block-media-text__content p,
    .raisons-site-web .is-style-small-icon-blue-bg .wp-block-media-text__content p {
        width: 75% !important;
        float: right !important;
    }
}
.is-style-small-icon-blue-bg .wp-block-media-text__content{
    padding: 0 !important;
}
.is-style-bg-blue-square .box-img,
.is-style-small-icon-blue-bg figure {
    position: relative;
}

.is-style-small-icon-blue-bg figure img {
    width: 60px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 5px;
}

.is-style-bg-blue-square .box-img::before,
.is-style-small-icon-blue-bg figure::before {
    content: ' ';
    width: 56px;
    height: 56px;
    background-color: var(--secondary);
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    position: absolute;
    left: 0;
    z-index: 0;
    top: 7px;
}

.is-style-bg-blue-square .box-img::before {
    z-index: -1;
    width: 63px;
    height: 63px;
    left: -9px;
}



.is-style-small-icon-blue-bg p {
    line-height: 1.25rem;
    margin-bottom: 0;
}

/********/

.is-style-bg-blue-square .box-titre {
    color: var(--dark);
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 0;
}


/**********************************/
/*   TEMOIGNAGE SOLO + TITRE      */
/**********************************/



.is-style-title-solo-testimonial{
    margin: 0 auto;
    padding: 0 0 30px;
    position: relative;
}

@media (min-width:992px) {
    .is-style-title-solo-testimonial{
        margin: 100px auto 0px;
        padding: 80px 0 30px;
    }
    .is-style-title-solo-testimonial::before {
        content: ' ';
        background-image: url(../img/chevron-dot-big-slash.png);
        position: absolute;
        top: 0px;
        left: 140px;
        z-index: -1;
        width: 355px;
        height: 420px;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0.6;
    }
}






/******* HOME MAIN **********/

@media (min-width:1250px) {

    .home header + main {
        padding-top: 0;
    }
}



/*******************/
/* FORMULAIRE CF7  */ 
/*******************/

.page-contact form:not(#zcampaignOptinForm) {
    margin-top: 100px;
    flex-direction: column;
}

.page-contact form:not(#zcampaignOptinForm) .wp-block-columns.quiz-container {
    margin: 35px 0 20px !important;
}

.quiz-container label {
    position: relative;
    top: 0;
    line-height: initial;
    padding: 8px 15px !important;
    left: 0;
    background-color: #00a560;
    border-bottom-right-radius: 8px;
}

.quiz-container label span {
    display: inline-block;
    position: relative;
    color: #FFF;
    font-weight: bold;

}

.page-contact form:not(#zcampaignOptinForm) .quiz-container input {
    margin-top: 0;
    width: 45px;
    font-size: 1.2rem !important;
    border: none;
    background-color: #FFF !important;
    padding: 4px !important;
    text-align: center;
    margin-left: 10px;
}



/*
.is-style-contact-container h2 {
    text-align: left;
    margin: 80px 0 30px 10px !important;
    line-height: 2rem !important;
}

.is-style-contact-container h2.titre::after {
    left: 0;
    bottom: -16px;
}

.is-style-contact-container p {
    margin-left: 10px;
}



.is-style-contact-container::before {
    content: ' ';
    background-image: url(../img/et_sell.png);
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: -1;
    width: 372px;
    height: 156px;
    background-repeat: no-repeat;
    background-size: contain;
}

*/
@media (max-width:992px) {
     #FORM_AND_ADRESS {
        flex-direction: column-reverse;
     }
}

@media (min-width:992px) {

    /*.is-style-contact-container h2{
         margin: 80px 0 30px 20px;
    }

    .is-style-contact-container::before {
        bottom: 120px;
        width: 992px;
        height: 326px;
    }*/
}


@media (min-width:992px) {
    /*.is-style-contact-container h2{
         margin: 80px 0 30px 80px;
    }*/
   
    #FORM_AND_ADRESS .wp-block-column:first-child {
        padding-top: 90px;
        padding-left: 100px;
    }
}

.page-contact form:not(#zcampaignOptinForm) .wp-block-columns,
.single-job form:not(#zcampaignOptinForm) .wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.page-contact form:not(#zcampaignOptinForm) input[type="text"]::placeholder,
.songle-job form:not(#zcampaignOptinForm) input[type="text"]::placeholder,
.page-contact form:not(#zcampaignOptinForm) input[type="tel"]::placeholder,
.songle-job form:not(#zcampaignOptinForm) input[type="tel"]::placeholder,
.page-contact form:not(#zcampaignOptinForm) input[type="email"]::placeholder,
.songle-job form:not(#zcampaignOptinForm) input[type="email"]::placeholder,
.page-contact form:not(#zcampaignOptinForm) textarea::placeholder,
.songle-job form:not(#zcampaignOptinForm) textarea::placeholder,
.page-contact form:not(#zcampaignOptinForm) label,
.songle-job form:not(#zcampaignOptinForm) label,
.page-contact form:not(#zcampaignOptinForm) select,
.songle-job form:not(#zcampaignOptinForm) select {
    color: var(--primary) !important;
    font-weight: 400;
    font-size: 1.2rem !important;
    opacity: .7;
    text-decoration: none;
}

.page-contact form:not(#zcampaignOptinForm) input:focus,
.single-job form:not(#zcampaignOptinForm) input:focus,
.page-contact form:not(#zcampaignOptinForm) input:active,
.single-job form:not(#zcampaignOptinForm) input:active,
.page-contact form:not(#zcampaignOptinForm) input:focus-visible,
.single-job form:not(#zcampaignOptinForm) input:focus-visible,
.page-contact form:not(#zcampaignOptinForm) input:focus-within,
.single-job form:not(#zcampaignOptinForm) input:focus-within,
.page-contact form:not(#zcampaignOptinForm) input:visited,
.single-job form:not(#zcampaignOptinForm) input:visited,
.page-contact form:not(#zcampaignOptinForm) textarea:focus, 
.single-job form:not(#zcampaignOptinForm) textarea:focus {
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: 2px solid #dedede;
}
.page-contact form:not(#zcampaignOptinForm) input,
.single-job form:not(#zcampaignOptinForm) input,
.page-contact form:not(#zcampaignOptinForm) textarea,
.single-job form:not(#zcampaignOptinForm) textarea {    
    font-family: 'Titillium Web', sans-serif;
    padding-top: 2px !important;
    border: none;
    border-bottom: 2px solid #dedede;
    background: transparent !important;
    width: 100%;
    padding: 0 !important;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 23px;
}
.page-contact form:not(#zcampaignOptinForm) input,
.single-job form:not(#zcampaignOptinForm) input {
    height: 34px;
    line-height: 60px;
}
.page-contact form:not(#zcampaignOptinForm) .container_textarea,
.single-job form:not(#zcampaignOptinForm) .container_textarea {
    height: 100%;
}

.page-contact form:not(#zcampaignOptinForm) .container_textarea .wp-block-column,
.single-job form:not(#zcampaignOptinForm) .container_textarea .wp-block-column {
    display: flex;
}
.page-contact form:not(#zcampaignOptinForm) .container_textarea textarea,
.single-job form:not(#zcampaignOptinForm) .container_textarea textarea {
    height: calc(100% - 24px);
    border: 2px solid #dedede;
    padding: 8px !important;
    border-bottom-right-radius: 45px;
}

.single-job form:not(#zcampaignOptinForm) textarea {
    border: 2px solid #dedede;
    padding: 8px !important;
    border-bottom-right-radius: 45px;
}

.page-contact form:not(#zcampaignOptinForm) #myConsent label,
.single-job form:not(#zcampaignOptinForm) #myConsent label {
    font-size: .8rem !important;
    line-height: 16px;
    font-style: italic;
    margin: 15px 0 20px 0;
}
.page-contact form:not(#zcampaignOptinForm) #myConsent .wpcf7-list-item,
.single-job form:not(#zcampaignOptinForm) #myConsent .wpcf7-list-item {
    position: relative;
    top: 10px;
}

.page-contact form:not(#zcampaignOptinForm) #myConsent a,
.single-job form:not(#zcampaignOptinForm) #myConsent a {
    color: var(--tonic);
}
.page-contact form:not(#zcampaignOptinForm) select,
.single-job form:not(#zcampaignOptinForm) select {
    margin: 30px 0 0 0;
    border: none;
    width: 100%;
    background-color: transparent;
    border-bottom: 2px solid #dedede;
    padding-bottom: 6px;
}

.page-contact .wp-block-button__link.bg-tonic:hover,
.page-contact .wp-block-button__link.bg-tonic:focus,
.single-job .wp-block-button__link.bg-tonic:hover,
.single-job .wp-block-button__link.bg-tonic:focus {
    color: #FFF !important;
    background-color:  var(--tonic) !important;
}
/*
.page-contact form select:focus-visible {
    border: none;
    outline: none;
    border-bottom: 2px solid #dedede;
    color: var(--primary) !important;
}

.page-contact form select option {
    color: var(--primary) !important;
}

.captchaContainer img {
    height: 50px !important;
}
*/

.page-contact form:not(#zcampaignOptinForm) input[type="submit"],
.single-job form:not(#zcampaignOptinForm) input[type="submit"] {
    padding: 14px 55px !important;
    background-color: var(--tonic) !important;
    height: unset;
    line-height: unset;
    width: auto;
}


.upload_legend {
    display: block;
    margin-top: 30px;
}



/*******************************/
/*    HOME GASPARD SECTION     */
/*******************************/

.is-style-main-heading .wp-block-media-text__media {
    display: none;
}

.is-style-main-heading::after {
    content: ' ';
    position: absolute;
    left: calc(40% - 10px);
    top: 340px;
    width: 230px;
    height: 60%;
    z-index: -1;
    opacity: 0.3;
    background-image: url(../img/chevron-slash-sand.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}



.is-style-main-heading .wp-block-media-text__content {
    position: relative;
    padding: 0 20px;
}


.is-style-main-heading .wp-block-media-text__content h1 {
    font-size: 2.1rem;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    line-height: 2.3rem;
}



.is-style-main-heading .wp-block-media-text__content p {
    font-size: 1.3rem;
    width: 88%;
    line-height: 1.7rem;
    margin-top: 10px;
}


@media (min-width:782px) {

    .wp-block-media-text.is-style-main-heading {
        grid-template-columns: 40% 60px 400px auto !important;
    }

    .is-style-main-heading .wp-block-media-text__media  {
        background-image: url(../img/neutral-background.jpg);
        border-bottom-right-radius: 80px;
        overflow: hidden;
        padding-top: 60px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% top;
        display: block;
        max-width: unset;
    }

    .is-style-main-heading::before {
        content: ' ';
        background-image: url(../img/chevron-slash-red.svg);
        position: absolute;
        width: 90px;
        height: 95px;
        z-index: 3;
        top: 245px;
        left: calc(31.8% + 28px);
        background-repeat: no-repeat;
        
    }

    .is-style-main-heading::after {
        left: calc(40% - 40px);
        top: 110px;
        width: 400px;
        height: 90%;
    }


    .is-style-main-heading .wp-block-media-text__content {
        grid-column: 3 !important;
        position: initial;
        grid-row: 1 !important;
        padding: 0;
    }

    .is-style-main-heading .wp-block-media-text__content h1 {
        font-size: 2.5rem;
        line-height: 2rem;
        margin-top: 110px;
    }

    .is-style-main-heading .wp-block-media-text__content p {
        font-size: 1.2rem;
        line-height: 1.5rem;
        margin-top: 5px;
    }
  
   
}

@media (min-width:992px) {

    .wp-block-media-text.is-style-main-heading {
        grid-template-columns: 45% 70px 1fr !important;
    }

    .is-style-main-heading .wp-block-media-text__media img {
        align-self: baseline;
        z-index: 4;
        min-width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-top: auto;
    }
    .is-style-main-heading .wp-block-media-text__media {
        border-bottom-right-radius: 160px;
    }
    .is-style-main-heading::before {
        width: 120px;
        height: 130px;
        top: 225px;
        left: 40%;
    }
    .is-style-main-heading::after {
        left: calc(40% - 60px);
        top: 170px;
        width: 740px;
        height: 100%;
    }
    
    .is-style-main-heading .wp-block-media-text__content h1{
        font-size: 2.8rem;
        line-height: 2.3rem;
        margin-top: 60px;
    }

    .is-style-main-heading .wp-block-media-text__content p {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 25px;
    }

}

@media (min-width:1250px) {

    .wp-block-media-text.is-style-main-heading {
        grid-template-columns: 40% 160px 660px auto !important;
    }

    .is-style-main-heading .wp-block-media-text__media img {
        margin: initial;
        min-width: 102%;
        max-width: 102%;
        margin-top: unset;
        bottom: -5px;
        position: relative;
    }
    .is-style-main-heading::before{
        width: 250px;
        height: 265px;
        top: 295px;
        left: calc(31.8% + 28px);
    }

    .is-style-main-heading .wp-block-media-text__content h1 {
        font-size: 3.2rem;
        line-height: 3rem;
        margin-top: 110px;
    }
}


/********************************************/
/*            TIMELINE                      */
/********************************************/



/*******************************************/
/*           HEADING PERSONNE              */
/*******************************************/


.is-style-people-heading {
    grid-template-columns: 40px 380px 1fr 40px !important;
    position: relative;
}



.is-style-people-heading p:first-child {
    font-family: 'Amaranth', sans-serif;
    font-style: normal;
    font-size: 1.4rem;
    margin-bottom: 15px;
    line-height: 1.4rem;
}

.is-style-people-heading h1 {
    line-height: 2.5rem !important;
    font-size: 2.5rem !important;
}

.is-style-people-heading.wp-block-media-text .wp-block-media-text__media {
    display: none;
}

.is-style-people-heading .wp-block-group.is-style-neutral-texture-background {
    position: relative;
    min-height: 270px;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before {
    left: -380px;
    right: -10px;
    bottom: 0;
    content: '';
    background-image: url(../img/neutral-background.jpg);
    position: absolute;
    z-index: -1;
    background-size: cover;
    top: 0;
}

#LEGAL .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before,
.privacy-policy  .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before {
    right: -28px;
}

.is-style-people-heading .wp-block-group.is-style-neutral-texture-background .wp-block-group__inner-container{
    margin: 0 !important;
}
.is-style-people-heading .wp-block-group.is-style-neutral-texture-background p {
    font-size: 1.1rem;
}

.is-style-people-heading .wp-block-group.is-style-neutral-texture-background .wp-block-buttons{
    margin-top: 0px;
}

.is-style-people-heading .wp-block-columns {
    margin-bottom: 20px !important;
}



@media (min-width:992px) {
    .is-style-people-heading h1 {
        margin: 0px 190px 0px 0 !important;
    }
    .is-style-people-heading::before {
        content: ' ';
        background-image: url(../img/chevron-slash-red.svg);
        position: absolute;
        width: 170px;
        height: 181px;
        z-index: 10;
        left: -60px;
        background-repeat: no-repeat;
        bottom: 90px;
    }
    .is-style-people-heading.wp-block-media-text .wp-block-media-text__media {
        grid-column: 2;
        display: flex;
        z-index: 5;
        border-bottom-left-radius: 135px;
        overflow: hidden;
    }

    .is-style-people-heading .wp-block-group.is-style-neutral-texture-background {
        padding-right: 160px;
    }
    .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before,
    #LEGAL .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before,
    .privacy-policy  .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before {
        right: 0;
        border-radius: 135px;
    }
    .is-style-people-heading.wp-block-media-text .wp-block-media-text__content {
        grid-column: 3;
        align-self: end;
        z-index: 2;
        padding-left: 0;
    }
}


/******** cas particulier page contact ******/
.page-contact .is-style-people-heading {
    grid-template-columns: 100% !important;
    position: relative;
}



.page-contact .is-style-people-heading .wp-block-group.is-style-neutral-texture-background {
    min-height: 180px;
}

.page-contact .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before {
    left: -450px;
    border-radius: 0;
    right: -10px;
}

.page-contact .is-style-people-heading::before {
    bottom: 10px;
}

@media (min-width:992px){
    .page-contact .is-style-people-heading {
        grid-template-columns: 0 460px 1fr 40px !important;
    }
    .page-contact .is-style-people-heading .wp-block-media-text__content {
        padding-left: 60px;
    }
    .page-contact .is-style-people-heading .wp-block-group.is-style-neutral-texture-background::before {
        left: -450px;
        border-radius: 90px;
        right: 0;
    }
}



/********* HOME DOUBLE CTA *********/

.is-style-double-CTA .wp-block-column {
    display: flex;
}

.is-style-double-CTA .wp-block-buttons {
    display: flex;
    float: left;
    margin: 60px 20px 60px auto !important;
}

.is-style-double-CTA .wp-block-buttons:last-child {
    margin: 60px auto 60px 20px !important;
}

.is-style-double-CTA .prenons_rdv a.is-outlined {
    background-color: #FFF !important;
}



/************************************/
/*******      PAGE JOBS      ********/
/************************************/
.list_media_txt-container .wp-block-media-text {
    margin-bottom: 50px;
    position: relative;
}

.list_media_txt-container .wp-block-media-text:not(:last-child)::after {
    content: ' ';
    position: absolute;
    background-color: var(--dark);
    width: 40%;
    left: 30%;
    height: 1px;
    bottom: -25px;
    right: 30%;
}

.list_media_txt-container .wp-block-media-text .wp-block-buttons {
    margin-top: 0 !important;
}

.list_media_txt-container figure {
    overflow: hidden;
}

.list_media_txt-container h2 {
    margin-top: 20px;
}

@media (min-width:992px){
    .list_media_txt-container .wp-block-media-text {
        width: 80%;
        grid-template-columns: 35% 1fr;
    }
}

/************************************/
/*******      FOOTER         ********/
/************************************/

footer{
    position: relative;
    padding: 75px 0 85px 0;
    z-index: 5;
    margin-top: 80px;
}

footer .logo-site img,
footer .logo-site svg {
    max-width: 80px;
    width: 310px;
    height: auto;
}

footer .btn {
    color: var(--dark);
    background-color: var(--highlight);
    margin: 25px 0 35px;
    display: inline-block;
    text-align: center;
    padding: 15px 32px;
    border-radius: 6px;
    font-family: 'Amaranth', sans-serif;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.1rem;
}



footer .container-newsletter {
    height: 205px;
    position: relative;
}

footer .container-newsletter form {
    margin-top: 0px;
}

footer .newsletter {
    height: 150px;
    background-color: var(--highlight);
    position: absolute;
    left: 0;
    right: 0px;
    top: 85px;
    display: flex;
}

footer .newsletter-content {
    padding-left: 15px;
    align-self: center;
    position: relative;
}

footer .newsletter-content p {
    color: var(--primary);
    font-family: 'Amaranth', sans-serif;
    letter-spacing: .1rem;
    margin-bottom: 8px;
    margin-top: 0;
    margin-left: 43px;
}

footer .newsletter-content strong{

    font-weight: 600;
    font-size: 1.3rem;
    display: block;
}

footer .newsletter-content::before {
    content: ' ';
    background-image: url("../img/white-quotes.svg");
    position: absolute;
    width: 35px;
    height: 51px;
    top: -20px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
}

footer .newsletter-content input[type="text"] {
    background-color: transparent;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
    border-bottom-color: var(--dark);
    color: var(--primary);
    width: 330px;
    font-size: 1.2rem;    
    font-family: 'Titillium Web', sans-serif;
    outline: none;
}

footer .newsletter-content input[type="button"] {
    background-color: var(--dark);
     border: 2px solid var(--dark);
    padding: 4px 20px;
    color: #FFF;
    font-size: 1rem;
    font-family: amaranth;
    text-transform: uppercase;
    border-bottom-right-radius: 12px;
}

footer .newsletter-content input[type="text"]:focus,
footer .newsletter-content input[type="text"]:focus-visible{
    border-bottom-color: var(--tonic);
}


footer .coordonnees{
    font-size: 1.125rem;
}

footer .coordonnees p:not(.phone_web) {
    display: inline-block;
    margin-bottom: 15px;
    padding-right: 25px;
}

footer .coordonnees p.phone_web {
    border-top: 1px solid;
    max-width: 330px;
    padding-top: 20px;
    margin-top: 19px;
}

footer .social_icons li {
    list-style: none;
    margin-top: 10px;
}

footer .social_icons svg path {
    fill: #FFF;
}

footer .has-white-background-color{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer__menu {
    line-height: 1.75rem;
    font-size: 1.125rem;
}

.footer__menu a{
    display: inline-block;
    text-decoration: none;
}

.footer__menu a:hover {
    text-decoration: none;
}

.footer__menu a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #FFF;
    transition: width .3s;
    bottom: 1px;
    position: relative;
}

.footer__menu a:hover::after {
    width: 100%;
    transition: width .3s;
}


.copyright {
    margin-top: var(--spacer-m);
    padding-top: var(--spacer-xs);
    padding-bottom: var(--spacer-xs);
    text-align: left;
    padding: 12px 10px 20px 10px;
    font-size: .8rem;
    opacity: .6;
}

@media (min-width:992px) {

    footer > .wp-block-columns .wp-block-column:first-child{
        grid-area: logocoordonnees;
    }
    footer > .wp-block-columns .wp-block-column:nth-child(2){
        grid-area: footermenu1;
    }
    footer > .wp-block-columns .wp-block-column:nth-child(3){
        grid-area: footermenu2;
    }
    footer > .wp-block-columns .wp-block-column:last-child{
        grid-area: footersociaux;
    }
    footer > .wp-block-columns:not(.container-newsletter) {
        display: grid;
        grid-template-areas:
            'logocoordonnees footermenu1'
            'logocoordonnees footermenu2'
            'logocoordonnees footersociaux';
    }

    footer .newsletter {
        border-bottom-left-radius: 23px;
        height: 112px;
    }
    footer .newsletter-content{
        padding-left: 55px;
    }

}



@media (min-width:992px) {
    footer {
        width: calc(100vw - 50px);
        border-top-right-radius: 80px;
    }

    footer > .wp-block-columns:first-child .wp-block-column {
        align-self: flex-end;
    }
    
    .copyright {
        padding: 20px;
    }

    footer .menu_container,
    footer > .wp-block-columns .wp-block-column:last-child{
        grid-column-start: unset;
    }
    footer .newsletter {
        left: unset;
        width: calc(100% - ((100vw - 1000px)/2 ));
    }
}


@media (min-width:1250px) {
    


    footer {
        border-top-right-radius: 160px;
    }
    footer > .wp-block-columns:not(.container-newsletter) {
        grid-template-columns: 4fr 2fr 2fr 1fr;
        grid-template-areas : unset;
    }

    footer > .wp-block-columns .wp-block-column:first-child{
        grid-area: unset;
        grid-column-start: 1;
    }
    footer  > .wp-block-columns .wp-block-column:nth-child(2){
        grid-area: unset;
        grid-column-start: 2;
    }
    footer  > .wp-block-columns .wp-block-column:nth-child(3){
        grid-area: unset;
        grid-column-start: 3;
    }
    footer > .wp-block-columns .wp-block-column:not(.newsletter):last-child{
        grid-area: unset;
        grid-column-start: 4;
    }

    footer:not(.no-footer)::before {
        content: ' ';
        background-image: url(../img/chevron-slash-red.svg);
        position: absolute;
        width: 186px;
        height: 197px;
        z-index: 3;
        top: -80px;
        right: calc((100vw - 1250px)/2 - 30px);
        background-repeat: no-repeat;
        transform: rotate(225deg) scaleX(-1);
    }
    footer .newsletter {
        width: calc(100% - ((100vw - 1180px)/2 ));
    }
    footer .newsletter-content input[type="text"] {
        width: 550px;
    }
    
}

@media (min-width:1400px) {
    footer > .wp-block-columns:not(.container-newsletter) {
        grid-template-columns: 5.75fr 2fr 2fr 1fr;
    }
    footer .newsletter {
        width: calc( var(--max-width) + ((100vw - var(--max-width)) / 2));
    }
}

/****************************************************/
/*******    FORMULAIRE ZOHO NEWSLETTER     **********/
/****************************************************/

#Zc_SignupSuccess {
    position: absolute;
    margin-left: 4%;
    width: 90%;
    background-color: #FFF;
    padding: 3px;
    border: 3px solid #00a560;
    margin-top: 10px;
    margin-bottom: 10px;
    word-break: break-all;
    top: -45px;
}

#signupSuccessMsg {
    color: #00a560;
    word-break:break-word;
}

#errorMsgDiv {
    background-color: var(--tonic);
    padding: 10px;
    color: #FFF;
    font-size: 11px;
    opacity: 1;
    position: absolute;
    top: -55px;
    left: 20px;
    right: 20px;
    text-align: center;
}

.SIGNUP_FLD {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 7px 0 0 0;
}

@media (min-width:550px) {
    .SIGNUP_FLD {
        width: auto;
        text-align: auto;
        padding:0;
    }

}



/*********/
/** 404 **/
/*********/
.error404 .global_content article {
    padding-top: 6rem;
    padding-bottom: 3rem;
}
@media screen and (min-width:992px){
    .error404 .global_content article {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    .error404 footer,
    .page-merci footer {
        margin-top: -70px;
    }
}


/*********************/
/*  HOME BLOG       */
/********************/
.terms-nav .term_link {
    padding: 5px 8px;
    background-color: var(--dark);
    border-radius: 0;
    color: #FFF;
    font-size: .9rem;
}
.terms-nav .term_link:hover,
.terms-nav .term_link.active {
    background-color: var(--secondary);
}

.blog .wp-block-media-text.is-style-card {
    border: 2px solid var(--neutral);
    background-color: #f7f7f7;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}

.blog .wp-block-media-text.is-style-card .wp-block-media-text__media {
    border-radius: 0;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.terms-block {
    justify-content: center;
    display: flex;
}
.terms-block .terms-nav,
.terms-block .terms-select {
    margin-top: 0;
}

.blog .wp-block-media-text.is-style-card .wp-block-media-text__content {
    padding: 1rem 0.3rem 0rem;
}

.blog .wp-block-media-text.is-style-card .wp-block-media-text__content .categ,
.single-post .terms,
.add_post_sidebar .blog-slider-sidebar .categ {
    background-color: var(--dark);
    color: #FFF;
    padding: 2px 8px;
    font-size: 1rem !important;
    opacity: 1 !important;
    width: fit-content;
}

.add_post_sidebar .blog-slider-sidebar .categ {
    font-size: .8rem !important;
}

.blog .card__title {
    margin: 30px 0px 0px !important;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1;
    text-transform: none;
    color: var(--tonic);
}

.blog .wp-block-media-text.is-style-card .wp-block-media-text__content .wp-block-buttons:last-child{
    padding-top: 1rem;
}

.pagination .page-numbers.current {
    background-color: transparent;
}

.pagination .page-numbers {
    font-size: 0.8rem;
    background-color: transparent;
    border-radius: 0;
    width: 12px;
    margin-left: 20px;
    padding: 0 2px;
}

.pagination a.page-numbers:hover {
    background-color: transparent;
    border-bottom: 2px solid var(--tonic);
}

.pagination .page-numbers.next, .pagination .page-numbers.prev {
    padding: 0px;
}

/*********************/
/*  SINGLE POST      */
/********************/

.single-post .blog_name {
    font-family: 'Amaranth', sans-serif;
    font-size: 1.6rem;
}

.single-post h1 {
    margin-top: 15px !important;
    font-size: 2.3rem !important;
    line-height: 2.3rem !important;
}

.single-post h1 mark {
    font-size: 3rem !important;
}

.single-post .block-blog__container .media {
    border-radius: 0;
    box-shadow: none;
}

.single-post h2,
.post-type-post .editor-styles-wrapper h2 {
    color: var(--dark) !important;
    text-align: left;
    font-size: 1.5rem !important;
    width: 100%;
    margin: 80px auto 60px;
    position: relative;
    text-transform: uppercase;
}

.single-post h2::after,
.post-type-post .editor-styles-wrapper h2::after {
    content: '';
    background-color: var(--tonic);
    height: 4px;
    position: absolute;
    border-radius: 0;
    bottom: -10px;
    width: 110px;
    left: 0;
}

.add_post_sidebar .blog-slider-sidebar h2 {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: normal;
    color: var(--primary) !important;
    line-height: 1.3rem;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}

.add_post_sidebar .blog-slider-sidebar h2::after{
    content: unset;
}

.single-post .add_post__title{
    line-height: 1.2rem !important;
}

.single-post h3,
.post-type-post .editor-styles-wrapper h3 {
    color: var(--dark) !important;
    font-size: 1.2rem !important;
}

.single-post .has-background,
.post-type-post .editor-styles-wrapper .has-background {
    border-bottom-left-radius: 25px;
    padding: 45px;
}

.single-post .has-background .wp-block-group__inner-container {
    padding: 0;
}

.single-post .block-blog__container .has-dark-background-color a,
.post-type-post .editor-styles-wrapper .has-dark-background-color a {
    color: var(--primary);
    background-color: var(--highlight);
    margin: 35px 0 0px;
    display: inline-block;
    text-align: center;
    padding: 15px 32px;
    border-radius: 6px;
    font-family: 'Amaranth', sans-serif;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.1rem;
}

.add_post_sidebar .blog-slider-sidebar .wp-block-media-text {
    border: 0 !important;
    padding: 0;
    border-radius: 0;
}

.add_post_sidebar .blog-slider-sidebar .wp-block-media-text.is-style-card .wp-block-media-text__media {
    border-radius: 0;
    padding-bottom: 50%;
}

.add_post_sidebar .blog-slider-sidebar .wp-block-media-text__content{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.add_post_sidebar .wp-block-media-text__content .wp-block-button__link {
    background-color: var(--tonic) !important;
    font-weight: normal;
    color: #FFF !important;
    padding: 0px 12px 0px 18px;
    border-radius: 0 !important;
    border-bottom-left-radius: 9px !important;
    font-size: 1.02rem;
}

.add_post_sidebar .retour {
    text-decoration: none;
    margin-top: -55px;
    display: block;
    margin-bottom: 30px;
}

@media (min-width:992px) {
    .single-post h1 {
        max-width: 55%;
    }

}





/*******************/
/*   CAS CLIENTS   */
/*******************/
.page-template-cas-clients .wp-block-columns.aff_clients {
    display: flex;
    flex-flow: row wrap !important;
}

.page-template-cas-clients .aff_clients.has-3-columns .wp-block-column {
    flex-basis: 31%;
    padding-bottom: 80px;
    cursor: pointer;
}

.page-template-cas-clients .wp-block-group.alignfull.has-dark-background-color.has-background{
    margin-top: 60px;
}

.aff_clients .ccli_illustration img {
    transition: all .3s;
    height: auto;
}

.aff_clients .wp-block-column:hover .ccli_illustration img {
    transform: scale(1.1) rotate(2deg);
}

.client_resume {
    position: relative;
}

.ccli_illustration {
    overflow: hidden;
    display: flex;
    border: 4px solid var(--dark);
    max-height: 222px;
}

.ccli_illustration.border-bottom-left-radius,
.list_media_txt-container figure.border-bottom-left-radius {
    border-bottom-left-radius : 20px;
}
.ccli_illustration.border-bottom-right-radius,
.list_media_txt-container figure.border-bottom-right-radius {
    border-bottom-right-radius : 20px;
}
.ccli_illustration.border-top-left-radius,
.list_media_txt-container figure.border-top-left-radius {
    border-top-left-radius : 20px;
}
.ccli_illustration.border-top-right-radius,
.list_media_txt-container figure.border-top-right-radius {
    border-top-right-radius : 20px;
}

.ccli_logo {
    position: absolute;
    bottom: -15px;
    width: 120px;
    height: 100px;
    background-color: #FFF;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border-bottom: 2px solid var(--dark);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.ccli_logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ccli_titre {
    margin-top: 30px;
    padding: 0 20px;
}

.ccli_titre p {
    font-family: 'Amaranth', sans-serif;
    font-size: 1.4rem;
    font-weight: 800;
    min-height: 80px;
}

.ccli_societe {
    text-align: center;
    color: var(--dark);
    font-size: 1.2rem;
}

.ccli_description {
    margin: 10px 20px 40px;
    min-height:80px;
}

.ccli_link {
    text-align: center;
}



@media (min-width:992px) {
.aff_clients.has-3-columns .wp-block-column{
        max-width: 50%;
    }
}

@media (min-width:992px) {

    .aff_clients.has-3-columns .wp-block-column{
        max-width: 31%;
    }
}


/******** SINGLE CAS CLIENT ********/
.success-story .is-style-banner-rounded-img p {
    margin-bottom: 0;
}

.success-story p.has-dark-color.has-text-color.has-level-4-font-size{
    position: relative;
    margin-left: 20px;
}

.success-story p.has-dark-color.has-text-color.has-level-4-font-size::before {
    content: '';
    background-color: var(--tonic);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: absolute;
    display: block;
    left: -20px;
    bottom: 5px;
}


.success-story .ccli_solutions ul {
    margin-top: calc(var(--marge-between-p-p) * 1.5);
    padding-left: 0;
}

.success-story .ccli_solutions ul li:not(:first-child){
    margin-top: calc(var(--marge-between-p-p) * 1.5);
}

.success-story .chiffre_cle {
    font-size: 5rem !important;
}



#INTERVIEW {
    margin: 105px 0px 130px;
}

@media (min-width:992px) {
    #INTERVIEW {
        margin: 105px 60px 130px;
    }
}



#INTERVIEW .name_func {
    margin-bottom: 8px;
}

.container_question_ccli {
    margin: 0 0 30px 80px;
    width: fit-content;
    position: relative;
    padding-top: 50px;
}

.question_ccli,
.reponse_ccli {
    padding: 30px;
    border-radius: 10px;
    background-color: var(--neutral-light);
    width: fit-content;
    position: relative;
}

.reponse_ccli{
    background-color: var(--neutral-dark);
}

.reponse_ccli::before {
    content: ' ';
    background-image: url(../img/red-quotes.svg);
    position: absolute;
    width: 25px;
    height: 30px;
    top: 20px;
    left: -6px;
    background-size: contain;
    background-repeat: no-repeat;
}


.question_ccli::after,
.reponse_ccli::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 12px;
    width: 0;
    height: 0;
    border: solid 24px transparent;
    border-bottom-color: var(--neutral-dark);
    transform: rotate(45deg) translateY(-35px);
}

.question_ccli::after {
    transform: rotate(135deg) translateY(-35px);
    bottom: auto;
    top: -40px;
    left: auto;
    right: 150px;
    border-bottom-color: var(--neutral-light);
}

.container_question_ccli .interview-img_name {
    display: flex;
    align-items: end;
    position: absolute;
    right: 20px;
    top: 0;
}

.container_reponse_ccli .interview-img_name {
    display: flex;
    align-items: end;
    margin-left: 75px;
}

.interview-img_name .name {
    font-family: 'Amaranth', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;   
    margin-left: 15px;
    color: var(--tonic);
}

.interview-img_name .function {
    font-size: .7rem;
    font-style: italic;
    max-width: 150px;
    font-family: 'Titillium Web', sans-serif;
    line-height: .7rem;
    color: var(--primary);
    margin-left: 15px;
    margin-top: 0;
}

.container_question_ccli img {
    width: 35px;
    height: 35px;
}

.container_reponse_ccli img {
    width: 55px;
    margin-top: 15px;
    border-bottom-right-radius: 10px;
    height: auto;
}

.container_reponse_ccli {
    margin: 0 0 30px 30px;
}





 /*************************/
 /*   LIST                */
 /*************************/

.is-style-checked,
.is-style-unchecked {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.is-style-checked li,
.is-style-unchecked li {
  position: relative;
}

.is-style-checked li::before,
.is-style-unchecked li::before {
    content: ' ';
    position: absolute;
    left: -25px;
    height: 15px;
    width: 15px;
    top: 6px;
}


.is-style-checked li::before {
    background-image: url('../img/checked.svg');
}
.is-style-unchecked li::before {
    background-image: url('../img/unchecked.svg');
}



/***************************/
/*         COCONS          */
/***************************/
.is-style-cocon-container h2 {
    color: var(--dark) !important;
    text-align: left;
    font-size: 1.5rem !important;
    width: 100%;
    margin: 80px 0 60px !important;
    position: relative;
    text-transform: uppercase;
    max-width: 75%;
}

.is-style-cocon-container h2::after {
    content: '';
    background-color: var(--tonic);
    height: 4px;
    position: absolute;
    border-radius: 0;
    bottom: -10px;
    width: 110px;
    left: 0;
}

.is-style-cocon-container h3 {
    font-size: 1.3rem !important;
    color: var(--dark) !important;
    font-weight: 400 !important;
}

.is-style-cocon-container .has-background {
    border-bottom-left-radius: 25px;
    padding: 45px;
}

/***************************/
/*   archive pagination    */
/***************************/


.wp-block-query-pagination {
    display: flex;
    justify-content: center;
    padding: 25px 15px 30px;
}

.wp-block-query-pagination a {
    transition: all .3s;
    text-decoration: none;
    font-size: .8rem;
    text-transform: lowercase;
}

.wp-block-query-pagination-numbers {
    margin: 0px 20px;
}
@media (min-width:992px) {
    .wp-block-query-pagination-numbers{
        margin: 0 80px;
    }
}

.wp-block-query-pagination a.page-numbers{
    margin: 0 10px;
}

.page-numbers.current {
    border-bottom: 2px solid var(--tonic);
}