.et-l--header {
position: fixed;
width: 100%;
z-index: 9999;
transition: all 0.3s ease;
} .et-l--header .main-header.scrolled {
background-color: #0B7A75 !important;
} .et-l--header .main-header {
top: 0;
width: 100%;
background-color: transparent !important;
transition: all 0.3s ease;
} .primary-menu {
margin: 0 auto;
width: 100%;
} .primary-menu.et_pb_menu_inner_container.et_pb_menu__menu {
width: 100%;
} .primary-menu .et_pb_menu_inner_container, 
.primary-menu .et_pb_menu__wrap, 
.primary-menu .et_pb_menu__menu, 
.primary-menu .et-menu-nav {
display: block !important;
} #menu-menu-principal, #menu-menu-principal-anglais {
justify-content: space-between;
} #menu-menu-principal>.menu-item:not(:last-child), #menu-menu-principal-anglais>.menu-item:not(:last-child) {
border-right: 2px solid #fbefef;
} #menu-menu-principal>.menu-item, #menu-menu-principal-anglais>.menu-item {
margin-top: 0;
padding-top: 8px;
padding-right: 20px;
} .secondary-menu .et_pb_menu__wrap {
justify-content: flex-end !important;
} .menu-column-header {
display: flex;
align-items: center;
}
.en-faq {
padding-right: 100px !important;
} @media screen and (max-width: 980px) {
.primary-menu .et_pb_menu__menu, .secondary-menu .et_mobile_nav_menu {
display: none !important;
}
.et_mobile_nav_menu {
justify-content: flex-end;
margin: auto 6px !important;
}
.main-header>.et_pb_row_1_tb_header>.et_pb_column_1_tb_header, .main-header>.et_pb_row_1_tb_header>.et_pb_column_2_tb_header {
width: 50% !important;
margin-bottom: 0 !important;
}
#mobile_menu2 {
position: fixed !important;
overflow-y: scroll;
max-height: 73vh;
}
} .wpml-ls-item {
z-index: 4;
} #menu-menu-principal .sub-menu, #menu-menu-principal-anglais .sub-menu, .wpml-ls-item .sub-menu {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 10px;
border: none;
box-shadow: none !important;
width: 270px !important; 
background-color: rgba(255,255,255,0.85)!important;
}
#menu-menu-principal .sub-menu li, #menu-menu-principal-anglais .sub-menu li {
width: 100% !important;
} #menu-menu-principal .sub-menu a, #menu-menu-principal-anglais .sub-menu a {
font-size: 18px;
width: 100% !important;
} #menu-menu-principal .sub-menu a:hover, #menu-menu-principal-anglais .sub-menu a:hover {
background-color: transparent;
} .small-logo {
height: 40px !important;
} .small-header {
padding: 20px 0 !important;
} .main-header .watse-logo img {
transition: all 0.3s ease;
} .secondary-menu.et_pb_menu .et_pb_menu__menu,.secondary-menu.et_pb_fullwidth_menu .et_pb_menu__menu { 
display: flex!important;
} 
.secondary-menu .et_mobile_nav_menu { 
display: none;
}  .guide-desc-column {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
} .sejour-card-section {
border-radius: 15px;
padding: 0 !important;
overflow: hidden;
}
.sejour-card-section .post-meta-line {
width: 100% !important;
}
.sejour-card-section .post-meta-line>div {
display: flex;
flex-direction: row;
justify-content: end;
gap: 5px;
}
.main-activity, .main-destination {
width: fit-content;
}
.main-activity .dmach-postmeta-value>span, .main-destination .dmach-acf-item-content>p {
background-color: #fbefef;
color: #0B7A75;
border-radius: 50px;
padding: 7px 10px;
font-weight: 600;
line-height: 14px;
display: block;
width: fit-content;
right: 0; }
.travel-infos-line, .discover-travel-button, .travel-title-price-line {
width: 100%;
}
.travel-infos-line {
border-radius: 20px 20px 0 0;
display: flex;
}
.discover-travel-button, .travel-infos-line, .travel-title-price-line, .travel-dates-line {
transition: all 0.3s ease;
}
.travel-infos-line .travel-info-center .dmach-acf-item-content, .travel-infos-line .travel-info-right .dmach-acf-item-content, .travel-infos-line .travel-info-left .dmach-acf-item-content {
width: fit-content;
}
.travel-infos-line .travel-info-center .dmach-acf-item-container {
justify-content: center;
}
.travel-infos-line .travel-info-right .dmach-acf-item-container {
justify-content: flex-end;
border-left: #0B7A75 2px solid;
}
.travel-infos-line .travel-info-left .dmach-acf-item-container {
justify-content: flex-start;
border-right: #0B7A75 2px solid;
}
.travel-infos-line .grid-posts div {
margin-bottom: 0;
}
.discover-travel-button {
padding: 10px 0 !important;
color: white;
font-size: 18px;
}
.filters-column .divi_filter_module {
background-color: white;
padding: 20px 25px;
border-radius: 20px;
}
.filters-column div[data-filter-option="activite"], 
.filters-column div[data-filter-option="difficulte"], 
.filters-column div[data-filter-option="auto_mois_de_depart"] {
display: block;
}
.filters-column {
position: sticky !important;
top: 140px;
}
@media only screen and (max-width: 767px) {
.filters-column {
position: relative !important;
top: 0;
}
} .sejours-inline-infos {
display: flex;
flex-direction: row;
justify-content: start;
gap: 20px;
} .sejours-inline-infos .acf-item-info:not(:last-child) {
border-right: 2px solid #0B7A75;
padding-right: 20px;
} @media only screen and ( max-width: 479px ) {
.sejours-inline-infos .acf-item-info {
border-right: 0px solid red;
padding-right: 0px;
}
}
.sejours-inline-infos .acf-item-info {
margin-top: 0 !important;
}
.destination-title h2 {
font-size: 24px !important;
text-transform: uppercase;
}
.destination-image, .destination-image>span, .destination-image>span>img {
margin-top: 0px !important;
margin-bottom: 0px !important;
height: 100% !important;
width: 100% !important;
}
.destination-image>span>img {
object-fit: cover;
}
.divi-engine-grid-list-view-switcher {
display: none;
}
.next-dates-price>.et_pb_code_inner {
display: grid;
grid-template-columns: 60% 15% 25%;
grid-template-rows: auto;
}
.next-dates-price .next-dates {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
}
.destination-card {
width: 100% !important;
max-width: 100% !important;
}
.next-dates-price .next-dates .next-date-container.not-empty {
display: flex;
flex-direction: column;
justify-content: center;
border: 2px solid #0B7A75;
border-radius: 15px;
color: #0B7A75;
padding: 10px;
}
.next-dates-price .next-dates .next-date-container.not-empty .next-date {
font-size: 18px;
font-weight: bold;
padding-bottom: 0px;
text-align: center;
}
.next-dates-price .next-dates .next-date-container.not-empty .next-date-places {
font-size: 12px;
text-align: center;
}
.next-dates-price .other-dates-count-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #0B7A75;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.next-dates-price .trip-price-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
text-align: end;
font-weight: bold;
border-left: 2px solid #0B7A75;
}
.next-dates-price .trip-price-container .trip-price span {
font-size: 24px;
color: #0B7A75;
}
.main-destination-card {
color: #0B7A75 !important;
font-size: 18px !important;
font-weight: bold !important;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.next-date-container.date-2, .trip-price-container-2 {
display: none !important;
}
.next-dates {
grid-template-columns: 1fr 1fr !important;
}
.next-dates-price>.et_pb_code_inner {
grid-template-columns: 66% 34% !important;
column-gap: 20px !important;
}
.next-dates-price {
margin-bottom: 30px !important;
}
}
.mobile_price {
font-size: 20px;
text-transform: uppercase !important;
color: #0B7A75!important;
font-weight: 700 !important;
font-family: 'Red Hat Display',Helvetica,Arial,Lucida,sans-serif;
} .et_pb_contact_field_radio{
border: 2px solid transparent;
}
#et_pb_contact_form_0 [data-id="qui"] span:has(> input:checked), 
#et_pb_contact_form_0 [data-id="ou"] span:has(> input:checked), 
#et_pb_contact_form_0 [data-id="quoi"] span:has(> input:checked)  {
border: 2px solid orange !important;
filter: brightness(80%);
}
#et_pb_contact_form_0 [data-id="europe"] input:checked + label {
color: white !important;
background: #0b7a75 !important;
}
#et_pb_contact_form_0 [data-id="europe"] span:has(> input:checked), 
#et_pb_contact_form_0 [data-id="monde"] span:has(> input:checked) {
border-radius: 50px !important;
}
#et_pb_contact_form_0 [data-id="monde"] input:checked + label, 
#et_pb_contact_form_0 [data-id="europe"] input:checked + label,
#et_pb_contact_form_0 [data-id="quand"] input:checked + label {
color: white !important;
background: #0b7a75 !important;
transition: all 0.3s ease;
}
#et_pb_contact_form_0 [data-id="qui"] input:checked + label, 
#et_pb_contact_form_0 [data-id="quoi"] input:checked + label, 
#et_pb_contact_form_0 [data-id="ou"] input:checked + label {
color: orange !important;
min-width: 150px;
}
#et_pb_contact_form_0 [data-id="qui"] label, 
#et_pb_contact_form_0 [data-id="quoi"] label, 
#et_pb_contact_form_0 [data-id="ou"] label {
min-width: 150px;
text-align: center;
}
#et_pb_contact_form_0 [data-id="quand"] .et_pb_contact_field_options_list span {
float: left;
}
#et_pb_contact_form_0 [data-id="monde"] .et_pb_contact_field_options_list,
#et_pb_contact_form_0 [data-id="europe"] .et_pb_contact_field_options_list,
#et_pb_contact_form_0 [data-id="quand"] .et_pb_contact_field_options_list {
display: flex;
flex-wrap: wrap;
position: relative;
gap: 10px !important;
}
#et_pb_contact_form_0 i {
display: none;
} .destination-first-section {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.basic-travel-infos-column {
display: flex;
flex-direction: row;
justify-content: flex-start;
} .travel-next-dates-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.travel-next-date-container, .detail-next-date-container {
display: flex;
flex-direction: row;
justify-content: space-between;
border: 2px solid #0B7A75;
border-radius: 15px;
color: #0B7A75;
padding: 15px;
transition: all 0.3s ease;
}
.detail-next-date-container {
justify-content: flex-start !important;
padding: 10px;
}
.travel-next-date-container.no-vacancies:hover {
background-color: transparent !important;
color: #999 !important;
transition: all 0.3s ease;
cursor: not-allowed;
border-color: #999 !important;
}
.travel-next-date-container:hover {
background-color: #0B7A75;
color: #fbefef !important;
transition: all 0.3s ease;
}
.travel-next-date-col, .detail-next-date-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.travel-next-date-col {
width: 50%;
}
.travel-next-date>span {
font-weight: bold;
}
.travel-next-date-places {
font-size: 12px;
line-height: normal;
}
.travel-next-date-price {
font-weight: bold;
font-size: 16px;
margin-top: 10px;
}
.travel-next-date-col-2 {
text-align: end;
}
.travel-next-date-status {
font-size: 11px;
line-height: normal;
padding: 5px;
transition: all 0.3s ease;
width: fit-content;
align-self: flex-end;
}
.travel-next-date-status.status-confirmed {
color: #fbefef;
background-color: #0B7A75;
border-radius: 5px;
}
.travel-next-date-status.status-unknown {
color: #0B7A75;
background-color: transparent;
border-radius: 5px;
border: 1px solid #0B7A75;
}
.travel-next-date-container:hover .travel-next-date-status.status-confirmed {
background-color: #fbefef;
color: #0B7A75;
transition: all 0.3s ease;
}
.travel-next-date-container:hover .travel-next-date-status.status-unknown {
background-color: #0B7A75;
color: #fbefef;
border-color: #fbefef;
transition: all 0.3s ease;
}
.trip-price-container-2 .trip-price {
text-align: end;
}
.trip-infos-column .trip-price, .trip-price-container-2 .trip-price {
font-size: 16px;
color: #0B7A75;
}
.trip-infos-column .trip-price span, .trip-price-container-2 .trip-price span {
font-weight: bold;
}
.trip-infos-column .inline-btn-container, .trip-price-container-2 .inline-btn-container {
display: flex;
flex-direction: row;
justify-content: end;
gap: 15px;
}
.trip-title-column .trip-infos-inline-container {
display: flex;
flex-direction: row;
justify-content: start;
}
.book-trip-btn {
border: 2px solid #0B7A75 !important;
}
.book-trip-btn:hover, .pdf-sheet-btn:hover {
background-color: white !important;
border: 2px solid #0B7A75 !important;
} @media screen and (max-width: 1300px) {
.travel-next-dates-container {
grid-template-columns: repeat(2, 1fr);
}
.travel-next-date-container {
align-items: center;
gap: 10px;
padding: 12px 14px;
}
.travel-next-date-col {
width: auto;
justify-content: flex-start;
gap: 4px;
}
.travel-next-date-col-1 {
flex: 1;
min-width: 0;
}
.travel-next-date-col-2 {
flex: 0 0 auto;
}
.travel-next-date br {
display: none;
}
.travel-next-date-price {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.travel-next-dates-container {
grid-template-columns: 1fr;
}
.travel-next-date-container {
padding: 12px;
gap: 8px;
}
.travel-next-date-col {
flex: 1;
min-width: 0;
}
.travel-next-date {
font-size: 14px;
line-height: 1.35;
} .travel-next-date br {
display: inline;
}
.travel-next-date-price {
font-size: 15px;
margin-top: 8px;
}
.travel-next-date-status {
font-size: 10px;
padding: 4px;
}
}
.detail-next-date {
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 0;
}
.detail-remaining-places {
font-size: 12px;
font-weight: normal;
text-align: center;
}
.et_pb_row .et_pb_gutters1 .et_pb_row_1-4_3-4 {
margin: 0;
}
.et_pb_row_1-4_3-4 {
margin: 0;
} @media only screen and ( max-width: 479px ) {
.trip-title-column .trip-infos-inline-container {
display: flex;
flex-direction: column;
justify-content: start;
}
#trip-info-duration-padding {
padding-left: 25px;
}
}
.et_pb_contact_field .et_pb_contact_field_radio {
flex-basis: auto !important;
} .grecaptcha-badge { 
opacity: 0; 
} .bc-link-whole-grid-card{
border: 2px solid transparent;
border-radius: 22px;
transition: 0.3s ease-in-out;
}
.bc-link-whole-grid-card:hover {
border: 2px solid white;
border-radius: 22px;
cursor: pointer !important;
}
.et_pb_contact_field_options_list  {
flex-wrap: wrap;
}  #floating-button {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
background-color: white;
color: white;
padding: 10px;
border-radius: 50px;
text-align: center;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
#floating-button svg {
width: 32px;
height: 32px;
}
@media (min-width: 768px) {
#floating-button {
display: none;
}
} .et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
font-family: 'ETmodules';
text-align: center;
speak: none;
font-weight: 600;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
font-size: 18px;
content: '\4c';
top: 11px;
right: 13px;
transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
content: '\4d';
transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
display: none !important;
visibility: hidden !important;
transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
display: block !important;
visibility: visible !important;
transition: all 1.5s ease-in-out;
} a {
text-decoration: none !important;
}
.blog-body a:not(.article-end-btn) {
text-decoration: underline !important;
} .article-end-btn {
background-color: #0B7A75;
color: white;
padding: 10px 20px;
border-radius: 10px;
text-align: center;
transition: background-color 0.3s, transform 0.3s;
cursor: pointer;
border: 1px solid #0B7A75;
font-weight: bold;
}
.article-end-btn:hover {
background-color: #fbefef;
color: #0B7A75;
}
.article-end-btn-ctn {
width: 100%; 
display: flex; 
flex-direction: row; 
justify-content: center;
} .custom-button {
width: auto !important;
height: auto !important;
} .page-id-4302 .grid-posts.loop-grid .et_pb_row {
width: 100% !important; 
max-width: 1080px;
margin: auto;
position: relative;
}
.page-id-4302 .et_pb_tabs_0 .grid-item-cont {
box-shadow: 3px 4px 8px 1px grey;
border-radius: 20px !important;
min-height: 360px !important;
transition: 0.2s ease-in-out;
}
button.hustle-button.hustle-button-submit,
input.hustle-button.hustle-button-submit {
background-color: #097a74 !important;
border-color: #097a74 !important;
color: #ffffff !important; }
button.hustle-button.hustle-button-submit:hover,
input.hustle-button.hustle-button-submit:hover,
button.hustle-button.hustle-button-submit:focus,
input.hustle-button.hustle-button-submit:focus,
button.hustle-button.hustle-button-submit:active,
input.hustle-button.hustle-button-submit:active {
background-color: #065c58 !important;
border-color: #065c58 !important;
}
.hustle-ui.module_id_2 .hustle-field .hustle-input  {
border: 2px solid #097a74 !important;
border-radius: 5px; padding: 8px; }
.hustle-ui.module_id_2 .hustle-field .hustle-input:hover,
.hustle-ui.module_id_2 .hustle-field .hustle-input:hover {
border-color: #065c58 !important; box-shadow: 0 0 5px rgba(9, 122, 116, 0.5); }
.home-next-departures span {
display: none !important;
}