/* 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; }
    .nav-item { margin-left: 20px; }
    #header-lang {   }
}



/*---------------------------------------------------*/
/*     IPAD                                          */
/*---------------------------------------------------*/
@media screen and (min-width: 761px) and (max-width: 1024px) {
    
    #menu-hamburger { display:block; }
    nav { display:none; }
    #header-lang { top:15px;right:75px; }

    #index-pres-container { font-size:20px; }
    #index-news-title, #index-actions-title { font-size: 64px;padding-left:30px; }
    #index-news-container { max-width: 760px; }
    #index-news-featured-img { width:360px;height:510px; }
    .index-news-featured-img { width:360px;height:510px; }
    #index-news-items { margin-left:390px;width:360px; }
    .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-news-more { text-align: left; }

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

    #index-footer-container { 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-container.columns img { float: left;max-width: 450px; }


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

@media screen and (min-width: 641px) and (max-width: 760px) {
    
    #menu-hamburger { display:block; }
    nav { display:none; }
    #header-lang { top:15px;right:75px; }

    #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: 600px; }
    #index-news-featured-img { display:none; }
    #index-news-items { margin-left:30px;width:540px; }
    .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-news-more { text-align: left;margin-top:75px; }


    #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; }

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


    .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-container.columns 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) {

    #logo { left: -35px;top:30px;max-width:300px; }
    
    #menu-hamburger { 
        display:block;
        right: -15px;
     }
    nav { display:none; }
    #header-lang { top:15px;right:25px; }

    #index-slider-infos { 
        bottom:15px;left:15px;width:calc(100% - 30px); 
    }
    #index-slider-infos-container { width:100%; }
    .index-slider-info { 
        width:100%; 
    }

    #index-pres-container { 
        max-width: 100%;padding: 0 30px;font-size:20px; 
        text-align:  left;
        text-justify:  none;
    }
    #index-news { min-height: 630px; }
    #index-news-title, #index-actions-title { font-size: 64px;padding-left:30px; }
    #index-news-container { max-width: 600px; }
    #index-news-featured-img { display:none; }
    #index-news-items { margin-left:30px;width:95%; }
    .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-news-more { text-align: left;margin-top:75px; }

    #index-actions-container { max-width: 600px; }
    #index-actions-title { max-width:600px; }
    .index-actions-item { width: 96%; }
    .index-actions-item-title { font-size:32px; }
    .index-actions-item-content { font-size:18px; }
    .index-actions-cta { font-size:16px; }

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

    .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-container.columns img { float: none;max-width: 400px; }
    h1 { font-size: 64px; }
    .content-title { font-size:48px;line-height:1.2em; }
    .content-subtitle { font-size:40px; }

}