

h1 span {
color : #95be0e !important;
}


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


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

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

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

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

.form-group.margeBottom3 {
margin-bottom: 3rem !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:#95be0e;
padding:2px 5px 0;
color:var(--blanc);
}


form#questionnaire .form-group input, form#questionnaire .form-group textarea, form#questionnaire .form-group select {
border-color: #95be0e !important;
}

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

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

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

form#questionnaire [type="checkbox"],
form#formulaire-inscription [type="checkbox"] {
opacity:0;
}


/* Aspect de la case */
form#questionnaire [type="checkbox"]:not(:checked) + label::before,
form#questionnaire [type="checkbox"]:checked + label::before,
form#formulaire-inscription [type="checkbox"]:not(:checked) + label::before,
form#formulaire-inscription [type="checkbox"]:checked + label::before {
display:block;
content:"";
position: absolute;
left: 0px;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #95be0e;
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-inscription [type="checkbox"]:not(:checked) + label::after,
form#formulaire-inscription [type="checkbox"]:checked + label::after {
display:block;
content: url(images/green_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-inscription [type="checkbox"]:not(:checked) + label::after {
opacity: 0;
transform: scale(0);
}

/* Aspect cochée */
form#questionnaire [type="checkbox"]:checked + label::after,
form#formulaire-inscription [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-inscription [type="radio"]:not(:checked) + label::before,
form#formulaire-inscription [type="radio"]:checked + label::before  {
display:block;
content:"";
position: absolute;
left: 0px;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #95be0e;
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-inscription [type="radio"]:not(:checked) + label::after,
form#formulaire-inscription [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-inscription [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-inscription [type="radio"]:checked + label::after {
opacity: 1;
transform: scale(1) rotate(0);
}


/* Aspect de la case */
form#questionnaire [type="checkbox"]:disabled + label::before,
form#formulaire-inscription [type="checkbox"]:disabled + label::before {
border-style: dotted;
opacity:0.5;
}


form#questionnaire .form-control:disabled,
form#questionnaire .form-control[readonly],
form#formulaire-inscription .form-control:disabled,
form#formulaire-inscription .form-control[readonly]  {
background-color: #FFFFFF;
opacity: 0.5;
border-style:dotted;
}