.Header
	{
	width : 100%;
	height : 92px;
	padding-bottom : 47px;
	margin-bottom : 16px;

	display : flex;
	flex-direction : row;
	justify-content : flex-start;
	align-items : center;

	background-image:url(../../images/fond_ecriture.jpg);
	}


.HeaderLogoCd04
	{
	/*
		ModifiÃ© par KM le 17/02/2025

		demande AD04

	padding-left : 48px;
	*/
	padding-left:1%;


	padding-right : 16px;
	padding-bottom : 8px;
	height : 84px;

	display : flex;
	flex-direction : column-reverse;
	align-items : baseline;

	align : bottom;

	background-color : #009fe3;

	cursor:pointer;
	}

.HeaderLogoAd04
	{
	padding-left : 24px;
	padding-right : 24px;
	padding-bottom : 8px;
	height : 84px;

	display : flex;
	flex-direction : column-reverse;
	align-items : baseline;

/*
	background-size : 220px;
	background-position : center 25px;
	z-index : 1;

	background-color : #454c52;
*/
	background : linear-gradient(90deg, #454c52, #123274);

	cursor:pointer;
	}

.HeaderTitle
	{
	margin-left:5%;
	flex-grow:1;

	text-align:center;
	
	font-family : "Roboto", Arial, Helvetica, Verdana, sans-serif;
	font-size : 2.4em;
      font-weight : 700;
	color : #ffffff;
	}
	

/* Smartphone */
@media only screen and (max-width:480px)
	{	
	.HeaderCenter 
		{
		display:none;
		}
		
	.HeaderLogo
		{
		width:30%;
		max-width:130px;
		}
		
	.IconeNav
		{
		margin-left:auto;
		}
		
	.HeaderSmartphone
		{
		display:flex;
		
		margin-top:20px;
		margin-bottom:20px;
		}
	.HeaderTitle
		{
		/*
			ModifiÃ© par KM le 17/02/2025

			demande de AD04

		font-size:2em;
		*/
		font-size:1.5em;


		margin:0;
		}
		
		
	/*
		Ajouté par KM le 13/02/2025
		
		demande de AD04 : mise en forme mobile
	*/
	.HeaderLogoCd04
	        {
		display:none;
		}
		
	.HeaderLogoAd04
	        {
		padding-left:12px;
		padding-right:12px;
		padding-bottom:40px;
		}
		
	.HeaderLogoAd04 img
	        {
		width:120px;
		}
		
	.HdrTrg
	        {
		display:none;
		}
		
	.Header
	        {
		padding-bottom:0px;
		overflow:hidden;
		}
	}
	
/* Tablet	*/	
@media only screen and (min-width:481px) and (max-width:1024px)
	{	
	.HeaderTitle
		{
		font-size:2em;
		}
		
	.HeaderSubtitle 
		{
		font-size:2.5em;
		}

	.HeaderLogo
		{
		width:20%;
		flex-shrink:0;
		max-width:120px;
		}


	/*
		AjoutÃ© par KM le 17/02/2025

		demande de AD04
	*/
	.HeaderLogoCd04
		{
		display:none;
		}

	.HdrTrg
		{
		display:none;
		}

	.Header
		{
		padding-bottom:0px;
		overflow:hidden;
		}

	.HeaderLogoAd04
		{
		padding-left:12px;
		padding-right:12px;
		padding-bottom:40px;
		}

	.HeaderLogoAd04 img
		{
		width:120px;
		}
	}
	
