contenant une image pub. */
.sp-img-cliquable {
display: block;
cursor: pointer;
border-radius: var(--sp-radius, 8px);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.sp-img-cliquable:hover {
box-shadow: 0 4px 20px rgba(227, 24, 55, 0.2);
transform: translateY(-2px);
}
.sp-img-cliquable img {
display: block;
width: 100%;
height: auto;
border-radius: var(--sp-radius, 8px);
}
/* ── Slider promotionnel (sp-ads-slider) ─────────────────────────────────── */
.sp-slider {
position: relative;
overflow: hidden;
border: 1px solid var(--sp-border, #e2e8f0);
border-radius: var(--sp-radius, 8px);
margin: 0 0 24px;
background: var(--sp-light, #f8fafc);
}
.sp-slider__piste {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}
.sp-slider__piste::-webkit-scrollbar {
display: none;
}
.sp-slider__item {
flex: 0 0 100%;
scroll-snap-align: start;
min-width: 0;
}
/* Navigation : points et flèches */
.sp-slider__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 0 12px;
}
.sp-slider__btn {
font-size: 1.6rem;
line-height: 1;
color: var(--sp-gray, #64748b);
cursor: pointer;
padding: 0 6px;
user-select: none;
transition: color 0.15s;
}
.sp-slider__btn:hover {
color: var(--sp-red, #e31837);
}
.sp-slider__dots {
display: flex;
gap: 6px;
}
.sp-slider__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sp-border, #e2e8f0);
cursor: pointer;
transition: background 0.2s;
}
.sp-slider__dot--actif {
background: var(--sp-red, #e31837);
}
@media (max-width: 600px) {
.sp-slider__btn {
font-size: 1.3rem;
}
}
/* ── Carte blog (sp-blog) ────────────────────────────────────────────────── */
.sp-card--blog {
padding: 0 !important;
overflow: hidden;
border-top: none;
border-left: 3.5px solid var(--sp-red);
}
.sp-card--blog .sp-card-image {
width: 100%;
height: 180px;
overflow: hidden;
background: var(--sp-light);
margin: 0;
}
.sp-card--blog .sp-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.sp-card--blog:hover .sp-card-image img {
transform: scale(1.05);
}
.sp-card--blog .sp-card-body {
padding: 1.25rem;
}
.sp-card--blog .sp-card-titre {
text-transform: none;
text-align: left;
}
.sp-card--blog .sp-card-titre a {
color: var(--sp-dark);
text-decoration: none;
transition: color 0.2s;
}
.sp-card--blog:hover .sp-card-titre a {
color: var(--sp-red);
}
.sp-card--blog .sp-card-detail {
margin-bottom: 0.75rem;
}
.sp-blog-grille {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
/* ── Accordéon SP (utilisé par sp-glossaire, sp-faq, et autres) ─────────────
Classes partagées pour les composants accordéon à onglets.
@since 3.2.47 - @author Christian Pelletier
─────────────────────────────────────────────────────────────────────────── */
.sp-accordeon-wrap {
color: var(--sp-dark, #2c2c2c);
margin: 0 0 40px;
}
.sp-accordeon-wrap *,
.sp-accordeon-wrap *::before,
.sp-accordeon-wrap *::after { box-sizing: border-box; }
/* ── En-tête optionnel (mode section unique) ── */
.sp-accordeon-header {
padding: 28px 0 20px;
border-bottom: 2px solid var(--sp-red, #c8102e);
margin-bottom: 12px;
}
.sp-accordeon-tag {
display: inline-block;
background: var(--sp-red, #c8102e);
color: #fff;
padding: 3px 10px;
border-radius: 3px;
margin-bottom: 12px;
}
.sp-accordeon-intro { color: #888; font-style: italic; margin: 0; }
/* ── Compteur ── */
.sp-accordeon-count { color: #888; margin: 16px 0 2px; }
/* ── Onglets ── */
.sp-accordeon-tabs {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 24px;
border-bottom: 2px solid #e8e8e8;
padding-bottom: 0;
}
.sp-accordeon-tab {
padding: 10px 18px;
color: inherit;
background: transparent;
border: none;
border-bottom: 3px solid transparent;
cursor: pointer;
transition: color 0.2s, border-color 0.2s, background 0.2s;
margin-bottom: -2px;
}
.sp-accordeon-tab:hover,
.sp-accordeon-tab.sp-accordeon-tab-active {
color: #fff;
background: var(--sp-red, #c8102e);
border-bottom-color: var(--sp-red, #c8102e);
}
/* ── Panneaux ── */
.sp-accordeon-panel {
position: absolute;
visibility: hidden;
pointer-events: none;
height: 0;
overflow: hidden;
}
.sp-accordeon-panel.sp-accordeon-panel-active {
position: relative;
visibility: visible;
pointer-events: auto;
height: auto;
overflow: visible;
}
/* ── Entrée accordéon ── */
.sp-accordeon-entry {
border-bottom: 1px solid #e8e8e8;
border-left: 3px solid transparent;
transition: border-left-color 0.2s, background 0.2s;
}
.sp-accordeon-entry:first-of-type { border-top: 1px solid #e8e8e8; }
.sp-accordeon-entry:hover,
.sp-accordeon-entry.sp-accordeon-open {
border-left-color: var(--sp-red, #c8102e);
background: #fdf2f4;
}
.sp-accordeon-visible {
display: flex;
align-items: flex-start;
padding: 22px 0 22px 20px;
cursor: pointer;
transition: padding-left 0.2s;
}
.sp-accordeon-entry:hover .sp-accordeon-visible,
.sp-accordeon-entry.sp-accordeon-open .sp-accordeon-visible { padding-left: 24px; }
.sp-accordeon-left { flex: 1; }
h2.sp-accordeon-titre {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
margin: 0 0 8px;
cursor: pointer;
}
.sp-accordeon-num { color: #f0c0c8; flex-shrink: 0; }
.sp-accordeon-desc { color: #4a4a4a; line-height: 1.7; margin: 0; }
.sp-accordeon-badge {
color: var(--sp-red, #c8102e);
background: #fdf2f4;
border: 1px solid #f0c0c8;
border-radius: 3px;
padding: 1px 7px;
position: relative;
top: -2px;
font-size: 0.85em;
}
.sp-accordeon-arrow {
color: #888;
transition: transform 0.25s;
padding-top: 4px;
padding-right: 6px;
flex-shrink: 0;
user-select: none;
}
.sp-accordeon-entry.sp-accordeon-open .sp-accordeon-arrow { transform: rotate(180deg); }
/* ── Corps accordéon ── */
.sp-accordeon-body {
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease, padding 0.35s ease;
padding: 0 20px 0 24px;
border-left: 3px solid #f0c0c8;
background: #fdf2f4;
}
.sp-accordeon-entry.sp-accordeon-open .sp-accordeon-body {
max-height: 3000px;
padding: 4px 20px 24px 24px;
}
.sp-accordeon-body p { color: #4a4a4a; line-height: 1.7; margin: 0 0 8px; }
.sp-accordeon-body ul,
.sp-accordeon-body ol { margin: 0 0 10px 20px; }
.sp-accordeon-body li { color: #4a4a4a; line-height: 1.7; margin-bottom: 4px; }
.sp-accordeon-body strong { color: var(--sp-dark, #2c2c2c); }
/* ── Sections internes ── */
.sp-accordeon-section { color: #888; margin: 16px 0 6px; }
/* ── Définition mise en avant ── */
.sp-accordeon-def {
color: #4a4a4a;
line-height: 1.7;
background: #fdf2f4;
border-left: 3px solid #f0c0c8;
padding: 10px 14px;
margin-bottom: 14px;
border-radius: 0 4px 4px 0;
}
.sp-accordeon-def strong { color: var(--sp-red, #c8102e); }
/* ── Termes reliés ── */
.sp-accordeon-related {
color: #4a4a4a;
border-top: 0.5px solid #e8e8e8;
padding-top: 12px;
margin-top: 10px;
}
.sp-accordeon-related strong { color: var(--sp-dark, #2c2c2c); }
.sp-accordeon-related a {
color: var(--sp-red, #c8102e);
text-decoration: none;
font-style: italic;
cursor: pointer;
}
.sp-accordeon-related a:hover { text-decoration: underline; }
/* ── Note de bas de section ── */
.sp-accordeon-note {
margin-top: 32px;
padding: 12px 16px;
background: #fff;
border-left: 3px solid #e8e8e8;
border-radius: 0 6px 6px 0;
color: #888;
font-style: italic;
line-height: 1.6;
}
/* ── Pagination (réutilisable dans tous les modules) ── */
.sp-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--sp-border);
}
.sp-pagination__bouton {
border: 1px solid var(--sp-border);
background: #fff;
color: var(--sp-gray);
border-radius: var(--sp-radius);
padding: 8px 16px;
font-size: .875rem;
font-weight: 600;
cursor: pointer;
transition: background .15s, color .15s;
}
.sp-pagination__bouton:hover:not([disabled]) {
background: var(--sp-light, #f3f4f6);
color: var(--sp-dark, #1f2937);
}
.sp-pagination__bouton[disabled] {
opacity: .4;
cursor: default;
}
.sp-pagination__info {
color: var(--sp-gray);
font-size: .875rem;
}
@media (max-width: 480px) {
.sp-pagination { flex-wrap: wrap; gap: 10px; }
}
/* ── Onglets génériques (sp-tabs) @since 3.3.4 ──────────────────────────────
Barre d'onglets réutilisable dans tout module à sections multiples.
Structure :
…
…
@author Christian Pelletier
─────────────────────────────────────────────────────────────────────────── */
.sp-tabs {
display: flex;
gap: 4px;
margin-bottom: 24px;
border-bottom: 2px solid var(--sp-border);
flex-wrap: wrap;
}
.sp-tab {
padding: 10px 20px;
background: transparent;
border: none;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
cursor: pointer;
font-size: 0.9rem;
font-weight: 600;
color: var(--sp-gray);
transition: color 0.15s, border-color 0.15s;
white-space: nowrap;
}
.sp-tab:hover {
color: var(--sp-dark);
}
.sp-tab--actif {
color: var(--sp-red);
border-bottom-color: var(--sp-red);
}
@media (max-width: 480px) {
.sp-tab { padding: 10px 14px; font-size: 0.82rem; }
}
/* ── Pièces justificatives (sp-pieces) @since 3.3.4 ─────────────────────────
Liste de fichiers joints avec état de téléversement.
Réutilisable dans tout module acceptant des pièces jointes
(remboursements, réclamations, dossiers, etc.).
Structure :
@author Christian Pelletier
─────────────────────────────────────────────────────────────────────────── */
.sp-pieces-liste {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 8px;
}
.sp-piece-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: var(--sp-light);
border: 1px solid var(--sp-border);
border-radius: 6px;
font-size: 0.875rem;
}
.sp-piece-icone {
flex-shrink: 0;
}
.sp-piece-nom {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--sp-dark);
}
.sp-piece-spinner {
flex-shrink: 0;
color: var(--sp-gray);
font-size: 0.85rem;
}
.sp-piece-ok {
flex-shrink: 0;
color: #16a34a;
}
/* Liens vers pièces dans les cartes ou tableaux */
.sp-piece-lien {
display: inline-block;
font-size: 0.82rem;
color: var(--sp-red);
text-decoration: none;
margin-right: 8px;
}
.sp-piece-lien:hover {
text-decoration: underline;
}
.sp-pieces-zone {
margin-top: 8px;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
/* ── Bloc de code / trace technique ─────────────────────────────────────────*/
/* Réutilisable pour tout module affichant une trace, un message d'erreur
ou un extrait de code (SP Erreurs, futurs outils de diagnostic). */
.sp-code-bloc {
background: #0f172a;
color: #e2e8f0;
font-family: Consolas, Monaco, 'Courier New', monospace;
font-size: 0.82rem;
line-height: 1.5;
padding: 12px 14px;
border-radius: 8px;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-word;
max-height: 320px;
overflow-y: auto;
}
/* ── Tooltip (sp-tooltip) — réutilisable dans tous les modules ──────────────
Usage :
...
Le texte apparaît au survol et au focus, au-dessus de l'élément par défaut.
@since 3.3.7 */
.sp-tooltip {
position: relative;
}
.sp-tooltip::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%) translateY(4px);
background: var(--sp-dark, #1e293b);
color: #fff;
font-size: 0.78rem;
font-family: 'Archivo Narrow', sans-serif !important;
line-height: 1.3;
white-space: nowrap;
padding: 6px 10px;
border-radius: 6px;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s, transform 0.15s;
z-index: 100000;
}
.sp-tooltip::before {
content: '';
position: absolute;
bottom: calc(100% + 3px);
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: var(--sp-dark, #1e293b);
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s;
z-index: 100000;
}
.sp-tooltip:hover::after,
.sp-tooltip:hover::before,
.sp-tooltip:focus-visible::after,
.sp-tooltip:focus-visible::before {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* Variante : tooltip qui doit s'afficher sous l'élément (espace insuffisant au-dessus) */
.sp-tooltip--bas::after {
bottom: auto;
top: calc(100% + 8px);
transform: translateX(-50%) translateY(-4px);
}
.sp-tooltip--bas::before {
bottom: auto;
top: calc(100% + 3px);
border-top-color: transparent;
border-bottom-color: var(--sp-dark, #1e293b);
}
.sp-tooltip--bas:hover::after,
.sp-tooltip--bas:focus-visible::after {
transform: translateX(-50%) translateY(0);
}
/* ── Groupe de cases à cocher en pilules (choix multiples) ──────────────────
@since 3.4.0
@updated 3.4.1 — style repris de Mon Profil (case masquée + icône coche
custom, teinte bleue). L'état visuel réagit à :has(input:checked), donc
aucun JS n'est requis pour la mise à jour au clic. La classe "is-checked"
reste supportée pour l'état initial rendu côté serveur et les anciens
navigateurs sans support de :has().
Usage :
*/
.sp-checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.sp-checkbox-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 14px;
background: #fff;
border: 1.5px solid var(--sp-border);
border-radius: 99px;
font-size: 0.875rem;
color: var(--sp-dark);
cursor: pointer;
line-height: 1.3;
min-height: var(--sp-tap-min);
user-select: none;
transition: background .15s, border-color .15s, color .15s;
}
.sp-checkbox-pill:hover { border-color: var(--sp-blue); }
/* Masquer la case native — l'icône custom ci-dessous la remplace visuellement */
.sp-checkbox-pill input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
/* Carré custom (non coché) */
.sp-checkbox-pill::before {
content: '';
display: inline-block;
width: 13px;
height: 13px;
border-radius: 4px;
border: 2px solid var(--sp-border);
flex-shrink: 0;
box-sizing: border-box;
transition: border-color .15s, background .15s;
}
.sp-checkbox-pill:has(input:checked),
.sp-checkbox-pill.is-checked {
background: #eff6ff;
border-color: var(--sp-blue);
color: var(--sp-blue);
font-weight: 600;
}
.sp-checkbox-pill:has(input:checked)::before,
.sp-checkbox-pill.is-checked::before {
border-color: var(--sp-blue);
background-color: var(--sp-blue);
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 10px 8px;
background-repeat: no-repeat;
background-position: center;
}
/*
* Étiquette de version — affichée discrètement en bas de page dans les
* modules d'administration. Permet d'identifier au premier coup d'œil
* la version livrée à l'écran, sans ouvrir la console.
* Utilisation :
Nom du module vX.X.X
* @since 3.4.3
*/
.sp-version-tag {
margin-top: 16px;
padding-top: 8px;
text-align: right;
font-size: 0.75rem;
color: var(--sp-gray);
opacity: 0.7;
}
/* ── Fiche imprimable partagée — window.spImprimerFiche() ────────────────────
Un seul mécanisme d'impression pour tout SP OS, utilisé par Gestion des
membres, Mon profil et Inscription manuelle (voir sp-ui/index.php →
sp_ui_render_overlay() pour la fonction JS).
#sp-ui-impression est créé dynamiquement au premier appel et rempli juste
avant window.print() — il reste vide et caché en tout autre temps.
Deux mesures combinées à l'impression (approche éprouvée sur Mon profil
depuis la v1.1.19) :
1. Tout le reste de la page est caché avec visibility:hidden — pas
display:none — pour ne rien casser ailleurs sur le site.
2. #sp-ui-impression est sorti du flux normal avec position:fixed —
contrairement à position:absolute, non affecté par un ancêtre
position:relative caché quelque part dans le thème.
.no-print : utilitaire générique pour cacher un élément à l'impression
sans toucher à son affichage à l'écran (ex. boutons d'action).
@since 3.4.9 - @author Christian Pelletier
─────────────────────────────────────────────────────────────────────── */
#sp-ui-impression { display: none; }
#sp-ui-impression .sp-impression__fiche {
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 24px;
background: #fff;
/* #sp-ui-impression est ajouté directement à par JS (voir
window.spImprimerFiche()) — comme pour .sp-tooltip plus haut, ce
genre d'élément hors du flux normal n'hérite pas de façon fiable de
la police configurée. window.spImprimerFiche() copie la police
RÉELLEMENT utilisée sur la page dans --sp-impression-font-texte —
plus fiable que --text-font, qui suppose une valeur sauvegardée
dans le panneau Apparence. Préfixé par #sp-ui-impression pour battre
en spécificité toute règle du thème.
@since 3.4.13 - @author Christian Pelletier */
font-family: var(--sp-impression-font-texte, var(--text-font, 'Archivo Narrow'), sans-serif) !important;
}
#sp-ui-impression .sp-impression__titre {
margin: 0 0 4px;
color: #1e293b;
font-size: 1.1rem;
border-bottom: 2px solid var(--sp-red, #e31837);
padding-bottom: 8px;
font-family: var(--sp-impression-font-titre, var(--heading-font, 'Saira Extra Condensed'), sans-serif) !important;
}
#sp-ui-impression .sp-impression__soustitre {
margin: 0 0 16px;
font-size: 0.85rem;
color: #64748b;
}
#sp-ui-impression .sp-impression__soustitre-section {
margin: 18px 0 6px;
color: #1e293b;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
font-family: var(--sp-impression-font-titre, var(--heading-font, 'Saira Extra Condensed'), sans-serif) !important;
}
.sp-impression__fiche table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin-bottom: 4px;
}
.sp-impression__fiche td {
padding: 6px 10px;
border-bottom: 1px solid #f1f5f9;
vertical-align: top;
}
.sp-impression__fiche td:first-child {
color: #64748b;
width: 200px;
font-weight: 600;
}
.sp-impression__fiche td:last-child {
white-space: pre-line;
}
.sp-impression__alerte {
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 6px;
padding: 10px 14px;
margin-top: 16px;
font-size: 13px;
color: #92400e;
}
.sp-impression__date-emission {
margin-top: 20px;
font-size: 0.75rem;
color: #94a3b8;
}
@media print {
.no-print {
display: none !important;
}
/* #sp-ui-impression est ajouté comme DERNIER enfant direct de
par window.spImprimerFiche() (JS). On vide tous les AUTRES enfants
directs avec display:none — pas seulement visibility:hidden plus
bas — pour libérer complètement leur espace de page. Sans ça, le
reste de la page (thème, contenu du module, etc.) reste invisible
mais occupe quand même toute sa hauteur normale, ce qui rend le
document artificiellement très long sur plusieurs pages. Or un
élément position:fixed est répété par Chrome sur CHAQUE page qui en
résulte — c'est ce qui causait la fiche dupliquée et tronquée à
partir de la 2e page.
@since 3.4.11 - @author Christian Pelletier
CORRECTIF @since 3.4.17 : ces deux règles s'appliquaient à TOUTE
impression sur TOUTE page du site, même quand #sp-ui-impression
n'existe pas (donc pour l'impression de n'importe quel autre module,
comme le calendrier). Elles cachaient alors la page entière — page
blanche à l'impression, partout sur le site. Une première tentative
a limité ces règles à ":has(#sp-ui-impression)", mais ce sélecteur
n'est pas toujours évalué de façon fiable par le moteur d'impression
de Chrome — ce qui a cette fois causé une page blanche pour la fiche
membre ELLE-MÊME.
CORRECTIF @since 3.4.18 : remplacé par une classe posée directement
sur par window.spImprimerFiche() juste avant window.print()
(voir sp-ui/index.php). Sans ambiguïté, contrairement à :has().
- @author Christian Pelletier */
body.sp-ui-impression-actif > *:not(#sp-ui-impression) {
display: none !important;
}
/* Ceinture de sécurité pour tout ce qui ne serait pas un enfant direct
de (ex. contenu injecté plus profondément par un thème ou un
plugin). Même correctif @since 3.4.18 : classe body plutôt que :has(). */
body.sp-ui-impression-actif * {
visibility: hidden !important;
}
#wpadminbar {
display: none !important;
}
html, body {
margin: 0 !important;
padding: 0 !important;
}
#sp-ui-impression,
#sp-ui-impression * {
visibility: visible !important;
}
#sp-ui-impression {
display: block !important;
width: 100%;
padding: 20px;
box-sizing: border-box;
/* PAS de position:fixed/absolute ici. Un élément position:fixed
est réimprimé EN ENTIER sur CHAQUE page dès que le contenu total
dépasse une page — pas seulement s'il continue, il recommence du
début à chaque fois. C'est ce qui causait la fiche dupliquée
(page 1 complète, puis reprise tronquée en page 2) pour tout
membre dont la fiche dépasse une page. Comme tous les autres
enfants de sont à display:none ci-dessus, la fiche est
déjà seule dans le document en flux normal — elle s'écoule donc
correctement sur autant de pages que nécessaire.
@since 3.4.12 - @author Christian Pelletier */
}
.sp-impression__fiche {
border: 1px solid #ccc;
/* Certains outils d'extraction de texte PDF perdent des lettres
fusionnées en ligature (ex. « fi » → glyphe unique), ce qui
donne « Planication » au lieu de « Planification » dans le
texte copié/recherché d'un PDF archivé — même si l'impression
visuelle est correcte. Désactivé par précaution.
@since 3.4.11 - @author Christian Pelletier */
font-variant-ligatures: none;
}
.sp-impression__fiche tr {
page-break-inside: avoid;
}
body {
font-size: 12px;
}
}