/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1466PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

}





/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1366 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    :root {
        --paddinglat: 7rem;
    }

    .rangee-page.rangee-multicolonnes.rangee-dates .flex-item-trois-quart {
        width: 100%;
        margin-bottom: 80px;
    }
    
    .rangee-page.rangee-multicolonnes.rangee-dates .flex-item-quart {
        width: 100%;
        align-items: flex-start;
    }
    
    .rangee-dates {
        min-height: 0;
        padding-bottom: 12vw !important;
    }
    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1170 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1170px) {
    
    :root {
        --paddinglat: 5vw;
        --leftright: 5vw;
    }
    
    .logo-header {
        width: 30px;
        height: 40px;
    }
    
    p {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
    
    header.header nav {
        display: none;
    }
    
    .declenche-menu-resp {
        display: block;    
    }
    
    .gt_switcher_wrapper {
        display: none !important;
    }
    
    .rangee-page:not(.rangee-multicolonnes.rangee-dates) .container-flex {
        flex-direction: column;    
    }
    
    .min-height-resp {
        min-height: 60vh;
    }

    .flex-1 {
        order: 1;
    }
    
    .flex-1.min-height-resp {
        order: 2;    
    }
    
    .no-resp {
        display: none;
    }
    
    .text-h2 {
        font-size: 3rem;
    }

    .text-h5 {
        font-size: 1.5rem;
    }

    .rangee-multicolonnes .flex-item-quart,
    .rangee-multicolonnes .flex-item-tiers,
    .rangee-multicolonnes .flex-item-moitie {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .rangee-multicolonnes .flex-item-quart p,
    .rangee-multicolonnes .flex-item-tiers p,
    .rangee-multicolonnes .flex-item-moitie p {
        text-align: left !important;
    }

    
    .flex-item-tiers.module-actu,
    .rangee-multicolonnes .flex-item-quart.module-actu,
    .rangee-multicolonnes .flex-item-tiers.module-actu,
    .rangee-multicolonnes .flex-item-moitie.module-actu {
        width: 48% !important;
        margin-bottom: 30px;
    }
    
    .module-description {
        padding-left: 0;
        position: relative;
    }
    
    footer.footer {
        padding: var(--leftright) !important;
    }
    
    .container-content-flex {
        padding: calc(var(--paddinglat)*2) var(--paddinglat);
    }

    .container-rangee-multi {
        padding: calc(var(--paddinglat)*2) var(--paddinglat);
    }
    
    .rangee-contact .flex-item-tiers {
        z-index: 2;
        position: relative;
        width: 100%;
    }
    
    .rangee-contact img.img-deco-contact {
        width: 50%;    
    }
    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 768 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
    
    :root {
        --paddinglat: 4vw;
        --leftright: 4vw;
    }
    
    .paddinglat.flex.mb4 {
        flex-direction: column;    
    }
    
    .paddinglat.flex.mb4 p {
        text-align: left !important;    
    }
    
    .rangee-contact .flex-item-tiers,
    .paddinglat.flex.mb4 .flex-item-deux-tiers,
    .paddinglat.flex.mb4 .flex-item-tiers {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .rangee-contact img.img-deco-contact {
        display: none;
    }
    
    
    
    footer.footer {
        flex-direction: column;
        column-gap: 3rem;
        text-align: center;
    }
    
    .section-centrale-footer {
        border: 0;
        padding-right: 0;
    }
    
    .symbole-etape {
        width: 30px;
        height: 50px;
        bottom: 8px;
    }
    
    .module-date.actif .symbole-etape {
        width: 60px;
        height: 80px;
        bottom: -10px;
        transform: translateX(-50%);
        margin-left: auto;
    }
    
    .module-date p.unigeo.text-h5 {
        top: -50px;    
    }
    
    .module-date.actif p.unigeo.text-h5 {
        top: -80px;    
    }
    
    a.cta.big {
        height: 50px;
        line-height: 50px;
        font-size: 1.4rem;
    }
    
    .right {
        text-align: left;    
    }
    
    .logo-slider {
        left: 5%;
        width: 90%;
    }
    
    .slide-part-two p {
        font-size: 2rem;    
    }
    
    .slide-content-image {
        width: 100%;
        margin-left: 0;
    }
    
    .comment-draw {
        left: 50%;
        transform: translate(-50%);
        bottom: 40px;
        top: auto;
        text-align: center;
    }
    
    .featherlight {
        text-align: center !important;    
    }
    
    a.cta.close {
        top: 5vh;
    }
    
    .top-image {
        max-height: 20vh;    
    }
    
    img.img-actu-single {
        margin: 20px 0;    
    }
        
    .rangee-page.rangee-banniere {
        height: 65vh;
    }
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 600 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    
    
    .flex-item-tiers.module-actu,
    .rangee-multicolonnes .flex-item-quart.module-actu,
    .rangee-multicolonnes .flex-item-tiers.module-actu,
    .rangee-multicolonnes .flex-item-moitie.module-actu {
        width: 100% !important;
    }
    

    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 480 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    

    
    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 375 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    
    
    
}