.tracedebug {
  margin-top: 200px;
  margin-bottom: 100px;
}
.tracedebug * {
  font-size: 14px;
  font-family: monospace;
}

.col-auto {
  max-width: 100%;
}

html, body {
  height: 100%;
  font-family: "Lato", sans-serif;
  color: #484847;
}

body {
  font-size: 12px;
}

h2:empty,
div:empty {
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
}

.trustpilot-widget:not(.dont_hide) {
  width: 1024px;
  margin: 5px auto;
}
@media screen and (max-width: 767px) {
  .trustpilot-widget:not(.dont_hide) {
    display: none;
  }
}

main {
  overflow: auto;
}
main .bandeau {
  width: 100%;
}
main .bandeau img {
  width: 100%;
  height: 100%;
  max-height: 800px;
}

.erreur {
  color: red !important;
}

header #BARRE_LATERALE {
  position: fixed;
  left: 0px;
  top: 250px;
  z-index: 9999;
  width: 51px;
  font-size: 0;
}
header #BARRE_LATERALE div {
  min-height: 51px;
}
header #BARRE_LATERALE div.info {
  background-color: #f3741d;
}
header #BARRE_LATERALE div.facebook {
  background-color: #0b539f;
}
header #BARRE_LATERALE div.mail {
  background-color: #a3907c;
}
header #BARRE_LATERALE div img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  header #BARRE_LATERALE {
    display: none;
  }
}
header #NAVIGATION {
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  header #NAVIGATION {
    padding: 0;
    height: 70px;
  }
}
header #NAVIGATION div.logo {
  display: block;
}
@media screen and (max-width: 767px) {
  header #NAVIGATION div.logo {
    height: 70px;
  }
  header #NAVIGATION div.logo img {
    width: 150px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
  }
}
header #NAVIGATION div.rechercher form label {
  display: none;
}
header #NAVIGATION div.rechercher form input {
  border: 1px solid #625b5b;
  color: #625b5b;
  padding: 5px;
}
header #NAVIGATION div.rechercher form button {
  border: 0;
  background-color: #625b5b;
  color: #fff;
  padding: 5px;
  font-weight: 900;
  text-transform: lowercase;
  cursor: pointer;
}
header #NAVIGATION div.nous_contacter {
  position: absolute;
  bottom: 0;
}
header #NAVIGATION div.nous_contacter p {
  margin: 0;
  padding: 3px 0;
  font-weight: 700;
}
header #NAVIGATION div.nous_contacter p img {
  margin-right: 4px;
}
header #NAVIGATION div.nous_contacter p a {
  font-size: 12px;
  color: #484847;
}
header #NAVIGATION div.nous_contacter .bouton {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background-color: #867664;
  text-transform: uppercase;
  padding: 2px 20px;
}
header #NAVIGATION div.nous_contacter .bouton:hover {
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  header #NAVIGATION div.nous_contacter .bouton {
    padding: 2px 10px;
  }
}
header #NAVIGATION div.right-separator {
  position: absolute;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #484847;
  margin-right: 20px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  header #NAVIGATION div.right-separator {
    margin-right: 0;
  }
}
header #NAVIGATION div.evenement img {
  width: 70%;
}
@media screen and (max-width: 767px) {
  header #NAVIGATION div.evenement {
    display: none;
  }
}
header #NAVIGATION div.rechercher {
  position: absolute;
  bottom: 0;
}
header #NAVIGATION div.rechercher span {
  color: #625b5b;
  font-weight: 700;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  header #NAVIGATION div.rechercher {
    position: relative;
    bottom: auto;
    height: 100%;
  }
  header #NAVIGATION div.rechercher div {
    position: relative;
    width: 160px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  header #NAVIGATION div.rechercher div input {
    width: 120px;
  }
}
header nav#MENU div#menu-accordeon {
  padding: 0;
  margin: 0 0 1px;
  list-style: none;
  text-align: center;
  background-color: #77E3A7;
  font-size: 0;
}
header nav#MENU div#menu-accordeon div.sep {
  display: inline-block;
  border-left: 2px solid #fff;
  height: 14px;
  position: relative;
  top: 2px;
}
header nav#MENU div#menu-accordeon div.hamburger {
  display: none;
}
header nav#MENU div#menu-accordeon div.li.parentTab {
  font-size: 13px;
  background-color: #77E3A7;
  display: inline-block;
  max-height: 30px;
  position: relative;
  transition: all 0.5s;
}
header nav#MENU div#menu-accordeon div.li.parentTab:hover {
  color: #625b5b;
}
header nav#MENU div#menu-accordeon div.li.parentTab:hover a.parentTab {
  color: #625b5b;
  cursor: pointer;
}
header nav#MENU div#menu-accordeon div.li.parentTab a.parentTab {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  padding: 5px 50px;
  color: #fff;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  header nav#MENU div#menu-accordeon div.li.parentTab a.parentTab {
    padding: 5px 20px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  header nav#MENU div#menu-accordeon div.li.parentTab a.parentTab {
    padding: 5px 30px;
  }
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 31px;
  left: -150px;
  z-index: 999;
  width: 900px;
  background-color: #77E3A7;
  transition: all 1.5s;
  padding: 0;
  opacity: 0.95;
}
@media screen and (max-width: 1199px) and (min-width: 576px) {
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv {
    width: 300px;
  }
}
@media screen and (max-width: 575px) {
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv {
    width: 150px;
    left: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv {
    left: 0;
  }
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv p {
  padding: 0;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  color: #625b5b;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv p a {
  color: #625b5b;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv a {
  text-decoration: none;
  color: #fff;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv a:hover {
  color: #a3907c;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.ul {
  padding: 0;
  margin: 0 0 0 15px;
  list-style-type: disc;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.ul div.li {
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 0;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.thematique,
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.region {
  width: 100%;
  text-align: left;
  padding: 15px 5px 5px 15px;
  box-sizing: border-box;
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.thematiques {
  position: absolute;
  height: 100%;
  width: 150px;
  background-color: #e1d9d0;
}
@media screen and (max-width: 575px) {
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.thematiques {
    position: relative;
  }
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions {
  margin-left: 150px;
}
@media screen and (max-width: 575px) {
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions {
    margin-left: 0;
  }
}
header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column {
  width: 150px;
  float: left;
  vertical-align: top;
}
@media screen and (max-width: 1199px) {
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column {
    float: none;
  }
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column div.region {
    padding: 5px 0 0 15px;
  }
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column:first-child div.region {
    padding-top: 15px;
  }
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column:nth-child(2), header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column:nth-child(3) {
    display: none;
  }
  header nav#MENU div#menu-accordeon div.li.parentTab div.subDiv div.regions div.region_column div.ul {
    display: none;
  }
}
header nav#MENU div#menu-accordeon div.li:hover div.subDiv {
  max-height: 150em;
  padding-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  header nav#MENU div#menu-accordeon div.li:hover div.subDiv {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  header nav#MENU {
    background-color: #77E3A7;
    width: 100%;
    height: auto;
  }
  header nav#MENU div#menu-accordeon div.hamburger {
    display: block;
    position: relative;
    height: 50px;
  }
  header nav#MENU div#menu-accordeon div.hamburger a, header nav#MENU div#menu-accordeon div.hamburger button {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    font-size: 18px;
    padding: 13px 17px;
    color: #fff;
    border: 0;
    background-color: transparent;
  }
  header nav#MENU div#menu-accordeon div.hamburger a:hover, header nav#MENU div#menu-accordeon div.hamburger button:hover {
    background-color: rgb(142, 255, 195);
  }
  header nav#MENU div#menu-accordeon div.sep,
  header nav#MENU div#menu-accordeon div.li.parentTab {
    display: none;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab {
    display: block;
    float: none;
    text-align: left;
    max-height: none;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab a.parentTab {
    padding: 6px 0;
    text-align: center;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique p {
    margin: 0;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.thematiques {
    position: relative;
    height: auto;
    width: auto;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.thematiques div.thematique {
    padding: 0;
    text-align: center;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.thematiques div.thematique div.ul {
    margin: 0;
    list-style: none;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.thematiques div.thematique div.ul div.li {
    padding: 4px;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.regions {
    margin: 0;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.regions div.region_column {
    width: auto;
  }
  header nav#MENU.responsive div#menu-accordeon div.li.parentTab div#subDivThematique div.regions div.region_column div.region {
    padding: 15px 0 0 0;
    text-align: center;
  }
}

footer #PIED_DE_PAGE {
  background-color: #e1d9d0;
  color: #867664;
  background-repeat: no-repeat;
  background-position: 50% 260px;
}
footer #PIED_DE_PAGE div.logo {
  text-align: center;
  padding-top: 15px;
}
footer #PIED_DE_PAGE div.logo img {
  width: 150px;
}
footer #PIED_DE_PAGE div#AGENCES div.sections, footer #PIED_DE_PAGE div#REFERENCEMENT div.sections {
  max-width: 880px;
  margin: auto;
  overflow: hidden;
}
footer #PIED_DE_PAGE div#AGENCES {
  height: 350px;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section {
  padding: 20px;
  max-width: 250px;
  margin: 0 auto;
}
@media screen and (max-width: 575px) {
  footer #PIED_DE_PAGE div#AGENCES div.sections div.section {
    max-width: none;
  }
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.titre {
  border-bottom: 1px solid #867664;
  text-transform: uppercase;
  font-size: 14px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.titre div.icone {
  float: right;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.titre div.icone img {
  height: 20px;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.texte {
  font-size: 11px;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.texte h3 {
  font-size: 11px;
  color: #ffa23f;
  padding: 0;
  margin: 0;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.texte a {
  color: #867664;
  text-decoration: none;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.texte a:hover {
  text-decoration: underline;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section div.texte div {
  font-size: 14px;
  padding: 0;
  margin: 0px;
  font-weight: bold;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section.contact .texte img {
  padding-top: 10px;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section.partenaire .texte {
  text-align: left;
}
footer #PIED_DE_PAGE div#AGENCES div.sections div.section.partenaire .texte img {
  margin-bottom: 15px;
}
footer #PIED_DE_PAGE div#REFERENCEMENT {
  background-color: #a3907c;
  color: #E1D9D0;
  border-top: 1px solid #fff;
  padding: 15px;
}
footer #PIED_DE_PAGE div#REFERENCEMENT h3 {
  float: left;
  width: 220px;
  margin: 0;
  padding: 0;
  line-height: 18px;
  font-size: 13px;
}
footer #PIED_DE_PAGE div#REFERENCEMENT h3 a {
  display: inline-block;
  padding: 3px;
  font-size: 13px;
  color: #E1D9D0;
  text-decoration: none;
}
footer #PIED_DE_PAGE div#REFERENCEMENT h3 a:hover {
  color: #fff;
}
footer #PIED_DE_PAGE div#SIGNATURE {
  border-top: 1px solid #E1D9D0;
  background-color: #a3907c;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
footer #PIED_DE_PAGE div#SIGNATURE div.auteur {
  padding-top: 5px;
  padding-bottom: 5px;
}
footer #PIED_DE_PAGE div#SIGNATURE div.auteur a {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  footer #PIED_DE_PAGE {
    background-image: url("") !important;
  }
  footer #PIED_DE_PAGE div#AGENCES {
    height: auto;
  }
}

.bandeau {
  width: 100%;
  max-width: 1200px;
  height: 250px;
  position: relative;
  overflow: hidden;
  margin: auto;
  margin-bottom: 1px;
}
.bandeau div.container-fluid {
  padding: 0;
}
.bandeau div.bg_img {
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bandeau div.bg_img div.titre {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 44px;
  font-weight: 900;
  color: #fff;
}
@media screen and (max-width: 575px) {
  .bandeau div.bg_img div.titre {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .bandeau div.bg_img div.titre {
    font-size: 30px;
  }
}

section.sous_destinations {
  padding: 10px 0;
  overflow: hidden;
  background-color: #E1D9D0;
}
section.sous_destinations div.titre {
  color: #fff;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}
section.sous_destinations div.main {
  text-align: center;
}
section.sous_destinations div.main select#dynamic_select {
  border: 0;
  width: 250px;
  font-size: 14px;
  color: #a3907c;
  height: 28px;
}
section.sous_destinations div.main select#dynamic_select option {
  padding: 6px 6px;
}
section.sous_destinations div.main a {
  display: none;
  padding: 3px 6px;
  background-color: #fff;
  margin: 3px;
  color: #f3741d;
  font-size: 14px;
}
section.sous_destinations div.main a:hover {
  text-decoration: none;
  background-color: #f3741d;
  color: #fff;
}
section.sous_destinations div.main a.selection {
  display: inline-block;
}
section.sous_destinations div.main.active a {
  display: inline-block;
}
section.sous_destinations div.main.active a.selection {
  display: none;
}

.breadcrumb {
  display: block;
  background-color: #fff;
  margin-bottom: 0;
  padding: 10px 0 0 0;
  font-weight: 700;
  font-size: 14px;
}
.breadcrumb a {
  display: inline-block;
  color: #625b5b;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.breadcrumb a:hover {
  text-decoration: underline;
  color: #c5bbb0;
}
.breadcrumb a.current {
  color: #f3741d;
}
.breadcrumb div.retour {
  float: right;
}
@media screen and (max-width: 575px) {
  .breadcrumb div.retour {
    display: none;
  }
}
.breadcrumb div.retour a:hover {
  text-decoration: underline;
  color: #c5bbb0;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    font-size: 12px;
  }
}

section.voyages,
div.voyages {
  clear: both;
  padding-top: 10px;
  overflow: hidden;
}
section.voyages .thematique_description,
div.voyages .thematique_description {
  display: block;
  max-width: 600px;
  text-align: center;
  font-size: 13px;
  margin: auto;
  padding-top: 10px;
}
section.voyages div.message,
div.voyages div.message {
  margin: 30px auto;
  text-align: center;
  font-size: 26px;
}
section.voyages div.separateur,
div.voyages div.separateur {
  text-align: center;
  margin: 5px 10px 0 10px;
  position: relative;
  color: #484847;
  clear: both;
}
section.voyages div.separateur hr,
div.voyages div.separateur hr {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #484847;
  border: 0;
  z-index: 10;
}
section.voyages div.separateur a,
div.voyages div.separateur a {
  color: #484847;
  text-decoration: none;
}
section.voyages div.separateur a:hover,
div.voyages div.separateur a:hover {
  text-decoration: underline;
}
section.voyages div.separateur h1, section.voyages div.separateur div,
div.voyages div.separateur h1,
div.voyages div.separateur div {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 20;
  display: block;
  font-size: 20px;
  background-color: transparent;
}
section.voyages div.separateur h1 h2, section.voyages div.separateur h1 a, section.voyages div.separateur div h2, section.voyages div.separateur div a,
div.voyages div.separateur h1 h2,
div.voyages div.separateur h1 a,
div.voyages div.separateur div h2,
div.voyages div.separateur div a {
  background-color: #fff;
  display: inline-block;
  padding: 0 10px;
  font-weight: 900;
  font-size: 20px;
  text-transform: uppercase;
}
section.voyages div.separateur h1,
div.voyages div.separateur h1 {
  background-color: #fff;
  display: inline-block;
  width: auto;
  font-weight: 900;
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 10px;
  z-index: 20;
}
section.voyages section.voyage_mosaique a,
section.voyages div.voyage_mosaique a,
div.voyages section.voyage_mosaique a,
div.voyages div.voyage_mosaique a {
  width: 230px;
  margin: 25px auto 10px auto;
  border: 1px solid #999;
  color: #625b5b;
  cursor: pointer;
  display: block;
  position: relative;
}
@media screen and (max-width: 575px) {
  section.voyages section.voyage_mosaique a,
  section.voyages div.voyage_mosaique a,
  div.voyages section.voyage_mosaique a,
  div.voyages div.voyage_mosaique a {
    width: 100%;
    max-width: 400px;
  }
}
section.voyages section.voyage_mosaique a.en_avant,
section.voyages div.voyage_mosaique a.en_avant,
div.voyages section.voyage_mosaique a.en_avant,
div.voyages div.voyage_mosaique a.en_avant {
  border: 1px solid #fff;
  color: #fff;
  background-color: #ffa23f;
}
section.voyages section.voyage_mosaique a.en_avant h2.titre,
section.voyages div.voyage_mosaique a.en_avant h2.titre,
div.voyages section.voyage_mosaique a.en_avant h2.titre,
div.voyages div.voyage_mosaique a.en_avant h2.titre {
  border-bottom: 1px solid #fff;
}
section.voyages section.voyage_mosaique a:hover,
section.voyages div.voyage_mosaique a:hover,
div.voyages section.voyage_mosaique a:hover,
div.voyages div.voyage_mosaique a:hover {
  text-decoration: none;
  opacity: 0.8;
}
section.voyages section.voyage_mosaique a:hover .lien,
section.voyages div.voyage_mosaique a:hover .lien,
div.voyages section.voyage_mosaique a:hover .lien,
div.voyages div.voyage_mosaique a:hover .lien {
  text-decoration: underline;
}
section.voyages section.voyage_mosaique div.prix,
section.voyages div.voyage_mosaique div.prix,
div.voyages section.voyage_mosaique div.prix,
div.voyages div.voyage_mosaique div.prix {
  font-weight: 700;
  padding: 10px 10px 0px 10px;
}
section.voyages section.voyage_mosaique div.prix div.prix_normal,
section.voyages div.voyage_mosaique div.prix div.prix_normal,
div.voyages section.voyage_mosaique div.prix div.prix_normal,
div.voyages div.voyage_mosaique div.prix div.prix_normal {
  font-size: 26px;
  font-weight: 900;
}
section.voyages section.voyage_mosaique div.prix_barre,
section.voyages div.voyage_mosaique div.prix_barre,
div.voyages section.voyage_mosaique div.prix_barre,
div.voyages div.voyage_mosaique div.prix_barre {
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: line-through;
  font-weight: 900;
}
section.voyages section.voyage_mosaique div.prix_barre span,
section.voyages div.voyage_mosaique div.prix_barre span,
div.voyages section.voyage_mosaique div.prix_barre span,
div.voyages div.voyage_mosaique div.prix_barre span {
  font-weight: 700;
}
section.voyages section.voyage_mosaique h2.titre,
section.voyages div.voyage_mosaique h2.titre,
div.voyages section.voyage_mosaique h2.titre,
div.voyages div.voyage_mosaique h2.titre {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  clear: both;
  height: 70px;
  overflow: hidden;
}
section.voyages section.voyage_mosaique h2.titre span,
section.voyages div.voyage_mosaique h2.titre span,
div.voyages section.voyage_mosaique h2.titre span,
div.voyages div.voyage_mosaique h2.titre span {
  font-size: 12px;
  text-transform: capitalize;
}
section.voyages section.voyage_mosaique h2.titre span.date,
section.voyages div.voyage_mosaique h2.titre span.date,
div.voyages section.voyage_mosaique h2.titre span.date,
div.voyages div.voyage_mosaique h2.titre span.date {
  font-size: 12px;
  text-transform: lowercase;
}
section.voyages section.voyage_mosaique h3.description,
section.voyages div.voyage_mosaique h3.description,
div.voyages section.voyage_mosaique h3.description,
div.voyages div.voyage_mosaique h3.description {
  font-weight: 300;
  font-size: 12px;
  margin: 5px 10px;
  height: 58px;
  overflow: hidden;
}
section.voyages section.voyage_mosaique div.image,
section.voyages div.voyage_mosaique div.image,
div.voyages section.voyage_mosaique div.image,
div.voyages div.voyage_mosaique div.image {
  position: relative;
  overflow: hidden;
  font-size: 0;
  width: 100%;
  height: 150px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
section.voyages section.voyage_mosaique div.lien,
section.voyages div.voyage_mosaique div.lien,
div.voyages section.voyage_mosaique div.lien,
div.voyages div.voyage_mosaique div.lien {
  text-align: center;
  padding: 6px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
section.voyages div.tous,
div.voyages div.tous {
  margin: auto;
  padding: 10px 0;
  text-align: center;
  overflow: hidden;
}
section.voyages div.tous a,
div.voyages div.tous a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  color: #ffa23f;
}
section.voyages div.autres_pages,
div.voyages div.autres_pages {
  clear: both;
  margin: auto;
  padding: 10px 0px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
section.voyages div.autres_pages:empty,
div.voyages div.autres_pages:empty {
  display: none;
}
section.voyages div.autres_pages a,
div.voyages div.autres_pages a {
  display: inline-block;
  padding: 16px 28px;
  text-decoration: none;
  color: #fff;
  background-color: #ffa23f;
  border-radius: 3px;
  font-size: 18px;
}
section.voyages div.autres_pages a.suivant,
div.voyages div.autres_pages a.suivant {
  float: right;
}
section.voyages div.autres_pages a:hover,
div.voyages div.autres_pages a:hover {
  color: #fff;
  background-color: #999;
}
section.voyages#promos .separateur h1, section.voyages#promos .separateur h2,
div.voyages#promos .separateur h1,
div.voyages#promos .separateur h2 {
  font-size: 20px;
  font-weight: 900;
}

section.recherche_voyage {
  padding: 20px;
  background-color: #e1d9d0;
  text-align: center;
  overflow: hidden;
  clear: both;
}
section.recherche_voyage div.titre {
  color: #fff;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
section.recherche_voyage form label {
  display: none;
}
section.recherche_voyage form select, section.recherche_voyage form input {
  margin: 5px 0;
}
section.recherche_voyage form select {
  border: 0;
  width: 200px;
  padding-left: 6px;
  margin-left: 3px;
  font-size: 14px;
  color: #a3907c;
  height: 28px;
}
section.recherche_voyage form select option {
  padding: 6px 6px;
}
section.recherche_voyage form input {
  border: 0;
  width: 150px;
  padding: 6px;
  margin-left: 3px;
  font-size: 14px;
  color: #a3907c;
}
section.recherche_voyage form button {
  background-color: #f3741d;
  border: 0;
  font-size: 13px;
  font-weight: 900;
  padding: 6px 3px 5px 3px;
  text-transform: uppercase;
  color: #fff;
  margin-left: 3px;
  cursor: pointer;
}

.blogs {
  background-color: #e1d9d0;
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}
.blogs div.entete div.titre {
  padding-top: 20px;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #484847;
}
.blogs div.entete p {
  text-align: center;
  font-size: 11px;
  color: #282828;
}
.blogs article.blog {
  max-width: 720px;
  margin: auto;
  background-color: #fff;
  vertical-align: top;
  font-size: 0;
  overflow: hidden;
  padding: 15px 60px;
}
.blogs article.blog div.image {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: auto 100px;
  margin: 0 auto;
}
.blogs article.blog div.body {
  position: relative;
}
.blogs article.blog div.body div.date {
  text-align: left;
  color: #484847;
  font-size: 18px;
  font-weight: 700;
}
.blogs article.blog div.body div.titre {
  text-align: left;
}
.blogs article.blog div.body div.titre h2, .blogs article.blog div.body div.titre a {
  color: #ffa23f;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.blogs article.blog div.body div.commentaire {
  font-size: 11px;
  font-weight: 400;
  color: #484847;
  text-align: justify;
}
.blogs .bouton {
  text-transform: uppercase;
  font-size: 16px;
  display: block;
  color: #fff;
  background-color: #867664;
  font-weight: 600;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .blogs article.blog div.image {
    width: 100%;
    margin: 0;
    background-position: center;
  }
  .blogs article.blog div.body div.date, .blogs article.blog div.body div.titre {
    text-align: center;
  }
  .blogs article.blog div.body div.date {
    margin-top: 10px;
  }
}
@media screen and (max-width: 575px) {
  .blogs article.blog {
    border-left: 10px solid #e1d9d0;
    border-right: 10px solid #e1d9d0;
    padding: 15px 5px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .blogs article.blog {
    border-left: 60px solid #e1d9d0;
    border-right: 60px solid #e1d9d0;
    padding: 15px 15px;
  }
}

section.newsletter {
  margin-bottom: 1px;
  background-color: #a3907c;
  padding: 10px;
  color: #fff;
}
section.newsletter div.body {
  max-width: 800px;
  margin: auto;
}
section.newsletter div.body div.erreur {
  padding: 30px 10px;
}
section.newsletter div.body div.texte, section.newsletter div.body div.form {
  margin: 10px 0;
}
section.newsletter div.body div.texte {
  text-align: center;
  font-size: 18px;
  line-height: 21px;
}
section.newsletter div.body div.texte div.titre {
  font-weight: 700;
}
section.newsletter div.body div.form {
  text-align: center;
}
section.newsletter div.body div.form label {
  display: none;
}
section.newsletter div.body div.form input {
  width: 200px;
  color: #867664;
  font-size: 12px;
  font-weight: 700;
}
section.newsletter div.body div.form input::placeholder {
  color: #625b5b;
  opacity: 0.5;
}
section.newsletter div.body div.form button {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background-color: #867664;
  border: 0;
  text-transform: uppercase;
  padding: 2px 20px;
  cursor: pointer;
}
section.newsletter div.message {
  margin: 30px auto;
  text-align: center;
  font-size: 26px;
}
section.newsletter div.erreur {
  text-align: center;
  font-size: 26px;
  color: #fff !important;
}

.ligne_trustpilot {
  padding-left: 24px;
  padding-top: 64px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .ligne_trustpilot {
    padding-left: 0px;
  }
}
.ligne_trustpilot .titre {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  line-height: 1.2;
}
.ligne_trustpilot .sous_titre {
  text-align: center;
  font-size: 14px;
}
.ligne_trustpilot .slider-container {
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.ligne_trustpilot .slider {
  position: absolute;
  top: 4px;
  left: 0;
  height: 100%;
  width: fit-content;
  display: flex;
  transition: transform 0.5s ease-out;
  font-size: 14px;
}
.ligne_trustpilot .slider-item {
  height: 220px;
  display: flex;
  justify-content: center;
}
.ligne_trustpilot .slider-titre {
  font-weight: 700;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
}
.ligne_trustpilot .slider-texte {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ligne_trustpilot .slider-nom {
  font-weight: 700;
}
.ligne_trustpilot .slider-date {
  font-size: 12px;
  font-weight: 300;
}
.ligne_trustpilot .card_review_trustpilot {
  width: 280px;
  height: 220px;
  padding: 16px;
  box-shadow: 0px 12px 24px 0px rgba(27, 59, 119, 0.05), 0px 24px 60px 0px rgba(6, 47, 125, 0.05), 0px 2px 4px 0px rgba(7, 4, 146, 0.1);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ligne_trustpilot .card_review_trustpilot hr {
  width: 60px;
  background: #D9D9D9;
  height: 1px;
  margin: 0;
}

/* PAGES */
#page_home #SLIDE {
  width: 100%;
  margin: auto auto 1px;
  overflow: hidden;
  max-height: 600px;
  position: relative;
  font-size: 0;
}
#page_home #SLIDE div.container-fluid {
  padding: 0;
}
#page_home #SLIDE.small {
  max-height: 150px;
}
#page_home #SLIDE div#slides {
  height: auto;
  position: relative;
  text-align: center;
}
#page_home #SLIDE div#slides a {
  display: block;
}
#page_home #SLIDE div#slides img {
  width: 100%;
  height: auto;
}
#page_home #SLIDE div#slides div.slide {
  width: 100%;
  height: auto;
  background-color: #fff;
  color: #fff;
  position: absolute;
  display: none;
  z-index: 99;
}
#page_home #SLIDE div#slides div.slide .panneau {
  z-index: 10;
  position: absolute;
  width: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#page_home #SLIDE div#slides div.first_slide {
  display: block;
}
#page_home #SLIDE div#slides div.first_slide img {
  max-width: 1268px;
}
#page_home #SLIDE div#slides div.fond img {
  opacity: 0;
}
@media screen and (max-width: 575px) {
  #page_home #SLIDE div#slides div.slide .panneau {
    width: 180px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  #page_home #SLIDE div#slides div.slide .panneau {
    width: 250px;
  }
}
@media screen and (min-width: 1269px) {
  #page_home #SLIDE div#slides div.slide .panneau {
    top: 225px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#page_home section#THEMATIQUES div#SEPARATION_AVION {
  margin-top: 15px;
  text-align: center;
}
#page_home section#THEMATIQUES div#SEPARATION_AVION h1 {
  font-size: 30px;
  font-weight: 900;
}
#page_home section#THEMATIQUES div#SEPARATION_AVION div.texte {
  position: relative;
  width: 80%;
  left: 10%;
  margin: 10px 0 20px 0;
  font-size: 13px;
  font-weight: 400;
}
#page_home section#THEMATIQUES div#SEPARATION_AVION div.texte p {
  margin: 0;
}
#page_home section#THEMATIQUES div.thematique {
  width: 230px;
  height: 168px;
  margin: 0 auto 10px;
}
#page_home section#THEMATIQUES div.thematique a.titre {
  z-index: 200;
  display: table;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 50px;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #a3907c;
  color: #fff;
}
#page_home section#THEMATIQUES div.thematique a.titre span {
  display: table-cell;
  vertical-align: middle;
}
#page_home section#THEMATIQUES div.thematique img {
  width: 100%;
  height: 166px;
  padding-top: 15px;
}
#page_home section#THEMATIQUES div.thematique div.descriptif {
  position: absolute;
  width: 230px;
  height: 151px;
  top: 15px;
}
#page_home section#THEMATIQUES div.thematique div.descriptif a {
  background-color: #a3907c;
  display: block;
  height: 100%;
  padding: 32px 15px 0 15px;
  text-decoration: none;
  text-align: justify;
  color: #fff;
  line-height: 1.3;
  transition: opacity 0.5s ease;
  opacity: 0;
}
#page_home section#THEMATIQUES div.thematique div.descriptif a:hover {
  opacity: 1;
}
#page_home section#THEMATIQUES div.france {
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #page_home section#THEMATIQUES div.france {
    max-width: 230px;
    margin: auto;
  }
}
#page_home section#THEMATIQUES div.france .panneau {
  position: absolute;
  top: 0;
  left: 25px;
  right: 25px;
  background-color: #FA9C5D;
  padding: 5px 5px;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  z-index: 200;
  height: auto;
}
#page_home section#THEMATIQUES div.france a {
  height: 151px;
  background-size: cover;
  background-position: center;
  display: block;
  font-size: 0;
}

#page_voyage section.voyage {
  margin: auto;
  padding-top: 10px;
}
#page_voyage section.voyage div.entete {
  padding: 0 10px;
  overflow: hidden;
  vertical-align: bottom;
}
@media screen and (max-width: 575px) {
  #page_voyage section.voyage div.entete {
    line-height: 1.2;
    padding: 10px 0 20px;
  }
}
#page_voyage section.voyage div.entete div.icone {
  float: right;
}
#page_voyage section.voyage div.entete div.titre {
  color: #625b5b;
  font-size: 42px;
  font-weight: 700;
  padding-top: 10px;
  margin: 0;
}
@media screen and (max-width: 575px) {
  #page_voyage section.voyage div.entete div.titre {
    font-size: 26px;
  }
}
#page_voyage section.voyage div.body {
  border: 2px solid #e1d9d0;
  padding: 25px;
}
@media screen and (max-width: 575px) {
  #page_voyage section.voyage div.body {
    padding: 25px 10px;
  }
}
#page_voyage section.voyage div.body div.images {
  display: inline-block;
  width: 100%;
  font-size: 0;
}
#page_voyage section.voyage div.body div.images div.image_1 {
  margin-right: 10px;
  width: auto;
  height: 394px;
  text-align: center;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
#page_voyage section.voyage div.body div.images div.image {
  display: inline-block;
  width: 110px;
  height: 74px;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
#page_voyage section.voyage div.body div.description {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
}
#page_voyage section.voyage div.body div.description h1.nom {
  color: #625b5b;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #625b5b;
  margin: 0 0 5px 0;
}
#page_voyage section.voyage div.body div.description h2.resume, #page_voyage section.voyage div.body div.description h3.resume {
  color: #484847;
  font-size: 14px;
  font-weight: 300;
}
#page_voyage section.voyage div.body div.description div.prix {
  color: #f3741d;
  font-size: 32px;
  font-weight: 700;
  padding-top: 5px;
}
@media screen and (max-width: 575px) {
  #page_voyage section.voyage div.body div.description div.prix {
    font-size: 28px;
  }
}
#page_voyage section.voyage div.body div.description a {
  font-size: 18px;
  display: block;
  color: #fff;
  padding: 10px 0px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
}
#page_voyage section.voyage div.body div.description a:hover {
  color: #625b5b;
}
#page_voyage section.voyage div.body div.description a.nous_contacter {
  background-color: #8accc6;
  text-transform: uppercase;
}
#page_voyage section.voyage div.body div.description a.brochure_pdf {
  background-color: #f3741d;
}
@media screen and (max-width: 575px) {
  #page_voyage section.voyage div.body div.description a {
    font-size: 16px;
  }
}
#page_voyage section.voyage div.body div.separateur {
  position: relative;
  text-align: center;
  margin: 5px 10px 0 10px;
  color: #c5bbb0;
}
@media screen and (max-width: 575px) {
  #page_voyage section.voyage div.body div.separateur {
    padding-top: 20px;
  }
}
#page_voyage section.voyage div.body div.separateur hr {
  position: absolute;
  width: 100%;
  background-color: #c5bbb0;
}
#page_voyage section.voyage div.body div.separateur div {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 20;
  display: block;
  font-size: 20px;
  color: #625b5b;
}
#page_voyage section.voyage div.body div.separateur div span {
  background-color: #fff;
  display: inline-block;
  padding: 0 10px;
  font-weight: 900;
  font-size: 20px;
  text-transform: uppercase;
}
#page_voyage section.voyage div.body div.detail {
  color: #484847;
  font-size: 14px;
  font-weight: 300;
  text-align: justify;
  overflow: hidden;
  line-height: 1.2;
}
#page_voyage section.voyage div.body div.detail div.detail_1, #page_voyage section.voyage div.body div.detail div.detail_2, #page_voyage section.voyage div.body div.detail div.detail_3, #page_voyage section.voyage div.body div.detail div.detail_4 {
  padding: 8px 0;
  box-sizing: border-box;
}

#page_destination div.destination_descriptif {
  background-color: #e1d9d0;
  padding-bottom: 30px;
}
#page_destination div.destination_descriptif h2 {
  text-align: center;
  color: #484847;
  font-size: 30px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
}
#page_destination div.destination_descriptif h3, #page_destination div.destination_descriptif .h4 {
  max-width: 450px;
  margin: auto;
  font-size: 11px;
  font-weight: 400;
  color: #484847;
  text-align: justify;
}

#page_sur_mesure #BANDEAU_400,
#page_cgv #BANDEAU_400,
#page_contact #BANDEAU_400,
#page_plan #BANDEAU_400,
#page_presentation #BANDEAU_400 {
  width: 100%;
  margin: auto auto 1px;
  overflow: hidden;
  max-height: 600px;
  position: relative;
  font-size: 0;
}
#page_sur_mesure #BANDEAU_400 img,
#page_cgv #BANDEAU_400 img,
#page_contact #BANDEAU_400 img,
#page_plan #BANDEAU_400 img,
#page_presentation #BANDEAU_400 img {
  width: 100%;
}

#page_contact #contact h2 {
  font-weight: 700;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  #page_contact #contact h2 {
    font-size: 20px;
  }
}

#page_sur_mesure h2 {
  font-size: 24px;
  font-weight: 700;
}
#page_sur_mesure .entete .texte {
  text-align: justify;
}
#page_sur_mesure select {
  color: #555;
}
#page_sur_mesure select option {
  color: #000 !important;
}
#page_sur_mesure select option:disabled {
  font-style: italic;
}
#page_sur_mesure select:invalid {
  color: #ADADAD;
}

#page_cgv div#cgv,
#page_plan div#cgv {
  color: #484847;
  max-width: 800px;
  margin: auto;
  padding-top: 30px;
  overflow: hidden;
}
#page_cgv div#cgv img,
#page_plan div#cgv img {
  display: block;
  margin: auto;
  text-align: center;
}
#page_cgv div#cgv h1,
#page_plan div#cgv h1 {
  text-align: center;
  margin-top: 0;
  font-weight: 700;
  font-size: 30px;
}
#page_cgv div#cgv h3,
#page_plan div#cgv h3 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  color: #c5bbb0;
}
#page_cgv div#cgv p,
#page_plan div#cgv p {
  font-size: 11px;
  text-align: justify;
  margin-top: 8px;
  margin-bottom: 8px;
}
#page_cgv div#cgv p a,
#page_plan div#cgv p a {
  color: #484847;
}

#page_plan h1, #page_plan h2, #page_plan h3 {
  font-weight: 700;
}
#page_plan a {
  color: #484847;
  text-decoration: underline;
}
#page_plan ul {
  list-style-type: none;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 20px;
}
#page_plan ul li > h2, #page_plan ul li > h3 {
  font-size: 20px;
  padding: 0;
  margin: 0;
}
#page_plan ul li > h3 {
  margin-left: 28px !important;
}
#page_plan ul li ul {
  list-style-type: initial;
}

#page_presentation .main-body {
  color: #625b5b;
}
#page_presentation .main-body img.picto {
  margin-top: 30px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#page_presentation .main-body h1 {
  text-align: center;
  color: #484847;
  font-weight: 700;
  font-size: 32px;
}
#page_presentation .main-body h2, #page_presentation .main-body h3 {
  font-size: 22px;
  text-transform: uppercase;
  padding: 10px 0 0;
}
#page_presentation .main-body div.colonne {
  padding: 10px 0;
}
#page_presentation .main-body div.colonne p {
  font-size: 14px;
  text-align: justify;
  margin-bottom: 10px;
  line-height: 1.2;
}
#page_presentation .main-body div.colonne img {
  margin: 5px 0;
  max-width: 100%;
  height: auto;
}
#page_presentation .main-body div.sepa {
  width: 100%;
  margin: 5px 0;
  background-color: #c5bbb0;
  height: 1px;
}
#page_presentation .main-body div.clients p {
  font-size: 14px;
  font-weight: 700;
}
#page_presentation .main-body div.clients img {
  height: 30px;
  width: auto;
  margin: 10px;
}

#EVENEMENT {
  width: 1200px;
  margin: auto;
  overflow: hidden;
  font-size: 0;
}

#EVENEMENT form {
  padding: 20px;
  background-color: #e1d9d0;
  text-align: center;
  overflow: hidden;
  clear: both;
  min-height: 80px;
}

div.formulaire {
  padding: 20px;
  overflow: hidden;
  clear: both;
  color: #625b5b;
  background-color: #e1d9d0;
}
div.formulaire label {
  display: none;
}
div.formulaire input, div.formulaire textarea, div.formulaire select {
  border: 1px solid #fff;
  padding: 3px 9px;
  font-size: 13px;
}
div.formulaire input::placeholder, div.formulaire textarea::placeholder, div.formulaire select::placeholder {
  color: #625b5b;
  opacity: 0.5;
}
div.formulaire div.body {
  margin: auto;
  text-align: center;
}
div.formulaire div.body div.entete h1 {
  font-weight: 900;
  font-size: 36px;
  display: block;
}
@media screen and (max-width: 767px) {
  div.formulaire div.body div.entete h1 {
    font-size: 26px;
  }
  div.formulaire div.body div.entete h2 {
    font-size: 20px;
  }
}
div.formulaire div.body div.entete div.texte {
  font-weight: 400;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 30px;
  margin: auto;
  max-width: 500px;
}
div.formulaire div.body div.block_input {
  margin-top: 3px;
  margin-bottom: 3px;
}
div.formulaire div.body .erreur input {
  border: 1px solid red;
}
div.formulaire div.body .erreur input::placeholder {
  color: red;
}
div.formulaire div.body button {
  margin-top: 20px;
  padding: 6px 20px;
  background-color: #77e3a7;
  border: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
div.formulaire .resultat {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 24px;
}
div.formulaire .message {
  font-size: 18px;
}

#EVENEMENT .titre {
  color: #008298;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 18px;
  text-decoration: none;
  display: block;
  text-align: center;
}

#EVENEMENT .participez a {
  color: #fff;
  padding: 10px 0;
  text-align: center;
  background-color: #f3741d;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  display: block;
  text-decoration: none;
}

#EVENEMENT .participez a:hover {
  color: #f3741d;
  background-color: #fff;
}

#page_voyage {
  /* brighten selected image */
}
#page_voyage .carousel {
  background-color: #fff;
}
#page_voyage .carousel-cell {
  width: 70%;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#page_voyage .carousel-cell img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  /* dim unselected */
  opacity: 0.7;
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
  transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}
#page_voyage .carousel-cell.is-selected img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-filter: none;
  filter: none;
}
@media screen and (min-width: 768px) {
  #page_voyage .carousel-cell {
    height: 400px;
  }
}
@media screen and (min-width: 960px) {
  #page_voyage .carousel-cell {
    width: 60%;
  }
}
#page_voyage .flickity-prev-next-button {
  width: 60px;
  height: 60px;
  background-color: transparent;
  opacity: 0.6;
}
#page_voyage .flickity-prev-next-button:hover {
  background-color: transparent;
  opacity: 1;
}
#page_voyage .flickity-prev-next-button .arrow {
  fill: white;
}
#page_voyage .flickity-prev-next-button.no-svg {
  color: white;
}
#page_voyage .flickity-prev-next-button.previous {
  left: 0;
}
#page_voyage .flickity-prev-next-button.next {
  right: 0;
}
#page_voyage .flickity-prev-next-button:disabled {
  display: none;
}

#page_promos main .sous_titre {
  max-width: 600px;
  margin: auto;
  padding: 0 15px;
  font-size: 16px;
}
#page_promos main .sous_titre p {
  margin: 6px auto 10px;
  text-align: justify;
}

#page_blogs .pagination .page-item.active .page-link {
  background-color: #f3741d;
  border-color: #f3741d;
  color: white;
  font-weight: 600;
}
#page_blogs .pagination .page-item .page-link {
  border: 1px solid #c5bbb0;
  color: #484847;
  border-radius: 0 !important;
}
#page_blogs .pagination .page-item .page-link:focus {
  box-shadow: none;
}

/*# sourceMappingURL=voyage-groupe-transgallia_20251018.css.map */
