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

/* slideshow GAUCHE DROITE*/
/*HOME*/

/* ACCUEIL*/


main .home h2 {
	text-transform: uppercase;
	color: var(--yellow);
	border-bottom: var(--border);
	padding-bottom: 24px;
	
	
}
#selection h2 {
	border: none;
}
#edito h2 {
	margin-bottom: 48px;
}

aside iframe {
	margin-top: var(--margin);
}
section.home #selection h2, section.home #edito h2 {
	border: none;
}
.dossier h2 {
	margin: 0 var(--margin);
}

#edito div a {
	text-decoration: underline;
}

a.syndicate-module {
	float: right;
}
.dossier .create-date-container {
	display: block;
}

#lire h2 {
	color: rgba(255,255,255,0.5);
	text-transform: uppercase;
}
#lire ul li {
	border-bottom: 1px solid rgba(255,255,255,0.5);;
	display: block;
	width: 100%;
}
#lire ul li:hover {
	background-color: rgba(255,255,255,0.5);
}
#lire ul li a {
	display: block;
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
	color: #000;
}
.dossier .create-date-container {
	display: none;
}
.dossier article p, .dossier p.readmore {
	display: none;
}

.home section > div {
	margin-bottom: 48px;
	}


.fluid {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}
.fluid iframe, .fluid object, .fluid embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fluid img {
	width: 100%;
	height: auto;
}


#selection .glider-contain {
	background-color: #F4F4F4;
	box-shadow: var(--shadow);
	padding: var(--padding);
	overflow: hidden;

}
#news .glider-contain {
	background-color: #fff;
	padding: calc((var(--padding)) / 2);
	overflow: hidden;
	margin-bottom: var(--padding);
}
#selection .glider-dots {
	margin-top: var(--padding);
}
#selection .glider-dot,
#news .glider-dot {
	margin: 18px;

}
#selection .blog-item,
#news .blog-item {
	display: block;
}
#selection p.introtext {
text-align: justify;
}
p.introtext iframe {
	display: none;
	}
#selection-container img {
	width: 30%;
	float: left;
	margin-right: var(--gap);
	border: var(--border);
}

@media screen and (min-width: 768px) {
	
	.dossier h2 + div {
		display: flex;
		justify-content : space-between;
		gap: 48px;
		margin-top: 24px;
	}
		
	.dossier h2 + div > div {
		flex-basis: 50%;
	}

	.dossier .create-date-container {
		display: block;
	}
	

	.dossier article p, .dossier p.readmore {
		display: inline;
	}
	.dossier + p + h3 + p {
		text-align: justify;
	}
	#edito > div {
		column-count: 2;
		column-gap : var(--gap);
	}
	.dossier article, .dossier p.readmore {
		display: block;
	}
	
	article h3 a {
		margin-bottom: 20px;
	}
	.home p.introtext {
		column-count: 2;
		gap: var(--padding);
	}
	.home section h2 {
	margin-left: 0;
	}
	
 }


@media screen and (min-width: 1366px) {
	main.home .blog-item {
		width: 50%;
	}
	
	#selection-container .blog-item div {
		column-count: 2;
		column-gap : var(--gap);
	}
	
}
#news .glider-slide {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.blog-item.glider-slide {
	padding-bottom: 0;!important
}
#selection h3 + div {
	margin-top: 48px;
}