@media all 
{

body
{
	background-color: #f0f0f0;
	width : auto ;	
}

header
{
	display :flex;
	background-color : #e000ff;
	height : 90px;		
	align-items : center ;	
}

#titre1
{	
	width: 15%;
	text-align : center;
}

#aveugle
{	
	width:10%;
}

#titre2
{	
	width : 70%;
	text-align: center;
}
ul
{
	
}
a
{
	font-family : 'Comic sans MS', Arial ;
	text-decoration : none;
	color : blue;
}

a:hover
{
	color: green;
	font-style : italic;
}
h1
{
	font-family:Arial;
	font-size:2em;
	color:purple;
}

#nav
{
	display : inline-block;
	width : 15%;
	min-height : 300px;
	border : 2px solid black;
	vertical-align:top;
	padding-right: 10px;
	
}

section
{
	display : inline-block;
	width : 80%;
	min-height : 300px;
	border : 2px solid black;
	vertical-align:top;
	padding: 10px;
}

#intro
{
	width:auto;
	text-align: center; 
	padding:50px;
	font-size:1.5em;
	font-family:Arial;
}
footer
{
	height : 89px;	
	background-color : #e000ff;
}

#signature
{
	text-align:right;
	font-size : 0.6em;
}

aside
{
	padding:2px;
	width:auto;
	height:57px;
	text-align:center;
	justify-content:space-between;
	background-color: lavender;
}


.ligne
{
	display:inline;
	/*justify-content:center;*/
}


.menu
{	
	border: 1px solid blue;
	margin:10px 10px;
	padding:5px 10px;
}

p
{
	display:none;

}

p:target
{
	display:block;
}

article
{
	text-align:center;
	font-family:Arial;
	padding:30px;
	
	
}
}