label.titre {
color : #004450 !important;
font-weight:bold !important;
}


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

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


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

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


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


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


form#questionnaire .form-group input, form#questionnaire .form-group textarea, form#questionnaire .form-group select {
border-color: #004450 !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 #004450;
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: "";
position: absolute;
background: linear-gradient(to bottom, transparent 35%, #004450 35%, #004450 65%,  transparent 65%), linear-gradient(to right, transparent 35%, #004450 35%, #004450 65%, transparent 65%);
top: 3px;
left: 3px;
width: 24px;
height: 24px;
font-size: 1.6em;
line-height: 0;
transition: all .2s;  /* Petite transition */
transform:rotate(45deg);
}

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

/* Aspect cochée */
form#questionnaire [type="checkbox"]:checked + label::after,
form#formulaire-candidature [type="checkbox"]:checked + label::after {
opacity: 1;
transform: rotate(45deg) 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 #004450;
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/green_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;
}