:root{
	/** https://www.tints.dev/ */
	 --primary50:#E4F7FF;
	--primary100: #C6EFFE;
	--primary200: #84E1FD;
	--primary300: #2ACFF2;
	--primary400: #24B8D7;
	--primary500: #1FA3BF;
	--primary600: #167F96;
	--primary700: #0E5F71;
	--primary800: #07414E;
	--primary900: #02232B;
	             
	--accent50: #FEF5EE;
	--accent100: #FEEEE3;
	--accent200: #FDDCC4;
	--accent300: #FCC79A;
	--accent400: #FCB56C;
	--accent500: #F6A430;
	--accent600: #C28024;
	--accent700: #8F5E17;
	--accent800: #633F0D;
	--accent900: #372104;
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.connexion .droite {
	background: conic-gradient(at 125% 50%, var(--primary500), var(--primary600), var(--primary800), var(--primary600), var(--primary500));
}
.colonnegauche .entete,
.logosmartphone,
#siteActivitePublique #logoActivitePublique { 
	background-image:url('../images/logos/BERS_Logo.png');
}
.blocconnexion .logosmartphone {
	height: 120px;
	margin-bottom: 1rem;
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/BERS_Logo2.png');
}
.colonnegauche .entete {
  background-size: calc(var(--largeurcolgauche) - 120px) auto;
  background-position: center 11px;
}
.connexion .gauche {
	background: url("https://cdn.organica.technology/Extranet/bgConnexion/bgConnexion.jpg");
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
}
.connexion .gauche .imageConnexion {
	display: none;
}


/* TEST Darkmode */

@media (prefers-color-scheme: dark) {
	/* :root{
		--grey50: white;
		--grey100: white;
		--grey150: white;
		--grey200: white;
		--grey300: white;
		--grey400: white;
		--grey450: white;
		--grey500: white;
		--grey600: white;
		--grey700: white;
		--grey800: white;
		--grey900: white;

		--couleurFondBlanc:var(--primary900);
	}
	.blocaccordeonTitre {
		color: var(--primary500);
	}
	.blocGradientDetail {
		color: white;
		border: 2px solid var(--couleurBordure);
		background: transparent;
	}
	.colonnegauche .menu .Leftmenu1, .colonnegauche .organica, #siteActivitePublique .organica {
		color: white;
	}
	#formInscription .ligneRepere::after {
		background-color: white;
	}
	#formInscription .ligneRepere.actif::before {
		outline: 2px solid white;
	}
	#formInscription .ligneRepere::before {
		border: 2px solid white;
	}
	.blocaccordeonTitre {
		background-color: var(--primary200);
	}
	.connexion .droite {
		background: linear-gradient(180deg, var(--primary500) 0%, var(--primary900) 100%);
	}
	.connexion .gauche {
		background-color: var(--primary900);
	}
	.colonnegauche {
		background-color: var(--primary900);
	}
	.blocReunionFutur .desktopOnly .libellejour,
	.blocReunionFutur .desktopOnly .numjour,
	.blocReunionFutur .desktopOnly .mois {
		color: var(--primary100);
	}
	.icone.blanc,
	.icone.primary500 {
		background-color: white;
	} */
}