div.grid-child.container-component div.com-users-login__options.list-group{
display:none;
}
/* === OVERRIDES UP === */
a.handle.ui-slideouttab-handle, .ui-slideouttab-panel {
  z-index:800 !important;
}
/* === END OVERRIDES UP === */

/* === MODULE EDITION IN FRONTEND === */
.jmodedit {
  display:none !important;
}
/* === END MODULE EDITION IN FRONTEND === */

/* === LOGO === */
div.grid-child {
  padding: 0 8px !important;
}
.navbar-brand {
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.navbar-brand a{
  padding-left:40px !important;
}
.navbar-brand a img{
  width:60% !important;
}
/* === END LOGO === */

/* === MENU === */
.container-header nav {
  margin:0 !important;
}
.metismenu.mod-menu {
  padding-left:40px !important;
}
.container-sidebar-left {
  overflow-y: auto;
}
/* === END MENU === */

/* === LANGUAGE SELECTOR === */
div.main-top.card {
  border:none !important;
}
.card {
  --card-spacer-y: 0.01rem !important;
}
ul.mod-languages__list.lang-inline {
  text-align:right !important;
}
ul.mod-languages__list.lang-inline li.lang-active {
  background-color: rgba(255,255,255, 0) !important;
}
/* === END LANGUAGE SELECTOR === */

/* === LOGIN FORM === */
.blog-featured .item-content ul.mod-login__options {
  display:none !important;
}
/* === END LOGIN FORM === */

/* === LOGOUT FORM === */
.container-topbar ul.mod-menu.mod-list.nav {
  display: flex !important;
  justify-content: flex-end !important;
  margin-right:20px;
}
/* === END LOGOUT FORM === */

/* === LIST OF TAGGED ELEMENTS === */
#maincontent div.tag-category ul.category h3 {
  font-size:14px;
}
#maincontent div.tag-category ul.list-striped li{
  padding:0;
}
#maincontent div.tag-category div.btn-group button.btn {
  background-color: white;
  background-image: none;
  color: #0074E8;
  margin: 0 10px;
  padding: 7px 0;
}
.pager li > a {
  border-radius:4px;
}
/* === END LIST OF TAGGED ELEMENTS === */

/* === ADVANCED SEARCH === */
.container-search {
  margin-top:0 !important;
}
.awesomplete {
  margin-bottom:3px !important;
}
.awesomplete > input {
  height:35px !important;
}
.finder button.btn-primary[type="submit"],
.finder button.btn-secondary[type="button"]{
  height:35px;
  padding-top:0;
  padding-bottom:0;
}
/* === END ADVANCED SEARCH === */

/* === HEADINGS IN ARTICLE === */
#maincontent h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  padding-bottom:2px;
  margin-top:0;
}

#maincontent h1, h1 {
  font-size: 2.1em;        /* ~33.6px si body=16px */
  line-height: 1.2;
  font-weight: 700;
  color: #121417;
  letter-spacing: 0.7px;
}

#maincontent h2, h2 {
  font-size: 1.65em;       /* ~26.4px */
  line-height: 1.25;
  font-weight: 600;
  color: #1B1E22;
  letter-spacing: 0.6px;
}

#maincontent h3, h3 {
  font-size: 1.32em;       /* ~21px */
  line-height: 1.25;
  font-weight: 500;
  color: #25282E;
  letter-spacing: 0.4px;
}
#maincontent h3.card-header, h3.card-header {
  font-weight: bold;
  line-height: 1.6;
}

#maincontent h4, h4 {
  font-size: 1.12em;       /* ~18px */
  line-height: 1.3;
  font-weight: 500;
  color: #2E323A;
  letter-spacing: 0px;
}
#maincontent h4.result-title, h4.result-title {
  font-size: 0.95em;
}

#maincontent h5, h5 {
  font-size: 1em;          /* 16px */
  line-height: 1.35;
  font-weight: 500;
  color: #393F48;
  letter-spacing: 0px;
}

#maincontent h6, h6 {
  font-size: 0.92em;       /* ~14.7px */
  line-height: 1.4;
  font-weight: 500;
  color: #424850;
  letter-spacing: 0px;
}
/* === END HEADINGS IN ARTICLE === */

/* === BADGE SP === */
.badge-sp {
  background-color: #E6F7FF;
  border-radius: 10px;
  color: #0074E8;
  border: solid 2px #0074E8;
  padding: 3px 7px;
  font-weight: bold;
  font-size: 0.75em;
  display: inline-block;
  margin: 1px 0;
}
.badge-sp a, .badge-sp a:hover,
a.badge-sp, a:hover.badge-sp {
  color:#0074E8;
  text-decoration:none;
}
/* === END BADGE SP === */

/* === TABLES : STYLES GÉNÉRALISÉS === */

/* Styles communs à toutes les tables personnalisées */
.table-fields, .table-eyc,
.table-fields-601, .table-field-602, .table-field,
.table-wo-bold, .table-ergo-602, .table-ergo,
.table-grey, .table-actions, .table-action-601, .table-action-602,
.important, .important-note, .tip, .info, .summary,
.table-wo-style,
div.com-content-article.item-page .table
{
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 5px 0;
  box-sizing: border-box;
  background-color: #F8FAFC;
}

/* Cellules générales */
.table-fields td, .table-fields th,
.table-eyc td, .table-eyc th,
.table-fields-601 td, .table-fields-601 th,
.table-field-602 td, .table-field-602 th,
.table-field td, .table-field th,
.table-wo-bold td, .table-wo-bold th,
.table-ergo-602 td, .table-ergo-602 th,
.table-ergo td, .table-ergo th,
.table-grey td, .table-grey th,
.table-actions td, .table-actions th,
.table-action-601 td, .table-action-601 th,
.table-action-602 td, .table-action-602 th,
.table-wo-style td, .important td, .important-note td,
.tip td, .info td, .summary td,
div.com-content-article.item-page .table td
{
  padding: 8px;
  line-height: 18px;
  vertical-align: middle;
  box-sizing: border-box;
}

/* Fond d'en-tête */
.table-fields thead tr th,
.table-fields-601 thead tr th,
.table-field-602 thead tr th,
.table-field thead tr th,
.table-wo-bold thead tr th,
.table-ergo-602 thead tr th,
.table-ergo thead tr th,
.table-actions thead tr th,
.table-action-601 thead tr th,
.table-action-602 thead tr th
{
  background-color: #001D4F;
  color: white;
  font-weight: bold;
  text-align: left;
}

.table-fields thead tr td,
.table-fields-601 thead tr td,
.table-field-602 thead tr td,
.table-field thead tr td,
.table-wo-bold thead tr td,
.table-ergo-602 thead tr td,
.table-ergo thead tr td,
.table-actions thead tr td,
.table-action-601 thead tr td,
.table-action-602 thead tr td
{
  /* Si thead contient des td */
  background-color: #001D4F;
  color: white;
  font-weight: bold;
  text-align: left;
}

/* Première ligne du tbody comme header (pour compatibilité anciens tableaux) */
.table-fields tbody tr:first-child th,
.table-fields tbody tr:first-child td,
.table-eyc tbody tr:first-child th,
.table-eyc tbody tr:first-child td,
.table-wo-bold tbody tr:first-child th,
.table-wo-bold tbody tr:first-child td
{
  background-color: #001D4F;
  color: white;
  font-weight: bold;
  text-align: left;
}

/* Fond du tbody : lignes normales */
.table-fields tbody td, .table-eyc tbody td,
.table-fields-601 tbody td, .table-field-602 tbody td, .table-field tbody td,
.table-wo-bold tbody td, .table-ergo-602 tbody td, .table-ergo tbody td,
.table-grey td, .table-actions tbody td,
.table-action-601 tbody td, .table-action-602 tbody td,
div.com-content-article.item-page .table td
{
  background-color: #F8FAFC;
}

/* Bordures */
.table-fields td, .table-eyc td, .table-fields-601 td, .table-field-602 td, .table-field td,
.table-wo-bold td, .table-ergo-602 td, .table-ergo td, .table-grey td, .table-actions td,
.table-action-601 td, .table-action-602 td, div.com-content-article.item-page .table td
{
  border: 1px solid #758592;
  /* pas de border-style séparé */
}

/* Bordures latérales invisibles */
.table-fields td:first-child, .table-eyc td:first-child,
.table-fields-601 td:first-child, .table-field-602 td:first-child, .table-field td:first-child,
.table-wo-bold td:first-child, .table-ergo-602 td:first-child, .table-ergo td:first-child,
.table-grey td:first-child, .table-actions td:first-child,
.table-action-601 td:first-child, .table-action-602 td:first-child,
div.com-content-article.item-page .table td:first-child
{
  border-left: none;
}
.table-fields td:last-child, .table-eyc td:last-child,
.table-fields-601 td:last-child, .table-field-602 td:last-child, .table-field td:last-child,
.table-wo-bold td:last-child, .table-ergo-602 td:last-child, .table-ergo td:last-child,
.table-grey td:last-child, .table-actions td:last-child,
.table-action-601 td:last-child, .table-action-602 td:last-child,
div.com-content-article.item-page .table td:last-child
{
  border-right: none;
}

/* Gras sur première colonne du tbody (sauf .table-wo-bold) */
.table-fields tbody tr + tr td:first-child, .table-eyc tbody tr + tr td:first-child,
.table-fields-601 tbody tr td:first-child, .table-field-602 tbody tr td:first-child, .table-field tbody tr td:first-child,
.table-ergo-602 tbody tr td:first-child, .table-ergo tbody tr td:first-child,
.table-actions tbody tr td:first-child, .table-action-601 tbody tr td:first-child, .table-action-602 tbody tr td:first-child
{
  font-weight: bold;
}

/* Séparateur bas entre les lignes */
.table-fields tbody tr + tr, .table-eyc tbody tr + tr, .table-wo-bold tbody tr + tr,
.table-fields-601 tbody tr + tr, .table-field-602 tbody tr + tr, .table-field tbody tr + tr,
.table-ergo-602 tbody tr + tr, .table-ergo tbody tr + tr,
.table-actions tbody tr + tr, .table-action-601 tbody tr + tr, .table-action-602 tbody tr + tr,
.table-grey tr + tr, div.com-content-article.item-page .table tr + tr
{
  border-bottom: 1px solid #ddd;
}

/* TABLE WO STYLE (table peu stylée, pas de border/fond) */
.table-wo-style td { padding:8px; line-height:18px; background: none; border: none; }

/* === TABLES À INFORMATION : COULEUR SPÉCIALE === */
.important, .important-note { background-color:#FFF2F0; box-shadow: 0 0 0 2px #D63230; }
.important td, .important-note td { text-align: left; }

.tip { background-color: #FFFCE6; box-shadow: 0 0 0 2px #FFB600; }
.tip td { text-align: left; }

.info { background-color: #E6F7FF; box-shadow: 0 0 0 2px #0074E8; }
.info td { text-align: left; }

.summary { background-color: #e6ffee; box-shadow: 0 0 0 2px #009933; }
.summary td { text-align: left; }

/* === END TABLES === */

/* === TABLES ACTIONS NUMÉROTÉES === */
.table-actions, .table-action-601, .table-action-602 {
  counter-reset: rowNumber;
}
.table-actions tbody tr,
.table-action-601 tbody tr,
.table-action-602 tbody tr {
  counter-increment: rowNumber;
}
.table-actions tbody tr td:first-child::before,
.table-action-601 tbody tr td:first-child::before,
.table-action-602 tbody tr td:first-child::before {
  content: counter(rowNumber);
}
/* === END TABLES ACTIONS NUMÉROTÉES === */

/* === BUTTONS GENERAL === */
#maincontent div a.btn,a.btn-primary,a.flashy {
  display:inline;
  font-weight: normal;
  background-image: none;
  background-color: rgba(255, 255, 255, 0);
  color: #0074E8;
  padding:0;
  font-size:12px;
}
#maincontent .export-button {
  padding: 7px 10px;
  font-weight: normal;
  background-image: none;
  background-color: white;
  border-radius: 4px;
  color: #0074E8;
  border: solid #0074E8 2px;
}
/* === END BUTTONS GENERAL === */

/* === SLIDER & READMORE BUTTONS === */
div.btn-sliders-container {
  display: flex;
  justify-content: flex-end;
}
button.btn-sliders, p.readmore a.btn,
a.btn.btn-sm.btn-secondary.next,
a.btn.btn-sm.btn-secondary.previous {
  background-color: #010156 !important;
  color: white !important;
  border: solid 2px #010156 !important;
  border-radius:4px !important;
  font-size:0.95em !important;
  padding: 3px 10px !important;
  margin-left:3px !important;
  margin-bottom:-5px !important;
  background-image:none !important;
}
/* === END BUTTONS === */

/* === VIDEO CONTAINER === */
.video-container{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* === END VIDEO CONTAINER === */

/* === TOOLTIP IMAGE AREA === */
.image-tooltip {
  display: none;
  position: absolute;
  background-color: #E7ECF1;
  border-radius:10px;
  border: solid 2px #121417;
  padding: 10px;
  z-index: 1000;
}
.image-tooltip-content {
  max-width: 300px;
}
.close-btn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
}
/* === END TOOLTIP IMAGE AREA === */

/* == MOBILE MENU ACTIVATION == */
/* Activation par .mobile-menu-active sur le <body> */

body.mobile-menu-active .navbar-collapse.collapse,
body.mobile-menu-active .navbar-collapse.collapsing {
  display: none !important;
}

body.mobile-menu-active .navbar-collapse.collapse.show,
body.mobile-menu-active .navbar-collapse.collapsing.show {
  position: fixed !important;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100vw !important;
  height: 100vh !important;
  background: var(--cassiopeia-color-primary, #2a4e9c);
  color: #fff;
  z-index: 1200;
  margin: 0;
  padding-top: 56px;         /* hauteur du header */
  padding-bottom: 0.5rem;
  box-shadow: 0 4px 24px rgba(0,0,0,0.2);
  overflow-y: auto;
  display: block !important;
}

/* Logo à gauche dans le header (mobile) */
body.mobile-menu-active .navbar-brand a {
  padding-left: 10px !important;
  padding-right: 0 !important;
  display: flex;
  align-items: center;
  height: 56px;
}

/* Image logo mobile : format harmonieux */
body.mobile-menu-active .navbar-brand a img {
  width: 90% !important;
  height: auto !important;
  vertical-align: middle;
  display: block;
}

/* Header mobile : layout flex, sticky, fond bleu */
body.mobile-menu-active header.header.container-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  min-height: 56px;
  background: var(--cassiopeia-color-primary, #2a4e9c);
  position: relative;
  z-index: 1201;
}

/* Bloc navigation mobile (flexibilité) */
body.mobile-menu-active .container-nav {
  flex: 1 1 auto;
  display: block;
  margin-bottom: 0;
  position: relative;
}

/* Bouton burger à droite, aligné verticalement au centre du header */
body.mobile-menu-active .navbar-toggler {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 56px;
  color: #fff;
  background: none;
  border: none !important;
  padding: 0.25rem 1rem;
  outline: none;
  box-shadow: none;
  z-index: 1205;
  font-size: 2rem;
  display: flex;
  align-items: center;
}

body.mobile-menu-active .navbar-toggler:focus,
body.mobile-menu-active .navbar-toggler:active,
body.mobile-menu-active .navbar-toggler:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Icône burger blanche */
body.mobile-menu-active .navbar-toggler .icon-menu {
  color: #fff;
  font-size: 1.5rem;
}

/* Menu principal vertical partout en mobile/tablette */
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu,
body.mobile-menu-active .navbar-collapse.collapse ul.mod-list,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu {
  flex-direction: column !important;
  display: flex !important;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Les items principaux du menu restent en vertical */
body.mobile-menu-active .navbar-collapse.collapse li {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Liens et boutons toujours sur toute la largeur */
body.mobile-menu-active .navbar-collapse.collapse a,
body.mobile-menu-active .navbar-collapse.collapse button {
  display: flex !important;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

/* Style général Cassiopeia sur liens/menu */
body.mobile-menu-active .navbar-collapse.collapse li,
body.mobile-menu-active .navbar-collapse.collapse a,
body.mobile-menu-active .navbar-collapse.collapse button {
  color: #fff !important;
  background: var(--cassiopeia-color-primary, #2a4e9c) !important;
  border: none;
  padding: 0.75rem 1.5rem;
  text-align: left;
  font-size: 1.08rem;
  letter-spacing: 0.02em;
  border-radius: 0;
  width: 100%;
  transition: background 0.15s;
}

/* Hover/active sur liens du menu mobile */
body.mobile-menu-active .navbar-collapse.collapse a:hover,
body.mobile-menu-active .navbar-collapse.collapse button:hover,
body.mobile-menu-active .navbar-collapse.collapse a:active,
body.mobile-menu-active .navbar-collapse.collapse button:active {
  background: var(--cassiopeia-color-secondary, #375a97) !important;
  color: #fff !important;
}

/* -------- SOUS-MENUS METISMENU -------- */

/* Masquer les sous-menus par défaut */
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse {
  display: none !important;
  background: var(--cassiopeia-color-secondary, #375a97);
  margin-left: 1rem;
  border-left: 2px solid #fff2;
}

/* Afficher les sous-menus SI ouverts par MetisMenu */
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse.show,
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse.mm-show,
body.mobile-menu-active .navbar-collapse.collapse .mm-collapsing.mm-show {
  display: block !important;
}

/* Liens enfants du sous-menu */
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse li,
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse a {
  background: var(--cassiopeia-color-secondary, #375a97) !important;
  color: #fff !important;
}
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse a:hover,
body.mobile-menu-active .navbar-collapse.collapse .mm-collapse a:active {
  background: var(--cassiopeia-color-primary, #2a4e9c) !important;
  color: #fff !important;
}

/* Toggler sous-menus (parent) */
body.mobile-menu-active .navbar-collapse.collapse .mm-toggler {
  color: #fff !important;
  font-size: 1rem;
  margin-left: auto;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 0 .7em;
  display: flex;
  align-items: center;
}

/* Optionnel : effet sur la flèche ouverte */
body.mobile-menu-active .navbar-collapse.collapse .mm-toggler.opened {
  color: #fff !important;
  /* transform: rotate(90deg); */
}

/* Suppression de la bordure et du background pour menu mobile */
body.mobile-menu-active .mod-menu.mod-menu_dropdown-metismenu,
body.mobile-menu-active .mod-menu.mod-list,
body.mobile-menu-active .navbar-collapse.collapse ul {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
body.mobile-menu-active .navbar-collapse.collapse li,
body.mobile-menu-active .navbar-collapse.collapse ul {
  border: none;
}

/* Cacher le bouton Edit module en mobile */
body.mobile-menu-active .jmodedit {
  display: none !important;
}

/* -------- LIENS DE MENU RACINE : UN STYLE UNIQUE -------- */

/* Les <li> racine, qu'ils soient parents ou non */
body.mobile-menu-active .navbar-collapse.collapse > ul > li {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--cassiopeia-color-primary, #2a4e9c) !important;
  border-radius: 0;
}

body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li.level-1 > a,
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li.level-1 > button,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li.level-1 > a,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li.level-1 > button {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  color: #fff !important;
  background: var(--cassiopeia-color-primary, #2a4e9c) !important;
  border: none !important;
  width: 100%;
  text-align: left;
  padding: 0.75rem 1.5rem !important;
  font-size: 1.08rem !important;
  letter-spacing: 0.02em;
  border-radius: 0 !important;
  font-weight: normal !important;
  min-height: 48px !important;
  box-sizing: border-box;
  transition: background 0.15s;
}

/* Survol uniformisé */
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li.level-1 > a:hover,
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li.level-1 > button:hover,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li.level-1 > a:hover,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li.level-1 > button:hover {
  background: var(--cassiopeia-color-secondary, #375a97) !important;
  color: #fff !important;
}

/* Si tu veux que la flèche/toggler soit alignée à droite dans le bouton de parent */
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li.level-1 > button .mm-toggler,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li.level-1 > button .mm-toggler {
  margin-left: auto;
  color: #fff !important;
  font-size: 1.2em;
  display: inline-flex;
  align-items: center;
}

/* LIENS ENFANTS (NIVEAU 2) : Styles unifiés parent ou non */
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu li.level-2 > a,
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu li.level-2 > button,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu li.level-2 > a,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu li.level-2 > button {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  color: #fff !important;
  background: var(--cassiopeia-color-secondary, #375a97) !important;
  border: none !important;
  width: 100%;
  text-align: left;
  padding: 0.65rem 1.5rem 0.65rem 2.2rem !important;
  font-size: 1em !important;
  letter-spacing: 0.02em;
  border-radius: 0 !important;
  min-height: 44px !important;
  box-sizing: border-box;
  transition: background 0.15s;
}

/* Hover uniforme enfants */
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu li.level-2 > a:hover,
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu li.level-2 > button:hover,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu li.level-2 > a:hover,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu li.level-2 > button:hover {
  background: var(--cassiopeia-color-primary, #2a4e9c) !important;
  color: #fff !important;
}

/* Flèche à droite si parent */
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu li.level-2 > button .mm-toggler,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu li.level-2 > button .mm-toggler {
  margin-left: auto;
  color: #fff !important;
  font-size: 1.15em;
  display: inline-flex;
  align-items: center;
}

/*Retour à la ligne forcé pour les liens longs*/
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li.level-1 > a,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li.level-1 > a,
body.mobile-menu-active .navbar-collapse.collapse ul.mod-menu > li > button,
body.mobile-menu-active .navbar-collapse.collapse ul.metismenu > li > button {
  min-width: 0 !important;
  max-width: 100vw !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}

/* == Fin du menu mobile == */

/* === Menu Desktop: rien à changer, tout reste comme d'habitude === */

/*Icône menu mobile*/
/* Par défaut (menu fermé) : affiche le burger, cache la croix */
.navbar-toggler .icon-close { display: none; }
.navbar-toggler.collapsed .icon-menu { display: inline; }
.navbar-toggler.collapsed .icon-close { display: none; }

/* Menu ouvert (quand .navbar-toggler n'a PAS .collapsed) : cache le burger, affiche la croix */
.navbar-toggler:not(.collapsed) .icon-menu { display: none; }
.navbar-toggler:not(.collapsed) .icon-close { display: inline; }

/*Footer mobile*/
/* Barre fixe en bas, au-dessus du reste du contenu */
.container-footer.footer {
  width: 100vw;
  background: var(--cassiopeia-color-primary, #2a4e9c);
  box-shadow: 0 -2px 10px rgba(0,0,0,0.12);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1300; /* assez haut pour passer devant le contenu */
  padding: 0;
  margin: 0;
}

/* Pour éviter tout débordement horizontal */
body {
  overflow-x: hidden;
}

/* Le contenu du footer, centré */
.container-footer .grid-child {
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
}

/* Le menu UL horizontal centré */
.container-footer .mod-menu.mod-list.nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  background: transparent;
}

/* Les boutons */
.container-footer .mod-menu.mod-list.nav > li.nav-item {
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  min-height: 56px;
  margin: 0;
}

/* Le lien */
.container-footer .mod-menu.mod-list.nav > li.nav-item > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none;
  padding: 0.5em 0;
  width: 100%;
  transition: background 0.18s;
  border-radius: 0;
  font-size: 1.1em;
  background: transparent;
}

/* Hover */
.container-footer .mod-menu.mod-list.nav > li.nav-item > a:hover,
.container-footer .mod-menu.mod-list.nav > li.nav-item > a:active {
  background: var(--cassiopeia-color-secondary, #375a97);
}

/* Les images */
.container-footer .mod-menu.mod-list.nav > li.nav-item img {
  display: block;
  width: 28px;
  height: 28px;
  margin-bottom: 0.15em;
}

/* Cacher le texte sous l'icône si tu veux icônes seules */
.container-footer .mod-menu.mod-list.nav > li.nav-item .image-title {
  display: none;
}

/* Optionnel : cacher le module édit et tooltip */
.container-footer .jmodedit,
.container-footer [role="tooltip"] {
  display: none !important;
}

/* Responsive : afficher seulement sur mobile si tu veux */
@media (min-width: 992px) {
  .container-footer.footer {
    display: none !important;
  }
}

/*Safe area pour les appareils récents*/
body.has-mobile-footer {
  padding-bottom: calc(56px + env(safe-area-inset-bottom, 0));
}

.container-footer.footer {
  /* Styles existants */
  padding-bottom: env(safe-area-inset-bottom, 0);
  padding-left: env(safe-area-inset-left, 0);
  padding-right: env(safe-area-inset-right, 0);
}

/*Retour en haut*/
body.mobile-menu-active a.back-to-top-link{
  bottom:3.5rem !important;
}

/*Cacher bouton de création dans liste de catégorie*/
div.content-category a.btn-primary{
  display:none;
}

li.mod-breadcrumbs__divider.float-start{
display:none;
}