@font-face {
  font-family: Montserrat-ExtraBold;

  src: url(police/Montserrat-ExtraBold.ttf);
  font-display: swap;
}


@font-face {
  font-family: Montserrat-Regular;

  src: url(police/Montserrat-Regular.ttf);
  font-display: swap;
}



#closebtnf {
  margin: 0px;
  background: url(../Assets/cross.svg) no-repeat;
  border: none;
  width: 52px;
  height: 52px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0);
}

button:focus {
  outline: none;
}

#map-iframe {

  width: 100%;
  text-align: center;
}

#map-iframe-border {
  width: 90%;
  height: 80vh;
  border-radius: 20px;
}

h1 {
  font-size: 1.4rem !important;
  font-weight: bold;
}

img.image-voir {

  height: 30px;
  width: 110px;

}

#ecran {
  padding: 0;
  display: flex;
  justify-content: center;
}

.lien-entreprise-fest {

  margin: 0;
  padding: 0;
}

a {
  color: #000000;
  text-decoration: none;
}

a:active {
  color: white;
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: none;
}

#menus {
  position: fixed;
  width: 3.7%;
  height: auto;
  transform: translate(-188px, -163px);
}

#menus.menus-fixed-entreprise {
  position: fixed;
  width: 3%;
  height: auto;
  transform: translate(-188px, -69px);
}

#largeurbanniere {
  display: block;
}

#largeurbanniere-mobile {
  display: none;
}

#slogan-banniere {
  display: block;
  margin-bottom: -220px;
}

#containercard.container-fluid {
  margin-top: -2rem;
}

#bloc-phrase {
  display: flex;
  justify-content: center;
  transform: translate(0, -270px);
}

#phrase-un {
  font-family: "Montserrat-ExtraBold";
  color: white;
  font-size: 40px;
}

#phrase-deux {
  font-family: "Montserrat-ExtraBold";
  color: white;
  font-size: 40px;
}

#phrase-trois {
  font-family: "Montserrat-Regular";
  color: white;
  font-size: 20px;
}

#phrase-quatre {
  font-family: "Montserrat-Regular";
  color: white;
  font-size: 20px;
}

#bloc-phrase-entreprise {
  display: flex;
  justify-content: center;
  transform: translate(-35px, -131px);
}

#bloc-phrase-accompagnement {
  display: flex;
  justify-content: center;
  transform: translate(-147px, -393px);
  margin-bottom: -12rem;
}

#phrase-un-accompagnement {
  font-family: "Montserrat-ExtraBold";
  color: #404040;
  font-size: 30px;
}

#phrase-deux-accompagnement {
  font-family: "Montserrat-ExtraBold";
  color: #404040;
  font-size: 30px;
}

#phrase-trois-accompagnement {
  font-family: "Montserrat-Regular";
  color: #404040;
  font-size: 20px;
}

.phrase-quatre-accompagnement {
  font-family: "Montserrat-Regular";
  color: #404040;
  font-size: 20px;
}

p#ville-salernes-menu {
  margin-top: -21px;
  text-align: left;
  font-family: "Montserrat-Regular";
  font-size: 11px;
  color: white;
  width: 90%;
}

#lien-menu-site-salernes {
  font-family: "Montserrat-Regular";
}

#bloc-slogan-dpva {
  margin-top: 3rem;
}

#logo-slogan {
  margin-top: -6.8rem;
  margin-bottom: 2rem;
}

#bloc-slogan-logo {
  margin-bottom: 3rem;
}

.slogan-logo {
  text-align: center;
  margin: 0rem;
  font-family: Montserrat-Extrabold;
  line-height: 30px;
  font-size: 20px;
  color: #fe8369;
}

#menu-site {
  margin: 0;
  display: flex;
  justify-content: center;
}

#menu-sandwich {
  display: flex;
  justify-content: flex-end;
}

#menu-ouvert {
  display: flex;
  font-size: 30px;
  cursor: pointer;
  z-index: 106;
  justify-content: space-between;
  margin: auto;
  align-items: center;
}

#menu-logo {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  margin-right: 3rem;
}

#menu-liste {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 10%;
}

#logo-anslo {
  width: 20%;
  height: auto;
  z-index: 10;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #fe8369;
  overflow-x: hidden;
  transition: 0.7s;
}

.sidenav a {
  padding: 8px 8px 20px 32px;
  text-decoration: none;
  font-family: Montserrat-ExtraBold;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  display: block;
  transition: 0.2s;
}

.sidenav li {
  list-style-type: none;
  height: 3.5rem;
}

.sidenav a:hover {
  color: lightgrey;
}

#mySidenav {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

#contact-menu {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#ul-menu {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  list-style: none;

}

#main {
  display: flex;
  justify-content: space-between;
  z-index: 11;

  height: auto;
  transition: margin-left 0.5s;
}

#menublock {
  display: none;
}

#menuauto {
  display: none;
}

#site-footer.container-fluid {
  background-image: url("Assets/footer.jpg");
  max-width: 1366px;
  height: 200px;
}

#site-footer-mobile.container-fluid {
  display: none;
}

.bloc-footer {
  transform: translate(0px, 48px);
}

.reseau-sociaux {
  display: flex;
  justify-content: center;
  text-align: center;
}

.facebook {
  margin-right: 1.2rem;
  width: 80%;
}

.instagram {
  margin-left: 1.2rem;
  width: 80%;
}

.téléphone-commerces-salernes {
  display: none;
}

p.site-ville-salernes {
  margin-top: 20px;

  font-family: "Montserrat-Regular";
  font-size: 20px;
  color: #000000;
}

p.ville-salernes {
  margin-top: -21px;

  font-family: "Montserrat-Regular";
  font-size: 11px;
  color: #000000;
}

#blason {
  display: none;
}

.liens-entreprise {
  display: flex;
  justify-content: space-between;
  padding: 0;

  width: 75%;
}

.texte-carte-entreprise-texte.card-text {
  font-family: "Montserrat-Regular";
  font-size: 14px;
  color: #404040;
  opacity: 100%;
  height: 3.5rem;
}

.carte-entreprise-texte.card-body {
  width: 27rem;
  height: 6rem;
}

.font-size-liens-entreprise {
  font-size: 10px;
  font-family: "Montserrat-Regular";
  color: #404040;
}

@media only screen and (min-width: 1700px) {
  #containercard {
    width: 80%;
  }
}

.card-body {
  margin: auto;
  transform: translateY(-50px);
  background-color: WHITE;
  border-top-left-radius: calc(1.5rem - 1px);
  border-top-right-radius: calc(1.5rem - 1px);
  /* padding-left: 3rem; */
  width: 18rem;
  text-align: center;
  padding: 1.1rem;
}

.card-title {
  margin-bottom: 0;
  color: #491313;
  font-family: Montserrat-ExtraBold;
  line-height: 20px;
  font-size: 16px;
}

p.card-text {
  color: #491313;

  font-family: Montserrat-ExtraBold;
  line-height: 20px;
  font-size: 16px;
}

.card-body li {
  list-style-type: none;
  height: 2rem;
}

.card {
  width: 28.7rem;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
  margin-right: 5.01rem;
  margin-left: 5.01rem;
  width: 100%;
  border-top-left-radius: calc(1.5rem - 1px);
  border-top-right-radius: calc(1.5rem - 1px);
  border-bottom-left-radius: calc(1.5rem - 1px);
  border-bottom-right-radius: calc(1.5rem - 1px);
  height: 21rem;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
}

.cartecategorie.card:hover {
  padding: 0;
  border: 4px solid #fe8369;
  transition: all 0.2s;
  transform: scale(1.016);
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
}

.card-img-top {
  width: 100%;
  height: 68%;
  border-top-left-radius: calc(1.3rem - 1px);
  border-top-right-radius: calc(1.3rem - 1px);
}

img.card-img-locate.card-img-top {
  width: 100%;
  height: 56%;
  border-top-left-radius: calc(1.3rem - 1px);
  border-top-right-radius: calc(1.3rem - 1px);
  object-fit: cover;
}

#container-logo-slogan-dpva {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

#bloc-slogan-logo-dpva {
  margin-top: 4rem;
  margin-bottom: 3rem;
}

.slogan-dpva {
  text-align: center;
  margin: 0rem;
  font-family: Montserrat-Extrabold;
  line-height: 30px;
  font-size: 20px;
  color: #404040;
}

#logo-slogan-dpva {
  margin-top: 2.7rem;
  margin-bottom: 2rem;
}

#logo-dracenie {
  margin-right: 4rem;
  margin-left: 4rem;
  margin-bottom: 3rem;
}

#logo-sud {
  margin-right: 4rem;
  margin-left: 4rem;
  margin-bottom: 3rem;
}

#container-accompagnement {
  margin-top: 2rem;
  margin-bottom: 6rem;
}

#container-accompagnement-mobile {
  display: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  #menus {
    position: fixed;
    width: 3.7%;
    height: auto;
    transform: translate(-176px, -357px);
  }

  #menus.menus-fixed-entreprise {
    position: fixed;
    width: 3.7%;
    height: auto;
    transform: translate(-184px, -183px);
  }

  #ecran {
    padding: 0;
    display: block;
    justify-content: unset;
  }

  #bloc-phrase {
    display: flex;
    justify-content: center;
    transform: translate(0, -244px);
  }

  #bloc-phrase-entreprise {
    display: flex;
    justify-content: center;
    transform: translate(-97px, -119px);
  }

  #phrase-un {
    font-size: 2rem;
  }

  #phrase-deux {
    font-size: 2rem;
  }

  #phrase-trois {
    font-size: 1rem;
  }

  #phrase-quatre {
    font-size: 1rem;
  }

  #bloc-phrase-accompagnement {
    display: flex;
    justify-content: center;
    transform: translate(-152px, -371px);
  }

  #phrase-un-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 27px;
  }

  #phrase-deux-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 27px;
  }

  #phrase-trois-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 18px;
  }

  .phrase-quatre-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 18px;
  }

  .card {
    margin-right: 3rem;
    margin-left: 3rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .card {
    margin: 1rem;
    width: 28.7rem;
  }

  #menus {
    position: fixed;
    width: 3.7%;
    height: auto;
    transform: translate(-150px, -300px);
  }

  #menus.menus-fixed-entreprise {
    position: fixed;
    width: 4.5%;
    height: auto;
    transform: translate(-174px, -157px);
  }

  #ecran {
    padding: 0;
    display: block;
    justify-content: unset;
  }

  #logo-slogan {
    margin-top: -4.8rem;
    margin-bottom: 2rem;
  }

  #bloc-phrase {
    display: flex;
    justify-content: center;
    transform: translate(0, -228px);
  }

  #phrase-un {
    font-size: 1.6rem;
  }

  #phrase-deux {
    font-size: 1.6rem;
  }

  #phrase-trois {
    font-size: 0.8rem;
  }

  #phrase-quatre {
    font-size: 0.8rem;
  }

  #bloc-phrase-entreprise {
    display: flex;
    justify-content: center;
    transform: translate(-70px, -98px);
  }

  #bloc-phrase-accompagnement {
    display: flex;
    justify-content: center;
    transform: translate(-147px, -368px);
  }

  #phrase-un-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 26px;
  }

  #phrase-deux-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 26px;
  }

  #phrase-trois-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 17px;
  }

  .phrase-quatre-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 17px;
  }

  .card {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

@media only screen and (min-width: 881px) and (max-width: 991px) {
  #menus {
    position: fixed;
    width: 3.7%;
    height: auto;
    transform: translate(-133px, -281px);
  }

  #menus.menus-fixed-entreprise {
    position: fixed;
    width: 5%;
    height: auto;
    transform: translate(-145px, -140px);
  }

  #ecran {
    padding: 0;
    display: block;
    justify-content: unset;
  }

  #logo-slogan {
    margin-top: -4.8rem;
    margin-bottom: 2rem;
  }

  #bloc-phrase {
    display: flex;
    justify-content: center;
    transform: translate(0, -176px);
  }

  #phrase-un {
    font-size: 28px;
  }

  #phrase-deux {
    font-size: 28px;
  }

  #phrase-trois {
    font-size: 13px;
  }

  #phrase-quatre {
    font-size: 13px;
  }

  #bloc-phrase-entreprise {
    display: flex;
    justify-content: center;
    transform: translate(-46px, -100px);
  }

  #bloc-phrase-accompagnement {
    display: flex;
    justify-content: center;
    transform: translate(-129px, -320px);
  }

  #phrase-un-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 22px;
  }

  #phrase-deux-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 22px;
  }

  #phrase-trois-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 14px;
  }

  .phrase-quatre-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 14px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 880px) {
  #menus {
    position: fixed;
    width: 3.7%;
    height: auto;
    transform: translate(-120px, -240px);
  }

  #menus.menus-fixed-entreprise {
    position: fixed;
    width: 5.7%;
    height: auto;
    transform: translate(-120px, -118px);
  }

  #ecran {
    padding: 0;
    display: block;
    justify-content: unset;
  }

  #logo-slogan {
    margin-top: -4.8rem;
    margin-bottom: 2rem;
  }

  #bloc-phrase {
    display: flex;
    justify-content: center;
    transform: translate(0, -176px);
  }

  #phrase-un {
    font-size: 1.2rem;
  }

  #phrase-deux {
    font-size: 1.2rem;
  }

  #phrase-trois {
    font-size: 0.6rem;
  }

  #phrase-quatre {
    font-size: 0.6rem;
  }

  #bloc-phrase-entreprise {
    display: flex;
    justify-content: center;
    transform: translate(-52px, -75px);
  }

  #bloc-phrase-accompagnement {
    display: flex;
    justify-content: center;
    transform: translate(-117px, -303px);
  }

  #phrase-un-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 18px;
  }

  #phrase-deux-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 18px;
  }

  #phrase-trois-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 12px;
  }

  .phrase-quatre-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 12px;
  }
}

#menu-logo {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  margin-right: 3rem;
}

#menu-liste {
  display: flex;
  justify-content: flex-start;
  margin-top: -3rem;
  margin-left: 10%;
  flex-direction: row;
  align-items: flex-start;
}

#ul-menu {
  display: inline-flex;
  flex-direction: column;
  list-style: square;

  color: WHITE;
}

#contact-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10em;
}

.sidenav a {
  padding: 0;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  transition: 0.2s;
}

li {
  height: 4em;
}

.carte-entreprise.card {
  width: 30rem;
  height: 29rem;
}

.card {
  width: 28.7rem;
}

@media only screen and (min-width: 551px) and (max-width: 641px) {
  #ecran {
    padding: 0;
    display: block;
    justify-content: unset;
  }

  #phrase-un {
    font-size: 1.45rem;
  }

  #phrase-deux {
    font-size: 1.45rem;
  }

  #phrase-trois {
    font-size: 0.88rem;
  }

  #phrase-quatre {
    font-size: 0.88rem;
  }

  #bloc-phrase {
    display: block;
    width: 84%;
    justify-content: center;
    transform: translate(2rem, -318px);
  }

  #bloc-phrase-entreprise {
    display: block;
    width: 90%;
    justify-content: center;
    transform: translate(2rem, -145px);
    margin-bottom: -18rem;
  }

  #largeurbanniere {
    display: none;
  }

  #largeurbanniere-mobile {
    display: flex;
  }

  #logo-slogan {
    margin-top: -10.5rem;
    margin-bottom: 1rem;
    position: absolute;
  }

  #bloc-slogan-logo {
    margin-bottom: -12.2rem;
    margin-top: -5.3rem;
    width: 100%;
    position: absolute;
  }

  .slogan-logo {
    text-align: center;
    margin: 0rem;
    font-family: Montserrat-Extrabold;
    line-height: 30px;
    font-size: 20px;
    color: #404040;
  }

  .card {
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 23rem;
    height: 14rem;
  }

  .card-body {
    margin: auto;
    transform: translateY(-50px);
    background-color: WHITE;
    border-top-left-radius: calc(1.5 - 1px);
    border-top-right-radius: calc(1.5 - 1px);
    width: 12rem;
    text-align: center;
    padding: 1.5rem;
  }

  .card-body li {
    list-style-type: none;
    height: 2rem;
  }

  p.slogan-dpva {
    font-size: 16px;
  }

  #container-accompagnement {
    display: none;
  }

  #container-accompagnement-mobile {
    display: block;
  }

  #site-footer-mobile.container-fluid {
    width: 100%;
    height: 215px;
    background-color: #fe8369;
    display: block;
    margin-top: 3rem;
  }

  #site-footer.container-fluid {
    display: none;
  }

  #site-footer-mobile {
    color: #fe8369;
    width: 100%;
    height: 200px;
  }

  #blason {
    display: block;

    margin-bottom: -2rem;
  }

  #image-blason {
    margin-top: 1rem;
    margin-bottom: -2rem;
    width: 10%;
  }

  .reseau-sociaux {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0.5rem;
  }

  .facebook {
    margin-right: 0.2em;
    width: 75%;
  }

  .instagram {
    margin-left: 0.2em;
    width: 75%;
  }

  p.site-ville-salernes {
    margin-top: 0;
    text-align: center;
    font-family: "Montserrat-Regular";
    font-size: smaller;
    color: #000000;
  }

  p.ville-salernes {
    margin-top: -21px;
    text-align: center;
    font-family: "Montserrat-Regular";
    font-size: 11px;
    color: #000000;
  }

  #slogan-banniere {
    display: none;
  }

  #menu-ouvert {
    display: flex;
    font-size: 30px;
    cursor: pointer;
    z-index: 106;
    justify-content: flex-end;
    margin: auto;
    align-items: center;
  }

  #menus {
    position: fixed;
    width: 12.7%;
    height: auto;
    transform: translate(-10vw, -39.55rem);
  }

  #menus.menus-fixed-entreprise {
    position: fixed;
    width: 12.7%;
    height: auto;
    transform: translate(-10vw, -30.25rem);
  }

  #containercard.container-fluid {
    margin-top: -3rem;
  }

  #containercard-entreprises.container-fluid {
    margin-top: 11rem;
  }

  .cartecategorie.card {
    width: 23rem;
    height: 15rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .cartecategorie-titre-texte {
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
  }

  img.card-img-locate-cat.card-img-top {
    width: 100%;
    height: 58%;
    border-top-left-radius: calc(1.3rem - 1px);
    border-top-right-radius: calc(1.3rem - 1px);
  }

  img.card-img-locate.card-img-top {
    width: 100%;
    height: 51%;
    border-top-left-radius: calc(1.3rem - 1px);
    border-top-right-radius: calc(1.3rem - 1px);
  }

  .lienscategorie {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-top: -2px;
  }

  .image-voir {
    margin-top: 1.2rem;


  }





  .carte-entreprise.card {
    width: 23rem;
    height: 25rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .carte-entreprise-titre-texte.card-body {
    width: 12rem;
    margin-top: -1rem;
    height: 15rem;
  }

  .carte-entreprise-titre-texte {
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .carte-entreprise-texte.card-body {
    width: 17.5rem;
    height: 25rem;
    overflow: scroll;
    padding: 4px;
    padding-top: 2px;
  }

  .texte-carte-entreprise-texte.card-text {
    font-family: "Montserrat-Regular";
    font-size: 14px;
    color: #404040;
    opacity: 100%;
  }

  #bloc-phrase-accompagnement {
    display: flex;
    justify-content: center;
    transform: translate(192px, -550px);
    width: 39%;
  }

  #phrase-un-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 19px;
  }

  #phrase-deux-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 19px;
  }

  #phrase-trois-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 13px;
  }

  .phrase-quatre-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 13px;
  }

  .liens-entreprise {
    display: inline-flex;
    justify-content: space-between;
    padding: 0px;
    padding-top: 4px;
    height: 2rem;
    width: 82%;
    margin-bottom: 1rem;
  }

  .font-size-liens-entreprise {
    font-size: 10px;
    font-family: "Montserrat-Regular";
    color: #404040;
  }

  .logo-slogan-dpva-center {
    display: flex;
    justify-content: center;
  }

  #logo-dracenie {
    margin-right: 4rem;
    margin-left: 4rem;
    margin-bottom: 3rem;
  }

  #logo-sud {
    margin-right: 4rem;
    margin-left: 4rem;
    margin-bottom: 3rem;
  }

  .bloc-footer {
    transform: translate(0px, 35px);
  }
}

@media only screen and (max-width: 550px) {
  #ecran {
    padding: 0;
    display: block;
    justify-content: unset;
  }

  #phrase-un {
    font-size: 1.45rem;
  }

  #phrase-deux {
    font-size: 1.45rem;
  }

  #phrase-trois {
    font-size: 0.88rem;
  }

  #phrase-quatre {
    font-size: 0.88rem;
  }

  #bloc-phrase {
    display: block;
    width: 84%;
    justify-content: center;
    transform: translate(2rem, -318px);
  }

  #bloc-phrase-entreprise {
    display: block;
    width: 90%;
    justify-content: center;
    transform: translate(2rem, -186px);
    margin-bottom: -18rem;
  }

  #largeurbanniere {
    display: none;
  }

  #largeurbanniere-mobile {
    display: flex;
  }

  #logo-slogan {
    margin-top: -12.5rem;
    margin-bottom: 1rem;
    position: absolute;
  }

  #bloc-slogan-logo {
    margin-bottom: -12.2rem;
    margin-top: -8.3rem;
    width: 100%;
    position: absolute;
  }

  .slogan-logo {
    text-align: center;
    margin: 0rem;
    font-family: Montserrat-Extrabold;
    line-height: 30px;
    font-size: 20px;
    color: #404040;
  }

  .card {
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 23rem;
    height: 14rem;
  }

  .card-body {
    margin: auto;
    transform: translateY(-50px);
    background-color: WHITE;
    border-top-left-radius: calc(1.5 - 1px);
    border-top-right-radius: calc(1.5 - 1px);
    width: 12rem;
    text-align: center;
    padding: 1.5rem;
  }

  .card-body li {
    list-style-type: none;
    height: 2rem;
  }

  p.slogan-dpva {
    font-size: 16px;
  }

  #container-accompagnement {
    display: none;
  }

  #container-accompagnement-mobile {
    display: block;
  }

  #site-footer-mobile.container-fluid {
    width: 100%;
    height: 215px;
    background-color: #fe8369;
    display: block;
    margin-top: 3rem;
  }

  #site-footer.container-fluid {
    display: none;
  }

  #site-footer-mobile {
    color: #fe8369;
    width: 100%;
    height: 200px;
  }

  #blason {
    display: block;

    margin-bottom: -2rem;
  }

  #image-blason {
    margin-top: 1rem;
    margin-bottom: -2rem;
    width: 10%;
  }

  .reseau-sociaux {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0.5rem;
  }

  .facebook {
    margin-right: 0.2em;
    width: 75%;
  }

  .instagram {
    margin-left: 0.2em;
    width: 75%;
  }

  p.site-ville-salernes {
    margin-top: 0;
    text-align: center;
    font-family: "Montserrat-Regular";
    font-size: smaller;
    color: #000000;
  }

  p.ville-salernes {
    margin-top: -21px;
    text-align: center;
    font-family: "Montserrat-Regular";
    font-size: 11px;
    color: #000000;
  }

  #slogan-banniere {
    display: none;
  }

  #menu-ouvert {
    display: flex;
    font-size: 30px;
    cursor: pointer;
    z-index: 106;
    justify-content: flex-end;
    margin: auto;
    align-items: center;
  }

  #menus {
    position: fixed;
    width: 13.7%;
    height: auto;
    transform: translate(-10vw, -22.55rem);
  }

  #menus.menus-fixed-entreprise {
    position: fixed;
    width: 13.7%;
    height: auto;
    transform: translate(-10vw, -17.25rem);
  }

  #containercard.container-fluid {
    margin-top: -4rem;
  }

  #containercard-entreprises.container-fluid {
    margin-top: 6rem;
  }

  .cartecategorie.card {
    width: 23rem;
    height: 16rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .cartecategorie-titre-texte {
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
  }

  img.card-img-locate-cat.card-img-top {
    width: 100%;
    height: 58%;
    border-top-left-radius: calc(1.3rem - 1px);
    border-top-right-radius: calc(1.3rem - 1px);
  }

  img.card-img-locate.card-img-top {
    width: 100%;
    height: 51%;
    border-top-left-radius: calc(1.3rem - 1px);
    border-top-right-radius: calc(1.3rem - 1px);
  }

  .lienscategorie {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-top: -2px;
  }

  .image-voir {
    margin-top: 1.2rem;
  }

  .carte-entreprise.card {
    width: 23rem;
    height: 25rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .carte-entreprise-titre-texte.card-body {
    width: 12rem;
    margin-top: -1rem;
    height: 15rem;
  }

  .carte-entreprise-titre-texte {
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .carte-entreprise-texte.card-body {
    width: 17.5rem;
    height: 25rem;
    overflow: scroll;
    padding: 4px;
    padding-top: 2px;
  }

  .téléphone-commerces-salernes {
    display: block;
  }

  .texte-carte-entreprise-texte.card-text {
    font-family: "Montserrat-Regular";
    font-size: 14px;
    color: #404040;
    opacity: 100%;
  }

  #bloc-phrase-accompagnement {
    display: flex;
    justify-content: center;
    transform: translate(66px, -537px);
    width: 66%;
  }

  #phrase-un-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 19px;
  }

  #phrase-deux-accompagnement {
    font-family: "Montserrat-ExtraBold";
    color: #404040;
    font-size: 19px;
  }

  #phrase-trois-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 13px;
  }

  .phrase-quatre-accompagnement {
    font-family: "Montserrat-Regular";
    color: #404040;
    font-size: 13px;
  }

  .liens-entreprise {
    display: inline-flex;
    justify-content: space-between;
    padding: 0px;
    padding-top: 4px;
    height: 2rem;
    width: 93%;
    margin-bottom: 1rem;
  }

  .font-size-liens-entreprise {
    font-size: 10px;
    font-family: "Montserrat-Regular";
    color: #404040;
  }

  .logo-slogan-dpva-center {
    display: flex;
    justify-content: center;
  }

  #logo-dracenie {
    margin-right: 4rem;
    margin-left: 4rem;
    margin-bottom: 3rem;
  }

  #logo-sud {
    margin-right: 4rem;
    margin-left: 4rem;
    margin-bottom: 3rem;
  }

  .bloc-footer {
    transform: translate(0px, 35px);
  }
}