.Notice
	{
	padding : 0.5%;
	background-color: #f0f0f0;
	
	margin-bottom:10px;
	}

.NoticeFormat
	{
	padding-bottom : 8px;
	}

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

	padding-bottom : 8px;
	}

.NoticeFieldLabel
	{
	width : 14%;
	margin-right : 30px;

	font-family : "Roboto", Arial, Helvetica, Verdana, sans-serif;
	

	 /*
                Modifié par KM le 11/062025

                demande de Mme Paul

	font-size : 1em;
	*/
	font-size:0.9em;


      font-weight : 400;
	color : #454c52;
	}


.NoticeFieldContent
	{
	width : 85%;

	font-family : "Roboto", Arial, Helvetica, Verdana, sans-serif;
	

	 /*
                Modifié par KM le 11/062025

                demande de Mme Paul

	font-size : 1em;
	*/
	font-size:0.9em;


      font-weight : 400;
	color : #454c52;
	}

	
/* Smartphone */
@media only screen and (max-width:480px)
	{
	.NoticeFieldLabel
		{
		margin-right:10px;
		
		
		/*
			Modifié par KM le 12/02/2025
			
			mise en forme mobile
		
		width:99%;
		*/
		width:160px;
		
		
		/*
			Ajouté par KM le 12/02/2025
			
			cette ppté se trouvait dans un 2ème css différenciés pour smartphone
		*/
		margin-bottom:2px;
		}
		
	.NoticeFieldContent
		{
		width:99%;
		}
		
	.NoticeField
		{
		display:flex;
		
		
		/*
			Modifié par KM le 12/02/2025
			
			mise en forme mobile
		
		flex-direction:column;
		*/
		flex-direction:row;
		}	
	}

	
/*
	Modifié par KM le 12/02/2025
	
	pas besoin d'avoir 2 fois des css différenciés pour les smartphone

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

	
/* Tablet	*/	
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.NoticeField
		{
		display:flex;
		}	
	
	
/* Desktop */
@media only screen and (min-width:801px)
	{		
	.NoticeField
		{
		display:flex;
		}
	}