@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap');

/* =====================================================
   1. TYPOGRAPHIE DU MENU
   ===================================================== */
nav#menu, nav#menu *, nav#menu ul.menu, nav#menu ul.menu * {
  font-family: 'Work Sans', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

/* =====================================================
   2. EN-TÊTE
   ===================================================== */
header {
  min-height: 100px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

header .bg-image img {
  opacity: initial;
  filter: initial;
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: cover;
}

div.head {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =====================================================
   3. ÉLÉMENTS MASQUÉS
   ===================================================== */
div#ctl00_mainTableRegistration > table.tableRegistration,
div#ctl00_Main_ctl21_PnlDownloadPDF,
#ctl00_Main_ctl21_FORM_ITEM_23896,
.registrationticket .registration .PnlIdentificationLogout,
#ctl00_Main_ctl21_BtnDownloadAbstract,
#ctl00_Main_TcktFront_BtnPrevious,
#ctl00_Main_TcktFront_BtnCancel,
.code,
.sep2,
.sep4,
.initiales,
#ctl00_Main_ctl21_MenuStep3,
#RUB764,
#RUB754,
#ctl00_Main_TdBuy,
#ctl00_Main_ctl21_LABEL_15082,   /* formulaire dépositaire */
#ctl00_Main_pnlProfileRdbtn,
#ctl00_Main_RptOrders_ctl00_PayOnline,
.GridView.GrdVwScheduler th[scope=col],
label[for="ctl00_Main_ChckBxLstEntryFeesAndProducts_2"],
label[for="ctl00_Main_ChckBxLstEntryFeesAndProducts_3"],
#ctl00_Main_ChckBxLstEntryFeesAndProducts_3 {
  display: none;
}

div.col-12.col-sm-6.col-lg-7.col-xl-8.date,
#ctl00_Main_ctl21_FORM_ITEM_51286 {
  display: none !important;
}

/* =====================================================
   4. BASE : TEXTE, LIENS, TABLEAUX
   ===================================================== */
a:link {
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}

strong {
  font-family: arial, helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 .btn {
  text-transform: inherit !important;
}

table {
  width: 100% !important;
  margin: auto !important;
}

.tableRegistration {
  width: 800px;
  background-image: url(../images/client/116/images/website.jpg);
  background-repeat: no-repeat;
  background-position: 0px 103px;
}

tbody > tr > td.FormLabel {
  padding-top: 10px;
  padding-bottom: 10px;
}

td.Item {
  padding: 10px !important;
}

#contenu {
  padding: 15px;
  padding-top: 160px;
}

/* =====================================================
   5. BOUTONS
   ===================================================== */
.btn-warning {
  color: #fff;
  background-color: #293780 !important;
  border-color: #293780 !important;
}

.CssButton {
  color: #0F3B56;
  width: 150px;
  height: 30px;
  padding: 3px;
  cursor: pointer;
  border: 1px solid #0F3B56;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: white;
  background-repeat: repeat-x;
}

.CssButton:hover {
  background-image: url(../images/ButtonBGHover_blue.png);
}

#ctl00_Main_ctl13_BtnIdentification {
  background: #0F3B56;
  color: white;
}

/* =====================================================
   6. MENU LATÉRAL / ÉTAPES D'INSCRIPTION
   ===================================================== */
.navigation {
  width: 195px;
  margin-left: 5px;
  min-height: 195px;
}

.CellMenu {
  height: auto;
  margin-bottom: 1px;
}

.menu li div {
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 2px;
  height: 20px;
  font-size: 11px;
  background-image: url(../images/client/116/images/menu.png);
}

.menu li.selected div {
  background-image: url(../images/client/116/images/menu_active.png);
}

.menu li div a {
  color: White;
  display: block;
}

.menu li div a:hover,
.menu li.selected div a {
  color: #3399ff;
}

#mainNav.threeStep li {
  width: 33%;
}

#mainNav li {
  height: 71px;
  list-style: none;
  float: left;
  background-color: #EBEBEB !important;
  background-image: url(https://secure.k4cdn.net/key4register/App_Themes/Fo/img/navBtn.gif) !important;
  background-repeat: no-repeat;
  background-position: right top;
}

.group #mainNav li div em {
  font-size: 14px;
}

/* =====================================================
   7. FORMULAIRES
   ===================================================== */
label {
  color: #000000 !important;
}

label[for^="ctl00_Main_ctl21_FORM_ITEM_"]:not(.custom-control-label):not(.switch-control-label) {
  color: #ffffff !important;
}

input.form-control[id^="ctl00_Main_ctl21_FORM_ITEM_"],
textarea.form-control[id^="ctl00_Main_ctl21_FORM_ITEM_"],
select[id^="ctl00_Main_ctl21_FORM_ITEM_"] {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #cccccc !important;
}

.Login fieldset legend span {
  background-image: url(../images/client/116/images/menu.png);
}

.Login fieldset,
.Login fieldset legend span {
  background-color: White;
}

.ajax__validatorcallout.ajax__validatorcallout_popup_table {
  position: inherit;
  left: inherit;
  top: inherit;
  z-index: inherit;
  width: 200px !important;
}

table#VldtrCallout_23896_popupTable.ajax__validatorcallout.ajax__validatorcallout_popup_table {
  position: inherit !important;
}

div#ctl00_Main_ctl21_is_not_stand_command > em {
  color: black !important;
}

em#ctl00_Main_ctl21_Em2 {
  margin-left: 6pt !important;
}

/* Message de confirmation d'inscription */
#ctl00_Main_LblValidation {
  visibility: hidden;
  position: relative;
}

#ctl00_Main_LblValidation:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "Confirmation d’inscription sous réserve de validation de votre justificatif";
}

/* Billetterie */
#ctl00_Main_TcktFront_LblTotalHT {
  margin-left: 625px;
}

/* =====================================================
   8. ABSTRACTS / COMMUNICATIONS
   ===================================================== */
.AbstractSubmissionBottom {
  position: fixed;
  bottom: 180px;
  left: 0;
  width: 100%;
  height: 80px;
  padding-top: 5px;
  padding-left: 5px;
  background-color: #F9DF76;
  z-index: 1;
}

.AbstractSubmitterInfo {
  padding: 28px;
}

#ctl00_Main_ctl21_PnlSubmitterInfo {
  background-color: white !important;
  border: 1px solid white !important;
}

.abstractpreview .abstractcontent {
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  font-family: Times New Roman;
  font-size: 150%;
  text-align: justify;
}

.TitreRubriqueBo {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 0px;
}

.firstname {
  display: contents !important;
}

/* Cadre de présentation de l’appel à communication */
div.AbstractSubmitterInfo[id$="_PnlSubmitterInfo"] {
    background: transparent !important;
    border: 5px solid #FFFFFF !important;
    border-radius: 10px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}

/* Titre et libellés de connexion */
[id$="_PnlAlreadyRegisteredContainer"] [id$="_LblAlreadyRegistered"],
[id$="_PnlAlreadyRegisteredContainer"] [id$="_LblLogin"],
[id$="_PnlAlreadyRegisteredContainer"] [id$="_LblPassword"] {
    color: #FFFFFF !important;
}

/* Champs de connexion */
[id$="_PnlAlreadyRegisteredContainer"] [id$="_TxtBxLogin"],
[id$="_PnlAlreadyRegisteredContainer"] [id$="_TxtBxPassword"] {
    background: #FFFFFF !important;
    color: #06153C !important;
    border: 1px solid #DDE3EA !important;
}

/* Titre Nouveau dépositaire */
[id$="_PnlNewSubmitterContainer"] .AbstractTitle {
    color: #FFFFFF !important;
}

/* Texte du bouton de création */
[id$="_PnlNewSubmitterContainer"] a[id$="_BtnNext"] {
    color: #FFFFFF !important;
    background: #06153C !important;
    border: 1px solid #FFFFFF !important;
}

/* Cadre de connexion : effet de verre */
div[id$="_PnlAlreadyRegistered"].AbstractAlreadyregistered {
    box-sizing: border-box;
    width: 100%;
    padding: 26px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Work Sans', Arial, sans-serif !important;
}

/* Tableau intérieur */
div[id$="_PnlAlreadyRegistered"] table {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-collapse: collapse;
}

div[id$="_PnlAlreadyRegistered"] td {
    padding: 0 0 18px !important;
    background: transparent !important;
    border: none !important;
    vertical-align: middle;
}

div[id$="_PnlAlreadyRegistered"] td:first-child:not([colspan]) {
    width: 32%;
    padding-right: 18px !important;
}

div[id$="_PnlAlreadyRegistered"] tr:last-child td {
    padding-bottom: 0 !important;
}

/* Libellés */
div[id$="_PnlAlreadyRegistered"] span[id$="_LblLogin"],
div[id$="_PnlAlreadyRegistered"] span[id$="_LblPassword"] {
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* Champs de saisie */
div[id$="_PnlAlreadyRegistered"] input.form-control {
    box-sizing: border-box;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 8px !important;
    color: #06153C !important;
    font-family: 'Work Sans', Arial, sans-serif !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

div[id$="_PnlAlreadyRegistered"] input.form-control:focus {
    outline: 2px solid #F8E781 !important;
    outline-offset: 3px;
}

/* Bouton Connexion */
div[id$="_PnlAlreadyRegistered"] a[id$="_BtnRegistered"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto !important;
    min-width: 150px;
    height: auto !important;
    min-height: 44px;
    padding: 11px 24px !important;
    background: #F8E781 !important;
    border: 1px solid #F8E781 !important;
    border-radius: 8px !important;
    color: #06153C !important;
    font-family: 'Work Sans', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: background-color 0.2s;
}

div[id$="_PnlAlreadyRegistered"] a[id$="_BtnRegistered"]:hover {
    background: #FFF0A3 !important;
}

div[id$="_PnlAlreadyRegistered"] a[id$="_BtnRegistered"]:focus-visible {
    outline: 2px solid #FFFFFF !important;
    outline-offset: 3px;
}

/* Mobile : libellés au-dessus des champs */
@media (max-width: 600px) {
    div[id$="_PnlAlreadyRegistered"].AbstractAlreadyregistered {
        padding: 20px !important;
    }

    div[id$="_PnlAlreadyRegistered"] table,
    div[id$="_PnlAlreadyRegistered"] tbody,
    div[id$="_PnlAlreadyRegistered"] tr,
    div[id$="_PnlAlreadyRegistered"] td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    div[id$="_PnlAlreadyRegistered"] td:first-child:not([colspan]) {
        padding: 0 0 8px !important;
    }

    div[id$="_PnlAlreadyRegistered"] a[id$="_BtnRegistered"] {
        width: 100% !important;
    }
}

/* Nouveau dépositaire : effet de verre */
div[id$="_NewRegistrationDiv"].groupreg {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    padding: 26px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Work Sans', Arial, sans-serif !important;
}

/* Tableau intérieur */
div[id$="_NewRegistrationDiv"].groupreg table {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-collapse: collapse;
}

div[id$="_NewRegistrationDiv"].groupreg td {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    vertical-align: middle;
}

/* Bouton de création */
div[id$="_NewRegistrationDiv"].groupreg a[id$="_BtnNext"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 11px 24px !important;
    background: #F8E781 !important;
    border: 1px solid #F8E781 !important;
    border-radius: 8px !important;
    color: #06153C !important;
    font-family: 'Work Sans', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    cursor: pointer;
    transition: background-color 0.2s;
}

div[id$="_NewRegistrationDiv"].groupreg a[id$="_BtnNext"]:hover {
    background: #FFF0A3 !important;
}

div[id$="_NewRegistrationDiv"].groupreg a[id$="_BtnNext"]:focus-visible {
    outline: 2px solid #FFFFFF !important;
    outline-offset: 3px;
}

/* Mobile */
@media (max-width: 600px) {
    div[id$="_NewRegistrationDiv"].groupreg {
        padding: 20px !important;
    }

    div[id$="_NewRegistrationDiv"].groupreg a[id$="_BtnNext"] {
        width: 100% !important;
    }
}

/* Titres Espace dépositaire et Nouveau dépositaire */
[id$="_PnlAlreadyRegisteredContainer"] .AbstractTitle,
[id$="_PnlNewSubmitterContainer"] .AbstractTitle,
span#ctl00_Main_ctl19_LblAlreadyRegistered,
span#ctl00_Main_ctl19_Label1 {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #F8E781 !important;
    font-family: 'Work Sans', Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

@media (max-width: 600px) {
    span#ctl00_Main_ctl19_LblAlreadyRegistered,
    span#ctl00_Main_ctl19_Label1 {
        font-size: 20px !important;
    }
}

/* =====================================================
   9. PROGRAMME / AGENDA
   ===================================================== */
.schedule .session .time1 {
  display: inline-block !important;
}

.FirstLineOfDayFull {
  background-color: #336379;
  border-left: 3px solid #ec6409;
}

td.colManageAgenda {
  border-left: 3px solid #ec6409;
}

.GrdVwScheduler .FirstLineOfDayFull td {
  color: white !important;
}

.LineSessionExpanded2854 {
  background-color: #edf6f5;
}

.colManageAgenda,
th.MobileDisplayNone.colTime {
  background-color: #0f7b95;
}

.GrdVwScheduler {
  background-color: #edf6f5;
}

.dateday {
  margin-left: 8px;
}

.intervention int8286 {
  color: #d63f78;
}

/* =====================================================
   10. POP-UP CARTE / IMAGES
   ===================================================== */
#PnlAfficherMap_backgroundElement.fade {
  opacity: 0.8 !important;
}

div#ctl00_Main_ctl21_PnlAfficherMap {
  top: 20px !important;
}

#ctl00_Main_ctl21_Image1 {
  background-color: black;
}

/* =====================================================
   11. CHOIX DU PROFIL (CONV / INDIV)
   ===================================================== */
.buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 50px;
}

.button-container img {
  width: 300px;
  height: auto;
  margin: auto;
  display: block;
}

.button-label {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

/* =====================================================
   12. ESPACE DÉPOSITAIRE + NOUVEAU DÉPOSITAIRE
   ===================================================== */

/* Cadres */
#ctl00_Main_ctl21_PnlAlreadyRegisteredContainer,
#ctl00_Main_ctl21_PnlNewSubmitterContainer {
  box-sizing: border-box;
  padding: 26px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 14px !important;
  font-family: 'Work Sans', Arial, sans-serif !important;
  color: #FFFFFF !important;
}

#ctl00_Main_ctl21_PnlAlreadyRegisteredContainer *,
#ctl00_Main_ctl21_PnlNewSubmitterContainer * {
  box-sizing: border-box;
  font-family: 'Work Sans', Arial, sans-serif !important;
}

/* Titres */
#ctl00_Main_ctl21_LblAlreadyRegistered,
#ctl00_Main_ctl21_PnlNewSubmitterContainer .AbstractTitle {
  display: block !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #F8E781 !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

/* Suppression des anciens cadres */
#ctl00_Main_ctl21_PnlAlreadyRegistered,
#ctl00_Main_ctl21_registration,
#ctl00_Main_ctl21_NewRegistrationDiv {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Tableaux */
#ctl00_Main_ctl21_PnlAlreadyRegistered table,
#ctl00_Main_ctl21_NewRegistrationDiv table {
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-collapse: collapse;
}

/* -- Connexion -- */
#ctl00_Main_ctl21_PnlAlreadyRegistered td {
  padding: 0 0 16px !important;
  background: transparent !important;
  border: none !important;
  vertical-align: middle;
}

#ctl00_Main_ctl21_PnlAlreadyRegistered td:first-child:not([colspan]) {
  width: 32%;
  padding-right: 16px !important;
}

#ctl00_Main_ctl21_PnlAlreadyRegistered tr:last-child td {
  padding-bottom: 0 !important;
}

#ctl00_Main_ctl21_LblLogin,
#ctl00_Main_ctl21_LblPassword {
  color: #FFFFFF !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

#ctl00_Main_ctl21_TxtBxLogin,
#ctl00_Main_ctl21_TxtBxPassword {
  display: block;
  width: 100% !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE3EA !important;
  border-radius: 7px !important;
  color: #06153C !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

#ctl00_Main_ctl21_TxtBxLogin:focus,
#ctl00_Main_ctl21_TxtBxPassword:focus {
  border-color: #F8E781 !important;
  outline: 2px solid #F8E781 !important;
  outline-offset: 2px;
}

/* -- Nouveau dépositaire -- */
#ctl00_Main_ctl21_NewRegistrationDiv td {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  vertical-align: middle;
}

/* -- Boutons Connexion / Création -- */
#ctl00_Main_ctl21_BtnRegistered,
#ctl00_Main_ctl21_BtnNext {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  min-height: 44px;
  margin: 4px 0 0 !important;
  padding: 11px 24px !important;
  background: #F8E781 !important;
  border: 1px solid #F8E781 !important;
  border-radius: 7px !important;
  color: #06153C !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}

#ctl00_Main_ctl21_BtnRegistered {
  min-width: 150px;
}

#ctl00_Main_ctl21_BtnNext {
  max-width: 100%;
  text-align: center !important;
  white-space: normal !important;
}

#ctl00_Main_ctl21_BtnRegistered:hover,
#ctl00_Main_ctl21_BtnNext:hover {
  background: #FFF0A3 !important;
  border-color: #FFF0A3 !important;
}

#ctl00_Main_ctl21_BtnRegistered:focus-visible,
#ctl00_Main_ctl21_BtnNext:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 3px;
}

/* =====================================================
   13. RESPONSIVE
   ===================================================== */
@media (max-width: 760px) {
  /* Position menu burger */
  header, a.menu-trigger { top: 85%; }

  /* Hauteur head mobile */
  div.head { height: 180px !important; }

  /* Bannière responsive */
  div.bg-image > img,
  header .bg-image img {
    width: 100% !important;
    height: auto !important;
    left: unset !important;
  }

  #scroller { width: 100%; }
  #scroller li { line-height: 22px !important; }
}

@media (max-width: 600px) {
  /* Espace dépositaire : libellés au-dessus des champs */
  #ctl00_Main_ctl21_PnlAlreadyRegisteredContainer,
  #ctl00_Main_ctl21_PnlNewSubmitterContainer {
    padding: 20px !important;
  }

  #ctl00_Main_ctl21_PnlAlreadyRegistered table,
  #ctl00_Main_ctl21_PnlAlreadyRegistered tbody,
  #ctl00_Main_ctl21_PnlAlreadyRegistered tr,
  #ctl00_Main_ctl21_PnlAlreadyRegistered td {
    display: block;
    width: 100% !important;
  }

  #ctl00_Main_ctl21_PnlAlreadyRegistered td:first-child:not([colspan]) {
    padding: 0 0 7px !important;
  }

  #ctl00_Main_ctl21_BtnRegistered,
  #ctl00_Main_ctl21_BtnNext {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  img[src*="Plan%20de%20travail%202%20(1).png"] { display: none !important; }
}

/* =====================================================
   14. MENU FIXE AU SCROLL - DESKTOP
   ===================================================== */
@media (min-width: 992px) {

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

  header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    overflow: visible !important;
  }

  #ctl00_Main_headerDiv {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Suppression de l'ancienne bannière */
  header .head {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Barre bleue sur toute la largeur */
  nav#menu {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: rgba(6, 21, 60, 0.85) !important;
  }

  /* Liens centrés */
  nav#menu > .container {
    min-height: 0 !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  nav#menu ul.menu {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  nav#menu ul.menu > li,
  nav#menu ul.menu > li > div {
    height: 60px !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  nav#menu ul.menu > li > a,
  nav#menu ul.menu > li > div > a {
    height: 60px !important;
    line-height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  /* Éléments du menu transparents */
  nav#menu > .container,
  nav#menu ul.menu,
  nav#menu ul.menu > li,
  nav#menu ul.menu > li > div,
  nav#menu ul.menu > li > a,
  nav#menu ul.menu > li > div > a {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  /* Léger effet au survol et sur le bouton actif */
  nav#menu ul.menu > li:hover,
  nav#menu ul.menu > li.selected {
    background-color: rgba(255, 255, 255, 0.10) !important;
  }
}

nav#menu {
    background-color: #06153c !important;
}

a.menu-trigger,
a.menu-trigger:hover,
a.menu-trigger:focus {
    background-color: #F8E781 !important;
}

@media (max-width: 991.98px) {
    header .head {
        max-height: 100px !important;
        box-sizing: border-box;
    }
}