@media(max-width:720px){
	.shell{width:min(100% - 32px,1480px)}
	.hero{min-height:600px}
	.hero-copy{padding-top:55px}
	.hero-copy h1{font-size:46px}
	.hero-copy p{font-size:16px}
	.booking{bottom:-225px}
	.booking-grid{grid-template-columns:1fr 1fr}
	.section{padding-top:260px}
	.section+.section{padding-top:55px}
	.section-head{align-items:start;flex-direction:column}
	.section h2,.transfer-band h2,.engagement h2{font-size:30px}
	.cards article{flex-basis:82%}
	.destinations figure{flex-basis:55%}
	.vehicles article{flex-basis:82%}
	.transfer-band{background:linear-gradient(#f5f7faee,#f5f7faee),url(/images/transfers.jpg) center/cover}
	.hubs{display:grid;grid-template-columns:repeat(3,1fr)}
	.commitments{grid-template-columns:1fr 1fr}
	.footer{flex-direction:column;align-items:flex-start}
	.section-head>a{display:none}
	
	/*******************************************/
	/**********		PRESTATIONS		************/
	/*******************************************/
	 .prestations-page{
        padding-top:45px;
    }

    /* neutralise le padding très important de .section du CSS global */
    .section.prestations-page{
        padding-top:45px;
    }

    .prestations-intro{
        grid-template-columns:1fr;
        gap:20px;
        margin-bottom:26px;
    }

    .prestations-intro h2{
        font-size:30px;
    }

    .prestations-intro__text{
        padding-bottom:0;
    }

    .prestations-grid,
    .prestations-crosslinks{
        grid-template-columns:1fr;
    }

    .prestation-card,
    .prestation-card--wide{
        grid-column:auto;
        grid-template-columns:42% 58%;
        min-height:138px;
    }

    .prestation-card__image,
    .prestation-card__image img{
        min-height:138px;
    }

    .prestation-card__body,
    .prestation-card--wide .prestation-card__body{
        padding:17px 44px 17px 18px;
    }

    .prestation-card h3{
        font-size:17px;
    }

    .prestation-card p{
        font-size:13px;
    }

    .prestation-card__arrow{
        width:31px;
        height:31px;
        right:10px;
        bottom:10px;
        font-size:20px;
    }

    .prestations-crosslink{
        min-height:200px;
    }

    .prestations-crosslink__content{
        width:82%;
    }
    
	.service-hero{min-height:440px;background-position:60% center}
	.service-hero__inner{min-height:440px;padding:105px 0 50px}
	.service-hero h1{font-size:42px}
	.service-hero__lead{font-size:18px}
	.service-main{padding-top:45px}
	.service-intro,.service-zone__grid{grid-template-columns:1fr;gap:30px}
	.service-photo,.service-photo img{height:330px;min-height:330px}
	.service-copy h2,.service-uses h2,.service-zone h2,.service-vehicles h2,.service-final h2{font-size:30px}
	.service-proof{grid-template-columns:1fr}
	.service-section-head{display:block}
	.service-section-head p{margin-top:14px}
	.service-uses-grid{grid-template-columns:1fr}
	.service-zone__list{grid-template-columns:1fr 1fr}
	.service-vehicle-panel{min-height:360px;background-position:62% center}
	.service-vehicle-panel__content{width:78%;padding:32px}
	.service-final__inner{align-items:flex-start;flex-direction:column}
	/*******************************************/
	/**********		PRESTATIONS		************/
	/*******************************************/
	
	/* ==========================================================
   PAGE VÉHICULES
   Complément au CSS commun du gabarit Taxis
   ========================================================== */
   .vehicle-list{
		margin-top:20px;
	}

	.vehicle-item{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:20px;
		padding:40px 0;
	}

	.vehicle-item--reverse .vehicle-item__visual,
	.vehicle-item--reverse .vehicle-item__content{
		order:initial;
	}

	.vehicle-item__visual{
		width:100%;
	}

	.vehicle-item__visual img{
		max-height:280px;
	}

	.vehicle-item__content{
		width:100%;
		max-width:none;
	}

	.vehicle-item__content h3{
		font-size:32px;
	}

	.vehicle-item__content h4{
		font-size:18px;
	}
	
	#formresa{
		gap:22px;
		margin:30px auto 55px;
		padding:0 15px;
	}

	#formresa .divbloc h2{
		padding:25px 25px 22px;
		font-size:24px;
	}

	#formresa .divbloc h2::after{
		left:25px;
	}

	#formresa .divblocint{
		padding:25px;
	}

	#formresa table.arrondi{
		padding:15px !important;
		border-spacing:0 8px;
	}

	#formresa table.arrondi,
	#formresa table.arrondi tbody,
	#formresa table.arrondi tr,
	#formresa table.arrondi td{
		display:block;
		width:100%;
	}

	#formresa table.arrondi td:first-child{
		width:100%;
		margin-bottom:5px;
	}

	#formresa table.arrondi tr{
		margin-bottom:15px;
	}

	#formresa table.arrondi tr:nth-child(3){
		display:none;
	}

	#formresa input[type="submit"],
	#formresa .abutton{
		width:100%;
	}
	
	
	.password-form{
		width:calc(100% - 30px);
		margin:35px auto 55px;
	}

	.password-form .divblocint{
		padding:40px 25px;
	}

	.password-form input[type="text"]{
		max-width:none;
	}

	.password-form input[type="submit"]{
		width:100%;
		max-width:460px;
	}
	
	#forminfoperso{
		width:calc(100% - 30px);
		margin:25px auto 55px;
		gap:20px;
	}

	#forminfoperso .moitie{
		padding:25px 20px;
	}

	#forminfoperso .moitie > p{
		grid-template-columns:1fr;
		gap:7px;
		padding:12px 0;
	}

	#forminfoperso input[type="submit"],
	#forminfoperso input[type="button"]{
		display:block;
		width:100%;
		margin:8px 0;
	}
	
	#diveccliensht {text-align: center;}
	
	#divecdisconnect{
		position: relative;text-align:center;margin-right:0;right:0;
	}
	
	.reservations-grid{
		grid-template-columns:1fr;
		gap:16px;
	}

	.div_res_item{
		padding:20px;
	}

	.reservations-toolbar{
		flex-direction:column;
		align-items:flex-start;
	}
}

@media (max-width:700px){
  .lang-persistent select{padding:8px 6px}
}

@media(max-width:480px){
	.booking-grid{grid-template-columns:1fr}.booking{bottom:-415px}.hero{min-height:980px}.section{padding-top:450px}.section+.section{padding-top:55px}.commitments{grid-template-columns:1fr 1fr}
	
	/*******************************************/
	/**********		PRESTATIONS		************/
	/*******************************************/
	.section.prestations-page{
        padding-top:38px;
    }

    .prestation-card,
    .prestation-card--wide{
        display:block;
    }

    .prestation-card__image{
        height:185px;
    }

    .prestation-card__image img{
        height:185px;
    }

    .prestation-card__body,
    .prestation-card--wide .prestation-card__body{
        min-height:125px;
        padding:18px 50px 20px 18px;
    }

    .prestations-crosslink__content{
        width:100%;
    }
    
	.service-hero h1{font-size:38px}
	.service-hero__actions,.service-final__actions{display:grid;width:100%}
	.service-hero__actions .btn,.service-final__actions .btn{width:100%}
	.service-photo,.service-photo img{height:260px;min-height:260px}
	.service-zone__list{grid-template-columns:1fr}
	.service-vehicle-panel{background-position:68% center}
	.service-vehicle-panel__content{width:100%;padding:28px;background:rgba(5,25,53,.66)}
	/*******************************************/
	/**********		PRESTATIONS		************/
	/*******************************************/
	
	.vehicle-hero__specs{
		grid-template-columns:1fr;
	}

	.vehicle-hero__spec{
		padding:14px 0;
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,.15);
	}

	.vehicle-hero__spec:last-child{
		border-bottom:0;
	}
	
	/**************************************************************/
	/*************			DESTINATIONS		*******************/
	/**************************************************************/
	/* ======================================================
	   GLOBAL
	   ====================================================== */

	.destinations-page{
		overflow-x:hidden;
	}


	/* ======================================================
	   HERO
	   ====================================================== */

	.destinations-hero{
		min-height:auto;
	}

	.destinations-hero .service-hero__inner{
		min-height:520px;
		padding-top:115px;
		padding-bottom:45px;
	}

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

	.destinations-hero h1{
		max-width:none;
		font-size:38px;
		line-height:1.04;
	}

	.destinations-hero h1 br{
		display:none;
	}

	.destinations-hero .service-hero__lead{
		max-width:none;
		font-size:15px;
	}

	.destinations-hero .service-hero__actions{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:10px;
		width:100%;
	}

	.destinations-hero .service-hero__actions .btn{
		width:100%;
		text-align:center;
	}


	/* ======================================================
	   INTRODUCTION
	   ====================================================== */

	.destinations-intro{
		display:flex;
		flex-direction:column;
		gap:25px;
		padding-top:35px;
		padding-bottom:40px;
	}

	.destinations-intro__photo{
		width:100%;
	}

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

	.destinations-intro__content{
		width:100%;
		max-width:none;
	}

	.destinations-intro__content h2{
		font-size:30px;
		line-height:1.08;
	}

	.destinations-intro__content h2 br{
		display:none;
	}

	.destinations-intro__content > p{
		font-size:15px;
	}


	/* 4 avantages = grille 2 x 2 */

	.destinations-intro__proofs{
		grid-template-columns:repeat(2,minmax(0,1fr));
		margin-top:25px;
	}

	.destinations-intro__proof{
		min-width:0;
		min-height:90px;
		padding:15px 8px;
	}

	.destinations-intro__proof:nth-child(2n){
		border-right:0;
	}

	.destinations-intro__proof:nth-child(-n+2){
		border-bottom:1px solid #e1e5e9;
	}


	/* ======================================================
	   TITRES
	   ====================================================== */

	.destinations-heading{
		display:block;
		margin-bottom:25px;
	}

	.destinations-heading h2{
		margin-bottom:15px;
		font-size:30px;
		line-height:1.08;
	}

	.destinations-heading > p{
		width:100%;
		max-width:none;
	}


	/* ======================================================
	   DESTINATIONS
	   2 cartes par ligne
	   ====================================================== */

	.destinations-resorts{
		padding:40px 0;
	}

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

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

	.destination-card__logo{
		min-width:0;
		padding:15px 10px 8px;
	}

	.destination-card__logo img{
		max-width:100%;
		max-height:58px;
	}

	.destination-card__footer{
		gap:5px;
		padding:11px 12px 13px;
	}

	.destination-card__footer strong{
		min-width:0;
		font-size:12px;
		line-height:1.2;
	}

	.destination-card__footer a{
		flex:0 0 auto;
		font-size:17px;
	}


	/* ======================================================
	   GARES / AÉROPORTS
	   ====================================================== */

	.destinations-arrivals{
		padding:40px 0;
	}

	.destinations-arrivals__grid{
		display:block;
	}

	.destinations-arrivals__content{
		width:100%;
		max-width:none;
		margin-bottom:28px;
	}

	.destinations-arrivals__content h2{
		font-size:30px;
		line-height:1.08;
	}

	.destinations-arrivals__content h2 br{
		display:none;
	}

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

	.arrival-card{
		width:100%;
		min-width:0;
		min-height:105px;
		padding:12px 8px;
	}

	.arrival-card strong{
		font-size:12px;
		line-height:1.3;
	}


	/* ======================================================
	   TRANSPORT ADAPTÉ
	   1 colonne
	   ====================================================== */

	.destinations-benefits{
		padding:40px 0;
	}

	.destinations-benefits__grid{
		display:block;
		margin-top:20px;
	}

	.destination-benefit,
	.destination-benefit:first-child,
	.destination-benefit:last-child{
		width:100%;
		min-height:0;
		padding:25px 0;
		border-right:0;
		border-bottom:1px solid #d9dfe4;
	}

	.destination-benefit:first-child{
		padding-top:5px;
	}

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

	.destination-benefit__top{
		margin-bottom:12px;
	}


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

	.destinations-final{
		background-position:center;
	}

	.destinations-final__inner{
		display:block;
		min-height:0;
		padding-top:45px;
		padding-bottom:45px;
	}

	.destinations-final__content{
		width:100%;
		max-width:none;
	}

	.destinations-final h2{
		font-size:32px;
		line-height:1.08;
	}

	.destinations-final p br{
		display:none;
	}

	.destinations-final__actions{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:10px;
		width:100%;
		margin-top:25px;
	}

	.destinations-final__actions .btn{
		width:100%;
		text-align:center;
	}
	/**************************************************************/
	/*************			DESTINATIONS		*******************/
	/**************************************************************/
	
	.contact-content{
		display:block !important;

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

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

		box-sizing:border-box !important;
	}


	/* ----------------------------------------------
	   BLOCS
	   ---------------------------------------------- */

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

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

		margin:0 0 25px !important;

		box-sizing:border-box !important;
	}


	/* TITRES */

	.contact-content > .divbloc > h2{
		width:auto !important;

		margin:0 !important;
		padding:23px 20px 20px !important;

		font-size:23px !important;
		line-height:1.2 !important;

		box-sizing:border-box !important;
	}

	.contact-content > .divbloc > h2::before{
		left:20px !important;
		width:45px !important;
	}


	/* CONTENU */

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

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

		margin:0 !important;
		padding:25px 20px 28px !important;

		box-sizing:border-box !important;
	}


	/* ----------------------------------------------
	   COORDONNÉES
	   ---------------------------------------------- */

	.contact-content > .divbloc:first-child > .divblocint{
		padding:25px 20px 30px !important;

		font-size:14px !important;
		line-height:1.8 !important;

		text-align:left !important;
	}

	.contact-content > .divbloc:first-child .aorange{
		max-width:100% !important;

		overflow-wrap:anywhere;
		word-break:break-word;
	}


	/* ----------------------------------------------
	   FORMULAIRE
	   ---------------------------------------------- */

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

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

		margin:0 !important;
		padding:0 !important;

		box-sizing:border-box !important;
	}

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

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

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

		box-sizing:border-box !important;
	}

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

		width:100% !important;

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

		box-sizing:border-box !important;
	}


	/* CHAMPS */

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

		float:none !important;

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

		margin:0 !important;

		box-sizing:border-box !important;
	}

	.contact-content form input[type="text"],
	.contact-content form input[type="email"],
	.contact-content form input[type="tel"],
	.contact-content form select{
		height:48px !important;
		padding:0 12px !important;
	}

	.contact-content form textarea{
		height:140px !important;
		min-height:140px !important;

		padding:12px !important;
	}


	/* ----------------------------------------------
	   RECAPTCHA
	   ---------------------------------------------- */

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

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

		margin:20px 0 !important;

		overflow:hidden;

		box-sizing:border-box !important;
	}

	.contact-content .divformulaire center{
		display:block !important;
		width:100% !important;
		text-align:left !important;
	}

	.contact-content .g-recaptcha{
		transform:scale(.88);
		transform-origin:0 0;
	}


	/* ----------------------------------------------
	   BOUTONS
	   ---------------------------------------------- */

	.contact-content form p:last-child{
		display:flex !important;
		flex-direction:column-reverse !important;
		gap:10px !important;

		width:100% !important;

		text-align:left !important;
	}

	.contact-content form input[type="submit"],
	.contact-content form input[type="reset"]{
		display:block !important;

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

		height:50px !important;

		margin:0 !important;

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