:root {
       --orange-victor: rgb(25,80,157); 
       --bleu-victor: #99D6F1; 
       --vert-victor: #A7CD7B; 
       --violet-victor: #DCAFF2; 
       --fond-gris-victor : #f9f9f9;
}

.formvictor {margin-top: 3rem;}
.formvictor .victorsection {border-radius: 12px;margin: 2rem 0;    background-color: var(--fond-gris-victor);}
.formvictor .victorsection > h3 { margin: 0; padding: 1rem 4rem; color: white; font-size: 1.6rem;font-weight: bold;border-top-left-radius: 2rem;border-top-right-radius: 2rem;text-transform: uppercase;}
.formvictor .victorsection[data-id="1"] > h3 { background-color: var(--orange-victor); }
.formvictor .victorsection[data-id="2"] > h3 { background-color: var(--bleu-victor); }
.formvictor .victorsection[data-id="3"] > h3 { background-color: var(--vert-victor); }
.formvictor .victorsection[data-id="4"] > h3 { background-color: var(--violet-victor); }
.formvictor .victorsection .victor-questions{    padding: 0 4rem;}
.formvictor .victorsection .victor-questions .victorsubtitle{margin: 2rem 0; cursor: pointer; position: relative;}
.formvictor .victorsection .victor-questions .victorsubtitle:before{  content: ''; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 10px solid #555; /* Couleur du triangle */ border-top: 8px solid transparent; border-bottom: 8px solid transparent;transition: transform 0.3s ease;}
.formvictor .victorsection .victor-questions .victorsubtitle.openvictor:before{ transform: translateY(-50%) rotate(90deg);}
.formvictor .victorsection[data-id="1"] .victor-questions .victorsubtitle{color: var(--orange-victor);}
.formvictor .victorsection[data-id="1"] .victor-questions .victorsubtitle:before{border-left: 10px solid var(--orange-victor);}
.formvictor .victorsection[data-id="2"] .victor-questions .victorsubtitle{color: var(--bleu-victor);}
.formvictor .victorsection[data-id="2"] .victor-questions .victorsubtitle:before{border-left: 10px solid var(--bleu-victor);}
.formvictor .victorsection[data-id="3"] .victor-questions .victorsubtitle{color: var(--vert-victor);}
.formvictor .victorsection[data-id="3"] .victor-questions .victorsubtitle:before{border-left: 10px solid var(--vert-victor);}
.formvictor .victorsection[data-id="4"] .victor-questions .victorsubtitle{color: var(--violet-victor);}
.formvictor .victorsection[data-id="4"] .victor-questions .victorsubtitle:before{border-left: 10px solid var(--violet-victor);}
.formvictor .victorsection .victor-questions .victorsubtitle + .victorsubgroup { opacity: 0; transform: scaleY(0); transform-origin: top; transition: opacity 0.5s ease, transform 0.5s ease;  max-height: 0}
.formvictor .victorsection .victor-questions .victorsubtitle.openvictor + .victorsubgroup {opacity: 1; transform: scaleY(1); max-height:initial; }

.formvictor .victorsection .victor-questions .list-questions{padding: 1rem;}
.formvictor .victorsection .victor-questions .list-questions:nth-child(odd) {background-color: var(--fond-gris-victor);}
.formvictor .victorsection .victor-questions .list-questions:nth-child(even) {background-color: white;}

.formvictor .victorsection .victor-questions .critere{display: flex;flex-direction: column;}
.formvictor .victorsection .victor-questions .critere .autre_critere,
.formvictor .victorsection .victor-questions .critere .critere_base{display: flex;flex-direction: row;gap: 2rem;}
.formvictor .victorsection .victor-questions .critere .uncritere {display: block; position: relative; padding-left: 3rem; margin-bottom: 1rem; cursor: pointer; user-select: none; line-height: 1.4rem;}
.formvictor .victorsection .victor-questions .critere .uncritere .checkbox-div { position: absolute;top: 0; left: 0; height: 2rem;width: 2rem; background-color: #d6d6d6;}

.formvictor  .checkbox-container input[type="checkbox"] {  position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.formvictor  .checkbox-div:after { content: "";position: absolute; display: none;}
.formvictor  .checkbox-container input:checked ~ .checkbox-div:after { display: block;}
.formvictor  .checkbox-container .checkbox-div:after {left: 8px;  top: 4px; width: 5px; height: 10px; border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}

.formvictor .victorsection[data-id="1"] .checkbox-container input:checked ~ .checkbox-div{background-color: var(--orange-victor);}
.formvictor .victorsection[data-id="2"] .checkbox-container input:checked ~ .checkbox-div{background-color: var(--bleu-victor);}
.formvictor .victorsection[data-id="3"] .checkbox-container input:checked ~ .checkbox-div{background-color: var(--vert-victor);}
.formvictor .victorsection[data-id="4"] .checkbox-container input:checked ~ .checkbox-div{background-color: var(--violet-victor);}

.formvictor .critereaide .preuve::after {content: "i";display: inline-flex; align-items: center;justify-content: center; font-weight: bold; color: white; border-radius: 50%; width: 2rem; height: 2rem;font-size: 1.4rem; margin-left: 0.75rem;cursor: pointer;}
.formvictor .victorsection[data-id="1"] .critereaide .preuve::after{background-color: var(--orange-victor);}
.formvictor .victorsection[data-id="2"] .critereaide .preuve::after{background-color: var(--bleu-victor);}
.formvictor .victorsection[data-id="3"] .critereaide .preuve::after{background-color: var(--vert-victor);}
.formvictor .victorsection[data-id="4"] .critereaide .preuve::after{background-color: var(--violet-victor);}

.formvictor .aide { display: none;position: absolute; top: 110%; left: 0; z-index: 10;padding: 0.75rem;font-size: 1.4rem; line-height: 1.4rem; color:white; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border-radius: 1rem;}

.formvictor .victorsection[data-id="1"] .aide{background-color: var(--orange-victor);}
.formvictor .victorsection[data-id="2"] .aide{background-color: var(--bleu-victor);}
.formvictor .victorsection[data-id="3"] .aide{background-color: var(--vert-victor);}
.formvictor .victorsection[data-id="4"] .aide{background-color: var(--violet-victor);}

.formvictor .critereaide .preuve:hover ~ .aide { display: block;}

.formvictor  .sticky{ position: -webkit-sticky;  position: sticky; bottom: 0;width: 100%;color: white;  padding: 1rem;  border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;font-weight: bold;text-transform: uppercase;margin-top: 2rem;}
.formvictor .victorsection[data-id="1"] .sticky{background-color: var(--orange-victor);}
.formvictor .victorsection[data-id="2"] .sticky{background-color: var(--bleu-victor);}
.formvictor .victorsection[data-id="3"] .sticky{background-color: var(--vert-victor);}
.formvictor .victorsection[data-id="4"] .sticky{background-color: var(--violet-victor);}


.formvictor .ou {font-weight: 800;}
.formvictor .victorsection[data-id="1"] .ou{color: var(--orange-victor);}
.formvictor .victorsection[data-id="2"] .ou{color: var(--bleu-victor);}
.formvictor .victorsection[data-id="3"] .ou{color: var(--vert-victor);}
.formvictor .victorsection[data-id="4"] .ou{color: var(--violet-victor);}

.formvictor .progress-container {width: 100%; background-color: var(--fond-gris-victor);overflow: hidden;border-radius: 1rem; margin: 1rem 0;}
.formvictor .progress-bar { height: 20px;text-align: center; line-height: 20px; color: white; }

.formvictor .part1 { background-color: #4CAF50; float: left;}
.formvictor .part2 { background-color: #ffcc50;float: left;}
.btn-victor3 {display: flex;}
.btn-victor3 button {background-color: var(--couleur-focus) ; color: #fff; margin-left: auto; margin-top: 3rem; border: none; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; padding: 1rem 2rem; border-radius: 1rem; transition: all 230ms ease-in-out;}
.btn-victor3 button:hover {background-color: var(--couleur-principale);}
.infocomplementaire{display: none;}
.uncritereinputautre:checked ~ .infocomplementaire{display: block;}
.formvictor .infoclient{ display: flex; gap: 2rem; flex-wrap: wrap;}
.formvictor input[type="text"] {
  flex: 0 0 calc(100% - 1rem);
  border-radius: 6px !important;
  border: 2px #EBEDED solid !important;
  height: 80%;
  display: inline-block;
  min-height: 40px;
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  padding: 6px 12px;
  vertical-align: middle;
  background-color: rgba(0,0,0,0);
  color: #333;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.formvictor textarea {overflow: hidden; word-wrap: break-word; resize: none; height: 12rem; width: 50rem; max-width: 80vw;background: white; border: 1px solid #CECECE; padding: 0.2rem; margin: 1rem 0;}

.formvictor input:read-only{ background : #F2F2F2; }


@media (max-width: 767px) {
    .formvictor .victorsection .victor-questions .critere{flex-direction: column;}

    .formvictor textarea{ width:30rem;     margin-left: -5rem; }
    .formvictor .victorsection .victor-questions .critere .autre_critere, .formvictor .victorsection .victor-questions .critere .critere_base{ flex-direction:column; }
}


@media (min-width: 768px) {
    .formvictor input[type="text"] { flex: 0 0 calc(50% - 1rem); }
}

@media (min-width: 1200px) {
    .formvictor {margin-top: 4rem;}
}
/*@media (min-width: 1400px) {
    .formvictor {max-width: 1180px; }
}*/