/* STYLES "MEDIA QUERIES" pour écran orientation portrait comme un téléphone portable */

@media screen and (orientation: portrait)
{
	nav
		{
			visibility : hidden ;
		}
		
	#boutonmenuvertical
		{
			background-color : #196b79 ;
			position : fixed ;
			width : 7% ;
			top : 1% ;
			right : 0.5% ;
			display : block ;
			border : 1px solid white ;
			text-align : center ;
			font-size : clamp(10px, 2.2em, 20px) ;
			color : white ;
		}
		
	#menuvertical
		{
			background-color : #196b79 ;
			position : fixed ;
			width : 20% ;
			height : 28% ;
			top : 8% ;
			right : 0.5% ;
			border : 1px solid white ;
			display : none ;
		}
		
	#menuvertical a
		{
			height : 20% ;
			display: flex ;
			align-items: center ;
			justify-content: center ;
			font-size : clamp(10px, 2em, 20px) ;
			font-weight : bold ;
			color : white ;
		}
	
	#rubriquevert
		{
			visibility : visible ;
		}
		
	#rubvert_select
		{
			visibility : hidden ;
		}
}