/* RESPONSIVE */




/*---------------------------------------------------*/
/*     ENTRE 1280 et 1680 = LARGE                    */
/*---------------------------------------------------*/

@media screen and (min-width: 1281px) and (max-width: 1680px) {
    
   #menu-hamburger { display:none; }
   nav { display:flex; }
}




/*---------------------------------------------------*/
/*     ENTRE 1025 et 1280 = LAPTOPS                  */
/*---------------------------------------------------*/

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    
    #menu-hamburger { display:none; }
    nav { display:flex; }
    #header-lang { top: -3px;right: 0;   }
}



/*---------------------------------------------------*/
/*     IPAD                                          */
/*---------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
    
    header { 
        padding: var(--space30) 15px;
        width:var(--headerWidth_S); 
    }
    .nav-item { font-size:15px; }

    #menu-hamburger { display:block; }
    nav { display:none; }
    #header-lang { top:20px;right:75px; }

    #index-slider { 
        width: calc(100vw - var(--headerWidth_S)); 
        left: var(--headerWidth_S);
    }

    #smallNav { 
        left:var(--headerWidth_S); 
        width: calc(100% - var(--headerWidth_S));
    }
    #smallNav-button-container { width: 100%; }
    .retour { padding-left:var(--space30); }
    #smallNav-gallery, #smallNav-infos { right: var(--space30); }

    #index-news { 
        width: calc(100vw - var(--headerWidth_S)); 
        left: var(--headerWidth_S);
        padding: var(--space30); 
    }

    #index-pres-container { font-size:20px; }
    #index-news-title, #index-actions-title { font-size: 64px;padding-left:30px; }
    #index-news-container { max-width: 100%; }
    #index-news-featured-img { width:40%; }
    .index-news-featured-img { width:40%;min-height: 200px; }
    #index-news-items { width:100%; }
    .index-news-item-cat { font-size:16px;margin-bottom:10px; }
    .index-news-item-title { font-size:24px;margin-bottom:15px; }
    .index-news-item-place { font-size:18px; }
    .index-news-item-date { font-size:18px; }

    #index-actions-container { max-width: calc(100% - 60px); }
    .index-actions-item-title { font-size:27px; }
    .index-actions-item-content { font-size:15px; }
    .index-actions-cta { font-size:13px; }

    #index-footer-container { font-size:16px; }


    #screen-content {
        padding: 0 var(--space30) var(--space50) var(--space30);
        width: calc(100vw - var(--headerWidth_S)); 
        left: var(--headerWidth_S);
    }
    .screen-grid { padding:15px 0; }
    .screen-thumb {
        max-width: 47%;
        margin-bottom: var(--space30);
    }
    .screen-thumb-title { font-size:22px; }

    .case,  .case-unit { width:50%;height:auto; }

    .section-container.columns {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        -moz-column-fill: balance;
            column-fill: balance;
          column-gap: 30px;
    }
    .section img { float: left;max-width: 450px; }


}
/*---------------------------------------------------*/
/*     < 760 = SMALL                                 */
/*---------------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 768px) {
    
    header {
        position: fixed;
        width: 100vh;height: 130px;
        background-color: var(--golden);
        padding: 8px;
        z-index: 10000;
        display: none;
    }

    #header-smartphone { 
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        
    }


    #menu-hamburger { display:block; }
    nav { display:none; }
    #header-lang { top:20px;right:75px; }


    #index-slider { 
        top:var(--headerSmartphoneHeight);
        left: 0;
        width: 100vw;
        height: calc(100vh - var(--headerSmartphoneHeight));
    }


    #smallNav { 
        top:  var(--headerSmartphoneHeight);
        left:0; 
        width: 100vw;
    }
    #smallNav-button-container { width: 100%; }
    .retour { padding-left:var(--space30); }
    #smallNav-gallery, #smallNav-infos { right: var(--space30); }

    #index-news { 
        margin-top:  var(--headerSmartphoneHeight);
        width: 100vw; 
        left: 0;
        padding: var(--space30); 
    }

    #index-pres-container { max-width: 600px;font-size:20px; }
    #index-news { min-height: 630px; }
    #index-news-title, #index-actions-title { font-size: 64px;padding-left:30px; }
    #index-news-container { max-width: 100%; }
    #index-news-featured-img { display:none; }
    #index-news-items { margin-left:0px;width:100%; }
    .index-news-item { opacity: 1; }
    .index-news-item-cat { font-size:12px; }
    .index-news-item-title { font-size:24px; }
    .index-news-item-place { font-size:18px; }
    .index-news-item-date { font-size:15px; }

    #index-actions-container { max-width: 600px; }
    #index-actions-title { max-width:600px; }
    .index-actions-item { width: 46%; }
    .index-actions-item-title { font-size:24px; }
    .index-actions-item-content { font-size:15px; }
    .index-actions-cta { font-size:13px; }


    #screen-content {

        padding: var(--headerSmartphoneHeight) var(--space30) var(--space50) var(--space30);
        width: 100%; 
        left: 0;
    }
    .screen-grid { padding:15px 0; }
    .screen-thumb {
        max-width: 47%;
        margin-bottom: var(--space30);
    }
    .screen-thumb-title { font-size:22px; }


    #index-footer-container { font-size:16px; }


    .case,  .case-unit { width:50%;height:auto; }

    .section { padding:50px 30px; }
    .section-container, .content { font-size: 16px; }
    .section-container.columns {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        -moz-column-fill: balance;
            column-fill: balance;
          column-gap: 30px;
    }

    .section img { float: none;max-width: 400px; }
    h1 { font-size: 64px; }
    .content-title { font-size:48px;line-height:1.2em; }
    .content-subtitle { font-size:40px; }
   
}
/*---------------------------------------------------*/
/*     < 640 = SMALL                       */
/*---------------------------------------------------*/

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

    header {
        position: fixed;
        width: 100vh;height: 130px;
        background-color: var(--golden);
        padding: 8px;
        z-index: 10000;
        display: none;
    }

    #header-smartphone { 
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        
    }


    #menu-hamburger { display:block; }
    nav { display:none; }
    #header-lang { top:20px;right:75px; }


    #index-slider { 
        top:var(--headerSmartphoneHeight);
        left: 0;
        width: 100vw;
        height: calc(100vh - var(--headerSmartphoneHeight));
    }


    #smallNav { 
        top:  var(--headerSmartphoneHeight);
        left:0; 
        width: 100vw;
    }
    #smallNav-button-container { width: 100%; }
    .retour { padding-left:var(--space30); }
    #smallNav-gallery, #smallNav-infos { right: var(--space30); }

    #index-news { 
        margin-top:  var(--headerSmartphoneHeight);
        width: 100vw; 
        left: 0;
        padding: var(--space30); 
    }

    #index-pres-container { max-width: 600px;font-size:20px; }
    #index-news { min-height: 630px; }
    #index-news-title, #index-actions-title { font-size: 64px;padding-left:30px; }
    #index-news-container { max-width: 100%; }
    #index-news-featured-img { display:none; }
    .index-news-featured-img { width:100%; }
    #index-news-items { margin-left:0px;width:100%; }
    .index-news-item { opacity: 1; }
    .index-news-item-cat { font-size:12px; }
    .index-news-item-title { font-size:24px; }
    .index-news-item-place { font-size:18px; }
    .index-news-item-date { font-size:15px; }

    #index-actions-container { max-width: 600px; }
    #index-actions-title { max-width:600px; }
    .index-actions-item { width: 46%; }
    .index-actions-item-title { font-size:24px; }
    .index-actions-item-content { font-size:15px; }
    .index-actions-cta { font-size:13px; }


    #screen-content {

        padding: var(--headerSmartphoneHeight) var(--space30) var(--space50) var(--space30);
        width: 100%; 
        left: 0;
    }
    .screen-grid { padding:15px 0; }
    .screen-thumb {
        max-width: 97%;
        margin-bottom: var(--space30);
    }
    .screen-thumb-title { font-size:22px; }


    #index-footer-container { font-size:16px; }


    .case,  .case-unit { width:100%;height:auto; }

    .section { padding:50px 30px; }
    .section-container, .content { font-size: 16px; }
    .section-container.columns {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        -moz-column-fill: balance;
            column-fill: balance;
          column-gap: 30px;
    }

    .section img { float: none;max-width: 400px; }
    h1 { font-size: 64px; }
    .content-title { font-size:48px;line-height:1.2em; }
    .content-subtitle { font-size:40px; }
}