body.Plan {
	background-color: #E3E3DF;
}

/************** HEADER *****************/
#commonHeader { position: relative; padding: 2vh 2%; width: 100%; }
#commonHeader:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.2;
    background-image: url(img/skyline.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#mainLogo { margin-left: 5%; width: 20%; max-width: 110px; }

#headerMessage, #headerMessageMobile {
	color: #676767;
}

#leftColumn { min-height: 64vh; }

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

#buttonHebergements {
	background-image: url(img/button-accommodations.jpg);
	background-position-y: center;
}
#buttonAgenda {
	background-image: url(img/button-events.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-y: bottom;
}
#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);
	background-position-y: bottom;
}

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

.button:hover .bigButtonLabel,
.button:hover .longButtonLabel,
.button:hover .medButtonLabel {
	background-color: #9AC051;
}
.buttonLabel { /* background-color: rgba(127, 65, 129, 0.83); */ }

/* 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; }
*/
.townNameRow { background-color: #8F5196; }

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