body
{
	font-family: "arial black";
	background-color: #778899;
	margin: auto;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 75%;
	right: 5%;
	left: 5%;
	overflow: auto; /*barre de défilement si nécessaire*/
/*	background-image: url("images/fond.jpg");*/
}

header
{
	/*border: solid black;*/
	height: 180px;
	/*background-attachment:fixed;*/
	/*background-position: top center;*/
    background: url('images/banniere.jpg') no-repeat center;
    position: relative;
	background-size:cover;
	
}

nav ul
{
	background: url('images/nav.png');
	/*border: solid black;*/
	display: inline-block;
	height: 50px;
	justify-content: space-around;
    display: flex;
	font-size: 1.8em; /*écrire plus gros*/
	margin-top: 20px;
	margin-bottom: 20px;
}

/*section
{
	display: inline-block;
	height: 50%;
	display: flex;
	justify-content: flex-start;
}
*/
aside
{
	/*border: solid black;*/
	background: url('images/nav2.png');
	display: inline-block;
	vertical-align: top;
	width: 15.7%;
	min-height: 505px;
	max-height: 800px;
	position: relative;
	background-size:cover;
}

article
{
	/*border: solid black;*/
	display: inline-block;
	/*vertical-align: bottom;*/
	width: 83.5%;
	min-height: 458px;
}

article div
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	/*border: solid black;*/
	margin-left: 5%;
	margin-right:5%;
	width: 90%;
	/*justify-content: space-around;
    display: flex;*/
	/*margin-top: 20px;*/
}


article div div
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	/*border: solid black;*/
	margin-left: 5%;
	margin-right:5%;
	width: 50%;
	/*justify-content: space-around;
    display: flex;*/
}

article a strong
{
	color: rgb(255,96,10);
	text-decoration: underline;
}

article ul
{
	/*border: solid black;*/
	display: inline-block;
	justify-content: space-around;
    /*display: flex;*/
	margin-bottom: 20px;
	margin-left:40%;
	vertical-align: middle;
}


article ul a:hover
{
	text-decoration: none;
	color: black;
}

footer
{
	/*border: solid red;*/
	/*position: relative;*/
	margin-top: 20px;
	background: url('images/nav.png');
	height: 55px;
	text-align: center;
	vertical-align: middle;
	color: black;
}

footer strong
{
	/*border: solid white;*/
	margin-bottom: 0px;
}

footer ul
{
	/*border: solid black;*/
	display: inline-block;
	justify-content: space-around;
    display: flex;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
}


h1
{
	color: black;
	margin-left: 20px;
	/*min-width: 400px;*/
	font-size: 2.3em;
	text-shadow: 2px 2px 4px white;
}

h2
{
	/*border: solid black;*/
	vertical-align: top;
	margin-top: 10px;
	margin-left: 20px;
}

h3
{
	
	vertical-align: top;
	margin-left: 20px;
	font-style: normal;
}

h4
{
	margin-left: 20px;
	font-size: 1.3em;
}

h5
{
	font-size: 1.2em;
	/*border: solid red;*/
	height: 50px;
	text-align: center;
	font-weight: normal;
	color: black;
	
}

h6
{
	font-size: 1.3em;
	margin-left: 20px;
	text-shadow: 2px 2px 4px papayawhip;
}

article h2
{
	/*display: inline-block;*/
	vertical-align: middle;
	text-align: center;
	margin-left: 30%;
	margin-right:30%;
	margin-top: 3%;
	font-size:1.8em;
	/*border: solid orange;*/
	/*color: rgb(0,255,255);*/   /*bleu clair*/
	color: #008B8B;
	text-shadow: 1px 1px 2px white;
}

article h3
{
	/*vertical-align: top;*/
	margin-left: 20px;   /*déplace la video au centre*/
	margin-right: 20px;  /*déplace la video au centre*/
	/*border: solid yellow;*/
	width: 400px;
	
}

aside h3 a
{
	font-size:1.2em;
	
}

a
{
	text-decoration: none;
	color: black;
}

a:hover, a strong:hover/* Apparence au survol des liens */

{

   text-decoration: underline;
   color: red;
}


img
{
	/*border: solid black;*/
	vertical-align: middle;
	margin-top: 8px;
	margin-left: 4px;
}

video
{
	display: inline-block;
	/*border: solid red;*/
	vertical-align: middle;
}

/*#banniere_image
{
    
    height: 145px;
    background: url('images/banniere.jpg') no-repeat center;
    position: relative;
	border: solid black;
}*/

p
{
	
	color: black;
	vertical-align: middle;
	margin-left: 20px;
}



em
{
	margin-left: 20px;
	font-style: normal;
}

form
{
	border: solid pink;
	/*vertical-align: middle;*/
	/*text-align: center;*/
	width: 100%;
}

input
{
	border: solid black;
	display: inline-block;
	vertical-align: middle;
	margin-right: 150px;
	text-align: justify;
	right: 50px;
}

label
{
	border: solid violet;
	display: inline-block;
	vertical-align: top;
	/*margin-left: 250px;
	margin-right: 450px;*/
	margin-left:250px;
	margin-right:50px;
	text-align: justify;
}

span
{
	border: solid orange;
	margin-right: 50px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

textarea
{
	/*margin-left: 75px;*/
	display: inline-block;
	vertical-align: middle;
	
}

/*.lettre
{
	float: left;
}

.dessous
{
	clear: both;
}*/


/*nav div
{
    background: url('images/opus92.png') no-repeat center;
    position: relative;
	width: 100%; 
}*/

center strong
{
	font-size: 1.8em;
}