@font-face{
    font-family:UnitOT;
    src: url(fonts/UnitOT.ttf);
    font-weight:normal;
    font-style:normal;
    font-stretch:normal;
}

*{
    font-family:UnitOT;
}

html, body
{
    overflow-y:hidden;
    overflow-x:hidden;
}

#swali
{
    overflow-y:scroll;
}
#moduleRecherche
{
    position:absolute;
    z-index:10001;
    width:250px;
    height:200px;
    right:0;
    top:0;
    border:solid black 1px;
    padding:10px;
    background-color:white;
    
    
    display:none;
}
#moduleRecherche>input
{
    width:100%;
}
#rechercher{
    position:absolute;
    width:50px;
    height:50px;
    right:20px;
    top:20px;
    z-index:99998
}
.labelInvisible
{
    text-align:center;
    color:white;
    text-shadow: 1px 1px 2px black,-1px 1px 2px black,1px -1px 2px black, -1px -1px 2px black;
    font-size:1.1em;
}
.leaflet-marker-icon
{
    /*display:none;*/
}
#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;
}
.labelAdresse
{
    color:white;
    text-shadow:black 1px 1px 1px, black 1px -1px 1px, black -1px 1px 1px, black -1px -1px 1px;
    font-size:1.5em;
}
#cont_choisirDept
{
    width:100%;
    height:100vh;
    z-index:10000000000;
    position:absolute;
    top:0;
    left:0;
    display:flex;
    background-color:white;
    transition:0.3s;
}

#centrer_choisirDept
{
    max-width:400px;
    display:block;
    margin:auto;
    padding:20px;
}

#retour
{
    position:absolute;
    bottom:50px;
    right:50px;
    z-index:1002
}

/*
body
{
    height:100vh;
    min-height:500px;
    padding-left:5%;
    padding-right:5%;
    background-color:black;
    color:white;
}
*/

::-webkit-scrollbar {
  width: 3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e30613; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* ________ */

#carte
{
    width:100%;
    height:100vh;
    cursor:crosshair;
}


.label
{
    font-size:0.9em;
    margin:0;
}

hr
{
    margin:0;
    margin-bottom:10px;
}
.label+hr
{
    margin:0;
    margin-bottom:3px;
    border-color:gray;
}


/*PETITE POPUP*/
.petite_popup
{
    
    padding:10px;
    background-color:white;
    border-radius:0 10px 10px 10px;
    z-index:1010;
}
.titre_petite_popup
{
    margin:0;
    font-size:1.4em;
    font-weight:600;
    text-transform:uppercase;
    
}
.voir_plus
{
    color:#0078A8!important;
    text-decoration: underline!important;
}
.fleche_popup
{
    width:20px;
    height:20px;
   
}

.top_left
{
    position:absolute;
    left:0;
    top:-20px;
    border-left:solid white 10px;
    border-bottom:solid white 10px;
    border-right:solid rgba(0,0,0,0) 10px;
    border-top:solid rgba(0,0,0,0) 10px;
}
.bottom_left
{
    position:absolute;
    left:0px;
    bottom:-20px;
    border-left:solid white 10px;
    border-top:solid white 10px;
    border-right:solid rgba(0,0,0,0) 10px;
    border-bottom:solid rgba(0,0,0,0) 10px;
}
.top_right
{
    position:absolute;
    left:180px;
    top:-20px;
    border-right:solid white 10px;
    border-bottom:solid white 10px;
    border-left:solid rgba(0,0,0,0) 10px;
    border-top:solid rgba(0,0,0,0) 10px;
}
.bottom_right
{
    position:absolute;
    left:180px;
    bottom:-20px;
    border-right:solid white 10px;
    border-top:solid white 10px;
    border-left:solid rgba(0,0,0,0) 10px;
    border-bottom:solid rgba(0,0,0,0) 10px;
}

.edge_top_left
{
    border-radius:0 10px 10px 10px;
}
.edge_top_right
{
    border-radius: 10px 0 10px 10px;
}
.edge_bottom_left
{
    border-radius: 10px 10px 10px 0;
}
.edge_bottom_right
{
    border-radius: 10px  0px 0 10px;
}

.heure
{
    font-size:1.3em;
    color:red;
    font-weight:600;
    margin:0;
}
.petite_popup p
{
    font-size:1.3em;
}

/*NAVIGATION*/

#navigation
{
    z-index: 1005;
    position: absolute;
    bottom: 20px;
    width: 250px;
    left: 50%;
    margin-left: -120px;
    padding: 5px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.7);
}

.button-img
{
    width:100%;
}
.bouton-nav
{
    cursor:pointer;
}
.triangle {
    margin:0 !important;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.triangle-2 {
  width: 30px;
  height: 60px;
  border-right: solid 30px #E30613;
  border-bottom: solid 30px transparent;
  border-top: solid 30px transparent;
}
.triangle-3 {
  width: 30px;
  height: 60px;
  border-left: solid 30px #E30613;
  border-bottom: solid 30px transparent;
  border-top: solid 30px transparent;
}

.rond
{
    
    width: 40px;
    height: 40px;
    border-radius:50px;
    background-color:#E30613;
    margin:auto;
}

#sound
{
	position:absolute;
	z-index:100500;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
}
.ql-video
{
	width:100%;
	max-width:500px;
	min-height:300px;
	margin:auto;
}
.ql-syntax
{
	width:100%;
	max-width:500px;
	min-height:300px;
	margin:auto;
}

#scroll-overlay
{
    position:absolute;
    width:100%;
    height:100vh;
    left:0;
    top:0;
    z-index:10100;
    display:flex;
    background-color:rgba(0,0,0,0.5);
}
#hide-scroll
{
    width:200px;
    margin:auto;
    margin: auto;
    width: 300px;
    height: 70px;
    font-size: 1.5em;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: dotted white 0.1px;
    border-radius: 1em;
    cursor:pointer;
    
}

#show-scroll-overlay
{
    position:absolute;
    width:50px;
    height:50px;
    top:80px;
    display:none;
    z-index:10101;
    right:20px;
}

.twitter-tweet
{
    margin:auto;
}

/*A SUPPPR*/
strong[style="color: rgb(255, 0, 0);"]
{
    display:none;
}
@media screen and (max-width:500px)
{
    h2
    {
        font-size:2em!important;
    }
}