/*
 * Widgets historiques du plugin fiducialmedias-core (une, actu01-03,
 * d'heure en heure, mots-clés, commentaires, réseaux sociaux…), utilisés
 * par la page d'accueil SiteOrigin. Seules les classes encore émises par le
 * plugin sont stylées.
 */

.finfloat,
.finfloatmobi {
	clear: both;
}

.texte_widget {
	padding-bottom: 20px;
	text-align: center;
}

img.abo {
	display: inline;
	max-width: 20px;
	max-height: 20px;
	margin-right: 5px;
	vertical-align: bottom;
}

/* Pastille vidéo (l'icône Font Awesome du plugin est remplacée par un triangle CSS) */
.post-video i {
	display: none;
}

.post-video::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #fff;
}

/* ---------- Titres de rubrique ---------- */

.titreactu01,
.titreactu02,
.titreactu03,
.titreheureenheure,
.commentaire-titre,
.wmotscles-titre {
	display: block;
	width: 100%;
	margin: 0 0 14px;
	padding: 0 0 0.35em;
	border: 0;
	border-bottom: 2px solid var(--wp--preset--color--encre) !important;
	background: none;
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 22px !important;
	font-weight: 800;
	line-height: 1.15;
	text-transform: uppercase;
	color: var(--wp--preset--color--encre) !important;
}

.titreactu01 a,
.titreactu02 a,
.titreactu03 a {
	color: inherit;
}

.commentaire > hr,
.wmotscles > hr {
	display: none;
}

/* ---------- Titres d'articles ---------- */

.lienune a,
.lienunevideo a,
.lienactu01 a,
.lienactu02 a,
.lienactu03 a,
.lienactu02-bas a,
.lienactu03-droit a,
.lienmotscles-haut a,
.lienmotscles-bas a,
.lienheureenheure-item a {
	display: block;
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--encre);
}

.lienactu01 a,
.lienactu02 a,
.lienactu03 a,
.lienmotscles-haut a {
	font-size: 22px;
}

.lienactu02-bas a,
.lienactu03-droit a,
.lienmotscles-bas a {
	font-size: 17px;
}

.lienactu01 a:hover,
.lienactu02 a:hover,
.lienactu03 a:hover,
.lienactu02-bas a:hover,
.lienactu03-droit a:hover,
.lienmotscles-haut a:hover,
.lienmotscles-bas a:hover,
.lienheureenheure-item a:hover {
	color: var(--wp--preset--color--rouge);
}

.lienactu01,
.lienactu02,
.lienactu03 {
	margin-top: 8px;
}

.introactu01 {
	margin: 6px 0 0;
	font-size: 15px;
	line-height: 1.4;
	color: var(--wp--preset--color--gris);
}

.introactu01 p {
	margin: 0;
}

/* ---------- Vignettes ---------- */

.paveactu01 > a,
.paveactu01fin > a,
.paveactu02-haut > a,
.paveactu03-gauche > a,
.actu03-droit-image > a,
.mobi-actu02 > a,
.heureenheure-item-image > a,
.pavemotscles-haut > a {
	display: block;
	line-height: 0;
}

.paveactu01 img,
.paveactu01fin img,
.paveactu02-haut img,
.paveactu03-gauche img,
.actu03-droit-image img,
.mobi-actu02 img,
.heureenheure-item-image img,
.pavemotscles img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* ---------- Une (simple et diaporama) ---------- */

.titreune,
.slideshow-container {
	position: relative;
}

.slideshow-container .mySlides img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.unevideo {
	aspect-ratio: 16 / 9;
	height: auto;
}

.lienune {
	position: absolute;
	inset: auto 0 0;
	padding: 80px 28px 22px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.lienune a,
.lienune a:hover {
	font-size: clamp(22px, 3.2vw, 38px);
	font-weight: 800;
	line-height: 1.1;
	color: #fff;
}

.lienunevideo a {
	margin-top: 10px;
	font-size: clamp(20px, 2.6vw, 30px);
	font-weight: 800;
}

.slideshow-container .prev,
.slideshow-container .next {
	top: 40%;
	width: 40px;
	height: 40px;
	margin: 0 10px;
	padding: 0;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.9);
	color: var(--wp--preset--color--encre);
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	transition: none;
}

.slideshow-container .prev:hover,
.slideshow-container .next:hover {
	background: var(--wp--preset--color--encre);
	color: #fff;
}

.slideshow-container + div {
	padding-top: 10px;
	line-height: 0;
}

.slideshow-container ~ div span.dot {
	width: 8px;
	height: 8px;
	margin: 0 3px;
	border-radius: 50%;
	background: var(--wp--preset--color--bordure);
	transition: none;
}

.slideshow-container ~ div span.dot.active,
.slideshow-container ~ div span.dot:hover {
	background: var(--wp--preset--color--rouge);
}

/* ---------- Actu01 : 3 colonnes ---------- */

.paveactu01,
.paveactu01fin {
	position: relative;
	float: left;
	width: 32%;
	margin-right: 2%;
}

.paveactu01fin {
	margin-right: 0;
}

/* ---------- Actu02 : une grande + deux petites ---------- */

.paveactu02-haut-video,
.paveactu03-haut-video {
	aspect-ratio: 16 / 9;
}

.paveactu02-bas2,
.paveactu02-bas3 {
	float: left;
	width: 49%;
	margin-top: 14px;
}

.paveactu02-bas2 {
	margin-right: 2%;
}

.lienactu02-bas {
	margin-top: 6px;
}

/* ---------- Actu03 : une grande à gauche, liste à droite ---------- */

.paveactu03 {
	display: flow-root;
}

.paveactu03-gauche {
	position: relative;
	float: left;
	width: 50%;
	padding-right: 20px;
}

.pave03-droit {
	float: right;
	width: 50%;
}

.paveactu03-droit {
	position: relative;
	display: flow-root;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wp--preset--color--bordure);
}

.paveactu03-droit:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.actu03-droit-image {
	position: relative;
	float: left;
	width: 140px;
	margin-right: 12px;
}

/* ---------- D'heure en heure ---------- */

.paveheureenheure {
	margin-bottom: 20px;
}

.paveheureenheure-item {
	display: flow-root;
	padding: 10px 0;
	border-bottom: 1px solid var(--wp--preset--color--bordure);
}

.paveheureenheure-item:first-child {
	padding-top: 0;
}

.heureenheure-item-image {
	float: left;
	width: 96px;
	margin-right: 12px;
}

.lienheureenheure-item {
	margin-left: 108px;
}

.lienheureenheure-item a {
	font-size: 16px;
}

span.jour {
	display: block;
	margin-top: 4px;
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 13px;
	font-weight: 700;
	color: var(--wp--preset--color--rouge);
}

.counter-button {
	display: block;
	margin-top: 12px;
	padding: 10px;
	background: var(--wp--preset--color--encre);
	color: #fff !important;
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.counter-button:hover {
	background: var(--wp--preset--color--rouge);
}

/* ---------- Mots-clés ---------- */

.wmotscles,
.commentaire {
	margin-bottom: 20px;
}

.pavemotscles-bas2,
.pavemotscles-bas3 {
	width: 49%;
	margin-top: 12px;
}

.pavemotscles-bas2 {
	float: left;
}

.pavemotscles-bas3 {
	float: right;
}

.lienmotscles-haut,
.lienmotscles-bas {
	margin-top: 6px;
}

/* ---------- Derniers commentaires ---------- */

.commentaire-liste {
	margin: 0;
	padding: 0;
	list-style: none;
}

.commentaire-item {
	padding: 10px 0;
	border-bottom: 1px solid var(--wp--preset--color--bordure);
}

.commentaire-bloc {
	font-size: 15px;
	line-height: 1.35;
}

.commentaire-auteur {
	display: block;
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 14px;
	font-weight: 700;
	color: var(--wp--preset--color--rouge);
}

.commentaire-bloc a {
	font-weight: 700;
	color: var(--wp--preset--color--encre);
}

.commentaire-bloc a:hover {
	color: var(--wp--preset--color--rouge);
}

.commentaire-tronque {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	color: var(--wp--preset--color--gris);
}

/* ---------- Réseaux sociaux ---------- */

.reseaux {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
}

.resocial {
	display: block;
	width: 22px;
	height: 22px;
}

.liendernierscomment {
	margin: 10px;
	text-align: center;
}

.liendernierscomment a {
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

/* ---------- Recherche (widget classique) ---------- */

.widget_search .search-form {
	display: flex;
}

.widget_search .search-form label {
	flex: 1;
}

.widget_search .search-field {
	width: 100%;
	padding: 0.55em 0.8em;
	border: 1px solid var(--wp--preset--color--gris-clair);
	border-right: 0;
	border-radius: 0;
	font: inherit;
	font-size: 15px;
}

.widget_search .search-field:focus {
	outline: 2px solid var(--wp--preset--color--encre);
	outline-offset: -2px;
}

.widget_search .search-submit {
	padding: 0.55em 1em;
	border: 0;
	border-radius: 0;
	background: var(--wp--preset--color--encre);
	color: #fff;
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.widget_search .search-submit:hover {
	background: var(--wp--preset--color--rouge);
}

/* ---------- Vue mobile (application) : rubrique de l'article ---------- */

.traitcatart {
	margin-bottom: 10px;
}

.cat-article {
	font-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--wp--preset--color--rouge);
}

/* ---------- Mises en page SiteOrigin : espacement régulier entre rubriques ---------- */

.oetl-content .panel-grid,
.oetl-content .so-panel {
	margin-bottom: 32px !important;
}

.oetl-content .panel-grid:last-child,
.oetl-content .so-panel:last-child {
	margin-bottom: 0 !important;
}

.panel-grid-cell > :is(.actu01, .actu02, .actu03):not(:first-child) {
	margin-top: 32px;
}

/* ---------- Responsive ---------- */

@media (max-width: 660px) {
	.lienactu01 a,
	.lienactu02 a,
	.lienactu03 a,
	.lienmotscles-haut a {
		font-size: 20px;
	}

	.lienune {
		padding: 60px 16px 16px;
	}

	.introactu01 {
		display: none;
	}

	/* Actu01 : la 1re en grand, les suivantes en ligne (vignette + titre) */
	.paveactu01,
	.paveactu01fin {
		float: none;
		display: flow-root;
		width: 100%;
		margin: 0 0 12px;
		padding-bottom: 12px;
		border-bottom: 1px solid var(--wp--preset--color--bordure);
	}

	.paveactu01 ~ .paveactu01 > a,
	.paveactu01 ~ .paveactu01fin > a {
		float: left;
		width: 120px;
		margin-right: 12px;
	}

	.paveactu01 ~ .paveactu01 .lienactu01,
	.paveactu01 ~ .paveactu01fin .lienactu01 {
		margin-top: 0;
	}

	.paveactu01 ~ .paveactu01 .lienactu01 a,
	.paveactu01 ~ .paveactu01fin .lienactu01 a {
		font-size: 17px;
	}

	.paveactu02-bas2,
	.paveactu02-bas3 {
		float: none;
		display: flow-root;
		width: 100%;
		margin: 12px 0 0;
		padding-top: 12px;
		border-top: 1px solid var(--wp--preset--color--bordure);
	}

	.mobi-actu02 {
		float: left;
		width: 120px;
		margin-right: 12px;
	}

	.lienactu02-bas {
		margin-top: 0;
	}

	.paveactu03-gauche,
	.pave03-droit {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.paveactu03-gauche {
		margin-bottom: 12px;
	}

	.actu03-droit-image {
		width: 120px;
	}

	.lienactu02-bas a,
	.lienactu03-droit a,
	.lienmotscles-bas a {
		font-size: 16px;
	}

	.pavemotscles-bas2,
	.pavemotscles-bas3 {
		display: none;
	}
}