@import url('https://fonts.googleapis.com/css?family=Playball&display=swap');
@font-face {
	font-family: 'transducer_condensed_bold';
	src: url('/fonts/transducer-condensedbold-webfont.woff2') format('woff2'),
		 url('/fonts/transducer-condensedbold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fairwater_scriptbold';
	src: url('/fonts/fairwater_script_bold-webfont.woff2') format('woff2'),
		 url('/fonts/fairwater_script_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/*ajout d'une police custom contenant des icones*/
@font-face {
  font-family: 'c2m-serre';
  src:
    url('/fonts/c2m-serre/c2m-serre.ttf?sa9019') format('truetype'),
    url('/fonts/c2m-serre/c2m-serre.woff?sa9019') format('woff'),
    url('/fonts/c2m-serre/c2m-serre.svg?sa9019#c2m-serre') format('svg');
  font-weight: normal; font-style: normal; font-display: block;
}
[class^="picto-"], [class*=" picto-"] { font-family: 'c2m-serre' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.picto-bache:before { content: "\e900"; color: #685e6b }
.picto-wind:before { content: "\e901"; color: #685e6b }

.btn-primary { border-color:#3E5C18; background-color:#3E5C18; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.show { border-color:#364A1B; background-color:#364A1B; }
.btn-primary:disabled, .btn-primary.disabled { background-color: #364A1B; border-color: #364A1B; }

.btn-info { border-color:#3E5C18; background-color:#3E5C18; }
.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info.active, .btn-info.show { border-color:#3699fe; background-color:#3699fe; }
.btn-info:disabled, .btn-info.disabled { background-color: #3699fe; border-color: #3699fe; }

/*btn dark hover*/
.btn.bg-dark { transition:all 0.25s ease-in-out; }
.btn.bg-dark:hover { opacity:0.8; }

.btn-lightgreen { border-color:#3E5C18; background-color:#3E5C18; color:#fff; }
.btn-lightgreen:hover, .btn-lightgreen:active, .btn-lightgreen:focus, .btn-lightgreen.active, .btn-lightgreen.show { border-color:#364A1B; background-color:#364A1B; color:#fff; }
.btn-lightgreen:disabled, .btn-lightgreen.disabled { background-color: #364A1B; border-color: #364A1B; color:#fff; }

/*spinner*/
.spinner { margin: 0 auto; width: 50px; height: 20px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #666; margin:0 1px; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } }
@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }  20% {  transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }

/*background vert foncé*/
.bg-darkgreen { background:#164E03 !important; }
.bg-lightgreen { background:#3E5C18 !important; }

/*iframe vidéo responsive*/
.video-responsive { overflow:hidden;  padding-bottom:56.25%;  position:relative;  height:0; }
.video-responsive iframe {left:0; top:0; height:100%; width:100%; position:absolute; }

.wrap-sections { position:relative; }

/*header*/
header .topbar span.topbar-link { cursor:pointer; }
header .logo span img { max-width:300px; width:100%; }
header .logo p { font-size:17px; color:#000 !important; }
@media (min-width:350px){ header .logo p { letter-spacing:3px; } }
@media (min-width:600px){ header .logo { width:auto; } header .logo span img { max-width:350px; } header .logo p { letter-spacing:4px; font-size:19px; } }
header .slogan { text-align:center; }
header .slogan .bleu { color:#002294; }
header .slogan .rouge { color:#ce1125; }
.page-title-overlap > div, .page-title > div { flex-wrap: wrap; }
.page-title-overlap > div > div, .page-title > div > div { width:100% }
/*
#navbarCollapse .v2 .topmenu .nav-item.page-205 a { background:rgb(80 122 66); color:#ffffff; border-radius:5px; padding:5px 10px; margin:11px 0; }
#navbarCollapse .v2 .topmenu .nav-item.page-205:hover a { color:#fff !important; background:#507a42c9; }
#navbarCollapse .v2 .topmenu .nav-item.page-205 a i, #navbarCollapse .v2 .topmenu .nav-item.page-205 a:hover i { color:#fff !important; }
*/
#navbarCollapse .v2 .topmenu .nav-link:not(.dropdown-toggle).active { pointer-events:inherit; }
#navbarCollapse .v2 .topmenu .dropdown-menu .widget > a, #navbarCollapse .v2 .topmenu .dropdown-menu .widget > span { border-bottom:1px solid #d5d5d5; color: #3E5C18; }
#navbarCollapse .v2 .topmenu .dropdown-menu .widget > a:before, #navbarCollapse .v2 .topmenu .dropdown-menu .widget > span:before { display:inline-block; margin-right:5px; content:"\f231"; font-family:"bootstrap-icons"; font-size:11px; }
@media (max-width: 991.98px){
	#navbarCollapse .v2 .topmenu > .position-unset { position:relative !important; }
}
.topmenu .widget-list-link { transition: all 0.25s ease-in !important; padding-left:5px; border-radius: 3px; }
.topmenu .widget-list-link:hover { color: #fff; background-color: #3E5C18; }

/*v2 - 13/02/2024*/
header #logo { width:150px; }
header .logo { width:auto }
@media (min-width: 500px){ header #logo { width:200px; } }
@media (min-width: 992px){ header #logo { width:100%; max-width:350px } }
header.open { height: 100vh; overflow: auto; z-index: 1030; }
header.open .topmenu { margin-bottom:100px; }
header .logo p { font-size:11px !important; letter-spacing:2px !important; }
@media (min-width: 500px){ header .logo p { letter-spacing:1.7px !important; } }
@media (min-width: 992px){ header .logo p { font-size:18px !important } }

/*slider*/
@media (min-width:1280px) { section#slider .stuckPart { background:url(/images/bg-fixed.jpg) bottom left repeat; } }
@media (min-width:1280px) and (max-width:1928px) { section#slider .stuckPart { background-size:cover; } }
section#slider .flex-grow-1 { background-color:#3E5C18; }
section#slider .slogan { font-family: 'transducer_condensed_bold'; text-transform:uppercase; color:#9CCA5D !important; font-size:75px; }
section#slider .slogan small { font-family: 'fairwater_scriptbold', cursive; font-size:52px; display:block; text-transform:lowercase; color:#E8DBCA !important; }
section#slider .slogan span { display:block; font-size:64px; }

section#slider .wrap-pictos .item { max-width:280px; }
section#slider .wrap-pictos .titlePicto { font-family: 'transducer_condensed_bold'; color:#E8DBCA; font-size:26px; text-transform:uppercase; line-height:1.2; }
@media (min-width:768px){
	section#slider .wrap-pictos { padding:0 50px; }
	section#slider .wrap-pictos .item { max-width:125px; }
}

.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:-1px; padding:0; left:auto; right:0; text-align:right; padding-right:10%; }
.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button { width:13px; height:13px; border-radius:10px; background-color:transparent; border:2px solid #fff; margin:0 3px; }
.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button.tns-nav-active { background-color:#fff; }
@media (min-width:400px){
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:-1px; }
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button { width:19px; height:19px; }
}
@media (min-width:600px){
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:5px; }
}
@media (min-width:768px){
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:-1px; }
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button { width:16px; height:16px; }
}
@media (min-width:1000px){
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:0px; }
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button { width:19px; height:19px; }
}
@media (min-width:1200px){
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:-2px; }
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button { width:16px; height:16px; }
}
@media (min-width:1800px){
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav { bottom:-1px; }
	.wrap-tns-principal .tns-carousel.tns-nav-inside .tns-nav button { width:19px; height:19px; }
}
@media (min-width:1280px) and (max-width:1700px) {
	section#slider .slogan { margin-bottom:0; font-size:70px; }
	section#slider .slogan small { font-size:45px; }
	section#slider .slogan span { font-size:60px; }
	section#slider .wrap-pictos { margin-top:10px !important; }
}
		
section .slogan { width:auto; }
/*@media (min-width:768px){*/
	.wrap-tns-principal .tns-carousel .tns-item > img { width:100%; }
/*}*/
@media (min-width:1280px){
	section#slider { background-color:#3e5d19; }
	.wrap-tns-principal { max-width:960px; min-width:700px; }
	section .slogan { width:480px; }
}

/*pour les étoiles avis*/
.wrap-stars { background-size:16px 13px; height:13px; width:77px; background-repeat:repeat-x; display:inline-block; overflow:hidden; position:relative; background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon stroke='%23dadce0' stroke-width='1' fill='%23ffffff' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>"); }
.stars {  background-repeat:repeat-x; display:block; background-size:16px 13px; height:13px; background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23fea569' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>"); }
.one-star { cursor:pointer; height:20px; width:25px; background-repeat:repeat-x; display:inline-block; overflow:hidden; position:relative; background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon stroke='%23dadce0' stroke-width='1' fill='%23ffffff' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>"); }
.one-star.active { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23fea569' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>"); }
.one-star.inactive { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon stroke='%23dadce0' stroke-width='1' fill='%23ffffff' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>") !important; }
.one-star.hovered { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.44 19'><polygon fill='%23febc69' points='10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19'/></svg>") !important; }

/*pour les tooltips*/
.tooltip-inner { background-color:#f3f5f9; color:var(--bs-body-color); }
.tooltip.bs-tooltip-right .tooltip-arrow::before { border-right-color: #f3f5f9 !important; }
.tooltip.bs-tooltip-left .tooltip-arrow::before { border-left-color: #f3f5f9 !important; }
.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #f3f5f9 !important; }
.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: #f3f5f9 !important; }

/*pour les icones bootstrap*/
.bi { line-height:1; }

/*div parent input téléphone international*/
.iti { display:block }

/*catalogue menu top*/
span.urlencode { cursor:pointer }
.topcatalogue ul.dropdown-menu { border-bottom-right-radius:0; }
.topcatalogue div.dropdown-menu { top:0 !important; }
@media (min-width: 992px) { 
	.topcatalogue .dropdown:hover > .dropdown-menu, .topcatalogue .dropdown.hover > .dropdown-menu { min-height:385px; }
	.topcatalogue .legende { display:block !important; }
}

/*top menu version sticky*/
.navbar-stuck .topmenu > li > .nav-link { padding-left:0.5rem !important; padding-right:0.5rem !important; }
.navbar-stuck .conseilsetvideos { display:none !important }
@media (min-width:992px) and (max-width:1200px){ .navbar-stuck .navbar-tool-text { display:none; } }

/*icones de contacts flottantes*/
.floated-contacts { position:fixed; bottom:140px; right:-200px; transition:right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index:1020; }
.floated-contacts.show { right:0px; }
.floated-contacts ul { margin:0; padding:0; }
.floated-contacts ul li { display:block; transition: all .4s ease; position:absolute; top:0; right:calc(100% - 122px); }
.floated-contacts.es ul li { right:calc(100% - 107px); }
.floated-contacts ul li:nth-child(2) { top:calc(58px * 1); }
.floated-contacts ul li:nth-child(3) { top:calc(58px * 2); }
.floated-contacts ul li:nth-child(4) { top:calc(58px * 3); }
.floated-contacts ul li:nth-child(5) { top:calc(58px * 4); }
.floated-contacts ul li:hover { transform:translateX(calc(100% - 340px)); }
.floated-contacts ul li i { padding:17px; font-size:25px; position:relative; }
.floated-contacts ul li > a { border-radius:0 10px 10px 0; padding:5px 20px 5px 30px; margin-left:-20px; visibility:hidden; }
.floated-contacts ul li > div { border-radius:10px; padding:5px 20px 5px 40px; margin-left:-34px; visibility:hidden; }
.floated-contacts ul li:hover > a { visibility:visible; background:#f3f5f9; }
.floated-contacts ul li:hover > div { visibility:visible; background:#f3f5f9; }
@media (max-width:992px){ .btn-scroll-top { display:none; } .floated-contacts { bottom:100px; } }
.btn-scroll-top.show { right:30px !important; }
/*facebook messenger*/
/*
#fb-customer-chat > div { display:none; }
.fb_dialog_content > iframe:nth-child(1) { bottom:75px !important }
.fb_dialog_content > iframe:nth-child(2) { bottom:72.5px !important }
.fb_dialog_content > iframe:nth-child(3) { bottom:119px !important }
*/

/*watermarks*/
.watermark { position:absolute; z-index:1; }
.watermark.wm-TL { top:10px; left:10px; }
.watermark.wm-TR { top:10px; right:10px; text-align:right }
.watermark.wm-BL { bottom:10px; left:10px; }
.watermark.wm-BR { bottom:10px; right:10px; text-align:right }
.watermark img { padding:3px; }
.watermark img.wm_img-lg { padding:15px; }

/*gallerie vidéos youtube*/
.gallery-video .gallery-item + small { text-align: center !important; display: inline-block !important; padding-top: 5px; width:100%; font-size: 13px !important; font-weight: normal !important; }
.gallery-video .gallery-item > img { width: calc(100% + 4px); max-width: calc(100% + 4px); left: -2px; position: relative; }
.gallery-video .gallery-item.youtube-item::after, .product-gallery .gallery-item.youtube-item::after, .product-gallery .product-gallery-thumblist-item.youtube-item::after { width: 40px; height: 60px; transform:rotate(-90deg); margin-top: -30px; margin-left: -20px; background-color: #f00; color:#fff; border-radius:6px; z-index: 6; line-height: 60px; font-size:1rem; content: "\e99a"; }
.product-gallery .gallery-item.youtube-item::after, .product-gallery .product-gallery-thumblist-item.youtube-item::after { opacity:1; }
.product-gallery .product-gallery-thumblist-item.youtube-item::after { display:block; position:absolute; top:50%; left:50%; font-family:"icons-icons"; width:20px; height:30px; font-size:12px; line-height:30px; margin-top:-15px; margin-left:-10px; text-align:center; }

/*poids*/
.poids span { margin-left: -17px; line-height: 1; font-size: 13px; background: #fff; color: #424242; }

/*page d'accueil*/
.labelSlideSerre { background:url(/images/serre-illustration.png) no-repeat center right; }
.labelSlidePrixFab .bg-light { padding-left:40px; color:rgb(83, 173, 3); background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 76'><polyline fill='%2353ad03' points='0,0 45.63,38.087 0,75.8 '/></svg>") no-repeat left center; }
.arrow-right { width:20px; height:32px; background-color:#e888a3; clip-path:polygon(0 0, 0 100%, 100% 50%); }
.darkVeil:before { content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1021; }
.darkVeil.not:before { display:none; }
.reassuHome { box-shadow:0 0 5px 3px #ccc; background:#3e5c18; }

/*liste produits*/
.product-card .product-title { min-height:35px; }
.product-card .badgePromo { left:-0.25rem !important; background:#E0702E !important; box-shadow:0px 0px 4px #4d4d4d; }
/*carousel produits*/
.carProd .tns-ovh { padding:0 0.4rem; }

/*details produit*/
.product-gallery-preview-item .wrap-watermark img { max-width:60% }
.product-details.sticky-lg-top, #photos.sticky-lg-top, .avis-linkform.sticky-lg-top, .avis-note.sticky-md-top, .product-filters.sticky-lg-top { top:90px; }
.nav-tabs.principal { padding-top:20px; align-items: flex-end; }
.nav-tabs.principal.sticky-lg-top { top: 55px }
.nav-tabs.principal li:not(.btnModalSingle) a { border-radius:10px 10px 0 0; padding: .8rem 1.5rem !important; }
.nav-tabs.principal li:not(.btnModalSingle) a.active, .nav-tabs.principal li:not(.btnModalSingle) a:focus { background:#3E5C18; color:#fff; }
.nav-tabs.principal li:not(.btnModalSingle) a:hover { background:rgba(0,89,164,0.1); }
section.template .avis-note.sticky-md-top { top: 160px; z-index: 1; }
.btnModalSingle { width:100%; }
.article-descriptif-descrlong .row { margin:0; }
@media (min-width:1280px){ .btnModalSingle { width:auto; } }

/*avis*/
.avisRotate { position:absolute; z-index:10; bottom:0; left:0; line-height:1; background:#fff; cursor:pointer; padding:3px; border-radius:3px 0 0 0; }


/*compte*/
#account-menu .list-unstyled li.active a { box-shadow:0 0 4px 0px #0000002e; }
#account-menu .list-unstyled li:not(.active) a { color:#fff; }
#account-menu .list-unstyled li:not(.active):hover { background:rgba(255, 255, 255, 0.3); }

/*slider*/
@media (min-width: 992px) and (max-width: 1350px) { .slideredit { left:-30px } }

/*ajout d'une notion de responsive pour les borders*/
@media (max-width: 500px) {
	.border-xs-none { border:none !important; }
}
@media (max-width: 768px) {
	.border-sm-none { border:none !important; }
}
@media (max-width: 992px) {
	.border-md-none { border:none !important; }
}
@media (max-width: 1280px) {
	.border-lg-none { border:none !important; }
}
.border-none { border:none !important; }

.blog-entry-title { min-height:45px; }