@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Lato:wght@400;700&display=swap");
:root{--g:#00843D;--gd:#005a2b;--j:#FDEF00;--r:#E2001A;--t:.22s ease}
.fsfg-wrap{font-family:'Lato',sans-serif}
.fsfg-empty{color:#888;text-align:center;padding:30px;font-style:italic} .fsfg-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f0f0f0}
.fsfg-ftab{background:none;border:2px solid #e0e0e0;padding:7px 16px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--t);color:#666}
.fsfg-ftab:hover{border-color:var(--g);color:var(--g)}
.fsfg-ftab.active{background:var(--g);border-color:var(--g);color:#fff} .fsfg-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.fsfg-album-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e5e5;overflow:hidden;transition:box-shadow .25s,transform .25s}
.fsfg-album-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(-3px)}
.fsfg-album-cover{position:relative;padding-top:65%;overflow:hidden;background:#f0f0f0}
.fsfg-album-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.fsfg-album-card:hover .fsfg-album-cover img{transform:scale(1.05)}
.fsfg-cover-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}
.fsfg-album-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%);display:flex;align-items:flex-end;padding:12px}
.fsfg-album-count{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:1px;color:#fff;background:rgba(0,0,0,.4);padding:3px 9px;backdrop-filter:blur(4px)}
.fsfg-album-info{padding:13px 15px}
.fsfg-album-name{font-family:'Oswald',sans-serif;font-size:16px;font-weight:600;margin:0 0 4px;color:#111}
.fsfg-album-comp{font-size:12px;color:var(--gd);font-weight:700;margin:0 0 6px;text-transform:uppercase;letter-spacing:.3px}
.fsfg-album-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#aaa} .fsfg-album-header{margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--g)}
.fsfg-album-h-title{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;margin:0 0 8px;color:#111}
.fsfg-album-h-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#666} .fsfg-media-grid{display:grid;gap:4px}
.fsfg-cols-3{grid-template-columns:repeat(3,1fr)}
.fsfg-cols-4{grid-template-columns:repeat(4,1fr)}
.fsfg-cols-5{grid-template-columns:repeat(5,1fr)}
.fsfg-media-item{position:relative;padding-top:75%;overflow:hidden;background:#111;cursor:pointer}
.fsfg-media-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}
.fsfg-media-item:hover img{transform:scale(1.06);opacity:.85}
.fsfg-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px;color:rgba(255,255,255,.9);text-shadow:0 2px 8px rgba(0,0,0,.5);transition:transform var(--t)}
.fsfg-media-item:hover .fsfg-play-btn{transform:scale(1.15)}
.fsfg-item-legende{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:5px 8px;opacity:0;transition:opacity var(--t)}
.fsfg-media-item:hover .fsfg-item-legende{opacity:1} .fsfg-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:99999;align-items:center;justify-content:center}
.fsfg-lightbox.active{display:flex}
.fsfg-lb-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:2;opacity:.7;transition:opacity var(--t);line-height:1}
.fsfg-lb-close:hover{opacity:1}
.fsfg-lb-prev,.fsfg-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:none;color:#fff;font-size:24px;width:48px;height:64px;cursor:pointer;z-index:2;transition:background var(--t);display:flex;align-items:center;justify-content:center}
.fsfg-lb-prev{left:8px}.fsfg-lb-next{right:8px}
.fsfg-lb-prev:hover,.fsfg-lb-next:hover{background:rgba(255,255,255,.25)}
.fsfg-lb-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:10px}
.fsfg-lb-media img{max-width:90vw;max-height:80vh;object-fit:contain;display:block}
.fsfg-lb-media iframe{width:min(90vw,960px);height:min(80vh,540px);border:none;display:block}
.fsfg-lb-legende{color:rgba(255,255,255,.75);font-size:13px;text-align:center;min-height:18px}
.fsfg-lb-counter{color:rgba(255,255,255,.4);font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:2px}
@media(max-width:768px){.fsfg-cols-4,.fsfg-cols-5{grid-template-columns:repeat(3,1fr)}.fsfg-albums-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.fsfg-cols-3,.fsfg-cols-4,.fsfg-cols-5{grid-template-columns:repeat(2,1fr)}.fsfg-albums-grid{grid-template-columns:1fr}}.fsf-hs-wrap {
position: relative;
width: 100%;
overflow: hidden;
background: #001a10;
font-family: 'Lato', 'Oswald', sans-serif;
user-select: none; height: var(--fsf-hs-height, 560px);
} .fsf-hs-track {
position: relative;
width: 100%;
height: 100%;
} .fsf-hs-slide {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: flex;
align-items: flex-end; opacity: 0;
pointer-events: none;
transition: opacity 0s;
z-index: 1;
}
.fsf-hs-slide.active {
opacity: 1;
pointer-events: auto;
position: absolute; z-index: 2;
} .fsf-hs-bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
z-index: 0;
display: block;
}  .fsf-hs-transition-fade .fsf-hs-slide {
transition: opacity 0.7s ease;
}
.fsf-hs-transition-fade .fsf-hs-slide.active {
opacity: 1;
} .fsf-hs-transition-slide .fsf-hs-track {
display: flex;
}
.fsf-hs-transition-slide .fsf-hs-slide {
flex: 0 0 100%;
opacity: 1;
pointer-events: auto;
position: relative;
transform: translateX(0);
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
} .fsf-hs-transition-zoom .fsf-hs-slide {
transition: opacity 0.8s ease;
}
.fsf-hs-transition-zoom .fsf-hs-slide.active .fsf-hs-bg-img {
animation: fsf-kenburns 8s ease-in-out forwards;
}
@keyframes fsf-kenburns {
0%   { transform: scale(1)    translateX(0); }
100% { transform: scale(1.08) translateX(-1%); }
} .fsf-hs-overlay {
position: absolute;
inset: 0;
z-index: 1;
} .fsf-hs-content {
position: relative;
z-index: 2;
width: 100%;
padding: 0 0 60px 0; }
.fsf-hs-inner {
padding: 0 120px;
max-width: 720px;
animation: fsf-slide-in 0.6s ease both;
}
@keyframes fsf-slide-in {
from { opacity: 0; transform: translateY(24px); }
to   { opacity: 1; transform: translateY(0); }
}
.fsf-hs-slide:not(.active) .fsf-hs-inner { animation: none; } .fsf-hs-cat {
display: inline-block;
background: #E2001A;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 14px;
margin-bottom: 14px;
font-weight: 700;
} .fsf-hs-date {
color: rgba(255,255,255,0.65);
font-size: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 12px;
} .fsf-hs-title {
line-height: 1.1;
font-family: 'Oswald', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin: 0 0 14px;
letter-spacing: 1px;
}
.fsf-hs-title a {
color: inherit;
text-decoration: none;
transition: color 0.2s;
}
.fsf-hs-title a:hover { color: #FDEF00; } .fsf-hs-excerpt {
color: rgba(255,255,255,0.75);
font-size: 15px;
line-height: 1.65;
margin: 0 0 24px;
max-width: 540px;
font-weight: 300;
} .fsf-hs-btn {
display: inline-block;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
padding: 13px 32px;
text-decoration: none;
transition: filter 0.2s, transform 0.2s;
}
.fsf-hs-btn:hover {
filter: brightness(0.88);
transform: translateY(-2px);
color: #fff;
} .fsf-hs-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background: rgba(0,0,0,0.35);
border: 2px solid rgba(255,255,255,0.25);
color: #fff;
width: 48px;
height: 48px;
border-radius: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s, border-color 0.2s, transform 0.2s;
padding: 0;
}
.fsf-hs-arrow:hover {
background: #00843D;
border-color: #00843D;
transform: translateY(-50%) scale(1.08);
}
.fsf-hs-prev { left: 20px; }
.fsf-hs-next { right: 20px; } .fsf-hs-dots {
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: flex;
gap: 8px;
align-items: center;
}
.fsf-hs-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255,255,255,0.35);
border: 2px solid rgba(255,255,255,0.5);
cursor: pointer;
padding: 0;
transition: background 0.2s, transform 0.2s, width 0.25s;
}
.fsf-hs-dot.active {
background: #FDEF00;
border-color: #FDEF00;
width: 28px;
border-radius: 5px;
}
.fsf-hs-dot:hover:not(.active) { background: rgba(255,255,255,0.6); } .fsf-hs-counter {
position: absolute;
bottom: 22px;
right: 24px;
z-index: 10;
font-family: 'Oswald', sans-serif;
font-size: 13px;
color: rgba(255,255,255,0.55);
display: flex;
gap: 3px;
align-items: center;
}
.fsf-hs-current { color: #FDEF00; font-size: 18px; font-weight: 700; } .fsf-hs-progress-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: rgba(255,255,255,0.1);
z-index: 10;
}
.fsf-hs-progress-bar {
height: 100%;
background: linear-gradient(90deg, #00843D, #FDEF00);
width: 0%;
animation: fsf-progress linear forwards;
transform-origin: left;
}
@keyframes fsf-progress {
0%   { width: 0%; }
100% { width: 100%; }
}
.fsf-hs-wrap.paused .fsf-hs-progress-bar { animation-play-state: paused; } .fsf-hs-pause {
position: absolute;
top: 18px;
right: 20px;
z-index: 10;
background: rgba(0,0,0,0.4);
border: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,0.7);
width: 32px;
height: 32px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: background 0.2s;
}
.fsf-hs-pause:hover { background: rgba(0,132,61,0.6); color: #fff; } .fsf-hs-empty {
padding: 40px;
text-align: center;
color: #888;
font-style: italic;
} @media (max-width: 768px) {
.fsf-hs-inner   { margin: 0 20px; padding: 0; }
.fsf-hs-content { padding: 40px 0; }
.fsf-hs-title   { font-size: 28px !important; }
.fsf-hs-excerpt { font-size: 14px; }
.fsf-hs-arrow   { width: 38px; height: 38px; }
.fsf-hs-prev    { left: 10px; }
.fsf-hs-next    { right: 10px; }
.fsf-hs-dots    { bottom: 14px; }
.fsf-hs-counter { bottom: 14px; right: 14px; font-size: 11px; }
.fsf-hs-btn     { padding: 11px 22px; font-size: 13px; }
}
@media (max-width: 480px) {
.fsf-hs-title   { font-size: 22px !important; }
.fsf-hs-excerpt { display: none; }
.fsf-hs-arrow   { display: none; }
} .fsf-hs-arrow:focus-visible,
.fsf-hs-dot:focus-visible,
.fsf-hs-pause:focus-visible {
outline: 3px solid #FDEF00;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.fsf-hs-slide,
.fsf-hs-bg-img,
.fsf-hs-inner  { animation: none !important; transition: none !important; }
}@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Lato:wght@300;400;700&display=swap");
:root {
--fn-vert:  #00843D;
--fn-gd:    #005a2b;
--fn-jaune: #FDEF00;
--fn-rouge: #E2001A;
--fn-bleu:  #1a56db; --fn-t:     .22s ease;
} .fsfn-wrap  { font-family: 'Lato', sans-serif; }
.fsfn-empty { color: #888; font-style: italic; padding: 20px; text-align: center; } .fsfn-ticker-wrap  { display: flex; align-items: center; background: #0d0d0d; overflow: hidden; height: 38px; }
.fsfn-ticker-label { background: var(--fn-rouge); color: #fff; font-family: 'Oswald', sans-serif;
font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
padding: 0 14px; height: 100%; display: flex; align-items: center;
white-space: nowrap; flex-shrink: 0; }
.fsfn-ticker-track { flex: 1; overflow: hidden; }
.fsfn-ticker-inner { display: flex; align-items: center; animation: fsfn-ticker 28s linear infinite; white-space: nowrap; }
.fsfn-ticker-inner:hover { animation-play-state: paused; }
.fsfn-ticker-item  { color: rgba(255,255,255,.85); font-size: 13px; text-decoration: none; padding: 0 18px; transition: color var(--fn-t); }
.fsfn-ticker-item:hover { color: var(--fn-jaune); }
.fsfn-ticker-sep   { color: rgba(255,255,255,.3); font-size: 18px; }
@keyframes fsfn-ticker { from { transform: translateX(0) } to { transform: translateX(-50%) } } .fsfn-filter-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 22px;
padding-bottom: 16px; border-bottom: 2px solid #f0f0f0; }
.fsfn-ftab        { background: none; border: 2px solid #e0e0e0; padding: 7px 16px;
font-family: 'Oswald', sans-serif; font-size: 12px; letter-spacing: 1px;
text-transform: uppercase; cursor: pointer; color: #666; transition: all var(--fn-t); }
.fsfn-ftab:hover  { border-color: var(--fn-vert); color: var(--fn-vert); }
.fsfn-ftab.active { background: var(--fn-vert); border-color: var(--fn-vert); color: #fff; } .fsfn-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 22px; } .fsfn-card-article { background: #fff; border: 1px solid #e5e5e5; overflow: hidden;
display: flex; flex-direction: column;
transition: box-shadow .25s, transform .25s; }
.fsfn-card-article:hover { box-shadow: 0 12px 32px rgba(0,0,0,.12); transform: translateY(-3px); }
.fsfn-card-photo-link { display: block; text-decoration: none; } .fsfn-card-photo      { position: relative; padding-top: 62%; overflow: hidden; background: #1a1a1a; }
.fsfn-card-photo img  { position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; transition: transform .45s ease; }
.fsfn-card-article:hover .fsfn-card-photo img { transform: scale(1.05); }
.fsfn-photo-fallback  { position: absolute; inset: 0; display: flex; align-items: center;
justify-content: center; font-size: 40px; background: #f5f5f5; }  .fsfn-card-overlay {
position:       absolute;
left:  0; right: 0;
z-index:        2;
display:        flex;
flex-direction: column;
gap:            5px;
padding:        14px 14px;
transition:     opacity .3s;
} .fsfn-overlay-badges {
display:   flex;
gap:       6px;
flex-wrap: wrap;
} .fsfn-overlay-top {
top: 0;
padding-bottom: 36px; background: linear-gradient(
to bottom,
var(--fn-overlay-color, rgba(0,0,0,.80)) 0%,
rgba(0,0,0,.40) 60%,
transparent 100%
);
} .fsfn-overlay-bottom {
bottom: 0;
padding-top: 36px; justify-content: flex-end;
background: linear-gradient(
to top,
var(--fn-overlay-color, rgba(0,0,0,.80)) 0%,
rgba(0,0,0,.40) 60%,
transparent 100%
);
} .fsfn-card-overlay .fsfn-card-title-text {
font-family: 'Oswald', sans-serif;
font-size:   16px;
font-weight: 700;
line-height: 1.35;
margin:      0;
color:       var(--fn-overlay-title-color, #fff);
text-shadow: 0 1px 5px rgba(0,0,0,.6);
display:            -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow:    hidden;
} .fsfn-card-title-below {
font-family: 'Oswald', sans-serif;
font-size:   16px;
font-weight: 700;
line-height: 1.3;
margin:      0;
}
.fsfn-card-title-below a {
color:           #111;
text-decoration: none;
transition:      color var(--fn-t);
}
.fsfn-card-title-below a:hover { color: var(--fn-vert); } .fsfn-title-below .fsfn-badge-breaking,
.fsfn-title-below .fsfn-badge-une {
position:       absolute;
top:            10px;
left:           0;
z-index:        3;
}
.fsfn-badge-breaking,
.fsfn-badge-une {
font-family:    'Oswald', sans-serif;
font-size:      10px;
letter-spacing: 1px;
text-transform: uppercase;
padding:        3px 9px;
display:        inline-block;
}
.fsfn-badge-breaking { background: var(--fn-rouge); color: #fff; }
.fsfn-badge-une      { background: #d97706;          color: #fff; } .fsfn-badge-cat {
position:       absolute;
bottom:         10px; right: 10px;
z-index:        3;
font-family:    'Oswald', sans-serif;
font-size:      10px;
letter-spacing: 1px;
text-transform: uppercase;
padding:        4px 9px;
background:     rgba(0,0,0,.6);
color:          #fff;
} .fsfn-card-body    { padding: 14px 16px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.fsfn-card-excerpt { font-size: 13px; color: #555; line-height: 1.6; margin: 0; flex: 1; }
.fsfn-card-meta    { display: flex; gap: 12px; flex-wrap: wrap; font-size: 11px; color: #aaa;
padding-top: 8px; border-top: 1px solid #f0f0f0; margin-top: auto; } .fsfn-title-overlay-top .fsfn-card-body,
.fsfn-title-overlay-bottom .fsfn-card-body {
padding-top: 10px;
} .fsfn-une         { display: block; position: relative; text-decoration: none; overflow: hidden; min-height: 480px; }
.fsfn-une-photo   { position: absolute; inset: 0; }
.fsfn-une-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.fsfn-une:hover .fsfn-une-photo img { transform: scale(1.03); }
.fsfn-une-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 50%, transparent 100%); }
.fsfn-une-content { position: relative; display: flex; flex-direction: column; justify-content: flex-end;
height: 100%; min-height: 480px; padding: 32px 36px; color: #fff; }
.fsfn-une-cat     { font-family: 'Oswald', sans-serif; font-size: 11px; letter-spacing: 2px;
text-transform: uppercase; background: var(--fn-vert); padding: 4px 12px;
display: inline-block; align-self: flex-start; margin-bottom: 12px; }
.fsfn-une-title   { font-family: 'Oswald', sans-serif; font-size: 36px; font-weight: 700;
line-height: 1.2; margin: 0 0 12px; color: #fff; max-width: 700px; }
.fsfn-une-excerpt { font-size: 16px; opacity: .85; line-height: 1.6; margin: 0 0 14px; max-width: 600px; }
.fsfn-une-meta    { display: flex; gap: 16px; font-size: 12px; opacity: .7; margin-bottom: 16px; flex-wrap: wrap; }
.fsfn-une-btn     { display: inline-block; font-family: 'Oswald', sans-serif; font-size: 12px;
letter-spacing: 2px; text-transform: uppercase; border: 2px solid rgba(255,255,255,.6);
padding: 8px 20px; transition: all var(--fn-t); align-self: flex-start; }
.fsfn-une:hover .fsfn-une-btn { background: #fff; color: #111; border-color: #fff; } .fsfn-highlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.fsfn-hl-card     { position: relative; min-height: 220px; background-size: cover; background-position: center; overflow: hidden; }
.fsfn-hl-overlay  { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 60%); }
.fsfn-hl-content  { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 18px; z-index: 1; }
.fsfn-hl-content h3 { margin: 6px 0 4px; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.3; }
.fsfn-hl-content h3 a { color: #fff; text-decoration: none; }
.fsfn-hl-content h3 a:hover { color: var(--fn-jaune); }
.fsfn-hl-date     { font-size: 11px; color: rgba(255,255,255,.6); } .fsfn-sidebar-actus {
font-family: 'Lato', sans-serif;
width: 100%;
} .fsfn-sidebar-title {
font-family:    'Oswald', sans-serif;
font-size:      13px;
font-weight:    700;
text-transform: uppercase;
letter-spacing: 1.5px;
color:          var(--fn-gd);
padding-bottom: 8px;
border-bottom:  3px solid var(--fn-vert);
margin:         0 0 4px;
}  .fsfn-sidebar-list { display: flex; flex-direction: column; }
.fsfn-si {
display:        flex;
flex-direction: row; align-items:    flex-start;
gap:            14px;
padding:        14px 0;
border-bottom:  1px solid #ebebeb;
text-decoration: none;
}
.fsfn-si:last-child { border-bottom: none; } .fsfn-si-img-link {
display:         block;
flex:            0 0 110px;
width:           110px;
height:          80px;
overflow:        hidden;
border-radius:   4px;
text-decoration: none;
background:      #e8e8e8;
}
.fsfn-si-img-link img {
display:    block;
width:      100%;
height:     100%;
object-fit: cover;
transition: transform .35s ease;
}
.fsfn-si:hover .fsfn-si-img-link img { transform: scale(1.07); } .fsfn-si-no-img {
flex:            0 0 110px;
width:           110px;
height:          80px;
background:      #f0f0f0;
display:         flex;
align-items:     center;
justify-content: center;
font-size:       26px;
border-radius:   4px;
flex-shrink:     0;
} .fsfn-si-body {
flex:            1;
min-width:       0;
display:         flex;
flex-direction:  column;
justify-content: flex-start;
gap:             5px;
padding-top:     2px;
} .fsfn-si-cat {
display:         inline-block;
background:      var(--fn-vert, #00843D);
color:           #fff;
font-size:       10px;
font-weight:     700;
letter-spacing:  .8px;
padding:         2px 8px;
border-radius:   2px;
text-decoration: none;
text-transform:  uppercase;
align-self:      flex-start;
transition:      opacity .2s;
}
.fsfn-si-cat:hover { opacity: .85; } .fsfn-si-title {
font-family:        'Lato', sans-serif;
font-size:          14px;
font-weight:        700;
line-height:        1.45;
color:              #1a2e5a;
text-decoration:    none;
display:            -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow:           hidden;
transition:         color var(--fn-t, .2s);
}
.fsfn-si-title:hover { color: var(--fn-vert, #00843D); } .fsfn-si-date {
font-size:   12px;
color:       #999;
white-space: nowrap;
}  @media (max-width: 900px) and (min-width: 769px) {
.fsfn-une-title       { font-size: 26px; }
.fsfn-une-content     { padding: 20px; }
.fsfn-grid            { grid-template-columns: 1fr 1fr; }
.fsfn-highlight-grid  { grid-template-columns: 1fr 1fr; }
.fsfn-card-title-text { font-size: 14px; }
.fsfn-si-img-link     { flex: 0 0 100px; width: 100px; height: 72px; }
.fsfn-si-img-link img { width: 100%; height: 100%; }
.fsfn-si-no-img       { flex: 0 0 100px; width: 100px; height: 72px; }
} @media (max-width: 768px) { .fsfn-grid,
.fsfn-grid[data-pos]          { grid-template-columns: 1fr !important; }
.fsfn-highlight-grid          { grid-template-columns: 1fr !important; } .fsfn-une                     { min-height: 280px; }
.fsfn-une-content             { min-height: 280px; padding: 20px 16px; }
.fsfn-une-title               { font-size: 20px; }
.fsfn-une-excerpt             { font-size: 14px; margin-bottom: 10px; } .fsfn-filter-tabs             { gap: 5px; margin-bottom: 16px; }
.fsfn-ftab                    { padding: 6px 12px; font-size: 11px; } .fsfn-card-photo              { padding-top: 56%; }
.fsfn-card-title-text         { font-size: 14px !important; }
.fsfn-card-body               { padding: 12px 14px; }
.fsfn-card-excerpt            { font-size: 13px; } .fsfn-hl-card                 { min-height: 180px; } .fsfn-si-img-link             { flex: 0 0 88px; width: 88px; height: 64px; }
.fsfn-si-img-link img         { width: 100%; height: 100%; }
.fsfn-si-no-img               { flex: 0 0 88px; width: 88px; height: 64px; }
.fsfn-si-title                { font-size: 13px; }
.fsfn-si-date                 { font-size: 11px; }
} .fsfn-admin h1         { margin-bottom: 16px; }
.fsfn-stat-row         { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.fsfn-stat             { flex: 1; min-width: 120px; background: #fff; border: 1px solid #ddd;
padding: 14px 16px; border-top: 4px solid var(--fn-vert);
display: flex; flex-direction: column; align-items: center; gap: 3px; }
.fsfn-stat-draft       { border-top-color: #888; }
.fsfn-stat-featured    { border-top-color: #d97706; }
.fsfn-stat-breaking    { border-top-color: var(--fn-rouge); }
.fsfn-sn               { font-family: 'Georgia', serif; font-size: 36px; font-weight: 700;
color: var(--fn-gd); line-height: 1; }
.fsfn-dash-grid        { display: grid; grid-template-columns: 1fr 340px; gap: 18px; align-items: start; }
.fsfn-card             { background: #fff; border: 1px solid #ddd; padding: 16px 18px; border-top: 3px solid var(--fn-vert); }
.fsfn-card-title       { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px;
color: var(--fn-gd); padding-bottom: 8px; border-bottom: 1px solid #eee; margin: 0 0 12px; }
.fsfn-field            { margin-bottom: 12px; }
.fsfn-field label      { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase;
letter-spacing: .4px; color: #444; margin-bottom: 4px; }  .fsfn-card-top-overlay {
position: absolute;
left:  0; right:  0;
padding: 14px 14px 40px;
z-index: 3;
pointer-events: none;
} .fsfn-card-top-overlay .fsfn-card-title-text {
margin:      0;
color:       #fff;
text-shadow: 0 1px 4px rgba(0,0,0,.55);
} .fsfn-card-title-below { display: none; } .fsfn-tp-overlay_top  .fsfn-card-top-overlay { top: 0; bottom: auto; }
.fsfn-tp-overlay_top  .fsfn-card-title-below { display: none; } .fsfn-tp-overlay_bottom .fsfn-card-top-overlay { top: auto; bottom: 0; padding: 40px 14px 14px; }
.fsfn-tp-overlay_bottom .fsfn-card-title-below { display: none; } .fsfn-tp-below .fsfn-card-top-overlay           { display: none; }
.fsfn-tp-below .fsfn-card-title-below           { display: block; }
.fsfn-tp-below .fsfn-card-title-below a         { color: #111; text-decoration: none; }
.fsfn-tp-below .fsfn-card-title-below a:hover   { color: var(--fn-vert); }@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700;800&family=Lato:wght@300;400;700;900&family=Montserrat:wght@300;400;600;700;800;900&family=Raleway:wght@300;400;600;700;800;900&display=swap"); .fsft-title-wrap {
position: relative;
display:  block;
} .fsft-title {
margin: 0;
padding: 0;
line-height: 1.2;
} .fsft-accent {
display: inline;
} .fsft-subtitle {
margin: 8px 0 0;
line-height: 1.6;
font-family: 'Lato', sans-serif;
}  .fsft-deco-bar {
display: block;
border-radius: 2px;
} .fsft-deco-dots {
display: flex;
align-items: center;
} .fsft-deco-line {
display: flex;
align-items: center;
gap: 10px;
} .fsft-deco-zigzag {
display: block;
} .fsft-anim {
opacity: 0;
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fsft-anim.fsft-visible {
opacity: 1;
transform: none !important;
}
.fsft-anim-fade-in    { opacity: 0; }
.fsft-anim-fade-up    { opacity: 0; transform: translateY(24px); }
.fsft-anim-slide-left { opacity: 0; transform: translateX(-30px); }
.fsft-anim-slide-right{ opacity: 0; transform: translateX(30px); }
.fsft-anim-zoom       { opacity: 0; transform: scale(0.88); } @media (max-width: 768px) {
.fsft-title {
font-size: clamp(18px, 5vw, 100px) !important;
letter-spacing: max(0px, var(--fsft-ls, 1px)) !important;
}
}@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Lato:wght@300;400;700;900&display=swap");
:root {
--fsfs-vert:   #00843D;
--fsfs-gd:     #005a2b;
--fsfs-jaune:  #FDEF00;
--fsfs-rouge:  #E2001A;
--fsfs-bleu:   #1a3a6e;
--fsfs-noir:   #0d0d0d;
--fsfs-gris:   #f2f2f2;
--fsfs-t: .25s cubic-bezier(.4,0,.2,1);
}
.fsfs-wrap { font-family:'Lato',sans-serif; color:var(--fsfs-noir); }
.fsfs-no-content { color:#888; font-style:italic; padding:20px; text-align:center; } .fsfs-squad-header {
display:flex; align-items:center; gap:16px;
padding:20px 24px;
background:linear-gradient(135deg, var(--sc, var(--fsfs-gd)) 0%, color-mix(in srgb, var(--sc, var(--fsfs-gd)) 70%, #000) 100%);
margin-bottom:0;
position:relative; overflow:hidden;
}
.fsfs-squad-header::before {
content:''; position:absolute; right:-40px; top:-40px;
width:200px; height:200px; border-radius:50%;
background:rgba(255,255,255,.06);
}
.fsfs-squad-flag { font-size:40px; line-height:1; }
.fsfs-squad-title {
font-family:'Oswald',sans-serif; font-size:22px; font-weight:700;
color:#fff; text-transform:uppercase; letter-spacing:2px; margin:0;
}
.fsfs-squad-sub {
font-size:12px; color:rgba(255,255,255,.6);
letter-spacing:1px; text-transform:uppercase;
} .fsfs-position-group { margin-bottom:36px; }
.fsfs-pg-label {
display:flex; align-items:center; gap:12px;
padding:10px 0; margin-bottom:16px;
border-bottom:2px solid var(--sc, var(--fsfs-gd));
}
.fsfs-pg-label span {
font-family:'Oswald',sans-serif; font-size:13px; font-weight:700;
letter-spacing:3px; text-transform:uppercase;
color:var(--sc, var(--fsfs-gd));
padding:6px 16px;
border-left:4px solid var(--sc, var(--fsfs-gd));
} .fsfs-players-grid-front {
display:grid;
grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
gap:16px;
} .fsfs-player-card {
background:#fff;
border:1px solid #e5e5e5;
overflow:hidden;
transition:box-shadow var(--fsfs-t), transform var(--fsfs-t);
cursor:default;
}
.fsfs-player-card:hover {
box-shadow:0 16px 40px rgba(0,0,0,.12);
transform:translateY(-4px);
}
.fsfs-pc-inactive { opacity:.65; filter:grayscale(.4); } .fsfs-pc-photo-wrap {
position:relative;
padding-top:120%; background:linear-gradient(160deg, color-mix(in srgb, var(--pc, var(--fsfs-gd)) 15%, #fff) 0%, #e8e8e8 100%);
overflow:hidden;
}
.fsfs-pc-photo {
position:absolute; inset:0;
width:100%; height:100%;
object-fit:cover; object-position:top center;
transition:transform .4s ease;
}
.fsfs-player-card:hover .fsfs-pc-photo { transform:scale(1.04); } .fsfs-pc-num {
position:absolute; top:10px; left:10px;
width:30px; height:30px; border-radius:50%;
font-family:'Oswald',sans-serif; font-size:14px; font-weight:700;
color:#fff; display:flex; align-items:center; justify-content:center;
box-shadow:0 2px 8px rgba(0,0,0,.3);
z-index:2;
} .fsfs-pc-status-overlay {
position:absolute; bottom:0; left:0; right:0;
background:rgba(0,0,0,.7); color:#fff;
font-family:'Oswald',sans-serif; font-size:10px; letter-spacing:1px;
text-transform:uppercase; padding:5px; text-align:center;
} .fsfs-pc-body { padding:12px 14px; }
.fsfs-pc-name { line-height:1.2; margin-bottom:8px; }
.fsfs-pc-prenom { display:block; font-size:12px; color:#888; }
.fsfs-pc-nom { display:block; font-family:'Oswald',sans-serif; font-size:16px; font-weight:700; color:var(--fsfs-noir); }
.fsfs-pc-details { margin-bottom:8px; }
.fsfs-pc-poste { display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:5px; }
.fsfs-pc-club {
display:flex; align-items:center; gap:5px;
font-size:12px; color:#666;
}
.fsfs-pc-club-logo { width:16px; height:16px; object-fit:contain; }
.fsfs-pc-stats {
display:flex; gap:8px; flex-wrap:wrap;
font-size:11px; color:#888; padding-top:8px;
border-top:1px solid #f0f0f0;
} .fsfs-staff-grid {
display:grid;
grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
gap:16px;
margin-top:0;
}
.fsfs-staff-card {
background:#fff;
border:1px solid #e5e5e5;
overflow:hidden;
transition:box-shadow var(--fsfs-t), transform var(--fsfs-t);
}
.fsfs-staff-card:hover {
box-shadow:0 10px 28px rgba(0,0,0,.10);
transform:translateY(-3px);
}
.fsfs-sc-photo {
height:160px; overflow:hidden;
background:linear-gradient(160deg, color-mix(in srgb, var(--sc, var(--fsfs-gd)) 12%, #fff), #e8e8e8);
}
.fsfs-sc-photo img {
width:100%; height:100%; object-fit:cover; object-position:top center;
transition:transform .4s ease;
}
.fsfs-staff-card:hover .fsfs-sc-photo img { transform:scale(1.04); }
.fsfs-sc-info { padding:12px 14px; }
.fsfs-sc-role {
font-family:'Oswald',sans-serif; font-size:10px; letter-spacing:1.5px;
text-transform:uppercase; color:#fff; padding:3px 8px;
display:inline-block; margin-bottom:8px;
}
.fsfs-sc-name { line-height:1.2; margin-bottom:4px; }
.fsfs-sc-name span { display:block; font-size:12px; color:#888; }
.fsfs-sc-name strong { font-family:'Oswald',sans-serif; font-size:15px; font-weight:700; }
.fsfs-sc-nat { font-size:11px; color:#999; }
.fsfs-sc-since { font-size:11px; color:#999; margin-top:2px; } .fsfs-profile-page { background:#f4f4f4; } .fsfs-profile-hero {
display:grid;
grid-template-columns:280px 1fr;
background:linear-gradient(135deg, var(--sc, var(--fsfs-gd)) 0%, color-mix(in srgb, var(--sc, var(--fsfs-gd)) 60%, #000) 100%);
min-height:380px;
position:relative; overflow:hidden;
}
.fsfs-profile-hero::after {
content:'🇸🇳';
position:absolute; right:24px; bottom:16px;
font-size:80px; opacity:.08; pointer-events:none;
} .fsfs-ph-photo-wrap {
display:flex; align-items:flex-end; justify-content:center;
padding:0 0 0 24px;
}
.fsfs-ph-photo {
position:relative; width:240px; flex-shrink:0;
align-self:flex-end;
}
.fsfs-ph-photo img {
width:100%; display:block;
object-fit:cover; object-position:top;
max-height:360px;
filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));
}
.fsfs-ph-num {
position:absolute; bottom:12px; right:-12px;
width:48px; height:48px; border-radius:50%;
font-family:'Oswald',sans-serif; font-size:22px; font-weight:700;
color:#fff; display:flex; align-items:center; justify-content:center;
border:3px solid rgba(255,255,255,.3);
box-shadow:0 4px 12px rgba(0,0,0,.3);
} .fsfs-ph-info {
padding:32px 32px 32px 24px;
display:flex; flex-direction:column; justify-content:flex-end; gap:12px;
color:#fff;
}
.fsfs-ph-sel {
font-family:'Oswald',sans-serif; font-size:11px; letter-spacing:3px;
text-transform:uppercase; opacity:.85;
}
.fsfs-ph-name { margin:0; }
.fsfs-ph-prenom { display:block; font-size:18px; font-weight:300; opacity:.85; }
.fsfs-ph-nom {
display:block;
font-family:'Oswald',sans-serif; font-size:48px; font-weight:700;
letter-spacing:2px; text-transform:uppercase; line-height:1;
}
.fsfs-ph-poste {
display:inline-block;
font-family:'Oswald',sans-serif; font-size:12px; letter-spacing:2px;
text-transform:uppercase; color:#fff;
padding:5px 14px; align-self:flex-start;
} .fsfs-ph-quick-stats {
display:flex; gap:20px; flex-wrap:wrap;
}
.fsfs-qs { display:flex; flex-direction:column; align-items:center; gap:2px; }
.fsfs-qs-val {
font-family:'Oswald',sans-serif; font-size:32px; font-weight:700;
color:var(--fsfs-jaune); line-height:1;
}
.fsfs-qs-lbl { font-size:10px; letter-spacing:2px; text-transform:uppercase; opacity:.65; } .fsfs-profile-body {
display:grid; grid-template-columns:1fr 300px; gap:24px;
padding:28px; max-width:1200px; margin:0 auto;
}
.fsfs-profile-section { margin-bottom:24px; }
.fsfs-profile-section h3 {
font-family:'Oswald',sans-serif; font-size:14px; letter-spacing:2px;
text-transform:uppercase; color:var(--fsfs-gd);
margin:0 0 12px; padding-bottom:8px; border-bottom:2px solid var(--fsfs-gd);
}
.fsfs-profile-bio { font-size:15px; line-height:1.7; color:#444; } .fsfs-info-grid { display:flex; flex-direction:column; gap:0; }
.fsfs-info-row {
display:flex; justify-content:space-between; align-items:center;
padding:9px 0; border-bottom:1px solid #f0f0f0; font-size:14px;
}
.fsfs-info-lbl { color:#888; }
.fsfs-info-val { font-weight:700; color:#222; text-align:right; } .fsfs-profile-club, .fsfs-profile-intl, .fsfs-profile-social {
background:#fff; padding:16px; margin-bottom:14px; border:1px solid #e5e5e5;
border-left:4px solid var(--fsfs-gd);
}
.fsfs-profile-club h4, .fsfs-profile-intl h4, .fsfs-profile-social h4 {
font-family:'Oswald',sans-serif; font-size:11px; letter-spacing:2px;
text-transform:uppercase; color:var(--fsfs-gd); margin:0 0 10px;
}
.fsfs-club-card { display:flex; align-items:center; gap:12px; }
.fsfs-club-logo { width:40px; height:40px; object-fit:contain; }
.fsfs-club-card strong { font-size:15px; font-weight:700; }
.fsfs-club-card small { color:#888; font-size:12px; }
.fsfs-intl-stats { display:flex; flex-direction:column; gap:0; }
.fsfs-is-row {
display:flex; justify-content:space-between;
padding:6px 0; border-bottom:1px solid #f5f5f5; font-size:13px;
}
.fsfs-is-row strong { font-family:'Oswald',sans-serif; font-size:18px; color:var(--fsfs-rouge); } .fsfs-social-link {
display:flex; align-items:center; gap:8px;
font-size:13px; color:#111; text-decoration:none;
padding:6px 0; border-bottom:1px solid #f5f5f5;
transition:color var(--fsfs-t);
}
.fsfs-social-link:hover { color:var(--fsfs-gd); } @media(max-width:768px) {
.fsfs-profile-hero { grid-template-columns:1fr; }
.fsfs-ph-photo-wrap { display:none; }
.fsfs-ph-nom { font-size:32px; }
.fsfs-profile-body { grid-template-columns:1fr; padding:16px; }
.fsfs-players-grid-front { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
.fsfs-staff-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; }
}
@media(max-width:480px) {
.fsfs-players-grid-front { grid-template-columns:repeat(2,1fr); }
.fsfs-staff-grid { grid-template-columns:repeat(2,1fr); }
.fsfs-ph-quick-stats { gap:12px; }
.fsfs-qs-val { font-size:24px; }
}:root {
--fsfm-vert:  #00843D;
--fsfm-gd:    #005a2b;
--fsfm-jaune: #FDEF00;
--fsfm-rouge: #E2001A;
--fsfm-rd:    #aa0013;
--t:          .2s ease;
}
.fsfm-wrap { font-family: 'Lato', sans-serif; } .fsfm-tabs {
display: flex;
border-bottom: 3px solid var(--fsfm-vert);
margin-bottom: 20px;
}
.fsfm-tab {
background: none; border: none;
padding: 12px 28px;
font-family: 'Oswald', sans-serif; font-size: 14px;
letter-spacing: 1.5px; text-transform: uppercase;
cursor: pointer; color: #777;
border-bottom: 3px solid transparent; margin-bottom: -3px;
transition: color var(--t), border-color var(--t);
}
.fsfm-tab:hover         { color: var(--fsfm-vert); }
.fsfm-tab.active        { color: var(--fsfm-vert); border-bottom-color: var(--fsfm-vert); font-weight: 700; } .fsfm-tab-panel        { display: none !important; }
.fsfm-tab-panel.active  { display: block !important; } .fsfm-comp-link { text-align: right; padding-top: 14px; margin-top: 8px; border-top: 1px solid #eee; }
.fsfm-comp-link-btn {
display: inline-flex; align-items: center; gap: 4px;
font-family: 'Oswald', sans-serif; font-size: 13px;
letter-spacing: 1.2px; text-transform: uppercase;
color: var(--fsfm-vert) !important; text-decoration: none;
border-bottom: 2px solid transparent; padding-bottom: 2px;
transition: border-color var(--t);
}
.fsfm-comp-link-btn:hover { border-bottom-color: var(--fsfm-vert); } .fsfm-match-card {
background: #fff; border: 1px solid #e8e8e8; margin-bottom: 12px;
border-left: 4px solid var(--fsfm-comp-accent, var(--fsfm-vert));
transition: box-shadow var(--t);
}
.fsfm-match-card:hover              { box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.fsfm-match-card.fsfm-mc-live      { border-left-color: var(--fsfm-rouge); }
.fsfm-match-card.fsfm-mc-mi_temps  { border-left-color: var(--fsfm-rouge); }
.fsfm-match-card.fsfm-mc-programme { border-left-color: var(--fsfm-comp-accent, var(--fsfm-vert)); }
.fsfm-match-card.fsfm-mc-reporte   { border-left-color: #999; }
.fsfm-match-card.fsfm-mc-annule    { border-left-color: #ccc; opacity: .7; } .fsfm-mc-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 9px 14px 9px 18px;
background: #f8f8f8;
border-bottom: 1px solid #eee;
gap: 12px;
} .fsfm-mc-info {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0; flex: 1;
} .fsfm-mc-competition {
font-family: 'Oswald', sans-serif;
font-size: 11px;
font-weight: 700;
color: var(--fsfm-gd);
text-transform: uppercase;
letter-spacing: .8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.fsfm-mc-journee {
color: #888;
font-style: normal;
font-weight: 400;
} .fsfm-mc-date {
font-size: 11px;
color: #777;
letter-spacing: .4px;
white-space: nowrap;
line-height: 1.3;
} .fsfm-mc-comp-link {
flex-shrink: 0;
display: inline-flex;
align-items: center;
font-family: 'Oswald', sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--fsfm-vert) !important;
text-decoration: none;
border: 1.5px solid var(--fsfm-vert);
padding: 3px 10px;
white-space: nowrap;
line-height: 1;
transition: background var(--t), color var(--t);
}
.fsfm-mc-comp-link:hover {
background: var(--fsfm-vert);
color: #fff !important;
}  .fsfm-mc-body {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
padding: 16px 18px;
gap: 8px;
} .fsfm-mc-team {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
} .fsfm-mc-dom {
justify-content: flex-end;
text-align: right;
} .fsfm-mc-ext {
justify-content: flex-end;
text-align: left;
flex-direction: row-reverse;
}
.fsfm-mc-flag  { font-size: 28px; line-height: 1; flex-shrink: 0; }
.fsfm-mc-logo  { width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; }
.fsfm-mc-team-name {
font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 700;
color: #111; overflow-wrap: break-word; word-break: break-word;
white-space: normal;
line-height: 1.2;
} .fsfm-mc-team-name.fsfm-mc-winner {
color: var(--fsfm-comp-accent, var(--fsfm-vert));
font-size: 18px;
} .fsfm-mc-score-block {
text-align: center;
padding: 0 14px;
display: flex; flex-direction: column; align-items: center; gap: 4px;
flex-shrink: 0;
min-width: 100px;
}
.fsfm-mc-score {
display: flex; align-items: center; gap: 4px;
font-family: 'Oswald', sans-serif; font-size: 32px; font-weight: 700;
}
.fsfm-mc-score .s-dom,
.fsfm-mc-score .s-ext { color: var(--fsfm-gd); }
.fsfm-mc-score .s-dom.s-winner,
.fsfm-mc-score .s-ext.s-winner {
color: var(--fsfm-comp-accent, var(--fsfm-vert));
font-size: 36px;
}
.fsfm-mc-score .s-sep { color: #ccc; }
.fsfm-mc-kickoff {
font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 700;
color: var(--fsfm-rd); white-space: nowrap;
}
.fsfm-mc-halftime { font-size: 11px; color: #888; margin-top: 2px; } .fsfm-mc-ap {
font-size: 10px; font-style: italic; color: #888;
letter-spacing: .5px; margin-top: 2px;
} .fsfm-mc-tab {
display: flex; align-items: center; justify-content: center;
gap: 5px; margin-top: 5px;
background: #fff8e7; border: 1.5px solid #f59e0b;
border-radius: 4px; padding: 4px 10px;
}
.fsfm-mc-ap-inline {
font-size: 9px; font-style: italic; color: #888;
letter-spacing: .3px; margin-right: 2px;
}
.fsfm-mc-tab-label {
font-size: 9px; font-weight: 800; letter-spacing: 1.5px;
text-transform: uppercase; color: #92400e;
margin: 0 2px;
}
.fsfm-mc-tab-score {
font-family: 'Oswald', sans-serif;
font-size: 16px; font-weight: 700;
color: #b45309;
}
.fsfm-mc-tab-score.tab-winner {
font-size: 20px;
color: var(--fsfm-comp-accent, var(--fsfm-vert));
}
.fsfm-mc-statut {
font-family: 'Oswald', sans-serif; font-size: 10px; letter-spacing: 1.5px;
text-transform: uppercase; padding: 3px 10px;
background: #f0f0f0; color: #666; font-weight: 700;
white-space: nowrap;
}
.fsfm-mc-statut.is-live { background: var(--fsfm-rouge); color: #fff; animation: fsfm-blink 1.2s infinite; }
@keyframes fsfm-blink { 0%,100%{ opacity:1 } 50%{ opacity:.55 } } .fsfm-mc-footer {
display: flex; justify-content: space-between; align-items: center;
padding: 8px 18px; background: #fafafa; border-top: 1px solid #eee; font-size: 12px;
}
.fsfm-mc-venue { color: #888; }
.fsfm-mc-links { display: flex; gap: 8px; }
.fsfm-link-live   { background: var(--fsfm-rouge); color: #fff !important; padding: 3px 10px; font-family: 'Oswald', sans-serif; font-size: 10px; letter-spacing: 1px; text-decoration: none; }
.fsfm-link-ticket { background: var(--fsfm-vert);  color: #fff !important; padding: 3px 10px; font-family: 'Oswald', sans-serif; font-size: 10px; letter-spacing: 1px; text-decoration: none; }
.fsfm-link-report { background: #555;              color: #fff !important; padding: 3px 10px; font-family: 'Oswald', sans-serif; font-size: 10px; letter-spacing: 1px; text-decoration: none; }
.fsfm-link-live:hover, .fsfm-link-ticket:hover, .fsfm-link-report:hover { opacity: .85; } .fsfm-standings-block  { margin-bottom: 32px; }
.fsfm-standings-header { background: var(--fsfm-gd); padding: 12px 16px; }
.fsfm-standings-title  {
font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 700;
color: var(--fsfm-jaune); letter-spacing: 1px; text-transform: uppercase;
}
.fsfm-standings-table-front { width: 100%; border-collapse: collapse; font-size: 13px; }
.fsfm-standings-table-front thead th {
background: var(--fsfm-gd); color: var(--fsfm-jaune);
font-family: 'Oswald', sans-serif; font-size: 11px; letter-spacing: 1.5px;
text-transform: uppercase; padding: 10px 12px; text-align: center; cursor: help;
}
.fsfm-standings-table-front .col-equipe { text-align: left; }
.fsfm-standings-table-front td { padding: 11px 12px; border-bottom: 1px solid #eee; text-align: center; }
.fsfm-standings-table-front tbody tr:hover td       { background: #f0f9f4; }
.fsfm-standings-table-front tr.leader td            { background: #fffce0; font-weight: 700; }
.fsfm-standings-table-front tr.qualification td     { background: #f0f9f4; }
.fsfm-standings-table-front .pos-num  { font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 700; color: var(--fsfm-gd); }
.fsfm-standings-table-front .col-equipe { min-width: 160px; }
.fsfm-standings-table-front .eq-flag { font-size: 20px; margin-right: 8px; }
.fsfm-standings-table-front .eq-name { font-weight: 600; }
.fsfm-standings-table-front .col-pts strong { font-family: 'Oswald', sans-serif; font-size: 17px; color: var(--fsfm-rouge); }
.fsfm-standings-table-front .db-pos { color: var(--fsfm-vert); font-weight: 700; }
.fsfm-standings-table-front .db-neg { color: var(--fsfm-rouge); }
.col-forme { min-width: 80px; }
.fb { display: inline-block; width: 16px; height: 16px; border-radius: 50%; font-size: 9px; font-weight: 700; line-height: 16px; text-align: center; margin: 0 1px; }
.fv { background: #00843D; color: #fff; }
.fn { background: #888;    color: #fff; }
.fd { background: #E2001A; color: #fff; } .fsfm-next-match     { background: linear-gradient(135deg, var(--fsfm-gd) 0%, #001a10 100%); padding: 28px; color: #fff; text-align: center; }
.fsfm-nm-competition { font-family: 'Oswald', sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 18px; }
.fsfm-nm-competition span { color: rgba(255,255,255,.4); }
.fsfm-nm-teams  { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 16px; }
.fsfm-nm-team   { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.fsfm-nm-flag   { font-size: 48px; }
.fsfm-nm-name   { font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.fsfm-nm-vs     { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700; color: rgba(255,255,255,.4); }
.fsfm-nm-meta   { display: flex; justify-content: center; gap: 20px; font-size: 12px; color: rgba(255,255,255,.6); margin-bottom: 20px; flex-wrap: wrap; }
.fsfm-countdown { display: flex; justify-content: center; align-items: center; gap: 4px; margin-bottom: 20px; }
.fsfm-cd-unit   { text-align: center; min-width: 64px; }
.fsfm-cd-val    { display: block; font-family: 'Oswald', sans-serif; font-size: 42px; font-weight: 700; color: var(--fsfm-jaune); line-height: 1; }
.fsfm-cd-label  { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.5); }
.fsfm-cd-sep    { font-family: 'Oswald', sans-serif; font-size: 36px; font-weight: 700; color: rgba(255,255,255,.2); align-self: flex-start; margin-top: 4px; }
.fsfm-nm-ticket { display: inline-block; background: var(--fsfm-rouge); color: #fff !important; font-family: 'Oswald', sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; padding: 12px 28px; text-decoration: none; margin-top: 4px; transition: background var(--t); }
.fsfm-nm-ticket:hover { background: var(--fsfm-rd); }
.fsfm-no-content { color: #888; font-style: italic; padding: 20px; text-align: center; } .fsfm-match-list { display: grid; gap: 0; grid-template-columns: 1fr; }
.fsfm-match-list.fsfm-cols-1 { grid-template-columns: 1fr; }
.fsfm-match-list.fsfm-cols-2 { grid-template-columns: 1fr 1fr; gap: 12px; }
.fsfm-match-list.fsfm-cols-3 { grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.fsfm-match-list.fsfm-cols-2 .fsfm-match-card,
.fsfm-match-list.fsfm-cols-3 .fsfm-match-card { margin-bottom: 0; }
.fsfm-match-list.fsfm-cols-2 .fsfm-mc-team-name,
.fsfm-match-list.fsfm-cols-3 .fsfm-mc-team-name { font-size: 13px; }
.fsfm-match-list.fsfm-cols-3 .fsfm-mc-score   { font-size: 22px; }
.fsfm-match-list.fsfm-cols-3 .fsfm-mc-kickoff { font-size: 16px; }
.fsfm-match-list.fsfm-cols-3 .fsfm-mc-body    { padding: 12px 10px; }  @media (max-width: 900px) {
.fsfm-mc-team-name   { font-size: 14px; }
.fsfm-mc-score       { font-size: 28px; }
.fsfm-mc-kickoff     { font-size: 18px; }
.fsfm-mc-score-block { min-width: 90px; padding: 0 10px; }
.fsfm-mc-body        { padding: 14px 14px; gap: 6px; }
.fsfm-mc-flag        { font-size: 24px; }
.fsfm-mc-logo        { width: 34px; height: 34px; }
.fsfm-match-list.fsfm-cols-3 { grid-template-columns: 1fr 1fr; }
} @media (max-width: 600px) { .fsfm-mc-header      { flex-direction: column; align-items: flex-start; gap: 6px; }
.fsfm-mc-info        { width: 100%; }
.fsfm-mc-competition { white-space: normal; }
.fsfm-mc-comp-link   { align-self: flex-start; } .fsfm-mc-body {
grid-template-columns: 1fr auto 1fr;
grid-template-rows: auto;
text-align: inherit;
padding: 12px 10px;
gap: 4px;
} .fsfm-mc-score-block { grid-row: auto; min-width: 70px; padding: 0 6px; }
.fsfm-mc-dom         { grid-row: auto; justify-content: flex-end;   text-align: right; }
.fsfm-mc-ext         { grid-row: auto; justify-content: flex-end;   text-align: left; flex-direction: row-reverse; } .fsfm-mc-team-name   { font-size: 11px; line-height: 1.2; }
.fsfm-mc-score       { font-size: 20px; }
.fsfm-mc-kickoff     { font-size: 16px; }
.fsfm-mc-statut      { font-size: 9px; padding: 2px 6px; letter-spacing: 1px; }
.fsfm-mc-flag        { font-size: 18px; }
.fsfm-mc-logo        { width: 24px; height: 24px; } .fsfm-mc-flag        { display: none; }
.fsfm-mc-logo        { display: none; } .fsfm-standings-table-front .col-forme,
.fsfm-standings-table-front .col-db { display: none; } .fsfm-match-list.fsfm-cols-2,
.fsfm-match-list.fsfm-cols-3 { grid-template-columns: 1fr; }
.fsfm-tab        { padding: 10px 14px; font-size: 12px; }
.fsfm-nm-flag    { font-size: 36px; }
.fsfm-cd-val     { font-size: 30px; }
.fsfm-cd-unit    { min-width: 48px; }
.fsfm-comp-link  { text-align: center; }
} .fsfm-bracket-wrap {
--bk-color: #00843D;
--bk-dark:  color-mix(in srgb, var(--bk-color) 80%, #000);
--bk-light: color-mix(in srgb, var(--bk-color) 12%, #fff);
--bk-mid:   color-mix(in srgb, var(--bk-color) 45%, #fff);
font-family: 'Lato', sans-serif;
margin-bottom: 24px;
} .fsfm-bk-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
gap: 10px;
flex-wrap: wrap;
}
.fsfm-bk-title {
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 700;
color: var(--bk-dark);
letter-spacing: .5px;
}
.fsfm-bk-type {
font-size: 11px;
color: var(--bk-color);
border: 1.5px solid var(--bk-color);
padding: 3px 10px;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
} .fsfm-bk-scroll {
overflow-x: auto;
padding-bottom: 8px;
} .fsfm-bk-bracket {
display: flex;
align-items: stretch;
gap: 0;
min-width: max-content;
} .fsfm-bk-col {
display: flex;
flex-direction: column;
min-width: 152px;
}
.fsfm-bk-round-lbl {
font-family: 'Oswald', sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .6px;
color: #888;
text-align: center;
padding: 0 6px 10px;
} .fsfm-bk-matches {
display: flex;
flex-direction: column;
flex: 1;
justify-content: space-around;
gap: 6px;
} .fsfm-bk-match-wrap {
display: flex;
align-items: center;
flex: 1;
} .fsfm-bk-match {
flex: 1;
border: 0.5px solid #e0e0e0;
border-radius: 6px;
background: #fff;
overflow: hidden;
margin: 3px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.04);
} .fsfm-bk-slot {
display: flex;
align-items: center;
gap: 5px;
padding: 7px 10px;
font-size: 12px;
min-height: 34px;
border-bottom: 0.5px solid #f0f0f0;
transition: background .12s;
user-select: none;
}
.fsfm-bk-slot:last-child { border-bottom: none; }
.fsfm-bk-seed {
font-size: 10px;
color: #aaa;
min-width: 14px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
}
.fsfm-bk-name {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #222;
font-size: 12.5px;
}
.fsfm-bk-w {
font-size: 10px;
color: #fff;
background: var(--bk-color);
border-radius: 50%;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-weight: 700;
} .fsfm-bk-clickable {
cursor: pointer;
}
.fsfm-bk-clickable:hover {
background: var(--bk-light);
}
.fsfm-bk-win {
background: var(--bk-light);
}
.fsfm-bk-win .fsfm-bk-name  { color: var(--bk-dark); font-weight: 700; }
.fsfm-bk-win .fsfm-bk-seed  { color: var(--bk-mid); }
.fsfm-bk-los {
opacity: .32;
}
.fsfm-bk-tbd .fsfm-bk-name  { color: #bbb; font-style: italic; font-size: 11px; } .fsfm-bk-conn {
width: 18px;
flex-shrink: 0;
border-top: 1px solid #ddd;
height: 0;
align-self: center;
} .fsfm-bk-champ-col {
min-width: 136px;
justify-content: center;
}
.fsfm-bk-champ {
border: 2px solid var(--bk-color);
border-radius: 8px;
background: var(--bk-light);
padding: 14px 10px;
text-align: center;
margin: 3px 4px;
}
.fsfm-bk-trophy   { font-size: 26px; line-height: 1; margin-bottom: 6px; }
.fsfm-bk-champ-name {
font-family: 'Oswald', sans-serif;
font-size: 13px;
font-weight: 700;
color: var(--bk-dark);
} .fsfm-bk-banner {
margin-top: 12px;
padding: 10px 16px;
background: var(--bk-light);
border-left: 4px solid var(--bk-color);
border-radius: 0 6px 6px 0;
font-size: 13px;
color: var(--bk-dark);
} .fsfm-bk-hint {
font-size: 11px;
color: #aaa;
margin-top: 8px;
font-style: italic;
} .fsfm-bk-loading {
opacity: .5;
pointer-events: none;
cursor: wait;
} @media (max-width: 600px) {
.fsfm-bk-col        { min-width: 120px; }
.fsfm-bk-name       { font-size: 11px; }
.fsfm-bk-slot       { padding: 6px 8px; min-height: 30px; }
.fsfm-bk-champ-col  { min-width: 110px; }
} .fsfm-bk-banner {
border-color: var(--bk-color2, #E2001A);
background: color-mix(in srgb, var(--bk-color2, #E2001A) 10%, #fff);
color: color-mix(in srgb, var(--bk-color2, #E2001A) 80%, #000);
}
.fsfm-bk-champ { border-color: var(--bk-color); } .fsfm-bk-type-badge {
font-family: 'Oswald', sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--bk-color);
border: 1.5px solid var(--bk-color);
padding: 3px 10px;
border-radius: 20px;
flex-shrink: 0;
} .fsfm-bk-compact .fsfm-bk-col       { min-width: 120px; }
.fsfm-bk-compact .fsfm-bk-slot      { padding: 5px 8px; min-height: 27px; font-size: 11px; }
.fsfm-bk-compact .fsfm-bk-team-name { font-size: 11px; }
.fsfm-bk-compact .fsfm-bk-round-lbl { font-size: 9px; padding-bottom: 6px; }
.fsfm-bk-compact .fsfm-bk-champ     { padding: 10px 8px; }
.fsfm-bk-compact .fsfm-bk-trophy    { font-size: 20px; }
.fsfm-bk-compact .fsfm-bk-champ-col { min-width: 110px; } .fsfm-bk-large .fsfm-bk-col         { min-width: 180px; }
.fsfm-bk-large .fsfm-bk-slot        { padding: 10px 14px; min-height: 42px; font-size: 14px; }
.fsfm-bk-large .fsfm-bk-name        { font-size: 14px; }
.fsfm-bk-large .fsfm-bk-seed        { font-size: 12px; min-width: 18px; }
.fsfm-bk-large .fsfm-bk-round-lbl   { font-size: 12px; padding-bottom: 12px; }
.fsfm-bk-large .fsfm-bk-champ       { padding: 18px 14px; }
.fsfm-bk-large .fsfm-bk-trophy      { font-size: 32px; }
.fsfm-bk-large .fsfm-bk-champ-name  { font-size: 15px; }
.fsfm-bk-large .fsfm-bk-champ-col   { min-width: 158px; }
.fsfm-bk-large .fsfm-bk-matches     { gap: 10px; } .fsfm-bk-footer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.fsfm-bk-sync-btn {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 13px;
background: none;
border: 1.5px solid var(--bk-color);
border-radius: 20px;
color: var(--bk-color);
font-family: 'Oswald', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .8px;
text-transform: uppercase;
cursor: pointer;
transition: all .15s;
}
.fsfm-bk-sync-btn:hover {
background: var(--bk-color);
color: #fff;
}
.fsfm-bk-sync-btn:disabled {
opacity: .5;
cursor: wait;
}
.fsfm-bk-sync-ico { font-size: 12px; }
.fsfm-bk-sync-msg {
font-size: 11px;
color: var(--bk-color);
margin-top: 4px;
display: block;
} .fsfm-tirage-wrap { font-family: 'Lato', sans-serif; }
.fsfm-tirage-pending {
text-align: center;
padding: 48px 20px;
color: #888;
}
.fsfm-tirage-pending-ico { font-size: 40px; margin-bottom: 12px; }
.fsfm-tirage-pending p   { font-size: 15px; color: #666; } .fsfm-tirage-results {
font-family: 'Lato', sans-serif;
}:root {
--fy-vert:    #00843D;
--fy-vert-d:  #005a2b;
--fy-jaune:   #FDEF00;
--fy-rouge:   #E2001A;
--fy-yt:      #FF0000;
--fy-noir:    #111;
--fy-gris:    #888;
--fy-border:  #e5e5e5;
--fy-t:       .22s ease;
} .fsfy-wrap { font-family: 'Lato', Arial, sans-serif; width: 100%; }
.fsfy-wrap *, .fsfy-wrap *::before, .fsfy-wrap *::after { box-sizing: border-box; }
.fsfy-empty { color: var(--fy-gris); text-align: center; padding: 40px; font-style: italic; } .fsfy-header {
display:         flex;
align-items:     center;
justify-content: space-between;
gap:             12px;
flex-wrap:       wrap;
margin-bottom:   24px;
padding-bottom:  16px;
border-bottom:   2px solid #f0f0f0;
}
.fsfy-header-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fsfy-badge {
display:         inline-block;
background:      var(--fy-yt);
color:           #fff;
font-family:     'Oswald', 'Impact', sans-serif;
font-size:       11px;
font-weight:     700;
letter-spacing:  1.5px;
text-transform:  uppercase;
padding:         4px 10px;
flex-shrink:     0;
line-height:     1.4;
}
.fsfy-badge-playlist { background: var(--fy-vert); }
.fsfy-titre {
font-family:  'Oswald', 'Impact', sans-serif;
font-size:    24px;
font-weight:  700;
color:        var(--fy-noir);
margin:       0;
line-height:  1.2;
}
.fsfy-sous-titre { font-size: 13px; color: var(--fy-gris); margin: 4px 0 0; }
.fsfy-voir-chaine {
font-family:     'Oswald', sans-serif;
font-size:       12px;
letter-spacing:  1px;
text-transform:  uppercase;
color:           var(--fy-vert-d);
text-decoration: none;
border:          2px solid var(--fy-vert-d);
padding:         6px 14px;
white-space:     nowrap;
flex-shrink:     0;
transition:      all var(--fy-t);
}
.fsfy-voir-chaine:hover { background: var(--fy-vert-d); color: #fff; } .fsfy-grille {
display: grid;
gap:     20px;
width:   100%;
}
.fsfy-grille-1col { grid-template-columns: repeat(1, 1fr); }
.fsfy-grille-2col { grid-template-columns: repeat(2, 1fr); }
.fsfy-grille-3col { grid-template-columns: repeat(3, 1fr); }
.fsfy-grille-4col { grid-template-columns: repeat(4, 1fr); }
.fsfy-grille-5col { grid-template-columns: repeat(5, 1fr); }
.fsfy-grille-6col { grid-template-columns: repeat(6, 1fr); } .fsfy-card {
background:  #fff;
border:      1px solid var(--fy-border);
overflow:    hidden;
display:     flex;
flex-direction: column;
transition:  box-shadow var(--fy-t), transform var(--fy-t);
}
.fsfy-card:hover {
box-shadow: 0 8px 28px rgba(0,0,0,.12);
transform:  translateY(-3px);
} .fsfy-card-thumb {
position:   relative;
width:       100%;
padding-top: 56.25%;
overflow:    hidden;
background:  #111;
flex-shrink: 0;
cursor:      pointer;
}
.fsfy-card-img {
position:   absolute;
inset:      0;
width:      100%;
height:     100%;
object-fit: cover;
display:    block;
transition: transform .4s ease, opacity .25s;
}
.fsfy-card:hover .fsfy-card-img { transform: scale(1.05); opacity: .85; } .fsfy-card-overlay {
position:        absolute;
inset:           0;
display:         flex;
align-items:     center;
justify-content: center;
background:      rgba(0,0,0,0);
transition:      background var(--fy-t);
}
.fsfy-card:hover .fsfy-card-overlay { background: rgba(0,0,0,.3); } .fsfy-play-btn {
background:      rgba(220, 0, 0, .92);
border:          none;
color:           #fff;
border-radius:   50%;
cursor:          pointer;
display:         flex;
align-items:     center;
justify-content: center;
transition:      transform var(--fy-t), background var(--fy-t);
flex-shrink:     0;
width:  52px;
height: 52px;
}
.fsfy-play-btn:hover { transform: scale(1.15); background: var(--fy-yt); }
.fsfy-play-icon { font-size: 20px; padding-left: 3px; line-height: 1; } .fsfy-iframe-wrap {
position: absolute;
inset:    0;
width:    100%;
height:   100%;
}
.fsfy-iframe-wrap iframe {
position: absolute;
inset:    0;
width:    100%;
height:   100%;
border:   none;
} .fsfy-card-body {
padding:        12px 14px 14px;
flex:           1;
display:        flex;
flex-direction: column;
gap:            6px;
}
.fsfy-card-titre {
font-family:           'Oswald', sans-serif;
font-size:             14px;
font-weight:           600;
margin:                0;
line-height:           1.35;
color:                 var(--fy-noir);
display:               -webkit-box;
-webkit-line-clamp:    3;
-webkit-box-orient:    vertical;
overflow:              hidden;
}
.fsfy-meta {
display:    flex;
gap:        8px;
flex-wrap:  wrap;
font-size:  11px;
color:      #aaa;
margin-top: auto;
} .fsfy-popup-overlay {
position:        fixed;
inset:           0;
background:      rgba(0,0,0,.88);
z-index:         99999;
display:         flex;
align-items:     center;
justify-content: center;
padding:         20px;
opacity:         0;
pointer-events:  none;
transition:      opacity .25s;
}
.fsfy-popup-overlay.open { opacity: 1; pointer-events: auto; }
.fsfy-popup-inner {
position:   relative;
width:       100%;
max-width:   900px;
}
.fsfy-popup-ratio {
position:    relative;
padding-top: 56.25%;
background:  #000;
}
.fsfy-popup-ratio iframe {
position: absolute;
inset:    0;
width:    100%;
height:   100%;
border:   none;
}
.fsfy-popup-close {
position:   absolute;
top:        -40px;
right:      0;
background: none;
border:     none;
color:      #fff;
font-size:  28px;
cursor:     pointer;
line-height: 1;
padding:    4px 8px;
}
.fsfy-popup-close:hover { color: var(--fy-jaune); } .fsfy-hero-layout {
display:     grid;
grid-template-columns: 1fr 280px;
gap:         16px;
align-items: start;
} .fsfy-player-wrap { width: 100%; }
.fsfy-ratio {
position:    relative;
padding-top: 56.25%;
background:  #000;
overflow:    hidden;
}
.fsfy-player-thumb {
position:   absolute;
inset:      0;
width:      100%;
height:     100%;
object-fit: cover;
display:    block;
transition: opacity var(--fy-t);
}
.fsfy-player-overlay {
position:        absolute;
inset:           0;
display:         flex;
align-items:     center;
justify-content: center;
background:      rgba(0,0,0,.2);
transition:      background var(--fy-t);
}
.fsfy-player-wrap:hover .fsfy-player-overlay { background: rgba(0,0,0,.38); }
.fsfy-hero-player .fsfy-play-btn { width: 72px; height: 72px; }
.fsfy-hero-player .fsfy-play-icon { font-size: 28px; }
.fsfy-hero-info  { padding: 12px 0; }
.fsfy-hero-titre {
font-family: 'Oswald', sans-serif;
font-size:   20px;
font-weight: 700;
margin:      0 0 8px;
color:       var(--fy-noir);
line-height: 1.3;
} .fsfy-hero-liste {
display:        flex;
flex-direction: column;
gap:            0;
max-height:     440px;
overflow-y:     auto;
border:         1px solid var(--fy-border);
scrollbar-width: thin;
}
.fsfy-hero-item {
display:        grid;
grid-template-columns: 100px 1fr;
gap:            10px;
padding:        8px;
cursor:         pointer;
border-left:    3px solid transparent;
border-bottom:  1px solid var(--fy-border);
transition:     background var(--fy-t), border-color var(--fy-t);
}
.fsfy-hero-item:last-child { border-bottom: none; }
.fsfy-hero-item:hover, .fsfy-hero-item.active {
background:   #f5f9f5;
border-left-color: var(--fy-vert);
}
.fsfy-item-thumb {
position:    relative;
aspect-ratio: 16/9;
overflow:    hidden;
flex-shrink: 0;
}
.fsfy-item-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fsfy-item-play {
position:        absolute;
inset:           0;
display:         flex;
align-items:     center;
justify-content: center;
background:      rgba(0,0,0,.4);
color:           #fff;
font-size:       14px;
opacity:         0;
transition:      opacity var(--fy-t);
}
.fsfy-hero-item:hover .fsfy-item-play { opacity: 1; }
.fsfy-item-info  { display: flex; flex-direction: column; justify-content: center; gap: 4px; overflow: hidden; }
.fsfy-item-titre {
font-size:          12px;
font-weight:        700;
margin:             0;
line-height:        1.3;
display:            -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow:           hidden;
color:              var(--fy-noir);
}
.fsfy-item-date { font-size: 11px; color: #aaa; } .fsfy-bandeau {
background:    linear-gradient(135deg, #005a2b 0%, #001a0d 100%);
padding:       28px;
margin-bottom: 20px;
}
.fsfy-bandeau-inner {
display:     flex;
align-items: center;
gap:         20px;
flex-wrap:   wrap;
}
.fsfy-bandeau-avatar {
width:        72px;
height:       72px;
border-radius: 50%;
border:       3px solid rgba(255,255,255,.2);
object-fit:   cover;
flex-shrink:  0;
}
.fsfy-bandeau-infos { flex: 1; min-width: 180px; color: #fff; }
.fsfy-bandeau-nom {
font-family: 'Oswald', sans-serif;
font-size:   20px;
font-weight: 700;
margin:      0 0 4px;
}
.fsfy-bandeau-desc { font-size: 13px; opacity: .75; margin: 0 0 12px; line-height: 1.5; }
.fsfy-bandeau-stats { display: flex; gap: 20px; flex-wrap: wrap; }
.fsfy-stat { display: flex; flex-direction: column; align-items: center; }
.fsfy-stat-val {
font-family: 'Oswald', sans-serif;
font-size:   22px;
font-weight: 700;
color:       var(--fy-jaune);
}
.fsfy-stat-lbl { font-size: 10px; opacity: .6; text-transform: uppercase; letter-spacing: 1px; }
.fsfy-btn-abonner {
background:      var(--fy-yt);
color:           #fff;
font-family:     'Oswald', sans-serif;
font-size:       13px;
letter-spacing:  1px;
text-transform:  uppercase;
padding:         11px 22px;
text-decoration: none;
display:         inline-block;
margin-left:     auto;
flex-shrink:     0;
white-space:     nowrap;
transition:      background var(--fy-t);
}
.fsfy-btn-abonner:hover { background: #cc0000; color: #fff; }  @media (max-width: 1200px) {
.fsfy-grille-4col,
.fsfy-grille-5col,
.fsfy-grille-6col { grid-template-columns: repeat(3, 1fr) !important; }
.fsfy-grille      { gap: 16px; }
} @media (max-width: 900px) {
.fsfy-grille-3col,
.fsfy-grille-4col,
.fsfy-grille-5col,
.fsfy-grille-6col { grid-template-columns: repeat(2, 1fr) !important; }
.fsfy-grille      { gap: 14px; }
.fsfy-hero-layout { grid-template-columns: 1fr; }
.fsfy-hero-liste  {
max-height:      none;
display:         grid;
grid-template-columns: repeat(2, 1fr);
gap:             10px;
border:          none;
overflow:        visible;
}
.fsfy-hero-item   { grid-template-columns: 80px 1fr; border: 1px solid var(--fy-border); }
.fsfy-hero-liste .fsfy-hero-item { border-left: 3px solid transparent; }
.fsfy-hero-liste .fsfy-hero-item.active,
.fsfy-hero-liste .fsfy-hero-item:hover { border-left-color: var(--fy-vert); }
} @media (max-width: 768px) {
.fsfy-grille-2col,
.fsfy-grille-3col,
.fsfy-grille-4col,
.fsfy-grille-5col,
.fsfy-grille-6col { grid-template-columns: repeat(2, 1fr) !important; }
.fsfy-grille      { gap: 10px; } .fsfy-card-body  { padding: 8px 10px 10px; gap: 4px; }
.fsfy-card-titre { font-size: 12px; line-height: 1.3; }
.fsfy-play-btn   { width: 40px; height: 40px; }
.fsfy-play-icon  { font-size: 16px; } .fsfy-titre      { font-size: 18px; }
.fsfy-voir-chaine { padding: 5px 10px; font-size: 11px; } .fsfy-btn-abonner { margin-left: 0; width: 100%; text-align: center; }
.fsfy-bandeau-stats { gap: 14px; }
.fsfy-stat-val   { font-size: 18px; } .fsfy-hero-liste { grid-template-columns: 1fr 1fr; }
.fsfy-hero-item  { grid-template-columns: 70px 1fr; }
} @media (max-width: 480px) {
.fsfy-grille,
.fsfy-grille-2col,
.fsfy-grille-3col,
.fsfy-grille-4col,
.fsfy-grille-5col,
.fsfy-grille-6col { grid-template-columns: 1fr !important; gap: 14px !important; }
.fsfy-card-titre   { font-size: 14px; -webkit-line-clamp: 2; }
.fsfy-card-body    { padding: 10px 12px 12px; }
.fsfy-play-btn     { width: 48px; height: 48px; }
.fsfy-play-icon    { font-size: 20px; }
.fsfy-hero-liste   { grid-template-columns: 1fr; }
.fsfy-header       { flex-direction: column; align-items: flex-start; gap: 8px; }
.fsfy-voir-chaine  { width: 100%; text-align: center; }
.fsfy-bandeau-inner { flex-direction: column; align-items: flex-start; }
.fsfy-btn-abonner  { width: 100%; text-align: center; }
}.fsf-sf-feed-wrap {
--fsf-primary:    #006633;
--fsf-secondary:  #FFFFFF;
--fsf-accent:     #FF0000;
--fsf-font-size:  14px;
--fsf-radius:     8px;
--fsf-cols:       3;
--fsf-gap:        16px;
--fsf-card-bg:    #ffffff;
--fsf-card-border:#e8e8e8;
--fsf-text:       #1a1a1a;
--fsf-subtext:    #666666;
--fsf-transition: 0.25s ease;
font-size: var(--fsf-font-size);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
width: 100%;
}
.fsf-sf-feed-wrap * { box-sizing: border-box; } .fsf-sf-theme-dark {
--fsf-card-bg:    #1a1a2e;
--fsf-card-border:#2d2d4a;
--fsf-text:       #f0f0f0;
--fsf-subtext:    #aaaacc;
} .fsf-sf-feed-title {
margin-bottom: 20px;
}
.fsf-sf-feed-title h3 {
font-size: 1.5em;
font-weight: 700;
color: var(--fsf-primary);
margin: 0 0 8px;
}
.fsf-sf-title-line {
height: 3px;
width: 60px;
background: linear-gradient(90deg, var(--fsf-primary), var(--fsf-accent));
border-radius: 2px;
} .fsf-sf-filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.fsf-sf-filter-btn {
padding: 6px 14px;
border: 2px solid var(--fsf-card-border);
background: var(--fsf-card-bg);
color: var(--fsf-subtext);
border-radius: 50px;
cursor: pointer;
font-size: 0.85em;
font-weight: 500;
transition: all var(--fsf-transition);
}
.fsf-sf-filter-btn:hover,
.fsf-sf-filter-btn.active {
background: var(--fsf-primary);
border-color: var(--fsf-primary);
color: #fff;
} .fsf-sf-posts-grid {
display: grid;
grid-template-columns: repeat(var(--fsf-cols), 1fr);
gap: var(--fsf-gap);
}
.fsf-sf-layout-masonry .fsf-sf-posts-grid {
grid-template-rows: masonry;
align-items: start;
} .fsf-sf-layout-list .fsf-sf-posts-grid {
grid-template-columns: 1fr;
--fsf-cols: 1;
}
.fsf-sf-layout-list .fsf-sf-post {
display: flex;
gap: 16px;
align-items: flex-start;
}
.fsf-sf-layout-list .fsf-sf-media {
width: 120px;
min-width: 120px;
height: 90px;
}
.fsf-sf-layout-list .fsf-sf-post-body { flex: 1; } .fsf-sf-post {
background: var(--fsf-card-bg);
border: 1px solid var(--fsf-card-border);
border-radius: var(--fsf-radius);
overflow: hidden;
transition: transform var(--fsf-transition), box-shadow var(--fsf-transition);
color: var(--fsf-text);
}
.fsf-sf-post:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
} .fsf-sf-post.fsf-sf-network-twitter   { border-top: 3px solid #000000; }
.fsf-sf-post.fsf-sf-network-facebook  { border-top: 3px solid #1877F2; }
.fsf-sf-post.fsf-sf-network-instagram { border-top: 3px solid #E1306C; }
.fsf-sf-post.fsf-sf-network-youtube   { border-top: 3px solid #FF0000; } .fsf-sf-media-link { display: block; text-decoration: none; }
.fsf-sf-media {
position: relative;
width: 100%;
padding-top: 56.25%; overflow: hidden;
background: #f0f0f0;
}
.fsf-sf-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--fsf-transition);
}
.fsf-sf-post:hover .fsf-sf-media img {
transform: scale(1.04);
}
.fsf-sf-play-btn {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.35);
}
.fsf-sf-play-btn span {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.95);
border-radius: 50%;
font-size: 1.4em;
color: #333;
transition: transform var(--fsf-transition);
}
.fsf-sf-post:hover .fsf-sf-play-btn span {
transform: scale(1.1);
} .fsf-sf-post-body {
padding: 12px 14px 14px;
} .fsf-sf-post-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.fsf-sf-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--fsf-primary);
flex-shrink: 0;
}
.fsf-sf-avatar-placeholder {
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(135deg, var(--fsf-primary), var(--fsf-accent));
flex-shrink: 0;
}
.fsf-sf-post-meta {
flex: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
min-width: 0;
}
.fsf-sf-author {
font-weight: 700;
font-size: 0.9em;
color: var(--fsf-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .fsf-sf-network-badge {
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.7em;
font-weight: 700;
flex-shrink: 0;
color: #fff;
}
.fsf-sf-badge-twitter   { background: #000; }
.fsf-sf-badge-facebook  { background: #1877F2; }
.fsf-sf-badge-instagram { background: linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.fsf-sf-badge-youtube   { background: #FF0000; } .fsf-sf-date {
font-size: 0.78em;
color: var(--fsf-subtext);
margin-left: auto;
white-space: nowrap;
} .fsf-sf-text {
font-size: 0.92em;
line-height: 1.55;
color: var(--fsf-text);
margin: 0 0 10px;
word-break: break-word;
} .fsf-sf-stats {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding-top: 10px;
border-top: 1px solid var(--fsf-card-border);
font-size: 0.82em;
}
.fsf-sf-stat {
display: flex;
align-items: center;
gap: 4px;
color: var(--fsf-subtext);
}
.fsf-sf-view-link {
margin-left: auto;
color: var(--fsf-primary);
text-decoration: none;
font-weight: 600;
font-size: 0.85em;
transition: color var(--fsf-transition);
}
.fsf-sf-view-link:hover { color: var(--fsf-accent); } .fsf-sf-layout-carousel .fsf-sf-carousel-wrap {
position: relative;
overflow: hidden;
}
.fsf-sf-carousel-track {
display: flex;
gap: var(--fsf-gap);
transition: transform 0.4s ease;
will-change: transform;
}
.fsf-sf-carousel-track .fsf-sf-post {
min-width: calc((100% - var(--fsf-gap) * (var(--fsf-cols) - 1)) / var(--fsf-cols));
flex-shrink: 0;
}
.fsf-sf-carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
background: var(--fsf-primary);
color: #fff;
border: none;
width: 38px;
height: 38px;
border-radius: 50%;
font-size: 1.4em;
cursor: pointer;
transition: background var(--fsf-transition);
display: flex;
align-items: center;
justify-content: center;
}
.fsf-sf-carousel-btn:hover { background: var(--fsf-accent); }
.fsf-sf-prev { left: 4px; }
.fsf-sf-next { right: 4px; }
.fsf-sf-carousel-dots {
display: flex;
justify-content: center;
gap: 6px;
margin-top: 14px;
}
.fsf-sf-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--fsf-card-border);
cursor: pointer;
transition: background var(--fsf-transition);
}
.fsf-sf-dot.active { background: var(--fsf-primary); } .fsf-sf-empty {
text-align: center;
padding: 40px 20px;
color: var(--fsf-subtext);
font-size: 0.95em;
border: 2px dashed var(--fsf-card-border);
border-radius: var(--fsf-radius);
} .fsf-sf-post.fsf-sf-hidden {
display: none;
} @media (max-width: 1024px) {
.fsf-sf-posts-grid[style*="--fsf-cols: 4"],
.fsf-sf-posts-grid { --fsf-cols: 2 !important; }
}
@media (max-width: 640px) {
.fsf-sf-posts-grid { --fsf-cols: 1 !important; }
.fsf-sf-layout-list .fsf-sf-post { flex-direction: column; }
.fsf-sf-layout-list .fsf-sf-media { width: 100%; height: auto; }
.fsf-sf-carousel-track .fsf-sf-post { min-width: 85vw; }
}