body
{
	width: 860px;
	margin: auto;
	background-color: rgb(133, 109, 77);
	overflow-y: scroll;
}
.bloc_page
{
	background-color: rgb(253, 241, 184);
	font-family: "Comic Sans MS", "Trebuchet MS", serif;
	color: rgb(133, 109, 77);
}
nav
{
	position: relative;
}
.banniere2
{
	display: none;
}
.banniere3
{
	display: none;
}
.banniere4
{
	display: none;
}
.banniere5
{
	display: none;
}
.banniere6
{
	display: none;
}
.ul_banniere
{	
	position: absolute;
	bottom: 0%;
	right: 1%;
}
.li_nav
{
	display: inline-block;
	background-image: url("creme.png");
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 5px;
	box-shadow: 6px 6px 5px black;
	width: 110px;
	text-align: center;
}
a
{
	text-decoration: none;
	color: rgb(133, 109, 77);
}
a:hover
{
	color: rgb(255, 228, 54);
}
section
{
	padding: 10px;
	position: relative;
}
.titre_index
{
	font-size: 128%;
	text-align: center;
	height: 10px;
	padding: 20px;
}
article, aside
{
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	text-align: justify;
}
article
{
	width: 540px;
	font-size: 95%;
}
img
{
	border: none;
}
.faroux_fabre_burma_petit
{
	float: right;
	margin: 10px 10px 0px 10px;
}
.burma_helene_petit
{
	float: left;
	margin: 10px 10px 0px 10px;
}
.note
{
	font-size: 85%;
}
aside
{
	position: absolute;
	top: 125px;
	right: 15px;
	width: 250px;
	background-color: rgb(133, 109, 77);
	font-size: 90%;
	border-radius: 10px;
	box-shadow: 6px 6px 5px black;
}
.paris
{
	color: rgb(253, 241, 184);
}
footer
{
	padding-bottom: 2px;
	text-align: center;
	font-size: 0.8em;
	clear: both;
}



@media only all and (max-width: 900px)
{
	body
	{
		width: auto;
		overflow-x: hidden;
	}
	
	.banniere1
	{
		display: none;
	}
	
	.banniere2
	{
		display: block;
	}
	
	.banniere3
	{
		display: none;
	}
	
	.banniere4
	{
		display: none;
	}
	
	.banniere5
	{
		display: none;
	}
	
	.banniere6
	{
		display: none;
	}
	
	.ul_banniere
	{	
		position: absolute;
		left: 109px;
		top: 112px;
	}
	
	.li_nav
	{
		margin-top: 10px;
		margin-bottom: 10px;
		width: 102px;
	}
	
	article
	{
		width: auto;
	}
	
	aside
	{
		position: static;
		width: auto;
	}
	
	footer
	{
		padding: 10px;
	}
}



@media only all and (max-width: 800px)
{
	.banniere1
	{
		display: none;
	}
	
	.banniere2
	{
		display: none;
	}
	
	.banniere3
	{
		display: block;
	}
	
	.banniere4
	{
		display: none;
	}
	.banniere5
	{
		display: none;
	}
	.banniere6
	{
		display: none;
	}
}



@media only all and (max-width: 640px)
{
	.banniere1
	{
		display: none;
	}
	
	.banniere2
	{
		display: none;
	}
	
	.banniere3
	{
		display: none;
	}
	
	.banniere4
	{
		display: block;
	}
	.banniere5
	{
		display: none;
	}
	.banniere6
	{
		display: none;
	}
}



@media only all and (max-width: 466px)
{
	.faroux_fabre_burma_petit
	{
		float: none;
		display: block;
		margin: auto;
	}
}



@media only all and (max-width: 550px)
{
	.banniere1
	{
		display: none;
	}
	
	.banniere2
	{
		display: none;
	}
	
	.banniere3
	{
		display: none;
	}
	
	.banniere4
	{
		display: none;
	}
	.banniere5
	{
		display: block;
	}
	.ul_banniere
	{	
		position: absolute;
		top: 200px;
		left: 120px;
	}
	.banniere6
	{
		display: none;
	}
}



@media only all and (max-width: 500px)
{
	.titre_index
	{
		padding-bottom: 80px;
	}
}



@media only all and (max-width: 430px)
{
	.banniere1
	{
		display: none;
	}
	
	.banniere2
	{
		display: none;
	}
	
	.banniere3
	{
		display: none;
	}
	
	.banniere4
	{
		display: none;
	}
	.banniere5
	{
		display: none;
	}
	.banniere6
	{
		display: block;
	}
	.ul_banniere
	{	
	position: absolute;
	top: 160px;
	left: 140px;
	}
}