body {
  font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
}

.navbar {
  background-color: #163875;
}

.fondcalvados {
	background-color: #163875;
	color: #000000;
}

a:hover {
  color: #FFFFFF;
}

.navbar a {
  float: left;
  font-size: 20px;
  font-weight:bold;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 4px 6px;
}

.dropdowndrome {
  float: left;
  overflow: hidden;
}

.dropdowndrome .dropbtn {
  font-size: 20px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

ul {
  list-style-image: url(./images/bullet_yellow.png);
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #019ADE;
  min-width: 160px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.case1 {
	color : #019ADE;
	font-weight: bold;
	background-image : url("../images/petit-vitaris-standard-035-bis.png");
	background-position: left 5px;
	background-size: 300px auto;
	background-repeat: no-repeat;
	height:200px;
	width:300px;
	text-align:center;
	vertical-align:bottom;
}

.dropdown-content a:hover {
  background-color: #004A7F;
}

.dropdowndrome:hover .dropdown-content {
  display: block;
}

.texttitre {	
	color : #163875;	
	font-weight: bold;
}

.customLink, .customLink:hover{
  color: #FFFFFF;
  text-decoration: underline;
}

.customLink2, .customLink2:hover{
	font-size: 20px;
	font-weight:bold;
	color: #69AC5C;
	text-align: center;
	text-decoration: none;
}

.map-scroll:before {
content: 'Use ctrl + scroll to zoom the map';
position: absolute;
top: 50%;
left: 50%;
z-index: 999;
font-size: 34px;
 }
 
 .map-scroll:after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
content: '';
background: #00000061;
z-index: 999;
}