/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.4.1601286643
Updated: 2020-09-28 11:50:43

*/

@font-face {
    font-family: 'Open Sans bolditalic';
    src: url('./assets/fonts/opensans/OpenSans-BoldItalic.eot');
    src: url('./assets/fonts/opensans/OpenSans-BoldItalic.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-BoldItalic.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans italic';
    src: url('./assets/fonts/opensans/OpenSans-Italic.eot');
    src: url('./assets/fonts/opensans/OpenSans-Italic.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-Italic.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-Italic.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans regular';
    src: url('./assets/fonts/opensans/OpenSans-Regular.eot');
    src: url('./assets/fonts/opensans/OpenSans-Regular.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-Regular.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans bold';
    src: url('./assets/fonts/opensans/OpenSans-Bold.eot');
    src: url('./assets/fonts/opensans/OpenSans-Bold.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-Bold.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans semibolditalic';
    src: url('./assets/fonts/opensans/OpenSans-SemiBoldItalic.eot');
    src: url('./assets/fonts/opensans/OpenSans-SemiBoldItalic.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans extrabold';
    src: url('./assets/fonts/opensans/OpenSans-ExtraBold.eot');
    src: url('./assets/fonts/opensans/OpenSans-ExtraBold.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-ExtraBold.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-ExtraBold.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans mediumitalic';
    src: url('./assets/fonts/opensans/OpenSans-MediumItalic.eot');
    src: url('./assets/fonts/opensans/OpenSans-MediumItalic.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-MediumItalic.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans extrabolditalic';
    src: url('./assets/fonts/opensans/OpenSans-ExtraBoldItalic.eot');
    src: url('./assets/fonts/opensans/OpenSans-ExtraBoldItalic.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans medium';
    src: url('./assets/fonts/opensans/OpenSans-Medium.eot');
    src: url('./assets/fonts/opensans/OpenSans-Medium.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-Medium.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-Medium.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans lightitalic';
    src: url('./assets/fonts/opensans/OpenSans-LightItalic.eot');
    src: url('./assets/fonts/opensans/OpenSans-LightItalic.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-LightItalic.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-LightItalic.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans light';
    src: url('./../../../assets/fonts/opensans/OpenSans-Light.eot');
    src: url('./assets/fonts/opensans/OpenSans-Light.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-Light.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-Light.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans semibold';
    src: url('./assets/fonts/opensans/OpenSans-SemiBold.eot');
    src: url('./assets/fonts/opensans/OpenSans-SemiBold.eot#iefix') format('embedded-opentype'),
        url('./assets/fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/opensans/OpenSans-SemiBold.woff') format('woff'),
        url('./assets/fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* RESPONSIVE */

.mobile-show {
    display: none;
}
@media screen and (max-width: 992px) {
    .menu-gauche {
        display: none !important
    }

    #edito {
        height: auto !important;
        min-height: auto !important;
    }

    #edito .align-center .wpb_wrapper {
        flex-direction: column
    }

    .losange-anim {
        margin-top: 50px;
        margin-bottom: 80px;
    }

    #edito.section-1.animated .bloc-rouge {
        height: auto !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        width: 100% !important;
        margin-bottom: 50px;
        animation-delay: 1s !important;
    }

    #edito .btn-scroll-down,
    #objectifs .btn-scroll-down {
        display: none !important
    }

    #edito .section-1.animated .bloc-rouge {
        height: auto !important;
    }

    #edito .losange-anim {
        transform: scale(0.9)
    }

    .section-2 .white-box {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
    }

    #objectifs .row-2-blocs {
        flex-direction: column !important;
        max-width: 100%;
    }

    img.custom-logo {
        position: static !important;
    }

    .site-header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: #0000006e;
        border-bottom: 2px solid #E20817;
        z-index: 2000000;
        padding: 10px;
    }

    img.custom-logo {
        opacity: 1 !important;
        display: block !important
    }

    .custom-header {
        height: auto !important
    }

    .custom-header .wrap {
        padding: 0;
    }

    #sommaire .vc_col-sm-7,
    #sommaire .vc_col-sm-5 {
        width: 100% !important
    }

    #sommaire .vc_col-sm-3 {
        margin-left: 10px !important;
        width: 100px !important;
    }

    #sommaire .principal-transparent-title * {
        font-size: 22px !important
    }

    .chiffre-sommaire a::before,
    .chiffre-sommaire a {
        width: 60px !important;
        height: 60px !important;
    }

    .chiffre-sommaire a {
        line-height: 60px !important
    }

    .row-liens-sommaire:hover .chiffre-sommaire a::before {
        top: 0 !important
    }

    .sommaire .bloc-rouge {
        width: 250px !important;
        height: 250px !important
    }

    .chiffre-sommaire a img {
        top: 7px !important;
    }

    .row-titre-priorite {
        padding-left: 0px !important;
        flex-direction: column !important;
    }

    #developper-fonds-de-commerce.vc_section[data-vc-full-width]>.vc_row {
        padding: 0 15px !important;
    }

    .section-3 {
        padding-top: 30px !important
    }

    .principal-transparent-title p,
    .principal-transparent-title p strong {
        font-size: 30px !important;
    }

    .row-titre-priorite .wpb_text_column {
        margin-bottom: 15px !important;
    }

    .bloc-priorite,
    .bloc-priorite .vc_column-inner {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #priorite-1>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>h3:nth-child(1) {
        margin-top: 50px;
    }

    .scroll-horizontal>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
        display: block !important;
        overflow-x: hidden !important
    }

    .scroll-horizontal .hidden-col {
        display: block !important;
        width: 100% !important;
        opacity: 1 !important;
        position: static !important;
        height: auto !important
    }

    #main .slide-btn {
        display: none !important
    }

    .box-levier {
        max-width: calc(100% - 15px) !important
    }

    #primary #priorite-1 {
        padding-bottom: 50px !important;
    }

    #satisfaction-clients,
    #agilite-et-modernite {
        height: auto !important;
        padding-top: 30px !important;
        max-height: unset !important;
        padding-bottom: 30px !important
    } 
    #satisfaction-clients {
        background-attachment: fixed;
    }
    #primary #agilite-et-modernite > div:nth-child(1) {
        padding-top: 0px !important
    }
    .vc_row-o-columns-top>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>h3:nth-child(1) {
        margin-top: 50px !important;
    }

    #agilite-et-modernite .vc_col-sm-3 {
        width: 100% !important
    }

    #primary .vc_custom_1643712938013,
    #primary .vc_custom_1643712860246 {
        padding-left: 15px !important;
    }

    .row-container-p3 {
        display: block !important;
    }
    #agilite-et-modernite.vc_section[data-vc-full-width] > .vc_row,
    #responsabilite-societale.vc_section[data-vc-full-width] > .vc_row {
        padding: 5vw !important;
    }
    #agilite-et-modernite .hidden-text {
        width: 100% !important;
        display: none !important
    }
    #agilite-et-modernite .scroll-smooth.w-66,
    #responsabilite-societale .scroll-smooth {
        position: static !important;
        opacity: 1 !important;
    }
    [id^="p3-lien-"] {
        flex-direction: column !important
    }
    .scroll-smooth > .vc_column-inner > .wpb_wrapper {
        height: auto !important;
    }
    .scroll-smooth .wpb_wrapper .vc_row {
        margin-bottom: 30px !important;
    }
    #responsabilite-societale .col-to-hide {
        width: 100% !important
    }
    #responsabilite-societale .row-titre-priorite {
        margin-bottom: 0 !important;
    }
    #responsabilite-societale.vc_section[data-vc-full-width] > .vc_row {
        display: block !important
    }
    #primary .row-container-p4 .vc_col-sm-4 {
        width: 100% !important
    }
    #responsabilite-societale .col-sommaire-interne {
        display: none !important
    }
    #responsabilite-societale {
        height: auto !important;
        background-attachment: fixed;
        padding-bottom: 30px !important;
        padding-top: 0 !important;
    }
    [id^="p4-lien-"] {
        max-width: 200% !important;
        width: calc(100% + 30px) !important;
    }
    #managers-et-equipes > div:nth-child(1) {
        padding: 30px 15px !important
    }
    #managers-et-equipes .max-width-1200 {
        max-width: 100%;
    }
    #managers-et-equipes .max-width-1200 > div > .vc_column-inner {
        padding: 0
    }
    #managers-et-equipes .scroll-horizontal-managers {
        display: block !important;
        padding: 15px;
    }
    #managers-et-equipes .hidden-col {
        height: auto !important;
        opacity: 1 !important;
        width: 100% !important
    }
    #managers-et-equipes .bloc-priorite {
        margin-bottom: 30px !important;
    }
    .row-2-blocs > .white-box:nth-child(2) {
        animation-delay: 0s !important
    }
    .bloc-rouge .fadeInRight {
        animation-delay: 0.5s !important
    }
    #presentation-video {
        min-height: 100vh !important
    }
    .mobile-show {
        display: block !important
    }
    .mobile-hide {
        display: none !important;
    }
    .btn-lancer-video-mobile {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }
    .btn-lancer-video-mobile a {
        display: flex !important;
        justify-content: space-around;
        align-items: center;
    }
}
@media screen and (max-width: 600px) {
    #edito .losange-anim {
        transform: scale(0.7) !important
    }
}