.svg:hover path {
    fill: #86c117;
    stroke: #86c117;
}

.filterDiv {
    float: left;
    color: #ffffff;
    width: 100px;
    text-align: center;
    margin: 2px;
    display: none;
}

.filterBtn {
    margin-bottom: 40px;
}

.filterBtn > .btn.active {
    background-color: #666;
    color: white;
}

.filterBtn > .btn {
    background-color: #86c117;
    width: 45%;
    color: white;
}

.show {
    display: block;
}

.carousel-caption-credit-immo {
    position: absolute !important;
    top: -25px !important;
    margin-left: 21% !important;
}

.carousel-caption-credit-immo > h1 {
    font-family: 'DIN-Medium' !important;
    font-size: 2em !important;
}

.carousel-caption-credit-immo > button {
    display: none !important;
}

.jfProgress {
    display: none !important;
}

.carousel-caption-credit-immo {
    text-align: left;
    padding: 0 !important;
    padding-right: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    width: 100% !important;
    max-width: unset !important;
    height: 100%;
    max-height: unset !important;
    right: 0 !important;
    bottom: 0% !important;
    left: 0 !important;
    background: none !important;
}

.carousel-caption-credit-immo > button {
    display: none;
    margin-left: 43%;
    margin-right: auto;
    margin-top: 21.7%;
    padding: 0.375rem 2.2rem;
}

.svg {
    height: 70px;
}

.svg .svg-placement:hover path {
    fill: #86c117;
    stroke: #86c117;
}

.svg-epargne {
    height: 120px !important;
    fill: #ffffff;
}

.svg .svg-epargne:hover path {
    fill: #86c117;
    stroke: #86c117;
}

.green-section-activite > .row {
    min-width: 100%;
}

a {
    color: #7c7a7a;
}

#assurance-emprunteur + div > div > div > .product-details-right > ul {
    padding-inline-start: 0px;
}

.actualite > .row {
    justify-content: center;
}

.resipad {
    display: none;
}

button.actu-btn-savoir {
    height: 36px;
}

button > a {
    color: #86c117;
}

a:hover {
    color: #86c117;
    text-decoration: none;
}

a.dropdown-item:hover {
    color: white;
}

.nav-link:hover {
    color: #86c117 !important;
}

.nav-link:active {
    color: #86c117 !important;
}

.nav-link:focus {
    color: #86c117 !important;
    box-shadow: none !important;
    outline-style: none !important;
}

button:focus {
    outline-style: none !important;
    box-shadow: none !important;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.card {
    border: none;
}

.btn {
    border-radius: 0px;
}

body:(li) {
    font-family: 'DIN-Regular';
    font-size: 15px;
    color: #7c7a7a;
}

* {
    font-family: 'DIN-Regular';
}

#textarea {
    width: unset !important;
    min-width: 100%;
}

h1 {
    font-family: 'DIN-Medium';
    font-size: 35px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #86c117 !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25)
}

.form-conteneur {
    display: flex;
}

.form-conteneur > .col-sm-6 > img {
    width: 80% !important;
}

.resphone {
    display: inline;
}

.col-form-label {
    padding: 0 !important;
    justify-content: left !important;
}

.form-group > * {
    padding: 0 !important;
}

.radio-inline {
    margin-right: 30px;
}

.checkbox > input {
    margin-right: 10px;
}

/* extract media 1920 */
.onglets-items > .nav-link {
    color: white !important;
    font-size: 15px;
}

.btn-all-product {
    border: 1px solid #86c117;
    color: #86c117;
}

.green-section-btn {
    border: 1px solid white;
    color: white;
    background-color: transparent;
}

.green-section-btn > a {
    color: white;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #86c117;
    background-color: transparent;
}

.nav {
    margin-top: 30px;
}

.nav-link {
    padding: 0;
    margin: 0 10px 0 10px;
}

.onglets-separateur-actu {
    border-right: 1px solid #7c7a7a;
}

.slick-slide {
    margin: 0 27px;
}

/* extract media 1920 */
#main > p {
    font-size: 12px;
    margin-left: 1.2%;
    margin-bottom: 0;
}

.footer {
    /*    max-height: 80px;*/
    background-color: #7c7a7a;
}

/* Mention Légales */
.mentions-titre > h1 {
    font-family: 'DIN-Medium';
    color: #86c117;
    margin-top: 50px;
}

.mentions-content {
    padding: 30px;
}

.mentions-content > p {
    font-family: 'DIN-Regular';
    font-size: 15px;
}

.mentions-content > h3 {
    font-family: 'DIN-Medium';
    font-size: 20px;
    color: #7c7a7a;
    line-height: 1.1;
    margin-bottom: 20px;
    text-transform: uppercase !important;
    min-width: 100%;
}

.footer > p > a {
    color: white;
}

.competence-externe-intro {
    margin-left: 0 !important;
}

.competence-externe-intro > p {
    padding-left: 4%;
}

.form-group > img {
    margin-bottom: 40px;
}

label.checkbox.col-sm-6 {
    padding: 0;
}

/* Slider Landscape */
.landscape568 {
    display: none;
}

.landscape640 {
    display: none;
}

.landscape667 {
    display: none;
}

.landscape736 {
    display: none;
}

.landscape812 {
    display: none;
}

.landscape846 {
    display: none;
}

/* Slider Landscape */
/* Test */
/*and (min-width: 992)*/
.displayphone {
    display: none !important;
}

#mutuelle-sante + div > div > div > div:nth-child(3) > .btn-info-produit.displayphone {
    display: block !important;
}

.btn-info-produit > img {
    max-width: 100%;
    vertical-align: top;
    margin-top: 0 !important;
}

.btn-info-produit {
    max-width: min-content !important;
}

.displaydesktop {
    display: block !important;
}

.res1280 {
    display: none;
}

.res1920 {
    display: inline;
}

.resphone {
    display: none;
}

#scpi {
    background-image: url(img/slider-1920/SCPI_1920x770.jpg);
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

#mySidebar {
    display: none;
}

#main {
    display: none;
}

.navbar {
    padding: 0;
    display: flex;
    flex-shrink: 0;
}

.navbar-brand {
    margin: 6px 0 0 30px;
}

.navbar-brand > img {
    width: 10em;
}

.onglets-wrapper > div {
    text-align: right;
    min-width: 704px;
}

.onglets-wrapper > div > .ombre {
    width: 579px;
    vertical-align: inherit;
}

.onglets-items > .nav-link {
    color: white !important;
    font-size: 15px;
}

.onglets-items {
    display: flex;
    align-items: center;
    height: 72px;
    background-color: #86c117;
    font-size: 25px;
    min-height: 0;
}

.onglets-items > a {
    white-space: nowrap;
    margin: 0 10px 0 10px;
    color: white;
}

.onglets-separateur {
    border-right: 1px solid white;
    height: 30%;
    vertical-align: middle;
}

.menu {
    padding-left: 0px;
    padding-right: 0px;
}

.menu-wrapper {
    color: #7c7a7a;
    margin-left: 0;
    margin-top: 15px;
}

.dropdown-menu {
    border-radius: 0px;
    border: 1px solid #86c117;
    margin: 0px !important;
    padding: 0px !important;
}

.dropdown-item {
    color: #7c7a7a;
    padding: 5px 5px 0 10px;
}

.dropdown-item-text {
    color: #7c7a7a;
    padding: 0 5px 0 10px;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-divider {
    margin: 0 !important;
}

.menu > a {
    font-size: 13px;
    color: #7c7a7a;
    margin: 0px;
    padding: 0;
}

.carousel-caption {
    text-align: left;
    padding: 30px 30px;
    padding-right: 15px;
    height: 70%;
    width: 30%;
    min-width: 366px;
    /* min-height: 342px; */
    /* max-width: 400px; */
    max-height: 450px;
    right: 46%;
    bottom: 0% !important;
    left: 9%;
    background: rgba(255, 255, 255, 0.9);
}

.carousel-caption > h1 {
    font-family: 'DIN-Regular';
    color: #86c117;
    font-size: 30px;
    text-align: left;
    padding-bottom: 0;
}

.modal-dialog {
    max-width: 78% !important;
}

.carousel-caption-credit {
    bottom: 45% !important;
}

.carousel-caption-credit > h1 {
    font-size: 40px !important;
}

.carousel-caption > p {
    font-family: 'DIN-Regular';
    font-size: 15px;
    color: #7c7a7a;
    text-align: left;
    padding-bottom: 0;
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

.btn-slider {
    background-color: rgba(0, 0, 0, 0);
    color: #86c117;
    border: 2px solid #86c117;
    width: 55%;
    height: 18%;
    font-size: 17px;
    /* margin-top: 65px; */
}

.carousel-indicators {
    bottom: -50px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #d7d7d7
}

.carousel-indicators .active {
    background-color: #86c117;
}

.carousel-control-prev-icon {
    background-image: url(img/carousel-control-left.png);
    color: #86c117;
    opacity: 1;
    width: 65px;
    height: 65px;
}

.carousel-control-next-icon {
    background-image: url(img/carousel-control-right.png);
    color: #86c117;
    opacity: 1;
    width: 65px;
    height: 65px;
}

.carousel-control-prev {
    opacity: 1;
    justify-content: left;
}

.carousel-control-next {
    opacity: 1;
    justify-content: flex-end;
}

/* Carousel */
.white-section {
    padding: 50px 30px 50px 30px;
    color: #7c7a7a;
    display: flex;
    flex-shrink: 0;
}

.white-section-title {
    color: #86c117;
    text-align: center;
    padding-bottom: 50px;
}

.white-section-btn {
    border: 1px solid #86c117;
    color: #86c117;
}

.green-section {
    padding: 50px 30px 50px 30px;
    background-color: #86c117;
    color: white;
    text-align: center;
    display: flex;
    flex-shrink: 0;
}

.competence-externe-intro > p {
    padding-left: 3%;
}

.green-section-title {
    color: white;
    text-align: center;
    padding-bottom: 50px;
}

.green-section-btn {
    border: 1px solid white;
    color: white;
    background-color: transparent;
}

.green-section-btn:hover {
    border: 1px solid white;
    color: white;
    background-color: transparent;
}

.green-section-activite {
    padding: 50px 0px 50px 0px;
}

.picto-produit {
    margin-bottom: 50px !important;
    align-items: unset;
    text-align: center;
    margin: 0 15px 0 15px;
}

.btn-all-product {
    border: 1px solid #86c117;
    color: #86c117
}

.picto-produit > a > img {
    margin-bottom: 25px;
}

.collapse-produit {
    /* margin: 0 30px 0 30px; */
}

.picto-contact > img {
    padding-bottom: 25px;
}

.picto-contact-middle {
    border-left: 2px solid white;
    border-right: 2px solid white;
}

.localisation-phone {
    display: none;
}

.phone-phone {
    display: none;
}

.recall-phone {
    display: none;
}

.actualite {
    width: 30%;
    padding: 0 35px 0 35px;
}

.nav {
    margin-top: 30px;
}

.nav-link {
    padding: 0;
    margin: 0 10px 0 10px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #86c117;
    background-color: transparent;
}

.nav-pills .nav-link {
    color: #7c7a7a;
}

.actualite-separateur {
    border-left: 2px solid #86c117;
    margin-right: 20px;
}

.actualite-middle {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-left: none;
    border-right: none;
}

.photo-actualite {
    text-align: -webkit-center;
    width: 250px;
}

.ombre-actu {
    width: 300px;
    margin-top: -13px;
}

.actu-title {
    font-size: 1.5rem;
}

.actu-btn-savoir {
    border: 1px solid #86c117;
    background-color: transparent;
    color: #86c117;
    height: auto;
    font-family: 'DIN-Regular';
    font-size: 15px;
}

.menu-actu {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.menu-actu > div > a {
    padding: 0 30px 0 40px;
    text-align: -webkit-center;
}

.onglets-separateur-actu {
    border-right: 1px solid #7c7a7a;
}

.about-card {
    border: 2px solid #86c117;
    margin: 0 35px 0 35px;
    padding: 25px 20px 25px 20px !important;
}

.about-card > h5 {
    color: #86c117;
}

.about-card > ul {
    padding-left: 9px;
}

.about-card > ul > li {
    margin-left: 10px;
}

.competence {
    min-width: 22%;
    border: 2px solid white;
    margin: 0 10px 0 10px;
    padding: 20px 20px 20px 20px !important;
}

.competence > h5 {
    font-family: 'DIN-Medium';
    font-size: 1em;
}

.competence > img {
    margin: 30px 0 30px 0;
    text-align: center;
}

.whyus-left {
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    min-width: 37%;
    /* width: 50%; */
}

.whyus-right {
    /* width: 30%; */
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    min-width: 39%;
    margin-left: 20%;
}

.check {
    float: left;
    width: 27px;
    margin-right: 15px;
}

.nosplus {
    /* margin-left: 221px; */
    margin-top: 50px;
}

.carousel-client > img {
    max-height: 100px;
}

.slick-slide {
    margin: 0 27px;
}

.competence-externe-title > .displaydesktop {
    display: inline !important;
}

/* the parent */
.slick-list {
    margin: 0 -27px;
}

.footer {
    /*    min-height: 105px;*/
    font-size: 12px;
    flex-flow: column-reverse;
    padding: 0px 30px 0px 30px;
    text-align: center;
}

.footer > .col-sm-6 {
    min-width: 100%;
}

.footer > .col-sm-6 > p {
    margin-bottom: 0;
}

.non-actif {
    color: #abd45d;
}

.actif {
    border-bottom: 2px solid #86c117;
}

.actif > a {
    color: #86c117 !important;
}

.dropdown-menu > a:hover {
    background-color: #b9b9b9;
}

.first-section {
    position: relative;
    display: block;
}

.first-section-title {
    width: 75%;
}

.first-section-content {
    padding-right: 75px;
    width: 75%;
}

.detail-produit-titre {
    margin-bottom: 30px;
}

.first-section:after {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
}

ul {
    list-style-position: outside;
}

.product-details-left {
    padding: 0 40px 0 30px !important;
    border-right: 3px solid #86c117;
    margin: 50px 0 30px 0;
}

.product-details-left > h3 {
    /*    font-family: 'DIN-Medium';*/
    font-size: 20px;
    color: #7c7a7a;
    line-height: 0.8;
    margin-bottom: 20px;
}

.product-details-left > p {
    margin-bottom: 50px;
}

.product-details-right {
    padding: 0 40px 0 40px !important;
    margin: 50px 0 30px 0;
}

.product-details-right > h3 {
    /*    font-family: 'DIN-Medium';*/
    font-size: 20px;
    color: #7c7a7a;
    line-height: 0.8;
    margin-bottom: 20px;
}

.product-details-right > p {
    margin-bottom: 50px;
}

.product-details-full {
    border-left: 3px solid #86c117;
    padding-left: 30px !important;
}

.product-details-full > h3 {
    font-family: 'DIN-Medium';
    text-transform: uppercase;
    font-size: 20px;
}

td {
    vertical-align: middle;
}

.picto-detail-product {
    margin-bottom: 30px;
    max-width: 80px;
}

.fil-arianne {
    margin-bottom: 30px;
}

.fil-arianne > p > span {
    display: inline !important;
}

.fil-arianne > h3 {
    font-family: 'DIN-Regular';
    font-size: 25px;
    margin-bottom: -10px;
}

.slogan {
    font-family: 'DIN-Regular';
    background-color: #86c117;
}

.slogan > h1 {
    font-size: 25px;
    line-height: 50px;
    margin: 15px 0 100px 0;
}

.slogan > img {
    height: 30px;
}

.col-xl-12.ombre {
    padding: 0;
}

/* Test */
/* Mention Légales */
@media only screen and (max-width: 991px) {

    .svg {
        height: 100px;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 30%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .res1920 {
        display: inline;
    }

    .res1280 {
        display: none;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 36;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 10px 15px 30px 15px;
        padding-right: 15px;
        width: 364px;
        height: 310px;
        right: 46%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        /* margin-top: 30px */
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-contact {
        padding: 50px 0px 50px 0px !important;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact {
        max-width: 31%;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        /*margin-left: 28px;*/
    }

    .actu-title {
        font-size: 19px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: center;
        font-size: 15px;
    }

    .actualite-middle {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 35px;
        padding-right: 35px;
        border-left: none;
        border-right: none;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 20px 0px 0 0px;
        padding: 25px 20px 25px 20px !important;
        min-width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        min-width: 80%;
        margin-left: 0px;
    }

    .whyus-right {
        min-width: 80%;
        margin-left: 0px;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        /* margin-left: 12% !important; */
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        /*        max-height: 80px;*/
        background-color: #7c7a7a;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 30px 0 0px !important;
        border-right: 3px solid #86c117;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        padding: 0 30px 0 30px !important;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px;
    }

    .competence-externe > div:nth-child(4) {
        flex: 0 0 71%;
        max-width: 84%;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        white-space: normal !important;
        display: block !important;
        width: 100%;
        /* padding: 0; */
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 5% !important;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .filterBtn > .btn {
        background-color: #86c117;
        width: auto;
        margin-bottom: 80px !important;
        color: white;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (max-width: 767px) {

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #textarea {
        width: 100% !important;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 1rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
        font-size: 12px;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        font-size: 14px;
        padding: 0;
        margin: 0 5px 0 5px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 15px 0px 15px 0px;
        padding: 25px 15px 25px 15px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {
        padding: 0px !important;
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px;
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 80px;
        margin-left: 0px;
        text-align: center !important;
    }

    .check {
        width: 27px !important;
        margin-right: 15px;
        float: left;
        margin-bottom: 10px;
    }

    .nosplus > .check {
        float: none !important;
        margin-bottom: 15px;
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .btn-info-produit.displayphone {
        border-left: 3px solid #86c117;
        margin-left: 30px;
        padding-left: 30px;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        margin-top: 15px;
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }
}

/* Ipad */
@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 1024px) and (device-width: 768px) and (orientation: portrait) {
    .resipad {
        display: inline !important;
    }

    .first-section + .row > .col-sm-9 + .img-fluid.mx-auto.displayphone { 
        display: block !important;
        margin-top: 35px;                
    }

    .slogan > .img-fluid.displaydesktop {
        display: none !important;
    }

    .slogan {
        min-width: 100%;   
        margin-top: 15px;     
    }

    .first-section + .row > .col-lg-9 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .first-section + .row > .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    body {
        background-color: white !important;
    }

    .competence-externe > div:nth-child(4) {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .svg {
        height: 60px !important;
    }


    .resphonepaysage {
        display: none;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 188px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .res1920 {
        display: inline;
    }

    .res1280 {
        display: none;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 36;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 20px 20px;
        padding-right: 20px;
        min-width: unset;
        min-height: unset;
        width: 52%;
        max-width: 400px;
        height: 90%;
        max-height: 400px;
        right: 94%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .carousel-caption-credit-immo {
        text-align: left;
        padding: 0 !important;
        padding-right: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        width: 100%;
        max-width: unset !important;
        height: 100%;
        max-height: unset !important;
        right: 0 !important;
        bottom: 0% !important;
        left: 0 !important;
        background: none;
    }

    .carousel-caption-credit-immo > h1 {
        font-family: 'DIN-Medium' !important;
        color: #86c117;
        font-size: 26px !important;
        top: 80%;
        text-align: left;
        padding-bottom: 0;
        display: inline !important;
    }

    .carousel-caption-credit-immo > .btn-info-produit {
        /* text-align: right; */
        width: unset;
        max-width: unset !important;
        display: inline !important;
        margin-right: 100px;
    }

    .carousel-caption-credit-immo > button {
        display: inline;
        width: 35% !important;
        white-space: normal !important;
        margin-left: 40%;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 22px;
        text-align: left;
        padding-bottom: 0;
        display: inline-block !important;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: auto;
        height: 18%;
        font-size: 17px;
        /* margin-top: 30px */
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 27px 50px 0px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 60px 50px 60px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        /*min-width: 100%;*/
    }

    .white-section-credit {
        padding: 50px 15px 50px 30px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        width: 30%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
        min-width: 25%;    
    }

    .white-section-solution > a {
        margin: 0 50px 50px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 40%;        
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .text-produit {
        font-size:14px;
    }

    .picto-contact > .displaydesktop {
        display: inline !important;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 15px !important; */
        /* padding-left: 13.4375px  !important; */
        /* padding-right: 13.4375px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        /*margin-left: 28px;*/
    }

    .actu-title {
        font-size: 20px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        /* padding-left: 0px !important; */
        /* padding-right: 0px !important; */
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 20px 0px 0 0px;
        padding: 25px 20px 25px 20px !important;
        min-width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23%;
        max-width: 19% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
        color: white;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .competence:nth-child(3) > img {}

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 4% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        height: 125px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;
        text-align: center;
        /*        padding-bottom: 0px !important;*/
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
        padding: 50px 30px 50px 30px;
    }

    .first-section + .row > div {
        padding: 50px 30px 0px 30px;
    }

    .first-section + .row > .col-sm-9 > .white-section {
        padding: 0px 30px 0px 30px;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        min-width: 90%;
        padding: 0 0 0 30px !important;
        margin-left: 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        min-width: 90%;
        margin-left: 30px !important;
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        white-space: nowrap !important;
        /* display: block !important; */
        width: 100% !important;
        /* padding: 0; */
    }

    .slogan {
        font-family: 'DIN-Regular';
        /*        min-width: 100%;*/
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;        
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 0% !important;
        text-align: center;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }

    .girardin {
        width: 70% !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 1024px) and (device-width: 768px) and (orientation: landscape) {
    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .girardin {
        margin-bottom: 40px;
    }

    .slogan {
        min-width: 100%;    
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    .first-section + .row > .col-lg-9 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .first-section + .row > .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
        

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem; 
        padding-left: 0rem;
    }

    body {
        background-color: white !important;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none !important;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 32px 0 0 24px !important;
    }

    .navbar-brand > img {
        width: 8em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 352px;
        height: 350px;
        right: 46%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption-credit {
        bottom: 32% !important;
        left: 64% !important;
        /* display: none !important; */
    }

    .carousel-caption-credit > h1 {
        bottom: 32% !important;
        display: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 30px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        /*min-width: 100%;*/
    }

    .white-section-credit {
        padding: 50px 10px 50px 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 0px 50px 0px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 10px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite-middle {
        border-top: none;
        border-bottom: none;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117 !important;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px !important;
        padding: 20px 0px 20px 0px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 0.9em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: 200px !important;
        margin-right: auto !important;
        width: 80% !important;
    }

    .whyus-right {
        margin-left: 200px !important;
        margin-right: auto !important;
        width: 80%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 7% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 140px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;        
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;        
    }

    .footer > .col-sm-6:nth-child(1){
        margin-top: 10px;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        /*        min-width: 90%;*/
        padding: 0 0 0 30px !important;
        /* margin-left:30px !important; */
        border-right: none !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        /*        min-width: 100%;*/
        /* margin-left: 30px !important; */
        padding: 0 0 0 30px !important;
        border-right: none !important;
        /* margin-bottom: -20px !important; */
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        /* white-space: normal !important; */
        /* display: block !important; */
        width: 100% !important;
        padding: 5px;
    }

    .slogan {
        /*        margin-top: 36px;*/
        font-family: 'DIN-Regular';
        /*        min-width: 100%;*/
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;
        /* text-align: center; */
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 0% !important;
        text-align: center;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }
}

/* Ipad 3eme Generation */

@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 1112px) and (device-width: 834px) and (orientation: portrait) {
    .resipad {
        display: inline !important;
    }

    .text-produit {
        font-size:14px;
    }

    .slogan {
        min-width: 100%;   
        margin-top: 50px;     
    }

    .first-section + .row > .col-lg-9 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .first-section + .row > .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    .competence-externe > div:nth-child(4) {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    body {
        background-color: white !important;
    }

    .svg {
        height: 60px !important;
    }


    .resphonepaysage {
        display: none;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 188px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .res1920 {
        display: inline;
    }

    .res1280 {
        display: none;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 36;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 20px 20px;
        padding-right: 20px;
        min-width: unset;
        min-height: unset;
        width: 52%;
        max-width: 400px;
        height: 90%;
        max-height: 400px;
        right: 94%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .carousel-caption-credit-immo {
        text-align: left;
        padding: 0 !important;
        padding-right: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        width: 100%;
        max-width: unset !important;
        height: 100%;
        max-height: unset !important;
        right: 0 !important;
        bottom: 0% !important;
        left: 0 !important;
        background: none;
    }

    .carousel-caption-credit-immo > h1 {
        font-family: 'DIN-Medium' !important;
        color: #86c117;
        font-size: 26px !important;
        top: 80%;
        text-align: left;
        padding-bottom: 0;
        display: inline !important;
    }

    .carousel-caption-credit-immo > .btn-info-produit {
        /* text-align: right; */
        width: unset;
        max-width: unset !important;
        display: inline !important;
        margin-right: 100px;
    }

    .carousel-caption-credit-immo > button {
        display: inline;
        width: 35% !important;
        white-space: normal !important;
        margin-left: 40%;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 22px;
        text-align: left;
        padding-bottom: 0;
        display: inline-block !important;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: auto;
        height: 18%;
        font-size: 17px;
        /* margin-top: 30px */
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 27px 50px 0px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 60px 50px 60px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        /*min-width: 100%;*/
    }

    .white-section-credit {
        padding: 50px 15px 50px 30px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        width: 30%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .white-section-solution > a {
        margin: 0 50px 50px;
    }

    .picto-produit {
        width: 30%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
        min-width: 25%;    
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 40%;
    }


    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact > .displaydesktop {
        display: inline !important;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 15px !important; */
        /* padding-left: 13.4375px  !important; */
        /* padding-right: 13.4375px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        /*margin-left: 28px;*/
    }

    .actu-title {
        font-size: 20px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        /* padding-left: 0px !important; */
        /* padding-right: 0px !important; */
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 20px 0px 0 0px;
        padding: 25px 20px 25px 20px !important;
        min-width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23%;
        max-width: 19% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
        color: white;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .competence:nth-child(3) > img {}

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 4% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        height: 125px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;
        text-align: center;
        /*        padding-bottom: 0px !important;*/
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
        padding: 50px 30px 50px 30px;
    }

    .first-section + .row > div {
        padding: 50px 30px 0px 30px;
    }

    .first-section + .row > .col-sm-9 > .white-section {
        padding: 0px 30px 0px 30px;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        min-width: 90%;
        padding: 0 0 0 30px !important;
        margin-left: 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        min-width: 90%;
        margin-left: 30px !important;
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        white-space: nowrap !important;
        /* display: block !important; */
        width: 100% !important;
        /* padding: 0; */
    }

    .slogan {
        font-family: 'DIN-Regular';
        /*        min-width: 100%;*/
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;        
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 0% !important;
        text-align: center;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }

    .girardin {
        width: 70% !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 1112px) and (device-width: 834px) and (orientation: landscape) {
    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .girardin {
        margin-bottom: 40px;
    }

    body {
        background-color: white !important;
    }

    .slogan {
        min-width: 100%;    
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    .first-section + .row > .col-lg-9 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none !important;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 32px 0 0 24px !important;
    }

    .navbar-brand > img {
        width: 8em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 352px;
        height: 350px;
        right: 46%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption-credit {
        bottom: 32% !important;
        left: 64% !important;
        /* display: none !important; */
    }

    .carousel-caption-credit > h1 {
        bottom: 32% !important;
        display: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 30px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .first-section + .row > .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;        
    }

    .white-section-credit {
        padding: 50px 10px 50px 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 0px 50px 0px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 10px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite-middle {
        border-top: none;
        border-bottom: none;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117 !important;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px !important;
        padding: 20px 0px 20px 0px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 0.9em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 50% !important;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 50%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 7% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 140px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;        
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;        
    }

    .footer > .col-sm-6:nth-child(1){
        margin-top: 10px;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        /*        min-width: 90%;*/
        padding: 0 0 0 30px !important;
        /* margin-left:30px !important; */
        border-right: none !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        /*        min-width: 100%;*/
        /* margin-left: 30px !important; */
        padding: 0 0 0 30px !important;
        border-right: none !important;
        /* margin-bottom: -20px !important; */
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        /* white-space: normal !important; */
        /* display: block !important; */
        width: 100% !important;
        padding: 5px;
    }

    .slogan {
        /*        margin-top: 36px;*/
        font-family: 'DIN-Regular';
        /*        min-width: 100%;*/
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;
        /* text-align: center; */
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }
}

/* Ipad Pro */
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) {

    /* Recup media 1920 */
    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .girardin{
        width: 75% !important;        
    }

    .homme-clé-img {
        margin-top: 40px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }

    body {
        background-color: white !important;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 30%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop > button {
        white-space: normal;
    }

    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 33px 0 0 26px !important;
    }

    .navbar-brand > img {
        width: 8em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 13px !important;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 352px;
        height: 350px;
        right: 46%;
        /* bottom: 4% !important; */
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 30px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
        margin-bottom: 20px;
    }

    .btn-info-produit > button {
        white-space: normal !important;
        display: block;
    }

    .white-section-credit {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact {
        width: 30%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-middle {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 35px;
        padding-right: 35px;
        border-left: none;
        border-right: none;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        max-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .competence:nth-child(2) > img {
        margin-top: 11px !important;
    }

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 7% !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 100px !important;
        background-color: #7c7a7a;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section + .row > .col-sm-9 {
        padding: 50px 0px 0px 0px !important;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 30px 0 0px !important;
        border-right: 3px solid #86c117;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1 !important;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        padding: 0 30px 0 30px !important;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1 !important;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    .product-details-right > ul {
        padding-inline-start: 0px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

    /* Recup media 1920 */
    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .girardin {
        margin-bottom: 40px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 30%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    .resphone {
        display: none;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 25px 0 0 30px;
    }

    .navbar-brand > img {
        width: 10em;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: -22px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 13px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 352px;
        height: 350px;
        right: 41%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 0px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 40px 50px 40px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-activite > .row {
        min-width: 100%;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: center;
    }

    .actualite-middle {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 35px;
        padding-right: 35px;
        border-left: none;
        border-right: none;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 20px 20px 20px 20px;
    }

    .competence > p,
    .competence > ul {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 40%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 39%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 6% !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 106px;
        background-color: #7c7a7a;
        flex-flow: column-reverse;
        justify-content: center !important;
        text-align: center;
        min-width: 100%;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
        padding: 50px 30px 50px 30px;
    }

    .first-section + .row > .col-sm-9 {
        padding: 50px 30px 0px 30px;
    }

    .first-section + .row > .col-sm-9 > .white-section {
        padding: 0px 30px 0px 30px;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 30px 0 30px !important;
        border-right: 3px solid #86c117;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1 !important;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
        margin-bottom: 30px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        padding: 0 30px 0 30px !important;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1 !important;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

/* Ipad Pro */
@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 1194px) and (device-width: 834px) and (orientation: portrait) {
    .resipad {
        display: inline !important;
    }

    .first-section + .row > .col-sm-9 + .img-fluid.mx-auto.displayphone { 
        display: block !important;
        margin-top: 35px;                
    }

    .slogan > .img-fluid.displaydesktop {
        display: none !important;
    }

    .slogan {
        min-width: 100%;   
        margin-top: 15px;     
    }

    .first-section + .row > .col-lg-9 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .first-section + .row > .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    body {
        background-color: white !important;
    }

    .competence-externe > div:nth-child(4) {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .svg {
        height: 60px !important;
    }


    .resphonepaysage {
        display: none;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 188px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .res1920 {
        display: inline;
    }

    .res1280 {
        display: none;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 36;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 20px 20px;
        padding-right: 20px;
        min-width: unset;
        min-height: unset;
        width: 52%;
        max-width: 400px;
        height: 90%;
        max-height: 400px;
        right: 94%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .carousel-caption-credit-immo {
        text-align: left;
        padding: 0 !important;
        padding-right: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        width: 100%;
        max-width: unset !important;
        height: 100%;
        max-height: unset !important;
        right: 0 !important;
        bottom: 0% !important;
        left: 0 !important;
        background: none;
    }

    .carousel-caption-credit-immo > h1 {
        font-family: 'DIN-Medium' !important;
        color: #86c117;
        font-size: 26px !important;
        top: 80%;
        text-align: left;
        padding-bottom: 0;
        display: inline !important;
    }

    .carousel-caption-credit-immo > .btn-info-produit {
        /* text-align: right; */
        width: unset;
        max-width: unset !important;
        display: inline !important;
        margin-right: 100px;
    }

    .carousel-caption-credit-immo > button {
        display: inline;
        width: 35% !important;
        white-space: normal !important;
        margin-left: 40%;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 22px;
        text-align: left;
        padding-bottom: 0;
        display: inline-block !important;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: auto;
        height: 18%;
        font-size: 17px;
        /* margin-top: 30px */
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 27px 50px 0px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 60px 50px 60px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        /*min-width: 100%;*/
    }

    .white-section-credit {
        padding: 50px 15px 50px 30px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        width: 30%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
        min-width: 25%;    
    }

    .white-section-solution > a {
        margin: 0 50px 50px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 40%;        
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .text-produit {
        font-size:14px;
    }

    .picto-contact > .displaydesktop {
        display: inline !important;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 15px !important; */
        /* padding-left: 13.4375px  !important; */
        /* padding-right: 13.4375px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        /*margin-left: 28px;*/
    }

    .actu-title {
        font-size: 20px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        /* padding-left: 0px !important; */
        /* padding-right: 0px !important; */
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 20px 0px 0 0px;
        padding: 25px 20px 25px 20px !important;
        min-width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23%;
        max-width: 19% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
        color: white;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .competence:nth-child(3) > img {}

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 4% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        height: 125px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;
        text-align: center;
        /*        padding-bottom: 0px !important;*/
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
        padding: 50px 30px 50px 30px;
    }

    .first-section + .row > div {
        padding: 50px 30px 0px 30px;
    }

    .first-section + .row > .col-sm-9 > .white-section {
        padding: 0px 30px 0px 30px;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        min-width: 90%;
        padding: 0 0 0 30px !important;
        margin-left: 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        min-width: 90%;
        margin-left: 30px !important;
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        white-space: nowrap !important;
        /* display: block !important; */
        width: 100% !important;
        /* padding: 0; */
    }

    .slogan {
        font-family: 'DIN-Regular';
        /*        min-width: 100%;*/
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;        
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 0% !important;
        text-align: center;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }

    .girardin {
        width: 70% !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 1194px) and (device-width: 834px) and (orientation: landscape) {
    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .girardin {
        margin-bottom: 40px;
    }

    .slogan {
        min-width: 100%;    
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0 !important;
        padding-left: 0% !important;
        text-align: center !important;
    }

    .first-section + .row > .col-lg-9 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .first-section + .row > .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
        

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem; 
        padding-left: 0rem;
    }

    body {
        background-color: white !important;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none !important;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 32px 0 0 24px !important;
    }

    .navbar-brand > img {
        width: 8em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 352px;
        height: 350px;
        right: 46%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption-credit {
        bottom: 32% !important;
        left: 64% !important;
        /* display: none !important; */
    }

    .carousel-caption-credit > h1 {
        bottom: 32% !important;
        display: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 30px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        /*min-width: 100%;*/
    }

    .white-section-credit {
        padding: 50px 10px 50px 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 0px 50px 0px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 10px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite-middle {
        border-top: none;
        border-bottom: none;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117 !important;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px !important;
        padding: 20px 0px 20px 0px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 0.9em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: 200px !important;
        margin-right: auto !important;
        width: 80% !important;
    }

    .whyus-right {
        margin-left: 200px !important;
        margin-right: auto !important;
        width: 80%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 7% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 140px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;        
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;        
    }

    .footer > .col-sm-6:nth-child(1){
        margin-top: 10px;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        /*        min-width: 90%;*/
        padding: 0 0 0 30px !important;
        /* margin-left:30px !important; */
        border-right: none !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        /*        min-width: 100%;*/
        /* margin-left: 30px !important; */
        padding: 0 0 0 30px !important;
        border-right: none !important;
        /* margin-bottom: -20px !important; */
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        /* white-space: normal !important; */
        /* display: block !important; */
        width: 100% !important;
        padding: 5px;
    }

    .slogan {
        /*        margin-top: 36px;*/
        font-family: 'DIN-Regular';
        /*        min-width: 100%;*/
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;
        /* text-align: center; */
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 0% !important;
        text-align: center;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }
}

/* Iphone 4 */
@media only screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .res1920 {
        display: none !important;
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #mySidebar > div > select {
        max-width: 210px !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 310px;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 50%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 0px 0 0px;
    }

    .picto-produit > a {
        font-size: 14px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 50px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .green-section-activite {
        padding: 0px !important;
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 80px;
    }

    .check {
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        border-left: 3px solid #86c117;
        margin-left: 30px;
        padding-left: 30px;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (device-width: 320px) and (device-height: 408px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

    /* Menu Collapse */
    .displayphone {
        display: block;
    }

    .displaydesktop {
        display: none !important;
    }

    .res1920 {
        display: none !important;
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #mySidebar > div > select {
        max-width: 210px !important;
    }

    #mySidebar > div > label {
        max-width: 210px !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 310px;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 50%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 0px 0 0px;
    }

    .picto-produit > a {
        font-size: 14px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 50px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 60% !important;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .green-section-activite {
        padding: 0px !important;
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 80px;
    }

    .check {
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        border-left: 3px solid #86c117;
        margin-left: 30px;
        padding-left: 30px;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

/* Iphone 5/SE */
@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 568px) and (device-width: 320px) {


    .btn-info-produit {
        max-width: 60% !important;
    }

    .svg {
        height: 55px !important;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #mySidebar > div > select {
        max-width: 210px !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 2%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: unset;
        min-height: unset;
        width: 310px;
        height: 350px;
        right: 0%;
        bottom: -224% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 24px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 13px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 128.33px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 128.33px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 15px 50px 15px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 30px 50px 30px;
    }

    .footer {
        min-height: 170px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 25px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 25px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 100%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 13px 0 13px;
    }

    .picto-produit > a {
        font-size: 14px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 50px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
        font-size: 11px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
        justify-content: center;
    }

    .first-section > .row:nth-child(2) > div > h1 {
        font-size: 30px;
        text-align: center;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        display: block;
        white-space: normal;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .about-card > h5 {
        font-size: 17px;
    }

    .green-section-activite {
        /* padding: 0px !important; */
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
        min-width: 100% !important;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 40px;
    }

    .check {
        width: 16px !important;
        float: left;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .nosplus > .check {
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        flex: unset !important;        
        max-width: 82% !important;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > img {
        max-width: 200px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 20px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 10px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .carousel-credit-immo + div + div {
        margin-left: 12% !important;
        margin-top: -10% !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .mentions-titre > h1{
        font-size: 30px;
    }
}

@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

    .homme-clé-img {
        width: 50%;
    }

    .girardin-img {
        width: 80%;
    }

    /* Slider Landscape */
    .landscape568 {
        display: inline;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: none;
    }

    /* Slider Landscape */
    .displayphone {
        display: block;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #mySidebar > div > select {
        max-width: 210px !important;
    }

    #mySidebar > div > label {
        max-width: 210px !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 1.5%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 60px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 310px;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 25px 50px 25px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .fil-arianne-img {
        vertical-align: middle;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .footer {
        min-height: 126px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 29%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 0px 0 0px;
    }

    .picto-produit > a {
        font-size: 14px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 50px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 33% !important;
        margin-left: 60px;
        margin-right: 60px;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 35px 10px 35px;
        padding: 25px 20px 25px 20px !important;
        min-width: 90%;
    }

    .about-card > h5 {
        font-size: 17px;
    }

    .green-section-activite {
        padding: 0px 10px 50px 10px !important;
    }

    .competence {
        min-width: 46% !important;
        padding: 20px !important;
        max-width: 47% !important;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left, .whyus-right {
        max-width: 80%;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0 !important;
        padding: 20px !important;
    }

    .nosplus {
        margin-top: 40px;
    }

    .check {
        width: 16px !important;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        border-left: none;
        margin-left: 27% !important;
        padding-left: 0;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 !important;
    }

    .slogan > h1 > br {
        display: none
    }

    .slogan > img {
        height: 30px;
    }
}

/* Galaxy S5 */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

    .svg {
        height: 56px;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 325px;
        min-width: unset;
        min-height: unset;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 30%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 30px 0 30px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 80%;
    }

    .picto-produit > a > .text-produit {
        font-size: 12px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
        /* min-width: 100%; */
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 1.4rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 5px 0 5px;
        font-size: 12px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    #main > p {
        font-size: 12px;
        margin-left: 2%;
        margin-bottom: 0;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 35px 10px 35px;
        padding: 25px 20px 25px 20px !important;
        min-width: 100%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {}

    .competence {
        min-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 80px;
    }

    .check {
        width: 16px !important;
        float: left;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .nosplus {
        margin-left: 0px;
        margin-top: 40px;
        text-align: center !important;
    }

    .nosplus > .check {
        float: none !important;
        width: 27px !important;
        margin-bottom: 15px;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .product-details-right > .btn-info-produit {
        margin-left: 0 !important;
    }

    .btn-info-produit.displayphone {
        /* border-left: 3px solid #86c117; */
        margin-left: 16%;
        /* padding-left: 30px; */
        /* margin-left: 8% !important; */
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 360px) and (device-width: 640px) {

    .svg {
        height: 40px;
    }

    .landscape568 {
        display: none;
    }

    .landscape640 {
        display: inline;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 50px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -184% !important;
        left: 0%;
        /* background: none !important; */
        position: relative;
    }

    .carousel-caption-credit {
        bottom: -11% !important;
        left: 46% !important;
        /* display: none !important; */
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 20px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        max-width: 16%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .collapse-produit > .picto-produit {
        margin-bottom: 20px !important;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: block !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 50%;
    }

    .picto-produit > a > .text-produit {
        font-size: 12px;
    }

    .collapse {
        margin: 0px !important;
        margin-bottom: 30px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 50% !important;
        margin-left: 10%;
        margin-right: 10%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite > .row {
        justify-content: center;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
        min-width: 100% !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .form-conteneur > form > .form-row > .col-sm-6 {
        min-width: 100%;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100% !important;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important;
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 35px 10px 35px;
        padding: 25px 20px 25px 20px !important;
        min-width: 90%;
    }

    .about-card > h5 {
        font-size: 17px;
    }

    .green-section-activite {
        /* padding: 0px !important; */
    }

    .competence {
        min-width: 44% !important;
        padding: 20px !important;
        max-width: 50%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        min-width: 81%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .whyus-right {
        min-width: 81%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-bottom: 40px;
    }

    .competence-middle1 {
        /* border-top: 1px solid #7c7a7a; */
        /* border-bottom: 1px solid #7c7a7a; */
        /* padding-top: 45px !important; */
        /* padding-bottom: 20px; */
        /* margin-bottom: 15px !important; */
        /* margin-top: 20px; */
    }

    .competence-middle2 {
        /* border-bottom: 1px solid #7c7a7a; */
        /* margin-bottom: 45px !important; */
        /* padding-top: 30px !important; */
    }

    .nosplus {
        margin-top: 40px;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        width: 27px !important;
        margin-right: 10px !important;
    }

    .check {
        width: 18px !important;
        float: left;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        margin-left: 15px;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .competence-externe-intro > p {
        padding-left: 0px !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        /* border-left: 3px solid #86c117; */
        /* margin-left: 30px; */
        /* padding-left: 30px; */
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        /* display: none !important; */
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .homme-clé-img {
        width: 50%;
    }

    .girardin-img {
        width: 80%;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        min-width: 100%;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 20px 0 20px !important;
    }

    .slogan > h1 > br {
        display: none
    }

    .slogan > img {
        height: 30px;
    }
}

/* Galaxy S6 */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {

    .svg {
        height: 44px;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        min-height: unset;
        min-width: unset;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 27px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 144.375px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 144.375px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 27px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 27px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 100%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 80px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        width: 80px;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 1.1rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 5px 0 5px;
        font-size: 12px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    #main > p {
        font-size: 12px;
        margin-left: 2%;
        margin-bottom: 0;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 35px 10px 35px;
        padding: 25px 20px 25px 20px !important;
        min-width: 100%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {}

    .competence {
        min-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1.2em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 80px;
    }

    .check {
        width: 16px !important;
        float: left;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .nosplus {
        margin-left: 0px;
        margin-top: 40px;
        text-align: center !important;
    }

    .nosplus > .check {
        float: none !important;
        width: 27px !important;
        margin-bottom: 15px;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 20px;
        margin-bottom: -10px;
    }

    .picto-detail-product + h1 {
        font-size: 30px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .btn-info-produit.displayphone {
        /* border-left: 3px solid #86c117; */
        margin-left: 16% !important;
        /* padding-left: 30px; */
        /* margin-left: 8% !important; */
    }

    .product-details-right > .btn-info-produit {
        margin-left: 0 !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 22px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .first-section + .row > img {
        margin-bottom: 10px;
        width: 6em;
        height: 100% !important;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 4) and (device-height: 360px) and (device-width: 640px) {
    .svg {
        height: 44px;
    }

    .actualite-smartphone {
        padding: 50px 60px 20px 60px !important;
    }

    .landscape568 {
        display: none;
    }

    .landscape640 {
        display: inline;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .filterDiv {
        width: 100%;
    }

    .filterBtn {
        margin-bottom: 50px;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 50px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -183% !important;
        left: 0%;
        /* background: none !important; */
    }

    .carousel-caption-credit {
        bottom: -11% !important;
        left: 46% !important;
        /* display: none !important; */
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 256.66px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 256.66px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 234px !important;
    }

    .white-section {
        padding: 50px 30px 20px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        max-width: 29%;
        flex: unset;
        align-items: unset;
        text-align: center;
        margin: 0 10px 50px 10px;
    }

    .collapse-produit > .picto-produit {
        margin-bottom: 20px !important;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: block !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 50%;
    }

    .picto-produit > a > .text-produit {
        font-size: 12px;
    }

    .collapse {
        margin: 0px !important;
        margin-bottom: 30px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 50% !important;
        margin-left: 10%;
        margin-right: 10%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite > .row {
        justify-content: center;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
        min-width: 100% !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .form-conteneur > form > .form-row > .col-sm-6 {
        min-width: 100%;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100% !important;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important;
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 35px 10px 35px;
        padding: 25px 20px 25px 20px !important;
        min-width: 90%;
    }

    .about-card > h5 {
        font-size: 17px;
    }

    .green-section-activite {
        /* padding: 0px !important; */
    }

    .competence {
        min-width: 46% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 15px;
    }

    .whyus-left {
        min-width: 85%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .whyus-right {
        min-width: 85%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-bottom: 40px;
    }

    .competence-middle1 {
        /* border-top: 1px solid #7c7a7a; */
        /* border-bottom: 1px solid #7c7a7a; */
        /* padding-top: 45px !important; */
        /* padding-bottom: 20px; */
        /* margin-bottom: 15px !important; */
        /* margin-top: 20px; */
    }

    .competence-middle2 {
        /* border-bottom: 1px solid #7c7a7a; */
        /* margin-bottom: 45px !important; */
        /* padding-top: 30px !important; */
    }

    .nosplus {
        margin-top: 40px;
        margin-left: 0;
        text-align: center !important;
    }

    .nosplus > .check {
        width: 27px !important;
        float: none;
    }

    .check {
        width: 18px !important;
        float: left;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        margin-left: 20px;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .competence-externe-intro > p {
        padding-left: 0px !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        /* border-left: 3px solid #86c117; */
        margin-left: 30% !important;
        /* padding-left: 30px; */
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        /* display: none !important; */
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .girardin-img {
        width: 80%;
    }

    .homme-clé-img {
        width: 45%;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        min-width: 100%;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 20px 0 20px !important;
    }

    .slogan > h1 > br {
        display: none
    }

    .slogan > img {
        height: 30px;
    }
}

/* Galaxy S6 */
/* Iphone 6/7/8 */
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 2%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .svg {
        height: 61px;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        margin-top: -100px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -180% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 150.39px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 150.39px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0px !important
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 65%;
    }
    
    .picto-produit > a {
        font-size: 0.9rem;
    }

    .picto-detail-product + h1 {
    font-size: 30px;
}
    .fil-arianne > img {
    margin-top: 5px;
    max-width: 210px !important;
}
    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 1.4rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    /*
    border: 1px solid #86c117;
    margin: 10px 0 0 0;
    padding: 25px 20px 25px 20px !important;
    min-width: unset;
    width: 80%;
*/

    .competence-externe > div:nth-child(4) {
        flex: 0 0 94%;
        max-width: 94%;
    }

    .about-card > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px !important;
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
        min-width: 100% !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 80px;
    }

    .check {
        width: 27px !important;
        float: left;
        margin-right: 10px !important;
    }

    .nosplus {
        margin-left: 0px;
    }

    .nosplus > .check {
        float: none !important;
        margin-bottom: 15px;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 20px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 667px) and (device-width: 375px) and (orientation: landscape) {


    .homme-clé-img {
        width: 50%;
    }

    .svg {
        height: 46px;
    }

    .landscape568 {
        display: none;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: inline;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 1%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 50px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {}

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        margin-top: -100px !important;

    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 248px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 248px;
    }

    .carousel-item > img {
        /* height: 248px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -140% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 268px !important;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: 248px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 248px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0px;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        max-width: 16%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0px 10px 0 10px;
    }

    .text-produit {
        font-size: 12px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: block !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 58%;
    }

    .collapse {
        margin: 0px 0 30px 0 !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 50% !important;
        margin-left: 10%;
        margin-right: 10%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
        justify-content: center;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .form-conteneur > form > .form-row > .col-sm-6 {
        min-width: 100%;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100% !important;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
        min-width: 80%;
    }

    .green-section-activite {
        padding: 0px 25px 50px 25px !important;
    }

    .competence {
        min-width: 46% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        min-width: 86%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .whyus-right {
        min-width: 86%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        padding-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px;
    }

    .check {
        width: 19px !important;
        margin-right: 10px !important;
    }

    .nosplus > .check {
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .btn-info-produit.displayphone {
        border-left: none;
        margin-left: 30% !important;
        padding-left: 0;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        min-width: 100%;
        padding: 0 !important;
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 !important;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }
}

/* Iphone 6/7/8 Plus */
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {

    .svg {
        height: 84px;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 2.2%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -95px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px;
    }

    .carousel-item > img {
        height: 200px !important;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -15% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 100%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
        /* justify-content: center; */
    }

    .actualite > .row {
        justify-content: center;
    }

    .actu-title {
        font-size: 1.4rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 0 0 0;
        padding: 25px 20px 25px 20px !important;
        min-width: unset;
        width: 80%;
    }

    .about-card > h5 {
        font-size: 17px;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px !important;
    }

    .competence {
        min-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;        
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .nosplus {
        margin-left: 0px;
        margin-top: 40px;
        text-align: center !important;
    }

    .nosplus > .check {
        float: none !important;
        margin-bottom: 15px;
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        flex: unset !important;        
        max-width: 82% !important;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .btn-info-produit.displayphone {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 736px) and (device-width: 414px) and (orientation: landscape) {

    .svg {
        height: 58px;
    }

    .landscape568 {
        display: none;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: inline;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #mySidebar > div > label {
        max-width: 250px;
    }

    #main {
        display: block !important;
    }
    
    #main > p {
        margin-left: 1%;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 68px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -95px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 306px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 306px !important;
    }

    .carousel-item > img {
        height: auto !important;
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -115% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 295px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;        
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;        
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: 306px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 306px !important;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        margin-left: 29% !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0px;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 100%;
        /* margin-bottom: 50px !important; */
        align-items: unset;
        text-align: center;
        margin: 0px 10px 0 10px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: block !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        max-width: 58%;
    }

    .text-produit {
        font-size: 12px;
    }

    .collapse {
        margin: 0px 0px 30px 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 23px;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 40% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .form-conteneur > form > .form-row > .col-sm-6 {
        min-width: 100%;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        min-width: 100%;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
        margin-bottom: 20px;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important;        
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 15px 0px 15px 0px;
        padding: 25px 15px 25px 15px !important;
        min-width: 80%;
    }

    .green-section-activite {
        padding: 0 30px 50px 30px !important;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        min-width: 80%;
        margin-left: 0px;
    }

    .whyus-right {
        min-width: 80%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        padding-top: 20px !important;
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        float: none !important;
        width: 27px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin: 0 10px 10px 0;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        min-width: 100%;
        padding: 0 !important;
        background-color: #86c117;
        margin-top: 30px;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 !important;
    }

    .slogan > h1 > br {
        display: none;
    }
}

/* Iphone X */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .svg {
        height: 61px;
    }

    .carousel-credit-immo + div + .btn-info-produit {
        margin-left: 16%;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 1.9%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        margin-top: -100px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -15% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        /* height: 200px !important; */
    }

    .carousel-credit-immo > .carousel-inner {
        /* height: 200px !important; */
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 50%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 23px;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 7.5px 0 7.5px;
        font-size: 13;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .nav-item {
        font-size: 12px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 0 0 0;
        padding: 25px 20px 25px 20px !important;
        min-width: unset;
        width: 80%;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px !important;
    }

    .competence {
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        float: none;
        width: 27px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin: 0px 10px 10px 0;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        flex: unset !important;        
        max-width: 82% !important;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) and (orientation: landscape) {
    
    #main > p {
        margin-left: 1%;
    }


    
    .landscape568 {
        display: none;
    }

    .svg {
        height: 61px;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: inline;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 60px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 0px !important;
        margin-top: -105px !important;
    }

    .navbar-brand > img {
        width: 7.6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 248px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 248px !important;
    }

    .carousel-item > img {
        /* height: auto !important; */
        /* min-height: 0; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -143% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 260px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: auto !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: auto !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-activite {
        padding: 0 30px 50px 30px !important;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: inline !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 50%;
    }

    .homme-clé-img {
        width: 50%
    }

    .collapse {
        margin: 0px 0px 30px 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: center;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 40% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displayphone {
        display: none !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displaydesktop {
        display: inline !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .product-details-right,
    .product-details-left {
        min-width: 100%;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        /* padding-top: 20px !important; */
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        width: 27px !important;
        float: none;
    }

    .check {
        width: 19px !important;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        min-width: 100%;
        padding: 0 !important;
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 !important;
    }

    .slogan > h1 > br {
        display: none;
    }
}

/* Iphone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .svg {
        height: 61px;
    }

    .carousel-credit-immo + div + .btn-info-produit {
        margin-left: 16%;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 1.9%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        margin-top: -100px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -15% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        /* height: 200px !important; */
    }

    .carousel-credit-immo > .carousel-inner {
        /* height: 200px !important; */
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 50%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 23px;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 7.5px 0 7.5px;
        font-size: 13;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .nav-item {
        font-size: 12px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 0 0 0;
        padding: 25px 20px 25px 20px !important;
        min-width: unset;
        width: 80%;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px !important;
    }

    .competence {
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        float: none;
        width: 27px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin: 0px 10px 10px 0;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        flex: unset !important;        
        max-width: 82% !important;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 896px) and (device-width: 414px) and (orientation: landscape) {
    
    #main > p {
        margin-left: 1%;
    }


    
    .landscape568 {
        display: none;
    }

    .svg {
        height: 61px;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: inline;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 60px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 0px !important;
        margin-top: -105px !important;
    }

    .navbar-brand > img {
        width: 7.6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 248px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 248px !important;
    }

    .carousel-item > img {
        /* height: auto !important; */
        /* min-height: 0; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -143% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 260px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: auto !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: auto !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-activite {
        padding: 0 30px 50px 30px !important;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: inline !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 50%;
    }

    .homme-clé-img {
        width: 50%
    }

    .collapse {
        margin: 0px 0px 30px 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: center;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 40% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displayphone {
        display: none !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displaydesktop {
        display: inline !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .product-details-right,
    .product-details-left {
        min-width: 100%;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        /* padding-top: 20px !important; */
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        width: 27px !important;
        float: none;
    }

    .check {
        width: 19px !important;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        min-width: 100%;
        padding: 0 !important;
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 !important;
    }

    .slogan > h1 > br {
        display: none;
    }
}

/* Iphone Xs Max */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .svg {
        height: 61px;
    }

    .carousel-credit-immo + div + .btn-info-produit {
        margin-left: 16%;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 1.9%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        margin-top: -100px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -15% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo {
        /* height: 200px !important; */
    }

    .carousel-credit-immo > .carousel-inner {
        /* height: 200px !important; */
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 50%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 23px;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 7.5px 0 7.5px;
        font-size: 13;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .nav-item {
        font-size: 12px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 0 0 0;
        padding: 25px 20px 25px 20px !important;
        min-width: unset;
        width: 80%;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px !important;
    }

    .competence {
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 0px !important;
    }

    .competence > h5 {
        color: #86c117;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        float: none;
        width: 27px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin: 0px 10px 10px 0;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
        flex: unset !important;        
        max-width: 82% !important;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 896px) and (device-width: 414px) and (orientation: landscape) {
    
    #main > p {
        margin-left: 1%;
    }


    
    .landscape568 {
        display: none;
    }

    .svg {
        height: 61px;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: inline;
    }

    .landscape846 {
        display: none;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 60px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 0px !important;
        margin-top: -105px !important;
    }

    .navbar-brand > img {
        width: 7.6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 248px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 248px !important;
    }

    .carousel-item > img {
        /* height: auto !important; */
        /* min-height: 0; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -143% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 260px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: auto !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: auto !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-activite {
        padding: 0 30px 50px 30px !important;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: inline !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 50%;
    }

    .homme-clé-img {
        width: 50%
    }

    .collapse {
        margin: 0px 0px 30px 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: center;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 40% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displayphone {
        display: none !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displaydesktop {
        display: inline !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .product-details-right,
    .product-details-left {
        min-width: 100%;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        /* padding-top: 20px !important; */
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px;
        text-align: center !important;
        margin-left: 0 !important;
    }

    .nosplus > .check {
        width: 27px !important;
        float: none;
    }

    .check {
        width: 19px !important;
        margin-right: 10px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 60% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        min-width: 100%;
        padding: 0 !important;
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 !important;
    }

    .slogan > h1 > br {
        display: none;
    }
}


/* Galaxy Note 9 */
@media only screen and (device-width: 412px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 3.5) {

    .svg {
        height: 66px;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 2%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -15% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 165.22px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 165.22px;
    }

    .competence-externe > div:nth-child(4) {
        flex: 0 0 82%;
        max-width: 82%;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .white-section-credit > .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0 !important;
    }

    .green-section-activite {
        /* padding: 0px 30px 50px 30px; */
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 36%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 1.4rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    button.actu-btn-savoir {
        height: 36px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .nav-item {
        font-size: 12px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 0px 0 0px !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 0 0 0;
        padding: 25px 20px 25px 20px !important;
        min-width: unset;
        width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px;
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
        min-width: 100% !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .nosplus {
        margin-left: 0px;
        margin-top: 40px;
        text-align: center !important;
    }

    .nosplus > .check {
        float: none !important;
        margin-bottom: 15px;
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }
}

@media only screen and (device-width: 846px) and (device-height: 412px) and (-webkit-device-pixel-ratio: 3.5) {

    .svg {
        height: 61px;
    }

    .landscape568 {
        display: none;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: inline;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 60px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 285px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 285px !important;
    }

    .carousel-item > img {
        /* height: auto !important; */
        /* min-height: 0; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -122% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption-credit {
        display: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 290px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: auto !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: auto !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 0px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 60px 20px 60px;
    }

    .green-section-activite {
        padding: 0 30px 50px 30px !important;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 30%;
        flex: unset;
        max-width: unset;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: inline !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 36%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 40% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displayphone {
        display: none !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displaydesktop {
        display: inline !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .product-details-right,
    .product-details-left {
        min-width: 100%;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        /* padding-top: 20px !important; */
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px !important;
        text-align: center !important;
        margin-left: 0px;
    }

    .nosplus > .check {
        width: 27px !important;
        float: none;
    }

    .check {
        width: 19px !important;
        margin-right: 10px !important;
    }

    #main > p {
        font-size: 12px;
        margin-left: 0.9%;
        margin-bottom: 0;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 50% !important;
    }

    .homme-clé-img {
        width: 40%;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        min-width: 100%;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 20px 0 20px !important;
    }

    .slogan > h1 > br {
        display: none
    }

    .slogan > img {
        height: 30px;
    }
}

/* Galaxy S10 */
@media only screen and (device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 3.5) {

    .svg {
        height: 66px;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    #main > p {
        margin-left: 2%;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 200px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 200px !important;
    }

    .carousel-item > img {
        /* height: 200px !important; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -15% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 165.22px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 165.22px;
    }

    .competence-externe > div:nth-child(4) {
        flex: 0 0 82%;
        max-width: 82%;
    }

    .carousel-credit-immo {
        height: 200px !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: 200px !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 133px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
    }

    .footer > .col-sm-6:nth-child(1) {
        margin-top: 10px;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .white-section-credit > .form-conteneur > form > .form-row {
        flex-flow: column-reverse;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 50px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-top: 0 !important;
    }

    .green-section-activite {
        /* padding: 0px 30px 50px 30px; */
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 40%;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 36%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actu-title {
        font-size: 1.4rem !important;
    }

    .photo-actualite {
        text-align: -webkit-center
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        width: 250px;
    }

    button.actu-btn-savoir {
        height: 36px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .nav-item {
        font-size: 12px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 0px 0 0px !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        border: 1px solid #86c117;
        margin: 10px 0 0 0;
        padding: 25px 20px 25px 20px !important;
        min-width: unset;
        width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite {
        padding: 0px 30px 50px 30px;
    }

    .competence {
        max-width: 100% !important;
        padding: 0px !important;
        min-width: 100% !important;
    }

    .competence > h5 {
        color: #86c117;
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        padding-top: 45px !important;
        padding-bottom: 20px;
        margin-bottom: 15px !important;
        margin-top: 20px;
    }

    .competence-middle2 {
        border-bottom: 1px solid #7c7a7a;
        margin-bottom: 45px !important;
        padding-top: 30px !important;
    }

    .check {
        width: 19px !important;
        float: left;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .nosplus {
        margin-left: 0px;
        margin-top: 40px;
        text-align: center !important;
    }

    .nosplus > .check {
        float: none !important;
        margin-bottom: 15px;
        width: 27px !important;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 100% !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
    }

    .slogan > img {
        height: 30px;
    }

    .modal-dialog {
        max-width: 100% !important;
    }
}

@media only screen and (device-width: 869px) and (device-height: 412px) and (-webkit-device-pixel-ratio: 3.5) {

    .svg {
        height: 61px;
    }

    .landscape568 {
        display: none;
    }

    .landscape640 {
        display: none;
    }

    .landscape667 {
        display: none;
    }

    .landscape736 {
        display: none;
    }

    .landscape812 {
        display: none;
    }

    .landscape846 {
        display: inline;
    }

    /* Menu Collapse */
    .displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: none !important;
    }

    .competence-externe-title > .displaydesktop {
        display: none !important;
    }

    .res1920 {
        /* display: none !important; */
    }

    .res1280 {
        display: none !important;
    }

    .resphone {
        display: inline !important;
    }

    .margin-phone {
        margin-top: 30px;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 60px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -100px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets-wrapper {
        justify-content: flex-start !important;
    }

    .navbar-nav-onglets {
        flex-flow: row;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        font-size: 13px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
        justify-content: flex-start !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-credit-pro {
        height: 285px !important;
    }

    .carousel-credit-pro > .carousel-inner {
        height: 285px !important;
    }

    .carousel-item > img {
        /* height: auto !important; */
        /* min-height: 0; */
    }

    .carousel-caption {
        text-align: center !important;
        padding: 10px 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 352px;
        height: 350px;
        right: 0%;
        bottom: -122% !important;
        left: 0%;
        background: none !important;
        position: relative;
    }

    .carousel-caption-credit {
        display: none !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Medium' !important;
        color: #7c7a7a !important;
        font-size: 30px;
        text-align: center !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #86c117
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: center !important;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: -10px !important;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 40px !important;
        height: 40px !important;
    }

    .carousel-control-next,
    .carousel-control-prev {
        height: 290px !important;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
        height: 195px;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
        height: 195px;
    }

    .carousel-credit-immo > .carousel-inner > .carousel-item > .resphone {
        display: none !important;
    }

    .carousel-credit-pro > .carousel-inner > .carousel-item > .displayphone {
        display: none !important;
    }

    .carousel-credit-immo {
        height: auto !important;
    }

    .carousel-credit-immo > .carousel-inner {
        height: auto !important;
    }

    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .white-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .white-section-credit {
        margin-top: 0px;
    }

    .green-section {
        background-color: white !important;
        color: #7c7a7a !important;
        padding: 0px 30px 50px 30px !important;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 60px 20px 60px;
    }

    .green-section-activite {
        padding: 0 30px 50px 30px !important;
    }

    .green-section-title {
        color: #7c7a7a !important;
        font-size: 30px !important;
        border-bottom: 2px solid #86c117;
        text-align: center;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    .green-section-btn > a {
        color: #86c117;
    }

    .green-section-btn:hover {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
    }

    .green-section-btn:focus {
        border: 1px solid #86c117;
        color: #86c117 !important;
        background-color: transparent;
        box-shadow: 0 0 0 0.2rem rgba(134, 193, 23, .25);
    }

    #voirtoutnosproduit {
        margin-top: 0px;
    }

    .localisation-desktop {
        display: none;
    }

    .phone-desktop {
        display: none;
    }

    .recall-desktop {
        display: none;
    }

    .picto-produit {
        width: 30%;
        flex: unset;
        max-width: unset;
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit.displayphone {
        display: none !important;
    }

    .picto-produit.displaydesktop {
        display: inline !important;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 36%;
    }

    .collapse {
        margin: 0px !important;
    }

    .btn-all-product {
        color: rgb(134, 193, 23);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(134, 193, 23);
        border-image: initial;
    }

    .picto-contact {
        margin-top: 30px;
        min-width: 100%;
    }

    .picto-contact > img.displayphone {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px !important;
        border-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .actualite {
        padding: 0 !important;
        width: 100% !important;
    }

    .actualite > .row {
        justify-content: center;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 40% !important;
        margin-left: 15%;
        margin-right: 15%;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        display: none;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .ombre {
        display: none;
    }

    .tab-content {
        margin-left: 0px !important;
    }

    .ombre-actu {
        width: 275px;
        vertical-align: baseline;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills {
        margin-top: 60px;
    }

    .form-conteneur {
        display: flex;
        flex-flow: column-reverse;
        margin: 0 30px 0 30px !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displayphone {
        display: none !important;
    }

    .form-conteneur > form > .form-row > .col-sm-6 > .displaydesktop {
        display: inline !important;
    }

    .first-section {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .product-details-left {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-full {
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .product-details-right,
    .product-details-left {
        min-width: 100%;
    }

    .first-section + .row > .col-sm-9 > .row {
        margin-top: 0px !important
    }

    .btn-info-produit > button {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .btn-info-produit > button > h5 {
        font-size: 13px !important;
    }

    .about-card {
        margin: 15px 0 15px 0 !important;
    }

    .competence {
        min-width: 47% !important;
        padding: 20px !important;
        max-width: 47%;
    }

    .competence > img {
        max-width: 70%;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        color: #86c117;
        font-size: 17px;
    }

    .whyus-left {
        max-width: 100%;
        margin-left: 0px
    }

    .whyus-right {
        max-width: 100%;
        margin-left: 0px;
    }

    .point-honneur {
        margin-bottom: -20px !important;
    }

    .slick-slider {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .competence-middle1 {
        border-top: none;
        border-bottom: none;
        /* padding-top: 20px !important; */
        margin-bottom: 0px !important;
    }

    .competence-middle2 {
        border-bottom: none;
        margin-bottom: 0px !important;
        padding-top: 20px !important;
    }

    .nosplus {
        margin-top: 40px !important;
        text-align: center !important;
        margin-left: 0px;
    }

    .nosplus > .check {
        width: 27px !important;
        float: none;
    }

    .check {
        width: 19px !important;
        margin-right: 10px !important;
    }

    #main > p {
        font-size: 12px;
        margin-left: 0.9%;
        margin-bottom: 0;
    }

    .check-competence {
        margin-top: 20px;
        margin-left: -100px !important;
    }

    .competence-externe-title {
        color: #86c117;
    }

    .competence-externe-intro {
        margin-left: 0 !important;
    }

    .photo-actualite {
        width: 50% !important;
    }

    .ombre-actu {
        width: 194px;
        height: 18px;
        margin-top: -7px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .fil-arianne > p {
        margin-bottom: auto;
        margin-top: -30px;
        font-size: 12px;
    }

    .product-details-left > h3,
    .product-details-right > h3 {
        font-size: 17px !important;
    }

    .product-details-full > h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-family: 'DIN-Medium';
    }

    .girardin {
        width: 50% !important;
    }

    .homme-clé-img {
        width: 40%;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        min-width: 100%;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 0 0;
        text-align: center;
        padding: 0 20px 0 20px !important;
    }

    .slogan > h1 > br {
        display: none
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px) and (min-width: 992px),
only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 1280px) and (min-width: 992px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1280px) and (min-width: 992px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1280px) and (min-width: 992px),
only screen and (min-resolution: 192dpi) and (max-width: 1280px) and (min-width: 992px),
only screen and (min-resolution: 2dppx) and (max-width: 1280px) and (min-width: 992px) {

    /* Recup media 1920 */
    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 30%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    .resphone {
        display: none;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 10px 0 0 60px;
    }

    .navbar-brand > img {
        width: 10em;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 10px 0 10px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: -22px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 13px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-item {
        max-height: 475px;
    }

    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        min-height: unset !important;
        min-width: unset !important;
        width: 352px;
        height: 350px;
        right: 41%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption-credit-immo {
        text-align: left;
        padding: 0 !important;
        padding-right: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        width: 100%;
        max-width: unset !important;
        height: 100%;
        max-height: unset !important;
        right: 0 !important;
        bottom: 0% !important;
        left: 0 !important;
        background: none;
    }

    .carousel-caption-credit-immo > h1 {
        margin-top: 78px;
        margin-left: 303px;
    }

    .carousel-caption-credit-immo > button {
        margin-left: 40.8%;
        margin-top: 16.7%;
        display: block;
        padding: 0.375rem 2.2rem;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 10px;
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 40px 50px 40px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-solution {
        padding-bottom: 60px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 60px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-activite > .row {
        min-width: 100%;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
        width: 80px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 24px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: center;
    }

    .actualite-middle {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 35px;
        padding-right: 35px;
        border-left: none;
        border-right: none;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
        width: 215px;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 20px 20px 20px 20px;
    }

    .competence > p,
    .competence > ul {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 0.9em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 40%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 39%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        /* margin-left: -4%; */
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 106px;
        background-color: #7c7a7a;
        flex-flow: column-reverse;
        justify-content: center !important;
        text-align: center;
        min-width: 100%;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
        padding: 50px 30px 50px 30px;
    }

    .first-section + .row > .col-sm-9 {
        padding: 50px 30px 0px 30px;
        background-color: white;
    }

    .first-section + .row > .col-sm-9 > .white-section {
        padding: 0px 30px 0px 30px;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 30px 0 30px !important;
        border-right: 3px solid #86c117;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1 !important;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
        margin-bottom: 30px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        padding: 0 30px 0 30px !important;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 1.1 !important;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        text-align: center;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 100px 0;
        text-align: left;
    }

    .slogan > img {
        height: 30px;
    }


}

@media only screen and (device-width: 800px) and (device-height: 1280px) and (-webkit-device-pixel-ratio: 1) {


    .resipad {
        display: inline !important;
    }

    .svg {
        height: 60px !important;
    }


    .resphonepaysage {
        display: none;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .actualite {
        width: 100%;
        padding: 0 35px 0 35px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 188px;
    }

    /* Recup media 1920 */
    .displayphone {
        display: none !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .btn-info-produit.displaydesktop {
        display: none !important;
    }

    .res1920 {
        display: inline;
    }

    .res1280 {
        display: none;
    }

    .sidebar {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 36;
        /* Stay on top */
        top: 0;
        left: 0;
        background-color: #7c7a7a;
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        transition: 0.4s;
        /* 0.5 second transition effect to slide in the sidebar */
    }

    #mySidebar {
        display: block !important;
    }

    #main {
        display: block !important;
    }

    /* The sidebar links */
    .sidebar a {
        padding: 8px 8px 8px 15px;
        text-decoration: none;
        font-size: 15px;
        color: white;
        display: block;
        transition: 0.3s;
        text-transform: uppercase;
    }

    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidebar .closebtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    /* The button used to open the sidebar */
    .openbtn {
        font-size: 20px;
        cursor: pointer;
        background-color: #86c117;
        color: #7c7a7a;
        padding: 10px 15px;
        border: none;
        border-radius: 100%;
    }

    .openbtn:hover {
        background-color: #444;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        /* If you want a transition effect */
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidebar {
            padding-top: 15px;
        }

        .sidebar a {
            font-size: 18px;
        }
    }

    .navbar-brand {
        margin-top: -76px !important;
    }

    /* Menu Collapse */
    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar-brand > img {
        width: 6em !important;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    /* Carousel */
    .carousel-caption {
        text-align: left;
        padding: 20px 20px;
        padding-right: 20px;
        min-width: unset;
        min-height: unset;
        width: 52%;
        max-width: 400px;
        height: 90%;
        max-height: 400px;
        right: 94%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .btn-info-produit.displayphone {
        display: inline-block !important;
        margin-left: 0px;
        margin-right: 25px;
    }

    .carousel-credit-immo + .ombre + .btn-info-produit {
        /* justify-content: center !important; */
        /* text-align: center; */
        /* align-items: center; */
        display: none !important;
    }

    .carousel-caption-credit-immo {
        text-align: left;
        padding: 0 !important;
        padding-right: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        width: 100%;
        max-width: unset !important;
        height: 100%;
        max-height: unset !important;
        right: 0 !important;
        bottom: 0% !important;
        left: 0 !important;
        background: none;
    }

    .carousel-caption-credit-immo > h1 {
        font-family: 'DIN-Medium' !important;
        color: #86c117;
        font-size: 26px !important;
        top: 80%;
        text-align: left;
        padding-bottom: 0;
        display: inline !important;
    }

    .carousel-caption-credit-immo > .btn-info-produit {
        /* text-align: right; */
        width: unset;
        max-width: unset !important;
        display: inline !important;
        margin-right: 100px;
    }

    .carousel-caption-credit-immo > button {
        display: inline;
        width: 35% !important;
        white-space: normal !important;
        margin-left: 40%;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 22px;
        text-align: left;
        padding-bottom: 0;
        display: inline-block !important;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: auto;
        height: 18%;
        font-size: 17px;
        /* margin-top: 30px */
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 45px;
        height: 45px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .formsmartphone {
        display: none;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 27px 50px 0px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .actualite-smartphone {
        padding: 50px 60px 50px 60px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .form-group > img {
        margin-bottom: 40px;
    }

    .white-section-aboutus {
        padding: 50px 30px 50px 30px !important;
    }

    .white-section-whyus {
        padding: 50px 30px 50px 30px !important;
    }

    .first-section + .row {
        justify-content: flex-start !important;
    }

    .first-section + .row > .col-sm-9 {
        min-width: 100%;
    }

    .white-section-credit {
        padding: 50px 15px 50px 30px;
    }

    .white-section-solution {
        padding-bottom: 0px;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe {
        padding-right: 30px;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
        padding-left: 10px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px !important;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 10px 0 10px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact > .displaydesktop {
        display: inline !important;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
        /* margin-right: 15px !important; */
        /* padding-left: 13.4375px  !important; */
        /* padding-right: 13.4375px !important; */
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        /*margin-left: 28px;*/
    }

    .actu-title {
        font-size: 20px;
    }

    .actualite > div:nth-child(3) > div > p {
        text-align: left;
    }

    .actualite-middle {
        margin-left: 0px !important;
        margin-right: 0px !important;
        /* padding-left: 0px !important; */
        /* padding-right: 0px !important; */
        border-top: 1px solid #7c7a7a;
        border-bottom: 1px solid #7c7a7a;
        border-left: 0px solid #7c7a7a;
        border-right: 0px solid #7c7a7a;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 0px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
    }

    .ombre-actu {
        height: 25px !important;
        margin-top: -5px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 20px 0px 0 0px;
        padding: 25px 20px 25px 20px !important;
        min-width: 80%;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 23%;
        max-width: 19% !important;
        border: 2px solid white;
        margin: 0 10px 10px 0px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > ul,
    .competence > p {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
        color: white;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .competence:nth-child(3) > img {}

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        padding-left: 4% !important;
        margin-left: 0 !important;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 100px;
        background-color: #7c7a7a;
        flex-flow: column-reverse !important;
        text-align: center;
        padding-bottom: 0px !important;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
        padding: 50px 30px 50px 30px;
    }

    .first-section + .row > .col-sm-9 {
        padding: 50px 30px 0px 30px;
    }

    .first-section + .row > .col-sm-9 > .white-section {
        padding: 0px 30px 0px 30px;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        min-width: 90%;
        padding: 0 0 0 30px !important;
        /* margin-left:30px !important; */
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        min-width: 90%;
        /* margin-left: 30px !important; */
        padding: 0 0 0 30px !important;
        border-right: none !important;
        border-left: 3px solid #86c117;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
        max-width: 240px !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    span.displaydesktop {
        display: inline !important;
    }

    .btn-info-produit > button {
        white-space: nowrap !important;
        /* display: block !important; */
        width: 100% !important;
        /* padding: 0; */
    }

    .slogan {
        font-family: 'DIN-Regular';
        min-width: 100%;
        background-color: #86c117;
        padding: 0px 30px 60px 30px !important;
        margin-top: 36px;
    }

    .slogan > h1 {
        font-size: 20px;
        line-height: 50px;
        margin: 10px 0 0 0;
        padding-left: 0% !important;
        text-align: center;
    }

    .slogan > h1 > br {
        display: none;
    }

    .slogan > img {
        height: 30px;
    }

}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1440p) and (min-width: 1281px),
only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 1440px) and (min-width: 1281px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1440px) and (min-width: 1281px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1440px) and (min-width: 1281px),
only screen and (min-resolution: 192dpi) and (max-width: 1440px) and (min-width: 1281px),
only screen and (min-resolution: 2dppx) and (max-width: 1440px) and (min-width: 1281px) {
    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    .carousel-caption-credit-immo > button {
        margin-left: 41.8%;
        margin-top: 5.2%;
        display: block;
        padding: 0.375rem 2.2rem;
    }

    .resphone {
        display: none;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 10px 0 0 60px;
    }

    .navbar-brand > img {
        width: 10em;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-item {
        min-height: 507px;
    }

    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 400px;
        height: 400px;
        right: 46%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption-credit {
        bottom: 27% !important;
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 10px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 40px 50px 40px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-activite > .row {
        min-width: 100%;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 30px 0 30px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite-middle {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 20px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
        height: 150px !important;
    }

    .ombre-actu {
        height: 25px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        min-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 20px 20px 20px 20px;
    }

    .competence > p,
    .competence > ul {
        display: none;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 40%;
    }

    .whyus-right {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 39%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        /* margin-left: 12% !important; */
    }

    .competence-externe-intro > p {
        padding-left: 6%;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 40px 0 0px !important;
        border-right: 3px solid #86c117;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        padding: 0 40px 0 40px;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 10px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 100px 0;
    }

    .slogan > img {
        height: 30px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1441px) and (max-width: 1680px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 1441px) and (max-width: 1680px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1441px) and (max-width: 1680px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1441px) and (max-width: 1680px),
only screen and (min-resolution: 192dpi) and (min-width: 1441px) and (max-width: 1680px),
only screen and (min-resolution: 2dppx) and (min-width: 1441px) and (max-width: 1680px) {
    .res1920 {
        /* display: none; */
    }

    .res1280 {
        display: inline;
    }

    #mySidebar {
        display: none !important;
    }

    #main {
        display: none !important;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 25px 0 0 30px;
    }

    .navbar-brand > img {
        width: 10em;
    }

    .ombre {
        vertical-align: inherit;
    }

    .onglets {
        font-family: 'DIN-Regular';
        background-color: #86c117;
        width: 80%;
        justify-content: center;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 15px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 10px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-item {
        max-height: 475px;
    }

    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 352px;
        height: 350px;
        right: 46%;
        bottom: 0%;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 30px
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .green-section-title {
        color: 7c7a7a;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .green-section-btn:hover {
        color: white
    }

    .picto-produit {
        margin-bottom: 50px;
        /* something override it */
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        margin: 0 60px 30px 60px;
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .tab-content {
        margin-left: 28px;
    }

    .actu-title {
        font-size: 26px;
    }

    .actualite-middle {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 20px;
    }

    .photo-actualite {
        text-align: -webkit-center;
        max-width: 100%;
        height: 150px !important;
    }

    .ombre-actu {
        height: 25px !important;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
        bottom: 50px !important
    }

    .menu-actu {
        margin-top: 30px;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .a-middle {
        border-left: 2px solid #7c7a7a;
        vertical-align: middle;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .competence {
        max-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 15px 15px 15px 15px;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        margin-left: 30px !important;
    }

    .whyus-right {
        margin-left: 100px !important;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-top: 50px !important;
        margin-left: 12% !important;
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        max-height: 80px;
        background-color: #7c7a7a;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        color: #86c117;
        border-bottom: 3px solid #86c117;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 40px 0 0px !important;
        border-right: 3px solid #86c117;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
        text-transform: uppercase !important;
    }

    .product-details-right {
        padding: 0 40px 0 40px;
        margin: 0px 0 30px 0 !important;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 10px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p {
        font-size: 13px;
        margin-bottom: 5px;
        color: rgba(124, 122, 122, 0.59)
    }

    .fil-arianne > img {
        margin-top: 5px;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 100px 0;
    }

    .slogan > img {
        height: 30px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1920px) {

    /*and (min-width: 992)*/
    .displayphone {
        display: none !important;
    }

    #mutuelle-sante + div > div > div > div:nth-child(3) > .btn-info-produit.displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .res1280 {
        display: none;
    }

    .res1920 {
        display: inline;
    }

    .resphone {
        display: none;
    }

    #scpi {
        background-image: url(img/slider-1920/SCPI_1920x770.jpg);
        background-size: cover;
        background-position: center center;
        z-index: 1;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 10px 0 0 50px;
    }

    .navbar-brand > img {
        width: 10em;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-items > .nav-link {
        color: white !important;
        font-size: 15px;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 25px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 400px;
        height: 450px;
        right: 46%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .modal-dialog {
        max-width: 78% !important;
    }

    .carousel-caption-credit {
        bottom: 45% !important;
    }

    .carousel-caption-credit > h1 {
        font-size: 40px !important;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 65px;
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .white-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe-intro > p {
        padding-left: 6%;
    }

    .green-section-title {
        color: white;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid white;
        color: white;
        background-color: transparent;
    }

    .green-section-btn:hover {
        border: 1px solid white;
        color: white;
        background-color: transparent;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .picto-produit {
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .btn-all-product {
        border: 1px solid #86c117;
        color: #86c117
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        /* margin: 0 30px 0 30px; */
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .actualite {
        width: 30%;
        padding: 0 35px 0 35px;
    }

    .nav {
        margin-top: 30px;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .nav-pills .nav-link {
        color: #7c7a7a;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 20px;
    }

    .actualite-middle {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-left: none;
        border-right: none;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    .ombre-actu {
        width: 300px;
        margin-top: -13px;
    }

    .actu-title {
        font-size: 1.5rem;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .menu-actu {
        margin-top: 30px;
        width: 100%;
        text-align: center;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite > .row {
        min-width: 100%;
    }

    .competence {
        min-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        /* margin-left: auto !important; */
        /* margin-right: auto !important; */
        min-width: 25%;
    }

    .whyus-right {
        /* margin-left: auto !important; */
        /* margin-right: auto !important; */
        /* min-width: 25%; */
        margin-left: 21%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-left: 221px;
        margin-top: 50px
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        border-bottom: 2px solid #86c117;
    }

    .actif > a {
        color: #86c117 !important;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        height: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 40px 0 30px !important;
        border-right: 3px solid #86c117;
        margin: 50px 0 30px 0;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-right {
        padding: 0 40px 0 40px !important;
        margin: 50px 0 30px 0;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        text-transform: uppercase;
        font-size: 20px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p > span {
        display: inline !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 100px 0;
    }

    .slogan > img {
        height: 30px;
    }

    .first-section + .row > .col-sm-9 {
        padding: 50px 30px 0px 30px;
    }
}

@media only screen and (min-width: 1921px) {
    body {
        max-width: 1905px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /*and (min-width: 992)*/
    .displayphone {
        display: none !important;
    }

    #mutuelle-sante + div > div > div > div:nth-child(3) > .btn-info-produit.displayphone {
        display: block !important;
    }

    .btn-info-produit > img {
        max-width: 100%;
        vertical-align: top;
        margin-top: 0 !important;
    }

    .btn-info-produit {
        max-width: min-content !important;
    }

    .displaydesktop {
        display: block !important;
    }

    .res1280 {
        display: none;
    }

    .res1920 {
        display: inline;
    }

    .resphone {
        display: none;
    }

    #scpi {
        background-image: url(img/slider-1920/SCPI_1920x770.jpg);
        background-size: cover;
        background-position: center center;
        z-index: 1;
    }

    #mySidebar {
        display: none;
    }

    #main {
        display: none;
    }

    .navbar {
        padding: 0;
        display: flex;
        flex-shrink: 0;
    }

    .navbar-brand {
        margin: 10px 0 0 50px;
    }

    .navbar-brand > img {
        width: 10em;
    }

    .onglets-wrapper > div {
        text-align: right;
        min-width: 704px;
    }

    .onglets-wrapper > div > .ombre {
        width: 704px;
    }

    .onglets-items > .nav-link {
        color: white !important;
        font-size: 15px;
    }

    .onglets-items {
        display: flex;
        align-items: center;
        height: 72px;
        background-color: #86c117;
        font-size: 25px;
        min-height: 0;
    }

    .onglets-items > a {
        white-space: nowrap;
        margin: 0 25px 0 25px;
        color: white;
    }

    .onglets-separateur {
        border-right: 1px solid white;
        height: 30%;
        vertical-align: middle;
    }

    .menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-wrapper {
        color: #7c7a7a;
        margin-left: 20px;
        margin-top: 15px;
    }

    .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #86c117;
        margin: 0px !important;
        padding: 0px !important;
    }

    .dropdown-item {
        color: #7c7a7a;
        padding: 5px 5px 0 10px;
    }

    .dropdown-item-text {
        color: #7c7a7a;
        padding: 0 5px 0 10px;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-divider {
        margin: 0 !important;
    }

    .menu > a {
        font-size: 15px;
        color: #7c7a7a;
        margin: 0px;
        padding: 0;
    }

    .carousel-caption {
        text-align: left;
        padding: 30px 30px;
        padding-right: 15px;
        width: 400px;
        height: 450px;
        right: 46%;
        bottom: 0% !important;
        left: 9%;
        background: rgba(255, 255, 255, 0.9);
    }

    .carousel-caption > h1 {
        font-family: 'DIN-Regular';
        color: #86c117;
        font-size: 30px;
        text-align: left;
        padding-bottom: 0;
    }

    .modal-dialog {
        max-width: 78% !important;
    }

    .carousel-caption-credit {
        bottom: 45% !important;
    }

    .carousel-caption-credit > h1 {
        font-size: 40px !important;
    }

    .carousel-caption > p {
        font-family: 'DIN-Regular';
        font-size: 15px;
        color: #7c7a7a;
        text-align: left;
        padding-bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    .btn-slider {
        background-color: rgba(0, 0, 0, 0);
        color: #86c117;
        border: 2px solid #86c117;
        width: 55%;
        height: 18%;
        font-size: 17px;
        margin-top: 65px;
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .carousel-indicators li {
        width: 15px;
        height: 15px;
        background-color: #d7d7d7
    }

    .carousel-indicators .active {
        background-color: #86c117;
    }

    .carousel-control-prev-icon {
        background-image: url(img/carousel-control-left.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-next-icon {
        background-image: url(img/carousel-control-right.png);
        color: #86c117;
        opacity: 1;
        width: 65px;
        height: 65px;
    }

    .carousel-control-prev {
        opacity: 1;
        justify-content: left;
    }

    .carousel-control-next {
        opacity: 1;
        justify-content: flex-end;
    }

    /* Carousel */
    .white-section {
        padding: 50px 30px 50px 30px;
        color: #7c7a7a;
        display: flex;
        flex-shrink: 0;
    }

    .white-section-title {
        color: #86c117;
        text-align: center;
        padding-bottom: 50px;
    }

    .white-section-btn {
        border: 1px solid #86c117;
        color: #86c117;
    }

    .green-section {
        padding: 50px 30px 50px 30px;
        background-color: #86c117;
        color: white;
        text-align: center;
        display: flex;
        flex-shrink: 0;
    }

    .competence-externe-intro > p {
        padding-left: 6%;
    }

    .green-section-title {
        color: white;
        text-align: center;
        padding-bottom: 50px;
    }

    .green-section-btn {
        border: 1px solid white;
        color: white;
        background-color: transparent;
    }

    .green-section-btn:hover {
        border: 1px solid white;
        color: white;
        background-color: transparent;
    }

    .green-section-activite {
        padding: 50px 0px 50px 0px;
    }

    .picto-produit {
        margin-bottom: 50px !important;
        align-items: unset;
        text-align: center;
        margin: 0 15px 0 15px;
    }

    .btn-all-product {
        border: 1px solid #86c117;
        color: #86c117
    }

    .picto-produit > a > img {
        margin-bottom: 25px;
    }

    .collapse-produit {
        /* margin: 0 30px 0 30px; */
    }

    .picto-contact > img {
        padding-bottom: 25px;
    }

    .picto-contact-middle {
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .localisation-phone {
        display: none;
    }

    .phone-phone {
        display: none;
    }

    .recall-phone {
        display: none;
    }

    .actualite {
        width: 30%;
        padding: 0 35px 0 35px;
    }

    .nav {
        margin-top: 30px;
    }

    .nav-link {
        padding: 0;
        margin: 0 10px 0 10px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #86c117;
        background-color: transparent;
    }

    .nav-pills .nav-link {
        color: #7c7a7a;
    }

    .actualite-separateur {
        border-left: 2px solid #86c117;
        margin-right: 20px;
    }

    .actualite-middle {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-left: none;
        border-right: none;
    }

    .photo-actualite {
        text-align: -webkit-center;
        width: 250px;
    }

    .ombre-actu {
        width: 300px;
        margin-top: -13px;
    }

    .actu-title {
        font-size: 1.5rem;
    }

    .actu-btn-savoir {
        border: 1px solid #86c117;
        background-color: transparent;
        color: #86c117;
        height: auto;
        font-family: 'DIN-Regular';
        font-size: 15px;
    }

    .menu-actu {
        margin-top: 30px;
        width: 100%;
        text-align: center;
    }

    .menu-actu > div > a {
        padding: 0 30px 0 40px;
        text-align: -webkit-center;
    }

    .onglets-separateur-actu {
        border-right: 1px solid #7c7a7a;
    }

    .about-card {
        border: 2px solid #86c117;
        margin: 0 35px 0 35px;
        padding: 25px 20px 25px 20px !important;
    }

    .about-card > h5 {
        color: #86c117;
    }

    .about-card > ul {
        padding-left: 9px;
    }

    .about-card > ul > li {
        margin-left: 10px;
    }

    .green-section-activite > .row {
        min-width: 100%;
    }

    .competence {
        min-width: 22%;
        border: 2px solid white;
        margin: 0 10px 0 10px;
        padding: 20px 20px 20px 20px !important;
    }

    .competence > h5 {
        font-family: 'DIN-Medium';
        font-size: 1em;
    }

    .competence > img {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .whyus-left {
        /* margin-left: auto !important; */
        /* margin-right: auto !important; */
        min-width: 25%;
    }

    .whyus-right {
        /* margin-left: auto !important; */
        /* margin-right: auto !important; */
        /* min-width: 25%; */
        margin-left: 21%;
    }

    .check {
        float: left;
        width: 27px;
        margin-right: 15px;
    }

    .nosplus {
        margin-left: 221px;
        margin-top: 50px
    }

    .carousel-client > img {
        max-height: 100px;
    }

    .slick-slide {
        margin: 0 27px;
    }

    .competence-externe-title > .displaydesktop {
        display: inline !important;
    }

    /* the parent */
    .slick-list {
        margin: 0 -27px;
    }

    .footer {
        min-height: 105px;
        font-size: 12px;
        flex-flow: column-reverse;
        padding: 0px 30px 0px 30px !important;
        text-align: center;
    }

    .footer > .col-sm-6 {
        min-width: 100%;
    }

    .footer > .col-sm-6 > p {
        margin-bottom: 0;
    }

    .non-actif {
        color: #abd45d;
    }

    .actif {
        border-bottom: 2px solid #86c117;
    }

    .actif > a {
        color: #86c117 !important;
    }

    .dropdown-menu > a:hover {
        background-color: #b9b9b9;
    }

    .first-section {
        position: relative;
        display: block;
    }

    .first-section-title {
        width: 75%;
    }

    .first-section-content {
        padding-right: 75px;
        width: 75%;
    }

    .detail-produit-titre {
        margin-bottom: 30px;
    }

    .first-section:after {
        content: "";
        z-index: 1;
        display: block;
        position: absolute;
        width: 75%;
        top: 0;
        height: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    ul {
        list-style-position: outside;
    }

    .product-details-left {
        padding: 0 40px 0 30px !important;
        border-right: 3px solid #86c117;
        margin: 50px 0 30px 0;
    }

    .product-details-left > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-left > p {
        margin-bottom: 50px;
    }

    .product-details-right {
        padding: 0 40px 0 40px !important;
        margin: 50px 0 30px 0;
    }

    .product-details-right > h3 {
        font-family: 'DIN-Medium';
        font-size: 20px;
        color: #7c7a7a;
        line-height: 0.8;
        margin-bottom: 20px;
    }

    .product-details-right > p {
        margin-bottom: 50px;
    }

    .product-details-full {
        border-left: 3px solid #86c117;
        padding-left: 30px !important;
    }

    .product-details-full > h3 {
        font-family: 'DIN-Medium';
        text-transform: uppercase;
        font-size: 20px;
    }

    td {
        vertical-align: middle;
    }

    .picto-detail-product {
        margin-bottom: 30px;
        max-width: 80px;
    }

    .fil-arianne {
        margin-bottom: 30px;
    }

    .fil-arianne > p > span {
        display: inline !important;
    }

    .fil-arianne > h3 {
        font-family: 'DIN-Regular';
        font-size: 25px;
        margin-bottom: -10px;
    }

    .slogan {
        font-family: 'DIN-Regular';
        background-color: #86c117;
    }

    .slogan > h1 {
        font-size: 25px;
        line-height: 50px;
        margin: 15px 0 100px 0;
    }

    .slogan > img {
        height: 30px;
    }
}

.form_smartphone {
    margin-bottom: 20px;
}

#myBtnContainer {
    margin-top: -40px;
}

.img-credit {
    position: relative;
    text-align: center;
}

body {
    /* background-color: rgba(244, 252, 228, 1); */
    background-color: #f6f5f5;
}

.white-section {
    background-color: white;
}

.white-section > .ombre {
    background-color: white;
}

.green-section + .ombre {
    background-color: white;
}

.carousel + .ombre {
    background-color: white;
}
 
.slick-slider {
    background-color: white;
}