/* =========================================================================
   Bouton « Jeu concours » dans le menu principal du site.
   Autonome (lottery.css n'est pas chargé hors page concours) ; reprend le
   style du bouton doré « TENTER MA CHANCE ». Préfixe .el- anti-collision.
   Le sélecteur #main_menu sert à surclasser les règles du thème
   (#main_menu .menu-item a).
   ========================================================================= */

#main_menu .el-promo-nav {
	vertical-align: middle;
}

#main_menu .el-promo-nav .el-promo-btn,
.el-promo-btn {
	display: inline-block;
	padding: 13px 22px 9px;
	border-radius: 21px;
	font-family: "Josefin Sans", "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
	border: 1px solid transparent;
	/* Fond doré opaque sous le dégradé : au survol on retire seulement le
	   dégradé, jamais de phase transparente (anti-scintillement). */
	background-color: #DAB550;
	background-image: linear-gradient(97deg, #DAB550 0%, #E2C568 100%);
	color: #1D1C1B !important;
	transition: none;
}

#main_menu .el-promo-nav .el-promo-btn:hover,
#main_menu .el-promo-nav .el-promo-btn:focus,
.el-promo-btn:hover,
.el-promo-btn:focus {
	background-image: none;
	color: #1D1C1B !important;
	text-decoration: none;
}

/* Mode « Bientôt disponible » : non cliquable. */
.el-promo-btn--soon {
	cursor: default;
	opacity: .9;
}