/* Gestion du css personnalisé*/

/* Ajout pour le formulaire suze-la-rousse */
body {background: linear-gradient( rgba(255, 194, 127, 0.25), rgba(255, 194, 127, 0.85))!important;background-attachment: fixed !important;}
#bloc_champ_perso .form-group {width: 160% !important;}
#bloc_champ_perso .wrapper .label-perso {width: 53.33% !important;}
#bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 46.66% !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;}
    /* Ajout pour le formulaire suze-la-rousse */
    #bloc_champ_perso .form-group {width: 195% !important;}
    #bloc_champ_perso .wrapper .label-perso {width: 64.77% !important;}
    #bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 35.33% !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 suze-la-rousse */
    #bloc_champ_perso .form-group {width: 136% !important;}
    #bloc_champ_perso .wrapper .label-perso {width: 34.33% !important;}
    #bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 65.77% !important;}
}

@media screen and (max-width:670px){
    .col-offset-cii-form { margin-left: 0%!important;}
    /* Ajout pour le formulaire suze-la-rousse */
    #bloc_champ_perso .form-group {width: 154% !important;}
    #bloc_champ_perso .wrapper .label-perso {width: 48.33% !important;}
    #bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 77.77% !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;}
    /* Ajout pour le formulaire suze-la-rousse */
    #bloc_champ_perso .wrapper .bloc-chp-perso-info {width: 100% !important;}
}
/* ------ */