/* RESPONSIVE */





/*---------------------------------------------------*/
/*     ENTRE 1025 et 1440 = LAPTOPS                  */
/*---------------------------------------------------*/
/*
@media screen and (min-width: 1025px) and (max-width: 1440px) {
    
    
}
*/

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

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .chapter-title { padding: 3rem 3rem 0.5rem 0rem; }
    .chapter-title img { max-height: 150px; }
    #entete-nav { bottom: 27px; }
    #entete-nav div { 
        margin: 0 5px;
        padding: 6px 13px 9px 13px;
    }
    #nav { padding:0rem 3rem 0.5rem 0rem; }
    #menu-hamburger, #menu-conteneur { display: none; }

    .chapter-content { column-gap:60px; }

    h2 { font-size:42px; }

    #temoignages-choix .item { font-size:18px; } 
    .temoignages-grille-titre { font-size:18px; }
    .temoignages-grille-personne { font-size:17px; }

    .expos-vignette, .expos-vignette-unit { width: 33.33%;padding:15px 2%; }

    .chapter-focus-pied { flex-direction: column; }
    #footer { padding: 0rem 0 0 0rem; }
    .pied-citation { font-size:32px; }
    
}

/*---------------------------------------------------*/
/*     IPAD                                  */
/*---------------------------------------------------*/
@media screen and (min-width: 761px) and (max-width: 1024px) {
    
    #entete { z-index: 1000; }
    #entete-langSwitcher { top:256px;right:30px; }
    #entete-nav { display:none; }
    #nav { display:none; }
    #menu-hamburger { display: block; }

    .chapter { width:100%;max-width:640px; }
    .chapter-content {
        max-width: 760px;
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
    }
    .chapter-title { width:100%;text-align: center; }
    .chapter-focus-beige {
        max-width: 475px;
    }   

    #nav { width:100%;max-width: 760px; }
    #nav div { font-size: 16px;padding:12px; }

    h1 { margin-top:15px;font-size:64px; }
    h2 { font-size:36px; }

    .temoignages-grille-element, .temoignages-grille-unit { width:43%;padding:15px 2%; }
    #temoignages-choix { height:375px; }
    #temoignages-choix .item { font-size:18px; } 
    #temoignages-choix .item img { height:275px;width:358px; } 
    .temoignages-grille-titre { font-size:16px; }
    .temoignages-grille-personne { font-size:17px; }

    .chapter-temoignage { max-width:100%; }


    .expos-vignette, .expos-vignette-unit { width: 50%;padding:15px 2%; }

    .pied-citation { 
        float:none;padding:0 3rem;width:100%;
        min-height: 250px;        
    }
    .chapter-focus-pied { 
        top: 3rem; 
        max-width: 80%;
        margin: 0 auto;

    }

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

@media screen and (min-width: 641px) and (max-width: 760px) {
    #lien-temoignages, #lien-newsletter, #lien-contact { display:none; }

    #entete { z-index: 1000; }
    #entete-langSwitcher { top:256px;right:30px; }
    #entete-nav { display:none; }
    #nav { display:none; }
    #menu-hamburger { display: block; }

    .chapter { width:100%;max-width:600px; }
    .chapter-content {
        max-width: 640px;
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        padding: 30px;
    }
    .chapter-title { width:100%;text-align: center; }
    .chapter-focus-beige {
        max-width: 475px;
    }   

    .chapter-pleine-largeur { padding-left:30px; }
    .chapter-pleine-largeur video { max-width: 500px; }

    #pres-header { padding-left:30px; }
    h1 { margin-top: 15px;font-size:64px; }
    h2 { font-size:32px; }

    #temoignages-choix { height:270px; }
    #temoignages-choix-contenu { padding-left:30px; }
    #temoignages-grille { padding:30px; }
    .temoignages-grille-element, .temoignages-grille-unit { width:45%;padding:15px 2%; }
    #temoignages-choix .item { font-size:18px; } 
    #temoignages-choix .item img { height:160px;width:209px; } 
    .temoignages-grille-titre { font-size:16px; }
    .temoignages-grille-personne { font-size:17px; }

    #temoignage { padding:15px 30px 0rem 30px; }
    .chapter-temoignage { max-width:100%; }

    .expos-vignette, .expos-vignette-unit { width:50%;padding:15px 2%; }

    .pied-citation { 
        float:none;padding:0 30px;width:100%;
        min-height: 250px;   
        font-size: 32px;      
    }
    .chapter-focus-pied { 
        top: 3rem; 
        max-width: 80%;
        margin: 0 auto;
        padding: 0 0 3rem 0;
    }
   
}
/*---------------------------------------------------*/
/*     < 640 = SMALL                       */
/*---------------------------------------------------*/

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

    #lien-temoignages, #lien-newsletter, #lien-contact { display:none; }

    #entete { z-index: 1000;height:150px; }
    #entete-langSwitcher { top:157px;right:30px; }
    #entete-nav { display:none; }
    #nav { display:none; }
    #menu-hamburger { display: block;top:137px; }
    #menu-conteneur-top { height:150px; }
    #menu-conteneur-bande { top:150px; }
    #menu-conteneur { top:203px;height:calc(100vh - 203px); }

    .chapter { width:100%; }
    .chapter-content {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
              padding: 15px;
    }
    .chapter-title { width:100%;text-align: center;height:150px;padding:0rem 3rem 0.5rem 3rem; }
    .chapter-focus-beige {
        max-width: 475px;
    }   

    .chapter-pleine-largeur { padding:0 15px 0 15px; }
    .chapter-pleine-largeur video { max-width: 100%; }

    #pres-header { padding-left:15px;font-size:26px;padding-bottom:15px; }
    h1 { margin-top: 15px;font-size:48px;line-height:1.2em; }
    h2 { font-size:28px; }

    #accueil-diaporama { height: 250px;}
    #accueil-diaporama .item img { width: auto;height:200px; } 

    #temoignages-choix { height:216px; }
    #temoignages-choix-contenu { padding-left:15px; }
    #temoignages-grille { padding:15px; }
    /* .temoignages-grille-element, .temoignages-grille-unit { width:91%;padding:15px 2%; } */
    .temoignages-grille-element, .temoignages-grille-unit { width:45%;padding:15px 2%; }
    #temoignages-choix .item { font-size:14px; } 
    #temoignages-choix .item img { width: 156px;height:120px; } 
    .temoignages-grille-titre { font-size:15px; }
    .temoignages-grille-personne { font-size:14px; }

    #temoignage { padding:15px 30px 0rem 30px; }
    .chapter-temoignage { max-width:100%; }

    .expos-vignette, .expos-vignette-unit { width:100%;padding:15px 2%; }

    #portrait-cecile {
        width: 80%;margin-left: 10%;
    }

    .pied-citation { 
        float:none;padding:0 30px;width:100%;
        min-height: 150px;       
        font-size: 22px; 
    }
    .chapter-focus-pied { 
        top: 0rem; 
        max-width: 80%;
        margin: 0 auto;
        padding: 0 0 3rem 0;

    }
    #chapter-footer { margin:0 auto;padding-left:15px; }
    #footer { padding-left:15px; }
}