/* screen - infos-et-notes */

.infos-et-notes {
  align-items: center;
  background-color: var(--fond);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1308px;
  position: relative;
  width: 375px;
}

.infos-et-notes .header-gnral {
  align-items: center;
  background-color: var(--blanc);
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 3px 12px #80808029;
  display: flex;
  gap: 10px;
  height: 112px;
  justify-content: center;
  padding: 52px 0px 0px;
  position: fixed;
  top: 0;
  width: 375px;
  z-index: 12;
  border-radius: 10px;
}

.infos-et-notes .titre {
  color: var(--encre);
  font-weight: 600;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.infos-et-notes .group-27 {
  cursor: pointer;
  height: 19px;
  left: 19px;
  position: absolute;
  top: 41px;
  width: 73px;
}

.infos-et-notes .revenir {
  color: var(--encre);
  font-weight: 400;
  left: 17px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.infos-et-notes .iconesangle-left-solid {
  height: 13px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 13px;
}

.infos-et-notes .frame-36 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  gap: 16px;
  margin-left: 38.5px;
  margin-top: 137px;
  position: relative;
  width: fit-content;
  z-index: 1;
}

.infos-et-notes .ellipse-556 {
  height: 64px;
  width: 64px;
  border-radius: 50%;
}

.infos-et-notes .nom-du-palpashop {
  color: var(--encre);
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.infos-et-notes .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 19px;
  height: 19px;
  margin-right: 44.0px;
  margin-top: 25px;
  min-width: 207px;
  z-index: 2;
}

.infos-et-notes .ouvert-depuis {
  color: var(--encre);
  font-weight: 400;
  line-height: normal;
  min-height: 19px;
  min-width: 98px;
  text-align: right;
  white-space: nowrap;
}

.infos-et-notes .date {
  color: var(--encre);
  font-weight: 500;
  line-height: normal;
  min-height: 19px;
  white-space: nowrap;
}

.infos-et-notes .flex-row-1 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  gap: 19px;
  height: 19px;
  margin-left: 43px;
  margin-top: 11px;
  min-width: 244px;
  z-index: 3;
}

.infos-et-notes .dernire-connexion {
  color: var(--encre);
  font-weight: 400;
  line-height: normal;
  min-height: 19px;
  min-width: 137px;
  text-align: right;
  white-space: nowrap;
}

.infos-et-notes .address {
  color: var(--encre);
  font-weight: 500;
  line-height: normal;
  min-height: 19px;
  white-space: nowrap;
}

.infos-et-notes .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 19px;
  height: 19px;
  margin-right: 49px;
  margin-top: 16px;
  min-width: 136px;
  z-index: 4;
}

.infos-et-notes .rponds-sous {
  color: var(--encre);
  font-weight: 400;
  line-height: normal;
  min-height: 19px;
  min-width: 95px;
  text-align: right;
  white-space: nowrap;
}

.infos-et-notes .x1-h {
  color: var(--encre);
  font-weight: 500;
  line-height: normal;
  min-height: 19px;
  white-space: nowrap;
}

.infos-et-notes .line-11 {
  height: 1px;
  margin-right: 4.0px;
  margin-top: 32px;
  object-fit: cover;
  width: 285px;
  z-index: 5;
}

.infos-et-notes .notes-et-avis {
  align-self: flex-start;
  color: var(--encre);
  font-weight: 600;
  line-height: normal;
  margin-left: 43px;
  margin-top: 31px;
  min-height: 27px;
  z-index: 6;
}

.infos-et-notes .flex-row-3 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  gap: 9px;
  height: 48px;
  margin-left: 43px;
  margin-top: 11px;
  min-width: 109px;
  z-index: 7;
}

.infos-et-notes .text-1 {
  color: var(--encre);
  font-weight: 600;
  line-height: normal;
  min-height: 48px;
  white-space: nowrap;
}

.infos-et-notes .sur-5 {
  color: var(--encre);
  font-weight: 600;
  line-height: normal;
  margin-top: 3.0px;
  min-height: 27px;
  min-width: 49px;
}

.infos-et-notes .carte-shop {
  align-items: flex-start;
  background-color: var(--blanc);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 17px;
  padding: 20px 10px 10px 32px;
  position: relative;
  width: 355px;
  z-index: 8;
}

.infos-et-notes .ellipse-532 {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.infos-et-notes .bulleval {
  height: 12px;
  min-width: 64px;
  position: relative;
}

.infos-et-notes .overlap-group {
  height: 12px;
  position: relative;
  width: 64px;
}

.infos-et-notes .iconesstar-solid-0 {
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
  width: 12px;
}

.infos-et-notes .iconesstar-solid-1 {
  height: 12px;
  left: 13px;
  position: absolute;
  top: 0;
  width: 12px;
}

.infos-et-notes .iconesstar-solid-2 {
  height: 12px;
  left: 26px;
  position: absolute;
  top: 0;
  width: 12px;
}

.infos-et-notes .iconesstar-solid-3 {
  height: 12px;
  left: 39px;
  position: absolute;
  top: 0;
  width: 12px;
}

.infos-et-notes .iconesstar-solid-4 {
  height: 12px;
  left: 52px;
  position: absolute;
  top: 0;
  width: 12px;
}

.infos-et-notes .frame-18 {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
  width: 58px;
}

.infos-et-notes .icon-star {
  height: 12px;
  width: 12px;
}

.infos-et-notes .iconesstar-solid-5 {
  height: 12px;
  width: 6px;
}

.infos-et-notes .trs-bon-resto-cette {
  color: var(--encre);
  font-weight: 400;
  line-height: normal;
  position: relative;
  width: 291px;
}

.infos-et-notes .il-y-a-3-jours {
  color: var(--encre);
  font-weight: 400;
  left: 270px;
  line-height: normal;
  position: absolute;
  text-align: right;
  top: 39px;
  font-size: 13px;
}

.infos-et-notes .name {
  color: var(--encre);
  font-weight: 500;
  left: 102px;
  line-height: normal;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.infos-et-notes .carte-shop-1 {
  z-index: 9;
}

.infos-et-notes .carte-shop-2 {
  z-index: 10;
}

.infos-et-notes .carte-shop-3 {
  z-index: 11;
}

.infos-et-notes .carte-shop-4 {
  align-items: flex-start;
  background-color: var(--blanc);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding: 20px 10px 10px 32px;
  position: relative;
  width: 355px;
}

.infos-et-notes .ellipse {
  object-fit: cover;
  position: relative;
}

.without_picture {
  height: 64px;
  object-fit: cover;
  min-width: 64px;
  position: relative;
  background-color: var(--default);
  color:#ffffff;
  font-weight: 400;
  line-height: normal;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family-fredoka);
  font-size:16px;
  font-style: normal;
  letter-spacing: 0;
}