/* -------------------- Formulaire Web Réservation de places venant de l'Extranet -------------------- */

/* DEBUT blocaccordeon */
.resplaFormulaireWeb #ancreBlocInscription {
	margin-top: 25px;
}
.resplaFormulaireWeb {
	padding: 0px 25px 0px 25px !important;
}

.resplaFormulaireWeb .blocAccordeonContainer {
	z-index: 0;
}
.resplaFormulaireWeb .blocaccordeonListe, form > .Qur_Wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.resplaFormulaireWeb .blocaccordeonListe2 {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.resplaFormulaireWeb .blocaccordeonTitre.ouvert + .blocaccordeon {
	/* RL : 11/02/2025 passage de "display block" à "display grid" pour éviter les débordements dans l'inscription aux événements quand le tableau des invité est trop grand */
	display: grid; 
	padding-bottom: 24px;
}
.resplaFormulaireWeb .blocaccordeonTitre.ouvert + .blocaccordeon.blocaccordeonListe2 {
	display: flex;
}
.resplaFormulaireWeb .blocaccordeonTitre.ferme + .blocaccordeon {
	display: none;
}
.resplaFormulaireWeb .textExplicatifAnnonce {
	margin-left: 48px;
	margin-block-end: 0;
	font-size: 16px;
}
.resplaFormulaireWeb .blocaccordeonTitre {
	padding: 12px 16px 12px 48px;
	font: 600 16px/24px var(--font-familydefault);
	font: 600 20px/30px var(--font-familydefault);
	border-radius: 0px;
	color: var(--grey600);
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--primarynewext50);
	margin-bottom: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	transition: background-color 0.3s;
	z-index: 1;

	.fr-fullscreen-wrapper & {
		display: none !important; /* correction lorsque le champ froala est en pleine page */ 
	}
	.resplaFormulaireWeb #blocExterne .blocaccordeon & {
		margin-left: 0px;
	}
	.resplaFormulaireWeb .blocaccordeon & { /*niveau2 : .blocaccordeon .blocaccordeonTitre */
		color: var(--grey600);
		font: 600 18px/27px var(--font-familydefault);
		padding: 12px 16px 12px 0px;
		border-bottom: 2px solid #ECECEC;
		border-radius: 0px;
		background-color: transparent;
		margin-left: 48px;
		transition: border-bottom 0.3s;

		&.nomarginLeft {
			margin-left: 0px;
		}
		&::before {
			display: none;
		}
		&:not(.sansContenu):hover {
			background-color: transparent;
			border-bottom: 2px solid var(--primarynewext400);
		}
	}
	.resplaFormulaireWeb .blocaccordeon .blocaccordeon & {
		color: var(--grey600);
		font: 600 16px/24px var(--font-familydefault);
		padding: 0px 0px 10px;
		border-bottom: 2px solid #ECECEC;
	}
	&.blocaccordeonTitreGrise {
		pointer-events: none;
		background-color: var(--grey100);
	}
	:is(.nbreSousDossiers, .credits, .typeIJE) {
		color: var(--primarynewext500);
		padding: 2px 8px;
		background-color: #FAFAFA;
		border-radius: 16px;
		display: flex;
		align-items: center;
		text-align: center;
		height: auto;
	}
	> .droite {
		display: flex;
		gap: 48px;
		margin-left: 16px;

		.nbreSousDossiers {
			font: 500 12px/18px var(--font-familydefault);
		}
		.credits {
			font: 500 14px/21px var(--font-familydefault);
		}
		.credits > div {
			white-space: nowrap;
		}
		.typeIJE {
			white-space: nowrap;
			font: 500 12px/18px var(--font-familydefault);
		}
	}
	&.sansContenu > .droite > .containerIcone {
		display: none;
	}
	&:not(.sansContenu):hover {
		background-color: var(--primarynewext100);
	}
	&.bouleVerte::before {
		background: var(--vertorganon);
	}
	&.bouleOrange::before {
		background: var(--orangeorganon);
	}
	&::before { /* boule à gauche du bloc */
		content: "";
		background: var(--primarynewext200);
		width: 12px;
		height: 12px;
		border-radius: 100%;
		position: absolute;
		top: 18px;
		top: 21px;
		left: 20px;
	}
	&:has(+ .blocaccordeonListeHie .containerFolderHie) {
		cursor: pointer;
	}
}
.resplaFormulaireWeb .titreFolderHie:has(+ .containerFolderHie) {
	cursor: pointer;
}
.resplaFormulaireWeb .blocAccordeonContainer.GrDeTr .sansContenu {
	cursor: default;
}
.resplaFormulaireWeb .blocaccordeonSousTitre { /* utilisé dans les forums */
	font: 500 14px/21px var(--font-familydefault);
	color: var(--grey500);
}
.resplaFormulaireWeb .blocaccordeon {
	padding-top: 24px;
	padding-bottom: 24px;

	/* réinitialise le comportement flex qui empêche d'avoir un contenant plus petit que le contenu, utiliser dans les tableScroll du module Enquêtes */
 /* min-width: 0; 
  overflow: hidden;*/
}
.resplaFormulaireWeb .blocaccordeon.marginleft {
	margin-left: 48px;
}
.resplaFormulaireWeb #blocExterne .blocaccordeon {
	margin-left: 24px;
	margin-right: 24px;
}
.resplaFormulaireWeb #blocExterne .blocaccordeon .blocaccordeon {
	margin-left: 0px;
	margin-right: 0px;
}
.resplaFormulaireWeb .blocaccordeon.avecTableau {
	padding-top: 0px;
}
.resplaFormulaireWeb .blocaccordeon.blocaccordeonListeHie,
.resplaFormulaireWeb .blocaccordeon .blocaccordeon.blocaccordeonListeHie {
	padding-top: 0px;
	padding-bottom: 0px;
}
.resplaFormulaireWeb .blocaccordeon.nopadding, 
.resplaFormulaireWeb .blocaccordeon .blocaccordeon.nopadding {
	padding-left: 0px;
}
.resplaFormulaireWeb .blocaccordeon .blocaccordeon {
	padding-bottom: 0px;
	padding-top: 32px;
	margin-left: 48px;
}
.resplaFormulaireWeb .blocaccordeon .blocaccordeon.nomarginLeft {
	margin-left: 0px;
}
.resplaFormulaireWeb .blocaccordeon .blocaccordeon.avecTableau {
	padding-top: 0px;
}
.resplaFormulaireWeb .blocaccordeon.accordeonListParticipants {
	padding-top: 24px !important;
}

/* FIN blocaccordeon */

/* DEBUT Inscription */
.resplaFormulaireWeb .formInscription {
	display: flex;
	justify-content: space-between;
}
.resplaFormulaireWeb .formInscription.formEnquete {
	gap: 48px;
}
.resplaFormulaireWeb .formInscription .gauche {
	flex-basis: 337px;
	flex-grow: 0;
	flex-shrink: 0;
	position: sticky;
	/* height: 100%; */
	height: fit-content;
	overflow: clip;
	top: 25px;
}
.resplaFormulaireWeb #centre:is(.inscriptionEnDeuxColonnes, .forcerInscriptionEnDeuxColonnes) .formInscription .blocRepere {
	display: none;
}
.resplaFormulaireWeb #centre:is(.inscriptionEnDeuxColonnes, .forcerInscriptionEnDeuxColonnes) .formInscription .gauche {
	margin-inline: auto;
	flex-basis: 0px;
	overflow: visible;
	top: 0px;
	position: relative;
	height: auto;
}
.resplaFormulaireWeb #centre:is(.inscriptionEnDeuxColonnes, .forcerInscriptionEnDeuxColonnes) .formInscription > .droite {
	width: 100%;
	margin-bottom: 24px;
}
.resplaFormulaireWeb #centre:is(.inscriptionEnDeuxColonnes, .forcerInscriptionEnDeuxColonnes) .formInscription {
	flex-direction: column-reverse;
}
.resplaFormulaireWeb .formInscription .blocRepere {
	display: flex;
	gap: 16px;
	flex-direction: column;
	padding: 24px 32px;

	max-height: calc(100vh - 350px);
	/*overflow-y: auto;*/
}
.resplaFormulaireWeb .formInscription .ligneRepere {
	--ligneRepereLH: 20px;

	font: 600 14px/var(--ligneRepereLH) var(--font-familydefault);
	color: var(--grey400);
	padding-left: 36px;
	position: relative;
	cursor: pointer;
	transition: color 0.3s;
}
.resplaFormulaireWeb .formInscription .ligneRepere.ligneRepereNiv1 {
	--ligneRepereLH: 28px;
	font: 600 18px/var(--ligneRepereLH) var(--font-familydefault);
}
.resplaFormulaireWeb .formInscription.blocreperesmaller .ligneRepere.ligneRepereNiv1 {
	--ligneRepereLH: 28px;
	font: 600 15px/18px var(--font-familydefault);
}
.resplaFormulaireWeb .formInscription .ligneRepere.ligneRepereNiv2 {
	--ligneRepereLH: 24px;
	font: 600 16px/var(--ligneRepereLH) var(--font-familydefault);
}
.resplaFormulaireWeb .formInscription .ligneRepere.ligneRepereNiv3 {
	--ligneRepereLH: 20px;
	font: 400 14px/var(--ligneRepereLH) var(--font-familydefault);
}
.resplaFormulaireWeb .formInscription .ligneRepere.ligneRepereNiv4 {
	--ligneRepereLH: 18px;
	font: 400 12px/var(--ligneRepereLH) var(--font-familydefault);
}
.resplaFormulaireWeb .formInscription .ligneRepere.actif , 
.resplaFormulaireWeb .formInscription .ligneRepere:hover {
	color: var(--primarynewext500);
}
.resplaFormulaireWeb .formInscription .ligneRepere::before {
	content: " ";
	width: 8px;
	height: 8px;
	border: 2px solid var(--primarynewext500);
	background-color: #FAFAFA;
	position: absolute;
	left: 0px;
	border-radius: 100%;

	top: calc(var(--ligneRepereLH)/2 - 6px);
	transition: all .2s ease;
}
.resplaFormulaireWeb .formInscription .ligneRepere.actif::before {
	content: " ";
	width: 10px;
	height: 10px;
	background-color: var(--primarynewext500);
	border: 2px solid white;
	outline: 2px solid var(--primarynewext500);
	left: -1px;
	z-index: 1;

	top: calc(var(--ligneRepereLH)/2 - 6px);
}
.resplaFormulaireWeb .formInscription .ligneRepere::after {
	content: " ";
	width: 2px;
	position: absolute;
	left: 5px;
	background-color: var(--primarynewext500);
	height: calc(100% + 16px - 6px);

	top: calc(var(--ligneRepereLH)/2 + 6px);
}
.resplaFormulaireWeb .formInscription .ligneRepere.actif::after {
	top: calc(var(--ligneRepereLH)/2 + 9px);
}
.resplaFormulaireWeb .formInscription .ligneRepere:last-child::after {
	display: none;
}
.resplaFormulaireWeb .formInscription > .droite {
	display: flex;
	flex-grow: 1;
	flex-basis: 0px;
	flex-direction: column;
	margin-bottom: 250px; /* permet de scroller jusqu au bout au clic sur les repères */
	width: calc(100% - 337px);
}

.resplaFormulaireWeb .formInscription.formEnquete > .droite:after {
	content: "*  *  *";
	font-size: 32px;
	display: block;
	text-align: center;
	color: var(--grey600);
	font: 600 32px/30px var(--font-familydefault);
	margin-top: 24px;
}
.resplaFormulaireWeb .formNoEtoile > .droite:after{
	content: "" !important;
}

.resplaFormulaireWeb .formListe {
	display: flex;
	flex-direction: column;
/*	gap: 24px;*/
	gap: 32px;
}
.resplaFormulaireWeb .formListe.formListeBigGap {
	gap: 48px;
}
.resplaFormulaireWeb .blocBorder {
	border: 2px solid var(--couleurBordure);
	box-shadow: 0px 2px 0px var(--couleurBordure);
	border-radius: 0;
}
.resplaFormulaireWeb .blocBorder.blocBorderInscrit {
	--couleurBordure: #FFE9E0;
}
.resplaFormulaireWeb .blocBorder.blocItem {
	padding: 4rem 10rem;
	background-color: rgba(255,255,255,.5);
}
/* Fin Inscription */
/*  DEBUT .containerIcone & icone */
.resplaFormulaireWeb .containerIcone {
	background: transparent;
	border-radius: 0px;
	--varTailleContainerIcone:auto;
	width:var(--varTailleContainerIcone);
	min-width: var(--varTailleContainerIcone);
	height:var(--varTailleContainerIcone);
	min-height:var(--varTailleContainerIcone);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	cursor: pointer;
	transition: background 0.3s;
}
.resplaFormulaireWeb .containerIcone:has(.pastille) {
	position: relative;
	overflow: initial;
}
.resplaFormulaireWeb .pastille {
	border-radius: 50%;
	background-color: var(--accentnewext500);
	position: absolute;
	width: .5rem;
	height: .5rem;
	top: -.15rem;
	right: -.25rem;
}
.resplaFormulaireWeb .titreFolderHie .containerIcone.sansIcone {
	display: none
}
.resplaFormulaireWeb .containerIcone.border {
	border: 2px solid var(--couleurBordure);
	background: transparent;
}
.resplaFormulaireWeb .tdValeurMobile .containerIcone.border {
	border: 2px solid #FAFAFA;
	background: #FAFAFA;
}
.resplaFormulaireWeb .containerIcone.borderAccent500 {
	border: 2px solid var(--accentnewext500);
	background: transparent;
}
.resplaFormulaireWeb .containerIcone.semiTransparent {
	background: rgba(255, 255, 255, 0.2);
}
.resplaFormulaireWeb .containerIcone.inactif {
	background-color: #EEEEEE !important;
}
.resplaFormulaireWeb .containerIcone.disabled {
	pointer-events: none;
}
.resplaFormulaireWeb .containerIcone.cercle {
	border-radius: 100%;
}
.resplaFormulaireWeb .containerIcone.radius12 {
	border-radius: 12px;
}
.resplaFormulaireWeb .containerIcone.borderTransparent {
	border: 2px solid rgba(255, 255, 255, 0.2);
}
.resplaFormulaireWeb .containerIcone.borderTransparent2 {
	background: rgba(255, 255, 255, 0.3);
	border: 4px solid rgba(255, 255, 255, 0.3);
}
.resplaFormulaireWeb .containerIcone.borderPrimary50 {
	background-color: var(--primarynewext100);
	border: 6px solid var(--primarynewext50);
}
.resplaFormulaireWeb .containerIcone.borderPrimary50.inactif {
	border: 6px solid #EEEEEE;
}
.resplaFormulaireWeb .containerIcone.primary100 {background: var(--primarynewext100);}
.resplaFormulaireWeb .containerIcone.primary200 {background: var(--primarynewext200);}
.resplaFormulaireWeb .containerIcone.primary300 {background: var(--primarynewext300);}
.resplaFormulaireWeb .containerIcone.primary400 {background: var(--primarynewext400);}
.resplaFormulaireWeb .containerIcone.primary500 {background: var(--primarynewext500);}

.resplaFormulaireWeb .containerIcone.accent100 {background: var(--accentnewext100);}
.resplaFormulaireWeb .containerIcone.accent200 {background: var(--accentnewext200);}
.resplaFormulaireWeb .containerIcone.accent300 {background: var(--accentnewext300);}
.resplaFormulaireWeb .containerIcone.accent400 {background: var(--accentnewext400);}
.resplaFormulaireWeb .containerIcone.accent500 {background: var(--accentnewext500);}

.resplaFormulaireWeb .containerIcone.accent500.disabled {background-color: var(--grey100);}

.resplaFormulaireWeb .containerIcone.hover {
	cursor: pointer;
}
.resplaFormulaireWeb .containerIcone.hover:not([no-hover]).semiTransparent:hover {
	background: rgba(255, 255, 255, 0.5);
}
.resplaFormulaireWeb .containerIcone.hover:not([no-hover]):hover {
	background: var(--grey50);
}
.resplaFormulaireWeb .containerIcone.hover:not([no-hover]).primary100:hover {background: var(--primarynewext50);}
.resplaFormulaireWeb .containerIcone.hover:not([no-hover]).accent100:hover {background: var(--accentnewext50);}
.resplaFormulaireWeb .containerIcone.hover:not([no-hover]).accent500:hover {background: var(--accentnewext400);}

.resplaFormulaireWeb .icone {
	--varTailleIcone: 100%;
	--varUrlIcone: url('');

    margin-left: 0px !important;
    position: relative !important;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--varTailleIcone);
	mask-size: var(--varTailleIcone);
	mask-image: var(--varUrlIcone);
	-webkit-mask-image: var(--varUrlIcone);
	transition: transform;

	width: var(--varTailleIcone);
	height: var(--varTailleIcone);
	transition: background-color 0.3s;

	/* couleurs possibles pour l'icone */

	&.blanc {background-color: #FAFAFA;}

	&.primary100 {background-color: var(--primarynewext100);}
	&.primary200 {background-color: var(--primarynewext200);}
	&.primary300 {background-color: var(--primarynewext300);}
	&.primary400 {background-color: var(--primarynewext400);}
	&.primary500 {background-color: var(--primarynewext500);}

	&.accent100 {background-color: var(--accentnewext100);}
	&.accent200 {background-color: var(--accentnewext200);}
	&.accent300 {background-color: var(--accentnewext300);}
	&.accent400 {background-color: var(--accentnewext400);}
	&.accent500 {background-color: var(--accentnewext500);}

	&.grey200 {background-color: var(--grey200);}
	&.grey450 {background-color: var(--grey600);}

	&:is(.grey400, .inactif) {background-color: var(--grey400);}
	.containerIcone.disabled & {background-color: var(--grey400);}

	&.valid {background-color: var(--vertorganon);}
	&.invalid {background-color: var(--colorInvalid);}

	.resplaFormulaireWeb .blocaccordeonTitre & {background-color: var(--primarynewext200);}
	.resplaFormulaireWeb .blocaccordeon .blocaccordeonTitre & {background-color: var(--grey400);}
	.resplaFormulaireWeb .blocaccordeon .blocaccordeon .blocaccordeonTitre & {
		display: none;
	}
	.resplaFormulaireWeb .colonnegauche .divmenu & {
		background-color:rgba(255,255,255,0.6);
	}
	.resplaFormulaireWeb .colonnegauche .divmenu .actif & {
		background-color:rgba(255,255,255,1);
	} 
	.resplaFormulaireWeb .colonnegauche .divmenu:hover & {
		background-color:rgba(255,255,255,1);
	}
	.resplaFormulaireWeb .containerIcone.loadingdiv & {
		--varUrlIcone: url('../images/icone/sync.svg') !important;
		animation: rotate 2s infinite linear;
	}
	.resplaFormulaireWeb .Favori & {--varUrlIcone: url('../images/icone/bookmark-1.svg') !important;}
	.resplaFormulaireWeb .NonFavori & {--varUrlIcone: url('../images/icone/bookmark.svg') !important;}
	.resplaFormulaireWeb .triBas & {--varUrlIcone: url('../images/icone/expand_more.svg') !important;}
	.resplaFormulaireWeb .triHaut & {--varUrlIcone: url('../images/icone/expand_less.svg') !important;}
	
	:is(.blocaccordeonTitre, .titreFolderHie, .folderTableau, .groupeDocExtend).ouvert .containerIcone:not(.event-1, .diversity_3, .notexpand) & {
		--varUrlIcone: url('../images/icone/expand_less.svg') !important;
	}
	:is(.blocaccordeonTitre, .titreFolderHie, .folderTableau, .groupeDocExtend).ferme .containerIcone:not(.event-1, .diversity_3, .notexpand) & {
		--varUrlIcone: url('../images/icone/expand_more.svg') !important;
	}
	:is(.blocaccordeonTitre, .titreFolderHie, .folderTableau, .groupeDocExtend).ouvert .containerIcone:not(.event-1, .diversity_3, .notexpand) & {
		--varUrlIcone: url('../images/icone/expand_less.svg') !important;
	}
}
/* FIN containerIcone */

.resplaFormulaireWeb .ecartBouton {
	margin-top: 20px;
	height: 40px;
}
.resplaFormulaireWeb .containerBoutons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.resplaFormulaireWeb .containerBoutons.justifyEnd {
	justify-content: flex-end;
}
.resplaFormulaireWeb .containerBoutons.justifyStart {
	justify-content: flex-start;
}
.resplaFormulaireWeb .containerBoutons.margintop32 {
	margin-top: 32px;
}
.resplaFormulaireWeb .containerBoutonsBlocGradient,
.resplaFormulaireWeb .containerBoutonsBlocGradientColumn {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 32px;
}
.resplaFormulaireWeb .containerBoutonsBlocGradientColumn { /* Bouton dans formation détail IJE*/
	display: grid;
	align-items: flex-end;

	> .bouton.paddingSmall {
		width: calc(100% - 20px);
	}
	> .bouton {
		width: calc(100% - 28px);
	}
}
.resplaFormulaireWeb .containerBoutonsBlocGradient.alignCenter {
	justify-content: center;
}
.resplaFormulaireWeb .containerBoutonsFormListe {
	display: flex;
	gap: 20px;
	justify-content: flex-end;
	width: 100%;
	max-width: 640px;
	margin-top: 12px;
	flex-wrap: wrap;
}
.resplaFormulaireWeb .containerBoutonsFormListe.marginTop {
	margin-top: 24px;
}
.resplaFormulaireWeb .containerBoutonsFormListe.nomarginTop {
	margin-top: 0px;
}
@media (max-width: 800px){

	.resplaFormulaireWeb .containerBoutonsFormListe{
		flex-direction: column;
		align-items: center;
	}

}

.resplaFormulaireWeb #blocExterneDroite .containerBoutonsFormListe {
	margin-left: 24px;
	margin-right: 24px;
	width: calc(100% - 48px);
}
.resplaFormulaireWeb #blocExterneDroite .containerBoutonsFixed {
	position: fixed;
	padding-top: 8px;
	padding-bottom: 20px;
	background-color: #FAFAFA;
	border-top: 2px solid var(--couleurBordure);
	bottom: 0px;
	width: calc(100%);
	max-width: 880px;
	margin-left: -24px;
}
.resplaFormulaireWeb .containerBoutons.marginTop {
	margin-top: 20px;
}
.resplaFormulaireWeb .containerBoutons.marginTop32 {
	margin-top: 32px;
}
.resplaFormulaireWeb .containerBoutonTelecoms {
	position: relative;
}
.resplaFormulaireWeb .ligne2BoutonTelecoms {
	display: none;
	gap: 4px;
	flex-direction: column;
	top: 40px;
	position: absolute;
	padding: 6px 10px 6px 10px;
	border: 2px solid var(--grey50);
	border-radius: 8px;
	background: #FAFAFA;
	min-width: max-content;
	z-index: 1;
}
.resplaFormulaireWeb .separateurBoutonTelecoms {
	display: none;
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: -4px;
}
.resplaFormulaireWeb .containerBoutonTelecoms:hover .ligne2BoutonTelecoms {
	display: flex;
}
.resplaFormulaireWeb .containerBoutonTelecoms:hover .separateurBoutonTelecoms {
	display: block;
}
.resplaFormulaireWeb .bouton {
	font: 600 14px/20px var(--font-familydefault);
	background: #FAFAFA;
	color: var(--grey400);
	text-align: center;
	white-space: break-spaces;
	
	display: flex;
 	justify-content: center;
 	gap: 8px;
 	align-items: center;
	
	border: 2px solid var(--grey50);
	border-radius: 8px;
	cursor: pointer;

	width: fit-content; /* width defaut */
	padding: 8px 14px; /* Padding defaut */

	transition: 0.3s;
}
.resplaFormulaireWeb .bouton.focusbtn{background: var(--couleurFondHover);}
.resplaFormulaireWeb .bouton.nowrap {white-space: nowrap;}
.resplaFormulaireWeb .bouton.smalltext {font: 500 12px/18px var(--font-familydefault);}
.resplaFormulaireWeb .bouton.wid5 {width: 5%;}
.resplaFormulaireWeb .bouton.wid25 {width: 25%;}
.resplaFormulaireWeb .bouton.wid50 {width: 50%;}
.resplaFormulaireWeb .bouton.wid100 {width: 100%;}
.resplaFormulaireWeb .bouton.wid200 {width: 200px;}
.resplaFormulaireWeb .bouton.nohover {pointer-events: none;}
.resplaFormulaireWeb .bouton.paddingSmall {padding: 6px 10px 6px 10px;}
.resplaFormulaireWeb .bouton.paddingExtraSmall {padding: 4px 8px 4px 8px;}

.resplaFormulaireWeb .bouton.margintop20 {margin-top: 20px;}
.resplaFormulaireWeb .bouton.margintop32 {margin-top: 32px;}
.resplaFormulaireWeb .bouton.marginbottom20 {margin-bottom: 20px;}

.resplaFormulaireWeb .bouton.alignleft {margin-left: 0px;margin-right: auto;}
.resplaFormulaireWeb .bouton.alignright {margin-left: auto;margin-right: 0px;}
.resplaFormulaireWeb .bouton.alignmiddle {margin-inline: auto;}
.resplaFormulaireWeb .champalignright {text-align: right;}

.resplaFormulaireWeb .colorstylecotititre {
	color: var(--accentnewext500);
	font-weight: bold;
}
.resplaFormulaireWeb .colorstylecotinormal {
	font-style: italic;
}
.resplaFormulaireWeb .bouton.noevent {
	pointer-events: none;
	cursor: default;
}
.resplaFormulaireWeb .bouton.disabled {
	pointer-events: none;
	cursor: default;
}
.resplaFormulaireWeb .bouton.btn-create-account {
	font-size: 16px;
	padding: 12px 14px;
}
.resplaFormulaireWeb .colorTexteAccent {color: var(--accentnewext500);}

.resplaFormulaireWeb .colorTextePrimary {color: var(--primarynewext500);}
.resplaFormulaireWeb .colorTextePrimary.hover {
	transition: color 0.3s;
	cursor: pointer;
}
.resplaFormulaireWeb .colorTextePrimary.hover:hover {color: var(--accentnewext500);}
.resplaFormulaireWeb .bouton.colorTexteAccent {color: var(--accentnewext500);}
.resplaFormulaireWeb .bouton.colorAccent  {
	color: #FAFAFA;
	background-color: var(--accentnewext500);
 	border: 2px solid var(--accentnewext500);
}
.resplaFormulaireWeb .bouton.colorAccent.disabled {
    background-color: var(--accentnewext300);
    border: 2px solid var(--accentnewext300);
}
.resplaFormulaireWeb .bouton.colorAccentInvert {
	color: var(--accentnewext500);
	background-color: #FAFAFA;
 	border: 2px solid #FAFAFA;
}
.resplaFormulaireWeb .bouton:hover {background-color: var(--grey50);}
.resplaFormulaireWeb .bouton.colorAccent:hover {background-color: var(--accentnewext400);}
.resplaFormulaireWeb .bouton.colorTexteAccent:hover {background-color: var(--accentnewext100);}
.resplaFormulaireWeb .bouton.fondRouge {
	background-color: #FF7F7F;
	color: #FAFAFA;
 	border: 2px solid #FF7F7F;
}
.resplaFormulaireWeb .colorerror {color: #FF7F7F !important;}
.resplaFormulaireWeb .colorsuccess {color: #59E583 !important;}
.resplaFormulaireWeb .colorwait {color: #d2d541 !important;}
.resplaFormulaireWeb .inputDocumentApercu {
	width: auto;
	height: 90px;
}
.resplaFormulaireWeb .bouton.colorValid400 {
	background-color: var(--vertorganon);
	color: #FAFAFA;
	border: 2px solid var(--vertorganon);
}
.resplaFormulaireWeb .bouton.boutonFermeture {
	position: fixed;
	right: 23px;
	bottom: 23px;
}
/* FIN bouton */
.resplaFormulaireWeb .ligneForm {
	display: flex;
	gap: 24px;
	width: 100%;
	align-items: center;
}
.resplaFormulaireWeb .ligneForm:has(label) {
	align-items: flex-start;
}
.resplaFormulaireWeb .ligneForm.ligneFormCol {
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}
.resplaFormulaireWeb .ligneForm.ligneFormColLimite {
	max-width: 600px;
}
.resplaFormulaireWeb .ligneForm.ligneFormRadio {
	align-items: flex-start;
}
.resplaFormulaireWeb .ligneForm.ligneFormTextarea {
	align-items: flex-start;
}
.resplaFormulaireWeb .ligneForm.ligneFormDisplay {
	display: none;
}
.resplaFormulaireWeb .ligneForm .libelle {
	color: var(--grey600);
	font: 600 16px/24px var(--font-familydefault);
	max-width: 192px;
	width: 100%;
	text-align: right;
	text-wrap: balance; /* only supported in Chrome */
}
.resplaFormulaireWeb .blocconnexionevent .ligneForm .libelle {
	max-width: 90px;
}
.resplaFormulaireWeb .ligneForm .libelle.libelleRequired {
	display: flex;
	gap: 1px;
	justify-content: flex-end;
}
.resplaFormulaireWeb .ligneForm.ligneFormCol .libelle {
	text-align: left;
	justify-content: flex-start;
	max-width: 100%;
}
.resplaFormulaireWeb .ligneForm.ligneFormCol .libelle:empty {
	display: none;
}
.resplaFormulaireWeb .ligneForm.ligneFormTextarea .libelle { /* aligner verticalement sur la première ligne du textarea */
	margin-top: 10px; /* border-top + padding-top du textarea */
}
.resplaFormulaireWeb .ligneForm .libelleSecondaire {
    color: #616161bf;
    font: 400 14px/17px var(--font-familydefault);
}
.resplaFormulaireWeb .ligneForm .libelleUniteMesure {
    width: calc(100% - 16px);
    text-align: right;
    position: relative;
    top: 11px;
    height: 0px;
    color: #53525282;
}
.resplaFormulaireWeb .ligneForm .libelleUniteMesure.libelleUniteMesureTypeNum {
    width: calc(50% - 16px);
}

.resplaFormulaireWeb .ligneForm :is(.libelle, label).libelleRequired::after {
	content: "*";
	color: var(--accentnewext500);
}
.resplaFormulaireWeb .ligneForm :is(label).libelleRequired::after {
	margin-left: -10px;
}
.resplaFormulaireWeb .ligneForm .divInputRequired {
	position: relative;
}
.resplaFormulaireWeb .ligneForm .divInputRequired::after {
	content: "*";
	color: var(--accentnewext500);
	position: absolute;
	right: -24px;
	font-size: 24px;
	height: 16px;
	line-height: 1;
	top: calc(50% - 8px);
}
.resplaFormulaireWeb .ligneForm .divInputRequired.divInputRadio::after {
	top: calc(5px);
}
.resplaFormulaireWeb .ligneFormCol .ligneForm .divInput,
.resplaFormulaireWeb .ligneForm :is(.divInput,.divInputTVA,.divInputRadio):not(.divInputFullWidth){
	width: 100%;
	max-width: 424px;
}
.resplaFormulaireWeb .froalaNoMaxWidth {
	max-width: none !important;
}
.resplaFormulaireWeb .ligneForm :is(.divInput,.divInputTVA,.divInputRadio).divInputFullWidth {
	width: 100%;
}
.resplaFormulaireWeb .ligneForm :is(.divInput.divInputDemi) {
	width: 100%;
	max-width: 212px;
}
.resplaFormulaireWeb .ligneForm :is(.divInput.divInputQuart) {
	width: 100%;
	max-width: 106px;
}
.resplaFormulaireWeb .ligneForm :is(.divInput.divInputTroisQuart) {
	width: 100%;
	max-width: 600px;
}
.resplaFormulaireWeb .ligneForm .divInput :is(input[type="text"], textarea, div.fr-view) {
	width: calc(100% - 28px);
}
.resplaFormulaireWeb .ligneForm .divInput input[type="text"]:where(.montant, .typenum, .typereel) {
	max-width: calc(50% - 28px);
}

.resplaFormulaireWeb .ligneForm :is(.divInput, .divInputTVA):is(.codeValide, .codeNonValide, .codeAttention, .loading, .loadingdiv) {
	position: relative;
}
.resplaFormulaireWeb .ligneForm :is(.divInput, .divInputTVA):is(.codeValide, .codeNonValide, .codeAttention)::after ,
.resplaFormulaireWeb .ligneForm :is(.divInput, .divInputTVA).loadingdiv .containerLoader {
	width: 24px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 12px;
}
.resplaFormulaireWeb .ligneForm :is(.divInput, .divInputTVA):is(.codeValide, .codeNonValide, .codeAttention)::after {
	content: " ";
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 24px;
	mask-size: 24px;
	animation: opacityAnim 0.4s linear forwards;
}
.resplaFormulaireWeb .ligneForm :is(.divInput, .divInputTVA).codeValide::after {
	background-color: var(--vertorganon);
	-webkit-mask-image: url("../Images/icone/check.svg");
	mask-image: url("../Images/icone/check.svg");
}
.resplaFormulaireWeb .ligneForm :is(.divInput, .divInputTVA).codeAttention::after {
	background-color: var(--primarynewext500);
	-webkit-mask-image: url("../Images/icone/fmd_bad.svg");
	mask-image: url("../Images/icone/fmd_bad.svg");
}
.resplaFormulaireWeb .ligneForm .divInput :is(input[type="text"], textarea).typedate {
	max-width: 10ch; /*BV : passage de 9 à 10 -> ca permet d'afficher JJ/MM/AAAA comme placeholder */
}
.resplaFormulaireWeb .ligneForm .divInput :is(input[type="text"], textarea):is(.typeheure, .heureIJE)  {
	max-width: 4.4ch;
}
.resplaFormulaireWeb .ligneForm .divInputRadio,
.resplaFormulaireWeb .divInputRadio {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 2px;
}
.resplaFormulaireWeb .divInputRadio.smallGap {
	gap: 8px;
}
.resplaFormulaireWeb .divInputRadio.grid4 {
	display: grid;
  	grid-template-rows: repeat(var(--_veNbrRows4col), auto); /* utile suite à l'utilisation de grid-auto-flow: column */
	grid-auto-flow: column; /* on remplit la grille dans le sens des colonnes plutot que dans le sens des lignes */
	grid-template-columns: repeat(4, 1fr);
}
.resplaFormulaireWeb .ligneForm .divInputTVA input[type="text"] {
	width: calc(75% - 48px);
	width: calc(75%);
}
.resplaFormulaireWeb .ligneForm .divInputTVA select {
	width: calc(25% - 48px);
	width: calc(25%);
}
.resplaFormulaireWeb .ligneForm .divInputTVA {
	display: flex;
	gap: 12px;
}
.resplaFormulaireWeb input[type=text], .resplaFormulaireWeb input[type=password], .resplaFormulaireWeb select, .resplaFormulaireWeb textarea,
.resplaFormulaireWeb .divInput .fr-view {
	font: 400 16px/24px var(--font-familydefault) !important;
	background-color: var(--grey50);
	border-radius: 0px;
	border: 2px solid var(--grey50);
	outline: 0px;
	padding:8px 12px !important;
	color: #535252;
	width: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
  	appearance: none;
  	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
  	transition: border 0.3s;
}
.resplaFormulaireWeb :is(input[type=text], input[type=password], select, textarea).small {
	font: 500 12px/18px var(--font-familydefault);
	padding-block:6px;
}
.resplaFormulaireWeb :is(.divInput, td) .fr-view > :first-child {
	margin-top: 0px;
} 
.resplaFormulaireWeb :is(.divInput, td) .fr-view > :last-child {
	margin-bottom: 0px;
} 
.resplaFormulaireWeb input[type=password]::placeholder {
	font-family: var(--font-familydefault);
}
.resplaFormulaireWeb input[type=password] { /* les boules */
	font-family: Verdana;
}
.resplaFormulaireWeb .divInput {
	position:relative;
}
.resplaFormulaireWeb :is(input[type=text], input[type=password], select, textarea):disabled,
.resplaFormulaireWeb :is(input[type=text], input[type=password], select, textarea,.divInput .fr-view).disabled,
.resplaFormulaireWeb form.formDisabled :is(input[type=text], input[type=password], select, textarea) {
	background: var(--grey150);
	border: 2px solid var(--grey150);
	pointer-events: none;
	opacity: 1; /* chrome met une opacité de 0.7 */
}
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]):disabled + label,
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]).disabled + label,
.resplaFormulaireWeb form.formDisabled input:is([type="radio"], [type="checkbox"]) + label {
	cursor: default;
	pointer-events: none;
}
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]):disabled:not(:checked) + label,
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]).disabled:not(:checked) + label,
.resplaFormulaireWeb form.formDisabled input:is([type="radio"], [type="checkbox"]):not(:checked) + label {
	opacity: 0.5;
}
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]):disabled + label::before ,
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]).disabled + label::before ,
.resplaFormulaireWeb form.formDisabled input:is([type="radio"], [type="checkbox"]) + label::before { 
	pointer-events: none;
	opacity: 0.5;
}
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]):disabled:not(:checked) + label::before ,
.resplaFormulaireWeb input:is([type="radio"], [type="checkbox"]).disabled:not(:checked) + label::before ,
.resplaFormulaireWeb form.formDisabled input:is([type="radio"], [type="checkbox"]):not(:checked) + label::before { 
	background: var(--grey200);
}
.resplaFormulaireWeb option {
	font: 400 16px/24px var(--font-familydefault);
	font-family: sans-serif;
	font: 400 14px/21px sans-serif;
}
.resplaFormulaireWeb .tableau :is(input[type=text], input[type=password], select, textarea) {
	font: 400 14px/20px var(--font-familydefault);
}
.resplaFormulaireWeb :is(.formListe3) :is(input[type="text"], input[type="password"], select, textarea) {
	padding:6px 10px;
}
.resplaFormulaireWeb :is(input[type=text], input[type=password], select, textarea).invalide {
	border: 2px solid #ffb3b3;
}
.resplaFormulaireWeb input[type=text]:not(.search), .resplaFormulaireWeb input[type=password] {
	max-width: calc(100% - 28px);
}
.resplaFormulaireWeb input[type=text].search {
	max-width: calc(100% - 58px);
}
.resplaFormulaireWeb textarea {
	resize: none;
	margin: 0px;
	max-width: calc(100%);
	max-width: calc(100% - 28px);
	display: block; /* Correction pour Chrome */
}
.resplaFormulaireWeb textarea.textareaAdresse {
	height: 20px;
	overflow: hidden;
	max-width: calc(100% - 28px);
}
.resplaFormulaireWeb select {
	height: 44px;
	max-width: calc(100%);
	padding-right: 28px;
	background: var(--grey50) url("../Images/icone/expand_more.svg") no-repeat calc(100% - 12px) center/16px;
}
.resplaFormulaireWeb select.small {
	/* height: 40px; */
	height: 35px;
}
.resplaFormulaireWeb .tdValeurMobile select {
	background: #FAFAFA url("../Images/icone/expand_more.svg") no-repeat calc(100% - 12px) center/16px;
}
.resplaFormulaireWeb .tableau select {
	height: 40px;
}
.resplaFormulaireWeb :is(input[type=text], input[type=password], select, textarea):not(:disabled):is(:focus,:hover) {
	border: 2px solid var(--accentnewext500) !important;
}
.resplaFormulaireWeb input[type="radio"], 
.resplaFormulaireWeb input[type="checkbox"] {
  	display: none;
}
.resplaFormulaireWeb input[type="radio"] + label::before, 
.resplaFormulaireWeb input[type="checkbox"] + label::before {
  	content: "";
  	min-height: var(--_size);
	min-width: var(--_size);
	height: var(--_size);
	width: var(--_size);
	background: var(--grey50);
	display: block;
	transition: background 0.3s;
}
.resplaFormulaireWeb input[type="checkbox"] + label::before {
	--_size: 20px;
	border-radius: 4px;
}
.resplaFormulaireWeb input[type="checkbox"] + label.small::before {
	--_size: 16px;
}
.resplaFormulaireWeb input[type="checkbox"]:checked + label.small::before {
	background-size: 10.88px auto;
}
.resplaFormulaireWeb input[type="radio"]:not(.star-rate) + label::before {
	--_size: 10px;
	border-radius: 100%;
	border: 5px solid var(--grey50);
}
.resplaFormulaireWeb input[type="radio"]:not(:checked) + label::before {
	background: var(--grey50);
	display: block;
	transition: background 0.3s;
}
.resplaFormulaireWeb input[type="radio"]:checked:not(.star-rate) + label::before {
	background: var(--accentnewext500);
}
.resplaFormulaireWeb input[type="checkbox"].decalage + label::before {
	margin-left: calc(30px * var(--decalage));
}
.resplaFormulaireWeb .requiredCheckboxAll.invalide input[type="checkbox"]:not(:checked) + label::before {
	outline: 2px solid #ffb3b3;
} 
.resplaFormulaireWeb input[type="checkbox"]:checked + label::before ,
.resplaFormulaireWeb .tableau tr[data-niv="1"] input[type="checkbox"]:checked + label::before {
  	background: var(--accentnewext500) url('../Images/icone/check_white.svg') no-repeat center/13.6px auto;
}
.resplaFormulaireWeb .tableau tr[data-niv="1"] input[type="checkbox"] + label::before {
	background: #FAFAFA;
}
.resplaFormulaireWeb input:not(.star-rate):is( [type="radio"] , [type="checkbox"] ) + label { 
	font: 500 15px/20px var(--font-familydefault);
	color: var(--grey500);
	cursor: pointer;
	display: flex;
	gap: 10px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: border 0.3s;
	text-wrap: balance;
}
.resplaFormulaireWeb input:is( [type="radio"] , [type="checkbox"] ) + label.small {
	font: 500 12px/18px var(--font-familydefault);
}
.resplaFormulaireWeb input:is( [type="radio"] , [type="checkbox"] ) + label > a {
	display: contents;
}
.resplaFormulaireWeb input:is([type="radio"],[type="checkbox"]):not(:disabled):not(.star-rate) + label:hover {  
	color: var(--accentnewext500);
}
.resplaFormulaireWeb input.requirednonremp, .resplaFormulaireWeb select.requirednonremp, .resplaFormulaireWeb textarea.requirednonremp, .resplaFormulaireWeb .requirednonremp .blocradio, .resplaFormulaireWeb div.requirednonremp {
    background-color: var(--grey50) !important;
    border-color: var(--grey50) !important;
}

/* DEBUT .tableau */
.resplaFormulaireWeb .tableau {
	border-collapse: collapse;
	border-radius: 0px;
	margin: 2px 2px 2px 2px;
	table-layout: fixed;
	width: calc(100% - 4px);
}
.resplaFormulaireWeb .containerAtvEnPartiesTable {
	width: calc(100%);
	overflow-x: auto;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable {
	border-collapse: separate;
	border-spacing: 12px;
	width: auto;
	margin: 0px;
}
.resplaFormulaireWeb .tableau.sousTableau {
	background-color: var(--primarynewext50);
}
.resplaFormulaireWeb .tableau:not(.AtvEnPartiesTable, .Que_Table)::after { /* ajoute une div pour que le box-shadow soit considérée comme un border */
	content: " ";
	background: transparent;
	width: 100%;
	height: 4px;
	display: block;
}
.resplaFormulaireWeb .containerQue_table {
	border-radius: 12px;
	box-shadow: 0px 0px 0px 2px var(--couleurBordure), 0px 2px 0px 2px var(--couleurBordure); /* 2 box-shadows contour & bordure épaisse en dessous */
}
.resplaFormulaireWeb .containerQue_table.invalide {
	box-shadow: 0px 0px 0px 2px #ffb3b3, 0px 2px 0px 2px #ffb3b3; /* 2 box-shadows contour & bordure épaisse en dessous */
}
.resplaFormulaireWeb .tableau:not(.AtvEnPartiesTable) tbody { 
	border-radius: 12px;
	box-shadow: 0px 0px 0px 2px var(--couleurBordure), 0px 2px 0px 2px var(--couleurBordure); /* 2 box-shadows contour & bordure épaisse en dessous */
}
.resplaFormulaireWeb .tableau.Que_Table tbody { 
	border-radius: 0px;
	box-shadow: none;
}
.resplaFormulaireWeb .tableau.sousTableau tbody {
	box-shadow: none;
}
.resplaFormulaireWeb .tableau thead {
	box-shadow: 0px 0px 0px 2px transparent; /* offset-x | offset-y | blur-radius | spread-radius | color */
}
.resplaFormulaireWeb .tableau thead.background {
	position: sticky;
	top: 0px; /* calculé en javascript */
	z-index: 2;
	background-color: #FAFAFA;
}
.resplaFormulaireWeb .tableau.sousTableau thead.background {
	background-color: transparent;
}
.resplaFormulaireWeb .tableau.sticky thead.background {
	box-shadow: 0px 2px 0px 0px var(--couleurBordure);
}
.resplaFormulaireWeb .tableau thead.trick {
	height: 2px;
}
.resplaFormulaireWeb .tableau.sousTableau thead.trick {
	display: none;
}
.resplaFormulaireWeb .tableau :is(th, td, tbody, thead) {
	margin: 0px;
	padding: 0px;
}
.resplaFormulaireWeb .tableau > tbody > tr {
	border-bottom: 2px solid var(--couleurBordure);
	position: relative;
}
.resplaFormulaireWeb .tableau.sousTableau > :is(thead, tbody) > tr {
	border-bottom: 1px solid #FAFAFA;
}
.resplaFormulaireWeb .tableau > tbody > tr:first-child .containerTagEntite {
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
.resplaFormulaireWeb .tableau > tbody > tr:last-child {
	border-bottom: none;
}
.resplaFormulaireWeb .tableau > tbody > tr:nth-last-child(2) .containerTagEntite {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
.resplaFormulaireWeb .tableau tr[data-open="open"] {
	display: table-row;
}
.resplaFormulaireWeb .tableau tr[data-open="close"] {
	display: none;
}
.resplaFormulaireWeb .tableau:not(.AtvEnPartiesTablePrix, .AtvEnPartiesTable, .sousTableau, .Que_Table, .simplecentre, .tableau-solutions-negociees, .tab-donnees-coti-bemedtech) > tbody > tr:nth-last-child(2) ,
.resplaFormulaireWeb .tableau:not(.AtvEnPartiesTablePrix, .AtvEnPartiesTable, .sousTableau) > tbody > tr.noborder {
	border-bottom: none;
}
.resplaFormulaireWeb .tableau.tableau-solutions-negociees > tbody > tr:nth-last-child(2),
.resplaFormulaireWeb .tableau.tableau-solutions-negociees > tbody > tr:nth-last-child(4):not(.withborder) {
	border-bottom: none;
}
.resplaFormulaireWeb .tableau th:first-child , .resplaFormulaireWeb .tableau td.firstTdDesktop {
	padding-left: 16px;
}
.resplaFormulaireWeb .tableau th:last-child , .resplaFormulaireWeb .tableau td.lastTdDesktop {
	padding-right: 16px;
}
.resplaFormulaireWeb .tableau tr:has(.tagEntite) td.lastTdDesktop {
	padding-right: 80px !important;
}
.resplaFormulaireWeb .tableau tr:has(.tagEntite) td.lastTdMobile {
	padding-right: 80px !important;
}
.resplaFormulaireWeb .tableau.simplecentre th {
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.resplaFormulaireWeb .tableau :is(td, th) {
	padding-left: 8px;
	padding-right: 8px;
}
.resplaFormulaireWeb .tableau.tab-donnees-coti-bemedtech :is(td) {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.resplaFormulaireWeb .tableau thead:not(.trick) th,
.resplaFormulaireWeb .tableau tbody .entete th {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 500 14px/21px var(--font-familydefault);
	color: var(--grey400);
}
.resplaFormulaireWeb .tableau thead:not(.trick) th .fs-12 {
	font: 600 12px/18px var(--font-familydefault);
}
.resplaFormulaireWeb .tableau thead:not(.trick) th
.resplaFormulaireWeb .tableau.nothead thead th {
	padding-top: 0px;
	padding-bottom: 0px;
}
.resplaFormulaireWeb .tableau th .thDiv {
	display: flex;
	gap: 2px;
	align-items: center;
	text-wrap: balance;
}
.resplaFormulaireWeb .tableau td {
	padding-top: 14px;
	padding-bottom: 14px;
}
.resplaFormulaireWeb .tableau td.verticalAlignTop:not(.firstTdDesktop) {
	vertical-align: top;
	padding-top: 22px;
}
.resplaFormulaireWeb .tableau td.verticalAlignBottom,
.resplaFormulaireWeb .tableau.verticalAlignTop td.verticalAlignBottom {
	vertical-align: bottom;
}
.resplaFormulaireWeb .tableau td.smallPadding {
	padding-top: 7px;
	padding-bottom: 7px;
}
.resplaFormulaireWeb .tableau.simplecentre td {
	text-align:center;
}
.resplaFormulaireWeb .tableau td.breakWord {
	word-break: break-word;
}
.resplaFormulaireWeb .tableau td[data-open="close"] {
	display: none;
}
.resplaFormulaireWeb .tableau td[data-open="open"] {
	display: table-cell;
}
.resplaFormulaireWeb .tableau td a[href^="mailto"] {
	word-break: break-word;
}
.resplaFormulaireWeb .tableau td {
	font: 400 14px/21px var(--font-familydefault);
	color: var(--grey400);
}
.resplaFormulaireWeb .tableau td.bold {
	font: 600 14px/21px var(--font-familydefault);
	color: var(--grey600);
}
.resplaFormulaireWeb .tableau td :is(.tdLibelleMobile, .libelleMobile) {
	font: 600 12px/18px var(--font-familydefault);
	color: var(--grey600);
}
.resplaFormulaireWeb .tableau td :is(.libelleMobile) {
	margin-bottom: 4px;
}
.resplaFormulaireWeb .tableau td .tdValeurMobile {
	font: 400 14px/21px var(--font-familydefault);
	color: var(--grey500);
}
.resplaFormulaireWeb .tableau td a:hover {
	text-decoration: underline;
}
.resplaFormulaireWeb .tableau.verticalAlignTop td {
	vertical-align: top;
}
.resplaFormulaireWeb .tableau tr[id^="trLigneAjouter"] td {
	padding: 0px;
}
.resplaFormulaireWeb .tableau td.Que_LibelleLigneTable {
	position: sticky;
	left: 0px;
	background: #FAFAFA;
	box-shadow: inset -2px 0px var(--couleurBordure);
	z-index: 1;
}
/* tableau récapitulatif des Activités */

.resplaFormulaireWeb .tableau.AtvEnPartiesTable {
	background-color: var(--primarynewext400);
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable td {
	line-height: 20px; /* même hauteur que les cases à cocher */
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable :is(td, th).thNiveau {
	display: none;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr[data-niv] td:not(.tdTitre, .center, .tdColTotal) {
	display: none;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable th {
	vertical-align: bottom;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable th[id^="thparticipant"],
.resplaFormulaireWeb .tableau.AtvEnPartiesTable th.tdColTotal {
	min-width: 90px;
	max-width: 90px; /* min-width et max-width pour éviter le redimensionnement du tableau */
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable th .enteteNom {
	font-weight: 800;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable td[class*="tdCheck_"] .prix {
	opacity: 0;
	transition: opacity 0.3s;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable td[class*="tdCheck_"]:hover .prix {
	opacity: 1;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable td[class*="tdCheck_"].selected .prix {
	opacity: 1;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable :is(td, th).tdColTotal {
	text-align: right;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable td:is(.selected, .tdColTotal, .tdPrixTotal) {
	font-weight: 800;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable input[type="checkbox"] + label {
	display: inline-block;
	vertical-align: top;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr { /* couleurs et padding par défaut */
	--paddingBlockTd: 14px;
	--paddingInlineTd: 12px;
	--bgColorTd: transparent;
	--colorTd: #FAFAFA;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr.entete { /* couleurs et padding des lignes d'entêtes */
	--paddingBlockTd: 0px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr[data-niv] { /* couleurs et padding des lignes activités */
	--paddingBlockTd: 8px;
	--bgColorTd: rgba(255,255,255,0.3);
	--colorTd: #FAFAFA;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr[data-niv="1"] { /* couleurs et padding des lignes activités de sous-niveaux */
	--bgColorTd: rgba(255,255,255,0.6);
	--colorTd: var(--grey600);
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr:is(.ligneTotal,.ligneSousTotal) { /* couleurs et padding des lignes de total */
	--paddingBlockTd: 8px;
	--bgColorTd: rgba(255,255,255,0.3);
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr:is(.ligneTotal, .ligneSousTotal) td:not(.tdPrixTotal) {
	--bgColorTd: transparent;
}

.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr :is(td, th) {
	padding: var(--paddingBlockTd) var(--paddingInlineTd);
	background-color: var(--bgColorTd);
	color: var(--colorTd);
	border-radius: 0px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr:is(.ligneTotal,.ligneSousTotal) td {
	text-align: right;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr td[class*="tdCheck_"] > div {
	display: flex;
	align-items: center;
	gap: 10px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr td[class*="tdCheck_"] .prix {
	line-height: 20px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr td:not(.tdTitre) {
	border-radius: 0px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr td.tdTitre {
	padding: 0px;
	display: flex;
	/* gap: 12px;*/
	position: relative;
	background-color: transparent;
	min-width: 500px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr td.tdTitre .titre {
	/* position: relative; */
	padding: var(--paddingBlockTd) var(--paddingInlineTd);
  	flex-grow: 1;
  	color: var(--colorTd);

	background-color: var(--bgColorTd);
	border-radius: 0px;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable tr td .carre {
	width: 1em;
	padding: var(--paddingBlockTd) var(--paddingInlineTd);
	display: block;
	content: " ";
	border-radius: 0px;
	background-color: var(--bgColorTd);
	background-color: transparent;
	flex-shrink: 0;
}
.resplaFormulaireWeb .tableau.AtvEnPartiesTable td .details {
	display: none;
}
.resplaFormulaireWeb .AtvEnPartiesTable .entete {
    background-position: center;
	background-size: 100%;
	height: auto !important;
	width: calc(100%);
	z-index: 50;
    background-image: none !important;
}

/* FIN .tableau */
.resplaFormulaireWeb .infosCheckboxDessus, .resplaFormulaireWeb .infosCheckboxDessus2 {
    font: 500 16px / 24px var(--font-familydefault);
    color: var(--grey400);
}
.resplaFormulaireWeb .infosCheckbox, 
.resplaFormulaireWeb .infosCheckboxDessus, 
.resplaFormulaireWeb .infosCheckboxDessous, 
.resplaFormulaireWeb .infosCheckboxDessus2,
.resplaFormulaireWeb .infosCheckboxAtvDessous {
	color: var(--grey400);
}
.resplaFormulaireWeb :is(.infosCheckbox, 
.infosCheckboxDessus, 
.infosCheckboxDessous, 
.infosCheckboxDessus2,
.infosCheckboxAtvDessous):empty {
	display: none; /* On masque si c'est vide */
}
.resplaFormulaireWeb .infosCheckboxDessous {
	margin-left: 30px;
}
.resplaFormulaireWeb .infosCheckboxDessous {
	margin-left: 30px;
}
.resplaFormulaireWeb .infosCheckboxDessous.nomargin {
	margin-left: 0px;
}
.resplaFormulaireWeb .infosCheckboxAtvDessous {
	margin-left: calc(30px * var(--_decalage));
}
.resplaFormulaireWeb .infosCheckbox, .infosCheckboxDessous, .infosCheckboxAtvDessous {
	font: 500 12px/18px var(--font-familydefault);
}
.resplaFormulaireWeb .infosCheckboxDessus, 
.resplaFormulaireWeb .infosCheckboxDessus2 {
	font: 500 14px/20px var(--font-familydefault);
}
.resplaFormulaireWeb .infosCheckboxDessus2 {
	margin-bottom: 20px;
}
.resplaFormulaireWeb .infosCheckbox.decalage {
	margin-left: calc(30px + 30px * var(--decalage));
}
.resplaFormulaireWeb .infosSousTableau {
	font: 500 12px/18px var(--font-familydefault);
	margin: 16px 16px 0px 16px;
	color: var(--grey400);
}
.resplaFormulaireWeb :is(.infosCheckbox, .infosCheckboxDessus, .infosCheckboxDessous, .infosCheckboxAtvDessous) a, .infosSousTableau a {
	color: var(--accentnewext500);
}
.resplaFormulaireWeb :is(.infosCheckbox, .infosCheckboxDessus, .infosCheckboxDessous, .infosCheckboxAtvDessous) a:hover,
.resplaFormulaireWeb .infosSousTableau a:hover {
	text-decoration: underline;
}
.resplaFormulaireWeb :is(.infosCheckbox, .infosCheckboxDessus, .infosCheckboxDessous, .infosCheckboxAtvDessous) p {
	margin: 0px;
}
.resplaFormulaireWeb .containerLoader {
	display: flex;
	align-items: center;
	margin-inline: auto;
	max-width: 120px;
}
.resplaFormulaireWeb .containerLoader.marginTop {
	margin-top: 20px;
	height: 40px;
	width: 120px;
}
.resplaFormulaireWeb .containerLoader.modifConnexion {
	width: 20px;
	height: 100%;
}
.resplaFormulaireWeb .loader {
	width: 100%;
	aspect-ratio: 5/1;
	position: relative;
	margin-inline: auto;
}
:root {
	--vitesseAnim: 0.8s;
	--tailleBoule: 17.5%;
}
.resplaFormulaireWeb .bouleLoader {
	position: absolute;
	top: 0px;
	width: var(--tailleBoule);
	aspect-ratio: 1;
	background-color: var(--accentnewext500);
	border-radius: 100%;
	opacity: 0.5;
}
.resplaFormulaireWeb .bouleLoader1 {
	animation: var(--vitesseAnim) infinite 0s scale; 
	transform: scale(0);
}
@keyframes scale {
	from {transform: scale(0);}
   	to {transform: scale(1);}
}
.resplaFormulaireWeb .bouleLoader2 {
	animation: var(--vitesseAnim) infinite 0s lefttoright1; 
	left: 0px;
}
@keyframes lefttoright1 {
	from {left: 0px;}
   	to {left: calc(50% - (var(--tailleBoule) / 2))};
}
.resplaFormulaireWeb .bouleLoader3 {
	animation: var(--vitesseAnim) infinite 0s lefttoright2; 
	left: calc(50% - (var(--tailleBoule) / 2));
}
@keyframes lefttoright2 {
	from {left: calc(50% - (var(--tailleBoule) / 2));}
   	to {left: calc(100% - var(--tailleBoule))}
}
@keyframes scaledown {
	from {transform: scale(1);}
   	to {transform: scale(0);}
}
.resplaFormulaireWeb .bouleLoader4 {
	animation: var(--vitesseAnim) infinite 0s scaledown; 
	right: 0px;
}

/* FIN LOADER */

.resplaFormulaireWeb .blocParticipant {
	padding: 16px 16px 16px 16px;
}
.resplaFormulaireWeb .blocParticipant .separateur,
.resplaFormulaireWeb .formListe .separateur  {
	height:2px;
	background-color:var(--couleurBordure);
	width: 100%;
}

.resplaFormulaireWeb .ligneParticipant {
	padding: 16px 22px 16px 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	border: 2px solid var(--couleurBordure);
	box-shadow: 0px 2px 0px var(--couleurBordure);
	border-radius: 0px;

	&.ligneParticipantAtv {
		border: none;
		box-shadow: none;
		border-radius: none;
		padding: 0px;
	}
	.nom {
		font: 600 16px/24px var(--font-familydefault);
		color: var(--grey600);
	}
	.inscription {
		font: 600 14px/20px var(--font-familydefault);
		color: var(--grey400);
	}
	.divNom {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		gap: 2px;
	}
}
.resplaFormulaireWeb .boutonAjoutParticipant {
	border-radius: 0px;
	background: var(--grey50);
	flex-grow: 1;
	padding: 12px;
	display: flex;
	gap: 8px;
	flex-direction: column;
	align-items: center;
	transition: background 0.3s;
	cursor: pointer;
	border: 2px solid var(--grey50);
}
.resplaFormulaireWeb .boutonAjoutParticipant:hover , .boutonAjoutParticipant.invalide:hover {
	border: 2px solid var(--accentnewext500);
}
.resplaFormulaireWeb .boutonAjoutParticipant.invalide {
	border: 2px solid #ffb3b3;
}
.resplaFormulaireWeb .boutonAjoutParticipant .libelle {
	font: 600 16px/24px var(--font-familydefault);
	color: var(--grey300);
}