body{
	margin-top: 5%;
	margin-left : 15%;
	background-image: linear-gradient(white, steelBlue);
	background-repeat: no-repeat;
	font-family: axure handwriting, serif,Arial;
	font-size: 15px;
	
}

header{
	margin-right: 20%;
}
img{
	width: 5%;
	height: auto;
	margin-top: 10%;
	margin-left: 20%;
	margin-bottom: 30%;
	background-color: white;
	}

}
p{
	margin 20%;
	margin-bottom: 100%;
	
	
}	
/*----------------------------------------menu de navigation-------------------------------------------*/
nav li{
	margin-left: -5%;
	display : inline;
	/*padding-top: : 0; */
	padding-left: 5%;
	padding-right: 15%;
	float:left; /*pour IE*/
  	background-color: white;
  	margin-top: -4%;
  	margin-right: 0;
 
}

nav ul {
 
 	list-style-type:none;
 }
 
 nav ul li a {
 	position: relative;
	background-image: linear-gradient(steelBlue, white);
 	display:inline-block;
 	float:left;   
 	width:60px;
 	color:black;
 	text-decoration:none;
 	text-align:center;
 	padding:10px;
 	border:2px solid;
 	margin : 0 8.4%;	
 } 
 
nav a:hover {
	margin-bottom: 0;
	background-image: linear-gradient(white, lightSkyBlue);
 	border-color:#696969 #DCDCDC #DCDCDC #696969;
 }
 
/*-------------------------------placement du titre de chaque page ---------------------------------------------*/
div#pres{
	margin-top: -3%;
	padding-top: 5%;
	margin-left: 0;
	padding-right: 15%;
	margin-right: 15%;
	background-color: white;
}

h1{
	color : #D40000;
	margin-bottom: 0;
	font-size: 20px;
}

article{
	padding-left: 3%;
	padding-top:15%;
	margin-left: 0;
	background-color: white;
	margin-right: 12%;
	margin-top: -10%;
	padding-bottom: 3%;
	padding-right: 3%;
}

#Celine{
	width: 45%;
	padding-left: 10%;	
}
div#marge{
	margin-right: 35%;
}

th{
	font-size: 20px;
	float : left;
	color: steelblue;
	padding-top: 1%;
	padding-bottom: 1%;
}