@charset "UTF-8";
/* @override 
	https://resa-c2i-dev.celya.fr/css/client.css?*
	https://resa2.inter-iles.com/css/client.css?* 
*/
/*
    Fichier de styles principal pour C2I

    Auteur : Philippe Geffe – LS-Résa
    Version : 1.3 // 02/02/2023
    Date : mars 2019
    Copyright : © LS-Résa – Tous droits réservés
*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.template {
  display: none;
}

#first-2-steps-container,
div[id^=etape] {
  display: none;
}

@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/museo-sans-300-webfont.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/museo-sans-500-webfont.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  /* Supposition pour le poids régulier */
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-medium-webfont.woff2") format("woff2");
  font-weight: 500;
  /* Supposition pour le poids moyen */
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  /* Supposition pour le poids régulier */
  font-display: swap;
}
/* ------------------------------------------------------- 
	 	TOP BAR
		(fil d'ariane, panier, espace-pro, etc.)
---------------------------------------------------------- */
.top_meta_infos {
  margin: 2.5rem auto 1.5rem;
  padding: 0;
  max-width: 940px;
}

.top_menu_bar {
  position: relative;
  background: none;
  padding: 0 1rem 1rem;
  margin: 0 auto;
  text-align: center;
}
.top_menu_bar #deconnecte_agence {
  text-decoration: none;
}
.top_menu_bar #efface_session {
  display: none;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.8;
  max-width: 480px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .top_menu_bar #efface_session {
    line-height: normal;
    margin-bottom: 0.5rem;
  }
}
.top_menu_bar #efface_session:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.top_menu_bar #hostname {
  display: none;
}

#fildariane {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding-top: 5px;
  /* alignement multi lignes */
}
#fildariane span[cible] {
  width: 16.6666666667%;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: none;
  padding-top: 1rem;
}
#fildariane span[cible]::before {
  content: "";
  width: 16.6666666667%;
  height: 4px;
  border-radius: 1rem;
  background-color: #96B0B9;
  position: absolute;
  top: 0;
  z-index: 1;
}
#fildariane span[cible] em {
  font-style: normal;
  color: #2d5062;
  font-weight: 500;
  font-size: 1.5rem;
}
#fildariane span[cible] em::before {
  content: "0";
}
#fildariane span[cible] label {
  visibility: hidden;
}
#fildariane span[cible].active, #fildariane span[cible].encours {
  color: #A71A50;
}
#fildariane span[cible].active::before, #fildariane span[cible].encours::before {
  color: #A71A50;
  content: "";
  width: 16.6666666667%;
  height: 4px;
  background-color: #A71A50;
  position: absolute;
  top: 0;
  z-index: 1;
}
#fildariane span[cible].active em, #fildariane span[cible].encours em {
  color: #A71A50;
}
#fildariane span[cible].active::before {
  border-radius: 0;
}
#fildariane span[cible].encours::before {
  border-radius: 0 1rem 1rem 0;
}
#fildariane span[cible].encours label {
  visibility: visible;
  font-size: 0.85rem;
}
@media only screen and (min-width: 600px) {
  #fildariane span[cible].encours label {
    font-size: 1rem;
  }
}

#espace-pro {
  display: none;
  text-decoration: none;
}
#espace-pro:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  #espace-pro {
    display: inline-block;
  }
}

#identification_agence form {
  margin-top: 2rem;
}
#identification_agence form .reduc-input {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* axe des X */
  align-items: center;
  /* axe des Y */
  align-content: center;
  /* alignement multi lignes */
}
#identification_agence form .reduc-input input {
  margin: 0 0.5rem;
}

.espace-pro-login .ui-dialog-title {
  text-transform: uppercase;
}

#deconnexion_agence {
  color: #A71A50;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 2rem;
}
#deconnexion_agence a {
  color: #A71A50;
}
#deconnexion_agence a:hover {
  color: #fff;
}

/* -------- SELECTEUR DE LANGUE ------ */
#select_language {
  max-width: 100%;
}
#select_language select {
  height: 25px;
  background-size: 12px;
  background-position-x: 90%;
  max-width: 60px;
  padding: 0.2rem 30px 0.2rem 0.2rem;
  vertical-align: middle;
  margin-left: 1rem;
}

/* --------------------------------------------
 Connexion à l'espce-pro
-------------------------------------------- */
.agence #espace-pro {
  display: none;
}

/* -------------------------------------------- */
/* 	 	 		Styles par défaut 				*/
/*  	 pour des éléments HTML communs 	    */
/* -------------------------------------------- */
html {
  font-size: 14px;
  font-size: 100%;
  color: #2d5062;
  font-family: "Museo Sans", sans-serif;
  font-weight: 300;
}

body {
  background-color: #fff;
  line-height: 1.4;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#resa,
#etape2,
#etape3,
#conclusion {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  z-index: 1;
  padding: 0 0.5rem;
}
@media only screen and (min-width: 768px) {
  #resa,
  #etape2,
  #etape3,
  #conclusion {
    padding: 1.5rem 1rem;
  }
}

[id^=etape],
#conclusion {
  margin: 0 auto 4rem;
  position: relative;
  padding: 1rem;
  border-radius: 12px;
  background: #fff;
  border: 2px dashed #96B0B9;
}
@media only screen and (min-width: 768px) {
  [id^=etape],
  #conclusion {
    padding: 1rem 1.5rem 2rem;
  }
}

a,
a:link,
a:active,
a:visited {
  transition: color 0.15s ease-out;
}

a {
  color: #2d5062;
  text-decoration: underline;
  border-radius: 1px;
}
a:hover {
  color: rgb(48.8571428571, 112.6428571429, 111.2857142857);
}

:disabled {
  opacity: 0.5;
}

hr {
  display: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

h3#main-title,
#choix_date,
div[id^=etape] h4,
#conclusion h4 {
  font-size: 1.35rem;
  line-height: normal;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  color: rgb(45, 80, 98);
  margin: 1rem 0 2rem;
}
@media only screen and (min-width: 768px) {
  h3#main-title,
  #choix_date,
  div[id^=etape] h4,
  #conclusion h4 {
    font-size: 1.875rem;
  }
}
h3#main-title::before,
#choix_date::before,
div[id^=etape] h4::before,
#conclusion h4::before {
  color: #A71A50;
  display: inline-block;
  margin-right: 0.5rem;
}
h3#main-title::after,
#choix_date::after,
div[id^=etape] h4::after,
#conclusion h4::after {
  content: "";
  display: block;
  height: 10.376px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="68.784" height="10.376" viewBox="0 0 68.784 10.376"><path data-name="Tracé 597" d="M-3973-597.864l8.069-7.136,8.069,7.136,8.069-7.136,8.069,7.136,8.069-7.136,8.069,7.136,8.069-7.136,8.069,7.136" transform="translate(3975.117 606.124)" fill=" none" stroke=" %23c70951" stroke-linecap=" square" stroke-linejoin=" bevel" stroke-width=" 3"/></svg>') no-repeat center;
  background-size: contain;
  margin-top: 20px;
}

#main-title::before {
  content: "01";
}

#choix_date::before {
  content: "02";
}

#etape1-3 h4::before {
  content: "03";
}

#etape1-4 h4::before {
  content: "04";
}
.BONCADEAU_BBG #etape1-4 h4::before {
  content: "02";
}

#etape1-5 h4::before {
  content: "05";
}
.BONCADEAU_BBG #etape1-5 h4::before {
  content: "03";
}

#etape2 h4::before {
  content: "06";
}
.BONCADEAU_BBG #etape2 h4::before {
  content: "04";
}

.infos-zone,
.infos-zone-2,
.infos-cie,
#reservation {
  font-size: 1rem;
  font-family: "Museo Sans", sans-serif;
  font-weight: 300;
  text-align: center;
  margin: 1rem 0;
}

textarea,
select,
input,
button {
  font-family: "Museo Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.312rem 0.625rem;
  height: 54px;
  border-radius: 7px;
  border: 1px solid #96B0B9;
  color: #2d5062;
  display: inline-block;
  vertical-align: top;
}

input[type=submit],
button {
  background-color: rgb(45, 80, 98);
  color: #fff;
  border: none;
  border-radius: 7px;
}
input[type=submit]:hover,
button:hover {
  background-color: rgb(56.5714285714, 130.4285714286, 128.8571428571);
  color: #fff;
}

select:focus-visible {
  outline: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

select::-ms-expand {
  display: none;
  /* hide the default arrow in ie10 and ie11 */
}

select option:disabled {
  display: none !important;
}

/* ---- Btn radio et checkbox ----- */
input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  border: 2px solid rgb(45, 80, 98);
  transition: all 0.1s ease-in-out 0s;
}

input[type=radio] {
  border-radius: 25px;
  border-width: 3px;
  background: #f5f5f5;
}
input[type=radio]:checked {
  box-shadow: inset 0 0 0 4px #fff;
  background-color: #48A6A4;
}

input[type=checkbox] {
  box-shadow: 1px 1px 3px rgba(68, 68, 68, 0.25);
}
input[type=checkbox]:checked::after {
  content: "";
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('data:image/svg+xml,<svg fill="%232D5062" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M46.441 67.688a4.69 4.69 0 0 1-6.633 0L24.183 52.067a4.696 4.696 0 0 1 0-6.633 4.696 4.696 0 0 1 6.633 0l12.309 12.312L69.5 31.371a4.687 4.687 0 1 1 6.625 6.633z" fill-rule="evenodd"/></svg>') no-repeat center 2px;
  background-size: contain;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/* ---- Alert BOX ----- */
.alert-box {
  display: none;
}

#message_attente_serveur,
#message_session_uuid {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 1px;
  background: rgba(43, 43, 43, 0.4) !important;
  z-index: 999;
}
#message_attente_serveur p,
#message_session_uuid p {
  box-sizing: border-box;
  width: 95vw;
  max-width: 700px;
  height: 80vh;
  max-height: 400px;
  margin: 20% auto;
  transform: translateY(-20%);
  text-align: center;
  padding: 13rem 4rem;
  color: #e2ded5;
  color: rgb(45, 80, 98);
  font-size: 1.4rem;
  background-color: #48A6A4;
  background-image: url("../img/logos/logo-vdg-dark.svg"), url("../img/illustrations/header-home.png");
  background-repeat: no-repeat;
  background-size: 180px auto, contain;
  background-position: center 50px, left bottom;
  box-shadow: 0 3px 20px rgba(5, 18, 46, 0.44);
  border-radius: 12px;
}
#message_attente_serveur p.patientez_uuid,
#message_session_uuid p.patientez_uuid {
  font-size: 1rem;
}
#message_attente_serveur p.patientez_uuid #message_session_uuid_reload,
#message_session_uuid p.patientez_uuid #message_session_uuid_reload {
  background-color: white;
  padding: 0.2rem 0.5rem;
  color: #2d5062;
}
#message_attente_serveur p.patientez_uuid #message_session_uuid_reload:hover,
#message_session_uuid p.patientez_uuid #message_session_uuid_reload:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
#message_attente_serveur p img,
#message_session_uuid p img {
  display: none;
}

/* ---- CSS loader de la fenêtre modale d'attente ---- */
.cs-loader {
  position: absolute;
  top: 280px;
  left: 0px;
  right: 0;
  width: 100%;
  height: 100%;
}

.cs-loader-inner {
  /* transform: translateY(-50%);
   top: 50%;*/
  /*	left: 50%;
  transform: translateX(-50%);*/
  width: calc(100% - 200px);
  width: 100%;
  margin: 0 auto;
  color: #0D625E;
  padding: 0 100px;
  text-align: center;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display: inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}
@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}
.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}

/* ---- Loader du message "Reprendre la réservation" ---- */
.loader {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
/* ------- Style des tooltips -------- */
.ui-tooltip {
  padding: 1rem;
  box-shadow: 0px 2px 15px rgba(40, 40, 40, 0.44);
  background: #fff;
  z-index: 999;
}

/* ------- Fenêtres modales surgissantes -------- */
.ui-dialog {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  padding: 0.5rem;
  border-radius: 12px;
  width: 90% !important;
  color: #f5f5f5;
  max-width: 780px;
  background: #2d5062;
  box-shadow: 0 3px 20px rgba(5, 18, 46, 0.44);
}
@media only screen and (min-width: 768px) {
  .ui-dialog {
    padding: 1rem 1.8rem;
  }
}
.ui-dialog h3,
.ui-dialog h4,
.ui-dialog .ttip-libelle-pass {
  color: #48A6A4;
  margin-top: 0;
  font-size: 1.3rem;
}
.ui-dialog .ttip-description-pass {
  border-left: 5px solid #48A6A4;
  color: #fff;
  padding-left: 1.5rem;
  margin-bottom: 1.2rem;
  font-size: 0.938rem;
}
.ui-dialog .ui-dialog-content {
  padding: 0.5rem;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.5rem 3rem 0.5rem 0.8rem;
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.ui-dialog .ui-button {
  width: 25px;
  height: 25px;
  padding: 0;
  background: transparent url("../img/close-tick.svg") no-repeat center;
  transition: all 0.1s ease-in-out 0s;
  border: none;
}
.ui-dialog .ui-button:hover {
  transform: rotate(-25deg);
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  width: 8rem;
  background: #f5f5f5;
  height: 40px;
  color: #2d5062;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:hover {
  transform: none;
  box-shadow: 1px 3px 10px rgba(5, 18, 46, 0.56);
  background: #c1dfa4;
  color: #2d5062;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:active {
  box-shadow: 1px 1px 0px rgba(5, 18, 46, 0.56);
  position: relative;
  top: 1px;
}

/* ---- Tableau à l'intérieur de la fenêtre modale
présentant les Infos complémentaires sur la croisière ---- */
.ui-dialog .ttip-libelle-pass {
  margin: 0.5rem 0;
}
.ui-dialog .ttip-boat-img img {
  max-width: 200px;
}
.ui-dialog .ttip-infos-cie {
  font-size: 0.875rem;
  margin-top: 2rem;
  padding: 1rem;
  background: #f5f5f5;
  color: #2d5062;
  border-radius: 4px;
}
.ui-dialog table,
.ui-dialog thead,
.ui-dialog tbody,
.ui-dialog tr,
.ui-dialog th,
.ui-dialog td {
  display: block;
  text-align: left;
  min-width: 100%;
  margin: 0;
}
.ui-dialog tr.troncon-header,
.ui-dialog tr[id^=template_troncon_line_boat_] td {
  display: none;
}
.ui-dialog th,
.ui-dialog td {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.45);
  margin: -1px 0 -1px 0;
}
.ui-dialog td {
  padding: 10px 10px 10px 120px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .ui-dialog td {
    padding: 8px 30px 8px 180px;
  }
}
.ui-dialog td:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100px;
  padding-left: 0.5rem;
  line-height: 1;
  color: fff;
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .ui-dialog td:before {
    width: 150px;
  }
}
.ui-dialog td:first-child::before {
  content: "Bateau : ";
}
.ui-dialog td:nth-child(2)::before {
  content: "Date de départ : ";
}
.ui-dialog td:nth-child(3)::before {
  content: "Heure de départ : ";
}
.ui-dialog td:nth-child(4)::before {
  content: "Date d'arrivée : ";
}
.ui-dialog td:nth-child(5)::before {
  content: "Heure d'arrivée : ";
}
.ui-dialog td:nth-child(6)::before {
  content: "Votre croisière : ";
}

/* ---- Styles des messages d'alertes ------ */
div[class^=msg_niv_] {
  margin: 1rem 0;
  padding: 0.5rem;
}

/* -------------------------------------------- */
/* 	 		Styles pour les datepickers  		*/
/*	 		 … c'est la prise de tête :-)  	    */
/* -------------------------------------------- */
.ui-datepicker {
  display: none;
  width: 20rem;
  padding: 1.2rem 0.8rem 0.8rem;
  border-radius: 7px;
  background: rgb(45, 80, 98);
  box-shadow: 0 5px 15px rgba(5, 18, 46, 0.52);
  border: none;
}
.reservations_agence .ui-datepicker {
  width: 23rem;
}
@media only screen and (min-width: 768px) {
  .ui-datepicker {
    width: 22rem;
    padding: 1.2rem 1.5rem;
  }
}

.reservations_agence .ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background: none;
  border: none;
}
.reservations_agence .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  height: 2rem;
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  background: none;
}
.reservations_agence .ui-datepicker .ui-datepicker-header .ui-datepicker-title select,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  font-size: 14px;
  height: 25px;
  padding: 2px 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  line-height: 20px;
  background-size: 10px;
  margin: 0.2rem;
  width: 40%;
  border-radius: 4px;
}

/*.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}*/
.reservations_agence .ui-datepicker-week-col,
.ui-datepicker-week-col {
  background: none;
  display: none;
  color: #ddd;
}
@media only screen and (min-width: 500px) {
  .reservations_agence .ui-datepicker-week-col,
  .ui-datepicker-week-col {
    display: table-cell;
    text-align: left;
  }
}

.reservations_agence .ui-datepicker .ui-datepicker-prev,
.reservations_agence .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 4px;
  width: 2em;
  height: 2em;
  border-radius: 2em;
}

.reservations_agence .ui-datepicker .ui-datepicker-prev-hover,
.reservations_agence .ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 4px;
}

.reservations_agence .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  background: url("../img/prev.svg") no-repeat center;
  background-size: 12px;
}

.reservations_agence .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next {
  right: 2px;
  background: url("../img/next.svg") no-repeat center;
  background-size: 12px;
}

.reservations_agence .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  background-color: #48A6A4;
  border: none;
}

.reservations_agence .ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  background-color: #48A6A4;
  border: none;
}

.reservations_agence .ui-datepicker .ui-datepicker-prev span,
.reservations_agence .ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -10px;
  background: red;
}

.reservations_agence .ui-datepicker table,
.ui-datepicker table {
  width: 100%;
  font-size: 15px;
  border-collapse: collapse;
  margin: 0.8rem 0 0.4em;
  background: none;
  border: none;
}

.reservations_agence .ui-datepicker th,
.ui-datepicker th {
  padding: 2px;
  text-align: center;
  font-weight: bold;
  border: 0;
  background: none;
  font-family: "Inter", sans-serif;
  min-width: 40px;
}
@media only screen and (min-width: 500px) {
  .reservations_agence .ui-datepicker th,
  .ui-datepicker th {
    min-width: 35px;
  }
}

.reservations_agence .ui-datepicker td,
.ui-datepicker td {
  padding: 1px;
  background: none;
}

.reservations_agence .ui-datepicker td span,
.reservations_agence .ui-datepicker td a,
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.4em 0.5em;
  text-align: center;
  text-decoration: none;
  background: none;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.347);
}

.reservations_agence .ui-datepicker td.ui-datepicker-today span,
.reservations_agence .ui-datepicker td.ui-datepicker-today a,
.ui-datepicker td.ui-datepicker-today span,
.ui-datepicker td.ui-datepicker-today a {
  font-weight: bold;
  text-decoration: underline;
  background: none;
}

.reservations_agence .ui-datepicker td.ui-state-disabled span,
.reservations_agence .ui-datepicker td.ui-state-disabled a,
.ui-datepicker td.ui-state-disabled span,
.ui-datepicker td.ui-state-disabled a {
  opacity: 0.5;
}

.reservations_agence .ui-datepicker td a.ui-state-default,
.ui-datepicker td a.ui-state-default {
  color: #fff;
  border: 1px solid transparent;
  font-weight: 500;
}
.reservations_agence .ui-datepicker td a.ui-state-default:hover,
.ui-datepicker td a.ui-state-default:hover {
  border: 1px solid #333;
  color: #2d5062;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 7px;
}

/* -------------------------------------------- */
/* 	 								CONTENT					 					  */
/* -------------------------------------------- */
#espace-pro {
  display: none;
}

#info_voyage {
  display: block !important;
}

#select_voyage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  margin-top: 2rem;
}
#select_voyage select {
  width: 100%;
  max-width: 380px;
  margin: 0 0 1rem 0;
  padding-left: 3rem;
  padding-right: 2.5rem;
  color: #fff;
  background-color: #a71a50;
  border-radius: 7px;
  border: 1px solid transparent;
  text-transform: uppercase;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="21.323" viewBox="0 0 18 21.323"><path d="M2.64 15.368a9 9 0 1 1 12.72 0l-5.65 5.66a1 1 0 0 1-1.42 0l-5.65-5.66Zm11.31-1.41a7 7 0 1 0-9.9 0L9 18.908l4.95-4.95ZM9 13.008a4 4 0 1 1 4-4 4 4 0 0 1-4 4Zm0-2a2 2 0 1 0-2-2 2 2 0 0 0 2 2Z" fill="%23fff"/></svg>'), url('data:image/svg+xml,<svg fill="%23fff" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50.281 71.996a3.99 3.99 0 0 0 2.406-1l40-36a4.012 4.012 0 0 0 .305-5.68 4.02 4.02 0 0 0-2.777-1.324 4.04 4.04 0 0 0-2.903 1.035L50 62.621 12.688 29.027a4.04 4.04 0 0 0-2.902-1.035 4.02 4.02 0 0 0-3.805 4.23 4.012 4.012 0 0 0 1.332 2.774l40 36a3.993 3.993 0 0 0 2.97 1z"/></svg>');
  background-size: 20px auto;
  background-position: 1rem center, right 1rem center;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  #select_voyage select {
    width: 45%;
  }
}

#select_nb_passagers {
  display: none;
}

.reset-croisiere {
  border: none;
  background: none;
}

/* ---------------------------- */
/* 	ETAPE 1-2
/* ---------------------------- */
#etape1-2 {
  background: #DCD8C7;
}
#etape1-2 #allDates {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
@media only screen and (min-width: 768px) {
  #etape1-2 #allDates {
    justify-content: space-around;
  }
}
#etape1-2 .choose-date {
  width: 100%;
  margin: 1rem 0;
}
@media only screen and (min-width: 768px) {
  #etape1-2 .choose-date {
    width: 48%;
  }
}
#etape1-2 .choose-date label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 1.25rem;
}
#etape1-2 .choose-date .choix-date,
#etape1-2 .choose-date .ui-datepicker-trigger {
  display: inline-block;
  vertical-align: middle;
}
#etape1-2 .choose-date .choix-date {
  font-size: 1.15rem;
  margin-right: 0.5rem;
}
#etape1-2 .choose-date .ui-datepicker-trigger {
  width: 40px;
  height: 40px;
}

/* ---------------------------- */
/* 	 	 	ÉTAPE 1-3		    */
/* ---------------------------- */
.display-all-travel {
  position: relative;
}

.display-all-travel.ar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
}
@media only screen and (min-width: 768px) {
  .display-all-travel.ar {
    flex-direction: row;
  }
  .display-all-travel.ar .display-travel {
    width: 50%;
  }
}

.display-travel {
  width: 100%;
  margin: 1rem auto 0;
}
.display-travel::before {
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.display-travel.aller-simple::before {
  content: "Choisissez votre horaire";
}
@media only screen and (min-width: 768px) {
  .display-travel.aller {
    padding-right: 0.75rem;
  }
}
.display-travel.aller::before {
  content: "Choisissez votre ALLER";
}
@media only screen and (min-width: 768px) {
  .display-travel.retour {
    padding-left: 0.75rem;
  }
}
.display-travel.retour::before {
  content: "Choisissez votre RETOUR";
}
.display-travel .alert-form-msg {
  font-weight: 500;
  font-size: 1.15rem;
  text-align: center;
  background: #A71A50;
  color: white;
  border-radius: 7px;
  padding: 0.5rem 1rem;
  max-width: 300px;
  margin: 1rem auto;
}
.display-travel .alert-form-msg::after {
  content: " en étape 02";
}
.display-travel .travel {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  /* axe des X */
  align-items: center;
  /* axe des Y */
  align-content: center;
  /* alignement multi lignes */
  width: 250px;
  height: 30px;
}
.display-travel .travel .travel-date {
  font-weight: 400;
}
.display-travel .travel a {
  width: 30px;
  height: 30px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.display-travel .travel .prev-trip {
  margin-right: 10px;
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M26.786 2.143h-1.072V1.07a1.071 1.071 0 1 0-2.143 0v1.072H6.43V1.07a1.071 1.071 0 1 0-2.143 0v1.072H3.214A3.215 3.215 0 0 0 0 5.357v21.429A3.215 3.215 0 0 0 3.214 30h23.572A3.215 3.215 0 0 0 30 26.786V5.357a3.215 3.215 0 0 0-3.214-3.214Zm1.071 8.571v16.072a1.072 1.072 0 0 1-1.071 1.071H3.214c-.592 0-1.071-.48-1.071-1.071V10.714h25.714Zm-1.071-6.428a1.072 1.072 0 0 1 1.071 1.071v3.214H2.143V5.357c0-.592.48-1.071 1.071-1.071h23.572ZM8.7 18.214c0-.552.48-1 1.071-1h11.143c.592 0 1.072.448 1.072 1 0 .553-.48 1-1.072 1H9.771c-.592 0-1.071-.447-1.071-1Z" fill="%232D5062"/></svg>') no-repeat left top;
  background-size: auto;
}
.display-travel .travel .prev-trip:hover {
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M26.786 2.143h-1.072V1.07a1.071 1.071 0 1 0-2.143 0v1.072H6.43V1.07a1.071 1.071 0 1 0-2.143 0v1.072H3.214A3.215 3.215 0 0 0 0 5.357v21.429A3.215 3.215 0 0 0 3.214 30h23.572A3.215 3.215 0 0 0 30 26.786V5.357a3.215 3.215 0 0 0-3.214-3.214Zm1.071 8.571v16.072a1.072 1.072 0 0 1-1.071 1.071H3.214c-.592 0-1.071-.48-1.071-1.071V10.714h25.714Zm-1.071-6.428a1.072 1.072 0 0 1 1.071 1.071v3.214H2.143V5.357c0-.592.48-1.071 1.071-1.071h23.572ZM8.7 18.214c0-.552.48-1 1.071-1h11.143c.592 0 1.072.448 1.072 1 0 .553-.48 1-1.072 1H9.771c-.592 0-1.071-.447-1.071-1Z" fill="%23A71A50"/></svg>') no-repeat left top;
  background-size: auto;
}
.display-travel .travel .next-trip {
  margin-left: 10px;
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M26.786 2.143h-1.072V1.07a1.071 1.071 0 1 0-2.143 0v1.072H6.43V1.07a1.071 1.071 0 1 0-2.143 0v1.072H3.214A3.215 3.215 0 0 0 0 5.357v21.429A3.215 3.215 0 0 0 3.214 30h23.572A3.215 3.215 0 0 0 30 26.786V5.357a3.215 3.215 0 0 0-3.214-3.214Zm1.071 8.571v16.072a1.072 1.072 0 0 1-1.071 1.071H3.214c-.592 0-1.071-.48-1.071-1.071V10.714h25.714Zm-1.071-6.428a1.072 1.072 0 0 1 1.071 1.071v3.214H2.143V5.357c0-.592.48-1.071 1.071-1.071h23.572ZM8.7 19.214c0-.552.48-1 1.071-1h11.143c.592 0 1.072.448 1.072 1 0 .553-.48 1-1.072 1H9.771c-.592 0-1.071-.447-1.071-1Zm6.643-6.643c.552 0 1 .48 1 1.072v11.143c0 .592-.448 1.071-1 1.071-.553 0-1-.48-1-1.071V13.643c0-.592.447-1.072 1-1.072Z" fill="%232D5062" fill-rule="nonzero"/></svg>') no-repeat right top;
  background-size: auto;
}
.display-travel .travel .next-trip:hover {
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M26.786 2.143h-1.072V1.07a1.071 1.071 0 1 0-2.143 0v1.072H6.43V1.07a1.071 1.071 0 1 0-2.143 0v1.072H3.214A3.215 3.215 0 0 0 0 5.357v21.429A3.215 3.215 0 0 0 3.214 30h23.572A3.215 3.215 0 0 0 30 26.786V5.357a3.215 3.215 0 0 0-3.214-3.214Zm1.071 8.571v16.072a1.072 1.072 0 0 1-1.071 1.071H3.214c-.592 0-1.071-.48-1.071-1.071V10.714h25.714Zm-1.071-6.428a1.072 1.072 0 0 1 1.071 1.071v3.214H2.143V5.357c0-.592.48-1.071 1.071-1.071h23.572ZM8.7 19.214c0-.552.48-1 1.071-1h11.143c.592 0 1.072.448 1.072 1 0 .553-.48 1-1.072 1H9.771c-.592 0-1.071-.447-1.071-1Zm6.643-6.643c.552 0 1 .48 1 1.072v11.143c0 .592-.448 1.071-1 1.071-.553 0-1-.48-1-1.071V13.643c0-.592.447-1.072 1-1.072Z" fill="%23A71A50" fill-rule="nonzero"/></svg>') no-repeat right top;
  background-size: auto;
}
.display-travel .traveltype-label {
  width: 100%;
  z-index: 99;
  text-align: center;
  font-weight: 300;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-top: 1rem;
  color: rgb(45, 80, 98);
  font-weight: 500;
}
.display-travel .display-schedule {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin: 0 auto;
}
.display-travel .display-schedule .passage {
  flex-grow: 1;
  position: relative;
  padding: 1rem;
  min-width: 230px;
  min-height: 150px;
  margin: 0.5rem;
  background: #5EBFBC;
  background: #96B0B9;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 7px;
  color: rgb(28.951048951, 51.4685314685, 63.048951049);
  /* A NOTER : la zone cliquable qui valide le choix de l'horaire
  ne se limite pas uniquement au "p.selection" (btn radio).
  C'est toute la "div.horaire_cible" qui est cliquable
  (fait en JS dans le engine) */
}
.display-travel .display-schedule .passage:hover {
  transform: scale(1.015);
  box-shadow: 0 5px 10px rgba(5, 18, 46, 0.49);
}
.display-travel .display-schedule .passage .texte_dispo {
  color: #A71A50;
}
.display-travel .display-schedule .passage.complet .horaire_cible::after {
  content: "Réservation\a fermée";
  white-space: pre;
  font-family: courrier, monospace;
  color: #A71A50;
  display: block;
  background: #fff;
  border-radius: 12px;
  position: absolute;
  width: 150px;
  text-align: center;
  font-size: 1.3rem;
  border: 3px solid #A71A50;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%) rotate(-25deg);
}
.display-travel .display-schedule .passage.complet .selection {
  visibility: hidden;
}
.display-travel .display-schedule .passage .libelle-passage {
  font-weight: 400;
  margin: 0;
  font-size: 1rem;
}
.display-travel .display-schedule .passage .places-dispo {
  font-size: 0.615rem;
}
.display-travel .display-schedule .passage .horaires {
  margin: 0.75rem 0 0.5rem;
  font-size: 1rem;
}
.display-travel .display-schedule .passage .horaires .label_depart {
  display: inline-block;
}
.display-travel .display-schedule .passage .horaires .heure-depart {
  background: rgb(45, 80, 98);
  color: white;
  display: block;
  font-size: 1.5rem;
  font-family: "Oswald", sans-serif;
  text-align: center;
  padding: 0.25rem 0.5rem 0.35rem;
  margin-top: 0.5rem;
  border-radius: 7px;
}
.display-travel .display-schedule .passage .label-arrivee {
  position: relative;
  top: -10px;
}
.display-travel .display-schedule .passage .label-arrivee .heure-arrivee {
  font-weight: bold;
}
.display-travel .display-schedule .passage .selection {
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin: 0.5rem 0 0 0;
}
.display-travel .display-schedule .passage.selected_hour {
  background: #48A6A4;
}
.display-travel .display-schedule .passage.selected_hour .selection {
  background: url('data:image/svg+xml,<svg width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M49.941 2.715c26.094 0 47.227 21.133 47.227 47.227S76.035 97.169 49.941 97.169 2.714 76.036 2.714 49.942 23.847 2.715 49.941 2.715zM39.199 61.512l36.008-36.008a1.856 1.856 0 0 1 2.598 0l4.488 4.488c.707.707.707 1.89 0 2.598L40.5 74.383a1.856 1.856 0 0 1-2.598 0L17.714 54.195a1.856 1.856 0 0 1 0-2.598l4.489-4.488a1.856 1.856 0 0 1 2.597 0L39.202 61.51z" fill-rule="evenodd"/></svg>') no-repeat 50% bottom;
  background-size: 40px;
}
.display-travel .display-schedule .passage.selected_hour .selection input,
.display-travel .display-schedule .passage.selected_hour .selection label {
  visibility: hidden;
}
.display-travel .display-schedule .passage .more-infos {
  margin: 1.5rem 0 0;
  font-size: 0.812rem;
  text-align: center;
  text-decoration: underline;
}
.display-travel .display-schedule .passage .more-infos:hover {
  color: rgb(56.5714285714, 130.4285714286, 128.8571428571);
}
.display-travel .display-schedule .passage .ttip-boat-img {
  display: none;
}
.display-travel .showAll {
  display: none !important;
}
.display-travel .date-navigation {
  display: none;
}

/* ----------------------------------------------------------------------- */
/* 	ÉTAPE 1.4 : composition de l'équipe et choix des prestations 		   */
/* ----------------------------------------------------------------------- */
#etape1-4 {
  /* ---- Code promotionnel ---- */
}
#etape1-4 #promotion,
#etape1-4 .reduc-input {
  margin-top: 0;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  background: #2d5062;
  border-radius: 7px;
  color: #fff;
  padding: 0.75rem 1.5rem;
}
@media only screen and (min-width: 600px) {
  #etape1-4 #promotion,
  #etape1-4 .reduc-input {
    flex-direction: row;
  }
}
#etape1-4 #promotion #libelle_tarif_pref,
#etape1-4 .reduc-input #libelle_tarif_pref {
  display: block;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  min-height: 50px;
  line-height: 25px;
  max-width: 400px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 824px) {
  #etape1-4 #promotion #libelle_tarif_pref,
  #etape1-4 .reduc-input #libelle_tarif_pref {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
#etape1-4 #promotion #libelle_tarif_pref .code-promo,
#etape1-4 .reduc-input #libelle_tarif_pref .code-promo {
  display: inline-block;
  padding-left: 35px;
  min-height: 25px;
  background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><title>discount-light</title><path d="M20 0c-1.18 0-2.066.625-2.845 1.151-.78.527-1.495.991-1.908 1.102-.414.111-1.267.066-2.204 0-.938-.065-2.021-.162-3.043.428-1.022.59-1.48 1.573-1.891 2.418-.412.845-.8 1.605-1.102 1.908-.303.302-1.063.69-1.908 1.102-.845.41-1.828.87-2.418 1.891-.59 1.022-.51 2.105-.444 3.043.066.937.127 1.79.016 2.204-.11.413-.575 1.128-1.102 1.908C.625 17.934 0 18.82 0 20c0 1.18.625 2.066 1.151 2.845.527.78.991 1.495 1.102 1.908.111.414.05 1.267-.016 2.204-.066.938-.146 2.021.444 3.043.59 1.022 1.573 1.48 2.418 1.891.845.412 1.605.8 1.908 1.102.302.303.69 1.063 1.102 1.908.41.845.87 1.828 1.891 2.418 1.022.59 2.105.51 3.043.444.937-.066 1.79-.127 2.204-.016.413.11 1.128.575 1.908 1.102C17.934 39.375 18.82 40 20 40c1.18 0 2.066-.625 2.845-1.151.78-.527 1.495-.991 1.908-1.102.414-.111 1.267-.05 2.204.016.938.066 2.021.146 3.043-.444 1.022-.59 1.48-1.573 1.891-2.418.412-.845.8-1.605 1.102-1.908.303-.302 1.063-.69 1.908-1.102.845-.41 1.828-.87 2.418-1.891.59-1.022.494-2.105.428-3.043-.066-.937-.111-1.79 0-2.204.11-.413.575-1.128 1.102-1.908C39.375 22.066 40 21.18 40 20c0-1.18-.625-2.066-1.151-2.845-.527-.78-.991-1.495-1.102-1.908-.111-.413-.066-1.267 0-2.204.066-.938.162-2.021-.428-3.043-.59-1.022-1.573-1.48-2.418-1.891-.845-.412-1.605-.8-1.908-1.102-.302-.303-.69-1.063-1.102-1.908-.41-.845-.87-1.828-1.891-2.418-1.022-.59-2.105-.493-3.043-.428-.937.066-1.79.111-2.204 0-.413-.11-1.128-.575-1.908-1.102C22.066.625 21.18 0 20 0Zm0 2.105c.32 0 .954.302 1.678.79.723.487 1.496 1.12 2.533 1.398 1.036.277 2.025.11 2.894.05.87-.063 1.565.003 1.842.164.278.16.67.727 1.053 1.513.382.785.738 1.725 1.497 2.483.758.759 1.698 1.115 2.483 1.497.786.382 1.353.775 1.513 1.053.16.277.227.972.165 1.842-.062.87-.228 1.858.05 2.894.277 1.037.91 1.81 1.397 2.533.487.724.79 1.357.79 1.678 0 .32-.302.954-.79 1.678-.487.723-1.12 1.496-1.398 2.533-.277 1.036-.11 2.025-.05 2.894.063.87-.005 1.565-.164 1.842-.16.278-.727.67-1.513 1.053-.785.382-1.725.738-2.483 1.497-.759.758-1.115 1.698-1.497 2.483-.382.786-.775 1.353-1.053 1.514-.277.16-.972.226-1.842.164-.87-.062-1.858-.228-2.894.05-1.037.277-1.81.91-2.533 1.397-.724.488-1.357.79-1.678.79-.32 0-.954-.302-1.678-.79-.723-.487-1.496-1.12-2.533-1.398-1.036-.277-2.025-.11-2.894-.049-.87.062-1.565-.006-1.842-.164-.278-.16-.67-.728-1.053-1.514-.382-.785-.738-1.725-1.497-2.483-.758-.759-1.698-1.115-2.483-1.497-.786-.382-1.353-.775-1.513-1.053-.16-.277-.227-.972-.165-1.842.062-.87.228-1.858-.05-2.894-.277-1.037-.91-1.81-1.397-2.533-.487-.724-.79-1.357-.79-1.678 0-.32.302-.954.79-1.678.487-.723 1.12-1.496 1.398-2.533.277-1.036.11-2.025.05-2.894-.063-.87.003-1.565.164-1.842.16-.278.727-.67 1.513-1.053.785-.382 1.725-.738 2.483-1.497C9.262 7.745 9.618 6.805 10 6.02c.382-.786.775-1.353 1.053-1.513.277-.16.972-.227 1.842-.165.87.062 1.858.228 2.894-.05 1.037-.277 1.81-.91 2.533-1.397.724-.487 1.357-.79 1.678-.79Zm8.29 8.405a1.039 1.039 0 0 0-.61.312L10.84 27.665a1.05 1.05 0 0 0 .73 1.815 1.06 1.06 0 0 0 .75-.319L29.161 12.32a1.053 1.053 0 0 0-.871-1.809Zm-13.553.016a4.227 4.227 0 0 0-4.21 4.211 4.227 4.227 0 0 0 4.21 4.21 4.227 4.227 0 0 0 4.21-4.21 4.227 4.227 0 0 0-4.21-4.21Zm0 2.106c1.176 0 2.105.929 2.105 2.105s-.93 2.105-2.105 2.105a2.088 2.088 0 0 1-2.105-2.105c0-1.176.929-2.105 2.105-2.105Zm10.526 8.42a4.227 4.227 0 0 0-4.21 4.211 4.227 4.227 0 0 0 4.21 4.21 4.227 4.227 0 0 0 4.21-4.21 4.227 4.227 0 0 0-4.21-4.21Zm0 2.106c1.176 0 2.105.93 2.105 2.105a2.089 2.089 0 0 1-2.105 2.106 2.088 2.088 0 0 1-2.105-2.106c0-1.176.93-2.105 2.105-2.105Z" fill="%23fff"/></svg>') no-repeat 3px center;
  background-size: auto 25px;
}
#etape1-4 #promotion #libelle_tarif_pref .carte-cadeau,
#etape1-4 .reduc-input #libelle_tarif_pref .carte-cadeau {
  display: inline-block;
  padding-left: 40px;
  min-height: 25px;
  background: url('data:image/svg+xml,<svg fill="%23fff" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50 16.699C47.023 10.347 40.7 2.5 27.5 2.5c-3.3 0-5.75.95-7.398 2.602C18.453 6.75 17.5 9.203 17.5 12.5c0 2.55 1.375 5.7 4.648 8.477.625.523 1.301 1.023 2.075 1.523H9.875C4.425 22.5 0 26.926 0 32.375V52.5C0 53.875 1.125 55 2.5 55H5c1.324 0 2.601.523 3.523 1.477C9.473 57.402 10 58.676 10 60s-.524 2.602-1.477 3.55A4.919 4.919 0 0 1 5 65.028H2.523C0 65.027 0 67.527 0 67.527v20.125c0 5.45 4.425 9.875 9.875 9.875l80.25-.004c5.449 0 9.875-4.425 9.875-9.875V67.523s0-2.5-2.524-2.5H95a4.896 4.896 0 0 1-3.524-1.476A4.919 4.919 0 0 1 90 60.023c0-1.324.523-2.601 1.476-3.523A4.919 4.919 0 0 1 95 55.023h2.5c1.375 0 2.5-1.125 2.5-2.5V32.375c0-5.449-4.426-9.875-9.875-9.875H75.773c.773-.5 1.476-1 2.074-1.523 3.273-2.75 4.648-5.926 4.648-8.477 0-3.3-.949-5.75-2.601-7.398C78.245 3.454 75.792 2.5 72.495 2.5c-13.199 0-19.523 7.852-22.5 14.2zM77.5 27.5v5c0 1.375-1.125 2.5-2.5 2.5s-2.5-1.125-2.5-2.5v-5H56.102c2.977 2.05 6.625 3 11.125 2.523a2.5 2.5 0 0 1 2.75 2.227A2.5 2.5 0 0 1 67.75 35c-7.625.8-13.375-1.55-17.773-6.125-4.398 4.574-10.125 6.95-17.773 6.125a2.5 2.5 0 0 1-2.226-2.75 2.5 2.5 0 0 1 2.75-2.227c4.5.477 8.148-.476 11.125-2.523H9.876A4.866 4.866 0 0 0 5 32.375V50c2.648 0 5.199 1.05 7.074 2.926a10.013 10.013 0 0 1 0 14.148A10.012 10.012 0 0 1 5.001 70v17.625c0 2.7 2.176 4.875 4.875 4.875H72.5v-5c0-1.375 1.125-2.5 2.5-2.5s2.5 1.125 2.5 2.5v5h12.625c2.699 0 4.875-2.176 4.875-4.875V70c-2.649 0-5.2-1.05-7.074-2.926a10.018 10.018 0 0 1 0-14.148A10.012 10.012 0 0 1 95 50V32.375c0-2.7-2.176-4.875-4.875-4.875zm-5 45V80c0 1.375 1.125 2.5 2.5 2.5s2.5-1.125 2.5-2.5v-7.5c0-1.375-1.125-2.5-2.5-2.5s-2.5 1.125-2.5 2.5zM50 62.5c-4.148 0-7.5 3.352-7.5 7.5s3.352 7.5 7.5 7.5 7.5-3.352 7.5-7.5-3.352-7.5-7.5-7.5zm.727-14.273-22.5 22.5a2.518 2.518 0 0 0 0 3.55c.976.977 2.55.977 3.55 0l22.5-22.5a2.518 2.518 0 0 0 0-3.55 2.518 2.518 0 0 0-3.55 0zM50 67.5c1.375 0 2.5 1.125 2.5 2.5s-1.125 2.5-2.5 2.5-2.5-1.125-2.5-2.5 1.125-2.5 2.5-2.5zM72.5 55v10c0 1.375 1.125 2.5 2.5 2.5s2.5-1.125 2.5-2.5V55c0-1.375-1.125-2.5-2.5-2.5s-2.5 1.125-2.5 2.5zm-40-10c-4.148 0-7.5 3.352-7.5 7.5s3.352 7.5 7.5 7.5 7.5-3.352 7.5-7.5-3.352-7.5-7.5-7.5zm0 5c1.375 0 2.5 1.125 2.5 2.5S33.875 55 32.5 55 30 53.875 30 52.5s1.125-2.5 2.5-2.5zm40-10v7.5c0 1.375 1.125 2.5 2.5 2.5s2.5-1.125 2.5-2.5V40c0-1.375-1.125-2.5-2.5-2.5s-2.5 1.125-2.5 2.5zM53.125 22.5H55c9.676 0 16.074-2.352 19.625-5.352 1.852-1.55 2.875-3.199 2.875-4.648 0-1.7-.3-3-1.148-3.852C75.5 7.797 74.203 7.5 72.5 7.5c-13.324 0-17.926 9.977-19.375 15zm-6.227 0c-1.476-5.023-6.05-15-19.375-15-1.699 0-3 .3-3.851 1.148-.852.852-1.149 2.149-1.149 3.852 0 1.45 1.024 3.102 2.875 4.648 3.551 3 9.95 5.352 19.625 5.352z" fill-rule="evenodd"/></svg>') no-repeat 6px center;
  background-size: auto 25px;
}
#etape1-4 #promotion #code_tarif_pref,
#etape1-4 .reduc-input #code_tarif_pref {
  min-width: 200px;
  margin-right: 1rem;
  border: 1px solid transparent;
}
#etape1-4 #promotion #submit_code_tarif_pref,
#etape1-4 .reduc-input #submit_code_tarif_pref {
  background: #48A6A4;
  min-width: 60px;
}
#etape1-4 #promotion #submit_code_tarif_pref:hover,
#etape1-4 .reduc-input #submit_code_tarif_pref:hover {
  border: 1px solid #fff;
  background: rgb(45, 80, 98);
}
#etape1-4 #compose-cmd {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 30px;
}
#etape1-4 #compose-cmd #need-help {
  display: none;
}
#etape1-4 #all-prestas {
  margin-bottom: 1.5rem;
}
#etape1-4 .rate-btn-zone {
  padding: 0;
  margin: 1rem auto;
  width: 100%;
  max-width: 350px;
}
@media only screen and (min-width: 700px) {
  #etape1-4 .rate-btn-zone {
    margin: 0;
    max-width: 50%;
  }
}
#etape1-4 .rate-btn-zone legend {
  display: none;
}
#etape1-4 .rate-btn-zone .compose-btn {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 60px;
  background-color: rgb(45, 80, 98);
  color: white;
  border: none;
  padding: 0.5rem 1rem 0.5rem 5rem;
  text-align: left;
}
#etape1-4 .rate-btn-zone .compose-btn:hover {
  background-color: rgb(56.5714285714, 130.4285714286, 128.8571428571);
}
#etape1-4 .rate-btn-zone .compose-btn::after {
  content: "";
  display: block;
  width: 25px;
  height: 35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4.5%;
  background: url("../img/select-arrows-white.svg") no-repeat center;
}
#etape1-4 .rate-btn-zone .compose-btn#compose-equipe {
  background-image: url("../img/user-1-white.svg");
  background-repeat: no-repeat;
  background-position: 1rem center;
}
#etape1-4 .rate-btn-zone #all-prestas div[id^=prestation_P_]:last-child .add-rate {
  border-radius: 0 0 4px 4px;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] {
  width: 100%;
  position: relative;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_]:nth-of-type(2) .add-rate {
  border: 2px solid #96B0B9;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_]:last-child .add-rate {
  border: 2px solid #96B0B9;
  border-top: none;
  border-radius: 0 0 7px 7px;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .infos-picto::after {
  display: block;
  content: "i";
  font-family: "Georgia";
  font-style: italic;
  font-weight: bold;
  color: white;
  width: 25px;
  height: 25px;
  line-height: 27px;
  border-radius: 25px;
  background: rgb(45, 80, 98);
  text-align: center;
  position: absolute;
  bottom: 18px;
  left: 110px;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .infos-picto:hover::after {
  background-color: #48A6A4;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .change_qty {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 20px;
  text-align: center;
  font-size: 1.3rem;
  border: 1px solid #96B0B9;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .less {
  right: calc(78px + 0.85rem);
  background: rgb(125.8181818182, 171.9545454545, 195.6818181818);
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .less:hover {
  background: rgb(77.0979020979, 137.0629370629, 167.9020979021);
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .less:disabled {
  background: rgb(125.8181818182, 171.9545454545, 195.6818181818);
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .more {
  right: 0.85rem;
  background: rgb(45, 80, 98);
  border-left: 0;
  border-radius: 0 4px 4px 0;
  color: #fff;
}
#etape1-4 .rate-btn-zone div[id^=prestation_P_] .more:hover {
  background: #48A6A4;
  color: white;
}
#etape1-4 .rate-btn-zone .add-rate {
  width: 100%;
  height: auto;
  min-height: 70px;
  text-align: left;
  font-size: 1rem;
  background: #ededed;
  padding: 1rem;
  color: #2d5062;
  border-radius: 0;
  border-left: 2px solid #96B0B9;
  border-right: 2px solid #96B0B9;
}
#etape1-4 .rate-btn-zone .add-rate .libelle_prestation {
  font-weight: 500;
  font-size: 1rem;
  display: inline-block;
  max-width: calc(100% - 115px);
}
#etape1-4 .rate-btn-zone .add-rate .price {
  display: block;
  width: 85px;
  background: #fff;
  text-align: center;
  padding: 0.2rem 0.4rem;
  font-size: 1.1rem;
  font-family: "Museo Sans", sans-serif;
  border: 1px solid #96B0B9;
  border-radius: 4px;
  margin-top: 5px;
}
#etape1-4 .rate-btn-zone .add-rate .price:after {
  content: " €";
}
#etape1-4 .rate-btn-zone .add-rate .cpt_presta {
  box-sizing: border-box;
  text-align: center;
  width: 38px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(40px + 0.85rem);
  background: #fff;
  border-top: 1px solid #96B0B9;
  border-bottom: 1px solid #96B0B9;
  padding: 0;
  font-size: 1.1rem;
}
#etape1-4 .live-recap {
  width: 100%;
  margin: 0 auto 1rem;
  max-width: 350px;
  border-radius: 7px;
  border: 2px solid #96B0B9;
  font-size: 0.875rem;
}
@media only screen and (min-width: 700px) {
  #etape1-4 .live-recap {
    margin: 0 0 2rem;
    max-width: 40%;
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
  }
}
#etape1-4 .live-recap li {
  font-weight: 500;
  font-size: 1rem;
}
#etape1-4 .live-recap li[data-rate="99995"] {
  display: none !important;
}
#etape1-4 .live-recap h4 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
#etape1-4 .live-recap h4::before {
  display: none;
}
#etape1-4 .live-recap h4::after {
  height: 8px;
}
#etape1-4 .live-recap .recap-body {
  position: relative;
  min-height: 300px;
  padding: 2rem 1.5rem 7rem;
}
#etape1-4 .live-recap .recap-body ul > li {
  position: relative;
  padding: 0 25px 0 15px;
  margin-bottom: 0.5rem;
}
#etape1-4 .live-recap .recap-body ul > li .remove1 {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999rem;
  background: url('data:image/svg+xml,<svg fill="%232D5062" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M49.898 10c-22.102 0-40 18-40 40 0 22.102 18 40 40 40 22.102 0 40-18 40-40 0-22.102-17.898-40-40-40zM64.3 54c-.102 0-.102 0 0 0l-28.699-.102c-2.2 0-4-1.8-4-4 0-2.199 1.8-4 4-4L64.3 46c2.2 0 4 1.8 4 4-.102 2.2-1.8 4-4 4z"/></svg>') no-repeat center;
  background-size: 20px auto;
}
#etape1-4 .live-recap .recap-body ul > li .remove1:hover {
  background: url('data:image/svg+xml,<svg fill="%23A71A50" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M49.898 10c-22.102 0-40 18-40 40 0 22.102 18 40 40 40 22.102 0 40-18 40-40 0-22.102-17.898-40-40-40zM64.3 54c-.102 0-.102 0 0 0l-28.699-.102c-2.2 0-4-1.8-4-4 0-2.199 1.8-4 4-4L64.3 46c2.2 0 4 1.8 4 4-.102 2.2-1.8 4-4 4z"/></svg>') no-repeat center;
  background-size: 20px auto;
}
#etape1-4 .live-recap .resume {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  margin: 2rem 0 2rem;
  padding: 0;
  text-align: right;
  font-size: 1.4rem;
  margin: 0;
}
#etape1-4 .live-recap .resume #montant_total {
  color: #A71A50;
  font-family: "Oswald", sans-serif;
  font-size: 1.5rem;
  padding-right: 1rem;
}
#etape1-4 .live-recap .resume #montant_total::after {
  content: " €";
}
#etape1-4 .live-recap .resume #bouton_terminer_equipe {
  border-radius: 7px;
  letter-spacing: 0.02rem;
  font-size: 1rem;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block !important;
  text-decoration: none;
  padding: 0.4rem 1rem;
  width: 80%;
  margin: 1rem auto 0;
  background-color: #2d5062;
  color: white;
  text-align: center;
}
#etape1-4 .live-recap .resume #bouton_terminer_equipe:active, #etape1-4 .live-recap .resume #bouton_terminer_equipe:focus {
  cursor: pointer;
}
#etape1-4 .infos-zone-2 {
  margin-top: 2rem;
}
#etape1-4 .infos-zone-2 h4 {
  display: none;
}

/* -------------------------------------------------------- */
/* 	 	 	COORDONNÉES BÉNÉFICIAIRE DU BON CADEAU		    */
/* -------------------------------------------------------- */
div[class^=BONCADEAU] .infos-voyageurs {
  position: relative;
  float: none;
  background: #DCD8C7;
  padding: 1.5rem 2rem;
  border-radius: 12px;
  border: 2px solid #96B0B9;
  max-width: 100% !important;
  margin-bottom: 25px;
}
div[class^=BONCADEAU] .infos-voyageurs::after {
  content: " ";
  display: block;
  width: 50px;
  height: 50px;
  background: #A71A50 url('data:image/svg+xml,<svg fill="%23fff" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M22.145 95H77.86c6.219 0 11.273-5.059 11.273-11.273V35.969c0-6.219-5.059-11.273-11.273-11.273H67.805c.8-.566 1.457-1.145 1.91-1.734 3.766-4.868 2.875-11.863-1.992-15.633A11.102 11.102 0 0 0 60.914 5a11.12 11.12 0 0 0-8.82 4.324c-1.121 1.449-1.887 4.054-2.414 7-.527-2.946-1.293-5.551-2.414-7A11.114 11.114 0 0 0 38.446 5c-2.383 0-4.782.761-6.813 2.331-4.867 3.766-5.758 10.767-1.992 15.633.453.59 1.113 1.168 1.91 1.735h-9.41c-6.219 0-11.273 5.059-11.273 11.273v47.754C10.868 89.942 15.927 95 22.145 95zm-4.644-11.273V49.899h29.183v38.469H22.146a4.647 4.647 0 0 1-4.645-4.64zm65 0a4.65 4.65 0 0 1-4.645 4.644H53.317V49.9h29.184zM56.288 12.571a5.812 5.812 0 0 1 4.622-2.266c1.3 0 2.53.422 3.562 1.223a5.802 5.802 0 0 1 2.219 3.879 5.802 5.802 0 0 1-1.172 4.309c-.969 1.214-5.297 3.203-10.523 4.98h-.941c.394-5.797 1.261-10.832 2.234-12.125zM33.84 19.715a5.81 5.81 0 0 1-1.176-4.308 5.795 5.795 0 0 1 2.219-3.879 5.766 5.766 0 0 1 3.566-1.223c1.824 0 3.508.825 4.621 2.262.973 1.297 1.84 6.328 2.23 12.125h-.949c-5.219-1.773-9.539-3.758-10.512-4.977zM17.5 35.97a4.65 4.65 0 0 1 4.644-4.645H77.86a4.65 4.65 0 0 1 4.645 4.644v7.297H17.5z"/></svg>') no-repeat center;
  background-size: 30px auto;
  position: absolute;
  top: -2px;
  right: 5%;
  border-radius: 0 0 7px 7px;
}
div[class^=BONCADEAU] .infos-voyageurs .remove-person {
  margin-top: 0;
  margin-bottom: 1rem;
}
div[class^=BONCADEAU] .infos-voyageurs .libelle_transporte {
  font: 18px "Inter", sans-serif;
  font-weight: bold;
  position: relative;
  top: 8px;
  line-height: 1;
}
div[class^=BONCADEAU] .infos-voyageurs .trash {
  display: none;
}
div[class^=BONCADEAU] .infos-voyageurs .msg_benef {
  display: none;
}
div[class^=BONCADEAU] .infos-voyageurs input {
  margin: 0.5rem 0;
}
div[class^=BONCADEAU] .infos-voyageurs textarea[id^=message_] {
  width: 100%;
  min-height: 80px;
  padding: 12px 10px 10px;
  margin-top: 0.5rem;
}

.BONCADEAU_BBG div[id^=prestation_P_] {
  width: 100%;
  position: relative;
}
.BONCADEAU_BBG div[id^=prestation_P_]:nth-of-type(2) .add-rate {
  border: 2px solid #96B0B9;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
}
.BONCADEAU_BBG div[id^=prestation_P_]:nth-of-type(3) .add-rate {
  border: 2px solid #96B0B9;
  border-top: none;
  border-radius: 0 0 7px 7px !important;
}

/* --------------------------- */
/*          Etape 1.5          */
/* --------------------------- */
@media only screen and (min-width: 768px) {
  #etape1-5 form {
    padding: 0 3rem;
  }
}
#etape1-5 #infos-paiement #info_contact {
  margin-bottom: 2rem;
}
#etape1-5 #infos-paiement #name-group label::after,
#etape1-5 #infos-paiement #surname-group label::after,
#etape1-5 #infos-paiement #email-icon label::after,
#etape1-5 #infos-paiement #mobile-group label::after,
#etape1-5 #infos-paiement #ligne_conserve_donnees td label::after,
#etape1-5 #infos-paiement .required label::after {
  content: " *";
  font-weight: 700;
  font-size: 1.2rem;
  color: #A71A50;
}
#etape1-5 #infos-paiement #conserve_donnees {
  margin-top: 1rem;
  padding: 1rem 0 0.6rem;
  display: block;
  max-width: 400px;
}
#etape1-5 #infos-paiement #conserve_donnees::after {
  content: " *";
  font-weight: 700;
  font-size: 1.2rem;
  color: #A71A50;
}
#etape1-5 #infos-paiement .oui, #etape1-5 #infos-paiement .non {
  display: inline-block;
  margin-left: 0.5rem;
}
#etape1-5 #infos-paiement .oui {
  margin-right: 2rem;
}
#etape1-5 #infos-paiement .alert-form-msg {
  color: #A71A50;
}
#etape1-5 #infos-paiement td label {
  display: block;
  margin: 0.5rem 0 0.2rem;
  padding-left: 0.2rem;
  line-height: 1.2;
}
@media only screen and (min-width: 500px) {
  #etape1-5 #infos-paiement td label {
    margin: 0;
    display: inline-block;
    width: 130px;
    vertical-align: middle;
  }
}
#etape1-5 #infos-paiement td input[type=text],
#etape1-5 #infos-paiement td input[type=email],
#etape1-5 #infos-paiement td input[type=tel],
#etape1-5 #infos-paiement td textarea,
#etape1-5 #infos-paiement td select {
  width: 100%;
  max-width: 300px;
}
@media only screen and (min-width: 500px) {
  #etape1-5 #infos-paiement td input[type=text],
  #etape1-5 #infos-paiement td input[type=email],
  #etape1-5 #infos-paiement td input[type=tel],
  #etape1-5 #infos-paiement td textarea,
  #etape1-5 #infos-paiement td select {
    max-width: 300px;
    vertical-align: middle;
    display: inline-block;
  }
}
#etape1-5 #infos-paiement td input[type=tel] {
  max-width: calc(100% - 90px);
}
@media only screen and (min-width: 330px) {
  #etape1-5 #infos-paiement td input[type=tel] {
    max-width: 202px;
    vertical-align: middle;
    display: inline-block;
  }
}
#etape1-5 #infos-paiement td #civilite,
#etape1-5 #infos-paiement td #indicatifs {
  background: url('data:image/svg+xml,<svg fill="%232d5062" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50.281 71.996a3.99 3.99 0 0 0 2.406-1l40-36a4.012 4.012 0 0 0 .305-5.68 4.02 4.02 0 0 0-2.777-1.324 4.04 4.04 0 0 0-2.903 1.035L50 62.621 12.688 29.027a4.04 4.04 0 0 0-2.902-1.035 4.02 4.02 0 0 0-3.805 4.23 4.012 4.012 0 0 0 1.332 2.774l40 36a3.993 3.993 0 0 0 2.97 1z"/></svg>') no-repeat;
  background-size: 14px auto;
  background-position: 84% center;
  padding-right: 20px;
}
#etape1-5 #infos-paiement td #indicatifs {
  max-width: 90px;
  padding-right: 30px;
  margin-right: 8px;
  display: inline-block;
}
#etape1-5 #infos-paiement td #civilite {
  width: 100px;
  margin-left: 134px;
}
#etape1-5 #infos-paiement td textarea {
  height: 100px;
  vertical-align: top;
}
#etape1-5 #infos-paiement td #nom {
  text-transform: uppercase;
}
#etape1-5 #infos-paiement td select, #etape1-5 #infos-paiement td input {
  margin-bottom: 0.5rem;
}
#etape1-5 #infos-paiement td #phone-group, #etape1-5 #infos-paiement td #address-group2 {
  display: none;
}
#etape1-5 #infos-paiement td#pins-observation {
  /* on masque le champ observation qui n'est pas utilisé */
  display: none;
}
#etape1-5 #infos-paiement td .alert-form-msg.open {
  background: #fff url("../img/error-color.svg") no-repeat left center;
  max-width: 600px;
  min-height: 50px;
  background-size: 40px;
  padding: 0.5rem 0.5rem 0.5rem 4rem;
}
#etape1-5 #infos-paiement td #payt-infos-validation {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 1.15rem;
  margin-right: 0.5rem;
}
#etape1-5 #infos-paiement td #payt-infos-reset {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  background: #fff;
  border: 1px solid #2d5062;
}
#etape1-5 #infos-paiement td #payt-infos-reset:hover {
  background: #fff;
  border: 1px solid #2d5062;
}

/* ----- Mode AGENCE ------ */
#ligne_id_contact {
  display: none;
}

.agence #ligne_id_contact {
  display: table-row;
}

.agence #ligne_envoi_postal,
.agence #ligne_email,
.agence #ligne_adresse,
.agence #ligne_ville,
.agence #phone-group {
  display: none;
}

#zone_assurance.visible {
  background: #ffffff url("../img/meetch/meetch.svg") no-repeat right 1.5rem top 1rem;
  background-size: 70px auto;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  border: 1px dashed #d0cfcd;
}
#zone_assurance.visible h4 {
  color: #0c2043;
  text-transform: inherit;
  font-size: 1.4rem;
  margin: 0.5rem 0 2rem;
  padding-right: 110px;
  line-height: 1;
  text-align: left;
}
#zone_assurance.visible p {
  position: relative;
  padding: 0;
  margin: 0.5rem auto;
}
#zone_assurance.visible p.assurance-teaser {
  font-size: 0.875rem;
}
#zone_assurance.visible p.contrat-infos {
  line-height: 1.75;
}
#zone_assurance.visible [id^=template_assurance_] {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  margin-top: 1rem;
}
#zone_assurance.visible [id^=template_assurance_] .form-group {
  position: relative;
  margin-bottom: 1rem;
}
#zone_assurance.visible [id^=template_assurance_] label {
  padding-left: 35px;
  display: block;
}
#zone_assurance.visible [id^=template_assurance_] label span {
  font-weight: bold;
  white-space: nowrap;
}
#zone_assurance.visible [id^=template_assurance_] input {
  position: absolute;
  top: -2px;
  left: 0;
  margin: 0 1rem 0 0;
}
#zone_assurance.visible [id^=template_assurance_] input:checked::after {
  position: absolute;
  bottom: 3px;
  left: 1px;
}
#zone_assurance.visible #my-button {
  background: none;
  padding: 0;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
}

.upc-modal {
  z-index: 9;
}

/* ---------------------------- */
/* 	 	 	 ETAPE 2 		    */
/* ---------------------------- */
#etape2 {
  background: #e4eff6;
}
#etape2 #reservation {
  display: none;
}

#recapWrapper {
  margin-top: 4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: center;
}

#recap-container,
#conclusion #recap_resa {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #96B0B9;
  max-width: 400px;
  margin: 0 auto 2rem;
  -webkit-box-shadow: 0 2px 3px rgba(68, 68, 68, 0.3);
  box-shadow: 0 2px 3px rgba(68, 68, 68, 0.3);
  padding-bottom: 2rem;
  font-size: 0.875rem;
  border-radius: 1px;
}
#recap-container #dab,
#conclusion #recap_resa #dab {
  width: 100%;
  height: 100px;
  background: url("../img/logos/logo-vdg-dark.svg") no-repeat center;
  background-size: 30%;
  margin: 1rem auto 2rem;
}
#recap-container .code-barre,
#conclusion #recap_resa .code-barre {
  width: 70px;
  float: right;
  margin: 0 1rem 0;
  display: none;
}
#recap-container #cmd,
#conclusion #recap_resa #cmd {
  text-align: center;
  font-weight: 500;
  padding: 0 1rem;
}
#recap-container #cmd::after,
#conclusion #recap_resa #cmd::after {
  content: "Votre réservation sera validée après le paiement";
  display: block;
  font-weight: lighter;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  color: #A71A50;
  font-style: italic;
}
#recap-container #cmd #votre-cmd,
#conclusion #recap_resa #cmd #votre-cmd {
  font-size: 1.2rem;
  display: block;
  text-transform: uppercase;
}
#recap-container #recap .final-recap,
#conclusion #recap_resa #recap .final-recap {
  padding: 1rem 0rem;
  text-align: center;
}
#recap-container #recap .final-recap .itineraire,
#conclusion #recap_resa #recap .final-recap .itineraire {
  padding: 0 1.5rem;
  text-align: center;
  font-weight: 600;
  margin-top: 0;
}
#recap-container #recap .final-recap .itineraire::before, #recap-container #recap .final-recap .itineraire::after,
#conclusion #recap_resa #recap .final-recap .itineraire::before,
#conclusion #recap_resa #recap .final-recap .itineraire::after {
  content: " – ";
}
#recap-container #recap .final-recap .details-itineraire,
#conclusion #recap_resa #recap .final-recap .details-itineraire {
  margin-bottom: 0;
  padding: 0 1rem;
}
#recap-container #recap .details-troncons,
#conclusion #recap_resa #recap .details-troncons {
  padding: 0 1rem;
}
#recap-container #recap .details-troncons .section,
#conclusion #recap_resa #recap .details-troncons .section {
  display: block;
}
#recap-container #recap .liste_prestas,
#conclusion #recap_resa #recap .liste_prestas {
  background: #f5f5f5;
  padding: 1rem 1.5rem;
  margin: 1rem 0 1rem 0;
}
#recap-container #recap .titre-prestations,
#conclusion #recap_resa #recap .titre-prestations {
  margin-top: 0;
  text-align: center;
  font-weight: 500;
}
#recap-container #recap .lignes-prestations li,
#conclusion #recap_resa #recap .lignes-prestations li {
  position: relative;
  text-align: left;
  margin-bottom: 0.25rem;
  max-width: calc(100% - 80px);
  padding-left: 0;
}
#recap-container #recap .lignes-prestations li .prix,
#conclusion #recap_resa #recap .lignes-prestations li .prix {
  display: inline-block;
  width: 60px;
  position: absolute;
  right: -80px;
  text-align: right;
}
#recap-container #recap #total-cmd,
#conclusion #recap_resa #recap #total-cmd {
  padding: 0.5rem 1.5rem;
  margin: 1.5rem 0 0;
  text-align: right;
  font-size: 1.5rem;
}
#recap-container #recap #total-cmd #final-total,
#conclusion #recap_resa #recap #total-cmd #final-total {
  color: #A71A50;
  font-weight: 500;
}
#recap-container #recap .passage-bc,
#conclusion #recap_resa #recap .passage-bc {
  background: #c1dfa4;
  padding-top: 15px;
}
#recap-container #recap .passage-bc .details-troncons,
#recap-container #recap .passage-bc .titre-prestations,
#conclusion #recap_resa #recap .passage-bc .details-troncons,
#conclusion #recap_resa #recap .passage-bc .titre-prestations {
  display: none;
}
#recap-container #recap .passage-bc .liste_prestas,
#conclusion #recap_resa #recap .passage-bc .liste_prestas {
  background: #c1dfa4;
  margin: 5px auto;
  padding: 0.5rem 1.5rem 1rem;
}

#agreement {
  font-size: 0.875rem;
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
}
#agreement #adr_cgv {
  text-decoration: none;
}
#agreement #adr_cgv:hover {
  border-bottom: 2px solid #48A6A4;
  padding-bottom: 3px;
  color: #2d5062;
}
#agreement #zone_a_valider p {
  position: relative;
  padding-left: 2.5rem;
  margin: 0 0 2rem;
}
#agreement #zone_a_valider p input {
  position: absolute;
  left: 0;
  top: 0px;
}
#agreement #zone_a_valider + p {
  padding-left: 1.5rem;
}
#agreement #purchase {
  display: block;
  color: white;
  padding: 0 1.5rem 0 60px;
  background: rgb(45, 80, 98) url('data:image/svg+xml,<svg fill="%23fff" width="100pt" height="100pt" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M80.027 21.48H19.996a9.206 9.206 0 0 0-9.207 9.207v41.391a9.206 9.206 0 0 0 9.207 9.207h60.031a9.206 9.206 0 0 0 9.207-9.207V30.687a9.206 9.206 0 0 0-9.207-9.207zm-60.031 6.21h60.031a2.996 2.996 0 0 1 2.992 2.997v3.219H17v-3.219a3.002 3.002 0 0 1 2.996-2.996zm60.031 47.384H19.996A3 3 0 0 1 17 72.078V44.78h66.02v27.297a2.996 2.996 0 0 1-2.992 2.996z"/><path d="M24.727 64.891h10.047v2.77H24.727zm13.507 0h10.047v2.77H38.234zm13.508 0h10.047v2.77H51.742zm13.512 0h10.047v2.77H65.254z"/></svg>') no-repeat 16px 44%;
  background-size: 30px;
  margin: 1.4rem auto 0;
  font-size: 1rem;
}
#agreement #purchase:hover {
  background-color: rgb(56.5714285714, 130.4285714286, 128.8571428571);
}
#agreement .link-btn {
  text-decoration: none;
  display: block;
  margin: 1rem auto;
  background: white;
  border: 1px solid rgb(216.75, 216.75, 216.75);
  max-width: 220px;
  text-align: center;
  border-radius: 4px;
  padding: 0.3rem 0;
}
#agreement .link-btn:hover {
  background: #2d5062;
  color: white;
}
#agreement #secure {
  width: fit-content;
  text-align: center;
  margin: 0.75rem auto 0;
}
#agreement #secure::after {
  content: "";
  display: block;
  width: 160px;
  height: 40px;
  background: url("../img/icons/cb-icons2@2x.png") no-repeat center top;
  background-size: contain;
  margin-top: 1rem;
}

/* ------------------------------------------------ */
/* 	 	 	 	  Tout après #etape2 				    */
/*		(#etape3, #conclusion, paiement, etc.)	       */
/* ------------------------------------------------ */
#etape3 .infos-zone {
  border: none;
}
#etape3 #zone_form_paiement input {
  margin: 10px;
}

#conclusion {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: center;
}
@media only screen and (min-width: 768px) {
  #conclusion {
    margin-top: 5rem;
  }
}
#conclusion h4 {
  margin-bottom: 5rem;
}
#conclusion #recap_resa #cmd::after {
  content: "Réservation confirmée";
}
#conclusion h4 {
  display: block;
  width: 100% !important;
}
#conclusion .payt-result-box {
  width: 100%;
  padding: 7rem 1rem 2rem;
  margin: 0 auto 2rem auto;
  border-radius: 1px;
  text-align: center;
  max-width: 400px;
}
@media only screen and (min-width: 768px) {
  #conclusion .payt-result-box {
    margin: 0;
  }
}
#conclusion .payt-result-box .cause {
  font-weight: 500;
}
#conclusion #payt-succeed {
  background: #5EBFBC url("../img/payt-ok-1.svg") no-repeat center 3rem;
  color: #fff;
}
#conclusion #payt-succeed a.consequence {
  display: block;
  padding: 4rem 1rem 0.5rem;
  margin: 1rem auto;
  max-width: 400px;
  text-align: center;
  background: #fff url("../img/pdf.svg") no-repeat center 10px;
  border: 1px solid #333;
  text-decoration: none;
  border-radius: 1px;
}
#conclusion #payt-succeed a.consequence:hover {
  background-color: rgb(255, 255, 255);
}
#conclusion #payt-succeed #back-to-resa {
  display: block;
  text-align: center;
  color: #fff;
}
#conclusion #payt-failed {
  color: white;
  background: #f34545 url("../img/error.svg") no-repeat center 2rem;
  border: 3px solid #c41d1d;
}
#conclusion #payt-failed #back-to-resa {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  background-color: #fb9c9c;
  border: 1px solid #282828;
  text-decoration: none;
}
#conclusion #payt-failed #back-to-resa:hover {
  background-color: #ffdbdb;
}
#conclusion #payt-wait {
  background: #ff955b url("../img/waiting.svg") no-repeat center 2rem;
  border: 3px solid #f2732d;
}
#conclusion #payt-wait img {
  opacity: 0.5;
}
#conclusion #payt-wait #back-to-resa {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  background-color: #ffcbaf;
  border: 1px solid #282828;
  text-decoration: none;
}
#conclusion #payt-wait #back-to-resa:hover {
  background-color: #f8daca;
}

#recap-pdf {
  position: relative;
  font-family: "Open Sans", sans-serif;
  background: #fff;
  color: #2d5062 !important;
  padding: 0;
  margin: 0;
  font-size: 12px;
  /* ---------------------------------------- */
  /* 	 	 	    PDF BON CADEAU  		    */
  /* ---------------------------------------- */
}
#recap-pdf .red {
  color: #A71A50;
}
#recap-pdf h1,
#recap-pdf h2,
#recap-pdf h3,
#recap-pdf h4,
#recap-pdf h5,
#recap-pdf h6 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}
#recap-pdf b,
#recap-pdf strong {
  font-weight: 500;
}
#recap-pdf .pdf-frame {
  box-sizing: border-box;
  padding: 0;
}
#recap-pdf .logo-cie {
  margin-top: 0;
  max-width: 160px;
  min-height: 90px;
  background-image: url("../img/logos/logo-vdg.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  font-size: 0;
  color: transparent;
}
#recap-pdf .entete {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
#recap-pdf .entete td {
  vertical-align: top;
}
#recap-pdf .entete .barcode-resa {
  padding-right: 0.75rem;
}
#recap-pdf .block-confirmation {
  margin: 1rem auto 1rem;
  text-align: center;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.5rem;
}
#recap-pdf .block-confirmation small {
  color: #A71A50;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-transform: initial;
}
#recap-pdf .infos-pratiques {
  margin: 1.5rem 0;
  font-size: 11px;
}
#recap-pdf .infos-pratiques h2 {
  margin-bottom: 0.25rem;
}
#recap-pdf .infos-pratiques .scann-me {
  margin: 0;
}
#recap-pdf .infos-pratiques td {
  vertical-align: top;
  text-align: left;
}
#recap-pdf .infos-pratiques td:first-child {
  padding-right: 1rem;
}
#recap-pdf .infos-pratiques td:nth-child(2) {
  padding-left: 1rem;
  padding-right: 1rem;
}
#recap-pdf .infos-pratiques td:nth-child(3) {
  padding-left: 1rem;
}
#recap-pdf .infos-pratiques td h3 {
  position: relative;
  padding-left: 2.4rem;
}
#recap-pdf .infos-pratiques td h3::before {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 25px;
  background-color: #A71A50;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="21.323" viewBox="0 0 18 21.323"><path d="M2.64 15.368a9 9 0 1 1 12.72 0l-5.65 5.66a1 1 0 0 1-1.42 0l-5.65-5.66Zm11.31-1.41a7 7 0 1 0-9.9 0L9 18.908l4.95-4.95ZM9 13.008a4 4 0 1 1 4-4 4 4 0 0 1-4 4Zm0-2a2 2 0 1 0-2-2 2 2 0 0 0 2 2Z" fill="%23fff"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px auto;
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 7px;
}
#recap-pdf .infos-pratiques td .pins b,
#recap-pdf .infos-pratiques td .parking b {
  font-family: "Oswald", sans-serif;
}
#recap-pdf .infos-pratiques td .parking {
  margin-top: 0.5rem;
}
#recap-pdf .infos-pratiques td .qr {
  float: left;
  margin: 0.25rem 0.5rem 0.25rem 0;
}
#recap-pdf h1.recap-title {
  display: none;
}
#recap-pdf #recap {
  position: relative;
  margin-top: 2rem;
  border: 2px dashed #96B0B9;
  border-radius: 7px;
  padding: 1.5rem 2rem;
  page-break-inside: avoid;
  page-break-after: auto;
  background: #f6f6f6;
  font-weight: 400;
  overflow: hidden;
}
#recap-pdf #recap::after {
  content: " ";
  display: block;
  width: 40px;
  height: 42px;
  background-color: #A71A50;
  background-image: url('data:image/svg+xml,<svg width="25.337" height="24.233" viewBox="0 0 25.337 24.233" xmlns="http://www.w3.org/2000/svg"><path d="M6.156 24.08a1.2 1.2 0 0 1-1.746-1.274l1.24-7.269-5.277-5.13a1.2 1.2 0 0 1 .675-2.06l7.29-1.06 3.252-6.6a1.2 1.2 0 0 1 2.17 0l3.25 6.597 7.3 1.06a1.2 1.2 0 0 1 .663 2.048l-5.277 5.144 1.255 7.27a1.2 1.2 0 0 1-1.759 1.277l-6.506-3.434-6.53 3.434v-.004Zm5.964-5.868a1.2 1.2 0 0 1 1.12 0l4.916 2.59-.94-5.482a1.2 1.2 0 0 1 .35-1.06l3.975-3.879-5.494-.807a1.2 1.2 0 0 1-.916-.65l-2.457-4.99-2.458 4.988a1.2 1.2 0 0 1-.9.651l-5.506.807 3.976 3.88a1.2 1.2 0 0 1 .361 1.06l-.955 5.486 4.928-2.59v-.004Z" fill="%23FFF"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
  position: absolute;
  top: -2px;
  right: 5%;
  border-radius: 0 0 7px 7px;
}
#recap-pdf #recap #cmd {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  margin: 0 1rem 2rem;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
#recap-pdf #recap .final-recap .nbre-passage-1 {
  width: 100%;
}
#recap-pdf #recap .final-recap .nbre-passage-2 {
  width: 48%;
  display: inline-block;
}
#recap-pdf #recap .final-recap .nbre-passage-2:first-of-type {
  padding-right: 1rem;
}
#recap-pdf #recap .final-recap .nbre-passage-2:nth-of-type(2) {
  padding-left: 1rem;
}
#recap-pdf #recap .final-recap .passage .itineraire {
  width: 100%;
  font-size: 15px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}
#recap-pdf #recap .final-recap .passage .details-troncons li p {
  margin: 2px 0;
}
#recap-pdf #recap .final-recap .passage .liste_prestas {
  margin-top: 10px;
}
#recap-pdf #recap .final-recap .passage .liste_prestas .titre-prestations {
  display: inline-block;
}
#recap-pdf #recap .final-recap .passage .liste_prestas .lignes-prestations li {
  position: relative;
  width: 100%;
  margin-bottom: 2px;
  padding-right: 80px;
  line-height: normal;
}
#recap-pdf #recap .final-recap .passage .liste_prestas .lignes-prestations li .qte {
  vertical-align: top;
}
#recap-pdf #recap .final-recap .passage .liste_prestas .lignes-prestations li .prix {
  position: absolute;
  top: 0;
  right: 0;
}
#recap-pdf #recap .final-recap #total-cmd {
  clear: left;
  text-align: right;
  font-size: 1.2rem;
  margin-bottom: 0;
}
#recap-pdf #recap .final-recap #total-cmd #final-total {
  color: #A71A50;
}
#recap-pdf .all-billets {
  padding-top: 1.5cm;
}
#recap-pdf .billets-title {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#recap-pdf .billets-title + p {
  margin-top: 5px;
  margin-bottom: 2rem;
}
#recap-pdf .one-billet {
  margin-bottom: 1.8rem;
}
#recap-pdf .billet {
  position: relative;
  min-height: 130px;
  border: 2px solid #96B0B9;
  border-radius: 7px;
  padding: 1rem 1.5rem;
  padding-left: 110px;
  background-image: url("../img/logos/logo-vdg-dark.svg");
  background-repeat: no-repeat;
  background-position: 82% center;
  background-size: 110px auto;
}
#recap-pdf .billet::after {
  content: " ";
  display: block;
  width: 40px;
  height: 42px;
  background-color: #A71A50;
  background-image: url('data:image/svg+xml,<svg width="95" height="69.288" viewBox="0 0 95 69.288" xmlns="http://www.w3.org/2000/svg"><path d="M91.101 25.8c2.2 0 3.899-1.8 3.899-3.898V3.898C95 1.7 93.199 0 91.1 0H3.898C1.7 0 0 1.8 0 3.898v17.898c0 2.2 1.8 3.899 3.898 3.899 4.899 0 9 4 9 8.898 0 4.899-4 9-9 9C1.7 43.593 0 45.394 0 47.492V65.39c0 2.199 1.8 3.898 3.898 3.898H91c2.2 0 3.899-1.8 3.899-3.898V47.597c0-2.2-1.801-3.899-3.899-3.899-4.898 0-9-4-9-9a9.095 9.095 0 0 1 9.102-8.898m-4 25.298v10.5H7.897v-10.5c7.399-1.801 12.898-8.399 12.898-16.398 0-7.899-5.5-14.602-12.898-16.301v-10.5H87.2v10.5c-7.398 1.8-12.898 8.398-12.898 16.3-.101 7.9 5.399 14.603 12.801 16.399" fill="%23fff" fill-rule="nonzero"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
  position: absolute;
  top: -2px;
  right: 30px;
  border-radius: 0 0 7px 7px;
}
#recap-pdf .lib-presta,
#recap-pdf .prix-billet {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
#recap-pdf .numresa-billet {
  display: block;
  margin-bottom: 1rem;
}
#recap-pdf .barcode {
  width: 80px;
  position: absolute;
  top: 1.25rem;
  left: 10px;
}
#recap-pdf .barcode img {
  display: block;
  margin: 0 auto;
}
#recap-pdf .barcode .numbillet {
  text-align: center;
}
#recap-pdf .bc-frame {
  position: relative;
  box-sizing: border-box;
  width: 21cm;
  height: 26.3cm;
  overflow: hidden;
  font-size: 12px;
  background-image: url("../img/illustrations/boncadeau.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  margin: 0 auto;
}
#recap-pdf .bc-frame span {
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  /* pour wkhtmltopdf */
  transform: rotate(90deg);
  font-size: 24px;
  font-weight: 600;
}
#recap-pdf .bc-frame .valeur-bc {
  left: 358px;
  top: 500px;
}
#recap-pdf .bc-frame .beneficiaire {
  left: 296px;
  top: 320px;
}
#recap-pdf .bc-frame .offrant {
  left: 222px;
  top: 370px;
}
#recap-pdf .bc-frame .numresa {
  left: 206px;
  top: 390px;
}
#recap-pdf .bc-frame .code-secret {
  border: 1px solid #59a7ab;
  background: #eea;
  color: #047;
  font-size: 13px;
  padding: 12px;
  width: 200px;
  left: 160px;
  top: 660px;
  text-align: center;
}
#recap-pdf .bc-frame .code-secret .bc {
  display: block;
  color: #047;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin: 12px 0 0 !important;
}
#recap-pdf .bc-frame .validite {
  left: 158px;
  top: 390px;
}
#recap-pdf .bc-frame .message {
  display: none;
}

/*# sourceMappingURL=client.css.map */