.gtm-copy-anim-logo {
    display: none;
}


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

body .gtm-container-over{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000000000000;
    width: 100%;
    height: 100px;
    z-index: 10;
    transition: all .2s ease-in-out;
}

body.gtm-scroll .gtm-container-over {
    background-color: #161f35;
}

@media screen and (max-width: 768px) {
    body .gtm-container-over{
        height: 60px;
    }
}

/* ------ Logo ------ */


.gtm-logo-hero {
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    z-index: 101;
    padding-left: 120px !important;
    padding-top: 15px;
}

.gtm-logo-hero .gtm-custom {
    padding-top: 0px !important;
}

.gtm-logo-hero .gtm-custom img {
    max-width: 150px;
}

@media screen and (max-width: 492px) {
    .gtm-logo-hero {
        left: 0px;
        transform: translateX(0%);
    }
}

@media screen and (max-width: 768px) {
    .gtm-logo-hero .gtm-custom img {
        max-width: 80px;
    }
}

@media screen and (min-width: 492px) {
    .gtm-logo-hero {
        padding-left: 0px !important;
    }
}

/* ------ Top contact ------ */

.gtm-hero-top-contact {
    position: fixed;
    top: 0;
    right: 15px;
    left: auto;
    width: fit-content;
    z-index: 101;
}

.gtm-hero-top-contact .gtm-custom {
    padding-top: 0px !important;
}

.gtm-box-top-contact {
    display: flex;
    gap: 10px;
}

.gtm-box-top-contact a{
    transition: all .2s ease-in-out;
}

.gtm-box-top-contact a:hover {
    background-color: #ff4d00;
}

.gtm-box-top-contact a svg path {
    transition: all .2s ease-in-out;
}

.gtm-box-top-contact a:hover svg path {
    fill: #fff;
}

.gtm-hero-top-contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #ff4d00;
}

.gtm-hero-top-contact a svg {
    width: 26px;
}

@media screen and (max-width: 768px) {
    .gtm-hero-top-contact a {
        width: 32px;
        height: 32px;
        border: 2px solid #ff4d00;
    }

    .gtm-hero-top-contact a svg {
        transform: scale(0.5);
    }
}



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                    HEROS
/////////////////////////////////////////////////////////////////////////////////////////// */


/* ---------------- Accueil ----------------- */

.gtm-box-hero .gtm-custom {
    position: relative;
    background-color: #202945;
    height: 100svh;
    max-height: 800px;
}

.gtm-box-hero .gtm-custom .gtm-hero-content {
    color: #fff;
    padding: 0px 30px;
    margin-top: 10vh;
}

.gtm-box-hero .gtm-custom .gtm-hero-content h1 {
    font-size: clamp(1.2rem, 6vw, 4.5rem);
    margin-bottom: 40px;
}

.gtm-box-hero .gtm-custom h1 span {
    display: block;
}

.gtm-box-hero .gtm-custom .gtm-hero-content .gtm-hero-liens {
    position: relative;
    z-index: 2;
}

.gtm-box-hero .gtm-custom .gtm-hero-content .gtm-hero-liens a:nth-child(1) {
    margin-right: 10px;
}

.gtm-img-hero {
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 60%;
} 

.gtm-box-hero .gtm-custom::before {
    content: url(/images/etoile-left.svg);
    position: absolute;
    left: 0;
    bottom: -10%;
    width: 30%;
    max-width: 120px;
    z-index: 1;
}



@media screen and (min-width: 768px) {

    .gtm-box-hero .gtm-custom {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative; 
    }

    .gtm-box-hero .gtm-custom .gtm-hero-content {
        position: absolute;
        top: 45%;
        left: 25%;
        margin-top: 0vh;
    }

    .gtm-box-hero .gtm-custom .gtm-hero-content h1 {
        font-size: clamp(1.2rem, 4vw, 4.5rem);
    }

    .gtm-box-hero .gtm-custom .gtm-hero-content h5{
        display: none;
    }

    .gtm-box-hero .gtm-custom h1 span:nth-child(2) {
        display: block;
        position: relative;
        padding-left: 60px;
    }

    .gtm-box-hero .gtm-custom h1 span:nth-child(2)::before {
        content: url(/images/icn-soleva.svg);
        position: absolute;
        top: 0;
        right: -16px;
        width: 16px;
        height: auto;
        z-index: 1;
        line-height: 0.5;
    }

    .gtm-box-hero .gtm-custom .gtm-hero-content .gtm-hero-liens a:nth-child(1) {
        margin-left: 60px;
    }

    .gtm-img-hero {
        display: none;
    } 

    .gtm-box-hero .gtm-custom::after {
        content: url(/images/etoile-droite.svg);
        position: absolute;
        bottom: 0;
        right: 0;
        width: 200px;
        height: auto;
        z-index: 1;
        transform: translateY(30%);
    }
    
    .gtm-box-hero .gtm-custom::before {
        display: none;
    }

}


@media screen and (min-width: 1200px) {
    .gtm-box-hero .gtm-custom .gtm-hero-content {
        position: absolute;
        top: 45%;
        left: 35%;
        margin-top: 0vh;
    }
}

@media screen  and (max-width: 767px){
    #gtm-custom161 {
        background-image: none;
    }
}

/* ---------------- Standard ----------------- */


.gtm-hero-standard .gtm-custom {
    min-height: 70svh;
    padding: 100px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:  center bottom / 100% auto no-repeat #202945;
    position: relative;
}

.gtm-hero-standard.gtm-hero-center {
    text-align: center;
}

.gtm-hero-content-standard {
    width: fit-content;
}

.gtm-hero-standard .gtm-custom h1 {
    font-size: clamp(2rem, 5vw, 5.5rem);
    color: #fff;
}

.gtm-hero-standard .gtm-custom h1 span {
    display: block;
}

.gtm-hero-standard .gtm-custom h1 span:nth-child(2) {
    padding-left: 60px;
}

.gtm-hero-standard .gtm-baseline {
    display: block;
    text-align: right;
    margin-top: 30px;
    color: #838faa;
    font-size: clamp(1.2rem, 2.5vw, 3rem);
}

.gtm-hero-standard .gtm-baseline-top {
    display: block;
    text-align: left;
    margin-top: 30px;
    color: #838faa;
    font-size: clamp(1.2rem, 2.5vw, 3rem);
}

.gtm-hero-standard.gtm-hero-center .gtm-baseline {
    text-align: center;
}

.gtm-arrow {
    position: relative;
    z-index: 2;
}

.gtm-hero-standard .gtm-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
    margin-top: 60px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #161f35;
    cursor: pointer;
    transition: transform .2s ease-in-out;
}

.gtm-hero-standard .gtm-arrow:hover {
    transform: translateY(20px);
}

.gtm-hero-standard .gtm-arrow img {
    width: 28px;
    transform: rotate(90deg);
}

@media screen and (min-width: 1200px) {
    .gtm-hero-standard .gtm-custom {
        min-height: 100svh;
    }
}

/* ---------------- Standard milieu de page ----------------- */


.gtm-hero-standard-mid .gtm-custom {
    min-height: 70svh;
    padding: 100px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

.gtm-hero-standard-mid.gtm-hero-center {
    text-align: center;
}

.gtm-hero-content-standard {
    width: fit-content;
}


.gtm-hero-standard-mid .gtm-custom h2 {
    max-width: 1000px;
    text-align: center;
}


.gtm-hero-standard-mid .gtm-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
    margin-top: 60px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #e8ecf7;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.gtm-hero-standard-mid .gtm-arrow:hover {
    background: #d0d6e4;
}

.gtm-hero-standard-mid .gtm-arrow:hover {
    transform: translateY(20px);
}

.gtm-hero-standard-mid .gtm-arrow img {
    width: 28px;
    transform: rotate(90deg);
}

@media screen and (min-width: 1200px) {
    .gtm-hero-standard-mid .gtm-custom {
        min-height: 100svh;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////////////
                                    ACCUEIL
/////////////////////////////////////////////////////////////////////////////////////////// */


.gtm-articles-accueil h2.gtm-text-dot {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.gtm-bouton-blogue-accueil {
    width: fit-content;
    margin: 0px auto 40px auto;
}

.gtm-articles-accueil ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 0px;
}

.gtm-articles-accueil ul li {
    width: 100%;
    list-style: none;
}

@media screen and (min-width: 992px) {
    .gtm-articles-accueil ul {
        flex-direction: row;
}
.gtm-articles-accueil ul li {
    width: 33.33%;
}
}

.gtm-articles-accueil ul li article.mod-articles-item  {
    align-items: center;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    width: fit-content;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(22, 31, 53);
    background: linear-gradient(180deg, rgba(22, 31, 53, 0.4948573179271709) 0%, rgba(22, 31, 53, .5) 61%);
    border-radius: 20px;
    z-index: 1;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content .mod-articles-title {
    font-size: 25px;
    position: absolute;
    bottom: 0px;
    left: 20px;
    z-index: 2;
    padding-right: 20px;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content .mod-articles-title a {
    color: #fff;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content .readmore {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 25px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 80px !important;
    height: 80px !important;
    background-color: #ff4d00 !important;
    border-radius: 50% !important;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.gtm-articles-accueil ul li:hover article.mod-articles-item  .mod-articles-item-content .readmore {
    opacity: 1;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content .readmore .btn.btn-secondary{
    margin: 0px !important;
    background-color: transparent;
}

.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content figure, .gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content figure a  {
    line-height: 0;
    margin-bottom: 0px;
}


.gtm-articles-accueil ul li article.mod-articles-item  .mod-articles-item-content figure img {
    border-radius: 20px;
}



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                    RECRUTEMENT
/////////////////////////////////////////////////////////////////////////////////////////// */

.recrutement .gtm-top6 {
    position: relative;
}

/* ---- Chez Soleva, nous voyons le recrutement sous un angle nouveau. ---*/

.gtm-text-translate-xg h2:nth-child(1) {
    margin-bottom: 0px;
    font-size: 25px;
}

.gtm-text-translate-xg h2:nth-child(2) {
    margin-bottom: 40px;
    font-size: 35px;
}

.gtm-dot {
    color: #ff4d00;
}

.gtm-intro {
    padding: 30px 30px 0px 30px;
}

.gtm-box-img {
    justify-content: flex-end;
    line-height: 0;
}

@media screen and (min-width: 620px){  

    .gtm-intro {
        padding: 60px 60px 0px 60px;
    }

}

@media screen and (min-width: 992px){  

    .gtm-text-translate-xg h2:nth-child(1) {
        font-size: 40px;
    }
    
    .gtm-text-translate-xg h2:nth-child(2) {
        font-size: 60px;
        margin-bottom: 70px;
    }

    .gtm-text-translate-xg {
        margin-left: -150px;
    }

    .gtm-intro {
        padding: 60px 60px 20px 60px;
    }

}

/* ---- Pourquoi choisir soleva ---*/

.gtm-center-title h2 {
    text-align: center;
    padding: 60px 60px 20px 60px !important;
}

.gtm-bg p {
    color: #97b2f5;
}

.gtm-box-picto {
    text-align: center;
}

@media screen and (min-width: 992px){  
    .gtm-center-title h2 {
        padding: 60px !important;
    }
}



/* ---- À la recherche d’un employé permanent? ---*/


.gtm-img-br img {
    border-radius: 15px;
    width: 100%;
}

.gtm-text-bg-white  {
    justify-content: center;
}

.gtm-text-bg-white .gtm-custom {
    background-color: #fff;
    border-radius: 20px;
}

.gtm-sup-title{
    font-size: 25px;
    color: #161f35;
}

.gtm-sup-title-light {
    font-size: 30px;
    color: #838faa;
}

.gtm-text-bg-white h2 {
    font-size: 25px;
}

@media screen and (min-width: 620px){  

    .gtm-text-bg-white {
        margin-bottom: -100px;
        z-index: 1;
    }

    .gtm-text-bg-white .gtm-custom{
        padding: 60px;
        width: 90%;
        margin: auto;
    }
    .gtm-text-bg-white{
        margin-bottom: -100px;
        z-index: 1;
    }

    .gtm-text-bg-white .gtm-custom {
        padding: 60px;
        width: 90%;
        margin: auto;
    }
}

@media screen and (min-width:992px) {

    .gtm-text-bg-white .gtm-custom {
        transform: translateX(-150px);
        padding: 40px 0px 40px 40px;
        width: 100%;
        margin: auto;
    }


    .gtm-sup-title {
        font-size: 30px;
    }
    
    .gtm-text-bg-white h2 {
        font-size: 35px;
    } 
}

@media screen and (min-width:1200px ) {

    .gtm-sup-title {
        font-size: 35px;
    }

    .gtm-text-bg-white h2 {
        font-size: 50px;
    } 
}


/* ---- Besoin d’un employé de façon temporaire? ---*/

.gtm-text-bg-white-l  {
    justify-content: center;
}
.gtm-text-bg-white-l .gtm-custom {
    background-color: #fff;
    border-radius: 20px;
}

@media screen and (min-width: 992px) {
    .gtm-text-bg-white-l .gtm-custom {
        transform: translateX(150px);
        padding: 70px 70px 70px 0px;
    }
}


@media screen and (min-width: 620px){  

    .gtm-text-bg-white-l {
        margin-bottom: -100px;
        z-index: 1;
    }

    .gtm-text-bg-white-l .gtm-custom {
        padding: 60px;
        width: 90%;
        margin: auto;
    }
    
    .gtm-text-bg-white-l {
        margin-bottom: -100px;
        z-index: 1;
    }

    .gtm-text-bg-white-l .gtm-custom {
        padding: 60px;
        width: 90%;
        margin: auto;
    }
}

@media screen and (min-width:992px) {

    .gtm-text-bg-white-l .gtm-custom {
        transform: translateX(150px);
        padding: 40px 40px 40px 0px;
        width: 100%;
        margin: auto;
    }

    .gtm-text-bg-white-l {
        margin-bottom: 0px;
        z-index: 1;
    }

    .gtm-sup-title {
        font-size: 20px;
    }
    .gtm-text-bg-white-l h2 {
        font-size: 35px;
    } 
}

@media screen and (min-width:1200px ) {

    .gtm-sup-title {
        font-size: 30px;
    }

    .gtm-text-bg-white-l h2 {
        font-size: 50px;
    } 
}


/* ---- Une firme en recrutement? Oui, mais nous en faisons beaucoup plus pour vous! ---- */

.gtm-full-action {
    padding: 0px 25px 50px 25px !important;
    justify-content: center;
}

.gtm-bg-dark .gtm-sup-title {
    color: #838faa;
}

.gtm-bg-dark h2 {
    color: #fff;
}

.gtm-full-action .gtm-box-action {
    background-color: #161f35;
    border-radius: 15px;
    text-align: center;
    padding: 50px 50px 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

a.gtm-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 50px auto 0;
    background: #ff4d00;
}

a.gtm-arrow img {
    width: 35px;
}

.gtm-box-action h6 a {
    font-size: 30px;
    color: #fff;
}

.gtm-box-action p {
    font-size: 30px;
}


@media screen and (min-width: 768px) {
    .gtm-box-action h6 a {
        font-size: 40px;
    }
}


@media screen and (min-width: 1200px) {
    .gtm-full-action {
        padding: 200px 100px !important;
    }

    .gtm-full-action .gtm-box-action {
        padding: 100px 50px 70px;
    }
}

.gtm-temoignage-recrutement  {
    padding-top: 100px;
    padding-bottom: 100px;
}

.gtm-temoignage-recrutement .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    flex-direction: row;
    justify-content: flex-end;
    height: auto !important;
    bottom: -70px;
}

.gtm-temoignage-recrutement .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls div {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
}



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                ACCUEIL
/////////////////////////////////////////////////////////////////////////////////////////// */

/* Faire affaire avec Soleva, c’est profitable. */

.gtm-box-top-1b, .gtm-box-top-2b {
    max-width: 1400px;
    margin: auto;
}

.gtm-intro-texte-faire {
    margin-top: 0px;
    padding: 0px 60px 60px 60px;
} 

@media screen and (min-width: 992px) {
    .gtm-intro-texte-faire {
        margin-top: 80px;
        padding: 60px 60px 0px 60px;
    }    
}

.gtm-bloc-titre {
    margin-top: -100px;
}

.gtm-definir, .gtm-definir-light {
    padding: 80px 50px;
    border-radius: 15px;
    margin-top: 50px;
}

.gtm-bg-definir {
    background-image: url(/images/bg-box-talent.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 120px 200px 120px 50px;
    border-radius: 15px;
    margin-top: 50px;
}

.gtm-definir {
    background-color: #202945;
}

.gtm-definir-light  {
    background-color: #1947ba;
}

.gtm-definir h3, .gtm-definir-light h3{
    color: #fff;
    margin-bottom: 40px;
}

.gtm-definir ul, .gtm-definir-light ul {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 30px;
}

.gtm-definir ul li  {
    color: #838faa;
    font-size: 22px;
}

.gtm-definir-light ul li {
    color: #97b2f5;
    font-size: 22px;
}

a.gtm-btn-plus {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: fit-content;
    color: #fff;
    background-color: #0e1424;
    padding: 0 40px 0 0;
    height: 70px;
    font-size: 18px;
    border-radius: 99px;
    transition: background .2s ease-in-out;
}

a.gtm-btn-plus-light {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: fit-content;
    color: #fff;
    background-color: #0043a4;
    padding: 0 40px 0 0;
    height: 70px;
    font-size: 18px;
    border-radius: 99px;
    transition: background .2s ease-in-out;
}

a.gtm-btn-plus:hover {
    background-color: #ff4d00;
}

a.gtm-btn-plus-light:hover {
    background-color: #ff4d00;
}

a.gtm-btn-plus img, a.gtm-btn-plus-light img {
    width: 20px;
}

.gtm-lien-plus-box, .gtm-lien-plus-box-light {
    background-color: #ff4d00;
    width: 60px;
    height: 60px;
    border-radius: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    transition: background .2s ease-in-out;
}

a.gtm-btn-plus:hover .gtm-lien-plus-box, a.gtm-btn-plus-light:hover .gtm-lien-plus-box-light {
    background-color: #ba3800;
}


/* 4 pictos */

.gtm-4-pictos {
    text-align: center;
}

/* nos clients */

.gtm-nos-clients {
    background-color: transparent !important;
}

/* Blogue */

.mod-articles-items.mod-list {
    display: flex;
    justify-content: center;
    gap: 40px;
}

/* recherche emploi */

.gtm-recherche-emploi-home {
    position: relative;
    background-color: #202945;
}


.gtm-bg-recherche {
    padding: 0px;
}

.gtm-bg-recherche .gtm-custom {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
}

@media screen and (min-width: 992px) {

    .gtm-recherche-emploi-home::before {
    content: url(/images/corner-top.svg);
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    transform: translateX(calc(100% - 1px));
    line-height: 0;
}

.gtm-recherche-emploi-home::after {
    content: url(/images/corner-bottom.svg);
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 50%;
    transform: translateX(calc(100% - 1px));
    line-height: 0;
}
    .gtm-bg-recherche .gtm-custom {
        height: 100%;
    }
}


/* .gtm-recherche-emploi-home{
    position: relative;
    height: 1034px;
}

.gtm-dark-bubble::after {
    content: '';
    background-image: url(/images/chercheur-shape-vertical.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 1287px;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    z-index: 1;
} */

/* .gtm-dark-bubble .gtm-dark-bubble-content  {
    position: relative;
    z-index: 2;
    max-width: 620px;
    margin-left: 10%;
    padding-top: 200px;
} */

.gtm-dark-bubble .gtm-dark-bubble-content p, .gtm-dark-bubble .gtm-dark-bubble-content h2  {
    color: #fff;
    margin-bottom: 20px;
}

/* .gtm-img-emploi {
    height: 880px;
    width: 75%;
    background: url(/images/bg-chercheuremploi.jpg);
    background-position: right -200px center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
} */

/* @media (max-width: 1479px) {
    .gtm-img-emploi {
        height: 750px;
    }
    .gtm-dark-bubble::after {
        left: -150px;
    }
}

@media (max-width: 1300px) {
    .gtm-img-emploi {
        display: none;
    }
    .gtm-dark-bubble::after {
        left: 0px;
        width: 145%;
        left: 0;
        top: -80px;
        max-width: 145%;
    }

    .gtm-dark-bubble .gtm-dark-bubble-content {
        padding-top: 100px;
    }
}

@media (max-width: 800px) {
    .gtm-img-emploi {
        display: none;
    }
    .gtm-dark-bubble::after {
        display: none;
    }

    .gtm-recherche-emploi-home {
        background-color: #202945;
        height: 100%;
        padding-bottom: 100px;
        margin-bottom: 4px;
    }

    .gtm-dark-bubble-content {
        margin-left: 0 !important;
        text-align: center;
        padding: 40px;
    }

    .gtm-dark-bubble .gtm-dark-bubble-content {
        padding-top: 0px;
    }
} */



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                CHRONIQUES
/////////////////////////////////////////////////////////////////////////////////////////// */


.gtm-article-chroniques .blog-item {
    position: relative;
    transition: transform .3s ease-in-out;
}

.gtm-article-chroniques .blog-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(22,31,53);
    background: linear-gradient(180deg, rgba(22,31,53,0.4948573179271709) 0%, rgba(22,31,53,1) 61%);
    border-radius: 20px;
}

.gtm-article-chroniques .blog-item .item-image {
    border-radius: 20px;
    overflow: hidden;
}

.gtm-article-chroniques .blog-item .item-image a {
    margin-bottom: 0px;
    line-height: 0;
    display: block;
}

.gtm-article-chroniques .blog-item .item-image a img {
    margin-bottom: 0px;
    border-radius: 20px;
    opacity: .5;
    transition: transform .3s ease-in-out;
}

.gtm-article-chroniques .blog-item:hover .item-image a img {
    transform: scale(1.2);
}


.gtm-article-chroniques .blog-item .item-content {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    }
    
    .gtm-article-chroniques .blog-item .item-content .readmore { grid-area: 1 / 1 / 2 / 3; }
    .gtm-article-chroniques .blog-item .item-content .tags { grid-area: 2 / 1 / 3 / 2; }
    .gtm-article-chroniques .blog-item .item-content .fields-container { grid-area: 2 / 2 / 3 / 3; }
    .gtm-article-chroniques .blog-item .item-content .page-header { grid-area: 3 / 1 / 4 / 3; }


.gtm-article-chroniques .blog-item .item-content {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 2;
    transform: translateX(-50%);
    padding: 10px 30px;
}

.gtm-article-chroniques .blog-item .item-content .page-header h2 a {
    text-transform: uppercase;
    color: #fff;
    line-height: 1.1;
    font-size: 25px;
}

.gtm-article-chroniques .blog-item .item-content .fields-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-left: 0px;
    font-size: 16px;
}

.gtm-article-chroniques .blog-item .item-content .readmore {
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.gtm-article-chroniques .blog-item:hover .item-content .readmore {
    visibility: visible;
    opacity: 1;
    transform: translateY(-30px);
}

.gtm-article-chroniques .blog-item .item-content .readmore a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative !important;
    width: 100px !important;
    height: 100px !important;
    background-color: #ff4d00 !important;
    border-radius: 50% !important;
}

.gtm-article-chroniques .blog-item .item-content .readmore a::before {
    content: url(/images/arrow-article.svg);
    width: 40%;
}


.gtm-article-chroniques .blog-item .item-content .tags {
    margin-left: 0px;
}

.gtm-article-chroniques .blog-item .item-content .tags .list-inline-item {
    background-color: #161f35;
    border-radius: 99px;
    padding: 7px 15px;
    list-style: none;
    text-align: center;
}

.gtm-article-chroniques .blog-item .item-content .tags .list-inline-item a {
    color: #fff;
    font-size: 16px;
}

.gtm-article-chroniques .blog-item .item-content .fields-container .type-de-publication .field-label {
    display: none;
}

.gtm-article-chroniques .blog-item .item-content .fields-container .date {
    color: #d3e0ff;
    list-style: none;
}

.gtm-article-chroniques .blog-item .item-content .fields-container .date .field-label {
    display: none;
}


/* ---------------- Heros articles de blogue ------------------ */

.com-content-article.item-page {
    padding: 0px;
}

.com-content-article.item-page .gtm-box-hero-blog-art {
    height: 100svh;
    padding: 100px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: url(/images/hero-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.com-content-article.item-page .gtm-box-hero-blog-art h1 {
    font-size: clamp(2.3rem, 5vw, 5.5rem);
    color: #fff;
    text-transform: uppercase;
    max-width: 900px;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}

.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields {
    display: flex;
    justify-content: center;
    align-items: center;
}

.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    font-size: 16px;
}

@media screen and (min-width: 492px) {
    .com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields {
        flex-direction: row;
    }  
}


.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields .tags {
    margin-left: 0px;
}


.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields .tags li {
    background-color: #838faa;
    border-radius: 99px;
    padding: 7px 15px;
    list-style: none;
    text-align: center;
}


.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields .tags li a {
    color: #fff;
    font-size: 16px;
}

.com-content-article.item-page .gtm-box-hero-blog-art .fields-container {
    margin-left: 0px;
}

.com-content-article.item-page .gtm-box-hero-blog-art .fields-container .date {
    color: #d3e0ff;
    list-style: none;
}

.com-content-article.item-page .gtm-box-hero-blog-art .fields-container .date span.field-label {
    display: none;
}

.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields {
    position: relative;
}


.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields::before {
    content: url(/images/arrow.svg);
    position: absolute;
    transform-origin: left center;
    bottom: -140px;
    left: 50%;
    transform: rotate(90deg) translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #161f35;
    cursor: pointer; 
    transition: all .2s ease-in-out;
}

.com-content-article.item-page .gtm-box-hero-blog-art .gtm-box-fields:hover::before {
    background: #0e1424;
    bottom: -160px;
}

/* Masque la liste des sous-catégories */

.com-content-category-blog__children.cat-children {
    display: none;
}


/* filtre de catégories */

.gtm-filter .gtm-custom {
    text-align: center;
}

.gtm-filter .gtm-filter-container {
    text-align: center;
    position: relative;
    display: inline;
    border: 1px 1px 1px 1px;
    height: 20px;
}

.gtm-filter-container::after {
    content: url(/images/arrow-select.svg);
    width: 15px;
    height: auto;
    position: absolute;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    left: 85%;
}

.gtm-filter .gtm-filter-container select {
    padding: 20px 60px 20px 40px;
    font-family: 'fibra_onebold';
    border: 3px solid #d3e0ff;
    font-size: 20px;
    border-radius: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #161f35;
}

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



/* ----------------- Corps articles -------------------- */

.com-content-article .item-image {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 30px;
}

.com-content-article .item-image img{
    border-radius: 20px;
}

.com-content-article .com-content-article__body {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1200px;
    margin: auto;
}

.gtm-retour-aux-chroniques {
    margin-bottom: 70px;
}

.more a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #161f35;
    width: fit-content;
    margin: auto;
    padding: 0 40px 0 0;
    height: 70px;
    font-size: 18px;
    border-radius: 99px;
    transition: background-color .2s ease-in-out;
}

.more a .icn {
    display: flex;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin: 0 20px 0 7px;
    background: #ff4d00;
    transition: background-color .2s ease-in-out;
}


.more a:hover {
    background: #ff4d00;
}

.more a:hover .icn {
    background: #ba3800;
}

.more a img {
    width: 20px;
}


@media screen and (min-width: 768px) {
    .com-content-article .com-content-article__body {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* ///////////////////////////////////////////////////////////////////////////////////////////
                                EMPLOI
/////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-intro-light {
    justify-content: center;
}

.gtm-bg-light h2 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.gtm-box-picto {
    padding: 20px !important;
}

.gtm-objectif.gtm-bg {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.gtm-objectif.gtm-bg h2 {
    text-align: center;
    padding-bottom: 30px;
}

.gtm-objectif.gtm-bg p {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .gtm-espace-bottom {
        padding-bottom: 70px !important;
    }
    
}

.gtm-bouton-action-red, .gtm-bouton-action-blue {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    transition: background .2s ease-in-out;
}

.gtm-bouton-action-red {
    background-color: #ff4d00;
}

.gtm-bouton-action-blue {
    background-color: #0043a4;
}

.gtm-bouton-action-red:hover {
    color: #fff;
    background-color: #ba3800;
}

.gtm-bouton-action-blue:hover {
    color: #fff;
    background-color: #003786;
}


.gtm-bouton-action-red .gtm-arrow, .gtm-bouton-action-blue .gtm-arrow {
    border-radius: 50%;
    padding: 20px;
    line-height: 0;
    transition: transform .2s ease-in-out;
}


.gtm-bouton-action-red .gtm-arrow {
    background-color: #0043a4;
}

.gtm-bouton-action-blue .gtm-arrow {
    background-color: #ff4d00;
}


.gtm-bouton-action-red:hover .gtm-arrow, .gtm-bouton-action-blue:hover .gtm-arrow{
    transform: translateX( 20px);
}

.gtm-bouton-action-red .gtm-arrow img, .gtm-bouton-action-blue .gtm-arrow img {
    width: 30px;
    height: 30px;
}

.gtm-temoignages {
    background-color: #f6f9ff;
}

.gtm-temoignages h2 {
    text-align: center;
}

@media screen and (min-width: 992px) {

    .gtm-bouton-action-red, .gtm-bouton-action-blue {
        padding: 25px;
        font-size: 25px;
    }
    .gtm-bouton-action-red .gtm-arrow, .gtm-bouton-action-blue .gtm-arrow {
        padding: 25px;
    }
}

@media screen and (min-width: 1200px) {

    .gtm-bouton-action-red, .gtm-bouton-action-blue {
        font-size: 30;
    }
}



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                EQUIPE
/////////////////////////////////////////////////////////////////////////////////////////// */

.equipe .gtm-bottom3 {
    background-color: #202945;
}

/* ----------------- Logo -------------------- */

.gtm-add-logo .gtm-custom {
    padding: 60px;
    background-color: #202945;
    border-radius: 15px;
}

.gtm-add-logo-text {
    justify-content: center;
}

/* ----------------- Faire affaire avec Soleva -------------------- */

.gtm-affaire {
    justify-content: center;
}

.gtm-affaire .gtm-custom {
    padding-top: 80px !important;
    justify-content: center;
}

.gtm-affaire .gtm-sup-title {
    color: #97b2f5;
}

.gtm-affaire-img img {
    max-width: 80%;
    margin: auto;
    transform: translateY(100px);
}

.gtm-bg-img .gtm-custom {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 70vh;
    overflow-x: hidden;
}

@media screen and (min-width: 992px) {
    .gtm-affaire .gtm-custom {
        padding-top: 20px !important;
    }
}

/* ----------------- Soleva et vous -------------------- */

.gtm-box-soleva-vous {
    background-color: #fff;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 160px 40px 40px 40px;
    max-width: 95%;
    transform: translateY(-20%);
    position: relative;
}

.gtm-box-soleva-vous h2, .gtm-box-soleva-vous h3 {
    color: #161f35;
}

.gtm-box-soleva-vous h2 {
    font-size: clamp(1.2rem, 4.5vw, 3.5rem);
    margin-bottom: 0px;
}

.gtm-box-soleva-vous .gtm-puce{
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200px;
}

@media screen and (min-width: 800px) {
    .gtm-box-soleva-vous {
        padding: 80px 80px 80px 160px;
        max-width: 65%;
        transform: translateY(-30%);
    }
}

.gtm-galerie-equipe .ba-image {
    position: relative;
}

.gtm-galerie-equipe .ba-image::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    background-color: #ff4d00;
    border-radius: 99px;
}

.gtm-galerie-equipe .ba-image::after {
    content: url(/images/plus.svg);
    position: absolute;
    top: 30px;
    right: 30px;
    width: 20px;
}


/* ----------------- Le changement ça part de nous + vous -------------------- */

.gtm-title-special h2 {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    font-size: clamp(2rem, 4.5vw, 3.5rem);
    margin-bottom: 0px;
    line-height: 1;
}

.gtm-title-special h2 span {
    font-size: clamp(1.4rem, 3vw, 2.5rem);
}

.gtm-text-center p {
    text-align: center;
}

.gtm-galerie-equipe {
    padding-top: 80px;
    margin-bottom: 80px;
}

.ba-image img {
    border-radius: 20px;
}

@media screen and (min-width: 992px) {
    .gtm-title-special h2 {
        padding-left: 60px;
        padding-right: 60px;
        text-align: right;
        margin-bottom: 0px;
        line-height: 1;
    }

    .gtm-text-center {
        justify-content: center;
    }

    .gtm-text-center p {
        text-align: initial;
    }
}


/* ----------------- Foire aux questions -------------------- */


.gtm-faq {
    max-width: 1000px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 200px;
}

.gtm-faq h2 {
    text-align: center;
}


[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
    background-color: transparent !important;
    border: none;
    border-radius: 0px;
    padding: .75rem 1.25rem;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
    background: transparent;
    border: none;
    border-bottom: 3px solid #e8ecf7;
    border-radius: 0px;
}

div[aria-expanded="false"] {
    border-bottom: 3px solid #e8ecf7 !important;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
    padding: 1.75rem 1.25rem;
}


.gtm-accordeon h3 {
    position: relative;
    font-size: 1.3rem !important;
    font-style: italic;
    padding-right: 3rem !important;
}

.gtm-accordeon h3::before {
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 2px);
    width: 20px;
    height: 4px;
    background-color: #ff4d00;
    border-radius: 99px;
}

.gtm-accordeon h3::after {
    content: "";
    position: absolute;
    right: 23px;
    top: calc(50% - 10px);
    width: 4px;
    height: 20px;
    background-color: #ff4d00;
    border-radius: 99px;
}

.gtm-accordeon h3::before, .gtm-accordeon h3::after {
    transition: all .3s ease-in-out;
}

.gtm-accordeon.active h3::before, .gtm-accordeon.active h3::after {
    transform: rotate(90deg);
}

.gtm-accordeon.active h3::before {
    opacity: 0;
}


/* ----------------- D'autres questions -------------------- */

.gtm-box-autres-questions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    background-color: #0043a4;
    border-radius: 30px;
    padding: 60px;
    max-width: 1200px;
    margin: auto;
    margin-top: -200px;
}

.gtm-box-autres-questions h2 {
    color: #fff;
}

.gtm-box-autres-questions .gtm-sup-title {
    color: #97b2f5;
}

.gtm-box-autres-questions .gtm-par-ici {
    width: 100%;
    text-align: center;
    background-color: #1947ba;
    border-radius: 15px;
    padding: 70px 50px;
}

@media screen and (min-width: 992px) {
    .gtm-box-autres-questions {
        flex-direction: row;
    }

    .gtm-box-autres-questions .gtm-titre-questions {
        width: 700px;
    }
    
    .gtm-box-autres-questions .gtm-par-ici {
        width: 300px;
    }

    .gtm-accordeon h3 {
        font-size: 1.6rem !important;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////////////
                                DÉVELOPPER SA MARQUE EMPLOYEUR
/////////////////////////////////////////////////////////////////////////////////////////// */

.marque-employeur .gtm-box-bottom-3 {
    background-color: #e8ecf7;
  }

/* ----------------- Titre -------------------- */

.gtm-attraction {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.gtm-attraction .gtm-custom {
    max-width: 1000px;
    margin: auto;
}

.gtm-attraction .gtm-sup-title  {
    color: #838faa;
    margin-bottom: 40px;
}

/* ----------------- Image -------------------- */

.gtm-attraction-bg .gtm-custom {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 15svh;
}

.gtm-votre-marque .gtm-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    text-align: center;
    padding: 80px 40px !important;
}

.gtm-votre-marque .gtm-arrow {
    margin-top: 0px;
}

.gtm-votre-marque .gtm-custom > h2 {
    width: 100%;
}

.gtm-votre-marque .gtm-custom > p {
    width: 100%;
}

@media screen and (min-width: 768px) {

    .gtm-votre-marque .gtm-custom {
        text-align: left;
    }
    

    .gtm-attraction-bg .gtm-custom {
        background-size: cover;
        height: 50svh;
    }
    
    .gtm-votre-marque .gtm-custom {
        flex-direction: row;
        padding: 200px 60px !important;
    }

    .gtm-votre-marque .gtm-custom > h2 {
        width: 60%;
    }
    
    .gtm-votre-marque .gtm-custom > p {
        width: 40%;
    }
}

/* ----------------- Votre marque employeur -------------------- */

div#rlta-telecharger-la-grille-devaluation {
    border-bottom: none !important;
    background-color: #ff4d00 !important;
    border-radius: 99px;
}

#rlta-panel-telecharger-la-grille-devaluation {
    border-bottom: none !important;
}

#rlta-panel-telecharger-la-grille-devaluation form {
    max-width: 100%;
}


/* ----------------- Appel à l'action -------------------- */

.gtm-bg-action-dark .gtm-custom{
    background-color: #161f35;
    border-radius: 20px;
    padding: 60px 30px;
}

.gtm-bg-action-dark .gtm-custom h3 {
    color: #fff;
}

.gtm-action-red .gtm-custom {
    background-color: #ff4d00;
    border-radius: 20px;
    text-align: center;
    padding: 50px;
    height: 100%;
    transition: background-color .2s ease-in-out;
}

.gtm-action-red:hover .gtm-custom {
    background-color: #ba3800;
}

.gtm-action-red .gtm-custom a.gtm-arrow {
    background: #161f35;
}

@media screen and (min-width:768px) {
    .gtm-bg-action-dark .gtm-custom{
        padding: 80px;
    }
    
}

/* ----------------- Outils et processus RH -------------------- */

.gtm-liste-spe {
    list-style: none;
    text-align: left;
}

.gtm-liste-spe li {
    position: relative;
    padding-left: 35px;
    font-size: 20px;
    font-weight: 800;
    line-height: 50px;
}

.gtm-liste-spe li::before {
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #ff4d00;
}

hr {
    height: 4px;
    background-color: #d0d6e4;
    border: none;
    margin-top: 50px;
    margin-bottom: 35px;
}

/* ----------------- Notre secret -------------------- */

.gtm-outils-process {
    padding-bottom: 50px;
    justify-content: flex-end;
}

.gtm-outils-img {
    padding-bottom: 0px;
}

.gtm-outils-img p {
    margin-bottom: 0px;
    line-height: 0;
}

.gtm-notre-secret {
    padding-top: 0px;
}

.gtm-notre-secret .gtm-custom{
    padding-top: 0px;
}

.gtm-bg-notre-secret {
    background-color: #161f35;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}

.gtm-bg-notre-secret h3 {
    color: #fff;
}

/* ----------------- Besoin d'un financement RH -------------------- */

.gtm-action-savoir-plus .gtm-custom {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
    max-width: 1300px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}

.gtm-action-savoir-plus .gtm-custom div:nth-child(1){
    width: 100%;
}

.gtm-action-savoir-plus .gtm-custom div:nth-child(2){
    width: 100%;
}

@media screen and (min-width: 768px) {
    .gtm-action-savoir-plus .gtm-custom {
        flex-direction: row;
        padding-top: 200px;
        padding-bottom: 200px;
    }
    
    .gtm-action-savoir-plus .gtm-custom div:nth-child(1){
        width: 70%;
    }
    
    .gtm-action-savoir-plus .gtm-custom div:nth-child(2){
        width: 30%;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////////////
                              TESTER & ANALYSER NOS TALENTS
/////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-hero-test-psy h1 {
    text-align: center;
}

.gtm-double-size h2 {
    text-align: center;
}

.gtm-double-size h2:nth-child(1) {
    margin-bottom: 0px;
    font-size: 25px;
}

.gtm-double-size h2:nth-child(2) {
    font-size: 35px;
}

.gtm-intro-light {
    text-align: center;
}

.gtm-saine-gestion-bg .gtm-custom {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 70svh;
    border-top-right-radius: 20px;
    margin-bottom: -100px;
    position: relative;
    width: 80%;
}

.gtm-text-saine {
    justify-content: flex-end;
}

.gtm-text-saine .gtm-custom{
    background-color: #161f35;
    padding: 160px 40px 40px 40px;
}

.gtm-text-saine .gtm-custom h2, .gtm-text-saine .gtm-custom h6 {
    color: #fff;
}

.gtm-test-psycho {
    max-width: 1000px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 100px;
}

.gtm-test-psycho h2, .gtm-test-psycho .gtm-sup-title, .gtm-test-psycho .gtm-intro {
    text-align: center;
}

.gtm-test-psycho .gtm-sup-title {
    color: #838faa;
}

.gtm-test-psycho .gtm-intro {
    padding-top: 0px;
}

.gtm-action-test h2 a {
    font-size: clamp(1.7rem, 5vw, 2.5rem) !important;
    color: #fff;
}

.gtm-action-test .gtm-arrow {
    margin-top: 0px !important;
    transition: transform .3s ease-in-out;
}

.gtm-action-test:hover .gtm-arrow {
    transform: translateX(20px);
}

.gtm-double-size-light h2:nth-child(1) {
    font-size: 20px;
}

@media screen and (min-width: 992px){  

    .gtm-saine-gestion-bg .gtm-custom {
        height: 100%;
        width: 100%;
    }

    .gtm-double-size h2 {
        text-align: left;
    }
    

    .gtm-intro-light {
        text-align: left;
    }

    .gtm-double-size h2:nth-child(1) {
        font-size: 50px;
    }
    
    .gtm-double-size h2:nth-child(2) {
        font-size: 70px;
        margin-bottom: 70px;
    }

    .gtm-double-size-light h2:nth-child(1) {
        font-size: 40px;
    }
    
    .gtm-double-size-light h2:nth-child(2) {
        font-size: 60px;
        margin-bottom: 40px;
    }

    .gtm-text-saine .gtm-custom{
        background-color: #161f35;
        padding: 120px 70px;
        margin-top: 150px;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////////////
                            CULTURE D'ENTREPRISE
/////////////////////////////////////////////////////////////////////////////////////////// */

/* ----------------- Parlons culture -------------------- */

.gtm-box-parlons-culture {
    padding: 150px 0px;
}

.gtm-box-parlons-culture .gtm-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 50px;
    padding: 150px 0px;
}


.gtm-box-parlons-culture .gtm-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 80px 30px !important;
}


.gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture {
    background-color: #1947ba;
    padding: 80px 30px;
    max-width: 650px;
    border-radius: 20px;
    position: relative;
}

.gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture h4 {
    color: #97b2f5;
}

.gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture::before {
    content: url(/images/icn-soleva.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    transform: translate(-50%, 50%);
}

.gtm-box-parlons-culture .gtm-custom .gtm-performe{
    padding-left: 60px;
    justify-content: center;
    align-items: center;
}

.gtm-box-parlons-culture .gtm-custom .gtm-performe h3 {
    color: #97b2f5;
}

@media screen and (min-width: 768px) {
    .gtm-box-parlons-culture .gtm-custom {
        flex-direction: row;
        padding: 150px 0px;
    } 

    .gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture, .gtm-box-parlons-culture .gtm-custom .gtm-performe{
        width: 50%;
    }

    .gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture {
        padding: 150px 70px;
    }

    .gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture::before {
        width: 200px;
    }
}

@media screen and (min-width: 992px) {

    .gtm-box-parlons-culture .gtm-custom .gtm-parlons-culture {
        padding: 150px 100px;
    }
}

/* ----------------- Coaching de gestion et appel action pret à vous surpassez -------------------- */

.gtm-box-coaching-gestion-bg .gtm-custom{
    height: 460px;
    background-repeat: no-repeat;
    background-position: right top;
}

.gtm-box-coaching-gestion {
    transform: translateY(-50px);
}

.gtm-box-coaching-gestion h2 {
    margin-bottom: 0px;
}

.gtm-box-coaching-gestion span.gtm-sup-title {
    margin-bottom: 30px;
    display: inline-block;
}

.gtm-pret {
    align-self: center;
}

.gtm-pret .gtm-custom{
    padding-top: 0px !important;
}

.gtm-temoignages-culture {
    margin-top: 100px;
}


.gtm-temoignages-culture  {
    padding-top: px;
    padding-bottom: 100px;
}

.gtm-temoignages-culture .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    flex-direction: row;
    justify-content: flex-end;
    height: auto !important;
    bottom: -70px;
}

.gtm-temoignages-culture .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls div {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
}

/* ----------------- Dévloppement organisationnel  -------------------- */

.gtm-dev-org {
    padding-top: 100px !important;
}

.gtm-dev-org .gtm-custom {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 50px;
}

.gtm-dev-org .gtm-custom .gtm-dev-org-img {
    line-height: 0;
}

.gtm-dev-org .gtm-custom .gtm-dev-org-img, .gtm-dev-org .gtm-custom .gtm-dev-org-text {
    padding: 30px;
}

.gtm-planifions {
    padding-top: 400px !important;
}

.gtm-dev-org-text h3 {
    color: #fff;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px){
    .gtm-dev-org .gtm-custom {
        flex-direction: row;
    }

    .gtm-dev-org .gtm-custom .gtm-dev-org-img, .gtm-dev-org .gtm-custom .gtm-dev-org-text {
        width: 50%;
        padding: 0;
    }

    .gtm-planifions {
        padding-top: 0px !important;
    }
}

/* ----------------- Slider -------------------- */

.culture-d-entreprise .gtm-top6 {
    position: relative;
}


.gtm-box-slider-strategique {
    position: absolute;
    bottom: -400px;
    right: 0px;
}

.gtm-box-slider-strategique .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: center;
    height: auto !important;
    transform: translateY(-50%);
}

.gtm-box-slider-strategique .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls div {
    width: 70px;
    height: 70px;
    border-radius: 99px !important;
    display: flex;
    justify-content: center;
    margin-top: 0px;
}

.gtm-box-slider-strategique .n2-ss-slide {
    border-radius: 20px !important;
    color: #161f35;
}

@media screen and (min-width: 992px) {
    .gtm-box-slider-strategique {
        bottom: -100px;
        right: -200px;
    }
}

/* ----------------- Mobilisation et consolidation d'équipe -------------------- */

.gtm-fauteuil-text .gtm-custom {
    padding: 40px;
}

@media screen and (min-width: 768px) {
    .gtm-fauteuil img {
        transform: translateY(100px);
    }

    .gtm-fauteuil .gtm-custom {
        padding: 40px;
    }
    
}

/* ///////////////////////////////////////////////////////////////////////////////////////////
                                CONTACT
/////////////////////////////////////////////////////////////////////////////////////////// */


.gtm-coordonnees .gtm-custom {
    background-color: #f6f9ff;
    padding: 60px 50px;
    border-radius: 15px;
}

.gtm-coordonnees .gtm-custom .gtm-numero {
    font-size: 30px;
    color: #161f35;
    transition: color .2s ease-in-out;
}

.gtm-coordonnees .gtm-custom .gtm-courriel {
    font-size: 25px;
    color: #161f35;
    transition: color .2s ease-in-out;
}

.gtm-coordonnees .gtm-custom .gtm-numero:hover, .gtm-coordonnees .gtm-custom .gtm-courriel:hover {
    color: #97b2f5;
}

.gtm-form-light {
    font-family: 'fibra_onebold';
}


.gtm-form-light input, .gtm-form-light textarea, .gtm-form-light select {
    color: #838faa;
    background-color: transparent !important;
    border: 3px solid #e8ecf7 !important;
}


.gtm-form-light input[type="text"]:focus, .gtm-form-light input[type="email"]:focus, .gtm-form-light input[type="tel"]:focus, .gtm-form-lightinput[type="search"]:focus, .gtm-form-light input[type="url"]:focus, .gtm-form-light input[type="password"]:focus, .gtm-form-light textarea:focus {
    border: 1px solid #838faa !important;
    outline: 0 !important;
    box-shadow: none !important;
    border: 3px solid #838faa !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #838faa;
}

.gtm-form-light button[type="submit"] {
    font-family: 'fibra_onebold' !important;
    border: 4px solid #ff4d00 !important;
    color: #ff4d00 !important;
    background-color: transparent !important;
    transition: background .2s ease-in-out,
                color  .2s ease-in-out !important;
  }
  
  
  .gtm-form-light button[type="submit"]:hover{
    background-color: #ff4d00 !important;
    color: #fff !important;
  }


/* ///////////////////////////////////////////////////////////////////////////////////////////
                                APPEL à L'ACTION
/////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-appel-avance {
    padding-right: 20px;
}

.gtm-appel-avance .gtm-custom {
    padding: 30px 5vw;
    height: 400px;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #003786;
}

.gtm-appel-avance .gtm-custom h2 a {
    color: #fff;
    font-size: 35px !important;
}

.gtm-appel-niveau {
    padding-left: 20px;
    position: relative;
    overflow-x: hidden;
}

.gtm-appel-niveau::before {
    content: url(/images/fusee-2.svg);
    position: absolute;
    width: 25vw;
    min-width: 250px;
    max-width: 350px;
    bottom: 0;
    right: 25px;
    z-index: 1;
    /* transform: translateY(15px); */

}

.gtm-appel-niveau .gtm-custom {
    padding: 30px 5vw;
    height: 400px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ff4d00;
    position: relative;
}

.gtm-appel-niveau .gtm-custom h2 a{
    color: #fff;
    font-size: 30px;
}

.gtm-appel-niveau .gtm-custom a{
    color: #fff;
}

.gtm-appel-niveau .gtm-custom .gtm-arrow {
    background-color: #0043a4;
    margin-left: 0px;
}

@media screen and (min-width: 992px) {
    .gtm-appel-niveau .gtm-custom h2 a{
        font-size: 50px;
    } 
}


/* ///////////////////////////////////////////////////////////////////////////////////////////
                                    FORMULAIRE
/////////////////////////////////////////////////////////////////////////////////////////// */



.gtm-formulaire {
    font-family: 'fibra_onebold';
    padding-bottom: 80px;
}

.gtm-formulaire h2 {
    padding-top: 100px !important;
    padding-left: 0px !important;
    padding-bottom: 60px !important;
    max-width: 50%;
    margin: auto;
    text-align: center;
}

.gtm-form-dark {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.gtm-form-dark input {
    color: #fff;
    background-color: transparent !important;
    border: 2px solid #fff !important;
}

.gtm-form-dark textarea {
    color: #fff;
    background-color: transparent !important;
    border: 2px solid #fff !important;
}

.gtm-article {
    padding: 0px;
}


@media screen and (max-width: 992px) {
    .gtm-form-dark {
        max-width: 90%;
    }


.gtm-formulaire h2 {
    max-width: 90%;
}
}

.alert.alert-info {
    padding: 20px 40px;
}

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

/* ---- Nous contacter ---- */

.gtm-footer-logo {
    justify-content: flex-end;
}

.gtm-footer-logo img {
    width: 180px;
}

.gtm-box-footer  {
    justify-content: flex-start;
}

.gtm-box-footer .gtm-custom {
    padding: 20px 30px;
}

@media screen and (min-width: 768px) {
    .gtm-box-footer .gtm-custom {
        padding: 40px 30px;
    } 
}

.gtm-box-footer h5 {
    color: #fff;
    font-size: 30px;
}

.gtm-box-footer .gtm-tel {
    font-size: 40px;
}
/* 
.gtm-box-footer .gtm-mail {
    font-size: 50px;
} */



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                    ANIMATIONS
/////////////////////////////////////////////////////////////////////////////////////////// */

/* Hero */

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  

/*contenu*/


.animate-fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.animate-slide-in {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-slide-in.visible {
    opacity: 1;
    transform: translateX(0);
}

.animate-zoom-in {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-zoom-in.visible {
    opacity: 1;
    transform: scale(1);
}

/* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  SITEMAP
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */


.osmap-sitemap {
    padding: 30px;
}


/* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  OPENGRAPH
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */

ul.fields-container {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  COOKIES
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */

/* image de cookie */
.cc-revoke.cc-bottom {
    background-image: url(/images/cookie.svg);
    width: 30px;
    height: 30px;
    left: 15px;
    bottom: 15px;
    background-color: transparent !important;
    -webkit-animation: cookie 0.4ss .8s both;
    animation: cookie 0.4s .8s both;
  }
  
  @keyframes cookie {
    0% {  
      visibility: hidden;
      transform: translate(0%, 100%); 
    }
    100% {
      visibility: visible;
      transform: translate(0%, 0%); 
    }
  }
  
  /* grille du pop up */
  .cc-message-text {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
    
  .cc-message-text .p1 { 
    grid-area: 1 / 1 / 2 / 2; 
    font-size: 16px;
  }
  
  .cc-message-text .cc-checkboxes-container {
    grid-area: 2 / 1 / 3 / 2;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .cc-message-text .cc-compliance {
    grid-area: 3 / 1 / 4 / 2;
  }
  
  /* bouton fermeture popup */
  .cc-close {
    top: 0.8em;
    right: 0.6em;
    font-size: .8em;  
  }
  
  /* bouton fermeture popup */
  .cc-link.cc-privacy {
    font-size: 16px;
  }
  
  /* boutons */
  span.cc-cookie-settings-toggle, div.cc-window a.cc-btn {
    border-radius: 99px !important;
  }
  
  span.cc-cookie-settings-toggle, .cc-btn.cc-allowall, .cc-btn.cc-deny, a.cc-btn.cc-allow {
    font-size: 16px !important;
    font-weight: 500;
    padding: 5px 10px !important;
    line-height: 1.2;
    height: inherit !important;
  }
  
  span.cc-cookie-settings-toggle:hover, .cc-btn.cc-allowall:hover, .cc-btn.cc-deny:hover, a.cc-btn.cc-allow:hover {
    background-color: #ff4d00 !important;
    border-color: #ff4d00!important;
    color: #fff !important;
  }
  
  /* enlever le border-radius entre chaque catégorie de cookies */
  div.cc-checkbox-container:not(:last-child) a {
    border-right: 0 solid #FFF;
  }
  
  /* lien politique de confidentialité et catégories de cookies */
  a.cc-link.cc-privacy:hover {
    color: #ff4d00;
  }
  
  a.cc-link.cc-cookie-checkbox:hover label {
    color: #ff4d00;
  }
  
  
  /* alignement */
  div.cc-checkboxes-container {
    align-items: center;
    margin-top: 0px;
  }
  
  input.cc-cookie-checkbox+span:after, input.cc-cookie-checkbox+span:before {
    display: none;
  }
  
  input.cc-cookie-checkbox {
    appearance: auto !important;
    opacity: 1;
  }
  
  .cc-cookie-settings-toggler {
    display: none !important;
  }
  
  input.cc-cookie-checkbox:checked+span:after, input.cc-cookie-checkbox:checked+span:before {
    display: none !important;
  }
  
  div.cc-checkboxes-container a.cc-btn.cc-allow {
    margin-bottom: 0px !important;
  }

  .gtm-formulaire-politique {
    max-width: 1200px;
    margin: auto;
    padding-left: 60px;
    padding-right: 60px;
  }
  .gtm-formulaire-politique.rsform {
    padding-left: 0px;
    padding-right: 0px;
  }