/*-----------------------------------------------------------------------------------------------------*/
/* Style de tableau à bandeau vertical avec la liste des localités et le contenu de la page localités  */
/*-----------------------------------------------------------------------------------------------------*/






/*-----------------------------------------*/
/* Sous-titres de sélection de la localité */
/*-----------------------------------------*/
h3{
	font-family:arial;				
	font-size: 1.15rem;	
	margin-top:10px;
	margin-left:5px;
	margin-bottom:2px;
}



/* Style the tab */
.tableauhoverableverti {
  overflow:auto;
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 265px;
  height: 296px;
  margin-bottom:18px; 
}
		


/* Style the buttons inside the tab */
.tableauhoverableverti button {
  display: block;
  background-color: inherit;
  font-size: 16px;  
  color: black;
  padding: 10px 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;

}



/* Change background color of buttons on hover */
.tableauhoverableverti button:hover {
  background-color: #ddd;
}



/* Create an active/current "tab button" class */
.tableauhoverableverti button.active {
  background-color: #ccc;
}







/* Style contenutableau */
.contenutableau {
  width: 707px;
  height: 350px; 
  float: left;
  font-size: 14px;
  text-align:center;  
  padding: 4px;
  display: none;
}



/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}