.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#3B3E41;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a2d23ff:#B28C16;--e-global-color-821da68:#E1E1E1;--e-global-color-ef3fb99:#141315;--e-global-color-96f2dfc:#F0F0F0;--e-global-color-8ccb7e4:#FFFFFF;--e-global-color-2f32c24:#AEAEAE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-27145ff-font-family:"Be Vietnam Pro";--e-global-typography-27145ff-font-size:13px;--e-global-typography-27145ff-font-weight:500;--e-global-typography-27145ff-line-height:3px;--e-global-typography-8219930-font-family:"Be Vietnam Pro";--e-global-typography-8219930-font-size:120px;--e-global-typography-8219930-font-weight:700;--e-global-typography-3243f90-font-family:"Be Vietnam Pro";--e-global-typography-3243f90-font-size:14px;--e-global-typography-3243f90-font-weight:400;--e-global-typography-e8507ee-font-family:"Be Vietnam Pro";--e-global-typography-e8507ee-font-size:0.82353rem;--e-global-typography-e8507ee-font-weight:700;--e-global-typography-e6381ca-font-family:"Be Vietnam Pro";--e-global-typography-e6381ca-font-size:19px;--e-global-typography-e6381ca-font-weight:700;--e-global-typography-e6381ca-line-height:15px;--e-global-typography-23cc309-font-family:"Be Vietnam Pro";--e-global-typography-23cc309-font-size:70px;--e-global-typography-23cc309-font-weight:300;--e-global-typography-b5f968f-font-family:"Be Vietnam Pro";--e-global-typography-b5f968f-font-size:40px;--e-global-typography-b5f968f-font-weight:700;--e-global-typography-b5f968f-line-height:45px;--e-global-typography-7da91da-font-family:"Be Vietnam Pro";--e-global-typography-7da91da-font-size:70px;--e-global-typography-7da91da-font-weight:300;--e-global-typography-7da91da-line-height:1em;--e-global-typography-04749df-font-family:"Be Vietnam Pro";--e-global-typography-04749df-font-size:13px;--e-global-typography-04749df-font-weight:700;--e-global-typography-f9131f1-font-family:"Be Vietnam Pro";--e-global-typography-f9131f1-font-size:16px;--e-global-typography-f9131f1-font-weight:700;--e-global-typography-f9131f1-line-height:30px;--e-global-typography-ba0a90f-font-family:"Be Vietnam Pro";--e-global-typography-ba0a90f-font-size:13px;--e-global-typography-ba0a90f-font-weight:400;--e-global-typography-ba0a90f-line-height:5px;--e-global-typography-34ff69f-font-family:"Be Vietnam Pro";--e-global-typography-34ff69f-font-size:20px;--e-global-typography-34ff69f-font-weight:500;--e-global-typography-34ff69f-line-height:20px;--e-global-typography-fed8b94-font-family:"Be Vietnam Pro";--e-global-typography-fed8b94-font-size:1.2rem;--e-global-typography-fed8b94-font-weight:200;background-color:var( --e-global-color-96f2dfc );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-7da91da-font-size:60px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-b5f968f-font-size:30px;--e-global-typography-7da91da-font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
/*    background: #F0F0F0 !important;*/
}

/* Read-more cacher */
/*body:not(.elementor-active) .read-more-fr .elementor-tab-title.elementor-active:after {
   content: 'Lire moins' !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 1 !important;
   font-family: Be Vietnam Pro;
}*/

.sous-gamme-menu:hover {
    cursor: pointer;
}

.sous-gamme-menu:hover * {
    color: #BA8E31;
}

.sous-gamme-menu {
    padding-right: 30% !important;
}

.jet-map-close {
    margin: 20px !important;
}

#bateaux-neufs-image-hover {
    z-index: 99999 !important;
    height: 200px !important;
}

#bateaux-neufs-image-hover img {
    z-index: 99999 !important;
    height: 200px !important;
}

.visible {
    visibility: visible;
    opacity: 1;
    display: block !important;
    transition : opacity 0.4s ease;
}
.hidden {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    transition : opacity 0.4s ease;
}

/*.bateaux-neufs-lien-container img {
    display: none !important;
    visibility: hidden !important;
}

.bateaux-neufs-lien-container:hover img {
    display: block !important;
    visibility: visible !important;
}*/

.swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
}

.swiper-slide-image {
    height: 350px !important;
    object-fit: cover !important;
}

#backtotop {
    scroll-behavior: smooth !important;
}

#backtotop:hover {
    cursor: pointer;
}

.element-reveal {
    --speed: 0.7s !important;
    animation: none !important;
}

.element-reveal > * {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) !important;
    transition: all var(--speed) ease-in-out !important;
    transform: translateY(30px) !important;
}

.element-reveal.animated > * {
    clip-path: polygon(0 -20%, 100% -20%, 100% 120%, 0% 120%) !important;
    transform: translateY(0) !important;
}

.overlay-reveal {
    overflow: hidden;
/*    animation-name: zoom;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;*/
/*    background-size: 100%; 
    text-align: left;
    background-position-x: 50%;
    background-position-y: 50%;
    -webkit-animation: zoom 10s linear;
    animation: zoom 5s linear;
    animation-fill-mode: forwards;
    background-origin:center;*/
}

/*.overlay-reveal:after {
    content: '';
    height: 100%;
    width: 100%;
    color: #BA8E31 !important;
    background: #BA8E31 !important;
    transform: translateY(0);
    left: 0;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}*/

@keyframes example {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

@keyframes zoom {
  from {
    background-size: 100%;
  }
  to {
    background-size: 150%;
  }
}

.col-panel-m {
    opacity: 0%;
    z-index: 10 !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 40% !important;
    -webkit-transition: transform 0.4s ease;
	transition : all 0.4s ease;
}

.col-panel:hover .col-panel-m {
    display: block;
    visibility: visible;
    opacity: 100%;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.col-panel:hover .elementor-divider-separator {
    width: 100% !important;
    -webkit-transition: transform 0.4s ease;
	transition : all 0.4s ease;
}

.elementor-divider-separator {
    -webkit-transition: transform 0.4s ease;
	transition : all 0.4s ease; 
}

.clickable:hover {
    cursor: pointer;
}

#footer a {
    color: #FFFFFF;
}

#footer a:hover {
    color: #BA8E31;
}

h1 b {
    font-weight: 700;
}

.hover-underline-animation {
  display: inline-block;
}

.hover-underline-animation:hover {
  cursor: pointer;
}

.tab {
  display: inline-block;
}

.tab:hover {
  cursor: pointer;
}

.tab:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 7px;
  bottom: 0;
  left: 0;
  background-color: 
#BA8E31;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}

.tab:hover:after {
  transform: scaleX(0.5);
  transform-origin: bottom left;
  cursor: pointer;
}

.underline {
    display: inline-block;
}

.underline:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0.1);
  height: 6px;
  bottom: 0;
  left: 0;
  background-color: #BA8E31;
  transform-origin: bottom left;
}

.underline-full:after {
      content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1) !important;
  height: 6px;
  bottom: 0;
  left: 0;
  background-color: #BA8E31;
  transform-origin: bottom left;
}

.underline-menu {
    display: inline-block;
}

.underline-menu:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0.3);
  height: 6px;
  bottom: 10px;
  left: 20px;
  background-color: #BA8E31;
  transform-origin: bottom left;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: 
#BA8E31;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
  cursor: pointer;
}

.elementor-slideshow__title {
    visibility: hidden;
}

.full-height {
    min-height: 100vh;
}

.full-view {
    /* Ajuster offset = hauteur navbar */
    min-height: calc(100vh - 140px);
}

.espaceur {
    min-height: 150px;
    padding: 0;
    margin: 0;
}

#panels-accueil-container {
    /* Ajuster offset = hauteur navbar + hauteur séparateur*/
    height: calc(100vh - 290px);
}

#separateur-accueil-container {
    height: 150px;
}

.col-panel {
    margin: 0;
}

#stickyheaders {
    height: 140px !important;
    z-index: 9999 !important;
    filter: grayscale(1%) !important;
}

#searchbar * {
    font-size: 14px !important;
    display: flex;
}

.searchbar-input {
    font-family: Be Vietnam Pro;
}

.searchbar-button {
    color: white;
    border: 0;
    background: #BA8E31
}

#titre-page-materiel {
    position: relative;
    left: -200px;
    width: 100vw;
}

.left-col {
    margin-left: calc((100vw - 1140px)/2);
}

.separateur {
    min-height: 150px;
}

.location-carre {
    height: 280px;
    width: 280px;
    background: red;
}

.location-carre-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.location-carre:nth-child(1){
    background: blue;
}

.location-carre:nth-child(2){
    background: white;
}

.location-carre:nth-child(3){
    background: red;
}

/*.logo-megamenu {
    width: 150px;
    height: 70px;
}*/

/*.logo-megamenu div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/

.logo-megamenu img {
    height: 80px;
}

.bateau-megamenu img {
    height: 50px;
}

.marque-megamenu img {
    width: 120px;
}

#menu-bateaux-neufs {
    -webkit-transition: transform 0.34s ease;
	transition : all 0.34s ease;
}

#menu-bateaux-neufs a {
    color: #878787;
    -webkit-transition: transform 0.2s ease;
	transition : all 0.2s ease;
}

#menu-bateaux-neufs a:hover {
    color: #BA8E31;
}


.megamenu-untoggle {
    transform: translateY(-100%); /* Taille du megamenu */
}

.megamenu-toggle:hover {
    cursor: pointer;
}

.svg-med-megamenu svg {
/*    height: 10px !important;*/
}

.icone-page {
    width: 250px;
}

.icone-bateaux-neufs a {
    height: 40px;
}

.icone-bateaux-neufs a img {
    height: 40px;
}

.label-icone-bateaux-neufs span {
    font-size: 18px;
    font-weight: 700;
    color: #BA8E31;
    line-height: 30px;
    margin-right: 10px;
}

.corners {
    padding: 20px !important;
    --b: 5px;   /* thickness of the border */
  --c: #BA8E31;   /* color of the border */
  --w: 20px;  /* width of border */
  

  border: var(--b) solid #0000; /* space for the border */
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background:
    conic-gradient(from 90deg  at top    var(--b) left  var(--b),var(--_g)) 0    0    / var(--_p),
    conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);
}

.lien-megamenu p {
    margin-bottom: 7px !important;
}

.headeropaque {
	background: rgba(240, 240, 240, 1) !important;
}

.bateaux-occasions-image {
    -webkit-transition: transform 0.2s ease;
  transition : all 0.2s ease;
}

.bateaux-occasions-image:hover {
    filter: brightness(70%);
}

.volvo-penta-image img {
    height: 100%;
    object-fit: contain;
}

.volvo-penta-image {
    height: 250px;
}

.volvo-penta-contact {
  font-family: var( --e-global-typography-e8507ee-font-family ), Sans-serif;
  font-size: var( --e-global-typography-e8507ee-font-size );
  font-weight: var( --e-global-typography-e8507ee-font-weight );
  line-height: var( --e-global-typography-e8507ee-line-height );
  letter-spacing: var( --e-global-typography-e8507ee-letter-spacing );
  word-spacing: var( --e-global-typography-e8507ee-word-spacing );
  fill: var( --e-global-color-ef3fb99 );
  color: var( --e-global-color-ef3fb99 );
  background-color: #FFFFFF00;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 25px 25px 25px 25px;
  padding: 8px 18px 8px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  -webkit-transition: transform 0.2s ease;
  transition : all 0.2s ease;
}

.volvo-penta-contact:hover {
    color: #F0F0F0;
    background-color: #141315;
}

.volvo-penta-fiche a {
    color: var( --e-global-color-ef3fb99 );
}

.volvo-penta-fiche {
    font-family: var( --e-global-typography-e8507ee-font-family ), Sans-serif;
  font-size: var( --e-global-typography-e8507ee-font-size );
  font-weight: var( --e-global-typography-e8507ee-font-weight );
  line-height: var( --e-global-typography-e8507ee-line-height );
  letter-spacing: var( --e-global-typography-e8507ee-letter-spacing );
  word-spacing: var( --e-global-typography-e8507ee-word-spacing );
  fill: var( --e-global-color-ef3fb99 );
  color: var( --e-global-color-ef3fb99 );
  background-color: #FFFFFF00;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 25px 25px 25px 25px;
  padding: 8px 18px 8px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  -webkit-transition: transform 0.2s ease;
  transition : all 0.2s ease;
}

.volvo-penta-fiche:hover {
    color: #F0F0F0;
    background-color: #141315;
    cursor: pointer;
}

.volvo-penta-fiche:hover a {
    color: #F0F0F0;
}

.jet-filters-pagination__current div {
    font-weight: 900 !important;
}

.jet-engine-gallery-grid__item-img {
    height: 250px !important;
}

.col-caracteristiques {
    width: 33% !important;
}

.searchandfilter {
    padding: 0 !important;
    margin: 0 !important;
}

.searchandfilter * {
    font-family: Be Vietnam Pro !important;
    font-size: 14px;
}

input {
  border-radius: 0;
}

.searchandfilter .searchbar input[type="search"] {
  -webkit-appearance: none;
}

.searchandfilter input[type=submit] {
    color: white;
    background: #BA8E31;
    border: 1px solid #BA8E31;
}

.searchandfilter input[type=submit]:hover {
    color: #141315;
    background: #00000000;
    border: 1px solid #141315;
}

.searchbar-button {
    color: white;
    background: #BA8E31;
    border: 1px solid #BA8E31;
}

.searchbar-button:hover {
    color: #141315;
    background: #00000000 !important;
    border: 1px solid #141315;
}

.searchbar-button:focus {
    color: white;
    background: #BA8E31;
    border: 1px solid #BA8E31;
}

.searchandfilter ul {
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 1024px) {
    
    .col-panel-m {
        display: none;
        visibility: hidden;
        opacity: 0%;
    }
    
    .col-panel:hover .col-panel-m {
        display: none;
        visibility: hidden;
        opacity: 0%;
    }

    .col-panel:hover .elementor-divider-separator {
        width: 50px !important;
        -webkit-transition: transform 0.4s ease;
	    transition : all 0.4s ease;
    }
    
    #stickyheaders {
        height: 70px !important;
        background: #F0F0F0 !important;
    }
    
    .sub-menu {
        border-left: solid #BA8E31 !important;
        margin-left: 30px !important;
    }
    
    #stickyheaders .menu-item a {
        font-size: 14px !important;
        font-family: "Be Vietnam Pro", Sans-serif;
        font-weight: 500;
    }
    
    #panels-accueil-container {
        /* Ajuster offset = hauteur navbar + hauteur séparateur*/
        height: calc(100vh - 70px);
    }
    
    .label-icone-bateaux-neufs span:after {
        max-width: 250px;
    }
    
    .col-panel {
        flex: 1;
    }
    
    .left-col {
        margin-left: 0;
    }
    
    .espaceur {
        min-height: 100px;
    }
    
    #menu-bateaux-neufs {
        display: none;
        visibility: hidden;
    }
    
    .col-caracteristiques {
        width: 33% !important;
    }
    
    .bug-padding {
        padding: 0 !important;
    }
    
    .element-reveal {
        --speed: 0 !important;
        animation: none !important;
    }

    .element-reveal > * {
        transition: none !important
        transform: translateY(0) !important;
    }

    .element-reveal.animated > * {
        clip-path: none !important;
        transform: translateY(0) !important;
    }

}

@media (max-width: 767px) {
    #titre-page-materiel {
        position: relative;
        left: 0;
        width: 100vw;
    }
    
    #panels-accueil-container {
        /* Ajuster offset = hauteur navbar + hauteur séparateur*/
        height: calc(100vh - 130px);
    }
    
    .bgless {
        background-image: none !important;
    }
    
    .headeropaque {
    	background: rgba(240, 240, 240, 0) !important;
    }
    
    .espaceur {
        min-height: 50px;
    }
    
    .col-caracteristiques {
        width: 50% !important;
    }
    
    .bug-padding {
        padding: 0 !important;
    }
    
    .searchandfilter li {
        width: 100% !important;
        padding-bottom: 30px !important;
    }
    
    .searchandfilter input[name=ofsearch] {
        width: 100% !important;
    }
    
    .searchandfilter input[type=submit] {
        width: 100% !important;
    }
}/* End custom CSS */