label.titre {
color : var(--couleurTitre) !important;
font-weight:bold !important;
}

label.titre strong {
background:color-mix(in srgb, var(--couleurTitre) 12%, var(--blanc));
padding:0 2px;
}


.form-group {
margin-bottom: 3rem !important;
}

.form-group.margeBottom0 {
margin-bottom: 0rem !important;
}

.form-group.margeBottom1 {
margin-bottom: 1rem !important;
}

.form-group.margeBottom2 {
margin-bottom: 2rem !important;
}


.alert-danger ul {
margin-bottom:0px;
}

.alert-danger h3 {
color:#FF0000;
font-weight:bold;
}


#questionnaire h2 {
margin-top:3rem;
}

#page h1 + div.form-group {
margin-top: 0px;
}


span.thematiqueSelected {
font-size: 1em;
background:var(--couleurTitre);
padding:2px 5px 0;
color:var(--couleurTitre);
}


form#questionnaire .form-group input, form#questionnaire .form-group textarea, form#questionnaire .form-group select {
border-color: var(--couleurTitre) !important;
}

form#questionnaire .form-check,
form#formulaire-candidature .form-check {
margin-bottom:15px;
}

form#questionnaire .form-check label,
form#formulaire-candidature .form-check label {
margin-left:20px;
padding-top:5px;
cursor:pointer;
}

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

/* Aspect de la case */
form#questionnaire [type="checkbox"]:not(:checked) + label::before,
form#questionnaire [type="checkbox"]:checked + label::before,
form#formulaire-candidature [type="checkbox"]:not(:checked) + label::before,
form#formulaire-candidature [type="checkbox"]:checked + label::before {
display:block;
content:"";
position: absolute;
left: 0px;
top: 0;
width: 30px;
height: 30px;
border: 1px solid var(--couleurTitre);
background: var(--blanc);
border-radius: 0;
transition: all .275s;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

/* Aspect de la coche */
form#questionnaire [type="checkbox"]:not(:checked) + label::after,
form#questionnaire [type="checkbox"]:checked + label::after,
form#formulaire-candidature [type="checkbox"]:not(:checked) + label::after,
form#formulaire-candidature [type="checkbox"]:checked + label::after {
display:block;
content: url(images/pink_check.svg);
position: absolute;
top: 0;
left: 0px;
width: 30px;
height: 30px;
font-size: 1.6em;
line-height: 0;
transition: all .2s; /* Petite transition */
}

/* Aspect non cochée */
form#questionnaire [type="checkbox"]:not(:checked) + label::after,
form#formulaire-candidature [type="checkbox"]:not(:checked) + label::after {
opacity: 0;
transform: scale(0);
}

/* Aspect cochée */
form#questionnaire [type="checkbox"]:checked + label::after,
form#formulaire-candidature [type="checkbox"]:checked + label::after {
opacity: 1;
transform: scale(1);
}


/* Aspect de la case */
form#questionnaire [type="radio"]:not(:checked) + label::before,
form#questionnaire [type="radio"]:checked + label::before,
form#formulaire-candidature [type="radio"]:not(:checked) + label::before,
form#formulaire-candidature [type="radio"]:checked + label::before  {
display:block;
content:"";
position: absolute;
left: 0px;
top: 0;
width: 30px;
height: 30px;
border: 1px solid var(--couleurTitre);
background: var(--blanc);
border-radius: 15px;
transition: all .275s;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

/* Aspect de la coche */
form#questionnaire [type="radio"]:not(:checked) + label::after,
form#questionnaire [type="radio"]:checked + label::after,
form#formulaire-candidature [type="radio"]:not(:checked) + label::after,
form#formulaire-candidature [type="radio"]:checked + label::after {
display:block;
content: url(images/pink_radio.svg);
position: absolute;
top: 0;
left: 0px;
width: 30px;
height: 30px;
font-size: 1.6em;
line-height: 0;
transition: all .2s; /* Petite transition */
}

/* Aspect non cochée */
form#questionnaire [type="radio"]:not(:checked) + label::after,
form#formulaire-candidature [type="radio"]:not(:checked) + label::after {
opacity: 0;
transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
form#questionnaire [type="radio"]:checked + label::after,
form#formulaire-candidature [type="radio"]:checked + label::after {
opacity: 1;
transform: scale(1) rotate(0);
}


form#questionnaire .disabled,
form#formulaire-candidature .disabled {
opacity:0.2;
}