/*

	Modifié par KM le 07/02/2025

@font-face {
  font-family: "Roboto";
  
  src: url("../fonts/Roboto/Roboto-Light.eot");
  src: url(../fonts/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'), url("../fonts/Roboto/Roboto-Light.woff2"), url("../fonts/Roboto/Roboto-Light.woff"), url("../fonts/Roboto/Roboto-Light.ttf");
  
  
  font-weight: normal;
  font-style: normal; 
  }
*/


@font-face {
	font-family:"Roboto";
	src:url("../fonts/Roboto/Roboto-Regular.ttf"), url("../fonts/Roboto/Roboto-Regular.woff"), url("../fonts/Roboto-Regular.woff2");
    font-weight:400;
}

@font-face {
	font-family:"Roboto";
	src:url("../fonts/Roboto/Roboto-Medium.ttf"), url("../fonts/Roboto/Roboto-Medium.woff"), url("../fonts/Roboto/Roboto-Medium.woff2");
	font-weight:500;
}

@font-face {
	font-family:"Roboto";
	src:url("../fonts/Roboto/Roboto-Bold.ttf"), url("../fonts/Roboto/Roboto-Bold.woff"), url("../fonts/Roboto/Roboto-Bold.woff2");
	font-weight:700;
}



body	{
	margin  : 0;
	padding : 0;
	min-height : 100vh;
	}

.Bold
	{
	font-weight : bold;
	}
	
.Italic
	{
	font-style : italic;
	}

.FlexRow
	{
	display : flex;
	flex-direction : row;
	}

.FlexColumn
	{
	display : flex;
	flex-direction : column;
	}

.Page	
	{
	/*
		Modifié par KM le 07/02/2025
	
	padding : 6px 0.5%;
	width  : 99%;
	*/
	width:100%;
	
	margin : 0 auto;
	background-color:#ffffff
	}
	
.Left 
	{
	float:left;
	}

.Popup
	{
	width : 100%;
	}

.Center
	{
	width : 100%;
/*
	display : flex;
	flex-direction : row;
*/
	}

.Content
	{
	display : flex;
	flex-direction : column;

	padding : 0px 1%;
	width : 98%;

	overflow:hidden;

	background-image : url(../images/fond.jpg);
	}

.ContentTitle
	{
	padding-bottom : 10px;

	text-align:center;

	font-family : "Roboto", Arial, Helvetica, Verdana, sans-serif;
	font-size : 1.6em;
    font-weight : 500;
	color : #11568b;
	}
	
	
/*
	Ajouté par KM le 18/04/2025
	
	demande de Mme Paul
*/
.PaginerTitle    {
	padding-top:2px;
	padding-bottom:10px;
	text-align:center;
	font-family:"Roboto";
	font-size:1em;
	font-weight:bold;
	color:#11568b;
}



.ContentSubtitle
	{
	padding-bottom : 10px;

	font : 16px Arial,serif;
	color : #000000;
	}

.Hidden
	{
	display : none;
	}


.Button
	{
	width : 100px;
	border-radius : 2px;
	height : 14px;
	text-align : center;
	font : normal 14px 'Calibri Light', sans-serif;
	font-weight : bold;
	cursor : pointer;
	}

.Button a
	{
	text-decoration : none;
	}


.ButtonBlue
	{
	border-radius : 2px;
	font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color : #000000;
	background: #339dff;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	cursor : pointer;

	border-radius : 4px;
	
	
	/*
		Ajouté par KM le 12/02/2025
		
		mise en forme mobile
	*/
	margin-left:4px;
	margin-right:4px;
	}

.ButtonBlue:hover
	{
	background: #63adff;
	}

.ButtonRed
	{
	border-radius : 2px;
	
	
	/*
		Modifié par KM le 11/02/2025
	
	font-family: Arial;
	font-size: 14px;
	*/
	font-family:"Roboto";
	font-size:1em;
	
	
	color : #000000;
	background: #980000;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	cursor : pointer;

	border-radius : 4px;
	}

.ButtonRed:hover
	{
	background:#d30000;
	}


.ButtonGreen
	{
	border-radius : 2px;
	font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color : #000000;
	background-color: #27ae60;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	cursor : pointer;

	border-radius : 4px;
	}

.ButtonGreen:hover
	{
	background: #57de90;
	}

.ButtonGray
	{
	border-radius : 2px;
	
	
	/*
		Modifié par KM le 11/02/2025
		
		demande de AD04
	
	font-family: Arial;
	font-size: 14px;
	*/
	font-family:"Roboto";
	font-size:1em;
	
	
	color : #000000;
	background-color: #666666;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	cursor : pointer;
	}

.ButtonDisable
	{
	border-radius : 2px;
	
	
	/*
		Modifié par KM le 11/02/2025
		
		demande de AD04
	
	font-family: Arial;
	font-size: 14px;
	*/
	font-family:"Roboto";
	font-size:1em;
	
	
	color : #A0A0A0;
	background-color: #E6E6E6;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	cursor : not-allowed;
	}
	
.ButtonGray:hover
	{
	background: #999999;
	}


.ButtonSch
	{
	padding-top:5px;
	}

.ButtonRec
	{
	padding-top:20px;
	}


.White
	{
	color : #ffffff;
	}

.Black
	{
	color : #000000;
	}

.Red
	{
	color : #ff0000;
	}


/*
	Modifié par KM le 17/02/2025

	demande AD04

.Text
	{
	padding-bottom : 10px;
	}
*/
.Text
	{
	width:99%;
	padding:10px;
	margin:0 auto;
	max-width:750px;
	color:#454C52;
	}


	
.RecEtp
        {
	padding:10px;
	}
	
	
.Icone
        {
	margin-left:4px;
	margin-right:4px;
	width:24px;
	height:24px;
	cursor:pointer;
	}
	
.RecFrmIcn
        {
	text-align:right;
	width:90%;
	}
	
.Completion
        {
	border:1px solid #000;
	padding:4px;
	width:99%;
	height:148px;
	background-color:#fff;
	overflow:hidden;
	cursor:pointer;


	/*
		Ajouté par KM le 12/02/2025

		mise en page
	*/
	font-size:0.9em;
	}


/*
	Ajouté par KM le 12/02/2025

	mise en page
*/
.SearchFieldList *
    {
    font-size:0.9em;
    }

.Descripteurs
    {
    font-size:0.9em;
    }

.SearchFieldCombobox *
    {
    font-size:0.9em;
    }	
	
	
	
/*
	Ajouté par KM le 16/04/2025
	
	demande du client

div.ListItem b:nth-child(1)    {
*/
.Troncated b:nth-child(1)    {
	min-height:80px;
	display:inline-block;	
}

div.ListItem  div:nth-child(2)    {
	display:inline-block;
	min-height:40px;
}

	


/* 
	Ajouté par KM le 12/02/2025
	
	mise en forme mobile

	Smartphone 
*/
@media only screen and (max-width:480px)
	{
	.ButtonBlue
	        {
		margin-left:0px;
		margin-right:0px;
		}
	}


/*      Impression      */
@media print {
  .NoBreak {
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }
}