:root{
	/*https://www.tints.dev/   #5f82b9 lightness max: 100 lightness min: 10*/

	/* --primary50:#CBDCD3;
	--primary100:#ABD8C0;
	--primary200:#6BD19B;
	--primary300:#27CE75;
	--primary400:#12A154;
	--primary500:#00662c; 
	--primary600:#0A5C30;
	--primary700:#0F4D2C;
	--primary800:#14422A;
	--primary900:#1A3828; */

	--primary50: #E6F7E3; /* couleur définie à partir de #44ab33 */
	--primary100: #CDEFC8; /* couleur définie à partir de #44ab33 */
	--primary200: #9BDE91; /* couleur définie à partir de #44ab33 */
	--primary300: #69CE5A; /* couleur définie à partir de #44ab33 */
	--primary400: #44ab33; /* couleur issue d'un nuancier fourni par ntf */
	--primary500: #00964a; /* couleur issue d'un nuancier fourni par ntf */
	--primary600: #00662C; /* couleur issue d'un nuancier fourni par ntf */
	--primary700: #055728; /* couleur définie à partir de #00662C */
	--primary800: #074622; /* couleur définie à partir de #00662C */
	--primary900: #093A1E; /* couleur définie à partir de #00662C */

	/*https://www.tints.dev/   #B94367 lightness max: 100 lightness min: 10*/

	--accent50: #FBF1E4;
	--accent100: #F8E3C9;
	--accent200: #F1C997;
	--accent300: #EAAD61;
	--accent400: #E49330;
	--accent500: #BD7419;
	--accent600: #A26315;
	--accent700: #835011;
	--accent800: #683F0E;
	--accent900: #482C0A;
}

/* 57BCC1 */

.colonnegauche {
	background: var(--primary500);
}
.connexion .droite {
	background: linear-gradient(180deg, var(--primary500) 0%, var(--primary600) 100%);
}
.blocGradientDetail {
	background: linear-gradient(to right, var(--primary600), var(--primary500));
}


.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_NTF_2.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique {
	background-image:url('../images/logos/NTF.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/NTF.png');
}
.colonnegauche .entete { /*Logo blanc*/
	background-size: calc(var(--largeurcolgauche) - 40px) auto;
}
.blocconnexion .logosmartphone {
	height: 130px;
	background-image:url('../images/logos/NTF.png');
}
#siteActivitePublique #logoActivitePublique {
	height: 130px;
}