/*
 Theme Name:     Divi VYV
 Description:    Child Theme Divi VYV
 Author:         NIOU
 Template:       Divi
 (optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
 */
#js-scripts, #js-code {
  display: none;
}
h1 {
  font-weight: 300;
  color: rgba(92, 42, 147, 1);
  text-transform: uppercase;
  text-align: center;
}
h2 {
  text-align: center;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: rgba(92, 42, 147, 1) !important;
  text-transform: uppercase !important;
}
#main-header {
  border-bottom: 1px rgba(92, 42, 147, 1) solid;
}
.error {
  border: 1px #f00 solid !important;
}
.ui-datepicker {
  margin-top: 25px !important;
}
#module-4-assistances .et_pb_module {
  min-height: 250px !important;
  padding-top: 30px !important;
}
#module-4-assistances .et_pb_module .et_pb_promo_description .texte {
  opacity: 0;
  transition: opacity 0.5s linear;
}
#module-4-assistances .et_pb_module .et_pb_promo_description .image {
  opacity: 1;
  transition: opacity 0.5s linear;
}
#module-4-assistances .et_pb_module .et_pb_button_wrapper {
  opacity: 0;
  transition: opacity 0.5s linear;
}
#module-4-assistances .et_pb_module:hover {
  cursor: pointer;
  padding-top: 30px !important;
}
#module-4-assistances .et_pb_module:hover .et_pb_promo_description .texte {
  opacity: 1;
}
#module-4-assistances .et_pb_module:hover .et_pb_promo_description .image {
  opacity: 0;
}
#module-4-assistances .et_pb_module:hover .et_pb_button_wrapper {
  opacity: 1;
}
.tableau-contrat table {
  color: #000 !important;
}
.tableau-contrat h2 {
  margin-top: 20px;
  font-weight: 500 !important;
}
.tableau-contrat .intitule {
  text-align: right;
  font-style: italic;
  font-weight: 300;
}
.nav-mon-espace {
  display: flex;
}
.nav-mon-espace ul {
  margin: auto;
  list-style: none;
}
.nav-mon-espace ul li {
  font-weight: 400;
  display: flex;
  margin: 5px;
  padding: 5px 10px;
  float: left;
  border: 1px rgba(92, 42, 147, 1) solid;
}
.nav-mon-espace ul li a {
  text-transform: uppercase;
  color: rgba(92, 42, 147, 1);
}
.nav-mon-espace ul .active {
  background-color: rgba(92, 42, 147, 1);
}
.nav-mon-espace ul .active a {
  color: #fff;
}
.nav-mon-espace li:hover {
  cursor: pointer;
  background-color: rgba(92, 42, 147, 1);
}
.nav-mon-espace li:hover a {
  color: #fff;
}
#top-menu .current-menu-item a {
  font-weight: 600 !important;
  color: rgba(92, 42, 147, 1) !important;
}
/*
 #top-menu
 {
 li
 {
 padding-right: 0px !important;
 margin-right: 10px !important;
 padding-bottom: 0px !important;
 border-radius: 0px 15px 0px 0px;
 border:1px $color_bg_active solid;
 border-bottom: 0px !important;
 }
 .menu-item
 {
 background-color: #fff !important;
 text-transform: uppercase;
 a
 {
 color: $color_bg_active !important;
 }
 }
 .menu-item:hover
 {
 background-color: #fff !important;
 }
 .current-menu-item
 {
 background-color: $color_bg_active !important;
 a
 {
 color: #fff !important;		    
 }
 }
 }
 #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a
 {
 padding-bottom: 12px !important;
 }
 */
/*
 .et-hover
 {
 background-color: #000 !important;
 -webkit-transition: none;
 transition: none;
 -webkit-transition: none;
 transition: none;}
 */
.page-mon-voyage #intro-devis-en-ligne, .page-mon-contrat #intro-devis-en-ligne, .page-mon-espace #intro-devis-en-ligne, .page-mon-voyage #intro-mon-espace, .page-mon-contrat #intro-mon-espace, .page-mon-espace #intro-mon-espace, .page-mon-voyage #form-devis-en-ligne, .page-mon-contrat #form-devis-en-ligne, .page-mon-espace #form-devis-en-ligne {
  max-width: 1240px !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.page-mon-contrat .frm_submit .frm_final_submit {
  display: none;
}
.paiement-contrat {
  text-align: center;
}
.paiement-contrat #bouton-paiement {
  text-align: center;
  cursor: pointer !important;
}
.paiement-contrat #rappel-montant {
  text-align: center;
}
.page-recapitulatif #contenu {
  text-align: center;
}
.page-recapitulatif #contenu h4 {
  font-weight: 300 !important;
}
.frm_section_heading {
  clear: both !important;
  margin-top: 50px !important;
  margin-bottom: 0px !important;
}
.frm_section_heading h3 {
  font-size: 20px !important;
  font-weight: 300 !important;
  color: rgba(92, 42, 147, 1) !important;
  text-transform: uppercase !important;
}
.frm_primary_label {
  font-size: 14px !important;
  font-weight: 100 !important;
  color: rgba(92, 42, 147, 1) !important;
  text-transform: uppercase;
}
.form-field {
  margin-bottom: 15px !important;
}
.frm_half {
  width: 48% !important;
  border: 0px #dedede solid !important;
  padding: 15px !important;
  margin-left: 0% !important;
}
.frm_first {
  padding-left: 0px !important;
}
.valeurs-choix-contrat {
  display: none !important;
}
#mon-voyage #recapitulatif .datedepart, #mon-contrat #recapitulatif .datedepart, #mon-espace #recapitulatif .datedepart {
  display: none;
}
#mon-voyage #recapitulatif .dateretour, #mon-contrat #recapitulatif .dateretour, #mon-espace #recapitulatif .dateretour {
  display: none;
}
#mon-voyage #recapitulatif .nombrevoyageurs, #mon-contrat #recapitulatif .nombrevoyageurs, #mon-espace #recapitulatif .nombrevoyageurs {
  display: none;
}
#mon-voyage #recapitulatif .montantvoyage, #mon-contrat #recapitulatif .montantvoyage, #mon-espace #recapitulatif .montantvoyage {
  display: none;
}
#mon-voyage #recapitulatif .pays, #mon-contrat #recapitulatif .pays, #mon-espace #recapitulatif .pays {
  display: none;
}
#mon-voyage .container, #mon-contrat .container, #mon-espace .container {
  margin: 0px !important;
  padding: 0px !important;
  width: 100%;
  max-width: 1300px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#mon-voyage #etapes, #mon-contrat #etapes, #mon-espace #etapes {
  background-color: #ededed;
  padding: 0px !important;
  margin: 0px !important;
  border-radius: 0px 0px 0px 40px !important;
  padding-bottom: 20px !important;
}
#mon-voyage #etapes ul, #mon-contrat #etapes ul, #mon-espace #etapes ul {
  text-align: center;
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
}
#mon-voyage #etapes ul li, #mon-contrat #etapes ul li, #mon-espace #etapes ul li {
  padding: 10px !important;
  cursor: pointer;
}
#mon-voyage #etapes ul li h3, #mon-contrat #etapes ul li h3, #mon-espace #etapes ul li h3 {
  color: rgba(92, 42, 147, 1);
  font-size: 48px;
  font-weight: 900;
  padding: 0px;
  margin-bottom: 5px;
}
#mon-voyage #etapes ul li h4, #mon-contrat #etapes ul li h4, #mon-espace #etapes ul li h4 {
  color: #333;
  font-size: 18px;
  padding: 0px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#mon-voyage #etapes ul li.active, #mon-contrat #etapes ul li.active, #mon-espace #etapes ul li.active {
  background-color: rgba(92, 42, 147, 1);
}
#mon-voyage #etapes ul li.active h3, #mon-contrat #etapes ul li.active h3, #mon-espace #etapes ul li.active h3, #mon-voyage #etapes ul li.active h4, #mon-contrat #etapes ul li.active h4, #mon-espace #etapes ul li.active h4 {
  color: #fff !important;
}
#mon-voyage #etapes ul li.checked, #mon-contrat #etapes ul li.checked, #mon-espace #etapes ul li.checked {
  background-color: rgba(92, 42, 147, .5);
  border-bottom: 1px rgba(92, 42, 147, 1) solid;
}
#mon-voyage #etapes ul li.checked h3, #mon-contrat #etapes ul li.checked h3, #mon-espace #etapes ul li.checked h3, #mon-voyage #etapes ul li.checked h4, #mon-contrat #etapes ul li.checked h4, #mon-espace #etapes ul li.checked h4 {
  color: #fff !important;
}
#mon-voyage #etapes #recapitulatif, #mon-contrat #etapes #recapitulatif, #mon-espace #etapes #recapitulatif {
  color: #fff;
  font-size: 14px;
  line-height: 15px !important;
}
#mon-voyage #contenu, #mon-contrat #contenu, #mon-espace #contenu {
  border-radius: 0px 40px 0px 40px !important;
  background-color: #ededed;
  padding: 20px 50px !important;
  padding-bottom: 40px !important;
  border: 1px rgba(92, 42, 147, 1) solid;
}
#mon-voyage #contenu h2, #mon-contrat #contenu h2, #mon-espace #contenu h2 {
  color: rgba(92, 42, 147, 1);
  text-align: center;
  text-transform: uppercase;
}
#mon-voyage #contenu #nos-offres, #mon-contrat #contenu #nos-offres, #mon-espace #contenu #nos-offres {
  text-align: center;
  font-size: 12px;
  line-height: 13px !important;
}
#mon-voyage #contenu #nos-offres h3, #mon-contrat #contenu #nos-offres h3, #mon-espace #contenu #nos-offres h3 {
  color: #f00 !important;
}
#mon-voyage #contenu #nos-offres .contrats, #mon-contrat #contenu #nos-offres .contrats, #mon-espace #contenu #nos-offres .contrats {
  display: flex;
  align-items: center;
  justify-content: center;
}
#mon-voyage #contenu #nos-offres .contrats td, #mon-contrat #contenu #nos-offres .contrats td, #mon-espace #contenu #nos-offres .contrats td {
  border-top: 0px !important;
}
#mon-voyage #contenu #nos-offres .contrats .contrat:hover, #mon-contrat #contenu #nos-offres .contrats .contrat:hover, #mon-espace #contenu #nos-offres .contrats .contrat:hover {
  cursor: pointer !important;
}
#mon-voyage #contenu #nos-offres .contrats .intitule, #mon-contrat #contenu #nos-offres .contrats .intitule, #mon-espace #contenu #nos-offres .contrats .intitule {
  margin-top: 5px;
  font-size: 16px;
  line-height: 18px !important;
}
#mon-voyage #contenu #nos-offres .contrats .prix, #mon-contrat #contenu #nos-offres .contrats .prix, #mon-espace #contenu #nos-offres .contrats .prix {
  font-size: 20px;
  line-height: auto;
  font-weight: bold;
}
#mon-voyage #contenu #nos-offres .contrats .contrat, #mon-contrat #contenu #nos-offres .contrats .contrat, #mon-espace #contenu #nos-offres .contrats .contrat {
  text-align: center;
  padding-top: 0px !important;
  cursor: pointer;
}
#mon-voyage #contenu #nos-offres .contrats .contrat s, #mon-contrat #contenu #nos-offres .contrats .contrat s, #mon-espace #contenu #nos-offres .contrats .contrat s {
  opacity: 0.4;
}
#mon-voyage #contenu #nos-offres .contrats .contrat .cgv, #mon-contrat #contenu #nos-offres .contrats .contrat .cgv, #mon-espace #contenu #nos-offres .contrats .contrat .cgv {
  margin-top: 15px;
  font-size: 12px;
}
#mon-voyage #contenu #nos-offres .contrats .contrat .select, #mon-contrat #contenu #nos-offres .contrats .contrat .select, #mon-espace #contenu #nos-offres .contrats .contrat .select {
  margin-top: 15px;
  border: 1px #333 solid;
  padding: 5px 8px;
  background-color: #fff;
  color: #333;
  width: 200px;
  margin: auto;
}
#mon-voyage #contenu #nos-offres .contrats .contrat img, #mon-contrat #contenu #nos-offres .contrats .contrat img, #mon-espace #contenu #nos-offres .contrats .contrat img {
  max-width: 200px !important;
  margin-top: 10px !important;
}
#mon-voyage #contenu #nos-offres .contrats .contrat a, #mon-contrat #contenu #nos-offres .contrats .contrat a, #mon-espace #contenu #nos-offres .contrats .contrat a {
  color: #000 !important;
}
#mon-voyage #contenu #nos-offres .contrats .contrat.inactive, #mon-contrat #contenu #nos-offres .contrats .contrat.inactive, #mon-espace #contenu #nos-offres .contrats .contrat.inactive {
  color: rgba(0, 0, 0, .3) !important;
}
#mon-voyage #contenu #nos-offres .contrats .contrat ul, #mon-contrat #contenu #nos-offres .contrats .contrat ul, #mon-espace #contenu #nos-offres .contrats .contrat ul {
  list-style: none;
  padding: 0px !important;
}
#mon-voyage #contenu #nos-offres .contrats .contrat .icone, #mon-contrat #contenu #nos-offres .contrats .contrat .icone, #mon-espace #contenu #nos-offres .contrats .contrat .icone {
  width: 50px !important;
  margin-top: 30px;
  margin-bottom: 10px;
}
#mon-voyage #contenu #nos-offres .contrats .contrat .bouton, #mon-contrat #contenu #nos-offres .contrats .contrat .bouton, #mon-espace #contenu #nos-offres .contrats .contrat .bouton {
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding: 5px 5px;
  background-color: rgba(92, 42, 147, 1);
  color: #fff !important;
  border-radius: 5px !important;
}
#mon-voyage #contenu #nos-offres .contrats .contrat .bouton:hover, #mon-contrat #contenu #nos-offres .contrats .contrat .bouton:hover, #mon-espace #contenu #nos-offres .contrats .contrat .bouton:hover {
  cursor: pointer !important;
  background-color: #000;
}
#mon-voyage #contenu #nos-offres .contrats .assistance-voyage-titre, #mon-contrat #contenu #nos-offres .contrats .assistance-voyage-titre, #mon-espace #contenu #nos-offres .contrats .assistance-voyage-titre, #mon-voyage #contenu #nos-offres .contrats .assistance-medicale-titre, #mon-contrat #contenu #nos-offres .contrats .assistance-medicale-titre, #mon-espace #contenu #nos-offres .contrats .assistance-medicale-titre, #mon-voyage #contenu #nos-offres .contrats .assistance-situation-titre, #mon-contrat #contenu #nos-offres .contrats .assistance-situation-titre, #mon-espace #contenu #nos-offres .contrats .assistance-situation-titre, #mon-voyage #contenu #nos-offres .contrats .assistance-zen-titre, #mon-contrat #contenu #nos-offres .contrats .assistance-zen-titre, #mon-espace #contenu #nos-offres .contrats .assistance-zen-titre {
  font-size: 16px !important;
  color: rgba(92, 42, 147, 1) !important;
  text-transform: uppercase;
}
#mon-voyage #contenu #formulaire #frm_field_42_container, #mon-contrat #contenu #formulaire #frm_field_42_container, #mon-espace #contenu #formulaire #frm_field_42_container, #mon-voyage #contenu #formulaire #frm_field_19_container, #mon-contrat #contenu #formulaire #frm_field_19_container, #mon-espace #contenu #formulaire #frm_field_19_container {
  display: none;
}
#mon-voyage #contenu #btn-valider, #mon-contrat #contenu #btn-valider, #mon-espace #contenu #btn-valider, #mon-voyage #contenu #btn-modifier, #mon-contrat #contenu #btn-modifier, #mon-espace #contenu #btn-modifier {
  display: block;
}
#mon-voyage #contenu #nos-offres h2, #mon-contrat #contenu #nos-offres h2, #mon-espace #contenu #nos-offres h2 {
  color: #5c2a93;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 24px !important;
  text-align: center;
  text-transform: uppercase;
}
#mon-voyage #contenu #recapitulatif, #mon-contrat #contenu #recapitulatif, #mon-espace #contenu #recapitulatif, #mon-voyage #contenu #demande-devis, #mon-contrat #contenu #demande-devis, #mon-espace #contenu #demande-devis {
  text-align: center;
}
#mon-voyage #contenu #recapitulatif h2, #mon-contrat #contenu #recapitulatif h2, #mon-espace #contenu #recapitulatif h2, #mon-voyage #contenu #demande-devis h2, #mon-contrat #contenu #demande-devis h2, #mon-espace #contenu #demande-devis h2 {
  color: #5c2a93;
  padding-bottom: 20px;
  font-size: 24px !important;
  text-align: center;
  text-transform: uppercase;
}
#mon-voyage #contenu #recapitulatif h3, #mon-contrat #contenu #recapitulatif h3, #mon-espace #contenu #recapitulatif h3, #mon-voyage #contenu #demande-devis h3, #mon-contrat #contenu #demande-devis h3, #mon-espace #contenu #demande-devis h3 {
  padding: 10px;
  font-size: 24px !important;
}
#mon-voyage #contenu #interroger-offres, #mon-contrat #contenu #interroger-offres, #mon-espace #contenu #interroger-offres, #mon-voyage #contenu #btn-valider, #mon-contrat #contenu #btn-valider, #mon-espace #contenu #btn-valider, #mon-voyage #contenu #btn-modifier, #mon-contrat #contenu #btn-modifier, #mon-espace #contenu #btn-modifier {
  background-color: #5c2a93;
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  text-transform: uppercase;
  margin-left: 15px;
  margin-right: 15px;
}
.btn {
  background-color: #fff !important;
  color: rgba(92, 42, 147, 1) !important;
  border: 1px rgba(92, 42, 147, 1) solid !important;
  text-transform: uppercase;
  width: 200px;
  text-align: center;
  margin: auto;
  margin-top: 10px !important;
}
.btn:hover {
  background-color: rgba(92, 42, 147, 1) !important;
  color: #fff !important;
  border: 1px #fff solid !important;
}
#valider-contrat, #modifier-voyage {
  display: none;
}
.frm_half {
  width: 46% !important;
  float: left;
  border: 1px #dedede solid;
  padding: 15px;
}
.souscripteur {
  margin-bottom: 20px !important;
  background-color: #ededed;
}
.voyageur {
  display: none;
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 130px !important;
  margin-bottom: 20px !important;
}
.frm_section_heading h3 {
  border-top: 0px !important;
  text-transform: uppercase;
  padding-top: 0px !important;
}
.page-id-847 .frm_fields_container {
  margin: auto;
  max-width: 700px;
}
.page-id-847 .frm_fields_container .frm_section_heading {
  margin-top: 0px !important;
}
.page-id-847 #frm_field_404_container {
  display: none;
}
.page-id-847 .frm_section_spacing {
  display: none;
}
.page-id-847 .frm_message {
  display: none;
}
/*
 #recapitulatif
 {
 background-color: #ededed;
 border-radius: 5px;
 padding: 10px;
 font-size: 16px;
 margin-bottom: 30px;
 color: #646464;
 }
 .frm_naissance 
 {
 }
 .frm_civilite 
 {
 }
 .frm_nom, .frm_prenom
 {
 }
 input[type=text], input[type=number], textarea {
 -webkit-transition: all 0.30s ease-in-out;
 -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
 -o-transition: all 0.30s ease-in-out;
 outline: none;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid #DDDDDD;
 }
 input[type=text]:focus, input[type=number]:focus, select:focus, textarea:focus, .chosen-container-multi {
 box-shadow: 0 0 5px rgba(92, 42, 147, 1) !important;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid rgba(92, 42, 147, 1) !important;
 }
 .active
 {
 background-color: #5c2a93 !important;
 color: #fff !important;
 a
 {
 color: #fff !important;
 }
 }
 #nos-offres
 {
 display: none;
 }
 #frm_field_8_container
 {
 padding-left: 25px;
 padding-right: 25px;
 }
 #interroger-offres, #btn-valider, #btn-modifier
 {
 background-color: #5c2a93;
 color: #fff;
 border-radius: 10px;
 padding: 10px;
 text-transform: uppercase;
 margin-left: 15px;
 margin-right: 15px;
 }
 #frm_field_14_container
 {
 text-align: center;
 }
 #frm_field_19_container, #frm_field_42_container
 {
 display: none;
 }
 #recapitulatif b
 {
 font-weight: bold;
 color: #000;
 }
 #formulaire
 {
 padding: 20px;
 background-color: #ffffff !important;
 h2
 {
 color: #5c2a93;
 padding-bottom: 20px;
 font-size: 24px !important;
 text-align: center;
 text-transform: uppercase;
 }
 .frm_submit
 {
 display: none;
 }
 .frm_half
 {
 width: 45% !important;
 }
 }
 #formulaire-souscription
 {
 padding: 20px;
 background-color: #ffffff !important;
 h2
 {
 color: #5c2a93;
 padding-bottom: 20px;
 font-size: 24px !important;
 text-align: center;
 text-transform: uppercase;
 }
 .valeurs-choix-contrat
 {
 display: none;
 }
 .frm_submit
 {
 text-align: center;
 }
 }
 */
#et-info {
  float: right;
  font-weight: 400 !important;
}
#et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
  padding-bottom: 15px !important;
}
@media screen and (max-width: 640px) {
  .frm_half {
    width: 100% !important;
  }
  #formulaire-souscription {
    padding: 0px;
  }
}