:root{
	--largeurcolgauche:240px;
	--largeurcolgaucheferme:68px;
	--largeurcoldroite:0px;
	--largeurcoldroiteferme:0px;
	--paddingcoldroite:0px;
	--largeurblocconnexion: 450px;
	/*https://www.figma.com/file/ttE2wQ05ZhZpGRMISUXt6o/%40Interfaces---Theme?node-id=118%3A117&t=dYnpbJJSMMRZNLuo-0*/
	/*https://www.tints.dev/ #59A6E6 lightness max: 100 lightness min: 10*/

	--primary50:#EDF6FC;
	--primary100:#E0EEFA;
	--primary200:#BDDCF5;
	--primary300:#9DCBF0;
	--primary400:#7AB8EB;
	--primary500:#59A6E6; /* couleur principale */
	--primary600:#3B94E0;
	--primary700:#237BC6;
	--primary800:#0D4470;
	--primary900:#012945;

	--accent50: #FFF3EB;
	--accent100: #FFE9E0;
	--accent200: #FFD9C9;
	--accent300: #FFC6B0;
	--accent400: #FFA57F;
	--accent500: #FF8957; /* couleur accent principale */
	--accent600: #FE5F1C;
	--accent700: #E54502;
	--accent800: #B33500;
	--accent900: #812500;

	--grey50: #F0F0F0;
	--grey100: #EEEEEE;
	--grey150: #DADADA; /* couleur utilisée pour griser des éléments non interactif */
	--grey200: #C7C7C7;
	--grey300: #ABABAB;
	--grey400: #8F8F8F;
	--grey450: #818181;
	--grey500: #737373;
	--grey600: #616161;
	--grey700: #595959;
	--grey800: #3D3D3D;
	--grey900: #2B2B2B;
	
	--colorValid50: #EDFCF2;
	--colorValid100: #DCF9E5;
	--colorValid200: #BDF5BF;
	--colorValid300: #9AEFB3;
	--colorValid400: #7BEA9C;
	--colorValid500: #59E583;
	--colorValid600: #2ADF33;
	--colorValid700: #1CB54A;
	--colorValid800: #158938;
	--colorValid900: #0E5824;
	--colorValid950: #0A421B;
	
	--colorInvalid: #ffb3b3;

	--orange: #e29d58;

	--couleurBordure: #ECECEC;
	--couleurFondModal: rgba(0, 0, 0, 0.56);
	--couleurFondBlanc:#FAFAFA;
	--couleurFondHover:#ECECEC;

	/* Pour EURELECTRIC, on réduit les radius pour avoir un design moins rond et plus carré */
	--radius8: 8px;
	--radius10: 10px;
	--radius12: 12px;
	--radius16: 16px;
	--radius24: 24px;
}

.boxsizing-borderbox {
	box-sizing: border-box;
}
#siteActivitePublique {
	--largeurcolgauche: 0px;
	--largeurcolgaucheferme:0px;
}
#centre > .content:not(.fr-fullscreen-wrapper) {
  container-type: inline-size; 
  container-name: centre;
}

/*@font-face {
	font-family: 'Inter';
	src: url('./fonts/Inter-V.ttf') format('truetype');
	font-weight: 100 900;
	font-display: swap;
}*/
@font-face {
	font-family: 'Inter';
	src: url('./fonts/Inter-Light.otf') format('opentype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./fonts/Inter-Regular.otf') format('opentype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./fonts/Inter-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-display: swap;
}

::selection {
	background-color: var(--primary500);
	color: var(--couleurFondBlanc);
}
mark {
	background-color: var(--primary200);
	color: var(--grey600);
}
*:focus {
	outline: none;
}
a:focus-visible {
	background-color:#eee;
}
.colonnegauche .entete:focus-visible {
	background-color:unset;
}
html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color:var(--couleurFondBlanc);
	overflow-y:scroll !important;

	font-family: 'Inter';
	color: var(--grey600);

	min-height: 100vh;
}
html.nooverflow {
	overflow: hidden !important;
	overflow-y: hidden !important;
}
html.connexion {
	overflow: hidden;
	overflow-y: hidden !important;
}
.hidden {
	display:none;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent !important; /* correction */
}
html.standard.with-fancybox body.hide-scrollbar { /* reset fancy-box */
	margin-right: 0px;
	overflow:visible !important;
}
a {
	text-decoration: none;
	color: inherit;
}
a.capitalize {
	text-transform: capitalize;
}
img, picture, video, canvas, svg, iframe {
  display: block;
  max-width: 100%;
}
.customScrollBar {
		--colorBgScrollBar: var(--primary100);
		--colorThumbScrollBar: var(--primary200);
		--colorThumbScrollBarHover: var(--primary300);
		--colorThumbScrollBarActive: var(--primary500);

	  scrollbar-width: thin;
	  scrollbar-color: var(--colorThumbScrollBar) var(--colorBgScrollBar) ;
}
.customScrollBar:hover {
    --colorThumbScrollBar: var(--colorThumbScrollBarHover);
}
.customScrollBar:hover:active {
    --colorThumbScrollBar: var(--colorThumbScrollBarActive);
}
.customScrollBar::-webkit-scrollbar {
	  width: 8px;
	  height: 8px;
	  background-color: var(--colorBgScrollBar); /**/
	  border-radius: var(--radius16);
}
.customScrollBar::-webkit-scrollbar-thumb {
  	background-color: var(--colorThumbScrollBar);
  	border-radius: var(--radius16);
}
.customScrollBar::-webkit-scrollbar-thumb:hover {
	  background-color: var(--colorThumbScrollBarHover);
}
.customScrollBar::-webkit-scrollbar-thumb:active {
	  background-color: var(--colorThumbScrollBarActive);
}
.customScrollBar::-webkit-scrollbar-button:single-button {
    display: block;
}
.customScrollBar::-webkit-scrollbar-button:single-button {
    width: 12px;
    height: 12px;
}
.customScrollBar::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
 	border-right: 4px solid var(--primary700);
}
.customScrollBar::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
 	border-left: 4px solid var(--primary700);
}
.customScrollBar::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
 	border-bottom: 4px solid var(--primary700);
}
.customScrollBar::-webkit-scrollbar-button:single-button:vertical:increment {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
 	border-top: 4px solid var(--primary700);
}
.capitalize {
	text-transform: capitalize;
}

.site { /* utile pour la version responsive */
	display:flex;
	flex-direction:row;
	height:100%;
	width:100%;
}
.connexion .site { /* utile pour la version responsive */
	min-height: 750px;
}
.colonnegauche #mCSB_1_scrollbar_vertical {
	opacity: 0 !important; /* On masque le scroll car il est masqué par le colonnegauche ouvrirfermercontainer */
}

.blocaccordeon, .blocaccordeonTitre, .blocActu, .blocAnn,
.blocReunionFutur, .blocReunionPasse, .blocGroupe, .blocFAQ
.sousTitrePourBloc,
.actuDetail,
.containerLigneHie, .containerFolderHie,
.texte,
.ligne2BoutonTelecoms,
.tableau,
.menusmartphone, 
#containerInputSearchGlobalMobile {
  animation: opacityAnim 0.4s linear forwards;
  opacity: 0;
}
@keyframes opacityAnim {
    from {opacity: 0;}
    to {opacity: 1;}
}
.mobileOnly {
	display: none;
}
@container centre (min-width: 800px) {
	.mobileOnly {
		display: none !important;
	}
}
.smartphoneOnly {
	display: none;
}
/* DEBUT siteActivitePublique */
#bgActivitePublique {
	position: fixed;
	background: conic-gradient(at 125% 50%, var(--primary500), var(--primary600), var(--primary800), var(--primary600), var(--primary500));
	background-attachment: fixed;
	z-index: -1;
	inset: 0 0 0 0;
}
#siteActivitePublique .pageGridEcart {
	padding: 48px 24px;
	background-color: var(--couleurFondBlanc);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #E2E8F0;
	border-radius: var(--radius12);
	position: relative;
}
#siteActivitePublique .pageAnnuairePublic {
	padding: 0px 24px 48px 24px;
	background-color: var(--couleurFondBlanc);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #E2E8F0;
	border-radius: var(--radius12);
}
@media (max-width: 800px) {
	#siteActivitePublique .pageGridEcart {
		border: none;
		padding: 24px 0px 0px 0px;
		box-shadow: none;
	}
	#siteActivitePublique .pageAnnuairePublic {
		border: none;
		padding: 0px 0px 0px 0px;
		box-shadow: none;
	}
}
#siteActivitePublique #logoActivitePublique {
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	filter: brightness(0) invert(1);
	margin-top: 64px;
	margin-bottom: 48px;
	margin-inline: auto;
	max-width: calc(100% - 60px);
}
#siteActivitePublique #centre .content {
	padding-bottom: 9px;
}
/* FIN siteActivitePublique */

/* DEBUT menuClicDroit */
.menuClicDroit {
	position: fixed;
	min-width: 150px;
	z-index: 99999;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
  	background-color: rgba(255, 255, 255, .88);
	display: none;
	margin: 0;
	padding: 0;
	border: 2px solid var(--grey50);
  	border-radius: var(--radius8);
	box-shadow: 0px 0px 4px var(--grey50);
}
.menuClicDroit li {
	font: 600 14px/20px 'Inter';
	list-style: none;
	margin: 0px;
	padding: 8px 14px;
	cursor: pointer;
	color: var(--accent500);
	transition: background-color 0.3s ease;
}
.menuClicDroit li:hover {
	background-color: var(--accent100);
}
/* FIN menuClicDroit */

/* DEBUT MODAL */
dialog.modal {
	border-radius: var(--radius12);
	border: none;
	padding: 24px;
	width: 500px;
	max-width: calc(100% - 48px - 36px);
	min-width: 250px;
}
dialog.modal.plusgrand {
	width: 680px;
}
dialog.modal::backdrop {
	background: rgba(0, 0, 0);
	opacity: 0.56;
}
dialog.modal .titreModal {
	font: 600 24px/32px 'Inter';
	text-align: center;
	margin-bottom: 20px;
	padding: 0px 20px 0px 20px;
	color: var(--grey600);
	text-wrap: balance;
}
dialog.modal .texteModal {
	font: 400 16px/24px 'Inter';
	color: var(--grey500);
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-align: center;
}
dialog.modal .texteModal label {
	text-align: left;
}
dialog.modal .texteModal a {
	background-color: transparent;
	color: var(--accent500);
}
dialog.modal .texteModal a:is(:hover, :focus) {
	text-decoration: underline;
	background-color: transparent;
}
/* FIN MODAL */

/* DEBUT boutonHautPage */
#boutonHautPage {
	display: none;
	position: fixed;
	width: 48px;
	height: 48px;
	bottom: 25px;
	right: 25px;
	z-index: 2;
	box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.19);
	border-radius: var(--radius8);	
	cursor: pointer;
	background-color: var(--accent500);
	transition: background-color 0.3s ease;
}
#boutonHautPage::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: white;
	mask: url("../Images/icone/expand_less.svg") center / 32px no-repeat;
	-webkit-mask: url("../Images/icone/expand_less.svg") center / 32px no-repeat;	
}
@media (hover: none){
	#boutonHautPage:hover {
		background-color: var(--accent500);
	}
}

/* FIN boutonHautPage */

/* DEBUT messageConfirmation */
#messageConfirmation {
	width: 700px;
	max-width: calc(100% - 48px);
	padding: 24px;
	display: flex;
	align-items: center;
  	justify-content: center;
	text-align: center;
  	border-radius: 0px 0px var(--radius12) var(--radius12);
  	background: #a7f783;
  	font: 400 16px/24px 'Inter';
	color: black;
	text-wrap: balance;
}
#messageConfirmationContainer {
	position: fixed;
	z-index: 4;
	width: 100%;
	animation: messageConfirmation 5s ease-in-out forwards;
}
#messageConfirmationContainer[data-open="close"] {
	display: none;
}
#messageConfirmationContainer[data-open="open"] {
	display: flex;
	justify-content: center;
}
@keyframes messageConfirmation {
	0% {top: -70px;}
	10% {top: var(--heightBandeauVersion);}
	90% {top: var(--heightBandeauVersion);}
	100% {top: -70px;}
}
/* FIN messageConfirmation */

/* DEBUT blocExterne */
#blocExterne {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: var(--couleurFondModal);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4;
	justify-content: flex-end;
	display: none;
}
#blocExterne.ouvert {
	display: flex;
}
#blocExterneDroite {
	height: calc(100vh - 160px);
	padding-bottom: 80px;
	width: 100%;
	max-width: 880px;
	background-color: var(--couleurFondBlanc);
	overflow-y: auto;
	position: fixed;
	right: 0px;
	top: 78px;
}
#blocExterneDroite.fullScreen {
	max-width: calc(100% - 46px);
	padding: 23px;
	overflow-y: auto;
	top: 0px;
	height: 100vh;
}
.divTitreBlocExterne {
	display: flex;
	justify-content: space-between;
	padding: 19px 21px 19px 24px;
	border-bottom: 2px solid var(--couleurBordure);
	position: fixed;
	top: 0px;
	background-color: var(--couleurFondBlanc);
	z-index: 1;
	width: 100%;
}
.titreBlocExterne {
	font: 600 30px/38px 'Inter';
	color: var(--grey600);
}
/* FIN blocExterne */

.blocBorder {
	border: 2px solid var(--couleurBordure);
	box-shadow: 0px 2px 0px var(--couleurBordure);
	border-radius: var(--radius12);
}
.blocBorder.blocBorderInscrit {
	--couleurBordure: var(--accent100);
}
[class*="lineClamp"] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lineClamp1 {-webkit-line-clamp: 1;}
.lineClamp2 {-webkit-line-clamp: 2;}
.lineClamp3 {-webkit-line-clamp: 3;}
.lineClamp4 {-webkit-line-clamp: 4;}
.lineClamp5 {-webkit-line-clamp: 5;}

.lineClampDescrGroupe {
	max-height: 250px;
	overflow: hidden;
}
.lineClamp1v2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: 1;
}
.hideIfEmpty:empty {
	display: none;
}
.unClickable {
	pointer-events: none;
}
.blocVide {
	height: 600px;
	width: 100%;
}
/* input */

form#atvCreateAccount,
form#orgformDem4Precision {
	display: contents;
}
input[type=text], input[type=password], select, textarea,
.divInput .fr-view {
	font: 400 16px/24px 'Inter';
	background-color: var(--grey50);
	border-radius: var(--radius8);
	border: 2px solid var(--grey50);
	outline: 0px;
	padding:8px 12px;
	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;
}
:is(input[type=text], input[type=password], select, textarea).small {
	font: 500 12px/18px 'Inter';
	padding-block:6px;
}
:is(.divInput, td) .fr-view > :first-child {
	margin-top: 0px;
} 
:is(.divInput, td) .fr-view > :last-child {
	margin-bottom: 0px;
} 
input[type=password]::placeholder {
	font-family: 'Inter';
}
input[type=password] { /* les boules */
	font-family: Verdana;
}

*:disabled {
	cursor: default !important;
}
.divInput {
	position:relative;
}
.copierPressePapier {
	width:20px;
	height:20px;
	-webkit-mask: url('../images/icone/copy.svg') no-repeat center/100%;
	mask: url('../images/icone/copy.svg') no-repeat center/100%;
	background-color:#535252;
	position:absolute;
	right:9px;
	top:13Px;
	cursor:pointer;
	transition: background 0.3s;
}
.copierPressePapier:hover {
	background-color:#ff8957;
}
:is(input[type=text], input[type=password], select, textarea):disabled,
:is(input[type=text], input[type=password], select, textarea,.divInput .fr-view).disabled,
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 */
}
input:is([type="radio"], [type="checkbox"]):disabled + label,
input:is([type="radio"], [type="checkbox"]).disabled + label,
form.formDisabled input:is([type="radio"], [type="checkbox"]) + label {
	cursor: default;
	pointer-events: none;
}
input:is([type="radio"], [type="checkbox"]):disabled:not(:checked) + label,
input:is([type="radio"], [type="checkbox"]).disabled:not(:checked) + label,
form.formDisabled input:is([type="radio"], [type="checkbox"]):not(:checked) + label {
	opacity: 0.5;
}
input:is([type="radio"], [type="checkbox"]):disabled + label::before ,
input:is([type="radio"], [type="checkbox"]).disabled + label::before ,
form.formDisabled input:is([type="radio"], [type="checkbox"]) + label::before { 
	pointer-events: none;
	opacity: 0.5;
}
input:is([type="radio"], [type="checkbox"]):disabled:not(:checked) + label::before ,
input:is([type="radio"], [type="checkbox"]).disabled:not(:checked) + label::before ,
form.formDisabled input:is([type="radio"], [type="checkbox"]):not(:checked) + label::before { 
	background: var(--grey200);
}
tr.mobileOnly input[type="text"] {
	background: var(--couleurFondBlanc);
}
option {
	font: 400 16px/24px 'Inter';
	font-family: sans-serif;
	font: 400 14px/21px sans-serif;
}
.tableau :is(input[type=text], input[type=password], select, textarea) {
	font: 400 14px/20px 'Inter';
}
:is(.formListe3) :is(input[type="text"], input[type="password"], select, textarea) {
	padding:6px 10px;
}
:is(input[type=text], input[type=password], select, textarea).invalide {
	border: 2px solid #ffb3b3;
}
input[type=text]:not(.search), input[type=password] {
	max-width: calc(100% - 28px);
}
input[type=text].search {
	max-width: calc(100% - 58px);
}
textarea {
	resize: none;
	margin: 0px;
	max-width: calc(100%);
	max-width: calc(100% - 28px);
	display: block; /* Correction pour Chrome */
}
textarea.textareaAdresse {
	height: 20px;
	overflow: hidden;
	max-width: calc(100% - 28px);
}
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;
}
select.small {
	/* height: 40px; */
	height: 35px;
}
.tdValeurMobile select {
	background: var(--couleurFondBlanc) url("../Images/icone/expand_more.svg") no-repeat calc(100% - 12px) center/16px;
}
.tableau select {
	height: 40px;
}
:is(input[type=text], input[type=password], select, textarea):not(:disabled):is(:focus,:hover) {
	border: 2px solid var(--accent500);
}
input[type="radio"], 
input[type="checkbox"] {
  	display: none;
}
input[type="radio"] + label::before, 
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;
}
input[type="checkbox"] + label::before {
	--_size: 20px;
	border-radius: 4px;
}
input[type="checkbox"] + label.small::before {
	--_size: 16px;
}
input[type="checkbox"]:checked + label.small::before {
	background-size: 10.88px auto;
}
input[type="radio"] + label::before {
	--_size: 10px;
	border-radius: 100%;
	border: 5px solid var(--grey50);
}
input[type="radio"]:not(:checked) + label::before {
	background: var(--grey50);
	display: block;
	transition: background 0.3s;
}
input[type="radio"]:checked + label::before {
	background: var(--accent500);
}
input[type="checkbox"].decalage + label::before {
	margin-left: calc(30px * var(--decalage));
}
.requiredCheckboxAll.invalide input[type="checkbox"]:not(:checked) + label::before {
	outline: 2px solid #ffb3b3;
} 
input[type="checkbox"]:checked + label::before ,
.tableau tr[data-niv="1"] input[type="checkbox"]:checked + label::before {
  	background: var(--accent500) url('../Images/icone/check_white.svg') no-repeat center/13.6px auto;
}
.tableau tr[data-niv="1"] input[type="checkbox"] + label::before {
	background: var(--couleurFondBlanc);
}
input:is( [type="radio"] , [type="checkbox"] ) + label { 
	font: 500 14px/20px 'Inter';
	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;
}
input:is( [type="radio"] , [type="checkbox"] ) + label.small {
	font: 500 12px/18px 'Inter';
}
input:is( [type="radio"] , [type="checkbox"] ) + label > a {
	display: contents;
}
.Que_Table input:is( [type="radio"] , [type="checkbox"] ) + label {
	align-items: center;
	justify-content: center;
}
input:is([type="radio"],[type="checkbox"]):not(:disabled) + label:hover {  
	color: var(--accent500);
}
.blocconnexion input[type="checkbox"] + label {
	color: var(--grey400);
}
.blocconnexion :is(input[type=text], input[type=password]) {	
	background-size:20px auto;
	background-position:center left 15px;
	background-repeat:no-repeat;
	display:block;
	margin-top:15px;
	padding:6px 43px 6px 45px;
	width: calc(100% - 88px - 4px);
}
.blocconnexion input[type=submit] {
	width:100%;
	display:block;
	background: var(--accent500);
	border-radius: var(--radius8);
	padding: 14px 22px;
	border: none;
	font: 600 16px 'Inter';
	color:var(--couleurFondBlanc);
	margin-top:50px;
	cursor:pointer;
	transition: 0.3s;
}
.blocconnexion input[type=submit]:hover {
	background-color:var(--accent300);
}
input.search {
	padding-left: 42px;
}
.containerSearch {
	position: relative;
	height: 44px;
}
.containerSearch .iconesearch {
	position: absolute;
	width: 20px;
	height: 100%;
	-webkit-mask: url('../images/icone/search.svg') no-repeat center/100%;
	mask: url('../images/icone/search.svg') no-repeat center/100%;
	left: 12px;
	z-index: 1;
	background-color: #535252;
}
.infosCheckbox, 
.infosCheckboxDessus, 
.infosCheckboxDessous, 
.infosCheckboxDessus2,
.infosCheckboxAtvDessous {
	color: var(--grey400);
}
:is(.infosCheckbox, 
.infosCheckboxDessus, 
.infosCheckboxDessous, 
.infosCheckboxDessus2,
.infosCheckboxAtvDessous):empty {
	display: none; /* On masque si c'est vide */
}
.infosCheckboxDessous {
	margin-left: 30px;
}
.infosCheckboxDessous {
	margin-left: 30px;
}
.infosCheckboxDessous.nomargin {
	margin-left: 0px;
}
.infosCheckboxAtvDessous {
	margin-left: calc(30px * var(--_decalage));
}
.infosCheckbox, .infosCheckboxDessous, .infosCheckboxAtvDessous {
	font: 500 12px/18px 'Inter';
}
.infosCheckboxDessus, 
.infosCheckboxDessus2 {
	font: 500 14px/20px 'Inter';
}
.infosCheckboxDessus2 {
	margin-bottom: 20px;
}
.infosCheckbox.decalage {
	margin-left: calc(30px + 30px * var(--decalage));
}
.infosSousTableau {
	font: 500 12px/18px 'Inter';
	margin: 16px 16px 0px 16px;
	color: var(--grey400);
}
:is(.infosCheckbox, .infosCheckboxDessus, .infosCheckboxDessous, .infosCheckboxAtvDessous) a, .infosSousTableau a {
	color: var(--accent500);
}
:is(.infosCheckbox, .infosCheckboxDessus, .infosCheckboxDessous, .infosCheckboxAtvDessous) a:hover,
.infosSousTableau a:hover {
	text-decoration: underline;
}
:is(.infosCheckbox, .infosCheckboxDessus, .infosCheckboxDessous, .infosCheckboxAtvDessous) p {
	margin: 0px;
}


/* Recherche globale */

input[type=text].inputSearchGlobal, input[type=text].inputSearchGlobalMobile {
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 26px;
	transition: margin-right 0.4s ease;
}
#centre .entete .entetecontent .right :is(#containerInputSearchGlobal, #containerInputSearchGlobalMobile).shortcut {
	margin-left: 0px;
}
:is(#containerInputSearchGlobal, #containerInputSearchGlobalMobile) form {
	display: contents;
}
#containerInputSearchGlobal[data-open="close"] .inputSearchGlobal {
	margin-right: 0px;
}
#containerInputSearchGlobal[data-open="open"] .inputSearchGlobal {
	margin-right: 42px;
}
#centre .entete .entetecontent .right .shortcut#containerInputSearchGlobal {
	transition: width 0.4s ease, border 0.3s ease;
	overflow: hidden;
	position: relative;
}
#containerInputSearchGlobal[data-open="close"] {
	width: 32px;
}
#containerInputSearchGlobal[data-open="open"] {
	width: 200px;
	max-width: 100%;
}
#containerInputSearchGlobal .containerIcone {
	position: absolute;
	right: 4px;
	z-index: 1;
}
#containerInputSearchGlobalMobile {
	display: none;
}

/* Tabs */

.tab {
	font: 600 14px/20px 'Inter';
	cursor: pointer;
	padding: 8px 14px;
	border-radius: var(--radius8);
	outline-offset: 2px;
	outline: 2px solid var(--couleurFondBlanc);
	transition: outline-color 0.3s, background-color 0.3s;
}
.tab:not(.tabGrise):hover {
	outline: 2px solid var(--primary500);
}
.tab[data-active="active"] {
	background-color: var(--primary500);
	color: #FAFAFA;
}
#tabToutes.tab[data-active="active"] {
	pointer-events: none; /* si actif, ca ne sert à rien de pouvoir le décocher */
}
.tab[data-active="inactive"] {
	background: var(--primary100);
	color: var(--primary500);
}
.tab.tabGrise {
	background: var(--grey100);
	cursor: default;
	color: var(--grey600);
}

/* boutons */

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

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

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

}

#blocExterneDroite .containerBoutonsFormListe {
	margin-left: 24px;
	margin-right: 24px;
	width: calc(100% - 48px);
}
#blocExterneDroite .containerBoutonsFixed {
	position: fixed;
	padding-top: 8px;
	padding-bottom: 20px;
	background-color: var(--couleurFondBlanc);
	border-top: 2px solid var(--couleurBordure);
	bottom: 0px;
	width: calc(100%);
	max-width: 880px;
	margin-left: -24px;
}
.containerBoutons.marginTop {
	margin-top: 20px;
}
.containerBoutons.marginTop32 {
	margin-top: 32px;
}
.containerBoutonTelecoms {
	position: relative;
}
.ligne2BoutonTelecoms {
	display: none;
	gap: 4px;
	flex-direction: column;
	top: 40px;
	position: absolute;
	padding: 6px 10px 6px 10px;
	border: 2px solid var(--grey50);
	border-radius: var(--radius8);
	background: var(--couleurFondBlanc);
	min-width: max-content;
	z-index: 1;
}
.separateurBoutonTelecoms {
	display: none;
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: -4px;
}
.containerBoutonTelecoms:hover .ligne2BoutonTelecoms {
	display: flex;
}
.containerBoutonTelecoms:hover .separateurBoutonTelecoms {
	display: block;
}
.bouton {
	font: 600 14px/20px 'Inter';
	background: var(--couleurFondBlanc);
	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: var(--radius8);
	cursor: pointer;

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

	transition: 0.3s;
}
.bouton.focusbtn{
	background: var(--couleurFondHover);
}
.bouton.nowrap {
	white-space: nowrap;
}
.bouton.smalltext {
	font: 500 12px/18px 'Inter';
}
.bouton.wid100 {
	width: 100%;
}
.bouton.nohover {
	pointer-events: none;
}
.bouton.paddingSmall {padding: 6px 10px 6px 10px;}
.bouton.paddingExtraSmall {padding: 4px 8px 4px 8px;}

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

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

.colorstylecotititre {
	color: var(--accent500);
	font-weight: bold;
}
.colorstylecotinormal {
	font-style: italic;
}
.bouton.noevent {
	pointer-events: none;
	cursor: default;
}
.bouton.disabled {
	pointer-events: none;
	cursor: default;
}
.bouton.btn-create-account {
	font-size: 16px;
	padding: 12px 14px;
}
.colorTexteAccent {
	color: var(--accent500);
}
:is(a, .forumRepondre).colorTexteAccent {
	transition: color 0.3s;
	cursor: pointer;
}
:is(a, .forumRepondre).colorTexteAccent:hover {
	color: var(--accent700);
}
.colorTextePrimary {
	color: var(--primary500);
}
.colorTextePrimary.hover {
	transition: color 0.3s;
	cursor: pointer;
}
.colorTextePrimary.hover:hover {
	color: var(--accent500);
}
.bouton.colorTexteAccent {
	color: var(--accent500);
}
.bouton.colorAccent  {
	color: var(--couleurFondBlanc);
	background-color: var(--accent500);
 	border: 2px solid var(--accent500);
}
.bouton.colorAccent.disabled {
    background-color: var(--accent300);
    border: 2px solid var(--accent300);
}
.bouton.colorAccentInvert {
	color: var(--accent500);
	background-color: var(--couleurFondBlanc);
 	border: 2px solid var(--couleurFondBlanc);
}
.bouton:hover {
	background-color: var(--grey50);
}
.bouton.colorAccent:hover {
	background-color: var(--accent400);
}
.bouton.colorTexteAccent:hover {
	background-color: var(--accent100);
}
.bouton.fondRouge {
	background-color: #FF7F7F;
	color: var(--couleurFondBlanc);
 	border: 2px solid #FF7F7F;
}
.colorerror {
	color: #FF7F7F !important;
}
.colorsuccess {
	color: #59E583 !important;
}
.colorwait {
	color: #d2d541 !important;
}
.inputDocumentApercu {
	width: auto;
	height: 90px;
}
.bouton.colorValid400 {
	background-color: var(--colorValid400);
	color: var(--couleurFondBlanc);
	border: 2px solid var(--colorValid400);
}
.bouton.boutonFermeture {
	position: fixed;
	right: 23px;
	bottom: 23px;
}
/* FIN Utilitites */


/* DEBUT connexion */

.connexion .centre {
	position: absolute;
	inset: var(--heightBandeauVersion) 0 0 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.connexion .bgConnexion {
	position: fixed;
	inset: 0 0 0 0;
	display: flex;
	z-index: -1;
}
.connexion .gauche {
	width:75%;
	background-color: #f1f5f9;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

.connexion .gauche .imageConnexion {
	width: calc(90% - (var(--largeurblocconnexion) / 2));
	margin-left: 5.6%; /* decalage car l'image a une légère bordure transparente */
	margin-right: 4.4%; /* decalage car l'image a une légère bordure transparente */
	height: 90%;
	background: url("../Images/bgConnexion/pageConnexionTapis.svg") no-repeat center/contain;
}
.connexion .gauche .imageConnexion svg {
	width: 100%;
	height: 100%;
}
.connexion .logoOrganica {
	display: block;
	bottom: 48px;
	width: 132px;
	height: 40px;
	background: url('https://cdn.organica.technology/OfficeWeb/bg/ORGANICA_NEWLOGO_horizontal.png') no-repeat center/auto 35px;
	margin-inline: auto;
	margin-top: 50px;
}
.connexion .droite {
	width:25%;
	background: linear-gradient(180deg, var(--primary300) 0%, var(--primary700) 100%);
	position: relative;
}
.connexion .droite .droiteClip {
	position: absolute;
	inset: 0 0 0 0;
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
 	height: 100vh;
 	-webkit-mask-size: 100% auto;
 	mask-size: 100% auto;
 	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.connexion .droite .droiteClip1 {
	-webkit-mask-image: url("../Images/bgConnexion/pageConnexionMask1.svg");
 	mask-image: url("../Images/bgConnexion/pageConnexionMask1.svg");
 	-webkit-mask-position: top center;
	mask-position: top center;
}
.connexion .droite .droiteClip2 {
  -webkit-mask-position: bottom center;
 	mask-image: url("../Images/bgConnexion/pageConnexionMask2.svg");
 	-webkit-mask-image: url("../Images/bgConnexion/pageConnexionMask2.svg");
 	mask-position: bottom center;
}
.connexion .droite .droiteClip3 {
	-webkit-mask-image: url("../Images/bgConnexion/pageConnexionMask3.svg");
	mask-image: url("../Images/bgConnexion/pageConnexionMask3.svg");
 	-webkit-mask-position: bottom center;
 	mask-position: bottom center;
}

.blocconnexion {
	width: 352px;
	position: relative;
	z-index: 1;
	background-color: var(--couleurFondBlanc);
	padding: 48px;
	border-radius: var(--radius10);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #E2E8F0;
	margin-right: calc(25% - (var(--largeurblocconnexion) / 2));
}
.blocconnexion form > div {
	position: relative;
}
.blocconnexion .logosmartphone {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height:100px;
	max-width:320px;
	margin:auto;
	margin-bottom:30px;
}
.blocconnexion .titre {
	font: 500 24px/32px 'Inter';
	text-align: center;
	letter-spacing: -0.02em;
	margin-bottom:40px;
	margin-bottom:25px;
	color: var(--grey800);
}
.oeil {
	position: absolute;
	text-align: center;
	right: 14px;
	margin-top: -29px;
	width: 20px;
	height: 20px;
	background:url('../images/icone/visibility.svg') no-repeat center/20px auto;
	cursor:pointer;
}
.oeil.visible {
	background-image:url('../images/icone/visibility-1.svg');
}
.blocconnexion input.logUser {background-image:url('../images/icone/account_circle.svg');}
.blocconnexion input.logPassword {background-image:url('../images/icone/key.svg');}

.blocconnexion .rememberme {
	margin-top:20px;
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.blocconnexion a.motdepasseoublie {
	font: 500 14px/20px 'Inter';
}
.blocconnexion a.motdepasseoublie,a.couleurlien,a.couleurlienforce {
	color: var(--grey400);
	cursor: pointer;
}
a.couleurlienforce {color: var(--accent500);}
.blocconnexion a.motdepasseoublie:hover,a.couleurlien:hover {
	color: var(--accent500);
}
a.couleurlienforce:hover {text-decoration:underline;}

.blocconnexion .errormessage {
	font: 500 14px/21px 'Inter';
	color:red;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:30px;
}
.blocconnexion .indicationspassword {
	margin-top: 15px;
	font: 500 14px/21px 'Inter';
}
.blocconnexion .message {
	font: 500 16px/24px 'Inter';
	text-align: center;
}
.blocconnexion .message a {
	color: var(--accent500);
}
.blocconnexion .message a:hover {
	text-decoration: underline;
}
#recuppassword {
	display: none;
}
/* FIN connexion */

.colonnegauche {
	width:var(--largeurcolgauche);
	min-width:var(--largeurcolgauche);
	background-color:var(--primary500);
	position: fixed;
	height: calc(100% - var(--heightBandeauVersion));
	display: grid; /* permet de laisser la place nécessaire à .colonnegauche .menu */
	grid-template-rows: auto 1fr auto;
	transition: all 0.3s ease; /* Standard */
}
.colgaucheferme .colonnegauche {
	width:var(--largeurcolgaucheferme);
	min-width:var(--largeurcolgaucheferme);
}
.colonnegauche .menu {
	/* height:calc(100% - 140px - 55px - 20px); */
	overflow:auto;
  	scrollbar-width: none;
}
.colonnegauche .menu::-webkit-scrollbar {
	display: none;
}
.colonnegauche .menu .Leftmenu1,
.colonnegauche .organica,
#siteActivitePublique .organica {
	font: 600 16px/24px 'Inter';
	color: var(--couleurFondBlanc);
	width:calc(var(--largeurcolgauche) - 20px - 24px);
	border-radius: var(--radius8);
	padding:9px 10px 9px 10px;
	margin-inline:auto;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	letter-spacing:0.5px;
	display: flex;
	gap: 10px;
	transition:0.3s;
}
#siteActivitePublique .organica {
	width: auto;
	font-weight: 400;
	justify-content: center;
}
.colonnegauche .organica:focus-visible {
	background-color:rgba(255,255,255,0.3);
}
.colonnegauche .menu .Leftmenu1 .libelleMenu {
	flex-shrink: 1;
	min-width: 172px;
	text-wrap: balance;
}
.colonnegauche .menu .Leftmenu1 .containerIcone {
	flex-shrink: 0;
}
.colgaucheferme .colonnegauche .menu .Leftmenu1 .libelleMenu,
.colgaucheferme .colonnegauche .organica .libelleMenu {
	display: none;
}
.colonnegauche .organica {
	margin-bottom:16px;
	margin-top: 16px;
}
#siteActivitePublique .organica .iconeOrganica,
.colonnegauche .organica .iconeOrganica {
	width: 24px;
	height: 24px;
	background:url('../images/logos/Logo Organica Small White.svg') no-repeat center/24px auto;
}
.colgaucheferme .colonnegauche .menu .Leftmenu1,
.colgaucheferme .colonnegauche .organica {
	width:calc(var(--largeurcolgaucheferme) - 20px - 24px);
}
.divmenu {
	position:relative;
}
.menunom {
	--ecartMenuNom: 6px;

	display:none;
	margin:var(--ecartMenuNom) 0px var(--ecartMenuNom) 7px;
}
.utilisateur.ouvert .menunom {
	display: flex;
	flex-direction: column;
	gap: var(--ecartMenuNom);
}
.menunom a,
.menunom-autre {
	font: 500 16px/24px 'Inter';
	color:var(--grey600);
}
.menunom a {
	display: flex;
	gap: 17px;
	align-items: center;
}
.menunom a:hover {
	text-decoration:underline;
}

.colonnegauche .entete {
	display: block;
	height:140px;
	background-position:center center;
	background-size:calc(var(--largeurcolgauche) - 20px) auto;
	background-repeat:no-repeat;
	filter: brightness(0) invert(1);
}
.colgaucheferme .colonnegauche .entete {
	background-size:calc(var(--largeurcolgaucheferme) - 10px) auto;
}
.colonnegauche .menu .Leftmenu1:hover,.menu .Leftmenu1.actif,.menu .Leftmenu1:focus-visible {
	background-color:rgba(255,255,255,0.3);
}
#centre {
	position:relative;
	margin-left:var(--largeurcolgauche);
	width:calc(100% - var(--largeurcolgauche) - var(--largeurcoldroite));
	height: fit-content;
	min-height: 100vh;

	transition: all 0.3s ease;
}
.coldroiteferme #centre {width:calc(100% - var(--largeurcolgauche) - var(--largeurcoldroiteferme));}
.colgaucheferme #centre {width:calc(100% - var(--largeurcolgaucheferme) - var(--largeurcoldroite));}
.colgaucheferme.coldroiteferme #centre {width:calc(100% - var(--largeurcolgaucheferme) - var(--largeurcoldroiteferme));}

.colgaucheferme #centre {
	margin-left:var(--largeurcolgaucheferme);
}
#centre .content {
	padding:0px 40px 40px 40px;
	max-width:calc(1390px - 80px);
	margin-inline:auto;
}
#siteActivitePublique #centre .content {
	max-width: calc(1720px - 80px);
}
#centre > .entete {
	background-color:var(--couleurFondBlanc);
	border-bottom: 2px solid var(--couleurBordure);
	position: sticky;
	top: var(--heightBandeauVersion);
	width: 100%;
	z-index: 3;
}
#centre .entete .entetecontent {
	padding:0px 40px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:center;
	height:auto;
	min-height: 44px;
	padding-top: 16px;
	padding-bottom: 16px;
	gap: 16px;
}
#centre .entete .entetecontent2 {
	padding:0px 40px;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
}
#centre .entete .entetecontent2:empty {
	display: none;
}
.boutonmenusmartphone {
	display:none;
}
.menusmartphone[data-open="open"],
.menusmartphone[data-open="close"] {
	display:none;
}
#centre .entete .entetecontent2 .sousmenu {
	margin-right:20px;
	display:flex;
	flex-direction:row;
	align-items:center;
	position: relative;
}
#centre .entete .entetecontent2 .sousmenu.sousmenuGrise a {
	pointer-events: none;
	color:var(--grey150);
}
#centre .entete .entetecontent2 .sousmenu a {
	position: relative;
}
#centre .entete .entetecontent2 .sousmenu a:hover::before {
	width: 100%;
}
@media (hover: none){
	#centre .entete .entetecontent2 .sousmenu a:hover::before {
			width: 0;
	}
}
#centre .entete .entetecontent2 .sousmenu a::before {
	content: '';
	background: var(--accent500);
	display: block;
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 4px;
	transition: all 0.3s ease-in-out;
}
#centre .entete .entetecontent2 .sousmenu:last-child {
	margin-right:0px !important;
}
#centre .entete .entetecontent2 a {
	font: 500 16px/24px 'Inter';
	display:flex;
	flex-direction:row;
	align-items:center;
	color:var(--grey400);
	border-bottom: 4px solid transparent;
	padding:11px 0px 8px 0px;
	position:relative;
}
#centre .entete .entetecontent2 .sousmenu .num{
	font: 500 12px/18px 'Inter';
	height: 22px;
	padding:0px 8px;
	background: var(--grey50);
	color:var(--grey400);
	border-radius: var(--radius16);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left:10px;
}
#centre .entete .entetecontent2 .sousmenu .num.numplus {
	font: 500 13px/19px 'Inter' !important;
}
#centre .entete .entetecontent2 .sousmenu.actif a {
	color: var(--accent500);
	border-bottom: 4px solid var(--accent500);
}
#centre .entete .entetecontent2 .sousmenu.actif .num {
	background: var(--accent100);
	color: var(--accent500);
}
#centre .entete .entetecontent .right .shortcut, #containerInputSearchGlobalMobile {
	display:flex;
	align-items: center;
	gap: 8px;
	margin-left: 15px;
	padding: 4px;
	border: 2px solid var(--couleurBordure);
	border-radius: 9999px;
	transition: border 0.3s ease;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
#containerInputSearchGlobalMobile {
	margin-left: 0px;
	margin-bottom: 15px;
	display: none;
}
#centre .entete .entetecontent .right .shortcut .nombre {
	color: var(--accent500);
	margin-right: 8px;
	font: 500 16px/24px 'Inter';
}
#centre .entete .entetecontent .right .shortcut:not(#containerInputSearchGlobal[data-open="open"]):hover {
	border: 2px solid var(--accent500);
}
#centre .entete .entetecontent .right .utilisateurContainer {
	position: relative;
	height: 44px;
	margin-left: 15px;
}
.utilisateurContainer .separateur {
	height:2px;
	background-color:var(--couleurBordure);
	margin-left: 36px;
}
.langmenu,
.menunom-autre {
	margin-left: 36px;
}
span.langmenu {
	display: none;
}

#centre .entete .entetecontent .right .utilisateur {
	font: 500 16px/24px 'Inter';
	background-color:var(--couleurFondBlanc);
	border: 2px solid var(--couleurBordure);
	border-radius: 26px;
	color: var(--grey600);
	padding:4px 40px 4px 4px;
	background: url("../Images/icone/expand_more.svg") no-repeat top 8px right 10px/25px auto;
	cursor:pointer;
	position:relative;
	-webkit-user-select: none;
	user-select: none;
	-ms-user-select: none;
	transition: border 0.3s ease; 
}
#centre .entete .entetecontent .right .utilisateur.ouvert {
	position:absolute;
	top:0px;
	right:0px;
	border-radius: 22px;
	min-width:300px;
	background-image:url('../images/icone/expand_less.svg');
	z-index:3;
}
#centre .entete .entetecontent .right .utilisateur .ligne1 {
	display:flex;
	align-items:center;
}
#centre .entete .entetecontent .right .utilisateur .nomprenom {
	max-width:210px;
}
#centre .entete .entetecontent .right .utilisateur.ouvert .nomprenom {
	max-width:255px;
}
#centre .entete .entetecontent .right .utilisateur:hover,#centre .entete .entetecontent .right .utilisateur.ouvert {
	border: 2px solid var(--accent500);
	background-color:var(--couleurFondBlanc);
}
#centre .entete .entetecontent .right .utilisateur .person {
	min-width: 32px;
	height: 32px;
	background: var(--accent100);
	border-radius: 22px;
	position:relative;
	margin-right:10px;
}
#centre .entete .entetecontent .right .utilisateur .person div{
	mask:url('../images/icone/person.svg') no-repeat center /100% 100%;
	-webkit-mask:url('../images/icone/person.svg') no-repeat center /100% 100%;
	width:24px;
	height:24px;
	background-color:var(--accent500);
	left:4px;
	top:4px;
	position:absolute;
}
#centre .entete .entetecontent .right a.shortcut.forums {background-image:url('../images/icone/mails.svg');}

#centre .entete .entetecontent .left {
	font: 600 32px/30px 'Inter';
	color: var(--grey600);
	margin:0px;
}
.colonnedroite {
	width:calc(var(--largeurcoldroite));
	max-width:calc(var(--largeurcoldroite));
	background: linear-gradient(180deg, #868686 0%, #cecece 100%);
	position:fixed;
	height:calc(100%);
	right:0px;
	transition: all 0.3s ease; /* Standard */
	overflow:hidden;

	display: none;
}
.colonnedroitecontent {
	padding:25px var(--paddingcoldroite);
	width:calc(var(--largeurcoldroite) - var(--paddingcoldroite) - var(--paddingcoldroite));
	min-width:calc(var(--largeurcoldroite) - var(--paddingcoldroite) - var(--paddingcoldroite));
}
.coldroiteferme .colonnedroite {
	width:var(--largeurcoldroiteferme);
	max-width:var(--largeurcoldroiteferme);
}
:is(.colonnedroite, .colonnegauche) .ouvrirfermercontainer {
	cursor:pointer;
	opacity:0;
	height:100%;
	width:var(--largeurcoldroiteferme);
	position:absolute;
}
.colonnedroite .ouvrirfermercontainer {
	left: 0px;
}
.colonnegauche .ouvrirfermercontainer {
	right: 0px;
	z-index: 1;
	width: 10px;
}
:is(.colonnedroite,.colonnegauche):hover .ouvrirfermercontainer {
	opacity:1;
}
.colonnedroite .titre{
	font: 600 20px/30px 'Inter';
	text-align: center;
	letter-spacing: -0.02em;
	color:var(--couleurFondBlanc);
	margin-bottom:20px;
}
.colonnedroite .liens {
	display: flex;
	flex-direction: column;
	gap: 10px;	
}
.colonnedroite .liens a {
	font: 500 16px/24px 'Inter';
	display:block;
	border-radius: 22px;
	padding:7px 10px 7px 10px;
	color:var(--couleurFondBlanc);
	text-align:left;
	transition:0.3s;
	display: flex;
	gap: 10px;
}
.colonnedroite .liens a:hover{
	text-decoration:underline
}
.ouvrirfermer {
	cursor:pointer;
	width:25px;
	height:25px;
	position:absolute;
	top: calc(50% - 25px/2);
	background: var(--couleurFondBlanc);
	border: 2px solid var(--couleurBordure);
	border-radius: 100%;
	transition:0.3s;
	z-index:999999;
}
.colonnedroite .ouvrirfermer {
	left: -8px;
}
.colonnegauche .ouvrirfermer {
	right: -14px;
}
.ouvrirfermer div {
	position:absolute;
	top:9px;
	width: 6px;
	height: 6px;
	border: solid #737373;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 2px 2px 0;
}

.colonnedroite .ouvrirfermercontainer.fermer .ouvrirfermer div,
.colonnegauche .ouvrirfermercontainer.ouvrir .ouvrirfermer div{
	transform: rotate(-45deg);
	left:7px;
}
.colonnedroite .ouvrirfermercontainer.ouvrir .ouvrirfermer div,
.colonnegauche .ouvrirfermercontainer.fermer .ouvrirfermer div{
	transform: rotate(135deg);
	left:9px;
}


/* DEBUT blocaccordeon */

.blocAccordeonContainer {
	z-index: 0;
}
.blocaccordeonListe, form > .Qur_Wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.blocaccordeonListe2 {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.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; 
}
.blocaccordeonTitre.ouvert + .blocaccordeon.blocaccordeonListe2 {
	display: flex;
}
.blocaccordeonTitre.ferme + .blocaccordeon {
	display: none;
}
.textExplicatifAnnonce {
	margin-left: 48px;
	margin-block-end: 0;
	font-size: 16px;
}
.blocaccordeonTitre {
	padding: 12px 16px 12px 48px;
	font: 600 16px/24px 'Inter';
	font: 600 20px/30px 'Inter';
	border-radius: var(--radius12);
	color: var(--grey600);
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--primary50);

	-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 */ 
	}
	#blocExterne .blocaccordeon & {
		margin-left: 0px;
	}
	.blocaccordeon & { /*niveau2 : .blocaccordeon .blocaccordeonTitre */
		color: var(--grey600);
		font: 600 18px/27px 'Inter';
		padding: 12px 16px 12px 0px;
		border-bottom: 2px solid var(--couleurBordure);
		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(--primary400);
		}
	}
	.blocaccordeon .blocaccordeon & {
		color: var(--grey600);
		font: 600 16px/24px 'Inter';
		padding: 0px 0px 10px;
		border-bottom: 2px solid var(--couleurBordure);
	}
	&.blocaccordeonTitreGrise {
		pointer-events: none;
		background-color: var(--grey100);
	}
	:is(.nbreSousDossiers, .credits, .typeIJE) {
		color: var(--primary500);
		padding: 2px 8px;
		background-color: var(--couleurFondBlanc);
		border-radius: var(--radius16);
		display: flex;
		align-items: center;
		text-align: center;
		height: auto;
	}
	> .droite {
		display: flex;
		gap: 48px;
		margin-left: 16px;

		.nbreSousDossiers {
			font: 500 12px/18px 'Inter';
		}
		.credits {
			font: 500 14px/21px 'Inter';
		}
		.credits > div {
			white-space: nowrap;
		}
		.typeIJE {
			white-space: nowrap;
			font: 500 12px/18px 'Inter';
		}
	}
	&.sansContenu > .droite > .containerIcone {
		display: none;
	}
	&:not(.sansContenu):hover {
		background-color: var(--primary100);
	}
	&.bouleVerte::before {
		background: var(--colorValid500);
	}
	&.bouleOrange::before {
		background: var(--orange);
	}
	&::before { /* boule à gauche du bloc */
		content: "";
		background: var(--primary200);
		width: 12px;
		height: 12px;
		border-radius: 100%;
		position: absolute;
		top: 18px;
		top: 21px;
		left: 20px;
	}
}
.blocaccordeonSousTitre { /* utilisé dans les forums */
	font: 500 14px/21px 'Inter';
	color: var(--grey500);
}
.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;*/
}
.blocaccordeon.marginleft {
	margin-left: 48px;
}
#blocExterne .blocaccordeon {
	margin-left: 24px;
	margin-right: 24px;
}
#blocExterne .blocaccordeon .blocaccordeon {
	margin-left: 0px;
	margin-right: 0px;
}
.blocaccordeon.avecTableau {
	padding-top: 0px;
}
.blocaccordeon.blocaccordeonListeHie,
.blocaccordeon .blocaccordeon.blocaccordeonListeHie {
	padding-top: 0px;
	padding-bottom: 0px;
}
.blocaccordeon.nopadding, 
.blocaccordeon .blocaccordeon.nopadding {
	padding-left: 0px;
}
.blocaccordeon .blocaccordeon {
	padding-bottom: 0px;
	padding-top: 32px;
	margin-left: 48px;
}
.blocaccordeon .blocaccordeon.nomarginLeft {
	margin-left: 0px;
}
.blocaccordeon .blocaccordeon.avecTableau {
	padding-top: 0px;
}

/* FIN blocaccordeon */

/* DEBUT Galerie d'images et vidéos */

.containerGalerie {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}
.containerGalerie :is(.imageGalerie, .imageVideo) {
	width: 100%;
	height: 100%;
	transition: all 0.4s ease;
	border-radius: var(--radius10);
	overflow: hidden;
	position: relative;
	isolation: isolate; /* crée un nouveau stacking context qui permet de gérer indépendamment les z-index des éléments compris du reste du DOM */
}
.containerGalerie :is(.imageGalerie, .imageVideo):hover {
	cursor: pointer;
}
.containerGalerie .imageVideo {
	aspect-ratio: 16/9;
}
.containerGalerie .imageGalerie {
	aspect-ratio: 1/1;
}
.containerGalerie :is(.imageGalerie, .imageVideo)::after { /* bouton play */
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;

	mask-image: url("../Images/icone/play_arrow.svg");
	-webkit-mask-image: url("../Images/icone/play_arrow.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: 50px;
	-webkit-mask-size: 50px;
	opacity: 0;
	z-index: 2;
}	
.containerGalerie :is(.imageGalerie, .imageVideo):hover::after {
	transition: opacity 0.4s ease;
	opacity: 1;
}
.containerGalerie :is(.imageGalerie, .imageVideo)::before {
	content: " ";
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	inset: 0 0 0 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.containerGalerie :is(.imageGalerie, .imageVideo):hover::before {
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.4s ease;
}
.containerGalerie :is(.apercuVideoBalise, .apercuImageBalise) {
	position: absolute;
	inset: 0 0 0 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	object-position: center;
}
.apercuImageBalise {
	object-fit: cover;
}
.apercuVideoBalise, .apercuImageBalise.contain {
	object-fit: contain;
}
.fancybox__content {
	padding: 0px;
}

html.standard .fancybox__thumbs.is-modern {
	--f-thumb-gap: 8px;
}
html.standard .f-thumbs__slide__button {
	transition: scale 0.3s ease;
}
html.standard .f-thumbs__slide__button:hover {
 	scale: 1.1;
}

/* FIN Galerie d'images */

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


.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: var(--radius12);

	&.ligneParticipantAtv {
		border: none;
		box-shadow: none;
		border-radius: none;
		padding: 0px;
	}
	.nom {
		font: 600 16px/24px 'Inter';
		color: var(--grey600);
	}
	.inscription {
		font: 600 14px/20px 'Inter';
		color: var(--grey400);
	}
	.divNom {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		gap: 2px;
	}
}
.boutonAjoutParticipant {
	border-radius: var(--radius12);
	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);
}
.boutonAjoutParticipant:hover , .boutonAjoutParticipant.invalide:hover {
	border: 2px solid var(--accent500);
}
.boutonAjoutParticipant.invalide {
	border: 2px solid #ffb3b3;
}
.boutonAjoutParticipant .libelle {
	font: 600 16px/24px 'Inter';
	color: var(--grey300);
}
.msgOuvertureFermetureInscriptions {
	margin-left: 48px;
}

.styleIframeNewsletters {
	border: 2px solid var(--couleurBordure);
	border-radius: var(--radius12);
}
.titreAnnonceur {
	margin-top: 8px;
	text-align: right;
}
.texte {
	font: 400 16px/24px 'Inter';
	color: #737373;
	max-width: 100%;/*608px;*/
	margin-inline: auto;
	color: var(--grey600);

	.blocaccordeon & {
		width: calc(100% - 88px);
	}
	&.larger {
		max-width: 1000px;
	}
	&.alignleft {
		margin-left: 0px;

		> h4:first-of-type { /* Informations IJE */
			margin-top: 0px;
		}
	}
	&.overflow_x_scroll {
		overflow-x: auto;
	}
	&.textaligncenter {
		text-align: center;

		ul {
			text-align: left;
		}
	}
	a {
		color: var(--accent500);
	}
	a:hover {
		text-decoration: underline;
	}
	p { /* champs froala */
		margin-top: 0px;
		margin-bottom: 17px; /*QA : 16/04/2024 => on passe de 24px à 17px*/
		max-width: 100%;
	}
	&:not(.autoriserMiseEnPage) {
		* {
			font-family: 'Inter' !important;
			line-height: 1.5em;
		}
		:is(p, h1, h2, h3) {
			background-color: transparent !important;
		}
	}
}
.texteBig {
	font: 600 18px/27px 'Inter';
}
.description p { /* champs froala */
	margin-top: 0px;
	margin-bottom: 17px; /*QA : 16/04/2024 => on passe de 24px à 17px*/
	max-width: 100%;
}
.description * {
	font-family: 'Inter' !important;
	line-height: 1.5em;
}
.description :is(p, h1, h2, h3) {
	background-color: transparent !important;
}
.blocGradientDetail .description *:not(.containerIcone, .icone) {
	background-color: transparent !important;
	color: white !important;
	font: 400 16px/24px 'Inter' !important;
	text-align: left !important
}
.blocGradientDetail .description a {
	text-decoration: underline;
	color: var(--accent500) !important;
}
.texteMonCompteUtil {
	font: 400 16px/24px 'Inter';
}
.blocActuTop {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}
.blocActu {
	display: flex;
	gap: 16px;
}
.blocActuBottom .blocActu,
.blocActuTop .blocActuTopLeft .blocActu {
	flex-direction: column;
}
.blocActuTop .blocActuTopRight {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.blocActu .containerImage {
	border-radius: var(--radius12);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.blocActu .containerImage .image {
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.blocActu:hover .containerImage .image {
	scale: 1.05;
}
.blocActuTop .blocActuTopLeft .blocActu .containerImage {
	height:320px;
}
.blocActuTop .blocActuTopRight .blocActu .containerImage {
	flex-basis: 124px;
	height: 124px;
	aspect-ratio: 1/1;
	flex-shrink: 0;
}
.blocActuBottom .blocActu .containerImage {
	height:240px;
}

.blocAnn {
	display: flex;
	gap: 16px;
}
.blocAnnBottom .blocAnn {
	flex-direction: column;
}
.blocAnnBottom2 .blocAnn {
	flex-direction: column;
}
.blocAnn .containerImage {
	border-radius: var(--radius12);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.blocAnn .containerImage .image {
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.blocAnn:hover .containerImage .image {
	scale: 1.05;
}
.blocAnnBottom .blocAnn .containerImage {
	height:240px;
}
.blocAnnBottom2 .blocAnn .containerImage {
	height:240px;
}

.actuDetail .image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 448px;
	max-width: 100%;
	border-radius: var(--radius12);
	z-index: 1;
}
.pageActu {
	display: flex;
	flex-direction: column;
	gap: 72px;
}
/* .pageAnn {
	display: flex;
    flex-direction: column;
	padding-top: 12px;
	gap: 26px;
} */
.pageGridEcart.annoncevisu {
	gap: 26px;
}
.blocActuBottom {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.blocActuBottom .blocActu {
	flex: 1 0 366px; /* flex-grow flex-shrink flex-basis */
	margin-bottom: 34px;
}

.blocAnnBottom {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.blocAnnBottom .blocAnn {
	flex: 1 0 366px; /* flex-grow flex-shrink flex-basis */
	margin-bottom: 34px;
}

.blocAnnBottom2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.blocAnnBottom2 .blocAnn {
	flex: 1 0 366px; /* flex-grow flex-shrink flex-basis */
	margin-bottom: 34px;
}

:is(.dateActu, .dateActuBig, .dateAnn, .dateAnnBig, .grDeTrActu, .flashNews, .flashNewsBig) {
	background: var(--primary50);
	border-radius: var(--radius16);
	text-align: center;
	color: var(--primary500);
}
.dateActu {
	width:81px;
	padding:2px 8px;
	font: 500 12px/18px 'Inter';
}
.flashNews {
	padding:2px 1.2rem;
	font: 500 12px/18px 'Inter';
	color: rgb(255,129,129);
	background: rgb(255,226,226);
}
.grDeTrActu {
	font: 500 12px/18px 'Inter';
	padding:2px 8px;
}
.dateActuBig {
	width: 98px;
	padding:2px 10px;
	margin-top:26px;
	font: 500 14px/21px 'Inter';
}
.flashNewsBig {
	background: rgb(255,226,226);
	color: rgb(255,129,129);
	font: 500 14px/21px 'Inter';
	margin-top: .75rem;
	padding:2px 1.75rem;
}
.dateAnnBig {
	width: 98px;
	padding:2px 10px;
	margin-top:14px;
	font: 500 14px/21px 'Inter';
}
.annannonceurBig {
	width: auto;
	padding: 2px 12px 2px 12px;
	margin-top:26px;
	font: 500 14px/21px 'Inter';
}
.newDateAnnonceBig {
	width: 98px;
	padding:2px 10px;
	margin-top:14px;
	font: 500 14px/21px 'Inter';
}
.rubriqueAnnBig {
	width: auto;
	padding:2px 10px;
	margin-top:14px;
	font: 500 14px/21px 'Inter';
}
/*.dateAnn {
	width:81px;
	padding:2px 8px;
	font: 500 12px/18px 'Inter';
}*/
.divSupWithOnTop {
	display: flex;
	flex-direction: row;
}
.divSupWithOnTop2 {
	display: flex;
	flex-direction: row;
	margin-top: 8px;
}
.annontop {
	width:60px;
	padding:1px 4px;
	font: 500 13px/17px 'Inter';
	margin-left: 8px;
}
:is(.annontop) {
	background: #fceded;
	border-radius: var(--radius16);
	text-align: center;
	color: #e65959;
	border: 1px solid #e65959;
}
.annannonceur, .dateAnn, .rubriqueAnn {
	width:auto;
	padding:2px 12px 2px 12px;
	font: 500 12px/17px 'Inter';
}
:is(.annannonceur, .annannonceurBig, .dateAnn, .newDateAnnonceBig) {
	background: var(--accent100);
	border-radius: var(--radius16);
	text-align: center;
	color: var(--accent500);
}
:is(.rubriqueAnn, .rubriqueAnnBig) {
	background: var(--accent500);
	border-radius: var(--radius16);
	text-align: center;
	color: var(--accent100);
}
.blocAnn .dateAnn {
	margin-left: 8px;
}
.blocActuAccueil .dateActu {
	/* margin-top: 8px; */
}
.blocActuAccueil .grDeTrDateActuContainer {
	margin-top: 8px;
}
.blocActuTopRight .blocActu .dateActu {
	/* margin-top:16px; */
}
.blocActuTopRight .blocActu .grDeTrDateActuContainer {
	margin-top: 16px;
}
.blocAnnAccueil .dateAnn {
	margin-top: 8px;
}
.grDeTrDateActuContainer {
	display: flex;
	flex-wrap: wrap;
	row-gap: 8px;
	column-gap: 8px;
	margin-top:8px;
}

.grDeTrDateActuContainer:empty {
	display: none;
}
/* .grDeTrActu {
	background: var(--primary400);
	border-radius: var(--radius16);
	text-align: left;
	color: var(--primary50);
	font: 500 12px/18px 'Inter';
	padding:2px 18px;
} */

.actuDetail {
	--_bottom: 73px;
	position: relative;
	margin-bottom: calc(var(--_bottom) + 12px); /* bottom + margin-bottom */
}
.actuDetail.actuDetail_ANRB {
	--_bottom: 173px;
}
.actuDetail .blocTitre {
	border-radius: var(--radius10);
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
	background: var(--couleurFondBlanc);
	height: auto;
	width: calc(100% - 40px - 48px); /* taille du padding inline et de l'écart */
	max-width: 760px;
	padding: 0px 20px;
	z-index: 2;

	display: flex;
	flex-direction: column;
	align-items: center;

	position: absolute;
	bottom: calc(-1 * var(--_bottom));
	left: 0;
	right: 0;
	margin-inline: auto;
}
.titreActu {
	font: 600 16px/24px 'Inter';
	color: var(--grey600);
	margin-top: 10px;
}
.blocActuAccueil .titreActu {
	margin-bottom: 28px;
}
.blocActuTop .blocActuTopRight .titreActu {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.titreAnn {
	font: 600 16px/24px 'Inter';
	color: var(--grey600);
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	margin-left: 12px;
}
.titreAnnRelation {
	font: 400 12px/24px 'Inter';
	color: var(--grey600);
	margin-top: 10px;
}
.blocAnnAccueil .titreAnn {
	margin-bottom: 28px;
}
.limiteTextarea, .limiterFroalaChar {
	font-size: 11px;
	display: block;
	margin-top: -11px;
	padding-bottom: 6px;
	text-align: right;
}
.limiterouge {
	color: #df0000;
}
.btndisabled {
	display: none;
	/*cursor: default;
	pointer-events: none;
	background-color: #f0f0f0;*/
}

.grasPrix {
	margin-left: -10px;
	margin-right: -10px;
	font-weight: bold;
}

.petitTexteSousCase {
	font-size: 13.6px;
	margin-left: 30px;
	margin-top: -6px;
}
.petitTexteSousCase2 {
	font-size: 13.6px;
	margin-left: 30px;
	margin-top: 0px;
}
.petitTexteSousCase3 {
	font-size: 13.6px;
	margin-left: 4px;
	margin-top: 10px;
}
.petitTexteSousCase4 {
	font-size: 13.6px;
	margin-left: 30px;
	margin-top: 10px;
	line-height: 18px;
}
.publiPapier {
	display: none;
}

.actuDetail .titreActu {
	font: 600 24px/32px 'Inter';
	text-align: center;
	margin-top: 48px;
	padding-left: 20px;
	padding-right: 20px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 9;
}
.separateurhautbas {
	height: 2px;
	width: 100%;
	background-color: var(--couleurBordure);
	margin-top: 32px;
	margin-bottom: 32px;
}
.actuDetail .separateur {
	height: 2px;
	width: 100%;
	background-color: var(--couleurBordure);
	margin-top: 32px;
}
.actuDetail .blocReseaux {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	gap: 16px;
	align-items: center;
}
.actuDetail .ligneIconeReseaux {
	display: flex;
	gap: 8px;
}
.actuDetail .texteReseaux {
	font: 400 16px/24px 'Inter';
	color: var(--grey400);
}
.sousTitrePourBloc {
	font: 600 14px/20px 'Inter';
	margin-bottom: 12px;
}
.sousTitrePourBlocSearch {
	font: 600 16px/24px 'Inter';
	margin-bottom: 12px;
}
:is(.sousTitrePourBloc, .sousTitrePourBlocSearch) span {
	color: var(--primary500);
}


/* DEBUT listes hiérarchiques */

.containerFolderHie {
	margin: 24px;
	position: relative;
}
.sousForum {
	background:rgb(238,242,246);
	border-radius:.75rem;
	padding:.65rem 3rem !important;
}
.sousForum .titre::before {
	content: "";
    background: var(--primary200);
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
    position: absolute !important;
    top: 19px !important;
    left: 21px !important;
}
.containerFolderHie:has(.sousForum) {
	padding-left: 1.3rem;
}
.containerFolderHie:has(.sousForum.ferme) {
	margin: .5rem 0 .5rem 24px;
}
.containerFolderHie:has(.sousForum.ouvert) {
	margin: 0 0 .5rem 24px;
}
.containerFolderHie .containerFolderHie {
	margin-left: 25px;
	margin-right: 32px;
}
.containerFolderHie p {
	margin: 0px;
}
.titreFolderHie {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	padding-right: 20px;
	align-items: center;
	font: 500 16px/24px 'Inter';
	color: var(--grey600);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.titreFolderHie.nopointer {
	cursor: default;
}
.titreFolderHie .hover {
	transition: color 0.3s;
	cursor: pointer;
}
.titreFolderHie .hover:hover {
	color: var(--accent500);
}
.titreFolderHie .soustitre, .containerFolderHie .soustitre {
	font: 500 14px/21px 'Inter';
	color: var(--grey400);
}
.titreFolderHie .numerologie {
	margin-right: 8px;
}
.titreFolderHie.ferme ~ :is(.containerFolderHie, .containerLigneHie) {
	display: none;
}
.titreFolderHie.ouvert ~ .containerLigneHie {
	display: flex;
}
.titreFolderHie.ouvert ~ .containerFolderHie {
	display: block;
}
.containerLigneHie, 
.containerLigneMesDct,
.containerLigneDctFAQ,
.containerLigneDctDemandes {
	display: flex;
	flex-direction: column;
	gap: 4px;
	position: relative;
}
.containerLigneDctFAQ {
	padding-top: 16px;
	padding-bottom: 8px;
}
.containerLigneHie {
	margin: 24px;
}
.containerFolderHie .containerLigneHie {
	/* margin-left: 32px; */
	margin-left: 25px; /* RL Correction le 05/02/2025 suite à un décalage constaté dans le chapitre Documents chez EUROPUR */
	margin-right: 32px;
}
.containerLigneDctAccueil,
.containerLiensUtilesAccueil {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 8px;
	max-width: 100%;
}
.containerLiensUtilesAccueil a {
	font: 500 12px/18px 'Inter';
	max-width: 100%;
  	color: var(--grey600) !important;
}
.containerLiensUtilesAccueil a {
	display: flex;
  	align-items: center;
	gap: 12px;
	position: relative;
}
.containerLiensUtilesAccueil a::before {
	content: "";
	width: 24px;
  	min-width: 24px;
  	height: 24px;
  	min-height: 24px;
	background: var(--primary100);
	border-radius: var(--radius8);
}
.containerLiensUtilesAccueil a::after {
	content: "";
	width: 24px;
  	min-width: 24px;
  	height: 24px;
  	min-height: 24px;
	position: absolute;
	background-color: var(--primary500);
	-webkit-mask: url("../images/icone/language.svg") center/16px no-repeat ;
	mask: url("../images/icone/language.svg") center/16px no-repeat ;
}
.containerLiensUtilesAccueil p {
	display: contents;
}
.containerLiensUtilesAccueil a:hover {
	text-decoration: underline;
}
.ligneHie {
	position: relative;
	padding-left: 24px;
}
.ligneHie .containerIconeTitreEtExtension {
	display: flex;
	align-items: center;
}
.ligneHie.column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.ligneHie[class*="hiddenLigneDct"] {
	display: none;
}
.ligneHie :is(.lienDct, .intervenant, .extension) {
	font: 500 14px/21px 'Inter';
}
.containerLigneDctAccueil .ligneHie :is(.lienDct, .intervenant, .extension) {
	font: 500 12px/18px 'Inter';
}
.ligneHie :is(.lienDct, .intervenant) {
	max-width: calc(100% - 55px);
	max-width: 100%;
	color: var(--grey600);
}
.ligneHie .extension {
	color: var(--grey300);
}
.ligneHie .intervenant {
	min-width:fit-content;
}
.ligneHie .description {
	font: 500 14px/21px 'Inter';
	color: var(--grey500);
	margin-left:3px;
	flex-shrink: 1 !important;
}
.ligneHie .lienDct:hover {
	text-decoration: underline;
	cursor: pointer;
}
.ligneHie .marginIconeFav,
.marginIconeDct {
	margin-right: 16px;
}
.marginIconeDct12 {
	margin-right: 12px;
}
.ligneHie .descrIntervenant {
	font: 500 12px/18px 'Inter';
	color: var(--grey300);
}
.ligneHie .descrIntervenant {
	min-width:fit-content;
	margin-left:0px;
}
.ligneHie .titreEtExtension {
	flex-shrink: 1;
	flex-grow: 1;
	/* display: flex; */
	gap: 4px;
	display: grid;
	grid-template-columns: 1fr auto;
	/*justify-content: space-between;*/
}
.containerLigneDctAccueil .ligneHie .titreEtExtension {
	justify-content: space-between;
}
.ligneHie .containerIntervenant {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.ligneHie .descriptionDct {
	font: 500 14px/21px 'Inter';
	color: var(--grey400);
	margin-top: 8px;
	margin-bottom: 8px;

	padding-left: 84px; /* icone favori & icone dct + margin */
}
.ligneHie .descriptionDct.petitDecalage {
	padding-left: 48px; /* icone dct + margin */
}
@container centre (max-width: 800px) {
	.ligneHie .descriptionDct {
		padding-left: 36px;
	}
	.ligneHie .descriptionDct.petitDecalage {
		padding-left: 0px;
	}
}
.ligneHie .descriptionDct .lirePlus {
	background: none;
	border: none;
	padding: 0;
	outline: inherit;
	font: 500 14px/21px 'Inter';
	color: var(--accent500);
	cursor: pointer;
	display: block; /* utile pour le margin-left:auto */
	margin-left: auto;
	margin-top: 8px;
} 
.ligneHie .descriptionDct .lirePlus:hover {
	text-decoration: underline;
	margin-left: auto;
}
.ligneHie .descriptionDct [data-observelineclamp] * {
	display: inline; /* si les éléments ne sont pas inline, cela empêche le lineclamp de fonctionner correctment */
}

/* Pseudo class permettant d'afficher les barres verticales et horizontales dans les listes hiérarchiques */

:is(.containerFolderHie, .containerLigneHie):focus-within {
	z-index: 1; /* dans les forums / répondre à un message : lorsque l'on est focus dans un champ froala, on empêche que les fenêtres annexes (emoticones, etc.) du champ froala se retrouve derrière d'autres blocs */
}
.containerLigneHie::after,
.containerFolderHie::after {
	content: " ";
	min-width: 2px;
	background: var(--couleurBordure);
	position: absolute;
	z-index: -1;
	left: 0px;
	height: calc(100% + 36px);
	top: -12px;
}
div:last-child:is(.containerLigneHie, .containerFolderHie)::after {
	display: none;
}
.ligneHie {
	--_heightLigneTiret: 32px; /* utile pour placer les tirets before and after */ 
}
.titreFolderHie {
	--_heightLigneTiret: 100%; /* utile pour placer les tirets before and after */ 
}
:is(.titreFolderHie, .ligneHie)::before {
	content: " ";
	width: 12px;
	border-left: 2px solid var(--couleurBordure);
	border-bottom: 2px solid var(--couleurBordure);
	display: block;
	position: absolute;
	left: 0px;
	top: -2px;
	height: calc((var(--_heightLigneTiret) / 2) + 2px);
}
:is(.sousForum)::before {
	left: -20px;
}
:is(.titreFolderHie, .ligneHie).sansTiret::before {
	width: 0px;
}
.ligneHie:not(:last-child , .lastChild)::after {
	content: " ";
	width: 12px;
	border-left: 2px solid var(--couleurBordure);
	border-top: 2px solid var(--couleurBordure);
	display: block;
	position: absolute;
	left: 0px;

	height: calc(100% - (var(--_heightLigneTiret) / 2) + 2px);
	top: calc(var(--_heightLigneTiret) / 2);
}
.titreFolderHie {
	padding-left: 24px;
}
.ligneHie.hideBefore::before {
	display: none;
}
.ligneHie.hideBefore::after {
	display: none;
}
.ligneHie.hideBefore {
	padding-left: 0px;
}
/*.ligneHie.hideTiret::after ,
.ligneHie.hideTiret::before {
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
}*/

/* FIN listes hiérarchiques */

/*  DEBUT .containerIcone & icone */

.containerIcone {
	background: transparent;
	border-radius: var(--radius8);
	--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;

	transition: background 0.3s;
}
.titreFolderHie .containerIcone.sansIcone {
	display: none
}
.containerIcone.border {
	border: 2px solid var(--couleurBordure);
	background: transparent;
}
.tdValeurMobile .containerIcone.border {
	border: 2px solid var(--couleurFondBlanc);
	background: var(--couleurFondBlanc);
}
.containerIcone.borderAccent500 {
	border: 2px solid var(--accent500);
	background: transparent;
}
.containerIcone.semiTransparent {
	background: rgba(255, 255, 255, 0.2);
}
.containerIcone.inactif {
	background-color: #EEEEEE !important;
}
.containerIcone.disabled {
	pointer-events: none;
}
.containerIcone.cercle {
	border-radius: 100%;
}
.containerIcone.radius12 {
	border-radius: var(--radius12);
}
.containerIcone.borderTransparent {
	border: 2px solid rgba(255, 255, 255, 0.2);
}
.containerIcone.borderTransparent2 {
	background: rgba(255, 255, 255, 0.3);
	border: 4px solid rgba(255, 255, 255, 0.3);
}
.containerIcone.borderPrimary50 {
	background-color: var(--primary100);
	border: 6px solid var(--primary50);
}
.containerIcone.borderPrimary50.inactif {
	border: 6px solid #EEEEEE;
}
.containerIcone.primary100 {background: var(--primary100);}
.containerIcone.primary200 {background: var(--primary200);}
.containerIcone.primary300 {background: var(--primary300);}
.containerIcone.primary400 {background: var(--primary400);}
.containerIcone.primary500 {background: var(--primary500);}

.containerIcone.accent100 {background: var(--accent100);}
.containerIcone.accent200 {background: var(--accent200);}
.containerIcone.accent300 {background: var(--accent300);}
.containerIcone.accent400 {background: var(--accent400);}
.containerIcone.accent500 {background: var(--accent500);}

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

.containerIcone.hover {
	cursor: pointer;
}
.containerIcone.hover:not([no-hover]).semiTransparent:hover {
	background: rgba(255, 255, 255, 0.5);
}
.containerIcone.hover:not([no-hover]):hover {
	background: var(--grey50);
}
.containerIcone.hover:not([no-hover]).primary100:hover {background: var(--primary50);}
.containerIcone.hover:not([no-hover]).accent100:hover {background: var(--accent50);}
.containerIcone.hover:not([no-hover]).accent500:hover {background: var(--accent400);}

.ligneHie.docrecentnew .containerIcone.primary100{
	background: var(--primary500);
}
.ligneHie.docrecentnew .containerIcone .icone.primary500 {
	background: var(--primary100);
}
.ligneHie.docrecentnew :is(.lienDct) {
	color: var(--primary500);
}

.icone {
	--varTailleIcone: 100%;
	--varUrlIcone: url('../images/icone/placeholder.svg');

	-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: var(--couleurFondBlanc);}

	&.primary100 {background-color: var(--primary100);}
	&.primary200 {background-color: var(--primary200);}
	&.primary300 {background-color: var(--primary300);}
	&.primary400 {background-color: var(--primary400);}
	&.primary500 {background-color: var(--primary500);}

	&.accent100 {background-color: var(--accent100);}
	&.accent200 {background-color: var(--accent200);}
	&.accent300 {background-color: var(--accent300);}
	&.accent400 {background-color: var(--accent400);}
	&.accent500 {background-color: var(--accent500);}

	&.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(--colorValid400);}
	&.invalid {background-color: var(--colorInvalid);}

	.blocaccordeonTitre & {background-color: var(--primary200);}
	.blocaccordeon .blocaccordeonTitre & {background-color: var(--grey400);}
	.blocaccordeon .blocaccordeon .blocaccordeonTitre & {
		display: none;
	}
	.colonnegauche .divmenu & {
		background-color:rgba(255,255,255,0.6);
	}
	.colonnegauche .divmenu .actif & {
		background-color:rgba(255,255,255,1);
	} 
	.colonnegauche .divmenu:hover & {
		background-color:rgba(255,255,255,1);
	}
	.containerIcone.loading & {
		--varUrlIcone: url('../images/icone/sync.svg') !important;
		animation: rotate 2s infinite linear;
	}
	.Favori & {--varUrlIcone: url('../images/icone/bookmark-1.svg') !important;}
	.NonFavori & {--varUrlIcone: url('../images/icone/bookmark.svg') !important;}
	.triBas & {--varUrlIcone: url('../images/icone/expand_more.svg') !important;}
	.triHaut & {--varUrlIcone: url('../images/icone/expand_less.svg') !important;}
	
	:is(.blocaccordeonTitre, .titreFolderHie, .folderTableau).ouvert .containerIcone:not(.event-1, .diversity_3, .notexpand) & {
		--varUrlIcone: url('../images/icone/expand_less.svg') !important;
	}
	:is(.blocaccordeonTitre, .titreFolderHie, .folderTableau).ferme .containerIcone:not(.event-1, .diversity_3, .notexpand) & {
		--varUrlIcone: url('../images/icone/expand_more.svg') !important;
	}
	:is(.blocaccordeonTitre, .titreFolderHie, .folderTableau).ouvert .containerIcone:not(.event-1, .diversity_3, .notexpand) & {
		--varUrlIcone: url('../images/icone/expand_less.svg') !important;
	}
}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(-360deg);}
}
.containerIcone.loading {
	pointer-events: none;
}
.voileLoading {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	background-image:url('../images/loading.gif');
	background-position:center center;
	background-size:100px;
	background-repeat:no-repeat;
	z-index: 10000000;
	position: fixed;
}
.iconeDossier {mask-image: url('../images/icone/folder-1.svg');-webkit-mask-image: url('../images/icone/folder-1.svg');}

.imgOfficeweb {
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
}

/*  FIN icone */


/* DEBUT bloc divblocGradient (page de détail d'un groupe, page de détail d'une réunion, menu réunions */

.divblocGradient :is(.after1, .after2) { /* Attention, pour EURELECTRIC, on a un ombrage à la place de cette effet */
	background: #BDDCF5;
	border-radius: 0px 0px var(--radius8) var(--radius8);
	height: 8px;
	margin-inline: auto;
}
.divblocGradient .after1 {
	background: var(--primary200);
	width: calc(100% - 48px - 48px);
}
.divblocGradient .after2 {
	background: var(--primary100);
	width: calc(100% - 64px - 64px);
}
.blocGradientDetail {
	border-radius: var(--radius12);
	background: linear-gradient(to right, var(--primary800), var(--primary500));
	transition: opacity 0.3s;
	color: var(--couleurFondBlanc);
}

.blocGradientDetail:has(.tagEntite) {
	position: relative;
	overflow: hidden;
}
:is(a, .lienBlocReunion).blocGradientDetail:hover{
	cursor: pointer;
	opacity: 0.92 !important;
}
:is(.blocGradient1, .blocGradientReunion) {
	display: flex;
	/* flex-wrap: wrap; */
	flex-wrap: nowrap; /* correction pour IJE */ 
	padding: 24px;
	gap: 36px;
}
.blocGradientAccueil {
	display: flex;
	padding: 40px 32px 32px 32px;
	gap: 20px;
	justify-content: space-between;
}
.blocGradientDetail .blocGradientReunion .gauche {
	margin-right: 60px;
}
.blocGradientDetail .gauche[onclick] {
	cursor: pointer;
}
.blocGradientDetail .gauche .logo {
	width: 155px;
	height: 114px;
	object-fit: contain;
	object-position: center;
}
.blocGradientDetail .gauche .logosIJE {
	background-color: var(--couleurFondBlanc);
	border-radius: var(--radius10);
	width: 100%;
	max-width: 175px;
  	overflow: hidden;
	margin-top: 16px;
}
.blocGradientDetail .gauche .logosIJE img {
	object-fit: contain;
	object-position: center;
	margin: 8px;
  	width: calc(100% - 16px);
}
.blocGradientDetail .gauche:has(.show-plus) {
	position: relative;
}
.blocGradientDetail .gauche .show-plus {
	content: "";
	position: absolute;
	padding: 2px;
	border: 2px solid var(--couleurBordure);
	border-radius: 9999px;
	right: -7px;
	top: 68px;
}
/* .blocGradientDetail .gauche:has(> .containerIcone:hover) .show-plus .containerIcone,
.blocGradientDetail .show-plus:hover .containerIcone {
	border-color: var(--accent500);
	background-color: var(--couleurFondBlanc);
} */
.blocGradientDetail .blocJour {
	display: flex;
	gap: 8px;
	align-items: baseline;
	max-width: 162px;
}
.blocGradientDetail  .bgTransparent-blocGradientDetail {
	background: rgba(255, 255, 255, 0.2);
	border-radius: var(--radius10);
	padding: 20px;
	position: relative;
	flex-grow: 1; /* grandit pour prend la place maximum possible : il est wrap si la place disponible n'est pas suffisante */
	height: auto;
}
.imgRel-blocGradientDetail {
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
.sousTitre-blocGradientDetail {
	margin-bottom: 2px;
	font: 400 14px/21px 'Inter';
}
.titre-blocGradientDetail {
	margin-bottom: 32px;
	font: 600 24px/32px 'Inter';
}
.titre-blocGradientAccueil {
	margin-bottom: 2px;
	font: 600 20px/30px 'Inter';
}
.sousTitre-blocGradientAccueil {
	font: 400 14px/21px 'Inter';
}
.blocGradient1 .titreMobile {
	font: 600 18px/27px 'Inter';
}
.blocGradientReunion .desktopOnly .libellejour {
	font: 600 16px/24px "Inter";
}
.blocGradientReunion .desktopOnly .mois {
	font: 600 72px/90px "Inter";
}
.blocGradientReunion .desktopOnly .numJour {
	font: 600 30px/38px "Inter";
}
.blocGradientReunion .mobileOnly .ligneDate {
	font: 600 18px/28px "Inter";
}


:is(.containerLigneIcone, .containerLigneIcone2) {
	display: flex;
	flex-direction: column;
}
.containerLigneIcone {
	gap: 12px;
}
.blocGradientAccueil .containerLigneIcone {
	margin-top: 40px;
}
.containerLigneIcone2 {
	gap: 4px;
}

.blocGradientAccueil .droite {
	position: relative;
	flex-grow: 0;
	flex-basis: 33%;
	flex-shrink: 0;
}
.blocGradientAccueil .gauche {
	flex-grow: 1;
}
.blocGradientAccueil .droite :is(.img, .mask1, .mask2) {
	position: absolute;
	height: calc(100% + 72px);
	aspect-ratio: 342/272;
/*	bottom: 0px;*/
	right: 0px;
/*	max-height: 285px;*/
	top: -72px;
	width: 100%;
}
/* on va superposer un masque correspondant aux accents de couleurs à l'image pour pouvoir les modifier */
.blocGradientAccueil .droite .img {
	background: url('../Images/accueil/undraw_report_image.svg') no-repeat center top/contain;
} 
.blocGradientAccueil .droite .mask1 {
	background-color: var(--accent500);
	-webkit-mask: url('../Images/accueil/undraw_report_mask.svg') no-repeat center top/contain;
  mask: url('../Images/accueil/undraw_report_mask.svg') no-repeat center top/contain;
}
.blocGradientAccueil .droite .mask2 {
	background-color: var(--primary100);
	-webkit-mask: url('../Images/accueil/undraw_report_mask2.svg') no-repeat center top/contain;
  mask: url('../Images/accueil/undraw_report_mask2.svg') no-repeat center top/contain;
}
.blocGradientDetail  .ligneIcone {
	font: 400 16px/24px 'Inter';
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.blocGradientDetail:not(.blocGradientMesCoord) .ligneIcone div:nth-child(2) {
	padding-top: 4px;
}
.blocGradientDetail  .ligneIcone.ligneIconeFond {
	background: rgba(255, 255, 255, 0.16);
	border-radius: var(--radius8);
	padding: 8px;
	max-width: 320px;
	transition: 0.3s;
}
.blocGradientDetail a.ligneIcone.ligneIconeFond:hover {
	background: rgba(255, 255, 255, 0.32);
}
.blocGradientDetail .ligneIcone .containerIcone {
	flex-shrink: 0;
}
.blocGradientDetail .ligneIcone .texteLigneIcone {
	max-width: 748px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
p a,
.blocGradientDetail .ligneIcone .texteLigneIcone a {
	color: var(--accent400) !important;
	cursor: pointer;
}
.blocGradientDetail .ligneIcone .texteLigneIcone a:hover ,
p a:hover {
	text-decoration: underline;
}
.blocGradientDetail  .ligneIcone .texteLigneIcone p {
	margin: 0px;
}

/* FIN divblocGradient */

.pageGridEcart {
	display: grid;
	gap: 48px;
	padding-top: 48px;
}
.content:has(.containerFiltres) .pageGridEcart {
	padding-top: 0px;
}
.content:has(.containerFiltres) .pageGridEcart#pageMembresEUREXT {
	padding-top: 48px;
}
.pageGridEcart.gapSearchGlobal {
	gap: 20px; /* on met un gap plus petit car on utilise un ecartBouton pour prendre en compte l'espacement du bouton */
}
:is(.blocReunionFutur, .blocReunionPasse) {
	max-width: 100%;
	display: flex;
	transition: 0.3s;
}
:is(.blocReunionFutur, .blocReunionPasse):has(.tagEntite) {
	position: relative;
	overflow: hidden;
}
:is(.blocReunionFutur, .blocReunionPasse):hover {
	--primary500:var(--accent500);
	--primary100:var(--accent100);
	cursor: pointer;
}
.blocReunionFutur {
	padding: 8px 16px;
}
.blocReunionFutur:has(.tagEntite) {
	padding-right: 100px !important; /* place pour tag SRFB */
}
:is(.blocReunionFutur, .blocReunionPasse):first-child {
	border-top-right-radius: var(--radius12);
}
:is(.blocReunionFutur, .blocReunionPasse):last-child {
	border-bottom-right-radius: var(--radius12);
}
:is(.blocReunionFutur, .blocReunionPasse, .blocFAQ) {
	border-bottom: 2px solid var(--couleurBordure);
}
:is(.blocReunionFutur, .blocReunionPasse, .blocFAQ):last-child {
	border-bottom: none;
}
.blocReunionFutur .gauche {
	padding-right: 21px;
	border-right: 2px solid var(--couleurBordure);
	min-width: 120px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.blocReunionFutur.blocVotation .gauche {
	justify-content: flex-start;
	padding-top: 16px;
}
.blocReunionFutur .gauche .logo {
	height: 90px;
	width: 120px;
	object-fit: contain;
	object-position: left center;
}
.blocReunionFutur .gauche .logosIJE {
	margin-top:8px;
	max-width: 120px;
	background-color: var(--couleurFondBlanc);
	border-radius: var(--radius10);
	width: 100%;
  	overflow: hidden;
}
.blocReunionFutur .gauche .logosIJE img {
	object-fit: contain;
	object-position: center;
	margin: 8px;
  	width: calc(100% - 16px);
}
.blocReunionFutur .blocJour {
	display: flex;
	gap: 4px;
	align-items: baseline;
}
.blocReunionFutur .droite {
	flex-grow: 1;
	padding: 16px 0px 16px 24px;
	display: flex;
	gap: 16px;
	justify-content: space-between;
}
.blocReunionFutur .droite .mentionAnnulation {
	display: flex;
	align-items: center;
	font: 400 14px/20px 'Inter';
	color: #FF7F7F;
}
.blocReunionFutur .titreReunion {
	margin-bottom: 5px;
	font: 700 16px/24px 'Inter';
	color: var(--grey600);
}
.blocReunionPasse .dateReunion {
	font: 600 14px/21px 'Inter';
	color: var(--grey600);
}
.blocReunionPasse .titreReunion {
	font: 400 14px/21px 'Inter';
	color: var(--grey400);
}
.blocReunionFutur .desktopOnly .libellejour {
	color: var(--primary500);
	font: 600 20px/30px 'Inter';
	transition: 0.3s;
}
.blocReunionFutur .desktopOnly .numjour {
	color: var(--primary500);
	font: 600 48px/60px 'Inter';
	transition: 0.3s;
}
.blocReunionFutur .desktopOnly .mois {
	color: var(--primary500);
	font: 600 20px/30px 'Inter';
	transition: 0.3s;
}
.blocReunionFutur .blocHeureLieu {
	/* font: 400 14px/20px 'Inter'; */
	font: 400 16px/24px 'Inter';
	color: var(--grey400);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 24px;
}
.blocReunionFutur .blocHeureLieu.forcerCol {
	flex-direction: column;
	align-items: flex-start;
}
.blocReunionFutur :is(.heure, .lieu, .typeReunion) {
	display: flex;
	gap: 8px;
	align-items: center;
}
.zoomLink {
	/* color: var(--accent500); */
}
.zoomLink:hover {
	text-decoration: underline;
}
.blocReunionPasse {
	padding: 14px 16px;
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.blocReunionPasse:has(.tagEntite) {
	padding-right: 100px !important; /* place pour tag SRFB */
}
.blocReunionPasse .gauche {
	display: flex;
	align-items: center;
	gap: 17px;
}
.blocReunionPasse .gauche2 {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.blocReunionPasse .mentionAnnulation {
	font: 400 14px/20px 'Inter';
	color: #FF7F7F;
	display: flex;
	align-items: center;
}

/* DEBUT FAQ */
.blocFAQ {
	max-width: 100%;
	padding: 14px 16px;
}
.blocFAQ .question {
	font: 600 18px/28px 'Inter';
    color: var(--grey600);
	flex-grow: 1;
}
.containerQuestionFAQ {
	display: flex;
    gap: 16px;
	align-items: center;
	cursor: pointer;
}
.containerQuestionFAQ:hover {
	--primary500: var(--accent500);
  	--primary100: var(--accent100);
}
.containerBloc_FAQ {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.containerHiddenTrick_FAQ > div:not(:last-child) {
	border-bottom: 2px solid var(--couleurBordure);	
}
.blocFAQ .reponse {
	font: 400 16px/24px 'inter';
    color: var(--grey400);
	margin-top: 0px;
	padding-block: 1px; /* pour une raison inconnue, les marges des p dépassent de .reponse si ce dernier n'a pas de padding-block */
}
.containerHidden_FAQ {
	transition: max-height 0.4s ease;
	overflow: hidden;
	margin-left: 48px;
}
.containerHidden_FAQ[data-open="open"] {
	max-height: var(--_max-height);
} 
.containerHidden_FAQ[data-open="close"] {
	max-height: 0px;
} 
.containerHidden_FAQ[data-open="close"] .containerHiddenTrick_FAQ {
	visibility: hidden;
} 
.descriptionCat_FAQ {
	margin: 0px 24px 0px 24px;
	font: 500 16px/24px 'Inter';
	color: var(--grey500);
}
.descriptionCat_FAQ p:last-of-type {
	margin-bottom: 0px;
}
/* FIN FAQ */

.groupeListe {
	--_groupeListeGapSize: 24px;
	--_groupeListeCol: 3;

	display: grid;
	gap: var(--_groupeListeGapSize);
	grid-template-columns: repeat(var(--_groupeListeCol), calc((100% - (var(--_groupeListeCol) - 1) * var(--_groupeListeGapSize)) / var(--_groupeListeCol)));
	/* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
}
.blocGroupe {
	height: 220px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
} 
.blocGroupe:has(.tagEntite) {
	position: relative;
	overflow: hidden;
}
.blocGroupe .haut {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.blocGroupe .haut > .containerIcone {
	margin-bottom: 16px;
}
.blocGroupe .centre {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.blocGroupe .nom {
	font: 600 16px/24px 'Inter';
	color: var(--grey700);
	text-align: center;
}
.blocGroupe .nom:not(.nohover):hover {
	text-decoration: underline;
	cursor: pointer;
}
.blocGroupe .membres {
	font: 400 14px/21px 'Inter';
	color: var(--grey400);
	text-align: center;
}
.blocGroupe .inscritText {
    font: 400 14px/21px 'Inter';
    color: var(--grey400);
    text-align: center;
	line-height: 16px;
	height: 34px;
}
.blocGroupe.nouvInscrBlocGroupe{
	height: 246px;
}
.blocDerniersDctAccueil,
.blocLiensUtilesAccueil {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: flex-start;
	gap: 16px;
}
.blocGroupeAccueil, 
.blocDerniersDctAccueil, 
.blocLiensUtilesAccueil {
	height: auto;
	padding: 16px;
}
.blocGroupeAccueil .haut {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
}
.blocGroupeAccueil .nom {
	font: 600 16px/24px 'Inter';
	color: var(--grey700);
	text-align: left;
	cursor: pointer;
}
.blocGroupeAccueil .nom:hover {
	text-decoration: underline;
}
.sousTitreBlocGroupeAccueil {
	margin-top: 16px;
	/* background: var(--primary400); */
	background: var(--primary100);
	border-radius: var(--radius8);
	text-align: left;
	/* color: var(--primary50); */
	/* font: 500 12px/18px 'Inter'; */
	padding: 2px 12px;
	/* padding-left: 36px; */
	width: fit-content;
	position: relative;

	font: 500 14px/21px 'Inter';
}
.voirPlus {
	font: 500 12px/18px 'Inter';
	color: var(--accent500);
	display: block;
	margin-top: 8px;
	text-align: center;
}
.voirPlus:is(:hover, :focus) {
	text-decoration: underline;
}


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

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

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

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

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

	top: calc(var(--ligneRepereLH)/2 + 6px);
}
.formInscription .ligneRepere.actif::after {
	top: calc(var(--ligneRepereLH)/2 + 9px);
}
.formInscription .ligneRepere:last-child::after {
	display: none;
}
.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);
}

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

.formListe {
	display: flex;
	flex-direction: column;
/*	gap: 24px;*/
	gap: 32px;
}
.formListe.formListeBigGap {
	gap: 48px;
}
.containerFiltres {
	padding-top: 48px;
	padding-bottom: 32px;
	position: sticky;
	background-color: var(--couleurFondBlanc);
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.containerFiltres.not-sticky {
	position: relative;
    top: 0px !important;
}
.containerFiltres.no-pd-bt {
	padding-bottom: 0px;
}
.containerFiltres.smallGap {
	gap: 16px;
}
#siteActivitéPublique .containerFiltres {
	padding-top: 24px;	
}
.containerFiltres.border::after {
	content: " ";
	width: 100%;
	height: 2px;
	background-color: var(--couleurBordure);
	position: absolute;
	bottom: 0px;
}
.filtresTab {
	display: flex;
	justify-content: flex-start;
	gap: 12px;
	flex-wrap: wrap;
}
.filtres {
	display: flex;
	justify-content: flex-start;
	gap: 24px;
}
.filtres.filtresIJE {
	display: grid;
	gap: 16px;
	grid-template-columns: 36px repeat(var(--_numColFiltres), 1fr);
	align-items: center;
	padding-left: 18px;
	padding-right: 18px;
}
.filtres > :is(div, select):not(#dateActu, .noflexbasis) {
	flex-basis: 250px;
}
.filtres > :is(#dateActu) {
	flex-basis: 100px;
}
.formListe.formListe2 {
	gap: 8px;
}
.formListe.formListe3 {
	padding: 0px 0px 0px 0px;
}
.ligneForm {
	display: flex;
	gap: 24px;
	width: 100%;
	align-items: center;
}
.ligneForm:has(label) {
	align-items: flex-start;
}
.ligneForm.ligneFormCol {
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}
.ligneForm.ligneFormColLimite {
	max-width: 600px;
}
.ligneForm.ligneFormRadio {
	align-items: flex-start;
}
.ligneForm.ligneFormTextarea {
	align-items: flex-start;
}
.ligneForm.ligneFormDisplay {
	display: none;
}
.ligneForm .libelle {
	color: var(--grey600);
	font: 600 16px/24px 'Inter';
	max-width: 192px;
	width: 100%;
	text-align: right;
	text-wrap: balance; /* only supported in Chrome */
}
.blocconnexionevent .ligneForm .libelle {
	max-width: 90px;
}
.ligneForm .libelle.libelleRequired {
	display: flex;
	gap: 1px;
	justify-content: flex-end;
	/* flex-direction: column;  */ /*rajouté le 21/11/23*/
}
.ligneForm.ligneFormCol .libelle {
	text-align: left;
	justify-content: flex-start;
	max-width: 100%;
}
.ligneForm.ligneFormCol .libelle:empty {
	display: none;
}
.ligneForm.ligneFormTextarea .libelle { /* aligner verticalement sur la première ligne du textarea */
	margin-top: 10px; /* border-top + padding-top du textarea */
}
.ligneForm .libelleSecondaire {
    color: #616161bf;
    font: 400 14px/17px 'Inter';
}
.ligneForm .libelleUniteMesure {
    width: calc(100% - 16px);
    text-align: right;
    position: relative;
    top: 11px;
    height: 0px;
    color: #53525282;
}
.ligneForm .libelleUniteMesure.libelleUniteMesureTypeNum {
    width: calc(50% - 16px);
}

.Que_Table .ligneForm .libelle {
	display: none;
}
.ligneForm :is(.libelle, label).libelleRequired::after {
	content: "*";
	color: var(--accent500);
}
.ligneForm :is(label).libelleRequired::after {
	margin-left: -10px;
}
.ligneForm .divInputRequired {
	position: relative;
}
.ligneForm .divInputRequired::after {
	content: "*";
	color: var(--accent500);
	position: absolute;
	right: -24px;
	font-size: 24px;
	height: 16px;
	line-height: 1;
	top: calc(50% - 8px);
}
.ligneForm .divInputRequired.divInputRadio::after {
	top: calc(5px);
}
.ligneFormCol .ligneForm .divInput,
.ligneForm :is(.divInput,.divInputTVA,.divInputRadio):not(.divInputFullWidth){
	width: 100%;
	max-width: 424px;
}
.froalaNoMaxWidth {
	max-width: none !important;
}
.ligneForm :is(.divInput,.divInputTVA,.divInputRadio).divInputFullWidth {
	width: 100%;
}
.ligneForm :is(.divInput.divInputDemi) {
	width: 100%;
	max-width: 212px;
}
.ligneForm :is(.divInput.divInputQuart) {
	width: 100%;
	max-width: 106px;
}
.ligneForm :is(.divInput.divInputTroisQuart) {
	width: 100%;
	max-width: 600px;
}
.ligneForm .divInput :is(input[type="text"], textarea, div.fr-view) {
	width: calc(100% - 28px);
}
.ligneForm .divInput input[type="text"]:where(.montant, .typenum, .typereel) {
	max-width: calc(50% - 28px);
}
.Que_Table .ligneForm .divInput input[type="text"]:where(.montant, .typenum, .typereel),
.Que_Table .ligneForm .divInput input[type="text"] {
/*	max-width: 184px;*/
	max-width: calc(100% - 28px);
}
.ligneForm :is(.divInput, .divInputTVA):is(.codeValide, .codeNonValide, .codeAttention, .loading) {
	position: relative;
}
.ligneForm :is(.divInput, .divInputTVA):is(.codeValide, .codeNonValide, .codeAttention)::after ,
.ligneForm :is(.divInput, .divInputTVA).loading .containerLoader {
	width: 24px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 12px;
}
.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;
}
.ligneForm :is(.divInput, .divInputTVA).codeValide::after {
	background-color: var(--colorValid500);
	-webkit-mask-image: url("../Images/icone/check.svg");
	mask-image: url("../Images/icone/check.svg");
}
.ligneForm :is(.divInput, .divInputTVA).codeAttention::after {
	background-color: var(--primary500);
	-webkit-mask-image: url("../Images/icone/fmd_bad.svg");
	mask-image: url("../Images/icone/fmd_bad.svg");
}
.ligneForm :is(.divInput, .divInputTVA).codeNonValide::after {
	/* background-color: var(--colorNonValid500);
	-webkit-mask-image: url("../Images/icone/close.svg");
	mask-image: url("../Images/icone/close.svg"); */
}
.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 */
}
.calendar :is(input[type="text"]).typedate {
	max-width: 9ch;
}
.ligneForm .divInput :is(input[type="text"], textarea):is(.typeheure, .heureIJE)  {
	max-width: 4.4ch;
}
.ligneForm .divInputRadio,
.divInputRadio {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 2px;
}
.divInputRadio.smallGap {
	gap: 8px;
}
.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);
}
.ligneForm .divInputTVA input[type="text"] {
	width: calc(75% - 48px);
	width: calc(75%);
}
.ligneForm .divInputTVA select {
	width: calc(25% - 48px);
	width: calc(25%);
}
.ligneForm .divInputTVA {
	display: flex;
	gap: 12px;
}
.ligneDateheurefixe {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 273px;
}
.ligneDateheurefixe .droite {
	display: flex;
	gap: 45px;
	align-items: center;
}
.ligneDateheurefixe input[type="text"] {
	width: 44px;
}
.lienTexte {
	font: 500 14px/21px 'Inter';
	color: var(--grey500);
	margin-left: 30px;
}
.lienTexte:hover {
	text-decoration: underline;
}
.Que_WrapperChoixDocument,
.wrapperInputAvecCroix {
	display: flex;
	gap: 12px;
}
.Que_texteLibre p:first-of-type {
	margin-top: 0px;
}

/* DEBUT .tableau */
#blocExterneDroite .tableScroll {
	height: 100% !important;
}
.tableScroll {
	position: relative;
	margin-top: 2px;
}
.tableScroll .hidingRectangleTrick {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: var(--couleurFondBlanc);
	border-radius: var(--radius12) 0px 0px 0px;
	border-bottom: 2px solid var(--couleurBordure);
	border-right: 2px solid var(--couleurBordure);
	z-index: 1;
}
.containerQue_table {
	position: relative;
	overflow-x: auto;
	overflow-y: auto;
}
#blocExterneDroite .tableau.Que_Table {
	height: auto;
	position: relative;
}
.tableau {
	border-collapse: collapse;
	border-radius: var(--radius12);
	margin: 2px 2px 2px 2px;
	table-layout: fixed;
	width: calc(100% - 4px);
}
.containerAtvEnPartiesTable {
	width: calc(100%);
	overflow-x: auto;
}
.tableau.AtvEnPartiesTable {
	border-collapse: separate;
	border-spacing: 12px;
	width: auto;
	margin: 0px;
}
.tableau.Que_Table {
	width: auto;
	position: absolute;
	margin: 0px;
}
.tableau.sousTableau {
	background-color: var(--primary50);
}
.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;
}
.containerQue_table {
	border-radius: var(--radius12);
	box-shadow: 0px 0px 0px 2px var(--couleurBordure), 0px 2px 0px 2px var(--couleurBordure); /* 2 box-shadows contour & bordure épaisse en dessous */
}
.containerQue_table.invalide {
	box-shadow: 0px 0px 0px 2px #ffb3b3, 0px 2px 0px 2px #ffb3b3; /* 2 box-shadows contour & bordure épaisse en dessous */
}
.tableau:not(.AtvEnPartiesTable) tbody { 
	border-radius: var(--radius12);
	box-shadow: 0px 0px 0px 2px var(--couleurBordure), 0px 2px 0px 2px var(--couleurBordure); /* 2 box-shadows contour & bordure épaisse en dessous */
}
.tableau.Que_Table tbody { 
	border-radius: 0px;
	box-shadow: none;
}
.tableau.sousTableau tbody {
	box-shadow: none;
}
.tableau thead {
	box-shadow: 0px 0px 0px 2px transparent; /* offset-x | offset-y | blur-radius | spread-radius | color */
}
.tableau thead.background {
	position: sticky;
	top: 0px; /* calculé en javascript */
	z-index: 2;
	background-color: var(--couleurFondBlanc);
}
.tableau.sousTableau thead.background {
	background-color: transparent;
}
.tableau.sticky thead.background {
	box-shadow: 0px 2px 0px 0px var(--couleurBordure);
}
.tableau thead.trick {
	height: 2px;
}
.tableau.sousTableau thead.trick {
	display: none;
}
.tableau :is(th, td, tbody, thead) {
	margin: 0px;
	padding: 0px;
}
.tableau > tbody > tr {
	border-bottom: 2px solid var(--couleurBordure);
	position: relative;
}
.tableau.sousTableau > :is(thead, tbody) > tr {
	border-bottom: 1px solid var(--couleurFondBlanc);
}
.tableau > tbody > tr:first-child .containerTagEntite {
	border-top-right-radius: var(--radius12);
	border-top-left-radius: var(--radius12);
}
.tableau > tbody > tr:last-child {
	border-bottom: none;
}
.tableau > tbody > tr:nth-last-child(2) .containerTagEntite {
	border-bottom-right-radius: var(--radius12);
	border-bottom-left-radius: var(--radius12);
}
.tableau tr[data-open="open"] {
	display: table-row;
}
.tableau tr[data-open="close"] {
	display: none;
}
.tableau:not(.AtvEnPartiesTablePrix, .AtvEnPartiesTable, .sousTableau, .Que_Table, .simplecentre, .tableau-solutions-negociees, .tab-donnees-coti-bemedtech) > tbody > tr:nth-last-child(2) ,
.tableau:not(.AtvEnPartiesTablePrix, .AtvEnPartiesTable, .sousTableau) > tbody > tr.noborder {
	border-bottom: none;
}
.tableau.tableau-solutions-negociees > tbody > tr:nth-last-child(2),
.tableau.tableau-solutions-negociees > tbody > tr:nth-last-child(4):not(.withborder) {
	border-bottom: none;
}
.tableau th:first-child , .tableau td.firstTdDesktop {
	padding-left: 16px;
}
.tableau th:last-child , .tableau td.lastTdDesktop {
	padding-right: 16px;
}
.tableau tr:has(.tagEntite) td.lastTdDesktop {
	padding-right: 80px !important;
}
.tableau tr:has(.tagEntite) td.lastTdMobile {
	padding-right: 80px !important;
}
.tableau.simplecentre th {
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tableau :is(td, th) {
	padding-left: 8px;
	padding-right: 8px;
}
.tableau.tab-donnees-coti-bemedtech :is(td) {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.declarationIRE td {
	width:500px;
	padding-bottom:12px;
	vertical-align: top;
}
.declarationIRE td.reponse {
	color:#0131ad;
	width:auto;
	font-weight: bold;
}
.declarationIRE td.reponse span {
	color:var(--grey600);
}
.tableau thead:not(.trick) th,
.tableau tbody .entete th {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 500 14px/21px 'Inter';
	color: var(--grey400);
}
.tableau thead:not(.trick) th .fs-12 {
	font: 600 12px/18px 'Inter';
}
.tableau thead:not(.trick) th
.tableau.nothead thead th {
	padding-top: 0px;
	padding-bottom: 0px;
}
.tableau th .thDiv {
	display: flex;
	gap: 2px;
	align-items: center;
	text-wrap: balance;
}
.tableau td {
	padding-top: 14px;
	padding-bottom: 14px;
}
.tableau td.verticalAlignTop:not(.firstTdDesktop) {
	vertical-align: top;
	padding-top: 22px;
}
.tableau td.verticalAlignBottom,
.tableau.verticalAlignTop td.verticalAlignBottom {
	vertical-align: bottom;
}
.tableau td.smallPadding {
	padding-top: 7px;
	padding-bottom: 7px;
}
.tableau.simplecentre td {
	text-align:center;
}
.tableau td.breakWord {
	word-break: break-word;
}
.tableau td[data-open="close"] {
	display: none;
}
.tableau td[data-open="open"] {
	display: table-cell;
}
.tableau td a[href^="mailto"] {
	word-break: break-word;
}
.tableau td {
	font: 400 14px/21px 'Inter';
	color: var(--grey400);
}
.tableau td.bold {
	font: 600 14px/21px 'Inter';
	color: var(--grey600);
}
.tableau td :is(.tdLibelleMobile, .libelleMobile) {
	font: 600 12px/18px 'Inter';
	color: var(--grey600);
}
.tableau td :is(.libelleMobile) {
	margin-bottom: 4px;
}
.tableau td .tdValeurMobile {
	font: 400 14px/21px 'Inter';
	color: var(--grey500);
}
.tableau td a:hover {
	text-decoration: underline;
}
.tableau.verticalAlignTop td {
	vertical-align: top;
}
.tableau tr[id^="trLigneAjouter"] td {
	padding: 0px;
}
.tableau td.Que_LibelleLigneTable {
	position: sticky;
	left: 0px;
	background: var(--couleurFondBlanc);
	box-shadow: inset -2px 0px var(--couleurBordure);
	z-index: 1;
}
.blocreperesmaller .tableau td.Que_LibelleLigneTable {
	min-width:300px;
}
.tableau.Que_Table thead {
	position: sticky;
	top: 0px;
	left: 0px;
	background: var(--couleurFondBlanc);
	box-shadow: 0px 2px var(--couleurBordure);
}


/* tableau récapitulatif des Activités */

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

.tableau.AtvEnPartiesTable tr :is(td, th) {
	padding: var(--paddingBlockTd) var(--paddingInlineTd);
	background-color: var(--bgColorTd);
	color: var(--colorTd);
	border-radius: var(--radius10);
}
.tableau.AtvEnPartiesTable tr:is(.ligneTotal,.ligneSousTotal) td {
	text-align: right;
}
.tableau.AtvEnPartiesTable tr td[class*="tdCheck_"] > div {
	display: flex;
	align-items: center;
	gap: 10px;
}
.tableau.AtvEnPartiesTable tr td[class*="tdCheck_"] .prix {
	line-height: 20px;
}
.tableau.AtvEnPartiesTable tr td:not(.tdTitre) {
	border-radius: var(--radius10);
}
.tableau.AtvEnPartiesTable tr td.tdTitre {
	padding: 0px;
	display: flex;
	/* gap: 12px;*/
	position: relative;
	background-color: transparent;
	min-width: 500px;
}
.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: var(--radius10);
}
.tableau.AtvEnPartiesTable tr td.tdTitre .titre:after {
	/* position: absolute;
	content: " ";
	inset: 0 0 0 0;
	z-index: -1; */
}
.tableau.AtvEnPartiesTable tr td .carre {
	width: 1em;
	padding: var(--paddingBlockTd) var(--paddingInlineTd);
	display: block;
	content: " ";
	border-radius: var(--radius10);
	background-color: var(--bgColorTd);
	background-color: transparent;
	flex-shrink: 0;
}
.tableau.AtvEnPartiesTable td .details {
	display: none;
}



/* FIN .tableau */

.boulette {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	flex-shrink: 0;
}
.boulette.vert {background-color: var(--colorValid500);}
.boulette.rouge {background-color: #ffb3b3;}
.boulette.bleu {background-color: var(--primary500);}

/* DEBUT ACCUEIL */

.gridAccueil {
	display: grid;
	gap: 48px 16px; /* écart entre lignes - écart entre colonnes */
	grid-auto-rows: minmax(100px, auto); /* taille ligne */
}
.gridAccueil.gridActu {
	grid-template-columns: repeat(2, 1fr); /* 2 colonned qui prennent la place max dispo */
}
.gridAccueil.gridDct {
	grid-template-columns: repeat(2, 1fr); /* 1 colonne qui prend la place max dispo */
}
:is(.blocAccueilDocuments,.blocActuAccueil) {
	display: flex;
	gap: 16px;
	padding: 16px;
}
:is(.blocAccueilDocuments,.blocActuAccueil) .gauche {
  	flex-basis: 33%;
	min-width: 160px;  
}
:is(.blocAccueilDocuments,.blocActuAccueil) .droite {
  	flex-grow: 1;
  	flex-basis: 66%;
  	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
}
.blocActuAccueil .gauche .image, 
.blocAccueilDocuments .gauche .containerPercentageDct {
	aspect-ratio: 1/1;
	width: 100%;
}
:is(.blocAccueilDocuments,.blocActuAccueil, .blocActu, .blocAnn) .lirePlus {
	font: 500 14px/20px 'Inter';
	display: flex;
	gap: 8px;
	align-items: center;
	position: absolute;
	bottom: 8px;
}
.lirePlus.bottom-higher {
	bottom: 36px;
}
.lirePlus.fc-accent500 {
	color: var(--accent500);
}
.blocActu .lirePlus.mobileOnly, 
.blocAnn .lirePlus.mobileOnly {
	display: none;
}
:is(.blocActuAccueil, .blocActu, .blocAnn) .lirePlus {
	color: var(--primary500);
}
.blocAccueilDocuments {
	.containerPercentageDct {
		position: relative;

		svg {
			rotate: -90deg;
		}
	}
	.textPercentageDct {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.textPercentageDctPrincipal {
		font: 600 72px/58px "Inter";
		letter-spacing: -0.02em;
	}
	.textPercentageDctPrincipal.fs-small {
		font: 600 30px/36px "Inter";
		letter-spacing: -0.02em;
	}
	.textPercentageDctSecondaire {
		font: 600 14px/20px "Inter";
	}
	.containerligneIconeblocAccueilDocuments {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.ligneIconeblocAccueilDocuments {
		display: flex;
		gap: 16px;

		.partDroite {
			/* display: flex;
			flex-direction: column;
			gap: 2px; */

			&.align-items-center {
				display: flex;
				align-items: center;
			}
			.titre {
				font: 600 16px/24px 'Inter';
				color: var(--grey600);
			}
			.soustitre {
				font: 400 14px/20px 'Inter';
				color: var(--grey600);
			}
		} 
	}
}
.blocActuAccueil .image {
	border-radius: var(--radius12);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/* FIN ACCUEIL */

.fancybox-button {
	background-color: var(--primary500);
}
.fancybox-button:disabled {
	display: none;
}
.fancybox-navigation .fancybox-button,
.fancybox-image {
	border-radius: var(--radius12);
}
.fancybox-caption {
	font: 400 16px/24px 'Inter';
	color: var(--couleurFondBlanc);
}
.fancybox-bg {
	background-color: var(--couleurFondModal);
}

/* Logo paiement inscription aux activités */
.stripe, .ingenico, .paypal {
	height: 35px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 30px;
}
.stripe {background-image: url("../Images/Stripe.png");}
.ingenico {background-image: url("../Images/Ingenico.png");}
.paypal {background-image: url("../Images/Paypal.png");}


/* Forums */
.forumDescPostItContainer {
	position: relative;
}
.forumDescPostIt {
	--varTopDescPostIt: 20px;

	display: none;
	font: 500 14px/21px 'Inter';
	position: absolute;
	max-width: 600px;
	width: max-content;
	min-width: 200px;
	left: 0px;
	top: var(--varTopDescPostIt);
	background-color: var(--accent50);
	padding: 12px 16px 12px 16px;

	animation: opacityAnim 0.4s linear forwards;
	opacity: 0;
}
@media (max-width: 640px) {
	.forumDescPostIt {
			max-width: calc(100vw - 36px - 32px - 4px);
	}
}
.forumDescPostIt::before {
	content: "";
	height: var(--varTopDescPostIt);
	width: 100%;
	background-color: transparent;
	display: block;
	position: absolute;
	top: calc(var(--varTopDescPostIt) * -1);
	left: 0px;
}
.fr-toolbar {
	border: none !important;
	background-color: var(--grey50) !important;
	border-radius: var(--radius8) var(--radius8) 0px 0px !important;
}
.fr-second-toolbar {
	border: none !important;
}
.fr-box.fr-basic .fr-wrapper {
	border: none !important;
	background-color: var(--grey50) !important;
	border-radius: 0px 0px var(--radius8) var(--radius8) !important;
}
.fr-box.fr-basic {
	border: 2px solid var(--grey50);
}
.fr-box.fr-basic:focus-within:not(.fr-fullscreen) {
	border: 2px solid var(--accent500);
}
.cheminForums {
	padding: 12px 16px 12px 16px;
	display: flex;
	gap: 12px;
	align-items: center;
	width: fit-content;
	max-width: calc(100% - 36px);
	border: 2px solid var(--couleurBordure);
  border-radius: var(--radius12);
}
a.cp {
	cursor: pointer;
}
.cheminForums > a {
	font: 500 14px/20px 'Inter';
	color: var(--grey300);
	transition: color .3s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex-grow: 1;
	max-width: 250px;
}
.cheminForums a:hover {
	color: var(--accent500);
}
/* Fin Forums */

.imgGalaErasme2023 {
	height: 150px;
	filter: brightness(0) invert(1);
	margin-inline: auto;
	aspect-ratio: 95 / 31;
}

/* DEBUT Calendar */

.calendar {
	--_paddingBlockCalendar: 16px;
	--_paddingInlineCalendar: 16px;
	--_rowHeightCalendar:60px;
	--_widthFirstCol: 110px;

	display: grid;
	grid-template-columns: 60% 40%;
	row-gap: 24px;
	padding: var(--_paddingBlockCalendar) var(--_paddingInlineCalendar);
	position: relative;
}
.calendar::before { /* ligne sous icones */
	content: "";
	display: block;
	position: absolute;
	height: calc(100% - (2 * (var(--_paddingBlockCalendar))));
	top: var(--_paddingBlockCalendar);
	left: 42px;
	width: 1px; 
	background-color: var(--couleurBordure);
	grid-column: 2;
}
.calendar > .gauche {
	--_heightGridLibelleJour: 76px; /* valeur par défaut, redéfini en javascript */

	padding-right: 48px;
	position: relative;
}
.calendar > .gauche::before { /* permet de rajouter un border-radius au calendrier */
	content: " ";
	display: block;
	position: absolute;
	left: var(--_widthFirstCol);
	top: var(--_heightGridLibelleJour);
	width: calc(100% - var(--_widthFirstCol) - 48px);
	height: calc(100% - var(--_heightGridLibelleJour));
	outline: 5px solid var(--couleurFondBlanc);
	z-index: 1;
	border-radius: var(--radius12);
	pointer-events: none;
}
.calendar > .gauche::after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	width: 16px;
	height: 100%;
	top: 0px;
	border-radius: 0px var(--radius12) var(--radius12) 0px;
	background: linear-gradient(to right, var(--couleurBordure) 0%, var(--couleurFondBlanc) 100%);
}
.calendar > .droite {
	padding: 24px 0px 24px 24px;
	max-height: calc((var(--_rowHeightCalendar) * var(--_nbRowsCalendar)));
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.calendar .selectMonth {
	height: fit-content;
	width: fit-content;
}
.calendar .selectMonth option {
	background-color: var(--couleurFondBlanc);
	color: var(--grey400);
	text-align: left;
}
.calendar .gridLibelleJour {
	display: grid;
	align-items: center;
	grid-template-columns: var(--_widthFirstCol) repeat(7, 1fr);
	text-align: center;
	margin-bottom: 24px;
	margin-top: calc(24px - var(--_paddingBlockCalendar));
}
.calendar .libelleJour {
	font: 700 16px/24px 'Inter';
  	color: var(--grey600);
}
.calendar .gridChiffreJour {
	display: grid;
	grid-template-columns: var(--_widthFirstCol) repeat(7, 1fr);
	justify-items: center;
	align-items: center;
	height: calc(var(--_rowHeightCalendar) * var(--_nbRowsCalendar)); /* 6 semaines */
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scroll-snap-type: y mandatory;
}
.calendar .libelleMois {
	font: 400 14px/20px 'Inter';
  	color: var(--grey400);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.calendar .libelleMois.libelleMoisHidden {
	color: var(--couleurFondBlanc);
}
.calendar .containerChiffreJour {
	width: 100%;
	height: var(--_rowHeightCalendar);
	display: flex;
	align-items: center;
	/* flex-direction: column; */
	scroll-snap-align: start;
}
.calendar .containerChiffreJour.bgMois0 {
	background-color: color-mix(in oklab, var(--couleurFondBlanc) 50%, var(--primary100));
}
.calendar .containerChiffreJour.bgMois1 {
	background-color: color-mix(in oklab, var(--couleurFondBlanc) 75%, var(--primary100));
}
.calendar .chiffreJour {
	font: 400 16px/24px 'Inter';
	aspect-ratio: 1/1;
	width: calc(100% - 4px);
	max-width: 48px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-inline: auto;
	cursor: pointer;
	transition: color  0.3s ease, background-color 0.3s ease;
}
.calendar .chiffreJour.actif {
	background-color: var(--primary300);
	color: var(--couleurFondBlanc);
}
.calendar .chiffreJour.actif .moisJour {
	color: var(--couleurFondBlanc);
}
.calendar .chiffreJour.aujourdui {
	outline: 3px solid var(--accent500);
	outline-offset: 3px;
}
.calendar .moisJour {
	font: 400 10px/10px 'Inter';
	margin-top: -3px;
	margin-bottom: 6px;
	color: var(--grey400);
	display: none;
}
.calendar [data-inscrit="1"] .chiffreJour {
	font-weight: 600;
	background-color: var(--colorValid300);
}
.calendar [data-inscrit="0"][data-ne-participe-pas="1"] .chiffreJour {
	font-weight: 600;
	background-color: #ef9a9a;
}
.calendar .chiffreJour:is(:hover, .hover) {
	background-color: var(--accent500);
	color: white;
}
.calendar .chiffreJour:is(:hover, .hover) .moisJour {
	color: white;
}
.calendar .itemListeCalendar {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.calendar .itemListeCalendar .icone,
.calendar :is(.boutonHaut,.boutonBas) .icone {
	transition: background-color 0.3s;
}
.calendar .itemListeCalendar:is(:hover, .hover) {
	--primary500: var(--accent500);
	cursor: pointer;
}
.calendar .itemListeCalendar .date {
	margin-bottom: 3px;
	font: 700 16px/24px 'Inter';
	color: var(--grey600);
}
.calendar .itemListeCalendar .titre {
	font: 400 16px/20px 'Inter';
	color: var(--grey400);
}
.calendar .itemListeCalendar .fondIcone {
	background-color: var(--couleurFondBlanc);
	height: 24px;
	width: 36px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
@container centre (max-width: 940px) { 
	.calendar {
		grid-template-columns: 100%;
	}
	.calendar > .gauche::before {
		width: calc(100%);
		left: 0px;
	}
	.calendar > .gauche::after {
		display: none;
	}
	.calendar > .gauche {
		padding-right: 0px;
	}
	.calendar > .droite {
		padding-left: 0px;
	}
	.calendar::before {
		grid-column: 1;
		grid-row: 2;
		left: 18px;
	}
}
@container centre (max-width: 640px) { 
	.calendar .gridChiffreJour,
	.calendar .gridLibelleJour
	 {
		grid-template-columns: repeat(7, 1fr);
	}
	.calendar .chiffreJour {
		font: 400 14px/20px 'Inter';
	}
	.calendar .chiffreJour.aujourdui {
		outline-offset: -1px;
	}
	.calendar .selectMonth,
	.calendar .libelleMois {
		display: none;
	}
	.calendar .moisJour {
		display: block;
	}
}

/* FIN Calendar */

.outlineAncre {
	outline: 3px solid var(--primary500);
	outline-offset: 1px;
	border-radius: var(--radius12);
}


/* DEBUT switch */

.containerSwitchTextSwitch {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}
.tdValeurMobile .containerSwitchTextSwitch {
	justify-content: flex-start;
}
.divSwitch {
	display: grid;
}
.divSwitch .switch {
	--_widthSwitch: 48px;
	--_heightSwitch: 24px;
	--_paddingInlineSwicth: 5px;
	--_paddingBlockSwicth: 3px;

    position: relative;
    display: inline-block;

    width: var(--_widthSwitch);
    height: var(--_heightSwitch);
}
.divSwitch .switch.disabled {
	opacity: 0.5;
	cursor: default !important;
}
.divSwitch .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.divSwitch .switch input:disabled{
	cursor: default !important;
}
.divSwitch .slider {
    position: absolute;
    cursor: pointer;
    inset: 0 0 0 0;
    background-color: var(--primary300);
    transition: .4s;
    border-radius: 9999vw;
}
.divSwitch .slider:before {
    position: absolute;
    content: "";
    height: calc(var(--_heightSwitch) - (2 * var(--_paddingBlockSwicth)));
	aspect-ratio: 1 / 1;
	left: var(--_paddingInlineSwicth);
	bottom: var(--_paddingBlockSwicth);
    background-color: var(--couleurFondBlanc);
    transition: .4s;
    border-radius: 50%;
}
.textSwitch {
	font: 400 12px/18px 'Inter';
	color: var(--grey600);
	padding-top: 2px;
	min-width: 90px;
}
.divSwitch input:checked + .slider {
    background-color: var(--primary500);
}
.divSwitch input:checked:disabled + .slider{
    background-color: var(--primary500) !important;
}
.divSwitch input:focus + .slider {
    box-shadow: 0 0 1px var(--primary500);
}
.divSwitch input:checked + .slider:before {
    transform: translateX(calc(var(--_widthSwitch)/2 - var(--_paddingInlineSwicth)));
}
/* FIN switch */

.paddingTagRight80 {
	padding-right: 80px !important;
}
.containerTagEntite {
	position: absolute;
	inset: 0 0 0 0;
	overflow: hidden;
	pointer-events: none; /* fait passer les clics au travers */
}
.containerTagEntite:has(.SRFB) {
	--_bgColor: #006930;
}
.containerTagEntite:has(.NTF) {
	--_bgColor: #BD7419;
}
.containerTagEntite:has(.LV) {
	--_bgColor: #A52423;
}
.tagEntite {
	position: absolute;
	color: #FFFFFF;
	font: 600 18px/24px 'Inter';
	top: 21px;
	right: 0px;
	z-index: 2;
	width: 88px;
	text-align: center;
}
td.containerTagEntite .tagEntite {
	font: 600 16px/21px 'Inter';
	top: 14px;
}
.containerTagEntite::before {
	content: "";
	width: 293px;
	height: 253px;
	position: absolute;
	border-radius: 20px;
	left: calc(100% - 50px);
	top: -86px;
	transform: rotate(45deg);
	transform-origin: center;
	z-index: 1;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
	background-color: var(--_bgColor);
}
.containerTagEntite::after {
	content: "";
	width: 293px;
	height: 300px;
	position: absolute;
	border-radius: 20px;
	left: calc(100% - 40px);
	top: -143px;
	transform: rotate(35deg);
	z-index: 0;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
	opacity: 0.5;
	background-color: var(--_bgColor);
}

ul.propositions {
	position: absolute;
	z-index: 1;
	margin: 0px;
	padding: 0px;
	width: calc(100% - 4px);
	max-height: calc(5 * 41px);
	overflow: auto;
	overscroll-behavior: contain;
	border: 2px solid var(--accent500);
	border-radius: var(--radius8);
}
ul.propositions li {
	font: 400 14px/21px 'Inter';
	border: 2px solid var(--grey50);
	list-style-type: none;
	color: #535252;
	padding: 8px 12px;
	cursor: pointer;
	background-color: var(--grey50);
	transition: background-color 0.4s ease;
}
ul.propositions li:hover {
	background-color: var(--accent50);
}

.languesIJE {
	width: fit-content;
	position: absolute;
	right: 0px;
	top: -48px;
}
.photo_CBB {
	width: 100%;
	height: 200px;
	border: 2px solid var(--grey50);
	object-fit: contain;
	object-position: center;
	border-radius: var(--radius8);
}
.ecart-bloc-points {
	height: 38px;
}

.nom-solutions-negociees,
.logo-solutions-negociees  {
	width: calc(100% - 32px);
	height: auto;
	aspect-ratio: 2/1;
	padding: 16px;
}
.nom-solutions-negociees {
	display: flex;
  	align-items: center;
	color: var(--primary500);
	font: 600 14px/21px 'Inter';
}
.logo-solutions-negociees {
	background-color: white;
	border-radius: var(--radius8);
	position: relative;
}
.logo-solutions-negociees::after {
	content: "";
	position: absolute;
	inset: 16px 16px 16px 16px;
	background-image: var(--_urlImages);
	background-size: contain;
  	background-position: center;
  	background-repeat: no-repeat;
}
.grid-donnees-coti-bemedtech {
	display: grid;
	row-gap: 2px;
	grid-template-rows: repeat(var(--_rows), 40px);
	align-items: center;
}
.subtab-donnees-coti-bemedtech,
.subtab-donnees-coti-bemedtech2 {
	display: grid;
	grid-template-columns: 
		calc((100% - 24px) / 10 * 3) 
		calc((100% - 24px) / 10 * 3) 
		calc((100% - 24px) / 10 * 4)
		24px;
}
.subtab-donnees-coti-bemedtech {
	position:sticky;
	z-index:1;
	padding-top: 14px;
	background-color: var(--couleurFondBlanc);
}
.subtab-donnees-coti-bemedtech2 {
	padding-top: 14px;
}
.section-libelle-bemedtech {
	font: 600 14px/20px 'Inter';
	color: var(--grey500);
	flex-grow: 1;
	cursor: pointer;
}
/* DEBUT media queries menu et connexion */

@media (max-width: 1250px){

	#centre .entete .entetecontent .right a.shortcut:not(.search) {
		margin-right:15px;
	}
}
@media (max-width: 1000px){

	.connexion .centre {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.connexion .droite {
		width: 100%;
	}
	.connexion .gauche {
		display: none;
	}
	.blocconnexion {
		margin-inline: auto;
	}
}
@media (max-width: 800px){
	.smartphoneOnly {
		display:block;
	}
	.notOnSmartphone {
		display:none;
	}
	html.standard .site {
		padding-top: 80px; /* équivaut à la hauteur de "#centre .entete .entetecontent" qui est fixed */
	}
	html.standard {
		background-color:var(--primary500);
	}
	.pageGridEcart, .containerFiltres {
		padding-top: 24px;
	}
	.blocconnexion .errormessage {
		position:relative;
	}
	.colonnegauche {
/*		display:none;*/
		transform: translateX(calc(var(--largeurcolgauche) * -1));
	}
	#centre {
		margin-left:0px !important;
		width:100% !important;
	}
	#centre .entete {
		position:relative;
		width:auto !important;
		border-bottom:0px;
		background-color:transparent;
		padding-left: 20px;
		padding-right: 20px;
	}
	#centre .content {
		border-radius: var(--radius24);
		background-color:var(--couleurFondBlanc);
		padding: 0px 12px 24px 12px;
		margin-bottom: 12px;
		min-height:calc(100% - 75px - 50px);
		width: calc(100% - 60px);
	}
	#centre .entete.avecentete2 + .content {
		min-height:calc(100vh - 75px - 50px - 52px - 20px);
	}
	.colonnedroite {
		display:none;
	}
	#centre .entete .entetecontent {
		padding-left: 20px;
		padding-right: 20px;
		flex-wrap: nowrap;
		align-items: flex-start;

		position: fixed;
		top: var(--heightBandeauVersion);
		left: 0px;
		background-color: var(--primary500);
		width: calc(100% - 40px);
		z-index: 1;

		--widafter: 48px;
		--demiwidafter: calc(var(--widafter) / 2);
	}
	#centre .entete .entetecontent::after ,
	#centre .entete .entetecontent::before {
		content: " ";
		width: var(--widafter);
 		aspect-ratio: 1;
 		position: absolute;
		bottom: calc(var(--widafter) * -1);
		background: radial-gradient(ellipse at center,  transparent 0px, transparent 25px, var(--primary500) 25px, var(--primary500) 100%);
		pointer-events: none;
	}
	#centre .entete .entetecontent:after {
 		border-radius: 0px var(--demiwidafter) var(--demiwidafter) var(--demiwidafter);
		left: calc(var(--widafter) - 30px);
/*		left: 30px;*/
	}
	#centre .entete .entetecontent:before {
		border-radius: var(--demiwidafter) 0px var(--demiwidafter) var(--demiwidafter);
		right: calc(var(--widafter) - 30px);
/*		right: 30px;*/
	}
	#centre .entete .entetecontent .left {
		font: 600 30px/38px 'Inter';
		color: var(--couleurFondBlanc);
	}
	#centre .entete .entetecontent .right {
		display: flex;
	}
	#centre .entete .entetecontent .right .shortcut {
		margin-left: 10px;	
	}
	#centre .entete .entetecontent .right .utilisateurContainer,
	#centre .entete .entetecontent .right .shortcut:not(.logout, .search, .shortcutNotif) {
		display: none;
	}
	#centre .entete .entetecontent .right .shortcut .nombre {
		display: none;
	}
	#centre .entete .entetecontent .right .shortcut.logout {
		margin-right: 10px;
	}
	#centre .entete .entetecontent .right .shortcut .containerIcone {
		--varTailleContainerIcone: 24px !important;
	}
	#centre .entete .entetecontent .right .shortcut .icone {
		--varTailleIcone: 16.5px !important;
	}
	#containerInputSearchGlobal[data-open="close"] {
		width: 24px;
		height: 24px;
	}
	#containerInputSearchGlobal[data-open="open"] {
		width: 24px;
		height: 24px;
	}
	#containerInputSearchGlobal[data-open="close"] .inputSearchGlobal,
	#containerInputSearchGlobal[data-open="open"] .inputSearchGlobal {
		display: none;
	}
	#containerInputSearchGlobalMobile[data-open="close"] {
		display: none;
	}
	#containerInputSearchGlobalMobile[data-open="open"] {
		display: flex;
	}
	

	.boutonmenusmartphone {
		font: 600 16px/24px 'Inter';
		display:block;
		border: 2px solid rgba(255, 255, 255, 0.2);
		border-radius: var(--radius8);
		padding:0px;
		height:44px;
		width: 44px;
		text-align: center;
		color: var(--couleurFondBlanc);
		cursor:pointer;
		position:relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.boutonmenusmartphone div {
		-webkit-mask:url('../images/icone/menu.svg') no-repeat center /100% 100%;
		mask:url('../images/icone/menu.svg') no-repeat center /100% 100%;
		min-width:24px;
		min-height:24px;
		background-color:var(--couleurFondBlanc);
	}
	.boutonmenusmartphone span {
		display: none;
	}
	.menusmartphone {
		position:fixed;
		background-color:rgba(0,0,0,0.3);
		width:100%;
		z-index:10;
		height:100%;
	}
	.menusmartphone[data-open="open"] {display: block;}
	.menusmartphone[data-open="close"] {display: none;}

	.menusmartphonecontent {
		background: var(--couleurFondBlanc);
		border-radius: var(--radius24) var(--radius24) 0px 0px;
		height:calc(100% - 75px - 64px - 64px);
		margin: 80px 18px 0px 18px;
		padding:64px 40px;
		position:relative;
		overflow-y: auto;
	  	scrollbar-width: none;
	}
	.menusmartphonecontent::-webkit-scrollbar {
		display: none;
	}

	.menusmartphonecontent .switch {
		display: flex;
		flex-direction: row;
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center;
		padding: 8px;
		background: var(--accent50);
		border-radius: var(--radius12);
		margin-inline:auto;
		margin-bottom:50px;
		width:auto;
		max-width: 320px;
	}
	.menusmartphonecontent .switch div {
		font: 600 16px/24px 'Inter';
		color:var(--accent500);
		border-radius: var(--radius8);
		height:40px;
		text-align:center;
		cursor:pointer;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-basis: 150px;
		transition:0.3s;
	}
	.menusmartphonecontent .switch div.actif {
		background: var(--accent500);
		color:var(--couleurFondBlanc);
	}
	.menusmartphonecontent .divmenu {
		position:relative;
		padding-left:0px;
		padding-right:20px;
		height:48px;
		margin-bottom:8px;
		background: url('../images/icone/arrow_forward_ios.svg') no-repeat center right/20px auto;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.menusmartphonecontent .divmenu a {
		font: 600 18px/21px 'Inter';
		color: var(--grey600);
		display: flex;
		gap: 16px;
		align-items: center;
		width: 100%;
	}
	.menusmartphonecontent .divmenu a .containerIcone {
		--varTailleContainerIcone: 48px !important;
		background-color: var(--primary100);
	}
	.menusmartphonecontent .divmenu a .icone {
		--varTailleIcone: 32px !important;
	}
	.fermemenusmartphone {
		background: var(--couleurFondBlanc);
		border-radius: 100%;
		width:48px;
		height:48px;
		/*position:absolute;*/
		left:calc(calc(100% - 48px) / 2);
		/*top:-24px;*/
		cursor:pointer;
		position: fixed;
		top: calc(58px + var(--heightBandeauVersion));
		z-index: 1;
	}
	.fermemenusmartphone .rondorange {
		width: 40px;
		height: 40px;
		left: 4px;
		top: 4px;
		background: var(--accent500);
		border-radius: 32px;
		position:absolute;
	}
	.fermemenusmartphone .rondorange .icone {
		background-color:var(--couleurFondBlanc);
		-webkit-mask:url('../images/icone/close.svg') no-repeat center /100% 100%;
		mask:url('../images/icone/close.svg') no-repeat center /100% 100%;
		width:28px;
		height:28px;
		left: 6px;
		top: 6px;
		position:absolute;
	}
	.menusmartphonecontent .divmenu .conteneuricone {
		width:48px;
		height:48px;
		background: var(--primary50);
		border-radius: var(--radius8);
		position:absolute;
		left:0px;
		top:0px;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.menusmartphonecontent .divmenu .icone {
		background-color:var(--primary500);
		width:32px;
		height:32px;
	}
	#centre .entete .entetecontent2 {
		background: var(--primary600);
		border-radius: var(--radius12);
		padding:10px;
		margin-bottom:20px;
		gap: 10px;
	}

	#centre .entete .entetecontent2 .sousmenu {
		border-radius: var(--radius8);
		padding:5px 15px;
		margin-right:0px;
	}
	#centre .entete .entetecontent2 a {
		border-radius: var(--radius8);
		border-bottom:0px;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		color:var(--couleurFondBlanc);
		padding:0px;
	}
	#centre .entete .entetecontent2 .sousmenu .num {
		color:var(--couleurFondBlanc);
		background-color:rgba(255, 255, 255, 0.2);
	}
	#centre .entete .entetecontent2 .sousmenu.actif {
		color:var(--couleurFondBlanc);
		background-color:var(--accent500);
		border-bottom:0px;
	}
	#centre .entete .entetecontent2 .sousmenu.actif a{
		color:var(--couleurFondBlanc);
		border-bottom:0px;
	}
	#centre .entete .entetecontent2 .sousmenu.actif .num {
		background-color:var(--accent600);
		color:var(--couleurFondBlanc);
	}
	.containerFiltres {
		position: relative;
		top: 0px !important;
		border-radius: var(--radius24);
	}
}
@media (max-width: 500px){

	.connexion .gauche {
		display:none;
	}
	.connexion .droite {
		box-shadow:none;
	}
	.connexion .centre {
		align-items: flex-start;
		position: relative;
	}
	.blocconnexion {
		border-radius: 0px;
		height: 100%;
		padding: 112px 12px 64px 12px;
		max-width: 100%;
		width: calc(100% - 24px);
		box-shadow: none;
		border: none;

/*		background-color: rgba(255, 255, 255, 0.1);*/
	}
	.connexion .droite .organica {
		filter:none;
	}
	.connexion .logoOrganica {
		filter: none;
		background-color: transparent;
		width: 100%;
		margin-top: 0px;
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
/* FIN media queries menu et connexion */


/* DEBUT Eléments faisant partie de #centre modifiés dans la version tablette ou smartphone */

@container centre (max-width: 1250px) { 
	.blocActuBottom {
		grid-template-columns: repeat(2, 1fr);
	}
	.blocAnnBottom {
		grid-template-columns: repeat(2, 1fr);
	}
	.blocAnnBottom2 {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* DEBUT centre version tablette */
@container centre (max-width: 800px) {

	.desktopOnly {
		display: none !important;
	}
	.mobileOnly {
		display: block;
	}
	.containerIcone.mobileOnly {
		display: flex;
	}
	.blocReunionFutur,
	.blocFAQ {
		padding: 18px 16px;
	}
	.blocReunionFutur .blocHeureLieu {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 4px;
		margin-left: 2px;
	}
	.blocReunionFutur .titre {
		color: var(--grey400);
		font-weight: 400;
		margin-bottom: 16px;
		margin-top: 0px;
	}
	.blocReunionFutur .date {
		font: 600 18px/28px 'Inter';
		color: var(--grey600);
	}
	.blocReunionFutur .droite {
		padding: 0px;
		flex-direction: column;
	}
	.blocReunionPasse {
		flex-direction: column;
	}
	.blocReunionFutur .droite .mentionAnnulation,
	.blocReunionPasse .mentionAnnulation  {
		justify-content: flex-end;
	}
	.blocReunionFutur .droite .mentionAnnulation br,
	.blocReunionPasse .mentionAnnulation br {
		display: none;
	}
	.blocReunionFutur .blocDate {
		display: flex;
		gap: 16px;
	}
	.blocReunionFutur .titreReunion {
		font: 400 16px/24px 'inter';
		color: var(--grey400);
		margin-top: 8px;
		margin-bottom: 16px;
		margin-left: 2px;
	}
	.ligneIconeMobile-blocGradientDetail {
		display: flex;
		gap: 16px;
		align-items: center;
		margin-bottom: 10px;
	}
	.blocGradientDetail:has(.tagEntite) .ligneIconeMobile-blocGradientDetail {
		padding-right: 100px; /* espace tag SRFB */
	}
	.divblocGradient .after1 {
		width: calc(100% - 32px - 32px);
	}
	.divblocGradient .after2 {
		width: calc(100% - 48px - 48px);
	}
	.blocGradientDetail  .droite {
		background: transparent;
		padding: 0px;
	}
	.blocGradientDetail  {
		padding: 16px;
	}
	.titre-blocGradientDetail {
		font: 400 16px/24px 'Inter';
		margin-bottom: 16px;
		padding-right: 80px; /* espace tag SRFB */
	}
	.blocGradientDetail:has(.tagEntite) .titre-blocGradientDetail {
		padding-right: 80px; /* espace tag SRFB */
	}
	.blocGradientDetail  .droite {
		height: auto;
	}
	.blocGradientDetail.blocGradientAccueil .droite {
		display: none;
	}
	.blocGradientDetail  .blocDate {
		display: flex;
		gap: 16px;
		align-items: center;
		margin-bottom: 8px;
	}
	.blocGradientDetail  .titre {
		margin-bottom: 16px;
	}
	.blocGradientDetail:not(.blocGradientAccueil)  .ligneIcone {
		font: 600 14px/20px 'Inter';
		gap: 8px;
	}
	.blocGradientDetail .description * {
		font: 600 14px/20px 'Inter' !important;
	}
	.blocGradientDetail:not(.blocGradientAccueil)  .ligneIcone .containerIcone {
		--varTailleContainerIcone: 20px !important;
		border-radius: 5px;
	}
	.blocGradientDetail:not(.blocGradientAccueil)  .ligneIcone .icone {
		--varTailleIcone: 14px !important;
	}
	.blocGradientDetail:not(.blocGradientAccueil) .ligneIcone div:nth-child(2) {
		padding-top: 0px;
	}
	.blocGradientDetail .flecheDroite {
		top: 8px;
		right: 0px;
		position: absolute;
		margin-top: 0px;
		background: transparent;
		--varTailleContainerIcone:16px !important;
	}
	.blocGradientDetail .flecheDroite div {
		--varTailleIcone:16px !important;
		--varUrlIcone:url('../images/icone/arrow_forward_ios.svg') !important;
	}
	.containerLigneHie {
		gap: 24px;
	}
	.containerLigneHie,
	.containerFolderHie .containerLigneHie,
	.containerFolderHie,
	.containerFolderHie .containerFolderHie {
		margin-left: 16px;
		margin-right: 0px;
	}
	.ligneHie {
		--_heightLigneTiret: 44px; /* utile pour placer les tirets before and after */ 
	}
	:is(.ligneHie, .titreFolderHie)::before {
		height: calc((var(--_heightLigneTiret) / 2) + 14px);
		top: -14px;
	}
	.ligneHie:not(:last-child, .lastChild)::after {
		height: calc(100% - (var(--_heightLigneTiret) / 2) + 14px);
	}
	
	.ligneHie:not(.noresize) .titreEtExtension {
		display: flex;
		flex-direction: column;
		gap: 2px;
		max-width: calc(100% - 36px);
	}
	.ligneHie:not(.noresize) .extension {
		margin-left: 0px;
	}
	.ligneHie:not(.noresize) .lienDct {
		/* max-width: 100%; */
	}
	.formInscription .gauche {
		/* display: none; */
	}
	.textExplicatifAnnonce {
		margin-left: 20px;
	}
	.blocaccordeon .blocaccordeonTitre,
	.blocaccordeon .blocaccordeon,
	.blocaccordeon.marginlef,
	.msgOuvertureFermetureInscriptions {
		margin-left: 20px;
	}
	.blocaccordeon.avecTableau {
		padding-top: 24px;
	}
	.blocaccordeon .blocaccordeon.avecTableau {
		padding-top: 24px;
	}
	.tableau:not(.AtvEnPartiesTable,.Que_Table,.simplecentre,.tab-donnees-coti-bemedtech) thead {
		display: none;
	}
	.tableau:not(.AtvEnPartiesTable,.Que_Table,.simplecentre,.tab-donnees-coti-bemedtech) tr:not(.mobileOnly) {
		display: flex;
		gap: 10px;
		align-items: center;
		padding: 8px 40px 8px 12px;
		position: relative;
	}
	.tableau tr.trColMobile {
		display: flex;
		flex-direction: column;
		padding: 8px 12px 8px 12px;
	}
	.tableau tr:not(.mobileOnly)[data-open="open"] {
		display: flex;
	}
	.tableau tr:not(.mobileOnly)[data-open="close"] {
		display: none;
	}
	.tableau tr.trColMobile[data-open="open"] {
		display: flex;
	}
	.tableau tr.trColMobile[data-open="close"] {
		display: none;
	}
	.tableau tr.mobileOnly {
		background: #EEEEEE;
		padding: 16px 42px;
	}
	.tableau tr.mobileOnly input[type="checkbox"] + label::before {
		background: var(--couleurFondBlanc);
	}
	.tableau tr.mobileOnly input[type="checkbox"]:checked + label::before {
		background: var(--accent500) url('../Images/icone/check_white.svg') no-repeat center/13.6px auto;
	}
	.tableau tr.mobileOnly.ferme {
		display: none;
	}
	.tableau tr.mobileOnly.ouvert {
		display: block;
	}
	.tableau td.boldMobile {
		font: 600 14px/21px 'Inter';
		color: var(--grey600);
	}
	.tableau:not(.AtvEnPartiesTable, .Que_Table,.simplecentre,.tab-donnees-coti-bemedtech) tr:not(.mobileOnly) td {
		padding: 0px;
	}
	.tableau:not(.AtvEnPartiesTable, .Que_Table,.simplecentre,.tab-donnees-coti-bemedtech) tr.mobileOnly td {
		padding: 0px;
		display: flex;
		gap: 10px;
		flex-direction: column;
		width: 100%;
	}
	.tableau tr:is([id^="trLigneEnregistrer"], [id^="trLigneAjouter"]) td {
		width: 100%;
	}
	.tableau td.folderTableau {
		position: absolute;
		right: 14px;
		top: calc(50% - 10px);
	}
	.tableau tr.trColMobile td {
		width: 100%;
	}
	.gridAccueil.gridDct, .gridAccueil.gridActu {
		grid-template-columns: repeat(1, 1fr);
	}
	.gridAccueil .gridItem:nth-child(1) {
		grid-column: 1;
	}

	.blocActuTop {
		grid-template-columns: repeat(1, 1fr);
	}
	.blocActuTop .blocActuTopRight .blocActu {
		display: flex;
		flex-direction: column;
	}
	.blocActuTop .blocActuTopRight .blocActu .grDeTrDateActuContainer {
		margin-top: 0px;
	}
	.blocActuTop :is(.blocActuTopRight,.blocActuTopLeft)  .blocActu .containerImage {
  		height: 240px;
  		width: 100%;
	}
	.pageActu {
		gap: 24px;
	}
	.blocActuBottom {
		grid-template-columns: repeat(1, 1fr);
	}
	.blocActuBottom .blocActu {
  		flex-basis: 100%;
  		margin-bottom: 0px;
	}
	.blocActuBottom .blocActu .containerImage {
		height: 240px;
  		width: 100%;
	}
	.blocAnnBottom {
		grid-template-columns: repeat(1, 1fr);
	}
	.blocAnnBottom .blocAnn {
  		flex-basis: 100%;
  		margin-bottom: 0px;
	}
	.blocAnnBottom2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.blocAnnBottom2 .blocAnn {
  		flex-basis: 100%;
  		margin-bottom: 0px;
	}
	.blocAnnottom .blocAnn .containerImage {
		height: 240px;
  		width: 100%;
	}

	.blocActuTop .blocActuTopRight .blocActu .containerImage {
		flex-basis: 240px;
	}
	.blocActuTop .blocActuTopRight .titreActu {
		display: block; /* on enlève le line-clamp */
	}
	.groupeListe {
		--_groupeListeCol: 2;
	}
	.filtres, .filtres.filtresIJE {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 24px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.filtres > :is(div, select:not(#dateActu, .noflexbasis)) {
		flex-basis: 0px;
		flex-grow: 1;
		width: 100%;
	}
	.filtres > :is(#dateActu) {
		flex-basis: 0px;
		flex-grow: 1;
		width: 100%;
	}
	.gridAccueil {
		gap: 16px;
	}
	.containerGalerie {
		grid-template-columns: repeat(3, 1fr);
	}
	.containerFiltres.no-pd-bt {
		padding-bottom: 32px;
	}
	.nom-solutions-negociees {
		aspect-ratio: unset;
		padding: 0px;
		width: 100%;
	}
	.divInputRadio.grid4 {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(var(--_veNbrRows3col), auto);
	}
	.tableau.tab-donnees-coti-bemedtech thead.background {
		display: none;
	}
	.subtab-donnees-coti-bemedtech2 {
		grid-template-columns: 1fr 1fr;

		> div:first-child,
		> div:last-child {
			display: none;;
		}
	}
}
	/* FIN centre version tablette */

	/* DEBUT centre version smartphone */

@container centre (max-width: 500px) {
	
	#centre .entete .entetecontent2 .sousmenu a:hover::before {
		width: 0%;
	}
	.groupeListe {
		--_groupeListeCol: 1;
	}
	.blocAccueilDocuments {
		flex-direction: column;
		align-items: center;
	}
	.blocAccueilDocuments .gauche .containerPercentageDct {
		max-width: 192px;
	}
	.blocActuAccueil .gauche .image {
		aspect-ratio: 4/3;
	}
	.blocAccueilDocuments .lirePlus {
		position: relative;
		bottom: 0px;
	}
	.blocAccueilDocuments .lirePlus:first-of-type {
		margin-top: 24px;
	}
	.blocActuAccueil {
		flex-direction: column;
	}
	:is(.blocActuAccueil, .blocActu) .dateActu {
		padding: 0px;
		background: transparent;
		font: 500 14px/20px 'Inter';
		width: max-content;
	}
	:is(.blocAnn) .dateAnn {
		padding: 0px;
		background: transparent;
		font: 500 14px/20px 'Inter';
		width: max-content;
	}
	:is(.blocActuAccueil, .blocActu) .droite {
		padding-top: 0px;
		padding-bottom: 0px;

		display: grid;
		grid-template-columns: repeat(2, 1fr); /* 2 colonnes les plus larges possibles */
		grid-template-rows: repeat(2, auto); /* 2 rangées qui font la hauteur du plus petit élément */
		gap: 8px;
	}
	:is(.blocAnn) .droite {
		padding-top: 0px;
		padding-bottom: 0px;

		display: grid;
		grid-template-columns: repeat(1, 1fr); /* 2 colonnes les plus larges possibles */
		grid-template-rows: repeat(2, auto); /* 2 rangées qui font la hauteur du plus petit élément */
		gap: 8px;
	}
	:is(.blocActuAccueil, .blocActu, .blocAnn) .droite .lirePlus {
		grid-row: 2;
		grid-column: 2;
		align-self: center;
		text-align: right;
		margin-top: 0px;
		bottom: 0px;
		justify-content: flex-end;
		width: 100%;
		align-self: center;
		position: relative;
	}
	.blocActu .lirePlus.mobileOnly, .blocAnn .lirePlus.mobileOnly {
		display: flex;
	}
	.blocAnnBottom2 {
		grid-template-columns: repeat(1, 1fr);
	}
	:is(.blocActuAccueil,.blocActu) .droite .grDeTrDateActuContainer {
		grid-row: 2;
		grid-column: 1;
		margin-top: 0px;
	}
	:is(.blocActu) .droite .grDeTrDateActuContainer .grDeTrActu {
		display: none;
	}
	:is(.blocAnn) .droite .dateAnn {
		grid-row: 2;
		grid-column: 1;
		margin-top: 0px;
	}
	:is(.blocActuAccueil,.blocActu) .droite .titreActu  {
		grid-row: 1;
		grid-column: 1/3; /* colonne 1 et colonne 2 */
		margin-top: 0px;
		margin-bottom: 0px;
	}
	:is(.blocAnn) .droite .titreAnn  {
		grid-row: 1;
		grid-column: 1/3; /* colonne 1 et colonne 2 */
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.formListeHorizontal {
		flex-wrap: wrap;
	}
	.nbreSousDossiers {
		display: none;
	}
	.ligneForm {
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
	}
	.ligneForm :is(.divInput, .divInputTVA, .divInputRadio) {
		max-width: 100%;
	}
	.ligneForm .libelle {
		text-align: left;
		justify-content: flex-start;
	}
	.ligneForm .libelle.libelleRequired {
		text-align: left;
		justify-content: flex-start;
	}
	.pageGridEcart {
		padding-top: 16px;
	}
	.actuDetail .titreActu {
		font: 600 20px/30px 'Inter';
		padding-left: 10px;
		padding-right: 10px;
	}
	.containerGalerie {
		grid-template-columns: repeat(2, 1fr);
	}
	.tableau.AtvEnPartiesTable tr:not(.ligneTotal, .ligneSousTotal) {
		display: none !important;
	}
	.tableau.AtvEnPartiesTable {
		width: 100%;
	}
	.blocaccordeonTitre {
		font: 600 16px/24px 'Inter';
	}
	.blocaccordeonTitre > .droite {
		gap: 8px;
	}
	.blocaccordeonTitre::before { 
		top: 18px;
	}
	.divInputRadio.grid4 {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(var(--_veNbrRows2col), auto);
	}
}
	/* FIN centre version smartphone */


@media (max-width: 500px) {

	#blocExterne .ligneForm {
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
	}
	#blocExterne .ligneForm .libelle {
		text-align: left;
	}
	.texte {
		width: 100%;
	}
}

/* FIN Eléments faisant partie de #centre modifiés dans la version tablette ou smartphone */


/* DEBUT LOADER */

:root {
	--vitesseAnim: 0.8s;
	--tailleBoule: 17.5%;
}
.containerLoader {
	display: flex;
	align-items: center;
	margin-inline: auto;
	max-width: 120px;
}
.containerLoader.marginTop {
	margin-top: 20px;
	height: 40px;
	width: 120px;
}
.containerLoader.modifConnexion {
	width: 20px;
	height: 100%;
}
.loader {
	width: 100%;
	aspect-ratio: 5/1;
	position: relative;
	margin-inline: auto;
}
.bouleLoader {
	position: absolute;
	top: 0px;
	width: var(--tailleBoule);
	aspect-ratio: 1;
	background-color: var(--accent500);
	border-radius: 100%;
	opacity: 0.5;
}
.bouleLoader1 {
	animation: var(--vitesseAnim) infinite 0s scale; 
	transform: scale(0);
}
@keyframes scale {
	from {transform: scale(0);}
   	to {transform: scale(1);}
}
.bouleLoader2 {
	animation: var(--vitesseAnim) infinite 0s lefttoright1; 
	left: 0px;
}
@keyframes lefttoright1 {
	from {left: 0px;}
   	to {left: calc(50% - (var(--tailleBoule) / 2))};
}
.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);}
}
.bouleLoader4 {
	animation: var(--vitesseAnim) infinite 0s scaledown; 
	right: 0px;
}

/* FIN LOADER */



/* FROALA CSS */


.fr-view-disable {background-color:#efefef;border: 1px solid #DADADA;border-radius: 4px;padding-left: 6px;padding-right: 6px;}
.fr-no-border, .fr-no-border td, .fr-no-border th {border:none !important;}
.fr-dashed-borders {border-collapse: collapse;}
.fr-dashed-borders td, .fr-dashed-borders th {border-style: dashed;	border-width: 1px;border-color: #DDD;padding: 2px;}
.fr-alternate-rows tr:nth-child(2n) {background: #f9f9f9;}
.fw-normal {font-weight: normal !important;}
.fr-bold {font-weight: bold;}
.fr-underline {text-decoration: underline;}
.fr-italic {font-style: italic;}
/*a.frLinkClassic:link {color: #0000EE !important;}*/
/*a.frLinkClassic:visited {color: #551A8B !important;}*/
a.green {color:green !important;}
a.eurBlue {color: #2c63ff !important;}
a.eurGreen {color:#72d54a !important;}
a.eurBlueGrey {color:#479dc5 !important;}
a.eurGreenGrey {color:#67b9b2 !important;}
img.fr-dib{margin:5px auto;display:block;float:none;}
img.fr-dib.fr-fil{margin-left:0;text-align:left}
img.fr-dib.fr-fir{margin-right:0;text-align:right}
img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:20px;margin-right:20px;max-width:calc(100% - (2 * 5px))} /* centré */
img.fr-dii.fr-fil{float:left;margin:5px 20px 5px 0;max-width:calc(100% - 5px)} /* à gauche */
img.fr-dii.fr-fir{float:right;margin:5px 0 5px 20px;max-width:calc(100% - 5px)} /* à droite */
img.fr-rounded{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
span.fr-emoticon{font-weight:400;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols';display:inline;line-height:0}
span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}

/* FIN FROALA CSS */

.doubleauthmessage {
	font-size: 17px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-top: 0px;
    color: #4d4d4d;
}
.liendoubleauth {
	cursor: pointer;
    color: #949494;
	transition: 0.3s;
}
.liendoubleauth:hover {
	color: var(--accent500) !important;
}
.semititredoubleauth {
	font-size: 17px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-top: -2px;
    margin-bottom: 24px;
    font-weight: 400;
    color: #4d4d4d;
}

.viewFroalaDisabled {
	width: calc(100% - 28px) !important;
	background-color: var(--grey50);
	border-radius: var(--radius8);
    border: 2px solid var(--grey50);
    outline: 0px;
    padding: 8px 12px;
    color: #535252;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    transition: border 0.3s;
	word-wrap: break-word;
}

.text-center {
	text-align:center;
}
.ULGauche{margin-left: -20px;margin-top: -20px;}

.noteDeFraisForm {
	display: none;
}
.noteFraisFormDeplacement {
	display: none;
}

.libellePlusGrandSiFaut {
	width: 100% !important;
    max-width: 378px !important;
}
.libellePlusGrandSiFaut2 {
	width: 100% !important;
    max-width: 250px !important;
}
.libellePlusGrandSiFaut3 {
	width: 100% !important;
    max-width: 229px !important;
}
.notshowwanttohearfromus {
	display: none !important;
}
.BtnAddDctForum{padding-top:0px !important;margin-bottom:5px; }

.DctTopic,.BtnAddDctForum {font-size:14px !important;}



#preHomeNew {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000000;
	background-color: rgba(0, 0, 0, 0.4); /* noir semi-transparent */
	overflow: auto;
}
#preHomeBackGroundNew {
	height: max-content;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
	background-color: white;
	display: flex;
	flex-direction: column;
	gap: 25px;
}
#preHomeBackGroundNew img {
	image-rendering: -webkit-optimize-contrast;
	max-width: 100vw;
	max-height: 100vh;
	margin: -25px;
	margin-bottom: -29px;
}
#preHomeBackGroundNew {
	padding: 3rem;
	border-radius: 1rem;
	overflow: hidden;
}
#preHomeBackGroundNew p {
	margin-bottom: 0px;
	margin-top: 0px;
}