@media only screen and (min-width: 1280px) {
  .nav {
    position: relative;
    padding: 38px 0px 36px;
    box-shadow: 0px 1px 4px 1px #00000026;
    z-index: 11;
    nav#navigation {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: center !important;
      max-width: 1423px;
      padding: 0px 10px;
      margin: 0px auto;
      .region-logo {
        display: none;
        #block-sepac-logo {
        }
      }
      .region-navigation {
        display: flex;
        flex-flow: row nowrap !important;
        justify-content: space-between;
        align-items: center !important;
        width: 100%;
        #block-sepac-logo-2 {
          .clearfix.text-formatted {
            a {
              display: block;
              img {
                max-width: 141.38px;
                height: auto;
              }
            }
          }
        }
        #block-sepac-slogan {
          margin-left: -40px;
          p {
            font-weight: bold;
          }
        }
        #block-sepac-navigationprincipale {
          position: relative;
          ul.menu-full:not(.contextual-links), ul.menu:not(.contextual-links) {
            display: flex;
            li {
              position: relative;
              margin-left: 20px;
              padding-bottom: 30px;
              &:first-child {
                margin-left: 0;
              }
              font-family: "Lato", sans-serif;
              font-size: 16px;
              font-weight: 700;
              color: var(--marron);
              text-transform: uppercase;
              a {
                font-family: "Lato", sans-serif;
                font-size: 16px;
                font-weight: 700;
                color: var(--marron);
                text-transform: uppercase;
                transition: 500ms ease-in-out;
                &:hover {
                  color: var(--green);
                }
              }
              ul.menu {
                display: none; /* ou block si nécessaire */
                position: absolute;
                background: var(--lightgrey);
                top: 30px;
                left: -15px;
                padding: 30px 30px 0;
                width: auto; /* Définissez une largeur explicite */
                white-space: nowrap;
                opacity: 0;
                transition: opacity 0.5s ease-in-out;
                li {
                  margin-left: 0;
                  font-weight: 500;
                  text-transform: initial;
                  a {
                    font-weight: 500;
                    text-transform: initial;
                    transition: 500ms ease-in-out;
                    &:hover {
                      color: var(--green);
                    }
                  }
                  &:first-child {
                  }
                }
              }
              &:hover {
                ul.menu {
                  display: block;
                  opacity: 1;
                  transition: opacity 0.5s ease-in-out;
                }
              }
            }
          }
        }
        #block-sepac-accesextranetfull {
          .clearfix.text-formatted {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            p:nth-child(1) {
              margin-bottom: 10px;
              /*margin-right: 10px;*/
            }
          }
        }
        #block-sepac-accesextranet {
          .clearfix.text-formatted {
            div {
              display: flex;
              flex-flow: row nowrap !important;
              justify-content: center;
              align-items: center;
              column-gap: 30px;
              p::nth-of-type(1) {
                margin-right: 10px;
              }
              p::nth-of-type(2) {
              }
              p::nth-of-type(3) {
              }
            }
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1600px) {
  .nav {
    nav#navigation {
      max-width: unset;
      width: 1580px;
      .region-logo {
        #block-sepac-logo {
        }
      }
      .region-navigation {
        #block-sepac-logo-2 {
          .clearfix.text-formatted {
            a {
              img {
              }
            }
          }
        }
        #block-sepac-slogan {
          p {
          }
        }
        #block-sepac-navigationprincipale {
          padding-top: 25px;
          ul.menu-full {
            li {
              margin-left: 30px;
              &:first-child {
              }
              a {
              }
              ul.menu {
              }
            }
          }
        }
        #block-sepac-accesextranetfull {
          .clearfix.text-formatted {
            flex-direction: row;
            p:nth-child(1) {
              margin-bottom: 0px;
              margin-right: 10px;
            }
          }
        }
        #block-sepac-accesextranet {
          .clearfix.text-formatted {
            p::nth-of-type(1) {
            }
            p::nth-of-type(2) {
            }
            p::nth-of-type(3) {
            }
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1680px) {
  .nav {
    nav#navigation {
      width: 1600px;
      .region-logo {
        #block-sepac-logo {
        }
      }
      .region-navigation {
        #block-sepac-logo-2 {
          .clearfix.text-formatted {
            a {
              img {
                width: 171.38px;
              }
            }
          }
        }
        #block-sepac-slogan {
          margin-left: -160px;
        }
        #block-sepac-accesextranet {
          .clearfix.text-formatted {
            > div {
              p::nth-of-type(1) {
              }
              p::nth-of-type(2) {
              }
              p::nth-of-type(3) {
              }
            }
          }
        }
      }
    }
  }
}
@media only screen and (min-width: 1920px) {
  .nav {
    nav#navigation {
      width: 1750px;
      .region-logo {
        #block-sepac-logo {
        }
      }
      .region-navigation {
        #block-sepac-logo-2 {
          .clearfix.text-formatted {
            a {
              img {
                width: 171.38px;
              }
            }
          }
        }
        #block-sepac-slogan {
          margin-left: -160px;
        }
        #block-sepac-accesextranet {
          .clearfix.text-formatted {
            > div {
              p::nth-of-type(1) {
              }
              p::nth-of-type(2) {
              }
              p::nth-of-type(3) {
              }
            }
          }
        }
      }
    }
  }
}