<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.form.formV2{
  --couleurInsideForm: #FFF;
  --couleurContourForm: #CCC;
  --couleurSoulignForm: #000;
  --couleurTextForm: #000;
  --spaceBetweenForm: 15px;
  --couleurBG_Outside: #000;
  --couleurBG_Inside: #FFF;
}


main.page{overflow: hidden}

.form.formV2.shapeChange[data-shape="1"]{padding-top: 0; padding-left: 0; padding-right: 0;position: relative;z-index: 3;}
.form.formV2.shapeChange[data-shape="1"] form{display: block; position: relative; border-radius: inherit;}
.form.formV2.shapeChange[data-shape="1"].bg_choiceWrap&gt;.bg_choice&gt;.BgColorOverImg{background-color: var(--couleurBG_Inside);}
.form.formV2.shapeChange[data-shape="1"].bg_choiceWrap&gt;.bg_choice{padding: calc(var(--spaceBetweenForm)*2);border-radius: 2rem;}
.form.formV2.shapeChange[data-shape="1"] .bg_choice::after,.form.formV2.shapeChange[data-shape="1"] .bg_choice::before{text-replace: property: opacity; transition-duration: 0.3s;pointer-events: none;opacity: 0;content:""; position: absolute; top: 0;left: 0;width: 100%; height: 100%;z-index: -1;}
.form.formV2.shapeChange[data-shape="1"] .bg_choice::after{
  top:-100vw; width: 400vw; height: 400vh; left:-100vh;z-index: -2;
   background-color: var(--couleurBG_Outside);
}
.form.formV2.shapeChange[data-shape="1"] .bg_choice::before{ border-radius: inherit; box-shadow: 0 0 3em var(--couleurBG_Outside);border-radius: inherit;}
.form.formV2.shapeChange[data-shape="1"] .bg_choice:hover::after{opacity:0.65;}
.form.formV2.shapeChange[data-shape="1"] .bg_choice:hover::before{opacity:1;}


.form.formV2 form .select select{ background-color: var(--couleurInsideForm); border-color: var(--couleurContourForm);border-bottom-color:var(--couleurSoulignForm); color:  var(--couleurTextForm);
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")}
.form.formV2 form .input{position: relative;}
.form.formV2 form label.case, .form.formV2 form label.radio{ position: relative;display: inline-block; width:30px; height:30px; margin-right: 15px;background-color:var(--couleurInsideForm); border:1px solid var(--couleurContourForm); text-align: center;font-size: 0.4rem !important;}
.form.formV2 form label.radio{border-radius: 100%;}
.form.formV2 form input[type="text"], .form.formV2 form textarea, .form.formV2 form input[type="email"], .form.formV2 form input[type="number"], .form.formV2 form input[type="tel"],
.form.formV2 form .tokenfield{width:100%;border: none; background: transparent; color: var(--couleurTextForm); border-bottom: 1px solid var(--couleurSoulignForm); background-color: var(--couleurInsideForm); padding: 10px;}
.form.formV2 form textarea{height: 6em;resize: none;}
.form.formV2 form span.effect::after{display: block; content: ""; position: absolute; height: 2px; bottom: 0; width: 0; transition-property: width;transition-duration: 0.5s}
.form.formV2 form span.effect::after{background-color: var(--couleurSoulignForm);}

.form.formV2 form input[type="radio"], .form.formV2 form input[type="checkbox"]{display: none}
.form.formV2 form input[type="checkbox"] + label::before, .form.formV2 form input[type="checkbox"] + label::after{z-index: 5;position:absolute; top:20%; left:20%;content:""; width: 0; height: 1em; background:var(--couleurSoulignForm); transform-origin:0 -100%; transform:rotate(-315deg); }
.form.formV2 form input[type="checkbox"]:checked + label::before{width:2em;transition-property: width; transition-duration: .15s}
.form.formV2 form input[type="checkbox"] + label::after{transform:rotate(-50deg);  margin-left: -1.2em; margin-top: 1.8em;}
.form.formV2 form input[type="checkbox"]:checked + label::after{transition-delay:.15s;transition-property: width; transition-duration: .15s;width:6em;}

.form.formV2 form input[type="radio"] + label::before, .form.formV2 form input[type="radio"] + label::after{z-index: 5;position:absolute; top:50%; left:50%;content:""; transform: translate(-50%, -50%); width: 0; height: 0; background:var(--couleurSoulignForm); border-radius: 100%; transition-property: width, height; transition-duration: .15s}
.form.formV2 form input[type="radio"]:checked + label::before{width: 2em; height: 2em; }
.form.formV2 form input[type="radio"]:checked + label::after{width: calc(100% + 1px); height: calc(100% + 1px); background:transparent; border: 2px solid var(--couleurSoulignForm)}



.form.formV2 form .check_or_radio{text-align: left;}
.form.formV2 form .check_or_radio&gt;div{display: inline-block; width: 250px; vertical-align: top; white-space: nowrap; padding-left: 25px;text-align: left; margin-bottom: 15px; }
.form.formV2 form .check_or_radio label{cursor: pointer; user-select: none; }
.form.formV2 form .check_or_radio p{padding: 0;padding-right: 0; padding-left: 0;}
.form.formV2 form .check_or_radio&gt;div *:not(input){ white-space: normal;display: inline-block; vertical-align: middle; font-size: 1rem;}
.form.formV2 form .check_or_radio .label{font-size: 1.5rem; margin-bottom: 15px; margin-top: 50px; font-weight: 500;}
.form.formV2 form .check_or_radio&gt;p{font-size: 1.4em;}

.form.formV2 form .formPart{padding-top: var(--spaceBetweenForm);}
.form.formV2 form .formPart .bloc2, .form.formV2 form .formPart .bloc1{margin-top: 0; margin-bottom: 0;padding-top: 0;padding-bottom: 0;}

.form.formV2 form button{background: transparent; border: none;}

.form.formV2 form input[type="file"]+label::before{padding: 0;margin: 0;margin-right:15px;content: "";background-position: center center; background-repeat: no-repeat; width: 35px; height: 43px; display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10%200l-5.2%204.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3%2011.5l-3.2-2.1h-2l3.4%202.6h-3.5c-.1%200-.2.1-.2.1l-.8%202.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2%202.1c-.4.3-.7%201-.6%201.5l.6%203.1c.1.5.7.9%201.2.9h16.3c.6%200%201.1-.4%201.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");}
.form.formV2 form .inputFile label,input[type="file"]+label{background-color: var(--couleurInsideForm);display: inline-block; vertical-align: middle;padding: 0;margin: 0;}
.form.formV2 form input[type="file"]+label{ color: var(--couleurInsideForm); background-color:var(--couleurSoulignForm); padding-right: 15px; padding-left: 15px;}
.form.formV2 form input[type="file"]+label p{display: inline-block;}
.form.formV2 form .inputFile{display: flex; flex-wrap: nowrap; min-height: 45px;}
.form.formV2 form .inputFile&gt;*:not(i){width: 100%;}
.form.formV2 form .inputFile&gt;input + label{width: 50%;text-align: center;}
.form.formV2 form .inputFile label{height: auto;font-size: 1.8em;text-align: left; padding-left: 1em; padding-right: 1em; color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: start;}
.form.formV2 form .inputFile label, .form.formV2 form input[type="file"]+label{padding-right: 5px; padding-left: 5px;}
.form.formV2 form .inputFile input{display: none;}
.form.formV2 form .inputFile label{border: 1px solid #dadada; border-right: none;}
.form.formV2 form .inputFile&gt;label.rempli{color: var(--couleurSoulignForm);}
.form.formV2 form .form.formV2 button{margin-top: 30px;}
.form.formV2 form .inputFile label p{font-size: 1em;margin-bottom: 0;pointer-events: none;}



.editableZone .form.formV2.bg_choiceWrap .bg_choice.hover::after{content:"formulaire"}
.editableZone .form.formV2 form .inputFile label p{pointer-events: auto;}

.editableZone .form.formV2 form .select .nice-select ul li:hover i{display: inline-block !important;}

.editableZone .form.formV2 form button{pointer-events: none;}
.editableZone .form.formV2 form button&gt;p{pointer-events: auto;}
.editableZone .form.formV2 form .headerForm{color: #FFF; padding-right: 80px;font-size: 14px;
  padding: 0;overflow: hidden; max-height: 0; transition-property: max-height; transition-duration: 0.3s;position: relative;}
.editableZone .form.formV2 form .headerForm::before{position: absolute; content: ""; font: normal normal normal 14px/1 FontAwesome; content: "\f013"; font-size: 80px; top: 10px ;left: 10px; color: #FFF; opacity: 0.6;}
.editableZone .form.formV2 form:hover .headerForm{max-height: 500px;padding: 5px;}
.editableZone .form.formV2 form .headerForm select{background-color: #FFF;}
.editableZone .form.formV2 form .check_or_radio .bloc&gt;i{display: none;}
.editableZone .form.formV2 form .check_or_radio .bloc:hover&gt;i{display: block;}
.editableZone .form.formV2 form .headerForm input.form_infos,.editableZone .form.formV2 form .headerForm select{ min-width: 250px; max-width: 30vw; width: auto;}
.editableZone .form.formV2 form .headerForm&gt;div{margin-top: 5px;margin-bottom: 5px;}

.editableZone .form.formV2 form .check_or_radio input + label + label{pointer-events: none;}
.editableZone .form.formV2 form .check_or_radio input + label + label&gt;p{pointer-events: auto;
</pre></body></html>