@charset "UTF-8";
/* ==========================================================
   IPM · thème Bootstrap 5.3 · Paris Match
   À charger APRÈS bootstrap.min.css. Même HTML pour toutes les
   marques : on change seulement ce fichier.
   Valeurs : fiche Paris Match de la toolbox IPM Tools-Design.
   Survols et teintes douces calculés quand la fiche n'en donne pas.
   Note : Sur le site, le bouton primaire est gris #686868 : .btn-secondary le reproduit. .btn-primary porte le rouge de la marque.
   ========================================================== */
@font-face { font-family: "Open Sans Condensed"; src: url("fonts/OpenSansCondensed-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans Condensed"; src: url("fonts/OpenSansCondensed-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("fonts/Roboto-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("fonts/Roboto-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("fonts/Roboto-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("fonts/Roboto-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root, [data-bs-theme="light"] {
  --ipm-brand: "parismatch";
  --ipm-font-title: "Open Sans Condensed", Georgia, serif;
  --ipm-font-base: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --ipm-title-weight: 700;
  --ipm-accent-dark: #FF5A5F;          /* accent lisible sur fond sombre */
  --ipm-surface-dark: #1C1C1E;   /* fond des blocs sombres (lecteur audio...) */

  --bs-primary: #D7262C; --bs-primary-rgb: 215,38,44;
  --bs-secondary: #686868; --bs-secondary-rgb: 104,104,104;
  --bs-warning: #F2C93D; --bs-warning-rgb: 242,201,61;
  --bs-primary-text-emphasis: #761518;
  --bs-primary-bg-subtle: #FAE5E6;
  --bs-primary-border-subtle: #F1B3B5;
  --bs-body-font-family: var(--ipm-font-base);
  --bs-body-color: #1B1A19; --bs-body-color-rgb: 27,26,25;
  --bs-emphasis-color: #1B1A19;
  --bs-link-color: #D7262C; --bs-link-color-rgb: 215,38,44;
  --bs-link-hover-color: #B72025; --bs-link-hover-color-rgb: 183,32,37;
  --bs-focus-ring-color: rgba(215,38,44,.35);
  --bs-border-radius: 4px;
  --bs-border-radius-sm: 4px;
  --bs-border-radius-lg: 4px;
}
[data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #FF5A5F;
  --bs-primary-bg-subtle: #410B0D;
  --bs-primary-border-subtle: #81171A;
  --bs-link-color: #FF5A5F; --bs-link-color-rgb: 255,90,95;
  --bs-link-hover-color: #FF8387; --bs-link-hover-color-rgb: 255,131,135;
  --bs-body-color: #E9E9EA; --bs-body-color-rgb: 233,233,234; --bs-emphasis-color: #FFFFFF;
}

/* Titres : police de titre de la marque */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--ipm-font-title); font-weight: var(--ipm-title-weight);
}

/* Boutons : Bootstrap les compile en bleu, il faut les redéfinir */
.btn-primary {
  --bs-btn-color: #FFFFFF; --bs-btn-bg: #D7262C; --bs-btn-border-color: #D7262C;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #B72025; --bs-btn-hover-border-color: #B72025;
  --bs-btn-focus-shadow-rgb: 215,38,44;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #9B1B20; --bs-btn-active-border-color: #9B1B20;
  --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: #D7262C; --bs-btn-disabled-border-color: #D7262C;
}
.btn-secondary {
  --bs-btn-color: #FFFFFF; --bs-btn-bg: #686868; --bs-btn-border-color: #686868;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #585858; --bs-btn-hover-border-color: #585858;
  --bs-btn-focus-shadow-rgb: 104,104,104;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #585858; --bs-btn-active-border-color: #585858;
  --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: #686868; --bs-btn-disabled-border-color: #686868;
}
.btn-warning {
  --bs-btn-color: #5D3C10; --bs-btn-bg: #F2C93D; --bs-btn-border-color: #F2C93D;
  --bs-btn-hover-color: #5D3C10; --bs-btn-hover-bg: #DFB938; --bs-btn-hover-border-color: #DFB938;
  --bs-btn-focus-shadow-rgb: 242,201,61;
  --bs-btn-active-color: #5D3C10; --bs-btn-active-bg: #CEAB34; --bs-btn-active-border-color: #CEAB34;
  --bs-btn-disabled-color: #5D3C10; --bs-btn-disabled-bg: #F2C93D; --bs-btn-disabled-border-color: #F2C93D;
}
.btn-outline-primary {
  --bs-btn-color: #D7262C; --bs-btn-border-color: #D7262C;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #D7262C; --bs-btn-hover-border-color: #D7262C;
  --bs-btn-focus-shadow-rgb: 215,38,44;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #D7262C; --bs-btn-active-border-color: #D7262C;
  --bs-btn-disabled-color: #D7262C; --bs-btn-disabled-border-color: #D7262C;
}
.btn-outline-secondary {
  --bs-btn-color: #686868; --bs-btn-border-color: #686868;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #686868; --bs-btn-hover-border-color: #686868;
  --bs-btn-focus-shadow-rgb: 104,104,104;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #686868; --bs-btn-active-border-color: #686868;
  --bs-btn-disabled-color: #686868; --bs-btn-disabled-border-color: #686868;
}
.btn { --bs-btn-font-family: var(--ipm-font-base); }
.btn:focus-visible { box-shadow: 0 0 0 .25rem rgba(215,38,44,.35); }
[data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color: #FF5A5F; --bs-btn-border-color: #FF5A5F; }

/* Formulaires : focus et cases cochées */
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: #E77D80; box-shadow: 0 0 0 .25rem rgba(215,38,44,.35); }
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: #D7262C; border-color: #D7262C; }
.form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E77D80'/%3e%3c/svg%3e"); }
.form-range::-webkit-slider-thumb { background-color: #D7262C; }
.form-range::-moz-range-thumb { background-color: #D7262C; }
.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(215,38,44,.35); }
.form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(215,38,44,.35); }

/* Composants à couleur active */
.nav-pills { --bs-nav-pills-link-active-bg: #D7262C; }
.nav-link:focus-visible { box-shadow: 0 0 0 .25rem rgba(215,38,44,.35); }
.pagination { --bs-pagination-active-bg: #D7262C; --bs-pagination-active-border-color: #D7262C; --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(215,38,44,.35); }
.progress, .progress-stacked { --bs-progress-bar-bg: #D7262C; }
.list-group { --bs-list-group-active-bg: #D7262C; --bs-list-group-active-border-color: #D7262C; }
.dropdown-menu { --bs-dropdown-link-active-bg: #D7262C; }
.accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(215,38,44,.35); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238C191D' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); }
.table-primary { --bs-table-bg: #FAE5E6; }