body {
	width: 100%;
	/*border: 5px solid red;*/
	text-align: left;
	color: black;
	font-size: .88em; /*12px;*/
	line-height: 1.6em;
}
	.border-no {
		border: 0px solid brown;
	}
	.border-red {
		 border: 1px solid red;
	}
	.border-lgrey {
		 border: 1px solid lightgrey;
	}	
	.border-orange {
		 border: 1px solid orange;
	}
	.border-blue {
		 border: 1px solid blue;
	}
	.border-magenta {
		 border: 1px solid magenta;
	}
	.border-yellow {
		 border: 1px solid yellow;
	}
	.border-white {
		 border: 1px solid white;
	}
	.border-black {
		 border: 1px solid black;
	}
	
	.bgpurple {
		/*background-image: linear-gradient(to right,white,lightblue);*/
		background-color: purple;
	}
	.bggreen {
		/*background-image: linear-gradient(to right,white,lightblue);*/
		background-color: green;
	}
	.txtgreen {
		color: green;
	}
	.txtorange {
		color: orange;
	}
	.txtred {
		color: red;
	}

	.txtupper {
	  text-transform: uppercase;
	}

	.txtlower {
	  text-transform: lowercase;
	}

	.txtcapital {
	  text-transform: capitalize;
	}


/* debut masquer div ou span  */
	.masquer {
		display: none;
	}
/* fin masquer div ou span  */

/* ==== debut image du logo accueil ====*/
	img.imagelogo {
	  /*position: absolute;*/
	  top: 0px;
	  left: 0px;
	  width: 80px;
	  height: 40px;
	  border: 0px solid black;
	  background: white;
	  text-align: left;
	  margin: 0px;
	}
	.imagelogo1:hover{
	-webkit-transform: rotate(15deg) scale(2);
		transform: rotate(15deg) scale(2);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
/* ==== fin image du logo accueil ====*/

/* debut tarif */
.letarif {
	color: black;
	background-color: white; 
	text-decoration:none;
	font-weight: bold;	
	margin-top: 20px;
	margin-left: 5px;
	padding: 5px;
}
.EUROtarif {
	color: black;
	background-color: white; 
	text-decoration:none;
	font-weight: bold;	
}

img.imageObjetsP {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
/* fin tarif */




/* --- debut a de base -------------------------------------- */
	/* unvisited link */
	a:link {
	  color: black;
	  transition: background-color 0.5s;
	}
	/* visited link */
	a:visited {
	  color: black;
	}
	/* mouse over link */
	a:hover {
	  color: white;
		text-decoration: underline;
	}
	/* selected link */
	a:active {
	  color: black;
	}
/* --- fin a de base -------------------------------------- */

/* debut button accueil */
	a.ACCUEIl-bg-blue {
		background-color: BLUE;
		text-decoration:none;
		/*font-weight: bold;*/
		font-size: 18px;
		height: 40px;
		padding: 5px;
		padding-top: 7px;
		border-radius: .5rem;
	}
	a.ACCUEIl-bg-blue:hover {
		background-color: BLUE;
		color: white;
		text-decoration: underline;
	}
/* fin button accueil */	
	
	
/* debut  contact ------------------------------------- */
/* unvisited link */
.Acontact {
	color: blue;
	text-decoration: underline;
	background-color: white;
	border: 0px solid black;
}
.Acontact:hover  {
	text-decoration: underline;
	color: blue;
	font-weight: bold;
}
/* fin a de contact ------------------------------------- */

/*  debut  Anouveautes  -------------------------------------  */
/* unvisited link */
.Anouveautes {
	color: black;
	text-decoration:none;
	font-weight: bold;
	text-decoration: underline;
	background-color: white;
	border: 0px solid black;	
}
.Anouveautes:hover  {
	text-decoration: underline;
	color: blue;
}
/* fin  Anouveautes ------------------------------------- */

/* debut  Navbar entete  */
	/* mouse over link */
		/* selected link */
	a.nav-link:link {
		color: blue;
		background-color: lightgrey; 
		text-decoration: underline;
	}
	a.nav-link:hover {
		background-color: white;
		color: blue;
		text-decoration: none;
	}
	/* visited link */
	a.nav-link:visited {
		color: black;
		background-color: greu; 
		text-decoration: none;
	}
		/* selected link */
	a.nav-link:active {
		color: blue;
		background-color: white; 
		text-decoration: none;
	}
	
	
	.mt-0 {
	  margin-top: 0 !important;
	}
	.pt-0 {
	  margin-top: 0 !important;
	}
	.pb-0 {
	  margin-bottom: 0 !important;
	}
	.navtitre {
		font-size: 14px;
		margin: 3px;
		color: black;
	}
	.bs-icon {
	  --bs-icon-size: .75rem;
	  display: flex;
	  flex-shrink: 0;
	  justify-content: center;
	  align-items: center;
	  font-size: var(--bs-icon-size);
	  width: calc(var(--bs-icon-size) * 2);
	  height: calc(var(--bs-icon-size) * 2);
	  color: var(--bs-primary);
	}

	.bs-icon-xs {
	  --bs-icon-size: 1rem;
	  width: calc(var(--bs-icon-size) * 1.5);
	  height: calc(var(--bs-icon-size) * 1.5);
	}

	.bs-icon-sm {
	  --bs-icon-size: 1rem;
	}

	.bs-icon-md {
	  --bs-icon-size: 1.5rem;
	}

	.bs-icon-lg {
	  --bs-icon-size: 2rem;
	}

	.bs-icon-xl {
	  --bs-icon-size: 2.5rem;
	}

	.bs-icon.bs-icon-primary {
	  color: var(--bs-white);
	  background: var(--bs-primary);
	}

	.bs-icon.bs-icon-primary-light {
	  color: var(--bs-primary);
	  background: rgba(var(--bs-primary-rgb), .2);
	}

	.bs-icon.bs-icon-semi-white {
	  color: var(--bs-primary);
	  background: rgba(255, 255, 255, .5);
	}

	.bs-icon.bs-icon-rounded {
	  border-radius: .5rem;
	}

	.bs-icon.bs-icon-circle {
	  border-radius: 50%;
	}
/* fin   Navbar entete  */


.container-fluid-haut {
	background-color: blue; 
	/*border: 2px solid orange; */
}

.Nouveautesleft {
	margin: 100px;
	width: 200px;
}

/* debut panneau solaire */
	/* unvisited link */
	a.solaire:link {
		color: blue;
		background-color: white; 
		text-decoration:none
	}
	/* visited link */
	a.solaire:visited {
		color: green;
		background-color: white; 
		text-decoration:none
	}
	/* mouse over link */
	a.solaire:hover {
		text-decoration: underline;
		background-color: white; 
	}
	/* selected link */
	a.solaire:active {
		color: blue;
		background-color: white; 
		text-decoration:none
	}
/* fin panneau solaire */

/* debut a de nouveautes  -------------------------------------  */
	/* unvisited link */
	a.Nouveautes:link {
		color: white;
		background-color: blue; 
		text-decoration:none
	}
	/* visited link */
	a.Nouveautes:visited {
		color: white;
		background-color: blue; 
		text-decoration:none
	}
	/* mouse over link */
	a.Nouveautes:hover {
		text-decoration: underline;
		background-color: blue; 
	}
	/* selected link */
	a.Nouveautes:active {
		color: white;
		background-color: blue; 
		text-decoration:none
	}
	.lesnouveautes  {
	  max-width: fit-content;
	  margin-left: auto;
	  margin-right: auto;
	}
/* fin a de nouveautes  -------------------------------------  */

/* debut a de lntitre ------------------------------------- */
	/* unvisited link */
	a.lntitre:link {
		color: blue;
		text-decoration:none;
		font-size: 18px;
		font-weight: bold;
	}
	/* visited link */
	a.lntitre:visited {
		color: blue;
		text-decoration:none;

	}
	a.lntitre:hover  {
		text-decoration: underline;
		color: blue;
	}
	a.lntitre:active {
		color: blue;
		text-decoration:none;

	}
	.spanfooter {
		margin-left: 10px;
	}

	.titretarif {
		color: black;
		font-weight: bold;
	}
	.titretarifoled {
		color: black;
		font-weight: bold;
		text-decoration: underline;
	}
	.tarif {
		color: black;
		font-weight: bold;
	}
	.euro {
		color: blue;
	}
	.vide {
		margin-left: 20px;
	}
	.entre {
		margin-left: 20px;
	}

	.tarifs {
		margin-left: 100px;
		font-weight: bold;
		color: white;
	}
	.tarifsENcours {
		margin-left: 50px;
		font-weight: bold;
		color: white;
	}
/* fin a de lntitre ------------------------------------- */

/* debut a sousmenu mainH0 ------------------------------------- */
	.lnitemh00 {
	  /*background-color: white;*/
	  border: 0px solid lightblue;
	  border-radius: 50% 20% / 10% 40%;
	}
	.lnitemh0 {
	  background-color: white;
	  border: 1px solid lightblue;
	  border-radius: 50% 20% / 10% 40%;
	}

	/* unvisited link */
	a.sousmenu:link {
		color: blue;
		text-decoration:none;
		text-decoration: underline;
	}
	/* visited link */
	a.sousmenu:visited {
		color: blue;
		text-decoration:none;
		text-decoration: underline;
	}
	a.sousmenu:hover  {
		text-decoration: underline;
		color: blue;
		font-weight: bold;
	}
	a.sousmenu:active {
		color: Blue;
		text-decoration:none;
		text-decoration: underline;
	}
/* fin a sousmenu ------------------------------------- */

/* debut a footer ------------------------------------- */
	/* unvisited link */
	a.afooter:link {
		color: blue;
		text-decoration:none;
		text-decoration: underline;
	}
	/* visited link */
	a.afooter:visited {
		color: blue;
		text-decoration:none;
		text-decoration: underline;
	}
	a.afooter:hover  {
		text-decoration: underline;
		color: blue;
		font-weight: bold;
	}
	a.afooter:active {
		color: blue;
		text-decoration:none;
		text-decoration: underline;
	}
/* fin a footer ------------------------------------- */

/* debut a apaiement ------------------------------------- */
	/* unvisited link */
	a.apaiement:link {
		color: blue;
		font-weight: bold;
		text-decoration:none;
		text-decoration: underline;
	}
	/* visited link */
	a.apaiement:visited {
		color: BLUE;
		text-decoration:none;
		text-decoration: underline;
	}
	a.apaiement:hover  {
		text-decoration: underline;
		color: GREEN;
		font-weight: bold;
	}
	a.apaiement:active {
		color: blue;
		/*font-weight: bold;*/
		text-decoration:none;
		text-decoration: underline;
	}
/* fin a apaiement ------------------------------------- */

/* debut a adocumentation ------------------------------------- */
	/* unvisited link */
	a.adocumentation:link {
		color: grey;
		text-decoration:none;
		text-decoration: underline;
	}
	/* visited link */
	a.adocumentation:visited {
		color: grey;
		text-decoration:none;
		text-decoration: underline;
	}
	a.adocumentation:hover  {
		text-decoration: underline;
		color: blue;
		font-weight: bold;
	}
	a.adocumentation:active {
		color: grey;
		text-decoration:none;
		text-decoration: underline;
	}
/* fin a adocumentation ------------------------------------- */

/* ---- debut modal commande -------------------- */
		/* ==== debut image du logo 3Dsecure -------------------- */
		.p3Dsecure {
			/*position: absolute;*/
			float: left; 
			top: 10px;
			left: 10px;
			font-size: 1.5em;
			font-weight: bold;
		}
		/* ==== fin image du logo 3Dsecure ====*/

        /* Animation d'apparition du modal */
        @keyframes animatetop {
            from {top:-300px; opacity:0}
            to {top:0; opacity:1}
        }

        /* Style pour le bouton de fermeture (facultatif) */
        .Cclose-button {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .xxclose-button:hover,
        .xxclose-button:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        /* Styles pour le contenu de la page marchande (inchangés) */
        /* Styles pour le modal */
		.NCtotalPanierHT {
			color: black;
            text-decoration: none;
            font-weight: bold;
		}		
		.NCmontantTVA {
			color: black;
            text-decoration: none;
            font-weight: bold;
		}		
		.NCtotalPanierTTC {
			color: black;
            text-decoration: none;
            font-weight: bold;
		}
		.resumerpanier {
			color: black;
            text-decoration: none;
			font-size: 16px;
			font-weight: bold;
		}
		.TEXTleftModal {
			text-align: left;
			margin-left: 0px;
		}
		.product-row:hover {
            background-color: #f5f5f5;
        }		
        .cart-summary {
            background-color: #f8f9fa;
            padding: 1px;
            border-radius: 5px;
			margin-top: 10px; /*-- haut --*/
            margin-bottom: 10px; /*-- bas --*/
        }
		
		/* controle adresse postale Commande  */
		.ValiderADRESSE {
			background-color: red;
			border-radius: 5px;
		}
		.ValiderADRESSE:hover {
			background-color: blue;
			color: white;
			border-radius: 5px;
		}
		/* controle adresse postale Commande  */
		
		.EspaceHAUT {
			padding: 1px;
			margin-top: 10px; /*-- haut --*/
		}
		.EspaceBAS {
			padding: 1px;
			margin-bottom: 10px; /*-- bas --*/
		}
		.payment-methods {
            /*position: absolute;*/
			display: none;
        }
		.logo {
            /*position: absolute;*/
			float: left; 
            top: 10px;
            left: 10px;
            font-size: 1.5em;
            font-weight: bold;
        }				
		.CoordonnesNC {
            float: left;
			padding-left: 18%;
            width: 600px;
			top: 1px;
            right: 10px;
            border: 2px solid brown; /*#ccc;*/
            padding: 5px;
            border-radius: 5px;
        }
		.panierNC {
            float: left;
			padding-left: 18%;
            width: 250px;
			top: 1px;
            right: 10px;
            border: 1px solid red; /*#ccc;*/
            padding: 5px;
            border-radius: 5px;
        }
        .total-panierNC {
            margin-top: 10px;
			text-align: left;
        }
        .total-panierNC label {
            margin-right: 10px;
        }
		
		.form-check-input:valid {
		  border-color: #198a56;
		}		
		.CoordonnesC {
            float: left;
			padding-left: 18%;
            width: 600px;
			top: 1px;
            right: 10px;
            border: 1px solid blue; /*#ccc;*/
            padding: 5px;
            border-radius: 5px;
        }
		.CoordonnesCright {
            float: right;
			padding-left: 18%;
            width: 600px;
			top: 1px;
            right: 10px;
            border: 1px solid red; /*#ccc;*/
            padding: 5px;
            border-radius: 5px;
        }
		.panierC {
            position: absolute;
            width: 800px;
			top: 1px;
            right: 10px;
            border: 1px solid #ccc;
            padding: 5px;
            border-radius: 5px;
        }
        .modes-paiementC {
            margin-top: 10px;
			text-align: left;
        }
        .modes-paiementC label {
            margin-right: 10px;
        }
		.PostaleADrStatus
		{
			color: red;
		}
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 50px;
			font-size: .88em;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
	
		
        .valider-panier {
            margin-left: 10px;
            padding: 8px 15px;
            border: none;
            background-color: #4CAF50;
            color: white;
            border-radius: 5px;
            cursor: pointer;
        }
        .image-produit {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }
		
		.hide_image-produit {
		  display: none;
		}		
		.image-produit:hover + .hide_image-produit {
		  display: block;
		  transform: scale(20);
		}

/* ----- fin modal commande -------------------- */


/*  debut MQTT  */
	/* Style personnalisé pour les messages reçus */
	#buttonMQTT {
		padding: 10px 15px;
		background-color: #4CAF50;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 16px;
		margin: 10px 0;
	}
	#buttonMQTT:hover {
		background-color: #45a049;
	}
	.message-entry {
		background-color: #f0f4f8; /* Un gris clair */
		border-left: 4px solid #3b82f6; /* Bordure bleue pour l'attention */
		padding: 8px 12px;
		margin-bottom: 8px;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		word-wrap: break-word; /* Assure que le texte long ne déborde pas */
	}

	/* debut Style pour l'indicateur de connexion */
	.status-connected {
		color: #10B981; /* Vert */
	}
	.status-disconnected {
		color: #EF4444; /* Rouge */
	}
	.status-connecting {
		color: #F59E0B; /* Jaune/Orange */
	}
	/* debut Style pour l'indicateur de connexion */

	/* debut MQTT form-group */
	#MQTT_form-group-checkbox { 
		display: flex;
		flex-flow: column; 
		font-weight: bold;
	}
	#formCommandes {
		font-weight: bold; 
		color: BLUE;
	}
	/* fin MQTT form-group */

	/* ---- debut help ---*/
	.HELP {
		font-weight: bold; 
		color: GREEN;
	}
	.titrehelpG {
		font-weight: bold;
		color: GREEN;
	}
	.titrehelp {
		font-weight: bold;
	}	
	.titrehelpA {
		font-weight: bold;
		color: BLUE;
	}
	.titrehelTlocalE {
		font-weight: bold;
		color: ORANGE;
	}
	.titrehelTlocalR {
		font-weight: bold;
		color: ORANGE;
	}
	.titrehelTlocalER {
		font-weight: bold;
		color: ORANGE;
	}
	.titrehelTlocalRE {
		font-weight: bold;
		color: BROWN;
	}
	.ATTENTIONRE {
		font-weight: bold;
		color: RED;
	}
	.ATTENTIONrappel {
		font-weight: bold;
		color: RED;
	}
	/* ---- fin help ---*/

	.NEWCliWiMqtt {
		font-weight: bold;
		color: ORANGE;	
	}
	#WIFInew {
	  display: none;	
	}	
	#CLIENTnew {
	  display: none;	
	}
	#MQTTnew {
	  display: none;	
	}
	#WIFInewA {
	  display: none;	
	}	
	#CLIENTnewA {
	  display: none;	
	}
	#MQTTnewA {
	  display: none;	
	}
	.getIDcli {
		width: 100px;
		/*border: 1px solid blue;*/
		margin: 20px;
	}	
	.getNOMclient {
		width: 100px;
		/*border: 1px solid red;*/
		margin: 20px;	
	}	
	.Aide-Help {
		width: 300px;
		/*border: 1px solid green;*/
		margin: 20px;
	}	
	.getadmDY {
		width: 100px;
		/*border: 1px solid red;*/
		margin: 20px;
	}	
	.parametrageCON {
		font-weight: bold;
		color: BLUE;	
	}	
/*  fin MQTT   */





/*-------------- debut message erreur ProfilStatus ----*/
.ProfilStatus {
	color: red;
}
/*-------------- fin message erreur ProfilStatus ----*/

/*-------------- debut message erreur ProfilcompletStatus ----*/
.ProfilcompletStatus {
	color: red;
}
/*-------------- fin message erreur ProfilcompletStatus ----*/

/*-------------- debut message erreur MessageADMINStatus ----*/
.MessageADMINStatus {
	color: red;
}
/*-------------- fin message erreur MessageADMINStatus ----*/

/*-------------- debut message erreur DomaineStatus ----*/
.DomaineStatus {
	color: red;
}
/*-------------- fin message erreur DomaineStatus ----*/

/*-------------- debut message erreur QuestionStatus ----*/
.QuestionStatus {
	color: red;
}
/*-------------- fin message erreur QuestionStatus ----*/

/*-------------- debut message erreur NouveautesStatus ----*/
.NouveautesStatus {
	color: red;
}
/*-------------- fin message erreur NouveautesStatus ----*/

/*-------------- debut message erreur supprNouveautesStatus ----*/
.supprNouveautesStatus {
	color: red;
}
/*-------------- fin message erreur supprNouveautesStatus ----*/

/*-------------- debut message erreur FicheContact ----*/
.FicheContactStatus {
	color: red;
}
/*-------------- fin message erreur FicheContact ----*/

/*-------------- debut message erreur FicheContact ----*/
.DescriptionObjStatus {
	color: red;
}
/*-------------- fin message erreur FicheContact ----*/

/*----- debut color infos ----*/
.colorinfos	{
	color: lightblue;
	font-weight: bold;
}
/*--- fin  color infos ----*/	

/* debut protplante1 objet responsive */
.spimgobjets {
	border: 1px solid lightblue;
}
.imgobjets {
	/*border: 1px solid red; */
	max-width: 795px;  /* width: 795px; */
	height: auto; /*525px; */
}
.NOspimgobjets {
	border: 0px solid red;
}
.decaleobjets {
	margin-left: 20px;
}
.responsive {
  width: 100%;
  height: auto;
}
/* debut protplante1 objet objet responsive */



/* img objet presentation et projets */
.imgobjetsp {
	/*border: 1px solid red; */
	max-width: 200px;  /* width: 795px; */
	height: auto; /*525px; */
}
.responsivep {
  width: 100%;
  height: auto;
}

/* img objet presentation et projets */
.imgobjetspres {
	/*border: 1px solid red; */
	max-width: 200px;  /* width: 795px; */
	height: auto; /*525px; */
}
.responsivepres {
  width: 100%;
  height: auto;
}

/* img objet presentation sirene */
.imgobjetssirene {
	/*border: 1px solid red; */
	max-width: 80px;  /* width: 795px; */
	height: auto; /*525px; */
}
.responsivesirene {
  width: 100%;
  height: auto;
}

/* img objet presentation contacteurs */
.imgobjetscontacteurs {
	/*border: 1px solid red; */
	max-width: 100px;  /* width: 795px; */
	height: auto; /*525px; */
}
.responsivecontacteurs {
  width: 100%;
  height: auto;
}

/* img objet presentation plante */
.imgobjetsplan {
	/*border: 1px solid red; */
	min-width: 200px;
	max-width: 500px;  /* width: 795px; */
	height: auto; /*525px; */
}
.responsiveplan {
  width: 100%;
  height: auto;
}
.imgobjetsplanpres {
	/*border: 1px solid red; */
	width: 100px;
	height: auto; /*525px; */
}

.presentationFond {
	/*background-color: lightblue; */
	background-image: linear-gradient(to right,white,lightblue);
}



.package {
	width: auto;
	padding: 10px;
	/*background-color: lightblue; */
	background-image: linear-gradient(to right,white,lightblue);
	text-align: left;
	margin-left: 20px;
	
}
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
	text-align: left;
	margin-left: 20px;
	
}  
/*  debut  wrapperPACKAGE  */
.wrapperPACKAGE {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: min-content max-content auto;
  gap: 20px;
  
}
.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: min-content max-content auto;
  gap: 20px;
}
.box3 {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
  position: relative;
  background-image: linear-gradient(to right,white,lightblue);
   border-radius: 50% 20% / 10% 40%;
	min-height: 200px ;
	max-height: 1000px auto;
}
.wrapperPACKAGE.absposPackage {
  position: absolute;
  top: 50px;
  left: 40px;
  background-color: rgb(255 255 255 / 50%);
  /*border: 0px solid rgb(0 0 0 / 50%);*/
  color: #000;
  padding: 10px;
  text-align: left;
 
}
.wrapper.abspos {
  position: absolute;
  top: 50px;
  left: 40px;
  background-color: rgb(255 255 255 / 50%);
  /*border: 0px solid rgb(0 0 0 / 50%);*/
  color: #000;
  padding: 10px;
  text-align: left;
 
}
.imgbox4 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox5 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox6 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 100px;
  height: 140px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox7 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 150px;
  height: 100px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox8 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox9 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox10 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox11 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox12 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
.imgbox13 {
  /*position: absolute;*/
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  border: 0px solid black;
  background: white;
  text-align: left;
  margin: 0px;
}
/* img objet presentation contacteurs */
.box4imgobjetscontacteurs {
	/*border: 1px solid red; */
	max-width: 100px;  /* width: 795px; */
	height: auto; /*525px; */
}
.box4responsivecontacteurs {
  width: 100%;
  height: auto;
}
/*  fin  wrapperPACKAGE  */


/* debut Référence aux * du site */
.referenceFond {
	margin-left: 50px;
	max-width: 95%;
	min-width: 85%;
	margin-left: 20px;
	margin-top: 0px;
	padding: 50px;
	background-image: linear-gradient(to right,white,lightblue);
	border-radius: 50% 20% / 10% 40%;
	min-height: 500px ;
	max-height: auto;
	text-align: left;
}
/* fin Référence aux * du site  */


/* debut mainhProd2   */
.mainhProd2 {
	width: auto ;
	text-align: center;
}
/* fin mainhProd2  */

/* debut mainhProd2alimeau   */
.mainhProd2alimeau {
	width: auto ;
	text-align: center;
}
/* fin mainhProd2alimeau  */


/* debut mainhProjets   */
.mainhProjets {
	width: auto ;
	text-align: center;
}
/* fin mainhProjets  */


/* === debut divexample1 ======  */
.containerT {
	width: 100%;
	border: 3px solid lightblue;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.05);
}
/* ===== fin divexample1  ===== */
/*  la table --------------------------------------- */
table {
	width: 80%;
	text-align: center;
}
.mystyle {
  width: 100%;
  padding: 10px;
  background-color: lightgrey; /*lightgrey; */
  color: white;
  font-size: 12px;
  box-sizing: border-box;
  border-radius: 10px;
}
.fondTH {
	background-color: corail; /*lightgrey; */
	color: red;
}


/* debut bouton effacer recherche ------------------- */
#ClearSearch {
	border-radius: 2px;
	box-sizing: border-box;
	margin-top: 5px;
	height: 3em;
	font-size: .88em;
	font: -moz-button;
	line-height: 1.6em;
	color: inherit;
	white-space: nowrap;
	text-transform: none;
	font-family: inherit;
	text-align: center;	
}
#ClearSearch:hover {
	color: red;
}
/* fin bouton effacer recherche */
	
label {
	display: inline-flex;
	margin-bottom: .5rem;
	margin-top: .5rem;
}


.container {
	width: 100%;
	/*border: 5px solid yellow;*/
}


/* debut masquer login div ou span  */
.masquerlogin {
	display: none;
}
/* fin masquer login div ou span  */
/* a de login  -------------------------------------  */
/* unvisited link */
a.login:link {
	color: blue;
	background-color: white; 
	text-decoration:none;
}
/* visited link */
a.login:visited {
	color: black;
	background-color: white; 
	text-decoration:none;
}
/* mouse over link */
a.login:hover {
	text-decoration: underline;
	background-color: white; 
	font-weight: bold;
}
/* selected link */
a.login:active {
	color: blue;
	background-color: white;  
	text-decoration:none;
}


/* MODAL enregistrer objets */
.titreenrobjeterror
{
	font-weight: bold;
}
.enrrecepteur
{
	display: none;
}
.enremetteur
{
	display: none;
}
.enrserie
{
	display: none;
}

/*-------------- debut message erreur ObjetStatus ----*/
.ObjetsStatus {
	color: red;
}
/*-------------- fin message erreur ObjetStatus ----*/
.Mtxtobj {
	color: green;
	font-size: 25px;
}
.sp-objhelp
{
	color: green;
	text-decoration: underline;
	font-weight: bold;
}
.sp-objhelp:hover {
	color: blue;
	font-weight: bold;
}
.sp-objrecepteur {
	color: #483D8B;
	font-weight: bold;
	font-size: 16px;
}
.sp-objemetteur {
	color: #483D8B;
	font-weight: bold;
	font-size: 16px;
}
.txt-objsize {
	font-size: 20px;
	font-weight: bold;
}
.mycontainter {
	width: 200px auto;
}

.plusVisible {
	text-decoration: underline; 
}

/* debut dommaine recepteur */
.domrecepteur
{
	display: none;
}
.DIVenrdomserie
{
	display: none;
}
/*-------------- debut message erreur ObjetStatus ----*/
.recepteurStatus {
	color: red;
}
/*-------------- fin message erreur ObjetStatus ----*/

.titreenrobjeterrorDOM
{
	font-weight: bold;
}

/* fin dommaine recepteur */

/* --- debut dansDOMAINE  */
.dansDOMAINE
{
	display: block;
}
/*---- findansDOMAINE */