:root{
	/*https://www.tints.dev/*/

	--primary50:#E7F4FE;
	--primary100:#CFE9FC;
	--primary200:#9FD4F9;
	--primary300:#6ABCF6;
	--primary400:#39A6F3;
	--primary500:#0E8FEC; 
	--primary600:#0B72BC;
	--primary700:#08538A;
	--primary800:#06406A;
	--primary900:#042F4D;

	/* --accent50: #EBFCE9;
	--accent100: #D8F7D4;
	--accent200: #B4EBAD;
	--accent300: #93DC89;
	--accent400: #72CB67;
	--accent500: #54B847;
	--accent600: #468F3D;
	--accent700: #396633;
	--accent800: #295223;
	--accent900: #1D3F18; */

	--accent50: #EEF8EC;
	--accent100: #DDF1DA;
	--accent200: #BBE2B6;
	--accent300: #9BD194;
	--accent400: #7BC072;
	--accent500: #5BAF50;
	--accent600: #4A8A42;
	--accent700: #396633;
	--accent800: #2E5629;
	--accent900: #244620;
}

/* 57BCC1 */

.colonnegauche {
	background: linear-gradient(180deg, var(--primary600) 0%, var(--accent700) 100%);
	background: conic-gradient(at 125% 50%, var(--primary600), var(--primary600), var(--accent700), var(--primary600), var(--primary600));
}
#bgActivitePublique {
	background: linear-gradient(90deg, var(--primary600) 0%, var(--accent700) 100%);
}
.connexion .droite {
	background: linear-gradient(90deg, var(--primary600) 0%, var(--accent700) 100%);
}
.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_EUROPUR.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique {
	background-image:url('../images/logos/EUROPUR.png'), url('../images/logos/EUROMOULDERS.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/EUROPUR_small.png');
	background-size: calc(var(--largeurcolgaucheferme) - 20px) auto;
}
.colonnegauche .entete { /*Logo blanc*/
	height: 120px;
	background-size: auto 30px, auto 30px;
	background-position: center 20px, center 60px;
}
.blocconnexion .logosmartphone {
	height: 115px;
	background-size: auto 50px, auto 50px;
	background-position: center top, center bottom;
	margin-bottom: 40px;
}
#siteActivitePublique #logoActivitePublique {
	height: 115px;
	background-size: auto 50px, auto 50px;
	background-position: center top, center bottom;
}