@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{   
    
    .main-header
    {
        display: none;
    }
    .navs
    {
        position: fixed !important;
        top: 0;
        left: 0;

        width: 100%;
        height: 50px !important;
        margin-top: 0 !important;
    }
    .navs .main-nav
    {
        height: 50px !important;
    }
    .navs .second-nav
    {
        -webkit-transform: translate3d(0, 0, 0) !important;
                transform: translate3d(0, 0, 0) !important;
    }
    .has-second-nav .navs
    {
        height: 125px !important;
    }
    .form-input-nav
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
    }
    .form-input-nav .select-input
    {
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 !important;
                flex: 1 !important;
    }
    .form-input
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
        -ms-flex-preferred-size: unset !important;
            flex-basis: unset !important;
    }
    .form-group
    {
        display: block !important;
    }
    .form-group .sub-group
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
        -ms-flex-preferred-size: unset !important;
            flex-basis: unset !important;
    }
    .form-group .form-input
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
        -ms-flex-preferred-size: unset !important;
            flex-basis: unset !important;
    }
    .form-group .all-width
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
        -ms-flex-preferred-size: unset !important;
            flex-basis: unset !important;
    }
    .form-group .multi-input
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
        -ms-flex-preferred-size: unset !important;
            flex-basis: unset !important;
    }
    #applications-popup .popup
    {
        overflow-y: scroll;
    }
    .main-content
    {
        display: block !important;

        margin-top: 75px !important;

        -webkit-box-flex: 0;

            -ms-flex: none;

                flex: none;
    }
    .main-content .container
    {
        display: block !important;

        margin: auto auto;
        padding-top: 0;
    }
    .main-content .container #offers
    {
        display: block !important;
    }
    .main-content .container #offers .offers-container
    {
        display: block !important;
    }
    .main-content .container #offers .offers-container > .card
    {
        display: inline-flex !important;

        width: calc(99% / 3 - 16px) !important;
        margin-right: 8px;
        margin-left: 8px;
    }
}
@media screen and (-ms-high-contrast: active) and (max-width: 1200px), screen and (-ms-high-contrast: none) and (max-width: 1200px)
{
    .main-content .container #offers .offers-container > .card
    {
        width: calc(99% / 2 - 16px) !important;
    }
}
@media screen and (-ms-high-contrast: active) and (max-width: 860px), screen and (-ms-high-contrast: none) and (max-width: 860px)
{
    .main-content .container #offers .offers-container > .card
    {
        width: calc(100% - 16px) !important;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
    
    p {
        max-width: 100%;
    }
    
    .form-group-search-v2 {
        display: none;
    }
    
    .has-second-nav .second-nav
    {
        position: fixed;
        top: 50px;

        visibility: visible;

        height: 75px !important;

        -webkit-transform: none;

                transform: none;
        pointer-events: all;
    }
    .has-second-nav .main-content
    {
        margin-top: 150px !important;
    }
    .has-sidebar
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .has-sidebar > section
    {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .has-sidebar > aside
    {
        width: 33%;
    }
    .has-sidebar > aside .btn-postuler
    {
        display: none;
    }
}
@media screen and (-ms-high-contrast: active) and (max-width: 992px), screen and (-ms-high-contrast: none) and (max-width: 992px)
{
    .has-sidebar
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .has-sidebar > section
    {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
    }
    .has-sidebar > aside
    {
        width: 100%;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 992px), screen and (-ms-high-contrast: none) and (max-width: 992px)
{
    .required_element
    {
        -webkit-box-flex: 0 !important;
            -ms-flex: none !important;
                flex: none !important;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
{
    .video-list
    {
        display: block;

        width: 100%;
    }
    .video-list a
    {
        display: inline-block;

        width: calc(100% / 3 - 19px);
        margin: 8px;
    }
    .video-list a svg
    {
        max-width: 50px;
    }
    .video-list a:first-child
    {
        width: calc(100% - 19px);
    }
    .video-list a:first-child svg
    {
        max-width: 150px;
    }
    .images-grid
    {
        display: block;
    }
    .images-grid a
    {
        display: inline-block;

        width: calc(100% / 3 - 19px);
        margin: 8px;
    }
    #accueil .offers-container
    {
        display: block;
    }
    #actualite ul,
    #actualites ul
    {
        margin-left: 2em;
    }
    .social .imgs
    {
        margin-top: 25px;
    }
    #entreprise .key-figures .card-body
    {
        display: block !important;
    }
    #applications-popup #diplomes
    {
        display: table;
    }
    #applications-popup #diplomes .form-input
    {
        margin-top: 10px;
    }
    #applications-popup #competences
    {
        display: table;
    }
    #applications-popup #competences .form-input
    {
        margin-top: 10px;
    }
    #applications-popup #competences .remove
    {
        right: 10px;
    }
    #applications-popup #competences .ui-autocomplete-input
    {
        padding-right: 30px;
    }
    #applications-popup #langues
    {
        display: table;

        margin-top: 10px;
    }
    #applications-popup #langues .langue-input
    {
        margin-top: 10px;
    }
    #applications-popup #langues .form-input
    {
        width: 98%;
    }
    .rating
    {
        margin-left: 15px;
    }
}
