:root{

/* Préparation des couleurs V2 en vue du respect de leur charte graphique */

 	--primary50: #fff5eb;
	--primary100: #ffe5ca;
	--primary200: #ffc182;
	--primary300: #ed7f10;
	--primary400: #ec7803;
	--primary500: #ec7803;
	--primary600: #9d4d01;
	--primary700: #753801;
	--primary800: #700634;
	--primary900: #311400;

	--accent50: #fee5ea;
	--accent100: #f8d4e4;
	--accent200: #f8d4e4;
	--accent300: #fc94b0;
	--accent400: #fb508b;
	--accent500: #d31568;
	--accent600: #910b45;
	--accent700: #700634;
	--accent800: #500323;
	--accent900: #360116;

	--grey100: #ebe4de;
	--grey200: #d9c9ba;
	--grey300: #c2b09f;
	--grey400: #a0978e;
	--grey500: #8c7f72;
	--grey600: #74695e;
	--grey700: #574f46;
	--grey800: #3c3630;
	--grey900: #211d19;

/* Couleurs dorées alternatives :  */

/*	--primary50: #fef1e8;
	--primary100: #fde0ca;
	--primary200: #fbc490;
	--primary300: #f3a639;
	--primary400: #d69231;
	--primary500: #b17827;
	--primary600: #8d5f1d;
	--primary700: #6a4613;
	--primary800: #492f0a;
	--primary900: #2b1a04;*/ 

/*
// Penser à décommenter le commentaire .colonnegauche et .blocGradientDetail ci-dessous 


// NE PAS PRENDRE LA COULEUR ICI, garder l'accent au dessus 
	--accent50: #fef3e2;
	--accent100: #fdeac9;
	--accent200: #fad594;
	--accent300: #f8bf5e;
	--accent400: #f5aa28;
	--accent500: #db8e0a;
	--accent600: #b97808;
	--accent700: #976207;
	--accent800: #754c05;
	--accent900: #533604;*/
	
	
}


.colonnegauche { background: var(--primary500);}

.blocGradientDetail { background:  linear-gradient(to right, #DA3E81, #ed7f10);) } 



.blocconnexion .logosmartphone {
	background-position:center;
	height: 35px;
}
.colonnegauche .entete, 
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/2FPCO.svg');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/2FPCO.svg');
	background-size: calc(68px - 25px) auto;
	background-position: 12.5px center;
}
.colonnegauche .entete {
	height: 100px;
	background-size: calc(100% - 44px) auto;
	background-position: center;
	filter: brightness(1) invert(0);
}
.connexion .gauche {
	background: url('https://cdn.organica.technology/Extranet/bgConnexion/bgConnexion_2FPCO.png'); /* #e8c464; */ 
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.connexion .gauche .imageConnexion {
	display: none;
}
.connexion .droite {  background: linear-gradient(180deg, #D69231 0%, #B5217C 100%); }

.colonnegauche .entete { background-image: url('https://cdn.organica.technology/Extranet/bgConnexion/logo2FPCO3.svg'); background-size: 9rem; }

.shortcutNotif .nombre { display:none; }


