/* --- FEUILLE DE STYLE --- */

/* ////////////////////////////////////////////////////////////////////////////

	VIVRE ET HIBITER EN NORMANDIE // CSS
	NetConception 2021

	RESPONSIVE & MEDIA
	
//////////////////////////////////////////////////////////////////////////// */

@media (hover: hover) { /* the device can hover over elements */ }
@media (hover: none) { /* the device cannot hover over elements */ }

@media (min-width: 1921px) {

}

@media (max-width: 1441px) {
	/* XL: big landscape tablets, laptops, and desktops */
	header.layout .branding {
		width: 220px;
	}
	.main-nav__item + .main-nav__item {
		margin-left: 20px;
	}
	.list-menu-icon {
		margin: 0 0 0 20px;
	}
}

@media (max-width: 1100px) {
	.btn-menu-resp {
		display: block;
	}
	.main-nav {
		display: none;
	}
	.main-nav.is-open {
		display: flex;
		position: fixed!important;
		z-index: 100!important;
		top: 70px;
		left: 0;
		flex-direction: column;
		width: 100%;
		padding: 20px;
		background-color: rgba(54, 98, 139, 0.6);
	}
	.main-nav.is-open .main-nav__list {
		display: block;
	}
	.main-nav.is-open .main-nav__item + .main-nav__item {
		margin-top: 20px;
		margin-left: 0;
	}
	.main-nav.is-open .list-menu-icon {
		margin: 20px 0 0 0;
	}
	
}

@media (max-width: 801px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	.content-section tr {
		flex-direction: column;
	}
	.content-section tr > * + * {
		margin-left: 0;
		margin-top: 20px;
		margin-top: clamp(1.0rem, 1.1vw, 2.0rem);
	}
	.content-section ul,
	.content-section ol {
		padding: 0;
	}
	.bottombar .container {
		text-align: center;
		flex-direction: column;
	}
	.bottombar .left-part {
		margin-bottom: 10px;
	}
	.go-down {
		display: none;
	}
	header.layout .logobar {
		width: 100%;
		height: auto;
		background-image: none;
		background-color: #FFF;
		justify-content: center;
	}
	header.layout .logobar a:first-child {
		padding-bottom: 10px;
	}
	header.layout .logobar a {
		padding: 10px;
	}
}

@media (max-width: 515px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	footer.layout .logobar {
		flex-direction: column;
	}
}

@media (max-width: 370px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
}
  
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		/* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	/*
		* Don't show links that are fragment identifiers,
		* or use the `javascript:` pseudo protocol
		*/
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
		* Printing Tables:
		* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		*/
	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}