/* HEADER : image pleine largeur */
#site-wrapper .line-menu{
    background-image:url("https://cdn.ca.yapla.com/company/CPY0ncA1VycUCeezNqTX7oSk/asset/files/laptop-computer-writing-working-table-person-764428-pxhere_com_.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Contenu interne (logo + menu) : 80% de largeur, centré */
#site-wrapper .line-menu .container {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between; /* logo à gauche, menu à droite */
}

/* Si jamais ta structure n’utilise pas .container, tu peux tester aussi : */
/*
#site-wrapper .line-menu > div {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
*/

/* Police Nunito Sans pour le menu, plus mince (300) */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');

#site-wrapper .line-menu,
#site-wrapper .line-menu a,
#main-menu,
#main-menu a,
.navbar,
.navbar a,
.menu,
.menu a {
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 300 !important; /* Mince */
}

.total-amount-section .total-amount-price, 
.total-amount-section .total-amount-title {
    color:#ffffff!important;
}

.cus-button-act, .cus-button{
    display:inline-block;
}

.cus-button-act a {
  position: relative;
  margin-left: 35px;
}

.cus-button-act a::before {
  position: absolute;
  left: -40px;
  top: -6px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  width: 35px;
  height: 35px;
  content: "\f073";
}

#membership-delegate-manage button.btn.btn-save {
    color: #186F9E;
}