:root{
	--primary50:#F3F6EF;
	--primary100:#E7EDDE;
	--primary200:#D2DCC1;
	--primary300:#BACAA0;
	--primary400:#A2B880;
	--primary500:#8BA660; /* couleur principale */
	--primary600:#6F864B;
	--primary700:#546539;
	--primary800:#394526;
	--primary900:#1B2112;
}
.colonnegauche .entete, 
.logosmartphone,
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ECTA_Logo.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('https://cdn.organica.technology/OfficeWeb/bg/ECTA_Logo.png');
}
.colonnegauche .entete {
	height: 90px;
	background-size: calc(var(--largeurcolgauche) - 70px) auto;
	background-position: center 11px;
}

.connexion .gauche {
	background: url("https://ecta.org/ECTA/ows/images/bg.jpg");
	/*background: url("https://ecta.org/ECTA/ows/images/europe.jpg");*/
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	/*transform: scaleX(-1);*/
}
.connexion .gauche .imageConnexion {
	display: none;
}

.myecta .libellegrp {
  color: #5f5f5f;
  display: block;
}
.myecta .belong {
  color: #5f5f5f;
  margin-bottom: 15px;
}


/* Page "Modifier mon profil" (ECTA) */
#updateMyProfileForm { padding-left: 5rem; } 
#centre #updateMyProfileForm .content { padding: 0 8rem 40px 0; }
#updateMyProfileForm .libelle { margin-bottom: .5rem; }

#updateMyProfileForm .blocaccordeonListe3, #updateMyProfileForm .blocaccordeonListe4 {
	flex-direction: column;
	gap: 32px;
}

.showMobile { display: none; }

@media screen and (max-width: 1260px), screen and (max-device-width: 1260px) { /* SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE */


	.showMobile {
		display: block;
	}
	span.showMobile {
		font-weight: bolder;
	} 

}

.row {
  --bs-gutter-x: 1.75rem;
}


.ECTAatvjour {
	float:left;
	width:160px;
	text-align:center;
	margin:0px 0px 50px 50px;
	cursor:pointer;
}

.ECTAatvjour .jour {
	font-size:38px;
	color:var(--grey800);;
	text-transform:uppercase;
	opacity:0.2;
	text-align:center;
	letter-spacing:2px;
	line-height:17px;
}
.ECTAatvjour .date {
	font-size:20px;
	color:var(--grey300);
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
}
.ECTAatvjour:hover .date {
	text-decoration:underline;
}
.ECTAatvjour.actif .date {
	color:#94c236;
	text-decoration:underline;
}
table.programme {
	border-collapse:collapse;
	width:100%;
}
table.programme tr td.heure{
	width:125px;
	min-width:125px;
	font-size:18px;
	color:var(--grey400);
	text-align:right;
	padding-right:25px;
	vertical-align:top;
	padding-top:10px;
}
table.programme tr td.titredesc{
	border-left:2px solid #c7e38f;
	vertical-align:top;
	padding-bottom:25px;
}
table.programme tr td.titredesc .titre{
	padding-left:30px;
	padding-right:15px;
	padding-top:10px;
	font-size:20px;
	color:var(--grey500);
}
table.programme tr td.titredesc::before{
	content: "";
  width: .90rem;
  height: 0.45rem;
  background-color: #c7e38f;
  float: left;
  margin-top: 1.10rem;
}
table.programme tr td.titredesc .desc{
	padding-left:30px;
	padding-right:15px;
	font-size:1rem;
	color:var(--grey400);
	margin-top:25px;
}

.ul-cols { columns: 1; }
@media screen and (min-width: 780px) { .ul-cols { columns: 2; } }
@media screen and (min-width: 1260px) { .ul-cols { columns: 3; } }

.uploaddocform, .uploaddocform2 {
	display: none;
	margin-bottom: 30px;
}

.ecta_applications .row div:not(.fw-bold) { color: var(--grey400); }
.ecta_applications .fw-bold { color: var(--grey450); }
.belongto a:hover { text-decoration: underline; }
.messok {
	background: var(--accent400);
	border-radius: .5rem;
	color: white;
	font-weight: bold;
}