div.hello_hatem{
 
  text-align: center;
}
div.titre_sif > h2{
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
   font-size: 40px !important;
  line-height: 48px !important;
  font-family: poppins !important;
}

div.titre_sif > h1{
  font-weight: 900;
  color: ;
  line-height: 1.2;
  text-align: center;
  font-size: 53px !important;
  line-height: 58px !important;
  font-family: poppins !important;
}


@media only screen and (max-width: 767px) {
div.titre_sif > h2{
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center;
  font-size: 25px !important;
  line-height: 33px !important;
  font-family: poppins !important;
}

div.titre_sif > h1{
  font-weight: 900;
  color: ;
  line-height: 1.2;
  text-align: center;
  font-size: 43px !important;
  line-height: 48px !important;
  font-family: poppins !important;
}
}

@media (max-width: 767px) {
    #sp-header .sp-column {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
    }
    
    #sp-header #sp-menu {
        position: static !important;
        display: flex;
        align-items: center;
    }
    
    #sp-header .offcanvas-menu-toggler {
        margin: 0 !important;
    }
    
    /* Ciblage spécifique du bouton dans le header */
    #sp-header .sp-module.top-right-button,
    #sp-header .mod-sppagebuilder.top-right-button,
    #sp-header #sppb-addon-wrapper-1505195715248,
    #sp-header #sppb-addon-1505195715248,
    #sp-header .sppb-addon.sppb-addon-button-group,
    #sp-header .sppb-addon-content {
        display: flex;
        align-items: center;
        margin: 0 !important;
        padding: 0 !important;
    }

    #sp-header .sppb-btn {
        white-space: nowrap !important;
        padding: 8px 15px !important;
        margin: 0 !important;
    }
}

@media (max-width: 767px) {
   /* Menu principal */
   .offcanvas-menu {
       background: #333 !important;
   }

   /* Sous-menus */
   .nav.menu .collapse,
   .item-750.deeper.parent .collapse,
   .deeper.parent ul {
       background: #555 !important;
       text-transform: none !important;
   }

   /* Deuxième niveau de sous-menu */
   .nav.menu .collapse .collapse,
   .deeper.parent .deeper.parent ul {
       background: #666 !important;
       text-transform: none !important;
       padding-left: 15px !important;
   }

   /* Toggle */
   .offcanvas-menu-toggler .fa {
       display: none !important;
   }

   .offcanvas-menu-toggler:after {
       content: "+" !important;
       position: absolute !important;
       right: 20px !important;
       top: 15px !important; /* Position fixe plutôt que relative */
       font-size: 24px !important;
       color: #fff !important;
       line-height: 24px !important; /* Même valeur que font-size */
   }

   .offcanvas-menu-toggler[aria-expanded="true"]:after {
       content: "-" !important;
   }
}

@media (max-width: 767px) {
   /* Masquer les éléments de filtre */
   .searchintro,
   .phrases,
   fieldset.phrases,
   .legend,
   .phrases-box,
   .controls,
   .form-check,
   .ordering-box,
   .form-limit,
   .counter,
   label[for="ordering"],
   select#ordering,
   .ordering,
   fieldset.only,
   .only,
   legend,
   label[for="area-sppagebuilder"],
   label[for="area-categories"],
   label[for="area-contacts"],
   label[for="area-content"],
   label[for="area-newsfeeds"],
   label[for="area-tags"],
   input[name="areas[]"] {
       display: none !important;
   }

   /* Style du champ de recherche */
   .btn-group.pull-left {
       width: 100%;
   }

   input#search-searchword {
       width: 100%;
       margin-bottom: 10px;
   }

   /* Style du bouton rechercher */
   .btn.hasTooltip {
       width: 100%;
   }
}

/* Titres H1 uniquement */
h1.sppb-addon-title {
    font-size: 35px !important;
    line-height: 1.3 !important;
}

/* Titres H2 uniquement */
h2.sppb-addon-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
}

@media (max-width: 767px) {
    h1.sppb-addon-title {
        font-size: 30px !important;
    }
    
    h2.sppb-addon-title {
        font-size: 25px !important;
    }
}