html 					{	margin			: 0;
							padding			: 0;
							height			: 100%;
						}
body					{	width			: auto;
							margin			: auto;
							margin-top		: 5px;
							background-color: white;
							font-family		: NunitoSans, Calibri, 'Times New Roman', edwardian, Arial, Helvetica, sans-serif;
							font-size		: 10pt;
							color 			: rgb(60,60,60);
						}
em 						{	font-style		: normal;}
footer					{	width			: 500px;
							margin			: auto;
						}						
h1  					{	padding-top		: 15px;
							font-size		: 23px; /* titre logement */
							text-align		: center;
							color 			: white;
						}				
h1 a					{	font-size		: 1.4em;
							color 			: white;
							padding-left	: 5px;
							opacity			: 0.8;
						}
h1 em					{	font-size		: 17px;}
h2						{	font-size		: 20px;
							text-align		: center;
						}
h3						{	font-size		: 20px; /* titre logement */
							text-align		: center;
							color 			: white;
							margin-top 		: 0px;
						}
h4						{	font-size		: 20px; /* titre espace commun */
							color 			: white;
							padding-left	: 15px;
						}
/* Gestion Dos Web */
h5 						{	margin-bottom	: 1rem;
							Color 			: Black;
							font-size 		: 25px;
							text-align	 	: center;
							margin-top 		: 15px;
						}
table img 				{	border-radius	: 25px 25px;}
section					{	background-color: white;
							width			: 900px; /*auto; */
							margin			: auto;
						/*	margin-left 	: 20px;
							margin-right 	: 20px; */
							margin-top		: 7px;
/*							box-shadow		: 4px 4px 4px silver; */
						}
section a				{	color			: black;}

section div				{	width			: auto; /* 640px; */
							margin			: auto;
							padding-top 	: 10px; 
							padding-left	: 12px;
							font-size		: 1.2em;
							text-align		: justify;
							color			: black;
						}

section p				{	font-size		: 20px;
							text-align		: justify;
						}
/* les class */

.Accueil				{/*	background		: url('../Images/LaCoLocDu167_AccueilSite.jpg') no-repeat;*/
							width			: 900px;
							height			: 480px;
							margin 			: auto;
							margin-top		: -13px;
 							border-radius	: 5px;
							
						}
						
.AccueilAccroch 		{	width		 	: auto;
							margin-top		: -7px;
							font-size		: 28px;
							text-align		: center;
							color		 	: white;
							background-color: black; /*rgb(80,80,80,0.6); */
							text-shadow		: 2px 2px 2px black;
							padding			: auto; /*3px 3px; */
							border-radius	: 0px 0px 3px 3px; 
						}
.AccueilAccroch a		{	color		 	: white;}
.AccueilDeconnect 		{	float			: right;
							width			: 28px;
							border-radius	: 5px;
						}
.AccueilBouton			{	margin-top		: -20px;}
/*
.AccueilLang			{	float			: left;
							width			: 45px;
							border-radius	: 5px;
						}
/*Gestion Dos Web */
.AdosWeb				{	text-decoration	: none;
							color			: #007BFF;
							margin-left		: 10px;
						}
.AdosWeb:hover			{	text-decoration	: underline;}
.Avis 					{	background-color: white; /* rgb(80,80,80,0.6); */
							border			: 1px solid #ccc;
							border-radius	: 10px; 
							padding			: 10px;
							margin-bottom	: 10px;
						}
.AvisMerci 				{ 	background-color: white;
							text-align 		: center;
							font-size		: 25px;
							font-style 		: Italic;
							color			: rgb(60,60,60);
						}
.BailCivil				{	width			: 670px;
							margin-top 		:-30px;
							padding-left	: 10px;
/*							padding-right	: 10px; */
							font-size		: 12px;
							text-align		: justify;
							color			: black;
						}
.BailCivil h1			{	margin			: auto;
							height			: 1px;
							font-size		: 20px;
							color			: black;
							text-align		: center;
							
						}
.BailCivil h2			{	font-size		: 16px;}
/* gestion Dos Web */
.Body 					{	font-family		: NunitoSans, Calibri, 'Times New Roman';
/*							background		: #f9f9f9;*/
							padding			: 2rem;
							width			: 900px;
						}
/*Bulle de commentaire */	
.BulLienContainer	 	{	position		: relative;
							display			: inline-block;
							cursor			: pointer;
						}
.BulTxt 				{	display			: none; /* Texte dans le bulle */
							position		: absolute;
							width			: 125px;
							padding			: 3px 5px;
							border			: 1px solid #ccc;
							border-radius	: 3px;
							box-shadow		: 0 2px 4px rgba(0, 0, 0, 0.2);
							background-color: white;
							font-size 		: 15px;
							color			: rgb(80,80,80);
							Text-align 		: left;
							
						}	
.BulTxt::before 		{ 	content			: ''; /* Flèche de la bulle */
							position		: absolute;
							top				: 100%;
							left			: 10px;
							border-width	: 4px;
							border-style	: solid;
							border-color	: #fff transparent transparent transparent;
						}
.BulLienContainer:hover
.BulTxt  /* Position de la bulle au-dessus du lien*/
						{	display			: block;
							padding-top		: auto; /* position au dessus du lien */
							bottom			: 100%; /* Réinitialisation de la position au-dessus du lien */
							transition		: top 0.2s ease-in-out; /* Ajout d'une transition pour une animation fluide */
						}
/* Sécurité entrées données */
.captcha-char 			{	width			: 14px !important;
							font-weight 	: bold;
							font-style		: normal;
							text-transform  : uppercase;
							color 			: rgb(80,80,80);
						}
/* Carousel 3D Accueil */
.Carousel 				{ 	position		: relative;
							width			: 900px;
							height			: 480px;
							margin 			: auto;
							overflow		: hidden;
							border-radius	: 3px 3px 0px 0px;
							box-shadow		: 0 4px 10px rgba(0,0,0,0.3);
						} 
.Carousel .Logo 		{	position		: absolute;
							top				: 2px;   
							left			: 2px; 
							z-index			: 10;   /* au-dessus des images */
							display			: block;
						}
.Carousel .Logo img 	{	width			: 80px;    /* ajuste la taille du logo */
							height			: auto;
							border-radius	: 2px;  /* optionnel : coins arrondis */
							box-shadow		: 0 2px 6px rgba(0,0,0,0.3); /* optionnel : ombre */
						}
.Logo:hover img 		{	transform		: scale(1.1);} /* Le logo s'agrandit de 10% au survol */
.Carousel .Lang 		{	position		: absolute;
							top				: 2px;     /* distance du haut */
							left			: 428px;    /* distance de la gauche */
							z-index			: 10;   /* au-dessus des images */
							display			: block;
						}
.Carousel .Lang img 	{	width			: 40px;    /* ajuste la taille du logo */
							height			: auto;
							border-radius	: 2px;  /* optionnel : coins arrondis */
							box-shadow		: 0 2px 6px rgba(0,0,0,0.3); /* optionnel : ombre */
						}
.Lang:hover img 		{	transform		: scale(1.1);} /* Le logo s'agrandit de 10% au survol */
.Carousel .Lang2 		{	position		: absolute;
							top				: 17px;     /* distance du haut */
							left			: 428px;    /* distance de la gauche */
							z-index			: 10;   /* au-dessus des images */
							display			: block;
						}
.Carousel .Lang2 img 	{	width			: 40px;    /* ajuste la taille du logo */
							height			: auto;
							border-radius	: 2px;  /* optionnel : coins arrondis */
							box-shadow		: 0 2px 6px rgba(0,0,0,0.3); /* optionnel : ombre */
						}
.Lang2:hover img 		{	transform		: scale(1.1);} /* Le logo s'agrandit de 10% au survol */
.Carousel .slides 		{	display			: flex;
							transition		: transform 0.5s ease-in-out; /* Transition fluide du glissement */
							width			: 400%; /* Sur un carousel de 4 images, on définit la largeur totale */
						}
.Carousel .slides img 	{	width			: 100%;
							height			: 100%;
							object-fit		: cover;
							display			: block;
						}
.arrow 					{	position		: absolute;
							top				: 50%;
							transform		: translateY(-50%); 
							font-size		: 2rem;
							color			: orange;
							background		: rgba(255,255,255,0.4);
							border			: none; 
/*							padding			: 0.5rem 1rem;  gros ovale */
							cursor			: pointer;
							border-radius	: 15%;
							user-select		: none;
						}
.arrow.left 			{	left			: 10px; }
.arrow.right 			{   right			: 10px; }
.Carousel-dots 			{	text-align		: center;
							position		: absolute;
							bottom			: 10px; /* Positionner en bas */
							left			: 50%;
							transform		: translateX(-50%);
							z-index			: 10;
						}
.Carousel-dots .dot 	{	height			: 5px;
							width			: 5px;
							margin			: 0 5px;
							background-color: white;
							border-radius	: 50%;
							display			: inline-block;
							transition		: background-color 0.3s ease;
							cursor			: pointer;
						}
.Carousel-dots .dot.active {background-color: orange;}
/* Mess Erreur */
.CodAccesFaux			{	font-size		: 13pt;
							text-align		: center;
							color			: red;
							height			: 14px;
							margin			: auto;
						}
.Conseil 				{	background-color: white;
							text-align 		: center;
							font-size		: 15px;
							font-style 		: Italic;
							color			: orange;
						}
/* Texte dans les fenêtres exterieures/popup */
.Edito					{	padding-left	: 80px;
							padding-right	: 80px;
							font-size		: 17px;
							text-align		: justify;
							color			: White;
						}
.Entete					{	background		: url('../Images/LaCoLocDu167_LaPlage.jpg') no-repeat;
							width			: 900px;
							margin			: auto;
							height			: 324px;
							border-radius	: 5px 5px;
/*							box-shadow		: 0px 3px silver; */
						}
.Entete span a			{	font-size		: 30px; /*h1 a */
							color			: rgb(80,80,80);
							font-weight		: bold;
						}
.Entete span 			{	font-style		: normal;
							font-size		: 17px;
/*							font-style 		: italic; */
							padding-left	: 15px;
							opacity			: 0.9;
							margin-top 		:-30px;
						}
.EntetAdmin 			{	float			: left;  /* Logo groupe */
							opacity			: 0.5; 
							border-radius	: 5px;
						}						
.Etoile 				{	font-size		: 14px;}
.EtoileCoLoc 			{	font-size		: 17px;}
/* Test modal Temporaire PROBLEME avc page Loyer! */
.FenetreMelModal 		{	position		: fixed;
							top				: 0;
							left			: 0;
							width			: 100%;
							height			: 100%;
							background-color: rgba(0,0,0,0.3);
							display			: flex;
							justify-content	: center;
							align-items		: center;
							z-index			: 10000;
						}
/* 2. CSS pour la modale : */
.FenetreMelModal-content {	background		: #fff;
							padding			: 20px 40px;
							border-radius	: 10px;
							font-size		: 1.2em;
							font-weight		: bold;
							color			: #2ecc71;
							box-shadow		: 0 0 20px rgba(0,0,0,0.2);
						}
/* Le contener de la modal est masqué par défaut */
.FenetreModal 			{	display			: none; /* Masqué par défaut */
							position		: fixed; /* Reste à la même position même en scrollant */
							z-index			: 1; /* Superposé aux autres éléments */
							left			: 0;
							top				: 0;
							width			: 100%; /* Prend tout l’écran */
							height			: 100%; /* Prend tout l’écran */
							overflow		: auto; /* Ajoute un scroll si nécessaire */
							background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
						}
	/* Contenu de la modale */
.FenetreModal-Content 	{	background-color: rgba(255,255,255,0.7);
							margin			: 15% auto; /* Centré verticalement et horizontalement */
							padding			: 20px;
							border-radius	: 8px;
							width			: 80%; /* Largeur de 80% de l’écran */
							max-width		: 460px; /* Limite la largeur */
							color 			: rgb(60,60,60);
							font-size		: 17px;
						}
.FenetreModal-Content dl{	font-weight		: bold;
							text-align		: left;	
						}
.FenetreModal-Content li{	font-weight		: normal;
							text-align 		: justify;
						}
.FenetreModalTable		{	background-color: rgba(255,255,255,0.4);
							padding			: 20px;
							font-weight		: normal;
							font-size		: 15px;
							color			: rgb(60,60,60);
							text-align 		: left;
						}
.FenetreModalTable span {	color			: black;
							font-size		: 16px;
						}
.FenetreModalTable th 	{	font-size		: 15px;
							font-weight		: bold;
						}
.FenetreModalTable td 	{	font-size		: 15px;
							height			: 25px;
						}
.FenetreModal-Content2 	{	background-color: rgba(255,255,255,0.7);
							margin			: 12% auto; /* Centré verticalement et horizontalement */
							padding			: 20px;
							border-radius	: 8px;
							width			: 80%; /* Largeur de 80% de l’écran */
							max-width		: 600px; /* Limite la largeur */
							font-size 		: 17px;
							color 			: rgb(60,60,60);
						}
.FenetreModal-Content2 dl{	font-weight		: bold;
							text-align		: left;	
						}
.FenetreModal-Content2 li{	font-weight		: normal;
							text-align 		: justify;
						}
.FenetreModal-Content3 	{	background-color: rgba(255,255,255,0.7);
							margin			: 12% auto; /* Centré verticalement et horizontalement */
							padding			: 20px;
							border-radius	: 8px;
							width			: 80%; /* Largeur de 80% de l’écran */
							max-width		: 370px; /* Limite la largeur */
							font-size 		: 15px;
							color 			: rgb(60,60,60);
						}						
	/* Bouton de fermeture Modal*/
.FenetreModalClose 		{	color			: rgb(100,100,100);
							float			: right;
							font-size		: 28px;
							font-weight		: bold;
						}
.FenetreModalClose:hover,
.FenetreModalClose:focus{	color			: white;
							text-decoration	: none;
							cursor			: pointer;
						}

/* mis en page Fiche Communs */ 						
.FicheCommunTable		{	font-size		: 20px;
							font-weight 	: bold;
							padding-left	: 10px;
							color			: white;
						}

/* mis en page Fiche Logement */ 						
.FicheLogBioTitre		{	font-size		: 1.3em;
							text-align		: center;
							margin-top		: 0px;
							color			: white;
						}
.FicheLogChatoImag 		{	text-align		: left;
							padding-left	: 3px;
							margin-top		:-140px;
						}
.FicheLogChatoMini 		{	height			: 100px;}
						
.FicheLogChatoTitre		{	font-size		: 1.3em;
							text-align		: center;
							margin-top		: 0px;
							color			: white;
						}
.FicheLogFond 			{	background-color: rgb(80,80,80);
							border-radius	: 5px 5px;
							box-shadow		: 5px 5px 5px silver;
						}
.FicheLogRetour 		{	text-align		: right;
							padding-right	: 20px;
							margin-top		:-40px; 
						}
.FicheLogTable			{	font-size		: 18px;
							padding-left	: 10px;
							color			: white;
							margin-top		:-20px; 
						}
/* Gestion Dos Web */
.folder, .file			{	padding			: 5px;
							margin-bottom	: 1px;
							border-radius	: 6px;
							box-shadow		: 0 1px 3px rgba(0,0,0,0.1);
						}
/* Gestion Dos Web */
.Form 					{/*	margin-top		: 1rem; */
							margin-top		: 10px;
						}
/* Les Formulaires */					
.FormAjustDosCoLoc		{	float 			: center;
							width			: 380px;
							padding-left 	: 15px;
							text-align		: left;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 3px;
							box-shadow		: 4px 4px 4px silver;
							font-size 		: 17px;
						}
.FormAjustDosCoLoc	P 	{	text-align		: center;}
.FormAjustDosCoLoc input {	background-color: rgb(248,248,248);
							height			: 25px;
							width			: 250px;
							font-size 		: 15px;
						}
.FormAjustDosCoLoc select {	background-color: rgb(248,248,248);
							height			: 30px;
							width			: 258px;
							font-size 		: 15px;
						}
.FormBoutonStatut		{	width			: 195px; /* Formulaire de Candidature, le bouton du champs statut */
							border			: 1px solid rgb(120,120,120);
							border-radius	: 3px/3px;
							background-color: white;
							font-size		: 17px;
							color			: rgb(80,80,80);
						}
.FormBoutonStatut Option{	font-size		: 15px;
							color			: rgb(80,80,80);
						}
/* contenu du champ de formulaire flottant */
.FormControl 			{	width			: 100%;
							padding			: 12px 15px;
							font-size		: 16px;
							color			: rgb(80,80,80);
							border			: 1px solid rgb(120,120,120);
							border-radius	: 5px;
							outline			: none;
							transition		: border-color 0.3s ease-in-out;
						}
/* Effet flottant lorsqu'on clique sur le champ ou lorsqu'il contient du texte */
.FormControl:focus + label,
.FormControl:not(:placeholder-shown) + label
						{	top				: 0px;
							left			: 55px;
							height			: 10px;
							font-size		: 14px;
							color			: rgb(80,80,80);
						}
/* Changement de la bordure du champ quand il est en focus */
.FormControl:focus 		{   border-color	: rgb(80,80,80);}
.FormGroup 				{	position		: relative;
							margin-bottom	: 0.5rem;
						}
.FormGroup input		{	height			: 10px;}
/* Style du label flottant */
.FormGroup label 		{	position		: absolute;
							top				: 60%;
							left			: 70px;
							transform		: translateY(-30%);
							background		: white;
							padding			: 0 5px;
							font-size		: 17px;
							color			: rgb(80,80,80);
							pointer-events	: none;
							transition		: 0.3s ease-in-out;
						}
.FormListResa			{	font-size		: 15px; } /* Liste des réservataires et s'ajouter à liste */
.FormListResa 	th	  	{	padding-left 	: 10px; 
							text-align		: left;
						}
.FormListResa 	tr	  	{	height			: 20px;}
.FormListResa 	td	  	{	padding-left 	: 5px;}
.FormSejour				{	font-size		: 17px;
							text-align		: center;
							color			: rgb(255,102,0);
						}						
.FormTableCandidat tr th{	padding-left 	: 20px; /* Formulaire de Candidature */
							width			: 150px; 
							font-size		: 15px;
							text-align		: left;
						}
.FormTableCandidat 	tr 	{	height			: 30px;}
.FormTableResa 	tr	  	{	height			: 40px;} /* Table des loyers */
.FormTableResa 	th	  	{	padding-left 	: 25px;
							width			: 160px;
							font-size		: 15px;
							text-align		: left;
						}
.FormTableResaStatut	{	width			: 180px; /* Formulaire de Candidature, champs statut*/
							border			: 1px solid rgb(120,120,120);
							border-radius	: 3px 3px;
							background-color: white;
							font-size		: 15px;
							color			: rgb(80,80,80);
						}						
.Formulaire				{	width			: 800px;
							margin			: auto;
							margin-top 		: 15px;
							padding-top 	: 15px;
/*							border			: 1px solid rgb(170,170,170);
							border-radius	: 5px 5px;*/
							box-shadow		: 8px 8px 8px silver;
							background-color: white;
							font-size		: 22px;
							color			: rgb(80, 80, 80);
						}
.Formulaire input		{	border			: none;
							outline			: none;
							background-color: white;
							font-size		: 15px;
							border-bottom   : 1px solid rgb(120,120,120);
						}
.Formulaire :required 	{	border-bottom   : 1px solid rgb(255,102,0);} /* (champs formulaire saisie obligatoire)*/
.Formulaire2			{	width			: 360px; 
							margin			: auto;
							margin-top 		: 10px;
							padding-top 	: 20px;
/*							border			: 1px solid rgb(170,170,170);
							border-radius	: 5px; */
							box-shadow		: 8px 8px 8px silver;
							background-color: white;
							font-size		: 1.4em;
							text-align		: center;
							color			: rgb(80,80,80);
						}
.Formulaire2 input 		{	border-style	: none; 
							outline			: none;
							background-color: white; 
							width			: 180px;
/*							vertical-align	: middle; */
							height			: 20px; 
							margin-left		: 50px;
							font-size		: 17px;
							text-align		: left;
							border-bottom   : 1px solid rgb(120,120,120);
						}
.Formulaire2 :required	{	border-bottom   : 1px solid rgb(255,102,0);}
.Formulaire2 em 		{	font-size		: 0.8em;}
.Formulaire2 span 		{	float			: right;
							padding-right 	: 75Px;
							font-size		: 0.7em;
						}
.Form3					{	width			: 500px; 
							margin			: auto;
							margin-top 		: 10px;
							padding-top 	: 20px;
							box-shadow		: 8px 8px 8px silver;
							background-color: white;
							font-size		: 20px;
							text-align		: center;
							color			: rgb(80,80,80);
						}
.Form3 textarea			{	text-align		: left;
							font-size		: 16px;
						}
/* Formulaire telecharge ligne. Masquer l'élément input file */
input[type="file"] 		{   opacity			: 0;
							position		: absolute;
							z-index			: -1;
						}
/*.Invisible 			{	visibility		: hidden;} */
.LaPlage 				{	font-size		: 28px;
							color			: white !important;
							text-align		: right;
							padding-right	: 10px;
						}
.LaPlage a				{	color			: white ;}	
/* Lightbox : fond noir semi-transparent */
.lightbox 				{	display			: none; /* cachée par défaut */
							position		: fixed;
							z-index			: 999; /* au-dessus de tout */
							left			: 0;
							top				: 0;
							width			: 100%;
							height			: 100%;
							overflow		: auto;
							background-color: rgba(80,80,80,0.4);
						}
		/* Image centrée dans la lightbox */
.lightbox-content 		{	display			: block;
							margin			: 5% auto;
							max-width		: 90%;
							max-height		: 80%;
							border-radius	: 10px;
							box-shadow		: 0 4px 15px rgba(0,0,0,0.5);
						}
		/* Bouton fermer (X) */
.lightbox .close 		{	position		: absolute;
							top				: 15px;
							right			: 35px;
							color			: #fff;
							font-size		: 40px;
							font-weight		: bold;
							cursor			: pointer;
							transition		: 0.3s;
						}
.lightbox .close:hover  {	color			: #ccc;}
.ListPiece				{	font-size		: 17px;
							color 			: rgb(80,80,80);
						}

.Logo					{	float			: left;  /* Logo groupe */
							width			: 80px;
							border-radius	: 5px;
/*							opacity			: 0.7; */
						}
.MessagMel				{	width			: 202px;
							height			: 170px !important;
							border-radius	: 3px;

							font-size		: 0.8em;
							vertical-align	: top;
							white-space		: pre-wrap; /* Retour a la ligne automatique */
							text-align		: Left;
						}
.Plan					{ 	height			: 550px;
							box-shadow		: 4px 4px 4px silver;
/*							margin-top 		: -5px;*/
						}
.Plan table 			{	padding-left	: 20px;
							font-size		: 15px;
							text-align		: left;
							color			: black;
						}
.PlanTet td				{	text-align		: center;
							font-size		: 19px;
						}
.PlanSituation			{	width			: 650px;
							margin			: auto;
						}

.PlanSituation table	{	width			: 850px;
							margin-left		: -80px;
							font-size 		: 16px;
						}
.PlanSituation p		{	width			: 800px;
							margin-left		: -118px;
						}
/* Les boutons */
.PresBouton				{	display			: inline-block;
							background-color: white;
							cursor			: pointer;
							padding			: 1px 6px;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 5px;
							text-decoration	: none;
							font-size		: 19px;
							color			: rgb(80,80,80);
							transform		: translateY(-5%);
							transition		: background-color 0.3s;
						}
.PresBouton:hover		{   background-color: rgb(80,80,80);
							color			: white; 
						}
.PresBoutonFiche		{	display			: inline-block;
							background-color: white;
							cursor			: pointer;
							padding			: 1px 6px;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 5px;
							text-decoration	: none;
							height			: 17px;
/*							font-size		: 10px; */
							color			: rgb(80,80,80);
							transform		: translateY(-5%);
							transition		: background-color 0.3s;
						}
.PresBoutonFiche:hover	{   background-color: rgb(80,80,80);
							color			: white; 
						}
.PresBoutonLog			{	display			: inline-block;
							background-color: rgb(80,80,80);
							cursor			: pointer;
							padding			: 1px 6px;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 5px;
							text-decoration	: none;
							font-size		: 17px;
							color			: white;
							transform		: translateY(-5%);
							transition		: background-color 0.3s;
						}
.PresBoutonLog:hover	{   background-color: white;
							color			: rgb(80,80,80); 
						}
.PresBoutonLogD			{	display			: inline-block;
							background-color: rgb(80,80,80);
							cursor			: pointer;
							padding			: 1px 6px;
							border			: 1px solid orange;
							border-radius	: 5px;
							text-decoration	: none;
							font-size		: 17px;
							color			: orange;
							transform		: translateY(-5%);
							transition		: background-color 0.3s;
						}
.PresBoutonLogD:hover	{   background-color: white;
							color			: orange; 
						}						
.PresBoutonNad			{	display			: inline-block; /* Fenetre Nadal Exclusivement */
							background-color: white;
							cursor			: pointer;
							padding			: 1px 6px;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 5px;
							text-decoration	: none;
							font-size		: 19px;
							color			: rgb(80,80,80);
							transform		: translateY(-5%);
							transition		: background-color 0.3s;
						}
.PresBoutonNad:hover	{   background-color: rgb(80,80,80);
							color			: white; 
						}
.PresBoutonOeil			{   border			: none;
							background-color: white; 
							vertical-align	: middle;
							text-align		: center  
						}
.PresBoutonPlan			{	display			: inline-block;
							background		: rgba(255,255,255,0.6);
							cursor			: pointer;
							padding			: 1px 6px;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 5px;
							text-decoration	: none;
							font-size		: 17px;
						/*	font-weight 	: bold; */
							color			: rgb(80,80,80)
							transform		: translateY(-5%);
							transition		: background-color 0.3s;
						}
.PresBoutonPlan:hover	{   background-color: rgb(80,80,80);
							color			: white; 
						}						
						
/* Animation d'attente */
.spinner 				{	width			: 50px;
							height			: 50px;
							border			: 6px solid #ddd;
							border-top		: 6px solid #3498db;
							border-radius	: 50%;
							animation		: spin 1s linear infinite;
							margin-bottom	: 10px;
						}						
/* Table des loyers */
.TabloCoLoc				{	text-align		: left;
/*							margin-top		:-10px; */
						}
.TabloCoLoc thead		{	font-size		: 15px;}			
.TabloCoLoc	table th	{	font-size		: 14px;}
.TabloCoLoc	table td	{	font-size		: 15px;}
.TabloCoLocForm			{	float 			: center;
							width			: 350px;
							padding-left 	: 15px;
							text-align		: left;
							border			: 1px solid rgb(120,120,120);
							border-radius	: 3px;
							box-shadow		: 4px 4px 4px silver;
							font-size 		: 15px;
						}
.TabloCoLocForm	P 		{	text-align		: center;}
.TabloCoLocForm	input 	{	background-color: rgb(248,248,248);
							width			: 220px;
						}
.TabloCoLocForm	select 	{	background-color: rgb(248,248,248);
							width			: 165px;
						}
/*
.TabloCoLocList			{	border 			: 1px;
							font-size		: 15px;
							text-align		: left;
						}
*/
.TabloCoLocRemarques	{	height			: 115px; /*Remarque dans formulaire */
							width			: 220px;
							border-radius	: 3px;
							font-size		: 12px;
							vertical-align	: top;
							white-space		: pre-wrap; /* Retour a la ligne automatique */
							text-align		: Left;
						}
.TabloLoyer				{	width			: 900px;
							margin 			: auto;
							font-size		: 10px;
							text-align		: left;
							border-radius	: 3px;
							box-shadow		: 4px 4px 4px silver;
						}
.TabloLoyer	tr		  	{	height			: 4px;}
.TabloLoyer	td			{	font-size		: 17px;
							padding-left	: 20px; 
							text-align		: left;
						}
.TailleImage			{	width			: 430px;
							height			: 286px;
						}
.TailleImageBio			{	width			: 180px;}
.TailleImageCarousel	{	width			: 900px;
							height			: 480px;
						}
.TailleImageDemi		{	width			: 213px;
							height			: 286px;
						}
.TailleImagePano		{	text-align 		: center;}
.TailleImagePano img	{	width			: 800px;
							height			: 340px;
						}
.TailleImagePresent		{	width			: 295px;
							height			: 195px;
						}
						
.TextBio 				{	text-align		: right;
							padding-right	: 20px;
							padding-top		: 20px;
							color 			: White;
						}

/* Animation d'attente */
#loader 				{	position		: fixed;
							top				: 0; left: 0; right: 0; bottom: 0;
							background		: rgba(255, 255, 255, 0.8);
							z-index			: 9999;
							display			: flex;
							flex-direction	: column;
							justify-content	: center;
							align-items		: center;
							font-family		: sans-serif;
						}
/* Affichage cote à cote des formulaires d'inscriptions */
#TabloCoLocDos	 		{	Display			: flex; 
							padding-left	: 5px;
							font-size		: 17px;
							color			: rgb(60,60,60);
						}
#TabloCoLocDos section	{	width			: 300px;
							border			: none;
						}
/* Animation delai d'attente */
@keyframes spin			{	0% { transform: rotate(0deg);}
						  100% { transform: rotate(360deg);}
						}

@media print {.NoPrint  {	display			: none !important;}}


/* Les  fontes */
@font-face {font-family	: arrobatherapy;
					src : url('../Include/Font/arrobatherapy/arrobath-webfont.eot');
					src : url('../Include/Font/arrobatherapy/arrobath-webfont.eot?#iefix') format('embedded-opentype'),
						  url('../Include/Font/arrobatherapy/arrobath-webfont.woff') format('woff'),
						  url('../Include/Font/arrobatherapy/arrobath-webfont.ttf') format('truetype'),
						  url('../Include/Font/arrobatherapy/arrobath-webfont.svg#arrobatherapyregular') format('svg');
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: Calibri;
					src : url('../Include/Font/calibri/calibri.eot'); /* IE9*/
					src : url('../Include/Font/calibri/calibri.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
						  url('../Include/Font/calibri/calibri.woff2') format("woff2"), /* chrome、firefox */
						  url('../Include/Font/calibri/calibri.woff') format("woff"), /* chrome、firefox */
						  url('../Include/Font/calibri/calibri.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						  url('../Include/Font/calibri/calibri.svg#Calibri') format("svg"); /* iOS 4.1- */
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: "Calibri Light Italic";
					src : url('../Include/Font/calibri/Calibri Light Italic.eot'); /* IE9*/
					src : url('../Include/Font/calibri/Calibri Light Italic.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
						  url('../Include/Font/calibri/Calibri Light Italic.woff2') format("woff2"), /* chrome、firefox */
						  url('../Include/Font/calibri/Calibri Light Italic.woff') format("woff"), /* chrome、firefox */
						  url('../Include/Font/calibri/Calibri Light Italic.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						  url('../Include/Font/calibri/Calibri Light Italic.svg#Calibri') format("svg"); /* iOS 4.1- */
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: amlight;
					src : url('../Include/Font/amlight/amlight.eot'); /* IE9*/
					src : url('../Include/Font/amlight/amlight.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
						  url('../Include/Font/amlight/amlight.woff2') format("woff2"), /* chrome、firefox */
						  url('../Include/Font/amlight/amlight.woff') format("woff"), /* chrome、firefox */
						  url('../Include/Font/amlight/amlight.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						  url('../Include/Font/amlight/amlight.svg#Calibri') format("svg"); /* iOS 4.1- */
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: 'Times New Roman';
					src : url('../Include/Font/times new roman/Times New Roman.eot'); /* IE9 */
					src : url('../Include/Font/times new roman/Times New Roman.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
						  url('../Include/Font/times new roman/Times New Roman.woff2') format("woff2"), /* chrome、firefox */
						  url('../Include/Font/times new roman/Times New Roman.woff') format("woff"), /* chrome、firefox */
						  url('../Include/Font/times new roman/Times New Roman.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						  url('../Include/Font/times new roman/Times New Roman.svg#Times New Roman') format("svg"); /* iOS 4.1- */
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: edwardian;
					src : url('../Include/Font/edwardian/edwardianScriptITC.eot'); /* IE9*/
					src : url('../Include/Font/edwardian/edwardianScriptITC.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
						  url('../Include/Font/edwardian/edwardianScriptITC.woff2') format("woff2"), /* chrome、firefox */
						  url('../Include/Font/edwardian/edwardianScriptITC.woff') format("woff"), /* chrome、firefox */
						  url('../Include/Font/edwardian/edwardianScriptITC.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						  url('../Include/Font/edwardian/edwardianScriptITC.svg#Calibri') format("svg"); /* iOS 4.1- */
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: NunitoSans;
					src : url('../Include/Font/nunito sans/NunitoSans.eot'); /* IE9 */
					src : url('../Include/Font/nunito sans/NunitoSans.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
						  url('../Include/Font/nunito sans/NunitoSans.woff2') format("woff2"), /* chrome、firefox */
						  url('../Include/Font/nunito sans/NunitoSans.woff') format("woff"), /* chrome、firefox */
						  url('../Include/Font/nunito sans/NunitoSans.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
						  url('../Include/Font/nunito sans/NunitoSans.svg#NunitoSans') format("svg"); /* iOS 4.1- */
			font-weight	: normal;
			font-style	: normal;}
@font-face {font-family	: VerdanaPro;
					src : url('../Include/Font/VerdanaPro/VerdanaPro-Regular.eot');
					src : local('../Include/Font/VerdanaPro/VerdanaPro'), local('VerdanaPro-Regular'),
						  url('../Include/Font/VerdanaPro/VerdanaPro-Regular.eot?#iefix') format('embedded-opentype'),
						  url('../Include/Font/VerdanaPro/VerdanaPro-Regular.woff2') format('woff2'),
						  url('../Include/Font/VerdanaPro/VerdanaPro-Regular.woff') format('woff'),
						  url('../Include/Font/VerdanaPro/VerdanaPro-Regular.ttf') format('truetype');
			font-weight	: normal;
			font-style	: normal;}
/*
@font-face {font-family	: DejaVuSans;
					src : url('../Include/Font/DejaVuSans/VerdanaPro-Regular.eot');
					src : local('../Include/Font/DejaVuSans/VerdanaPro'), local('DejaVuSans-Regular'),
						  url('../Include/Font/DejaVuSans/VerdanaPro-Regular.eot?#iefix') format('embedded-opentype'),
						  url('../Include/Font/DejaVuSans/VerdanaPro-Regular.woff2') format('woff2'),
						  url('../Include/Font/DejaVuSans/VerdanaPro-Regular.woff') format('woff'),
						  url('../Include/Font/DejaVuSans/VerdanaPro-Regular.ttf') format('truetype');
			font-weight	: normal;
			font-style	: normal;}
*/
</html>