:root{
	--primary50:#D7DFFE;
	--primary100:#C4CFFD;
	--primary200:#A1B3FC;
	--primary300:#839BFB;
	--primary400:#617FFA;
	--primary500:#3f63f9; /* couleur principale */
	--primary600:#1744F8;
	--primary700:#0732DF;
	--primary800:#0628B2;
	--primary900:#041F8A;

	/* --primary50:#dcedf5;
	--primary100:#b5d8e8;
	--primary200:#91c4dc;
	--primary300:#6CB1D1;
	--primary400:#479DC5; */

	--accent50: #F2FBEE;
	--accent100: #E2F6DA;
	--accent200: #C8EFB9;
	--accent300: #ABE693;
	--accent400: #8EDD6E;
	--accent500: #72D54A; /* couleur accent principale */
	--accent600: #57C32D;
	--accent700: #479D25;
	--accent800: #36781C;
	--accent900: #234F12;


	--radius8: 2px;
	--radius10: 2.5px;
	--radius12: 3px;
	--radius16: 4px;
	--radius24: 8px;
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/EURELECTRIC.png');
}
#siteActivitePublique #logoActivitePublique {
	height: 50px;
	background-position: 24px;
	max-width: calc(1640px);
	margin-inline: auto;
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/EURELECTRIC_small.png');
	background-position: center 11px;
	background-size: calc(var(--largeurcolgaucheferme) - 20px) auto;
}
.colonnegauche .entete {
	height: 90px;
	background-size: calc(var(--largeurcolgauche) - 40px) auto;
	background-position: center 26px;
}
.blocconnexion .logosmartphone {
	margin-bottom: 15px;
}


/* Spécifique EURELECTRIC */

.blocaccordeonTitre::before {
	background: #46A1CE;
}
.blocaccordeonTitre:not(.sansContenu):hover {
	background-color: #AFB1B4;
}
.blocaccordeonTitre {
	background-color: #D5D7D8;
}
.texte {
	max-width: 800px;
}
.divblocGradient :is(.after1, .after2) {
	display: none;
}
.divblocGradient {
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.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;
}
.dateActu {
	margin-top: 16px;
}
@container centre (max-width: 800px) {
	.blocActuTop .blocActuTopRight .blocActu {
  		display: flex;
  		flex-direction: row;
	}
	.blocActuTop .blocActuTopRight .blocActu .dateActu {
		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 .dateActu {
		margin-top: 16px;
	}
	:is(.blocActuAccueil, .blocActu) .droite .titreActu {
		margin-top: 10px;
	}
	:is(.blocActuAccueil, .blocActu) .droite .lirePlus {
		display: none;
	}
}

/*---------------------------------------------------------------------------------------- */
/* FONTS : Les fonts proviennent du dossier websites "EUREXT/OWS/CSS/fonts/custom"         */
/*         voir égalament EUREXT.css pour voir à quoi correspondent les codes des polices  */
/*---------------------------------------------------------------------------------------- */

* , *::before , *::after, *::placeholder {
	font-family: 'Qanelas' !important;
}
.blocGradientDetail .description :not(.containerIcone, .icone) {
	font-family: 'Qanelas' !important;
}
.texte:not(.autoriserMiseEnPage) *, .description * {
	font-family: 'Qanelas' !important;
}

@font-face {
	font-family: 'Qanelas';
	src: url('./fonts/Qanelas-Light.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Qanelas';
	src: url('./fonts/Qanelas-Regular.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Qanelas';
	src: url('./fonts/Qanelas-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}

/***************************************************************/
/* DEBUT : https://www.highcharts.com/demo/organization-chart */
/*************************************************************/

.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 960px;
  margin: 1em auto;
}
.highcharts-data-table table {
  font-family: var(--font-family-regular) !important;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
.highcharts-figure #container h4 {
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
}
.highcharts-figure #container p {
  font-size: 13px;
  line-height: 16px;
}
.highcharts-figure .linkto p {
	font-family: "Qanelas" !important;
}
.highcharts-figure .linkto a:link {
	font-family: "Qanelas" !important;
	color: #fff;
	text-decoration: none;
}
.highcharts-figure .linkto a:visited {
	color: #fff;
	text-decoration: none;
}
.highcharts-figure .linkto a:hover {
	text-decoration: underline;
}
.highcharts-title {
    fill: #434348;
	font-family: "Qanelas" !important;
    font-size: 14px;
}
.highchartsVersionDesktop {
  	display: block;
 }
.highchartsVersionMobile {
  	display: none;
}

@media screen and (max-width: 600px) {
  .highcharts-figure #container h4 {
    font-size: 2.3vw;
    line-height: 3vw;
  }
  .highcharts-figure #container p {
    font-size: 2.3vw;
    line-height: 3vw;
  }
  .highchartsVersionDesktop {
  	display: none;
  }
  .highchartsVersionMobile {
  	display: block;
  }
  .highcharts-figure, .highcharts-data-table table {
  	min-width: calc(100vw - 40px - 46px);
  }
  .highcharts-container  {
  	margin: auto !important;
  }
}

/***************************************************************/
/* FIN : https://www.highcharts.com/demo/organization-chart */
/*************************************************************/


#pageMembresEUREXT.pageSansRecherche {
	gap: 0px;
}
#pageMembresEUREXT .social {
	display: flex;
	gap: 7px;
}
#pageMembresEUREXT .membersTd1 .social {
	margin-block: 50px;
}
#pageMembresEUREXT .tdLogos .social {
	justify-content: flex-end;
}
#pageMembresEUREXT .membersTd1 .social {
	justify-content: center;
}
#pageMembresEUREXT .social .imgLogo {
	height: 28px;
	width: 28px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#pageMembresEUREXT .social .imgLogo.twitterImg {
	background-image: url("../Images/twitter.png");
}
#pageMembresEUREXT .social .imgLogo.linkedinImg {
	background-image: url("../Images/linkedin.png");
}
#pageMembresEUREXT .membersRepresentants .social .imgLogo {
	height: 20px;
	width: 20px;
	margin-top: 5px;
}
#pageMembresEUREXT .telecom {
	display: flex;
	gap: 5px;
	align-items: center;
}
#pageMembresEUREXT .telecom a {
	color: var(--accent500);
}
#pageMembresEUREXT .membersTd1 {
	width:25%;
}
#pageMembresEUREXT .membersTd1 .logoNomExterne {
	margin-bottom: 24px;
}
#pageMembresEUREXT .alignCenter {
	text-align:center;
}
#pageMembresEUREXT .membersDesc .texte,
#pageMembresEUREXT .representantFiche .texte{
	margin-inline: unset;
}
#pageMembresEUREXT .membersDesc, 
#pageMembresEUREXT .membersRepresentants {
	padding-left: 30px;
}
#pageMembresEUREXT .membersDesc {
	padding-bottom: 30px;
}
#pageMembresEUREXT .membersTable td {
	vertical-align: top;
}
#pageMembresEUREXT .membersTable td.tdLogos {
	text-align: right;
}
#pageMembresEUREXT .nomPays {
	font-size: 1.5em;
}
#pageMembresEUREXT .representantFiche:not(:first-child) {
	padding-top: 20px !important;
}
#pageMembresEUREXT .logoNomExterne {
	width: 100%;
}
#pageMembresEUREXT .logoNomExterne.withURL:hover {
	cursor: pointer;
}
#pageMembresEUREXT .membersTd1 .logoNomExterne > img {
	margin-inline: auto;
}

@container centre (max-width: 700px) {

	#pageMembresEUREXT .tdContact {
		margin-bottom: 24px !important;
	}
	#pageMembresEUREXT .membersTd1 {
		width:100%;
	}
	#pageMembresEUREXT .membersDesc, 
	#pageMembresEUREXT .membersRepresentants {
		padding-left: 0px;
	}
	#pageMembresEUREXT .nomPays {
		padding-bottom: 20px;
	}
	#pageMembresEUREXT .membersTable tr {
		display: flex;
		flex-direction: column;
	}

}


html.iframeNewsletter {
	background-color: #fff;
}
body#iframeNewsletter {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Qanelas-Regular', sans-serif;
	/* font-size: 15px; */
    font-size: 18px;
    line-height: 1.6;
    color: #8c8c8c;
}
body#iframeNewsletter::after {
	background: none;
}
body#iframeNewsletter .site {
	background-color: #fff;
	padding-top: 0px;
	max-width: 1330px;
  	margin: auto;
	display: block;
	height: auto;
}
body#iframeNewsletter .corps {
	background-color: #fff;
	padding: 20px 35px 35px 35px;
  	min-height: calc(100vh - 125px - 35px);
}
body#iframeNewsletter .titreBlocNewsletter {
	padding-left: 15px;
    border-left: 3px solid #70D549;
    /* font-size: 22px; */
	font-size: 32px;
    margin-bottom: 20px;
    font-family: var(--font-family-regular), sans-serif;
    color: #636363;
    font-weight: 700;
}
body#iframeNewsletter .titreBlocNewsletter2 {
    font-family: var(--font-family-regular), sans-serif;
    color: #636363;
    font-weight: 700;
    /* font-size: 18px; */
	font-size: 24px;
    margin-top: 25px;
    margin-bottom: 10px;
}
body#iframeNewsletter .titreBlocNewsletter2.vert {
	color: #70D549;
}
body#iframeNewsletter input[type="text"] {
	display: block;
    width: calc(100% - 24px);
    padding: 6px 12px;
    /* font-size: 14px; */
	font-size: 18px;
    line-height: 1.42857143;
    border: none;
    border-bottom: 1px solid #dedede;
    margin-bottom: 0px;
    color: #555;
	background-color: transparent;
	border-radius: 0px;
	font-weight: normal;
}
body#iframeNewsletter input[type="checkbox"] {
	display: none;
}
body#iframeNewsletter input[type="checkbox"] + label::before {
	position: relative;
   	bottom: 1px;
   	width: 18px;
   	height: 18px;
   	margin-right: 8px;
   	content: '';
   	border: 1px solid #dedede;
   	display: inline-block;
   	top: 4px;
}
body#iframeNewsletter input[type="checkbox"]:checked + label::before {
    color: #fff;
    text-align: center;
    background: #5cb85c;
    border: 1px solid #3d8b3d;
}
body#iframeNewsletter input[type="checkbox"] + label {
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 15px;
}
body#iframeNewsletter input[type="checkbox"][name="noorganisation"] + label {
	font-weight: normal;
	font-size: 13px;
	margin-left: 12px;
}
body#iframeNewsletter input[type="checkbox"][name="noorganisation"] + label::before {
   	width: 15px;
   	height: 15px;
}
body#iframeNewsletter p {
    margin: 0 0 10px;
}
body#iframeNewsletter hr {
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
body#iframeNewsletter input.boutonvalider {
	background-color: #70D549;
    border-radius: 2px;
    padding: 6px 12px;
    /* font-size: 14px; */
	font-size: 18px;
    float: left;
	margin-top: 23px;
	color: white;
	cursor: pointer;
	border: 0px;
	font-family: 'Qanelas';
	font-weight: 600;
}
body#iframeNewsletter #col1 {
	width: calc(100% - 30px);
	padding-left: 15px;
	padding-right: 15px;
	max-width: 600px;
}
body#iframeNewsletter .divRelative {
	position: relative;
	margin-bottom: 15px;
}
body#iframeNewsletter .fieldRequired {
	margin-bottom: 15px;
	font-size: 12px;
	margin-left: 12px;
}
body#iframeNewsletter .infosCheckboxIframe {
	margin-bottom: 15px;
	font-size: 14px;
	margin-left: 30px;
	margin-top: 6px;
}

/* Pour EURELECTRIC on masque les cases des macro de niveau 2 */
.tableau.AtvEnPartiesTable tr[data-niv="2"]:has(.checkmacro) :is(input[type="checkbox"] + label,.prix) {
	display: none;
}


option {
	font-family: sans-serif;
	font: 400 16px/24px sans-serif;
	font: 400 18px/26px 'Inter';
}
input:is([type="radio"], [type="checkbox"]) + label {
	font: 500 16px/24px 'Inter';
	font: 500 18px/26px 'Inter';
}
input[type="radio"] + label::before, 
input[type="checkbox"] + label::before {
	margin-top: 3px;
}
.infosCheckbox, 
.infosCheckboxDessous, 
.infosCheckboxAtvDessous {
	font: 500 14px/21px 'Inter';
}
.infosCheckboxDessus, 
.infosCheckboxDessus2 {
	font: 500 16px/24px 'Inter';
}