:root{
	/*https://www.tints.dev/   #5f82b9 lightness max: 100 lightness min: 10*/

	/* --primary50:#C9E4DA;
	--primary100:#ADE1CF;
	--primary200:#76DBB7;
	--primary300:#3DDBA4;
	--primary400:#18C387;
	--primary500:#0A9464; 
	--primary600:#006341;
	--primary700:#065137;
	--primary800:#08442F;
	--primary900:#093425; */

	--primary50:#C9E4DA;
	--primary100:#D2DFD4;
	--primary200:#A4C0AA;
	--primary300:#77A382;
	--primary400:#49855C;
	--primary500:#006738; 
	--primary600:#005730;
	--primary700:#004727;
	--primary800:#00381F;
	--primary900:#002916;

	/*https://www.tints.dev/   #B94367 lightness max: 100 lightness min: 10*/

	--accent50: #FFF5EA;
	--accent100: #FFEBD4;
	--accent200: #FFD7AA;
	--accent300: #FFC47F;
	--accent400: #FFB053;
	--accent500: #ff9e18; 
	--accent600: #EB8900;
	--accent700: #BD6E00;
	--accent800: #8F5300;
	--accent900: #613900;
}

/* 57BCC1 */

.connexion .gauche .imageConnexion {
	background: none;
}
.connexion .gauche .imageConnexion svg {
	display: none;
}
.connexion .gauche {
	background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), url("https://cdn.organica.technology/Extranet/bgConnexion/bgConnexion_SRFB_reduit.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.connexion .droite {
	background: linear-gradient(180deg, var(--primary300) 0%, var(--primary500) 100%);
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique {
	background-image:url('../images/logos/SRFB_small.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/SRFB_small.png');
}
.colonnegauche .entete { /*Logo blanc*/
	background-size: calc(var(--largeurcolgauche) - 140px) auto;
}
.blocconnexion .logosmartphone {
	height: 200px;
}
.blocconnexion .logosmartphone.logoFR {
	background-image:url('../images/logos/SRFB_FR.png');
}
.blocconnexion .logosmartphone.logoNL {
	background-image:url('../images/logos/SRFB_NL.png');
}
#siteActivitePublique #logoActivitePublique {
	height: 200px;
}