@font-face{
    font-family:"Roboto";
    src:url("https://use.typekit.net/af/89938a/00000000000000007735b04e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/89938a/00000000000000007735b04e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/89938a/00000000000000007735b04e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:500;
    font-stretch:normal
}
@font-face{
    font-family:"Roboto regular";
    src:url("https://use.typekit.net/af/867dff/00000000000000007735b03d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/867dff/00000000000000007735b03d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/867dff/00000000000000007735b03d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:400;
    font-stretch:normal
}
@font-face{
    font-family:"Roboto book";
    src:url("https://use.typekit.net/af/f74592/00000000000000007735b04a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/f74592/00000000000000007735b04a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/f74592/00000000000000007735b04a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:300;
    font-stretch:normal
}
@font-face{
    font-family:"Roboto";
    src:url("https://use.typekit.net/af/89938a/00000000000000007735b04e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/89938a/00000000000000007735b04e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/89938a/00000000000000007735b04e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:500;
    font-stretch:normal
}
@font-face{
    font-family:"Roboto bold";
    src:url("https://use.typekit.net/af/a8369e/00000000000000007735b05a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/a8369e/00000000000000007735b05a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/a8369e/00000000000000007735b05a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:700;
    font-stretch:normal
}
@font-face{
    font-family:"Roboto light";
    src:url("https://use.typekit.net/af/6f4edc/00000000000000007735b039/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/6f4edc/00000000000000007735b039/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/6f4edc/00000000000000007735b039/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:200;
    font-stretch:normal
}

:root {

    /* FAMILLE DE POLICE */
   
   --font-progress-text : "Roboto Regular", "Roboto", system-ui, serif;
   --font-progress-circle : "Roboto Regular", "Roboto", system-ui, serif;
   --font-text-accueil-message : "Roboto Regular", "Roboto", system-ui, serif;

   --font-btn-nav : "Roboto SemiBold", "Roboto", system-ui, serif;
   --font-label : "Halcom Regular", "Roboto", system-ui, serif;
   --font-input-select : "Roboto Regular", "Roboto", system-ui, serif;
   --font-btn-rqth : "Roboto Regular", "Roboto", system-ui, serif;
   
   --font-resume-title : "Halcom SemiBold", "Roboto", system-ui, serif;
   --font-resume-text : "Roboto Regular", "Roboto", system-ui, serif;

   --font-api-loader-error : "Roboto Regular", "Roboto", system-ui, serif;

    /* PROP COMMUNES background body */
    --Color-background-main : #ffff;

    /* PROP COMMUNES progress bar */
    --Color-background-banner-progress : #3B2A7F;

    --Color-progress-text : #3B2A7F;
    --Color-progress-text-focus : #3B2A7F;
    --Color-progress-text-done : #3B2A7F;

    --Color-progress-text-line-mobile : #3B2A7F;

    --Color-progress-circle-border : #CC3399;
    --Color-progress-circle-background : none;
    --Color-progress-circle-text : #CC3399;

    --Color-progress-circle-border-hover : #CC3399;
    --Color-progress-circle-background-hover : #CC3399;
    --Color-progress-circle-text-hover : white;

    --Color-progress-done-circle-border : #CC3399;
    --Color-progress-done-circle-background : #CC3399;
    --Color-progress-done-circle-text : white;

    --Color-progress-focus-circle-border : #CC3399;
    --Color-progress-focus-circle-background : #CC3399;
    --Color-progress-focus-circle-text : white;



    /* PROP COMMUNES boutons */
    --Color-btn-background : #CC3399;
    --Color-btn-background-hover : #CC3399;
    --Color-btn-border : 1px solid #CC3399;
    --Color-btn-border-hover : 1px solid #CC3399;
    --Btn-border-radius : 4px;
    --Color-btn-text : white;;
    --Color-btn-text-hover : white;
    --Btn-padding-inline : 40px;
    --Btn-padding-block : 12px;

    --Color-svg : white;
    
    /* PROP COMMUNE api loader error */

    --Color-loader-background-head-footer : #3B2A7F;
    --Color-loader-text : #FFFFFF;

    --Color-error-background-head-footer : #3B2A7F;
    --Color-error-background-body : #ffff;
    --Color-error-subtitle : red;
    --Color-error-content : #3B2A7F;

    /* PAGE 0 */
    --Color-acceuil-text : #3B2A7F;
    --Color-acceuil-text-bold : #3B2A7F;

   

    /* PAGE 1 et 2 */

    /*--------------CHAMPS DE FORMULAIRE */
    --Color-label : #3B2A7F;
    --Color-placeholder : #3B2A7F;
    --Color-input-background : transparent;
    --Color-select-background : #363636; /* Arrière-plan spécifique pour les selects */
    --Color-input-border : 1px solid #3B2A7F;
    --Color-input-border-focus : 1px solid #CC3399;
    --Color-input-text : #3B2A7F;
    --Color-picto-select : #3B2A7F;
    --Color-Halo-focus : #CC3399;


    /*---------BTN RQTH */

    --Color-btn-rqth-background : #363636;
    --Color-btn-rqth-background-hover : #3B2A7F;
    --Color-btn-rqth-border : 1px solid #3B2A7F;
    --Color-btn-rqth-border-hover : 1px solid #3B2A7F;
    --Btn-rqth-border-radius : 4px;
    --Color-btn-rqth-text : #3B2A7F;
    --Color-btn-rqth-text-hover : #fff;

    /* PAGE 3 */

    --Color-resume-title : #3B2A7F;
    --Color-resume-number : #3B2A7F;
    --Color-resume-number-border : #3B2A7F;
    --Color-resume-number-background : none;

    --Color-resume-label : #3B2A7F;
    --Color-resume-texte : #3B2A7F;

    --Color-picto-edit : #3B2A7F;
    --Color-picto-edit-hover : #e6e6e6;

    --Color-texte-rgpd : #3B2A7F;
    --Color-line-rgpd : #3B2A7F;
    --Color-rgpd-checkbox-border : #3B2A7F;
    --Color-rgpd-checkbox-checked : #3B2A7F;

}

/* ------------- PROP COMMUNES -----------------*/

body{

    background: var(--Color-background-main) !important;
    
}


/*------------- PROGRESS BAR-----------------*/

.moduleAimairaFormulaire.CL-theme #global_header #banner {

    background: var(--Color-background-banner-progress);

}

.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress_text {
    color: var(--Color-progress-text);
    font-family: var(--font-progress-text) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress-item.focus .progress_text {
    color: var(--Color-progress-text-focus);
}

.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress-item.done .progress_text {
    color: var(--Color-progress-text-done);
}

/* ---------- MOBILE */
.moduleAimairaFormulaire .mobile.page-title  {
    color: var(--Color-progress-text);
}
.moduleAimairaFormulaire .mobile.page-title:after  {
    border-bottom: 1px solid var(--Color-progress-text-line-mobile);
}



/* --------- PROGRESS CIRCLE */

/* ------- ETAT NORMAL */
.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress-item .progress {

    border: 1px solid var(--Color-progress-circle-border);
    background-color: var(--Color-progress-circle-background);
    color: var(--Color-progress-circle-text);
    font-family: var(--font-progress-circle) !important;
}

/* ------- ETAT DONE */
.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress-item.done .progress {
    border: 1px solid var(--Color-progress-done-circle-border);
    background-color: var(--Color-progress-done-circle-background);
    color: var(--Color-progress-done-circle-text);
}

/* ------- ETAT FOCUS */
.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress-item.focus .progress {
    background-color: var(--Color-progress-focus-circle-background);
    border: 1px solid var(--Color-progress-focus-circle-border);
    color: var(--Color-progress-focus-circle-text);
}

.active {
    border-bottom: unset !important;
}

/* ------- ETAT HOVER */
.moduleAimairaFormulaire.CL-theme #global_header #progress-bar .progress-item.done:not(.focus) .progress.resume-goback:hover {
    background-color: var(--Color-progress-circle-background-hover);
    border: 1px solid var(--Color-progress-circle-border-hover);
    color: var(--Color-progress-circle-text-hover);
}


/*--------- MOBILE */
.moduleAimairaFormulaire .mobile.page-title {
    color: var(--Color-progress-text);
    font-family: var(--font-progress-text) !important;

}

/*------------- BOUTONS-----------------*/

.moduleAimairaFormulaire.CL-theme button, .moduleAimairaFormulaire.CL-theme div.btn {
    background: var(--Color-btn-background);
    border: var(--Color-btn-border);
    border-radius: var(--Btn-border-radius);
    padding-inline: var(--Btn-padding-inline);
    padding-block: var(--Btn-padding-block);    
    color: var(--Color-btn-text);
    font-weight: normal;
    min-width: min-content !important;
    font-family: var(--font-btn-nav) !important;    
}

.moduleAimairaFormulaire.CL-theme button, .moduleAimairaFormulaire.CL-theme div.btn svg.svg-ges-formulaire-arrow-def-ctrl use{
     fill: var(--Color-svg);  
}

.moduleAimairaFormulaire #ges-formulaire #pageAccueil div#launch {
    width: min-content !important;
}

.moduleAimairaFormulaire.CL-theme button, .moduleAimairaFormulaire.CL-theme div.btn:hover {
    background: var(--Color-btn-background-hover);
    border: var(--Color-btn-border-hover);
    color: var(--Color-btn-text-hover); 
}

.moduleAimairaFormulaire.CL-theme button, .moduleAimairaFormulaire.CL-theme div.btn:hover svg use {
    fill : var(--Color-svg);
}


/* ---------------- CHAMP DE FORMULAIRES -----------------*/

.moduleAimairaFormulaire form .form-line .form-label {
    color: var(--Color-label) !important;
    font-family: var(--font-label) !important;
    font-weight: 500;
}

.moduleAimairaFormulaire form .form-line .form-input input, .moduleAimairaFormulaire form .form-line .form-input select .input_autofill {
    color: var(--Color-input-text);
    font-family: var(--font-input-select) !important;
    border: var(--Color-input-border) !important;
}

.moduleAimairaFormulaire form .form-line .form-input select {
    color: var(--Color-input-text);
    font-family: var(--font-input-select) !important;
    border: var(--Color-input-border) !important;
}

.moduleAimairaFormulaire .required-fields-info {
    text-align: center !important;
    font-weight: normal !important;
    color: var(--Color-input-text);
    font-family: var(--font-input-select) !important;
}

.select2-container--default .select2-selection--single {
    color: var(--Color-input-text);
    font-family: var(--font-input-select) !important;
    border: var(--Color-input-border) !important;
}

.select2-dropdown {
    color: var(--Color-input-text);
    font-family: var(--font-input-select) !important;
    border: var(--Color-input-border) !important;
}

.moduleAimairaFormulaire form .form-line .form-input.radio.radio-box .input-radio input[type='radio'] {
    position: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
     color: var(--Color-input-text) !important;
}

/* .moduleAimairaFormulaire form .form-line .form-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--Color-input-text);
    font-family: var(--font-input-select) !important;
} */
/* 
.moduleAimairaFormulaire .select2-container {
   color: var(--Color-input-text) !important;
   font-family: var(--font-input-select) !important;
} */

.moduleAimairaFormulaire form .form-line .form-input .input_autofill::placeholder
 {
    color: var(--Color-placeholder) !important;
    font-family: var(--font-input-select) !important;
}

/*----------- PICTO FLECHE SELECT*/

.moduleAimairaFormulaire.CL-theme form .form-line .form-input svg.svg-ges-formulaire-arrow-def-ctrl use {
    fill: var(--Color-picto-select);
}

/*----------- FOCUS CHAMP*/

.moduleAimairaFormulaire form .form-line .form-input:not(.radio.radio-box) input:focus, 
.moduleAimairaFormulaire form .form-line .form-input textarea:focus, 
.moduleAimairaFormulaire form .form-line .form-input select:focus{
    border: var(--Color-input-border-focus) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(204, 51, 153, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(204, 51, 153, 0.3);
}
/*----------LOADER*/

.moduleAimairaFormulaire .processing #loader {
    background-color: var(--Color-loader-background-head-footer);
    border: solid 1px var(--Color-loader-background-head-footer);
}

.moduleAimairaFormulaire .processing #loader .head {
    background-color: var(--Color-loader-background-head-footer);
    font-family: var(--font-api-loader-error) !important;
}

.moduleAimairaFormulaire .processing #loader .head .title {
    font-family: var(--font-api-loader-error) !important;
    color: var(--Color-loader-text);
}

/*----------API ERROR */

.moduleAimairaFormulaire #form-error-box api {
    background-color: var(--Color-error-background-head-footer);
    border: solid 1px var(--Color-error-background-head-footer);
    font-family: var(--font-api-loader-error) !important;
    /* color: red; */
}

.moduleAimairaFormulaire #form-error-box api .head {
    background-color: var(--Color-error-background-head-footer);
    border: solid 1px var(--Color-error-background-head-footer);
    font-family: var(--font-api-loader-error) !important;
    /* color: red; */
}

.moduleAimairaFormulaire #form-error-box api .body {
    border: solid 1px var(--Color-error-background-head-footer);
}


.moduleAimairaFormulaire #form-error-box api .head .title{
    font-family: var(--font-api-loader-error) !important;
    color: var(--Color-error-title);
}


.moduleAimairaFormulaire #form-error-box api .body .subtitle {
    font-family: var(--font-api-loader-error) !important;
    color: var(--Color-error-subtitle);
}

.moduleAimairaFormulaire #form-error-box api .body #error-content li{
    color: var(--Color-error-content) !important;
    font-family: var(--font-api-loader-error) !important;
}

.moduleAimairaFormulaire #form-error-box api .body li .error-extra-info {
    font-family: var(--font-api-loader-error) !important;
}




/* -------------------- PAGE 0 ----------------------*/


/*----------TEXTE ACCUEIL*/

.moduleAimairaFormulaire #ges-formulaire #pageAccueil #accueil-text {
    color: var(--Color-acceuil-text);
    font-family: var(--font-text-accueil-message) !important;
}

.moduleAimairaFormulaire #ges-formulaire #pageAccueil #accueil-text b {
    color: var(--Color-acceuil-text-bold);
    font-weight: bold;
}

/* -------------------- PAGE 2 ----------------------*/

/*------------ BTN RTHQ NATIONALITE */

.moduleAimairaFormulaire form .form-line .form-input.radio.radio-box .input-radio label {

    background: var(--Color-btn-rqth-background);
    border-radius: var(--Btn-rqth-border-radius);
    border: var(--Color-btn-rqth-border);
    color: var(--Color-btn-rqth-text) !important;
    font-family: var(--font-btn-rqth) !important;
}

/* Règle spécifique pour le composant nationalité */
.moduleAimairaFormulaire .form_component_nationality input {
    background-color: var(--Color-input-background) !important;
    border: var(--Color-input-border) !important;
    color: var(--Color-input-text) !important;
}

.moduleAimairaFormulaire .form_component_nationality select {
    background-color: var(--Color-select-background) !important;
    border: var(--Color-input-border) !important;
    color: var(--Color-input-text) !important;
}

.moduleAimairaFormulaire form .form-line .form-input.radio.radio-box .input-radio:hover label,
.moduleAimairaFormulaire.CL-theme form .form-line .form-input.radio.radio-box .input-radio input[type='radio']:checked+label
 {
    background: var(--Color-btn-rqth-background-hover) !important;
    border-radius: var(--Btn-rqth-border-radius) !important;
    border: var(--Color-btn-rqth-border-hover) !important;
    font-family: var(--font-btn-rqth) !important;
      color: var(--Color-btn-rqth-text-hover) !important;
}


/* -------------------- PAGE 3 ----------------------*/

/*-------------SOUS TITRES*/

.moduleAimairaFormulaire #resume_content .resume-title{
    color: var(--Color-resume-title);
    font-family: var(--font-resume-title) !important;
}

.moduleAimairaFormulaire.CL-theme #pageResume form .resume-part .resume-number,
.moduleAimairaFormulaire #pageResume form .resume-part .resume-number{
    color: var(--Color-resume-number) !important;
    background-color: var(--Color-resume-number-background)!important;
    border: solid 1px var(--Color-resume-number-border) !important;
    font-family: var(--font-resume-number) !important;
}

.moduleAimairaFormulaire #pageResume form .resume-part .resume-number {
    flex-wrap: unset !important;
}

/*-------------TEXTE RESUME*/

.moduleAimairaFormulaire #resume_content .resume-label {
    color: var(--Color-resume-label);
    font-family: var(--font-resume-text) !important;
    font-weight: bold;
}

.moduleAimairaFormulaire #resume_content .resume-texte {
    color: var(--Color-resume-texte);
    font-family: var(--font-resume-text) !important;
}

/*-------------PICTO EDIT*/

.moduleAimairaFormulaire.CL-theme form .resume-part .resume-goback svg.svg-ges-formulaire-goback-def-ctrl use {
    fill: var(--Color-picto-edit);
}

.moduleAimairaFormulaire.CL-theme form .resume-part .resume-goback:hover svg.svg-ges-formulaire-goback-def-ctrl use {
    fill: var(--Color-picto-edit-hover);
}

/*-------------RGPD TEXTE*/

.moduleAimairaFormulaire .form_rgpd label {
    color: var(--Color-texte-rgpd);
    font-family: var(--font-text-accueil-message) !important;
}

.moduleAimairaFormulaire .form_rgpd#form_rgpd_1 {
    border-top: 1px solid var(--Color-line-rgpd) !important;
}

.moduleAimairaFormulaire .form_rgpd#form_rgpd_1  input[type="checkbox"] {
        border: 1px solid var(--Color-rgpd-checkbox-border) !important;
}

.moduleAimairaFormulaire .form_rgpd#form_rgpd_1 input[type='checkbox']:checked {
        background: var(--Color-rgpd-checkbox-checked) !important;
}

.moduleAimairaFormulaire div#resume_content {
    gap: 0px !important;
}