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


	--primary50: #e6f6f9;
	--primary100: #ceecf3;
	--primary200: #99d8e6;
	--primary300: #68c5d9;
	--primary400: #37b2cd;
	--primary500: #27879d;
	--primary600: #217487;
	--primary700: #1b5f6e;
	--primary800: #154a56;
	--primary900: #103841;

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

	--accent50: #FFF5EA;
	--accent100: #FFEBD4;
	--accent200: #FFD7AA;
	--accent300: #FFC47F;
	--accent400: #FFB053;
	--accent500: #ff9e18; 
	--accent600: #EB8900;
	--accent700: #BD6E00;
	--accent800: #8F5300;
	--accent900: #613900;
}

/* 57BCC1 */

.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_FEDEREC_TEST.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.connexion .droite {
	background: linear-gradient(180deg, var(--primary300) 0%, var(--primary500) 100%);
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique {
	background-image:url('../images/logos/FEDEREC_new.png');
}
.blocconnexion .logosmartphone {
	height: 90px;
	filter: brightness(0) saturate(100%) invert(43%) sepia(65%) saturate(464%) hue-rotate(144deg) brightness(92%) contrast(93%);
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/FEDEREC_new.png');
}
.colonnegauche .entete { /*Logo blanc*/
	background-size: calc(var(--largeurcolgauche) - 60px) auto;
	height: 90px;
	background-position: center 23px;
}

.grid21 {
	display: grid;
	 grid-template-columns: 1fr 1fr;
}
.BlocRelation {
	margin-bottom: 3rem;
}
.BlocRelation .PhotoRel {
	width: 128px;
	height: 128px;
	float: left;
	margin-right: 25px;
}
.BlocRelation .PhotoRel img {
	display: block;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
}
.BlocRelation .BlocTitreFct {
	padding-top: 1rem;
}
.BlocRelation .BlocTitreFct .Titre {
  color: #27889f;
  font-size: 21px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  margin-bottom: .5rem;
}
.BlocRelation .IconeRegion {
  width: 67px;
  height: 67px;
  position: absolute;
  z-index: 2;
  margin-top: -30px;
  margin-left: -30px;
}
.BlocRelation .IconeRegion img {
  width: 67px;
  height: 67px;
  display: block;
  border-radius: 34px;
}