@charset "utf-8";

@import "vars.css";

/* CSS Document */

@font-face {
    font-family: 'camptonblack';
    src: url('../fonts/rene_bieder_-_campton_black-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'campton_bookbold';
    src: url('../fonts/rene_bieder_-_campton_bold-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonbook';
    src: url('../fonts/rene_bieder_-_campton_book-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonextrabold';
    src: url('../fonts/rene_bieder_-_campton_extrabold-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonextralight';
    src: url('../fonts/rene_bieder_-_campton_extralight-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonlight';
    src: url('../fonts/rene_bieder_-_campton_light-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonmedium';
    src: url('../fonts/rene_bieder_-_campton_medium-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonbold';
    src: url('../fonts/rene_bieder_-_campton_semibold-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camptonthin';
    src: url('rene_bieder_-_campton_thin-webfont.woff2') format('woff2'),
    url('rene_bieder_-_campton_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: "Lexend Variable", 'camptonlight', Arial, sans-serif;
    line-height: 27px;
    font-size: 17px;
}

.maincontent .topcontent h1 {
    font-family: "Lexend Variable", 'camptonlight', Arial, sans-serif;
}

.maincontent .titre h2 span {
    font-weight: 500;
}

img {
    max-width: 100%;
    height: auto;
}

.wrap {
    margin: 0 auto;
    width: 1560px;
}

#diaporama .diapoimage .caption a.button::after, #diaporama .diapoimage .caption a.button:hover::after, .maincontent .raisons .wrap .flex .item .field, .maincontent .raisons .wrap .flex .item:hover .field, .maincontent.offres .left .item, .maincontent.offres .left .item:hover, .maincontent .listingblog .itemblog span.more a, .maincontent .listingblog .itemblog:hover span.more a, .maincontent .listingblog .itemblog, .maincontent .listingblog .itemblog:hover, .page-template-references .maincontent .sliderhome .caption p.more a:hover::after, .page-template-references .maincontent .sliderhome .caption p.more a::after, .maincontent .gform_wrapper input[type=submit], .maincontent .gform_wrapper input[type=submit]:hover, .maincontent .chiffrecles > .wrap > .flex > .item, .maincontent .chiffrecles > .wrap > .flex > .item:hover, .maincontent .animebloc .flex .bloc .caption, .maincontent .animebloc .flex .bloc:hover .caption, .maincontent .blocfiliale .item::after, .maincontent .blocfiliale .item:hover::after, .maincontent .blocequipe .item .caption > .linkssocial > a img, .maincontent .blocequipe .item .caption > .linkssocial > a:hover img, .maincontent .blocpartenaire .item .caption, .maincontent .blocpartenaire .item:hover .caption, header .mainmenu ul li a::after, header .mainmenu ul li a:hover::after, header#header, header#header.sticky, header .mainmenu, header.sticky .mainmenu, header .topheader, header.sticky .topheader, a, a:hover, .actu .flex .left a::after, .actu .flex .left a:hover::after, .savoirfaire .blocsavoir .item > img, .savoirfaire .blocsavoir .item:hover > img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


.presentationtext a{
    color: var(--realite-blue-dark);
    text-decoration:none;
    font-weight: bold;
}

.presentationtext a:hover{
    color: var(--realite-blue-dark);
    text-decoration:underline;
}


@media (max-width: 639px) {
    .owl-carousel.project_slide .owl-item img {
        position: relative;
        height: auto;
        width: auto !important;
        max-width: 100% !important;
    }

    .page-template-references .maincontent .sliderhome .caption, .owl-carousel.project_slide .owl-item .caption {
        position: relative !important;
    }

    .owl-carousel.project_slide .owl-item .item {
        background: none !important;
        height: auto !important;
    }

    .owl-carousel.project_slide {
        background: rgba(31, 31, 39, .9);
    }

    .owl-carousel.project_slide .owl-item .item .caption {
        background: rgba(31, 31, 39, 0);
    }

    .sliderhome .owl-carousel {
        height: auto !important;
    }

}

@media (min-width: 640px) {
    .owl-carousel.project_slide .owl-item img {
        display: none !important;
    }

    .sliderhome .owl-carousel, .sliderhome .owl-carousel .owl-item .item {
        height: 675px !important;
    }
}

@media (max-width: 770px) {

}

@media all {
    /* 
    REMOVE responsive-menu-pro MODULE

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item .responsive-menu-pro-item-link {
        padding: 5% 5%;
    }

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item .responsive-menu-pro-item-link:hover {
        color: var(--realite-blue-dark) !important;
    }
    */

    header#header {
        background: white;
        height: 130px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 999;
        width: 100%;
    }


    .home header#header {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0px;
        background-color: unset;
        top: 0;
    }

    .home header#header.white {
        background-color: white;
    }
/*     
    header .topheader {
        text-align: right;
        margin-bottom: 10px;
    }

    header .topheader .menu {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
    }

    header .topheader .image-only a {
        display: block;
        height: 38px;
    }

    header .topheader .image-only img {
        display: block;
        height: 100%;
        width: auto;
        margin: 0;
        padding: 0;
    }

    header .topheader .image-only .menu-image-title {
        position: absolute;
        right: 0;
        visibility: hidden;
    }


    header .topheader ul li {
        display: inline-block;
        height: 38px;
    }

    header .topheader ul li + li {
        margin-left: 5px;
    }

    header .topheader ul li a {
        color: black;
        text-decoration: none;
        display: block;
        padding: 5px 10px 5px;
        border-radius: 0 0 5px 5px;
        font-weight: bold;
        font-size: 15px;
    }

    .home header .topheader ul li a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 5px 10px 5px;
        border-radius: 0 0 5px 5px;
        font-weight: bold;
        font-size: 15px;
    }

    .home header.white .topheader ul li a {
        color: black;
    }

    .home header.sticky .topheader ul li a {
        color: black;
    }

    .home header.sticky .topheader ul li.lang-item a {
        color: black;
        text-decoration: none;
        display: block;
        padding: 5px 10px 5px;
        border-radius: 0 0 5px 5px;
        font-weight: bold;
        font-size: 15px;
    }

    .home header .topheader .pll-parent-menu-item > a::after {
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        transition: all 0.5s ease-in-out;
    }

    .home header.white .topheader .pll-parent-menu-item > a::after {
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        transition: all 0.5s ease-in-out;
    }

    .home header.sticky .topheader .pll-parent-menu-item > a::after {
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        transition: all 0.5s ease-in-out;
    }

    .header .topheader .pll-parent-menu-item > a::after {
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        transition: all 0.5s ease-in-out;
    }

    header .topheader ul li.violet a {
        background-color: black;
        color: white !important;
    }

    header .topheader ul li.orange a {
        background-color: var(--realite-blue-dark);
    }

    header #logo {
        width: 250px;
        transition: all .5s ease-in-out;
    }

    header #logo > a {
        display: block;
    }

    header #logo > a > svg {
        width: 100%;
        height: auto;
    }

    header #logo > a > svg .logoletter {
        fill: black;
        transition: all 0.5s ease-in-out;
    }

    header.sticky #logo > a > svg .logoletter {
        fill: black;
        transition: all 0.5s ease-in-out;
    }

    .home header #logo > a > svg .logoletter {
        fill: white;
        transition: all 0.5s ease-in-out;
    }

    .home header.white #logo > a > svg .logoletter {
        fill: black;
        transition: all 0.5s ease-in-out;
    }

    .home header.sticky #logo > a > svg .logoletter {
        fill: black;
        transition: all 0.5s ease-in-out;
    }

    header .mainmenu {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;

    }

    header .mainmenu > div > ul {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin-left: 30px
    }

    header .mainmenu > div > ul > li {
        list-style-type: none;
        transition: all 0.5s ease-in-out;
        margin-right: 25px;
        position: relative;
    }

    header .mainmenu > div > ul > li.active > a {
        color: var(--realite-blue-dark) !important;
    }
    header .mainmenu > div > ul > li.active::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 5px;
        background-color: var(--realite-blue-dark);
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
    }

    header .mainmenu > div > ul > li.dashed {
        margin-right: 0;
    }

    header .mainmenu > div > ul > li.dashed::after {
        background-color: white;
        content: '';
        display: inline-block;
        position: absolute;
        right: -28px;
        top:0;
        height: 19px;
        transform: translateY(4px);
        width: 2px;
        margin-left: 28px;

        transition: all 0.5s ease-in-out;
    }

    header .mainmenu > div > ul > li.dashed {
        margin-right: 55px;
    }

    header .mainmenu > div > ul > li:nth-child(n+5) {

        margin-right: 25px;
    }


    header.sticky .mainmenu > div > ul > li.dashed::after {
        background-color: black;
        transition: all 0.5s ease-in-out;

    }

    .home header .mainmenu > div > ul > li > a {
        color: white;

    }

    header .mainmenu > div > ul > li > a {
        text-decoration: none;
        padding-bottom: 5px;
        text-transform: uppercase;
        position: relative;
        cursor: pointer;
        color: black;
    }

    .home header.sticky .mainmenu > div > ul > li.dashed::after {
        background-color: black;
    }

    .home header .mainmenu > div > ul > li.dashed::after {
        background-color: white;
    }

    header .mainmenu > div > ul > li.dashed::after {
        background-color: black;
    }

    header.white .mainmenu > div > ul > li.dashed::after {
        background-color: black;
    }

    header.sticky .mainmenu > div > ul > li > a {
        color: black;
    }

    header#header.white .mainmenu > div > ul > li > a {
        color: black;
    }

    header#header.white .mainmenu > div > ul > li > a:hover {
        color: var(--realite-blue-dark);
    }

    header .mainmenu > div > ul > li > a:hover::after, header .mainmenu > div > ul > li.current-menu-item > a::after, header .mainmenu > div > ul > li.current-page-parent > a::after {
        width: 100%;
    }

    header .mainmenu > div > ul > li.leftalign, header .mainmenu > div > ul > li.rightalign {
        margin-left: 20px;
    }

    header .mainmenu > div > ul > li.menu-item ul.sub-menu li a::after {
        content: '';
        background: black;
        height: 1px;
        width: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: -3px;
    }

    header .mainmenu > div > ul > li.menu-item ul.sub-menu li a:hover::after {
        content: '';
        background: black;
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: -3px;
    }


    header#header.sticky {
        background: white;
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-box-shadow: 0px 0px 10px 0px #000000;
        box-shadow: 0px 0px 10px 0px #000000;
        height: 130px;
    }
*/
    /*header.sticky .topheader {*/
    /*  margin-bottom: -20px;*/
    /*}*/

    /*
    header.sticky .mainmenu {
    }

    header .mainmenu > div > ul > li.menu-item ul.sub-menu {
        -webkit-transition: opacity 200ms;
        -khtml-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -ms-transition: opacity 200ms;
        -o-transition: opacity 200ms;
        transition: opacity 200ms;
        position: fixed;
        margin: 0;
        top: 128px;
        right: 0;
        width: 0;
        overflow: hidden;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        z-index: 1500;
        align-items: center;
        height: auto;
        background-color: rgba(255, 255, 255, 1);
        padding: 0px;
        width: 0;
        opacity: 0;
    }

    header .mainmenu > div > ul > li.menu-item.leftalign ul.sub-menu {
        left: 0;
        right: initial;
    }

    header .mainmenu > div > ul > li.menu-item.active ul.sub-menu {
        width: 100vw;
        opacity: 1;
        -webkit-transition: opacity 200ms;
        -khtml-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -ms-transition: opacity 200ms;
        -o-transition: opacity 200ms;
        transition: opacity 200ms;
        box-shadow: inset 0px 9px 8px -12px #000000;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        display: list-item;
        padding-left: 25%;
        padding-right: 25%;

    } */

    /*header .mainmenu > div > ul > li.menu-item-3729:hover ul.sub-menu {*/
    /*  width: 1200px;*/
    /*}*/
    /*.mainmenu .current-menu-parent, .current-menu-item {
        border-bottom: 5px solid var(--realite-blue-dark);
    }*/
    /*
    header .mainmenu > div > ul > li.menu-item ul.sub-menu li {
        flex: 1;

        list-style-type: none;
        padding: 20px 10px;
    }
    header .mainmenu > div > ul > li.menu-item.singleline ul.sub-menu li {
        column-span: all;
    }

    header .mainmenu > div > ul > li.menu-item ul.sub-menu li .menu-image-hover-wrapper {
        height: 70px;
    }


    header .mainmenu > div > ul > li.menu-item ul.sub-menu li a {
        color: rgba(0, 0, 0, 0.5);
        text-decoration: none;
        font-size: 25px;
        position: relative;
        display: table-cell;
        text-transform: uppercase;
    }

    header .mainmenu > div > ul > li.menu-item ul.sub-menu li.current-menu-item a, header .mainmenu > div > ul > li.menu-item ul.sub-menu li a:hover {
        color: black;

    }
    */

    /* 
    REMOVE responsive-menu-pro MODULE
    #responsive-menu-pro-container #responsive-menu-pro-title {
        background: white !important;
    }

    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover {
        color: #000000;
        background-color: #fff;
        border-color: #6e2a52;
    }

    #responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image {
        text-align: center;
    }

    #responsive-menu-pro-container li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
        top: 10px;
        position: unset !important;
    }

    #responsive-menu-pro-container li.responsive-menu-pro-item.menu-item-has-children:nth-child(3):after{
        content: '';
        display: block;
        width: 30%;
        margin-left: 20px;
        height: 1px;
        background-color: black;
    }
    #responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img {
        max-width: 290px;
    }

    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
        font-family: "Lexend Variable", 'camptonbook', Arial, sans-serif;
    }

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu.responsive-menu-pro-submenu-open {
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: stretch;
    }

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

        #responsive-menu-pro-container {
            width: 100% !important;
        }
        #header {
            background: rgba(255, 255, 255, 0);
            height: 75px !important;
            position: relative;
            top: 0;
            width: 100%;
            z-index: 999;

        }
    }
    .responsive-menu-pro-subarrow {
        cursor: pointer;
    }

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-1 a.responsive-menu-pro-item-link {

        color: #727272 !important;

        padding: 20px;
        line-height: 19px;
        height: 100%;
    }

    #responsive-menu-pro-container .menu-item a img {
        margin-bottom: 10px;
    }
    */

    /*button#responsive-menu-pro-button .responsive-menu-pro-box {*/
    /*  height: 25px;*/
    /*}*/
    /*button#responsive-menu-pro-button:hover .responsive-menu-pro-inner {*/
    /*background-color: black;*/
    /*}*/
    /*.home button#responsive-menu-pro-button:hover.responsive-menu-pro-box .responsive-menu-pro-inner {*/
    /*  background-color: white !important;*/
    /*}*/
    /*.button#responsive-menu-pro-button:hover.responsive-menu-pro-box .responsive-menu-pro-inner {*/
    /*  background-color: black !important;*/
    /*}*/
    /*.home button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner {*/
    /*  background-color: white;*/
    /*}*/
    /*.home button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner:before {*/
    /*  background-color: white;*/
    /*}*/
    /*.home button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner:after {*/
    /*  background-color: white;*/
    /*}*/
    /*button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner {*/
    /*  background-color: black;*/
    /*}*/
    /*button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner:before {*/
    /*  background-color: black;*/
    /*}*/
    /*button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner:after {*/
    /*  background-color: black;*/
    /*}*/
    /*.home button#responsive-menu-pro-button .scroll .responsive-menu-pro-box .responsive-menu-pro-inner {*/
    /*  background-color: black;*/
    /*}*/
    /*.home button#responsive-menu-pro-button .scroll .responsive-menu-pro-box .responsive-menu-pro-inner:before {*/
    /*  background-color: black;*/
    /*}*/
    /*.home button#responsive-menu-pro-button .scroll .responsive-menu-pro-box .responsive-menu-pro-inner:after {*/
    /*  background-color: black;*/
    /*}*/

    /* 
    REMOVE responsive-menu-pro MODULE
    button#responsive-menu-pro-button {
        outline: none;
        right: 5% !important;
        background-color: black;

    }

    button#responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-inner, .responsive-menu-inner:before, .responsive-menu-inner:after {
        background-color: black;
    }

    */

    span.pluslink a {
        text-transform: uppercase;
        padding-right: 30px;
        position: relative;
        display: inline-block;
    }

    span.pluslink a::after {
        content: '+';
        font-size: 30px;
        color: var(--realite-blue-dark);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Homepage */
    #header {
        transition: none;
        position: relative;
        overflow: visible;
    }

    #header.white {
        background-color: white;
    }

    #diaporama {
        height: fit-content;
        position: relative;
        overflow: hidden;
    }

    #diaporama .video-responsive {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    }

    #diaporama .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
    #diaporama .video-responsive video {
        max-width: 100%;
        min-width: 100%;
    }

    #diaporama iframe {
        /*position: relative !important;*/
        /*min-height: 100%;*/
        /*min-width: 100%;*/
        /*pointer-events: none;*/
        max-width: 100%;
        /*margin: auto;*/
    }

    #diaporama .mobilebandeau {
        display: none;
    }

    #diaporama .mobilebandeau img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    #diaporama .diapoimage {
        position: relative;
        height: 100%;
        background-size: cover;
        min-height: 850px;
        background-position: center;
    }
    @media (max-width: 600px) {
        #diaporama .diapoimage {
            position: relative;
            height: 100%;
            background-size: cover;
            min-height: 410px;
            background-position: center;
        }
        #diaporama .video-responsive {
           height: 100%;
            padding-bottom: 0;

        }
        #diaporama .video-responsive video{
            min-width: 100%;
            max-width: unset;
            height: 100%;
            transform: translate(-50%,0%);
            margin-left: 50%;
        }

    }

    @media (max-width: 835px) {
        #diaporama .diapoimage-mobile {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: left center;
        }
    }
    @media (min-width: 836px) {
        #diaporama .diapoimage-mobile {
            display: none;
        }
    }

    #diaporama .diapoimage .caption {
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        padding: 30px 50px 27px;
        position: absolute;
        left: 5%;
        margin-right: 5%;
        bottom: 10%;
        font-size: 17px;
        font-weight: bold;
        line-height: 29px;
        background: #fff;
        max-width: 500px;
        border-radius: 10px;
        font-style: normal;
    }

    #diaporama .diapoimage .caption a.button {
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        padding-right: 40px;
        font-weight: bold;
        color: #2e0529;
        float: right;
        margin-top: 20px;
    }
    #diaporama .diapoimage .caption a.button:hover {
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        padding-right: 40px;
        font-weight: bold;
        color: #fd6853;
        float: right;
        margin-top: 20px;
    }

    #diaporama .diapoimage .caption a.button::after {
        content: '+';
        position: absolute;
        right: 0;
        top: 0;
        color: #fd6853;
        font-weight: bold;
        transform: rotate(0deg);
        font-size: 28px;
    }

    #diaporama .diapoimage .caption a.button:hover::after {
        transform: rotate(180deg);
    }

    #diaporama .diapoimage .caption > * {
        display: inline-block;
    }

    #diaporama > .title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 5%;
        font-size: 70px;
        width: 100%;
        color: white;
        font-family: "Lexend Variable", 'camptonmedium', Arial, sans-serif;
    }
    #diaporama > .title > * {
        line-height: normal;
        max-width: 900px;
    }

    #diaporama .caption_content > p > a {
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        padding-right: 40px;
        font-weight: bold;
        color: #2e0529;
        display: inline-block;
        float: right;
        margin-left: auto;
        margin-top: 20px;
    }

    #diaporama .caption_content > p > a:hover {
        color: #fd6853;
    }

    #diaporama .caption_content {
        width: 100%;
    }

    #diaporama .caption_title {
        color: #fd6853;
        width: 100%;
        font-size: 15px;
        text-transform: uppercase;
    }

    #diaporama .caption_content > p > a:after {
        transition: all 0.5s ease-in-out;
        content: '+';
        position: absolute;
        right: 0;
        top: -1px;
        color: #fd6853;
        font-weight: bold;
        transform: rotate(0deg);
        font-size: 28px;
    }

    #diaporama .caption_content > p > a:hover::after {
        transition: all 0.5s ease-in-out;
        transform: rotate(180deg);
    }


    #diaporama > .button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        display: inline-block;
        padding-right: 40px;
    }

    #diaporama > .button:hover {
        color: #fd6853;
        transition: all 0.5s ease-in-out;
    }

    #diaporama > .button:after {
        transition: all 0.5s ease-in-out;
        content: '+';
        position: absolute;
        right: 0;
        top: -1px;
        color: #fd6853;
        font-weight: bold;
        transform: rotate(0deg);
        font-size: 28px;
    }

    #diaporama > .button:hover::after {
        transition: all 0.5s ease-in-out;
        transform: rotate(180deg);
    }

    .savoirfaire .presentation .legende {
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        padding: 80px 65px;
        position: relative;
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
        margin-left: -185px;
        flex: 0.8;
        background: #fff;
        position: relative;
    }

    .savoirfaire, .introduction {
        padding: 50px 0 40px;
    }

    .savoirfaire a.presentationlink, .introduction a.presentationlink {
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        padding-right: 40px;
        font-weight: bold;
        color: #2e0529;
        display: inline-block;
        float: right;
        margin-left: auto;
        margin-top: 20px;
    }

    .savoirfaire a.presentationlink:hover, .introduction a.presentationlink:hover {
        color: #fd6853;
        transition: all 0.5s ease-in-out;
    }

    .savoirfaire a.presentationlink::after, .introduction a.presentationlink::after {
        transition: all 0.5s ease-in-out;
        content: '+';
        position: absolute;
        right: 0;
        top: -1px;
        color: #fd6853;
        font-weight: bold;
        transform: rotate(0deg);
        font-size: 28px;
    }

    .savoirfaire a.presentationlink:hover::after, .introduction a.presentationlink:hover::after {
        transition: all 0.5s ease-in-out;
        transform: rotate(180deg);
    }

    .savoirfaire .wrap {
        padding: 0 12%;
    }


    .savoirfaire .presentation.flex {
        align-items: center;

    }

    .savoirfaire .presentation .image {
        position: relative;
        width: 845px;
    }

    .savoirfaire .presentation .image::before, .savoirfaire .presentation .image::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 410px 150px 0 0;
        border-color: #fff transparent transparent transparent;
    }

    .savoirfaire .presentation .image::after {
        left: inherit;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 410px 150px;
        border-color: transparent transparent #fff transparent;
    }

    .maincontent .savoirfaire {
        padding: 0;
    }

    .maincontent .savoirfaire .wrap {
        padding: 0;
    }

    .maincontent .savoirfaire .presentation .image::before {
        border-color: #f7f7f7 transparent transparent transparent;
    }

    .maincontent .savoirfaire .presentation .image::after {
        border-color: transparent transparent #f7f7f7 transparent;
    }

    .savoirfaire .presentation .legende {
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        padding: 80px 65px;
        position: relative;
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
        margin-left: -185px;
        flex: 0.8;
        background: #fff;
        position: relative;
    }

    .savoirfaire .presentation .legende::before {
        content: '“';
        color: var(--realite-blue-dark);
        font-size: 97px;
        top: -10px;
        position: absolute;
        left: 40px;
        line-height: 55px;
    }

    .savoirfaire .presentation .legende::after {
        content: '”';
        color: var(--realite-blue-dark);
        font-size: 97px;
        bottom: -50px;
        position: absolute;
        right: 40px;
        line-height: 55px;
    }

    .savoirfaire .flex {
        align-items: center;
        padding-left: 6%;
        padding-right: 6%;
    }

    .savoirfaire .presentation + .flex {
        margin-top: 110px;
        padding: 0 60px;

    }

    .savoirfaire h1, .introduction h1 {
        color: #212328;
        font-size: 45px;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 25px;
        margin: 0;
        margin-bottom: 50px;
        line-height: 50px;
        padding-right: 40px;
        max-width: 750px;
        text-align: left;
        position: relative;
    }

    @media screen and (max-width: 700px) {
        .savoirfaire h1, .introduction h1 {
            font-size: 25px;
            line-height: 40px;
        }

        #diaporama > .title {
            position: absolute;
            top: 230px;
            transform: translateY(-50%);
            left: 15px;
            font-size: 28px;
            width: 100%;
            color: white;
            font-family: "Lexend Variable", 'camptonmedium', Arial, sans-serif;
        }
    }

    .savoirfaire h1::after, .introduction h1::after {
        content: '';
        background: var(--realite-blue-dark);
        height: 5px;
        width: 88px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .savoirfaire .presentationtext {
        flex: 1;
    }

    .savoirfaire .blocsavoir {
        margin-top: 50px;
    }

    .savoirfaire .blocsavoir .item {
        overflow: hidden;
        position: relative;
        z-index: 0;
        width: calc(33.3333% - 20px);
        aspect-ratio: 1;
        margin: 10px;
    }

    .savoirfaire .blocsavoir .item::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0px;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }


    .savoirfaire .blocsavoir .item > img {
        width:100%;
        height: auto;
        transform: scale(1.1);
    }

    .savoirfaire .blocsavoir .item:hover > img {
        transform: scale(1.2);
    }

    .savoirfaire .blocsavoir .item .caption {
        position: absolute;
        z-index: 50;
        top: 50%;
        transform: translateY(-50%);
        margin: auto;
        padding: 0 20px;
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        width: 100%;
    }

    .savoirfaire .blocsavoir .item .caption img.picto {
        margin-bottom: 10px;
        max-height: 55px;
    }

    .savoirfaire .blocsavoir .item .caption h2 {
        text-transform: initial;
        font-weight: 600;
        font-size: 25px;
        margin-bottom: 13px;
        color: #fff;
    }

    .savoirfaire .blocsavoir .item .caption span.link a {
        text-decoration: none;
        color: var(--realite-blue-dark);
        font-size: 47px;
        display: block;
        transform: rotate(0deg);
        opacity: 0;
    }

    .savoirfaire .blocsavoir .item:hover .caption span.link a {
        transform: rotate(180deg);
        opacity: 1;
    }

    .savoirfaire .blocsavoir .item a.linkbloc {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        height: 100%;
        width: 100%;
        display: block;
    }

    .actu {
        background-color: #f7f7f7;
        padding-top: 50px;
        padding-bottom: 60px;
        position: relative;
        font-size: 17px;
    }

    .actu .wrap {
        padding: 0 10%;
        width: 1700px;
    }

    .actu .flex .left {
        flex: 0.8;
        padding-right: 80px;
    }

    .actu .flex .left a {
        text-transform: uppercase;
        text-decoration: none;
        font-size: 14px;
        position: relative;
        padding-right: 40px;
        font-weight: bold;
        color: #2e0529;
    }

    .actu .flex .left a::after {
        content: '+';
        position: absolute;
        right: 0;
        top: -5px;
        color: #fd6853;
        font-weight: bold;
        transform: rotate(0deg);
        font-size: 28px;
    }

    .actu .flex .left a:hover::after {
        transform: rotate(180deg);
    }

    .actu .flex .left a:hover {
        color: #fd6853;
    }

    .actu .flex .right {
        flex: 2;
    }

    .actu p {
        font-size: 17px;
        line-height: 25px;
    }

    .actu h2 {
        color: #212328;
        font-size: 45px;
        line-height: 50px;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 25px;
        margin-bottom: 35px;
        text-align: left;
        position: relative;
    }

    .actu h2::after {
        content: '';
        background: var(--realite-blue-dark);
        height: 5px;
        width: 88px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .actu .homeactus .upw-posts {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .actu .homeactus .item {
        flex: 1;
        position: relative;
    }

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

        .actu .homeactus .item {
            flex: unset;
            width: 100%;
            position: relative;
        }
    }

    .actu .homeactus .item + .item {
        margin-left: 20px;
    }

    .actu .homeactus .item > img {
        width: 100%;
        height: auto;
    }

    .actu .homeactus .item .caption {
        padding: 30px;
        /*position: absolute;
        top: 200px;*/
        width: 100%;
        margin: 0;
        /*-webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
        tranform: skew(-10deg);*/
        background: #fff;
        /*left: 0;
        right: 0;*/
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        margin-top: -8px;

    }

    .actu .homeactus .item .caption .tag {
        display: inline-block;
        background: #fd6853;
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        padding: 4px 10px;
        margin-bottom: 15px;
        /*-webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
        tranform: skew(10deg);*/
    }

    .actu .homeactus .item .caption h3 {
        margin-bottom: 15px;
        font-size: 17px;
        /*padding-left: 10px;
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
        tranform: skew(10deg);*/
        display: block;
    }

    .actu .homeactus .item .caption h3 a {
        text-decoration: none;
        color: #000;
    }

    .actu .homeactus .item .caption .date {
        text-transform: uppercase;
        font-size: 13px;
        /*padding-left: 20px;
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
        tranform: skew(10deg);*/
        display: inline-block;
    }

    .actu .homeactus .item .caption a.more-link {
        color: #fd6853;
        font-size: 28px;
        float: right;
        font-weight: bold;
        text-decoration: none;
        /*-webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
        tranform: skew(10deg) rotate(0deg);*/
        display: block;
    }

    .actu .homeactus .item .caption a.more-link:hover {
        transform: skew(10deg) rotate(180deg);
    }

    .actu .flex.feed {
        padding: 0 2%;
        margin-top: 70px;
    }

    .actu .flex.feed .item {
        background: #fff;
        padding: 30px;
        width: 32%;
        max-width: 32%;
        border-radius: 10px;
        font-size: 15px;
        margin-bottom: 1%;
        position: relative;
    }

    .actu .flex.feed .item + .item {
        margin-left: 2%;
    }

    .actu .flex.feed .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .actu .flex.feed .item a {
        text-decoration: none;
        color: #66615c;
    }

    .actu .flex.feed .item .type {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        margin-bottom: 10px;
    }

    .actu .flex.feed .item .type .time {
        margin-left: auto;
        color: #b6b4b8;
        font-size: 13px;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .actu .flex.feed .item .type .date {
        color: #3a2619;
        font-weight: bold;
    }

    .actu .flex.feed .item .type .picto {
        margin-right: 5px;
    }

    /* Contenu page */
    .bandeau {
        height: 400px;
        overflow: hidden;
        margin-top: -1px;
        display:flex;
        align-items:flex-end;
    }
    .offres .bandeau > img {
        position: absolute;
    }
    .bandeau > img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        top:0;
        left:0;
    }



    .maincontent, .maincontent .topcontent h1 {
        background-color: #f7f7f7;
    }

    .maincontent .wrap, body.offres .bandeau .wrap {
        width: 1150px;
        z-index: 2;
    }

    .maincontent .blocsavoir .wrap {
        width: 1550px;
    }
/* 
    .maincontent #breadcrumbs, body.offres .bandeau #breadcrumbs {
        padding: 15px 40px 10px;
        color: #fff;
        font-size: 15px;
    }

    body.page-template-references #breadcrumbs, body.offres .bandeau #breadcrumbs {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .maincontent #breadcrumbs a, body.offres .bandeau #breadcrumbs a {
        color: #fff;
        text-decoration: none;
    }

    .maincontent #breadcrumbs span.breadcrumb_last, body.offres .bandeau #breadcrumbs span.breadcrumb_last {
        border-bottom: 1px solid var(--realite-blue-dark);
        color: var(--realite-blue-dark);
    }

    .maincontent #breadcrumbs > span > span > a + span > a {
        pointer-events: none;
    }

    body.projet.singleprojet .maincontent #breadcrumbs > span > span > a + span > a, body.single.offres .maincontent #breadcrumbs > span > span > a + span > a {
        pointer-events: initial;
    } */

    .maincontent .topcontent {
        background-color: black;
    }

    .bandeau + .maincontent .topcontent {
        background-color: transparent;
        margin-top: -180px;
    }

    body.offres .bandeau {
        position: relative;
        background-color: #2e0529;
    }



    .maincontent .topcontent h1, .maincontent.offres h1 {
        margin: 0;
        padding: 50px 40px 20px;
        border-radius: 10px 10px 0 0;
        margin-top: 10px;
        font-size: 55px;
        color: #2c2c2c;
        line-height: 53px;
        font-family: "Lexend Variable", 'camptonlight', Arial, sans-serif;
    }

    .teampage.part .maincontent h2 {
        color: var(--realite-blue-dark);
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 40px;
    }

    .maincontent h3 {
        margin-bottom: 10px;
    }

    .maincontent .excerpt {
        display: inline-block;
        width: 100%;
        font-weight: bold;
        font-size: 21px;
    }

    .maincontent .agendafinancier .wrap, .maincontent .videometier .wrap, .maincontent .excerpt .wrap, .maincontent .text .wrap, .maincontent .titre .wrap, .maincontent .blocpartenaire .wrap, .maincontent .savoirfaire .wrap, .maincontent .confiance .wrap {
        padding: 30px 40px 0px;
    }

    .maincontent .savoirfaire .wrap {
        padding: 60px 0px 0px;
    }


    .maincontent .savoirfaire, .maincontent .blocpartenaire, .maincontent .blocpromotion, .maincontent .blocfiliale, .maincontent .text {
        padding-bottom: 60px;
    }

    .maincontent .text + .titre .wrap {
        padding-top: 0;
    }

    .maincontent .text .wrap {
        padding: 30px 40px 0px;
    }

    .maincontent .text {
        display: inline-block;
        width: 100%;
    }

    .maincontent {
        display: inline-block;
        width: 100%;
    }

    .maincontent a {
        text-decoration: none;
        color: var(--realite-blue-dark);
    }

    .maincontent .topcontent div + div .wrap {
        padding-top: 0;
    }

    .maincontent .topcontent .wrap {
        padding: 0
    }

    .maincontent .text .alignleft {
        margin: 0 50px 0 0;
    }

    .maincontent .text .alignright {
        margin: 0 0 0 50px;
    }

    .maincontent .text {
        line-height: 27px;
    }

    .maincontent ul li {
        position: relative;
        list-style-type: none;
        padding-left: 18px;
        text-indent: -15px;
    }

    .maincontent ul li + li {
        margin-top: 6px;
    }

    .maincontent ul li::before {
        content: "\2022\ ";
        color: var(--realite-blue-dark);
        padding-right: 0px;
        font-size: 25px;
    }

    .maincontent .titre .wrap {
        padding-bottom: 0;
    }

    .maincontent .titre h2 {
        text-align: center;
        position: relative;
        margin-bottom: 0 !important;
    }

    .maincontent .titre h2 span {
        display: inline-block;
        padding: 0 40px;
        background: #f7f7f7;
        position: relative;
        z-index: 1;
        color: var(--realite-blue-dark);
        font-size: 21px;
        letter-spacing: 0.04em;
    }

    .maincontent .titre h2::before {
        content: "";
        left: 0;
        right: 0;
        height: 1px;
        background: #cecece;
        position: absolute;
        top: calc(50% - 0.5px);
    }

    .maincontent .blocpartenaire .wrap {
        width: 1250px;
    }

    .maincontent .blocpartenaire .wrap .flex {
        align-items: center;
    }

    .maincontent .blocpartenaire .item {
        width: 24%;
        overflow: hidden;
        max-width: 24%;
        text-align: center;
        color: #fff;
        position: relative;
        background-color: #fff;
        height: 250px;
        margin: 0 0.5% 1%;
    }

    .maincontent .blocpartenaire .item > img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        width: auto;
        max-height: 130px;
        max-width: 200px;
    }

    .maincontent .blocpartenaire .item .caption { /*display : none;*/
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        background-color: var(--realite-blue-dark);
        padding: 20px 30px;
        height: 100%;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        transform: translateY(100%);
    }

    .maincontent .blocpartenaire .item:hover .caption {
        transform: translateY(0%);
    }

    .maincontent .blocpartenaire .item:hover .caption a {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    .maincontent .blocpartenaire .item .caption .small {
        border-radius: 50%;
        overflow: hidden;
        width: 100px;
        height: 100px;
        margin: 0 auto 15px;
        padding: 10px;
        background-color: #fff;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .maincontent .blocpartenaire .item .caption .small img {
        max-height: 90px;
        max-width: 80px;
    }

    /* Page équipe */
    .maincontent .blocequipe {
        padding: 40px 0 20px;
    }

    .maincontent .blocequipe .item {
        position: relative;
        margin: 0 0.5% 4%;
        width: 24%;
        min-height: 350px;
        max-width: 24%;
        padding-left: 0;

        text-indent: 0;
    }

    body.equipe.promotion .maincontent .blocequipe .item {
        margin: 1% 0 1%;
    }

    .maincontent .blocequipe .item::before {
        content: '';
        height: 60%;
        width: 100%;
        border-radius: 0 0 15px 15px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));;
    }

    .maincontent .blocequipe .item img.profil {
        border-radius: 15px;
        width: 100%;
        height: auto;
    }

    .maincontent .blocequipe .item .caption {
        position: absolute;
        bottom: 40px;
        z-index: 1;
        color: #fff;
        text-align: center;
        width: 100%;
        font-size: 19px;
        padding: 10px;
    }

    .maincontent .blocequipe .item .caption > span {
        display: block;
    }

    .maincontent .blocequipe .item .caption > .linkssocial {
        position: absolute;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-items: center;
        justify-content: center;
        bottom: -60px;
        width: 100%;
        left: 0;
    }

    .maincontent .blocequipe .flexslider {
        position: relative;
    }

    .maincontent .blocequipe .flex-direction-nav li {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 0;
        text-indent: 0;
        left: 0;
        width: 20px;
    }

    .maincontent .blocequipe .flex-direction-nav li.flex-nav-next {
        right: 10px;
        left: initial;
        margin-top: 0;
    }

    .maincontent .blocequipe .flex-direction-nav li::before {
        display: none;
    }

    .maincontent .blocequipe .flex-direction-nav li a {
        background: url(../img/pictos/flexslider-left.png) no-repeat center;
        text-indent: -999999px;
        position: absolute;
        width: 30px;
        height: 30px;
    }

    .maincontent .blocequipe .flex-direction-nav li a.flex-disabled {
        display: none;
    }

    .maincontent .blocequipe .flex-direction-nav li.flex-nav-next a {
        background: url(../img/pictos/flexslider-right.png) no-repeat center;
    }

    .maincontent .blocequipe .item .caption > .linkssocial > a img {
        border-radius: 50%;
        width: 38px;
        height: 39px;
        transform: scale(1);
    }

    .maincontent .blocequipe .item .caption > .linkssocial > a:hover img {
        transform: scale(1.2);
    }

    .maincontent .blocequipe .item .caption > .linkssocial > a + a {
        margin-left: 10px;
    }

    .maincontent .blocequipe .item .caption > span span.name {
        padding-left: 5px;
    }

    .maincontent .blocequipe .item .caption > span.fonction {
        font-style: italic;
        font-size: 17px;
        line-height: 22px;
        margin-top: 10px;
    }

    .maincontent .blocequipe .item .caption > span.name {
        font-weight: bold;
    }

    /* Realites promotions */
    .maincontent .blocpromotion .wrap .flex {
        align-items: center;
    }

    .maincontent .blocpromotion .wrap .flex .left {
        flex: 1;
    }

    .maincontent .blocpromotion .wrap .flex .right {
        margin-left: 90px;
        width: 275px;
    }

    .maincontent .blocpromotion .wrap > .itempromotion {
        background: #fff;
        border-radius: 10px;
        padding: 70px;
    }

    .maincontent .blocpromotion .wrap > .itempromotion .blocequipe {
        padding: 0;
    }

    .maincontent .flex.map {
        align-items: center;
    }

    .maincontent .flex.map .carte {
        width: 430px;
        margin-left: -80px;
        margin-right: 50px;
    }

    .maincontent .flex.map .intro {
        flex: 1;
        margin-bottom: 50px;
    }

    .maincontent .flex.map .intro.alone {
        margin-bottom: 100px;
    }

    .maincontent .blocpromotion {
        margin-top: -50px;
    }

    .maincontent .blocpromotion + .actu.filiale {
        padding-top: 0;
    }

    .maincontent .blocpromotion .wrap .item {
        width: 100%;
        max-width: 100%;
    }

    .maincontent .blocpromotion .wrap > .itempromotion + .itempromotion {
        margin-top: 15px;
    }

    .maincontent .blocpromotion .wrap > .itempromotion .titre h2 {
        margin-bottom: 30px;
    }

    .maincontent .blocpromotion .wrap > .itempromotion .titre h2 span {
        background-color: #fff;
    }

    .maincontent .blocfiliale {
        margin-top: 40px;
    }

    .maincontent .blocfiliale .item {
        background: #fff;
        /* padding: 45px 40px 80px; */
        padding-top: 45px;
        width: 32%;
        max-width: 32%;
        position: relative;
        margin-bottom: 5%;
        margin-left: 2%;
        display: flex;
        flex-direction: column;
    }

    .maincontent .blocfiliale .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .maincontent .blocfiliale .item .introimg {
        text-align: center;
        padding-bottom: 35px;
        background: #fff;
        z-index: 1;
        position: relative;
        pointer-events: none;
    }

    .maincontent .blocfiliale .item .introimg--logo {
        padding-left: 40px;
        padding-right: 40px;
    }

    .maincontent .blocfiliale .item .introimg--img {
        margin-top: -45px;
        width: 100%;
    }

    .maincontent .blocfiliale .item .introimg img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .maincontent .blocfiliale .item h3 {
        margin-bottom: 20px;
    }

    .maincontent .blocfiliale .item .intro {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 23px;
        max-height: 92px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .maincontent .blocfiliale .item .item-content {
        z-index: 0;
        flex-grow: 1;
        padding: 0 40px 80px 40px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 30px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 30px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 30px 45px 0px rgba(46, 5, 41, 0.26);
    }

    .maincontent .blocfiliale .item:hover .item-content {
        -webkit-box-shadow: 0px 30px 45px 0px rgba(46, 5, 41, 0);
        -o-box-shadow: 0px 30px 45px 0px rgba(46, 5, 41, 0);
        box-shadow: 0px 30px 45px 0px rgba(46, 5, 41, 0);
    }

    .maincontent .blocfiliale .item a {
        color: var(--realite-blue-dark);
        text-decoration: none;
        font-size: 23px;
        font-weight: bold;
    }

    .maincontent .blocfiliale .item a::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .maincontent .blocfiliale .item a span {
        position: absolute;
        left: 40px;
        bottom: 40px;
        transform: rotate(0deg);

        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .maincontent .blocfiliale .item:hover a span {

        transform: rotate(180deg);
    }

    .maincontent .metier {
        margin-top: 80px;
        padding-bottom: 90px;
    }

    .maincontent .metier .left, .maincontent.offres .left {
        width: calc(100% - 270px);
        padding: 0 90px 0 70px;
    }

    .maincontent .metier .left .bloc + .bloc {
        margin-top: 65px;
    }

    .maincontent .metier .left .bloc .titre h2 {
        margin-bottom: 25px;
    }

    /*.maincontent .metier .left .bloc ul li {
        line-height: 18px;
    }*/
    .maincontent .metier .left .bloc ul li::before {
        /*color: #000000;*/
        font-size: 21px;
    }

    .maincontent .metier .left .bloc ul li + li {
        margin-top: 0;
    }

    .maincontent .metier .right, .maincontent.offres .right {
        width: 270px;
    }

    .maincontent .metier .right .blocequipe {
        padding: 0;
    }

    .maincontent .metier .right .blocequipe .item {
        width: 100%;
        margin: 0 0% 4%;
        max-width: 100%;
    }

    .maincontent .metier .right .blocequipe .item + .item {
        margin-top: 40px;
    }

    .maincontent .metier .right .blocequipe + .links {
        margin-top: 65px;
    }

    .maincontent .metier .right .links a, .projet .contentprojet .flex .right .links a {
        display: block;
        width: 100%;
        border-radius: 10px;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #fff;
        z-index: 1;
        padding: 14px;
        position: relative;
        overflow: hidden;
    }

    .maincontent .metier .right .links a + a, .projet .contentprojet .flex .right .links a + a {
        margin-top: 10px;
    }

    .maincontent .metier .right .links a.website {
        background-color: #d6d6d6;

        &:hover{
            background-color: color-mix(in srgb, #d6d6d6 85%, black) !important;
        }
    }

    .maincontent .metier .right .links a.emploi, .projet .contentprojet .flex .right .links a.emploi {
        background-color: var(--bs-primary);

        &:hover{
            background-color: color-mix(in srgb, var(--bs-primary) 85%, black) !important;
        }
    }

    .maincontent .metier .right .links a.kit, .projet .contentprojet .flex .right .links a.kit {
        background-color: #2d0728;

        &:hover{
            background-color: color-mix(in srgb, #2d0728 70%, white) !important;
        }
    }

    /* .maincontent .metier .right .links a::after, .projet .contentprojet .flex .right .links a::after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #FF688B;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    } */

    /* .maincontent .metier .right .links a:hover, .projet .contentprojet .flex .right .links a:hover {
        background: transparent;
    } */

    /* .maincontent .metier .right .links a:hover:after, .projet .contentprojet .flex .right .links a:hover::after {
        height: 100%;
        opacity: 1;
    } */

    .maincontent .metier .floatingbloc {
        display: inline-block;
        clear: both;
        width: 100%;
    }

    body.maitrise .maincontent .confiance .wrap {
        padding: 0 40px 90px;
    }

    .maincontent .confiance .wrap .titre + .flex.trust {
        margin-top: 75px;
    }

    .maincontent .metier + .confiance {
        margin-top: 30px;
    }

    .maincontent .confiance .wrap .flex {
        align-items: flex-start;
    }

    .maincontent .confiance .wrap .flex > div {
        flex: 1;
        width: 50%;
    }

    .maincontent .confiance .wrap .flex .image img {
        max-width: 100%;
        height: auto;
    }

    .maincontent .confiance .wrap .flex.trust + .trust {
        margin-top: 40px;
    }

    .maincontent .confiance .wrap .flex.trust .text {
        padding-bottom: 0;
    }

    .maincontent .confiance .wrap .flex.trust:nth-child(odd) .image {
        order: 2;
    }

    .maincontent .confiance .wrap .flex.trust:nth-child(odd) div + div {
        margin-left: 0px;
        margin-right: 70px;
    }

    .maincontent .confiance .wrap .flex > div + div {
        margin-left: 70px;
    }

    .maincontent .animebloc {
        background-color: #1f1f27;
        margin-top: 35px;
        padding-top: 15px;
        padding-bottom: 35px;
    }

    .maincontent .confiance .wrap .flex .image.video a {
        display: block;
        position: relative;
    }

    .maincontent .confiance .wrap .flex .image.video a::after {
        content: '';
        background: url(../img/pictos/pictovideo.png) no-repeat center;
        width: 65px;
        height: 65px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .maincontent .animebloc > .flex + .flex {
        margin-top: 15px;
    }

    .maincontent .animebloc .flex .bloc {
        position: relative;
        color: #fff;
        text-align: center;
    }

    .maincontent .animebloc .flex .bloc + .bloc {
        margin-left: 15px;
    }

    .maincontent .animebloc .flex .bloc h3 {
        text-transform: uppercase;
    }

    .maincontent .animebloc .flex .bloc .image img {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        object-fit: cover;
    }

    .maincontent .animebloc .flex .bloc .image::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(31, 31, 39, 0.8);
        height: 100%;
        width: 100%;
    }

    .maincontent .animebloc .flex .bloc .image h3 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        padding: 30px;
    }

    .maincontent .animebloc .flex .bloc.small {
        flex: 1;
    }

    .maincontent .animebloc .flex .bloc.big {
        flex: 2;
    }

    .maincontent .animebloc .flex .bloc .caption {
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(253, 93, 71, 0.8);
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .maincontent .animebloc .flex .bloc .caption .flex {
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        left: 0;
        padding: 30px;
    }

    .maincontent .animebloc .flex .bloc:hover .caption {
        opacity: 1;
    }

    .maincontent .animebloc .flex .bloc:hover .image h3 {
        opacity: 0;
    }

    .maincontent .animebloc .flex .bloc .caption h3 {
        transform: translateY(200%);
    }

    .maincontent .animebloc .flex .bloc:hover .caption h3 {
        margin-bottom: 20px;
        transform: translateY(0%);
    }

    .maincontent .titre + .chiffrecles {
        margin-top: 50px;
    }

    .maincontent .chiffrecles {
        overflow: hidden;
    }

    .maincontent .chiffrecles > .wrap > h3 {
        padding: 0 40px;
        margin-bottom: 20px;
        color: #4e1948;
        font-size: 22px;
        font-weight: 600;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item {
        background-color: #fff;
        border-radius: 15px;
        padding: 30px;
        width: 32%;
        max-width: 32%;
        margin-bottom: 2%;
        font-weight: 500;
        color: #4e1948;
        transform: scale(1);
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        z-index: 1;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item:hover {
        transform: scale(1.15);
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        z-index: 1;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item + .item {
        margin-left: 2%;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex {
        align-items: center;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex .picto img {
        max-width: 140px;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex > div {
        flex: 1;
        text-align: center;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex .chiffre {
        display: block;
        font-size: 34px;
        line-height: initial;
        font-weight: 800;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item:nth-child(3n-1) {
        color: var(--realite-blue-dark);
    }

    .maincontent .chiffrecles > .wrap > .flex > .item:nth-child(3n+1) {
        color: #c52456;
    }

    .maincontent .raisons {
        margin-top: 40px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .maincontent .raisons .wrap {
        padding: 100px;
    }

    .maincontent .raisons .wrap .flex .item {
        border: 1px dotted #c34230;
        padding: 10px;
        height: 300px;
        border-radius: 50%;
        width: 32%;
        max-width: 32%;
        margin-left: 2%;
        margin-bottom: 2%;
        position: relative;
    }

    .maincontent .raisons .wrap .flex .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .maincontent .raisons .wrap .flex .item .field {
        background-color: #fff;
        height: 90%;
        width: 90%;
        border-radius: 50%;
        position: absolute;
        left: 5%;
        top: 5%;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 40px;
        font-weight: 600;
        font-size: 20px;
    }

    .maincontent .raisons .wrap .flex .item:hover .field {
        background-color: #c34230;
        color: #fff;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .maincontent .valeurs .wrap {
        width: 1560px;
    }

    .maincontent .valeurs {
        margin-top: 50px;
    }

    .maincontent .valeurs .flex .item {
        position: relative;
        flex: 1;
        background-size: cover;
        background-repeat: no-repeat;
        width: 32%;
        max-width: 32%;
        margin-left: 2%;
        text-align: center;
        height: 290px;
        padding: 90px 50px;
    }

    .maincontent .valeurs .flex .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .maincontent .valeurs .flex .item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(31, 31, 39, 0.8);
        height: 100%;
        width: 100%;
    }

    .maincontent .valeurs .flex .item .caption {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
        color: #fff;
        padding: 10px;
        text-transform: uppercase;
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
        letter-spacing: 0.1em;
    }

    .maincontent .contenttwocolumn {
        padding-bottom: 50px;
    }

    .maincontent .contenttwocolumn > .wrap > .flex > .left {
        width: calc(100% - 350px);
    }

    .maincontent .contenttwocolumn > .wrap > .flex > .left .wrap {
        width: 100%;
    }

    .maincontent .contenttwocolumn > .wrap > .flex > .right {
        width: 295px;
    }

    .maincontent .contenttwocolumn .right .bloc {
        background: #fff;
        padding: 30px;
        border-radius: 10px;
        color: #888;
    }

    .maincontent .contenttwocolumn .right .bloc + .bloc {
        margin-top: 20px;
    }

    .maincontent .contenttwocolumn .right .bloc ul {
        margin: 10px 0;
    }

    .maincontent .contenttwocolumn .right .bloc ul li {
        position: relative;
        padding: 1px 0 1px 17px;
        text-indent: 0;
        color: #4e1948;
    }

    .maincontent .contenttwocolumn .right .bloc ul li::before {
        content: '';
        width: 3px;
        height: 100%;
        background: var(--realite-blue-dark);
        padding-right: 0;
        top: 0;
        position: absolute;
        left: 0;
    }

    .maincontent .contenttwocolumn.nosmetier .wrap {
        padding: 60px 40px 0;
    }

    .maincontent .contenttwocolumn.nosmetier .right {
        margin-left: 55px;
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon {
        background: #fff;
        border-radius: 10px;
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon + .accordeon {
        margin-top: 10px;
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_header {
        padding: 20px 40px;
        font-size: 21px;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_body {
        padding: 20px 40px;
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_body img.size-full {
        width: auto;
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_body h3 {
        color: var(--realite-blue-dark);
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_header::after {
        content: '+';
        font-size: 21px;
        font-weight: 600;
        color: var(--realite-blue-dark);
        position: absolute;
        right: 20px;
        top: 47%;
        transform: translateY(-50%);
    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_header.active::after {
        content: '-';

    }

    .maincontent .contenttwocolumn.nosmetier .right a, .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_body a {
        display: block;
        width: 100%;
        border-radius: 10px;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: var(--realite-blue-dark);
        font-weight: 600;
        font-size: 15px;
        padding: 10px 20px;
    }

    .maincontent .contenttwocolumn.nosmetier .right a:hover, .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_body a:hover {
        background-color: #642249;

    }

    .maincontent .contenttwocolumn.nosmetier .accordeon .accordeon_body a {
        display: inline-block;
        width: auto;
        font-size: 12px;
    }

    .page-template-references .maincontent .sliderhome .caption {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(31, 31, 39, 0.9);
        padding: 150px 75px 110px 75px;
        width: 600px;
        color: #fff;
        height: 520px;
        max-width: 750px;
    }

    .page-template-references .maincontent .sliderhome .caption h1 {
        font-size: 48px;
        font-weight: 600;
        margin: 0 0 20px;
        line-height: 53px;
    }

    .page-template-references .maincontent .sliderhome .caption span.lieu {
        font-style: italic;
        color: var(--realite-rose);
        font-size: 21px;
        font-weight: bold;
        margin-bottom: 30px;
        display: block;
    }

    .page-template-references .maincontent .sliderhome .caption .listingprogramme {
        color: #fff;
        font-size: 17px;
    }

    .page-template-references .maincontent .sliderhome .caption .listingprogramme li {
        text-indent: 0;
    }

    .page-template-references .maincontent .sliderhome .caption .listingprogramme li::before {
        color: #fff;
        font-size: 32px;
        position: absolute;
        left: 0;
        top: -1px;
    }

    .page-template-references .maincontent .sliderhome .caption p.more a {
        position: absolute;
        bottom: 50px;
        right: 70px;
        font-size: 17px;
        font-weight: 600;
        padding-right: 50px;
        color: white;
    }

    .page-template-references .maincontent .sliderhome .caption p.more a::after {
        content: '+';
        font-size: 48px;
        position: absolute;
        font-weight: 400;
        right: 0;
        transform: rotate(0deg);
    }

    .page-template-references .maincontent .sliderhome .caption p.more a:hover::after {

        transform: rotate(180deg);
    }

    .page-template-references .maincontent .sliderhome.references #nav .owl-next, .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
        top: 50%;
        left: 125px;
        width: 41px;
        height: 40px;
        cursor: pointer;
        font-size: 0;
        background: url(../img/pictos/next-owl.png) no-repeat center;
    }

    .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
        background: url(../img/pictos/prev-owl.png) no-repeat center;
        left: 75px;
    }

    .page-template-references .maincontent .sliderhome.references #nav .owl-next:hover {
        background: url(../img/pictos/next-owl-hover.png) no-repeat center;
    }

    .page-template-references .maincontent .sliderhome.references #nav .owl-prev:hover {
        background: url(../img/pictos/prev-owl-hover.png) no-repeat center;
    }

    .page-template-references .footer {
        margin-top: -7px;
    }


    .page-template-references .maincontent .sliderhome.references #nav .owl-next, .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
        top: 32%;
    }

    .projet .bandeau {
        height: 780px;
        position: relative;
    }

    .projet .contentprojet .wrap {
        position: relative;
        padding-bottom: 100px;
        width: 1250px;
    }

    .projet .contentprojet .caption {
        background: rgba(31, 31, 39, 0.9);
        padding: 40px 50px;
        width: 430px;
        color: #fff;
        top: -150px;
        position: absolute;
        right: 0;
        z-index: 99;
    }

    .projet .contentprojet .caption h1 {
        font-size: 35px;
        font-weight: 600;
        margin: 0 0 10px;
        line-height: 43px;
    }

    .projet .contentprojet .caption span.lieu {
        font-style: italic;
        color: var(--realite-blue-dark);
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
        display: block;
    }

    .projet .contentprojet .caption .listingprogramme {
        color: #fff;
        font-size: 17px;
    }

    .projet .contentprojet .caption .listingprogramme li {
        text-indent: 0;
    }

    .projet .contentprojet .caption .listingprogramme li::before {
        color: #fff;
        font-size: 32px;
        position: absolute;
        left: 0;
        top: -1px;
    }

    .projet .contentprojet .flex .left {
        width: calc(100% - 530px);
        padding-top: 70px;
    }

    .projet .contentprojet .flex .right {
        width: 430px;
        text-align: center;
        margin-left: 100px;
        padding-top: 200px;
    }

    .projet .contentprojet .flex .left .titre {
        margin-bottom: 20px;
    }

    .projet .contentprojet .flex .right .links {
        padding: 0 50px;
    }

    .maincontent .videophotobloc {
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .videophotobloc {
        margin-top: 0px;
        margin-bottom: 50px;
        display: inline-block;
        width: 100%;
    }

    .projet .videophotobloc {
        margin-top: 70px;
        margin-bottom: 0;
    }

    .videophotobloc .flex .bloc a {
        display: block;
        position: relative;
    }

    .videophotobloc .flex .bloc.video a::after {
        content: '';
        background: url(../img/pictos/pictovideo.png) no-repeat center;
        width: 65px;
        height: 65px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .videophotobloc .flex .bloc.big {
        flex: 1.32;
    }

    .videophotobloc .flex .bloc.small {
        flex: 1;
    }

    .videophotobloc .flex .bloc + .bloc {
        margin-left: 11px;
    }

    .videophotobloc .flex + .flex {
        margin-top: 11px;
    }

    .videophotobloc .flex .bloc a img {
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

    /* Formulaire */
    /*.maincontent .candidature {
        padding: 50px 100px;
        background: #642249;
        margin-top: 100px;
    }

    .maincontent .candidature .gform_confirmation_wrapper{color :#fff ;}

    .maincontent .candidature .titre h2 span {
        background: #642249;
        color: #fff;
    }*/
    .maincontent .candidature {
        margin-top: 50px;
    }

    .maincontent .gform_wrapper {
        margin: 0;
        width: 100%;
    }

    .maincontent .gform_wrapper ul.gform_fields li.gfield.label .gfield_label {
        display: block;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .maincontent .gform_wrapper ul.gform_fields li.gfield {
        flex: auto;
        width: 100%;
        margin: 0 0 20px !important;
        padding: 0;
        text-indent: 0;
    }

    .maincontent .gform_wrapper label.gfield_label {
        font-weight: normal;
        color: #888;
        margin-bottom: 9px;
    }

    /*.maincontent .candidature .gform_wrapper label.gfield_label {
        color: #fff;
    }*/
    .maincontent .gform_wrapper .gfield_required {
        color: #888;
    }

    .maincontent .gform_wrapper input {
        font: normal 13px/23px 'CodePro', Arial, Helvetica, sans-serif;
        outline: none;
    }

    .maincontent .gform_wrapper input[type="text"], .maincontent .gform_wrapper input[type="tel"], .maincontent .gform_wrapper input[type="email"], .maincontent .gform_wrapper textarea, .maincontent .gform_wrapper select {
        background-color: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 5px;
        width: 100%;
        color: #888;
        outline: none;
    }

    /*.maincontent .candidature .gform_wrapper input[type="file"] {
        color: #fff;
    }*/
    .maincontent .gform_wrapper li.message textarea {
        background: url(../img/pictos/enveloppe.png) no-repeat 18px 18px #fff;
        padding: 10px 10px 10px 50px;
    }

    .maincontent .gform_wrapper select * {
        color: #000;
        text-transform: initial;
    }

    .maincontent .gform_wrapper select *:hover {
        background-color: #000;
    }

    .maincontent .gform_wrapper select {
        margin: 0;
        padding: 12px 0;
        text-transform: uppercase;
    }

    .maincontent .gform_wrapper .top_label input.medium, .maincontent .gform_wrapper .top_label select.medium {
        width: 100%;
    }

    .maincontent .gform_wrapper .gform_footer {
        margin-top: 40px;
        padding-top: 0;
    }

    .maincontent .gform_wrapper input[type=submit], .gform_wrapper.gf_browser_ie .gform_footer input.button {
        border-radius: 7px;
        border: none;
        -webkit-appearance: none;
        margin: 0 1.5%;
        background-color: #c9c9c9;
        color: #fff;
        padding: 8px 50px !important;
        cursor: pointer;
        letter-spacing: 0.07em;
        font-size: 16px;
        width: auto;
    }

    .maincontent.rose .gform_wrapper input[type=submit] {
        background-color: #c9c9c9;
    }

    .maincontent .gform_wrapper input[type=submit]:hover {
        background-color: var(--realite-blue-dark);
    }

    .maincontent .gform_wrapper ul.gfield_radio, .maincontent .gform_wrapper ul.gfield_checkbox {
        margin: 0 !important;
        width: 100% !important;
    }

    .maincontent .gform_wrapper ul.gfield_radio input[type="radio"], .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: -9999px;
        visibility: hidden;
    }

    .maincontent .gform_wrapper ul.gfield_radio > li, .maincontent .gform_wrapper ul.gfield_checkbox > li {
        position: relative;
        padding: 20px 0 20px 40px;
        text-indent: 0;
    }

    .maincontent .gform_wrapper .ginput_container.ginput_recaptcha > div {
        width: 100% !important;
    }

    .maincontent .gform_wrapper .gfield_checkbox li label, .maincontent .gform_wrapper .gfield_radio li label {
        text-indent: 0;
        margin-left: 0;
        padding: 5px 0 5px 40px;
        font-size: 14px;
        cursor: pointer;
        color: #888;
    }

    .maincontent .gform_wrapper ul.gfield_radio input[type="radio"] + label:before, .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"] + label:before, .maincontent .gform_wrapper ul.gfield_radio input[type="radio"] + label:after, .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"] + label:after {
        content: '';
        position: absolute;
        top: 50%;
        border-radius: 50%;
    }

    .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"] + label:before, .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"] + label:after {
        border-radius: 0;
    }

    .maincontent .gform_wrapper ul.gfield_radio input[type="radio"] + label:before, .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"] + label:before {
        left: 0;
        width: 21px;
        height: 21px;
        margin: -12px 0 0;
        background: transparent;
        border: 2px solid #888;
    }

    .maincontent .gform_wrapper ul.gfield_radio input[type="radio"]:checked + label:after, .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"]:checked + label:after {
        left: 1px;
        width: 19px;
        height: 19px;
        margin: -11px 0 0;
        opacity: 0;
        background: #888;
        -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
        transform: translate3d(-40px, 0, 0) scale(0.5);
        transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    .maincontent input:-webkit-autofill, .maincontent input:-webkit-autofill:hover, .maincontent input:-webkit-autofill:focus, .maincontent textarea:-webkit-autofill, .maincontent textarea:-webkit-autofill:hover, .maincontent textarea:-webkit-autofill:focus, .maincontent select:-webkit-autofill, .maincontent select:-webkit-autofill:hover, .maincontent select:-webkit-autofill:focus {
        border: 1px solid #888;
        -webkit-text-fill-color: #888;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s;
    }

    .maincontent .gform_wrapper ul.gfield_radio label:after, .maincontent .gform_wrapper ul.gfield_checkbox label:after {
        left: 5px;
        width: 20px;
        height: 20px;
        margin: -10px 0 0;
        opacity: 0;
        background: #fff;
        -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
        transform: translate3d(-40px, 0, 0) scale(0.5);
        transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    .maincontent .gform_wrapper ul.gfield_radio input[type="radio"]:checked + label:after, .maincontent .gform_wrapper ul.gfield_checkbox input[type="checkbox"]:checked + label:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    body .maincontent .gform_wrapper .top_label div.ginput_container {
        margin-top: 0;
    }

    ::-webkit-input-placeholder {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    ::-moz-p laceholder {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    :-ms-input-placeholder {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    :-moz-placeholder {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
        border: 1px solid #fff;
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s;
    }

    .maincontent .gform_wrapper.gf_browser_chrome select, .maincontent .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        padding: 10px;
        font-size: 13px;
    }

    .maincontent .gform_wrapper .gfield_checkbox li, .maincontent .gform_wrapper .gfield_radio li {
        margin: 0;
    }

    /* erreur */
    .maincontent .gform_wrapper .gfield_required, .maincontent .gform_wrapper div.validation_error, .maincontent .gform_wrapper .gfield_error .gfield_label, .maincontent .gform_wrapper .validation_message, .maincontent .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .maincontent .gform_wrapper li.gfield_error ul.gfield_checkbox, .maincontent .gform_wrapper li.gfield_error ul.gfield_radio {
        color: #c90043;
        padding-top: 0;
    }

    .maincontent .gform_wrapper li.gfield_error input[type=text], .maincontent .gform_wrapper li.gfield_error input[type=url], .maincontent .gform_wrapper li.gfield_error input[type=email], .maincontent .gform_wrapper li.gfield_error input[type=tel], .maincontent .gform_wrapper li.gfield_error input[type=number], .maincontent .gform_wrapper li.gfield_error input[type=password], .maincontent .gform_wrapper li.gfield_error textarea, .maincontent .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .maincontent .gform_wrapper li.gfield_error textarea {
        border: 1px solid #c90043;
    }

    .maincontent .gform_wrapper li.gfield.gfield_error, .maincontent .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
        background-color: transparent;
        border-top: none;
        border-bottom: none;
    }

    .maincontent .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: 100% !important;
    }

    .maincontent .gform_wrapper div.validation_error {
        border: 0;
    }

    .maincontent .gform_wrapper .field_description_below .gfield_description {
        padding-top: 1px;
    }

    .maincontent .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .maincontent .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
        margin-top: 0;
    }

    .maincontent .gform_wrapper.gform_validation_error .top_label input.medium, .maincontent .gform_wrapper.gform_validation_error .top_label select.medium {
        width: 100%;
    }

    .maincontent .listingblog .wrap {
        padding: 50px 40px 20px;
    }

    .maincontent .listingblog .itemblog {
        background-color: #fff;
        width: 30.6%;
        border-radius: 0 0 7px 7px;
        max-width: 30.6%;
        overflow: hidden;
        margin-left: 4%;
        margin-bottom: 4%;
        padding-bottom: 60px;
        position: relative;
    }

    .maincontent .listingblog .itemblog:hover {
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        z-index: 1;
    }

    .maincontent .listingblog .itemblog:nth-child(3n+1) {
        margin-left: 0;
    }

    .maincontent .listingblog .itemblog .image {
        position: relative;
        height: 119px;
        overflow: hidden;
    }

    .maincontent .listingblog .itemblog .image img {
        width: 100%;
        height: auto;
    }

    .maincontent .listingblog .itemblog span.more a {
        position: absolute;
        bottom: 0;
        right: 0;
        display: inline-block;
        padding: 4px 15px;
        text-transform: uppercase;
        color: #fff;
        background-color: var(--realite-blue-dark);
        font-weight: 600;
        font-size: 13px;
        transform: translateY(100%);
    }

    .maincontent .listingblog .itemblog:hover span.more a {
        transform: translateY(0);
    }

    .maincontent .listingblog .itemblog:hover span.more a:hover {
        background-color: #2e0529;
    }

    .maincontent .listingblog .itemblog .image .category {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        padding: 4px 15px;
        text-transform: uppercase;
        color: #fff;
        background-color: var(--realite-blue-dark);
        font-weight: 600;
        font-size: 13px;
    }

    .maincontent .listingblog .itemblog .texte-blog .date {
        position: absolute;
        bottom: 20px;
        left: 20px;
        font-size: 14px;
        color: #585858;
        font-weight: 600;
    }

    .maincontent .listingblog .itemblog .texte-blog .share a {
        position: absolute;
        bottom: 20px;
        right: 20px;
        font-size: 14px;
        color: #585858;
        font-weight: 600;
    }

    .maincontent .listingblog.kit .flex {
        padding: 0 0 100px;
    }

    .maincontent .listingblog .itemblog .texte-blog {
        padding: 20px 20px 0px 20px;
    }

    .maincontent .listingblog .itemblog .texte-blog h2 {
        line-height: 17px;
    }

    .maincontent .listingblog.kit .itemblog .texte-blog h2, .maincontent .listingblog .flex.financesactu .itemblog .texte-blog h2 {
        font-size: 19px;
        text-align: center;
        margin-bottom: 40px;
        line-height: 23px;
    }

    .maincontent .listingblog.kit .itemblog {
        border-radius: 7px;
    }

    .maincontent .listingblog.kit.communique .itemblog {
        border-radius: 0 0 7px 7px;
    }

    .maincontent .listingblog .itemblog .texte-blog h2 a, .maincontent .listingblog .itemblog .texte-blog h2 {
        color: #000;
        font-weight: 600;
        font-size: 16px;
        text-transform: initial;
    }

    .maincontent .listingblog.kit .itemblog .texte-blog .btn.orange, .maincontent .listingblog .flex.financesactu .itemblog .texte-blog .btn.orange {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 10px 20px 13px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 16px;
        line-height: inherit;
        text-transform: initial;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
    }

    .maincontent .listingblog.kit.communique .itemblog .texte-blog .btn.orange, .maincontent .listingblog .flex.financesactu .itemblog .texte-blog .btn.orange {
        background-color: #c9c9c9;
    }

    .maincontent .listingblog.kit .itemblog .texte-blog .btn.orange::after, .maincontent .listingblog .flex.financesactu .itemblog .texte-blog .btn.orange::after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #642249;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .maincontent .listingblog.kit .itemblog .texte-blog .btn.orange:hover, .maincontent .listingblog .flex.financesactu .itemblog .texte-blog .btn.orange:hover {
        background: transparent;
    }

    .maincontent .listingblog.kit .itemblog .texte-blog .btn.orange:hover:after, .maincontent .listingblog .flex.financesactu .itemblog .texte-blog .btn.orange:hover::after {
        height: 100%;
        opacity: 1;
    }

    body.single .text {
        position: relative;
    }

    body.single .text h2 {
        color: #642249;
        font-weight: 600;
        margin-top: 40px;
        margin-bottom: 15px;
    }

    body.single .singleinfo {
        justify-content: space-between;
        margin-bottom: 30px;
    }

    body.single .singleinfo .tag {
        display: inline-block;
        padding: 4px 15px;
        text-transform: uppercase;
        color: #fff;
        background-color: var(--realite-blue-dark);
        font-weight: 600;
        font-size: 13px;
    }

    .Post-social {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        float: none;
        height: auto;
        width: auto;
        z-index: 99;
    }

    .Post-social ul li a {
        background-color: #370432;
    }

    .Post-social ul li a.lk-ico:hover {
        background-color: #fff;
    }

    .Post-social ul li + li {
        margin-top: 0;
    }

    iframe {
        max-width: 100%;
    }

    .Post-social ul li {
        padding-left: 0;
        text-indent: 0;
    }

    .Post-social ul li::before {
        display: none;
    }

    body.single .Post-metas {
        font-size: 14px;
        color: #585858;
        font-weight: 600;
    }

    .maincontent .agendafinancier {
        margin-bottom: 100px;
    }


    .maincontent .agendafinancier .item {
        padding: 30px 60px;
        border-radius: 15px;
        background-color: #fff;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-left: 150px;
    }

    .maincontent .agendafinancier .item::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(31, 31, 39, 0.8);
        height: 100%;
        border-radius: 15px;
        width: 100%;
    }

    .maincontent .agendafinancier .item::before {
        content: '';
        left: -145px;
        top: -20px;
        height: calc(100% + 40px);
        width: 1px;
        background: #c4c4c4;
        position: absolute;
    }

    .maincontent .agendafinancier .item .before::after {
        content: '';
        left: -50px;
        top: 50%;
        transform: translateY(-50%);
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: var(--realite-blue-dark);
        position: absolute;
    }

    .maincontent .agendafinancier .item .before {
        position: absolute;
        left: -100px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .maincontent .agendafinancier .item .before .month {
        display: block;
        line-height: initial;
    }

    .maincontent .agendafinancier .item + .item {
        margin-top: 20px;
    }

    .maincontent .agendafinancier .item .title {
        flex: 1;
        z-index: 1;
    }

    .maincontent .agendafinancier .item .title h2 {
        font-weight: bold;
        text-transform: initial;
        font-size: 23px;
        color: #fff;
        margin-bottom: 0;
    }

    .maincontent .agendafinancier .item.white .title h2 {
        color: #000000;
    }

    .maincontent .agendafinancier .item .date {
        border: 2px solid var(--realite-red);
        padding: 10px;
        color: #fff;
        text-align: center;
        margin-right: 40px;
        width: 90px;
        z-index: 1;
    }

    .maincontent .agendafinancier .item .date .day {
        font-size: 45px;
        font-weight: bold;
        display: block;
        line-height: initial;
    }

    .maincontent .agendafinancier .item .date .month {
        margin: -10px auto 0;
        display: block;
        font-size: 11px
        text-transform: uppercase;
        font-weight: bold;
    }

    .maincontent .agendafinancier .item .flex {
        align-items: center;
    }

    .maincontent .agendafinancier .item.white .date {
        color: var(--realite-blue-dark);
    }

    .blogfilter ul li {
        padding-left: 0;
        text-indent: 0;
        position: relative;
    }

    .blogfilter ul li::before {
        display: none;
    }

    .blogfilter .sf-level-0 input[type="checkbox"] {
        /*  position: absolute;
          top: 0;
          left: -9999px;
          visibility: hidden;*/
    }

    .blogfilter .sf-level-0 input[type="checkbox"] + label {
        text-indent: 0;
        margin-left: 0;
        padding: 5px 0 5px 40px;
        font-size: 14px;
        cursor: pointer;
        color: #888;
    }

    .blogfilter .sf-level-0 input[type="checkbox"] + label:before, .blogfilter .sf-level-0 input[type="checkbox"] + label:after {
        content: '';
        position: absolute;
        top: 50%;
        border-radius: 50%;
        left: 0;
        width: 21px;
        height: 21px;
        margin: -12px 0 0;
        background: transparent;
        border: 2px solid #888;
        border-radius: 0;
    }

    .blogfilter .sf-level-0 input[type="checkbox"]:hover + label:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        left: 1px;
        width: 19px;
        height: 19px;
        margin: -11px 0 0;
        opacity: 0;
        background: #888;
        -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
        transform: translate3d(-40px, 0, 0) scale(0.5);
        transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    .wp-pagenavi, .pagination ul {
        margin: 30px 0 100px;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .pagination ul li {
        text-indent: 0;
        padding-left: 0;
    }

    .pagination ul li::before {
        display: none;
    }

    .wp-pagenavi span.current, .wp-pagenavi a, .pagination ul li a, .pagination ul li span {
        width: 30px;
        height: 35px;
        background-color: var(--realite-blue-dark);
        padding: 3px 5px;
        text-align: center;

    }

    .wp-pagenavi a, .pagination ul li a {
        background-color: transparent;
        padding: 7px;
        border: 1px solid #bcbcbc;
    }

    .pagination ul li span {
        padding: 7px;
    }

    .maincontent .pagination ul li + li {
        margin-left: 6px;
        margin-top: 0;
    }

    .wp-pagenavi a:hover, .pagination ul li a:hover {
        border-color: #bcbcbc !important;
    }

    .wp-pagenavi span.current, .pagination ul li span.current {
        border-color: var(--realite-blue-dark) !important;
        color: #fff;
    }

    /*.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {
        display: none;
    }
*/
    .maincontent.offres .wrap {
        width: 1250px;
    }

    .maincontent.offres .left .flex {
        align-items: stretch;
    }

    .maincontent.offres .left .item {
        background: white;
        text-align: center;
        padding: 20px 20px 20px;
        border-radius: 10px;
        color: black;
        margin-bottom: 2%;
        width: 32%;
        max-width: 32%;
        margin-left: 2%;
    }

    .maincontent.offres .left {
        padding: 0 60px 80px 0;
    }

    .maincontent.offres .left .item:nth-child(3n+1) {

        margin-left: 0;
    }

    .maincontent.offres .left .item:hover {
        background: var(--realite-blue-dark);

    }

    .maincontent.offres .left .item fieldset {
        border: 1px solid var(--realite-blue-dark);
        padding: 50px 25px 120px;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .maincontent.offres .left .item fieldset legend {
        width: 80px;
        padding: 0 10px;
        margin: auto;
    }

    .maincontent.offres .flex {
        margin-top: 15px;
    }

    .maincontent.offres .left .item:hover fieldset legend {
        opacity: 0;
    }

    .maincontent.offres .left .item fieldset h2 {
        text-transform: initial;
        font-size: 20px;
        font-weight: 600;
        color: black;
    }
    .maincontent.offres .left .item:hover fieldset h2 {
        text-transform: initial;
        font-size: 20px;
        font-weight: 600;
        color: white;
    }

    .maincontent.offres .left .item fieldset .indication {
        font-size: 17px;
        font-weight: bold;
        font-style: italic;
        margin-top: 10px;
        display: block;
        color: var(--realite-blue-dark);
    }


    .maincontent.offres .left .item:hover fieldset .indication {
        color: white;
    }

    .maincontent.offres .left .item fieldset .cta {
        position: absolute;
        left: 25px;
        bottom: 30px;
        width: calc(100% - 50px);
        z-index: 1;
    }

    .maincontent.offres .left .item fieldset .cta a {
        color: white;
        text-decoration: none;
        display: block;
        padding: 10px 20px 9px;
        border-radius: 5px;
        font-weight: bold;
        background: black;
        font-size: 15px;
        line-height: inherit;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
        text-transform: uppercase;
    }

    .maincontent.offres .left .item fieldset .cta a::after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .maincontent.offres .left .item:hover fieldset .cta a {
        background: transparent;
        color: #432e44;
    }

    .maincontent.offres .left .item:hover fieldset .cta a::after {
        height: 100%;
        opacity: 1;
    }

    .maincontent.offres .right .links .button {
        display: block;
        width: 100%;
        border-radius: 10px;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        padding: 14px;
        background-color: var(--realite-blue-dark) !important;

        &:hover{
            background-color: color-mix(in srgb, var(--realite-blue-dark) 85%, black) !important;
        }
    }

    .maincontent.offres .right .links .button + .button {
        margin-top: 10px;
    }

    .maincontent .videometier {
        margin: 0 0 50px;
    }

    .maincontent .videometier .bloc {
        position: relative;
        width: 49%;
        max-width: 49%;
        overflow: hidden;
        margin-bottom: 2%;
    }

    .maincontent .videometier .bloc:nth-child(even) {
        margin-left: 2%;
    }

    .maincontent .videometier .bloc a::after {
        content: '';
        background: url(../img/pictos/pictovideo.png) no-repeat center;
        width: 65px;
        height: 65px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .maincontent .actu.filiale .wrap {
        padding: 0;
    }

    .maincontent .actu.filiale .wrap h2::after {
        display: none;
    }

    .maincontent .actu.filiale .homeactus .item {
        max-width: 32%;
        width: 32%;
    }

    body.single.offres ul.details {
        font-size: 19px;
        font-style: italic;
    }

    @media (min-width: 769px) {
        body.single.offres .details_bloc {
            display: flex;

        }

        body.single.offres .details_bloc ul {
            padding-right: 35px;
        }
    }
    .Post-inner p {
        padding-bottom: 1rem;
    }

    body.single.offres ul.details span.label {
        font-weight: bold;
    }

    body.single .imageintro {
        text-align: center;
        margin-bottom: 20px;
    }

    body.single .imageintro > img {
        height: auto;
        width: 100%;
    }

    /* Search and filter */
    form.searchandfilter li {
        padding-left: 0;
        text-indent: 0;
    }

    form.searchandfilter li + li {
        margin-top: 0;
    }

    form.searchandfilter li::before {
        display: none;
    }

    form.searchandfilter li.sf-field-category > ul, form.searchandfilter > ul {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    form.searchandfilter > ul {
        justify-content: space-between;
        margin-bottom: 50px;
    }

    body.publications form.searchandfilter > ul {
        justify-content: flex-start;
    }

    body.publications form.searchandfilter > ul li + li {
        margin-left: 10px;
    }

    form.searchandfilter > ul > li.sf-field-category {
        width: calc(100% - 350px);
    }

    form.searchandfilter li.sf-field-category > ul li label, form.searchandfilter li > ul li label {
        text-transform: uppercase;
        font-weight: bold;
        padding: 7px 10px 5px 35px !important;
        cursor: pointer;
        font-size: 15px;
    }

    form.searchandfilter li.sf-field-category > ul li + li {
        margin-right: 20px;
    }

    form.searchandfilter li.sf-field-category > ul li.sf-option-active label {
        color: #e84b21;
    }

    form.searchandfilter li > ul li input[type="radio"] + label:before, form.searchandfilter li > ul li input[type="checkbox"] + label:before, form.searchandfilter li > ul li input[type="radio"] + label:after, form.searchandfilter li > ul li input[type="checkbox"] + label:after {
        content: '';
        position: absolute;
        top: 50%;
        border-radius: 50%;
    }

    form.searchandfilter .chosen-container-single .chosen-drop {
        border-radius: 0;
    }

    form.searchandfilter .chosen-container .chosen-results li {
        padding: 10px;
    }

    form.searchandfilter .chosen-container-single .chosen-search {
        padding: 0;
    }

    form.searchandfilter .chosen-container-single .chosen-search input[type=text] {
        margin: 0;
        border: none;
        padding: 10px;
        background: url(images/loup.svg) no-repeat right 10px center !important;
        background-size: 12px 12px;
    }

    form.searchandfilter .chosen-container .chosen-results {
        margin: 0;
        padding: 0;
        background: #edeef2;
        color: #333;
    }

    form.searchandfilter .chosen-container .chosen-results li.sf-option-active, form.searchandfilter .chosen-container .chosen-results li.highlighted {
        background: #2e0529;
        color: #fff;
    }

    form.searchandfilter li > ul li input[type="radio"], form.searchandfilter li > ul li input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: -9999px;
        visibility: hidden;
    }

    form.searchandfilter li > ul li label::after {
        left: 6px;
        width: 11px;
        height: 11px;
        margin: -6px 0 0;
        opacity: 0;
        background: #e84b21;
        -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
        transform: translate3d(-40px, 0, 0) scale(0.5);
        transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }

    form.searchandfilter li > ul li input[type="checkbox"] + label:before, form.searchandfilter li > ul li input[type="checkbox"] + label:after {
        border-radius: 0;
    }

    form.searchandfilter li > ul li input[type="radio"] + label:before, form.searchandfilter li > ul li input[type="checkbox"] + label:before {
        left: 0;
        width: 21px;
        height: 21px;
        margin: -12px 0 0;
        background: transparent;
        border: 1px solid #bdbdbd;
    }

    form.searchandfilter li > ul li.sf-option-active input[type="radio"] + label:after, form.searchandfilter li > ul li.sf-option-active input[type="checkbox"] + label:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    form.searchandfilter .chosen-container-single, form.searchandfilter select.sf-input-select {
        width: 160px !important;
    }

    form.searchandfilter .chosen-container-single .chosen-single, form.searchandfilter select.sf-input-select {
        background: transparent;
        border: 1px solid #bdbdbd;
        box-shadow: none;
        padding: 7px 20px;
        font-size: 17px;
        color: #a7a7a7;
        border-radius: 0;
    }

    body.offres form.searchandfilter::before {
        content: 'Rechercher';
        color: #aaaaaa;
        margin-bottom: 10px;
        display: block;
    }

    body.offres form.searchandfilter .chosen-container-single .chosen-single, form.searchandfilter select.sf-input-select {
        background: #c6c6c6;
        color: #fff;
        border-radius: 10px;
        padding: 10px 20px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
    }

    body.offres form.searchandfilter ul li.sf-field-reset a {
        color: #aaaaaa;
    }

    body.offres form.searchandfilter ul li.sf-field-reset a::before {
        content: 'x';
        padding-right: 10px;
    }

    body.offres form.searchandfilter .chosen-container-single, body.offres form.searchandfilter select.sf-input-select {
        width: 100% !important;
    }

    body.offres .searchandfilter ul li {
        list-style: none;
        display: block;
        padding: 5px 0;
        margin: 0;
    }

    body.offres .searchandfilter ul li {
        width: 100%;
    }

    form.searchandfilter .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../img/pictos/arrow-searchandfilter.png) no-repeat center right 20px !important;
    }

    body.offres form.searchandfilter .chosen-container-single .chosen-single div b {

        background: url(../img/pictos/arrow-searchandfilter-white.png) no-repeat center right 20px !important;
    }

    form.searchandfilter .chosen-container-single .chosen-single div {
        width: 50px;
    }


    /*
    .footer {
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0;
        color: #fff;
    }

    .footer .footer-bottom {
        display: flex;
        flex-direction: row;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }

    .footer .footer-bottom > a {
        font-weight: 400;
        color: white;
        text-decoration: none;
    }

    .footer .footer-bottom > a:hover {
        color: #fd6853;
    }

    .footer .footer-bottom > a:not(:last-child):after {
        content: '';
        width: 2px;
        background-color: grey;
        height: 20px;
        margin-bottom: -5px;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }


    .footer .wrap {
        padding: 0 8%;
    }

    .footer .flex {
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-bottom: 50px;
    }

    .footer .flex.numbers {
        flex-grow: 1;
        padding-right: 15px;
        padding-left: 30px;
        text-align: center;
    }

    .footer .flex.numbers > div + div {
        margin-left: 30px;
    }

    .footer .flex.numbers > div {
        position: relative;
    }

    .footer .flex.numbers .action {
        margin: auto;
    }

    .footer .flex.numbers .action::before {
        content: '';
        height: 1px;
        width: 30px;
        background: white;
        position: absolute;
        top: 44px;
        left: 0;
    }

    .footer .flex.numbers .action::after {
        content: '';
        height: 1px;
        width: 30px;
        background: white;
        position: absolute;
        top: 44px;
        right: 0;
    }

    .footer .flex.numbers .obligation::before {
        content: '';
        height: 1px;
        width: 30px;
        background: #8d3c84;
        position: absolute;
        top: 44px;
        left: 0;
    }

    .footer .flex.numbers .obligation::after {
        content: '';
        height: 1px;
        width: 30px;
        background: #8d3c84;
        position: absolute;
        top: 44px;
        right: 0;
    }

    .footer .flex.numbers .title {
        display: inline-block;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 40px;
        margin-bottom: 10px;
    }

    .footer .flex.numbers .title::after {
        content: '';
        background: var(--realite-blue-dark);
        height: 5px;
        width: 88px;
        position: absolute;
        left: 0;
        bottom: 20px;
        right: 0;
        margin: auto;
    }

    .footer .flex.numbers .num .big {
        font-size: 50px;
        font-weight: bold;
    }

    .footer .menu {
        text-align: left;
    }

    .footer .menu li a {
        color: #fff;
        text-decoration: none;
    }

    .footer #menu-footer_bottom.menu li a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
    }

    .footer #menu-footer_bottom.menu li a:hover {
        color: var(--realite-blue-dark);
        text-decoration: none;
        font-size: 15px;
    }
    .footer #menu-footer-bottom-en.menu li a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
    }

    .footer #menu-footer-bottom-en.menu li a:hover {
        color: var(--realite-blue-dark);
        text-decoration: none;
        font-size: 15px;
    }


    .footer .menu li {
        list-style-type: none;
        width: fit-content;
    }

    .footer .menu li.current-menu-item a {
        color: var(--realite-blue-dark);
    }

    .footer .menu li + li {
        margin-top: 5px;
    }

    .footer .social ul li {
        display: inline-block;
    }

    .footer .social ul {
        display: flex;
        justify-content: space-between;
    }

    .footer .scoial ul li img, .footer .social ul li .size-full {
        max-height: 25px;
        width: auto;
    }

    .footer .credit {
        display: block;
        text-align: right;
        font-size: 14px;
        color: #909090;
        margin-top: 70px;
    }

    .footer .footer-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        margin-right: auto;
        margin-left: auto;
    }

    .footer .cta {
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        max-width: 150px;
    }
    */

    .onscreen {
        opacity: 1;
        transition: all .6s ease;
        margin-top: 0;
        width: 100% t;
        text-align: center;
        width: 100%;
        display: block;
    }

    .onscreen.small {
        margin-top: -10px;
    }

}

@media all and (max-width: 1735px) {
    .wrap, .actu .wrap {
        width: 98%;
    }
}

@media all and (max-width: 1600px) {
    .wrap, .maincontent .blocsavoir .wrap, .maincontent .valeurs .wrap {
        width: 98%;
    }

    #diaporama iframe {
        transform: scale(1.8) !important;
    }
}

@media all and (max-width: 1450px) {
    .actu .wrap, .savoirfaire .wrap, .footer .wrap {
        padding: 0 5%;
    }


    .maincontent .animebloc .flex .bloc .caption .flex {
        padding: 10px;
    }

    .maincontent .flex.map .carte {
        margin-left: -30px;
    }
}

@media all and (max-width: 1300px) {
    .projet .contentprojet .wrap, .maincontent.offres .wrap {
        width: 98%;
    }

}

@media all and (max-width: 1200px) {
    .menu-footer-container, .menu-footer-main-en-container {
        margin-bottom: 18px;
    }


    form.searchandfilter > ul > li.sf-field-category {
        width: calc(100% - 295px);
    }

    form.searchandfilter li.sf-field-category > ul li + li {
        margin-right: 10px;
    }

    form.searchandfilter .chosen-container-single, form.searchandfilter select.sf-input-select {
        width: 140px !important;
    }

    /*header .mainmenu > div > ul > li.menu-item-3729:hover ul.sub-menu {*/
    /*  width: 770px;*/
    /*}*/
    .maincontent.offres .left .item {
        width: 49%;
        max-width: 49%;
        margin-left: 0;
    }

    .chosen-container-single .chosen-single span {
        font-size: 15px;
    }

    .maincontent .actu.filiale .homeactus .item {
        max-width: 49%;
        width: 49%;
        margin-bottom: 30px;
    }

    .maincontent.offres .left .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .maincontent.offres .left .item:nth-child(even) {
        margin-left: 2%;
    }

    .maincontent .blocpartenaire .wrap {
        width: 98%;
    }

    form.searchandfilter li.sf-field-category > ul li label {
        font-size: 14px;
    }

    form.searchandfilter li.sf-field-category > ul li + li {
        margin-left: 0px;
    }

    .maincontent .blocpartenaire .item, .maincontent .blocequipe .item {
        width: 32%;
        max-width: 32%;
    }

    .maincontent .blocpromotion {
        margin-top: -10px;
    }

    .projet .bandeau {
        height: 540px;
        margin-bottom: 70px;
    }

    .projet .contentprojet .flex .right {
        padding-top: 40px;
    }

    .projet .contentprojet .caption {
        top: -340px;
    }

    .projet .contentprojet .flex .left {
        padding-top: 0px;
    }

    .maincontent .animebloc .flex .bloc .image img {
        min-height: 330px;
    }

    .maincontent .wrap {
        width: 98%;
    }

    .actu .wrap, .savoirfaire .wrap {
        padding: 0;
    }

    .maincontent .confiance .wrap .flex > div {
        flex: auto;
        width: 100%;
    }

    .maincontent .confiance .wrap .flex.rightleft .image {
        order: 1;
    }

    .maincontent .confiance .wrap .flex.rightleft .text {
        order: 2;
        margin-top: 30px;
    }

    .maincontent .confiance .wrap .flex.trust:nth-child(odd) div + div {
        margin-right: 0px;
    }

    .maincontent .confiance .wrap .flex .image {
        text-align: center;
    }

    .maincontent .confiance .wrap .trust:nth-child(odd) .image {
        order: 1;
    }

    .maincontent .confiance .wrap .trust:nth-child(odd) .text {
        order: 2;
    }

    .maincontent .confiance .wrap .trust:nth-child(odd) div + div {
        margin-right: 0;
    }

    .maincontent .confiance .wrap .flex .image img {
        max-width: 100%;
        height: auto;
    }

    .maincontent .confiance .wrap .flex > div + div {
        margin-left: 0;
        margin-top: 30px;
    }

    .maincontent .blocfiliale .item .introimg img {
        max-width: 100%;
    }

    .footer {
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0;
        color: #fff;
    }

    .savoirfaire .presentation .legende {
        padding: 50px 25px;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex > div {
        flex: auto;
        width: 100%;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex .picto {
        margin-top: 10px;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item:hover {
        transform: scale(1.08);
    }

    .bandeau {
        height: 320px;
    }
}

@media all and (max-width: 1050px) {

    header.sticky .topheader {
        margin-bottom: 10px;
    }

    .savoirfaire .presentation.flex {
        position: relative;
    }

    .maincontent .raisons .wrap {
        padding: 100px 0px;
    }

    .maincontent .listingblog .itemblog {
        width: 48%;
        max-width: 48%;
    }

    form.searchandfilter > ul > li.sf-field-category {
        width: 100%;
    }

    .maincontent .listingblog .itemblog, .maincontent .listingblog .itemblog:nth-child(3n+1) {
        margin-left: 4%;
    }

    .maincontent .listingblog .itemblog:nth-child(odd) {
        margin-left: 0;
    }

    .savoirfaire .presentation .legende {
        width: 460px;
        position: absolute;
        right: 20px;
        bottom: -50px;
    }

    .maincontent .animebloc .flex .bloc.big {
        flex: 1;
    }

    .footer .flex {
        flex-wrap: wrap;
    }

    .footer .flex > div {
        flex: 1 1 100%;
        text-align: center;
    }

    .footer .numbers.flex > div {
        flex: 1;
        width: 49%;
        max-width: 49%;
    }

    .footer .flex > div + div {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 2px solid #2e0529;
    }

    .footer .flex.numbers > div + div {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
    }

    .footer .cta {
        margin-left: 0;
        margin-bottom: -27px;
    }

    .footer .credit {
        margin-top: -20px;
    }

    /*.sliderhome .owl-carousel {
        height: 675px !important;
    }*/
    /*.sliderhome .owl-carousel .owl-item .item {
        height: 675px !important;
    }*/
    .page-template-references .maincontent .sliderhome.references #nav .owl-next, .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
        top: 32%;
    }

    .footer .menu li {
        text-align: center;
        width: 100%;
    }

    @media all and (max-width: 900px) {

        .actu .homeactus .item {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            flex: unset;
        }

        .actu .homeactus .item + .item {
            margin-left: 0px;
            margin-top: 50px;
        }

        .maincontent .actu.filiale .homeactus .item + .item {
            margin-top: 0px;
        }

        .maincontent.offres .left .item {
            width: 100%;
            max-width: 100%;
        }

        .maincontent.offres .left .item:nth-child(even) {
            margin-left: 0;
        }

        .projet .contentprojet .flex .right {
            width: 300px;
            margin-left: 30px;
        }

        .maincontent .animebloc .flex .bloc.small, .maincontent .animebloc .flex .bloc.big {
            flex: auto;
            width: 49%;
            max-width: 49%;
            margin-bottom: 2%;
        }

        .projet .bandeau {
            height: 450px;
        }

        .projet .contentprojet .flex .left {
            width: calc(100% - 330px);
        }

        .maincontent .animebloc .flex .bloc .image img {
            min-height: 400px;
        }

        .maincontent .animebloc .flex .bloc + .bloc {
            margin-left: 0;
        }

        .maincontent .animebloc .flex .bloc:nth-child(even) {
            margin-left: 2%;
        }

        .maincontent .metier .left {
            padding: 0 50px 0 20px;
        }

        .maincontent .blocpromotion {
            margin-top: 40px;
        }

        .maincontent .blocpromotion .wrap .flex .right {
            margin-left: 50px;
        }

        .maincontent .blocfiliale .item {
            width: 49%;
            max-width: 49%;
        }

        .maincontent .blocfiliale .item:nth-child(3n+1) {
            margin-left: 2%;
        }

        .maincontent .blocfiliale .item:nth-child(odd) {
            margin-left: 0;
        }

        .maincontent .blocpartenaire .item, .maincontent .blocequipe .item {
            width: 49%;
            max-width: 49%;
        }

        .savoirfaire .presentation.flex {

            position: relative;
            padding-bottom: 60px;
        }

        header .mainmenu > div > ul > li.menu-item:hover ul.sub-menu {
            width: 550px;
        }

        .savoirfaire .presentation .image img {
            max-width: 100%;
            object-fit: cover;
        }

        .savoirfaire .presentation .legende {
            padding: 50px 40px;
            position: absolute;
            width: 500px;
            right: 50px;
            bottom: 0;
        }

        .savoirfaire .presentation .image {
            width: 100%;
        }

        .savoirfaire .presentation + .flex {
            padding: 0 20px;
        }

        .actu .flex.feed .item {
            width: 49%;
            max-width: 49%;
        }

        .actu .flex.feed .item + .item {
            margin-left: 0;
        }

        .actu .flex.feed .item:nth-child(even) {
            margin-left: 2%;
        }
    }

    @media all and (max-width: 835px) {

        form.searchandfilter li.sf-field-category > ul > li {
            flex: auto;
            width: 50%;
        }

        .maincontent .raisons .wrap .flex .item:nth-child(3n+1) {
            margin-left: 2%;
        }

        .maincontent .raisons .wrap .flex .item:nth-child(odd) {
            margin-left: 0;
        }

        .maincontent .raisons .wrap .flex .item {
            width: 49%;
            max-width: 49%;
        }

        .maincontent .contenttwocolumn > .wrap > .flex > .left, .maincontent .contenttwocolumn > .wrap > .flex > .right {
            width: 100%;
        }

        .maincontent .contenttwocolumn.nosmetier .right {
            margin-left: 0;
            margin-top: 55px;
        }

        .actu .wrap {
            width: 100%;
        }

        .maincontent .topcontent h1 {
            font-size: 50px;
        }

        .savoirfaire .blocsavoir .item > img {
            height: 100%;
            object-fit: cover;
        }

        /*#diaporama {*/
        /*    height: 600px;*/
        /*}*/

        #diaporama iframe {
            transform: scale(3) !important;
        }

        .maincontent .flex.map .carte {
            margin: 0 auto 50px;
        }

        .maincontent .flex.map .intro {
            flex: auto;
            width: 100%;
        }

        .page-template-references .maincontent .sliderhome.references #nav .owl-next, .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
            top: 90%;
        }

        .page-template-references .maincontent .sliderhome .caption {
            padding: 80px 75px 110px 75px;
            height: auto;
        }

        .maincontent .videometier .bloc:nth-child(even) {
            margin-left: auto;
        }

        .maincontent .videometier .bloc {
            width: 70%;
            max-width: 70%;
            margin: 0 auto 2%;

        }

    }

    @media all and (max-width: 770px) {

        .savoirfaire .blocsavoir .item {
            flex: auto;
            width: 100%;
            max-width: 100%;
            margin-bottom: 2%;
            aspect-ratio: 1;
        }

        .savoirfaire .presentation + .flex h1 {
            padding-right: 0;
            max-width: 100%;
            margin-bottom: 20px;
        }

        .footer .numbers.flex > div {
            flex: auto;
            width: 100%;
            max-width: 100%;
        }

        .menu-footer-container, .menu-footer-main-en-container {
            margin-bottom: 0;
        }

        .footer {
            padding: 30px 0;
        }

        .footer .flex.numbers > div + div {
            margin-left: 0;
            margin-top: 40px;
        }

        .footer .flex > div + div {
            margin-top: 30px;
            padding-top: 30px;
        }

        body.maitrise .maincontent .confiance .wrap {
            padding: 0 40px 20px;
        }

        .maincontent .metier {
            margin-top: 30px;
            padding-bottom: 40px;
        }

        .maincontent .actu.filiale .homeactus .item {
            max-width: 100%;
            width: 100%;
            text-align: center;
        }

        .maincontent .agendafinancier .item {
            margin-left: 0;
        }

        .maincontent.offres .right {
            width: 100%;
            order: 1;
        }

        .maincontent.offres .left {
            width: 100%;
            padding-right: 0;
            order: 2;
        }

        .maincontent .agendafinancier .item .before {
            display: none;
        }

        .maincontent .candidature {
            padding: 30px 40px;
            margin-top: 50px;
        }

        .maincontent .valeurs .flex .item {
            flex: auto;
            width: 100%;
            max-width: 100%;
            margin-left: 0;
            height: 250px;
        }

        .maincontent .valeurs .flex .item + .item {
            margin-top: 10px;
        }

        .maincontent .listingblog .itemblog {
            width: 96%;
            max-width: 96%;
        }

        .maincontent .listingblog .itemblog, .maincontent .listingblog .itemblog:nth-child(3n+1), .maincontent .listingblog .itemblog:nth-child(odd) {
            margin-left: 2%;
            margin-right: 2%;
        }

        .videophotobloc .flex .bloc.big, .videophotobloc .flex .bloc.small {
            flex: auto;
            width: 100%;
        }

        .maincontent .blocpromotion .wrap .flex .left {
            flex: auto;
            width: 100%;
        }

        .projet .contentprojet .flex .left, .projet .contentprojet .flex .right {
            width: 100%;
        }

        .videophotobloc .flex .bloc + .bloc {
            margin-top: 11px;
            margin-left: 0;
        }

        .projet .contentprojet .flex .right {
            margin-left: 0px;
        }

        .maincontent .blocpromotion .wrap .flex .right {
            margin-left: auto;
            float: none;
            margin-right: auto;
        }

        .maincontent .blocpromotion .wrap > .itempromotion .blocequipe {
            padding-top: 50px;
        }

        .savoirfaire .presentationtext {
            flex: auto;
            width: 100%;
        }

        .maincontent .chiffrecles > .wrap > .flex > .item {
            width: 100%;
            max-width: 100%;
        }

        .maincontent .chiffrecles > .wrap > .flex > .item .flex > div {
            flex: 1;
            width: auto;
        }

        .maincontent .chiffrecles > .wrap > .flex > .item + .item {
            margin-left: 0;
        }

        .maincontent .metier .left, .maincontent .metier .right {
            padding: 0 20px;
            width: 100%;
        }

        .maincontent .metier .right .blocequipe .item {
            width: 49%;
            margin: 0 0.5% 4%;
            max-width: 49%;
            min-height: 280px;
        }

        .maincontent .metier .right .blocequipe {
            display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        }

        .maincontent .metier .right .blocequipe .item + .item {
            margin-top: 20px;
        }

        .maincontent .metier .right {
            margin: 50px auto 0;
        }


    }

    .actu .flex.feed .item {
        width: 100%;
        max-width: 100%;
    }

    .savoirfaire .presentation .image::before, .savoirfaire .presentation .image::after {
        border-width: 410px 60px 0 0;
    }

    .maincontent .videometier .bloc {
        width: 90%;
        max-width: 90%;

    }

    .savoirfaire .presentation .image::after {
        border-width: 0 0 410px 60px;
    }

    .actu .flex.feed .item:nth-child(even) {
        margin-left: 0;
    }

    .savoirfaire .presentation .legende {
        width: 98%;
        right: 1%;
    }

    .page-template-references .maincontent .sliderhome .caption h1 {
        font-size: 38px;
        line-height: 44px;
    }

    .page-template-references .maincontent .sliderhome .caption {
        width: 80%;
    }

}

@media all and (max-width: 640px) {
    .footer .menu {
        margin-top: 0;
    }

    button#responsive-menu-pro-button.is-active {
        transition: all .5s ease-in-out;
        top: 15px !important;
    }

    #responsive-menu-pro-container #responsive-menu-pro-title {
        text-align: center;
        padding-top: 30px !important;
    }

    body.single .imageintro img {
        max-width: 100%;
        height: auto;
    }

    #diaporama .video-responsive:not(.always-visible) {
        display: none;
    }

    #diaporama .mobilebandeau {
        display: block;
    }

    .actu .homeactus .item {
        flex: auto;
        width: 80%;
        max-width: 80%;
        text-align: center;
        overflow: inherit;
        margin: auto;
    }


    .actu .homeactus .item + .item {
        margin: 30px auto 0;
    }

    #diaporama .diapoimage .caption {
        padding: 30px;
        left: 5%;
        bottom: 5%;
        width: 90%;
    }

    .maincontent .metier .left, .maincontent .metier .right {
        padding: 0 0px;
    }

    body.maitrise .maincontent .confiance .wrap {
        padding: 0 20px 20px;
    }

    .maincontent .raisons .wrap .flex .item, .maincontent .raisons .wrap .flex .item:nth-child(odd), .maincontent .raisons .wrap .flex .item:nth-child(3n+1) {
        width: 300px;
        max-width: 300px;
        margin: 0 auto 2%;
    }

    .maincontent .blocequipe {
        padding: 0px 0 20px;
    }

    .maincontent .agendafinancier .item {
        padding: 20px 20px;
    }

    .maincontent .agendafinancier .item .title h2 {
        font-size: 18px;
    }

    .maincontent .agendafinancier .item .date {
        width: 90px;
    }

    .projet .contentprojet .flex .right .links {
        padding: 0 10px;
    }

    .maincontent .blocpromotion .wrap > .itempromotion {
        padding: 40px 30px;
    }

    .page-template-references .maincontent .sliderhome .caption {
        width: 100%;
        padding: 40px 25px 110px 25px;
    }

    .page-template-references .maincontent .sliderhome.references #nav .owl-next, .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
        left: 75px;

    }

    .page-template-references .maincontent .sliderhome.references #nav .owl-prev {
        left: 25px;
    }

    .maincontent .blocpartenaire .item, .maincontent .blocequipe .item {
        width: 99%;
        max-width: 99%;
    }

    .page-template-references .maincontent .sliderhome .caption p.more a {
        bottom: 20px;
        right: 50px;
    }

    .maincontent .text .alignright, .maincontent .text .alignleft {
        margin: 0 0 50px 0;
    }

    .maincontent > div .wrap, .maincontent .videometier .wrap, .maincontent .contenttwocolumn.nosmetier .wrap {
        padding: 60px 20px 40px;
    }

    .maincontent .valeurs {
        margin-top: 0px;
    }

    .maincontent .excerpt .wrap, .maincontent .text .wrap, .maincontent .titre .wrap, .maincontent .blocpartenaire .wrap, .maincontent .savoirfaire .wrap, .maincontent .confiance .wrap {
        padding: 40px 10px 0px;
    }

    /*body.single .maincontent > div .wrap {
        padding-left: 50px;
    }*/
    body.single .maincontent .topcontent .wrap {
        padding-left: 0px;
    }

    .Post-social {
        top: 90%;
    }

    .maincontent .titre h2 span {
        padding: 0 10px;
    }

    .maincontent .topcontent h1 {
        padding: 50px 20px 20px;
    }

}

@media all and (max-width: 600px) {
    .savoirfaire .blocsavoir .item {
        width: 100%;
        max-width: 100%;
    }

    .maincontent .blocpartenaire .item:hover .caption {
        transform: translateY(100%);
    }

    .maincontent .blocpartenaire .item.clicactive .caption {
        transform: translateY(0%);
    }

    .maincontent .animebloc .flex .bloc:hover .caption {
        opacity: 0;
    }

    .maincontent .animebloc .flex .bloc.clicactive .caption {
        opacity: 1;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item:hover {
        transform: scale(1);
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0);
        z-index: 1;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item.clicactive {
        transform: scale(1.15);
        -moz-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -webkit-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        -o-box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        box-shadow: 0px 0px 45px 0px rgba(46, 5, 41, 0.26);
        z-index: 1;
    }

    .projet .contentprojet .caption {
        top: 0;
        position: relative;
        margin-bottom: 50px;
        width: 100%;
    }

    .bandeau > img {
        object-fit: cover;
        height: 100%;
    }

    .projet .bandeau {
        margin-bottom: 0px;
    }

    .savoirfaire .presentation .legende {
        right: 1%;
        position: relative;
        flex: auto;
        right: 0;
        margin-left: 0;
    }

    .maincontent .animebloc .flex .bloc.small, .maincontent .animebloc .flex .bloc.big {
        width: 100%;
        max-width: 100%;
    }

    .maincontent .animebloc .flex .bloc .image img {
        min-height: 300px;
        height: 300px;
    }

    .maincontent .animebloc .flex .bloc:nth-child(even) {
        margin-left: 0%;
    }


    .maincontent .metier .right .blocequipe .item {
        width: 99%;
        max-width: 99%;
    }

    .maincontent .metier + .confiance {
        margin-top: 40px;
    }

    /* 
    REMOVE responsive-menu-pro MODULE
    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-1 > li {
        width: 100%;
    }

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-1 > li:nth-child(even) {
        border-left: none;
    }
    */

    .maincontent .topcontent h1 {
        font-size: 42px;
    }

    .bandeau + .maincontent .topcontent {
        margin-top: -140px;
    }

    /* .maincontent #breadcrumbs, body.offres .bandeau #breadcrumbs {
        display: none;
    } */

    body.offres .bandeau::before {
        top: 0;
    }

    .maincontent .topcontent {
        padding-top: 30px;
    }

    .maincontent .topcontent h1 {
        margin-top: 0;
    }

    .maincontent .excerpt {
        font-size: 17px;
    }

    .maincontent .blocfiliale .item {
        width: 100%;
        max-width: 100%;
    }

    .maincontent .blocfiliale .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .bandeau {
        height: 250px;
    }

    .bandeau + .maincontent .topcontent {
        margin-top: -120px;
    }

    form.searchandfilter li.sf-field-category > ul li + li {
        margin-right: 0;
    }

    form.searchandfilter ul li {
        padding: 3px 0;
    }

    form.searchandfilter .chosen-container-single, form.searchandfilter select.sf-input-select {
        width: 150px !important;
    }

    form.searchandfilter > ul {
        margin-bottom: 30px;
    }

    .actu h2 {
        font-size: 25px;
        line-height: 40px;
    }

    #diaporama {
        height: 410px;
    }

    #diaporama .diapoimage .caption {
        padding: 20px;
    }

    #diaporama .diapoimage .caption a.button {
        margin-top: 10px;
    }
}

@media all and (max-width: 770px) {
    header .topheader .image-only a {
        height: 41px;
    }

    #diaporama .diapoimage .caption {
        font-size: 15px;
        line-height: 26px;
        padding: 15px;
    }

    #diaporama .diapoimage .caption a.button {
        margin-top: 5px;
    }

    .maincontent > div .wrap, .maincontent .videometier .wrap, .maincontent .contenttwocolumn.nosmetier .wrap {
        padding: 20px 0px 40px;
    }

    .maincontent .blocpromotion .wrap .flex .right {
        width: 100%;
    }

    .maincontent .blocequipe .item img.profil {
        height: 400px;
        object-fit: cover;
    }

    header .topheader ul li a {
        font-size: 13px;
        padding: 7px 7px 8px;
        height: 38px;
    }

    .actu .homeactus .item {
        width: 100%;
        max-width: 100%;
    }


    header#header.sticky #menu-menu-top {
        margin-bottom: 5px;
    }




    .maincontent .topcontent h1 {
        font-size: 32px;
    }

    .maincontent .agendafinancier .item .date {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .maincontent .videometier .bloc {
        width: 100%;
        max-width: 100%;

    }

    header .topheader {
        text-align: center;
    }

    .maincontent .chiffrecles > .wrap > .flex > .item .flex > div {
        flex: auto;
        width: 100%;
    }

    .maincontent .listingblog .itemblog {
        width: 100%;
        max-width: 100%;
    }

    .maincontent .listingblog .itemblog, .maincontent .listingblog .itemblog:nth-child(3n+1), .maincontent .listingblog .itemblog:nth-child(odd) {
        margin-left: 0%;
        margin-right: 0%;
    }

    .maincontent .listingblog .wrap {
        padding: 50px 10px 20px;
        margin-top: -2px;
    }

    .savoirfaire .presentation .image img {
        height: 185px;
    }

    .savoirfaire .presentation .image::before {
        border-width: 188px 56px 0 0;
    }

    .savoirfaire .presentation .image::after {
        border-width: 0 0 188px 60px;
    }

    .savoirfaire .presentation .legende {
        margin-left: 0px;
        font-size: 15px;
        line-height: 18px;
        margin-top: -20px;
        padding: 35px;
    }

    .savoirfaire .presentation.flex {
        padding-bottom: 0px;
    }

    .actu .flex .left {
        padding: 20px;
        flex: unset;
        width: 100%;
    }

    .upw-posts img {
        width: 100%;
    }

    .actu .flex.feed {
        padding: 0px;
    }

    /*button#responsive-menu-pro-button {
        background: none !important;
    }*/
    .page-template-references .maincontent .sliderhome .caption h1 {
        font-size: 32px;
        line-height: 38px;
    }

    #responsive-menu-pro-container {
        width: 100% !important;
    }

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-1 a.responsive-menu-pro-item-link {
        padding: 15px;
        font-size: 16px;
    }

    .responsive-menu-pro-item-link{
        display: flex !important;
        padding-right: 0 !important;
    }


    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
        line-height: 50px;
    }

    .maincontent .blocequipe .item {
        min-height: 330px;
    }

    #responsive-menu-pro-container #responsive-menu-pro-title {
        padding-bottom: 10px !important;
    }

    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
        line-height: 55px !important;
        margin-left: auto !important;
        margin-right: 15px !important;
    }


}

@media (min-width: 1100px) {
    header#header.sticky {
        height: 130px;
    }



}

@media (max-width: 1100px) {
    /* 
    REMOVE responsive-menu-pro MODULE
    #responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img {
        width: 145px;
    }
    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a{
        line-height: 25px !important;
    }
    header#header.sticky {
        height: 75px;
    }
    header #logo {
        margin-right: 0;
        margin-top: 20px;
        width: 145px;
    }
    button#responsive-menu-pro-button {
        top: 8px !important;
        transition: all .5s ease-in-out;
    }
    */

}

@media (max-width: 770px) {
    .actu > .container {
        padding: 0;
    }

    .footer > .container .menu {
        margin-top: 0;
    }
}

img.aligncenter{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (max-width: 1350px){
    header .mainmenu > div > ul > li.active::before{
        bottom: -34px;
    }

    header .mainmenu > div > ul > li{
        font-size: 0.8rem;
    }

    header #logo{
        width: 200px;
    }
    header .mainmenu > div > ul > li.menu-item ul.sub-menu li a{
        font-size: 20px;
    }
}

.menu.footer_entrylist{
    width: 80%;
}
.menu-footer-main-en-container{
    width: 100%;
}


.live-entry{
    display:flex;
    align-items:flex-start;
}
.live-entry:before{
    content: "● LIVE";
    display: inline-block;
    color: red;
    font-size: 20px;
    margin-right: 5px;
}

.header .topheader ul li.live-entry-top{
    display:flex;
}
.header .topheader ul li.live-entry-top > a{
    background:black;
    font-weight:bold;
    color:white;
}
.header.white .topheader ul li.live-entry-top > a{
    background:black;
    font-weight:bold;
    color:white;
}
.header .topheader ul li.live-entry-top > a:before{
    content: "● LIVE";
    display: inline-block;
    color: red;
    font-size: 15px;
    margin-right: 5px;
    white-space: nowrap;
}


.header.white .topheader ul li.pale-orange > a {
    color: var(--realite-blue-dark);
    background-color: #fcedeb;
}

.header .topheader ul li.pale-orange > a {
    color: var(--realite-blue-dark);
    background-color: #fcedeb;
}

/* 
REMOVE responsive-menu-pro MODULE
#responsive-menu-pro-container li.responsive-menu-pro-item.live-entry{
    display:flex;
    align-items:baseline;
}

#responsive-menu-pro-container li.responsive-menu-pro-item.live-entry:before{
    content: "● LIVE";
    display: inline-block;
    color: red;
    font-size: 20px;
    margin-right: 0;
    margin-left:5px !important;
    white-space: nowrap;
}
@media screen and (max-width: 1100px){
    #responsive-menu-pro-container li.responsive-menu-pro-item.live-entry > a{
        padding-left:5px !important;
    }
}
*/

@media (max-width: 650px) {
    .financial-results .maincontent .text:last-of-type .wrap table tbody {
        display:flex;
        flex-direction:row;
        justify-content: flex-start;
        gap:15px
    }
    .financial-results .maincontent .text:last-of-type .wrap table tbody tr{
        height:fit-content !important;
        display:flex !important;
        flex-direction: column;
        gap: 10px;
    }
    .financial-results .maincontent .text:last-of-type .wrap table tbody tr td{
        width:unset !important;
        height: unset !important;
        text-align: left !important;
    }
}

.ctajoinus{
    background-color: var(--realite-blue-dark) !important;

}
.ctajoinus:hover{
    background-color: color-mix(in srgb, var(--realite-blue-dark) 85%, black) !important;
}