@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;

}



.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;

}
.header a { color: yellow; } /* CSS link color */
.header a:hover { color: #00FF00;}

.sidebar {
	
	font-family : "verdana";
	width : 1%;
/*	height : 3000px; */
	float : left;
	background-color : rgb(252,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 : 99%;
/*	height : 3000px; */
	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  {
	margin-left : 10px;
	margin-right : 10px;  
	color : black;
	font-family : verdana;
	text-align : center;
	
}

.paragraphe 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; 

}