:root {
    --main-color: #E40521;
    --second-color: #40878C;
    --third-color: #707070;
    --background-color: #E7E7E7;
}

@font-face {
    font-family: "Advent Bold";
    src: url(/wp-content/themes/font/AdventPro-Bold.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "NeueHaasUnica Bold";
    src: url(/wp-content/themes/font/NeueHaasUnica-Bold.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "NeueHaasUnica";
    src: url(/wp-content/themes/font/NeueHaasUnica-Regular.ttf);
    font-weight: normal;
}

h1, h2, h3, h4 {
    font-family: "NeueHaasUnica Bold";
}

p, a, input, span, button {
    font-family: "NeueHaasUnica";
}

#page {
    overflow: hidden;
}

#__lpform_field_5ov2w {
    display: none !important;
    visibility: collapse !important;
    top: 0 !important;
}

#__lpform_field_5ov2w_icon {
    display: none !important;
}

.wpb_text_column.wpb_content_element.custom-card-header-title > div {
    display: inline-block;
    position: relative;
    height: 35px;
    padding: 0% 2%;
    line-height: 35px;
    background-color: var(--main-color);
    color: white;
    margin: 0 !important;
    font-family: "NeueHaasUnica";
    text-align: center;
    box-shadow: 4px 0px 6px 0 rgb(0 0 0 / 20%);
}

.wpb_text_column.wpb_content_element.custom-card-header-title > div:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 35px;
    transform: rotate(45deg);
    background-color: #BB0D19;
    z-index: -1;
    left: -2px;
    bottom: -40px;
}

.custom-card-header-title {
    margin-bottom: 0px !important;
}

.custom-card-header-title h3 {
    margin: 0;
}

/*.spirit-underline h3 {*/
/*width: fit-content;*/
/*    margin: auto;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    !*border-bottom: 3px solid white;*!*/
/*}*/

/*.spirit-underline h3::before {*/
/*    content: '';*/
/*    background-color: white;*/
/*    width: 100%;*/
/*    height: 3.5px;*/
/*    margin: 1rem 0;*/
/*    display: block;*/
/*    bottom: -20px;*/
/*    z-index: -1;*/
/*    position: absolute;*/
/*}*/

/*.spirit-underline h3::after {*/
/*    content: "";*/
/*    z-index: -1;*/
/*    overflow: hidden;*/
/*    position: absolute;*/
/*    background: var(--main-color);*/
/*    transform: translateX(-50%) rotate(*/
/*            45deg*/
/*    );*/
/*    left: 50%;*/
/*    padding: 5px;*/
/*    bottom: -14px;*/
/*    border-bottom: 5px solid white;*/
/*    border-right: 5px solid white;*/
/*    height: 25px;*/
/*    width: 25px;*/
/*}*/


.block_utilisateurs_territoires {
    display: none !important;
}

.wpb_text_column.wpb_content_element.custom-card-header-title-long {
    position: relative;
    /* width: 50%; */
    width: fit-content;
    padding: 0px 10px;
    /*height: 35px;*/
    line-height: 35px;
    background-color: var(--main-color);
    color: white;
    margin: 0 !important;
    font-family: "Advent";
    text-align: center;
    box-shadow: -5px 0px 6px 0 rgb(0 0 0 / 20%);
    /* box-shadow: -8px 0px 6px -6px rgb(0 0 0 / 20%); */
}
.wpb_text_column.wpb_content_element.custom-card-header-title-long h3 {
    margin-top: 0;
}
.wpb_text_column.wpb_content_element.custom-card-header-title-long > div:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 35px;
    transform: rotate(45deg);
    background-color: #BB0D19;
    z-index: -1;
    left: -2px;
    bottom: -40px;
}

.wpb_text_column.wpb_content_element.custom-card-text-right {
    padding: 15px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    /*margin-right: 25%;*/
    margin-left: 3%;
    font-family: "NeueHaasUnica";
    background-color: white;
    /* box-shadow: -5px 0px 6px 0 rgb(0 0 0 / 20%); */
    box-shadow: -8px 0px 6px -6px rgb(0 0 0 / 20%);
    text-align: justify;
    color: #707070;
    line-height: 2;
}

.wpb_text_column.wpb_content_element.custom-card-text-left {
    padding: 15px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    /*margin-right: 30%;*/
    margin-left: 3%;
    font-family: "NeueHaasUnica";
    background-color: white;
    text-align: justify;
    /* box-shadow: -5px 0px 6px 0 rgb(0 0 0 / 20%); */
    box-shadow: -8px 0px 6px -6px rgb(0 0 0 / 20%);
    color: #707070;
    line-height: 2;
}

.banner-text {
    margin: 0;
    height: 400px;
    position: relative;
    line-height: 400px;
    color: white;
    display: block;
    /*font-family: 'Advent';*/
    text-align: center;
    vertical-align: middle;
    font-size: 90px;
    text-shadow: 6px 1px 15px black;
}
.banner-text:after {
    content: '';
    position: absolute;
    width: 55px;
    height: 8px;
    background-color: white;
    bottom: 125px;
    left: 50%;
    margin-left: -27.5px;
    text-shadow: 6px 1px 15px black;
}

.banner {
    height: 400px;
    background-size: cover;
}

.banner-text-decoration {
    position: absolute;
    z-index: 5;
    top: 32%;
    left: 47%;
}

#nos-chiffres-container {
    width: 80%;
    margin: auto !important;
    box-shadow: -8px 0px 6px -6px rgb(0 0 0 / 20%);
    padding-bottom: 50px;
    background-color: white;
    margin-top: 35px;
    flex-flow: row wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
}

.custom-chiffre-cles-pourcentage-wrapper {
    margin-left: 65px;
}

.site {
    margin: 0 auto;
}

.nos-chiffres-container-right .wpb_wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    flex-flow: row wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
}

.custom-chiffre-cles-wrapper {
    float: right;
}

.custom-chiffre-cles-text-wrapper {
    vertical-align: middle;
    text-align: left;
    margin-left: 15px;
    width: 152px;
    margin-top: auto;
    margin-bottom: auto;
}
.custom-chiffre-cles-wrapper span {
    font-size: 1.2rem;
}
.custom-chiffre-cles-wrapper .custom-chiffre-cles:first-child .custom-chiffre-cles-text {
    width: 80%;
    display: block;
}
.custom-chiffre-cles-text-wrapper .custom-chiffre-cles-text {
    /*padding-right: 20px;*/
}

.custom-chiffre-cles-text-wrapper-2 {
    vertical-align: middle;
    text-align: left;
    padding-left: 50px;
    margin-right: 15px;
    width: 152px;
    margin-top: auto;
    margin-bottom: auto;
}

.nos-chiffres-container-right > div {
    height: 100%;
}

span.custom-chiffre-cles-value {
    font-size: 5.3rem;
    font-family: "Advent Bold";
    color: var(--main-color);
    font-weight: bold;
    width: 90px;
}

.custom-chiffre-cles {
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

.custom-chiffre-cles-pourcentage-wrapper div {
    display: flex;
    width: 255px;
    font-family: 'News Gothic Regular';
}

span.custom-chiffre-cles-pourcentage-text {
    line-height: 44px;
    width: 180px;
}

span.custom-chiffre-cles-pourcentage-value {
    font-size: 2.3rem;
    margin-left: 17px;
    font-family: "Advent Bold";
}

#breadcrumbs a {
    text-decoration: none;
    color: var(--main-color);
}

#breadcrumbs {
    font-family: "advent";
    font-style: italic;
    color: var(--main-color);
    margin: 1em 10%;
}

#chiffres_cle_underline > figure {
    position: relative;
}
#chiffres_cle_underline > figure:before {
    content: '';
    width: 57px;
    height: 4px;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    left: -57px;
}
#chiffres_cle_underline > figure:after {
    content: '';
    width: 57px;
    height: 4px;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    right: -57px;
}
#actualites_underline > figure {
    display: inline-block;
    position: relative;
    margin-top: 0;
}
/*#actualites_underline > figure:after {*/
/*    content: '';*/
/*    width: 10px;*/
/*    height: 4px;*/
/*    background-color: var(--main-color);*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: -9px;*/
/*}*/
#publications_underline > figure {
    display: inline-block;
    position: relative;
    margin-top: 0;
}
/*#publications_underline > figure:after {*/
/*    content: '';*/
/*    width: 50px;*/
/*    height: 4px;*/
/*    background-color: var(--main-color);*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: -49px;*/
/*}*/

@media screen and (max-width: 1200px) {
    .wpb_text_column.wpb_content_element.custom-card-text-right {
        margin-right: 3%;
    }

    .spirit-card-wrapper {
        display: block !important;
    }

    .spirit-card-wrapper div {
        float: none;
        margin: auto;
        width: auto;
    }

    .qui-sommes-nous-wrapper > div > div,
    .spirit-card-img > div {
        padding: 0 !important;
    }
}

/********* Référence List **********/

.spirit-custom-filter-btn:hover {
    cursor: pointer;
}
.spirit-custom-filter {
    padding: 24px;
    padding-bottom: 70px;
    text-align: center;
}

/* button.spirit-custom-filter-btn:hover,
button.spirit-custom-filter-btn:focus {
    border: none !important;
    outline: none !important;
} */

button.spirit-custom-filter-btn {
    margin: 15px;
    min-width: 240px;
    background-color: silver;
    color: white;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
}

.spirit-custom-filter-btn-active {
    background-color: var(--main-color)!important;
}

.spirit-custom-filter-btn-unactive {
    background-color: #EB4D67 !important;
}
.box-shadowed {
    box-shadow: 0px 2px 10px gray;
}

.references-list-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
    padding-left: 5%;
    padding-right: 5%;
}

.references-list-card {
    width: 415px;
    margin-bottom: 3%;
    background-image: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/04/Trace-1851.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 708px;
}

.references-list-top {
    display: flex;
}

.custom-references-list-separator {
    width: 10%;
}

.custom-references-vertical-text {
    margin-top: 275px;
    margin-left: 22px;
    color: var(--second-color);
    display: block;
    transform-origin: 0 0;
    transform: rotate(
            270deg
    );
    font-weight: bold;
    position: absolute;
}

.separator-references-list {
    height: 66px;
    border-left: 2px solid var(--second-color);
    position: absolute;
    margin-top: 282px;
    margin-left: 34px;
}

.separator-references-list-full {
    height: 323px;
    border-left: 2px solid var(--second-color);
    position: absolute;
    margin-top: 24px;
    margin-left: 33px;
}

.references-list-image img {
    padding: 8%;
    padding-bottom: 3%;
    height: 358px;
    object-fit: cover;
}

.references-list-bottom {
    padding: 3% 7%;
}

h3.references-list-title {
    font-family: "Advent";
    font-weight: bold;
    font-size: 25px;
    margin: 0% 0;
}

h3.references-list-sub-title {
    font-family: "Advent";
    font-weight: bold;
    font-size: 25px;
    margin: 0;
    margin-bottom: 2%;
    color: var(--main-color);
}

.references-list-bottom p {
    font-size: 13px;
    line-height: 2;
    margin-bottom: 0;
    margin-top: 0;
}

span.references-list-text {
    color: var(--main-color);
    font-weight: bold;
    font-size: 15px;
}

.references-list-labellisation {
    display: flex;
    margin-top: 4px;
}

.references-list-labellisation p {
    margin-top: -1px;
    margin-left: 9px;
}

@media screen and (max-width: 1500px) {

}

/**************** Fin Référence List *******************/

/************************* NEWS ************************/

.news-container {
    margin: 2% 6%;
    margin-top: 0px;
}

.top-header-news {
    display: flex;
}

.top-header-news {
    display: flex;
    margin-bottom: 40px;
    padding: 0px 18px;
}

.top-header-news-left {
    width: auto;
    position: relative;
}

.top-header-news-left h2 {
    margin-bottom: 7px;
    font-size: 38px;
    color: var(--main-color);
    display: inline-block;
    margin-top: 5px;
    font-family: 'Advent';
}

.top-header-news-left img {
    width: 100%;
    position: absolute;
}

.top-header-news-right h3 {
    color: var(--main-color);
}

.top-header-news-right h3:after {
    content: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/04/Trace-2466.png);
    padding-left: 15px;
    padding-right: 15px;
    transform: rotate(
            0deg
    );
    display: inline-block;
}

.rotate:after {
    transform: rotate(
            180deg
    ) !important;
}

.top-header-news-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.news-card-list-publication {
    display: flex;
    flex-flow: row wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
}

.news-card-publication,
.news-card {
    width: 600px;
    margin-bottom: 30px;
}

.news-card-publication img {
    width: 100%;
    height: 14em;
    object-fit: cover;
}


.news-card a:link,
.news-card a:visited,
.news-card a:hover,
.news-card a:active,
.news-card a {
    text-decoration: none;
    color: #666666;
}

.news-card-publication h2,
.news-card h2 {
    text-align: justify;
    padding-right: 70px;
}

.news-card-publication p {
    color: #707070;
    height: 90px;
    font-size: 12px;
    margin-top: 30px;
    overflow: hidden;
}

.news-card p {
    border-left: 2px solid var(--second-color);
    padding-left: 15px;
    padding-right: 70px;
    font-weight: 500;
}

.custom-toggle {
    display: none;
}

.news-card-list-publication,
.news-card-list-actu {
    display: flex;
    flex-flow: row wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
}

.news-card-publication,
.news-card-actu {
    width: 340px;
    margin-bottom: 30px;
}

.news-card-actu img {
    width: 100%;
    height: 14em;
    object-fit: cover;
}

.news-card-list-publication h2,
.news-card-actu h2 {
    font-family: 'Advent';
    font-size: 16px;
    text-align: justify;
    padding-left: 40px;
}

.news-card-list-publication a:hover,
.news-card-actu a:hover {
    text-decoration: underline;
}

.news-card-publication a:link,
.news-card-publication a:visited,
.news-card-publication a:active,
.news-card-publication a,
.news-card-actu a:link,
.news-card-actu a:visited,
.news-card-actu a:active,
.news-card-actu a {
    text-decoration: none;
    color: var(--main-color);
}

.news-card-list-publication h2:before,
.news-card-actu h2:before {
    content: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/04/Ligne-436.png);
    position: absolute;
    margin-left: -38px;
}


.news-card-list-publication, .news-card-list {
    display: flex;
    max-width: 95%;
    margin: auto;
    align-content: space-evenly;
    justify-content: space-evenly;
}
@media screen and (max-width: 768px) {
    .news-container {
        margin: auto;
    }
    .news-card p {
            padding-right: 0;
    }
}
@media screen and (max-width: 425px) {
    .news-card-list-publication, .news-card-list {
        flex-wrap: wrap;
    }
}
.news-card {
    margin-right: 10px;
    margin-left: 10px;
}

.news-card img.wp-post-image {
    height: 400px;
    width: 100%;
    object-fit: cover;
}



.see-more-button-publication,
.see-more-button {
    text-align: center;
    margin: 20px auto 50px auto;
    width: fit-content
}

.see-more-button-publication button:hover,
.see-more-button button:hover {
    cursor:pointer;
}

.see-more-button-publication button,
.see-more-button button {
    margin: 15px;
    min-width: 240px;
    background-color: var(--main-color);
    outline: none!important;
    color: white;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
}

/********************* FIN NEWS ************************/

#breadcrumbs-article {
    font-family: "advent";
    font-style: italic;
    color: var(--main-color);
    margin: 1em 0;
}

#breadcrumbs-article a {
    text-decoration: none;
    color: var(--main-color);
}

.article-wrapper {
    margin: 0 15%!important;
    background-color: white;
    margin-bottom: 50px!important;
}

.qsn_bg_1 img {
    position: absolute;
    top: 75px;
    z-index: -1;
}
.qsn_bg_2 img {    
    position: absolute;
    width: 66%;
    right: -80px;
    bottom: -217px;
    z-index: -1;
}
.qsn_bg_4 img {    
    position: absolute;
    top: 40px;
    right: 0;
    z-index: -1;
}
.qsn_bg_5 img {
    position: absolute;
    max-width: none !important;
    width: 225%;
    height: 120% !important;
    left: -300px;
    top: 50%;
    z-index: -1;
}

.partners_background_cubes {
    width: 27%;
    position: absolute;
    right: 0;
    top: 17%;
    z-index: -1;
}
.videos_pdn_background {
    position: absolute;
    right: -7%;
    top: -15%;
    opacity: 0.5;
    overflow: hidden;
    z-index: -1;
}


/* .video_content {
    position: relative;
    z-index: -1;
} */

.videos_pdn_background {
    right: -50%;
    top: -45%;
}

#video_container:after {
    content: '';
    background-image: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/04/Trace-5.png);
    position: absolute;
    bottom: -35px;
    left: -14px;
    width: 100%;
    z-index: -5;
    height: 60%;
}





@media screen and (max-width: 1550px) {
    .videos_pdn_background {
        right: -61%;
        top: -43%;
    }
}
@media screen and (max-width: 1350px) {
    .videos_pdn_background {
        right: -65%;
        top: -35%;
    }
}
@media screen and (max-width: 1100px) {
    .videos_pdn_background {
        right: -49%;
        top: -50%;
    }
}
@media screen and (max-width: 950px) {
    .videos_pdn_background {
        right: -58%;
        top: -50%;
    }
}
@media screen and (max-width: 910px) {
    .videos_pdn_background {
        right: -52%;
        top: -50%;
    }
}
@media screen and (max-width: 810px) {
    .videos_pdn_background {
        right: -54%;
        top: -43%;
    }
}



@media screen and (max-width: 425px) {
    .partners_background_cubes {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .videos_pdn_background {
        display: none;
    }
    #video_container:after {
        content: '';
        background-image: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/04/Trace-5.png);
        position: absolute;
        bottom: -150px;
        left: -14px;
        width: 100%;
        z-index: -5;
        height: 60%;
    }
}



@media screen and (max-width: 1450px) {
    .qsn_bg_2 img {    
        bottom: -150px;
    }
}
@media screen and (max-width: 1300px) {
    .qsn_bg_2 img {    
        display: none;;
    }
}
@media screen and (max-width: 600px) {
    .article-wrapper {
        margin: 0!important;
        margin-bottom: 50px!important;
    }
    .custom-chiffre-cles {
        margin-right: 20px;
    }
}

.article-separator-image {
    margin-top: 50px;
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
}

.sub-bloc-wrapper .article-separator-image {
    margin-top: 20px;
}


.custom-article-image,
.custom-article-image .wpb_wrapper,
.custom-article-image .wpb_wrapper .vc_single_image-wrapper,
.custom-article-image .wpb_wrapper .vc_single_image-wrapper img {
width: 100%;
}

.sub-bloc-wrapper h2,
.sub-sub-bloc-wrapper h3 {
    margin-top: 0px!important;
}


.sub-sub-bloc-wrapper ul,
.sub-bloc-wrapper ul {
    list-style: none;
}

.sub-bloc-wrapper li:before {
    content: "\2022";
    color: var(--main-color);
    font-weight: bolder;
    display: inline-block;
    width: 2em;
    margin-left: -1em;
}

.sub-sub-bloc-wrapper li:before {
    content: "\2022";
    color: var(--second-color);
    font-weight: bolder;
    display: inline-block;
    width: 2em;
    margin-left: -1em;
}

/* .whole-article-wrapper {
    background-image: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/04/Groupe-1440.png);
    background-size: contain;
    background-repeat: no-repeat;
} */

.custom-article-image img {
    margin-top: 50px;
    margin-bottom: 20px;
}

.qui-sommes-nous-wrapper {
    padding: 0px!important;
}

@media screen and (min-width: 600px) and (max-width: 1200px) {
    .nos-chiffres-container-left.wpb_column.vc_column_container.vc_col-sm-4 {
        width: 34%;
    }
    .nos-chiffres-container-right.wpb_column.vc_column_container.vc_col-sm-8 {
        width: 85%;
    }
    .custom-chiffre-cles-pourcentage-wrapper {
        margin-left: 50px;
    }
        .qui-sommes-nous-right {
            display: flex !important;
            flex-direction: column-reverse;
        }
    /*.wpb_single_image.vc_align_left {*/
    /*    text-align: center!important;*/
    /*}*/

    .spirit-card-wrapper .vc_column-inner,
    .custom-card-wrapper .vc_column-inner {
        padding: 1% 6%!important;
    }
}

@media screen and (max-width: 600px) {
    .custom-chiffre-cles-pourcentage-wrapper {
         margin-left: 0px;
    }
    .qui-sommes-nous-right {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .qui-sommes-nous-right .vc_column-inner,
    .custom-card-wrapper .vc_column-inner {
        padding: 1% 3%!important;
    }
}

.article-separator-image {
    text-align: left!important;
}


/********************* DEBUT INNOVATION & RSE ************************/

#innovation1 {
    margin-top: 5em;
}

#innovation1 > div > div.spirit-card-img.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(1) > figure > div > img,
#innovation2 > div.custom-card-wrapper.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(1) > figure > div > img {
    width: 55em;
}

#innovation1 > div > div.spirit-card-img.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(2) > figure > div > img {
    position: absolute;
    bottom: -221px;
    left: -40px;
    z-index: -1;
}

#innovation1 > div > div.custom-card-wrapper.wpb_column.vc_column_container.vc_col-sm-6 > div {
    /*padding-top: 35px;*/
    padding-right: 25% !important;
}
#innovation1 .custom-card-text-right,
#innovation2 .custom-card-text-left {
    line-height: 2 !important;
}

.image-fade-background {
position: relative;
}

.image-fade-background img {
    opacity: 0.5;
    top: 0;
}

.image-fade-background.cube img {
    width: 350px;
    object-fit: contain;
}
.image-fade-background.cross img {
    height: 308px;
    object-fit: cover;
    width: 400px;
}

.vc_custom_1619353591881 .image-fade-background.cross img {
    height: 170px;
}

/*#innovation1 .image-fade-background img {*/
/*    width: 350px;*/
/*    object-fit: contain;*/
/*}*/
/*#innovation2 .image-fade-background img {*/
/*    height: 160px;*/
/*    object-fit: cover;*/
/*}*/


#innovation2 {
    margin-top: 12em;
    margin-bottom: 8em;
}
#innovation2 > div:nth-child(1) > div > div {
    padding-left: 25% !important;
}
#innovation2 > div.custom-card-wrapper.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(1) {
    text-align: right;
    margin-right: -7px;
}
#innovation2 > div.custom-card-wrapper.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(2) > figure > div > img {
    position: absolute;
    right: 0;
    bottom: -281px;
    z-index: -1;
    top: -125px;
}

.mapp-modal .mapp-modal-content {
    max-width: 70vw !important;
    height: auto;
    width: auto;
    padding-right: 15%;
    /*min-width: 60vw;*/
}

.mapp-modal #mapp_modal button {
    margin-bottom: 1em;
}

#mapp_modal .autres_refs_link {
    width: fit-content;
}

.mapp-modal-content .mapp-modal-article {
    position: relative;
    background-color: #FFF;
}

.mapp-modal-article  .bg_img_modal {
    max-width: 17vw;
    right: -15vw;
    object-fit: contain;
}

.mapp-modal .map_modal-p {
    border-right: none;
}

.mapp-modal #mapp_modal .references-list-bottom {
    width: max-content;
    padding-right: 15%;
}

.mapp-modal .mapp-modal-featured {
    max-width: 100%;
}


.mapp-modal-featured .full_thumb,
.mapp-modal .mapp-modal-featured .thumbs {
    width: 400px;
}

body .mapp-modal-close{
    text-transform: uppercase!important;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 40px;
    height: 40px;
    padding-bottom: 6px;
}

body.mapp-modal-noscroll {
    overflow-y: initial;
}



#innovation3, #innovation5 {
    display: flex;
    max-width: 80%;
}
.innovation3_texte, .innovation5_text{
    display: flex;
    margin-left: 50px;
    align-items: center;
    margin-bottom: 50px;
}
.innovation3_texte p, .innovation4_texte p, .innovation5_texte p {
    padding-left: 40px;
    border-left: 3px solid var(--second-color);
    text-align: justify;
}

#innovation3 > div.wpb_column.vc_column_container.vc_col-sm-8,
#innovation5 > div.wpb_column.vc_column_container.vc_col-sm-8 {
    width: 36%;
    display: flex;
    align-items: center;
    margin-left: 30px;
}
.innovation3_texte h2,
.innovation4_texte h2,
.innovation5_texte h2  {
    color: var(--main-color);
}


#innovation4 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}
.innovation4_texte {
    max-width: 43em;
}

.innovation4_image {
    text-align-last: right;
}
.innovation4_image img {
    width: 46em;
    margin-right: -30px;
}

#innovation3
#innovation4
#innovation5 {    
    margin-bottom: 2em;
}


#innovation3 h2, #innovation4 h2, #innovation5 h2 {
    font-size: 27px;
    font-weight: bold;
}

.color_main_red {
    color: var(--main-color);
}
.color_main_blue {
    color: var(--second-color);
}


@media screen and (max-width: 1400px) {
    #innovation3, #innovation4, #innovation5 {
        max-width: 95%;
    }
    .innovation3_texte,
    .innovation4_texte,
    .innovation5_texte {
        width: 70%;
    }
}


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

    .news-card-list-publication, .news-card-list-actu {
        margin: 0 50px;
    }


    .news-card-publication,
    .news-card-actu {

        width: 450px;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #innovation4 {
        margin-left: 15px;
    }

}
    @media screen and (max-width: 1200px) {
    .innovation5_texte h2,
    .innovation4_texte h2,
    .innovation3_texte h2 {
        font-size: 17px!important;
    }
    .innovation3_texte p,
    .innovation4_texte p,
    .innovation5_texte p {
        font-size: 15px!important;
    }

    #innovation1 .custom-card-text-right, #innovation2 .custom-card-text-left {
        line-height: 1.6 !important;
    }
}
@media screen and (max-width: 1024px) {
    #innovation1 > div > div.custom-card-wrapper.wpb_column.vc_column_container.vc_col-sm-6 > div {
        padding-right: inherit !important;
    }
    #innovation2 {
        margin-bottom: 13em;
    }
    #innovation2 > div:nth-child(1) > div > div {
        padding-left: 5% !important;
    }
    #innovation3, #innovation5 {
        max-width: 100%;
        margin-bottom: 2em;
    }
    #innovation4 {
        margin-bottom: 4em;
    }
    .innovation4_texte {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 910px) {
    #innovation1 > div > div.spirit-card-img.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(2) > figure > div > img {
        bottom: -150px;
    }
    #innovation2 {
        margin-top: 7em !important;
        margin-bottom: 10em !important;
    }
}

/*@media screen and (max-width: 863px) {*/
/*    #innovation3 h2, #innovation4 h2,  #innovation5 h2 {*/
/*        font-size: 25px !important;*/
/*    }*/
/*}*/

@media screen and (max-width: 767px) {
    #innovation2 {
        margin-top: 3em !important;
        margin-bottom: 3em !important;
    }
    
    #innovation2 > div.custom-card-wrapper.wpb_column.vc_column_container.vc_col-sm-6 > div > div > div:nth-child(2) > figure > div > img {
        display: none;
    }

    #innovation3, #innovation4, #innovation5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 425px) {
    #innovation3, #innovation5 {
        flex-direction: column;
        margin: 40px auto;
    }
    #innovation4 {
        flex-direction: column-reverse;
        margin: 40px auto;
        margin-bottom: 75px;
    }
    .innovation4_image img {
        margin-right: inherit;
    }
}

/********************* FIN INNOVATION & RSE ************************/




    
/********************* SINGLE ARTICLE ************************/

#single_article {
    display: flex;
    max-width: 55%;
    margin: 3em auto;
    position: relative;
}

.button-pdf a {
    display: block;
    width: fit-content;
    margin: 1em auto 0;
    text-decoration: none;
    padding: 0.7em 1.5em;
    color: white;
    background-color: var(--main-color);
}

#single_article .primary_image {
    position: relative;
    text-align: center;
}
#single_article .primary_image img {
    min-width: 20em;
}
#single_article .primary_image .bg_img1 {
    position: absolute;
    width: 25em;
    right: -460px;
    height: 350px;
    object-fit: contain;
    opacity: 0.7;
    z-index: -1;
}
#single_article > img.bg_img2 {
    position: absolute;
    left: -40%;
    bottom: -4%;
    z-index: -1;
    object-fit: cover;
    height: 308px;
    opacity: 0.5;
    width: 400px;
}
#single_article h2:nth-of-type(odd) {
    position: relative;
    margin-top: 70px;
    color: var(--main-color);
}
#single_article h2:nth-of-type(even) {
    position: relative;
    margin-top: 70px;
    color: var(--second-color);
}
#single_article h2:nth-of-type(odd)::before {
    content: '';
    width: 87px;
    height: 12px;
    position: absolute;
    top: -25px;
    background-color: var(--main-color);
}
#single_article h2:nth-of-type(even)::before {
    content: '';
    width: 87px;
    height: 12px;
    position: absolute;
    top: -25px;
    background-color: var(--second-color);
}
#single_article ul {
    list-style: none;
}

#single_article ul li::before {
    content: "\2022";
    color: var(--main-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
/* #primary ul li:nth-of-type(odd)::before {
    content: "\2022";
    color: var(--main-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
#primary ul li:nth-of-type(even)::before {
    content: "\2022";
    color: var(--second-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
} */

@media screen and (max-width: 1024px) {
    #single_article {
        max-width: 75%;
    }
}
@media screen and (max-width: 425px) {
    #single_article {
        max-width: 85%;
    }
    #single_article h1 {
        font-size: 1.7em;
    }
}
/********************* FIN ARTICLE ************************/


/********************* DEBUT CGU ************************/

#CGU .wpb_text_column {
    max-width: 55%;
    margin: 3em auto;
}

#CGU .primary_image {
    text-align: center;
}
#CGU .primary_image img {
    width: 65em;
}
#CGU h2 {
    position: relative;
    margin-top: 70px;
    color: var(--main-color);
}
#CGU h3 {
    position: relative;
    margin-top: 70px;
    color: var(--second-color);
}
#CGU h2::before {
    content: '';
    width: 87px;
    height: 12px;
    position: absolute;
    top: -25px;
    background-color: var(--main-color);
}
#CGU h3::before {
    content: '';
    width: 87px;
    height: 12px;
    position: absolute;
    top: -25px;
    background-color: var(--second-color);
}
#CGU ul {
    list-style: none;
}

#CGU ul li::before {
    content: "\2022";
    color: var(--main-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
/* #primary ul li:nth-of-type(odd)::before {
    content: "\2022";
    color: var(--main-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
#primary ul li:nth-of-type(even)::before {
    content: "\2022";
    color: var(--second-color);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
} */

@media screen and (max-width: 1024px) {
    #CGU .wpb_text_column{
        max-width: 75%;
    }
}
@media screen and (max-width: 425px) {
    #CGU .wpb_text_column {
        max-width: 85%;
    }
    #CGU h1 {
        font-size: 1.7em;
    }
}
/********************* FIN CGU ************************/



/********************* DEBUT NOS OFFRES IMMO ************************/

.all_typo_buttons {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0.5em auto 2em;
}
.all_typo_buttons .typo_button {
    margin-top: 15px;
    margin-right: 20px;
}
.all_typo_buttons button {
    padding: 1em 2.5em;
    font-family: 'advent';
    background-color: var(--main-color);
    color: #FFF;
}
.all_typo_buttons button:hover {
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .all_typo_buttons button {
        padding: 9px 16px;
    }
}

@media screen and (max-width: 630px) {
    .references-list-card {
        height: auto;
        margin: 2em 0;
    }
    #mapp0-layout > .mapp-wrapper {
        padding-bottom: 100%!important;
    }
    .mapp-modal .mapp-modal-content {
        max-height: 90vh;
        max-width: 90vw !important;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        padding: 1em;
    }
    .mapp-modal-close{
        position: sticky;
        margin-left: auto;
    }
    .mapp-modal-featured .full_thumb, .mapp-modal .mapp-modal-featured .thumbs {
        width: auto;
    }
    .mapp-modal-content .mapp-modal-article {
        width: 100%;
    }
    body .mapp-modal-title h1 {
        font-size: 1.1rem;
        margin-top: 0;
    }
    body #mapp_modal > div.mapp-modal-featured {
        max-width: 100%;
    }
    body #mapp_modal h3.references-list-sub-title {
        font-size: 1.5rem!important;
    }
    body .mapp-modal #mapp_modal .references-list-bottom {
        width: 100%;
        padding-right: 0;
    }
    body .map_modal-p p {
        font-size: 14px;
        line-height: 1.6rem;
    }
    body .map_modal-p span.references-list-text {
        font-size: 15px;
    }
    body .map_modal-p {
        padding-left: 0;
    }
    body #mapp_modal button {
        height: 40px;
        padding: 5px 10px;
        font-size: 16px;
    }
}

/********************* FIN NOS OFFRES IMMO ************************/



/********************* DEBUT RESPONSIVE ************************/
@media screen and (max-width: 960px) {    
    .banner h1 {
        font-size: 70px;
    }
}
@media screen and (max-width: 740px) {    
    .banner h1 {
        font-size: 50px;
    }
    .all_typo_buttons {
        max-width: 95%;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 550px) {    
    .banner h1 {
        font-size: 40px;
    }
    #single_article .primary_image img {
        min-width: auto;
    }
}
@media screen and (max-width: 450px) {    
    .banner h1 {
        font-size: 30px;
    }
}
/********************* FIN RESPONSIVE ************************/











.typo-content-wrapper p {
    margin-left: 50px;
    margin-right: 50px;
}

.typo-content-wrapper h1:first-child {
    margin-top: 0;
    line-height: 1.7rem;
}

.typo-content-wrapper h1,
.typo-content-wrapper h2 {
    display: inline-block;
    color: var(--main-color);
}

body .typo-content-wrapper:before {
    margin: 0 5% 5% 0;
}

.typo-content-wrapper {
    width: 80%;
    margin: auto;
    padding-left: 4%;
}
.typo-button {

    margin: 3em 0;
}

.typo-button a {
    text-decoration: none;
    height: 60px;
    padding: 5px 20px;
    background-color: var(--main-color);
    font-family: 'Advent';
    cursor: pointer;
    font-size: 25px;
    color: #FFF;
}

.typo-images {
    display: flex;
    flex-flow: row wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
    margin-top: 50px;
}

.typo-images img {
    width: 360px;
    height: 220px;
    margin-bottom: 8px;
}

.typo-content-wrapper {
    width: 80%;
    margin: 5% auto 0;
    z-index: 1;
    position: relative;
    background: linear-gradient(
            60deg
            , rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
}

.typo-background-1 {
    background-image: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/05/Groupe-1187.png);
    width: 400px;
    height: 300px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: right;
    /*top: 25%;*/
    /*left: 71%;*/
    display: none;
    float: right;
    overflow: hidden;
    z-index: 0;
}

.typo-background-2 {
    background-image: url(https://www.spirit-entreprises.fr/wp-content/uploads/2021/05/Groupe-1174-3.png);
    width: 400px;
    height: 300px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    /*top: 73%;*/
    /* left: 71%; */
    float: right;
    overflow: hidden;
    z-index: 0;
}

.typo-breadcrumb {
    text-align: left!important;
}

@media screen and (max-width: 1200px) {
    .typo-content-wrapper {
        width: 100%;
        margin: auto;
    }
    .typo-background-1 {
        display: none;
    }
    }
@media screen and (max-width: 1050px) {
    .typo-content-wrapper:before {
        width: 80%;
        margin: 0 10%;
    }
    .typo-content-wrapper h1,
    .typo-content-wrapper h2 {
        margin-left: 50px;
        margin-right: 50px;
    }
}
@media screen and (max-width: 925px) {
    .typo-background-2 {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .typo-background-1 {
        top: 6%;
    }
    .typo-content-wrapper:before {
        width: 100%;
        margin: 0;
    }
    .typo-content-wrapper p,
    .typo-content-wrapper h1,
    .typo-content-wrapper h2 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .typo-content-wrapper h1 {
        font-size: 25px;
    }

}

.whole-article-wrapper h1 {
    color: var(--main-color);
    display: inline-block;
    text-align: justify;
    /*border-bottom: 16px solid var(--main-color);*/
}

.typo-text {
    min-height: 250px;
    text-align: justify;
    margin-left: 420px;
}

@media screen and (max-width: 925px) {
    .typo-text {
        margin-left: 0;
    }
}
@media screen and (max-width: 425px) {
    .innovation3_texte {
        margin-left: 0;
    }
    .innovation4_texte {
        padding-left: 0!important;
    }
    #innovation4 {
        margin-left: 0px;
    }

    #innovation1 .custom-card-wrapper {
        padding-left: 5% !important;
    }
    .typo-content-wrapper:before {
        width: 290px !important;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .qui-sommes-nous-right {
        /*margin-top: 100px;*/
    }
}

    @media screen and (min-width: 1000px) and (max-width: 1200px) {
    .innovation4_texte {
        padding-left: 50px!important;
    }
}

@media screen and (min-width: 1200px) {
    #breadcrumbs-article {
        padding-left: 0px!important;
    }
}

@media screen and (max-width: 1000px) {
    #video_container .content .has-pause-button:before {
        display: none;
    }
}

@media screen and (max-width: 590px) {
    .spirit-custom-filter {
        padding: 15px;
    }
    button.spirit-custom-filter-btn {
        margin: 5px;
    }
}

#nos-chiffres-cles-wrapper {
    background-color: white;
}