#questccadit h1 {
text-align:center;
font-family:"margot", sans-serif;
color:#003668;
font-weight:400;
font-size:2.2em;
}

#questccadit h1 span {
font-size: 1.2em;
color: #ea4d95;
}

#questccadit p {
text-align:justify;
font-family:"akzidenz-grotesk-next-conden", sans-serif;
font-size:1.1em;
}

@media (max-width:576px) {
#questccadit p {
text-align:left;
}
}

#questccadit h2 {
font-family:"margot", sans-serif;
color:#ea4d95;
font-weight:400;
font-size:2.2em;
}

#questccadit p.intro {
color:#00a1e5;
font-family:"margot", sans-serif;
font-weight:400;
font-size:1.5em;
line-height:1.1em;
}

#questccadit .btn-primary {
border-radius: 10px;
text-align: center;
color: var(--blanc);
background: #00a1e5;
}

form#questionnaire .form-check {
padding-left: 0rem;
}

form#questionnaire span.required {
color:#FF0000;
}


form#questionnaire h3, form#questionnaire legend {
font-family:"margot",sans-serif;
color:#00a1e5;
font-size:1.4rem;
font-weight:400;
line-height:1.2em;
}

form#questionnaire legend.sublabel {
font-family:"margot",sans-serif;
color:#003668;
font-size:1.2rem;
font-weight:400;
line-height:1.2em;
}

form#questionnaire .form-check label, form#formulaire-candidature .form-check label {
margin-left: 40px;
}

form#questionnaire .invalid-feedback {
margin-top:1em;
background:#fff0be;
border-radius:5px;
padding: 0 5px;
}

form#questionnaire .invalid-group {
border: 2px solid #dc3545;
background-color: #f8d7da;
border-radius: 4px;
padding: 10px;
}

form#questionnaire .form-popup-error {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
background-color: #dc3545;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
z-index: 1050;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: none;
font-weight: bold;
}


form#questionnaire .form-check-input:checked {
border-color:var(--accent-color);
background-color:var(--accent-color);
}


form#questionnaire fieldset.is-invalid input[type="checkbox"]:not(:checked) {
border-color: #dc3545;
}

form#questionnaire textarea.is-invalid,
form#questionnaire input[type="text"].is-invalid,
form#questionnaire input[type="email"].is-invalid,
form#questionnaire input[type="number"].is-invalid {
border-color: #dc3545;
background-image: none !important;
padding-right: inherit !important;
}

form#questionnaire fieldset.is-invalid input[type="checkbox"]:not(:checked) + .form-check-label {
color: #dc3545;
}

form#questionnaire .form-text {
font-size:0.9em;
font-style:italic;
margin-top:0;
margin-bottom:0.5rem;
color:#88bc0f;
}

form#questionnaire fieldset.is-invalid .invalid-feedback {
display:block;
}

#formErrorBlock {
display: block;
background-color: white;
border: 2px solid red;
color: red;
padding: 1rem 2rem;
border-radius: 0.5rem;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
font-weight: normal;
}
#formErrorBlock .gras {
font-weight:bold;
}
#formErrorBlock p {
margin-bottom:0;
}

.mentionsQuestccadit {
font-size:0.8em;
border:10px;
line-height:1.1em;
border:1px solid #00a1e5;
border-radius:10px;
}


form#questionnaire [type="radio"]:checked + label::before,
form#questionnaire [type="checkbox"]:checked + label::before {
border-color: #28a745;
}

form#questionnaire [type="radio"]:checked + label::after,
form#questionnaire [type="checkbox"]:checked + label::after {
display: block;
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
font-size: 1.6em;
line-height: 0;
transition: all .2s;
background-color:#28a745;
border-radius:0px;
}

form#questionnaire [type="radio"]:checked + label::after {
border-radius:12px;
}

.was-validated .form-check-input:valid~.form-check-label {
color: #666;
}