:root {
    --primary-color: #1E1E1E;
    --secondary-color: #FF3C78;
    --text-color: #FFFFFF;
    --btn-color: #B7985B;
    --Blue-principal: #44BCFB;
}

body, p {
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

#myHeader.sticky {
    background: rgba(0, 0, 0, 0.9);
}

body .btn-primary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    padding: 12px 24px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

body .btn-secondary {
    border-radius: 50px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 24px;
    text-decoration: none;
    color: #030303;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.confidentialite .article-h1 {
    display: none;
}

.confidentialite .article-body {
    margin: 120px 0 120px 0;
}

.confidentialite .article-body p, .confidentialite .article-body h2 {
    color: #FFFFFF;
}

.confidentialite .article-body h2 {
    font-size: 25px;
    margin: 1.5em 0 1em 0;
}

.titre-1 {
    color: #FFFFFF;
    font-size: 48px;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.titre-2 {
    color: #FFFFFF;
    font-size: 40px;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.titre-3 {
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.titre-3-uppercase {
    color: #FFFFFF;
    font-size: 17px;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}

/* menu */
.header a.nav-link {
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 14px 8px;
    margin: 0 8px;
}

.header a:hover {
    color: var(--secondary-color);
    text-decoration: none;
}

#myHeader ul li.nav-item:last-child a:hover {
    color: var(--primary-color);
}

#myHeader {
    position: fixed;
}

#myHeader:not(.sticky) {
    background: linear-gradient(180deg, #090E19 0%, rgba(9, 14, 25, 0) 100%);
}

#myHeader .navbar {
    padding: 20px 0;
}

.header {
    position: fixed;
    z-index: 100;
}

#myHeader .navbar-nav {
    background-color: #090E1A;
    padding: 8px;
    border-radius: 50px;
}

#video_home {
    filter: brightness(0.25);
}

#myHeader ul li.nav-item:last-child {
    background: var(--secondary-color);
    border-radius: 50px;
    position: relative;
    margin-left: 19px;
    padding: 0px 6px;
}

.nav-link {
    padding: 100px 0;
}

/* fin menu */

/* banner */
.img-footer {
    position: relative;
}

.p-ident {
    text-indent: -0.9em;
    margin-left: 1em;
    padding-left: 1.5em;
}

.footer .img-footer picture {
    position: absolute;
    top: -48px;
    margin-right: 15%;
}

.banner-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-defil {
    text-transform: uppercase;
    font-size: 12px;
    font-family: Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    opacity: 0.30000001192092896;
    margin: 30px 0 0 15px;
    position: absolute;
    bottom: 25px;
}

/* fin banner */

/* etude */
.etude-bloc, .contain-video {
    background: #0F0F0F;
}

.contain-etude, .contain-approche {
    border-left: 1px solid #474747;
    padding: 110px 0 110px 40px;
}

.contain-approche {
    position: relative;
}

.contain-etude .col-12, .contain-approche .col-12 {
    padding-left: 40px;
}

.filter {
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.00) 0%, #0F0F0F 100%);
}

.swiper_etudes .etudes-paginations {
    position: initial;
}

.swiper_etudes .swiper-slide {
    background: #44BCFB;
    padding: 28px;
}

.swiper_etudes {
    margin-top: 35px;
}

.content-etude .titre-2:before {
    content: url(/app/uploads/2023/07/circle.svg);
    position: absolute;
    left: -14px;
}

.content-etude .bloc-titre .titre-2:before {
    position: absolute;
    left: -65px;
    top: -8px;
}

.contain-approche .titre-3:before {
    content: url(/app/uploads/2023/07/circle.svg);
    position: absolute;
    left: -14px;
    top: 120px;
}

.content-etude .titre-2 .btn {
    margin-left: 35px;
}

/* fin etude */

/* expertise */
.expertise-texte {
    color: var(--white-1-color);
}

.expertise-bloc {
    background: #0A0E1A;
}

.fiche-contain {
    padding: 40px 85px 0 0;
}

.expertise-bloc .contain-etude {
    overflow: hidden;
}

.fiche-icon {
    width: 49px;
    height: 49px;
    background-color: #949494;
    border-radius: 49px;
    margin-bottom: 11px;
}

.fiche-service {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 5px 12px 28px 0px rgba(0, 0, 0, 0.15);
    padding: 18px;
    border-bottom: 8px solid #44BCFB;
    margin-bottom: 34px;
    position: relative;
    transition: all 0.4s ease;
    cursor: pointer;
    overflow: hidden;
}

.fiche-titre {
    color: #141414;
    font-family: Roboto, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 11px;
}

.fiche-texte p {
    color: #949494;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
}

.fiche-lien {
    color: #0F0F0F;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    margin: 0;
}

.fiche-lien:hover {
    color: #0F0F0F;
}

.fiche-lien span {
    color: #FF3C78;
}

.content-etude .titre-3-uppercase {
    margin-left: 40px;
}

#reference {
    margin-left: 40px;
    width: 360px;
    text-align: left;
    position: relative;
}

#reference:after {
    content: url("/app/uploads/2023/07/btn-icon.svg");
    position: absolute;
    top: 4px;
    right: 4px;
}

.bloc-titre {
    padding-top: 80px;
    margin-bottom: 23px;
    border-left: 1px solid #474747;
}

.bloc-titre .titre-2 {
    margin-left: 40px;
    position: absolute;
}

.bloc-2 {
    margin: 55px 0 0 40px;
}

.bloc-2 {
    margin: 55px 0 0 40px;
}

.bloc-2 .accroche {
    color: #FFF;
    font-family: Roboto, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    padding-right: 5%;
}

/* fin expertise */

/* services */
.bg-black {
    background-color: #0F0F0F;
}

.service {
    padding-top: 105px;
}

.service-large {
    margin: 25px 0;
    border-radius: 5px;
}

.service-large .service-contain {
    padding: 32px 44px;
}

.cartographie {
    background-color: #153149;
}

.horaire {
    background-color: #44BCFB;
}

.perturbation {
    background-color: #248ABA;
}

.regle {
    background-color: #005197;
}

.signaletique {
    background-color: #2B699E;
}

.service-large h3 {
    color: #FFF;
    font-family: Roboto, Arial, sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* fin services */

/* archive */
.black-bg {
    background: #0A0E1A;
}

.titre-expertise {
    color: #FFF;
    font-family: Roboto, Arial, sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.visuel-content {
    background-color: #1B1B1B;
    color: #FFF;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

#visuel-1, #visuel-4 {
    /*max-height: 368px;*/
    display: block;
}

#visuel-2, #visuel-3 {
    /*max-height: 620px;*/
    display: block;
}

#visuel-2 {
    margin-top: 50px;
}

#visuel-3, #visuel-4 {
    margin-top: 30px;
}

.expertise-galerie {
    padding: 75px 0 0 0;
}

.expertise-galerie img {
    border-radius: 5px;
}

.expertise-slide + .approche .titre-1 {
    padding-top: 95px;
}

.expertise-galerie .expertise-column-left {
    margin-right: 15px;
    width: calc(50% - 15px);
    margin-left: 0;
}

.expertise-galerie .expertise-column-right {
    margin-left: 15px;
    width: calc(50% - 15px);
    margin-right: 0;
}

.slider-nav .autre-expertise-contain {
    padding: 35px;
    height: 305px;
    border-radius: 5px;
}

.liste-fiche .fiche-service:nth-child(even) {
    transform: none;
}

.expertise-contain {
    height: 500px;
    padding: 20px 50px 70px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center right;
}

.slider-single .slick-prev, .slider-single .slick-next {
    top: 250px;
}

.slider-single .slick-prev:before, .slider-single .slick-next:before {
    color: #FF3C78;
}

.block_newsletter {
    margin: 95px 0 95px 0;
}

.archive .block_newsletter {
    margin-bottom: 160px;
}

.autre_expertise {
    margin-bottom: 111px;
}

.autre-expertise-contain {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
}

.autre-expertise .fiche-service:nth-child(even) {
    transform: none;
}

.autre-expertise-contain {
    background-repeat: no-repeat;
    background-position: center right;
}

/*approche*/
.bloc-approche {
    margin-top: 50px;
}

.bloc-approche .row {
    gap: 5px;
    flex-wrap: nowrap;
}

.bloc-approche .slick-track {
    display: flex;
}

.approche-bloc {
    background-color: #0F0F0F;
}

.approche {
    margin-bottom: 95px;
}

.approche-contain {
    background-color: #1B1B1B;
    padding: 50px 50px 70px 50px;
    position: relative;
    height: auto;
}

.approche-contain.slick-slide {
    height: auto;
}

.approche-titre {
    color: #FFF;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 23px;
}

.approche-texte {
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    text-align: center;
}

.approche-picto {
    margin: 0 auto 30px auto;
    position: relative;
    z-index: 10;
}

.approche-contain:after {
    content: "";
    height: 10px;
    width: 100%;
    background-color: #44BCFB;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 0;
}

/*fin approche*/

/***** Newsletter *****/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
.bloc-newsletter .tnp-subscription {
    display: flex;
}

.bloc-newsletter .tnp-field-email {
    width: 100%;
    border-radius: 16px;
    background: var(--color-darkBlue);
}

.bloc-newsletter .tnp-subscription div.tnp-field {
    margin-bottom: 0;
}

.bloc-newsletter .tnp-subscription input[type=email] {
    font-family: 'Roboto', sans-serif;
    border-radius: 50px 0 0 50px;
    border: 2px solid #FFFFFF;
    background-color: var(--color-darkBlue);
    color: #FFFFFF !important;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='23' viewBox='0 0 25 23' fill='none'%3E%3Cpath d='M4.56052 3.71191H20.5759C21.677 3.71191 22.5778 4.53691 22.5778 5.54525V16.5452C22.5778 17.5536 21.677 18.3786 20.5759 18.3786H4.56052C3.45946 18.3786 2.55859 17.5536 2.55859 16.5452V5.54525C2.55859 4.53691 3.45946 3.71191 4.56052 3.71191Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5778 5.54541L12.5682 11.9621L2.55859 5.54541' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 16px;
    background-position-y: 50% !important;
    padding-left: 52px;
}

.bloc-newsletter .tnp-field input[type="submit"] {
    font-family: 'Roboto', sans-serif;
    border-radius: 50px;
    background: #FF3C78;
    height: 100%;
    padding: 12px 40px;
    margin-left: -25px;
}

.content-newsletter {
    border-radius: 16px;
    background: #1e1e1e;
    padding: 32px;
    color: #FFFFFF;
    margin: 80px 5% 150px 5%;
}

.content-newsletter .title {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

.content-newsletter p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
    margin: 16px 0 0 0;
}

.content-newsletter input::-webkit-input-placeholder {
    color: #FFFFFF;
}

.content-newsletter input::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.content-newsletter input:-ms-input-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.content-newsletter input:-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.bloc-newsletter .tnp-field input[type="submit"]:hover {
    background-color: #E40055;
}

.form-check.newsletter .form-check-input:checked {
    background-color: #FF3C78;
    border-color: #FF3C78;
}

.form-check.newsletter .form-check-input:focus {
    border-color: #FF3C78;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 60, 120, .25);
}

.newsletter a {
    color: inherit;
}

/*** breadcrumbs ***/
.breadcrumbs a {
    color: #D2D2D2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    text-decoration-line: underline;
}

.breadcrumbs span {
    color: #D2D2D2;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
}

.breadcrumbs span.breadcrumb_last {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
}

/*** fin breadcrumbs ***/

/*** single service ***/
.content-header {
    min-height: 500px;
    border-radius: 5px;
    background: #1B1B1B;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column;
}

.bloc-autres .fiche-service {
    width: calc(25% - 10px);
}

.autre-expertise {
    margin: 200px 0 150px 0;
}

.content-body {
    margin-top: 35px;
}

@media (max-width: 767.98px) {
    .expertise-slide .slick-slide img {
        max-height: 250px;
        object-fit: cover;
    }

    .titre-1 {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 57px;
    }

    .expertise-titre.titre-1 {
        line-height: 1;
    }

    .expertise-slide + .approche .titre-1 {
        padding-top: 0;
    }

    .content-newsletter {
        margin: 0;
    }

    .bloc-newsletter {
        /*margin: 0 0 80px 0;*/
        padding: 20px 24px 8px 24px;
    }

    .content-newsletter .title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .content-newsletter {
        padding: 33px 20px 33px 20px;
    }

    .content-newsletter {
        border-radius: 0;
    }

    .autre_expertise {
        margin-bottom: 60px;
    }
}

@media (max-width: 991.98px) {
    .bloc-newsletter .tnp-subscription {
        margin: 40px 0 0 0;
    }
}

/**** Fin Newsletter *****/
.link-news {
    color: #1E1E1E;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.news:hover {
    color: #1E1E1E;
}

.slider-single .slick-list {
    overflow: initial;
}

.archive .black-bg {
    overflow: hidden;
}

.slider-single .slick-slide .expertise-galerie,
.slider-single .slick-slide .liste-fiche,
.slider-single .slick-slide .breadcrumbs {
    opacity: 0;
    transition: opacity 1s ease-in-out, visibility 0.5s ease-in-out;
    visibility: hidden;
}

.slider-single .slick-slide.slick-active .expertise-galerie,
.slider-single .slick-slide.slick-active .liste-fiche,
.slider-single .slick-slide.slick-active .breadcrumbs {
    opacity: 1;
    visibility: visible;
}


.slider-single .slick-slide .liste-fiche {
    display: flex;
    flex-wrap: wrap;
}

.slider-single .slick-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='55' viewBox='0 0 54 55' fill='none'%3E%3Ccircle cx='27.0453' cy='27.3851' r='26.9652' fill='%23FF3C78'/%3E%3Cpath d='M36.1481 26.1305C37.1144 26.6884 37.1144 28.0831 36.1481 28.641L23.5819 35.8961C22.6156 36.454 21.4077 35.7566 21.4077 34.6408L21.4077 20.1306C21.4077 19.0149 22.6156 18.3175 23.5819 18.8754L36.1481 26.1305Z' fill='white'/%3E%3C/svg%3E");
}

.slider-single .slick-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='55' viewBox='0 0 55 55' fill='none'%3E%3Ccircle cx='27.9528' cy='27.3864' r='26.9652' transform='rotate(-180 27.9528 27.3864)' fill='%23FF3C78'/%3E%3Cpath d='M18.85 28.641C17.8837 28.0831 17.8837 26.6884 18.85 26.1305L31.4161 18.8754C32.3824 18.3175 33.5903 19.0149 33.5903 20.1307L33.5903 34.6408C33.5903 35.7566 32.3824 36.454 31.4161 35.8961L18.85 28.641Z' fill='white'/%3E%3C/svg%3E");
    left: -60px;
    position: absolute;
}

.slider-single .slick-prev {
    z-index: 1500;
}

.expertise-cta {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    top: -40px;
}

/*** reference single ***/
.black-bg .reference {
    margin-top: 196px;
}

#retour-reference {
    width: auto;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid #FF3C78;
    color: #FF3C78;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0.72px;
}

.reference-image {
    margin: 50px 0;
    border-radius: 5px;
    overflow: hidden;
}

.reference-single-galery {
    margin-bottom: 150px;
}

/*** fin reference single ***/

/*** tease post ***/
.home article.tease-post, .page-actualite article.tease-post {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(191, 191, 191, 0.20);
    overflow: hidden;
    padding: 0;
    min-height: 300px;
}

.assoc-img {
    bottom: 0;
    border-radius: 5px;
    background: #FFF;
    padding: 6px 11px;
    margin: 8px;
}

/*** fin tease post ***/

.btn-error .btn.btn-secondary {
    color: #1E1E1E;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-color: #ffffff;
    margin-left: 7px;
}

.actu-img {
    border-radius: 16px;
    overflow: hidden;
}

.btn-error .btn-primary {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-right: 7px;
}

.error404-content p {
    color: #FFF;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.error404-content {
    padding: 200px 0
}

.btn-error {
    margin: 40px 0 0 0;
}

.slider-single .breadcrumbs {
    position: absolute;
    top: -35px;
}

.bloc-approche .slick-slide {
    margin: 0 3px 0 0 !important;
}

.bloc-autres .fiche-service {
    margin: 10px;
}

#visuel-1 p, #visuel-2 p, #visuel-3 p, #visuel-4 p {
    margin: 0;
    width: 100%;
}

#visuel-1, #visuel-2, #visuel-3, #visuel-4 {
    padding: 0;
}

#visuel-1, #visuel-2 {
    margin-bottom: 20px;
}

#visuel-3, #visuel-4 {
    margin-top: 20px;
}

/*** article ***/
.news-single .titre-dernier-article {
    max-width: 100%;
}

article .article-body p {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #172327;
}

.article_thumbnail {
    border-radius: 16px;
    overflow: hidden;
}

.article-content .article-contain {
    margin-top: 60px;
}

.article-contain .wp-block-quote {
    padding: 80px;
    text-align: center;
    border-radius: 16px;
    background: #1E1E1E;
    margin: 50px 0;
}

.article-contain .wp-block-quote p {
    color: #FFF;
    text-align: center;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px;
    margin-top: 0;
}

.article-content .btn_vers_blog {
    border-radius: 50px;
    border: 1px solid #1E1E1E;
    background: #1E1E1E;
    color: #FF3C78;
    margin-bottom: 32px;
}

.article {
    padding-top: 196px;
}

.article .article-h1 {
    color: #1E1E1E;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 50% 0 0;
}

.article .article-body .wp-block-image img {
    width: 100%;
}

.blog-author {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(191, 191, 191, 0.20);
    text-align: center;
    padding: 24px;
    color: #172327;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.blog-author .author {
    color: #1E1E1E;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 8px;
}

.blog-author .description {
    color: #F0B143;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.blog-author .fig img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 64px;
}

.social-links a {
    text-decoration: none;
    width: 35px;
    display: inline-block;
    text-align: center;
}

/* Want to color only the first path in red */
.single-post #myHeader:not(.sticky) svg g > path:nth-of-type(1), .confidentialite #myHeader:not(.sticky) svg g > path:nth-of-type(1),
.mentions-legales #myHeader:not(.sticky) svg g > path:nth-of-type(1), .plan-du-site #myHeader:not(.sticky) svg g > path:nth-of-type(1) {
    fill: #0C101B;
}

.single-post #myHeader:not(.sticky) svg g > path:nth-of-type(4), .confidentialite #myHeader:not(.sticky) svg g > path:nth-of-type(4),
.mentions-legales #myHeader:not(.sticky) svg g > path:nth-of-type(4), .plan-du-site #myHeader:not(.sticky) svg g > path:nth-of-type(4) {
    fill: #0C101B;
}

.article-stitre p {
    color: #172327;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.article-stitre {
    margin-top: 24px;
}

.article_thumbnail {
    margin-top: 60px;
}

.fiche-contain .swiper-wrapper.mobile {
    all: unset;
    display: contents;
}

.swiper-link .swiper-slide {
    border-radius: 41px;
    background: rgba(255, 255, 255, 0.40);
    width: auto;
}

.slider-navig .slick-slide {
    border-radius: 41px;
    background: rgba(255, 255, 255, 0.40);
    padding: 10px 20px;
}

.slider-navig .slick-slide.is-active {
    background: rgba(255, 255, 255, 0.80);
}

.slider-navig .slick-slide {
    color: #FFF;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    margin-right: 10px;
}

.slider-navig .slick-slide.is-active {
    color: #153149;
}

.slider-nav {
    margin-top: 150px;
}

.navbar-nav.row-footer {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

#footer .footer-link ul.navbar-nav > li > p.nav-link {
    cursor: default;
    pointer-events: none;
    color: var(--Gris-Text);
    font-size: 18px;
    font-family: Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
}

.confidentialite .article-h1, .mentions-legales .article-h1, .plan-du-site .article-h1 {
    margin-top: 196px;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.home-slide .swiper-slide {
    display: flex;
    justify-content: end;
}

.expertise-bloc {
    background-image: url("/app/uploads/2024/07/Mask-group.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.slide-out {
    animation: fadeOut 1s ease forwards;
}

.recent-swiper-desktop .swiper-wrapper {
    display: flex;
    flex-direction: column;
}

.content-etude .row-titre {
    padding-bottom: 40px;
}

#horaire.autre-expertise-contain {
    background-position: center right;
    background-size: auto 50%;
}

#perturbation.autre-expertise-contain {
    background-position: center right;
    background-size: auto 60%;
}

#schema.autre-expertise-contain {
    background-position: center right;
    background-size: auto 60%;
}


#regle.autre-expertise-contain {
    background-position: center right;
    background-size: auto 50%;
}

#signaletique.autre-expertise-contain {
    background-position: center right;
    background-size: auto 70%;
}

.wpcf7-response-output {
    color: #ffffff;
}

.footer-bottom img {
    max-width: 275px;
}

.swiper_etudes {
    position: relative;
}

.etude-arrow {
    position: absolute;
    width: 100%;
    bottom: -35px;
}

.swiper-button-prev, .swiper-button-next {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.footer .img-footer img {
    max-width: 205px;
    margin-top: 25px;
}

.home .titre-dernier-article {
    font-family: Roboto, sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    text-align: center;
    background: #0000001A;
    text-transform: uppercase;
    width: 180px;
    margin: 0 auto 35px auto;
    border-radius: 50px;
    padding: 10px 15px;
}

.home .recent-swiper .actu-content {
    padding: 24px;
}