/*
 * Thème REM : base réécrite (remplace main-min.css de Pro.Radio et les styles générés par ses réglages).
 * Rien n'est copié de Pro.Radio : valeurs relevées sur le rendu du site actuel (copie de test
 * identique au site, 1366 px), le 29/10/2026. Les couleurs et finitions REM restent dans
 * rem-custom.css, chargé après.
 * Couleurs : bleu #1e73be, bleu logo #497cbf, vert #6abd44, anthracite #353535, or #f5c451.
 */

:root {
	--rem-bleu: #1e73be;
	--rem-bleu-logo: #497cbf;
	--rem-vert: #6abd44;
	--rem-anthracite: #353535;
	--rem-or: #f5c451;
	--rem-texte: #474747;
	--rem-ciel: #74a4bc;
	--rem-nuit: #1f2d36;
	--rem-entete: 100px;
	--rem-titres: 'Poppins', sans-serif;
	--rem-capitales: 'Oswald', 'Barlow Condensed', 'Arial Narrow', sans-serif;
	--rem-menus: 'Montserrat', sans-serif;
}

/* ---------- Icônes Material ----------
 * Police réduite aux icônes du site (liste : rem_theme_icones() dans functions.php), tirée de la
 * police du thème Pro.Radio : même dessin qu'avant. Licence Apache 2.0 (Google). */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(fonts/material-icons-rem.woff2) format('woff2');
}
.material-icons {
	display: inline-block;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

/* ---------- Base ---------- */
body {
	margin: 0;
	background: #fff;
	color: var(--rem-texte);
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.54;
}
a {
	color: var(--rem-bleu);
	text-decoration: none;
}
a:hover {
	color: var(--rem-bleu-logo);
}
p {
	margin: 0 0 1em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 1.1em 0 .5em;
	color: var(--rem-anthracite);
	font-family: var(--rem-titres);
	font-weight: 700;
	line-height: 1.26;
	letter-spacing: -.04em;
}
h1 { font-size: 2.441rem; }
h2 { font-size: 1.953rem; }
h3 { font-size: 1.563rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1rem; }
h6 { font-size: 15px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}
img {
	max-width: 100%;
	height: auto;
}
strong, b {
	font-weight: 700;
	letter-spacing: -.02em;
}
blockquote {
	position: relative;
	margin: 50px 0;
	padding: 35px 0;
	border-top: 1px solid rgba(71, 71, 71, .66);
	border-bottom: 1px solid rgba(71, 71, 71, .66);
}
blockquote p:last-child {
	margin-bottom: 0;
}
.proradio-the_content blockquote {
	margin: 70px 0 60px;
	padding: 80px 50px 60px;
	font-size: 1.266rem;
	line-height: 1.4;
}
table {
	margin: 0 0 22.4px;
	font-size: 15px;
	line-height: 1.3;
}
.wp-caption {
	position: relative;
	box-sizing: content-box;
	max-width: 100%;
	margin: 1rem 0;
	text-align: center;
}
.wp-caption img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	margin: 0;
}
.wp-caption-text {
	font-size: 12px;
}
hr[class*="proradio-spacer"] {
	clear: both;
	margin: 0;
	border: 0;
	height: 0;
}
.proradio-spacer-xxs { padding-top: 8px; }
.proradio-spacer-xs { padding-top: 16px; }
.proradio-spacer-s { padding-top: 24px; }
.proradio-spacer-m, .proradio-spacer_m { padding-top: 40px; }
.proradio-spacer-l { padding-top: 56px; }

/* Conteneurs Elementor : 1 170 px de large sur les pages faites avec Elementor (rendu actuel ;
 * ailleurs, le pied garde la largeur du kit Elementor, 1 140 px, comme aujourd'hui). */
body.elementor-page .e-con {
	--container-max-width: 1170px;
}
/* Blocs « texte » d'Elementor : pas de marge sous le dernier paragraphe (rendu actuel). */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* ---------- Conteneur et grille (classes proradio-*) ---------- */
.proradio-container {
	box-sizing: border-box;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
.proradio-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.proradio-col {
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px;
}
@media (min-width: 601px) {
	.proradio-m3 { width: 25%; }
	.proradio-m4 { width: 33.333%; }
	.proradio-m6 { width: 50%; }
	.proradio-m12 { width: 100%; }
}
@media (min-width: 1201px) {
	.proradio-l2 { width: 16.666%; }
	.proradio-l3 { width: 25%; }
	.proradio-l4 { width: 33.333%; }
	.proradio-l6 { width: 50%; }
	.proradio-l7 { width: 58.333%; }
	.proradio-l8 { width: 66.666%; }
	.proradio-l12 { width: 100%; }
	.proradio-offset-l2 { margin-left: 16.666%; }
}
@media (max-width: 1200px) {
	.proradio-container { padding: 0 15px; }
}
@media (max-width: 600px) {
	.proradio-hide-on-small-only { display: none !important; }
}
@media (max-width: 1200px) {
	.proradio-hide-on-large-and-down { display: none !important; }
}

/* Marge du haut quand le menu est opaque (réglage de page) ; plus grande avec la 2e barre
 * d'en-tête activée dans les réglages (elle reste cachée par rem-custom.css). */
.proradio-menu-opaque .proradio-global__sticky,
.proradio-menu-opaque .proradio-global__sticky__sec-h {
	padding-top: 54px;
}
@media (min-width: 601px) {
	.proradio-menu-opaque .proradio-global__sticky { padding-top: 77px; }
	.proradio-menu-opaque .proradio-global__sticky__sec-h { padding-top: 120px; }
}
@media (min-width: 1200px) {
	.proradio-menu-opaque .proradio-global__sticky { padding-top: 100px; }
	.proradio-menu-opaque .proradio-global__sticky__sec-h { padding-top: 148px; }
}

/* ---------- En-tête fixe ----------
 * La marge du haut (#proradio-global) vient de rem-custom.css, avec la classe
 * « proradio-menu-transp » de <body> : 100 px en grand écran, 78 px en moyen. */
.proradio-headerbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9994;
}
.admin-bar .proradio-headerbar {
	top: 32px;
}
.proradio-headerbar__content,
.proradio-menu {
	background: #fff;
}
.proradio-menu {
	position: relative;
	z-index: 10;
	height: var(--rem-entete);
	color: var(--rem-nuit);
}
.proradio-menu__cont {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 3000px;
	height: var(--rem-entete);
	margin: 0 auto;
	padding: 13px 15px;
}
.proradio-menu__logo {
	flex: 0 0 auto;
	height: 74px;
	margin: 0 0 0 1px;
	line-height: 0;
}
.proradio-logolink {
	display: block;
}
.proradio-logolink img {
	width: auto;
	height: 74px;
	max-width: 450px;
	max-height: 74px; /* rem-custom.css demande 100 px ; le rendu actuel est de 74 px. */
}
.proradio-logo_header_transparent,
.proradio-logo_header_mob {
	display: none;
}

/* Menu horizontal (grand écran). */
.proradio-menu-horizontal {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	align-self: stretch;
	align-items: center;
}
.proradio-menubar {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
#proradio-menubar > li {
	position: relative;
	display: flex;
	align-items: center; /* Entrée plus basse que les autres (bouton « Télécharger l'application ») centrée, comme sous Pro.Radio. */
	flex-shrink: 0;
	margin: 0;
	white-space: nowrap;
}
#proradio-menubar > li > a > span {
	display: inline-block;
	padding: .7em .5em;
}
#proradio-menubar > li > a {
	position: relative;
	display: block;
	padding: 0 16px 0 12px;
	color: var(--rem-nuit);
	font-family: var(--rem-menus);
	font-size: 14px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: .04em;
	text-transform: uppercase;
}
/* Signe « + » des entrées à sous-menu ; il tourne en « × » au survol. */
#proradio-menubar li.menu-item-has-children::after {
	content: "+";
	position: absolute;
	top: 46%;
	right: 0;
	z-index: 10;
	width: 14px;
	height: 14px;
	margin-top: -6px;
	color: var(--rem-texte);
	font-size: 16px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
	opacity: .5;
	pointer-events: none;
	transition: transform .2s, opacity .2s linear, color .2s;
}
#proradio-menubar li.menu-item-has-children:hover::after {
	opacity: 1;
	transform: rotate(-45deg);
}
#proradio-menubar .sub-menu li.menu-item-has-children::after {
	right: 12px;
}
#proradio-menubar .sub-menu li.menu-item-has-children:hover::after {
	color: #fff;
}
/* Filet vert sous l'entrée survolée. */
#proradio-menubar > li > a::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 16px;
	bottom: 2px;
	border-top: 3px solid var(--rem-vert);
	transform: scaleX(0);
	transition: transform .2s;
}
#proradio-menubar > li:hover > a::after,
#proradio-menubar > li:focus-within > a::after,
#proradio-menubar > li.current-menu-item > a::after {
	transform: none;
}
#proradio-menubar > li > a:hover {
	color: var(--rem-bleu-logo);
}
#proradio-menubar .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	display: none;
	width: 280px;
	margin: 0;
	padding: 20px 0 0;
	list-style: none;
}
#proradio-menubar .sub-menu li {
	position: relative;
	background: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
}
#proradio-menubar li:hover > .sub-menu,
#proradio-menubar li:focus-within > .sub-menu {
	display: block;
}
#proradio-menubar .sub-menu a {
	display: block;
	padding: 14px 16px;
	background: linear-gradient(45deg, var(--rem-bleu) 0%, var(--rem-bleu) 100%) no-repeat -2px 101% / 0 104%;
	color: var(--rem-texte);
	font-family: var(--rem-menus);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .04em;
	text-align: left;
	text-transform: uppercase;
	transition: background-size .3s, color .3s;
}
#proradio-menubar .sub-menu li:hover > a,
#proradio-menubar .sub-menu a:focus-visible {
	background-size: 110% 104%;
	color: #fff;
}
@media (max-width: 1200px) {
	.proradio-menu-horizontal { display: none; }
}
/* De 1 201 à 1 499 px, le menu prend toute la place : sur le site actuel, « direct » et volume
 * sortent de l'écran. Ici, ils sont simplement masqués (le direct reste dans la barre du lecteur). */
@media (min-width: 1201px) and (max-width: 1499px) {
	.proradio-menubtns__c .qtmplayer-trackitem,
	.proradio-menubtns__c .rem-volume {
		display: none !important;
	}
	.proradio-menubtns__c {
		padding-right: 0;
	}
}

/* Boutons ronds et bouton d'appel. */
.proradio-menubtns__c {
	display: flex;
	padding: 0 18px 0 10px;
	align-items: center;
	justify-content: flex-end;
}
.proradio-btn {
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	max-height: 44px;
	padding: 15px 30px;
	border: 2px solid currentColor;
	border-radius: 50px;
	background: transparent;
	color: var(--rem-bleu);
	font-family: var(--rem-titres);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .2s ease-out, color .2s, border-color .2s;
}
.proradio-btn:hover,
.proradio-btn:focus-visible {
	border-color: var(--rem-bleu);
	background-color: var(--rem-bleu-logo);
	color: #fff;
}
.proradio-btn__l,
input[type="submit"].proradio-btn {
	max-height: none;
	padding: 16px 16.8px;
	border: 0;
	background: var(--rem-bleu);
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
}
.proradio-menubtns__c .proradio-btn {
	font-size: 15px;
}
.proradio-btn__r + .proradio-btn__r {
	margin-left: 6px;
}
.proradio-menubtns__c .proradio-overlayopen-menu {
	width: 50px;
}
.proradio-btn__r {
	width: 44px;
	height: 44px;
	margin-left: 3px;
	padding: 0;
	color: #fff;
	border: 2px solid transparent;
	border-radius: 50px;
	background: rgba(255, 255, 255, .55);
	box-shadow: 0 2px 8px rgba(40, 80, 100, .12);
}
.proradio-btn-ctaheader {
	z-index: 2;
	min-height: 44px;
	margin-left: 6px;
	padding: 15px 30px;
	border: 2px solid var(--rem-or);
	background: var(--rem-or);
	color: var(--rem-anthracite);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
}
.proradio-btn .material-icons {
	font-size: 25px;
}
.proradio-icon-l .material-icons {
	margin-right: 6px;
}

/* Bouton « direct » de l'en-tête : rond clair comme ses voisins (rem-lecteur le ferait bleu). */
.rem-sans-qtmplayer .proradio-menubtns__c .proradio-btn--playmenu {
	width: 44px;
	height: 44px;
	margin-left: 2px;
	border: 2px solid transparent;
	background: rgba(255, 255, 255, .55);
	color: var(--rem-nuit);
	box-shadow: 0 2px 8px rgba(40, 80, 100, .12);
}
.rem-sans-qtmplayer .proradio-menubtns__c .proradio-btn--playmenu:hover,
.rem-sans-qtmplayer .proradio-menubtns__c .proradio-btn--playmenu:focus-visible {
	border-color: var(--rem-bleu);
	background: var(--rem-bleu-logo);
	color: #fff;
}
.rem-sans-qtmplayer .proradio-menubtns__c .proradio-btn--playmenu .material-icons {
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent currentColor;
	margin-left: 3px;
}
.rem-sans-qtmplayer .proradio-menubtns__c .proradio-btn--playmenu.rl-actif .material-icons {
	width: 10px;
	height: 12px;
	background: linear-gradient(90deg, currentColor 0 3px, transparent 3px 7px, currentColor 7px 10px);
}
.proradio-menubtns__c .qtmplayer-trackitem {
	display: block;
}

/* Volume de l'en-tête (rem-lecteur) : bouton rond, curseur vertical sous le bouton au survol. */
.rem-volume {
	position: relative;
	margin-left: 6px;
}
.rem-volume__muet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}
.rem-volume .qtmplayer__vcontainer {
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	padding: 12px 8px;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
	transform: translateX(-50%);
}
.rem-volume:hover .qtmplayer__vcontainer,
.rem-volume:focus-within .qtmplayer__vcontainer {
	display: block;
}
.rem-volume__curseur {
	width: 16px;
	height: 100px;
	margin: 0;
	writing-mode: vertical-lr;
	direction: rtl;
	accent-color: var(--rem-bleu);
	cursor: pointer;
}

/* Barre de recherche : glisse sur l'en-tête. */
.proradio-searchbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--rem-entete);
	padding: 0 20px;
	background: #fff;
	transform: translateX(100%);
	visibility: hidden;
	transition: transform .3s ease, visibility .3s;
}
.proradio-searchbar.open {
	transform: none;
	visibility: visible;
}
.proradio-searchbar__cont,
.proradio-searchbar form {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 10px;
	max-width: 1170px;
}
.proradio-searchbar input {
	flex: 1;
	padding: 10px 14px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font: inherit;
	font-size: 16px;
}

/* ---------- Menu hors-toile (offcanvas.php de Pro.Radio) ----------
 * Grand écran : seulement la barre latérale « Menu hors-toile » et Facebook ;
 * à partir de 1200 px et moins : menus mobile et secondaire en plus. */
.proradio-overlay {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 11000000;
	box-sizing: border-box;
	width: 420px;
	max-width: 100%;
	height: 100%;
	padding: 30px;
	overflow-y: auto;
	background: #fff;
	box-shadow: -2px 0 18px 3px rgba(0, 0, 0, .2);
	transform: translateX(100%);
	visibility: hidden;
	transition: transform .3s cubic-bezier(.1, 0, .3, 1), visibility .3s;
}
.proradio-overlayopen .proradio-overlay {
	transform: none;
	visibility: visible;
}
.proradio-overlay__closebar {
	padding: 30px 30px 0;
	line-height: 46px;
	text-align: right;
}
.proradio-overlay__closebar .proradio-btn {
	vertical-align: top;
	border: 2px solid var(--rem-texte);
	background: transparent;
	color: var(--rem-texte);
	box-shadow: none;
}
.proradio-overlay__pagemask {
	position: fixed;
	inset: 0;
	z-index: 49999;
	display: none;
	background: #202020;
	opacity: 0; /* Comme le site actuel : la page n'est pas assombrie. */
}
.proradio-overlayopen .proradio-overlay__pagemask {
	display: block;
}
@media (min-width: 1201px) {
	.proradio-hide-on-large-only { display: none !important; }
}
.proradio-menu-tree {
	margin: 0;
	padding: 30px;
	list-style: none;
	color: var(--rem-texte);
	font-family: var(--rem-titres);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}
.proradio-menu-tree li {
	position: relative;
}
.proradio-menu-tree a {
	display: inline-block;
	color: var(--rem-texte);
	transition: opacity .2s;
}
.proradio-menu-tree > li > a {
	padding: 14.95px 50px 14.95px 0;
	color: var(--rem-bleu);
	font-size: 14.95px;
}
.proradio-menu-tree .sub-menu {
	overflow: hidden;
	max-height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	transition: max-height .3s;
}
.proradio-menu-tree .proradio-open > .sub-menu {
	max-height: 500px;
}
.proradio-menu-tree .sub-menu a {
	padding: 10px 50px 10px 24px;
	font-size: 12px;
}
.proradio-openthis {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 43px;
	padding: 8px 5px;
	border: 0;
	background: transparent;
	color: var(--rem-texte);
	text-align: center;
	cursor: pointer;
}
.proradio-openthis .material-icons {
	box-sizing: border-box;
	width: 27px;
	height: 27px;
	padding-left: 1px;
	border: 1px solid #ededed;
	border-radius: 50%;
	font-size: 16px;
	line-height: 25px;
	transition: transform .3s;
}
.proradio-open > .proradio-openthis .material-icons {
	transform: rotate(180deg);
}
/* Place du bouton d'appel mobile de Pro.Radio (caché par rem-custom.css). */
.proradio-menu-tree__mobile {
	margin-top: 30px;
}
.proradio-menu-tree__secondary {
	margin-top: -30px;
	opacity: .8;
}
.proradio-menu-tree__secondary > li > a {
	padding: 13px 0;
	color: var(--rem-texte);
	font-size: 13px;
}
.proradio-sidebar__offcanvas {
	padding: 30px;
}
.proradio-sidebar__offcanvas > ul {
	display: flow-root;
	margin: 0 -15px;
	padding: 0;
	list-style: none;
}
.proradio-overlay__social {
	padding: 0 30px 30px;
}
.proradio-overlay__social a {
	display: inline-flex;
	width: 16px;
	height: 16px;
	margin: 5px;
	color: var(--rem-bleu);
}
.proradio-overlay__social svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}
@media (max-width: 600px) {
	.proradio-overlay {
		width: 100%;
		padding: 0;
	}
	.proradio-sidebar__offcanvas {
		padding: 15px 30px;
	}
}

/* ---------- Bandeau de titre (pageheader) ---------- */
.proradio-pageheader {
	position: relative;
	overflow: hidden;
	padding: 72px 0 52px;
	background: var(--rem-ciel);
	color: #cecece;
	text-align: center;
	box-shadow: 0 8px 22px rgba(40, 80, 100, .16);
	animation: rem-apparition .3s ease-out both;
}
@keyframes rem-apparition {
	from { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.proradio-pageheader { animation: none; }
}
.proradio-pageheader__contents {
	position: relative;
	z-index: 3;
	color: #fff;
	text-align: left;
}
.proradio-pagecaption {
	max-width: 900px;
	margin: 0;
	padding: 0 0 22px;
	font-size: 35.516px;
	line-height: 1.15;
	letter-spacing: -.04em;
}
.proradio-pageheader .proradio-meta {
	display: block;
	margin: 20px 0 0;
	font-family: var(--rem-titres);
	font-size: 13.28px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
	vertical-align: middle;
}
.proradio-pageheader .proradio-meta.proradio-small {
	font-size: 15px;
}
.proradio-pageheader .proradio-p-catz {
	position: relative;
	top: -2.4px;
	display: inline-block;
	margin: 20px 0 37.5px;
	padding: 0 3px;
}
.proradio-p-catz a {
	position: relative;
	z-index: 2;
	margin: 0 4px;
	padding: 3px 10px;
	border: 2px solid currentColor;
	border-radius: 50px;
	vertical-align: middle;
}
.proradio-meta__dets {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 6px;
	vertical-align: middle;
}
.proradio-date {
	margin-right: 5px;
}
.proradio-date i,
.proradio-meta__dets i {
	margin-right: 4px;
	color: var(--rem-bleu);
	font-size: 1em;
	vertical-align: middle;
}
.proradio-pageheader .proradio-bgimg,
.proradio-pageheader .proradio-dark-layer,
.proradio-pageheader .proradio-grad-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.proradio-pageheader .proradio-grad-layer {
	z-index: 2;
}
.proradio-pageheader .proradio-bgimg {
	overflow: hidden;
	background: #111;
	filter: contrast(1.2) grayscale(.43);
}
.proradio-pageheader .proradio-bgimg img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

/* Partage flottant (bouton « Partager » REM à la place de la boule ReAktions). */
.proradio-shareball {
	position: fixed;
	right: 85px;
	bottom: 170px;
	z-index: 1500;
}
.proradio-shareball .rem-partage {
	width: 60px;
	height: 60px;
	border: 0;
	border-radius: 50%;
	background: var(--rem-bleu);
	color: #fff;
	box-shadow: 0 0 15px 3px rgba(0, 0, 0, .2);
}
.proradio-shareball .rem-partage svg {
	width: 26px;
	height: 26px;
}

/* ---------- Contenu d'une fiche ---------- */
.proradio-maincontent {
	position: relative;
	z-index: 2;
}
.proradio-section {
	position: relative;
	z-index: 1;
	padding: 56px 0 72px;
}
.proradio-paper {
	background: #fff;
}
.proradio-negative {
	color: #fff;
}
.proradio-primary-light .proradio-caption,
.proradio-primary-dark {
	color: #cecece;
}
.proradio-primary h1, .proradio-primary h2, .proradio-primary h3,
.proradio-primary h4, .proradio-primary h5, .proradio-primary h6 {
	color: #cecece;
}
/* Photo ronde du membre dans le bandeau, dans un cercle blanc. */
.proradio-pageheader__thumb {
	display: inline-block;
	margin: 0 0 20px;
	padding: 3px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 0;
}
/* « Vous aimerez aussi » placé sous la fiche (membres). */
.proradio-pagecontent > .proradio-related {
	padding: 115px 0;
}
.proradio-thumb-round {
	box-sizing: border-box;
	display: inline-block;
	width: 90px;
	height: 90px;
	padding: 2px;
	border-radius: 50%;
	object-fit: cover;
}
.proradio-capfont {
	font-family: var(--rem-titres);
	font-weight: 700;
	letter-spacing: -.04em;
	text-transform: uppercase;
}
.proradio-bg {
	background: #f8f8f8;
}
.proradio-single .proradio-entrycontent,
.proradio-comments-section {
	max-width: 760px;
	margin: 0 auto;
}
.proradio-single--podcast .proradio-entrycontent,
.proradio-single__fullwidth .proradio-entrycontent {
	max-width: none;
}
.proradio-the_content::after,
.proradio-entrycontent::after {
	content: "";
	display: table;
	clear: both;
}
.proradio-the_content ul,
.proradio-the_content ol,
.proradio-entrycontents ul,
.proradio-entrycontents ol {
	margin: 0 0 1em 2.8em;
	padding: 0;
}
.proradio-the_content ul,
.proradio-entrycontents ul {
	list-style: square;
}
.proradio-the_content li,
.proradio-entrycontents li {
	padding: 8px;
}
.proradio-single__author {
	clear: both;
	margin: 70px 0 0;
	padding: 60px 0 18px;
	border-top: 3px solid currentColor;
	font-family: var(--rem-titres);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.proradio-tags {
	clear: both;
	margin: 8px 0;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.proradio-tags a {
	text-decoration: none;
	margin: 0 3px 0 0;
	padding: 2.4px 7.2px;
	border: 2px solid currentColor;
	border-radius: 50px;
	color: var(--rem-texte);
}
.proradio-entrycontent__footer {
	display: flex;
}
body.single-post .proradio-entrycontent .proradio-entrycontent__footer {
	margin: 0 0 50px;
}
.proradio-entrycontent__share {
	padding: 20px 0 0;
}
.proradio-itemmetas {
	font-family: var(--rem-titres);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

/* ---------- Listes d'articles : cartes (post/post.php) ---------- */
.proradio-post__std {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 0 50px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 6px #000;
}
.proradio-post__std .proradio-post__header {
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	background: #565656;
	color: #fff;
}
.proradio-post__std .proradio-bgimg {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	background: #111;
}
.proradio-post__std .proradio-post__holder {
	position: relative;
	z-index: -1;
	display: block;
	width: 100%;
	height: 600px;
	max-height: 600px;
	object-fit: contain;
}
.proradio-post__header__link {
	position: absolute;
	inset: 0;
	z-index: 3;
	background: #000;
	opacity: 0;
	transition: opacity .3s;
}
.proradio-actions__cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 70;
	color: #fff;
}
.proradio-actions {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
}
.proradio-actionicon {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 10;
	box-sizing: content-box;
	width: 36px;
	height: 36px;
	border: 4px solid #fff;
	border-radius: 50%;
	color: #fff;
	line-height: 36px;
}
.proradio-actionicon:hover {
	color: var(--rem-bleu-logo);
}
.proradio-actionicon > i {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.proradio-actions__a1 {
	position: absolute;
	top: 90px;
	right: 30px;
	z-index: 10;
	opacity: 0;
	transform: translateY(-10px);
	transition: transform .3s, opacity .3s linear;
}
.proradio-post:hover .proradio-actions__a1,
.proradio-actions__a1:focus-within {
	opacity: 1;
	transform: none;
}
.proradio-post__std .proradio-post__content {
	padding: 56px;
}
.proradio-cats {
	overflow: hidden;
	margin: 0 0 13px;
	font-family: var(--rem-titres);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.54;
	text-transform: uppercase;
}
.proradio-cats a {
	margin: 0 10px 0 0;
	padding: 3px 10px;
	border: 2px solid #e3eef4;
	border-radius: 50px;
	background: #e3eef4;
	color: #24414f;
	font-size: 11px;
	line-height: 25px;
	box-shadow: 0 2px 6px rgba(20, 40, 60, .18);
}
.proradio-post__title {
	margin: 0 0 .5em;
}
.proradio-post__title a {
	color: var(--rem-anthracite);
	background: linear-gradient(to right, var(--rem-bleu) 0%, var(--rem-bleu-logo) 100%) no-repeat 0 91% / 0 .25em;
	transition: background-size 1.4s cubic-bezier(.2, .9, 0, 1), color 1.4s cubic-bezier(.2, .9, 0, 1);
}
.proradio-post__title a:hover,
.proradio-post:hover .proradio-post__title a {
	background-size: 100% .25em;
}
.proradio-h1 { font-size: 2.441rem; line-height: 1.26; }
.proradio-h2 { font-size: 1.953rem; line-height: 1.26; }
.proradio-h4 { font-size: 1.25rem; line-height: 1.26; }
.proradio-post__std .proradio-excerpt p {
	display: flow-root;
	overflow: hidden;
	max-height: 5.6em;
	margin: 0 0 1em;
	font-size: 15.008px;
	line-height: 1.8;
}
.proradio-meta {
	font-family: var(--rem-titres);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
}
.proradio-post__content .proradio-meta {
	margin: 0 0 10px;
}
.proradio-post__content .proradio-date {
	display: inline-block;
	margin-right: 6px;
}
.proradio-post__content .proradio-date i {
	font-size: 1.1em;
	transform: translateY(1px);
}

/* ---------- Barre latérale ---------- */
#proradio-sidebar {
	padding-left: 20px;
}
#proradio-sidebar > ul {
	display: flow-root;
	margin: 0 -15px;
	padding: 0;
	list-style: none;
}
.proradio-widget {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin: 5px 0 30px;
	padding: 0 15px;
	font-size: 15px;
	line-height: 1.54;
}
.proradio-widget + .proradio-widget {
	margin-bottom: 20px;
	padding: 18px 20px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(20, 40, 60, .07);
}
.proradio-widget__title.proradio-caption {
	margin: 0 0 16px;
	padding: 0;
	overflow: hidden;
	background: none;
	color: var(--rem-texte);
	font-family: var(--rem-titres);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.04em;
}
.proradio-widget ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.proradio-widget li {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #eceff2;
}
.proradio-widget li a {
	color: var(--rem-anthracite);
	font-size: 12px;
	text-transform: uppercase;
}
#proradio-sidebar .proradio-searchform {
	position: relative;
}
#proradio-sidebar .proradio-searchform form {
	overflow: hidden;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(20, 40, 60, .07);
}
.proradio-searchform .proradio-fieldset {
	margin: 0;
}
#proradio-sidebar .proradio-searchform input {
	height: 50px;
	margin: 0 0 30px;
	padding: 11.4px 21px 11.4px 14px;
	border: 0;
	border-radius: 3px;
	box-shadow: none;
}
.proradio-searchform button {
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 46px;
	height: 44px;
	min-height: 0;
	padding: 8.76px 12px;
	border: 0;
	background: transparent;
	color: #818181;
}
.proradio-stickycont {
	align-items: flex-start;
}

/* ---------- Pagination ---------- */
#proradio-pagination {
	margin: 0 -15px;
	padding: 0 15px;
	text-align: center;
}
#proradio-pagination > .proradio-col {
	padding: 0;
}
.proradio-pagination {
	display: flex;
	flex-wrap: wrap;
}
.proradio-pagination .page-numbers {
	display: flex;
	padding: 0 4px 0 0;
}
.proradio-pagination .next {
	padding: 0 0 0 4px;
}
.proradio-pagination .dots {
	padding: 0 4px;
	line-height: 40px;
}
.proradio-pagination .proradio-num {
	margin: 0;
	width: 44px;
	height: 44px;
	padding: 15px 10.5px;
	border-color: var(--rem-texte);
	background: #fff;
	color: var(--rem-texte);
	box-shadow: 0 0 6px #000;
}

/* ---------- Cartes carrées : podcasts, émissions, équipe (post-podcast, post-proradio_shows, post-members) ----------
 * Base de Pro.Radio ; rem-custom.css les transforme en vignette + texte dessous dans les listes REM. */
.proradio-post__card {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 200px;
	padding-top: 63%;
	border-radius: 10px;
	background: #101010;
	color: #fff;
	box-shadow: 0 0 6px #000;
}
.proradio-post__card--podcast {
	padding-top: 100%; /* Réglage « proportion des podcasts » de REM : 100 %. */
}
.proradio-post__card .proradio-cats a {
	position: relative;
}
.proradio-col__post {
	margin-bottom: 30px;
}
.proradio-bgimg--full {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	border-radius: 10px;
	background: #111;
}
.proradio-bgimg--full img {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 900px;
	object-fit: cover;
}
.proradio-post__headercont {
	position: absolute;
	inset: 0;
	z-index: 10;
	box-sizing: border-box;
	padding: 8%;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .69) 65%, rgba(0, 0, 0, .69) 100%);
	text-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.proradio-post__card .proradio-actions__cont {
	top: 12px;
	right: 12px;
	left: auto;
	z-index: 3;
	width: 48px;
	height: 48px;
}
.proradio-post__card .proradio-actions {
	position: static;
	width: 48px;
	height: 48px;
}
.proradio-post__card .proradio-actionicon {
	top: 0;
	right: 0;
}
.proradio-post__card .proradio-actions__a1 {
	top: 60px;
	right: 6px;
}
.proradio-post__card__cap {
	position: absolute;
	bottom: 16px;
	left: 8%;
	z-index: 10;
	padding: 0 10px 10px 0;
}
.proradio-post__card .proradio-cats {
	position: relative;
	z-index: 2;
	margin: 3px 0 13px;
	padding: 0 5px 0 0;
	color: #fff;
}
.proradio-post__card .proradio-post__title {
	display: -webkit-box;
	overflow: hidden;
	max-height: 52px;
	margin: 10px 0 5px;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.proradio-post__card .proradio-post__title a {
	color: inherit;
}
.proradio-post__card .proradio-meta {
	margin: 14px 0 10px;
	padding: 0 5px 0 0;
}
.proradio-post__card .proradio-date {
	display: inline-block;
	margin-right: 6px;
}
.proradio-post__card .proradio-date i {
	margin-right: 4px;
	font-size: 12px;
	transform: translateY(1px);
}
.proradio-post__card .proradio-itemmetas {
	margin: 0;
}
/* Bloc « À l'antenne » de l'accueil : étiquette et horaire (valeurs du site actuel). */
.proradio-onair-tag {
	display: inline-flex;
	margin-right: 10px;
	line-height: 25px;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.proradio-itemmetas .material-icons {
	display: inline-block;
	margin-right: 4px;
	font-size: 16px;
	line-height: 1.26;
	vertical-align: -3px;
}
/* Bouton « Écouter » rond des podcasts (sans qtmplayer : rem-lecteur.css en donne l'aspect). */
.proradio-post__card .qtmplayer-donutcontainer {
	position: relative;
	z-index: 10;
	width: 48px;
	height: 48px;
}
/* Résumé au dos des cartes d'émission (bouton « ... »). */
.proradio-post__switchcontent {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 11;
	cursor: pointer;
}
.proradio-post__headercont--ex {
	position: absolute;
	inset: 0;
	z-index: 12;
	box-sizing: border-box;
	padding: 8%;
	overflow: auto;
	color: var(--rem-texte);
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s, visibility .3s;
}
.proradio-active .proradio-post__headercont--ex {
	visibility: visible;
	opacity: 1;
}

/* ---------- Podcast : bouton rond du bandeau, piste « Écouter » dans le texte ----------
 * Boutons fabriqués par rem-lecteur (classe rem-sans-qtmplayer sur <body>). */
.proradio-pageheader__featuredplayer {
	position: relative;
	box-sizing: border-box;
	width: 90px;
	height: 90px;
	margin: 20px 0;
	border: 5px solid #fff;
	border-radius: 50%;
	color: #fff;
}
.rem-sans-qtmplayer .proradio-pageheader__featuredplayer .qtmplayer-play-btn {
	width: 100%;
	height: 100%;
	background: transparent;
	box-shadow: none;
}
.rem-sans-qtmplayer .proradio-pageheader__featuredplayer .qtmplayer-play-btn .material-icons {
	border-width: 14px 0 14px 22px;
	margin-left: 6px;
}
/* Bouton rond des cartes : le bloc intermédiaire prend toute la place (rôle du CSS de qtmplayer). */
.rem-sans-qtmplayer .qtmplayer-donutcontainer > .qtmplayer-donut {
	width: 100%;
	height: 100%;
}
/* Là où rem-custom.css impose la taille de l'icône (« Écouter le direct » de l'accueil, cartes de podcasts),
   la police d'icônes du thème dessine le symbole : on retire le triangle et les barres de rem-lecteur,
   sinon les deux se superposent. */
.rem-sans-qtmplayer .qtmplayer-play-btn .rem-a-ecouter__rond i.material-icons,
.rem-sans-qtmplayer .rem-a-pods .qtmplayer-play-btn i.material-icons,
.rem-sans-qtmplayer :is(.proradio-related .proradio-container > .proradio-row, #proradio-loop:has(> .proradio-col > .proradio-post__card)) .qtmplayer-play-btn i.material-icons {
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	background: none;
}
.qtmplayer-playlist-large {
	border-radius: 10px;
}
.proradio-the_content .qtmplayer-playlist,
.qtmplayer-playlist {
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-top: 1px solid rgba(100, 100, 100, .3);
	border-radius: 10px;
	background: var(--rem-ciel);
	color: #fff;
	list-style: none;
	box-shadow: 0 0 6px #000;
}
.proradio-the_content .qtmplayer-track-inpage,
.qtmplayer-track-inpage {
	position: relative;
	display: flex;
	align-items: center;
	padding: 12px 20px;
	background: #fff;
	color: var(--rem-texte);
	line-height: 1.2;
}
.qtmplayer-track-inpage img {
	display: none;
}
.rem-sans-qtmplayer .qtmplayer-track-inpage .qtmplayer-play-btn {
	flex: 0 0 36px;
	width: 36px;
	height: 68px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.rem-sans-qtmplayer .qtmplayer-track-inpage .qtmplayer-play-btn .material-icons {
	border-color: transparent transparent transparent var(--rem-texte);
}
.rem-sans-qtmplayer .qtmplayer-track-inpage .qtmplayer-play-btn.rl-actif .material-icons {
	background: linear-gradient(90deg, var(--rem-texte) 0 5px, transparent 5px 9px, var(--rem-texte) 9px 14px);
}
.qtmplayer-track-inpage p {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 15px;
	line-height: 20px;
}
.qtmplayer-tit {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
}
.qtmplayer-art {
	font-size: 12px;
	line-height: 1.3;
}

/* ---------- Grande carte (post-hero : équipe d'une émission, émission d'un membre) ---------- */
.proradio-post__hero {
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 6px #000;
}
.proradio-post__hero .proradio-post__header {
	position: relative;
	min-height: 470px;
	border-radius: 10px;
	background: #101010;
	color: #fff;
}
.proradio-post__hero .proradio-bgimg {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	border-radius: 10px;
	background: #111;
}
.proradio-post__hero .proradio-bgimg img {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.proradio-post__hero .proradio-post__headercont {
	padding: 2.5%;
}
.proradio-post__hero__caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding: 40px 25px;
	color: #fff;
}
.proradio-post__hero .proradio-post__title {
	display: flow-root;
	margin: 0;
	padding-right: 44.8px;
	color: #fff;
	line-height: 1.2;
}
.proradio-post__hero .proradio-post__title a {
	color: inherit;
}
/* Résumés repliés, dépliés au survol (grande carte, carte de membre), comme le site actuel. */
.proradio-post__hero .proradio-excerpt,
.proradio-post__card--members .proradio-excerpt {
	overflow: hidden;
	max-height: 0;
	transition: max-height .76s cubic-bezier(.58, .025, 0, .995);
}
.proradio-post__hero .proradio-excerpt {
	color: #fff;
}
.proradio-post__hero:hover .proradio-excerpt {
	max-height: 6em;
}
.proradio-post__hero .proradio-excerpt p {
	margin: 16px 0 0;
	padding: 0;
}
.proradio-post__card--members .proradio-excerpt {
	padding: 0 30px;
}
.proradio-post__card--members:hover .proradio-excerpt {
	max-height: 5em;
}
.proradio-post__card--members .proradio-excerpt p {
	text-align: justify;
}
.proradio-post .proradio-excerpt p {
	display: -webkit-box;
	overflow: hidden;
	max-height: 5.6em;
	font-size: .938em;
	line-height: 1.8em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.proradio-post__hero .proradio-cats a {
	position: relative;
}

/* ---------- Émission en ligne (bloc « À venir » : post-inline--show) ---------- */
.proradio-post__inline {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	min-height: 80px;
	margin: 22px 0;
	padding: 0 12px 0 80px;
	border-radius: 10px;
	box-shadow: 0 0 6px #000;
	font-size: 16px;
	line-height: 1.54;
}
.proradio-post__inline .proradio-thumb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	overflow: hidden;
	width: 80px;
	height: 80px;
	margin-right: 12px;
	line-height: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, .03);
}
.proradio-post__inline .proradio-thumb img {
	position: absolute;
	inset: 0;
	display: block;
	width: 80px;
	height: 80px;
	object-fit: cover;
}
.proradio-post__inline h6 {
	margin: 0 0 0 12px;
	padding-top: 12px;
}
.proradio-post__inline h6 a {
	display: flow-root;
	overflow: hidden;
	max-height: 36px;
	color: var(--rem-anthracite);
	line-height: 18px;
}
.proradio-post__inline .proradio-meta {
	margin: 5px 0 0 12px;
}

/* ---------- Grille des programmes : onglets des jours (bloc rem-blocs) ----------
 * Grand écran : rangée d'onglets. 1 200 px et moins : bouton « Sélectionner » qui ouvre
 * la liste des jours en plein écran (classe rem-ouvert, posée par js/onglets.js de rem-blocs). */
.proradio-program {
	margin-bottom: 2.4em;
}
.proradio-schedule__header {
	position: relative;
}
.proradio-tabs__switch {
	display: none;
}
.proradio-schedule__dayname {
	display: none;
	margin: 0 0 16px;
	color: var(--rem-nuit);
	font-family: var(--rem-capitales);
	font-size: 28px;
	font-weight: 600;
	line-height: 1.1;
}
.proradio-tabs__menu {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
.proradio-tabs__menu li {
	display: grid;
}
@media (max-width: 1200px) {
	.proradio-tabs__switch {
		z-index: 2;
		display: inline-flex;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 16px;
		border: 0;
		border-radius: 24px;
		background: var(--rem-bleu);
		color: #fff;
	}
	.proradio-schedule__dayname {
		display: block;
	}
	.proradio-tabs__menu {
		display: none;
	}
	.proradio-tabs__menu.rem-ouvert {
		position: fixed;
		inset: 0;
		z-index: 10000;
		display: block;
		overflow-y: auto;
		margin: 0;
		padding: 50px 30px 30px;
		background: #fff;
	}
	.proradio-tabs__menu.rem-ouvert li {
		display: flex;
		margin: 0 0 5px;
	}
	.proradio-tabs__menu.rem-ouvert li a {
		display: flex;
		width: 100%;
		min-height: 44px;
		align-items: center;
		justify-content: center;
	}
}
@media (max-width: 600px) {
	.proradio-tabs__switch {
		padding: 12px 24px;
		font-size: 12px;
	}
}

/* ---------- Titres de section (proradio-caption) ---------- */
.proradio-caption {
	position: relative;
	margin: 0 0 28px;
	padding: 0 0 14px;
	color: var(--rem-anthracite);
	font-family: var(--rem-capitales);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: uppercase;
	background: linear-gradient(var(--rem-vert), var(--rem-vert)) no-repeat 0 100% / 56px 4px;
}
.proradio-caption.proradio-center,
.proradio-caption.center {
	text-align: center;
	background-position: 50% 100%;
}
.proradio-caption span {
	position: relative;
	z-index: 2;
}
.proradio-caption__l { font-size: 36px; }

/* ---------- Commentaires ---------- */
#comments.proradio-card {
	overflow: hidden;
	border-radius: 10px;
	background: #f8f8f8;
	box-shadow: 0 0 6px #000;
}
#respond {
	padding: 36px;
	border-radius: 4px;
	background: #f8f8f8;
}
#respond h4 {
	margin: 0 0 .5em;
}
.proradio-commentform .proradio-small {
	font-size: 15px;
	line-height: 1.54;
}
.proradio-commentform .proradio-small {
	margin: 0 0 15px;
}
.proradio-fieldset {
	position: relative;
	clear: both;
}
.proradio-fieldset label {
	display: inline-block;
	line-height: 1.54;
	margin: 0 0 8px;
	font-family: var(--rem-titres);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	opacity: .8;
}
.proradio-fieldset input,
.proradio-fieldset textarea,
.proradio-searchform input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 0 16px;
	padding: 11.4px 21px;
	border: 2px solid rgba(150, 150, 150, .7);
	border-radius: 4px;
	background: #fff;
	color: var(--rem-anthracite);
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
.proradio-fieldset textarea {
	height: 80px;
	padding: 10px 20px;
	color: #808080;
}
.proradio-fieldset__half {
	box-sizing: border-box;
	float: left;
	clear: none;
	width: 50%;
}
.proradio-fieldset__half + .proradio-fieldset__half {
	padding-left: 30px;
}
.comment-form-cookies-consent {
	clear: both;
	margin: 27.2px 0 16px;
	padding-top: 0;
}
.proradio-comment-list {
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

/* ---------- Pied : barre du bas ---------- */
#proradio-footer {
	position: relative;
	z-index: 1;
}
.proradio-footer__copy {
	padding: 24px;
	background: #282828;
	color: #cecece;
	font-family: var(--rem-titres);
	font-weight: 600;
	text-transform: uppercase;
}
.proradio-footer__copy .proradio-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.proradio-footer__copy p {
	opacity: .7;
	margin: 0;
	padding: 10px 0;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
}
.proradio-menubar__footer {
	flex-wrap: wrap;
	margin-left: auto;
	padding: 10px 0;
	font-family: var(--rem-menus);
	font-size: 16px;
	line-height: 1;
	letter-spacing: .04em;
}
.proradio-menubar__footer li {
	display: inline-flex;
	margin: 0 5px;
}
.proradio-menubar__footer a {
	display: block;
	max-width: 220px;
	padding-right: 1px;
	color: #cfd8dc;
	font-size: 13px;
	line-height: 16px;
	opacity: .73;
}
.proradio-menubar__footer a:hover,
.proradio-menubar__footer a:focus-visible {
	opacity: 1;
}
/* Icône Facebook (dessinée, sans police d'icônes). */
.proradio-menubar__footer .proradio-soc-icon {
	color: var(--rem-ciel);
}
.proradio-menubar__footer .proradio-soc-icon svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
	vertical-align: middle;
}

/* ---------- Tablette et petit écran d'ordinateur (601 à 1200 px) ---------- */
@media (min-width: 601px) and (max-width: 1200px) {
	body {
		font-size: 15px;
	}
	h1 { font-size: 2.074em; }
	h2 { font-size: 1.728em; line-height: 1.2; }
	h3 { font-size: 1.44em; }
	h4 { font-size: 1.2em; line-height: 1.2; }
	.proradio-menu {
		z-index: 250;
		box-sizing: border-box;
		height: 78px;
		padding: 4px 16px;
		line-height: 70px;
		box-shadow: 0 20px 20px rgba(0, 0, 0, .06);
	}
	.proradio-menu__cont {
		height: 70px;
		padding: 0;
	}
	.proradio-menu__logo {
		height: 70px;
		margin: 0;
	}
	.proradio-logolink .proradio-logo_header {
		display: none;
	}
	.proradio-logolink .proradio-logo_header_mob {
		display: inline-block;
		height: 70px;
		max-height: 70px;
	}
	.proradio-menubtns__c {
		padding: 0;
	}
	.proradio-menubtns__c .proradio-btn {
		color: var(--rem-nuit);
	}
	.proradio-btn__r + .proradio-btn__r,
	.proradio-btn__r {
		margin-left: 2px;
	}
	.proradio-menubtns__c .proradio-btn .material-icons {
		font-size: 19.5px;
	}
	.proradio-container {
		max-width: 680px;
		padding: 0 10px;
	}
	.proradio-pageheader .proradio-meta.proradio-small {
		font-size: 12.45px;
	}
	.proradio-pageheader .proradio-p-catz {
		margin: 24px 0 18.675px;
	}
	.proradio-p-catz a {
		margin: 0 2px 0 0;
	}
	.proradio-pageheader .proradio-bgimg {
		border-radius: 10px;
	}
	.proradio-shareball {
		position: relative;
		right: auto;
		bottom: auto;
		z-index: 30;
		height: 1px;
	}
	.proradio-shareball .rem-partage {
		position: absolute;
		top: -30px;
		right: 20px;
	}
	.proradio-footer__copy {
		padding: 30px 20px;
	}
	.proradio-footer__copy p {
		padding: 0;
		line-height: 1.54;
	}
	.proradio-menubar__footer {
		display: block;
		margin-left: 0;
	}
	.proradio-menubar__footer li {
		display: block;
		margin: 0;
	}
	.proradio-menubar__footer a {
		line-height: 15px;
	}
}

/* Bandeau de titre sur petit écran (670 px et moins, seuil du réglage « marge du bandeau » de REM). */
@media (max-width: 670px) {
	.proradio-pageheader {
		padding: 0;
	}
	.proradio-pageheader__contents {
		padding: 105px 0 50px;
	}
	.proradio-pageheader .proradio-pagecaption {
		margin-top: 16px;
	}
	.proradio-pageheader .proradio-meta {
		margin-top: 24px;
		font-size: 15px;
	}
	.proradio-pageheader .proradio-p-catz {
		margin-bottom: 0;
		padding: 0 .2em;
	}
	.proradio-p-catz a {
		margin: 0 2px 0 0;
	}
}

/* ---------- Téléphone (600 px et moins) ---------- */
@media (max-width: 600px) {
	body {
		font-size: 15px;
	}
	.proradio-menu {
		z-index: 250;
		box-sizing: border-box;
		height: 54px;
		padding: 4px 10px;
		line-height: 46px;
		box-shadow: 0 20px 20px rgba(0, 0, 0, .06);
	}
	.proradio-menu__cont {
		height: 46px;
		padding: 0;
	}
	.proradio-menu__logo {
		height: 46px;
		margin: 0;
	}
	.proradio-logolink .proradio-logo_header {
		display: none;
	}
	.proradio-logolink .proradio-logo_header_mob {
		display: inline-block;
		height: 46px;
		max-height: 46px;
	}
	.proradio-menubtns__c {
		padding: 0;
	}
	.proradio-menubtns__c .proradio-btn {
		padding: 12px 8.4px;
		color: var(--rem-nuit);
		font-size: 12px;
	}
	.proradio-btn__r + .proradio-btn__r,
	.proradio-btn__r {
		margin-left: 2px;
	}
	.proradio-menubtns__c .proradio-btn .material-icons {
		font-size: 15.6px;
	}
	h1 { font-size: 1.802em; line-height: 1.2; }
	h2 { font-size: 1.602em; line-height: 1.2; }
	h3 { font-size: 1.424em; line-height: 1.2; }
	h4 { font-size: 1.266em; line-height: 1.2; }
	.proradio-entrycontents ul,
	.proradio-entrycontents ol {
		margin: 0 0 0 26px;
	}
	.proradio-pageheader .proradio-meta.proradio-small {
		font-size: 14px;
	}
	.proradio-pageheader .proradio-bgimg {
		border-radius: 10px;
	}
	.proradio-shareball {
		position: relative;
		right: auto;
		bottom: auto;
		z-index: 30;
		height: 1px;
	}
	.proradio-shareball .rem-partage {
		position: absolute;
		top: -30px;
		right: 20px;
	}
	.proradio-section {
		padding: 40px 0;
	}
	body.single-post .proradio-section {
		padding-top: 20px;
	}
	.proradio-container {
		padding: 0 10px;
	}
	body.single-post .proradio-container {
		padding: 0 15px;
	}
	.proradio-container .proradio-container {
		padding: 0;
	}
	.proradio-row {
		margin: 0 -5px;
	}
	.proradio-col {
		padding: 0 5px;
	}
	.proradio-col__post {
		margin-bottom: 0;
	}
	.proradio-post-grid .proradio-post__card,
	.proradio-related .proradio-post__card {
		margin-bottom: 20px;
	}
	h5 { font-size: 1.125em; }
	.proradio-h4 { font-size: 1.266em; line-height: 1.2; }
	.proradio-post__hero {
		margin-bottom: 20px;
	}
	.proradio-post__hero__caption {
		padding: 20px;
	}
	.proradio-post__hero .proradio-post__title {
		margin-bottom: .5em;
		padding-right: 20px;
		font-size: 1.602em;
	}
	.proradio-post__hero .proradio-post__title.proradio-h1 {
		font-size: 1.802em;
	}
	.proradio-post__hero .proradio-excerpt {
		display: none;
	}
	.proradio-entrycontent__footer {
		display: block;
	}
	.proradio-fieldset__half,
	.proradio-fieldset__half + .proradio-fieldset__half {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	#respond {
		padding: 16px;
	}
	.proradio-footer__copy {
		padding: 30px 20px;
	}
	.proradio-footer__copy p {
		padding: 0;
		line-height: 1.54;
	}
	.proradio-menubar__footer {
		display: block;
		margin-left: 0;
	}
	.proradio-menubar__footer li {
		display: block;
		margin: 0;
	}
	.proradio-menubar__footer a {
		max-width: 220px;
		line-height: 15px;
	}
}

/* Lien d'évitement : visible au clavier seulement. */
.skip-link:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 100001;
	padding: 8px 12px;
	background: #fff;
	color: var(--rem-bleu);
}