.title-item-question-suv {
  font-size: 1.75rem;
  line-height: 1.18;
  color: var(--primary-color);
  text-align: center;
  padding-bottom: 20px;
}
.top-wrap-suv {
  padding-top: 40px;
}

.wrap-item-question-reponse {
  display: flex;
  border: 1px solid beige;
}
.item-question {
  width: 29%;
  border-right: 1px solid #deded7;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 20px;
  font-size: 20px;
  font-weight: 600;
  color: black;
}
.item-reponse {
  width: 70%;
  display: flex;
  align-items: start;
  padding: 10px 10px 10px 20px;
  flex-direction: column;
  justify-content: center;
  color: #4c4b4b;
  font-size: 17px;
  text-align: left;
}
.details-item-question-suv {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: .017rem;
  color: #4c4b4b;
}
.details-item-question-suv a {
  font-size: 1.125rem;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 700;
}
.item-question-suv {
  padding-bottom: 20px;
}
.details-item-question-suv ol {
  /*! list-style: inherit; */
}
.bloc-title-toggle {
  justify-content: end;
  /*! max-width: 70.9375rem; */
  display: flex;
}
.first-item-title-toggle {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: .017rem;
  border-left: .1875rem solid #f2f2eb;
  border-right: .09375rem solid #f5f5ec;
  border-top: .1875rem solid #f5f5ef;
  text-align: center;
  padding: 1.5625rem 36px 1rem;
}
.first-item-title-toggle.active {
  background: #f3f3ea;
  border-top: 8px solid var(--primary-color);
  display: block;
}
.right-text-item-question {
  display: none;
}
.small-bloc-title-toggle {
  width: 30%;
  padding-right: 20px;
}
.item-small-right-question {
  width: 70%;
  padding: 4.25rem 6.5625rem 0 6.625rem;
  display: none;
  background: #f5f5ec;
  /*! max-width: 51.25rem; */
  width: 79%;
}
.right-text-item-question.active {
  display: block;
}
.right-text-item-question.text-question {
  display: flex;
}
.item-small-right-question.active {
  display: block;
}
.right-apropos-text {
  padding-bottom: .75rem;
  margin-bottom: 3.75rem;
  font-size: 1.125rem;
  color: #4c4b4b;
}
.right-apropos-text ul {
  padding-left: 1.75rem;
}
.right-apropos-text a {
  font-size: 1.125rem;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 700;
}
.small-item-title-toggle {
  padding: 16px 0;
  max-width: 22.9375rem;
  /*! width: 117%; */
  font-weight: 700;
  position: relative;
  padding-left: 30px;
}
.small-item-title-toggle.active::after {
  background-image: url("/themes/custom/ohchr/dist/svg/rectangle-arrow.svg");
  background-repeat: no-repeat;
  background-size: 32rem;
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.small-item-title-toggle::before {
  content: "";
  display: flex;
  border-collapse: collapse;
  width: 6px;
  /*! /*! top: 50%; */ /*! *//*! /*! *! \/
  left: 0; */ /*! */ 
  border-radius: 50%;
  position: absolute;
  background-color: var(--primary-color);
  height: 6px;
  left: -13px;
}
.small-item-title-toggle.actif {
  border-left: 2px solid var(--primary-color);
}

.item-reponse ul li {
  position: relative;
  padding-left: 18px;
}
.item-reponse ul li::before {
  content: '.';
  position: absolute;
  width: auto;
  font-size: 46px;
  top: -39px;
  left: 0;
  color: var(--primary-color);
}
.item-bottom-suv {
  width: 33.33%;
  padding: 0 15px;
}
.wrap-item-bottom-signale-une.violation {
  border-radius: 0 50px 0 50px;
  box-shadow: 0 0 30px #eae9e9;
  padding: 30px;
}
.wrap-item-bottom-signale-une.violation h3 {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 23px;
  padding-bottom: 20px;
  position: relative;
  line-height: 34px;
}
.wrap-item-bottom-signale-une.violation h3::before {
  width: 63px;
  top: 79%;
  position: absolute;
  content: '';
  height: 3px;
  left: 0%;
  background-color: var(--second-color);
}
.wrap-bottom-suv {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}
.item-bottom-suv p {
  color: #676363;
  font-size: 17px;
}
.wrapper-suv {
  padding: 50px 0;
}
.chapeau-ban-detail-violation {
  padding-top: 20px !important;
  width: 70%;
}

.item-reponse a {
  font-size: 1.125rem;
  color: var(--primary-color);
  font-weight: 500;
}
.item-reponse p {
  text-align: left;
  width: 100%;
}