/* Start custom CSS for html, class: .elementor-element-04b0e7a *//* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
/* 
 * Optional: Makes the sample page fill the window. 
 */
/************************** générique ***************************/
* {
    box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family : Calibri;
}
#row{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	width : 80%;
	margin : auto;
}

.divLiResults{
	margin-bottom: .5rem;
    padding: 0 1rem 1rem 0;
}

#colResults{
	text-align : left;
}


.ulResults{
	list-style: none;
    overflow-y: auto;
	height : 35rem;
	margin : 0;
	padding : 0;
}

.adresse{
	font-size : 1.2rem;
	color : #00849a;
	margin : 0;
	padding : 0;
}

.date{
	font-size : 1rem;
	color : #000000;
}

.etat_voirie{
	font-size : 1rem;
	color : #000000;
}

.nature_travaux{
	font-size : 1rem;
	color : #000000;
}

.link{
	color: #d39e45;
    border: 1px solid #d39e45;
    background: transparent;
    display: inline-block;
    text-align: center;
    font-size: .867rem;
    border-radius: 4px;
    padding: .5rem 1.15rem;
    text-decoration: none;
    transition: all .2s;
}


/***************************** filtres *************************/

#filter_section{
	text-align : center;
}

#filter_section button{
	background-color : #3955A9;
	border : 0px;
	color: #FFFFFF;
	font-family : Calibri;
	font-size: 1rem;
}


#head{
	text-align : center;
}



/***************** map*********************/

#map {
	height: 35rem;
	width : 50%;
}




/* HTML marker styles */
.popup {
  background-color: #4285F4;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 1rem;
  padding: 10px 15px;
  position: relative;
}

.popup::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #4285F4;
}/* End custom CSS */