body.Plan {
	background-color: #00509C;
}

/************** LOGOS *****************/
#mainLogo {
	margin-left: 3.5%; margin-top: 1vh; padding-bottom: 2vh;
	width: 20%; max-width: 150px;
}
#logoEuropeForCulture {
	margin: inherit;
	width: 10%;
}

/************* BUTTONS **************/
#homeButton { background-color: #00A1CE; }

#buttonHebergements {
	background-image: url(img/button-accommodations.jpg);
	background-position: bottom;
}
#buttonAgenda { background-image: url(img/button-events.jpg); }
#buttonLoisirs {
	background-image: url(img/button-loisirs.jpg);
	background-position-y: bottom;
}
#buttonInfosPratiques { background-image: url(img/button-infos.jpg); }
#buttonPlan { background-image: url(img/button-map.png); }
#buttonVue360 { background-image: url(img/button-360-view.jpg); }
#buttonVotreCarnetDeVoyage { background-image: url(img/button-travelbook.jpg); }
#buttonSmartphoneApp { background-image: url(img/button-smartphone.jpg); }

#buttonEscaleNautique {
	background-image: url(img/button-escale-nautique.jpg);
	background-position: center;
}
#buttonEscaleCulture {
	background-image: url(img/button-escale-culture.jpg);
	background-position-y: 58%;
}
#buttonEscaleSaveurs {
	background-image: url(img/button-escale-saveurs.jpg);
	background-position: center;
}
#buttonEscaleNature {
	background-image: url(img/button-escale-nature.jpg);
	background-position-y: 60%;
}
#buttonItineraireOdyssea {
	background-image: url(img/button-itinerary-odyssea.jpg);
	background-position-y: 50%;
}

input[type="button"] { background: #9AC051; }

.button:hover .bigButtonLabel,
.button:hover .longButtonLabel,
.button:hover .medButtonLabel {
	background-color: #9AC051;
}

/* MENU */
#menuButton { background: #9AC051; color: #FFF; }
#menuList li.current, #menuList li:hover { background: #9AC051; color: #FFF; }
/*
.liHebergements { list-style-image: url(img/button-accommodations.jpg); }
.liAgenda { list-style-image: url(img/button-events.jpg); }
*/

/* INFOS */
table.infoTable td { }

.InfosPratiques h3 {
	padding: 0.5em;
	margin: 0.5em 0 1em 0;
	background-color: #01567D;
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}

.InfosPratiques ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

/************* MARKERS LIST **************/
.menuCategory { background: #9AC051; }
.menuCategoryAlt { background: #00A1CE; }
/* GREYS
.menuCategory { background: #92928A; }
.menuCategoryAlt { background: #797769; }
*/

/* HIGHLIGHTED BUTTON */
.highlightedButton .bigButtonLabel {
	background-color: #9AC051;
}

/* TRAVELBOOK */
#emptyTravelbookMessage { border: 1px dotted #9AC051; }

/* QRCODE DIV */
.closeButton { background-color: #B02000; }

@media only screen and (max-width: 720px){
	#mainLogoMobile {
		display: inline-block;
		width: 33%; max-width: 180px;
	}
}

@media only screen and (max-width: 520px){
	#mainLogoMobile {
		display: block;
		width: 50%; max-width: 150px;
		margin: 0 auto;
		float: none;
	}
}