@charset "UTF-8";

html {
  padding-top : 2px; 
  padding-left : 5px;

  background-color : black;
  background-image : url("fond1.jpg"); 
}


body {
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	padding-right : 5px;
	margin-top : 0px;
	margin-left : 0px;
/*	background-color : #FFFFC0; */
	background-color : white;
}



.header {
	width : 100%;
	height : 100px; 
	padding-top : 3px;
	
	background-color : #333333;
	font-family : "Comic Sans MS";
	text-align : center;
 	background-image : url("fond1.jpg"); 
}

.header p {           /* pour agir sur balise <p> du header */
	color : yellow;

}
.header h1 {           /* pour agir sur balise <p> du header */
	color : red;

}

.sidebar {
	
	font-family : "verdana";
	width : 0%;
	/*height : 100%;  */
	height : 1000px; 
	float : left;
	/* background-color : rgb(255,188,245); */
	/*background-image : url("fond2.jpg"); */
	background-image: linear-gradient(to left, rgb(104,205,223), white);
}

.sidebar h1 {
	margin-left : 40px; 
	/* text-align : center; */
	
}

.content {
	
	width : 100%;
	height : 1000px;
	float : left;
	background-color : rgb(133,237,235);
	/*background-image : url("fond2.jpg"); */
	background-image: linear-gradient(to right, rgb(104,205,223), white);

}

.content h2 {
	margin-left : 10px; 
	color : blue;
}

.content p {
	margin-left : 10px;
	margin-right : 10px;  
	color : black;
	font-family : verdana;
	text-align : justify;
}



.footer {
  background-color : rgb(159,237,133); 

}
.footer p {
	margin-left : 100px; 

}