@media(max-width:1180px){
	.nav{gap:14px}
	.lang-persistent{display:block;margin-right:100px;}
	.burger{display:block;margin-left:0}
	.carousel-btn,.arrow{display:block}
	
	.language-switcher {
		position: absolute;
		display: inline-flex;
		align-items: center;
		z-index: 100;
		right: 70px;
	}
  
	.burger{display:block}
	.nav-panel{display:none;position:absolute;top:82px;left:0;width:100%;background:#061a35;padding:25px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
	.nav-panel.open{display:flex}
	.main-menu,.actions{flex-direction:column;align-items:stretch}
	.main-menu a,.client{padding:9px}
	.actions .btn{width:100%}
	.booking-grid{grid-template-columns:repeat(3,1fr)}
	.cards article{flex-basis:calc((100% - 28px)/3)}
	.destinations figure{flex-basis:calc((100% - 42px)/4)}
	.vehicles article{flex-basis:calc((100% - 28px)/3)}
	.carousel-btn{display:block}
	.commitments{grid-template-columns:repeat(3,1fr)}
	.footer{flex-wrap:wrap;padding:25px 0}
	
	/*******************************************/
	/**********		PRESTATIONS		************/
	/*******************************************/
	.prestations-intro{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

    .prestation-card{
        grid-template-columns:46% 54%;
    }

    .prestation-card--wide{
        grid-template-columns:23% 77%;
    }

    .prestations-crosslink__content{
        width:80%;
    }
    
	.service-hero,.service-hero__inner{min-height:390px}
	.service-hero__inner{padding-top:105px}
	.service-hero h1{font-size:50px}
	.service-intro{gap:38px}
	.service-photo,.service-photo img{height:390px;min-height:390px}
	.service-zone__grid{gap:38px}
	/*******************************************/
	/**********		PRESTATIONS		************/
	/*******************************************/
	
	/* ==========================================================
   PAGE VÉHICULES
   Complément au CSS commun du gabarit Taxis
   ========================================================== */
   .vehicle-item{
		grid-template-columns:1fr 1fr;
		gap:40px;
	}

	.vehicle-item__visual img{
		max-height:360px;
	}
	
	.vehicle-hero__layout{
		grid-template-columns:1fr;
		gap:30px;
	}

	.vehicle-hero__right{
		max-width:650px;
	}
	
	/**************************************************************/
	/*************			DESTINATIONS		*******************/
	/**************************************************************/
	/* ======================================================
	   HERO
	   ====================================================== */

	.destinations-hero{
		min-height:500px;
	}

	.destinations-hero .service-hero__inner{
		min-height:500px;
		padding-top:120px;
		padding-bottom:55px;
	}

	.destinations-hero .service-hero__content{
		width:100%;
		max-width:650px;
	}

	.destinations-hero h1{
		font-size:clamp(42px,6vw,58px);
	}


	/* ======================================================
	   INTRODUCTION
	   On passe en 1 colonne
	   ====================================================== */

	.destinations-intro{
		grid-template-columns:1fr;
		gap:35px;
		padding-top:50px;
		padding-bottom:50px;
	}

	.destinations-intro__photo,
	.destinations-intro__content{
		width:100%;
		min-width:0;
	}

	.destinations-intro__photo img{
		width:100%;
		height:400px;
		object-fit:cover;
	}

	.destinations-intro__content{
		max-width:760px;
	}

	.destinations-intro__proofs{
		grid-template-columns:repeat(4,1fr);
	}


	/* ======================================================
	   TITRES DE SECTIONS
	   ====================================================== */

	.destinations-heading{
		grid-template-columns:1fr;
		gap:12px;
		align-items:start;
	}

	.destinations-heading > p{
		max-width:650px;
	}


	/* ======================================================
	   DESTINATIONS
	   3 colonnes
	   ====================================================== */

	.destinations-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:14px;
	}

	.destination-card{
		width:100%;
		min-width:0;
	}


	/* ======================================================
	   GARES / AÉROPORTS
	   On passe également en 1 colonne
	   ====================================================== */

	.destinations-arrivals__grid{
		grid-template-columns:1fr;
		gap:35px;
	}

	.destinations-arrivals__content{
		width:100%;
		max-width:720px;
	}

	.destinations-arrivals__cards{
		grid-template-columns:repeat(3,minmax(0,1fr));
		width:100%;
	}


	/* ======================================================
	   TRANSPORT ADAPTÉ
	   ====================================================== */

	.destinations-benefits__grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}

	.destination-benefit{
		min-width:0;
		padding:0 25px;
	}

	.destination-benefit:first-child{
		padding-left:0;
	}

	.destination-benefit:last-child{
		padding-right:0;
	}


	/* ======================================================
	   CTA FINAL
	   ====================================================== */

	.destinations-final__inner{
		grid-template-columns:1fr;
		gap:25px;
	}

	.destinations-final__actions{
		justify-content:flex-start;
	}
	/**************************************************************/
	/*************			DESTINATIONS		*******************/
	/**************************************************************/
	
	#formresa{
		grid-template-columns:1fr;
		max-width:680px;
		margin-top:40px;
	}
	
	#forminfoperso{
		grid-template-columns:1fr;
		max-width:760px;
	}
	
	#diveccliensht {
		text-align: left;
	}
	
	.reservations-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	
	.contact-content{
		display:grid !important;
		grid-template-columns:1fr !important;
		gap:30px !important;

		width:100% !important;
		max-width:none !important;

		margin:0 !important;
		padding:45px 30px 60px !important;

		box-sizing:border-box !important;
	}

	.contact-content > .divbloc{
		display:block !important;
		float:none !important;

		width:100% !important;
		max-width:none !important;
		min-width:0 !important;

		margin:0 !important;

		box-sizing:border-box !important;
	}

	.contact-content > .divbloc > .divblocint{
		width:100% !important;
		max-width:none !important;
		min-width:0 !important;

		padding:30px !important;

		box-sizing:border-box !important;
	}

	.contact-content form{
		display:block !important;

		width:100% !important;
		max-width:none !important;
		min-width:0 !important;

		margin:0 !important;

		box-sizing:border-box !important;
	}

	.contact-content form p{
		display:block !important;

		width:100% !important;
		max-width:none !important;

		margin:0 0 18px !important;
		padding:0 !important;

		box-sizing:border-box !important;
	}

	.contact-content form label{
		display:block !important;
		width:100% !important;

		margin:0 0 7px !important;
	}

	.contact-content form input[type="text"],
	.contact-content form input[type="email"],
	.contact-content form input[type="tel"],
	.contact-content form textarea,
	.contact-content form select{
		display:block !important;

		width:100% !important;
		max-width:100% !important;
		min-width:0 !important;

		box-sizing:border-box !important;
	}

	.contact-content .divformulaire{
		width:100% !important;
		max-width:100% !important;

		margin:20px 0 !important;

		box-sizing:border-box !important;
	}
}
