@media screen and (min-width: 851px) and (max-width: 1180px) {}

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

	.navbar {
		grid-template-columns: minmax(0, 1fr) 46px;
		grid-template-rows: auto;
		grid-template-areas: "logo burger";
		width: 100%;
		min-height: 76px;
		padding: 10px 16px;
		gap: 14px;
		border-bottom: 2px solid var(--header-border);
		box-shadow: 0 2px 12px rgb(0 0 0 / 12%);
	}

	.site-header__logo {
		min-width: 0;
	}

	.logo img {
		width: min(230px, 70vw);
		height: auto;
	}

	.site-header__infos,
	.site-header__cta {
		display: none;
	}

	.MenuBox {
		grid-area: burger;
		display: inline-flex;
		width: 46px;
		height: 46px;
		padding: 9px;
		border: 0;
		border-radius: 8px;
		background: var(--header-yellow);
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}

	.MenuBox img {
		width: 28px;
		height: 28px;
	}

	.menufermer,
	.MenuBox.open .menuouvert {
		display: none;
	}

	.MenuBox.open .menufermer {
		display: block;
	}

	.site-header__nav {
		grid-area: unset;
		justify-self: stretch;
		display: none;
	}

	body:has(.MenuBox.open) .site-header__nav {
		grid-area: unset;
		justify-self: stretch;
		display: block;
	}

	ul#menu-entete {
		display: none;
	}

	ul#menu-entete.menu.open {
		display: grid !important;
		gap: 0;
		position: absolute;
		left: 16px;
		right: 16px;
		top: calc(100% + 10px);
		width: auto;
		max-height: calc(100vh - 105px);
		overflow: auto;
		margin: 0;
		padding: 14px;
		background: var(--color-white);
		border: 1px solid rgb(18 63 115 / 18%);
		border-radius: 10px;
		box-shadow: 0 18px 40px rgb(0 0 0 / 18%);
		justify-items: baseline;
		justify-content: start;
	}

	ul#menu-entete li {
		margin: 0;
	}

	ul#menu-entete li a {
		display: flex;
		padding: 13px 8px;
		color: var(--color-ink);
		font-size: 16px !important;
		white-space: normal;
	}

	li.menu-item-has-children:after {
		top: 12px;
		right: 8px;
		color: var(--header-blue);
	}

	ul#menu-entete li.menu-item-has-children.openLi .sub-menu {
		position: relative;
		top: auto;
		width: auto;
		min-width: 0;
		padding: 0 0 6px 14px;
		margin: 0;
		background: transparent;
		box-shadow: none;
	}

	ul#menu-entete li.menu-item-has-children.openLi .sub-menu li {
		margin: 0;
	}

	.heroslider>.fl-row-content-wrap {
		height: 50vh;
		margin-top: 50px;
	}

	/* TEXTE  */
	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4 {
		font-size: 1.5em;
	}

	.cadreinfos {
		padding: 40px 25px !important;
		margin: 30px 25px !important;
	}


	.fl-node-fob6mr1nvg3k {
		margin: 0 25px;
	}

	.img-relais {
		position: relative;
		top: 0;
	}


	a[href^="mailto:"] {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	/* DECOR  */
	ul#menu-entete:after {
		width: 200px;
		height: 200px;
		top: 3%;
		right: -35%;
	}

	/* BASE  */
	.logo img {
		padding: 0;
		width: 150px;
		height: auto;
		margin-top: 0;
		margin-left: 0;
	}

	.Conteneur {
		font-size: 1.4em;
	}

	/* ESPACEMENT */
	section {
		padding: 0 15px;
		padding: 0;
	}


	.timeline-sivom {
		padding: 0 16px 0 34px;
	}

	.timeline-sivom::before {
		left: 14px;
	}

	.timeline-item {
		display: block;
		min-height: 0;
		padding: 0 0 34px;
	}

	.timeline-item::before {
		left: -20px;
		top: 6px;
	}

	.timeline-item:nth-child(odd) .timeline-content,
	.timeline-item:nth-child(even) .timeline-content {
		max-width: none;
		padding: 0 0 0 10px;
		text-align: left;
	}

	.timeline-content h3 {
		font-size: 28px;
	}

	.timeline-content p {
		font-size: 14px;
		line-height: 1.6;
	}


	/* FORM  */

	.flex-form .half {
		position: relative;
		width: 47.8%;
	}


	/* MODIF FSC  */


	.fl-builder-content-2 .fl-node-7yg1jwbacu8i {
		grid-template-columns: repeat(3, 1fr);
	}


	.container-mini,
	.container-moyen,
	.container-maxi,
	.fl-node-7yg1jwbacu8i {
		padding: 0 25px;
	}


	.fl-rich-text br {
		display: none;
	}

	ul.flex.centrer {
		width: auto;
	}

	.titrebase :is(h1, h2, h3, h4, h5) span {
		display: block;
	}


	/* GRID  */

	.fl-node-chvp2s4t5lax,
	.nos-services,
	.fl-node-elhrnfmqgxz2,
	.fl-node-3rfmw1h9p0c5,
	.fl-node-vmth2ijc0p83,
	.Grid-1-2 {
		grid-template-columns: 1fr !important;
	}


	/* FOOTER */


	footer.footerbg {
		padding-top: 0;
		margin-top: 25px;
	}

	.main-footer {
		display: grid;
		grid-template-columns: 0.9fr 0.8fr 1.3fr !important;
		grid-template-areas: "logo nav reservation";
		padding: 30px 12px;
		gap: 10px 5px;
		max-width: 1200px;
		margin: auto;
	}

	.main-footer .footer-nav,
	.main-footer .footer-reservation,
	.main-footer .footer-credits {
		padding-top: 0;
	}

	.flexbas .container ul {
		padding: 0 20px;
	}

}


@media screen and (max-width: 500px) {
	.logo img {
		width: min(210px, 68vw);
	}

	/* GRID */
	.fl-module-box,
	.infinite-scroll-posts-grid,
	.grid-tax,
	.ctabas .fl-module-box,
	.gridtermdouble,
	.gridtermavecfaq,
	.cpresta,
	.Grid-1-2,
	.fl-builder-content-92 .fl-node-j21ofm6tqrle {
		grid-template-columns: 1fr !important;
	}


	/* FOOTER  */
	.main-footer {
		display: grid;
		grid-template-columns: 1fr !important;
		grid-template-areas: "logo""nav""reservation""credits";
		padding: 30px 20px;
		gap: 10px 50px;
		max-width: 1200px;
		margin: auto;
	}

	.footer-nav {
		margin-left: 0;
	}

	.footer-logo ul li {
		width: auto;
	}


}