:root {
--primary-color: #8B4F9F;
--secondary-color: #F8E520;
--tertiary-color: #A97FB7;
--quaternary-color: #F6F2F8;
--quinary-color: #F5F6F7;
}
header .wp-social-link {
background-color: transparent !important;
}
header #drapeaux {
padding-right: 25px;
font-size: 25px;
line-height: 22px;
}
header #drapeaux a {
text-decoration: none;
}
header .wp-social-link svg {
color:white !important;
}
header .wp-block-social-links {
padding-left: 25px;
}
#header_bottom {
z-index: 1000;
position: relative;
}
#header_bottom.sticky {
background-color: white !important;
width: 100%;
position: fixed;
top: 0;
z-index: 1000;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.home #header_bottom a.wp-block-navigation-item__content ,
.home #header_bottom button svg  {
color:white;
}
#header_bottom.sticky a.wp-block-navigation-item__content ,
#header_bottom.sticky button svg,
#header_bottom ul.wp-block-navigation-submenu a.wp-block-navigation-item__content {
color:black;
}
a:where(:not(.wp-element-button)) ,
:where(.wp-site-blocks *:focus) {
outline: none !important;
}
footer {
margin-top: 0 !important;
}
#footer_end {
padding-top:15px !important;
padding-bottom:15px !important;
background-color: var(--primary-color);
}
#footer_end > figure {
text-align: center;
font-size: 12px;
}
#footer_end > figure img {
width: 95px !important;
}
#footer_end > figure figcaption {
color: var(--tertiary-color);
}
#footer_top {
padding-bottom: 80px !important;
}
#footer_top h3 {
padding-bottom:30px;
}
#footer_top hr {
border-width: 0 0 2px 0;
color: var(--tertiary-color);
margin-left: 0;
width: 90px;
}
#footer_top ul {
padding: 0;
}
#footer_top ul li {
margin-bottom: 5px;
list-style: none;
}
#footer_top ul li a:not(.wp-block-social-link-anchor) {
color: black;
font-size: 14px;
text-decoration: none;
font-weight: 400;
}
#footer_top ul li a:not(.wp-block-social-link-anchor):hover {
text-decoration: underline;
color: var(--tertiary-color)
}
#footer_top li.wp-social-link {
background: none !important;
border: 2px solid var(--primary-color);
}
#footer_top .mailto {
font-size: 16px;
font-weight: 300;
text-decoration: none;
color:black;
}
#footer_top .mailto:hover {
text-decoration: underline;
color: var(--secondary-color)
}
#footer_top svg {
color: black;
}
.has-global-padding {
padding-right: 0 !important;
padding-left: 0 !important;
}
table.horaires {
width:100%;
border-collapse: collapse;
}
table.horaires th {
text-align: left;
background-color: var(--quaternary-color)
}
table.horaires th, table.horaires td {
padding: 6px;
}
table.horaires tr:nth-child(odd) td {
background-color: var(--quinary-color);
}
table.horaires span.alt {
color: var(--primary-color);
}
#des_questions {
background-color: var(--secondary-color);
padding: 20px !important;
border-radius: 20px;
border: 1px solid black;
}
#des_questions h4 {
color: #8B4F9F;
font-family: "Poppins", Sans-serif;
font-size: 20px;
font-weight: 700;
}
#des_questions p {
color: #333;
font-family: "Poppins", Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19px;
}
#des_questions p:last-child {
font-weight: 600;
font-size: 16px;
}
#column_desc_excursion {
border: 1px solid black;
font-family: "Roboto", Sans-serif;
border-radius: 20px;
padding: 20px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
#column_desc_excursion details {
margin-bottom: 25px;
}
#column_desc_excursion details summary {
font-size: 18px;
text-decoration: underline;
}
#column_desc_excursion details p {
font-size: 14px;
color: #333;
}
#related_excursions {
background-color: var(--quaternary-color);
padding: 20px !important;
border-radius: 20px;
border: 1px solid black;
}
#related_excursions h4 {
font-family: "Poppins", Sans-serif;
font-size: 20px;
font-weight: 700;
}
#owl-fiche-excursion .owl-item img {
border-radius: 40px;
}
.archive_excursion {
border: 1px solid var(--quaternary-color);
border-radius: 24px;
transition: all 0.3s ease-in-out;
}
.archive_excursion:hover {
background: var(--quaternary-color);
}
.archive_excursion figure {
margin-bottom: 0 !important;
}
.archive_excursion > div:first-child {
overflow: hidden;
}
.archive_excursion img {
transition: all 0.3s ease-in-out;
}
.archive_excursion img.zoom {
-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); 
}
.archive_excursion > div:last-child {
text-align: center;
}
.archive_excursion > div:last-child {
font-size:20px;
font-weight: 600;
color: var(--primary-color);
}
.archive_excursion > div:last-child span {
display:block;
font-size: 16px;
font-weight: 300;
color: #aaa;
}
.archive_title {
margin-top: 10px !important;
margin-bottom: 50px !important;
}
.archive_title:not(.no_quote)::before {
content: '"';
}
.archive_title:not(.no_quote)::after {
content: '"';
}
.btn {
background-color: var(--primary-color);
color: white;
padding: 10px 20px;
border-radius: 10px;
font-size: 16px;
font-weight: 300;
transition: all 0.3s ease-in-out;
font-family: Poppins, Sans-serif;
}
.btn:hover {
background-color: black;
color: var(--secondary-color);
}
.related_excursion {
margin-bottom: 20px;
border-bottom: 1px dashed #666;
padding-bottom: 15px;
}
.related_excursion:last-child {
border-bottom: none;
padding-bottom: 0;
}
.related_excursion img {
width: 120px;
max-width: 100%;
height: auto;
border-radius: 10px;
}
.related_excursion a {
float:right;
width: 60%;
font-weight: 500;
text-decoration: none;
line-height: 18px;
}
.related_excursion a span {
font-size: 20px;
font-weight: 600;
color: var(--primary-color);
}
.related_excursion a small {
color: #666;
}
.related_excursion a:first-child {
float:left;
width: 40%;
}
.wp-block-post-terms__separator {
display:none;
}
.taxonomy-post_tag a {
background-color: var(--quaternary-color);
padding: 5px 10px;
border-radius: 10px;
margin-right: 10px;
font-size: 12px;
font-weight: 300;
color: var(--primary-color);
text-decoration: none;
display:inline-block;
margin-bottom: 4px;
}
.wp-block-query-pagination-next ,
.wp-block-query-pagination-previous ,
.wp-block-query-pagination-numbers a {
background-color: var(--secondary-color);
color: black;
padding: 10px 20px;
border-radius: 10px;
font-size: 16px;
font-weight: 300;
transition: all 0.3s ease-in-out;
font-family: Poppins, Sans-serif;
text-decoration: none;
display: inline-block;
}
.wp-block-query-pagination-next:hover ,
.wp-block-query-pagination-previous:hover ,
.wp-block-query-pagination-numbers a:hover {
background-color: black;
color: var(--secondary-color);
}
.wp-block-query-pagination-numbers span.current {
background-color: var(--quaternary-color);
color: var(--primary-color);
padding: 10px 20px;
border-radius: 10px;
font-size: 16px;
font-weight: 300;
font-family: Poppins, Sans-serif;
display: inline-block;
}
#home-slider-container .owl-carousel.owl-theme.owl-loaded.owl-drag,
#home-slider-container .owl-stage-outer,
#home-slider-container .owl-stage,
#home-slider-container .owl-item,
#home-slider-container .item,
#home-slider-container .owl-item,
#home-slider-container .img-responsive{
height: 100vh;
object-fit: cover;
}
#home-slider-container {
padding: 0; }
#home-slider-container .owl-item .slide {
background-size: cover;
background-position: center;
width:100%;
height: 100vh; position:relative;
}
#carousel-homepage .mask {
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#carousel-homepage .caption {
width: 100%;
text-align: center;
position:absolute;
top: 25%;
z-index: 2;
}
#carousel-homepage .caption h2 {
font-family: "Poppins", Sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 50px;
color: white;
}
#carousel-homepage .details {
font-family: "Roboto", Sans-serif;
font-size: 18px;
font-weight: 300;
color:white;
}
#carousel-homepage .details span{
margin: 0 5px;
}
#carousel-homepage .details span i{
color: var(--secondary-color);
font-size: 20px;
}
#carousel-homepage .btn {
font-size: 18px;
font-weight: 500;
padding-right: 40px;
padding-left: 40px;
border-radius: 50px;
}
#excursions-en-avant ,
#articles-en-avant{
display: flex; 
flex-direction: row;
overflow: hidden;
}
#excursions-en-avant .item-en-avant ,
#articles-en-avant .item-en-avant {
float: left;
border: 1px solid #DBDBDB;
border-radius: 15px;
max-width: calc(25% - 10px);
margin-right: 10px;
overflow: hidden;
color: #3E3E3E;
flex-shrink: 0;
}
#excursions-en-avant .item-en-avant .item-content ,
#articles-en-avant .item-en-avant .item-content {
padding:15px;
padding-top: 0px;
}
#excursions-en-avant .item-en-avant h3 {
font-size: 16px;
font-weight: 400;
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-top: 5px;
margin-bottom: 0;
}
#excursions-en-avant .item-en-avant small {
font-size: 14px;
font-weight: 300;
}
#excursions-en-avant .item-en-avant span {
font-size: 17px;
font-weight: 300;
}
#excursions-en-avant .item-en-avant strong {
font-weight: 500;
}
#excursions-en-avant .item-en-avant .btn-read-more {
float:right;
background-color: var(--secondary-color);
color: var(--primary-color);
border-radius: 20px;
font-weight: 600;
font-size: 14px;
margin-top: -10px;
}
#excursions-en-avant .item-en-avant .btn-read-more:hover {
background-color: var(--primary-color);
color: var(--secondary-color);
}
#btnListNext{
position: absolute;
right: 10px;
top: -80px;
}
#btnListPrev {
position: absolute;
right: 75px;
top: -80px;
}
#btnListNext.disabled ,
#btnListPrev.disabled ,
#btnBlogNext.disabled ,
#btnBlogPrev.disabled {
background: var(--tertiary-color);
cursor: not-allowed;
}
#articles-en-avant .item-en-avant h3 {
font-size: 18px;
font-weight: 500;
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-top: 0;
margin-bottom: 0;
font-family: 'Montserrat', sans-serif;
}
#articles-en-avant .item-en-avant .btn-read-more {
color: var(--primary-color);
font-size: 13px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
#articles-en-avant .item-en-avant .btn-read-more:hover {
text-decoration: underline;
}
#articles-en-avant .item-en-avant p {
font-size: 14px;
font-weight: 300;
font-family: 'Lato', sans-serif;
color: #767681;
}
#btnBlogNext {
position: absolute;
right: 10px;
top: -100px;
}
#btnBlogPrev {
position: absolute;
right: 75px;
top: -100px;
}
.owl-dots {
text-align: center;
margin-top: -35px;
}
.owl-dots button.owl-dot{
background: rgba(255,255,255,0.45) !important;
border-radius: 50% !important;
height: 6px !important;
width: 6px !important;
position: relative !important;
margin-right: 5px;
}
.owl-dots button.owl-dot.active  {
background-color: white !important;
border-radius: 50% !important;
height: 8px !important;
width: 8px !important;
}
.noptin-optin-form-wrapper .noptin-form-header { 
display:none; 
}
.noptin-optin-form-wrapper .noptin-optin-form { 
display:block;
}
.noptin-optin-form-wrapper .noptin-form-footer { 
padding:0 !important; 
}
.noptin-optin-form-wrapper .noptin-text {
border-radius: 50px !important;
border:1px solid #EFEFEF !important;
background: #F5F5F5 !important;
font-family: "Roboto", Sans-serif;
font-weight: 400;
font-size: 14px;
}
.noptin-optin-form-wrapper .noptin-form-submit { 
font-family: "Roboto", Sans-serif;
border: none !important;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
border-radius: 50px;
padding: 14px 40px;
cursor: pointer;
}
.noptin-optin-form-wrapper .noptin-field-email br {
display:none !important;
}
#form-calendar-excursions input[type="date"] ,
.contact-form input[type="text"] ,
.contact-form input[type="email"] ,
.contact-form textarea {
width: 100%;
max-width: 100%;
min-height: calc(1.6em + .9rem + 2px);
padding: .45rem 1.2rem;
font-size: 1rem;
font-weight: 300;
line-height: 1.6;
color: #495057;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin: 0;
box-shadow: none;
border-radius: 50px !important;
border: 1px solid #EFEFEF !important;
background: white !important;
font-family: "Roboto", Sans-serif;
}
.contact-form textarea {
border-radius: 30px !important;
padding-top:15px;
padding-bottom: 15px;
}
#form-calendar-excursions input[type="submit"] ,
.contact-form input[type="submit"] {
font-family: "Roboto", Sans-serif;
border: none !important;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
border-radius: 50px;
padding: 14px 40px;
cursor: pointer;
background-color: var(--primary-color);
color: #000000;
line-height: 1.6;
text-align: center;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
box-shadow: none;
}
#form-calendar-excursions input[type="submit"]:hover ,
.contact-form input[type="submit"]:hover {
background:black;
color: var(--secondary-color);
}
#form-calendar-excursions {
padding: 20px;
border-radius: 20px;
background-color: var(--quaternary-color);
max-width: 450px;
margin:auto;
text-align: center;
margin-bottom: 50px;
}
#form-calendar-excursions h5 {
margin-top:0;
}
#form-calendar-excursions input[type="date"] {
max-width: 175px;
padding: 0px 20px;
}
#form-calendar-excursions input[type="submit"] {
padding: 8px 20px;
margin-top: 5px;
}
.wp-block-navigation__responsive-container { }
.is-menu-open .wp-block-navigation__container.is-responsive {
width: 100% !important;
}
.is-menu-open .wp-block-navigation__container.is-responsive a {
color:black !important;
font-size:16px !important;
width: 100% !important;
text-align:right;
display:block !important;
}
#header_bottom button svg {
color:black !important; 
}
.is-menu-open .wp-block-navigation__container.is-responsive > li {
padding-bottom:20px;
border-bottom: 1px solid #999;
width: 100% !important; 
}
.is-menu-open .wp-block-navigation__container.is-responsive > li > a {
font-weight:bold !important;
}
.is-menu-open .wp-block-navigation__container.is-responsive ul {
padding-right:0px !important;
padding-top:0px !important;
}
@media (max-width: 950px) and (min-width: 651px) {
#excursions-en-avant .item-en-avant ,
#articles-en-avant .item-en-avant {
max-width: calc(33% - 10px);
}
}
@media (max-width: 650px) and (min-width: 1px) {
#excursions-en-avant .item-en-avant ,
#articles-en-avant .item-en-avant {
max-width: calc(50% - 10px);
}
#btnListNext, #btnListPrev, #btnBlogNext, #btnBlogPrev {
padding: 5px 10px;
top: -40px;
}
#btnListPrev, #btnBlogPrev {
right: 50px;
}
#btnListNext > i, #btnListPrev > i, #btnBlogNext > i, #btnBlogPrev > i {
font-size:18px !important; 
}
}
@media (max-width: 780px) and (min-width: 1px) {
#footer_top {
text-align:center;
}
#footer_top hr ,
#footer_top .widSSP {
margin:auto !important;
}
#footer_top .wp-block-social-links {
justify-content: center;
}
.wp-block-post.excursion {
margin: 0 20px;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
border-radius: 24px;
}
.wp-block-post.excursion .wp-block-post-title ,
.wp-block-post.excursion .wp-block-post-excerpt {
padding: 0 10px;
}
.wp-block-post.excursion .wp-block-read-more {
margin-left: 10px;
}
.noptin-optin-form-wrapper {
min-height: 50px !important;
}
.noptin-field-email {
padding: 0 20px;
}
.noptin-form-fields p {
text-align: center;
}
.noptin-form-fields p input {
float:none !important;
} 
} 
@media (max-width: 1280px) and (min-width: 781px) {
#footer_top {
padding-left: 20px !important;
padding-right: 20px !important;
}
} 
@media (max-width: 781px) {
header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0 !important;
flex-grow: 1 !important;
}
}