@font-face {
  font-family: 'Blogger Sans';
  src: url("../fonts/blogger_sans-bold-webfont.woff2") format("woff2"), url("../fonts/blogger_sans-bold-webfont.woff") format("woff"), url("../fonts/blogger_sans-bold-webfont.svg#blogger_sansbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Blogger Sans';
  src: url("../fonts/blogger_sans-medium-webfont.woff2") format("woff2"), url("../fonts/blogger_sans-medium-webfont.woff") format("woff"), url("../fonts/blogger_sans-medium-webfont.svg#blogger_sansmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli';
  src: url("../fonts/muli-bold-webfont.woff2") format("woff2"), url("../fonts/muli-bold-webfont.woff") format("woff"), url("../fonts/muli-bold-webfont.svg#mulibold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Muli';
  src: url("../fonts/muli-italic-webfont.woff2") format("woff2"), url("../fonts/muli-italic-webfont.woff") format("woff"), url("../fonts/muli-italic-webfont.svg#muliitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Muli';
  src: url("../fonts/muli-regular-webfont.woff2") format("woff2"), url("../fonts/muli-regular-webfont.woff") format("woff"), url("../fonts/muli-regular-webfont.svg#muliregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'ds44-icons';
	src: url("../fonts/ds44-icons.woff2") format("woff2"), url("../fonts/ds44-icons.woff") format("woff"), url("../fonts/ds44-icons.ttf") format("truetype");
}

.navbar {
  background-color: #99E6D1;
}

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

a:hover {
  color: #FFFFFF;
}

.navbar a {
  float: left;
  font-size: 20px;
  font-weight:bold;
  color: #000000;
  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.jpg");
	background-position: left 5px;
	background-size: 300px auto;
	background-repeat: no-repeat;
	height:300px;
	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:link{
	font-size: 24px;
	font-weight:bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

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

.customLink3, .customLink3:link{
	font-size: 0.875em;
	text-decoration: none;
	color: #000000;
}

.customLink3, .customLink3:hover{
	font-size: 0.875em;
	text-align: center;
	text-decoration: underline;
	color: #000000;
}

.customLink4, .customLink4:link{
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}

.customLink4, .customLink4:hover{
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	color: #000000;
}

.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;
}

.h2-like {
  font-size: 1.75em;
  font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 0 1.5rem;
  line-height: 1.2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(255, 255, 255, 0)), color-stop(55%, #99E6D1));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, #99E6D1 55%);
  display: inline;
}

.ds44-rsFootLink {
  color: #FFFFFF;
  font-size: 2.5em;
  display: block;
  padding-left: 2rem;
  padding-right: 2rem;
  text-decoration: none;
}

.ds44-rsFootLink:link {
  color: #FFFFFF;
  font-size: 2.5em;
  text-decoration: none;
}

.ds44-rsFootLink:hover {
  color: #404040;
  text-decoration: none;
}

.ds44-list .swipper-carousel-wrap {
  padding-left: 6rem;
  padding-right: 6rem;
}

.visually-hidden {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.i-name {
  padding-left: 10px;
}

.icon:before {
	font-family: "ds44-icons";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
	text-decoration: none;
	text-transform: none;
}


.icon-accident:before {
	content: "\E001";
}

.icon-arrow-down:before {
	content: "\E002";
}

.icon-arrow-left:before {
	content: "\E003";
}

.icon-arrow-right:before {
	content: "\E004";
}

.icon-arrow-up:before {
	content: "\E005";
}

.icon-attention:before {
	content: "\E006";
}

.icon-bacs:before {
	content: "\E007";
}

.icon-bouchons:before {
	content: "\E008";
}

.icon-burger:before {
	content: "\E009";
}

.icon-bus:before {
	content: "\E00A";
}

.icon-check:before {
	content: "\E00B";
}

.icon-compass:before {
	content: "\E00C";
}

.icon-computer:before {
	content: "\E00D";
}

.icon-cost:before {
	content: "\E00E";
}

.icon-cross:before {
	content: "\E00F";
}

.icon-csv:before {
	content: "\E010";
}

.icon-data:before {
	content: "\E011";
}

.icon-date:before {
	content: "\E012";
}

.icon-deviation:before {
	content: "\E013";
}

.icon-directions:before {
	content: "\E014";
}

.icon-directory:before {
	content: "\E015";
}

.icon-discussion:before {
	content: "\E016";
}

.icon-dislike:before {
	content: "\E017";
}

.icon-donnees:before {
	content: "\E018";
}

.icon-down:before {
	content: "\E019";
}

.icon-english:before {
	content: "\E01A";
}

.icon-etudes:before {
	content: "\E01B";
}

.icon-facebook:before {
	content: "\E01C";
}

.icon-fax:before {
	content: "\E01D";
}

.icon-file:before {
	content: "\E01E";
}

.icon-flux:before {
	content: "\E01F";
}

.icon-french:before {
	content: "\E020";
}

.icon-fullscreen:before {
	content: "\E021";
}

.icon-glaces:before {
	content: "\E022";
}

.icon-google:before {
	content: "\E023";
}

.icon-handicap-auditif:before {
	content: "\E024";
}

.icon-handicap-mental:before {
	content: "\E025";
}

.icon-handicap-moteur:before {
	content: "\E026";
}

.icon-handicap-visuel:before {
	content: "\E027";
}

.icon-help:before {
	content: "\E028";
}

.icon-home:before {
	content: "\E029";
}

.icon-index:before {
	content: "\E02A";
}

.icon-info:before {
	content: "\E02B";
}

.icon-instagram:before {
	content: "\E02C";
}

.icon-invert:before {
	content: "\E02D";
}

.icon-left:before {
	content: "\E02E";
}

.icon-like:before {
	content: "\E02F";
}

.icon-link:before {
	content: "\E030";
}

.icon-linkedin:before {
	content: "\E031";
}

.icon-long-arrow-down:before {
	content: "\E032";
}

.icon-long-arrow-left:before {
	content: "\E033";
}

.icon-long-arrow-right:before {
	content: "\E034";
}

.icon-long-arrow-up:before {
	content: "\E035";
}

.icon-magnifier:before {
	content: "\E036";
}

.icon-magweb:before {
	content: "\E037";
}

.icon-mail:before {
	content: "\E038";
}

.icon-map:before {
	content: "\E039";
}

.icon-marker:before {
	content: "\E03A";
}

.icon-meteo-alert:before {
	content: "\E03B";
}

.icon-meteo:before {
	content: "\E03C";
}

.icon-minus:before {
	content: "\E03D";
}

.icon-new-window:before {
	content: "\E03E";
}

.icon-option:before {
	content: "\E03F";
}

.icon-parking:before {
	content: "\E040";
}

.icon-pause:before {
	content: "\E041";
}

.icon-pdf:before {
	content: "\E042";
}

.icon-phone:before {
	content: "\E043";
}

.icon-play:before {
	content: "\E044";
}

.icon-plus:before {
	content: "\E045";
}

.icon-position:before {
	content: "\E046";
}

.icon-print:before {
	content: "\E047";
}

.icon-right:before {
	content: "\E048";
}

.icon-soundcloud:before {
	content: "\E049";
}

.icon-star-empty:before {
	content: "\E04A";
}

.icon-star-full:before {
	content: "\E04B";
}

.icon-stats:before {
	content: "\E04C";
}

.icon-summary:before {
	content: "\E04D";
}

.icon-tag:before {
	content: "\E04E";
}

.icon-time:before {
	content: "\E04F";
}

.icon-travaux:before {
	content: "\E050";
}

.icon-tripadvisor:before {
	content: "\E051";
}

.icon-twitter:before {
	content: "\E052";
}

.icon-up:before {
	content: "\E053";
}

.icon-user-group:before {
	content: "\E054";
}

.icon-user:before {
	content: "\E055";
}

.icon-vent:before {
	content: "\E056";
}

.icon-video:before {
	content: "\E057";
}

.icon-webcam:before {
	content: "\E058";
}

.icon-youtube:before {
	content: "\E059";
}