/* Gestion du css personnalisé*/

/* 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;}

.bouton, .btn-submit, .effacer, .verif-droit-oubli, .verif-form-connexion, .verif-form-code-oubli2
{color: rgba(0,0,0,0.7)!important; border-color: var(--couleur-boutons)!important; }

.bouton:hover, .btn-submit:hover, .effacer:hover, .verif-droit-oubli:hover, .verif-form-connexion:hover, .verif-form-code-oubli2:hover
{color: var(--couleur-menu-actif-fond)!important; border-color: var(--couleur-menu-actif-fond)!important;}

.wrapper .label-perso, .wrapper .bloc-chp-perso-info {width:50%!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;}
}

@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;}
}
/* ------ */