body
{
	background-color: rgb(0,100,158);
	font-size: large; font-weight: bold; color: white; font-family: arial
	
	
}
#maquette
{
	width: auto;
    margin: auto;
	
}

header
{
	width: 100%;
    border: 1px solid white;
    text-align: center;
    background-color: rgb(23,13,60);
	
      	 
}
nav
{
	display: inline-block;
    width: 100%;
	padding: -1px 0px;
	text-align: center;
    border: 1px solid white;
	margin:-10px 0px 5px 0px;
	
}
nav ul
{
	display: inline-block;
    list-style-type: none;
}

nav li
{
  display: inline-block;
  margin-right: 15px;

}

section
{
   display: inline-block;
   float: left;
    margin: 12px 30px 12px 20px;
   width: 70%;
   height: 420px;
  border-radius: 50px;
  border-color: white;
	box-shadow: 10px 20px 20px white;
   overflow: auto;
}
article
{
	margin: 15px 15px;
	font-size: 16px; font-weight: bold; color: white; font-family: Comic Sans MS;
	overflow: auto;
	padding: 8px 5px;
	
}
.note1
{
	float: right;
   margin: 30px 90px 10px 10px;
   width: 50%;
   height: 100px;
   border-radius: 100px;
   box-shadow: 10px 20px 10px white;
   text-align: center; color: black; font-size: 20px; font-family: Comic Sans MS;
   background-color: rgb(250,150,00) ;
}
.examen
{
	color: black; font-size: 20px;
}


aside
{
   display: inline-block;
   float: right;
   margin: 12px 30px 12px 20px;
   width: 18.99%;
   height: 380px;
   text-align: center;
   background-color: rgb(255,130,20);
    border-radius: 50px;
	box-shadow: 10px 20px 10px white;
   overflow: auto;
}
.coment1
{
	text-align: center; font-size: 18px; font-family: bradley hand itc; font-weight: bold;
      margin:5px 8px 2px 8px;;	
}
footer
{
	display: inline-block;
	width: 100%;
    border: 1px solid white;
     margin:10px 0px;
    background-color: rgb(134,247,185);
	font-size: small;
	color: black;
}

h3
{
	border: 1px solid white;
	margin: 0px 0px 5px 0px; 
	background-color: rgb(238,13,69);

} 
h4
{
	border: 1px solid white;
	margin: auto;
	text-align: center;
	font-size: large; font-weight: bold; color: white; font-family: Comic Sans MS;
	background-color: rgb(255,130,20);
	text-decoration: none;
}
a
{
	display: inline;
	color: white;
}
.contact
{
	color: black;
	
	
}


p
{
	width: 600px;
	height: 100px;
    border: 1px solid white;
    text-align: justify;
	padding: 12px 6px;
	margin: 50px 10px;
	overflow: auto;
}


.page2
{
	background-color: rgb(238,244,159);
	font-size: large; font-weight: bold; color: white; font-family: arial;
}
#maquette2
{
	width: auto;
    margin: auto;
	
}

 .page2 header
{
	display: inline-block;
	 margin: 00px 10px 10px 30px;
	border-radius: 5px;
	box-shadow: 10px 20px 10px black;
		float: right;
		width: 80%;
	height: 50px; 
}
.page2 nav
{
	 display: inline-block;
	 margin: 15px 0px 10px 30px;
	float: left;
	border-radius: 5px;
	box-shadow: 10px 20px 10px black;
	width: 80%;
	height: 80px; 
	text-align : center; font-size: 24px; font-family: arial; color: black;
	background-color: rgb(255,255,25);
	
}
.page2 section
{
	 display: inline-block;
	 float: left;
	  margin: 18px 10px 10px 00px;
	  box-shadow: 20px 20px 10px black;
	  width: 70%;
	  height: 300px;
	  background-color: rgb(45,181,100);
	
}
.page2 aside
{
	display: inline-block;
    margin: 15px 0px 10px 30px;
	float: left;
	border-radius: 120px;
	box-shadow: 25px 20px 10px black;
	 width: 22%;
	  height: 370px;
}
.coment2
{
	text-align : center;
	font-family: bradley hand itc; font-weight: bold;
	font-size: 22px;
	margin: 3px 5px 2px 5px;
}

.page2 table
{
border-collapse: collapse;	
width: 100%;
height: 25%;
text-align: center; 
}
.page2 td, th
{
	border: 1px solid black;
	width: 25%;
	font-size: 20px;
	
}
.page2 td
{font-size: 16px;
height: 30px;
}
.separe
{
	background-color: rgb(00,10,00);
}

.page2 a
{
	color: white;
	
}

.biblo
{
	display: inline-block;
	 margin: -10px 5px 5px 50px;
	 background-color: rgb(75,124,200);
	width: 50%;
}
</br>
.page2 footer
{
	display: inline-block;
    margin: -10px 5px 5px 5px;
	float: left;
	border-radius: 50px;
	box-shadow: 25px 20px 10px black;
	 width: 70%;
	  height: 50px;
	
}
.contact2
{
	text-align : justify; 
	margin: 10px 5px 5px 5px;
	font-family: bradley hand itc;
	font-size: 19px;
	
}

.page3
{
	background-color: rgb(128,128,128);
	font-size: 24px; font-weight: bold; color: black; font-family: times new romain;
}
#maquette3
{
	width: auto;
    margin: auto;
	
}
 .page3 header
{
	 display: inline-block;
	float: right;
	margin: 00px 30px 10px 00px;
	border-radius: 5px;
	box-shadow: 10px 20px 10px black;
	width: 80%;
	height: 60px;
    background-color: rgb(255,255,300);
}
.page3 nav

{
	 display: inline-block;
	 margin: 20px 0px 10px 30px;
	float: left;
	border-radius: 5px;
	box-shadow: 10px 20px 10px black;
	width: 80%;
	height: 80px; 
	text-align : center;
	font-size: 24px;
	font-family: arial;
	background-color: rgb(255,255,25);
}
.page3 section
{
	 display: inline-block;
	  border: 1px solid white;
	  box-shadow: 30px 20px 20px white;
	margin: 15px 10px;
	width: 65%;
	height: 350px; 
	background-color: rgb(255,181,50);
	
}
.page3 table
{
border-collapse: separate;	
width: 100%;
height: 25%;
text-align: center;
color: blue;

}
.page3 td
{
	border: 1px solid white;
	font-size: small;
    height: 30px;
	width: 25%;
	font-size: 16px;
	
}

.page3 aside
{
   display: inline-block;
   float: right;
   margin: 12px 10px 10px 30px;
   width: 27%;
   height: 300px;
   text-align: left;
   padding: 16px 10px;
   font-size: 16px;
   background-color: rgb(255,255,255);
 border-radius: 5px;
 vertical-align: top;
 overflow: auto;
 color: blue;
}
.edp
{
	text-align : justify;
	font-family: bradley hand itc;
	font-size: 19px;
}