#header 
    {padding:1em;}

#titre_presentation
	{font-size:120%;}

#mini_portrait
	{margin-bottom:0.5em;}

#navigation_generale 
	{ 
	border-style:none;
/* 	width: 100%; */
	}
	
#navigation_generale ul
{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	vertical-align: middle;
	list-style-type: none;
	font-weight: bold;
}
	
#navigation_generale li a 
{
	padding:0.3em;
	min-height:1em;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color:#FFF;
	border-bottom:solid white 1px;
}

#navigation_generale li a:hover { color: #006699; background-color: #FFFFFF; }


/*************************************************
RESPONSIVE STYLES en-dessous de 1100px
**************************************************/
@media all and (min-width: 760px) and (max-width: 1100px)
{
	
}

/*************************************************
RESPONSIVE STYLES en-dessous de 760px en portrait
**************************************************/
/* @media all and (max-width: 760px) and (orientation: portrait) */
@media all and (max-width: 760px) and (orientation: portrait)

{

	#portrait
	{display:none;}
	
	#bloc_nav
	{
	font-size:150%;	
	}
	
	.ligne_projet img
	{display:none;}

	#navigation_generale ul
	{
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		vertical-align: middle;
		list-style-type: none;
		font-weight: bold;
	}
	#navigation_generale ul li
	{
		flex:1;
		flex-wrap: wrap;
	}
}
/*************************************************
RESPONSIVE STYLES en-dessous de 760px en paysage
**************************************************/
@media all and (max-width: 760px) and (orientation: landscape)

{	
	h1
	{font-size:160%;}
	
	h2
	{font-size:140%;}
	
	h3
	{font-size:120%;}
	
	h4
	{font-size:120%;}
	
	p
	{font-size:120%;}
}