/*
	lghc.css ATTENTION SI MODIFICATION:  modifier également lghc_inscrit ,lghc_client et lghc_vendeur 
*/
:root {
  	--couleur1:#14274E;													/* Bleu-nuit #14274E */
  	--couleur2: #FF7171;												/* Framboise #FF7171; */
 	--couleur3: rgb(0, 143, 150);												/* Bleu clair #94B4F0*/
  	--couleur4: #4472C4;												/* bleu icon menu */
  	--couleur5: rgb(160,160,160);										/* gris icon loupe */
	--couleur6: #14274ECC;											/* couleur message/erreur  tooltip  #14274ECC/#f009 */
  	--couleur7: #FF7171;												/* couleur message/erreur  tooltip  #14274ECC/#f009 */
  	--couleur8: rgb(160,160,160);										/* couleur logo connecté quand utilisateur connecté  =  --couleur3*/
  	--tooltip: 125%;													/* position  tooltip top : 0 ou hauteur du div */
  	--bordure: var(--couleur6) transparent transparent transparent;	/* position after suivant defilement page */
  	--bordure1: var(--couleur7) transparent transparent transparent;	/* position after suivant defilement page */
  	--decalage : 2px;													/* decalage position relative pour inserer le menu*/
  	--centrage : 10px;												/* centrage de l'image dans la partie restante du popup (reservée au popup)*/
  	--pos_menu: 0px;													/* position du menu user 0 px (top)  pour pc  et calcul pour tablette et mobile*/
}

/* lghc_acceuil.css */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
    display: block;
    margin: 0px;
	min-height:1000px;
																									/*background-color: #ececec;*/
}
#lghc
{
	width: 100%;
    min-height: 153px;
    height: auto !important;
	margin: 0px;
	text-align: center;
	background-color: rgb(0, 143, 150);
}
#menu .icomoon,  #menu .icon-MenuR, #lghc .icomoon {
	color: white!important;
}
#lghc_3
{
	width: 70px;
    height: auto;
    position: absolute;
    top: 42px;
    right: 19.5%;
    z-index: 60;
}
#lghc_2
{
	width: 69px;
    height: auto;
    position: absolute;
    top: 94px;
    right: 90%;
    z-index: 60;
}
#lghc_1
{
	width: 372px;
    min-height: 133px;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
}
#RECH_1
{
	height: 46px;
	width:100%;
	display:none;
	position:absolute;
	top:1px;
	z-index:65;
	background-color:rgb(255,255,255);
	/*border-bottom:0.5px solid rgb(211,211,211);*/
}
.Ztexte
{
	
	width:100%;
	height: 24px;
	display:block;
	padding-left:20px;
	border:0.5px solid rgb(211,211,211);
	   -webkit-border-radius: 12px;
		border-radius: 12px;
	font-family:Tahoma, Geneva, sans-serif;
}

.Ztexte::placeholder {
  
  font-size: 0.9rem;
}
#LI182, #LI181, #LI183
{	
	display:inline-block;
	list-style:none;
	margin-right:20px;
	margin-left:20px;
	margin-top:12px;
}
#LI181
{	
	position:absolute;
	left:15%;
	top:6px;
}
#LI182
{	
	width:60%;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
#LI183
{	
	position:absolute;
	right:3.5%;
	top:6px;
}
.Bouton_rech
{
	display: inline-block;
	width: 24px;
	height: 24px;
    position: Fixed;
    right: 8.6%;
    top: 14px;
    z-index: 50;
    cursor: pointer;
	border: none;
	background-color: transparent;
	padding: 0px;
	outline-style: none;
}

.Bouton_user
{
	display: inline-block;
	width: 28px;
	height: 28px;
    z-index: 50;
    cursor: pointer;
	background-color: transparent;
	padding: 0px;
	
}

.Duser1
{
	width:270px;
	height:auto;
	border-collapse: collapse;
	border-left:0.5px solid rgb(211,211,211);
	border-right:0.5px solid rgb(211,211,211);
	background-color: rgb(255,255,255);
}
#menu-user
{
	position :fixed;
	top: 0px;
	right:0px;
	z-index: 80;
}
#TR2, #TR3, #TR4, #TR5, #TR6, #TR7, #TR8,#MT1,#menu-user
	{
		display:none;
	}
td.cell_icon
{
	width: 60px;
	height:38px;
	text-align: left;
	padding-left:16px;
	vertical-align:middle;
}
.icon_menu
{
	font-size: 1.1rem;
	color: var(--couleur4);
}
.liM1
{
	width: 100%;
	height: 38px;
    vertical-align: middle;
	border-bottom:0.5px solid rgb(211,211,211);
	cursor: pointer;
}
.liM2
{
	height: 153px;
}
.texte_menu
{
	width:210px;
	height:38px;
	font-size: 0.82rem;
	letter-spacing: .1em;
	color: var(--couleur1);
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
	padding-left:8px;
	vertical-align:middle;
}
.icomoon
{
	font-size: 1.2rem;
	font-family: icomoon;
	color: var(--couleur5);
	text-align: center;
    vertical-align: middle;
	padding-bottom: 2px;
}
#sty1
{
	/*overflow:hidden;*/
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	Z-index: 50;
}
#menu
{
	width: 100%;
	height: 48px;
	margin-bottom:0;
	text-align: center;
	/*border-top: 0.5px solid rgb(211, 211, 211);*/
	border-bottom: 0.5px solid rgb(211, 211, 211);
	background-color: rgba(0, 143, 150, 0.90);
}
#ent
{
	width:100%;
	height:30px;
																						background-color: rgb(243,246,253);
																						/*background-color: #ececec;*/
																						/*border-bottom:0.5px solid rgb(0, 143, 150);;*/
}
#D200
{
	width:970px;
	margin-left: auto;
	margin-right:auto;
	font-size: 0.82rem;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 0.1em;
    color: var(--couleur1);
}
.LI200
{
	display: inline-block;
	width:43%;
	line-height: 2.1;
	padding-left: 9px;
}
.LI201
{
	display: none;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	line-height: 2.4;
	padding-left: 8px;
	cursor:pointer;
	font-size: 0.7rem;
}
.A1
{
	font-size: 0.7rem;
	letter-spacing:0.1em;
}
.A1:hover
{
	text-decoration: underline;
}
#SCAT
{
	color: var(--couleur2);
}
#SP200
{
	font-style: oblique 10deg;
}
#M11
{
	height: auto;
    width: 100%;
    overflow: visible;
	display: inline-block;
}
#D1
{
	position: absolute;
    left: 18px;
	height: 48px;
    width: 30%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	padding-left: 30px;
	text-align:left;
	display: block;
	Z-index: 40;
}
#D2
{
	height: 38px;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	display: inline-block;
	padding-right: 0px;
	Z-index: 40;
}
#D11
{
	position: absolute;
	top : 12px;
	right: 1.6%;
	height: 48px;
	padding: 0;
	padding-right:30px;
	text-align:right;
	display: inline-block;
	Z-index: 60;
}
#RECH1
{
	width:100%;
	position: absolute;
    top: 0;
}
#logo
{
	height: 68px;
    width: auto;
    overflow: visible;
	margin: 0;
	display: inline-block;
}
ul.U1
{
	display: inline-block;
	padding-left: 5px;
	margin:0;
}
ul.U2
{
	display: inline-block;
	position: Fixed;
    right:2.5%;
    top: 10px;
	padding-left: 5px;
	margin:12px;
}
.LI6
{
	display:inline-block;
	color:rgb(200,200,200);
	margin-right:35px;
}
Li.TM10
{
	display: none;
	position:absolute;
	top:11px;
	border: none;
}
Li.TM101
{
	display: none;
	position:absolute;
	top:5px;
	right:70.5%;
    vertical-align: middle;
	border: none;
}
Li.TM11
{
	float:left;
	height:37px;
	display: inline-block;
	position: relative;
	top: 0px;
	right: 4px;
	padding-left:12px;
	padding-right:12px;
	padding-top:10px;
    text-align: center;
	z-index: 40;
}
Li.TM110
{
	float:left;
	height:48px;
	display: inline-block;
	position: relative;
	top: -2px;
	right: 4px;
	padding-left:12px;
	padding-top:0px;
    text-align: center;
	z-index: 40;
}
Li.TM11_survol
{
	float:left;
	height:37px;
	display: inline-block;
	position: relative;
	top: 0px;
	right: 4px;
	padding-left:12px;
	padding-right:12px;
	padding-top:10px;
    text-align: center;
	z-index: 50;
}

Li.TM110_survol
{
	float:left;
	height:48px;
	display: block;
	position: relative;
	top: -2px;
	right: 4px;
	padding-left:12px;
	padding-top:0px;
    text-align: center;
	z-index: 40;
}
.TRI1
{
	font-size:1rem;
	color:  white;
	display:none;
}
Li.TM11_survol .TRI1
{
	display:inline-block;
}
a.Menu1
{
	font-size: 0.82rem;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: .1em;
    color: white;
}
a
{
	text-decoration: none;
	font-size: 0.82rem;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: .03em;
    color: var(--couleur1);
}
a.Connect
{
	font-size: 0.82rem;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: .1em;
    color: white;
}
a.BMA13
{
	text-decoration: none;
	font-size: 1.8rem;
	font-family: icomoon;
    color: var(--couleur1);
}
.Bouton_rech_1
{
	display: inline-block;
	width: 24px;
	height: 24px;
    z-index: 15;
    cursor: pointer;
	border: none;
	background-color: transparent;
	padding: 0px;
	outline-style: none;
}
.Bouton_user_1
{
	display: none;
	width: 24px;
	height: 24px;
	z-index: 15;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	outline-style: none;
	margin-left:20px;

}
.picto-item:hover:after,
.picto-item:focus:after {
	content: attr(aria-label);  /* on affiche aria-label */
	position: absolute;
	top: -2.4em;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
	z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
	white-space: nowrap;  /* on interdit le retour à la ligne*/
	padding: 5px 14px;
	background: #413219;
	color: #fff;
	border-radius: 4px;
	font-size: 1.2rem;
}

/* on génère un second élément en :before pour la flèche */

[aria-label]:hover:before,
[aria-label]:focus:before {
	content: "▼";
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
	font-size: 20px;
	color: #413219;
}

/* pas de contour durant le :focus */
[aria-label]:focus {
	outline: none;
}

.POP  /* ouverture popup*/
{
    width: 100%;
    height: auto;
    display: none;
	margin-top: -30px;
    margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*font-family: courier new, Geneva, sans-serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	color: var(--couleur1);
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	border-bottom: 0.5px solid rgb(211, 211, 211);
	Z-index: 52;
	background-color: rgb(255,255,255);
	position: -webkit-sticky;
	position: sticky;
	top: 48px;
}
.filtre
{
	margin-top:0;
																									top:78px;
}

.D3   /*photo dans les popup categories*/
{
	display:inline-block;
	vertical-align: middle;
	width:auto;
	background-color:rgb(255, 255, 255);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    /*padding-left:auto;
	padding-right:auto;*/
}
.D4		
{
	display:inline-block;
	vertical-align: middle;
	width:auto;
	margin-right:var(--centrage);
	margin-bottom:30px;
	margin-top:30px;
}
.T1
{
	width:auto;
	margin: 0;
    padding: 20px;
	/*padding-left:6px;*/
	padding-right:0;
    border: 0;
	text-align: left;
	border-collapse: collapse;
}
.TD1
{
	margin: 0;
    padding: 0;
	padding-right: 54px;
	padding-bottom: 6px;
    border: 0;
	
}
.titre
{
	font-size: 0.7rem;
    color: var(--couleur1);
    padding-left: 15px;
    vertical-align: middle;
	text-decoration: none;
}
.liste
{
	padding-left: 27px;
	font-size: 0.86rem;
    color: var(--couleur2);
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
	
}
.SP1
{
	font-size: 0.82rem;
    color: var(--couleur1);
    /*text-align: left;*/
	text-decoration: underline solid var(--couleur1);
}
.Dcat
{
	min-width:270px;
	height:auto;
	position :fixed;
	top: 0px;
	left:0px;
	border-collapse: collapse;
	border-left:0.5px solid rgb(211,211,211);
	border-right:0.5px solid rgb(211,211,211);
	border-bottom:0.5px solid rgb(211,211,211);
	z-index: 80;
	display: none;
	background-color: rgb(255,255,255);
}
.tooltip
{
	position:relative;
}
.tiperreur, .tipmmess,.tiperreur1, .tipmmess1
{
	visibility: visible;
	/*opacity: 0.9;*/
	transition: opacity 0.9s;
	position: absolute;
	max-width: 300px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	left: 50%;
	margin-left: -150px;
	background-color:var(--couleur6);
	font-size: 0.72rem;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: .03em;
	z-index:500;
}
.tiperreur, .tiperreur1
{
	background-color:var(--couleur7) ;
}
.tooltip .tipmmess::after, .tooltip .tiperreur::after	/*message en dessus*/
{
  content: "";
  position: absolute;
  /*top: var(--tooltip_pos);*/
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: var(--couleur6) transparent transparent transparent;
}
.tooltip .tipmmess1::after, .tooltip .tiperreur1::after   /*message en dessous*/
{
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -5px;
  border-width: 6px;
  border-style: solid;
border-color: transparent transparent var(--couleur6) transparent;
}
.tooltip .tiperreur::after
{
	border-color:  var(--couleur7) transparent transparent transparent;
}
.tooltip .tiperreur1::after
{
	border-color:  transparent transparent var(--couleur7) transparent;
}
.close
{
	visibility: hidden;
	/*opacity:0;*/
	position: absolute;
}

.MPshow
{
	padding:4px;
	font-size:1rem;
	border:0.5px solid rgb(211,211,211);
	border-left:none;
	color: var(--couleur1);
	width:40px;
}
/*-------------------------------------*/
.D121
{
	/*width: 220px;*/
	height:24px;
	margin-left:auto;
	margin-right:auto;
	display: flex; 							/* contexte sur le parent */
	flex-direction: column; 				/* direction d'affichage verticale */
	justify-content: center;				/* alignement vertical */
	background-color:var(--couleur3);
	border:0.5px solid var(--couleur3);
	   -webkit-border-radius: 12px;
		border-radius: 12px;
		margin-bottom:20px;
		margin-top:20px;
}
.P121
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.72rem;
	letter-spacing: .1em;
    color:white;
	text-align:center;
}
.P122
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9rem;
	letter-spacing: .1em;
    color:rgb(255,255,255);
	text-align:center;
	height:24px;
	width:120px;
	margin-left:auto;
	margin-right:auto;
	line-height:24px;
	cursor: pointer;
}
.P123
{
	background-color: #3B5998;
	border:0.5px solid #3B5998;
	   -webkit-border-radius: 12px;
		border-radius: 12px;
}
.P124
{
	background-color: #1DA1F2;
	border:0.5px solid #1DA1F2;
	   -webkit-border-radius: 12px;
		border-radius: 12px;
}
.P125
{
	background-color: #FFFFFF;
	border:0.5px solid rgb(211,211,211);
	   -webkit-border-radius: 12px;
		border-radius: 12px;
}
.P126
{
	font-size: 0.82rem;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: .03em;
    color: var(--couleur1);
	margin-top: 40px;
}
.popup
{
	width:100%;
	height:100%;
	display:none;
	z-index:999;
	background-color: rgba(30, 30, 30,0.3);
	position:fixed;
	top:0;
	left:0;
}
#Pdp1
{
	width:396px;
	height: 640px;
	position:fixed;
	top:40px;
	left:50%;
	margin-left:-198px;
	z-index: 1000;
	background-color:rgb(255,255,255);
	overflow-x: hidden;
	}
#Pdp2
{
	width:396px;
	height: 120px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-198px;
	margin-top:-60px;
	z-index: 1000;
	background-color:rgb(255,255,255);
	}
#PC1
{
	color:var(--couleur5);
	position: absolute;
	left:18px;
	top: -14px;
	font-size:1.8rem;
	font-weight:lighter;
	cursor: pointer;
	font-family: sans-serif,Tahoma, Geneva;
}	
.Lab1
{
	/*padding-left: 15px;*/
    vertical-align: middle;
	font-size: 1rem;
    color: var(--couleur1);
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: .03em;
}
.inp1
{
	width: 98%;
	border:0.5px solid rgb(211,211,211);
	letter-spacing: .05em;
	color: var(--couleur1);
	font-size: 1rem;
	font-family: Tahoma,Geneva,sans-serif;
	margin-top:10px;
	margin-bottom:40px;
}
.Con21
{
	height: 24px;
	width: 180px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.72rem;
	letter-spacing: .1em;
    color: var(--couleur1);
	border:0.5px solid rgb(211,211,211);
	   -webkit-border-radius: 12px;
		border-radius: 12px;
	background-color:rgb(255,255,255);
	margin-left: 55px;
	cursor: pointer;
}
.Con21:hover
{
	background-color:rgb(245,245,245);
}
.Con22
{
	width: 120px;
}
#pop_bl
{
	display:none;
	width:0;
	height:0;
}
.nonSelectionnable
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*-------------------------------------------*/
@media all and (max-width:  1250px)
{
	:root {
		--pos_menu: 154px;		/* position du menu user 0 px (top)  pour pc  et calcul pour tablette et mobile*/
	}
	#lghc_2
	{
		display:none;
	}
	ul.U2
	{
		display: none !important;
	}
	#D2
	{
		display:none;
	}
	#D1
	{
		width:51.5%;
		
	}
	Li.TM10
	{
		display: inline-block;
	}
	Li.TM101
	{
		display:inline-block !important;
		/*position:absolute;
		top:0;*/
		right:0% !important;
	}
	.Bouton_user_1
	{
		display: inline-block !important;
		
	}
	#LI181
	{	
		left:5%;
	}
	#LI183
	{	
		right:0.5%;
	}
	#menu-user
	{
		position :absolute;
		top: var(--pos_menu);
	}
	#ENT2
	{
		padding-left: 5%;
	}
	#D200
	{
		width:100%;
	}
	.LI200
	{
		width: 50%;
		padding-left:48px;
	}

}
@media all and (max-width: 850px)
{
	#logo
	{
		height: 48px;
	}
	Li.TM101

	{
		display:inline-block !important;
		top:0;
		right:0% !important;
	}
	.LI200
	{
	display:none;
	}
	.LI201
	{
		padding-left:48px;
	}
	#ENT2
	{
		padding-left: 48px;
	}
}
@media all and (max-width: 500px)
{
	:root {
		--pos_menu: 112px;		/* position du menu user 0 px (top)  pour pc  et calcul pour tablette et mobile*/
	}	
		#lghc
	{
		min-height: 111px;
	}
		#lghc_1
	{
		width: 269px;
		min-height: 90px;
	}
	#D1
	{
		width:52.3%;
		padding-left: 8px;
	}
	#Pdp1, #Pdp2
{
	width:360px;
	margin-left:-180px;
}
	#Pdp1
	{
		top:10px;
	}
	.Con21
	{
		margin-left: 16px;
	}
	.LI201
	{
	padding-left:26px;
	}
	#ENT2
	{
		padding-left: 28px;
	}
	.liM2
	{
		height: 111px;
	}
	#pop_bl
	{
		display:none;
		width:100%;
		height:100%;
		background-color:rgba(255,255,255,0.1);
	}
}
@media all and (max-height: 700px)
{
	#Pdp1
{
	max-height: 100%;
	top:0px;
	overflow-y: auto;
	}
	.Con21
{
	margin-left: 20px;

}

}
@media all and (max-height: 490px)
{
#menu-cat
{
	max-height: 100%;
	overflow-y: scroll;
}

}

@media (min-width: 500px) and (max-height: 450px)
{
	.filtre
	{
		position:relative;
		z-index:38;
		top:10px;
	}

}
@media (max-width: 500px) and (max-height: 740px)
{
	.filtre
	{
		position:relative;
		z-index:38;
		top:10px;
	}

}