@import url(https://fonts.googleapis.com/css?family=Pompiere%7COverlock);
* {
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
	background: /*url(http://gruissan-mediterranee.com/wp-content/img/wave.png) repeat-x bottom center,*/ url(https://gruissan-mediterranee.com/wp-content/img/bg-body.jpg) repeat left top !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#dateButtonsDiv { padding: 1em; text-align: center; }
div#townsButtonDiv { padding: 1em; text-align: center; }
#ui-datepicker-div { left: 0; right: 0; }
div#filtersContainer { text-align: center; }
button {
	padding: 1em;
	vertical-align: middle; line-height: 1em;
	background-color: #FF5E4D; color: #FFF;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
	border: none;
	cursor: pointer;
}
button#selectedDay {
	min-width: 280px; padding: 10px;
	font-family: 'pompiere';
	text-transform: uppercase;
	text-align: center; font-size: 22px;
}
button#selectedDay div:after {
	float: right; display: inline-block; margin-top: -2px;
	content: '\E916';
	font-family: 'Material Icons';
	color: rgba(255,255,255,0.9); font-size: 24px;
	-webkit-font-smoothing: antialiased;
}
button#previousDay { border-radius: 26px 0 0 26px; }
button#nextDay { border-radius: 0 26px 26px 0; }
button:hover { background-color: #002c60 !important; box-shadow: none; }
button div { border: 2px solid #FFF; padding: 10px 8px 6px; }
#themesFilterTrigger,
#suitabilityFilterTrigger {
	display: inline-block;
	background-color: #FF5E4C; color: #FFF;
	font-family: 'pompiere'; font-size: 1.3em;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.4);
	cursor: pointer;
}
.selectedFilter {
	background-color: #002c60 !important;
	color: #FFF !important;
}
#themesFilterTrigger { padding: 0.6em 1em 0.5em 1.2em; border-radius: 26px 0 0 26px; }
#suitabilityFilterTrigger { padding: 0.6em 1.2em 0.5em 1em; border-radius: 0 26px 26px 0; }
#themesFilter,
#suitabilityFilter { padding: 1em; display: none; }
.activityStart {
	display: block; width: 100% !important; max-width: 100% !important;
	padding: 1.2em 1em 1.4em; margin: 1.5em 0 0.5em !important;
	background-color: transparent; color: #002c60 !important;
	text-align: center; font-weight: normal;
	font-size: 1.8em; font-family: 'overlock', Arial;
	background-image: url(https://gruissan-mediterranee.com/wp-content/img/bg-zig-zag.png), url(https://gruissan-mediterranee.com/wp-content/img/bg-zig-zag.png);
	background-position: top, bottom;
	background-repeat: repeat-x, repeat-x;
}
/*
.activityStart:before{
	display: inline-block;
	content: '◆◆◆\00a0';
}
.activityStart:after{
	display: inline-block;
	content: '\00a0◆◆◆';
}
*/
#markersListContainer { line-height: 1.4; padding-bottom: 30px; }
#markersListContainer ul { list-style: none; text-align: center; }
.markerName {
	padding: 0.5em 1em;
	background-color: #002c60; color: #FFF;
	font-size: 1.5em; text-transform: uppercase;
	font-family: /*'Montserrat',*/ Arial, sans-serif; font-weight: 500;
}
.markerName a { color: #FFF; text-decoration: none; }
.markerTimeSlot {
	position: relative; padding: 0.5em;
	font-size: 1.2em; font-weight: bold;
}
#markersListContainer ul li {
	position: relative; display: inline-block;
	width: 47.5%; max-width: 480px; margin: 1em 1%;
	font-family: 'overlock', Arial; color: #666;
	vertical-align: top;
}
.markerThumbnail {
	width: 100%; max-width: 480px; height: 270px;
	object-fit: cover; object-position: 0 25%;
}
.activityType { padding-bottom: 0.5em; font-size: 1em; }
.activityProvider { padding-bottom: 0.5em; font-size: 1em; }
.activityProvider a { color: #002c60; }
.practicalInfo,
.activityPlus { padding-top: 1em; font-size: 1em; }
.markerInfo {
	padding: 0.5em;
	text-align: left;
	font-size: 1.3em;
}
.infoButton { float: right; }
.infoButton img { max-height: 36px; }
.suitabilityDiv { margin: 1em 0 0; }
.suitabilityDiv img { max-height: 48px; margin-right: 6px; }

.extendedInfo {
	margin-bottom: 1em;
	color: #222; font-weight: bold;
	/*border: 1px solid #DDD;*/
}
.tarifs {
	padding: 0.5em 1em 1em 1em; margin-bottom: 1em;
	color: #444;
	font-weight: normal; text-align: left;
	border: 1px solid #DDD;
	border-left: none;
	border-right: none;
}
.tarifs legend { padding: 0 0.5em; font-weight: bold; }

/* THEMES */
.themeIcon {
	position: absolute; bottom: -51px; right: 8px; width: 43px;
}
.noThumbnail .themeIcon { bottom: -2px; }
div#themesFilter img { margin-bottom:4px; max-height: 80px; }
button.theme { margin-bottom: 0.5em; }
button.theme121 { background-color: transparent; color: #A56AAA; }
button.theme118 { background-color: transparent; color: #5AA4DD; }
button.theme117 { background-color: transparent; color: #E94E84; }
button.theme116 { background-color: transparent; color: #6BB86F; }
button.theme115 { background-color: transparent; color: #F8AA35; }
button.theme.seeAll { background-color: transparent; color: #FA8C50; }
button.seeAll { color: #FFF; }
div#suitabilityFilter img { margin-bottom:4px; max-height: 64px; }
button.suitability { margin-bottom: 0.5em; background-color: transparent; color: #F8AA35; }

/* MEDIA QUERIES */
@media (max-width: 480px){
	button#selectedDay { min-width: 228px; }
	#markersListContainer ul li { width: 100%; margin: 1em 0; }
	.infoButton { float: right; margin: 0.5em 0; }
}