@charset "UTF-8";
/* =========================================================
   MEDIA DÉPLACÉS DE STYLE-NV.CSS - CANDIDATS
   Bloc gardé séparé du bloc employeurs
   ========================================================= */
@media (max-width: 1599px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1199px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(1, minmax(0, 1fr));
        gap:12px;
    }
}
@media (max-width: 480px) {
    .logo-grid-v2 {
        grid-template-columns:1fr;
    }
}
/* =========================================================
   MEDIA DÉPLACÉS DE STYLE-NV.CSS - EMPLOYEURS
   Bloc gardé séparé du bloc candidats
   ========================================================= */
@media (max-width: 1599px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1199px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .logo-grid-v2 {
        grid-template-columns:repeat(1, minmax(0, 1fr));
        gap:12px;
    }
}
@media (max-width: 480px) {
    .logo-grid-v2 {
        grid-template-columns:1fr;
    }
}
/* =========================================================
   RÈGLES GLOBALES DE L'ANCIEN MOBILE LIÉES À STYLE-NV.CSS
   ========================================================= */
body {
    padding-top:10px;
}
/* =========================================================
   MEDIA SCREEN DE L'ANCIEN MOBILE
   Breakpoints conservés tels quels
   ========================================================= */
@media screen and (max-width:480px) {
    body {
        width:100%;
        max-width:100%;
        margin:0;
        padding-top:10px;
        overflow-x:hidden;
    }
    .slider-viewport {
        width:100%;
        overflow:hidden;
    }
    .slider-track {
        display:flex;
    }
    .slider-track .slide {
        flex:0 0 100%;
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }
    .slider-wrapper {
        padding:0 35px;
    }
    .slide {
        flex:0 0 100%;
        max-width:180px;
    }
    .video-wrapper,
    .titre-slide {
        width:100%;
    }
    .sidebar-gauche {
        position:relative;
        display:flex;
        width:100%;
        height:auto;
        border-right:none;
        border-bottom:1px solid #eee;
        justify-content:center;
        align-items:center;
        overflow-x:auto;
    }
    .premier-icon {
        margin-top:-3px;
    }
    .sidebar-gauche p {
        display:none;
        margin-top:20px;
    }
    .main-avec-sidebar {
        margin-left:0;
        padding-top:0;
    }
    .sidebar-icon {
        font-size:30px;
    }
    .sidebar-link {
        min-width:80px;
        flex:0 0 auto;
    }
    .navbar-collapse {
        position:fixed;
        top:70px;
        left:0;
        right:0;
        width:auto;
        background-color:#fff;
        z-index:997;
    }
    .menu-entete {
        min-height:75px;
    }
    .zone-navbar-toggler {
        flex:0 0 110px;
        width:110px;
        min-width:110px;
        min-height:75px;
    }
    .menu-entete .img-top {
        margin-left:10px;
        padding:8px 0;
    }
    .select-row {
        display:flex;
        flex-direction:column;
        width:100%;
        gap:8px;
    }
    .footer {
        padding:15px 10px 20px;
    }
    .footer-inner {
        display:block;
        padding:0;
    }
    .footer-left {
        width:100%;
        margin:0;
        text-align:center;
    }
    .footer-left > span {
        display:block;
        font-size:12px;
        line-height:1.7;
        letter-spacing:.4px;
    }
    .return-footer {
        display:initial;
    }
    .return-footer2 {
        display:none;
    }
}
@media screen and (min-width:481px) and (max-width:767px) {
    body {
        width:100%;
        max-width:100%;
        margin:0;
        padding-top:10px;
        overflow-x:hidden;
    }
    .menu-entete {
        min-height:75px;
    }
    .zone-navbar-toggler {
        flex:0 0 110px;
        width:110px;
        min-width:110px;
        min-height:75px;
    }
    .menu-entete .img-top {
        margin-left:10px;
        padding:8px 0;
    }
    .select-row {
        display:flex;
        flex-direction:column;
        width:100%;
        gap:8px;
    }
    .navbar-collapse {
        position:fixed;
        top:70px;
        left:0;
        right:0;
        width:auto;
        background-color:#fff;
        z-index:997;
    }
    .sidebar-gauche {
        position:relative;
        display:flex;
        width:100%;
        height:auto;
        border-right:none;
        border-bottom:1px solid #eee;
        justify-content:center;
        align-items:center;
        overflow-x:auto;
    }
    .premier-icon {
        margin-top:-3px;
    }
    .sidebar-gauche p {
        display:none;
        margin-top:20px;
    }
    .main-avec-sidebar {
        margin-left:0;
        padding-top:0;
    }
    .sidebar-icon {
        font-size:30px;
    }
    .sidebar-link {
        min-width:80px;
        flex:0 0 auto;
    }
    .slider-viewport {
        width:99%;
        overflow:hidden;
    }
    .slider-track {
        display:flex;
    }
    .slider-track .slide {
        flex:0 0 100%;
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }
    .slider-wrapper {
        padding:0 35px;
    }
    .slide {
        flex:0 0 100%;
        max-width:180px;
    }
    .video-wrapper,
    .titre-slide {
        width:100%;
    }
    .footer {
        padding:15px 10px 20px;
    }
    .footer-inner {
        display:block;
        padding:0;
    }
    .footer-left {
        width:100%;
        margin:0;
        text-align:center;
    }
    .footer-left > span {
        display:block;
        font-size:14px;
        line-height:1.7;
        letter-spacing:.4px;
    }
    .return-footer {
        display:initial;
    }
    .return-footer2 {
        display:none;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body {
        max-width:99%;
        padding-top:10px;
    }
    .menu-entete {
        min-height:75px;
    }
    .menu-entete .img-top {
        margin-left:10px;
        padding:8px 0;
    }
    .sidebar-gauche {
        position:fixed;
        left:0;
        width:110px;
        background-color:#fff;
        border-right:1px solid #eee;
        z-index:1001;
        overflow-y:auto;
    }
    .zone-navbar-toggler {
        flex:0 0 110px;
        width:110px;
        min-width:110px;
        min-height:75px;
    }
    .slide {
        flex:0 0 calc(50% - 6px);
    }
    .navbar-collapse {
        position:fixed;
        top:70px;
        left:110px;
        right:0;
        width:auto;
        background-color:#fff;
        z-index:995;
    }
    .select-row {
        display:flex;
        flex-direction:column;
        width:100%;
        gap:8px;
    }
    .footer-inner {
        padding:0 25px;
    }
    .footer-left {
        margin-left:100px;
    }
}
@media screen and (max-width: 1100px) {
}
@media screen and (min-width: 992px) and (max-width: 1299px) {
    body {
        max-width:99%;
        padding-top:10px;
    }
    .container-menu .row {
        width:100%;
        justify-content:center;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    .container-menu .row {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .container-menu [class*="col-"] {
        width:100%;
        max-width:100%;
        flex:0 0 100%;
    }
    .slide {
        flex:0 0 calc(33.333% - 8px);
    }
}
@media screen and (min-width: 1300px) and (max-width: 1812px) {
    body {
        max-width:99%;
        padding-top:10px;
    }
    .container-menu .row {
        width:98%;
        justify-content:center;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    .container-menu .row {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .container-menu [class*="col-"] {
        width:100%;
        max-width:100%;
        flex:0 0 100%;
    }
}
@media screen and (min-width: 1813px) {
}