/* Custom du composant notice */
.fr-notice--blanc { background-color: transparent; color: var(--text-default-info); }

/* Style custom framboise pour le composant tag */
.fr-tag--framboise { background-color: #fff1f6!important; color: #cd094f!important;}
.fr-tag--framboise:focus, .fr-tag--framboise:hover { background-color: #ffdee8!important; color: #cd094f!important; }

/* Fond blanc pour le composant libelleMisEnAvant */
.miseEnAvantWhiteBackground { background-color: #fff; }

/* Icône custom flèches gauche-droite dans une mise en avant (callout) */
.fr-icon-arrow-left-right-line {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.0503 12.0498L21 16.9996L16.0503 21.9493L14.636 20.5351L17.172 17.9988L4 17.9996V15.9996L17.172 15.9988L14.636 13.464L16.0503 12.0498ZM7.94975 2.0498L9.36396 3.46402L6.828 5.9988L20 5.99955V7.99955L6.828 7.9988L9.36396 10.5351L7.94975 11.9493L3 6.99955L7.94975 2.0498Z'%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.0503 12.0498L21 16.9996L16.0503 21.9493L14.636 20.5351L17.172 17.9988L4 17.9996V15.9996L17.172 15.9988L14.636 13.464L16.0503 12.0498ZM7.94975 2.0498L9.36396 3.46402L6.828 5.9988L20 5.99955V7.99955L6.828 7.9988L9.36396 10.5351L7.94975 11.9493L3 6.99955L7.94975 2.0498Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	color: var(--blue-france-main-525);
	height: 24px;
	width: 24px;
	position: relative;
	margin-bottom: 0.5em;
}
@media (min-width: 48em) {
	.fr-icon-arrow-left-right-line {
		top: -0.5em;
		left: -2em;
		margin-bottom: 1em;
	}
}

/* Style du titre d'un bloc */
.title-question { font-size: 1rem; line-height: 1.5rem; margin: 0 0 1rem; font-weight: bold; }

/*
 * Styles pour l'autocomplétion à l'imitation du select DSFR.
 * Le composant DSFR autocomplete n'est pas disponible au moment de l'écriture de ce code.
 */
.autocomplete-select { display: block; background-color: var(--background-contrast-grey); border-top: 0.1em solid var(--background-contrast-grey); border-bottom: 0.1em solid var(--background-contrast-grey); position: relative; }
.autocomplete-option { margin: 0.8em 1.4em; color: var(--text-title-grey); cursor: default; }
.autocomplete-option :hover { padding: 0.8em 1.4em; margin: -0.8em -1.4em; color: white; background-color: var(--grey-425-625); }
.autocomplete-option :hover span { background-color: transparent; }

/* Masque aux utilisateurs les clés à usage des liseurs d'écran */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/*
 * Les CSS utiles venant du framework v5 ou d'un autre framework
 */
/* Pour le masquage de l'alerte quand il n'y a pas d'erreur sur la page. */
.alert-invisible { display: none; }
/* CSS historique */
.hide { display: none; }
/* CSS historique du framework v5 */
.thHide { display: none!important; }
/* CSS historique */
.hidden {display: none; }

/* Style des boutons de navigation entre les étapes */
.btn-nav { display: inline-block; width: fit-content;}
@media (max-width: 1247px) {
	.btn-nav { display: block; width: 100%; }
}

.header-entreprendre { color: var(--red-marianne-main-472) }

/* CSS footer cerfa historiques */
.footer-cerfa { background-color: #BCBFDD; color:#333; }
.footer-cerfa a { color:#333; text-decoration: underline; white-space: nowrap; }
.footer-cerfa p { font-size: 1.2em; }
.footer-cerfa .container { display: flex; max-width: 76em; }
.footer-cerfa .footer-cerfa-logo { position: relative; top:-1.5em; margin-bottom: -1.5em; }
.footer-cerfa .footer-cerfa-logo img { width: 4.5em; }
.footer-cerfa-txt { padding: .5em .5em .8em 1em }
.footer-cerfa-txt p { display: inline-block; margin-bottom: 0; padding: .2em 0; }
.footer-cerfa-txt .link-cerfa a { display: inline-block; padding: .2em .5em; margin:0 .2em .2em 0; border-radius: .3em; background-color: #fff; text-decoration: none; }
.footer-cerfa-txt .link-cerfa a:is(:focus, :hover) { color: var(--color-particulier); text-decoration: underline; }
@media (max-width: 35em) {
	.footer-cerfa p { font-size: 1em; }
	.footer-cerfa .footer-cerfa-logo { top:.5em; }
	.footer-cerfa .footer-cerfa-txt { padding: .5em .5em .8em 1em; }
}
@media (min-width: 35em) {
	.footer-cerfa p { font-size: 1.2em; }
	.footer-cerfa .container { display: flex; max-width: 76em; padding-left: 2em; }
	.footer-cerfa .footer-cerfa-logo { top:-1.5em; }
	.footer-cerfa .footer-cerfa-txt .link-label { padding-right: 1em; }
}

/* Utilisé pour le placement correct du bouton d'un input avec description masquable */
.input-collapse-label { display: flex; align-items: center; }

/* Style d'affichage flex */
.flex { display: flex; }

/* Cadre du composant PieceJointeSaisie */
.cadre-pieceJointe { border:1px solid #80808057; }
/* Cadre des étapes sur le récapitulatif */
.cadre-recap { border: 1px solid var(--blue-france-main-525); }
/* Style des blocs titres des étapes sur le récapitulatif */
.titre-recap-bloc { color: #000; display: flex; align-items: center; }
/* Style des titres des étapes sur le récapitulatif */
.titre-recap { color: #000; margin: 0; }
/* Style des icônes précédants le titre des étapes sur le récapitulatif*/
.icone-recap { color: var(--blue-france-main-525); }
/* Séparateurs de la page récap */
hr.separateur-recap { border-top: 0.0625rem solid var(--blue-france-main-525); }

/* Style du lien de téléchargement de fichier quand il est sous forme de bloc */
.download-bloc { box-shadow: inset 0 0 0 1px var(--text-action-high-blue-france); }
/* Style du titre du lien de téléchargement quand il est sous forme de bloc */
.download-bloc-titre { color: var(--text-action-high-blue-france)!important; }

/* Style du lien d'aide en bas de page */
.link-help { text-align: end; }

/* Style de la div contenant l'input prénom et son bouton de suppression */
.div-prenom { position: relative;}
/* Style du bouton de suppression d'un champ prénom */
.btn-delete-prenom { border: none; background: none; position: absolute; display: inline-block; top: 2.5rem; left: auto; right: 0; }
.btn-delete-prenom:hover { background: none!important; }

/* Style du texte en haut de la page finDemarche */
.fin-demarche-label { text-align: center; font-size: 1.5em; line-height: 1.5em; }

/* Style de l'icône en haut de la page finDemarche */
.fin-demarche-icon { transform: scale(2); color: var(--text-title-blue-france); width: fit-content; }

/* Styles des pastilles numérotées */
.pastille { display: inline-block; border-radius: 50%; background-color: var(--text-title-blue-france); color: white; width: 1.5em; height: 1.5em; text-align: center; }
.pastille-content { vertical-align: middle; }

/* Styles de titre de bloc en fin de démarche */
.fin-demarche-aec-title { font-size: 1.5rem; color: var(--text-title-blue-france); }
.fin-demarche-nonaec-title { font-size: 1.5rem; }
/* Style des icônes sur la page de confirmation */
.confirmation-icone { color: var(--blue-france-main-525); }

/* Style de l'icône de la page "avis" */
.avis-icon { transform: scale(1.2); border-radius: 50%; background-color: var(--text-title-blue-france); color: white; padding: 0.5em; width: fit-content; height: fit-content; }

/* Style de liste sans puce */
.list-unstyled { list-style: none; }

/* Uploader: Drag & Drop */
.resumable-error {
  display: none;
  font-size: 14px;
  font-style: italic; }


/* Style de l'intertitre */
.intertitre { display: flex; flex-direction: row;}
/* Style de l'icône contenue dans l'intertitre */
.intertitre-icon { background-color: var(--artwork-major-blue-france); color: white; border-radius: 6rem; padding: 0.2rem; width: 1.5em; height: 1.5em; min-width: 1.5em; min-height: 1.5em; text-align: center; vertical-align: middle;}
/* Style du texte contenu dans l'intertitre */
.intertitre-text { color: var(--artwork-major-blue-france); font-size: 0.8em; font-weight: bold; margin-left: 0.5em; margin-top: 0.2em; }

/* CSS historique margin-bottom 0 */
.noMarginBottom { margin-bottom: 0; }

/* Suppression des indentations des listes */
.list-no-indent { padding-inline-start: 0; }

/* ¯¯¯¯¯¯¯¯¯ *\
  UPLOAD
\* ˍˍˍˍˍˍˍˍˍ */

.infobullePJ {
	color: var(--text-mention-grey);
}

.bloc-upload {
	background-color: #f5f5fe; 
	padding-top: 1em; 
	padding-bottom: 1em;
}
.fr-upload-dila-group .fr-label .fr-hint-text {
  margin-top: 0.75rem;
}

.fr-upload-dila-group .fr-label + .fr-upload {
  margin-top: 1rem;
}

.fr-upload-dila-group .fr-message:first-child {
  margin-top: 0.5rem;
}

.fr-upload-dila-local {
  font-size: inherit;
  line-height: 1.5rem;
  display: inline-flex;
  margin: 0;
  text-decoration: underline !important;
  font-size: inherit;
  font-weight: bold;
}

.fr-upload-dila-sp {
  padding: 10px 20px; /* Ajoutez un espace intérieur pour un meilleur aspect */
   text-decoration: none; /* Pour supprimer la soulignement par défaut sur les liens bouton */
   border: 1px solid #80808057; /* Définit une bordure de 2 pixels de large de couleur grise (#333) */
   display: inline-block;
   font-size: inherit;
   font-weight: bold;
   width: 100%;
}


.fr-upload-dila:disabled::-webkit-file-upload-button {
  outline-style: none;
  cursor: not-allowed;
}

.fr-upload-dila::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font: inherit;
  cursor: pointer;
  margin-right: 0.5rem;
}
    
.fr-icon-upload-2-fill::before{
	--icon-size: 3em;
}

.file-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.file-link input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.btn-upload-focus {
 	border: solid #0a76f6 2px;
	padding: 2px;
}

.file-link span {
      font-size: inherit;
	  line-height: 1.5rem;
	  display: inline-flex;
	  margin: 0;
	  text-decoration: underline !important;
	  font-size: inherit;
	  font-weight: bold;
}

.fr-btn-dila {
	max-height: 2.5rem;
    overflow: hidden;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    white-space: nowrap;
	 --text-spacing: 0;
    --title-spacing: 0;
    --underline-img: none;
    --hover-tint: var(--background-default-grey-hover);
    --idle: transparent;
    --active: var(--background-action-high-blue-france-active);
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
    width: -moz-fit-content;
    width: fit-content;
}

/*modal document SP */

.form-horizontal {
	border: 0px solid #c0c0c0;
    padding: 0 0 0 0;
    margin-top: 40px;
}

.form-horizontal legend {
    border: 0;
    padding: 0;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    margin-left: -15px;
}

.form-horizontal .radio-inline  {
	padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.form-group {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.modal-header {
    background-color: #096BA8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #FFF;
    font-size: 1.6em;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header button.close {
    background: #4F82A8 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    padding: 2px 5px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-header .h1 {
    font-size: 1.1em;
    padding: 0 0 0 0;
}

.modal-title {
	margin-left: -15px;
	margin-top: -44px;
}
.fr-link--close:after {
	margin-top: 4px
}

.logo-text-informations-identite {
	display:flex; 
	position:relative;
	align-items: center;
	color:var(--grey-625-425);
}