.LstActionIcones
	{
	margin-bottom : 40px;
	
	justify-content : flex-end;
	align-items : center;
	}
	
.LstActionIcones img
	{
	margin-left : 20px;
	}
	
.LstActionIconesNoMargin
	{
	margin-bottom : 10px;
	
	justify-content : flex-end;
	align-items : center;
	}
	
.LstActionIconesNoMargin img
	{
	margin-left : 20px;
	}

.List
	{
	width : 100%;
	
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
	}

	
/*
	Ajouté par KM le 02/12/2025
	
	demande de Mme Pluvieux
*/
.ListIpr    {
	width:60%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
}

	
.List a
	{
	text-decoration:none;
	color:inherit;
	}
	
.ListItem
	{
	width : 330px;
	min-height : 100px;
	margin : 20px;
	padding : 30px 30px 30px 20px;

	border : solid 1px #d9d9d9; 
	border-radius : 2px;
	
	flex-wrap : nowrap;
		
	font : normal 12px Calibri,sans-serif;
	color : #434343;
	}
	
	
/*
	Ajouté par KM le 10/12/2025
	
	demande de Mme Pluvieux
*/
.ListItemNoImg    {
	width : 330px;
	min-height : 30px;
	margin : 20px;
	padding : 30px 30px 30px 20px;

	border : solid 1px #d9d9d9; 
	border-radius : 2px;
	
	flex-wrap : nowrap;
		
	font : normal 12px Calibri,sans-serif;
	color : #434343;
}

	
/*
	Modifié par KM le 10/12/2025
	
	demande de Mme Pluvieux

.ListItem:hover
*/
.ListItem:hover,
.ListItemNoImg:hover
	{
	/*
		Modifié par KM le 26/11/2025
		
		demande de Mme Pluviuex : souhaite que le beige soit plus foncé
	
		Modifié par KM le 17/11/2025
		
		demande de Mme Pluvieux : pas la bonne couleur
	
		Modifié par KM le 10/11/2025

		demande de Mme Pluvieux

	border-color : #70cef2;
	
	border-color:#a68329;
	
	border-color:#e4dac6;
	*/
	border-color:#d4c8b3;
	}
	
.ListItemLeft
	{
	width : 40px;
	margin-right : 15px;
	align-items : top;
	}
	
.ListItemRight
	{
	flex-grow : 1;
	}
	
.ListItemRight i
	{
	color : #999999;
	}
	
	
.ListItemIcon
	{
	align-self : center;
	margin-bottom : 15px;
	}

.ListBasket
	{
	width : 24px;
	height : 24px;
	
	padding : 10px;
	
	align-self : center;

	cursor : pointer;
	}

.ListBasket:hover
	{
	background-color : #f5f5f5;
	border-radius : 2px;
	}
	
.ListTitle
	{
	font : bold 12px Calibri,sans-serif;
	color : #4b4c4c;
	text-decoration : none;
	margin-bottom:10px;
	}

.ListTitle:hover
	{
	text-decoration : underline;
	}
	
.ListSearch 
	{
	/*
		Modifié par KM le 20/10/2025
	
	width : 100%;
	*/
	width:80%;
	}

.ListCounts
	{
	margin-left : 20px;
	margin-right : auto;
	}

.ListCount
	{
	padding-right : 30px;
	text-align : center;

	font : 16px Calibri,sans-serif;
	color : #434343;
	}
	
.ListLabelCount 
	{
	padding : 10px 0px 10px 0px;

	font : bold 16px Calibri,sans-serif;
	color : #434343;
	}
	
.ListCountWeb,
.ListCountShp
	{
	padding : 10px;
	
	color : #0b5394
	}

.ListCountWeb:hover,
.ListCountShp:hover
	{
	background-color : #f8f8f8;
	border-radius : 2px;
	}
	
.ListCountMargin
	{
	padding-bottom : 20px;
	}
	
.ListWithFacets
	{
	flex-grow : 1;
	}
	
.ListFiltersSelected
	{
	align-items : center; 
	margin : 10px 0px 10px 20px;
	}

.ListFilterSelected
	{
	max-height : 20px;
	padding : 8px 15px 6px 15px;
	margin : 5px;

	font : 14px Calibri,sans-serif;
	color : #434343;

	background-color : #f8f8f8;
	border-radius : 2px;
	}


/* Smartphone */
@media only screen and (max-width:480px)
	{
	.List
		{
		width : 100%;
		}
		
	.ListSearch 
		{
		width : 100%;
		}
		
	.ListItem
		{
		width : 100%;
		margin : 15px 0px 15px 0px;
		}
		
	.LstActionIcones,
	.LstActionIconesNoMargin
		{
		justify-content : center;
		}
		
	.LstActionIcones img,
	.LstActionIconesNoMargin img
		{
		margin-left : 10px;
		margin-right : 10px;
		}
	
	.ListResultHeader
		{
		flex-direction : column;
		}
		
	.ListCounts
		{
		width : 100%;

		margin : 0px 0px 20px 0px;

		flex-direction : column;
		}
		
	.ListCount
		{
		justify-content : center;

		font : 14px Calibri,sans-serif;
		}
		
	.ListLabelCount
		{
		font : bold 14px Calibri,sans-serif;
		}

	.ListFiltersSelected
		{
		margin-top : 0px;
		}
	}
	
/* Tablet	*/	
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.ListSearch .ListItem
		{
		float : left;
		width:300px;
		min-height : 150px;
		margin-right:12px;
		margin-bottom:12px;
		}
	}
