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

/************** LOGO *****************/
#mainLogo {
	margin-left: 4%;	padding-bottom: 2vh;
	width: 16%; max-width: 121px;
}

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

#buttonHebergements { background-image: url(img/button-accommodations.jpg); }
#buttonAgenda { background-image: url(img/button-events.jpg); }
#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); }
#buttonLoisirs {
    background-image: url(img/button-loisirs.jpg);
    background-position-y: top;
}
#buttonEscaleNautique { background-image: url(img/button-escale-nautique.jpg); }
#buttonEscaleCulture {
	background-image: url(img/button-escale-culture.jpg);
	background-position-y: 30%;
}
#buttonEscaleSaveurs { background-image: url(img/button-escale-saveurs.jpg); }
#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 { border-bottom: none; }

/************* 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: 121px;
	}
}