@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;
	/*font-size:1.2em;*/
}

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

section
{
	display : flex;
	width : auto;
	min-height : 300px;

	vertical-align:top;
	padding: 10px;
}

nav
{
	width : 30%;
	min-height : 300px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	box-shadow:6px 6px 3px black;
	vertical-align:top;
	padding-right: 10px;
	margin: 0 10px 0 10px;
	background-color:#fafafa;
}
asideISN
{
	width:30%;
	padding:10px 10px 10px 0;
	margin:0 10px 20px 0;
	text-align:left;

}
article
{
	width : 70%;
	min-height : 100px;
	text-align:center;
	font-family:Arial;
	background-color : #fafafa;
	/*vertical-align:center;*/
	padding: 10px;
	margin: 0 10px 0 10px;
}

article h3
{
	text-align:left;
}
nav ul
{
	list-style-type: none;
	font-family: 'Comic sans MS', sans-serif;
	font-size:1.2em;
}


.taille
{
	font-size:0.8em;
}

article a
{
	text-decoration : none;
	font-family: 'Comic sans MS', sans-serif;
	color : blue;
}

article a:hover
{
	color: green;
	font-style : italic;
}


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

#intro
{
	width:auto;
	text-align: center;
	padding:50px;
	font-size:1.5em;
	font-family:Arial;
}


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

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

p
{
	display:none;

}

p:target
{
	display:block;
}
/*
#circuits_logiques
{
	background-image: url("");
	background-repeat: no-repeat;
	background-position:top right;

	opacity:0.95;
}
*/
footer
{
	/*height : 89px;*/
	background-color : #e000ff;
}


#icone
{
	display:flex;
	/*justify-content: space-around;*/
}

}