a { color: #B0845E; }

body > header.fullpage > .mainNav { position: fixed; transition: all 0.5s ease !important; }
body > header.fullpage.on > .mainNav { top: 0; }
body > header.fullpage:not(.on) > .mainNav { top: calc(0px - 125px - 1vh); }

body .simple.mainNav { position: fixed; transition: all 0.5s ease !important; }
body .simple.mainNav.on { top: 0; }
body .simple.mainNav:not(.on) { top: calc(0px - 125px - 1vh); }

body .simple.mainNav > div > ul { padding-right: 40px; }

nav.mainNav .h-menu { --h-menu-size: 70px; padding: 20px; }

body.scroll > header.fullpage.on > .mainNav,
body.scroll .simple.mainNav.on { background-color: rgba(255, 255, 255, 0.9); }

body.scroll > header.fullpage.on > .mainNav > div > ul > li > a, nav.mainNav > div > ul > li > span,
body.scroll .simple.mainNav.on > div > ul > li > a, nav.mainNav > div > ul > li > span { color: #000; text-shadow: none; }

nav.mainNav > div > ul li.other { cursor: pointer; }
nav.mainNav > div > ul li.other svg { padding-top: 2px; height: 24px; fill: var(--nav-txt-color); transition: fill 0.3s ease; }
nav.mainNav > div > ul li.other:hover svg { fill: var(--nav-selected-txt-color); }
body nav.mainNav.simple > div > ul > li.other:hover svg { fill: #000; }

body.scroll > header.fullpage nav.mainNav .smallLogo img { filter: invert(100%); }

body.scroll nav.mainNav .h-menu > span,
body.scroll nav.mainNav .h-menu > span::after,
body.scroll nav.mainNav .h-menu > span::before { background-color: #000; }

ul.ariane { background: transparent; }
ul.ariane > li > a { display: inline-block; }
ul.ariane > li > a.nourl { cursor: default; }
ul.ariane > li > a.nourl:hover { color: #B0845E; }
ul.ariane > li:not(:last-child)::after { content: ' > '; }

ul.ariane > li.on > a::before, ul.ariane > li.on > span::before { content: none; }
ul.ariane > li.on > a::after, ul.ariane > li.on > span::after { content: none; }
ul.ariane > li.on > a, ul.ariane > li.on > span { background-color:  transparent; font-weight: 600; color: #000; }

ul.ariane > li > a, ul.ariane > li > span { padding: 8px 10px; }

header.fullpage .banner .digi-slideshow .slide-info {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50%;

    font-size: 14px;

    z-index: 10;

    overflow: hidden;
}
header.fullpage .banner .digi-slideshow .slide-info > .furibons-slide-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
    flex-direction: column;
    color: var(--slide-color-text, var(--main-color-txt));
    background: var(--slide-color-light-bg, rgba(0, 0, 0, 0.15));
    overflow: hidden;
}

.digi-slideshow .items li > img { position: relative; top: 0; }
body.scroll header.fullpage .scrollDown { display: none; }
header.fullpage .slide-info > .furibons-slide-content > .veil { position: absolute; top: 0; bottom: 0; width: 0; z-index: 5; background: var(--slide-color-bg, rgba(0, 0, 0, 0.55)); }
header.fullpage .slide-info > .furibons-slide-content > .inner-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; z-index: 10; }
header.fullpage .slide-info > .furibons-slide-content > .inner-content > div,
header.fullpage .slide-info > .furibons-slide-content > .inner-content > section { width: 100%; max-width: 700px; margin: 0 auto; }
header.fullpage .slide-info > .furibons-slide-content > .inner-content > .chapo { font-size: 36px; line-height: 1.2em; min-width: 400px; max-width: 1400px; text-align: center; height: 140px; display: flex; flex-direction: column; justify-content: center; font-family: 'Playfair Display'; font-weight: bold; line-height: 1.2; }
header.fullpage .slide-info > .furibons-slide-content > .inner-content > .chapo p { font-size: 36px; line-height: 1.2em; text-align: center; }
header.fullpage .slide-info > .furibons-slide-content > .inner-content > .chapo h1 { font-size: 36px; line-height: 1.2em; text-align: center; padding: 0; margin: 8px 0; color: #fff; }
header.fullpage .slide-info > .furibons-slide-content > .inner-content > .chapo em { font-family: 'CoreCircus2DDot1'; font-style: normal; font-size: 1.2em; }
header.fullpage .furibons-shortcuts { display: flex; justify-content: center; padding: 20px; }
header.fullpage .furibons-shortcuts > article { display: flex; justify-content: center; align-items: center; padding: 12px; width: 140px; height: 140px; margin: 12px; border-radius: 50%; border: 1px solid var(--slide-color-text, var(--main-color-txt)); font-size: 14px; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase; line-height: 1.2em; transition: background-color 0.4s ease, color 0.4s ease; }
header.fullpage .furibons-shortcuts > article:hover { background-color: var(--slide-color-text, var(--main-color-txt)); color: var(--slide-color); }

body > header .wrapTitle { padding: 10px 40px; }


.page-form > figure img { max-height: 40vh; object-fit: cover; }

.furibons-design-content { background-color: var(--color-bg, transparent); padding: 30px 0; overflow: hidden; }
.homePage .furibons-design-content { height: 100vh; display: flex; flex-direction: column; justify-content: center; }

.furibons-design-content > .wrap-content { max-width: var(--wrap-width); width: 100%; margin: 0 auto; position: relative; }
.furibons-design-content > .wrap-content h2 {  color: var(--color-text, #000); font-size: 90px; font-family: 'Arsilon'; padding-right: 10%; padding-left: 60px; line-height: 1em; z-index: 80; }
.furibons-design-content > .wrap-content .title-container { position: absolute; top: -40px; left: 0; right: 0; width: 100%; overflow: hidden; z-index: 100; }
.furibons-design-content > .wrap-content .title-container > h2.anime-slide-enter { transform: translateX(40vw); }
.furibons-design-content.align-center > .wrap-content .title-container > h2.anime-slide-enter { transform: translateX(50vw); }
.furibons-design-content.align-end > .wrap-content .title-container > h2.anime-slide-enter { transform: translateX(60vw); }
.furibons-design-content.align-center > .wrap-content h2 { text-align: center; }
.furibons-design-content.align-end > .wrap-content h2 { text-align: right; }
.furibons-design-content > .wrap-content > a:hover { color: inherit; }
.furibons-design-content > .wrap-content ul.furibons-design-items { display: flex; flex-direction: row; align-items: center; padding: 100px 30px; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li { position: relative; flex: 1 1; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.plan-background_2 { z-index: 5; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.plan-background { z-index: 10; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.plan-foreground { z-index: 30; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.plan-normal { z-index: 20; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li:hover { z-index: 150; }

.furibons-design-content[data-c="4868"] > .wrap-content ul.furibons-design-items { padding-bottom: 60px; }

.furibons-design-content.content-align-center > .wrap-content ul.furibons-design-items { justify-content: center; }
.furibons-design-content.content-align-right > .wrap-content ul.furibons-design-items { justify-content: flex-end; }

.furibons-design-content.with-banner { background-image: var(--banner-img-url); background-position: center; background-size: var(--parallax-effect-value, 120%); height: 440px; margin-bottom: 6px; margin-top: 6px; overflow: hidden; transition: unset; }
.furibons-design-content.with-banner > .wrap-content { height: 100%; }
.furibons-design-content.with-banner > .wrap-content ul.furibons-design-items { padding: 0; height: 100%; }
.furibons-design-content.with-banner .furibons-design-content-bulle { position: static; /*transform: scale(0);*/ }

.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle { min-width: 240px; min-height: 240px; flex: 0 1; z-index: 50; }

.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle.plan-background_2 { z-index: 40; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle.plan-background { z-index: 45; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle.plan-normal { z-index: 50; }
.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle.plan-foreground { z-index: 55; }

.furibons-design-content-bulle { position: absolute; padding: 50px; width: 300px; height: 300px; background-color: var(--bulle-color-bg, #fff); border-radius: 50%; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); transition: all 0.4s ease; }
.furibons-design-content-bulle.with-image { width: 240px; height: 240px; margin: 0 90px; }
.furibons-design-content-bulle h3 { color: var(--bulle-color-text, #000); font-weight: bold; font-size: 20px; font-family: 'Playfair Display'; padding-left: 0px; width: 100%; text-align: left; padding-top: 8px; margin: 0 0 10px 0; }
.furibons-design-content-bulle > .bulle-content { display: flex; flex-direction: column; height: 100%; }
.furibons-design-content-bulle .content { flex: 1 1; display: flex; flex-direction: column; justify-content: center; color: var(--bulle-color-text, #222); text-align: left; font-size: 13px; font-weight: 300; line-height: 1.4;  padding-left: 0; }
.furibons-design-content-bulle .content p { text-align: left; font-size: 13px; font-weight: 300; line-height: 1.4; margin: 4px 0; }
.furibons-design-content-bulle.with-image { padding: 20px 30px 50px 30px; }
.furibons-design-content-bulle.with-image > .bulle-content { width: 200%; }
.furibons-design-content-bulle.with-image figure { display: flex; flex-direction: row; justify-content: flex-start; height: 180px; position: relative; }
.furibons-design-content-bulle.with-image figure > img { height: 100%; width: auto; }

.furibons-design-content-image { position: relative; top: 0; transition: all 0.4s ease; }
.furibons-design-content-image .image-content > figure { display: flex; flex-direction: column; }
.furibons-design-content-image.position-bottom .image-content > figure { flex-direction: column-reverse; }
.furibons-design-content-image .image-content > figure > .img { position: relative; width: 100%; height: 100%; }
.furibons-design-content-image .image-content > figure > .img:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%;/* background: var(--animation-img);*/ background-size: cover; background-position: top left -10px; background-repeat: no-repeat; /*filter: blur(3px);*/ transition: width 0.8s ease; }
.furibons-design-content-image .image-content > figure > .img.hide-filter:after { width: 0;  }

.furibons-design-content-image.with-ratio .image-content { position: relative; padding-bottom: var(--image-ratio); height: 0; }
.furibons-design-content-image.with-ratio .image-content > figure { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.furibons-design-content-image.with-ratio .image-content > figure > .img > img { height: 100%; object-fit: cover; }

.furibons-design-content > .wrap-content ul.furibons-design-items > li:nth-child(odd) .furibons-design-content-image .image-content > figure > .img:after { left: unset; right: 0; background-position: top right -10px; }

.furibons-design-content-image .image-content > figure > .img > img { display: block; width: 100%; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
.furibons-design-content-image .image-content > figure > figcaption { font-size: 12px; font-style: normal; padding: 8px; }

.animate-strobo-container { position: relative; }
.animate-strobo-container > .animate-strobo-items { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; }
.animate-strobo-container > .animate-strobo-items > ul { display: block; width: 100%; height: 100%; }
.animate-strobo-container > .animate-strobo-items > ul > li { display: none; width: 100%; height: 100%; }
.animate-strobo-container > .animate-strobo-items > ul > li.on { display: block; }
.animate-strobo-container > .animate-strobo-items > ul > li.strobo-img > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.animate-strobo-container > .animate-strobo-items > ul > li.strobo-caption { justify-content: center; align-items: center; padding: 10px; font-size: 18px; line-height: 1.3; font-family: 'Playfair Display'; text-align: center; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
.animate-strobo-container > .animate-strobo-items > ul > li.strobo-caption.on { display: flex; }

.furibons-design-content-box { position: relative; top: 60px; transition: all 0.4s ease; }
.furibons-design-content-box .box-content > figure { display: flex; flex-direction: column; }
.furibons-design-content-box.position-bottom .box-content > figure { flex-direction: column-reverse; }
.furibons-design-content-box .box-content > figure > .img { position: relative; width: 100%; height: 100%; }
.furibons-design-content-box .box-content > figure > .img > img { height: auto; width: 550px; object-fit: contain; }
.furibons-design-content-box .box-content > figure > ul.legend > li { position: absolute; color: #fff; font-family: "Montserrat", Arial, serif; font-size: 12px; transition: font-size 0.5s ease; z-index: 50; }
.furibons-design-content-box .box-content > figure > ul.legend > li:hover { font-size: 15px; }
.furibons-design-content-box .box-content > figure > ul.legend > li:nth-child(1) { top: 15px; left: 80px; }
.furibons-design-content-box .box-content > figure > ul.legend > li:nth-child(2) { bottom: 90px; right: 100px; }
.furibons-design-content-box .box-content > figure > ul.legend > li:nth-child(3) { bottom: 40px; right: 180px; }
.furibons-design-content-box .box-content > figure > ul.legend > li:nth-child(4) { bottom: 90px; left: -17px; }

.animated { transition: all 0.5s ease; }

.furibons-animations-categories { }
.furibons-animations-categories > .wrap-content { max-width: var(--wrap-width); margin: 0 auto; position: relative; }
.furibons-animations-categories > .wrap-content > ul.categories { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; width: 100%; }
.furibons-animations-categories > .wrap-content > ul.categories > li { flex: 1 1 calc(33% - 40px); margin: 20px; max-width: calc(33% - 40px); }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category { width: 100%; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content { width: 100%; height: 100%; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content > a { display: block; height: 100%; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content h3 { width: 100%; font-family: 'Montserrat'; color: #000; font-weight: bold; text-align: center; margin-bottom: 10px; height: 60px; display: flex; justify-content: center; align-items: center; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure { width: 100%; height: 300px; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure > img,
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure > .blocSlide { height: 100%; width: 100%; display: block; object-fit: cover; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure > .blocSlide > .items { height: 100% !important; width: 100% !important; overflow: hidden; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure > .blocSlide:not(.digi-slideshow) > .items { display: none; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure > .blocSlide > .items > li { height: 100% !important; width: 100% !important; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content figure > .blocSlide > .items > li > img { height: 100% !important; width: 100% !important; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content .chapo { color: #333; transition: color 0.3s ease; margin-top: 10px; line-height: 1.3em; font-size: 13px; }
.furibons-animations-categories > .wrap-content > ul.categories > li > .furibons-animation-category > .category-content > a:hover .chapo { color: #666; }


.furibons-animations-subcategory > .wrap-content { max-width: var(--wrap-width); margin: 0 auto; position: relative; display: flex; align-items: stretch; }
.furibons-animations-subcategory.pos-right > .wrap-content { flex-direction: row-reverse; }
.furibons-animations-subcategory > .wrap-content > aside { flex: 1 1 55%; max-width: 60%; min-height: 100%; }
.furibons-animations-subcategory > .wrap-content > aside > figure { padding-bottom: 60%; width: 100%; min-height: 100%; position: relative; }
.furibons-animations-subcategory > .wrap-content > aside > figure > .img-container { position: absolute; top: -30px; left: 0; right: 0; bottom: -30px; display: block; width: 100%; height: calc(100% + 60px); object-fit: cover; overflow: hidden; }
.furibons-animations-subcategory > .wrap-content > aside > figure > .img-container > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.furibons-animations-subcategory > .wrap-content > article { flex: 1 1 40%; max-width: 40%; padding: 50px 40px; display: flex; flex-direction: column; justify-content: center; }
.furibons-animations-subcategory > .wrap-content > article > h2 { font-weight: 500; font-size: 22px; line-height: 1; color: #000; padding: 0; margin: 0 0 10px 0; }
.furibons-animations-subcategory > .wrap-content > article > .content { font-size: 15px; }
.furibons-animations-subcategory > .wrap-content > article > .content p { font-size: 15px; margin: 14px 0; }
.furibons-animations-subcategory > .wrap-content > article > nav { margin-top: 10px; }

.furibons-section-animation > header { max-width: 600px; margin-left: auto; margin-right: auto; padding: 20px; }
.furibons-section-animation > header > h1 { font-size: 36px; line-height: 40px; padding: 0; margin-bottom: 24px; }
.furibons-section-animation > header > .content { font-size: 15px; line-height: 1.3em; font-weight: normal; font-variant: none; padding: 0; margin-bottom: 16px; color: #333; text-align: center; }
.furibons-section-animation > section:first-of-type { margin-top: 60px; }
.furibons-section-animation > section:last-of-type { margin-bottom: 60px; }
.furibons-section-animation > section:nth-of-type(odd) > .wrap-content > aside > figure > .img-container { z-index: 10; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); }
.furibons-section-animation > section:nth-of-type(even) > .wrap-content > aside > figure > .img-container { z-index: 5; }
.furibons-section-animation > nav.back { text-align: center; margin: 40px 0; font-size: 14px; line-height: 1.4;  }
.furibons-section-animation > section.furibons-animations-subcategory:first-of-type > .wrap-content > article { padding-top: 0; }
.furibons-section-animation > section.furibons-animations-subcategory:last-of-type > .wrap-content > article { padding-bottom: 0; }

.modal-animations { display: flex; flex-direction: column; position: fixed; top: 10vh; left: 50%; transform: translateX(-50%); background: #fff; padding: 20px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); border: 16px solid #E8E37C; z-index: 1000; }
.modal-animations:not(.on) { display: none; }
.modal-animations + .modal-animations-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 199; background: rgba(0, 0, 0, 0.1); }
.modal-animations:not(.on) + .modal-animations-overlay { display: none; }

.modal-animations > header > figure > img { display: block; height: 260px; width: 100%; min-width: 500px; object-fit: cover; }
.modal-animations > header > h2 { padding: 0; margin: 0 0 20px 0; color: #000; font-size: 40px; font-family: 'Playfair Display'; text-align: center; }
.modal-animations > .animations { display: flex; flex-direction: row; min-width: 500px; margin-top: 10px; }
.modal-animations > .animations > aside { font-weight: bold; flex: 1 1 200px; max-width: 200px; height: 140px; text-align: left; }
.modal-animations > .animations > aside p { text-align: left; }
.modal-animations > .animations > ul.animations-products { display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, auto); grid-column-gap: 20px; }
.modal-animations > .animations > ul.animations-products > li > a { display: block; padding: 6px; }

.btn.btn-back { border-radius: 30px; border: 1px solid #000; background-color: #fff; color: #000;  font-weight: bold; padding: 8px 18px; margin: 10px 0; transition: all 0.5s ease; }
.btn.btn-back:hover { background-color: #000; color: #fff; }

.product-wrapper > .prod { display: flex; flex-direction: row; align-items: flex-start; max-width: var(--wrap-width); margin: 20px auto; }
.product-wrapper > .prod > aside.picture-frame { position: relative; flex: 1 1 36%; max-width: 36%; padding: 20px; }
.product-wrapper > .prod > aside.picture-frame > figure { width: 100%; padding-bottom: 100%; position: relative; }
.product-wrapper > .prod > aside.picture-frame > figure > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.product-wrapper > .prod > aside.picture-frame > .blocSlide { width: 100%; padding-bottom: 100%; position: relative; }
.product-wrapper > .prod > aside.picture-frame > .blocSlide > ul { width: 100%; height: 100% !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.product-wrapper > .prod > aside.picture-frame > .blocSlide > ul > li { height: 100%; }
.product-wrapper > .prod > aside.picture-frame > .blocSlide > ul img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-wrapper > .prod > aside.picture-frame > .digi-slideshow .fleche { opacity: 0; transition: opacity 0.4s ease; }
.product-wrapper > .prod > aside.picture-frame > .digi-slideshow:hover .fleche { opacity: 1; }

.product-wrapper > .prod > aside.picture-frame > .category { position: absolute; bottom: var(--bottom, -55px); left: 20px; transform: translateX(-50%); font-size: var(--font-size, 80px); font-family: 'CoreCircus2DDot1'; letter-spacing: -0.2em; color: #000; z-index: 1000; }
.product-wrapper > .prod > section.details { flex: 1 1 64%; max-width: 64%; }
.product-wrapper > .prod > section.details h1 { padding: 20px 0; }
.product-wrapper > .prod > section.details .details-line { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.product-wrapper > .prod > section.details .details-line.column { flex-direction: column; }
.product-wrapper > .prod > section.details .words { max-width: 280px; }
.product-wrapper > .prod > section.details .words > li { padding: 15px; position: relative; font-weight: bold; line-height: 1.3em; }
.product-wrapper > .prod > section.details .words > li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; background-color: #E8E37C; z-index: -1; }
.product-wrapper > .prod > section.details nav { margin-top: 60px; padding-left: 15px; padding-bottom: 20px; }
.product-wrapper > .prod > section.details .chapo { font-size: 16px; line-height: 1.2em; margin-bottom: 30px; }
.product-wrapper > .prod > section.details .desc { flex: 1 1 60%; max-width: 60%; padding-right: 100px; font-size: 13px; }

.product-wrapper > .discover { margin: 40px auto; max-width: var(--wrap-width); }
.product-wrapper > .discover > header > p { font-size: 18px; text-align: center; margin-bottom: 20px; }
.product-wrapper > .discover > ul { max-width: 600px; margin: 0 auto; padding: 20px 0 40px 0; }
.product-wrapper > .discover > ul > li { position: relative; width: 100%; height: 180px; z-index: 3; }
.product-wrapper > .discover > ul > li figure.dicover-img { position: absolute; width: 55%; padding-bottom: 35%; }
.product-wrapper > .discover > ul > li figure.dicover-img > img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 5; }
.product-wrapper > .discover > ul > li figure.dicover-img figcaption { position: absolute; background-color: #fff; z-index: 10; min-height: 40px; padding-bottom: 10px; border-radius: 20px; width: 100%; font-size: 16px; font-style: normal; font-weight: bold; border: 1px solid #000; color: #000; transition: all 0.5s ease; }
.product-wrapper > .discover > ul > li:hover figure.dicover-img figcaption { background-color: #000; color: #fff; }

.product-wrapper > .discover li:nth-child(3n+1) figure.dicover-img { left: 0; }
.product-wrapper > .discover li:nth-child(3n+1) figure.dicover-img figcaption { bottom: 15px; right: 40%; }
.product-wrapper > .discover li:nth-child(3n+2) { z-index: 1; }
.product-wrapper > .discover li:nth-child(3n+2) figure.dicover-img { right: 0; }
.product-wrapper > .discover li:nth-child(3n+2) figure.dicover-img figcaption { bottom: 20%; left: 40%; }
.product-wrapper > .discover li:nth-child(3n) { z-index: 4; }
.product-wrapper > .discover li:nth-child(3n) figure.dicover-img { left: 50%; transform: translateX(-50%); border: 8px solid #E8E37C; }
.product-wrapper > .discover li:nth-child(3n) figure.dicover-img figcaption { top: 15px; right: 35%; }

.bloc-sponsors { padding-left: 0; padding-right: 0; }
.bloc-sponsors .blocSlide { width: 100%; }

.bloc-portal { position: relative; background-color: var(--color-bg-2); color: var(--color-text, #fff); }
.bloc-portal .bloc-portal-wrap { position: relative; padding: 10px 40px; top: -60px; width: 600px; max-width: 100%; left: 50%; background-color: var(--color-bg); transform: translateX(-50%); }
.bloc-portal .bloc-portal-wrap h3 { text-align: center; padding: 0; color: var(--color-text, #fff); font-size: 30px; margin-bottom: 10px; }
.bloc-portal .bloc-portal-wrap .subtitle { text-align: center; color: var(--color-text, #fff); font-size: 14px; font-weight: bold; margin-bottom: 20px; line-height: 1.3em; }
.bloc-portal .bloc-portal-wrap > header img { margin: 0 auto; width: 30%; min-width: 200px; object-fit: contain; margin-bottom: 20px; }
.bloc-portal .bloc-portal-wrap .portal-grid { display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); padding: 10px; }
.bloc-portal .bloc-portal-wrap .portal-grid > .portal-grid-item { padding-bottom: 80%; position: relative; margin: 0 10px; }
.bloc-portal .bloc-portal-wrap .portal-grid > .portal-grid-item > figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.bloc-portal .bloc-portal-wrap .portal-grid > .portal-grid-item > figure > img { display: block; height: calc(100% - 30px); width: 100%; object-fit: cover; }
.bloc-portal .bloc-portal-wrap .portal-grid > .portal-grid-item > figure > figcaption { display: flex; justify-content: center; align-items: center; height: 30px; padding: 0; color: var(--color-text, #fff); font-size: 12px; font-weight: bold; font-style: normal; }

/** Formulaire **/

.form-quote { padding: 0; }

.form-quote .form-quote-reinsurance { max-width: 1200px; margin: 0 auto; padding: 10px; }
.form-quote .form-quote-reinsurance > ul { display: flex; justify-content: center; flex-wrap: wrap; }
.form-quote .form-quote-reinsurance > ul img { width: 50px; height: 50px; object-fit: contain; }
.form-quote .form-quote-reinsurance > ul > li { display: flex; align-items: center; font-size: 15px; margin: 5px 15px; }
.form-quote .form-quote-reinsurance > ul > li p { font-size: inherit; margin: 0 0 0 5px; text-align: left; line-height: 1.2em; }

.form-quote > header > figure > img { width: 100%; height: 300px; object-fit: cover; }
.form-quote > .form-view { position: relative; display: grid; grid-template-columns: 1fr 2fr; }
.form-quote > .form-view > aside { position: relative; min-height: 100vh; }
.form-quote > .form-view > aside > .aside-content { position: sticky; top: 0; height: 100vh; margin-top: 50px; margin-right: 80px; background-color: var(--form-quote-color, var(--main-color)); display: flex; flex-direction: column; justify-content: center; }
body.scroll-header-hidden .form-quote > .form-view > aside > .aside-content { margin-top: 0; padding-top: 0; }
.form-quote > .form-view > aside > .aside-content > .blocSlide { flex: 1 1; height: 50vh; max-height: 50vh; margin: 20px 0 20px 20px; border-radius: 18px; overflow: hidden; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); }
.form-quote > .form-view > aside > .aside-content > .blocSlide > ul { height: 100% !important; }
.form-quote > .form-view > aside > .aside-content > .blocSlide > ul > li { height: 100% !important; }
.form-quote > .form-view > aside > .aside-content > .blocSlide > ul > li > img { object-fit: cover; height: 100% !important; }

.form-quote > .form-view > aside > .aside-content > .form-quote-gallery { position: absolute; top: -40px; right: -60px; height: 50vh; width: 50vh; }
.form-quote > .form-view > aside > .aside-content > .form-quote-gallery > ul { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 12px; height: 100%; width: 100%; }
.form-quote > .form-view > aside > .aside-content > .form-quote-gallery > ul > li.gallery-img { position: relative; padding-bottom: 100%; }
.form-quote > .form-view > aside > .aside-content > .form-quote-gallery img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
body.scrolling-past-header .form-quote > .form-view > aside > .aside-content > .form-quote-gallery { top: 45%; transform: translateY(-50%); }

.form-quote > .form-view > aside > .aside-content > .form-quote-words { position: absolute; width: 40vh; top: 50vh; right: 0; color: #fff; font-size: 15px; }
.form-quote > .form-view > aside > .aside-content > .form-quote-words .word { display: flex; align-items: center; margin-bottom: 8px; }
.form-quote > .form-view > aside > .aside-content > .form-quote-words .check-circle { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; background-color: #fff; margin-right: 8px; }
.form-quote > .form-view > aside > .aside-content > .form-quote-words .check-circle > i { color: var(--form-quote-color); }
body.scrolling-past-header .form-quote > .form-view > aside > .aside-content > .form-quote-words { top: unset; bottom: 20px; }

.form-quote > .form-view > aside > .aside-content > .floating-logo { display: none; justify-content: center; position: absolute; top: 40px; right: 0; width: 100%; max-width: calc(50vh - 120px); height: 90px; }
.form-quote > .form-view > aside > .aside-content > .floating-logo > img { height: 100%; width: 140px; object-fit: contain; }
body.scroll-header-hidden .form-quote > .form-view > aside > .aside-content > .floating-logo { display: flex; }

.form-quote > .form-view > .form-content { padding: 20px 20px 240px 20px; min-height: calc(100vh - 200px); }
body.scroll-header-hidden .form-quote > .form-view > .form-content { min-height: 100vh; }

.form-quote > header > h1 { padding: 0 10px; margin-top: 5px; margin-bottom: 14px; text-align: center; }
.form-quote > .form-view > .form-content .content,
.form-quote > .form-view > .form-content .content p { text-align: center; }

.form-quote .digiForm { width: 100%; max-width: unset; margin: 40px 0; padding: 0; }
.form-quote .form-step { position: relative; padding-top: 0; padding-bottom: 4vh; padding-left: 20px; padding-right: 20px; margin: 0; }
/* .form-quote .form-step.active { background-color: #fafafa; box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); border-radius: 16px; } */
.form-quote .form-step:not(.active) { opacity: 0.5; }
.form-quote .digiForm article { max-width: 1200px; margin: 0 auto; margin-bottom: 8px; padding: 0 10px; }
.form-quote .digiForm article.formTxt { max-width: 1200px; margin: 30px auto; }
.form-quote .digiForm article label { font-size: 13px; color: #000; }
.form-quote .digiForm article > label { font-style: italic; }
.form-quote .digiForm .form-title { max-width: 1200px; margin: 10px auto; cursor: pointer; }
.form-quote ul.checkboxes { --gap: 5px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.form-quote .form-step .form-title { font-size: 22px; font-weight: bold; color: var(--form-quote-color, var(--main-color)); height: 8vh; display: flex; justify-content: flex-start; align-items: center; text-align: center; padding: 0; margin: 0 auto; margin-bottom: 4vh; }
.form-quote ul.checkboxes > li { flex: 1 1 calc(33.3333333% - (var(--gap) * 2)); max-width: calc(33.33333333% - (var(--gap) * 2)); margin: var(--gap); line-height: 1.2em; }
.form-quote ul.checkboxes > li label { height: auto; line-height: 1.3em; font-size: 15px !important; }
.form-quote .title-2 { width: 100%; font-size: 22px; margin-top: 20px; margin-bottom: 20px; text-align: center; font-family: "Playfair Display"; }
.form-quote .ajoutForm { width: 100%; font-size: 14px; color: #444; margin-top: 20px; margin-bottom: 5px; }

.form-quote .checkbox-container { --checkbox-color: var(--form-quote-color, var(--main-color)); }

.form-quote label[for="ffOpportunityDeliveryStart"] { display: none !important; }
.form-quote .date-picker-inline-container { margin: 10px auto; max-width: 300px !important; }
.form-quote .date-picker-inline-container > input { text-align: center; border-radius: 4px 4px 0 0; border-color: var(--alt-bg); }
.form-quote .date-picker-inline-container .date-Picker { --dp-color: var(--main-color); border-radius: 0 0 4px 4px; }
.form-quote .date-picker-inline-container .date-Picker header { margin-top: 0; }
.form-quote .date-picker-inline-container .date-Picker table tr > td table tbody td { padding: 11px; }
.form-quote .date-picker-inline-container .date-Picker > div.main > table tr > td > table { font-size: 16px; }
.form-quote .grp_group_animations  article label[for="ffOSpec_type_evenement"] { display: none !important; }
.form-quote .grp_group_animations  article { max-width: 1400px; }
.form-quote .grp_group_animations  article ul.checkboxes > li { flex: 1 1 calc(20% - (var(--gap) * 2)); max-width: calc(20% - (var(--gap) * 2)); }

.form-quote .formOk { max-width: 1000px; margin: 20px auto; font-size: 16px; line-height: 1.2em; }
.form-quote .formOk p { font-size: 16px; line-height: 1.2em; }
.form-quote div.actions { margin-bottom: 40px; }

.page-form .formOk { max-width: 1000px; margin: 20px auto; font-size: 16px; line-height: 1.2em; }
.page-form .formOk p { font-size: 16px; line-height: 1.2em; }

.debug-point { position: absolute; background-color: red; border-radius: 50%; left: 50%; width: 10px; height: 10px; transform: translateX(-50%) translateY(-50%); z-index: 1000000; }

/** Checkbox / Radio **/
/* Customize the label (the container) */
.checkbox-container {
	--checkbox-color: var(--main-color);

	display: block;
	position: relative;
	padding: 5px 0 5px 35px !important;
	height: 35px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 13px !important;
	line-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkbox-container .checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	transition: background 200ms linear;
}

/* On mouse-over, add a background color */
.checkbox-container:hover input ~ .checkmark { border-color: var(--checkbox-color); background-color: #ddd; }
/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark { border-color: var(--checkbox-color); background-color: var(--checkbox-color); }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
	left: 8px;
	top: 4px;
	width: 7px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/** radio buttons **/
 /* Customize the label (the container) */
.radio-container {
	--radio-color: var(--main-color);

	display: block;
	position: relative;
	padding: 5px 0 5px 35px !important;
	margin-bottom: 0;
	height: 35px;
	cursor: pointer;
	font-size: 13px !important;
	line-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom radio button */
.radio-container .checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 50%;
	transition: background 200ms linear;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark { border-color: var(--radio-color); background-color: #ddd; }

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark { border-color: var(--radio-color); background-color: var(--radio-color); }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after { display: block; }

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 7px;
  left: 7px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
}

.cookies-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #333; color: #fff; border-top: 1px solid #ccc; z-index: 9999; }
.cookies-banner > .inner-content { max-width: var(--wrap-width); padding: 15px; margin: 0 auto; font-size: 14px; line-height: 1.3; }
.cookies-banner > .inner-content > nav { margin-top: 15px; text-align: center; }
.cookies-banner > .inner-content > nav > a:not(:last-of-type) { margin-right: 5px; }

.popup-newsite + .popup-newsite-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); z-index: 90000; }
.popup-newsite { position: fixed; top: 50%; left: 50%; max-width: 80vw; transform: translateX(-50%) translateY(-50%); background-color: rgba(255, 255, 255, 0.95); padding: 25px; z-index: 99999; }
.popup-newsite > .popup-close { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.popup-newsite .popup-chapo { font-size: 24px; line-height: 1.2em; text-align: center; margin-bottom: 12px; }
.popup-newsite .popup-sites > ul { display: flex; flex-direction: row; justify-content: center; align-items: stretch; }
.popup-newsite .popup-sites > ul > li { flex: 1 1 calc(50% - 12px); max-width: calc(50% - 12px); margin: 6px; }
.popup-newsite .popup-sites .popup-site { background-color: var(--site-color, #666); padding: 16px; height: 100%; }
.popup-newsite .popup-sites .popup-site.site-petylle { --site-color: #fbc960; }
.popup-newsite .popup-sites .popup-site.site-furibons { --site-color: #000; }
.popup-newsite .popup-sites .popup-site .logo { width: 100%; }
.popup-newsite .popup-sites .popup-site .logo > img { width: 100%; height: 60px; object-fit: contain; display: block; }
.popup-newsite .popup-sites .popup-site .img { display: flex; justify-content: center; }
.popup-newsite .popup-sites .popup-site .img > img { width: 260px; height: 40vh; object-fit: cover; display: block; }
.popup-newsite .popup-sites .popup-site .sub { color: #fff; line-height: 1.3em; text-align: center;  }
.popup-newsite .popup-sites .popup-site .sub strong { font-size: 14px; font-family: 'Playfair Display'; }
.popup-newsite .popup-sites .popup-site .separator { height: 10px; width: 100%; margin: 7px 0; }
.popup-newsite .popup-sites .popup-site .separator > img { width: 100%; height: 100%; display: block; object-fit: contain; }
.popup-newsite.petylle .popup-sites > ul { flex-direction: row-reverse; }
.popup-newsite .popup-nav { text-align: center; margin-top: 12px; }

.popup-newsite .btn {
	--btn-color-txt: #fff;
	--btn-color-bg: #000;
	--btn-color-txt-hover: #fff;
	--btn-color-bg-hover: #424143;
	border: 1px solid var(--btn-color-txt, #000);
	background-color: var(--btn-color-bg);
	border-radius: 20px;
	font-size: 17px;
	font-weight: normal;
	min-width: 150px;
	font-family: 'Playfair Display';
	letter-spacing: 0.06em;
	padding: 12px 30px;
	color: var(--btn-color-txt, #000);
}
.popup-newsite.petylle .btn { --btn-color-bg: #fbc960; }
.popup-newsite.furibons .btn { --btn-color-bg: #000; }

.bloc-content .content .actions { text-align: center; }

.infos-contact.address {
	line-height: 1.2em;
}
.infos-contact.address > .address-title {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 18px;
}

@media all and (max-width: 810px) {
	.popup-newsite .popup-sites .popup-site .img > img { height: 30vh; width: 200px; }
	.popup-newsite .popup-sites .popup-site .sub strong { font-size: 12px; }
}
@media all and (max-width: 620px) {
	.popup-newsite .popup-sites .popup-site .img > img { height: 80px; width: 100%; }
	.popup-newsite .popup-chapo { font-size: 14px; }
	.popup-newsite .popup-sites .popup-site .logo > img { height: 40px; }
}
@media all and (max-width: 485px) {
	.popup-newsite > .popup-close { top: 5px; right: 5px; }
	.popup-newsite > .popup-close > img { width: 14px; }
	.popup-newsite { width: 90vw; max-width: 90vw; padding: 20px 10px; }
	.popup-newsite .popup-sites .popup-site { padding: 8px; }
	.popup-newsite .popup-sites .popup-site .sub { font-size: 8px; }
	.popup-newsite .popup-sites .popup-site .sub strong { font-size: 8px; }
}


@media all and (max-height: 610px) {
	.popup-newsite .popup-sites .popup-site .img > img { max-height: 30vh; height: 30vh; width: 200px; }
	.popup-newsite .popup-sites .popup-site .sub strong { font-size: 12px; }
	.popup-newsite .popup-sites .popup-site .logo > img { height: 40px; }
	.popup-newsite .popup-chapo { font-size: 14px; }
}

@media all and (max-width: 620px) and (max-height: 610px) {
	.popup-newsite .popup-sites .popup-site .img > img { height: 50px; width: 160px; }
}

@media all and (max-height: 485px) {
	.popup-newsite .popup-sites .popup-site .img > img { height: 70px; }
}

@media all and (max-width: 1200px) {
	.form-quote > .form-view { display: block; }
	.form-quote > .form-view > aside { min-height: unset; height: auto; }
	.form-quote > .form-view > aside > .aside-content { position: static; height: unset; max-height: unset; margin-right: 0; margin-top: 0; }
	.form-quote > .form-view > aside > .aside-content > .form-quote-gallery { position: static; top: unset; right: unset; width: 100%; height: auto; padding: 5px; transform: none !important; }
	.form-quote > .form-view > aside > .aside-content > .form-quote-gallery > ul { grid-template-rows: 1fr; grid-template-columns: repeat(4, 1fr); grid-gap: 5px; }
	.form-quote > .form-view > aside > .aside-content > .form-quote-gallery img { height: 20vw; }

	.form-quote > .form-view > aside > .aside-content > .form-quote-words { position: static; top: unset; left: unset; right: unset; width: 100%; padding: 10px; }
	.form-quote > .form-view > aside > .aside-content > .form-quote-words > ul { display: flex; flex-wrap: wrap;  }
	.form-quote > .form-view > aside > .aside-content > .form-quote-words > ul > li { margin: 5px; }

	body.scroll-header-hidden .form-quote > .form-view > aside > .aside-content > .floating-logo { display: none; }

	.form-quote .digiForm { margin: 10px 0; }

	.furibons-design-content-bulle.with-image { margin: 0; }
}

@media all and (max-width: 1200px) and (min-width: 1001px) {
	.furibons-design-content > .wrap-content ul.furibons-design-items > li:first-child.type-bulle { margin-left: 50px; }
	.furibons-design-content > .wrap-content ul.furibons-design-items > li:first-child.type-image { margin-left: 30px; }
}

@media all and (max-width: 1000px) {
	ul.ariane { padding: 0; }

	nav.mainNav > div > ul { padding-right: 0 !important; }
	nav.mainNav > div > ul.responsiveNav > li > a, nav.mainNav > div > ul.responsiveNav > li > span { font-family: 'Playfair Display'; font-weight: 600; font-size: 18px; }
	nav.mainNav > div > ul.responsiveNav ul.bloc { background-color: rgba(255, 255, 255, 0.5); }
	nav.mainNav > div > ul.responsiveNav li > a,
	nav.mainNav > div > ul.responsiveNav li > span { color: #000; }
	nav.mainNav > div > ul.responsiveNav li li.selected, nav.mainNav > div > ul.responsiveNav li li:hover { background-color: rgba(0, 0, 0, 0.4); }
	nav.mainNav > div > ul li.other svg { fill: #000; }

	.furibons-animations-categories > .wrap-content > ul.categories > li { flex: 1 1 calc(50% - 40px); max-width: calc(50% - 40px); }

	.product-wrapper > .prod { flex-direction: column; }
	.product-wrapper > .prod > aside.picture-frame { width: 100%; max-width: 100%; max-height: 60vh; }
	.product-wrapper > .prod > aside.picture-frame > figure { padding-bottom: 40%; }
	.product-wrapper > .prod > aside.picture-frame > .category { left: 40%; }
	.product-wrapper > .prod > aside.picture-frame > .blocSlide { max-height: 60vh; padding-bottom: calc(60vh - 40px); }
	.product-wrapper > .prod > aside.picture-frame > .blocSlide > ul { max-height: 60vh; }
	.product-wrapper > .prod > section.details { width: 100%; max-width: 100%; padding: 20px; }
	.product-wrapper > .prod > section.details .details-line { flex-direction: column; }
	.product-wrapper > .prod > section.details .desc { max-width: 100%; margin-bottom: 20px; }
	.product-wrapper > .prod > section.details nav { margin-top: 20px; }
	.product-wrapper > .discover li { height: unset; padding-bottom: 35%; margin-bottom: 20px; }
	.product-wrapper > .discover li figure { width: 100%; }
	.product-wrapper > .discover li figure figcaption { width: 60%; }
	.product-wrapper > .discover li:nth-child(3n+1) figure figcaption { left: 10%; right: unset; }
	.product-wrapper > .discover li:nth-child(3n+2) figure figcaption { bottom: 15px; right: 10%; left: unset; }


	.form-quote > .form-view > .form-content { padding: 0; }

	.homePage .furibons-design-content { height: unset; }

	.furibons-design-content > .wrap-content h2 { padding: 10px 20px; font-size: 40px; text-align: center !important; }
	.furibons-design-content > .wrap-content ul.furibons-design-items { flex-direction: column; }

	.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-image { width: 100%; }
	.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle { }
	.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle > .furibons-design-content-bulle { position: absolute; transform: translateX(-50%) !important; left: 50%;  }

	.furibons-design-content > .wrap-content ul.furibons-design-items > li > .furibons-design-content-image { transform: none !important; margin-bottom: 30px; }
	.furibons-design-content > .wrap-content ul.furibons-design-items > li > .furibons-design-content-image .image-content > figure { flex-direction: column-reverse !important; }

	.furibons-design-content-image.with-ratio .image-content { position: relative; padding-bottom: 0; height: auto; }
	.furibons-design-content-image.with-ratio .image-content > figure { position: relative; }
	.furibons-design-content-image.with-ratio .image-content > figure > .img > img { height: 100%; object-fit: cover; max-height: 70vh; }

	.furibons-design-content#ct-4868 { padding-bottom: 200px; }

	.furibons-design-content-box .box-content .legend { position: static; top: 0; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
	.furibons-design-content-box .box-content .legend > li { text-align: center; position: static !important; margin: 5px; flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); }
	.furibons-design-content-box .box-content > figure > .img > img { width: 100%; }

	.furibons-design-content-bulle.with-image { position: relative; margin: 40px 0 40px 0; }
	.furibons-design-content-bulle.with-image > .bulle-content { width: unset; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
}

@media all and (max-width: 850px) {
	.infos-contact.address {
		text-align: center;
	}

	.furibons-animations-subcategory > .wrap-content { flex-direction: column; }
	.furibons-animations-subcategory.pos-right > .wrap-content { flex-direction: column; }
	.furibons-animations-subcategory > .wrap-content > aside { width: 100%; max-width: 100%; }
	.furibons-animations-subcategory > .wrap-content > aside > figure { padding-bottom: 0; margin-bottom: 20px; }
	.furibons-animations-subcategory > .wrap-content > aside > figure > .img-container { position: static; top: unset; bottom: unset; height: 100%; }
	.furibons-animations-subcategory > .wrap-content > aside > figure img { top: 0; height: 100%; }
	.furibons-animations-subcategory > .wrap-content > article { max-width: 100%; width: 100%; padding: 20px; }
	.furibons-animations-subcategory.pos-right > .wrap-content > article > nav { text-align: right;}

	.modal-animations { max-width: 100%; width: calc(100% - 20px); }
	.modal-animations > header { width: 100%; }
	.modal-animations > header > figure > img { max-width: 100%; height: 190px; min-width: unset; }
	.modal-animations > .animations { flex-direction: column; width: 100%; min-width: unset; }
	.modal-animations > .animations > aside { max-width: 100%; height: auto; flex: 1 1 auto; padding: 5px;}
	.modal-animations > .animations > ul.animations-products { max-height: 140px; width: 100%; max-width: 100%;}

	body > header .wrapTitle { min-width: unset; }

	header.fullpage .banner .digi-slideshow .slide-info { height: 60%; }
	header.fullpage .slide-info > .furibons-slide-content > .inner-content > .chapo { font-size: 24px; padding: 20px; min-width: unset; }
	header.fullpage .slide-info > .furibons-slide-content > .inner-content > .chapo p { font-size: 24px; }
	header.fullpage .furibons-shortcuts { flex-wrap: wrap; padding-top: 0; }
	header.fullpage .furibons-shortcuts > article { width: 100px; height: 100px; font-size: 12px; }

	header.fullpage .digi-slideshow .items > li { width: 100vw !important; }



	.furibons-animations-categories > .wrap-content > ul.categories { flex-direction: column; }
	.furibons-animations-categories > .wrap-content > ul.categories > li { flex: 1 1 100%; max-width: 100%; }




	.bloc-sponsors { padding-bottom: 80px; }

	.struct-blocs[data-c="4913"] { padding: 0; }
	.struct-blocs[data-c="4913"] .bloc-content { width: auto; max-width: 100%; padding: 15px; top: 0; }
	.struct-blocs[data-c="4913"] .bloc-content .hgroup h1 { font-size: 30px; line-height: 1.2em; }

	.form-quote .digiForm article.formTxt { padding: 10px; }
	.form-quote .form-step { padding-left: 10px; padding-right: 10px; padding-bottom: 6vh; }
	.form-quote ul.checkboxes { flex-direction: column; }
	.form-quote ul.checkboxes > li { max-width: 100%; width: 100%; flex: 1 1 100%; }
	.form-quote .grp_group_animations article ul.checkboxes > li { max-width: 100%; width: 100%; flex: 1 1 100%; }
	body > footer .footer-line { flex-direction: column; }
	body > footer p.mentions { text-align: center; }

	.form-quote .form-step { padding-top: 20px; }

	.form-quote .form-quote-reinsurance > ul { flex-direction: column; }
	.form-quote > .form-view > aside > .aside-content > .form-quote-words > ul { flex-direction: column; }
}

@media all and (max-width: 500px) {
	ul.ariane { display: none; }
}

@media all and (max-width: 320px) {
	.furibons-design-content > .wrap-content ul.furibons-design-items > li.type-bulle > .furibons-design-content-bulle:not(.with-image) { width: 260px; height: 260px; }
}