@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.article-picture .h1-wrap {
		position: relative;
	}
	.h1-wrap h1 {
		color: #1e3a5a;
		padding-top: 13px;
	}
	h2 {
	}
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
	.header-desktop .topbar {
		padding: 7px 15px;
	}
	/* articles > colonnes */
	.columns-wrapper {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.columns-wrapper .col.width-xsmall,
		.columns-wrapper .col.width-sidebar,
		.columns-wrapper .col.width-small,
		.columns-wrapper .col.width-small-l,
		.columns-wrapper .col.width-medium-s,
		.columns-wrapper .col.width-medium,
		.columns-wrapper .col.width-medium-l,
		.columns-wrapper .col.width-large-s,
		.columns-wrapper .col.width-large,
		.columns-wrapper .col.width-large-f,
		.columns-wrapper .col.width-full {
			width: 100%;
		}

	.grids-inside .grids-col.by3 {
		width: 46%;
	}
		.partners-item {
			width: 100%;
			margin: 30px 0;
		}
	.shortcuts-wrapper a.banners {
		width: 98%;
	}
	.citation {
		font-size: 40px;
	}

	.ico-fourchettes {
		display: none;
	}
	.article-picture .h1-wrap .h1-inside .h1-infos .buttons a {
		margin-bottom: 10px;
		color: #bb975b;
	}
	.article-picture .h1-wrap .h1-inside .phone-number .text {
		color: #bb975b;	
	}
	.form-booking {
		width: 100%;
		border-radius: 0;
		padding: 75px 10px;
	}
		.form-booking .form-row .icon {
			width: 50px;
			text-align: left;
		}
		.form-booking .form-row .field input, .form-booking .form-row .field select {
			padding: 5px 15px;
		}
	.banner-reservation .banner-text {
		width: 96%;
		margin: 0 auto;
		text-align: center;
	}
	.banner-reservation .banner-text img {
		width: 90%;
	}
}
@media only screen and (max-width: 330px), only screen and (max-device-width: 330px) {
}