/************** HEADER *****************/
#headerMessage, #headerMessageMobile { font-size: 1.9em; }
#commonHeader {
	margin-bottom: 1em;
}

/************** LOGO *****************/
#mainLogo { margin-left: 3%; width: 20%; max-width: 157px; }

/************* 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); }

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

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); }
*/

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

/****************** INFOS ********************/
table.infoTable td.sub-header {
	background: #407949;
}