#banniere_container
{
	margin: auto;
	padding-top: 30px;
	background-image: linear-gradient(rgb(120,120,120) 100px, rgb(200,200,200));
	width: 100%;
	height: 180px;
	text-align: center;
}

#img_banniere
{
	padding-top: 5px;
	width: 800px;
}

#container_page_index
{
	width: 100%;
	background-color: rgb(200,200,200);
}

#div_footer
{
	position: relative;
	z-index: 1;
	height: 40px;
	padding-top: 20px;
	padding-bottom: 0px;
	font-size: 0.8em;
	color: white;
	background-color: rgb(120,120,120);
	text-align: center;
}



/***********************************************************************************************************************************/
/********************************************************** CSS MINI ***************************************************************/
/***********************************************************************************************************************************/
@media screen and (max-width: 720px)
{
	#banniere_container
	{
		position: relative;
		margin: 0px;
		padding: 0px;
		padding-top: 40px;
		height: 0px;
		z-index: 1;
		
		-moz-transition: all .6s ease;
		-webkit-transition: all .6s ease;
		-ms-transition: all .6s ease;
		-o-transition: all .6s ease;
		transition: all .6s ease;
	}

	#img_banniere
	{
		width: 100%;
		background-image: linear-gradient(rgb(120,120,120) 50px, rgb(200,200,200));
	}

	#container_page_index
	{
		position: relative;
		
		top: -20px;
		padding-top: 25%;
		
		-moz-transition: all .6s ease;
		-webkit-transition: all .6s ease;
		-ms-transition: all .6s ease;
		-o-transition: all .6s ease;
		transition: all .6s ease;
	}
	
	#div_footer
	{
		margin-top: -40px;
	}
}