/* RESPONSIVE */




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

@media screen and (min-width: 1201px) and (max-width: 1680px) {
    
    .menu-parcours { width: 33.33%;font-size:16px; }
    .fiche-parcours-frise { margin-top:100px; }

    /* sightseeing */
    .item img { max-height:240px;max-width:240px; }

    .fiche-vignette, .fiche-vignette-unit { width: 23%; }
}




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

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    
    .menu-parcours { width: 33.33%;font-size:15px; }

    .fiche-parcours-frise { margin-top:100px; }

    /* sightseeing */
    .item img { max-height:230px;max-width:230px; }

    .fiche-vignette, .fiche-vignette-unit { width: 31.33%; }
}



/*---------------------------------------------------*/
/*     IPAD                                          */
/*---------------------------------------------------*/
@media screen and (min-width: 761px) and (max-width: 1024px) {
    
    #bouton_parcours, #bouton_parcours_cache { right:120px; }

    .menu-parcours { width: 50%;padding:22px;font-size:15px; }

    .menu-titre { font-size:33px; }
    .menu-filtrer, .menu-rechercher { font-size:28px;margin-bottom:5px; }
    .menu-filtre { margin-top:15px;font-size:18px; }
    .menu-filtre-sousElements { line-height:1.6em; }

    #menu-archives-more { width: 30px;top: 5px;left: -35px; }

    .menu-pied { font-size:16px; }
    #logo-min { width:100px; }
    #logo-interbibly { width:130px; }


    /* Fiche */
    .fiche-parcours-frise { margin-top:100px; }
    .fiche-parcours-icone { left: 30px;width: 150px;height: 150px; }
    .fiche-parcours-etapes { width: calc(100% - 400px);left:200px; }
    .fiche-parcours-nav { right:30px;width: 140px;font-size:10px;padding:0 30px; }
    .fiche-parcours-survol { left:210px;font-size:16px;padding-right:170px; }
    .fiche-parcours-suivre { font-size:11px;text-align:center; }

    #fiche-entete { margin: 30px 0 15px 0;height:330px; }
    #fiche-entete-portrait { margin-top:-15px;margin-left:-30px;width:475px;height:330px; }
    .prenom-femme { top:183px;font-size:44px; }
    .nom-femme { top:222px;font-size:44px; }
    .dates_vie-femme { top:185px; font-size:12px; }
    .prenom-homme { top:183px;font-size:44px; }
    .nom-homme { top:222px;font-size:44px; }
    .dates_vie-homme { top:165px; font-size:12px; }


    #fiche-entete-titre { width:calc(60% - 50px);padding:0px 0px 0px 75px; }
    .fiche-entete-titre { font-size: 36px;line-height:1.1em;margin-bottom:10px; }
    .fiche-entete-soustitre { font-size: 30px;line-height:1.1em; }

    .fiche-sommaire { display:none; }
    .fiche-sommaire-element { font-size:1.6vw; }

    #fiche-auteur, #fiche-fonds, #fiche-lieu, #fiche-infos, #fiche-galerie {
        padding:  50px 30px 75px 30px;
    }

    #fiche-auteur-titre,
    #fiche-fonds-titre,
    #fiche-lieu-titre,
    #fiche-infos-titre,
    #fiche-galerie-titre { font-size: 30px;padding: 40px 30px 30px 30px; }

    #fiche-auteur-contenu,
    #fiche-auteur-biblio,
    #fiche-fonds-contenu,
    #fiche-lieu-contenu,
    #fiche-lieu-visiter,
    #fiche-infos-contenu,
    #fiche-galerie-contenu { 
        padding: 0 15px;
    }
    .fiche-labeur {
        max-width:720px;
        font-size: 16px;
        columns:1;
        -moz-columns: 1;
        -webkit-columns: 1;
        column-gap: 50px;
    }
    .fiche-labeur2 { width:620px; }
    .fiche-separateur { display:none; }

    .fiche-choix-corps { top:-125px;right:0px; }
    

    #fiche-auteur-chapitre { padding: 30px 0 15px 0;font-size:27px; }
    
    #fiche-lieu-contenu, #fiche-lieu-picto { width: 100%; }
    .fiche-lieu-fonds { font-size:16px; }
    .fiche-lieu-chapitre { padding: 30px 0 15px 0;font-size:27px; }
    #fiche-lieu-picto { display:none; }
    #fiche-lieu-picto-resp { display:block;width:350px;height:350px; }
    #fiche-lieu-visiter-slider { width:calc(100% + 45px); }
    
    /* sightseeing */
    .item img { max-height:220px;max-width:220px; }

    #fiche-galerie { padding: 50px 30px 50px 30px; }
    #fiche-galerie-contenu { 
        padding: 0;
    }
    .fiche-vignette, .fiche-vignette-unit { width: 48%; }

    .visite-vignette, .visite-vignette-unit { width: 21.33%;margin: 30px 6%; }

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

@media screen and (min-width: 641px) and (max-width: 760px) {
    
    #logo { top:32px;width:250px; }

    #bouton_parcours, #bouton_parcours_cache { right:120px; }

    .menu-parcours { width: 50%;padding:15px;font-size:16px; }

    .menu-titre { font-size:33px;margin-bottom:16px; }
    .menu-filtrer, .menu-rechercher { font-size:28px;margin-bottom:5px; }
    .menu-filtre { margin-top:15px;font-size:18px; }
    .menu-filtre-sousElements { line-height:1.6em; }

    #menu-archives-more { width: 30px;top: 5px;left: -35px; }

    .menu-pied { font-size:16px; }
    #logo-min { width:100px; }
    #logo-interbibly { width:130px; }



    /* Fiche */
    .fiche-parcours-frise { height:130px;margin-top:120px; }
    .fiche-parcours-icone { left: 30px;width: 120px;height: 120px; }
    .fiche-parcours-etapes { width: calc(100% - 350px);left:160px;top:55px; }
    .fiche-parcours-nav { top:41px;right:30px;width: 140px;font-size:10px;padding:0 30px; }
    .fiche-parcours-survol { top:85px;left:167px;font-size:13px;padding-right:170px; }
    .fiche-parcours-suivre { font-size:11px;text-align:center; }

    #fiche-entete { margin: 30px 0 15px 0;height:330px; }
    #fiche-entete-portrait { margin-top:-15px;margin-left:-50px;width:475px;height:330px; }
    .prenom-femme { top:183px;font-size:44px; }
    .nom-femme { top:222px;font-size:44px; }
    .dates_vie-femme { top:185px; font-size:12px; }
    .prenom-homme { top:183px;font-size:44px; }
    .nom-homme { top:222px;font-size:44px; }
    .dates_vie-homme { top:165px; font-size:12px; }

    #fiche-entete-titre { margin-left:40%;width:calc(65% - 50px);padding:0px 0px 0px 75px; }
    .fiche-entete-titre { font-size: 36px;line-height:1.1em;margin-bottom:10px; }
    .fiche-entete-soustitre { font-size: 30px;line-height:1.1em; }

    .fiche-sommaire { display:none; }
    .fiche-sommaire-element { font-size:1.6vw;font-family: parisplus-std, sans-serif; }
    #fiche-sommaire-contenu div { margin: 0 8px; }

    #fiche-auteur, #fiche-fonds, #fiche-lieu, #fiche-infos, #fiche-galerie {
        padding:  50px 30px 75px 30px;
    }

    #fiche-auteur-titre,
    #fiche-fonds-titre,
    #fiche-lieu-titre,
    #fiche-infos-titre,
    #fiche-galerie-titre { font-size: 30px;padding: 40px 30px 30px 30px; }

    #fiche-auteur-contenu,
    #fiche-auteur-biblio,
    #fiche-fonds-contenu,
    #fiche-lieu-contenu,
    #fiche-lieu-visiter,
    #fiche-infos-contenu,
    #fiche-galerie-contenu { 
        padding: 0 15px;
    }
    .fiche-labeur {
        width:100%;max-width:720px;
        font-size: 16px;
        columns:1;
        -moz-columns: 1;
        -webkit-columns: 1; 
        column-gap: 50px;
    }
    .fiche-labeur2 { width:100%;font-size:16px; }
    .fiche-separateur { display:none; }

    .fiche-choix-corps { top:-125px;right:0px; }
    

    #fiche-auteur-chapitre { padding: 30px 0 15px 15px;font-size:27px; }

    #fiche-lieu-contenu, #fiche-lieu-picto { width: 100%; }
    .fiche-lieu-fonds { font-size:16px; }
    .fiche-lieu-chapitre { padding: 30px 0 15px 0;font-size:27px; }
    #fiche-lieu-picto { display:none; }
    #fiche-lieu-picto-resp { display:block;width:300px;height:300px; }
    #fiche-lieu-visiter-slider { width:calc(100% + 45px); }
    
    /* sightseeing */
    .item img { max-height:200px;max-width:200px; }

    .fiche-infos-chapitre { padding: 30px 0 15px 0;font-size:27px; }

    #fiche-galerie { padding: 50px 30px 50px 30px; }
    .fiche-vignette, .fiche-vignette-unit { width:48%; }

    .visite-vignette, .visite-vignette-unit { width: 38%;margin: 30px 6%; }
    #archive-lieux tr td.archive-lieu-img { width:150px; }
    .archive_lieu_img { width:150px; }


   
}
/*---------------------------------------------------*/
/*     < 640 = SMALL                       */
/*---------------------------------------------------*/

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

    #fiche-nav-cache { height:180px; }

    #logo {
       top: 15px;left: 5%; 
       width: 90%;height: 110px;
       background-position: center top;
    }
    #bouton_parcours, #bouton_parcours_cache {
        right: calc(97.5% - 190px);
        top: 100px;
    }
    #menu-hamburger, #menu-hamburger-cache { top:100px;right:2.5%; }
    #menu-hamburger-cache, #bouton_parcours_cache { height: 65px; }
    #menu_parcours-contenu { 
        margin:150px auto 0 auto; 
        width: calc(100% - 15px);
    }
    .menu-parcours { width: 90%;margin-left:5%;padding:5px;font-size:17px; }

    #menu-entete { height:180px; }
    #menu-contenu { margin-top:120px; }
    .menu-col { width:100%;padding: 50px 15px 50px 30px; }
    .menu-col:nth-child(2) { padding:0px 15px 50px 80px; }
    .menu-titre {
        margin-bottom: 30px;
        font-size: 40px;

    }
    #menu-titre-fonds { padding-left:0; }
    .menu-pied { padding-top:15px;font-size:15px; }

    #logo-min { width:100px; }
    #logo-interbibly { width:130px; }

     /* Fiche */
     .fiche-parcours-frise { height:130px;margin-top:160px; }
     .fiche-parcours-icone { left: 15px;width: 80px;height: 120px; }
     .fiche-parcours-etapes { width: calc(100% - 250px);left:110px;top:55px; }
     .fiche-parcours-etape { width:12px; }
     .fiche-parcours-etape-current { width:18px; }
     .fiche-parcours-nav { top:41px;right:15px;width: 110px;font-size:10px;padding:0 30px; }
     .fiche-parcours-survol { top:85px;left:120px;font-size:13px;padding-right:170px; }
     .fiche-parcours-suivre { font-size:9px;text-align:center; }

     #fiche-entete { height:350px; }
    #fiche-entete-portrait { display:none; }
    #fiche-entete-titre { width: calc(100% - 60px);margin-left: 0%;height:350px;padding: 40px 0px 0 50px; }

    #fiche-sommaire {height:0px; }
    .fiche-sommaire { display:none; }
    .fiche-sommaire-element { display:none }

    #fiche-auteur, #fiche-fonds, #fiche-lieu, #fiche-infos, #fiche-galerie {
        padding:  50px 30px 75px 30px;
    }

    #fiche-auteur-titre,
    #fiche-fonds-titre,
    #fiche-lieu-titre,
    #fiche-infos-titre,
    #fiche-galerie-titre { font-size: 30px;padding: 40px 30px 30px 30px; }

    #fiche-auteur-contenu,
    #fiche-auteur-biblio,
    #fiche-fonds-contenu,
    #fiche-lieu-contenu,
    #fiche-lieu-visiter,
    #fiche-infos-contenu,
    #fiche-galerie-contenu { 
        padding: 0 15px;
    }
    .fiche-labeur {
        width:100%;
        font-size: 16px;
        columns:1;
        -moz-columns: 1;
        -webkit-columns: 1;
        column-gap: 50px;
    }
    .fiche-labeur2 { width:100%;font-size:16px; }
    .fiche-separateur { display:none; }

    .fiche-choix-corps { display:none; }

    #fiche-lieu-contenu { width:100%; }
    .fiche-lieu-chapitre { padding: 30px 0 15px 0;font-size:24px; }
    #fiche-lieu-picto { display:none; }
    #fiche-lieu-picto-resp { display:block;width:250px;height:250px; }
    #fiche-lieu-visiter-slider { width:calc(100% + 45px); }

    /* sightseeing */
    .item img { max-height:180px;max-width:180px; }

    .fiche-infos-chapitre { padding: 30px 0 15px 0;font-size:24px; }

    .fiche-vignette, .fiche-vignette-unit { width:98%; }

    .contenu { margin-top:200px;padding:0 30px 100px 30px; }
    #index_titre_col2 { line-height:0.8em; }
    .visite-vignette, .visite-vignette-unit { width: 40%;margin: 15px 5%; }

    #archive-lieux tr td.archive-lieu-img { width:100px; }
    .archive_lieu_img { width:100px; }

    /* serious games */
    #generateur-conteneur { 
        width:100%;
        border: solid 1px red;
    }

}