body {
  padding-top: 0rem;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

#carte {
    width: 100%;
    height:calc(100vh - 210px);}
#carte2 {
    height:calc(100vh - 210px);
    min-height:50px;
    width:150px;
    background:red;
}
.popup_lien {
    cursor:pointer;
}
#popup {
    background: #FFFFFF;
    width:auto;
    font-size:16px;
    border: black 0px solid;
}
.popup_titre {
    font-weight:bold;
    text-align:center;
    font-size:1.5em;
}
.popup_soustitre {
    font-style: italic;
    text-align:center;
    font-size:0.7em;
}
.popup_contenu {
    font-size:16px;
}
.popup_contenu hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#parametresCarte {
    background: rgba(5, 46, 86, 0.6);
    padding:6px;
    position:absolute;
    right:0px;
    top:65px;
    width:320px;
    height:calc(auto + 65px);
    border-radius:0px;
    border-bottom-left-radius:5px ;
}
#parametresCarte>h1 {
    margin-top:12px;
    font-size:14px;
    text-align:center;
    font-weight:bold;
    color:white;
    display:block;
}
#parametresCarte>.separateur {
    border-bottom:1px solid white;
    margin-top:20px;
    margin-bottom:20px;
    margin-right:30px;
    margin-left:30px;
    display:block;
}
.choix_couches>button {
    width:calc(100% - 20px);
    margin:2px;
    margin-left:10px;
    margin-right:10px;
}

.btnParametres {
    position:absolute;
    right:320px;
    left:auto;
    top:155px;
    bottom:auto;
    width:42px;
    height:42px;
    border:0px;
    margin:0px;
    padding:0px;
    background: rgba(5, 46, 86, 0.6) ;
    border-top-right-radius:0px ;
    border-bottom-right-radius:0px ;
    border-top-left-radius:5px ;
    border-bottom-left-radius:5px ;
    text-align:center;
}
.btnParametres i {
    color:white;
    font-size:+1.6em;
    position:relative;
    top:10px;
    cursor:pointer;
}
.ol-zoom {
    right:320px;
    left:auto;
    top:65px;
    bottom:auto;
    border:0px;
    margin:0px;
    padding:0px;
    background: rgba(5, 46, 86, 0.6) !important ;
    border-top-right-radius:0px !important ;
    border-bottom-right-radius:0px !important ;
}
.ol-zoom>button{
    width:40px !important ;
    height:40px !important ;
    margin-top:0px !important;
    margin-bottom:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
    background: transparent !important ;
    border-top-right-radius:0px !important ;
    border-bottom-right-radius:0px !important ;
    cursor:pointer;
    outline:none !important;
    font-size:+2em;
    font-weight:bold;
}
.btnParametres:hover{
    background: rgba(5, 46, 86, 0.8) !important ;
}
.ol-zoom>button:hover{
    background: rgba(5, 46, 86, 0.6) !important ;
}
.ol-zoom-in {
   border-top-left-radius:5px !important ;
    
}.ol-zoom-out {
    border-bottom-left-radius:5px !important ;
}



.btn_map_calque {
  background-color:white;
  color:black; 
  border:4px solid #FFFFFF;
  margin-top:2px;
  margin-bottom:2px;

}
.btn_map_calque.selected {
  color:white; 
  background-color:#0d6efd;
  border:4px solid #0d6efd;
}
.btn_map_calque:hover {
    border:4px solid #000000;;
}
.btn_map_calque.selected:hover {
    border:4px solid #000000;
}


.choix_fond_carte>button>img {
    width:30px;
    height:30px;
}
.choix_fond_carte {
    text-align:center;
}
.choix_fond_carte>button {
    padding:4px 4px;
}
.choix_fond_carte>button:hover {
   background:#000000;
}
.choix_fond_carte>button.btn-active {
    padding:4px 4px;
    background:#0d6efd;
}
.choix_fond_carte>button.btn-active:hover {
    background: #000000;
}



.nav_partager:not(.active) {
  background-color:white ;
}

.nav_partager {
  
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  border:3px solid transparent !important;

}
.nav_partager:hover {
  border:3px solid black  !important;

}

.btn_outil {
  background:white;
  margin-left:3px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  border:3px solid transparent !important;
}
.btn_outil.selected {
  background:#0d6efd;
  margin-left:3px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  border:3px solid transparent !important;
}
.btn_outil:hover {
  border:3px solid black !important;

}

#nav-home {
	background:green;
}