@charset "UTF-8";

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

  background-color : white;

}


body {
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	padding-right : 5px;
	margin-top : 0px;
	margin-left : 0px;
	background-color : #FFFFFF;

}



.header {
	width : 100%;
	height : 200px; 
	padding-top : 3px;
	
	background-color : #333333;
	font-family : "Verdana";
	text-align : center;
	background-image : url("../img/cilaos.jpg");
}

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

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

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

.sidebar {
	
	font-family : "verdana";
	width : 0%;
	height : 3500px;
	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 {
	column-count: 1;
	width : 100%;
	height : 3500px;
	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;
}

.paragraphe {
	width : 100%;
	
	
	
}
.paragraphe2 {
column-count: 2;
width : 100%;
/*	background-color : rgb(159,237,133); */
	
}


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

}

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

}



.paragraphe h1{
	margin-left : 10px;
	margin-right : 10px;  
	color : black;
	font-family : verdana;
	text-align : left;

}

.paragraphe2 h1{
	margin-left : 10px;
	margin-right : 10px;  
	color : black;
	font-family : verdana;
	text-align : left;

}







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

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

}