@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800";
@import "fontawesome-all.min.css";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
html {scroll-behavior: smooth;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
mark{background-color:transparent;color:inherit}
input::-moz-focus-inner{border:0;padding:0}
input,select,textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none}
html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}
body{background:#303238 url(images/bg01.webp)}
body.is-preload *{-moz-transition:none!important;-webkit-transition:none!important;transition:none!important;-moz-animation:none!important;-webkit-animation:none!important;animation:none!important}
body,input,select,textarea{font-family:"Open Sans",sans-serif;color:#7b818c;font-weight:400;font-size:11pt;line-height:1.85em}
/* --- BANDEAU D'ANNONCE ÉPHÉMÈRE --- */

#annonce-fh6-banner {
    /* Positionnement */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;

    /* Style */
    background-color: #0d6efd; /* Un bleu moderne et visible */
    color: white;
    padding: 12px 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    
    /* Alignement du contenu */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    
    /* Animation d'apparition */
    transform: translateY(-100%);
    animation: slideDown 0.5s 0.5s ease-out forwards; /* Apparaît après 0.5s */
}

/* On cache le bandeau par défaut si JavaScript est désactivé ou pour le cacher via JS */
#annonce-fh6-banner.hidden {
    display: none;
}

#annonce-fh6-banner p {
    margin: 0;
    padding-right: 20px;
}

#annonce-fh6-banner a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}

#annonce-fh6-banner a:hover {
    text-decoration: none;
}

#annonce-fh6-banner button {
    position: absolute;
    right: 15px;
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.7;
    padding: 0 5px;
}

#annonce-fh6-banner button:hover {
    opacity: 1;
}

/* Animation qui fait descendre le bandeau */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

/* Pour les petits écrans */
@media (max-width: 768px) {
    #annonce-fh6-banner {
        flex-direction: column;
        padding: 10px;
    }
    #annonce-fh6-banner p {
        padding-right: 0;
        margin-bottom: 5px;
    }
    #annonce-fh6-banner button {
        position: static;
    }
}
#header img {
    margin: 2.5px 10px;
}
.header-menu .logo {
    background-image: none;
    position: relative;
    top: 1px;
    z-index: 12
}
/* Container du logo-lien */
.logo {
  position: relative;
  display: inline-block;
  width: 250px;
  cursor: pointer;
  text-decoration: none; /* supprime le soulignement du lien */
}

/* Image principale */
.logo img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

/* Pseudo-éléments pour glitch */
.logo::before,
.logo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/logo.png") no-repeat center/contain;
  opacity: 0.7;
  mix-blend-mode: screen;
  clip: rect(0, 0, 0, 0); /* masqué par défaut */
  pointer-events: none;
}

/* Couleurs décalées */
.logo::before {
  filter: hue-rotate(300deg); /* magenta */
}
.logo::after {
  filter: hue-rotate(180deg); /* cyan */
}

/* Animation glitch */
@keyframes glitch {
  0% { clip: rect(0, 9999px, 0, 0); transform: translate(0,0); }
  10% { clip: rect(10px, 9999px, 40px, 0); transform: translate(-2px,-2px); }
  20% { clip: rect(30px, 9999px, 60px, 0); transform: translate(2px,2px); }
  30% { clip: rect(5px, 9999px, 20px, 0); transform: translate(-1px,1px); }
  40% { clip: rect(15px, 9999px, 50px, 0); transform: translate(1px,-1px); }
  50% { clip: rect(25px, 9999px, 70px, 0); transform: translate(-3px,0); }
  60% { clip: rect(0, 9999px, 30px, 0); transform: translate(3px,1px); }
  70% { clip: rect(20px, 9999px, 60px, 0); transform: translate(-1px,-2px); }
  80% { clip: rect(10px, 9999px, 40px, 0); transform: translate(2px,2px); }
  90% { clip: rect(30px, 9999px, 80px, 0); transform: translate(-2px,1px); }
  100% { clip: rect(0, 9999px, 0, 0); transform: translate(0,0); }
}

/* Animation blink */
@keyframes blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

/* Animation shake/décalage agressif */
@keyframes shake {
  0% { transform: translate(0,0); }
  10% { transform: translate(-2px, 0); }
  20% { transform: translate(-2px, 1px); }
  30% { transform: translate(2px, -2px); }
  40% { transform: translate(0,0); }
  50% { transform: translate(0,0); }
  60% { transform: translate(-1px, 0); }
  70% { transform: translate(1px, 1px); }
  80% { transform: translate(-1px, -1px); }
  90% { transform: translate(0,0); }
  100% { transform: translate(0,-3px); }
}

/* Hover effect */
.logo:hover::before {
  animation: glitch 0.9s infinite linear alternate-reverse;
}
.logo:hover::after {
  animation: glitch 0.9s infinite linear alternate;
}
.logo:hover img {
  animation: blink 0.4s steps(2, start) infinite,
             shake 0.6s infinite;
}


@media (max-width: 1080px) { .logo { width: 200px; top: 6px !important } } @media (max-width: 1035px) { .logo { width: 150px; top: 14.5px !important } } @media (max-width: 480px) { .logo { width: 120px; } }
a{color:#CE9400;text-decoration:none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:800;color:#CE9400;margin:0 0 1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;outline:0}
h1,h2{font-size:2em;margin:0 0 1.5em;line-height:1em}
h1,h2.icon{line-height:48px}
h1.icon:before,h2.icon:before{position:relative;top:.05em;margin-right:.5em;opacity:.50}
h3{font-size:1.35em;margin-top:2em}
b,strong{color:#404248;font-weight:700}
i,em{font-style:italic}
br.clear{clear:both}
sub{position:relative;top:.5em;font-size:.8em}
sup{position:relative;top:-.5em;font-size:.8em}
hr{border:0;border-top:solid 1px #ddd}
blockquote{border-left:solid .5em #ddd;padding:1em 0 1em 2em;font-style:italic}
p,ul,ol,dl,table{margin-bottom:2em}
.date{display:block;text-transform:uppercase;font-weight:700;letter-spacing:.065em;font-size:.9em;color:#696969;margin:0 0 .25em}
.container{margin:0 auto;max-width:calc(100% - 100px);width:1200px}
@media screen and (max-width: 1280px) {
.container{width:100%}
}
@media screen and (max-width: 980px) {
.container{width:100%}
}
@media screen and (max-width: 736px) {
.container{width:100%;max-width:100%}
}
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.row > *{box-sizing:border-box}
.row.gtr-uniform > * > :last-child{margin-bottom:0}
.row.aln-left{justify-content:flex-start}
.row.aln-center{justify-content:center}
.row.aln-right{justify-content:flex-end}
.row.aln-top{align-items:flex-start}
.row.aln-middle{align-items:center}
.row.aln-bottom{align-items:flex-end}
.row > .imp{order:-1}
.row > .col-1{width:8.33333%}
.row > .off-1{margin-left:8.33333%}
.row > .col-2{width:16.66667%}
.row > .off-2{margin-left:16.66667%}
.row > .col-3{width:25%}
.row > .off-3{margin-left:25%}
.row > .col-4{width:33.33333%}
.row > .off-4{margin-left:33.33333%}
.row > .col-5{width:41.66667%}
.row > .off-5{margin-left:41.66667%}
.row > .col-6{width:50%}
.row > .off-6{margin-left:50%}
.row > .col-7{width:58.33333%}
.row > .off-7{margin-left:58.33333%}
.row > .col-8{width:66.66667%}
.row > .off-8{margin-left:66.66667%}
.row > .col-9{width:75%}
.row > .off-9{margin-left:75%}
.row > .col-10{width:83.33333%}
.row > .off-10{margin-left:83.33333%}
.row > .col-11{width:91.66667%}
.row > .off-11{margin-left:91.66667%}
.row > .col-12{width:100%}
.row > .off-12{margin-left:100%}
.row.gtr-0{margin-left:0}
.row.gtr-0 > *{padding:0}
.row.gtr-0.gtr-uniform{margin-top:0}
.row.gtr-0.gtr-uniform > *{padding-top:0}
.row.gtr-25{margin-top:-12.5px;margin-left:-12.5px}
.row.gtr-25 > *{padding:12.5px 0 0 12.5px}
.row.gtr-25.gtr-uniform{margin-top:-12.5px}
.row.gtr-25.gtr-uniform > *{padding-top:12.5px}
.row.gtr-50{margin-top:-25px;margin-left:-25px}
.row.gtr-50 > *{padding:25px 0 0 25px}
.row.gtr-50.gtr-uniform{margin-top:-25px}
.row.gtr-50.gtr-uniform > *{padding-top:25px}
.row{margin-top:-50px;margin-left:-50px}
.row > *{padding:50px 0 0 50px}
.row.gtr-uniform{margin-top:-50px}
.row.gtr-uniform > *{padding-top:50px}
.row.gtr-150{margin-top:-75px;margin-left:-75px}
.row.gtr-150 > *{padding:75px 0 0 75px}
.row.gtr-150.gtr-uniform{margin-top:-75px}
.row.gtr-150.gtr-uniform > *{padding-top:75px}
.row.gtr-200{margin-top:-100px;margin-left:-100px}
.row.gtr-200 > *{padding:100px 0 0 100px}
.row.gtr-200.gtr-uniform{margin-top:-100px}
.row.gtr-200.gtr-uniform > *{padding-top:100px}
@media screen and (max-width: 1280px) {
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.row > *{box-sizing:border-box}
.row.gtr-uniform > * > :last-child{margin-bottom:0}
.row.aln-left{justify-content:flex-start}
.row.aln-center{justify-content:center}
.row.aln-right{justify-content:flex-end}
.row.aln-top{align-items:flex-start}
.row.aln-middle{align-items:center}
.row.aln-bottom{align-items:flex-end}
.row > .imp-large{order:-1}
.row > .col-1-large{width:8.33333%}
.row > .off-1-large{margin-left:8.33333%}
.row > .col-2-large{width:16.66667%}
.row > .off-2-large{margin-left:16.66667%}
.row > .col-3-large{width:25%}
.row > .off-3-large{margin-left:25%}
.row > .col-4-large{width:33.33333%}
.row > .off-4-large{margin-left:33.33333%}
.row > .col-5-large{width:41.66667%}
.row > .off-5-large{margin-left:41.66667%}
.row > .col-6-large{width:50%}
.row > .off-6-large{margin-left:50%}
.row > .col-7-large{width:58.33333%}
.row > .off-7-large{margin-left:58.33333%}
.row > .col-8-large{width:66.66667%}
.row > .off-8-large{margin-left:66.66667%}
.row > .col-9-large{width:75%}
.row > .off-9-large{margin-left:75%}
.row > .col-10-large{width:83.33333%}
.row > .off-10-large{margin-left:83.33333%}
.row > .col-11-large{width:91.66667%}
.row > .off-11-large{margin-left:91.66667%}
.row > .col-12-large{width:100%}
.row > .off-12-large{margin-left:100%}
.row.gtr-0{margin-top:0;margin-left:0}
.row.gtr-0 > *{padding:0}
.row.gtr-0.gtr-uniform{margin-top:0}
.row.gtr-0.gtr-uniform > *{padding-top:0}
.row.gtr-25{margin-top:-8.75px;margin-left:-8.75px}
.row.gtr-25 > *{padding:8.75px 0 0 8.75px}
.row.gtr-25.gtr-uniform{margin-top:-8.75px}
.row.gtr-25.gtr-uniform > *{padding-top:8.75px}
.row.gtr-50{margin-top:-17.5px;margin-left:-17.5px}
.row.gtr-50 > *{padding:17.5px 0 0 17.5px}
.row.gtr-50.gtr-uniform{margin-top:-17.5px}
.row.gtr-50.gtr-uniform > *{padding-top:17.5px}
.row{margin-top:-35px;margin-left:-35px}
.row > *{padding:35px 0 0 35px}
.row.gtr-uniform{margin-top:-35px}
.row.gtr-uniform > *{padding-top:35px}
.row.gtr-150{margin-top:-52.5px;margin-left:-52.5px}
.row.gtr-150 > *{padding:52.5px 0 0 52.5px}
.row.gtr-150.gtr-uniform{margin-top:-52.5px}
.row.gtr-150.gtr-uniform > *{padding-top:52.5px}
.row.gtr-200{margin-top:-70px;margin-left:-70px}
.row.gtr-200 > *{padding:70px 0 0 70px}
.row.gtr-200.gtr-uniform{margin-top:-70px}
.row.gtr-200.gtr-uniform > *{padding-top:70px}
}
@media screen and (max-width: 980px) {
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.cel{display:flex;flex-direction:row;flex-wrap:wrap}
.row > *{box-sizing:border-box}
.row.gtr-uniform > * > :last-child{margin-bottom:0}
.row.aln-left{justify-content:flex-start}
.row.aln-center{justify-content:center}
.row.aln-right{justify-content:flex-end}
.row.aln-top{align-items:flex-start}
.row.aln-middle{align-items:center}
.row.aln-bottom{align-items:flex-end}
.row > .imp-medium{order:-1}
.row > .col-1-medium{width:8.33333%}
.row > .off-1-medium{margin-left:8.33333%}
.row > .col-2-medium{width:16.66667%}
.row > .off-2-medium{margin-left:16.66667%}
.row > .col-3-medium{width:25%}
.row > .off-3-medium{margin-left:25%}
.row > .col-4-medium{width:33.33333%}
.row > .off-4-medium{margin-left:33.33333%}
.row > .col-5-medium{width:41.66667%}
.row > .off-5-medium{margin-left:41.66667%}
.row > .col-6-medium{width:50%}
.row > .off-6-medium{margin-left:50%}
.row > .col-7-medium{width:58.33333%}
.row > .off-7-medium{margin-left:58.33333%}
.row > .col-8-medium{width:66.66667%}
.row > .off-8-medium{margin-left:66.66667%}
.row > .col-9-medium{width:75%}
.row > .off-9-medium{margin-left:75%}
.row > .col-10-medium{width:83.33333%}
.row > .off-10-medium{margin-left:83.33333%}
.row > .col-11-medium{width:91.66667%}
.row > .off-11-medium{margin-left:91.66667%}
.row > .col-12-medium{width:100%}
.row > .off-12-medium{margin-left:100%}
.row.gtr-0{margin-top:0;margin-left:0}
.row.gtr-0 > *{padding:0}
.row.gtr-0.gtr-uniform{margin-top:0}
.row.gtr-0.gtr-uniform > *{padding-top:0}
.row.gtr-25{margin-top:-12.5px;margin-left:-12.5px}
.row.gtr-25 > *{padding:12.5px 0 0 12.5px}
.row.gtr-25.gtr-uniform{margin-top:-12.5px}
.row.gtr-25.gtr-uniform > *{padding-top:12.5px}
.row.gtr-50{margin-top:-25px;margin-left:-25px}
.row.gtr-50 > *{padding:25px 0 0 25px}
.row.gtr-50.gtr-uniform{margin-top:-25px}
.row.gtr-50.gtr-uniform > *{padding-top:25px}
.row{margin-top:-50px;margin-left:-50px}
.row > *{padding:0 0 0 50px}
.row.gtr-uniform{margin-top:-50px}
.row.gtr-uniform > *{padding-top:50px}
.row.gtr-150{margin-top:-75px;margin-left:-75px}
.row.gtr-150 > *{padding:75px 0 0 75px}
.row.gtr-150.gtr-uniform{margin-top:-75px}
.row.gtr-150.gtr-uniform > *{padding-top:75px}
.row.gtr-200{margin-top:-100px;margin-left:-100px}
.row.gtr-200 > *{padding:100px 0 0 100px}
.row.gtr-200.gtr-uniform{margin-top:-100px}
.row.gtr-200.gtr-uniform > *{padding-top:100px}
}
@media screen and (max-width: 736px) {
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.cel{display:flex;flex-direction:row;flex-wrap:wrap}
.row > *{box-sizing:border-box}
.row.gtr-uniform > * > :last-child{margin-bottom:0}
.row.aln-left{justify-content:flex-start}
.row.aln-center{justify-content:center}
.row.aln-right{justify-content:flex-end}
.row.aln-top{align-items:flex-start}
.row.aln-middle{align-items:center}
.row.aln-bottom{align-items:flex-end}
.row > .imp-small{order:-1}
.row > .col-1-small{width:8.33333%}
.row > .off-1-small{margin-left:8.33333%}
.row > .col-2-small{width:16.66667%}
.row > .off-2-small{margin-left:16.66667%}
.row > .col-3-small{width:25%}
.row > .off-3-small{margin-left:25%}
.row > .col-4-small{width:33.33333%}
.row > .off-4-small{margin-left:33.33333%}
.row > .col-5-small{width:41.66667%}
.row > .off-5-small{margin-left:41.66667%}
.row > .col-6-small{width:50%}
.row > .off-6-small{margin-left:50%}
.row > .col-7-small{width:58.33333%}
.row > .off-7-small{margin-left:58.33333%}
.row > .col-8-small{width:66.66667%}
.row > .off-8-small{margin-left:66.66667%}
.row > .col-9-small{width:75%}
.row > .off-9-small{margin-left:75%}
.row > .col-10-small{width:83.33333%}
.row > .off-10-small{margin-left:83.33333%}
.row > .col-11-small{width:91.66667%}
.row > .off-11-small{margin-left:91.66667%}
.row > .col-12-small{width:100%}
.row > .off-12-small{margin-left:100%}
.row.gtr-0{margin-top:0;margin-left:0}
.row.gtr-0 > *{padding:0}
.row.gtr-0.gtr-uniform{margin-top:0}
.row.gtr-0.gtr-uniform > *{padding-top:0}
.row.gtr-25{margin-top:-2.5px;margin-left:-2.5px}
.row.gtr-25 > *{padding:2.5px 0 0 2.5px}
.row.gtr-25.gtr-uniform{margin-top:-2.5px}
.row.gtr-25.gtr-uniform > *{padding-top:2.5px}
.row.gtr-50{margin-top:-5px;margin-left:-5px}
.row.gtr-50 > *{padding:5px 0 0 5px}
.row.gtr-50.gtr-uniform{margin-top:-5px}
.row.gtr-50.gtr-uniform > *{padding-top:5px}
.row{margin-top:-10px;margin-left:-10px}
.row > *{padding:10px 0 0 10px}
.row.gtr-uniform{margin-top:-10px}
.row.gtr-uniform > *{padding-top:10px}
.row.gtr-150{margin-top:-15px;margin-left:-15px}
.row.gtr-150 > *{padding:15px 0 0 15px}
.row.gtr-150.gtr-uniform{margin-top:-15px}
.row.gtr-150.gtr-uniform > *{padding-top:15px}
.row.gtr-200{margin-top:-20px;margin-left:-20px}
.row.gtr-200 > *{padding:20px 0 0 20px}
.row.gtr-200.gtr-uniform{margin-top:-20px}
.row.gtr-200.gtr-uniform > *{padding-top:20px}
}
section,article{margin-bottom:5em}
section > :last-child,article > :last-child,section:last-child,article:last-child{margin-bottom:0}
header{margin:0 0 2em}
header h1,header h2,header h3{margin:0 0 .25em}
header p{display:block;text-transform:uppercase;font-weight:700;letter-spacing:.065em;font-size:.9em;color:#696969;margin:0}
header p strong{color:#404248;font-weight:800}
footer{margin:2.5em 0 0}
header.major:after{content:"";display:block;border-top:solid 2px #CE9400;height:8px}
header.major h1, header.major h2,header.major h3{margin:0 0 1.2em}
header.major p{margin:0 0 1.5em;position:relative;top:-1em}
form label{display:block;text-transform:uppercase;font-weight:800}
form input[type="text"],form input[type="email"],form input[type="password"],form input[type="number"],form select,form textarea{-webkit-appearance:none;display:block;width:50%;border-radius:8px;border:solid 1px #eee}
form input[type="text"]:focus,form input[type="email"]:focus,form input[type="password"]:focus,form select:focus,form textarea:focus{box-shadow:0 0 2px 1px #CE9400}
form input[type="text"],form input[type="email"],form input[type="number"],form input[type="password"]{line-height:3em;padding:0 1em}
form select{line-height:3em;padding:0 1em}
form textarea{min-height:9em;padding:1em}
form ::-webkit-input-placeholder,form :-moz-placeholder,form ::-moz-placeholder,form :-ms-input-placeholder{color:#555!important}
form ::-moz-focus-inner{border:0}
table{width:100%}
table.default{width:100%}
table.default tr{border-top:solid 1px #eee}
table.default tr:first-child{border-top:0}
table.default td{padding:.5em 1em}
table.default th{text-align:left;padding:.5em 1em;text-transform:uppercase;font-weight:800;letter-spacing:.04em;margin:0 0 1em;font-size:.8em}
table.default thead{background:#404248;color:#fff}
.image{position:relative;display:inline-block;border: 2px solid #CE9400;border-radius: 10px;}
.image img{display:block;width:100%;border-radius:8px}
.image:before{content:"";display:block;position:absolute;left:0;top:0;background:url(images/bg01.webp);width:100%;height:100%;opacity:.75}
.image.fit{display:block;width:100%}
.image.featured{display:block;width:100%;margin:0 0 2.5em}
.image.left{float:left;margin:0 2em 2em 0}
.image.centered{display:block;margin:0 0 2.5em}
.image.centered img{margin:0 auto;width:auto}
input[type="button"],input[type="submit"],input[type="reset"],button,.button{background-image:-moz-linear-gradient(top,#0000,#0003),url(images/bg02.webp);background-image:-webkit-linear-gradient(top,#0000,#0003),url(images/bg02.webp);background-image:-ms-linear-gradient(top,#0000,#0003),url(images/bg02.webp);background-image:linear-gradient(top,#0000,#0003),url(images/bg02.webp);-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;-webkit-appearance:none;position:relative;display:inline-block;background-color:#CE9400;border-radius:8px;box-shadow:inset 0 0 0 1px #00000059 inset 0 2px 1px 0 #ffffff59;color:#fff!important;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.95em;letter-spacing:.075em;padding:1em 2em;outline:0;border:0;white-space:nowrap;margin-bottom:2px!important;cursor:pointer}
input[type="button"].icon:before,input[type="submit"].icon:before,input[type="reset"].icon:before,button.icon:before,.button.icon:before{opacity:.5;margin-right:.5em;position:relative;top:.05em}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.button:hover{background-color:#CE940080}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,button:active,.button:active{background-color:#CE9400}
input[type="button"].medium,input[type="submit"].medium,input[type="reset"].medium,button.medium,.button.medium{font-size:1.25em;padding:1em 2.25em}
input[type="button"].large,input[type="submit"].large,input[type="reset"].large,button.large,.button.large{font-size:1.5em;padding:1em 2.25em}
input[type="button"].alt,input[type="submit"].alt,input[type="reset"].alt,button.alt,.button.alt{background-color:#a18b5480}
input[type="button"].alt:hover,input[type="submit"].alt:hover,input[type="reset"].alt:hover,button.alt:hover,.button.alt:hover{background-color:#a18b5450}
input[type="button"].alt:active,input[type="submit"].alt:active,input[type="reset"].alt:active,button.alt:active,.button.alt:active{background-color:#CE9400}
dl.contact dt{display:block;text-transform:uppercase;font-weight:700;letter-spacing:.065em;font-size:.9em;color:#696969;float:left;width:6em}
dl.contact dd{margin:0 0 1em 6em}
ul.default{list-style:disc;padding-left:1em}
ul.default li{padding-left:.5em}
ul.actions li{display:inline-block;padding:0 0 0 .25em;margin:0 0 0 .25em}
ul.actions li:first-child{margin-left:0;padding-left:0}
ul.menu li{border-left:solid 1px #eee;display:inline-block;padding:0 0 0 1em;margin:0 0 0 1em}
ul.menu li:first-child{border-left:0;margin-left:0;padding-left:0}
ul.divided li{border-top:solid 1px #eee;padding:.5em 0 0;margin:.5em 0 0}
ul.divided li:first-child{border-top:0!important;padding-top:0!important;margin-top:0!important}
ol.default{list-style:decimal;padding-left:1.25em}
ol.default li{padding-left:.25em}
.box.excerpt{position:relative;overflow:hidden}
.box.excerpt header{margin:0 0 1em}
.box.excerpt .image,.box.excerpt p{margin-bottom:0}
.box.feature1{text-align:center}
.box.feature1 header{margin-bottom:3em}
.box.feature1 header.first h2, .box.feature1 header.first h1{font-size:2.5em}
.box.feature1 header.first p{font-size:1.2em}
.box.feature1 header.second{position:relative;display:inline-block;text-align:left;margin:0 auto;white-space:nowrap;left:24px}
.box.feature1 header.second p{line-height:1em}
.box.feature1 header.second:before{font-size:48px;position:absolute;right:100%;margin-right:18px;opacity:.5;bottom:-4px}
.box.feature2{text-align:center}
.box.article-list article{border-bottom:solid 1px #dbdbdb;margin:0 0 2.75em;padding:0 0 2.75em}
.box.article-list article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.icon{text-decoration:none}
.icon:before{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;text-transform:none!important;font-family:"Font Awesome 5 Free";font-weight:400;padding-right: 5px;}
.icon.solid:before{font-weight:900}
.icon.brands:before{font-family:"Font Awesome 5 Brands";font-size:x-large}
.icon > .label{display:none}
#nav{position:absolute;right:2em;top:0;line-height:5.5em}
#nav > ul > li{float:left;padding:0 .8em}
#nav > ul > li > a,#nav > ul > li > span{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.95em;letter-spacing:.075em;padding:.5em .8em;border-radius:6px;outline:0}
#nav > ul > li.active > a,#nav > ul > li.current_page_item > a,#nav > ul > li.active > span,#nav > ul > li.current_page_item > span{background:#CE9400;box-shadow:inset 1px 1px 0 0 #00000006 1px 1px 0 0 #ffffff06}
#nav > ul > li:last-child{padding-right:0}
#nav > ul > li > ul{display:none}
.dropotron{background-image:-moz-linear-gradient(top,#00000059,#0000),url(images/bg02.webp);background-image:-webkit-linear-gradient(top,#00000059,#0000),url(images/bg02.webp);background-image:-ms-linear-gradient(top,#00000059,#0000),url(images/bg02.webp);background-image:linear-gradient(top,#00000059,#0000),url(images/bg02.webp);position:relative;background-color:#3b3e45;background-color:#3b3e45e6;border-radius:8px;box-shadow:inset 0 0 0 1px #00000080 inset 0 0 0 2px #ffffff13 inset 0 2px 1px 0 #fff3 0 2px 14px 0 #0006;padding:1.5em;line-height:2.5em;min-width:15em}
.dropotron.level-0{border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px;box-shadow:inset 0 0 0 1px #00000080 inset 0 0 0 2px #ffffff13 0 2px 14px 0 #0006}
.dropotron a,.dropotron span{color:#aaa;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.8em;letter-spacing:.075em;outline:0}
.dropotron li:hover > a,.dropotron li:hover > span{color:#fff}
#banner{text-align:center;width:940px;margin:0 auto;overflow:hidden;padding:6em 0 4em}
#banner h1, #banner h2{border:solid 1px #ffffff40;border-left:0;border-right:0;color:#ffffffbf;font-size:2.35em;font-weight:700;line-height:1.3em;margin:0 0 1.5em}
#banner h1 strong, #banner h2 strong{font-weight:800;color:inherit}
#banner h1:before, #banner h2:before{content:"";display:block;border-top:solid 1px;border-color:#ffffff40;margin:10px 0 1.25em}
#banner h1:after, #banner h2:after{content:"";display:block;border-bottom:solid 1px;border-color:#ffffff40;margin:1.25em 0 10px}
#banner p{text-transform:uppercase;color:#ffffffbf;font-size:1.5em;font-weight:700;letter-spacing:.04em;float:left;text-align:right;width:60%;line-height:1.5em;margin:0}
mark.search-highlight {
    background-color: #CE9400;
    color: white;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 3px;
}
#sidebar h2{font-size:1.5em}
#header-wrapper{background:url(images/bg01.webp),url(../../images/header.avif);background-position:top left,center center;background-size:auto,cover;padding:2em 0 0 0}
#main-wrapper{background:#1c1c1c}
#footer-wrapper{background-image:-moz-linear-gradient(top,#0000,#00000080),url(/images/tuile-asphalte.png);background-image:-webkit-linear-gradient(top,#0000,#00000080),url(/images/tuile-asphalte.png);background-image:-ms-linear-gradient(top,#0000,#00000080),url(/images/tuile-asphalte.png);background-image:linear-gradient(top,#0000,#00000080),url(/images/tuile-asphalte.png);position:relative;padding-top: 20px;}
.wrapper{padding:5em 0}
.wrapper > .inner{position:relative;z-index:2}
.wrapper.style1{position:relative;background-color:#0e0e0e}
.wrapper.style2{position:relative;background-color:#1c1c1c}
.wrapper.style3{position:relative;background-color:#2c2c2c}
.calcul{position:relative;border-radius:10px;background:#ffffff1a;padding:.75em;margin-bottom:0}
#header{position:relative;border-radius:10px;background:#ffffff1a;padding:.75em;margin-bottom:0}
#header .inner{background-image:-moz-linear-gradient(top,#0000,#00000059),url(/images/tuile-asphalte.png);background-image:-webkit-linear-gradient(top,#0000,#00000059),url(/images/tuile-asphalte.png);background-image:-ms-linear-gradient(top,#0000,#00000059),url(/images/tuile-asphalte.png);background-image:linear-gradient(top,#0000,#00000059),url(/images/tuile-asphalte.png);position:relative;height:5.5em;background-color:#3b3e45;background-color:#3b3e45e6;border-radius:8px;box-shadow:inset 0 0 0 1px #00000073 inset 0 2px 1px 0 #ffffff26}
.calcul .inner{background-image:-moz-linear-gradient(top,#0000,#00000059),url(images/bg02.webp);background-image:-webkit-linear-gradient(top,#0000,#00000059),url(images/bg02.webp);background-image:-ms-linear-gradient(top,#0000,#00000059),url(images/bg02.webp);background-image:linear-gradient(top,#0000,#00000059),url(images/bg02.webp);position:relative;height:5.5em;background-color:#3b3e45;background-color:#3b3e45e6;border-radius:8px;box-shadow:inset 0 0 0 1px #00000073 inset 0 2px 1px 0 #ffffff26}
#header h1{position:absolute;left:90px;top:50%;margin-top:-1.1em;font-size:1.5em;color:#fff;display: none}
#footer{margin-bottom:0;position:relative;z-index:2}
#footer h2{font-size:1.35em;color:#fff}
#footer strong{color:#fff}
#footer .button.alt{box-shadow:inset 0 0 0 1px #000000bf inset 0 2px 1px 0 #ffffff40}
#footer ul.divided li,#footer ul.menu li{border-color:#444;border-color:#ffffff13}
#footer ul.divided li a{text-decoration:none}
#footer ul.menu{margin:0}
#footer dl.contact dt{color:#ddd}
#copyright{border-top:solid 1px;border-color:#444;border-color:#ffffff13;text-align:center;margin-top:2em;padding:3em 0 4em;color:inherit}
#copyright a{color:inherit}
@media screen and (max-width: 1280px) {
body{line-height:1.75em;font-size:10.75pt}
input,select,textarea{line-height:1.75em;font-size:10.75pt}
#header-wrapper{padding:2em 0}
body.homepage #header-wrapper{height:auto}
#footer-wrapper{padding:4.5em 0}
.wrapper{padding:4.5em 0}
#banner{width:100%;padding:4em 0 2em}
#banner h1, #banner h2{font-size:2.2em;line-height:1.3em;margin:0 0 1em}
#banner p{font-size:1.25em;line-height:1.75em;letter-spacing:.04em;float:none;text-align:center;width:100%;margin:0 0 2em}
}
#navPanel,#titleBar{display:none}
@media screen and (max-width: 980px) {
html,body{overflow-x:hidden}
.box.feature2 section{margin:1em 0}
#page-wrapper{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:-moz-transform .5s ease;-webkit-transition:-webkit-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease;padding-bottom:1px}
#titleBar{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;background-image:-moz-linear-gradient(top,#0000,#00000059),url(images/bg02.webp);background-image:-webkit-linear-gradient(top,#0000,#00000059),url(images/bg02.webp);background-image:-ms-linear-gradient(top,#0000,#00000059),url(images/bg02.webp);background-image:linear-gradient(top,#0000,#00000059),url(images/bg02.webp);-moz-transition:-moz-transform .5s ease;-webkit-transition:-webkit-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease;background-color:#3b3e45e6;box-shadow:inset 0 0 0 1px #00000080 inset 0 0 0 2px #ffffff13 0 1px 6px 0 #00000059;display:block;height:44px;left:0;position:fixed;top:0;width:100%;z-index:10001}
#titleBar .title{display:block;text-transform:uppercase;font-weight:800;letter-spacing:.04em;color:#fff;line-height:44px;text-align:center}
#titleBar .toggle{text-decoration:none;position:absolute;left:0;top:0;width:60px;height:44px;opacity:.25}
#titleBar .toggle:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;text-transform:none!important;font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;text-decoration:none;font-size:18px;width:44px;height:44px;line-height:44px;text-align:center;color:#fff;content:"\f0c9"}
#titleBar .toggle:active{opacity:.5}
#navPanel{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;background-image:-moz-linear-gradient(#0000,#00000059),url(images/bg01.webp);background-image:-webkit-linear-gradient(#0000,#00000059),url(images/bg01.webp);background-image:-ms-linear-gradient(#0000,#00000059),url(images/bg01.webp);background-image:linear-gradient(#0000,#00000059),url(images/bg01.webp);-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);transform:translateX(-275px);-moz-transition:-moz-transform .5s ease;-webkit-transition:-webkit-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease;background-color:#303238;box-shadow:inset -1px 0 0 0 #00000080 inset -2px 0 0 #ffffff26 inset -2px 0 10px 0 #00000059;display:block;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:275px;z-index:10002}
#navPanel .link{display:block;color:#aaa;text-decoration:none;height:44px;line-height:44px;border-top:solid 1px #ffffff0d;border-bottom:solid 1px #00000026;padding:0 1em;text-transform:uppercase;font-weight:700;font-size:.95em;letter-spacing:.075em}
#navPanel .link:first-child{border-top:0}
#navPanel .link:last-child{border-bottom:0}
#navPanel .indent-1{display:inline-block;width:1em}
#navPanel .indent-2{display:inline-block;width:2em}
#navPanel .indent-3{display:inline-block;width:3em}
#navPanel .indent-4{display:inline-block;width:4em}
#navPanel .indent-5{display:inline-block;width:5em}
#navPanel .depth-0{color:#fff}
body.navPanel-visible #page-wrapper{-moz-transform:translateX(275px);-webkit-transform:translateX(275px);-ms-transform:translateX(275px);transform:translateX(275px)}
body.navPanel-visible #titleBar{-moz-transform:translateX(275px);-webkit-transform:translateX(275px);-ms-transform:translateX(275px);transform:translateX(275px)}
body.navPanel-visible #navPanel{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#header,#nav{display:none}
#header-wrapper{display:none}
.homepage #header-wrapper{display:block;padding-top:44px}
#main-wrapper{padding-top:44px}
.homepage #main-wrapper{padding-top:0}
#banner{padding:8em 0 4em}
#banner br{display:none}
#sidebar{margin-top:1em}
}
@media screen and (max-width: 736px) {
body,input,select,textarea{line-height:1.75em;font-size:10pt;letter-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:13pt!important}
h1,h2{line-height:1.5em}
section,article{margin-bottom:3em}
.image.left{width:25%}
.button{width:100%;font-size:1.1em;text-align:center;padding:1em 0;border-radius:8px}
.nav-left,.nav-right{width:95%}
ul.menu li{display:block;border:0!important;padding:0!important;margin:0!important}
ul.actions li{display:block;padding:0;margin:1em 0 0}
ul.actions li:first-child{margin-top:0}
.box.excerpt .image-left{margin-right:0}
.box.excerpt header{margin-left:32%}
.box.excerpt p{clear:both}
.box.feature1 section{margin-bottom:2em!important}
.box.spotlight{margin-top:2em}
#header-wrapper{background-position:35% 50%}
#footer-wrapper{padding:3em 20px}
#footer-wrapper section,#footer-wrapper article{margin-bottom:3em!important}
.wrapper{padding:3em 20px}
#banner{padding:40px 20px}
#banner h1, #banner h2{font-size:18pt!important}
#sidebar{margin-top:2em}
#copyright{margin-top:0;padding:3em 0 1em}
}
*{box-sizing:border-box}
.title{text-transform:uppercase}
.col{background-color:#07c70b;color:#fff;font-weight:700}
input[type="text"],input[type="number"],select,textarea{width:50%;padding:8px;border:2px solid #ccc;border-radius:4px;font-size:larger;background-color:#3a3d3e;color:#f0f8ff;font-weight:bolder;font-family:sans-serif}
label{font-weight:bolder;font-family:sans-serif;padding:12px;display:inline-block}
input[type="submit"]{background-color:#04aa6d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}
input[type="submit"]:hover{background-color:#45a049}
.col-25{float:left;width:25%;margin-top:6px;background-color:#3a3d3e;color:#fff;border-radius:8px;margin-right:8px}
.col-75{float:left;width:75%;margin-top:6px;background-color:#7d7e7e;color:#fff;border-radius:8px}
.cel::after{content:normal}
.cel{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;position:relative}
.cel1{margin-bottom:8px;padding:5px;background-image:-webkit-linear-gradient(top,#0000,#00000059),url(/images/tuile-asphalte.png);position:relative;background-color:#3b3e45e6;border-radius:8px;box-shadow:inset 0 0 0 1px #00000073 inset 0 2px 1px 0 #ffffff26}
#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:none;background-color:#3b85af;color:#fff;cursor:pointer;padding:10px;border-radius:8px;text-decoration:none}
#myBtn:hover{background-color:#555}
.progress{height:7px;background:#747173;border-radius:0;box-shadow:none;margin:22px 25px 19px;overflow:visible;position:relative;width:90%;float:left}
.progress .progress-title{padding:7px 10px;margin:0;background:#393a3d;border-radius:5px 0 0 5px;position:absolute;top:-13px;left:0;z-index:1}
.progress .progress-title:after{content:"";border-left:17px solid #393a3d;border-top:17px solid transparent;border-bottom:17px solid transparent;position:absolute;top:0;right:-17px}
.progress .progress-bar{box-shadow:none;border-radius:0;position:relative;-webkit-animation:animate-positive 2s;animation:animate-positive 3s}
.progress-bar{float:left;width:0;height:100%;text-align:center;background-color:#fff;-webkit-box-shadow:inset 0 -1px 0 #00000026;box-shadow:inset 0 -1px 0 #00000026;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress .progress-bar:after{content:"";width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;right:-5px;top:-6px}
.progress .progress-value{width:54px;height:28px;color:#fff;line-height:30px;border-radius:3px;background:#393a3d;text-align:center;position:absolute;bottom:-10px;right:-55px}
.progress.green .progress-bar:after{border:3px solid #000}
.article-navigation{border-top:3px solid #bec1c6;padding:10px 0}
.nav-left,.nav-right{display:inline-flex}
h4.second.icon.solid.fa-palette,h4.second.icon.solid.fa-cog{margin:0!important}
.progress-center{height:7px;background:#747173;border-radius:0;box-shadow:none;margin:22px 25px 19px;position:relative;width:90%;float:left;overflow:hidden}
.progress-bar-left{position:absolute;height:100%;background-color:#fff;right:50%;width:0;transition:width .3s ease}
.progress-bar-right{position:absolute;height:100%;background-color:#fff;left:50%;width:0;transition:width .3s ease}
.progress-value-center{position:absolute;top:55%;right:10px;transform:translateY(-50%);color:#fff;font-size:16px;font-weight:700;z-index:10}
.progress[id="equilibreFreinageC"],.progress[id="pressionFreinageC"]{position:relative}
.progress-with-value-container{display:flex;align-items:center;width:100%}
.progress-with-value-container .progress{flex-grow:1;margin-right:10px}
.progress-with-value-container .progress-value{font-size:16px;font-weight:700;min-width:40px;text-align:right;padding-right:5px}
.progress[id="equilibreFreinageC"]::before{content:'';position:absolute;top:calc(100% + 8px);left:49.5%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #ffffffb3;z-index:3;pointer-events:none}
.col-75[id="carrossageAVLeft"]::before,.col-75[id="carrossageARLeft"]::before,.col-75[id="paralleAVLeft"]::before,.col-75[id="paralleARLeft"]::before,.col-75[id="chasseAVLeft"]::before{content:'';position:absolute;top:calc(100% - 15px);right:38%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #ffffffb3;z-index:3;pointer-events:none}
.button.alt i{margin:5px}
video{border:3px solid #CE9400;border-radius:10px;box-shadow:0 0 10px #000000e6}
.article-navigation .button,
.article-navigation .pagination-ellipsis {margin: 0 0.25em; }
.article-navigation a.button[style*="cursor: default"] {background-color: #e8e8e8 !important;color: #444 !important;cursor: default;border-color: #ccc;}
.pagination-ellipsis {display: inline-block;padding: 0.5em 1em;vertical-align: middle;}
.sliderrang {
    width: 95%;
    margin: 0px 2px 1px 15px
}
input#prestige, input#level {
    height: 7px;
    background: #747173;
    border-radius: 0;
    box-shadow: none;
    margin: 22px 25px 19px;
    overflow: visible;
    position: relative;
    width: 95%;
    float: right
}
input[type="range"] {
  appearance: none;
  background: transparent;
  width: 15rem;
  cursor: pointer
}
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: #FFFFFF;
  width: 1rem;
  height: 1rem;
  border-radius: 50%
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  appearance: none;
  background: #FFFFFF;
  width: 1rem;
  height: 1rem;
  border-radius: 50%
}
/* Chrome, Safari, Edge (Chromium) */
input[type="range"]::-webkit-slider-thumb {
  background: #fff;
  border: 3px solid #000
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 3px solid #000
}
.progress-value.output.font-align {
    width: 54px;
    height: 28px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 8px;
    font-weight: bold
}
@-webkit-keyframes animate-positive {
0%{width:0}
}
@keyframes animate-positive {
0%{width:0}
}
@media screen and (max-width: 600px) {
.container,.col-25,.col-75,input[type="submit"]{width:100%;margin-top:0;max-width:calc(98%);max-height:max-content}
.progress{width:90%;max-width:calc(100%)}
.progress-center{width:82%;max-width:calc(100%)}
.cel{display:flex;flex-direction:row;flex-wrap:wrap}
.col-75[id="carrossageAVLeft"]::before,.col-75[id="carrossageARLeft"]::before,.col-75[id="paralleAVLeft"]::before,.col-75[id="paralleARLeft"]::before,.col-75[id="chasseAVLeft"]::before{right:50%}
.progress-value-center{top:75%}
}
/* ----------------------------------------------------
   CONTENEUR GLOBAL
---------------------------------------------------- */
.cars-container {
  max-width: 1400px;
  margin: auto;
  color: #fff;
}

/* ----------------------------------------------------
   STICKY HEADER FH5 + FH6 (UNIFIÉ)
---------------------------------------------------- */
.fh-sticky-header {
    position: sticky;
    top: 0;
    z-index: 50;

    background: #0c0c0c;
    padding: 15px 12px;
    border-radius: 12px;

    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.05),
        inset 0 -2px 6px rgba(0, 0, 0, 0.6),
        0 4px 10px rgba(0, 0, 0, 0.4);

    border: 1px solid #1a1a1a;

    display: flex;
    gap: 10px;
    align-items: center;
    backdrop-filter: blur(4px);
}

.fh-sticky-header input,
.fh-sticky-header select {
    padding: 10px;
    background: #111;
    color: #fff;
    border: 1px solid #444;
    border-radius: 6px;

    box-shadow:
        inset 0 1px 2px rgba(255, 255, 255, 0.05),
        inset 0 -1px 3px rgba(0, 0, 0, 0.5);
}

/* ----------------------------------------------------
   LISTE FH5 + FH6 (UNIFIÉE)
---------------------------------------------------- */
.fh-car-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ----------------------------------------------------
   CARTE FH5 + FH6 (UNIFIÉE)
---------------------------------------------------- */
.fh-card {
    display: flex;
    gap: 15px;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 15px 20px;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.35s ease-out,
        transform 0.35s ease-out,
        background 0.3s ease,
        border-color 0.3s ease;
}

.fh-card.visible {
    opacity: 1;
    transform: translateY(0);
}

.fh-card:hover {
    background: #242424;
    border-color: #555;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fh-card {
    position: relative;
}

.fh-card::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 12px;
    height: 100%;
    background-color: #CE9400;
    transform: translateY(-50%) rotate(0deg);
    border-radius: 0px 9px 9px 0px;
    pointer-events: none;
}

/* ----------------------------------------------------
   LIGNE INTERNE + TITRE
---------------------------------------------------- */
.fh-card-line {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.fh-title {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

/* ----------------------------------------------------
   BADGES FH5 + FH6 (UNIFIÉS)
---------------------------------------------------- */
.fh-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #2a2a2a;
    border: 1px solid #444;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.fh-card.visible .fh-badge {
    opacity: 1;
    transform: translateY(0);
}


/* Couleurs */
.badge-type    { background: #1e3a8a; border-color: #3156c4; }
.badge-obtain  { background: #065f46; border-color: #0d8f6a; }
.badge-series  { background: #7c2d12; border-color: #b45309; }
.badge-pack    { background: #4c1d95; border-color: #7c3aed; }

/* Icônes */
.icon-type::before   { content: "🚗"; }
.icon-obtain::before { content: "🎯"; }
.icon-series::before { content: "🏁"; }
.icon-pack::before   { content: "🎁"; }

/* ----------------------------------------------------
   COMPTEURS FH5 + FH6
---------------------------------------------------- */
.fh-count {
    margin: 10px 0 20px 0;
    font-size: 15px;
    opacity: 0.8;
    color: #fff;
}

.go-logo {
    position: absolute;
    top: 27%;
    right: 18px;
    width: 28px;
    height: 29px;
    background-image: url(/assets/img/go-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 5;
    opacity: 0.85;
    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
}

.go-logo:hover {
    opacity: 1;
    transform: scale(1.08);
    filter: drop-shadow(0 0 6px rgba(255,255,255,0.4));
}

/* Bouton GO (OFF) */
.go-filter-icon {
    width: 32px;
    height: 32px;
    background-image: url('/assets/img/go-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    margin-left: 12px;
    opacity: 0.45;
    transition: 0.25s ease;
    background-color: transparent !important;
    filter: drop-shadow(0 0 0px transparent);
    position: relative;
    overflow: hidden;
}

/* Glow pulsé */
@keyframes goPulse {
    0%   { filter: drop-shadow(0 0 2px #CE9400); }
    50%  { filter: drop-shadow(0 0 10px #FFD56A); }
    100% { filter: drop-shadow(0 0 2px #CE9400); }
}

/* Scan glitch horizontal */
@keyframes goScan {
    0%   { opacity: 0; transform: translateX(-100%); }
    50%  { opacity: 0.6; transform: translateX(100%); }
    100% { opacity: 0; transform: translateX(100%); }
}

/* Élément interne pour le scan */
.go-filter-icon.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(
        to right,
        transparent,
        rgba(255, 213, 106, 0.6),
        transparent
    );
    animation: goScan 2.5s infinite ease-in-out;
}

/* Mode ON */
.go-filter-icon.active {
    opacity: 1;
    animation: goPulse 1.4s infinite ease-in-out;
}
/* --- Glitch horizontal --- */
@keyframes goGlitchH {
    0%   { transform: translateX(0); opacity: 1; }
    10%  { transform: translateX(-1px); opacity: 0.7; }
    20%  { transform: translateX(1px); opacity: 0.9; }
    30%  { transform: translateX(-2px); opacity: 0.6; }
    40%  { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}

/* --- Glitch vertical (déjà présent mais amélioré) --- */
@keyframes goGlitchV {
    0%   { clip-path: inset(0 0 0 0); transform: translateY(0); opacity: 1; }
    10%  { clip-path: inset(3% 0 60% 0); transform: translateY(-1px); opacity: 0.8; }
    20%  { clip-path: inset(40% 0 20% 0); transform: translateY(1px); opacity: 0.9; }
    30%  { clip-path: inset(10% 0 50% 0); transform: translateY(-1px); opacity: 0.7; }
    40%  { clip-path: inset(0 0 0 0); transform: translateY(0); opacity: 1; }
    100% { clip-path: inset(0 0 0 0); transform: translateY(0); opacity: 1; }
}

/* --- Double glitch combiné --- */
.go-filter-icon.active::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/assets/img/go-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.35;
    pointer-events: none;
    animation:
        goGlitchV 4s infinite steps(1, end),
        goGlitchH 3.2s infinite steps(1, end);
}
/* --- Rythme global : 1 cycle = 2.8s --- */
.go-filter-icon.active {
    animation: goPulse 2.8s infinite ease-in-out;
}

/* --- Scan synchronisé (décalé légèrement) --- */
.go-filter-icon.active::after {
    animation: goScan 2.8s infinite ease-in-out;
}

/* --- Double glitch synchronisé mais désaxé --- */
.go-filter-icon.active::before {
    animation:
        goGlitchV 2.8s infinite steps(1, end),
        goGlitchH 2.8s infinite steps(1, end);
}
/* Style de base */
.glitch-title {
    position: relative;
    display: inline-block;
    color: #CE9400;
    text-shadow: 0 0 2px rgba(255,255,255,0.4);
    overflow: hidden;
}

/* Calques glitch */
.glitch-title::before,
.glitch-title::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}

/* Cyan */
.glitch-title::before {
    color: #00eaff;
}

/* Magenta */
.glitch-title::after {
    color: #ff00c8;
}

/* Animation glitch plus visible */
@keyframes titleGlitchStrong {
    0%   { opacity: 0; transform: translate(0,0); clip-path: inset(0 0 0 0); }
    5%   { opacity: 0.5; transform: translate(-2px,-1px); clip-path: inset(10% 0 40% 0); }
    7%   { opacity: 0.4; transform: translate(2px,1px); clip-path: inset(30% 0 20% 0); }
    9%   { opacity: 0.6; transform: translate(-3px,1px); clip-path: inset(5% 0 60% 0); }
    11%  { opacity: 0.3; transform: translate(3px,-1px); clip-path: inset(25% 0 10% 0); }
    13%  { opacity: 0; transform: translate(0,0); clip-path: inset(0 0 0 0); }
    100% { opacity: 0; transform: translate(0,0); clip-path: inset(0 0 0 0); }
}

/* Activation */
.glitch-title.active::before,
.glitch-title.active::after {
    animation: titleGlitchStrong 2.8s infinite steps(1, end);
}

/* Style de base des chiffres */
.compteur-agenda{display:inline-flex;gap:5px;border:3px solid #CE9400;padding:10px 20px;border-radius:5px;text-shadow:none}
.chiffre-case{
position: relative;
display:flex;
justify-content:center;
align-items:center;
width:30px;
height:45px;
border:2px solid #d5cdcd;
background-color:#242424;
font-size:1.9em;
font-weight:700;
color:#fff;
border-radius:5px;
box-shadow:inset 0 0 5px #0000001a;
--glitch-delay: 0s;
--glitch-speed: 2.2s;
}

/* Calques glitch */
.chiffre-case::before,
.chiffre-case::after {
    content: attr(data-digit);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}

/* Cyan */
.chiffre-case::before {
    color: #00eaff;
}

/* Magenta */
.chiffre-case::after {
    color: #ff00c8;
}

/* Animation glitch amplifiée */
@keyframes chiffreGlitchStrong {
    0%   { opacity: 0; transform: translate(0,0); clip-path: inset(0 0 0 0); }
    3%   { opacity: 0.8; transform: translate(-4px,-2px); clip-path: inset(10% 0 60% 0); }
    5%   { opacity: 0.6; transform: translate(4px,2px); clip-path: inset(50% 0 20% 0); }
    7%   { opacity: 0.9; transform: translate(-5px,1px); clip-path: inset(5% 0 70% 0); }
    9%   { opacity: 0.5; transform: translate(5px,-1px); clip-path: inset(30% 0 10% 0); }
    11%  { opacity: 0; transform: translate(0,0); clip-path: inset(0 0 0 0); }
    100% { opacity: 0; transform: translate(0,0); clip-path: inset(0 0 0 0); }
}

/* Activation avec rythme unique par chiffre */
.chiffre-case.glitch::before,
.chiffre-case.glitch::after {
    animation: chiffreGlitchStrong var(--glitch-speed) infinite steps(1, end);
    animation-delay: var(--glitch-delay);
}

.section-appear {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.section-appear.visible {
    opacity: 1;
    transform: translateY(0);
}
/* Grille */
.creations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

/* Carte commune */
.creation-card {
    position: relative;
    padding: 18px 10px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: 0.25s ease;
    text-align: center;
}

/* Bandeau en haut */
.creation-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

/* Actives = bandeau jaune/orange */
.creation-card.active::before {
    background: linear-gradient(90deg, #CE9400, #895b32);
}

/* Inactives = bandeau gris */
.creation-card.inactive::before {
    background: rgba(255, 255, 255, 0.15);
}

/* Hover */
.creation-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
/* Hover glow subtil pour les cartes actives */
.creation-card.active:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 12px rgba(206, 148, 0, 0.45), 
                0 0 24px rgba(206, 148, 0, 0.25);
}
.creation-card.inactive:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}
/* Animation progressive */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease, transform .6s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.creations-intro {
    text-align: center;
    font-size: 1.1rem;
    color: #ccc;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* ----------------------------------------------------
   RESPONSIVE UNIFIÉ
---------------------------------------------------- */
@media (max-width: 600px) {
    .fh-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .fh-card-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

/* ----------------------------------------------------
   LARGEUR FH5 (OPTIONNEL)
---------------------------------------------------- */
@media (min-width: 700px) {
    .fh5-car-list { max-width: 800px; margin: auto; }
}

@media (min-width: 1100px) {
    .fh5-car-list { max-width: 1000px; }
}