img{
  margin-bottom: 5px;
  margin-top: 15px;
}

#navbar{
  background-color: #1b346c; /* couleur du bandeau sur le coté, valeur en hexadécimal */
}


.subdiv{
	width: 598px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	margin: 0px;
}

.subdiv img{
	width: 598px;
	margin: 0px;
}

.subdiv p{
	margin-top: 0px;
	padding: 
}
/* supprime les marges par défaut du corps de la page*/
html, body, ul, p, #nature_urbaine{
margin: 0px;
padding: 0px;
}

@font-face {
  font-family: "AkkuratPro-Regular";
  src: url("../0_POLICE/Akkurat-Regular/AkkRg_Pro_1.otf");
}

@font-face {
  font-family: "AkkuratPro-Light";
  src: url("../0_POLICE/Akkurat-Light/Akkurat-Light.ttf");
}

@font-face {
  font-family: "AkkuratPro-Bold";
  src: url("../0_POLICE/Akkurat-Bold/Akkurat-Bold.otf");
}


#navbar h1,#navbar h2,#navbar h3,#navbar h4,#navbar p,#navbar h3 a{
  color: white;
}


.switch_calques{
	display: flex;
	flex-wrap: wrap;
  height: 50px;
}

#nature_urbaine{
	text-decoration: none;
	font-family: "helvetica world", sans-serif; 
	font-size: 1em;
	font-weight: lighter;
	text-align: left;
	color: black;
}

.spacer{
	height: 50px;
}

.spacer1{
	height: 100px;
}


#carte1{
  height: 605px;
	position: relative;
}

#carte2{
  height: 605px;
	position: relative;
}




/* liens en bas de page*/
.lien_menu{
	color: black;
	font-family: "helvetica world" , sans-serif;
	text-decoration: none;
	font-size: 1.5em;
}

.lien_menu:hover {
	text-decoration: none;
	background-color: white;
}

#theme{
	position: fixed; 
	bottom: 2%; 
	left: 2%;
	z-index: 3; /* permet de positioner ce lien au dessus de la bande jaune ou éventuellement au dessus de calques ayant eux aussi un index z */
}

#carte{
	position: fixed; 
	bottom: 2%; 
	left: 20%;
	z-index: 3;
}

#durabilite{
	position: fixed;
	bottom: 2%; 
	left: 37%;
	z-index: 3;
}

#dimensions{
	position: fixed; 
	bottom: 2%; 
	right: 37%;
	z-index: 3;
}

#programme{
	position: fixed; 
	bottom: 2%; 
	right: 19%;
	z-index: 3;
}

#connexions{
	position: fixed; 
	bottom: 2%; 
	right: 2%;
	z-index: 3;
}

img.superpose {
  position: absolute;
  top: 0px;
  left: 0px;
}


/* bouton switch pour afficher les calques */
.switch {
  position: relative;
  margin-left: 20px;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* bouton switch pour afficher les calques */
.switch {
  position: relative;
  margin-left: 20px;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b346c; /* couleur des boutons en hexadécimal */
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}