:root{

	--primary50: #e7f3f8;
	--primary100: #d1eaf5;
	--primary200: #99d6f0;
	--primary300: #61c5ef;
	--primary400: #21b3f2;
	--primary500: #009bdb;
	--primary600: #0a7cae;
	--primary700: #0e668b;
	--primary800: #0f4c66;
	--primary900: #0f3748;

	--accent50: #fef5e7;
	--accent100: #fceacf;
	--accent200: #fad59e;
	--accent300: #f7c273;
	--accent400: #f5ad42;
	--accent500: #f29713;
	--accent600: #d0810b;
	--accent700: #a96909;
	--accent800: #7e4e07;
	--accent900: #573605;
}
.blocconnexion .logosmartphone {
	max-width: 340px;
	background-position:center;
	background-image:url('../images/logos/FAMGB.png');
}
.colonnegauche .entete, 
#siteActivitePublique #logoActivitePublique { /*Logo couleur*/
	background-image:url('../images/logos/FAMGB.png');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/FAMGB_small.png');
	background-size: calc(68px - 25px) auto;
	background-position: 12.5px center;
}
.colonnegauche .entete {
	height: 100px;
	background-size: calc(100% - 44px) auto;
	background-position: center;
}
.connexion .gauche {
	background: url("https://cdn.organica.technology/Extranet/bgConnexion/bgConnexionFAMGB.jpg");
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}
.connexion .gauche .imageConnexion {
	display: none;
}
.sousTitrePourBloc {
	font: 600 20px 'Inter';
	margin-bottom: 12px;
}
.formInscription span.errorInami {
	color: var(--rougeorganon);
	position: absolute;
	display: block;
	font-size: .8rem;
	bottom: -1.2rem;
	display: none;
	width: max-content;
}
.bgSpec {
	background: linear-gradient(to left,transparent,#0a7daf), url("https://famgb.organon-extranet-test.org/FAMGBEXT/ows/images/background6.jpg");
	background-size: cover;
}


.tableauassomembres tr:not(.head) {
	box-shadow: 1px 2px 0px 0px var(--couleurBordure);
}
.blocGradientAsso .titre-blocGradientDetail {
	align-self: center;
	margin-bottom: 0;
}
.blocGradientAsso .droite {
	display: flex;
}
@media screen and (max-width: 599px) {
	#dateActu, #filtresTabCat { display: none; }
	.blocBorder.blocItem {
		padding:0;
		border: 0;
		box-shadow: none;
	}
	.ligneIconeMobile-blocGradientDetail {
		margin-bottom: 0;
	}
	.descriptionsassos td, .tableauasso tr:not(.recherche), .tableauasso td {
		display: block !important;
		width: 100% !important;
	}
	.blocaccordeon.blocaccordeon1 {
		padding-top: 0;
	}
	.tableauassomembres tr:not(.head) {
		padding: 8px 0 !important;
		box-shadow: none;
	}
	.assosmembresname {
		padding: 0 12px;
	}
	.boutonAssoEnSavoirPlus {
		min-width: 94px;
	}
}

@media screen and (min-width: 600px) {
	.blocAstuceAlaUne, .blocAstuceAlaUne .gauche { max-height: 220px; }	
	#catActu  { display: none; }
}

/* Page d'accueil Newext */
.blocAstuceAlaUne .gauche{
	flex-basis: 16%;
	min-width: 160px;
}
.linkLirePlus {
	display: block;
	margin-top: 2rem;
}
.soustitreActu p {
	margin-top: .25rem;
}

.local_association_line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.assoListe {
	margin: 0rem 0rem;
}
@media screen and (min-width: 1200px) {
	.assoListe { margin: 0rem 10rem; }
}
.descriptionsassos img {
	filter: brightness(.98);
}
.containerAsso {
	display: flex;
	gap: 16px;
	align-items: center;
}
.boutonAssoEnSavoirPlus:hover {
	color: var(--accent500);
	background-color: var(--accent50);
}

.tableauasso.tableauassomembres tbody tr td .assosmembresname, .tableauasso tbody tr td:not(:has(> div.assosmembresname)) {
	padding-left: 1rem;
}
.tableauasso thead tr th {
	padding-left: 1rem;
}
.tableauasso.tableauassomembres thead tr th {
	padding-left: 1.5rem;
}
.bouleVerte, .bouleRouge {
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: baseline;
	margin: 0 .25rem;
	border-radius: 50%; 
}
.bouleVerte {
	background-color: #44a373;
}
.bouleRouge {
	background-color: #d55757;
}
#orgformRegister #genreBoule { margin-left: .95rem; }
td.flex {
  display: flex;
  width: calc(100%);
  position: relative;
  flex-wrap: nowrap;
}
#orgformRegister .tableform td, .tableform td div {
  max-width: 400px;
}
#orgformRegister .tableform td {
  padding-bottom: 2rem;
  position: relative;
}
#orgformRegister .flex .wid100:has(#GenreH) {
	display: flex;
}
#orgformRegister .flex .wid100:has(#GenreH) .divRadio {
	margin-right: 1rem;
}
#orgformRegister .tableform .libelle {
	padding-left: 15px;
	text-align: right;
	padding-right: 18px;
	text-wrap: balance;
}
#orgformRegister .tableform .separateur {
  border-top: thin solid rgb(225, 225, 225);
  margin-bottom: 24px;
  padding-bottom: 24px;
}
#orgformRegister #autorisation-contact-from-famgb {
  background-position: 19px 7px;
  width: 14px;
}
#orgformRegister .divRadio {
	margin-top: .75rem;
	margin-bottom: .75rem;
}
#orgformRegister .libelle.texteDansDate {
	align-self: center;
}
#orgformRegister .blocAssistant .date, #orgformRegister .prestationDate .date, #orgformRegister .prestationDateAssistant .date, #orgformRegister .date {
	width: 6.1rem;
}
#orgformRegister .tableform .select {
  	max-width: 380px;
  	background-color: white;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
  	padding-right: 30px;
}
#orgformRegister .tableform select.styled.sansBoule {
	width: calc(100% - 32px);
	max-width: 383px;
}
#orgformRegister .groupeBoutonValider.groupeBoutonValider2 {
	display: flex;
	justify-content: right;
}
#orgformRegister .groupeBoutonValider.groupeBoutonValider2 .i-am-btn-add {
	margin: 0 1rem;
}
#orgformRegister .w-libelle {
	width: 23rem;
}
#orgformRegister .libelle.texteDansDate.desle {
	min-width: 3rem;
	padding: 0 1rem 0 0;
}
#orgformRegister .tableform .MaisonMed td:nth-child(2) {
	display: flex;
}
#orgformRegister .reloadListe {
	position: relative;
	margin-left: 19px;
	margin-top: .75rem;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-image: url("../Images/icone/sync.svg");
	background-repeat: no-repeat;
	background-size: cover;
	filter: invert(40%) sepia(38%) saturate(6912%) hue-rotate(175deg) brightness(97%) contrast(101%);
}
#orgformRegister .reloadListe.load {
  width: 16px;
  height: 16px;
  border: 2px solid var(--primary500);
  border-top: 2px solid #d8f2fb;
  border-radius: 50%;
  pointer-events: none;
  background: none;
  filter: none;
  transition-property: transform;
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#orgformRegister .tableform a.lienMailto {
	border: none;
	color: var(--primary500);
	width: calc(100% - 12px);
	max-width: 342px;
	margin-top: -12px;
}

.descriptionnews {
	margin-bottom: 2rem;
}
.tableform.tableconsult tbody tr td.entetetab div.doublecaseLigne:first-child {
	font-weight: bold;
	padding-bottom: 1rem;
	text-align: center;
}
.tableform.tableconsult tbody tr td.entetetab div.doublecaseLigne:nth-child(2) {
	display: flex;
	padding-bottom: .25rem;
	justify-content: space-around;
	
}
.typeheure2 {
	width: 75px !important;
	margin: 15px;
}
.tableform.tableconsult tbody tr td.doublecase div:nth-child(2) select {
	margin: 0 15px 15px;
	width: 235px !important;
}
.texte {
	&:not(.autoriserMiseEnPage) {
		& :is(h1, h2, h3, h4)  {
			padding: 12px 16px 12px 48px;
			font: 600 16px/24px var(--fontDefaut);
			font: 600 20px/30px var(--fontDefaut);
			border-radius: var(--radius12);
			color: var(--grey600);
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: var(--primary50) !important;
			margin-bottom: 8px;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
			transition: background-color 0.3s;
			z-index: 1;
		}
	}
}
.texte {
	&:not(.autoriserMiseEnPage) {
		& :is(h4)  {
			font: 600 15px/24px var(--fontDefaut);
			color: var(--accent600);
			background-color: var(--accent50) !important;
		}
	}
}
.texte h3::before, .texte h4::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    left: 20px;
}
.texte h3::before { background: var(--primary200); top: 21px; }
.texte h4::before { background: var(--accent200); top: 18px; }
.texte table {
	margin-top: 1.5rem;
	background-color: white;
	border-radius: 16px; 
	padding: 4rem;
}
.texte table tr td {
	border-left: 1px solid #F0F0F0;
	padding-left: 3rem;
}
.loginpage #bandeauVersion, #bandeauVersion:not(:has(#texteBandeauVersion)) {
	display: none !important;
}
body:not(:has(#texteBandeauVersion)) {
	--heightBandeauVersion: 0px !important;
}