.Search
	{
	width : 100%;
	max-width : 750px;
	margin : 0 auto;
	}
	
.SearchField
	{
	width : 100%;
	
	
	/*
		Modifié par KM le 04/11/2025
		
		demande de Mme Pluvieux
	
	padding : 20px 0px 20px 0px;
	*/
	
	
	display : flex;
	flex-direction : row;
	}
	

/*
	Ajouté par KM le 27/11/2025
	
	demande de Mme Pluvieux
*/
.SearchField[idc="datedeb"],
.SearchField[idc="datefin"]    {
	width:110%;
}


/*
	Ajouté par KM le 02/12/2025
*/
.SearchField[idc="datedeb"] .SearchFieldIcone,
.SearchField[idc="datefin"] .SearchFieldIcone,
.SearchField[idc="titart"] .SearchFieldIcone    {
	display:none;
}


.SearchFieldMobile 
	{
	/*
		Modifié par KM le 04/11/2025
		
		demande de Mme Pluvieux
	
	width : 25%;
	*/
	width:48%;
	

	display : flex;
	flex-direction : row;
	}

.SearchFieldLabel
	{
	padding-top : 7px;
	
	font : normal 16px Montserrat,Calibri,sans-serif;
	color : #434343;
	
	flex-grow : 1;
	}
	
.SearchFieldIcone
	{
	width : 32px;
	margin-right : 20px;
	}
	
.SearchFieldIcone img
	{
	padding : 10px;
	
	cursor : pointer;
	
	
	/*
		Modifié par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus foncé
	
		Modifié par KM le 17/11/2025
		
		demande de Mme Pluvieux, pas la bonne couleur
	
		Ajouté par KM le 05/11/2025
		
		demande de Mme Pluvieux
	
	filter: invert(51%) sepia(80%) saturate(739%) hue-rotate(18deg) brightness(90%) contrast(87%);
	
	filter: brightness(0) saturate(100%) invert(92%) sepia(6%) saturate(350%) hue-rotate(8deg) brightness(96%) contrast(88%);
	*/
	filter:brightness(0) saturate(100%) invert(88%) sepia(10%) saturate(350%) hue-rotate(5deg) brightness(80%) contrast(92%);
	}

	
/*
	Modifié par KM le 05/11/2025
	
	demande de Mme Pluvieux

.SearchFieldIcone img:hover
	{
	background-color : #f5f5f5;
	border-radius : 2px;
	}
*/

	
.SearchFieldContent 
	{
	width : 69%;
	
	display : flex;
	flex-direction : column;
	
	
	/*
		Ajouté par KM le 04/11/2025
		
		demande de Mme Pluvieux
	*/
	padding-top:10px;
	}

.SearchFieldContent input,
.SearchFieldContent textarea,
.SearchFieldContent select
	{
	width : 100%;
	
	
	/*
		Modfiié par KM le 04/11/2025
		
		demande de Mme Pluvieux
	
	height : 50px;
	*/
	height:22px;
	
	
	/*
		Modifié par KM le 05/11/2025
		
		refonte du portail CRCV
	
	padding : 0px 20px 0px 20px;
	*/
	
	
	border : solid 1px #d9d9d9;
	border-radius : 2px;
	
	font : normal 16px Montserrat,Calibri,sans-serif;
	color : #434343;
	}

	
/*
	Ajouté par KM le 05/11/2025
	
	refonte du portail CRCV
*/
.SearchFieldContent select    {
	width:101%;
	
	
	/*
		Ajouté par KM le 18/11/20205
		
		demande de Mme Pluvieux
	*/
	background-color:#fff;
	
	
	/*
		Ajouté par KM le 02/12/2025
		
		demande de Mme Pluvieux
	*/
	height:26px;
}


	
.SearchFieldList
	{
	width : 100%;
	padding : 10px;
	
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	
	font : normal 14px Montserrat,Calibri,sans-serif;
	color : #434343;
	}
	
.SearchFieldList div
	{
	max-height : 20px;
	padding : 8px 10px 6px 10px;
	margin : 5px;
	
	background-color : #f8f8f8;
	border-radius : 2px;
	
	cursor : pointer;
	}
	
.SearchFieldList div:hover
	{
	background-color : #e9e9e9;
	}	
	
.SearchFieldCombobox
	{
	max-width : 300px;
	}
	
.SearchFieldDate 
	{
	width : 100%;
	
	
	/*
		Modifié par KM le 02/12/2025
		
		demande de Mme Pluvieux
		
		Modifié par KM le 27/11/2025
		
		demande de Mme Pluvieux
	
		Modifié par KM le 05/11/2025
		
		refonte du portail crcv
	
	margin-left : 45px;
	margin-left:90px;
	margin-left:20px;
	*/
	margin-left:60px;
	
	
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	
	font : bold 14px Montserrat,Calibri,sans-serif;
	color : #434343;
	
	
	/*
		Ajouté par KM le 02/12/2025
		
		demande de Mme Pluvieux
	*/
	gap:9.5px;
	}
	
.SearchFieldDate input 
	{
	/*
		Modifié par KM le 02/12/2025
		
		demande de Mme Pluvieux
		
		Modifié par KM le 27/11/2025
		
		demande de Mme Pluvieux
	
		Modifié par KM le 05/11/2025
		
		refonte du portail crcv
	
	width : 140px;
	height : 40px;
	width:110px;
	width:145px;
	*/
	width:100px;
	
	
	
/*	padding : 0px 15px 0px 15px;	*/
	padding : 0px 0px 0px 0px;
	
	
	/*
		Modifié par KM le 05/11/2025
		
		refonte du portail crcv
	
	margin : 5px 20px 5px 10px;
	*/
	margin:5px 10px 5px 10px;
	
	
	border : solid 1px #d9d9d9;
	border-radius : 2px;
	
	font : normal 16px Montserrat,Calibri,sans-serif;
	color : #434343;
	}
	
.SearchButtons
	{
	width : 100%;
	
	justify-content : space-around;
	margin-top : 80px;
	}
	
	
	
/* Smartphone */
@media only screen and (max-width:480px)
	{
	.Search
		{
		padding : 5px;
		}
		
	.SearchField
		{
		flex-direction : column;
		padding : 10px 0px 10px 0px;
		}	
		
	.SearchFieldContent 
		{
		width : 85%;
		margin-top : 10px;
		}
		
	.SearchFieldMobile 
		{
		width : 100%;
		}
		
	.SearchFieldDate 
		{
		flex-direction : column;
		margin-left : 0px;
		}
	}

	
/* Tablet	*/	
@media only screen and (min-width:481px) and (max-width:800px)
	{
	}