:root {
	--primary300: #001e70;/*#3269cd;*/  /* utilisé pour le background de la page de connexion */
	--primary500: #001e70; /* Utilisé pour le background du menu de gauche une fois connecté */
	--secondary300:#0045DF;/*#37becd;*/ /* utilisé pour le background de la page de connexion */
	--tiercary100:#E0EEFA;
	--tiercary200:#ABEBEB;  
	--tiercary300:#FFD6A0; /*#80E1E0;*/  /* Couleur utilisée pour le hover du bouton Connexion */
	--tiercary400:#56D7D6;
	--tiercary500:#ffbb00; /* Couleur utilisée pour le bouton Connexion */
	--tiercary600:#23A4A3;
	--tiercary700:#1A7B7A;
	--tiercary800:#125252;
	--tiercary900:#092929;
}

.colonnegauche .entete, #siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/ABBL_Logo2.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/ABBL_Logo2.png');
	background-size: 50%;
	background-position: center center;
}
.colonnegauche .entete {
	height: 90px;
	background-position: center center;
	background-size: 50%;
}
.bgConnexion .gauche, .connexion .gauche .imageConnexion svg {
	display: none !important;
}
.connexion .gauche .imageConnexion {
	background: none !important;
}
.connexion .droite {
	/* background: linear-gradient(180deg, #496AA8 0%, #1C2C4A 100%); */
	background: linear-gradient(180deg, var(--primary300) 0%, var(--secondary300) 100%);
	width: 100%;
}

@media (min-width: 501px) {
	.blocconnexion {
		margin-right: calc(50% - (var(--largeurblocconnexion) / 2));
	}
}
.blocconnexion .logosmartphone {
	height: 100px;
	background-size: 50%;
	background-position: center center;
	background-image:url('../images/logos/ABBL_Logo2.png');
}
.blocconnexion input[type="submit"] {
	background: var(--tiercary500);
}
.blocconnexion input[type="submit"]:hover {
	background: var(--tiercary300);
}