.List
	{
	width : 100%;
	padding-bottom : 10px;
	
	overflow:hidden;
	display:flex;
	flex-wrap: wrap;
	}
	
.List a
	{
	text-decoration:none;
	color:inherit;
	}
	

.ListItem
	{
	width:361px;
	min-height : 150px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:12px;
	padding:10px 5px 10px 5px;

	background-color :#f0f0f0;
	
	font-family : "Roboto", Arial, Helvetica, Verdana, sans-serif;
	
	
	/*
		Modifié par KM le 11/02/2025
		
		demande de AD04
		
	font-size : 1em;
    */
	font-size:0.9em;
	
	
	font-weight : 400;
	color : #454c52;
	
	text-decoration:none;
	
	overflow-y:hidden;

	
	/*
		Ajouté par KM le 24/06/2025

		demande du client
	*/
	position:relative;
	height:280px;
	}

.ListSearch .ListItem 
	{
	width:355px;
	}

.ListBasket
	{
	margin-right : 15px;
	margin-left: auto;
	width:24px;
	height:	24px;
	flex-shrink:0;
	
	cursor:pointer;
	}

.ListTitle
	{
	font-family : "Roboto", Arial, Helvetica, Verdana, sans-serif;
	font-size : 1em;
      font-weight : 400;
	color : #454c52;

	text-decoration : none;
	margin-bottom:10px;
	}

.ListTitle :hover
	{
	text-decoration : underline;
	}
	
.ListSearch 
	{
	width:100%;
	}


	
/* Smartphone */
@media only screen and (max-width:480px)
	{
	.List
		{
		width:98%;
		}
		
	.ListSearch 
		{
		width:100%;
		}
		
	.ListItem
		{
		max-width:100%;
		}
	}
	
/* 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;
		}
	}
	
@media print 
	{	
	.ListItem
		{
		float:none;
		width: 100vw;
		}
	}