/* COULEUR
    Bleu: #089cff
    Orange: #F3890C
*/

/* GLOBAL */
html, body { scroll-behavior: smooth; margin:0; padding:0; font-size:1em; font-family: 'Roboto', sans-serif; font-weight: 400; color:#777; }


body { background: url() fixed center center / cover }

a { color: #089cff; text-decoration: none; cursor:pointer; transition: 0.3s; }

h2 { font-size: 26px; font-weight: 300; margin-bottom: 20px; padding-top:2em; margin-top:0; }
h3 { margin-top:0; }

.wrapper { max-width: 1200px; margin:0 auto; padding: 0 10px; position:relative;  }
.content { background: #eee; padding-bottom:5em; }
.clear { clear:both;}
.flexer { display:flex; }
.center { text-align:center;}
.center_special { text-align:center; margin: 50;  font-weight: bold; }

input { outline: 0; }



.strikethrough {
  position: relative;
}

.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: red;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}


/* NEWSLETTER */
/* The Modal (background) */
.newsletterpopup {
  display:  none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 150; /* Sit on top */
  padding-top: 25px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.newsletterpopup-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 20px;
  width: 900px;
}

.newsletterpopup-close{float:right; border:1px solid black; background:#CCC; padding:10px; cursor:pointer; font-weight:bold;}

.newsletterpopup-image { max-width:100%; width:350px; margin-left:25px; margin-bottom: -20px;  margin-top: -15px;}

.newsletterpopup-content .choix {float:right; margin-right:50px; margin-top:35px; font-size:1.15em; width:50%;}

.newsletterpopup-content .choix .consent {font-size:1.25em; font-weight:bold;}

.newsletterpopup-content .choix .custom-checkbox-container {
      display: block;
      position: relative;
      padding-left: 35px; /* Adjust as needed */
      cursor: pointer;
margin-top:12px;
font-weight: 600;
      /* Other label styles */
    }

.newsletterpopup-content .choix .custom-checkbox-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

.newsletterpopup-content .choix .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px; /* Adjust size */
      width: 25px; /* Adjust size */
      background-color: #eee;
      border: 1px solid #333;
      border-radius: 5px;
    }

.newsletterpopup-content .choix .custom-checkbox-container:hover input ~ .checkmark {
      background-color: #ccc;
    }

.newsletterpopup-content .choix .custom-checkbox-container input:checked ~ .checkmark {
      background-color: #2196F3; /* Checked background */
      border-color: #333;
    }

.newsletterpopup-content .choix .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

.newsletterpopup-content .choix .custom-checkbox-container input:checked ~ .checkmark:after {
      display: block;
      /* Style for the checkmark (e.g., using border and transform) */
      left: 8px;
      top: 2px;
      width: 6px;
      height: 14px;
      border: solid white;
      border-width: 0 3px 3px 0;
      transform: rotate(45deg);
    }

.newsletterpopup-content .input_name{width:150px; display:block;}

.newsletterpopup-content .signup_form .send_validation_code {margin-left:15px; cursor:pointer;}
.newsletterpopup-content .signup_form .newsletter_email_good{font-size:2em; padding-top:7px; position:absolute;}
.newsletterpopup-content .signup_form .validate_code_input_span{display:none;}
.newsletterpopup-content .signup_form .newsletter_error{color:red; font-weight:500; margin-left:15px; }




/* MENU */
.menu { background: #2081cd8f;  color:white; }
.menu .topbar { background: #1f6ea9; text-align:right; font-size: 12px;}
.menu .topbar a { color:white; padding:0.5em 1em; display:inline-block; }

.menu .logo { display:inline-block; }
.menu .logo img { height:100px; position:relative; top:17px; vertical-align:middle;}
.menu .telephone { font-size:1.7em; display:inline-block; position:relative; top:10px; left: 30px; height: 75px; }
.menu .telephone span { font-size:0.6em; }

.menu .social_icons { float:right; margin-top:1em; }
.social_icons a { border-radius: 50%; color: #fff !important;display: inline-block;font-size: 15px;height: 25px;margin: 0 3px;padding-top: 7px;text-align: center;width: 33px;}

.menu .main { background: linear-gradient(to bottom, #1e7bcc 0%, #274c7a 73%, #274c7a 100%); text-align:center; font-size:0.9em; position:relative; }
.menu .main a { color:white; text-transform:uppercase; padding:1.5em 1em; display:inline-block; }
.menu .main a:hover { background: #274C7A;  }

.menu .hamburger { display:none; }


/* SEARCH FORM */
/*.ui-datepicker-div { z-index:888 !IMPORTANT; }*/
.banner { padding-top:2em; }
.search { width:550px; float:left; border: 1px solid white; }
.search .searchdestinations a { color: #FFF; font-size: 15px; background-color: #71B7FD;  padding: 5px 5px; cursor: pointer; font-weight: bold; text-align: center; display:inline-block; }
.search .searchdestinations a.active { background: #F3890C !IMPORTANT;}
.search .searchdestinations a:hover {background: #218DDB; }
.search .searchbody { background: linear-gradient(45deg, #34caf7 0%, #34caf7 8%, #277de6 85%, #277de6 100%); color:white; padding:1em; font-size:0.9em; }
.search .searchbody h1{ text-align:center; margin-top:0px; margin-bottom:10px;}
.search .searchbody .date .calendar { width: 20px; margin-left:.5em; vertical-align: middle;}
.search .searchbody select {  width: 63%; border: none; height: 27px; font-size: 12px; color: #5f5f5f; outline:0; box-sizing: border-box; }
.search .searchbody input { border: none; height: 27px; font-size: 12px; color: #5f5f5f; }
.search .searchbody > div { padding:0.35em 0; position:relative; }
.search .searchbody .includeselect::after { content: ''; background: #277de6 url(https://lotusweb.ca/temp2/images/selectbox_arrow.jpg) 50% 50% no-repeat; height:25px; width:25px; position:absolute; right:4px; top:5px; border:1px solid white; pointer-events: none;}
.search .searchbody > div span { display:inline-block; width: 35%; }
.search .searchbody .checkboxes { font-size:0.9em; text-align:center; }
.search .searchbody .checkboxes label { margin-left:1em; cursor:pointer;}
.search .searchbody .checkboxes input { vertical-align: middle;}
.search .searchbody .checkboxes span { width: auto; }
.search .searchbody .infolettre { font-size:0.8em; margin:1em 0 3em 0; }
.search .searchbody .infolettre input { float:right; width: 40%; }
.rechercher { border:0; border-radius: 2px;  color: #1f6ea9;  cursor: pointer;  display: inline-block;   font-size: 13px;  font-weight: bold; margin-bottom: 5px; padding: 9px 28px; text-transform: uppercase; width: calc(100% - 65px);  background: #fff;  background: linear-gradient(to bottom, #fff 20%,#ccc 100%);}

.preview {cursor:pointer; float:right; height: 420px; width: 555px; color:white; position:relative; border: 1px solid white; padding-bottom: 70; background-position: 50% 50%;} /* background-size:cover;}/**/
.preview .bottom { position:absolute; bottom:0; left:0; right:0; }
.preview .bottom .left { background:#1e7bcc; flex:1; padding:1em; font-size:1.35em; font-weight: 900; }
.preview .bottom .left .stars { font-size:0.8em; color:#F3890C; }
.preview .bottom .left .dest { font-size:0.75em;}
.preview .bottom .left small { font-weight: 400; font-size:0.6em;  }
.preview .bottom .right { background: #265081; width: 150px; text-align:center; padding:1em; display:flex;}
.preview .bottom .right .price_control {  width: 100%; margin-top: auto; margin-bottom:auto;}
.preview .bottom .right .totpaxreg { font-weight: 900; text-decoration: line-through; text-decoration-thickness: 2px;}
.preview .bottom .right .totpax { font-weight: 900;color:#F3890C; font-size:2em; }
.preview .bottom .right .smaller { font-size:0.8em;  }
.preview a:link {text-decoration: none !important; color:white !important;} 
.preview a:visited {text-decoration: none !important;color:white !important; } 
.preview a:active {text-decoration: none !important; color:white !important;} 
.preview a:hover {text-decoration: none !important; color:#F3890C !important;}


.arrowNav{
background:#DDDDDD;
padding: 10px 16px;
text-align:center;
position:absolute;
cursor:pointer;
z-index: 10;
color: #666;
border-radius:3px;
font-size:1.25em;
}
.arrowNav_l{
left:0;
top:50%;
transform:translate(-12px, -50%);
-webkit-transform:translate(-11px, -50%);
-webkit-box-shadow: -4px 7px 11px -5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: -4px 7px 11px -5px rgba(0, 0, 0, 0.7);
box-shadow: -4px 7px 11px -5px rgba(0, 0, 0, 0.7);
border-left: 1px solid #eee;
}
.arrowNav_r{
right:0;
top:50%;
transform:translate(12px, -50%);
-webkit-transform:translate(11px, -50%);
-webkit-box-shadow: 4px 7px 11px -5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 4px 7px 11px -5px rgba(0, 0, 0, 0.7);
box-shadow: 4px 7px 11px -5px rgba(0, 0, 0, 0.7);
border-right: 1px solid #eee;
}
.arrowNav_l:after {
border-color: transparent transparent #7d7f80;
border-style: solid;
border-width: 0 0 5px 10px;
top: -5px;
content: \"\";
font-size: 0;
height: 0;
line-height: 0;
position: absolute;
left: 1px;
width: 0;
}
.arrowNav_r:after {
border-color: transparent transparent transparent #7d7f80;
border-style: solid;
border-width: 5px 0 0 10px;
top: -5px;
content: \"\";
font-size: 0;
height: 0;
line-height: 0;
position: absolute;
right: 1px;
width: 0;
}

.planifier { background:white; margin:3em 1em; padding:30px 30px 30px 250px; position:relative; }
.planifier .ligne {display:inline-block; }
.planifier .ribbon { position:absolute; left:-24px; top:15px; }
.planifier input { background-color: #f6f6f6; border: none; border: 1px solid #ddd; padding:10px 20px; }
.planifier .input-icon { border: 1px solid #ddd; background:#fcfcfc; padding:8px 15px; position:relative; left:-5px; top:1px; }
.planifier .bouton { background:#F3890C; color:white; padding:.5em 2em; }
.planifier .label { padding: 0 2em; cursor:pointer;}

/* ACCUEIL */
.message { color: #FFF; border:none; padding: 50px 0; font-size: 2vw; font-weight: 300; background: linear-gradient(45deg, #34caf7 0%, #34caf7 20%, #27e6a6 85%, #27e6a6 100%); text-align:center; text-transform:uppercase; margin-top:50px;}

/*
.specials { display:flex; flex-wrap: wrap; }
.specials .flexer { flex-wrap: wrap; }
*/
.hotel_special {cursor: pointer; width: 47%; margin-left: 3%; margin-bottom: 4%; float:left;}
.hotel_special .contenu { float:left; height:125px; background:white; width: 50%; padding:1em; position:relative; margin-right: 1px; }
.hotel_special img{width:225px; height:157px;}
.hotel_special .contenu .titre { font-weight:bold; color:black; }
.hotel_special .contenu .emplacement { font-size:.8em; }
.hotel_special .contenu .stars .fa-star { color:#089cff; font-size:0.8em; margin-bottom:15px; }
.hotel_special .contenu .description { font-size:.8em; margin-bottom:30px; }
.hotel_special .contenu .reserver {width: 100px; text-align: center; background: #089cff; color: #fff; position: absolute; bottom: 0; right: 0; padding: 11px 12px; text-transform: uppercase; font-size: 20px; font-weight: 500; }



.hotels { display:flex; flex-wrap: wrap; }
.hotels .flexer { flex-wrap: wrap; }
.hotels .hotel {cursor: pointer; width: 47%; margin-left: 3%; margin-bottom: 4%; }
.hotels .hotel .contenu { float:left; height:125px; background:white; width: 50%; padding:1em; position:relative; margin-right: 1px; }
/*.hotels .hotel .contenu::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 173px 40px 0 0; border-color: #fff #0000 #0000 #0000; position: absolute; top: 0; right:
/-40px;}*/
.hotels .hotel .contenu .titre { font-weight:bold; color:black; }
.hotels .hotel .contenu .emplacement { font-size:.8em; }
.hotels .hotel .contenu .stars .fa-star { color:#089cff; font-size:0.8em; margin-bottom:15px; }
.hotels .hotel .contenu .description { font-size:.8em; margin-bottom:30px; }
.hotels .hotel .contenu .reserver {width: 100px; text-align: center; background: #089cff; color: #fff; position: absolute; bottom: 0; right: 0; padding: 11px 12px; text-transform: uppercase; font-size: 20px; font-weight: 500; }
/*.hotels .hotel .contenu .reserver::after {content:''; position: absolute;    z-index: 100;    bottom: 0;    right: -9px;    width: 0;    height: 0;    border-style: solid;    border-width: 35px 9px 0 0;    border-color: #089cff #0000 #0000 #0000; /}*/
.voirtous { background:#F3890C !IMPORTANT; color:white; padding:10px; border-radius:3px; width:100%;text-align: center; margin:1%; text-transform: uppercase; font-size:0.8em; box-sizing: border-box; }


.cruises { display:flex; flex-wrap: wrap; }
.cruises .flexer { flex-wrap: wrap; }
.cruises .cruise {cursor: pointer; width: 47%; margin-left: 3%; margin-bottom: 4%; }
.cruises .cruise .contenu { float:left; height:125px; background:white; width: 50%; padding:1em; position:relative; margin-right: 1px; }
/*.cruises .cruise .contenu::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 173px 40px 0 0; border-color: #fff #0000 #0000 #0000; position: absolute; top: 0; right:
/-40px;}*/
.cruises .cruise .contenu .titre { font-weight:bold; color:black; }
.cruises .cruise .contenu .emplacement { font-size:.8em; }
.cruises .cruise .contenu .stars .fa-star { color:#089cff; font-size:0.8em; margin-bottom:15px; }
.cruises .cruise .contenu .description { font-size:.8em; margin-bottom:30px; }
.cruises .cruise .contenu .reserver {width: 100px; text-align: center; background: #089cff; color: #fff; position: absolute; bottom: 0; right: 0; padding: 11px 12px; text-transform: uppercase; font-size: 20px; font-weight: 500; }
/*.cruises .cruise .contenu .reserver::after {content:''; position: absolute;    z-index: 100;    bottom: 0;    right: -9px;    width: 0;    height: 0;    border-style: solid;    border-width: 35px 9px 0 0;    border-color: #089cff #0000 #0000 #0000; /}*/



.rightcol { width: 20%; float:right; }
.rightcol a { display:inline-block; width: 49%; border:1px solid white; display:inline-block; }
.rightcol a:hover { background:white; }
.rightcol a img { max-width: 90%; padding:5%; filter: sepia(1) hue-rotate(170deg); }
.rightcol a:hover img {filter: sepia(0) hue-rotate(0deg);}
.accueil h3 { color: #fff; background: #089cff;font-weight: 400;margin: 0; font-size:0.8em; text-align: center; padding:1em 0; }

.croisiere { background: #e9e9e9; }

.rightcol .voirtous { width: 100%; }
.rightcol .nouvelle { width:100%; background:white; color:#555; font-weight: bold; margin:.5em 0; }
.rightcol .nouvelle:hover { color:#089cff; }
.rightcol .nouvelle .titre { padding:1em; font-size:0.85em;text-transform: uppercase;}
.rightcol .nouvelle .image { height:100px; }

/* POPUP */
.overlay { display:none;position:fixed; top:0; left:0; right:0; bottom:0; background: black; opacity:0.4; z-index:999;}
.popup {  display:none;position:fixed; border-radius: 10px; width:400px; background:radial-gradient(#089cff, #1a5b8c); z-index:1000; left:50%; top: 50%; transform:translate(-50%, -50%); box-shadow: 0 0 10px rgb(0 0 0 / 10%); color:white;  }
.popup .image { width:300px; }
.popup .padding { padding:2em; text-align: center; }
.popup .close { position:absolute; right:1em; bottom:1em; }

/* CONTACT */
.contact-address{background: white;  text-align:center;  width: 30%;  float: left;  padding: 15;  margin-top: 50;  margin-left: 8%;}
.contact-hours{background: white;  width: 30%;  float: left;  padding: 15;  margin-top: 50;  margin-left: 16%;}

/* PAGE INTERNES */
.fa-star { color: #ffa500; }
.promo { background:white; padding:1em; margin-top:1em; }
.promo img { width: 100%; box-sizing: border-box;}

.boite { background:white; margin-top:1em;  }
.boite .resultats { background: #364656; color: #FFF;    padding: 10px;    font-size: 16px;    text-align: center; font-weight: bold;}

.page-recherche .boite { margin-bottom:1em; padding-bottom:1em; }
.page-recherche .filtres { padding:0 1em; width: 25%; }
.page-recherche .filtres h3 { background: #1e7bcc; padding:.5em 1em; color:white; margin: 1em 0 0 0; }
.page-recherche .filtres label { background:#eee; border-bottom:1px dashed #ccc; display:block;padding:.25em 1em; cursor:pointer;}
.page-recherche .hotels { display:block; padding-top:1em; }
.legende { background: #eee; text-align: right; padding:1em; font-size:0.8em; font-style: italic; margin-top:1em;}
.page-recherche .hotels .hotel { width: 100%; margin:0; padding:1em; box-sizing: border-box; border-top:1px solid #ccc; display:flex; }
.page-recherche .hotels .hotel:hover {background:#eee; }
.page-recherche .hotels .hotel .coldescription { flex:1; padding-top:0.5em; padding-left:0.5em; }
.page-recherche .hotels .hotel img { border:10px solid white; box-shadow: 0 0 10px rgba(0,0,0,.2); width:200px; float:left; margin-right:1em; }
.page-recherche .hotels .hotel .stars { display:inline-block; }
.page-recherche .hotels .hotel .number { border-radius: 50%; background: #207ec8; color:white; display:inline-block; width:2.75em; height:2em; padding-top:.75em; text-align: center; font-size:0.9em; }
.page-recherche .hotels .hotel .titre { color:#207ec8; font-weight: bold; font-size:18px;}
.page-recherche .hotels .hotel .soustitre { font-size:1em; }
.page-recherche .hotels .hotel .bouton { border: 1px solid #1caeda;display: inline-block;text-align: center;color: #FFF;padding: .75em 2em;border-radius: 5px;  background: #207ec8; font-size:0.8em; margin-top:30px; }
.page-recherche .hotels .hotel .colprix .prix {  color: #f76e04; font-weight: 900; font-size: 24px;text-align: center; margin-right:0.5em;  }
.page-recherche .hotels .hotel .colremise { color:#15a51a; text-align:center; padding:1.5em 3em; font-size:0.9em; }
.page-recherche .hotels .hotel .colremise .montant { font-size:1.25em;}

.page-recherche .cruise_inclusions {background: linear-gradient(#ebbe42, #f0b310);  width: 100%;  padding: 10px;  text-align: center; position: sticky;  top: 0; color: black; height:25; z-index:9;}
.page-recherche .cruise_inclusions label {font-size: 0.90em; margin-left:15px; cursor: pointer;}
.page-recherche .cruise_inclusions input {margin-right:5px;}
.page-recherche .cruises { display:block; padding-top:1em; }
.page-recherche .cruises .cruise { width: 100%; margin:0; padding:1em; box-sizing: border-box; border-top:1px solid #ccc; display:flex; }
.page-recherche .cruises .cruise:hover {background:#eee; }
.page-recherche .cruises .cruise .coldescription { flex:1; padding-top:0.5em; padding-left:0.5em; }
.page-recherche .cruises .cruise img { border:10px solid white; box-shadow: 0 0 10px rgba(0,0,0,.2); width:200px; float:left; margin-right:1em; }
.page-recherche .cruises .cruise .stars { display:inline-block; }
.page-recherche .cruises .cruise .number { border-radius: 50%; background: #207ec8; color:white; display:inline-block; width:2.75em; height:2em; padding-top:.75em; text-align: center; font-size:0.9em; }
.page-recherche .cruises .cruise .titre { color:#207ec8; font-weight: bold; font-size:18px;}
.page-recherche .cruises .cruise .soustitre { font-size:1em; }
.page-recherche .cruises .cruise .bouton { border: 1px solid #1caeda;display: inline-block;text-align: center;color: #FFF;padding: .75em 2em;border-radius: 5px;  background: #207ec8; font-size:0.8em; margin-top:30px; }
.page-recherche .cruises .cruise .colprix .prix {  color: #f76e04; font-weight: 900; font-size: 24px;text-align: center; margin-right:0.5em;  }
.page-recherche .cruises .cruise .colremise { color:#15a51a; text-align:center; padding:1.5em 3em; font-size:0.9em; }
.page-recherche .cruises .cruise .colremise .montant { font-size:1.25em;}
.page-recherche .cruises_filtres { padding:0 1em; width: 25%; position: sticky; display: block; top:42; font-size:0.75em;}
/*.page-recherche .cruises_filtres h3 { background: #1e7bcc; padding:.5em 1em; color:white; margin: 1em 0 0 0;}*/
.page-recherche .cruises_filtres label { cursor:pointer;}
.page-recherche .one_filter {border-bottom:1px solid #CCC}


.page-zoom .flexer .gauche { width: 30%; padding:1em; }
.page-zoom .flexer .gauche .boxtitle { background:#1F7EC8; color:white; padding:1em; }
.page-zoom .flexer .gauche .boxtitle h1 { font-size:1.2em; margin:0; }
.page-zoom .flexer .gauche .boxtitle .soustitre { font-style: italic; }
.page-zoom .flexer .gauche .sectionphotos .large { width: 100%; }
.page-zoom .flexer .gauche .sectionphotos img:not(.large) { width: 32.3%; cursor: pointer;  padding: 1.85px; padding-top: 3;}
.page-zoom .flexer .gauche .sectionphotos img:not(.large):hover { opacity:0.7; }
.page-zoom .flexer .gauche .accordeon { background:#364656; color:white; padding:0.5em 1em; cursor:pointer; margin-top:0.5em; }
.page-zoom .flexer .gauche .accordeon .fa-circle-info { float:right; }
.page-zoom .flexer .gauche .accordeon-content { padding: 1em 0; border:solid;}
.page-zoom .flexer .gauche .accordeon-content ul { margin:0; }

.page-zoom .flexer .droite { flex:1; padding:1em; }
.page-zoom .flexer .droite h2 { background: #364655; padding:1em; font-size:1em; color:white; font-weight: bold;}
.page-zoom .flexer .droite .options { text-align:center; font-weight: bold;}
.page-zoom .flexer .droite .options .filter_titles {font-weight:bold; text-decoration: underline;   text-transform: uppercase; margin-bottom: 0.25em;}
.page-zoom .flexer .droite .options .splitter { border-bottom: 1px dashed #364655; margin:0.65em 0; }
.page-zoom .flexer .droite .options label { margin-right:1em; cursor:pointer; }
.page-zoom .flexer .droite .options img { width:22px; vertical-align: bottom; }

.page-zoom .flexer .droite .vols { margin-bottom:10px; }
.page-zoom .flexer .droite .vols .accordeon { background:#1e7bcc; color:white; cursor:pointer; display:flex; border-top:10px solid #265081; margin-top:20px;}
.page-zoom .flexer .droite .vols .accordeon .titre { padding:1.35em; flex:1; }
.page-zoom .flexer .droite .vols .accordeon .prix { width:25%; background:#265081; font-weight: normal; text-align: right; padding:1em; font-size:0.7em; font-style: italic; }
.page-zoom .flexer .droite .vols .accordeon .prix strong { color:#F3890C; font-size: 2em; display:block; }
.page-zoom .flexer .droite .vols .vol {margin-bottom:20px; border: 2px solid darkblue; border-radius: 10px;}
.page-zoom .flexer .droite .vols .vol .title { background: #f0f0f0; display:flex; border-radius: 10px; }
.page-zoom .flexer .droite .vols .vol .title .leftside { flex:1; padding:1.5em 1em; font-size:0.85em; line-height: 1.75em; }
.page-zoom .flexer .droite .vols .vol .title .leftside .bouton { padding:.35em 1.25em; border:1px solid #1e7bcc; border-radius: 5px;}
.page-zoom .flexer .droite .vols .vol .title .leftside .daterouge { color:red; font-weight: bold; padding-left:1em; }
.page-zoom .flexer .droite .vols .vol .title .rightside { width: 25%; background:#364655; color:white; font-size:0.7em;font-style: italic; padding: 1em; text-align: right;  }
.page-zoom .flexer .droite .vols .vol .title .rightside strong { font-size:2em; display:block; }
.page-zoom .flexer .droite .vols .vol .date { width: 100%; text-align:center; }
.page-zoom .flexer .droite .vols .vol .date .heading { background:#1e7bcc; color:white; font-weight: normal; font-size:0.9em; }
.page-zoom .flexer .droite .vols .vol .date tr td {border-bottom: 1px dashed #bbb; font-size:0.9em; }
.page-zoom .flexer .droite .vols .vol .date img { width: 15px; }
.page-zoom .flexer .droite .vols .vol .passager { border:1px solid #1e7bcc; padding:1em; margin:1.5em; font-size:0.8em; font-weight: bold; color:black; display:block; }
.page-zoom .flexer .droite .vols .vol .passager h4 { margin:0 0 1em 0; color:#1F7EC8; font-size:1.2em; }
.page-zoom .flexer .droite .vols .vol .passager .adultes { float:left; width: 20%; }
.page-zoom .flexer .droite .vols .vol .passager .enfants { float:left; width: 50%; }
.page-zoom .flexer .droite .vols .vol .passager .valider { float:left; width: 20%; background:#1F7EC8;color:white;border-radius: 6px; padding:.5em 1em; text-align: center; font-size:1.2em; }
.page-zoom .flexer .droite .vols .vol .passager select { border:1px solid #1e7bcc; padding:0.35em .5em; margin-top:0.75em;  }
.page-zoom .flexer .droite .vols .vol .passager .erreur { padding: 1em; color:red; text-align: right;}

.page-reservation .flexer .gauche { width: 45%; margin:1em; }
.page-reservation .flexer .gauche .titre { background:#1F7EC8; color:white; padding:1em; font-size:1.25em;}
.page-reservation .flexer .gauche .titre .soustitre { font-style: italic; }
.page-reservation .flexer .gauche img { width: 100%; }

.page-reservation .flexer .droite { flex:1; margin:1em; background:#f0f0f0; }
.page-reservation .flexer .droite h2 { background: #364655; padding:1em; font-size:1em; color:white; font-weight: bold; margin-bottom:0.25em; }
.page-reservation .flexer .droite .inclusions div { border-bottom: 1px dashed #bbb; padding:.25em 1em; font-size:1.5em; }
.page-reservation .flexer .droite .date { width: 100%; margin:1em 0; text-align: center;}
.page-reservation .flexer .droite .date .heading { background:#1e7bcc; color:white; font-weight: normal; font-size:0.9em; }
.page-reservation .flexer .droite .date tr td {border-bottom: 1px dashed #bbb; font-size:0.9em; }
.page-reservation .flexer .droite .confirmer .ligne {border-bottom: 1px dashed #bbb; font-size:0.9em; padding:0.5em 1em; }
.page-reservation .flexer .droite .confirmer .ligne .subtotal { float:right;}
.page-reservation .flexer .droite .confirmer .ligne.grandtotal { padding:0; }
.page-reservation .flexer .droite .confirmer .ligne.grandtotal .contribution { padding:1em; display:inline-block; font-style: italic; font-size:.8em; }
.page-reservation .flexer .droite .confirmer .ligne.grandtotal .total { float:right; padding:.5em; background:#DCDCDC; color:#364655;  font-style: italic; font-size:1.25em; }

.page-reservation .flexer .droite .codepromo .code { width: 60%; padding:0.5em; background:#1F7EC8; color:white; font-size:0.9em; }
.page-reservation .flexer .droite .codepromo .code input { height:18px; margin:0 .5em; }
.page-reservation .flexer .droite .codepromo .code .valider { padding:0.15em .25em; background:#F3890C; color:white; font-size:1.2em;  }
.page-reservation .flexer .droite .codepromo .prix { flex:1; background: #265081; color:#F3890C; padding:1em; font-size: 1.25em; text-align: center; font-style: italic; }

.page-reservation .bloque { background:#f0f0f0; color:#555; margin:1em; }
.page-reservation .bloque h2 { background: #364655; padding:.5em 1em; font-size:1.2em; text-transform: uppercase; color:white; font-weight: 400; margin-bottom:0.25em; display:inline-block;  }
.page-reservation .bloque .padding { padding:1.5em; }
.page-reservation .bloque .important { font-weight: bold; font-style: italic; font-size:1.25em; margin-top:1em; text-align:center;}
.page-reservation .bloque input[type=text],.page-reservation .bloque select { border:1px solid #1F7EC8; padding:5px; width: 98%; box-sizing: border-box; }
/*.page-reservation .bloque select { padding-top:4px; padding-bottom:4px;}*/

.page-reservation .bloque.passagers { font-size:0.85em; font-weight: bold; }
.page-reservation .bloque.passagers .passager { padding:1em 0; }
.page-reservation .bloque.passagers .passager .col { width:20%; }
.page-reservation .bloque.passagers .passager .col.fname { width:30%; }
.page-reservation .bloque.passagers .passager .col.titre { width: 8%; margin-right:2%;  }
.page-reservation .bloque.passagers .passager .col.dates { width: 38%; }
.page-reservation .bloque.passagers .passager .col.dates select { width: 30%; margin-right:1.5%;}
.page-reservation .bloque.passagers .passager .errormessage { padding-top:1em; color:red;  }
.page-reservation .bloque.passagers .passager.readonly input, .page-reservation .bloque.passagers .passager.readonly select { border:none; appearance: none; background:none; padding:1em 0; color:black; }

.page-reservation .bloque.coordonnes { font-size: 0.85em; font-weight: bold; }
.page-reservation .bloque.coordonnes .flexer { flex-wrap: wrap;}
.page-reservation .bloque.coordonnes .flexer .col { width: 21%; margin-bottom:1em;  }

.page-reservation .bloque.livraisonagent .flexer .livraison { width: 45%; margin-right:5%;  }
.page-reservation .bloque.livraisonagent .flexer .livraison label { padding:.5em; display:inline-block; cursor:pointer;}
.page-reservation .bloque.livraisonagent .flexer .agent { flex:1; }

.page-reservation .bloque.conditions { font-size:0.93em; font-weight: bold; }
.page-reservation .bloque.conditions .small { font-weight: 400; display:block; font-style: italic; }

.page-reservation .bloque.paiement .col { width: 30%; }
.page-reservation .bloque.paiement .col.small { width: 15%; }
.page-reservation .bloque.paiement .info { font-size:0.8em; text-align:center; margin-top:1em; font-style: italic; }

.page-reservation .soumettre { padding-bottom:1em; }
.page-reservation .soumettre .submit { background:#1F7EC8; border-radius: 10px; color:white; padding: 1em;  width: 100%; border:none; box-sizing: border-box; cursor:pointer; font-size:1.35em; text-align: center;}
.page-reservation .soumettre .submit:hover { background:#F3890C; }


/* FOOTER */
.footer { background: #1a5b8c; color:white; padding:3em 0; font-size:0.75em;  }
.footer a { color:white; }
.footer .social_icons a {  color: #1a5b8c !important; background: white !IMPORTANT;}
.mediabar { background: #EF9034; bottom:0; right:0; left:0; text-align:center; display:none; }
.mediabar a { color:white; padding:0.5em 1em; display:inline-block;  }

/* RESPONSIVE */
@media only screen and ( max-width:1225px ) {
    .planifier { padding: 100px 2em 2em 2em; }
    .planifier .ligne { display:block; }
    .planifier .ligne .label { width: 20%; display: inline-block; padding: 0 0 2em 0; }
    .planifier input { width: 63%; box-sizing: border-box; }
}

@media only screen and ( max-width:1200px ) {
    .search { width:100%; float:none; }
    .preview { float:none; width: 100%; float: none; width: 100%; height: 300px; margin-top: 25; border:none;}

    .hotel_special {cursor: pointer; width: 100%; margin-left: 3%; margin-bottom: 4%; }
    .hotel_special .contenu { float:left; height:115px; background:white; width:40%; padding:1em; position:relative; margin-right: 0px; }
    .hotel_special .contenu .stars .fa-star{margin-bottom:0px;}
    .hotel_special img{width:214px; height:147px;}

    .hotels { width: 100%; border-top:3px solid black;}
    .rightcol { display:none; }
    .page-recherche .boite .flexer { flex-wrap: wrap; }
    .page-recherche .filtres, .page-recherche .hotels { width: 100%; }
    .mediabar { display:block; }
}

@media only screen and ( max-width:780px ) {
    .message {display:none;}
    .contact-address{background: white;  text-align:center;  width:75%;  padding:25; }
    .contact-hours{background: white;  width:60%;  padding:25; }

.menu .topbar{text-align: center;}

    .menu .hamburger { display:inline-block; position:absolute; right: 10px; top:10px; font-size:2em; z-index:9999; cursor:pointer; }
    .menu .social_icons { display:none; }
    .menu .main {min-height: 50px; }
    .menu .main .nav { position:absolute; top:50px; right:0px; padding:0; z-index:9999; display:none; }
    .menu .main a { display:block; background:#1a5b8c; border-bottom:1px solid #ffffff80; padding-left:6em; padding-right:6em; }
    .menu .main a:first-of-type { font-size:1.5em; padding:.5em; }

    .hotels .hotel { width: 100%; margin:1% 0; }
    .planifier .bouton { width: 100%;  display: inline-block;box-sizing: border-box; }
    .page-recherche .hotels .hotel { flex-wrap:wrap; border-top:3px solid black; }
/*    .page-recherche .hotels .hotel img { width: 85px;} */
    .page-recherche .hotels .hotel .colremise { padding:2em 1em;}
    .page-recherche .hotels .hotel .colprix { width: 100%; padding-top:2em;}
    .page-recherche .hotels .hotel .colprix .prix {border: 1px dashed #1caeda; padding:.25em 2em; margin-right:1em; }
    .page-zoom .flexer { flex-wrap:wrap; }
    .page-zoom .flexer .gauche, .page-zoom .flexer .droite { width: 100%; }

    .page-reservation .entete.flexer { flex-wrap: wrap; }
    .page-reservation .flexer .gauche { width:100%; }
    .page-reservation .bloque.passagers .flexer { flex-wrap:wrap; }
    .page-reservation .bloque.passagers .passager .col { width: 100% !IMPORTANT; }
    .page-reservation .bloque.coordonnes .flexer .col { width: 100%; } 

    .page-reservation .bloque.livraisonagent .flexer { flex-wrap:wrap; }
    .page-reservation .bloque.livraisonagent .flexer .livraison { width: 100%; }
    .page-reservation .bloque.livraisonagent .flexer .agent { border-top: 15px solid white; }

    .page-reservation .bloque.paiement .flexer { flex-wrap:wrap;}
    .page-reservation .bloque.paiement .col { width:100% !IMPORTANT; margin:0.5em 0;  }
}

@media only screen and ( max-width:600px ) {
    .menu .logo img { height:70px; top:0; }
}

/* POUR L'IMPRESSION */
@media print { }