/*MAP*/
/*MAP*/
/*MAP*/

#map{ 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    width: 100%; 
}

.mapboxgl-ctrl-logo{
    display: none !important;
}


h1, h2, h3{
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0;
}



/*HOME*/
/*HOME*/
/*HOME*/

#home h1{
    width: 400px;
    padding-left: 20px;
    max-width: calc(100% - 20px);
}

#home h1 a{
    color: var(--gris-middle);
    text-decoration: none;
}

/*Message de home et pop-ups*/
#home, .mapboxgl-popup {
    padding-bottom: var(--line-height);
    pointer-events: auto !important;
    z-index: 0;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    max-width: 100% !important;
    font-family: inherit;
    line-height: var(--line-height);
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: auto !important;
    max-height: 100%;
}

.mapboxgl-popup { padding-top: calc(3*var(--line-height)); }
#home { padding-top: calc(7*var(--line-height) - 5px); }


/*Contenu de fiches*/
/*Contenu de fiches*/
/*Contenu de fiches*/

.mapboxgl-popup{
    transform: none !important;
}

.mapboxgl-popup-content{
    font-family: "GT-America";
    font-weight: "400";
    color: var(--txt-black);
    font-feature-settings: "liga", "kern";
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing : antialiased;
    font-size: var(--corps);
    line-height: var(--line-height);

    padding: 0;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    width: calc(100% - 20px);
    white-space: nowrap;
    overflow-x: scroll;
    padding-left: 20px;
}

/*Scrollbar*/
.mapboxgl-popup-content::-webkit-scrollbar {
  display: none;
}

.mapboxgl-popup-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
}








/*Chacuns des blocs*/
/*Chacuns des blocs*/
/*Chacuns des blocs*/

.acetteadresse{
    margin-top: -2px;
    margin-bottom: calc(-4*var(--line-height) + 2px);
}

.mapboxgl-map{
    font-size: var(--corps);
    line-height: var(--line-height);
}

.blocsimages{
    display: inline-block;
    padding-right: 20px;
    margin-top: calc(4*var(--line-height));
}

.blocsimages img{
    width: 100%;
    margin-bottom: 3px;
}

/*Taille des images*/
@media (min-width: 1600px) {
    .blocsimages {  width: calc(19.4vw - 20px); }
    .blocsimages.cinq, .blocsimages.quatre, .blocsimages.trois, 
    .blocsimages.deux, .blocsimages.solo {  width: calc(20vw - 24px); }

    .mapboxgl-popup-content img { height: 12vw; }
    /*.blocsimages.cinq img, .blocsimages.quatre img, .blocsimages.trois img, 
    .blocsimages.deux img, .blocsimages.solo img { height: 12vw; }*/
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .blocsimages { width: calc(24vw - 20px); }
    .blocsimages.quatre, .blocsimages.trois, 
    .blocsimages.deux, .blocsimages.solo {  width: calc(25vw - 25px); }
    
    .mapboxgl-popup-content img { height: 16vw; }
    /*.blocsimages.quatre img, .blocsimages.trois img, 
    .blocsimages.deux img, .blocsimages.solo img { height: 16vw; }*/
}

@media (min-width: 900px) and (max-width: 1200px) {
    .blocsimages { width: calc(31.5vw - 20px); }
    .blocsimages.trois, .blocsimages.deux, .blocsimages.solo {  width: calc(1/3*100vw - 26.666px); }
    
    .mapboxgl-popup-content img { height: 20vw; }
    /*.blocsimages.trois img, .blocsimages.deux img, .blocsimages.solo img { height: 20vw; }*/
}

@media (min-width: 500px) and (max-width: 900px) {
    .blocsimages { width: calc(47vw - 20px); }
    .blocsimages.deux, .blocsimages.solo {  width: calc(50vw - 30px); }

    .mapboxgl-popup-content img { height: 29vw; }
    /*.blocsimages.deux img, .blocsimages.solo img { height: 29vw; }*/
}

@media (max-width: 500px) {
    .blocsimages {  width: calc(82vw); }
    .blocsimages.solo {  width: calc(100vw - 40px); }

    .mapboxgl-popup-content img { height: 60vw; }
    /*.blocsimages.solo img {  height: 60vw; }*/
}




/*IMAGES*/
.mapboxgl-popup-content img{
    /*width: 100%;*/
    object-fit: cover;
    display: block;
    background-image: url("https://grappe.app/liste/images/load_darke.gif");
    background-size: auto 34px;
    background-repeat: no-repeat;
    background-position: center;
}

/*NOMS*/
.mapboxgl-popup div h3{
    text-transform: uppercase;
    display: inline-block;
}

/*NEW*/
.mapboxgl-popup-content .new{
    display: none;
    margin-left: 6px;
    color: var(--gris-middle);
}

.mapboxgl-popup-content .nouveau.new{
    display: inline-block;
}

/*CATEGORIES*/
.bloc_categories{
    height: var(--line-height);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cat_fiche{
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
}





















/*Croix*/
/*Croix*/
/*Croix*/
.mapboxgl-popup-close-button{
    display: none;
    /*height: 25px !important;*/
    /*width: 25px !important;*/
    padding: 0;
    left: 0px;
    /*font-size: 0;*/
    margin-top: 43px;
    /*margin-right: 16px;*/
}

.mapboxgl-popup-close-button:hover{
    background-color: transparent;
}

.mapboxgl-popup-close-button:before/*, .mapboxgl-popup-close-button:after*/ {
    /*position: absolute;*/
    content: 'À CETTE ADRESSE: [FERMER]';
    /*height: 16px;*/
    /*width: 1.2px;*/
    /*background-color: var(--txt-black);*/
    /*margin-top: -8px;*/
    /*margin-left: -0.5px;*/
    /*transition: all .1s;*/
}

/*.mapboxgl-popup-close-button:before { transform: rotate(45deg); }*/
/*.mapboxgl-popup-close-button:after { transform: rotate(-45deg); }*/

.mapboxgl-popup-tip{
    display: none;
}