/* #########################################################
* HEADER
* ########################################################## */

header.simple #logo {
	text-align: center;
	padding: 0 100px;
	margin-top: 60px;
}

header.simple #logo img {
	width: 100%;
	max-width: 480px;
}

header.simple nav {
	margin: 30px auto;
}

body:not(.single) header.simple {
	margin-bottom: 80px;
}


@media screen and (max-width:450px) {
	body:not(.single) header.simple {
		margin-bottom: 50px;
	}

	header.simple #logo {
		padding: 0;
		max-width: 300px;
		margin: 20px auto 0 auto;
	}

}

/* #########################################################
* MENU HEADER
* ########################################################## */

/* Menu : réglages de base */
header nav {
	padding: 20px;
	text-align: center;
}


/* Menu sur fond blanc */
header nav > ul > li > .ubermenu-target,
header nav > ul > li > .ubermenu-target i {
	color: #000 !important;
}

header nav > ul > li > .ubermenu-target:hover,
header nav > ul > li > .ubermenu-target:hover i {
	color: #FFF !important;
}



/* Menu sticky, sur fond noir */
header.has_hero nav,
header nav.floating {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.8) !important;
	color: #FFF !important;
	margin-top: 0 !important;
}

header.has_hero nav .ubermenu,
header nav.floating .ubermenu {
	z-index: 999 !important;
}

/* */
header.has_hero nav > ul > li > .ubermenu-target,
header.has_hero nav > ul > li > .ubermenu-target i,
header nav.floating > ul > li > .ubermenu-target,
header nav.floating > ul > li > .ubermenu-target i {
	color: #FFF !important;
}

header nav > ul > li.ubermenu-active > .ubermenu-target,
header.has_hero nav > ul > li > .ubermenu-target:hover,
header.has_hero nav > ul > li > .ubermenu-target:hover i,
header nav.floating > ul > li > .ubermenu-target:hover,
header nav.floating > ul > li > .ubermenu-target:hover i {
	color: #FFF !important;
}




header .ubermenu .ubermenu-target:hover,
header .ubermenu .ubermenu-active {
	background-color: var(--tdm-couleur-liens) !important;
}

header .ubermenu .ubermenu-submenu {
	background-color: rgba(0, 0, 0, 0.9) !important;
}

/* Menu : réglages divers */
header .ubermenu .ubermenu-submenu-type-flyout {
	min-width: 200px !important;
}

header .ubermenu .ubermenu-submenu .ubermenu-target {
	padding: 10px 20px;
}




@media screen and (max-width:700px) {

	header.has_hero nav,
	header nav.floating {
		padding: 8px 2px !important;
	}
}

@media screen and (max-width:600px) {

	header nav > ul > li > .ubermenu-target,
	header nav > ul > li > .ubermenu-target i {
		font-size: 12px !important;
	}

	header nav > ul > li > .ubermenu-target {
		padding: 8px 10px !important;
	}
}