/* .............................................................................
HEADER / TOP BAR
Top bar with logo.
............................................................................. */
.topBar {position: fixed; z-index: 10; left: 0; right: 0; width: 100%; pointer-events: none; }
.page-template-template-resultats .topBar {position: absolute;}
.topBar__main {display: flex;justify-content: space-between;}
.topBar__main > * {pointer-events: auto;}

	/* Centered */
	@media (max-width:62rem) {
		.topBar {position: absolute; }
		/*.topBar__main {justify-content: center; }*/
	}


/* .............................................................................
Logo */
.topBar__logo {flex:0 1 auto; background-color: #fff; }
.topBar__logo a {display: block;font-size: 5em;padding: 0.25em 0.35em;color: var(--color-orange);transition: opacity 0.3s;}

	/* Hover */
	.topBar__logo a:hover {opacity: 0.7;}

	/*
	ALT :
	No background logo. */
	.topBar__logo--noBG {background-color: transparent; }

	/* Smaller logo */
	@media (max-width:62rem) {
		.topBar__logo a {font-size: 4.5em; }
	}

	@media (max-width:46rem) {
		.topBar__logo a {font-size: 3em; }
	}

/* .............................................................................
Lang */
.topBar__lang {display: block;align-self: flex-start;background-color: #fff;color: var(--color-orange);font-weight: bold;padding: 1em;transition: all 0.3s;text-transform: uppercase;}

	/* Hover */
	.topBar__lang:hover {background-color: var(--color-orange);color: #fff;}

	/* Different colors */
	@media (max-width: 62rem) {
		.topBar__lang:hover {background-color: var(--color-green);}
	}

/* .............................................................................
FOOTER
No footer.
............................................................................. */