.ColMembreModif {
	text-align: right;
	white-space: nowrap;
	width: 288px;
}

.ColMembreModifInscript {
	text-align: right;
	white-space: nowrap;
	width: 325px;
}

.ColMembreModifInscriptUS {
	text-align: right;
	white-space: nowrap;
	width: 400px;
}

.DonAffDemCert {
	color: Blue;
	margin-left: 2em;
}

.DonneePageResultat {
	font-size: 1em;
	white-space: normal;
}

.DonneePageResultatNoWrap {
	font-size: 1em;
	white-space: nowrap;
}

.DonneePageListeIE {
	padding: 10px; 
	text-align: left;
	vertical-align: middle;
	align-items: center;
	font-size: 1em;
	white-space: normal;
}

.CellNomPageListeIE {
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 5px;
}

.EnteteImageEtatCompte {
	width: 20px;
}

.EntetePageResultat {
	font-size: .8em;
	font-weight: bold;
	white-space: nowrap;
}

.EntetePageListeIE {
	font-size: .8em;
	font-weight: bold;
	white-space: nowrap;
}

.EnteteSysteme {
	font-weight: 700;
}

.Indent {
	padding-left: 20px;
}

.LienEtatParCourriel {
	text-align: left;
}

.LienFactEnLigne {
	text-align: left;
}

.ListeEtatCompte {
	font-size: .9em;
}

.Marge {
	padding-left: 1em;
}

.MargeEtatCompte {
	padding-left: 2em;
}

.MargeFacture {
	padding-left: 2em;
}

.MsgNbDossier {
	padding-left: 2em;
	text-align: left;
}

.MsgQuitter {
	font-size: 1.5em;
	padding-left: 1em;
}

a.aideItem {
	display: block;
}

a.aide-connexion {
	display: inline-block; 
	color: #37424A;
	text-align: center; 
	font-size: 14px; 
	text-decoration: underline; 
	transition: color 0.3s ease; 
}

a.aide-connexion:hover {
	color: #000000; 
	text-decoration: underline;
}

body {
	background-color: #E4ECF5;
	color: #37424A;
	font-family: Arial;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

	body.aideConnexionPage {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-color: #E4ECF5;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		overflow: auto; /* Permet le défilement si nécessaire */
	}

div.colTexteDetail,
div.colTexteDetailEn {
	float: left;
	text-align: right;
	white-space: nowrap;
}
div.colTexteDetail {
	width: 7.5em;
}
div.colTexteDetailEn {
	width: 5.5em;
}

div.colCtrlDetail {
	float: left;
	padding-left: 1em;
	text-align: left;
	white-space: nowrap;
}
div.colCtrlDetail select {
	width:11em;
}

div.EnteteBouton {
}

	div.EnteteBouton input {
		height: 40px;
		width: 40px;
	}

div.EnteteDispo {
	color: #37424A;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;

}

div.EnteteFond {
}

div.EnteteLogo {
}

div.EnteteTexte {

}

div.EnteteTitre {
	color: #369;
	font-family: Arial;
	font-size: 32px;
	letter-spacing: .25px;
	font-weight: 400;
}

div.Message {
	display: block;
	margin: 1em 0;
}

div.MsgInformation {
	color: #02c;
}

div.TitreConnexion {
	text-align: center;
	font-family: Arial;
	color: #37424A;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	position: relative;
	top: -10px;
}

div.TitreConnexionMozaik {
	font-family: Arial;
	color: #37424A;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 2px;
}

div.TitreConsultation {
	font-family: Arial;
	color: #285B5B;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 40px;
}

div.TitreConsultationMozaik {
	font-family: Arial;
	color: #285B5B;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

div.TitreInscription {
	font-family: Arial;
	color: #336699;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 25px;
}

div.TitreInscriptionMozaik {
	font-family: Arial;
	color: #336699;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

div.accueilTexte {
	font-family: Arial;
	height: 100%;
	overflow: auto;
	text-align: center;
	margin-top: 25px;
}

div.accueilTexteMozaik {
	font-family: Arial;
	color: #2D2F30;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.25px;
	text-align: center;
	overflow: auto;
	min-height: 55px;
	margin-top: 8px;
}

div.accueilBoutonsConnMozaik {
	margin-top: -8px;
	text-align: center;
}

div.accueilBoutonsInscrMozaik {
	margin-top: 28px;
	text-align: center;
}
div.accueilBoutonsInscrAssoMoz {
	margin-bottom: -16px;
}
div.accueilBoutonsConsultMozaik {
	margin-top: 32px;
	text-align: center;
}

div.accueil {

}

div.accueilCenter {

}

div.accueilConnexion {
	height: 100%;
}

div.accueilConnexion div {
	padding-bottom: 10px;
}

div.enteteAuthMozaik div.Message {
	text-align: center;
	color: #336699;
	padding-right: 88px;
}

div.enteteCentre div.Message div.bandeauInformatif {
	text-align: center;
}

div.accueilSection {
	align-items: center;
	align-self: stretch;
	background: #FBFBFB;
	display: flex;
	flex: none;
	flex-direction: column;
	flex-grow: 1;
	gap: 24px;
	justify-content: space-between;
	order: 1;
	padding: 24px;
	gap: 8px;
	width: 285.33px;
}

div.accueilSectionMozaik {
	align-items: center;
	align-self: stretch;
	background: #FBFBFB;
	display: flex;
	flex: none;
	flex-direction: column;
	flex-grow: 1;
	gap: 24px;
	justify-content: space-between;
	order: 1;
	padding: 32px 24px;
	width: 285.33px;
	justify-content: flex-start; /* Alignement vertical en haut */
}

div.accueilSection input[name="CodeAccesLogin"],
div.accueilSection input[name="MotPasseLogin"] {
	align-items: center;
	border: 1px solid #6E767C;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	font-size: 16px;
	gap: 8px;
	height: 56px;
	line-height: 24px;
	padding: 0 16px;
	width: 237.33px;
}

div.aideItemTitre {
	font-weight: 700;
}

div.aideConnexion {
	background: #E9EFF9;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	max-width: 800px;
	width: 100%;
	margin: 20px;
}

	div.aideConnexion p {
		color: #2D2F30;
		margin-top: 0;
	}

	div.aideConnexion h3 {
		margin-bottom: 8px;
	}

div.associerMozaik {
	align-items: flex-start;
	background: #FBFBFB;
	color: #37424A;
	flex: none;
	flex-direction: row;
	flex-grow: 0;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	gap: 8px;
	letter-spacing: .25px;
	line-height: 15px;
	order: 1;
	padding: 10px 65px;
	border-style: solid;
	border-color: #FDB813;
}

div.basDePage {
	background: #E4ECF5;
	border-top: 1px solid #6E767C;
	color: #37424A;
	flex-direction: row-reverse;
	flex-grow: 0;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	order: 2;
}

div.bpGrics {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

div.bpTexte {
	color: #37424A;
	flex: none;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	height: 130px;
	line-height: 16px;
	order: 1;
}

div.bpTitre {
	color: #336699;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	height: 24px;
	letter-spacing: .15px;
	line-height: 24px;
}

div.menu {
	border-radius: 8px;
	margin: .75em;
	text-align: center;
	width: 14em;
}

div.Section {
	padding-left: 32px;
	margin-top: 1em;
}

div.SectionImg {
	padding-left: 24px;
	margin-top: 1em;
}

div.SectionBouton {
	padding-left: 20px;
	margin-top: 0.75em;
}

font.DonAff {
	color: Blue;
}

font.Exemple {
	display: block;
	color: black;
	font: .8em Arial, Verdana, Helvetica, sans-serif;
}

font.MsgAvertissement {
	left: 2em;
	position: relative;
}

font.MsgConfirmation {
	padding-left: 2em;
}

font.MsgErreur {
	color: Red;
	padding-left: 2em;
}

font.MsgErreur2 {
	color: Red;
	font-size: .82em;
	padding-left: 2em;
}

span.MsgErreur2 {
	color: Red;
	font-size: .82em;
	display:block;
}

.accueilConnexion > span.MsgErreur2 {
	width: 237.33px;
}

font.MsgErreurCustom {
	color: Red;
	font-weight: bold;
}

font.MsgInformation {
	color: #02c;
	text-align: left;
}

font.MsgTaille {
	font-size: .82em;
}

img.iconConnexionMozaik {
	display: block;
	margin-top: 18px;
}

img.iconInscription {
	display: block;
}

img.iconConsultation {
	display: block;
}

img.iconConsultationMozaik {
	display: block;
	margin-top: 12px;
}

img.iconeProfilListeIE {
	max-width: 50px;
	height: auto; 
	margin-right: 10px; 
}

img.Entete {
	vertical-align: top;
}

img.Espace {
	content: url(../IMG/espaceur.gif);
	height: 12px;
	width: 1px;
}

img.EspaceConsult {
	content: url(../IMG/espaceur.gif);
	height: 4px;
	width: 48px;
}

img.ImageEspacePageResultat {
	content: url(../IMG/espaceur.gif);
	height: 4px;
	width: 48px;
}

img.ImageEtatCompte {
	border: 0;
	content: url(../IMG/icone_etatcompte.svg);
	height: 16px;
}

img.ImageFacture {
	border: 0;
	content: url(../IMG/icone_facture.svg);
	height: 16px;
}

img.ImageReleveTaxe {
	border: 0;
	content: url(../IMG/icone_relevetaxe.svg);
	height: 16px;
}

img[name="pagePrec"] {
	height: 28px;
	content: url(../IMG/bouton_precedent.gif);
	border: 0;
	width: 30px;
}
img[name="pageSuiv"] {
	height: 28px;
	content: url(../IMG/bouton_suivant.gif);
	border: 0;
	width: 30px;
}

img.ResultEspaceur {
	content: url(../IMG/espaceur.gif);
	height: 8px;
	width: 30px;
}

img.SousTitre {
	content: url(../IMG/onglet_demi_cercle.gif);
	width: 48px;
}

img[src="../IMG/UE.svg"],
img[src="../IMG/IE.svg"] {
	width: 15px;
}

input.Bouton {
	border: 0;
}

input[name="Btn_Quitter_Int"] {
	order: 99;
}


table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

	table.Entete {
		width: 100%;
	}

	table.InscriptionMessage {
		padding: 1.25em;
		width: 100%;
	}

	table.InscriptionSection {
		width: 100%;
	}

	table.Liste {
		border-spacing: 3px;
		width: 100%;
	}

		table.Liste td,
		table.Liste th {
			border: 1px solid #000;
			padding-left: 2px;
		}

	table.ListeCadastres {
		border-spacing: 3px;
		margin-left: 1.9em;
		width: 100%;
	}

		table.ListeCadastres td,
		table.ListeCadastres th {
			border: 1px solid #000;
			padding-left: 2px;
		}

	table.ListeEmployes {
		border-spacing: 3px;
		margin-left: 1.9em;
		width: 60%;
		background-color: #fff;
	}

		table.ListeEmployes td,
		table.ListeEmployes th {
			border: 1px solid #000;
			padding-left: 2px;
		}

	table.ListeFacture {
		width: 70%;
	}

	table.ListeIE {
		margin-top: 1em;
		border-spacing: 1px;
		font-size: 1em;
		margin-left: 1.9em;
		min-width: 600px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}

	table.ListeIE td,
	table.ListeIE th {
		border: 1px solid #000;
		padding: 3px;
	}

	table.ListeResultats {
		border-spacing: 1px;
		font-size: 1em;
		margin-left: 1.9em;
		width: 100%;
	}

		table.ListeResultats td,
		table.ListeResultats th {
			border: 1px solid #000;
			padding: 3px;
		}

	table.ListeValeurs {
		border-spacing: 3px;
		margin-left: 1.9em;
		width: 100%;
	}

		table.ListeValeurs td,
		table.ListeValeurs th {
			border: 1px solid #000;
			padding-left: 2px;
		}

	table [name="LstPropriete"] {
		width: 100%;
		padding:0;
	}

	table.aide {
		margin-right: 1em;
	}

	table.menu {
		width: 100%;
	}

	table.noPage {
		background-color: #285B5B;
		width: 100%;
	}

	table.rechType {
		padding: 2px;
	}

	table.ResultNavig {
		border: 0;
		padding: 0;
		width: 100%;
	}

	td {
		align-content: start;
		border-collapse: collapse;
		padding: 0;
		vertical-align: top;
	}

	td.CheckboxNoWrap {
		text-align: center;
		white-space: noWrap;
	}

	td.EspacePageResultat {
		width: 100%;
	}

	td.Icone {
		text-align: center;
	}

	td.InscriptionMessage {
		padding-left: 2em;
		text-align: left;
		vertical-align: top;
	}

	td.InscriptionSection {
		text-align: left;
		vertical-align: top;
	}

	td.ListeProprios {
		padding-left:1.9em;
	}

	td.MargeDetail {
		width: 50px;
	}

	td.Montant {
		text-align: right;
	}

	td.MontantLeftNoWrap {
		padding-left: 2em;
		text-align: left;
		white-space: noWrap;
	}

	td.MontantNoWrap {
		text-align: right;
		white-space: noWrap;
	}

	td.NoRepeat {
		background-repeat: no-repeat;
	}

	td.NoWrap {
		white-space: noWrap;
	}

	td.PageResultat {
		width: 90%;
	}

	td.RechColDetail {
		text-align: left;
		vertical-align: middle;
		white-space: noWrap;
	}

	td.RechColTexte {
		padding-right: 1em;
		text-align: right;
		vertical-align: middle;
		white-space: noWrap;
		width: 7.8em;
	}

	td.RechPar{
		margin-top:1em;
		display: block;
	}

	td.RechVide {
		height: 17.813em;
	}

	td.ResultNavig {
		height: 30px;
		width: 50%;
	}

	td.ResultNavigGap {
		height: 4px;
	}

	td.ResultNavigMsg {
		width: 50px;
	}

	td.ResultNavigPadding {
		height:0.5em;
		width:3em;
	}

	td.ResultatVisionneuse {
		padding-left: 1em;
		padding-top: 1em;
		text-align: left;
		white-space: nowrap;
	}

	td.SousTitre {
		color: #FFF;
		background: linear-gradient(60deg, rgba(0,51,0,1) 0%, rgba(0,85,85,1) 15%);
		font-size: 0.8em;
		font-weight: bold;
		width: 290px;
		white-space: nowrap;
		display: block;
		padding-top: 3px;
		height: 17px;
		text-transform: uppercase;
	}

	td.SousTitreFin {
		display: none;
	}

	td.aideSect {
		font-size: 1.2em;
		padding-left: 1em;
		padding-top: 1em;
		text-align: right;
		white-space: nowrap;
	}

	td.aideTexte {
		left: .25em;
		padding-right: 1em;
		padding-top: 1.3em;
		position: relative;
	}

	td.colCtrlDetail {
		padding-left: 1em;
		text-align: left;
		padding-bottom:5px;
	}

	td.colCtrlDetailWrap {
		padding-left: 1em;
		text-align: left;
	}

	td.colCtrlDetail_100 {
		text-align: left;
		width: 100px;
	}

	td.colCtrlDetail_140 {
		text-align: left;
		width: 140px;
	}

	td.colCtrlDetail_90D {
		text-align: right;
		width: 90px;
	}

	td.colCtrlDetail_90G {
		text-align: left;
		width: 90px;
	}

	td.colTexteDetail {
		text-align: right;
	}

	td.menu {
		display: inline-block;
		left: .5em;
		padding-bottom: 1em;
		padding-left: .5em;
		padding-right: .5em;
		padding-top: .5em;
		position: relative;
		top: 1em;
	}

	td.noPage {
		color: #fff;
		font-size: 1em;
		padding: .1em 0 .1em 1em;
		width: 100%;
		line-height:1.3em;
	}

		td.noPage a {
			color: #69f;
			text-decoration: none;
		}

	td.noPageFleche {
		color: #fff;
		font-size: 1em;
		padding: .3em 0 0 1em;
		text-decoration: none;
		white-space: nowrap;
	}

th {
	background-color: Silver;
	border-collapse: collapse;
	padding: 0;
}

	th.NoWrap {
		white-space: noWrap;
	}

	th.NoWrap_15 {
		white-space: noWrap;
		width: 15%;
	}

	th.NoWrap_18 {
		white-space: noWrap;
		width: 18%;
	}

	th.Titre {
		text-align: left;
		white-space: noWrap;
	}

	th.Titre_10 {
		text-align: left;
		white-space: noWrap;
		width: 10px;
	}

	th.Titre_50 {
		text-align: left;
		white-space: noWrap;
		width: 50px;
	}

	th.Titre_110 {
		text-align: left;
		white-space: noWrap;
		width: 110px;
	}

	th.Titre_200 {
		text-align: left;
		white-space: noWrap;
		width: 200px;
	}

	th.Titre_300 {
		text-align: left;
		white-space: noWrap;
		width: 300px;
	}

	th.Titre_90 {
		text-align: left;
		white-space: noWrap;
		width: 90px;
	}

tr.Regroupement,
tr.Sommaire {
	background-color: #fff;
}

.IconeVoirMotPasse {
	float: right;
	margin-right: 20px;
	margin-top: -40px;
	cursor: pointer;
	width: 25px;
	height: 25px;
	position:relative;
	z-index:999;
}

.IconeVoirMotPasse.Profil, .IconeVoirMotPasse.Inscription {
	margin-right: 7px;
	margin-top: -30px;
}

.IconeVoirMotPasse.Employe, .IconeVoirMotPasse.ReinitMP {
	margin-right: 5px;
	margin-top: -18px;
	width: 15px;
	height: 15px;
}

::-ms-reveal {
	display: none
}

.TableListeEtatCompte {
	width: 75%;
}

.EnteteLogo img {
	height:55px;
}

.iconeAvertissement {
	display: block;
	width: 10%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.texteIconeAvertissement {
	text-align: justify;
	text-justify: inter-word;
	max-width: 585px;
	display: table-cell;
	vertical-align: middle;
}

#iframe-wrapper {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Ratio */
}

	#iframe-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}



/* Ajout Oshara */
body {
	background-color: #E4ECF5 !important;
}
.row{
	margin:auto !important;
}
.noPadding{
	padding: 0;
}
.enteteCentre {
	padding: 20px 0;
	background: #FFF;
	border-bottom: 8px solid #285B5B;
}

.bandeauInformatif {
	background: #C5E4FF;
	padding: 7px 0;
	display: none;
}
.no-padding{
	padding:0 !important;
}
.index-nav{
	margin: 20px 0 !important;
	list-style-type:none;
}
.list-group.index-nav{
	flex-direction: row !important;
	flex-wrap:wrap;
	gap: 10px;
}
.list-icone li{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.list-icone img{
	margin-right: 20px;
}
.list-no-style li{
	list-style:none;
}
.EnteteFond{
	align-items: center;
}
.EnteteBouton {
	display: flex;
	justify-content: end;
}
.accueilCenter {
	background-color: #E4ECF5;
}

.accueil {
	padding: 40px 0;
	gap: 30px;
}
.basDePage{
	align-items: start;
	padding: 20px 0;
}
.tfp-inner{
	margin-bottom:30px;
	max-width:600px;
}
.tfp-inner h3,
.tfp-rech h3{
	max-width:600px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #285B5B;
	padding: 10px 40px;
	margin-bottom:20px;
	border-radius:4px;
}
.tfp-inner h4{
	font-weight:bold;
	font-size: 18px;
}
input.form-control {
	width: auto;
}
input:not([type="image"],[type="submit"] )
 {
	width: 100%;
}
.tfp-inner input:is([type="checkbox"]){
	width: 14px;
}
.tfp-inner font.MsgAvertissement{
	position:unset;
}
.tfp-table {
	overflow: scroll;
}
.tfp-table table td,
.tfp-table table th {
	border: 1px solid #000;
	padding: 3px;
}
.tfp-table .ListeIE {
	margin: 0 !important;
}
td.EspacePageResultat{
	border:none !important;
}
select#CB_Municipalite {
	width: 100%;
}
.ligne-formulaire{
	display:flex;
	align-items:center;
	margin-bottom: 10px;
}
.label-formulaire{
	width: 30%;
	text-align:right;
	margin-bottom: 0;
}
.label-formulaire-local-rech {
	width: 30%;
	text-align: right;
	align-self: normal;
	margin-top: 10px;
}
.champs-formulaire{
	width:70%;
	margin-left: 20px;
	margin-bottom:0;
}
.champs-formulaire input{
	padding:5px;
}
.ligne-formulaire.inscription{
	flex-direction:column;
	align-items:start;
	margin-bottom:20px;
}
.confirmer-cgu{
	padding-left:30px;
}
.aide-table .aideTexte,.aide-table .aideSect{
	padding:10px;
}
.btn {
	text-align: center;
	text-transform:uppercase;
	min-width:150px;
}

form .btn.btn-valider {
	background-color: #285B5B;
	font-size: 14px;
	color: #fff;
}
form .btn.btn-annuler {
	background-color: dimgrey;
	font-size: 14px;
	color: #fff;
}
.tfp-nav-tab {
	padding: 10px 20px;
	background: #285b5b;
	margin-top: 20px;
	color:#fff;
}

.tfp-nav-tab a {
	color: #fff;
}
.ResultNavigMsg {
	display: block;
	margin-bottom: 10px;
}
.resultats .ListeResultats{
	margin:0;
}
.resultats .DonneePageResultatNoWrap{
	padding:0;
	word-break:break-all;
}
/* Media Queries pour le responsive mobile*/
@media screen and (max-width: 600px) {
	form .btn{
		display:block;
		margin:10px auto;
	}
	table.ListeIE{
		min-width:360px;
	}
}

/* Details d'une facture */
.DetailFactureTab {
	width: 100%;
	margin-bottom: 20px;
}

.DetailFactureTab th {
	font-weight: normal;
    font-variant: small-caps;
}

.DetailFactureTab td {
	min-width: 100px;
}

.BtnProduirePDF {
	display: block;
	margin: 20px 0px;
}

/* Pour imprimer la facture */
@media print {
	.tfp-table {
		overflow: hidden;
	}

	.BtnProduirePDF, .EnteteBouton {
		display: none;
	}

	div.EnteteLogo {
		width: 20%;
	}

	div.EnteteTexte {
		width: 60%;
		text-align: center;
	}

	div.container {
		max-width: none;
	}
}