:root{
	/** https://www.tints.dev/ */
	--primary50: #E8F4FD;
	--primary100: #D1E9FA;
	--primary200: #BADEF7;
	--primary300: #A3D3F5;
	--primary400: #8DC8F2;
	--primary500: #76BDEF;
	--primary600: #60B1EB;
	--primary700: #4AA6E8;
	--primary800: #349BE5;
	--primary900: #1E90E1;
	             
	--accent900: #2587AE;
	--accent800: #2997C3;
	--accent700: #31A6D5;
	--accent600: #45AFDA;
	--accent500: #5AB9DE;
	--accent400: #6FC2E3;
	--accent300: #84CBE8;
	--accent200: #99D4EC;
	--accent100: #D0E9F5;
	--accent50: #C4E6F4;
}


@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));
}
.logosmartphone,
#siteActivitePublique #logoActivitePublique,
.colgaucheferme .colonnegauche .entete { 
	background-image:url('../images/logos/VLOZO_Logo.png');
}
.colonnegauche .entete {
	background-image:url('../images/logos/VLOZO_Logo_sm.png');
	background-size: 65% !important;
}
.colonnegauche .entete {
  height: 90px;
  background-size: calc(var(--largeurcolgauche) - 40px) 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;
	} */
}