@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* ----------------------------------------------------------------------------------------------------

                          CSS - BEEKOM TEST - 

------------------------------------------------------------------------------------------------------ */

.sub-title {
  display: none !important;
}

/* ----- 2026 -------*/ 

#page_10 .wpvqgr-question .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

#page_10 .wpvqgr-question .col-md-6 .wpvqgr-answer {
}

/** 
 Pour que tous les blocs .wpvqgr-answer aient la même hauteur (celle du plus grand), utilisez Flexbox sur le parent .row ou .wpvqgr-question :

 Méthode CSS uniquement (recommandée) :
*/

.row {
    display: flex;
    flex-wrap: wrap;
}

.wpvqgr-answer-col {
    display: flex;
    flex-direction: column;
    /* Permet à chaque colonne de remplir toute la hauteur possible du .row */
}

.wpvqgr-answer {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    /* S'assure que le bloc .wpvqgr-answer prend toute la hauteur de son parent */
}

/* Adaptation responsive si besoin, pour désactiver pour mobiles (optionnel) */
@media (max-width: 600px) {
    .row {
        display: block;
    }
    .wpvqgr-answer-col {
        display: block;
    }
}



/* Responsive Optimisation */
@media (max-width: 1024px) {
  #page_10 .wpvqgr-question .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 10px;
  }
  #page_10 .wpvqgr-question .col-md-6 .wpvqgr-answer {
  }
}

@media (max-width: 600px) {
  #page_10 .wpvqgr-question .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 7px;
      padding-right: 7px;
      margin-bottom: 0;
  }
  #page_10 .wpvqgr-question .col-md-6 .wpvqgr-answer {
      padding: 10px;
      margin-bottom: 15px;
  }
}


.grecaptcha-badge {
  visibility: hidden !important;
}


.content_quizz {
  min-height: 100vh !important;
  height: auto !important;
}



.elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  padding: 0 !important;
}

/* ------ INTRO ------- */

body {
  font-family: "Poppins", Sans-serif;
  background: linear-gradient(
    90deg,
    #a7171a 19.22%,
    #c31924 49.85%,
    #a7171a 77.75%
  );
  padding: 0;
  margin: 0;
}

.background_red {
  height: 100vh;
  background-size: 120% !important;
}

.section_global_home {
  height: 100vh;
}

.logo_soignon {
  width: 100% !important;
}

.logo_soignon img {
  width: 60% !important;
  max-width: 488px !important;
  margin: 0 auto;
  direction: block;
}

.section_pictos_intro {
  width: 60% !important;
  margin: 0 auto;
  direction: block;
}

.txt_intro h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #ffffff !important;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  width: auto;
}

.txt_intro h2:before {
  content: url(/wp-content/uploads/2022/02/tirets-jaunes.svg);
  position: absolute;
  top: -40px;
  left: -30px;
}

.btn_intro,
.section_txt {
  z-index: 10;
}

.btn_quizz_start a {
  position: relative;
}

.btn_quizz_start a:before {
  content: url(/wp-content/uploads/2022/02/tirets-jaunes.svg);
  position: absolute;
  top: -40px;
  left: -30px;
}

.btn_quizz_start a:after {
  content: url(/wp-content/uploads/2022/02/tirets-jaunes-02.svg);
  position: absolute;
  bottom: -35px;
  right: -35px;
}

/* ----- QUIZZ ------- */

#page_10 body,
#page_190 body,
#page_275 body,
#page_280 body,
#page_283 body,
#page_288 body,
#page_214 body,
#page_328 body,
#page_775 body,
#page_781 body {
  background: #e5e5e5 !important ;
}

#page_10 .header_quizz,
#page_190 .header_quizz,
#page_275 .header_quizz,
#page_280 .header_quizz,
#page_283 .header_quizz,
#page_288 .header_quizz,
#page_214 .header_quizz,
#page_328 .header_quizz,
#page_775 .header_quizz,
#page_781 .header_quizz {
  background: linear-gradient(
    90deg,
    #a7171a 19.22%,
    #c31924 49.85%,
    #a7171a 77.75%
  );
}

#page_10 .header_quizz .logo_header_quizz,
#page_190 .header_quizz .logo_header_quizz,
#page_275 .header_quizz .logo_header_quizz,
#page_280 .header_quizz .logo_header_quizz,
#page_283 .header_quizz .logo_header_quizz,
#page_288 .header_quizz .logo_header_quizz,
#page_214 .header_quizz .logo_header_quizz,
#page_328 .header_quizz .logo_header_quizz,
#page_775 .header_quizz .logo_header_quizz,
#page_781 .header_quizz .logo_header_quizz {
  width: 50%;
  margin: 0 auto;
  display: block;
  max-width: 120px;
}

.content_quizz {
  margin: 0 10px !important;
}

body .content_form_quizz {
  margin: 0 15px !important;
}

.content_quizz .wpvqgr {
  position: relative;
}

.content_quizz .wpvqgr .wpvqgr-page {
  position: absolute;
  width: 100%;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label {
  font-family: "Poppins", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  width: 100%;
  margin: 0 auto 30px;
  color: #000 !important;
}

.content_quizz .wpvqgr-wrapper .wpvqgr-htmlblock p {
  font-family: "Poppins", Sans-serif;
  font-size: 20px;
  color: #a7171a;
}
.content_quizz .wpvqgr-wrapper .wpvqgr-htmlblock span {
  margin-bottom: 0;
}

.sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  margin-top: -80px;
  margin-bottom: 50px;
  color: white;
}
/* .content_quizz .wpvqgr-wrapper .wpvqgr-htmlblock img {
    position: absolute;
    top: -65px; 
    width: 220px;
    left: 50%;
    margin-left: -110px;
} */

.content_quizz .wpvqgr-wrapper div.wpvqgr-question {
  margin-bottom: 0;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
  background: #ffffff;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 17px;
  margin-bottom: 30px;
  border: 0 !important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover {
  background: #a3c84d !important;
  color: #fff !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation {
  display: none !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-right-answer {
  background: #a3c84d !important;
  opacity: 1;
  color: #fff !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer {
  background: linear-gradient(
    90deg,
    #a7171a 7.87%,
    #c31924 49.82%,
    #a7171a 90.29%
  ) !important;
}

.content_quizz .wpvqgr-wrapper .wpvqgr-continue {
  text-align: center;
}

.content_quizz .wpvqgr-wrapper button.wpvqgr-button {
  background: linear-gradient(
    90deg,
    #a7171a 7.87%,
    #c31924 49.82%,
    #a7171a 90.29%
  );
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 20px 40px !important;
  width: auto !important;
  border: 0px;
  margin: 0 auto !important;
  position: relative;
  display: inline-block;
  font-weight: 500 !important;
}

.content_quizz .wpvqgr-wrapper button.wpvqgr-button-retour {
  background: none;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  font-size: 18px;
  color: #b71920;
  text-align: center;
  padding: 18px 40px !important;
  width: auto !important;
  border: solid 2px #b71920;
  margin: 0 auto !important;
  position: relative;
  display: inline-block;
  font-weight: 500 !important;
  margin-right: 10px !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
  color: #000;
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover, .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox {
  cursor: pointer;
  text-align: center;
  padding-top: 17px !important;
}

span.wpvqgr-answer-label {
  margin-left: 0 !important;
}

.content_quizz
  .wpvqgr-wrapper
  div.wpvqgr-question
  div.wpvqgr-answer
  div.wpvqgr-checkbox
  div.wpvqgr-checkbox-unchecked-picture {
  background: url(/wp-content/uploads/2022/02/circle02.svg);
  background-size: 16px;
  display: none;
}

.content_quizz
  .wpvqgr-wrapper
  div.wpvqgr-question
  div.wpvqgr-right-answer
  div.wpvqgr-checkbox
  div.wpvqgr-checkbox-unchecked-picture {
  background: url(/wp-content/uploads/2022/02/check_OK_03.svg) !important;
  background-size: 19px;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  margin-top: 5px;
  background-repeat: no-repeat !important;
}

.content_quizz
  .wpvqgr-wrapper
  div.wpvqgr-question
  div.wpvqgr-wrong-answer
  div.wpvqgr-checkbox
  div.wpvqgr-checkbox-unchecked-picture {
  background: url(/wp-content/uploads/2022/02/uncheck.svg) !important;
  background-size: 19px;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  background-repeat: no-repeat !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-explanation h3,
.content_quizz .wpvqgr-wrapper div.wpvqgr-forcetoshare h3,
.content_quizz .wpvqgr-wrapper div.wpvqgr-askinfo h3 {
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  width: 90%;
  margin: 0 auto 30px;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-askinfo {
  margin-top: 0 !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-askinfo h3:before {
  content: url(/wp-content/uploads/2022/02/ticket.svg);
  position: relative;
  display: block;
  margin: 0 auto;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-explanation,
.content_quizz .wpvqgr-wrapper div.wpvqgr-forcetoshare,
.content_quizz .wpvqgr-wrapper div.wpvqgr-askinfo {
  background: none;
}

.content_quizz .wpvqgr-wrapper .form-group {
  position: relative;
}

.content_quizz .wpvqgr-wrapper .form-group label {
  position: absolute;
  color: #8d8d8d;
  top: 15px;
  left: 15px;
  transition: all 0.6s ease-in-out;
}

.content_quizz .wpvqgr-wrapper .form-group:hover label {
  position: absolute;
  color: #8d8d8d;
  top: -25px;
  left: 15px;
  transition: all 0.6s ease-in-out;
}

.content_quizz .wpvqgr-wrapper .form-control {
  padding: 20px !important;
  border: 0 !important;
  background: #ffffff;
  box-shadow: 0px 4px 7px rgb(0 0 0 / 10%);
  border-radius: 10px;
  height: 50px !important;
  margin-bottom: 30px !important;
}

.content_quizz .gdpr-area .form-check-label {
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: #000;
}

.content_quizz .wpvqgr-askinfo button.wpvqgr-button {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.content_quizz .wpvqgr-wrapper div.wpvqgr-askinfo p.wpvqgr-askinfo-ignore {
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #a7a7a7;
  text-decoration-line: underline;
}

/* ---- Page de resultat V2 ---- */

.title_result_form h2 {
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 27px;
  text-align: center;
  width: 100%;
  margin: 0 auto 30px;
}

.elementor-widget:not(:last-child) {
  margin-bottom: 0 !important;
}

.input_full {
  margin-bottom: 25px !important;
}

.radio_full {
  margin-bottom: 20px !important;
}

.radio_full label {
  color: #000 !important;
}

.radio_full .wpcf7-list-item {
  margin: 0 0 0 30px;
}

.input_full input {
  width: 100%;
  padding: 20px !important;
  border: 0 !important;
  background: #ffffff;
  box-shadow: 0px 4px 7px rgb(0 0 0 / 10%) !important;
  border-radius: 10px;
  height: 50px !important;
  color: #000 !important;
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
}

.input_full textarea {
  width: 100%;
  padding: 20px !important;
  border: 0 !important;
  background: #ffffff;
  box-shadow: 0px 4px 7px rgb(0 0 0 / 10%) !important;
  border-radius: 10px;
  color: #000 !important;
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
}

.checkbox span.wpcf7-list-item-label {
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
}

.checkbox span.wpcf7-list-item-label a {
  font-family: "Poppins", Sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  text-decoration: underline;
}

.check_politique .wpcf7-form-control-wrap {
  position: relative;
  display: inline-block;
}

.check_politique .wpcf7-list-item .wpcf7-list-item-label {
  display: none;
}

.check_politique .wpcf7-not-valid-tip {
  position: absolute;
  width: 250px;
  bottom: -50px;
}

span.politique_protection {
  z-index: 10;
}

.checkbox {
  margin-bottom: 10px;
}

.checkbox .wpcf7-list-item {
  margin: 0 0 0 15px;
}

p.cgv_mention {
  font-family: "Poppins", Sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  color: #000;
  opacity: 0.6;
}

p.cgv_mention a {
  color: #000;
  text-decoration: underline;
}

.submit_full {
  margin-top: 20px;
  position: relative;
}

.submit_full input {
  background: linear-gradient(
    90deg,
    #a7171a 7.87%,
    #c31924 49.82%,
    #a7171a 90.29%
  );
  box-shadow: 0px 4px 7px rgb(0 0 0 / 10%) !important;
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 15px 50px !important;
  width: auto !important;
  border: 0px;
  margin: 0 auto !important;
  position: relative;
  display: block;
  font-weight: 500 !important;
}

.wpcf7-spinner {
  position: absolute;
  top: 20px;
  left: 0;
}

/* .next-step a {
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #a7a7a7 !important;
  text-decoration-line: underline !important;
  margin-top: 20px;
} */

.next-step a {
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #b5181f !important;
  margin-top: 20px;
  background-color: #fff !important;
  border-radius: 10px;
  text-decoration: none;
}

/* Mozilla Firefox 4 to 18  */
:-moz-placeholder {
  font-family: "Poppins", Sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  color: #8d8d8d;
  opacity: 0.8;
}

/* Mozilla Firefox 19+*/
::-moz-placeholder {
  font-family: "Poppins", Sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  color: #8d8d8d;
  opacity: 0.8;
}

/* Safari, Google Chrome, Opera 15+, nternet Explore 13+ */
::-webkit-input-placeholder {
  font-family: "Poppins", Sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  color: #8d8d8d;
  opacity: 0.8;
}

/* Internet Explore 10+ */
:-ms-input-placeholder {
  font-family: "Poppins", Sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  color: #8d8d8d;
  opacity: 0.8;
}

/* W3C */
::placeholder {
  font-family: "Poppins", Sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  color: #8d8d8d;
  opacity: 0.8;
}

/* ----- AVIS ----- */

.txt_intro_h2 {
  margin-bottom: 30px !important;
}

.txt_intro_h2 h2 {
  font-family: "Poppins", Sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #fbe100 !important;
  width: auto !important;
  position: relative !important;
  display: inline-block !important;
}

.txt_intro_h2 h2:before {
  content: url(/wp-content/uploads/2022/02/pop-jaune-01.svg);
  position: absolute;
  top: -15px;
  left: 10px;
}

.txt_intro_h2 h2:after {
  content: url(/wp-content/uploads/2022/02/point-jaune.svg);
  position: absolute;
  bottom: 5px;
  right: -25px;
}

.txt_intro_h3 h3 {
  font-family: Poppins !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-align: center !important;
  color: #ffffff !important;
  width: auto !important;
  position: relative !important;
  display: inline-block !important;
}

.txt_intro_h3 h3:after {
  content: url(/wp-content/uploads/2022/02/pop-jaune-02.svg);
  position: absolute;
  bottom: -20px;
  right: -30px;
}

.txt_intro_h3 h3:before {
  content: url(/wp-content/uploads/2022/02/fleche_down.svg);
  position: absolute;
  bottom: -70px;
  left: -50px;
}

.txt_finish {
  position: absolute !important;
  bottom: 40px;
}

.txt_finish p {
  font-family: Poppins !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 !important;
  text-align: center;
}

.txt_finish a {
  font-family: Poppins !important;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline !important;
  color: #fbe100;
  margin: 0 !important;
  text-align: center !important;
}

.btn_avis a {
  position: relative;
}

.btn_avis a:after {
  content: url(/wp-content/uploads/2022/02/etoile_02.svg);
  position: absolute;
  bottom: -100px;
  right: -5px;
}

/* ----------------------------------------------------------------------------------------------------

                          RESPONSIVE - BEEKOM TEST - 

------------------------------------------------------------------------------------------------------ */

@media (max-width: 1199px) {
}

@media (max-width: 768px) {
  .pictures_bottom {
    position: relative !important;
    z-index: 0;
  }

  .pictures_bottom .chevre {
    margin: 0 !important;
  }

  .pictures_bottom .chevre img {
    margin-left: -40px;
  }

  .pictures_bottom .ladapt {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 15% !important;
    margin-left: -7.5% !important;
  }

  .pictures_bottom .ladapt img {
    width: 100%;
  }

  .pictures_bottom .chevre_02 {
    margin: 0 !important;
  }

  .pictures_bottom .chevre_02 img {
    margin-left: -20%;
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
}