/* Gestion du css personnalisé*/

/* Ajout pour le formulaire la-crau*/
/* #form_inscription .col-sm-6 {width: 90% !important;} */
#bloc_champ_perso .bloc-chp-perso {display: block !important;}
#bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 150% !important;margin-left: 33.3%!important;}
#bloc_champ_perso .wrapper .label-perso {width: 100% !important;}
#bloc_champ_perso .wrapper .label-chp-perso {white-space: normal !important;}


/* Gestion du css pour option formulaire particulier de type Présentation/Formation (seulement por CII)*/
/* ------ */
.titreNiv2 {font-size: 20px;color: black!important; }  
.titreNiv3 {font-size: 18px!important;color: var(--couleur-labels)!important;}
.margin-top-oblig {margin-top: 20px;text-align: center; }

.bloc-chp-perso-info-cii-form {display:flex;flex-direction:column;margin-bottom: 5px;}
.wrapper .bloc-chp-perso-info-cii-form {width: 41.9% !important;}
.wrapper .label-perso-cii-form {width: 58.1% !important;}
.col-offset-cii-form { margin-left: 25%!important;}

@media screen and (max-width:992px){
    .col-offset-cii-form { margin-left: 22%!important;}
}

@media screen and (max-width:767px){
    .col-offset-cii-form { margin-left: 5%!important;}
    .wrapper .bloc-chp-perso-info-cii-form {width: 50% !important;}
    .wrapper .label-perso-cii-form {width: 50% !important;}
    /* Ajout pour le formulaire la-crau*/
    #bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 100% !important;margin-left: 0px!important;}
}

@media screen and (max-width:670px){
    .col-offset-cii-form { margin-left: 0%!important;}   
}

@media screen and (max-width:500px){
    .wrapper .bloc-chp-perso-info-cii-form{width: 100% !important;}
    .wrapper .label-perso-cii-form {width: 100% !important;}
}
/* ------ */