:root {
	/** https://www.tints.dev/ */
	--primary50: #f1f3fd;
	--primary100: #f1f3fd;
	--primary200: #e3e7fb;
	--primary300: #cbd3f8;
	--primary400: #afbcf4;
	--primary500: #91a5f1;
	--primary600: #7490ED;
	--primary700: #3c6ee2;
	--primary800: #2b52ac;
	--primary900: #1c3879;
	             
	--accent50: #fbeeee;
	--accent100: #fbeeee;
	--accent200: #f9dfe0;
	--accent300: #f3bfc1;
	--accent400: #ee9ea2;
	--accent500: #ea747b;
	--accent600: #e84654;
	--accent700: #ba333f;
	--accent800: #91252f;
	--accent900: #66171e;
}


@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(--primary200), #7394df, var(--primary800), #7390d1, var(--primary500));
}
.colonnegauche {
	background-color: var(--primary700) !important;
}
.colonnegauche .entete,
.logosmartphone,
#siteActivitePublique #logoActivitePublique { 
	background-image:url('../images/logos/ESBG_Logo.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/ESBG_Logo.png');
}
.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;
}