@charset "UTF-8";
/* CSS Document */

:root {
	--color-bleu: #015293;
	--color-black: #212F3C;
	--color-gris: #5b5d60;
	--color-blanc: #ffffff;
	--color-noir: #000000;
}

@supports (-webkit-touch-callout: none) {
	.bloc-cover { background-attachment: scroll; }
}

@media screen and (min-width: 992px) {
	.dropdown:hover > .dropdown-menu { display: block; } /* survol sous-menu uniquement pour versions non mobiles */
	#birthday-mobile { display: none; }
}

@media screen and (max-width: 991px) {
	.navbar-nav, .dropdown-menu { text-align: center; }
	.navbar-expand-lg .navbar-nav .nav-item { margin: 5px; }
	#nav-header .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 81, 147, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
	#nav-header .navbar-toggler { border-color: var(--color-bleu); }
	#nav-main .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 4255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
	#nav-main .navbar-toggler { border-color: var(--color-blanc); }
	#nav-main > div { justify-content: center; }
	#main > section > .container > .row > #titre-h1 { order: 3; }
	#main > section > .container > .row > #date-jour { order: 1; margin-bottom: 30px; }
	#main > section > .container > .row > #birthday-mobile { order: 2; }
	#main > section > .container > .row > #articles { order: 4; }
	#main > section > .container > .row > #sidebar { order: 5; }
	#date-jour > div { margin: 0; }
	#birthday-desktop { display: none; }
	#birthday-mobile { margin: 0 15px 30px; padding: 0 15px; width: calc(100% - 30px); }
	#articles article .article-img, #articles article.article-full .article-img, #articles article.article-demi .article-img, #articles article.article-tier .article-img { height: 400px; }
}

@media screen and (max-width: 768px) {
	#header-content #header-lang { top: 30px; }
	#articles article .article-img, #articles article.article-full .article-img, #articles article.article-demi .article-img, #articles article.article-tier .article-img { height: 300px; }
	#articles .article-text figure { float: none; width: 100%; margin: 0 0 15px; }
	#articles .article-text figure a, #articles .article-text figure a img { display: block; width: 100%; }
	#header-visible #articles article .article-infos > div:last-child { display: flex; justify-content: end; }
	#header-visible #articles article .article-infos > div:last-child > div, #header-visible #articles article .article-infos > div:last-child > div a.btn { width: 100%; }
}

@media screen and (max-width: 575px) {
	.page-404 .page-404-gif span { height: 100px; line-height: 100px; }
	.page-404 .page-404-gif div { height: 100px; width: 100px;}
}

@media screen and (max-width: 479px) {
	#header-content { flex-direction: column-reverse; }
	#header-content #header-lang { position: relative; margin-bottom: 30px; width: 100%; right: 0; }
	#header-content #header-lang > div { display: flex; flex-direction: column;}
	#header-content #header-lang > div > div { margin: 0 5px; justify-content: start; }
	#articles article .article-img, #articles article.article-full .article-img, #articles article.article-demi .article-img, #articles article.article-tier .article-img { height: 200px; }
}

@media screen and (max-width: 315px) {
	.page-404 .page-404-gif span { font-size: 80px; }
}