.Lexique
	{
	position:fixed;
	z-index:1000;
	align-self:center;
	/**/
	top:calc( 50vh - (450px / 2) );

	width:60%;
	height:470px;

	background-color: #f0f0f0;
	box-shadow: 2px 2px 10px black;
	overflow: hidden;
	}


/*
	Ajouté par KM le 27/01/2026

	Bug Firefox : le dernier descripteur était masqué par la scrollbar horizontale
	quand il n'y avait pas de lien "Suite"
*/
.Descripteurs
	{
	padding-bottom: 20px;
	padding-right: 30px;
	overflow-x: auto;
	}
	
	
/*
	Ajouté par KM le 17/12/2025
	
	bug vu par KM
*/

.Lexique div[onclick],
.Lexique .descripteur a    {
	cursor:pointer;
}

.Lexique div[onclick]:hover,
.Lexique .descripteur a:hover    {
	background-color:#dfe6ee;
	border-radius:2px;
	box-shadow: inset 3px 0 0 #b7c6d9;
}



.LexiqueTitle
	{
	margin : 6px;
	font : 24px Arial,serif;

	color : #38761d;
	cursor : pointer;
	}

.Abcder
	{
	display:flex;
	flex-direction:row;

	flex-wrap:wrap;
	}

.Abcder a
	{
	margin:4px;

	text-decoration: none;
	
	
	/*
		Ajouté par KM le 05/11/2025
		
		demande de Mme Pluvieux
	*/
	color:#000;
	}

.Apartirde
	{
	cursor : pointer;
	}

.Apartirde input
	{
	}
	
	
/*
	Ajouté par KM le 16/01/2026
	
	demande de Mme Pluvieux
*/
.LexiqueOps label {
  display: inline-flex;
  align-items: center;
}

.LexiqueOps input[type="radio"] {
  margin-top: 0;
  margin-right:5px;
}




/* Desktop */
@media only screen and (min-width:801px)
	{
	.Lexique
		{
		min-width:800px;
		}
	}


/* Tablet	*/
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.Abcder a
		{
		margin:2px;
		}

	.Lexique
		{
		width:98%;
		min-width:400px;
		}
	}

/* Smartphone */
@media only screen and (max-width:480px)
	{
	.Abcder a
		{
		margin:2px;
		}

	.Lexique
		{
		width:100%;
		margin: 0 auto;
		}
	}