:root{

	/* -- -- -- couleur principale contenu : #c30a2b 
	-- -- -- couleur menu : #E27A82
	-- -- -- couleur secondaire : #F5D3D5 */

	--primary50: #FCF2F3;
	--primary100: #FAE6E8;
	--primary200: #F3C9CC;
	--primary300: #EEAFB5;
	--primary400: #E8969D;
	--primary500: #E27A82;
	--primary600: #D84B57;
	--primary700: #BC2935;
	--primary800: #8A1E27;
	--primary900: #5C141A;

	--accent50: #F7E9EB;
	--accent100: #F1D0D6;
	--accent200: #E99BA9;
	--accent300: #E56179;
	--accent400: #E62447;
	--accent500: #C30A2B; /* couleur principale */
	--accent600: #9B122B;
	--accent700: #7B1427;
	--accent800: #5C1421;
	--accent900: #3F121B;

	/* --accent50: #F7E9EB;
	--accent100: #F1D0D6;
	--accent200: #E99BA9;
	--accent300: #E56179;
	--accent400: #E62447;
	--accent500: #a2d3f3; 
	--accent600: #9B122B;
	--accent700: #7B1427;
	--accent800: #5C1421;
	--accent900: #3F121B; */

	/* --accent50: #F6FBFE;
	--accent100: #EDF6FD;
	--accent200: #DBEEFA;
	--accent300: #C9E5F8;
	--accent400: #B7DCF6;
	--accent500: #A2D3F3;
	--accent600: #5CB1EA;
	--accent700: #1C8DD9;
	--accent800: #135E91;
	--accent900: #092F48; */

	--accent50: #F1F9FD;
	--accent100: #E8F4FC;
	--accent200: #D2E9F9;
	--accent300: #BBDFF6;
	--accent400: #A2D3F3;
	--accent500: #65B6EB;
	--accent600: #2B9AE4;
	--accent700: #1776B5;
	--accent800: #0F4D75;
	--accent900: #08263B;
	
}
.colonnegauche {
	/* background-color: #E27A82; */
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/FEBEG.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/FEBEG.png');
}
.colonnegauche .entete {
	height: 90px;
	background-size: calc(var(--largeurcolgauche) - 100px) auto;
	background-position: center 11px;
}


.pageActu {
	gap: 24px;
}
.blocActuTop .blocActuTopRight .blocActu .containerImage,
.blocActu .containerImage {
  flex-basis: 124px;
  height: 124px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
.blocActuBottom .blocActu, 
.blocActuTop .blocActuTopLeft .blocActu {
	flex-direction: row;
}
.blocActuTop, 
.blocActuBottom {
	grid-template-columns: repeat(1, 1fr);
}
.blocActuTop .blocActuTopLeft .blocActu .containerImage,
.blocActuBottom .blocActu .containerImage {
	height: 124px;
}
.blocActuBottom .blocActu {
	margin-bottom: 0px;
}
.grDeTrDateActuContainer {
	/* margin-top: 16px; */
}
@container centre (max-width: 800px) {
	.blocActuTop .blocActuTopRight .blocActu {
  		display: flex;
  		flex-direction: row;
	}
	.blocActuTop .blocActuTopRight .blocActu .grDeTrDateActuContainer {
		margin-top: 16px;
	}
}
@container centre (max-width: 500px) {
	:is(.blocActuAccueil, .blocActu) .dateActu {
  		width: 81px;
		padding: 2px 8px;
		font: 500 12px/18px 'Inter';
		background: var(--primary50);
	}
	:is(.blocActuAccueil, .blocActu) .droite {
		display: block;
	}
	:is(.blocActuAccueil, .blocActu) .droite .grDeTrDateActuContainer {
		margin-top: 16px;
	}
	:is(.blocActuAccueil, .blocActu) .droite .titreActu {
		margin-top: 10px;
	}
	:is(.blocActuAccueil, .blocActu) .droite .lirePlus {
		display: none;
	}
}