/* ==== MENU — version complète, visible sans hover ==== */

/* Icône maison + arrondi des liens racine (tous les menus) */

/* Je voulais bi-cpu-fill, mais y'avait pas, donc on triche, on met mémoire et on écrase */
.fa-memory {
  display:inline-block; width:1em; height:1em;
  background-color: currentColor;
  -webkit-mask: url("https://icons.getbootstrap.com/assets/icons/cpu-fill.svg") no-repeat center / contain;
          mask: url("https://icons.getbootstrap.com/assets/icons/cpu-fill.svg") no-repeat center / contain;
}

@media (min-width: 992px) and (max-width: 1435px)
{
    .nav-title .fas ~ span.nav-title-text
    {
        display: none;
    }
}

@media (min-width: 1215px)
{
    .cathome .nav-title .fas ~ span.nav-title-text
    {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1650px)
{
    .catother .nav-title .fas ~ span.nav-title-text
    {
        display: none;
    }
    
}
@media (min-width: 992px) and (max-width: 1375px)
{
    .nav-title .fas ~ span.nav-title-text
    {
        display: none;
    }
}

.fasize .fa-house-chimney { line-height: inherit !important; }

.nav-item-level-1 > a {
  padding-top: 8px; padding-bottom: 8px;
  margin: 2px 0;
  border-radius: 25px;
}


.nav-item .is-selected,
.nav-item .active
{
  font-style: italic;
  font-weight: bold;
}

/* Raccourci de sélecteur pour les catégories */
 /* (= .catalgo, .catprog, .catdata, .catred, .catarchi, .catnum) */
 /* Utiliser :is(var-cat) ci-dessous pour éviter les répétitions */
 /* NOTE: pas de variable de sélecteur en CSS, c’est juste un mémo */
 /* var-cat => :is(.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum) */

/* ==== Base du conteneur N1 (tous les menus) ==== */
.nav-item > .megamenu-container {
  top: calc(100% + 0px) !important;
  left: 0 !important;
  border-radius: 25px;
  background-clip: padding-box;
  overflow: visible !important;
  padding-top: 8px; padding-bottom: 8px;
  margin-top: 2px; margin-bottom: 2px;
  background: transparent !important; /* neutre par défaut */
}

/* ==== Palette par catégorie (.cat...) ==== */
html[data-bs-theme="dark"]
.nav-item > a.catother  ~ .megamenu-container { --cat-rgb: 25, 25,  25; }

html[data-bs-theme="dark"]
.nav-item > a.cathome  ~ .megamenu-container { --cat-rgb: 25, 25,  25; }

html[data-bs-theme="light"]
.nav-item > a.catother  ~ .megamenu-container { --cat-rgb: 200, 200,  200; }
html[data-bs-theme="light"]
.nav-item > a.cathome  ~ .megamenu-container { --cat-rgb: 200, 200,  200; }
.catalgo  { --cat-rgb: 235,  26,  38; }
.catprog  { --cat-rgb: 245, 137,  94; }
.catdata  { --cat-rgb: 247, 224, 112; }
.catred   { --cat-rgb: 148, 207, 145; }
.catarchi { --cat-rgb:  54, 153, 204; }
.catnum   { --cat-rgb: 150,  87, 163; }

/* 1) Lien principal .cat… coloré (0.5 / 0.7 / 0.8) */

a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum) {
  background-color: rgba(var(--cat-rgb,0,0,0), .5) !important;
  border-radius: 25px;
  transition: background-color .18s ease;
}

a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum):hover,
li.open a:is(.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum) {
  background-color: rgba(var(--cat-rgb,0,0,0), .7) !important;
}


a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum):active,
a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum).active {
  background-color: rgba(var(--cat-rgb,0,0,0), .8) !important;
}

/* 2) Définir la couleur/alpha SUR le <li> principal (visible sans hover) */
html[data-bs-theme="dark"]
.nav-item.nav-item-level-1:has(> a.catother)  { --cat-rgb: 25, 25,  25; }
html[data-bs-theme="light"]
.nav-item.nav-item-level-1:has(> a.catother)  { --cat-rgb: 200, 200,  200; }


html[data-bs-theme="dark"]
.nav-item.nav-item-level-1:has(> a.cathome)  { --cat-rgb: 25, 25,  25; }
html[data-bs-theme="light"]
.nav-item.nav-item-level-1:has(> a.cathome)  { --cat-rgb: 200, 200,  200; }

.nav-item.nav-item-level-1:has(> a.catalgo)  { --cat-rgb: 235, 26,  38; }
.nav-item.nav-item-level-1:has(> a.catprog)  { --cat-rgb: 245,137,  94; }
.nav-item.nav-item-level-1:has(> a.catdata)  { --cat-rgb: 247,224, 112; }
.nav-item.nav-item-level-1:has(> a.catred)   { --cat-rgb: 148,207, 145; }
.nav-item.nav-item-level-1:has(> a.catarchi) { --cat-rgb:  54,153, 204; }
.nav-item.nav-item-level-1:has(> a.catnum)   { --cat-rgb: 150, 87, 163; }

.nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum)) {
  --cat-alpha: .5;                   /* N1 visible */
  --submenu-alpha: var(--cat-alpha); /* N2+ visible */
}

/* 3) Propagation des variables du <li> vers tout le panneau */
.nav-item.nav-item-level-1 > .megamenu-container,
.nav-item.nav-item-level-1 > .megamenu-container .nav-submenu {
  --cat-rgb: inherit;
  --cat-alpha: inherit;
  --submenu-alpha: inherit;
}

/* 4) Couleur N1 (visible sans hover) uniquement pour les menus .cat… */
.nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum))
  > .megamenu-container {
  box-shadow: inset 0 0 0 100vmax rgba(var(--cat-rgb,0,0,0), var(--cat-alpha)) !important;
}

/* 5) Sous-menus : arrondis pour tous (non .cat inclus) */
.nav-item > .megamenu-container .nav-submenu {
  border-radius: 18px;
  background-clip: padding-box;
  overflow: visible !important;
}

/* 6) Sous-menus des .cat… : fond visible sans hover (sous-couche + teinte) */
html[data-bs-theme="light"]
  .nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum))
  > .megamenu-container .nav-submenu {
  background:
    linear-gradient(rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha)),
                    rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha))),
    rgba(248,247,244,1) !important;    /* sous-couche light */
}

html[data-bs-theme="dark"]
  .nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum))
  > .megamenu-container .nav-submenu {
  background:
    linear-gradient(rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha)),
                    rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha))),
    rgba(51,51,51,1) !important;       /* sous-couche dark */
}

/* 7) États : N1 (lui-même) et sous-menus (local) */
.nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum)):hover {
  --cat-alpha: .7; /* N1 au survol */
}
.nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum)).is-selected,
.nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum)).active {
  --cat-alpha: .8; /* N1 actif */
}
/* chaque sous-menu (N2+) se renforce localement au hover/ouvert */
.nav-item-submenu { --submenu-alpha: .5; }
.nav-item-submenu:hover,
.nav-item-submenu:focus-within,
.nav-item-submenu.open,
.nav-item-submenu.show,
.nav-item-submenu[aria-expanded="true"] {
  --submenu-alpha: .7;
}

/* 8) Neutralisation des rectangles/ombres internes (zéro “push”) */
.nav-item > .megamenu-container .nav-submenu > li,
.nav-item > .megamenu-container .nav-submenu > li > a,
.nav-item > .megamenu-container .nav-submenu > li > a .nav-title,
.nav-item > .megamenu-container .nav-submenu > li > a .nav-title-text {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 !important;
}
.nav-item > .megamenu-container .nav-submenu > li:hover,
.nav-item > .megamenu-container .nav-submenu > li > a:hover {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
}

/* === Fallback si le navigateur ne supporte pas :has() — via sélecteur frère === */
html[data-bs-theme="dark"]
.nav-item > a.catother  ~ .megamenu-container { --cat-rgb: 25, 25,  25; }
html[data-bs-theme="light"]
.nav-item > a.catother  ~ .megamenu-container { --cat-rgb: 200, 200,  200; }


html[data-bs-theme="dark"]
.nav-item > a.cathome  ~ .megamenu-container { --cat-rgb: 25, 25,  25; }
html[data-bs-theme="light"]
.nav-item > a.cathome  ~ .megamenu-container { --cat-rgb: 200, 200,  200; }

.nav-item > a.catalgo  ~ .megamenu-container { --cat-rgb: 235, 26,  38; }
.nav-item > a.catprog  ~ .megamenu-container { --cat-rgb: 245,137,  94; }
.nav-item > a.catdata  ~ .megamenu-container { --cat-rgb: 247,224, 112; }
.nav-item > a.catred   ~ .megamenu-container { --cat-rgb: 148,207, 145; }
.nav-item > a.catarchi ~ .megamenu-container { --cat-rgb:  54,153, 204; }
.nav-item > a.catnum   ~ .megamenu-container { --cat-rgb: 150, 87, 163; }


/* === Mobile Astroid : teinter le panneau selon la catégorie de la racine === */
@media (max-width: 991.98px) {

  /* 1) Variables posées sur le <li> racine selon la classe .cat… */
html[data-bs-theme="dark"]
#astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catother){ --cat-rgb: 25, 25,  25; }
html[data-bs-theme="light"]
#astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catother) { --cat-rgb: 200, 200,  200; }


html[data-bs-theme="dark"]
#astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.cathome){ --cat-rgb: 25, 25,  25; }
html[data-bs-theme="light"]
#astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.cathome) { --cat-rgb: 200, 200,  200; }


  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catalgo)  { --cat-rgb: 235, 26, 38; }
  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catprog)  { --cat-rgb: 245,137, 94; }
  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catdata)  { --cat-rgb: 247,224,112; }
  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catred)   { --cat-rgb: 148,207,145; }
  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catarchi) { --cat-rgb:  54,153,204; }
  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a.catnum)   { --cat-rgb: 150, 87,163; }

  /* visible sans hover + propagation locale aux sous-niveaux */
  #astroid-mobilemenu .nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum)) {
    --cat-alpha: .5;
    --submenu-alpha: var(--cat-alpha);
  }

  /* 2) Teinte appliquée à TOUTES les listes déroulées de cette racine */
  html[data-bs-theme="light"] #astroid-mobilemenu
  .nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum))
  ul.nav-child {
    background:
      linear-gradient(
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha)),
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha))
      ),
      rgba(248,247,244,1) !important;  /* sous-couche light */
    --cat-rgb: inherit; --cat-alpha: inherit; --submenu-alpha: inherit;
    border-radius: 18px;
  }

  html[data-bs-theme="dark"] #astroid-mobilemenu
  .nav-item.nav-item-level-1:has(> a:is(.cathome,.catother,.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum))
  ul.nav-child {
    background:
      linear-gradient(
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha)),
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha))
      ),
      rgba(51,51,51,1) !important;     /* sous-couche dark */
    --cat-rgb: inherit; --cat-alpha: inherit; --submenu-alpha: inherit;
    border-radius: 18px;
  }

  /* 4) Fallback sans :has() (navigateurs plus anciens) */
  html[data-bs-theme="dark"]
  #astroid-mobilemenu .nav-item > a.catalgo  ~ ul.nav-child { --cat-rgb: 25, 25, 25;  --cat-alpha:.5; --submenu-alpha:.5; }
  html[data-bs-theme="light"]
  #astroid-mobilemenu .nav-item > a.catalgo  ~ ul.nav-child { --cat-rgb: 200, 200, 200;  --cat-alpha:.5; --submenu-alpha:.5; }
  #astroid-mobilemenu .nav-item > a.catalgo  ~ ul.nav-child { --cat-rgb: 235, 26, 38;  --cat-alpha:.5; --submenu-alpha:.5; }
  #astroid-mobilemenu .nav-item > a.catprog  ~ ul.nav-child { --cat-rgb: 245,137, 94;  --cat-alpha:.5; --submenu-alpha:.5; }
  #astroid-mobilemenu .nav-item > a.catdata  ~ ul.nav-child { --cat-rgb: 247,224,112;  --cat-alpha:.5; --submenu-alpha:.5; }
  #astroid-mobilemenu .nav-item > a.catred   ~ ul.nav-child { --cat-rgb: 148,207,145;  --cat-alpha:.5; --submenu-alpha:.5; }
  #astroid-mobilemenu .nav-item > a.catarchi ~ ul.nav-child { --cat-rgb:  54,153,204;  --cat-alpha:.5; --submenu-alpha:.5; }
  #astroid-mobilemenu .nav-item > a.catnum   ~ ul.nav-child { --cat-rgb: 150, 87,163;  --cat-alpha:.5; --submenu-alpha:.5; }

  html[data-bs-theme="light"] #astroid-mobilemenu
  .nav-item > a:is(.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum) ~ ul.nav-child {
    background:
      linear-gradient(
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha)),
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha))
      ),
      rgba(248,247,244,1) !important;
    border-radius: 18px;
  }
  html[data-bs-theme="dark"] #astroid-mobilemenu
  .nav-item > a:is(.catalgo,.catprog,.catdata,.catred,.catarchi,.catnum) ~ ul.nav-child {
    background:
      linear-gradient(
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha)),
        rgba(var(--cat-rgb,0,0,0), var(--submenu-alpha))
      ),
      rgba(51,51,51,1) !important;
    border-radius: 18px;
  }
  
  #astroid-mobilemenu .nav-item.nav-item-level-1,
  #astroid-mobilemenu .nav-item-submenu,
  #astroid-mobilemenu .nav-item-submenu:hover,
  #astroid-mobilemenu .nav-item-submenu:focus-within,
  #astroid-mobilemenu .nav-item-submenu.open,
  #astroid-mobilemenu .nav-item-submenu.show,
  #astroid-mobilemenu .nav-item-submenu[aria-expanded="true"] {
    --submenu-alpha: .5 !important; /* ou var(--cat-alpha) */
  }
}

/* === Supprimer les arrondis en mode mobile === */
@media (max-width: 991.98px) {
  #astroid-mobilemenu ul.nav-child,
  #astroid-mobilemenu .nav-item,
  #astroid-mobilemenu .nav-item > a,
  #astroid-mobilemenu .menu-go-back {
    border-radius: 0 !important;
  }
}
/* Image menu */

@media (min-width: 992px)
{
    #bandeau
    {
        background-image: url('/images/headers/Fre-NSI.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 100px;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px)
{
    .astroid-logo-default
    {
        display: none !important;
    }
    .astroid-logo-default.dark
    {
        display: none !important;
    }
    .astroid-logo-sticky
    {
        display: none;
        opacity: 0;
    }
    .astroid-logo-default
    {
        display: none !important;
    }
    .astroid-logo-mobile.dark
    {
        display: flex !important;
    }
}

.icons .float-end
{
  position:relative;
  top:-12px;
}

.astroid-article-title .icons .float-end
{
  position:relative;
  top:-40px;
}


/* Grandes images... */
img.big_img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    width:50%;
    height:auto;
}

img.mini_logo
{
    vertical-align: baseline;
}

video.big_img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    width:50%;
    height:auto;
}

        /* pour les menus d’accueil avec arbre*/
p.big_menu
{
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    width: 65%;
    height: auto;    
}

div.big_menu
{
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    width: 65%;
    height: auto;    
}

p.big_menu img.big_img
{
    width:100%;
}

.big_scratch
{
    width:48vw;
    height:40vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    min-height:380px;
    frameborder:0;
}

.big_geogebra
{
    width:48vw;
    height:36vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    min-height:380px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

@media  (max-width: 800px)
{
  img.big_img, video.big_img, p.big_menu, .big_scratch, .big_geogebra
  {
      min-width: 200px;
      width:95%;
  }
  
  .form-switch
  {
    padding-left: 1.5em !important;
  }
}

/* Général -- Pourrait se faire via Astroid */
/* **** */



body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px;
	line-height: 20px;
	/*color: #333;*/
	/*background-color: #fff;*/
}

body li
{
    line-height: 20px;
}

        /* Titre */

.astroid-article-pageheading
{
    position: relative;
    top:-40px;
}

.astroid-article-title, .blog .page-header
{
    border-bottom: 1px solid #eee;
    margin: -15px 0px 10px 0px !important;
    padding-bottom: 5px;
}

.blog .page-header
{
    margin: -35px 0px 10px 0px !important;
}
.icons .float-end a
{
    position: relative;
    top:20px;
}

#system-message-container joomla-alert
{
    margin: 0px 0px 50px 0px;
}

h4
{
    text-decoration: underline;
}


h2, h1
{
    margin-left: 8%;
    color: rgb(153, 153, 153);
    margin-top : 0px;
    margin-bottom : 5px;
}

h2:first-letter, h1:first-letter
{
    color: rgb(238, 116, 27);
}

h3 {
    margin-left: 3%;
    color: rgb(128, 128, 128);
    font-style: italic;
    text-decoration: underline !important;
}

    /* Tableaux */
    
.table_container
{
    overflow: auto;
    width:100%;
}

table.table-style-1,
table.table-style-2,
table.table-style-3
{
    word-break: keep-all;
    width: 100%;
}

table.table-style-1 thead,
table.table-style-2 thead,
table.table-style-3 thead
{
    border-top: 3px solid #ee741b;
    border-left: 3px solid #ee741b;
    border-right: 3px solid #ee741b;
    border-bottom: 1px solid #ee741b;
}

table.table-style-1 tbody,
table.table-style-2 tbody
{
    border-top: 1px solid #ee741b;
    border-left: 3px solid #ee741b;
    border-right: 3px solid #ee741b;
    border-bottom: 0px;
}

table.table-style-3 tbody
{
    border-top: 1px solid #ee741b;
    border-left: 3px solid #ee741b;
    border-right: 3px solid #ee741b;
    border-bottom: 3px solid #ee741b;
}

table.table-style-1 tfoot .none_footer,
table.table-style-2 tfoot .none_footer
{
    border-top: 3px solid #ee741b;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    background-color: transparent;
    padding: 0px;
}

table.table-style-1 tfoot .left_footer,
table.table-style-2 tfoot .left_footer
{
    border-top: 1px solid #ee741b;
    border-left: 3px solid #ee741b;
    border-bottom: 3px solid #ee741b;
}

table.table-style-1 tfoot .right_footer,
table.table-style-2 tfoot .right_footer
{
    border-top: 1px solid #ee741b;
    border-right: 3px solid #ee741b;
    border-bottom: 3px solid #ee741b;
}

table.table-style-1 tfoot .bottom_footer,
table.table-style-2 tfoot .bottom_footer
{
    border-top: 1px solid #ee741b;
    border-bottom: 3px solid #ee741b;
}

table.table-style-1.no-footer tbody tr:last-child,
table.table-style-2.no-footer tbody tr:last-child,
table.table-style-3.no-footer tbody tr:last-child
{
  border-bottom: 3px solid #ee741b;
}


table.table-style-1 td,
table.table-style-2 td,
table.table-style-3 td
{
    background-color: #e1e1e0;
    border: 1px solid white;
    text-align: center;
}


table.table-style-1 th,
table.table-style-2 th,
table.table-style-3 th
{
    background-color: #4CAF50;
    border: 1px solid white;
    color: white;
    text-align: center;
}

table.table-style-1 th.headth,
table.table-style-2 th.headth,
table.table-style-3 th.headth
{
    border: 1px solid #ee741b;
    font-size: 150%;
}

table.table-style-1 td input:not([type="radio"], [type="checkbox"]),
table.table-style-2 td input:not([type="radio"], [type="checkbox"])
{
    height:100%;
    margin:0px;
}

table.table-style-3
{
    color:rgba(128, 128, 128, 1);
}

/* Titres de section (ligne grisée centrée) */
.table-style-3 .section td {
  text-align: center;
  font-style: italic;
  font-weight: 700;
  color:black;
}


.evaluation-table.table-style-3 tr td:first-child
{
  text-align:left;
}

/* Titres de section (ligne grisée centrée) */
.evaluation-table.table-style-3 tr.section td {
  text-align: center;
  font-style: italic;
  font-weight: 700;
  color:black;
}

/* Isolation du total en pied : on “efface” la 1re cellule */
.table-style-3 tfoot .spacer {
  background: transparent !important;
  border: 0 !important;
}

/* Cellule du total : visible, avec bordure haute marquée et alignement à droite */
.table-style-3 tfoot .total {
  text-align: right;
  font-weight: 700;
  border-left: 3px solid #ee741b;
  border-bottom: 3px solid #ee741b;
  border-right: 3px solid #ee741b;
  border-top: 3px solid #ffffff;
}

.table-style-3.evaluation-table .total
{
  text-align: right;
}
@media (max-width: 480px)
{
    table.table-style-1,
    table.table-style-2
    {
        font-size: 45%;
    }
    table.table-style-1 td, table.table-style-1 th,
    table.table-style-2 td, table.table-style-2 th
    {
        padding:1px;
    }
}
@media (min-width: 480px) and (max-width: 767px)
{
    table.table-style-1
    {
        font-size: 60%;
    }
    table.table-style-2
    {
        font-size: 45%;
    }
    table.table-style-1 td, table.table-style-1 th,
    table.table-style-2 td, table.table-style-2 th
    {
        padding:1px;
    }
}
@media (min-width: 768px) and (max-width: 979px)
{
    table.table-style-1
    {
        font-size: 45%;
    }
    table.table-style-2
    {
        font-size: 60%;
    }
    table.table-style-1 td, table.table-style-1 th
    {
        padding:1px;
    }
    table.table-style-2 td, table.table-style-2 th
    {
        padding:2px;
    }
}

@media (min-width: 980px) and (max-width: 1199px)
{
    table.table-style-1
    {
        font-size: 55%;
    }
    table.table-style-2
    {
        font-size: 70%;
    }
    table.table-style-1 td, table.table-style-1 th
    {
        padding:2px;
    }
    table.table-style-2 td, table.table-style-2 th
    {
        padding:3px;
    }
}
@media (min-width: 1200px)
{
    table.table-style-1
    {
        font-size: 70%;
    }
    table.table-style-2
    {
        font-size: 75%;
    }
    table.table-style-1 td, table.table-style-1 th
    {
        padding:4px;
    }
    table.table-style-2 td, table.table-style-2 th
    {
        padding: 5px;
    }
}

table.table-style-1.zoom,
table.table-style-2.zoom
{
    min-width:100%;
    width:auto;
    font-size: 90%;
}

table.table-style-1.zoom td, table.table-style-1.zoom th,
table.table-style-2.zoom td, table.table-style-2.zoom th
{
    padding: 8px;
}


.evaluation-table.table-style-3 tfoot .total
{
  text-align: center;
}
       /* Blog */

.com-content-category-blog__items.blog-items.items-leading
{
    margin:0px !important;
}



.blog-item
{
    
    border-bottom: 1px solid #eee;
/*     margin: 0px 0px 20px 0px; */
    padding-bottom: 5px;
}

.blog hr
{
    margin-top: 12px;
    margin-bottom : 8px;
    
}

.blog h2[itemprop="name"] a
{
    color: rgb(128, 128, 128) !important;
    font-style: italic;
    font-size: 18px;
    line-height: 20px;
}

.blog h2[itemprop="name"]:first-letter
{
    color: rgb(128, 128, 128) !important;
}

a.tabspace img.mini_logo
{
    margin-left:64px;
}

/* Passage Dark / Light */

html[data-bs-theme="light"] body .block-dark, html[data-bs-theme="light"] body .inline-dark, html[data-bs-theme="light"] body .inline-block-dark, html[data-bs-theme="light"] body .flex-dark, html[data-bs-theme="light"] body .grid-dark
{
    display: none !important;
}

html[data-bs-theme="dark"] body  .block-light, html[data-bs-theme="dark"] body  .inline-light, html[data-bs-theme="dark"] body  .inline-block-light, html[data-bs-theme="dark"] body  .flex-light, html[data-bs-theme="dark"] body  .grid-light
{
    display: none !important;
}

html[data-bs-theme="dark"] body  .block-dark
{
    display: block;
}

html[data-bs-theme="dark"] body  .inline-dark
{
    display: inline;
}

html[data-bs-theme="dark"] body  .inline-block-dark
{
    display: inline-block;
}

html[data-bs-theme="dark"] body  .flex-dark
{
    display: flex;
}

html[data-bs-theme="dark"] body  .grid-dark
{
    display: grid;
}


html[data-bs-theme="light"] body .block-light
{
    display: block;
}

html[data-bs-theme="light"] body .inline-light
{
    display: inline;
}

html[data-bs-theme="light"] body .inline-block-light
{
    display: inline-block;
}

html[data-bs-theme="light"] body .flex-light
{
    display: flex;
}

html[data-bs-theme="light"] body .grid-light
{
    display: grid;
}

/* CodeMirror */
.CodeAuto ~ .CodeMirror
{
    height:auto !important;
}

.CodeMirror .mark
{
    background-color: RGB (255, 219, 187);
}

/* Le conteneur */
.toggle {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: .5rem;
  background: var(--bs-body-bg, #fff);
  padding: .5rem .75rem;
}

/* Summary : clickable + reset du marqueur natif */
.toggle > summary {
  display: flex;                /* pour aligner l’icône et le texte */
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  font-weight: 600;
  list-style: none;             /* Firefox */
  outline: none;
  margin: 0;
}
/* Cacher le chevron natif */
.toggle > summary::marker { content: ""; }                 /* Spec moderne */
.toggle > summary::-webkit-details-marker { display:none;} /* Chrome/Safari */

/* Icône custom */
.toggle > summary::before {
  content: "▸";
  transition: transform .2s ease;
}
/* État ouvert */
.toggle[open] > summary::before {
  transform: rotate(90deg);
}

/* Animation d’ouverture/fermeture (sans JS) via CSS Grid trick */
.toggle > .panel {
  display: grid;
  grid-template-rows: 0fr;      /* fermé */
  transition: grid-template-rows .3s ease;
}
.toggle[open] > .panel {
  grid-template-rows: 1fr;      /* ouvert */
}
.toggle > .panel > * {
  overflow: hidden;             /* masque la hauteur pendant l’anim */
}

/* Accessibilité focus */
.toggle > summary:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); /* style Bootstrap-ish */
  border-radius: .375rem;
}