@charset "UTF-8";

html {
	padding-top : 5px;
	padding-left : 10px;
	background-color : black;
}


body {
	padding-top : 1px;
	padding-left : 15px;
	padding-bottom : 5px;
	padding-right : 15px;
	margin-left : 0px;
	background-color : #FFFFC0;
}


.header {
	width : 100%;
	height : 100px;
	background-color : #333333;
	font-family : verdana;
	text-align : center;
}

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

}

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

}

.sidebar {
	width : 30%;
	height : 300px;
	float : left;
	background-color : rgb(252,188,245);
}

.sidebar h1 {
	margin-left : 10px;

}


.content {
	
	width : 70%;
	height : 300px;
	float : left;
	background-color : rgb(133,237,235);

}

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

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


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

}

.footer p {
	margin-left : 100px;

}