.informations_entreprise {
    background: url(../../../images/Groupe_4.svg);
    background-repeat: no-repeat;
    background-size: 28%;
    margin-top: -10px;
    padding-bottom: 142px;
}

.informations_entreprise .base {
    position: relative;
    padding-top: 30px;
}

.informations_entreprise .base .mid {
    position: absolute;
    bottom: 43px;
    left: 48.1%;
    z-index: 3000;
}

.informations_entreprise .base .infos-top .infos-titre {
    margin-bottom: 65px;
}

.informations_entreprise .base .infos-top .infos-titre h2 {
    font: normal normal 600 40px/48px 'Exo 2';
    text-transform: uppercase;
    color: #000046;
}

.informations_entreprise .base .infos-top .infos-titre p {
    font: normal normal normal 14px/20px 'Exo 2';
    color: #1cb4df;
    text-transform: uppercase;
    padding-bottom: 16px;
    letter-spacing: 1.4px;
}

.informations_entreprise .base .infos-top .infos-description {
    margin-bottom: 80px;
}

.informations_entreprise .base .infos-top .infos-description p {
    padding-left: 15px;
    font: normal normal normal 14px/20px 'Exo 2';
    color: #303442;
    padding-right: 100px;
    margin-bottom: 20px;
}

.informations_entreprise .base .infos-top {
    margin-bottom: 65px;
}

.informations_entreprise .base .infos-plus {
    display: flex;
    align-items: center;
    justify-content: center;
}

.informations_entreprise .base .infos-plus div {
    text-align: center;
    margin-right: 5%;
    margin-left: 5%;
}

.informations_entreprise .base .infos-plus div .info {
    font: normal normal 600 50px/60px 'Exo 2';
    color: #F1630C;
    text-transform: uppercase;
}

.informations_entreprise .base .infos-plus div .complement {
    font: normal normal normal 14px/20px 'Exo 2';
    color: #000046;
    text-align: center;
}

.informations_entreprise .base .savoir-plus {
    display: flex;
    align-items: center;
    margin-top: 100px;
    margin-left: 10px;
}

.informations_entreprise .base .savoir-plus i {
    margin-left: 10px;
    font-size: 10px;
    margin-top: 2px;
    color: #E53B1A;
}

.informations_entreprise .base .savoir-plus a {
    font: normal normal 600 14px/20px 'Exo 2';
    color: #0B4580;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.informations_entreprise .base .savoir-plus:hover a {
    color: #F1630C;
}

.images .big {
    padding-top: 30px;
}


/****************** RESPONSIVE *****************/

@media only screen and (max-width: 2000px) {}

@media only screen and (max-width: 1600px) {
    .informations_entreprise .base .infos-top .infos-description p {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1430px) {}

@media only screen and (max-width: 1200px) {
    .images .little {
        display: none;
    }
    .images .big {
        padding-left: 50px;
    }
    .informations_entreprise {
        background-size: 40%;
    }
}

@media only screen and (max-width: 991px) {
    .images {
        display: none;
    }
    .informations_entreprise .base .mid {
        display: none;
    }
    .informations_entreprise {
        background-size: 40%;
    }
}

@media only screen and (max-width: 768px) {
    .informations_entreprise {
        background-size: 70%;
    }
    .informations_entreprise .base .infos-plus div {
        margin-bottom: 50px;
    }
    .informations_entreprise .base .infos-plus {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 480px) {
    .informations_entreprise {
        background-size: 80%;
    }
}

@media only screen and (max-width: 380px) {
    .informations_entreprise {
        background-size: 90%;
    }
}