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

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

	Cambes en Plaine // 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 */
	.container {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.content .colored-title::after {
		width: 30px;
	}
}

@media (max-width: 1281px) {
	.article__time__start-end {
		min-width: unset;
		min-height: unset;
		width: unset;
		height: unset;
		max-width: unset;
		max-height: unset;
		padding: 0 10px;
		border-radius: 4px;
	}
}

@media (max-width: 1025px) {
	.btn-menu-resp {
		display: flex;
	}
	ul.listing-els.col-3 {
		margin: 0 -10px;
	}
	ul.listing-els.col-3 > li {
		width: calc(33.33% - 20px);
		margin: 0 10px 20px 10px;
	}
	.main-nav__list {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		align-items: center;
		background-color: rgba(51,51,51,0.8);
		padding: 10px;
		height: auto;
	}
	.main-nav__item {
		display: block;
		margin: 5px 0 5px 0;
	}
	.main-nav__link {
		display: block;
		text-align: center;
		color: #FFF;
		padding: 6px;
	}
	.main-nav__list.is-open {
		display: flex;
	}
	.main-lvl2-nav__list {
		position: relative;
		text-align: center;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		background-color: transparent;
		width: 100%;
		padding: 0;
	}
	.main-lvl2-nav__item {
		display: inline-block;
	}
	.main-lvl2-nav__link {
		display: inline-block;
		background-color: #FFA72F;
	}
	.page .layout-col > * + * {
		margin: 0;
	}
	.col {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 100;
		height: 100%;
		overflow: auto;
		display: none;
		box-shadow: 2px 0 20px 2px rgba(51,51,51,0.2);
		background-color: #FFF;
		margin: 0;
	}
	.col.is-open {
		display: block;
	}
	.col > .col-wrapper + .col-wrapper {
		margin: 0;
	}
	.btn-aside {
		display: flex;
	}
	.col .col-wrapper + .col-wrapper {
		padding-top: 0;
	}
	.col .col-wrapper + .col-wrapper::before {
		content: '';
		display: block;
		height: 2px;
		margin: 0 0 30px 0;
		background-image: repeating-linear-gradient(0deg, #FFDFB2, #FFDFB2 12px, transparent 12px, transparent 32px, #FFDFB2 32px), repeating-linear-gradient(90deg, #FFDFB2, #FFDFB2 12px, transparent 12px, transparent 32px, #FFDFB2 32px), repeating-linear-gradient(180deg, #FFDFB2, #FFDFB2 12px, transparent 12px, transparent 32px, #FFDFB2 32px), repeating-linear-gradient(270deg, #FFDFB2, #FFDFB2 12px, transparent 12px, transparent 32px, #FFDFB2 32px);
		background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
		background-position: 0 0, 0 0, 100% 0, 0 100%;
		background-repeat: no-repeat;
	}
	
}

@media (max-width: 801px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	.header-actions {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.form-search {
		margin-top: 10px;
	}
	.form-search__input {
		min-width: 280px;
	}
	.article-highlighted .article__link {
		display: flex;
		flex-direction: column-reverse;
	}
	.article-highlighted .article__content {
		position: static;
		background-color: rgba(51, 51, 51, 1);
	}
	.article-highlighted .article__img-wrapper {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.article-agenda {
		height: 33vh;
	}
	.agenda-wrapper {
		display: block;
	}
	.agenda-wrapper > * {
		width: 100%;
	}
	.agenda-wrapper > * + * {
		margin-left: 0;
		margin-top: 30px;
	}
	ul.listing-els.col-3 > li {
		width: calc(50% - 20px);
	}
}

@media (max-width: 650px) {
	ul.listing-els,
	ul.listing-els.col-2 {
		margin: 0;
	}
	ul.listing-els > li,
	ul.listing-els.col-2 > li {
	  width: 100%;
	  margin: 0 0 20px 0;
	}
}

@media (max-width: 515px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.form-search__input {
		min-width: 240px;
	}
	ul.listing-els.col-3 {
		margin: 0;
	}
	ul.listing-els.col-3 > li {
		width: 100%;
		margin: 0 0 20px 0;
	  }
	.col {
		width: 280px;
	}
	.acces-rapides {
		display: block;
	}
	.acces-rapides > li + li {
		margin-top: 10px;
	}
	.acces-rapides > li:nth-child(odd) .btnlink-icon .icon {
		background-color: #ADD447
	}
	.acces-rapides > li:nth-child(even) .btnlink-icon .icon {
		background-color: #2996D4
	}
	.acces-rapides > li:nth-child(even) .btnlink-icon .label {
		border-color: #2996D4;
	}
}

@media (max-width: 370px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.btn-menu-resp span {
		display: none;
	}

}
  
/* ==========================================================================
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;
	}
}