/* /css/index.less */
.ukraine h1 {font-style: normal; font-weight: 300; font-size: 30px; line-height: 35px; margin-bottom: 1rem; margin-top: 1rem;}
.ukraine .success {background-color: #dff0d9; padding: 1em; margin: 1em 0.5em; border: 1px solid #D6E9C6; border-radius: 5px;}
.ukraine .success p {color: #3c763d;}
.ukraine .success button {margin-right: auto; margin-left: auto; background-color: #38624b; color: white; box-shadow: inset 0px 1px 4px rgba(0,0,0,0.25); border-radius: 67px;}
.ukraine .success #close-success-icon {cursor: pointer;}
.ukraine .failed, .ukraine .unauthorize, .ukraine .error_telephone {background-color: rgba(255,202,184,113); padding: 1em; margin: 1em 0.5em; border: 1px solid #DB1C49; border-radius: 5px;}
.ukraine .failed p, .ukraine .unauthorize p, .ukraine .error_telephone p {color: #db1c49;}
.ukraine .failed #close-success-icon, .ukraine .unauthorize #close-success-icon, .ukraine .error_telephone #close-success-icon {cursor: pointer;}
.ukraine .formulaire form {margin-bottom: 1em;}
.ukraine .formulaire .error {color: #DB1C49;}
.ukraine .formulaire .info-form {font-weight: bold;}
.ukraine .formulaire .bloc {margin-bottom: 40px;}
.ukraine .formulaire .bloc .column_left {display: inline-block;}
.ukraine .formulaire .bloc .column_right {display: inline-block; font-style: italic; float: right; align-content: right;}
.ukraine .formulaire .bloc .titre_bloc {font-weight: 300; font-size: 16px; line-height: 19px; color: #414042;}
.ukraine .formulaire .bloc .titre_bloc .bullet {display: inline-block; background: #FF5950; font-weight: none; border: 1px solid #FF5950; border-radius: 60px; font-size: .8em; line-height: 1.3em; width: 1.5em; height: 1.5em; vertical-align: middle; text-align: center;}
.ukraine .formulaire .bloc .label {font-weight: 700; font-size: 13px; line-height: 15px;}
.ukraine .formulaire .bloc .label.error {color: #DB1C49;}
.ukraine .formulaire .bloc .titre {font-weight: 700; font-size: 1.5em; line-height: 36px; color: #000000;}
.ukraine .formulaire .bloc .questions {background: #f5f5f5; border-radius: 8px; margin: 8px 0px; padding: 20px; clear: right;}
.ukraine .formulaire .bloc .questions .question {margin-bottom: .5em;}
.ukraine .formulaire .bloc .questions .question .radio {padding: .7em; border-radius: 10px; display: inline;}
.ukraine .formulaire .bloc .questions .question .radio.checked {background-color: #E6E7E8;}
.ukraine .formulaire .bloc .questions .question .radio.checked input {accent-color: #FF5950;}
.ukraine .formulaire .bloc .questions .question .radio img {margin-bottom: .5em; height: 1em;}
.ukraine .formulaire .bloc .questions .question .radio input {margin-left: 0; margin-right: .5em;}
.ukraine .formulaire .bloc .questions .question.inscrit {margin-top: 1.5em;}
.ukraine .formulaire .bloc .questions .btn-ajout-metier {border: 1px solid #000000; border-radius: 18px;}
.ukraine .formulaire .bloc .questions .btn-ajout-metier img {margin-right: 0.4rem;}
.ukraine .formulaire .bloc .questions .question-dynamique {display: none;}
.ukraine .formulaire .bloc .questions .label-radio {font-weight: 400; font-size: 1em; line-height: 16px; padding-right: 1em; cursor: pointer;}
.ukraine .formulaire .bloc .questions .label {font-weight: 700; font-size: 1em; line-height: 1em; padding: 0 0 1em 0;}
@media screen and (max-width:47.9375rem) {.ukraine .formulaire .bloc .questions .label {line-height: 1.5em;}}
.ukraine .formulaire .bloc .questions .bouton-tooltip {border: none; color: none; background-color: unset;}
.ukraine .formulaire .bloc .questions .custom-select.region {margin-bottom: 1em;}
.ukraine .formulaire .bloc .questions input, .ukraine .formulaire .bloc .questions select {background: #F5F5F7; border-radius: 8px; padding: 10px; border: 1px solid grey; background-color: white; width: 100%; margin-bottom: 1em;}
.ukraine .formulaire .bloc .questions input option, .ukraine .formulaire .bloc .questions select option {color: black;}
.ukraine .formulaire .bloc .questions input option:first-child, .ukraine .formulaire .bloc .questions select option:first-child {color: gray;}
.ukraine .formulaire .bloc .questions input[type="date"], .ukraine .formulaire .bloc .questions select[type="date"] {cursor: pointer;}
.ukraine .formulaire .bloc .questions input[name=prefixe_telephone], .ukraine .formulaire .bloc .questions input[name=prefixe_telephone_referent_association], .ukraine .formulaire .bloc .questions select[name=prefixe_telephone], .ukraine .formulaire .bloc .questions select[name=prefixe_telephone_referent_association] {width: 100%; max-width: 5em;}
.ukraine .formulaire .bloc .questions input[name=telephone], .ukraine .formulaire .bloc .questions input[type=tel], .ukraine .formulaire .bloc .questions select[name=telephone], .ukraine .formulaire .bloc .questions select[type=tel] {width: 100%; max-width: 10em;}
.ukraine .formulaire .bloc .questions input[name=age], .ukraine .formulaire .bloc .questions select[name=age] {width: 30%; max-width: 5em;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bloc .questions input[name=age], .ukraine .formulaire .bloc .questions select[name=age] {width: 10%;}}
.ukraine .formulaire .bloc .questions input[name=agdref], .ukraine .formulaire .bloc .questions select[name=agdref] {width: 40%;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bloc .questions input[name=agdref], .ukraine .formulaire .bloc .questions select[name=agdref] {width: 20%;}}
.ukraine .formulaire .bloc .questions input[name=nombre_annee_metier_exerce], .ukraine .formulaire .bloc .questions select[name=nombre_annee_metier_exerce] {width: 30%; max-width: 5em;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bloc .questions input[name=nombre_annee_metier_exerce], .ukraine .formulaire .bloc .questions select[name=nombre_annee_metier_exerce] {width: 10%;}}
.ukraine .formulaire .bloc .questions input[name=code_postal_association], .ukraine .formulaire .bloc .questions input[name=nb_enfants_charge_france], .ukraine .formulaire .bloc .questions input[name=nb_personnes_charge_france], .ukraine .formulaire .bloc .questions select[name=code_postal_association], .ukraine .formulaire .bloc .questions select[name=nb_enfants_charge_france], .ukraine .formulaire .bloc .questions select[name=nb_personnes_charge_france] {width: 100%; max-width: 10em;}
.ukraine .formulaire .bloc .questions input.error, .ukraine .formulaire .bloc .questions select.error {border: 1px solid #DB1C49;}
.ukraine .formulaire .bloc .questions input[type=radio], .ukraine .formulaire .bloc .questions select[type=radio] {width: auto; cursor: pointer;}
.ukraine .formulaire .bloc .questions input[type=date], .ukraine .formulaire .bloc .questions select[type=date] {width: 50%;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bloc .questions input[type=date], .ukraine .formulaire .bloc .questions select[type=date] {width: 20%;}}
.ukraine .formulaire .bloc .questions input[type=email], .ukraine .formulaire .bloc .questions select[type=email] {width: 50%;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bloc .questions input[type=email], .ukraine .formulaire .bloc .questions select[type=email] {width: 100%;}}
.ukraine .formulaire .bloc .questions textarea {margin-bottom: 1em; width: 100%; min-height: 5em;}
.ukraine .formulaire .bloc label {font-size: 1.4em; margin-left: 0; margin-bottom: 0;}
.ukraine .formulaire .backoffice {background-color: white; padding-bottom: 1em; border-bottom: solid 1px #DDD;}
.ukraine .formulaire .backoffice .questions {background-color: #ddf5f5;}
.ukraine .formulaire .bouton {box-sizing: border-box; padding: 12px 24px; border-radius: 67px; margin-left: auto; margin-right: auto;}
@media screen and (max-width:47.9375rem) {.ukraine .formulaire .bouton {float: unset !important; margin-bottom: 1rem;}}
.ukraine .formulaire .bouton.bouton-enregistrer {float: right; background: #0C1410; color: white;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bouton.bouton-enregistrer {float: left !important;}}
.ukraine .formulaire .bouton.bouton-effacer {background: #FFFFFF; border: 1px solid #6D6F71; width: fit-content;}
@media screen and (min-width:48rem) {.ukraine .formulaire .bouton.bouton-effacer {float: right !important;}}
.ukraine .formulaire .isco-completion {background-color: white; border: 1px solid #aaa; border-radius: 0 0 10px 10px; padding: .3em 0; z-index: 10; min-width: 400px; text-align: left; color: #555;}
@media (max-width: 767px) {.ukraine .formulaire .isco-completion {width: 95%; min-width: 0;}}
.ukraine .formulaire .isco-completion .over {background-color: #ccc;}
.ukraine .formulaire .isco-completion li {padding: .3em .8em;}
.ukraine .formulaire .isco-completion .hightlight {color: black; font-weight: bold;}