.box {
            display: flex;
			flex-direction: row;
      }


h1 {
  text-align: center;
  overflow: hidden;
  padding: 20px 10px;
}
.container {
	width: 1100px;
    margin: 0 auto;
    font-size: 0; /* font size à zéro pour éviter les espaces blancs entre colonnes*/
}
.gauche {
	flex: 1 1 auto;
	display: inline-block;
	vertical-align: top;
	width: 200px;
    font-size: 9px; font-size: 0.9rem;
	word-wrap: break-word;
}
.centre {
	flex: 1 1 auto;
	display: inline-block;
    vertical-align: top;
    text-align: center;
	width: 700px;
    font-size: 20px; font-size: 2rem;
    
    
}
.droite {
	flex: 1 1 auto;
	display: inline-block;
	vertical-align: top;
	width: 200px;
    font-size: 9px; font-size: 0.9rem;
	word-wrap: break-word;
}
#mapid {
    height :700px;
	width : 698px;
    border: 1px solid #ccc;
    align-content: center;
}
/*Recopié de style.css :*/
.leaflet-container {
    background: #FFF;
}