.IconeNav
	{
	width : 25px;
	height : 13px;
	
	padding : 15px;
	
	cursor : pointer;
	}
	
.IconeNav:hover
	{
	background-color : #f5f5f5;
	border-radius : 2px;
	}
	
.IconeCloseNav
	{
	width : 15px;
	height : 15px;
	
	margin-left : auto;
	}

.NavFullWidth
	{
	width : 100%;
	display : flex;
	flex-direction : row;
	justify-content : center;
	}
	
.NavInner
	{
	width : 1100px;
	display : flex;
	justify-content : flex-end;
	}
		
.NavText
	{
	font : normal 16px Calibri;
	color : #434343;
	
	
	/*
		Modifié par KM le 04/11/2025
		
		refonte du portail crcv
	
	margin : 0px 0px 20px 10px;
	*/
	margin:0px 0px 10px 10px;
	}
	
.NavTextLogin
	{
	font : normal 16px Calibri;
	color : #434343;
	margin : 0px 0px 30px 10px;
	cursor : pointer;
	}
	
.NavText:hover,
.NavTextLogin:hover
	{
	font-weight : bold;
	}

.Navigation
	{
	width : 250px;
	
	display : none;
	
	
	/*
		Modifié par KM le 17/11/2025
		
		demande de Mme Pluvieux
	
	position : absolute; 
	*/
	position:fixed;
	
	
	/*
		Modifié par KM le 04/11/2025
		
		refonte du portial crcv
	
	top : 23px;
	*/
	top:0;
	right:0;
	
	
	z-index : 1000;
	
	padding : 20px;	
	
	background-color : #ffffff;
	border-radius : 2px;
	box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
	
	/*
		Ajouté par KM le 17/11/2025
		
		demande de Mme Pluvieux
	*/
	max-height:100vh;
	overflow-y:auto;
	overflow-x:hidden;
	}
	

/*
	Ajouté par KM le 04/11/2025
	
	refonte du portail crcv
*/
.Navigation.open { display:block; }

.HdrBloc.FlexRow {
  position: relative;
}
	
	
/* Smartphone */
@media only screen and (max-width:480px)
	{
	.Navigation
		{
		width : 86%;
		height : 94%;
		
		position : fixed;
		top : 0;
		bottom : 0;
		right : 0;
		left : 0;
		
		padding : 10px 10px 10px 20px;
	
		border: solid 10px #70cef2;
		border-radius : 0px;
		}
		
	.NavigationList	
		{
		height : 80%;
		align-items : flex-start;
		}
		
	.NavText
		{
		width : 140px;
		margin-bottom : 35px;
		}
		
	.OpenNav
		{
		display : flex;
		flex-direction : column;
		line-height : 3.5;
		}
		
	.IconeCloseNav
		{
		margin : 20px 20px 10px auto;
		}
	}
	
	
/* Tablet	*/	
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.OpenNav
		{
		display : flex;
		flex-direction : column;
		line-height : 2.5;
		}
	}


/* Desktop */
@media only screen and (min-width:801px)
	{
	.OpenNav
		{
		display : flex;
		flex-direction : column;
		line-height : 2.5;
		}
	}



/*



.NavigationLinkExtern
	{
	margin-bottom : 24px;
	}

.LinkNav 
	{
	cursor:pointer;
	padding-left:5px;
	}
	
/* Smartphone *
@media only screen and (max-width:480px)
	{
	.Navigation
		{
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		left:0;
		display:none;
		z-index:1000;
		width:100%;
		background-color: #f0f0f0;
		font-size:14pt;
		
		}
		
	.OpenNav
		{
		display:flex;
		flex-direction:column;
		line-height:2;
		}
	}
	
	
/* Tablet	*
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.Navigation
		{
		position:absolute;
		top:65px;
		right:0;
		display:none;
		z-index:1000;
		background-color: #f0f0f0;
		box-shadow: 2px 2px 10px black;

		width:200px;

		font-size:12pt;
		padding:5px;
		}
		
	.OpenNav
		{
		display:flex;
		flex-direction:column;
		line-height:2;
		margin-right:5px;
		}
	}


/* Desktop *
@media only screen and (min-width:801px)
	{		
	.Navigation
		{
		position:absolute;
		top:65px;
		right:0;
		display:none;
		z-index:1000;
		background-color: #f0f0f0;
		box-shadow: 2px 2px 10px black;

		width:200px;

		font-size:12pt;
		padding:5px;
		}
		
	.OpenNav
		{
		display:flex;
		flex-direction:column;
		line-height:2;
		margin-right:5px;
		}
	}
*/