/* MENU MAITRE DEFINITIF */

@media (min-width: 901px){

  body > header{
    width:100% !important;
    max-width:1300px !important;
    height:100px !important;
    margin:0 auto !important;
    padding:0 4% !important;

    display:flex !important;
    align-items:center !important;
  }

  body > header .brand{
    margin-right:auto !important;
    font-size:44px !important;
    line-height:1 !important;
  }

  body > header nav{
    display:flex !important;
    align-items:center !important;
    gap:26px !important;
  }

  body > header nav a{
    padding:10px 0 !important;

    font-size:24px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
  }

  body > header .rdv{
    margin-left:28px !important;
    padding:14px 27px !important;

    font-size:19px !important;
    font-weight:600 !important;
  }
}

/* AJUSTEMENT FINAL DU MENU */

@media (min-width:901px){

  body > header{
    height:88px !important;
  }

  body > header .brand{
    font-size:39px !important;
  }

  body > header nav{
    gap:24px !important;
  }

  body > header nav a{
    font-size:19px !important;
    font-weight:500 !important;
  }

  body > header .rdv{
    margin-left:25px !important;
    padding:12px 23px !important;
    font-size:16px !important;
  }
}

/* ===== MEMES PROPORTIONS VISUELLES QUE L'ACCUEIL ===== */

@media (min-width:901px){

  body > header{
    height:78px !important;
    padding:0 5% !important;
  }

  body > header .brand{
    font-size:34px !important;
  }

  body > header nav{
    gap:22px !important;
  }

  body > header nav a{
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
  }

  body > header .rdv{
    margin-left:24px !important;
    padding:11px 21px !important;
    font-size:14px !important;
  }
}

/* ===== GABARIT UNIQUE : MENU + PAGE ===== */

html,
body{
  margin:0 !important;
  padding:0 !important;
}

body > header,
body > main,
body > footer{
  width:100% !important;
  max-width:1300px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body > main > section{
  width:100% !important;
  max-width:1300px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Le fond extérieur reste neutre */
body{
  background:#eee9df !important;
}

/* Mobile : pleine largeur */
@media(max-width:760px){

  body > header,
  body > main,
  body > footer,
  body > main > section{
    max-width:none !important;
    width:100% !important;
  }
}
