/ Réduire la hauteur des sections du header /
.yw-headerpage section {

• padding-top: 3px !important;
• padding-bottom: 2px !important;

}
/ Réduire aussi les marges internes du slogan /
.yw-headerpage section div {

• padding: 2px 0 !important;
• margin: 0 !important;

}
/ Forcer les sections du header à occuper toute la largeur /
#yw-header .yw-headerpage section {

• width: 100% !important;
• max-width: 100% !important;
• padding-left: 0 !important;
• padding-right: 0 !important;

}
/ Forcer le container Bootstrap à prendre toute la largeur /
#yw-header .yw-headerpage section > .container {

• width: 100% !important;
• max-width: 100% !important;
• padding-left: 15px !important;
• padding-right: 15px !important;

}
/ Centrage du contenu à l'intérieur /
#yw-header .yw-headerpage section > .container {

• display: flex !important;
• flex-direction: column !important;
• align-items: center !important;

}
/ Centrage des nav eux-mêmes /
.menu-desktop,
.menu-mobile {

• width: 100% !important;
• text-align: center !important;

}
/ MENU DESKTOP : grille d'icônes - visible uniquement sur grand écran /
.menu-desktop {

• display: block;

}
.menu-grille {

• display: flex;
• flex-wrap: wrap;
• justify-content: center;
• list-style: none;
• padding: 10px 0;
• margin: 0;
• gap: 15px;

}
.menu-grille li {

• width: 120px;
• text-align: center;
• display: flex !important;
• flex-direction: column !important;
• align-items: center !important;
• justify-content: flex-end !important;

}
/ Texte sous les icônes /
.menu-grille li p {

• font-size: 11px !important;
• font-weight: bold !important;
• color: #FF6600 !important;
• margin: 0 !important;
• padding: 0 !important;
• line-height: 1.2 !important;
• text-align: center;

}
/ Supprimer la marge basse de la figure pour coller le texte /
.menu-grille li figure {

• margin-bottom: 0 !important;
• margin-top: 0 !important;

}
/ Neutraliser le div parasite autour de l'icône Repair Café /
.menu-grille li div {

• display: contents !important;

}
.menu-grille li img {

• width: 90px !important;
• height: 90px !important;
• object-fit: contain;
• display: block;
• margin: 0 auto;
• transition: transform 0.2s;

}
.menu-grille li img:hover {

• transform: scale(1.1);

}
/ MENU MOBILE : liens texte - caché par défaut /
.menu-mobile {

• display: none;

}
.menu-texte {

• display: flex;
• flex-wrap: wrap;
• justify-content: center;
• list-style: none;
• padding: 8px 0;
• margin: 0;
• gap: 5px;

}
.menu-texte li a {

• display: inline-block;
• padding: 5px 10px;
• background-color: #f0f0f0;
• border-radius: 20px;
• text-decoration: none;
• color: #333;
• font-size: 13px;
• font-weight: bold;

}
.menu-texte li a:hover {

• background-color: #ddd;

}

/

• /

/ Caché par défaut sur desktop /
#btn-menu-mobile {

• display: none;

}
#panel-menu-mobile {

• display: none;

}

/ BASCULE : en dessous de 768px /
@media (max-width: 768px) {

• / Menu header : cacher desktop, cacher aussi le menu texte compact /
• .menu-desktop {
  • display: none !important;
• }
• .menu-mobile {
  • display: none !important;
• }

• / Cacher la colonne gauche /
• #yw-aside-left {
  • display: none !important;
• }
• #yw-main-content-wrapper {
  • width: 100% !important;
  • margin-left: 0 !important;
  • float: none !important;
• }

• / Bouton flottant /
• #btn-menu-mobile {
  • display: flex !important;
  • align-items: center;
  • justify-content: center;
  • position: fixed;
  • bottom: 20px;
  • right: 20px;
  • z-index: 9999;
  • width: 55px;
  • height: 55px;
  • border-radius: 50%;
  • background-color: #A8D256;
  • color: white;
  • font-size: 24px;
  • border: none;
  • cursor: pointer;
  • box-shadow: 0 3px 8px rgba(0,0,0,0.3);
• }

• / Panneau menu qui s'ouvre /
• #panel-menu-mobile {
  • display: none;
  • position: fixed;
  • bottom: 85px;
  • right: 15px;
  • z-index: 9998;
  • background: white;
  • border-radius: 12px;
  • padding: 15px;
  • box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  • width: 320px;
  • max-width: 90vw;
• }
• #panel-menu-mobile.ouvert {
  • display: block !important;
• }

• / Menu grille dans le panneau flottant /
• #panel-menu-mobile .menu-grille {
  • display: flex !important;
  • flex-wrap: wrap !important;
  • justify-content: center !important;
  • gap: 10px !important;
  • padding: 5px 0 !important;
  • list-style: none !important;
  • margin: 0 !important;
• }
• #panel-menu-mobile .menu-grille li {
  • width: 80px !important;
• }
• #panel-menu-mobile .menu-grille li img {
  • width: 60px !important;
  • height: 60px !important;
• }
• #panel-menu-mobile .menu-grille li p {
  • font-size: 10px !important;
• }

}

---