/****************************************/
/*         MEDIA QUERIES           /*
/***************************************/

/* Seulement ce qui change */
@media screen and (max-width : 1150px) and (min-width : 946px) {
	footer article, aside {
		position: static !important;
	}

	footer article#adresse {
		float: left !important;
		width: 30% !important;
	}

	footer aside#carte {
		float: right !important;
		width: 30% !important;
	}

	footer article#joindre {
		width: 25% !important;
		padding-left: 0 !important;
	}

}

@media screen and (max-width : 945px)  {
	footer {
		padding: 10px 50px !important;
	}

	footer article#adresse {
		width: 50% !important;
	}

	footer aside#carte {
		display: none !important;
	}

	footer article#joindre {
		float: right !important;
		width: 45% !important;
	}
	
}

@media screen and (max-width : 800px)  {
	footer {
		padding: 10px 50px !important;
	}

	footer article#adresse {
		width: 50% !important;
	}

	footer aside#carte {
		display: none !important;
	}

	footer article#joindre {
		float: right !important;
		width: 45% !important;
	}
}

@media screen and (max-width : 693px) {
	#section2 p {
		clear: both; 
		text-align: justify;
		margin-top: 20px;
		margin-bottom: 20px !important;
	}
	
	#section2 #picture p{
		float: none !important;
		width: 60% !important;
		margin: 0 auto !important;
	}
	
}


@media screen and (max-width : 504px) {
	#accueil h1{
		font-size: 400% !important;
	}
	
	#accueil p{
		font-size: 150% !important;
	}
	
	#section2 p {
		text-align: initial;
	}
	
	footer {
		font-size: 90% !important;
	}

	footer article#adresse {
		float: none !important;
		width: 100% !important;
	}

	footer aside#carte {
		display: none !important;
	}

	footer article#joindre {
		float: none !important;
		width: 100% !important;
	}
}


@media screen and (max-width : 414px) {
	#section1 h3{
		font-size: 200%;
	}
	
	.visible { display: none !important;}
}

@media screen and (max-width : 360px) {

}

@media screen and (max-width : 320px) {

}