html, body
{
    overflow:hidden;
}
body
{
    display:flex;
    height:100%;
}

/*INFOBULLES*/

/*
.bulle
    {
        position:absolute;
        top:5vh;
        width:70%;
        right:100px;
        height:250px;
        border:solid black 1px;
        display:flex;
        box-sizing:border-box;
        margin:0;
        padding:0;
        z-index:100000;
        background-color:white;
    }
    
    .bulle::after
    {
        content:"";
        position:relative;
        width:0;
        height:0;
        border:20px solid;
        border-color:white transparent transparent white;
        left:40px;
        top:6px;
        box-sizing:border-box;
    }
    .bulle::before
    {
        content:"";
        position:relative;
        width:-15%;
        height:0;
        border:21px solid;
        border-color:black transparent transparent black;
        right:-100%;
        top:5px;
    }
    .bulle p
    {
        display:block;
        margin:auto;
        text-align:center;
        
    }

*/
 .bulleContainer
    {
        position:absolute;
        width:100%;
        height:100vh;
        z-index:10000000;
        background-color:rgba(0, 0, 0, 0.5);
        
    }
    .bulle
    {
        color:white;
        position:relative;
        top:5vh;
        width:70%;
        
        height:auto;
        background-color:#34495e;
        border:solid #2c3e50 1px;
        box-sizing:border-box;
        margin:0;
        margin-left:30%;
        right:100px;
        padding:20px 20px;
        flex-direction:column;
        
    }
    
    .bulle::after
    {
        content:" ";
        position:absolute;
        width:0;
        height:0;
        border:20px solid;
        border-color:#34495e transparent transparent #2c3e50;
        right:-40px;
        top:6px;
        box-sizing:border-box;
    }
    .bulle::before
    {
        content:" ";
        position:absolute;
        width:0;
        height:0;
        border:21px solid;
        border-color:#2c3e50 transparent transparent #2c3e50;
        right:-42px;
        top:5px;
    }
    .bulle p
    {
        display:block;
        margin:auto;
        text-align:center;
        
    }
    .bulle button
    {
        text-align:center;
        width:50px;
        margin:20px auto 0px auto;
        display:block;
        
    }


#titreProvisoire
{
    position:absolute;
    bottom:10px;
    width:100%;
    z-index:99999;
    text-align:center;
    font-size:1.5em;
}
/* La carte */
#map
{
    width:100%;
    height:100vh;
}

#rechercher{
    position:absolute;
    width:50px;
    height:50px;
    right:20px;
    top:20px;
    z-index:99998
}
#satellite
{
    position:absolute;
    width:50px;
    height:50px;
    right:20px;
    bottom:70px;
    z-index:99998
}
#barreAdresseContainer
{
    position:absolute;
    width:230px;
    height:50px;
    right:70px;
    top:20px;
    z-index:99998;
    background-color:#ecf0f1;
    border:solid #95a5a6 1px;
    border-radius: 1em 0   0 1em;
    padding:10px;
    padding-left:20px;
    display:none;
}
#barreAdresseContainer input
{
    width:200px;
}

/* L'overlay transparente de chargement */
#loading
{
    background-color:rgba(255,255,255,0.5);
    z-index:1000000000;
    position:fixed;
    width:100%;
    height:100vh;
    bottom:0;
    display:flex;
}
#loadingGif
{
    width:50px;
    height:10px;
    margin:auto;
    display:block;
}

#map
{
    cursor:pointer;
}

.lignePrincipale
{
    list-style: none;
    text-align:left;
    border:solid white 1px;
    background-color:#34495e;
    color:white;
    
}

.swal-overlay
{
    overflow-y:auto !important;
}

/*POP UP VENTES*/
ul
{
    padding:0;
}

#popUpVentes
{
    background-color:#2c3e50;
    color:white;
    width:100%;
    height:100vh;
    position:absolute;
    z-index:100000;
    left:-100%;
    transition:0.3s;
    border:solid white 2px;
    overflow-y:scroll;
    padding:5%;
    
}
#fermer
{
    color:white;
    background-color:red;
    cursor:pointer;
    width:25px;
    height:25px;
    left:-40px;
    top:20px;
    transition:0.3s;
    position:absolute;
    text-align:center;
    padding-bottom:5px;
    z-index:100001;
}
.titre
{
    text-align:center;
}

.tarif
{
    padding-left:5%;
    font-size:1.3em;
    margin:0;
}

.date
{
    padding-left:5%;
    margin:0;
    margin-bottom:10px;
}
.ligneSecondaire
{
    height:0;
    overflow:hidden;
    transition:0.3s;
    background-color:#7f8c8d;
    color:#ecf0f1;
}
.conteneurDetail
{
    display:flex;
}
.detail
{
    margin:auto;
    display:block;
}
.listeLots li
{
    list-style:none;
}
.listeLots
{
    padding-left:10%;
    padding-right:5%;
}

/*POP UP MOYENNES*/
#popUpMoyennes
{
     background-color:white;
    color:black;
    width:100%;
    height:100vh;
    position:absolute;
    z-index:100000;
    left:100%;
    transition:0.3s;
    border:solid black 2px;
    overflow-y:scroll;
    padding:5%;
    top:0;
}

#fermer2
{
    color:white;
    background-color:red;
    cursor:pointer;
    width:25px;
    height:25px;
    left:-40px;
    top:20px;
    transition:0.3s;
    position:absolute;
    text-align:center;
    padding-bottom:5px;
    z-index:100001;
}

/*POP UP MENU*/
#popUpMenu
{
    height:20%;
    width:100%;
    top:-20%;
    background-color:#2c3e50;
    color:white;
    z-index:99999;
    position:absolute;
    margin:0;
    transition:0.3s;
}

.conteneurBouton
{
    display:flex;
}
.conteneurBouton button
{
    margin:auto;
    width:100%;
    height:80%;
    border-radius:1em;
    background-color:#ecf0f1;
}

.leaflet-marker-icon p
{
    color:red;
    font-weight:600;
    font-size:1em;
    text-shadow: 1px 1px 1px white, -1px -1px 1px white, -1px 1px 1px white, 1px -1px 1px white;
}
@media screen and (max-width:800px)
{
    .titre
    {
        font-size:1.8em;
    }
}