:root{
	/* 216869 */

	/* --primary50: #ECEEEE;
	--primary100: #D2DFDF;
	--primary200: #A2C8C8;
	--primary300: #68B4B5;
	--primary400: #3F9697;
	--primary500: #216869;
	--primary600: #25595A;
	--primary700: #254B4B;
	--primary800: #264040;
	--primary900: #243333; */

	--primary50: #F0F0F0;
	--primary100: #DEE3E3;
	--primary200: #B7CCCC;
	--primary300: #8BBABB;
	--primary400: #57ABAD;
	--primary500: #3A8B8C;
	--primary600: #216869;
	--primary700: #225253;
	--primary800: #204041;
	--primary900: #1A2D2D;

	--accent50: #cdeaea;
	--accent100: #bee3e4;
	--accent200: #a1d7d8;
	--accent300: #81c9cb;
	--accent400: #64bdbf;
	--accent500: #49afb0;
	--accent600: #3d9294;
	--accent700: #317677;
	--accent800: #275d5e;
	--accent900: #1b4041;
}
.connexion .droite {
	background: linear-gradient(180deg, var(--primary600) 0%, var(--primary600) 100%);
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/ANRB.png');
}
.logosmartphone {
	/* https://codepen.io/sosuke/pen/Pjoqqp #a33f59 */
	filter: brightness(0%) invert(35%) sepia(10%) saturate(2581%) hue-rotate(132deg) brightness(92%) contrast(89%);
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/ANRB.png');
}
.colonnegauche .entete {
	height: 125px;
	background-size: auto 105px;
	background-position: center 10px;
}
.connexion .gauche {
	/* background: url("https://cdn.organica.technology/Extranet/bgConnexion/bgConnexion_ANRB_istockphoto-978666114.jpg"); */
	/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),url("https://cdn.organica.technology/Extranet/bgConnexion/bgConnexion_ANRB_istockphoto-978666114.jpg"); */
	background: radial-gradient(at center, #3A8B8C, #225353);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.connexion .gauche::after {
	content: "";
	position: absolute;
	height: 60%;
	width: calc(100% - (352px / 2));
	background: url("../Images/logos/ANRB_chateau_2.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.connexion .gauche .imageConnexion {
	display: none;
}
.blocconnexion .logosmartphone {
	height: 140px;
	margin-bottom: 5px;
}

@font-face {
	font-family: 'Lexend';
	src: url('./fonts/Lexend-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
}
.libelleANRB {
	font-family: 'Lexend';
	font-size: 50px;
	line-height: 1em;
	margin-bottom: 30px;
	text-align: center;
	color: #216869;
	text-transform: lowercase;
}
.blocconnexion .titre {
	margin-bottom: 30px;
}

.blocGradientAccueil .droite .img {
	background: url("../Images/logos/ANRB_chateau_2.svg") no-repeat center/contain;
	top: -20px;
	height: calc(100% + 20px);
}
.blocGradientAccueil .droite :is(.mask1, .mask2) {
	display: none;
}