#menu{
	width:10%;

	margin:25% auto 0 2.5%;
	min-width:100px;
}
.menu, .sousmenu{
	text-align:center;
}
.menu{
	height:10%;
	width:100%;
	padding:7% 0;
	background:#404040;
	color:#fff;
}
.sousmenu{
	height:10%;
	width:100%;
	padding:2% 0;
	background:#808080;
	color:#fff;
}

.menu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	background:#404040;
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#808080;
}
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
	background:#ca0008;
}


body
{

  
}
html
{background: url("fond du site 2.png")no-repeat center top ;
background-size : 100%; 
margin:auto auto;
min-width:1000px;
min-height:600px;
max-height:1500px;
}	
section{


position:absolute;
top:0px;
left: 0px ;
max-width:1680px;
min-width:1000px;
min-height:600px;
max-height:1500px;
width:100%;
height:100%;
 }

article
{ 

position:relative;
float:left;
width:52%;

}

.article1
{ 
float:left;
margin-left:25%;
margin-top:-280px;
width: 73%;
height:60%;
/*border-width: 1px;
border-style: dashed;
border-color: blue;*/
}
 
.article2
{ 
float:left;
margin-left:22%;
margin-top:-280px;
overflow:auto;
padding: 0 50px;
width:65%;
height:60%;

} 



.aside1
{
float:right;
position:absoltute;

margin-right:25px;
/*margin-top:-250px;*/
width: 300px;
  

}
 
footer
{

text-align: center;
margin: auto ; 
position: relative;
bottom: 0px;
font-family: Comic Sans MS;
font-size: 2em;

width: 400px;
text-decoration: none;
}

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



.h4
{
text-align: center;
margin: auto auto ; 
position: relative;
top: -280px;
font-family: Comic Sans MS;
font-size: 2em;

width: 400px
}

.article2  h1
{
text-align:center;
margin-top: 0px ;
font-family: Comic Sans MS;
font-size: 30px;


}
.article1 h1
{
text-align: center;
margin-top: 0px ;
font-family: Comic Sans MS;
font-size: 30px;


}
h2
{
text-align: center;
}



p
{
font-family: Arial;
font-size: 16px; /* Paragraphes de 14 pixels */
text-align: justify;


}

.p1
{
font-family: Arial;
font-size: 20px; /* Paragraphes de 14 pixels */
text-align: center;
}

.p2
{
font-family: Arial;
font-size: 25px; /* Paragraphes de 14 pixels */
text-align: center;

}


.p3
{
font-family: Arial;
font-size: 16px; /* Paragraphes de 14 pixels */
text-align: justify;
width: 60%;
margin: auto
}




li
{
margin-left:50px;
font-family: Arial;
font-size: 16px; /* Paragraphes de 14 pixels */
margin-bottom: 1em;
}

.video
{
width: 640px;
height: 360px;
frameborder: 0;
margin: auto;
display: block;
allowfullscreen:0;
}

img
{
margin: auto auto;
display: block;
}


.fleches
{
display: inline;
}
	
.img3
{

width: 100%;
}

.img4
{
display: block;
margin:0 auto;
width: 80%;
}
	

table
{
margin: auto;
/*border-width: 1px;
border-style: solid;
border-color: black;
border-collapse: collapse;*/
width: 100%;
max-width: 640px;
}

td
{
/*border-width: 1px;
border-style: solid;
border-color: black;*/
max-width: 225px;
text-align: center;
padding: 10px 10px;

}



p a
{
text-decoration:none;
color:black;
font-size: 18px;
}


/* margin-right:50px


margin-top:250px */