*, *::before, *::after 
    {
        box-sizing: border-box;
    }
    
:root
{
	--blanc : #FFFFFF;
	--rouge : #E30915;
	--bleu  : #405997;
	--bleuciel: #92ABD2;
	--grisfonce : #A6A6A6;
	--textemenu : #004AAD;
}
    
    body
    {
        padding: 0px;
        margin: 0px;
        font-family: Arial;
        font-size: 18px;
        width:100vw;
        overflow-x:hidden;
        background-color: #EFEAEA;
    }
    
    #enteteFormathome
    {
    	display:flex;
    	align-items:center;
    	flex-direction: row;
    	justify-content:center;
    	gap:5vw;
    	padding:0.5vw;
    }
    
    #enteteFormathome img
    {
    height:120px;
	max-height: 20vw;
    }
    
    #programmeexclusive, 
    #directionetablissements
    {
    	font-weight: 600;
    	font-size: min(4vw,1.1em);
    	line-height: 1.5em;
    }    	
    
    #programmeexclusive { color:var(--bleu); } 
    #directionetablissements { color:var(--rouge); }
    
    #candidater,
    #entreprisespartenaires
    {
    	color: var(--blanc);	
    	font-size:min(2vw,1.1em);
    	font-weight: 600;
    	border:none;
    	border-radius:20px;
    	padding:10px;
    	margin:3px;
    }
    
    #candidater {background-color: var(--rouge);}
    #entreprisespartenaires { background-color: var(--bleu); }    	
  
  	nav#menuprincipal
  	{
  		background-color: var(--grisfonce);
  		color:var(--textemenu);
  		font-size: min(2vw,1.1em);
  		font-weight: 600;
  		padding-top:10px;
  		padding-bottom:10px;
  	}
  
	nav#menuprincipal ul
	{
		list-style: none;
		margin:0px;
		padding:0px;
		display:flex;
		justify-content:center;
		flex-direction: row;
		gap:5vw;
	}
	
	nav#menuprincipal ul li
	{
		display:inline-block;
	}
	
	nav#menuprincipal ul li:hover
	{
		cursor:pointer;
	}
	
	button
	{
		transition:500ms;
	}
	
	button:hover
	{
		cursor:pointer;
		transform:scale(1.1);
	}
	
	@media (max-width:450px)
	{
		#enteteFormathome
		{
			display:initial;
			text-align: center;
		}
		
		#menuprincipal ul
		{
			display:block;
			text-align: center;
		}
		
		#menuprincipal ul li
		{
			
		}
		
		#candidater, #entreprisespartenaires 
		{
			  font-size: min(3vw,1.1em);
		}
		
		nav#menuprincipal ul {
			display: block;
		}
		nav#menuprincipal {
			font-size: min(2.8vw,1.1em);
		}
	
		nav#menuprincipal ul li 
		{
			display: block;
			font-size: 18px;
			margin-bottom: 10px;
		}
		
		
	}