/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'7176-font';
	src:url('fonts/7176-fontps.otf');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    SINGLE PAGE
\*------------------------------------*/



/*------------------------------------*\
    FRONT PAGE
\*------------------------------------*/





/*------------------------------------*\
    SINGLE TOUR
\*------------------------------------*/
.single-tour{
    font-family: 'Roboto', sans-serif;
}

.single-tour h2, .single-tour h3{
    font-family: 'Podkova', serif;
}

.single-tour p{
    font-family: 'Roboto', sans-serif;
}

.single-tour main {
    padding-top: 0;
    position: relative;
}
.single-tour .hero-section{
    width: 100%;
	height: 100vh;
}
.single-tour .header .button-favoris {
        background: #ffffff4d;
        border-radius: 50%;
        padding: 7px;
        border: transparent;
        margin-left: 7px;
        display: flex;
    }
.single-tour .header .button-favoris {
        background: #ffffff4d;
        border-radius: 50%;
        padding: 7px;
        border: transparent;
        margin-left: 7px;
        display: flex;
    }

.single-tour .header-shift .button-favoris {
        background: #ffffff4d;
        border-radius: 50%;
        padding: 7px;
        border: 1px solid;
        margin-left: 7px;
        display: flex;
    }

.single-tour .header .button-tours {
        padding: 10px 10px;
        min-width: 143px;
        border: transparent;
        font-size: 11px;
        background: #ffffff4d;
        color: #FFF;
        border-radius: 24px;
    }

.single-tour .header .button-tours:hover {
        transition: 0.3s;
        opacity: 0.7;
        background: #ffffff4d;
    }

.single-tour .header-shift .button-tours {
        border: 1px solid;
        background: #ffffff4d;
        color: #000000;
    }

.single-tour .hero-section .content-hero{
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 95%;
	height: 100%;
	margin-left: 5%;
	max-width: 1400px;
    left: 0;
    right: 0;
    margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
    text-align: center;
}

.single-tour .hero-section .image-titre {
    width: 70%;
    object-fit: contain;
    height: fit-content;
    margin: 0 auto;
    max-width: 701px;
}

.single-tour .hero-section .opacity {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: #000;
    opacity: var(--opacity_home);
}

.single-tour .hero-section .pays span {
    font-size: 24px;
    color: #FFF;
}

.single-tour .hero-section .divider {
    width: 40px;
    height: 1px;
    margin: 0 auto;
    background: #FFF;
    margin-top: 7px;
}

.single-tour  .block-info {
    position: absolute;
    right: 0;
    height: 100%;
}

.single-tour .hero-section p {
    font-size: 17px;
    color: #FFF;
    margin: 0;
}

.single-tour .hero-section img {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    vertical-align: bottom;
    object-fit: cover;
}

.single-tour .hero-section .content-hero h1 {
    color: #FFF;
    font-size: 57px;
    padding: 0 10px;
    margin: 17px auto;
    text-align: center;
    width: fit-content;
}

.single-tour .info {
    width: 47px;
    height: 47px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary_color);
    position: sticky;
    top: 100px;
    right: 0;
    z-index: 99;
    transition: opacity 0.2s ease;
    cursor: pointer;
}
.single-tour .info:hover{
    opacity: 0.9;
}

.single-tour .carte{
    height: 200px;
}

.single-tour .swiper-button-next:after, .single-tour .swiper-button-prev:after {
    font-size: 0;
}

.single-tour .swiper-button-next, .single-tour .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #FFF;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.header {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 99;
    padding: 0 3%;
    transition: 0.3s;
    height: 100px;
    align-items: center;
}

.header-shift{
    background: #FFF;
    box-shadow: 0px 1px 7px #779;
    transition: 0.3s;
}

.header nav{
	display: flex;
}

.header .logo svg{
        width: 147px;
        fill: #FFF;
}
.header nav img{
    height: 71px;;
}

.header-shift .logo svg{
    fill: #000;
}

.archive .header .logo svg,
.page-template-template-reservation .header .logo svg {
    fill: #000;
}

.header .button-tours {
    padding: 10px 10px;
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: fit-content;
    color: #000;
    border-radius: 24px;
    min-width: 143px;
    background: #ffffff4d;
    font-weight: 400;
    transition: 0.3s;
     font-size: 11px;
}

.header .button-tours:hover {
    opacity: 0.7;
    background: #ffffff4d;
    transition: 0.3s;
}

.header nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .button-favoris {
    background: #ffffff4d;
    border-radius: 50%;
    padding: 7px;
    border: 1px solid;
    margin-left: 7px;
    display: flex;
}

@media only screen and (max-width:997px){
    .header .logo svg {
        width: 100px;
    }
    .header nav img {
        height: 50px;
        margin-left: 7px;
        width: 48px;
    }
    .header .button-tours {
        padding: 10px 10px;
        min-width: inherit;
    }
}

/*------------------------------------*\
    BLOCK
\*------------------------------------*/

.articles_gutenberg_block {
    width: 100%;
    height: 499px;
    margin: 50px 0;
    transform: translateX(-10vw);
    transition: 1s all ease;
	opacity: 0;
}


.articles_gutenberg_block.scrolled {
    width: 100%;
    height: 499px;
    margin: 50px 0;
    transform: translateX(0vw);
    transition: 1s all ease;
	opacity: 1;
}

.articles_gutenberg_block {
    width: 100%;
    height: 499px;
    margin: 50px 0;
    transform: translateX(-10vw);
	opacity: 0;
}

.articles_gutenberg_block .button-article {
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: underline;
}

.theme2 .articles_gutenberg_block .button-article2 {
    font-size: 14px;
    text-decoration: inherit;
}

.theme2 .articles_gutenberg_block .swiper .swiper-slide .opacity {
    height: 0;
}

.articles_gutenberg_block .swiper .swiper-slide .opacity {
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    border-radius: 20px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 100%);
}
.articles_gutenberg_block .swiper{
    height: 420px;
}

.theme3 .articles_gutenberg_block .theme1{
    width: 100%;
    display: flex;
}

.articles_gutenberg_block .title {
    font-size: 41px;
    text-align: center;
}

.theme3 .articles_gutenberg_block .theme1 .title {
    font-size: 30px;
    text-align: center;
    width: 40%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.articles_gutenberg_block .title h2{
    font-size: 24px;
}

.theme3 .articles_gutenberg_block .theme1 .articles {
    width: 79%;
}
.theme3 .articles_gutenberg_block .theme1 a {
    text-decoration: inherit;
    color: #FFF;
}

.theme3 .articles_gutenberg_block .theme1 .navigation-theme2 {
    position: relative;
    width: 123px;
    margin-top: 10px;
}

.articles_gutenberg_block .theme2 .navigation-theme2 {
    position: absolute;
    width: 123px;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
}
.theme3 .articles_gutenberg_block .theme1 .article {
    position: relative;
    height: 100%;
    transition: 0.3s;
}

.articles_gutenberg_block .theme1 .article:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.theme1 .articles_gutenberg_block .theme2 .swiper  .article {
    width: 50%;
}

.theme1 .articles_gutenberg_block .theme2 .swiper-slide {
    display: flex;
    justify-content: space-between;
}

.theme1 .articles_gutenberg_block .theme2 .navigation-theme2 {
    position: absolute;
    width: 123px;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
}

.theme3 .articles_gutenberg_block .theme1 .article img {
    top: 0;
    position: absolute;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    border-radius: 20px;
}
.theme3 .articles_gutenberg_block .theme1 .article .content {
    position: relative;
    padding: 20px;
    font-size: 17px;
    color: #FFF;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}


.theme2 .articles_gutenberg_block .theme1 .article img {
    height: 199px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.theme2 .articles_gutenberg_block .title h2 {
    font-size: 47px;
}

.theme1 .articles_gutenberg_block .title h2 {
    font-size: 47px;
}
.theme3 .articles_gutenberg_block .theme2{
	display: none;
}

.theme2 .articles_gutenberg_block .theme2{
	display: none;
}

.theme1 .articles_gutenberg_block .theme1{
	display: none;
}

.articles_gutenberg_block .swiper-button-next, .articles_gutenberg_block .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 99px;
}

.articles_gutenberg_block .theme2  .content-left .background {
    height: 401px;
    width: 301px;
    background: var(--primary_color_clair);
}

.articles_gutenberg_block .theme2 .content-left img {
    width: 301px;
    height: 301px;
    object-fit: cover;
    position: absolute;
    top: 35px;
    right: 35px;
    border-radius: 11px;
}

.articles_gutenberg_block .theme2 .content-left {
    width: 40%;
    position: relative;
    display: flex;
    justify-content: end;
}

.articles_gutenberg_block .theme2 .articles {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.articles_gutenberg_block .theme2 .swiper {
    width: 100%;
}


.articles_gutenberg_block .theme2 .swiper  .article  {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.articles_gutenberg_block .theme2 .swiper  .article h2 {
    font-size: 24px;
}

.articles_gutenberg_block .theme2 .swiper  .article p {
    font-size: 17px;
}
.theme2 .articles_gutenberg_block .theme1 .navigation-theme2{
    display: none;
}

@media only screen and (max-width:760px) {

    .articles_gutenberg_block .theme2 .navigation-theme2 {
        bottom: 0;
    }

    .articles_gutenberg_block .theme2 .swiper {
        width: 100%;
    }

    .articles_gutenberg_block .theme2 .articles {
        flex-direction: column;
    }
    .articles_gutenberg_block .theme2 .content-left {
        width: 0;
    }

    .theme3 .articles_gutenberg_block .theme1 .navigation-theme2 {
        margin-top: 24px;
    }

    .theme3 .articles_gutenberg_block .theme1 .title {
        width: 100%;
        height: 99px;
    }

    .theme3 .articles_gutenberg_block .theme1 {
        flex-direction: column;
    }

    .articles_gutenberg_block .title h2 {
        margin: 1px;
    }

    .theme3 .articles_gutenberg_block .theme1 .articles {
        width: 100%;
    }

    .theme1 .articles_gutenberg_block .theme2 .swiper  .article {
        width: 100%;
    }

    .theme1 .articles_gutenberg_block .theme2 .navigation-theme2 {
        bottom: -20px;
    }
}

.avis_client_gutenberg_block {
    margin: 50px 0;
    transform: translateX(-10vw);
    transition: 1s all ease;
	opacity: 0;
}

.avis_client_gutenberg_block.scrolled {
    margin: 50px 0;
    transform: translateX(0vw);
    transition: 1s all ease;
	opacity: 1;
}

.avis_client_gutenberg_block .icon{
    color:  var(--primary_color);
}

.avis_client_gutenberg_block p{
    font-size: 16px;
    margin-bottom: auto;
}

.theme1  .avis_client_gutenberg_block {
    background: var(--primary_color_clair);
}

.avis_client_gutenberg_block .theme1 .client {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 17px;
    min-height: 300px;
}

.theme1 .avis_client_gutenberg_block .theme1 .client {
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 17px;
    min-height: 334px;
    border-radius: 10px;
}

.avis_client_gutenberg_block .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.avis_client_gutenberg_block .title .title-theme1 {
    font-size: 47px;
    width: 100%;
    text-align: center;
    font-weight: 300;
}

.avis_client_gutenberg_block .theme1 .navigation-theme2 {
    position: relative;
    top: -90px;
}

.avis_client_gutenberg_block .theme1 .clients .background {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.3;
}

.avis_client_gutenberg_block .theme1 .clients .swiper {
    width: 90%;
}

.avis_client_gutenberg_block .title .navigation {
    width: 199px;
}

.avis_client_gutenberg_block  .theme2 .client {
    padding: 47px;
}

.avis_client_gutenberg_block .theme2 .clients {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.avis_client_gutenberg_block .theme2 .clients .content-left {
    width: 50%;
    position: relative;
}

.avis_client_gutenberg_block .theme2 .clients .navigation-theme2 {
    width: 200px;
    position: relative;
    bottom: -45px;
}

.avis_client_gutenberg_block .swiper-button-next, .avis_client_gutenberg_block .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 99px;
}

.avis_client_gutenberg_block .theme2 .clients .content-left .background {
    height: 401px;
    width: 301px;
    background: var(--primary_color_clair);
}

.avis_client_gutenberg_block .theme1 .clients {
    position: relative;
    height: 499px;
}

.avis_client_gutenberg_block .theme2 .clients .swiper {
    width: 79%;
}

.avis_client_gutenberg_block .theme2 .clients .content-left img {
    width: 301px;
    height: 301px;
    object-fit: cover;
    position: absolute;
    top: 35px;
    border-radius: 20px;
    left: 35px;
}

.theme1 .avis_client_gutenberg_block .theme2 {
    display: none;
}

.theme2 .avis_client_gutenberg_block .theme2 {
    display: none;
}

.theme3 .avis_client_gutenberg_block .theme2 {
    display: block;
}

.theme3 .avis_client_gutenberg_block .theme1 {
    display: none;
}

.theme1 .avis_client_gutenberg_block .title-theme1 {
    display: none;
}

.theme1 .avis_client_gutenberg_block .background {
    display: none;
}

.theme1 .avis_client_gutenberg_block .theme1 .clients {
    position: relative;
    height: fit-content;
    padding: 50px 0;
}

.theme1 .avis_client_gutenberg_block .theme1 .navigation-theme2 {
    display: none;
}

.theme1 .avis_client_gutenberg_block .title {
    font-size: 24px;
    padding: 33px;
}

.theme2 .avis_client_gutenberg_block .title-theme2 {
    display: none;
}

.theme2 .avis_client_gutenberg_block .title .navigation {
    display: none;
}

@media only screen and (max-width:760px) {
    .avis_client_gutenberg_block p {
        font-size: 14px;
    }
    .theme1 .avis_client_gutenberg_block .title {
        flex-direction: column;
    }

    .avis_client_gutenberg_block .theme2 .clients .navigation-theme2 {
        bottom: -9px;
    }

    .avis_client_gutenberg_block  .theme2 .client {
        padding: 1px;
    }

    .avis_client_gutenberg_block .theme2 .clients .content-left {
        width: 0;
        height: 0;
    }

    .avis_client_gutenberg_block .theme2 .clients {
        flex-direction: column;
    }
}

.description_gutenberg_block {
    transform: translateX(-10vw);
    transition: 1s all ease;
	opacity: 0;
    width: 91%;
    margin: 25px 0;

}
.description_gutenberg_block.scrolled {
    transform: translateX(0vw);
    transition: 1s all ease;
	opacity: 1;
}

.description_gutenberg_block h2 {
    font-size: 41px;
    font-weight: 300;

}

.description_gutenberg_block h3 {
    font-size: 17px;
    margin: 0;
    margin-top: 7px;
}

.description_gutenberg_block p {
    font-size: 16px;
}

.wp-block-columns .buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px 0;
}

.wp-block-columns .buttons .button-tour {
    width: 239px;
    text-align: center;
}

#bouton-lire-suite {
    display: none;
}

.description_gutenberg_block #texte-reste {
    font-size: 16px;
}

@media (max-width: 768px) {
    #texte-reste {
        display: none;
    }

    #bouton-lire-suite {
        border: 1px solid var(--primary_color);
        display: block;
        background: var(--primary_color);
        color: #FFF;
        padding: 5px 7px;
    }

}

.info-voyage_gutenberg_block .duree {
    display: flex;
    align-items: center;
    width: 30%;
    min-width: 171px;
    padding: 13px 0;
    border-bottom: 1px solid #000;
}

.info-voyage_gutenberg_block img.logo-voyage {
    width: 60px;
    border: 4px solid var(--primary_color_clair);
    border-radius: 99px;
    padding: 9px;
}

.info-voyage_gutenberg_block .duree .text {
    margin-left: 17px;
    display: flex;
    flex-direction: column;
}

.info-voyage_gutenberg_block p {
    font-size: 17px;
    margin: 0;
    font-weight: 700;
}

.info-voyage_gutenberg_block h3 {
    font-size: 21px;
    margin: 0;
    color: var(--primary_color);
}

.info-voyage_gutenberg_block .tarif {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    width: 70%;
    min-width: 701px;
    justify-content: flex-end;
}

.info-voyage_gutenberg_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 99px 0;
    transform: translateX(-10vw);
    transition: 1s all ease;
    opacity: 0;
}
.theme3 .info-voyage_gutenberg_block, .theme1 .info-voyage_gutenberg_block {
    transform: translateX(0vw);
    transform: translateY(10vh);
}
.info-voyage_gutenberg_block.scrolled {
    transform: translateX(0vw);
    transition: 1s all ease;
	opacity: 1;
}

.theme3 .info-voyage_gutenberg_block.scrolled, .theme1 .info-voyage_gutenberg_block.scrolled {
    transform: translateY(0vh);
    transition: 1s all ease;
	opacity: 1;
}

.info-voyage_gutenberg_block .tarif-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-voyage_gutenberg_block .tarif p {
    font-size: 17px;
    margin-left: 17px;
}

.info-voyage_gutenberg_block .tarif .type {
    display: flex;
    flex-wrap: wrap;
    margin-left: 23px;
    padding: 24px 0;
}

.info-voyage_gutenberg_block .tarif .type .moto {
    display: flex;
    align-items: end;
    width: 50%;
    justify-content: space-between;
    padding-left: 17px;
}

.info-voyage_gutenberg_block .tarif .type .moto img {
    width: 59px;
    object-fit: contain;
}

.info-voyage_gutenberg_block .tarif .type .moto p {
    margin-bottom: 7px;
}

.info-voyage_gutenberg_block .tarif .type .moto h3 {
    margin-bottom: 7px;
    font-size: 17px;
    color: #000;
}

.info-voyage_gutenberg_block .tarif .type .moto .content {
    display: flex;
    align-items: end;
}

.info-voyage_gutenberg_block .choice {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
}

.info-voyage_gutenberg_block .choice .item img {
    height: 20px;
    margin-top: 7px;
}

.info-voyage_gutenberg_block .choice .item {
    margin-left: 39px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.info-voyage_gutenberg_block .cls-1{
    fill: var(--primary_color);
    stroke: inherit;
}

.info-voyage_gutenberg_block .cls-2{
    fill: #e3e4e4;
    stroke: inherit;
}

.info-voyage_gutenberg_block .cls-3{
    fill: #000;
    stroke: inherit;
}

.info-voyage_gutenberg_block .depart h3 {
    font-size: 17px;
    padding-right: 9px;
}

.info-voyage_gutenberg_block .depart {
    display: flex;
    align-items: center;
    min-width: 299px;
    padding: 24px 0;
}

.info-voyage_gutenberg_block .date-info {
    display: flex;
    flex-direction: column;
}

.info-voyage_gutenberg_block .date-line {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.info-voyage_gutenberg_block .depart .text {
    margin-left: 17px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.info-voyage_gutenberg_block .choice .icon {
    display: flex;
}

.info-voyage_gutenberg_block .age-modeles .icon {
    gap: 5px;
}

.info-voyage_gutenberg_block .age-modeles .icon svg {
    width: 21px;
    height: 21px;
}

.wp-block-columns .info-voyage_gutenberg_block {
    justify-content: center;
    padding: 40px;
    border-radius: 17px;
    background: var(--primary_color_clair);
}

.wp-block-columns .info-voyage_gutenberg_block .tarif {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #000;
    width: 100%;
    min-width: initial;
    flex-direction: column;
    padding-top: 17px;
}

.wp-block-columns .info-voyage_gutenberg_block .tarif .type .moto {
    width: 100%;
}

.wp-block-columns .info-voyage_gutenberg_block .tarif .type {
    margin-left: 59px;
    padding-top: 1px;
}

.wp-block-columns .info-voyage_gutenberg_block .duree {
    align-items: center;
    width: 100%;
    min-width: inherit;
    padding-top: 0;
}

.wp-block-columns .info-voyage_gutenberg_block .depart {
    min-width: inherit;
    width: 100%;
    border-bottom: 1px solid #000;
}

.wp-block-columns .info-voyage_gutenberg_block .choice {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding-bottom: 0;
}

.wp-block-columns .info-voyage_gutenberg_block .choice .item {
    margin-left: 83px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: 0px;
    position: relative;
    margin-bottom: 17px;
}

.wp-block-columns.is-layout-flex{
    align-items: center;
}

.wp-block-columns .info-voyage_gutenberg_block .choice img.logo-voyage {
    width: 60px;
    border: 4px solid var(--primary_color_clair);
    border-radius: 99px;
    padding: 9px;
    position: absolute;
    top: 27px;
}

.wp-block-columns .info-voyage_gutenberg_block .cls-2 {
    fill: #ffffff;
    stroke: inherit;
}

@media only screen and (max-width:760px) {
    .info-voyage_gutenberg_block .tarif {
        display: flex;
        align-items: flex-start;
        border-bottom: 1px solid #000;
        width: 100%;
        min-width: initial;
        flex-direction: column;
        padding-top: 17px;
    }

    .info-voyage_gutenberg_block .cls-2 {
        fill: #ffffff;
        stroke: inherit;
    }

    .wp-block-columns .info-voyage_gutenberg_block {
        justify-content: center;
        padding: 20px;
        border-radius: 17px;
        background: var(--primary_color_clair);
    }

    .info-voyage_gutenberg_block .tarif .type .moto {
        width: 97%;
    }

    .info-voyage_gutenberg_block .tarif .type {
        margin-left: 59px;
        padding-top: 1px;
    }

    .info-voyage_gutenberg_block {
        justify-content: center;
        padding: 20px;
        border-radius: 17px;
        background: var(--primary_color_clair);
    }

    .info-voyage_gutenberg_block .duree {
        align-items: center;
        width: 100%;
        min-width: inherit;
        padding-top: 0;
    }

    .info-voyage_gutenberg_block .depart {
        min-width: inherit;
        width: 100%;
        border-bottom: 1px solid #000;
    }

    .info-voyage_gutenberg_block .choice {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        position: relative;
        padding-bottom: 0;
    }

    .info-voyage_gutenberg_block .choice .item {
        margin-left: 83px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        top: 0px;
        position: relative;
        margin-bottom: 17px;
    }

    .info-voyage_gutenberg_block .choice img.logo-voyage {
        width: 60px;
        border: 4px solid var(--primary_color_clair);
        border-radius: 99px;
        padding: 9px;
        position: absolute;
        top: 27px;
    }

}

.parcours_gutenberg_block video {
    width: 100%;
    border-radius: 20px;
    margin-top: 24px;
}

.theme3 .parcours_gutenberg_block video {
    width: 100%;
    padding-bottom: 7px;
}
.parcours_gutenberg_block .content-right {
    width: 40%;
    position: relative;
    align-self: start;
    margin-top: 33px;
}

.theme1 .parcours_gutenberg_block .buttons {
    background: transparent;
}

.theme1 .parcours_gutenberg_block .buttons {
    background: transparent;
}

.buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.buttons .button-tour {
    padding: 10px 10px;
    margin: 3px;
    font-size: 14px;
    border: 1px solid #000;
    text-decoration: inherit;
    height: 43px;
    min-width: 233px;
    font-weight: 700;
    text-align: center;
    transition: 0.3s;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.buttons .button-easy-ride {
    display: none;
}

.easy-ride .buttons .button-easy-ride {
    display: flex;
}

.easy-ride .buttons .button-easy-ride a {
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.easy-ride .buttons .button-easy-ride a svg {
    width: 20px;
    height: 20px;
}

.buttons .button-reservation {
    background: var(--primary_color);
    color: #FFF;
    border: 1px solid var(--primary_color);
    transition:0.3s
}

.buttons .button-reservation:hover {
    background: #FFF;
    color: var(--primary_color);
    transition:0.3s
}

.parcours_gutenberg_block .content-right .title {
    font-size: 23px;
    border-bottom: 1px solid #000;
    margin-bottom: 17px;
    padding: 3px 120px 3px 3px;
}

.parcours_gutenberg_block .close {
    opacity: 0;
}

.theme3 .parcours_gutenberg_block .close {
    right: 9px;
    position: absolute;
    z-index: 7;
    top: 5px;
    background: #f2f2f2;
    cursor: pointer;
    height: fit-content;
    opacity: 1;
}

.buttons .button-tour:hover {
    background: var(--primary_color);
    color: #FFF;
    border: 1px solid var(--primary_color);
    transition: 0.3s;
}

.buttons .button-tour:hover svg path{
    fill: #FFF !important;
}

.buttons .button-tour.button-reservation:hover svg path {
    fill: var(--primary_color)!important;
}

.buttons .button-reservation:hover {
    background: #FFF;
    color: var(--primary_color);
    transition: 0.3s;
}

.parcours_gutenberg_block p {
    font-size: 17px;
}

.parcours_gutenberg_block h2 {
    margin: 0;
}

.parcours_gutenberg_block .content-right .navigation {
    bottom: 0;
    top: 49px;
    right: 0;
    left: initial;
    position: absolute;
    background: #ffffff;
    width: 119px;
    height: 9px;
    opacity: 1;
    z-index: 7;
}

.parcours_gutenberg_block .swiper-button-next, .parcours_gutenberg_block .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #000;
    border: 3px solid #000;
    border-radius: 99px;
}

.parcours_gutenberg_block .itineraire .swiper-button-next, .parcours_gutenberg_block .itineraire .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #000;
    border: 3px solid #ffffff94;
    border-radius: 99px;
}

.parcours_gutenberg_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 25px 0;
    position: relative;
    transform: translateX(-10vw);
    transition: 1s all ease;
	opacity: 0;
}

.parcours_gutenberg_block.scrolled {
    transform: translateX(0vw);
    transition: 1s all ease;
	opacity: 1;
}

.parcours_gutenberg_block .content-right .swiper-slide img {
    width: 100%;
    height: 301px;
    object-fit: cover;
    border-radius: 23px;
    margin-top: 24px;
}

.parcours_gutenberg_block .itineraire {
    width: 100%;
    display: none;
    margin: 0;
    padding: 50px 0;
    background: var(--primary_color_clair);
}


.parcours_gutenberg_block .itineraire .content-title {
    min-width: 20%;
    padding-left: 30px;
}

.parcours_gutenberg_block .itineraire .content-title h2 {
    font-size: 41px;
    text-align: center;
    font-weight: 400;
    max-width: 199px;
    padding: 0 7px;
}

.parcours_gutenberg_block .itineraire .swiper {
    width: 79%;
}

.parcours_gutenberg_block .itineraire .content {
    top: 0;
    position: absolute;
    left: 0;
    height: 100%;
    padding: 10px;
    display: flex;
    color: #FFF;
    align-items: flex-end;
}

.parcours_gutenberg_block .itineraire .content .description p {
    font-size: 14px;
}

.parcours_gutenberg_block .itineraire .content .description h3 {
    font-size: 20px;
    margin: 0;
}

.parcours_gutenberg_block .itineraire .swiper .swiper-slide {
    height: 499px;
}

.parcours_gutenberg_block .itineraire .swiper .swiper-slide .description {
    font-size: 13px;
}

.parcours_gutenberg_block .itineraire .swiper .swiper-slide img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.parcours_gutenberg_block .itineraire .swiper .swiper-slide .opacity {
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    border-radius: 10px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 100%);
}

.parcours_gutenberg_block .itineraire .swiper .swiper-slide .jours {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 17px;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    height: 37px;
    width: 37px;
    font-size: 19px;
    left: 17px;
    font-weight: 700;
    opacity: 1;
}

.parcours_gutenberg_block .itineraire .navigation {
    width: fit-content;
}

.parcours_gutenberg_block .itineraire-theme2 .swiper {
    width: 90%;
}

.parcours_gutenberg_block .itineraire-theme2 {
    flex-direction: column;
}

.parcours_gutenberg_block .itineraire-theme2 .swiper .swiper-slide img {
    height: 199px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.parcours_gutenberg_block .itineraire-theme2 .content {
    top: 203px;
    position: absolute;
    left: 0;
    height: fit-content;
    padding: 10px;
    display: flex;
    color: #000;
    align-items: flex-end;
}

.parcours_gutenberg_block .itineraire-theme2 .swiper .swiper-slide .jours {
    top: 0;
    position: absolute;
    font-size: 20px;
    left: 5px;
    width: 100%;
    height: 199px;
    background: transparent;
    color: #FFF;
    font-size: 71px;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    position: relative;
}

.parcours_gutenberg_block .itineraire-theme2 .navigation {
    width: 401px;
}

.parcours_gutenberg_block .itineraire-theme2 .content-title {
    padding: 47px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.theme2 .parcours_gutenberg_block .itineraire-theme2 .content-title h2{
    max-width: 100%;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    top: -0.7px;
    height: 3px;
    background: var(--primary_color);
}

.theme3 .parcours_gutenberg_block .content-right {
    width: 250px;
    position: absolute;
    top: 41px;
    right: 21px;
    background: #fff;
    height: fit-content;
}

.theme3 .parcours_gutenberg_block .content-right .swiper-slide img {
    width: 100%;
    max-height: 201px;
    object-fit: cover;
    border-radius: 23px;
    margin-top: 24px;
}

.theme3 .parcours_gutenberg_block .content-right .swiper-slide {
    padding: 10px;
    background: #f2f2f2;
    border-radius: 20px;
}

.theme3  .parcours_gutenberg_block .content-right .navigation {
    display: flex;
    top: initial;
    left: initial;
    right: -21px;
    bottom: -105px;
    height: 71px;
    background: #FFF;
}
.theme3 .parcours_gutenberg_block .content-right .swiper-slide h2 {
    font-size: 20px;
}

.theme3 .itineraire-theme2 {
    display: none;
}

.theme3 .itineraire {
    background: transparent;
}

.theme2 .itineraire-theme1 {
    display: none;
}

.theme1 .itineraire-theme2 {
    display: none;
}

.swiper-pagination-progressbar.swiper-pagination-horizontal{
    height: 2px;
    background: #000;
}


@media only screen and (max-width:760px) {
    .buttons {
        flex-direction: column;
    }

    .theme3 .parcours_gutenberg_block .content-right {
        width: 100%;
        position: initial;
        background: #fff;
        height: initial;
    }

    .theme3 .parcours_gutenberg_block .content-right .swiper-slide img {
        max-height: inherit;
    }

    .theme3  .parcours_gutenberg_block .content-right .navigation {
        top: initial;
        bottom: initial;
    }

    .itineraire-theme1 {
        flex-direction: column;
    }
    .parcours_gutenberg_block .content-right .title {
        font-size: 14px;
        padding-bottom: 21px;
    }
    .itineraire-theme1  {
        padding: 50px 10px;
    }

    .itineraire-theme1 .swiper {
        width: 100%;
    }

    .itineraire-theme1 .content-title {
        padding: 30px;
    }

    .itineraire-theme2 .content-title {
        padding: 47px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .parcours_gutenberg_block.itineraire-theme2 .navigation {
        max-width: 401px;
        width: 70%;
        margin-top: 17px;
    }

    .parcours_gutenberg_block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 25px 0;
        position: relative;
    }

    .parcours_gutenberg_block .itineraire {
        padding: 10px 0;
    }
    .parcours_gutenberg_block .itineraire .content-title h2 {
        max-width: inherit;
    }

    .parcours_gutenberg_block .content-right {
        width: 100%;
        position: relative;
        align-self: start;
        margin-top: 33px;
    }

    .theme2 .theme3-map {
        display: block;
    }

    .theme2 .theme1-map {
        display: none;
    }

}

.recommendation_gutenberg_block .button-tours {
    padding: 17px 24px;
    font-weight: 700;
    transition: 0.3s;
    font-size: 14px;
    height: 43px;
    text-decoration: inherit;
    min-width: 270px;
    width: fit-content;
    text-align: center;
    display: flex;
    justify-content: space-around;
    color: #FFF;
    background: var(--primary_color);
    border: 1px solid var(--primary_color);
    align-items: center;
}

.recommendation_gutenberg_block {
    margin: 170px 0px;
    transform: translateX(-10vw);
    transition: 1s all ease;
    opacity: 0;
}
.recommendation_gutenberg_block .theme1 .button-tours {
        position: absolute;
        bottom: -111px;
        margin: auto;
        left: 0;
        right: 0;
}
.recommendation_gutenberg_block.scrolled {
    transform: translateX(0vw);
    transition: 1s all ease;
	opacity: 1;
}

.recommendation_gutenberg_block .theme2 {
    display: flex;
    margin: 50px 0;
    align-items: center;
}

.recommendation_gutenberg_block .theme2 .content-left {
    width: 50%;
    padding-right: 40px;
}

.recommendation_gutenberg_block .button-tours:hover {
    background: #FFF;
    color: #000;
    transition: 0.3s;
}
.recommendation_gutenberg_block .theme2 h2 {
    font-size: 39px;
}

.recommendation_gutenberg_block .theme2 .content-right {
    width: 50%;
}

.recommendation_gutenberg_block .theme2 .content-right img {
    border-radius: 20px;
    object-fit: cover;
}

.recommendation_gutenberg_block .swiper .swiper-slide .opacity {
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 100%);
}

.recommendation_gutenberg_block .theme1 h2{
    text-align: center;
    font-size: 47px;
    font-weight: 300;
}

.recommendation_gutenberg_block .theme1{
    position: relative;
    height: 704px;
}

.recommendation_gutenberg_block .menu-slider .items {
    width: fit-content;
    margin: 17px 0;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
}

.recommendation_gutenberg_block .menu-slider .block-nav {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.recommendation_gutenberg_block .menu-slider {
    left: 0;
    position: absolute;
    height: 490px;
    width: 100%;
    opacity: 1;
    display: flex;
    flex-direction: column;
    padding: 47px 29px;
    justify-content: center;
}

.recommendation_gutenberg_block .menu-slider .slider {
    top: 0px;
    position: absolute;
    left: 15%;
    height: 499px;
    width: 86%;
    opacity: 1;
    padding: 39px 71px;
}

.recommendation_gutenberg_block .menu-slider:after {
    content: "";
    background: var(--primary_color_clair);
    height: 100%;
    width: 433px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -11px;
}

.recommendation_gutenberg_block .menu-slider .slider .wp-post-image {
    height: 100%;
    object-fit: cover;
}

.recommendation_gutenberg_block .menu-slider .slider a {
    height: 401px;
    display: block;
}

.recommendation_gutenberg_block .swiper{
    padding: 20px 0px;
}

.recommendation_gutenberg_block .menu-slider .saisons {
    font-size: 11px;
    text-align: center;
}

.recommendation_gutenberg_block .menu-slider .saisons span {
    margin: 3px;
}

.recommendation_gutenberg_block .menu-slider .slider .content {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
    padding: 20px;
}


.recommendation_gutenberg_block .menu-slider .slider .content img{
    width: 70%;
}

.recommendation_gutenberg_block .menu-slider .slider .swiper-wrapper {
    padding: 10px;
}

.recommendation_gutenberg_block .menu-slider .slider .swiper-slide {
    transition: 0.3s;
}

.recommendation_gutenberg_block .menu-slider .slider .swiper-slide:hover {
    transform: translateY(-10px);
    transition: 0.3s;
}

.recommendation_gutenberg_block .menu-slider .slider .citation {
    text-align: center;
    font-size: 13px;
}

.recommendation_gutenberg_block .menu-slider .slider .icons {
    display: flex;
    font-size: 11px;
    width: 100%;
    justify-content: space-around;
}

.recommendation_gutenberg_block .menu-slider svg {
    height: 41px;
}

.recommendation_gutenberg_block .menu-slider .icons .icon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.recommendation_gutenberg_block .menu-slider .slider .cta {
    font-size: 13px;
    text-decoration: underline;
    justify-content: center;
    display: flex;
    align-items: center;
}

.recommendation_gutenberg_block .menu-slider .cta svg {
    background: #FFF;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    margin-left: 7px;
    padding: 9px;
}

.recommendation_gutenberg_block .menu-slider .slider .top {
    text-align: center;
}

.recommendation_gutenberg_block .menu-slider .navigation {
    position: relative;
    width: 120px;
}

.recommendation_gutenberg_block .menu-slider .slider .flag img{
    height: 17px;
    margin: 7px;
    width: initial;
}

.recommendation_gutenberg_block .menu-slider .swiper-button-next, .recommendation_gutenberg_block .menu-slider .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 99px;
}

.active-slider-hero {
    transition: 0.3s;
    font-weight: 700;
}

.recommendation_gutenberg_block .menu-slider .slider h3 {
    font-size: 17px;
    font-weight: 300;
}

.recommendation_gutenberg_block .menu-slider .name {
    cursor: pointer;
    font-size: 21px;
}

.theme1 .recommendation_gutenberg_block .theme1{
	display: none;
}

.theme1 .recommendation_gutenberg_block .theme2{
    display: flex;
}

.theme2 .recommendation_gutenberg_block .theme1{
	display: none;
}


.theme2 .recommendation_gutenberg_block .theme2{
    display: flex;
}

.theme3 .recommendation_gutenberg_block .theme1 {
    display: block;
}

.theme3 .recommendation_gutenberg_block .theme2{
	display: none;
}

@media only screen and (max-width:760px) {


    .recommendation_gutenberg_block {
        margin: 99px 0;
    }
    .recommendation_gutenberg_block .theme2 h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 34px;
    }

    .recommendation_gutenberg_block .theme2 .content-right {
        width: 100%;
    }

    .recommendation_gutenberg_block .theme2 .content-left {
        width: 100%;
        padding-right: inherit;
    }

    .recommendation_gutenberg_block .theme2 .content-left {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 34px;
    }

    .recommendation_gutenberg_block .theme2 {
        flex-direction: column;
    }

    .theme3 .recommendation_gutenberg_block .theme1{
        display: none;
    }

    .theme3 .recommendation_gutenberg_block .theme2{
        display: flex;
    }
}

.video_gutenberg_block {
    width: 100%;
}
.video_gutenberg_block video {
    width: 100%;
    border-radius: 20px;
}


.vehicule_gutenberg_block {
    width: 100%;
    position: relative;
    margin: 50px 0;
    transform: translateY(10vh);
    transition: 1s all ease;
	opacity: 0;
}

.vehicule_gutenberg_block.scrolled {
    transform: translateY(0vh);
    transition: 1s all ease;
	opacity: 1;
}
.vehicule_gutenberg_block .theme2{
    max-height: 401px;
}

.theme3 .vehicule_gutenberg_block {
    background: var(--primary_color_clair);
    padding: 30px;
}

.vehicule_gutenberg_block .fond {
    top: 0;
    position: absolute;
    width: 100%;
    height: 401px;
    object-fit: cover;
}

.vehicule_gutenberg_block .fond2 {
    top: 0;
    position: absolute;
    width: 100%;
	height: 401px;
    object-fit: cover;
}

.vehicule_gutenberg_block .swiper {
    height: 100%;
    width: 100%;
}

.vehicule_gutenberg_block .swiper .swiper-slide {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.vehicule_gutenberg_block .theme {
    height: 401px;
    position: relative;
}

.vehicule_gutenberg_block .content-info {
    bottom: 17px;
    left: 71px;
    position: absolute;
    background: rgb(255 255 255 / 55%);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
}

.vehicule_gutenberg_block .content-info h3 {
    font-size: 25px;
}

.vehicule_gutenberg_block .content-info .information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    width: 80%;
    min-width: 199px;
}

.vehicule_gutenberg_block .content-info .information .info-vehicule {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-bottom: 7px;
}

.vehicule_gutenberg_block .swiper .swiper-slide img {
    width: 90%;
    max-width: 501px;
}

.vehicule_gutenberg_block .theme2 .swiper .swiper-slide img {
    height: 199px;
    width: 100%;
}

.vehicule_gutenberg_block .theme2 .swiper .swiper-slide .img-moto {
    height: 170px;
    width: 100%;
    object-fit: contain;
    top: 34px;
    position: absolute;
}

.vehicule_gutenberg_block .theme2 .swiper .swiper-slide {
    height: 301px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
}

.vehicule_gutenberg_block .theme2 .swiper .swiper-slide .content {
    position: relative;
    margin-top: 175px;
}

.vehicule_gutenberg_block .theme2 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vehicule_gutenberg_block .theme2 .title h2 {
    font-size: 41px;
}

.vehicule_gutenberg_block .theme2 .title .navigation {
    width: 401px;
}

.theme3 .vehicule_gutenberg_block .theme{
	display: none;
}

.theme1 .vehicule_gutenberg_block .theme2{
	display: none;
}

.theme2 .vehicule_gutenberg_block .theme2{
	display: none;
}

.theme1 .vehicule_gutenberg_block .fond2{
	display: none;
}

.theme2 .vehicule_gutenberg_block .fond{
	display: none;
}

@media only screen and (max-width:760px) {

	.vehicule_gutenberg_block .theme2 .title h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .vehicule_gutenberg_block .fond2 {
        height: 271px;
    }

    .vehicule_gutenberg_block .theme2 .title .navigation {
        max-width: 401px;
        width: 79%;
        margin: 17px 0;
    }

	.vehicule_gutenberg_block .theme2 .title {
        flex-direction: column;
    }

	.vehicule_gutenberg_block .theme {
        height: 270px;
    }

    .vehicule_gutenberg_block .fond {
        height: 270px;
    }

    .vehicule_gutenberg_block .swiper .swiper-slide img {
        width: 70%;
    }

    .vehicule_gutenberg_block .content-info {
        bottom: initial;
        left: -1px;
        top: -1px;
        position: absolute;
        background: rgb(255 255 255);
        padding: 0;
        border-radius: 0;
        width: 199px;
    }
    .vehicule_gutenberg_block .content-info h3 {
        font-size: 13px;
        text-align: center;
        margin: 7px 3px;
    }

    .vehicule_gutenberg_block .content-info .information {
        font-size: 11px;
        width: 90%;
        min-width: inherit;
    }
}

article > .slider_gutenberg_block .swiper-wrapper{
    height: fit-content;
}

.slider_gutenberg_block {
    width: 100%;
    position: relative;
    height: fit-content;
    margin: 25px 0;
}

.slider_gutenberg_block .swiper{
    border-radius: 35px;
}

.slider_gutenberg_block .swiper-slide {
    width: 100%;
}

.slider_gutenberg_block .swiper-slide img {
    width: 100%;
    height: 701px;
    object-fit: cover;
    border-radius: 35px;
}

/* .wp-block-columns .slider_gutenberg_block .swiper-slide img {
    height: 100%;;
} */

.slider_gutenberg_block .pagination {
    bottom: 7px;
    position: absolute;
    right: 33px;
    z-index: 11;
    font-size: 37px;
    color: #FFF;
    width: 114px;
}

.slider_gutenberg_block .navigation {
    bottom: 43px;
    position: absolute;
    left: 35px;
    width: 119px;
}

.slider_gutenberg_block .swiper-button-next,.slider_gutenberg_block  .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 99px;
}


@media only screen and (max-width:760px) {
    .slider_gutenberg_block .swiper-slide img {
        height: 350px;
    }
}
.page-template-default main{
    margin-top: 120px;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
    background: #000;
    position: relative;
}


.footer .footer-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 49px 0;
    flex-wrap: wrap;
    font-size: 17px;
    width: 100%;
}

.footer .footer-content .logo svg {
    width: 99px;
    fill: #FFF;
}

.footer .footer-content .contact {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 17px;
}
.footer .footer-content .social {
    padding: 17px;
}

.footer .footer-content .social a {
    margin: 5px;
}

.footer .footer-content .nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 17px;
}

.footer .footer-content a {
    color: #FFF;
    margin-bottom: 7px;
}

.footer .copyright {
    font-size: 17px;
    text-align: center;
    padding: 17px 0;
    margin: 0;
    color: #FFF;
}

.footer .footer-content .logo {
    padding: 17px;
}

.footer .cgv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 17px;
    font-size: 17px;
    color: #FFF;
}


.footer .cgv a {
    color: #FFF;
    margin: 5px;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    }

  @-webkit-keyframes fadeInDown {
      0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      }
      100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      }
  }

  @keyframes fadeInDown {
      0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      }
      100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      }
  }


  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }


  @-webkit-keyframes zoomIn {
      0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
      }
      50% {
      opacity: 1;
      }
  }

  @keyframes zoomIn {
      0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
      }
      50% {
      opacity: 1;
      }
  }

  @media only screen and (max-width:450px) {
    .single-tour  .block-info {
        position: fixed;
        top: 104px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 10;
    }

    .single-tour .info {
        width: 50%;
    }
    .single-tour .carte {
        height: 47px;
        margin: 0;
        width: 50%;
    }
}



.page-template-template-reservation {
    padding-top: 120px;
}

.page-template-template-reservation article {
    min-height: calc(100vh - 400px);
}


.page h1 {
    font-family: 'Podkova', serif;
    font-size: 32px;
    text-align: center;
    color: #000;
}


.nf-form-content select.ninja-forms-field {
    border: none;
}

.nf-form-content select.ninja-forms-field option:checked,
.nf-form-content select.ninja-forms-field option:focus {
    background: #d33100;
    color: #FFF;
}


.easy-ride-content {
    overflow-y: auto!important;
}

.mult-select-tag .item-container {
    color: #d33100!important;
    border: 1px solid #d33100!important;
    background: #d3310004!important;
}

.mult-select-tag .item-label {
    color: #d33100!important;
}

.mult-select-tag button:first-child {
    padding: 5px 5px 15px 5px;
    height: 100%!important;
    width: 35px!important;
}

.mult-select-tag .btn-container {
    padding: 0px!important;
}

.nf-form-content input[type=submit] {
    background: #d33100!important;
}

.nf-form-content input[type=submit]:hover {
    color: #FFF!important;
    opacity: 0.8;
}

.checkbox-container.label-right label a {
    color: #d33100;
    text-decoration: underline;
}

.page-template-default {
    font-size: 18px;
}


.theme1 .avis_client_gutenberg_block .background {
    display: initial;
}
.avis_client_gutenberg_block .theme1 .clients .background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    object-fit: cover;
    opacity: 0.3;
}
.theme1 .avis_client_gutenberg_block .title {
    padding-bottom: 0;
}

.title-theme2{
    font-size: 47px;
    margin: 0;
}

.nav .button-favoris {
    cursor: pointer;
}


.post-type-archive-tour {}
.post-type-archive-tour article .opacity {
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 100%);
}

.post-type-archive-tour article {
position: relative;
width: 23%;
min-width: 271px;
margin: 20px 0;
transition: 0.3s;
}

.post-type-archive-tour article .wp-post-image {
    height: 100%;
    object-fit: cover;
}

.post-type-archive-tour article a {
    height: 401px;
    display: block;
}

.post-type-archive-tour article .saisons {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-family: 'WNYC';
}

.post-type-archive-tour article .saisons span {
    margin: 3px;
}

.post-type-archive-tour article .content {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
    padding: 20px;
}

.post-type-archive-tour article:hover {
    transform: translateY(-10px);
    transition: 0.3s;
}

.post-type-archive-tour article .citation {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    font-family: 'WNYC';
}

.post-type-archive-tour article .icons {
    display: flex;
    font-size: 11px;
    width: 100%;
    justify-content: space-around;
}

.post-type-archive-tour article svg {
    height: 41px;
}

.post-type-archive-tour article .icons .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    font-weight: bold;
}

.post-type-archive-tour .articles {
    display: flex;
    flex-wrap: wrap;
    padding-top: 79px;
    justify-content: space-around;
}

.post-type-archive-tour article .cta {
    font-size: 13px;
    text-decoration: underline;
    justify-content: center;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.post-type-archive-tour article .cta svg {
    background: #FFF;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    margin-left: 7px;
    padding: 9px;
}

.post-type-archive-tour article .top {
    text-align: center;
}

.post-type-archive-tour article .top>img {
    height: 80px !important;
    width: auto;
    opacity: 1 !important;
    position: relative !important;
    margin-top: 28px;
}

.post-type-archive-tour article .flag img {
    height: 17px;
    margin: 7px;
}

.post-type-archive-tour .articles .pagination {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 50px;
}

.post-type-archive-tour .articles .pagination .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	text-decoration: none;
	font-weight: 400;
    font-size: 16px;
    color: #000;
    transition: 0.3s all ease;
}
.post-type-archive-tour .articles .pagination .page-numbers.current,
.post-type-archive-tour .articles .pagination a.page-numbers:hover {
	background: #d33100;
    color: #FFF;
}


#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
}

#snackbar.show {
    visibility: visible;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.carte {
    margin-top: 10px;
    top: 160px !important;
}

.modal {
    position: fixed;
    top: 100px;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: black;
    transition: left 0.3s ease;
    z-index: 100;
    overflow-y: scroll;
}

.modal.visible {
    left: 0;
}

.suggestions-tours {
    /* padding: 0px 100px 60px 20px; */
    margin: 0 auto 100px auto;
    position: relative;
    color: white;
    cursor: grab;
    width: 770px;
    max-width: calc(90% - 100px);
    overflow: hidden;
    padding-bottom: 30px;
}

.suggestions-tours + .nav {
    position: relative;
    width: 900px;
    max-width: 90%;
    margin: auto;
}

.suggestions-tours + .nav > div {
    top: -300px;
}

.suggestions-tours .swiper-wrapper {
    height: fit-content !important;
}

.suggestions-tours .swiper-slide {
    height: 400px !important;
    border-radius: 0 !important;
    user-select: none;
    transition: opacity 0.2s ease;
    background-color: black;
}

.suggestions-tours .swiper-slide .tour-content {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 30px;
    text-align: center;
}

.suggestions-tours .swiper-slide .tour-content .drapeau {
    height: 17px !important;
    width: auto;
    opacity: 1 !important;
    position: relative !important;
}

.suggestions-tours .swiper-slide .tour-content .titre {
    height: 58px !important;
    width: auto;
    opacity: 1 !important;
    position: relative !important;
}

.suggestions-tours .swiper-slide .tour-content .tour-citation {
    flex-grow: 1;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: 'WNYC-I';
    font-style: italic;
    font-weight: 400;
}

.suggestions-tours .swiper-slide .tour-content .tour-saisons {
    font-weight: 400;
    font-size: 14px;
    font-family: 'WNYC';
}

.suggestions-tours .swiper-slide .tour-content .tour-title {
    font-size: 2em;
}

.suggestions-tours .swiper-slide .tour-content .tour-infos {
    display: flex;
    gap: 16px;
    font-weight: bold;
    font-size: 1.1em;
}

.suggestions-tours .swiper-slide .tour-content .tour-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.suggestions-tours .swiper-slide img {
    z-index: 0 !important;
    opacity: 0.7 !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
}

.suggestions-tours .swiper-slide .discover {
    background-color: var(--primary_color);
    border: none;
    padding: 7px 10px;
    white-space: nowrap;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: filter 0.2s ease;
    font-size: 14px;
}

.suggestions-tours .swiper-slide .discover:hover {
    filter: brightness(115%);
}

.suggestions-tours .swiper-slide .discover span {
    display: flex;
    height: 26px;
    width: 26px;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 50%;
    align-items: center;
    font-size: 11px;
}

.suggestions-tours a {
    color: white;
}

.suggestions-tours a:hover {
    color: white;
}

.suggestions-tours .navigation {
    display: flex;
    justify-content: space-between;
    color: black;
    position: absolute;
    width: 100%;
    left: 0;
    transform: translate(0%, -100%);
    z-index: 10;
    height: 100%;
    pointer-events: none;
}

.suggestions-tours .navigation svg path {
    fill: #000;
}

.suggestions-tours .navigation .swiper-button-next,
.suggestions-tours .navigation .swiper-button-prev {
    width: 47px;
    height: 47px;
    color: #000;
    border: 3px solid #000;
    border-radius: 99px;
    pointer-events: all;
}

.suggestions-tours .swiper-pagination-bullet-active {
    background-color: var(--primary_color) !important;
}

.title .suggestions {
    font-size: 47px;
    text-align: center;
}

.easy-ride-modal {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.easy-ride-modal .close:hover {
    color: var(--primary_color);
}

.easy-ride-modal.visible {
    display: flex;
}

.button-easy-ride {
    cursor: pointer;
}

.resa-modal {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.resa-modal .close:hover {
    color: var(--primary_color);
}

.resa-modal.visible {
    display: flex;
}

.button-resa-modal {
    cursor: pointer;
}

.nf-error-msg {
    text-align: center;
    font-size: 14px;
}