:root{
	/** https://www.tints.dev/ **/
	
	--primary50: #FCF1F1;
	--primary100: #F9E0E0;
	--primary200: #F3BCBC;
	--primary300: #EE9696;
	--primary400: #EA6B6B;
	--primary500: #DE3D3D;
	--primary600: #B32F2F;
	--primary700: #8A2222;
	--primary800: #631616;
	--primary900: #3E0A0A;

	--accent50: #F8EDF8;
	--accent100: #F2DCF2;
	--accent200: #E5B8E5;
	--accent300: #D894D8;
	--accent400: #CA6FCA;
	--accent500: #A75BA7;
	--accent600: #854785;
	--accent700: #653565;
	--accent800: #472347;
	--accent900: #2B132B;
	
}
.colonnegauche {
	background-color: var(--primary400);
}
.blocconnexion .logosmartphone {
	height: 85px;
}
.logosmartphone,
.colonnegauche .entete, 
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/syndeac.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/syndeac-petit.png');
	background-size: calc(var(--largeurcolgaucheferme) - 30px) auto;
	background-position: center;
}
.colonnegauche .entete {
	height: 72px;
	background-size: calc(var(--largeurcolgauche) - 40px) auto;
	background-position: 22px 22px;
	background-size: auto calc(100% - 40px);
}
.connexion .gauche {
	background: url("../images/logos/Syndeac2.png");
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-position-x: 255px;
}
.connexion .gauche .imageConnexion {
	display: none;
}