#wrapper {
	height:180px;
	max-width:100%;
	position:relative;
	margin:auto;
}

#address {
	position:absolute;
	width: 100%;
    padding:20px;
}

#address {
	margin-bottom:10px;
	border-radius:25px;
}

.texte {
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	white-space: pre;
	color: #C30B67;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.texte {
		font-size: 10px;
	}

	#address {
	height: 85px;
	}

	#sigles {
	top:115px;
	height: 20px;
	}

}

@media screen and (max-width: 34px) {

	.texte {
		font-size: 10px;
	}
}
#D1,#D2,#D3,#D4 {float:right;right:0px;clear:both}

#D1 {
	top:55px;
}

#D2 {
	top:75px;
}
#D3 {
	top:115px;
}

#D4 {
	top:145px;
}

#Nom {
	width:500px;
}

#Nom2 {
	top:27px;
}

#Rue {
	width: 520px;
	top: 54px;
}

#ZIP {
	float:left;
	top: 81px;
	margin-right:15px;
}

#Ville {
	float:left;
	margin-right:15px;
}

#Commune {
	float:left;
}

#prev, #next {
	height:64px;
	width:64px;
	border: 3px solid blue;
	border-radius: 10px;
}
#prev:hover, #next:hover {
	border-color:red;
}
#prev {
	align-self: flex-start;
}

#next  {
	margin-left: auto;
}
#lowbar {
	width:100%;
	height:65px;
	display: flex;
	margin:auto;
	align-content:space-between;
}
#sigles {
	display:flex;
	margin: 0 auto;
}
.box {
	height:64px;
	width:64px;
	border: 3px solid blue;
	padding-left:5px;
	padding-right : 5px;


}
.box:hover {
		border-color:red;
}
.box:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 100%; /* Positionne en dessous */
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px; /* C'est ici que vous gérez le décalage */
  background: blue;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;

}