/* Fichier généré automatiquement. Ne pas modifier : éditer les CSS des extensions REM. */

/* ===== rem-mobile ===== */
@media (max-width: 767px) {
/* REM : habillage « appli » des articles sur téléphone (écrans de 767 px et moins) */
@media (max-width: 767px) {

  /* ---------- En-tête : photo en haut, puis rubrique, titre, date ---------- */
  .proradio-pagecontent.type-post .proradio-pageheader-container { background: #ffffff; padding-top: 54px !important; } /* hauteur de la barre du haut du site */
  .proradio-pagecontent.type-post .proradio-pageheader {
    display: flex !important; flex-direction: column !important;
    min-height: 0 !important; height: auto !important; padding: 0 !important;
    background: #ffffff !important; overflow: visible !important;
  }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-bgimg {
    position: relative !important; order: -1; inset: auto !important;
    width: 100% !important; height: auto !important; aspect-ratio: 16 / 9;
    opacity: 1 !important; transform: none !important; filter: none !important; overflow: hidden;
  }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-bgimg img {
    position: static !important; width: 100% !important; height: 100% !important;
    object-fit: cover !important; filter: none !important; opacity: 1 !important;
    transform: none !important; min-height: 0 !important; max-width: none !important;
  }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-grad-layer,
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-dark-layer,
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-waterwave,
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-decor,
  .proradio-pagecontent.type-post .proradio-shareball { display: none !important; }

  .proradio-pagecontent.type-post .proradio-pageheader__contents {
    position: relative !important; inset: auto !important; transform: none !important;
    padding: 18px 20px 4px !important; text-align: left !important;
    background: #ffffff !important; color: #353535 !important;
  }
  .proradio-pagecontent.type-post .proradio-pageheader__contents .proradio-container {
    padding: 0 !important; margin: 0 !important; max-width: none !important; width: auto !important;
  }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-p-catz { margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-p-catz a {
    display: inline !important; background: none !important; border: 0 !important; box-shadow: none !important;
    padding: 0 !important; margin: 0 !important; border-radius: 0 !important;
    color: #1e73be !important; font-size: 14px !important; font-weight: 700 !important;
    letter-spacing: 0 !important; text-transform: none !important; line-height: 1.3 !important;
  }
  .proradio-pagecontent.type-post h1.proradio-pagecaption {
    font-family: Oswald, 'Arial Narrow', sans-serif !important; font-size: 30px !important;
    line-height: 1.12 !important; font-weight: 700 !important; letter-spacing: 0 !important;
    color: #353535 !important; text-align: left !important; text-shadow: none !important;
    margin: 0 0 8px !important; padding: 0 !important; text-transform: none !important;
  }
  .proradio-pagecontent.type-post h1.proradio-pagecaption::before,
  .proradio-pagecontent.type-post h1.proradio-pagecaption::after { display: none !important; content: none !important; }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-meta,
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-meta__dets { text-align: left !important; margin: 0 !important; padding: 0 !important; }
  .proradio-pagecontent.type-post .proradio-pageheader__contents { padding-bottom: 16px !important; }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-date {
    font-size: 14px !important; font-weight: 400 !important; color: #5b6470 !important;
    text-transform: none !important; letter-spacing: 0 !important;
  }
  .proradio-pagecontent.type-post .proradio-pageheader .proradio-date .material-icons { display: none !important; }

  /* ---------- Texte de l'article ---------- */
  .proradio-pagecontent.type-post .proradio-maincontent .proradio-section { padding-top: 20px !important; }
  .proradio-pagecontent.type-post .proradio-maincontent .proradio-container { padding-left: 20px !important; padding-right: 20px !important; }
  .proradio-pagecontent.type-post .proradio-the_content {
    font-size: 18px !important; line-height: 1.6 !important; color: #2b2b2b !important;
  }
  .proradio-pagecontent.type-post .proradio-the_content p { margin: 0 0 1em !important; font-size: inherit !important; line-height: inherit !important; }
  .proradio-pagecontent.type-post .proradio-the_content .rem-chapo {
    font-size: 19px !important; line-height: 1.5 !important; font-weight: 600 !important; color: #353535 !important;
  }
  .proradio-pagecontent.type-post .proradio-the_content .rem-chapo em { font-style: normal !important; }
  .proradio-pagecontent.type-post .proradio-the_content h2,
  .proradio-pagecontent.type-post .proradio-the_content h3,
  .proradio-pagecontent.type-post .proradio-the_content h4 {
    font-family: Oswald, 'Arial Narrow', sans-serif !important; font-weight: 700 !important;
    color: #1e73be !important; line-height: 1.2 !important; letter-spacing: 0 !important;
    margin: 1.4em 0 .5em !important; text-transform: none !important;
  }
  .proradio-pagecontent.type-post .proradio-the_content h2 { font-size: 23px !important; }
  .proradio-pagecontent.type-post .proradio-the_content h3 { font-size: 20px !important; }
  .proradio-pagecontent.type-post .proradio-the_content h4 { font-size: 18px !important; }
  .proradio-pagecontent.type-post .proradio-the_content a:not([class]) {
    color: #1e73be !important; text-decoration: underline !important; text-underline-offset: 2px;
  }
  .proradio-pagecontent.type-post .proradio-the_content blockquote {
    margin: 1.2em 0 !important; padding: 14px 16px !important; background: #e6f0fa !important;
    border: 0 !important; border-radius: 14px !important; box-shadow: none !important;
    font-size: 17px !important; font-style: normal !important; color: #2b2b2b !important; text-align: left !important;
  }
  .proradio-pagecontent.type-post .proradio-the_content blockquote::before,
  .proradio-pagecontent.type-post .proradio-the_content blockquote::after { display: none !important; content: none !important; }
  .proradio-pagecontent.type-post .proradio-the_content blockquote p { font-size: inherit !important; font-style: normal !important; }
  .proradio-pagecontent.type-post .proradio-the_content blockquote p:last-child { margin-bottom: 0 !important; }
  .proradio-pagecontent.type-post .proradio-the_content ul,
  .proradio-pagecontent.type-post .proradio-the_content ol { padding-left: 1.3em !important; margin: 0 0 1em !important; }
  .proradio-pagecontent.type-post .proradio-the_content li { margin-bottom: .35em !important; }
  .proradio-pagecontent.type-post .proradio-the_content img { border-radius: 12px; height: auto; max-width: 100%; }
  .proradio-pagecontent.type-post .proradio-the_content table { font-size: 16px !important; }
}

}

/* ===== rem-accueil ===== */
/* REM Accueil : bandeau « En direct » façon appli. Sans pochette, le bandeau reste bleu. */

/* Fond flou aux couleurs de la pochette */
.e-con.rem-a-direct{ position: relative; overflow: hidden; isolation: isolate; }
.e-con.rem-a-direct > .e-con{ position: relative; z-index: 1; }
.rem-a-flou{ position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity .8s ease; }
.rem-a-flou::before{
	content: ""; position: absolute; inset: -80px;
	background-image: var(--rem-pochette); background-size: cover; background-position: center;
	filter: blur(56px) saturate(1.5) brightness(1.1); transform: scale(1.1);
}
.rem-a-flou::after{
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(135deg, rgba(14,22,30,.52) 0%, rgba(14,22,30,.38) 55%, rgba(14,22,30,.5) 100%);
}
.rem-a-direct--pochette .rem-a-flou{ opacity: 1; }
.rem-a-direct--pochette .e-con.rem-a-direct__suite{ background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.12); }
.rem-a-direct--pochette .rem-a-h1 .elementor-heading-title,
.rem-a-direct--pochette .rem-a-onair .proradio-post__title a,
.rem-a-direct--pochette .rem-a-encours__txt{ text-shadow: 0 1px 12px rgba(0,0,0,.25) !important; }

/* Bloc « En ce moment » : pochette, titre, artiste */
.rem-a-encours{
	display: flex; align-items: center; gap: 20px;
	margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.28);
	font-family: 'Poppins', sans-serif; color: #ffffff;
}
.rem-a-encours__img{
	width: 96px !important; height: 96px !important; max-width: none !important; flex-shrink: 0; border-radius: 14px !important; object-fit: cover;
	background: rgba(255,255,255,.14); box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.rem-a-encours__img:not([src]){ display: none; }
.rem-a-encours__txt{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rem-a-encours__label{ font-size: 14px; font-weight: 500; color: #ffffff; opacity: .92; }
.rem-a-encours .qtmplayer__title{
	display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	font-size: 22px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #ffffff !important; white-space: normal !important;
}
.rem-a-encours .qtmplayer__title *{ white-space: normal !important; }
.rem-a-encours .qtmplayer__artist{ display: block !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.3 !important; color: #ffffff !important; }
.rem-a-encours .qtmplayer__artist::before{ content: none !important; }

/* Place réservée avant l'arrivée du titre et de la pochette.
   Sans cela, le bloc « En ce moment » apparaît après coup et pousse le bouton
   « Écouter le direct » vers le bas (décalage mesuré à 0,112 par PageSpeed).
   La ligne d'origine occupe d'emblée la même hauteur que le bloc qui la remplace. */
.e-con.rem-a-direct .rem-a-titre{
	box-sizing: content-box;
	margin: 22px 0 0 !important; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.28);
	min-height: 96px; visibility: hidden;
}
.rem-a-encours{ box-sizing: content-box; min-height: 96px; }

@media (max-width: 767px){
	.e-con.rem-a-direct .rem-a-titre{ margin-top: 18px !important; padding-top: 18px; min-height: 76px; }
	.rem-a-encours{ min-height: 76px; }
	.rem-a-encours{ gap: 16px; margin-top: 18px; padding-top: 18px; }
	.rem-a-encours__img{ width: 76px !important; height: 76px !important; border-radius: 12px !important; }
	.rem-a-encours .qtmplayer__title{ font-size: 18px !important; }
	.rem-a-encours .qtmplayer__artist{ font-size: 15px !important; }
}
@media (prefers-reduced-motion: reduce){
	.rem-a-flou{ transition: none; }
}