@media (max-width: 939px) {

	.page-wrapper { width: 768px; padding-left: 0; }
	.main-content { background-position: 640px 0; }
	.navigation ul li a { font-size: 17px; background-position: right 0; }
	.navigation.overlay { width: 100%;}
	.navigation.overlay ul { margin-left: 0; width: 100%;}

}

@media (max-width: 767px) {

    .page-wrapper { overflow-x: hidden; margin-left: 0; width: 100%; padding: 0; }

    header { width: auto; }

    header a { width: 320px; height: 89px; background: url("_img-css/header-small.png"); }

	nav { display: none; }

	.main-content { width: 100%; background-image: none; }

	.intro { margin: 0; width: 100%; padding: 0 10px 50px 10px; }

	.main-content section .txt { margin: 0; padding: 0 20px; }
	.main-content section .txt.border { margin-left: 20px; }

	.formules .menu { margin: 30px 0 0 0; padding: 0; }
	.formules .menu article { float: left; margin-bottom: 30px; width: 100%; }

	.terrasse .photo { width: 100%; }

	.prestations .diaporama { margin: 30px 0 0 0; width: 100%; }
	.prestations .diaporama .button { display: none; }

	footer .left { float: left; margin-left: 20px; }

}