@charset "UTF-8";
/* CSS Document by Mon Producteur*/

html {scroll-behavior: smooth; font-size: 100%}
body {background-color:#FCFAF4; font-size: clamp(1rem, 1vw, 2rem)}
hr {margin: 0; color: none; background-color: none; border: 0; opacity:0}

/*liens*/
a, a:link {color:#86B723; border-bottom: #86B723 1px solid}
a:hover, a:focus, a:active {color:#538400; border-bottom: #538400 1px dotted}
.sp-module ul li a, .qx-element p a, .qx-element ul li a, .sp-module ul li a:hover, .qx-element p a:hover, .qx-element ul li a:hover {text-shadow:0 0 0 transparent}
.sp-module ul > li > a, .sp-module ul > li > a:link {color:#86B723}
.sp-module ul > li > a:hover, .sp-module ul > li > a:focus {color:#538400}
#contact a, #sp-menu a, .sp-module ul.nav li a, .offcanvas-inner .sp-module a, .offcanvas-inner .sp-module a:hover {text-shadow:none}

/*BOUTONS*/
.btn-danger, .btn-danger:visited, 
.btn-info, .btn-info:visited, 
.btn-success, .btn-success:visited, 
.btn-primary, .btn-primary:visited, 
.btn-secondary, .btn-secondary:visited, 
.qx-btn-primary, .qx-btn-primary:visited,
.article-list .article .readmore a:link, .article-list .article .readmore a:visited {
    color: #86B723!important; 
    background-color: #fff!important; 
    border-color: #86B723!important
}
.btn-danger:hover, .btn-danger:focus, 
.btn-info:hover, .btn-info:focus, 
.btn-success:hover, .btn-success:focus, 
.btn-primary:hover, .btn-primary:focus, 
.btn-secondary:hover, .btn-secondary:focus, 
.qx-btn-primary:hover, .qx-btn-primary:focus,
.article-list .article .readmore a:hover, .article-list .article .readmore a:focus {
    color: #fff!important; 
    background-color: #86B723!important; 
    border-color: #86B723!important; 
    box-shadow: none!important;
} 
.btn-danger:active, .btn-info:active, .btn-success:active, .btn-primary:active, .btn-secondary:active, .qx-btn-primary:active, .article-list .article .readmore a:active, .qx-btn-primary:not(:disabled):not(.qx-disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
    color:#fff!important; 
    background-color: #86B723!important; 
    border-color: #86B723!important; 
    box-shadow:  none!important;
}
.article-introtext .readmore {display:block}

.qx-fg-filter a.active, .qx-fg-filter a.active:hover, .qx-fg-filter a.active:focus {color:#000}

/*Titres*/
.sp-page-title h2, .section-title h2 {font-family: Kaushan Script, sans-serif; font-size: 40px; font-weight: normal; text-align: center}
.qx-subtitle h5 {text-align: center; margin-bottom:32px}
h4 {padding:16px 0 8px 0}


#slider {margin-top:-100px}
#sp-header {background-color: #86B723; box-shadow: none; border-bottom:#fff 1px solid}
#sp-header .logo a {
	font-size:40px; 
	color:#fff; 
	padding-left: 72px; 
	background-image: url(/images/logo-mon_producteur.png); 
	background-repeat: no-repeat;
	background-position: left;
}
#sp-header .logo {height: 89px}
#slider h2, #slider h3, #slider h4, #slider p {color:#fff}

/*SECTIONS*/
#features, #partners, #download  {padding:60px 0 40px 0}
.qx-section {padding:40px 0}
#intro, #footer-polla {padding:0 0 40px 0}
#footer-polla {padding:0}
#sp-main-body {padding: 100px 0 0 0;}
.itemid-271 #sp-main-body, .itemid-321 #sp-main-body, .itemid-322 #sp-main-body, /*parrainage*/
.itemid-317 #sp-main-body, .itemid-318 #sp-main-body, .itemid-319 #sp-main-body, /*offres*/
.itemid-199 #sp-main-body, /*infos producteur (rdv)*/
.itemid-355 #sp-main-body, /*demande appel*/
.itemid-356 #sp-main-body, /*archivage*/
.com-eshop #sp-main-body /*shop*/ {padding:0}

#slider, #faq, #space, #imghead {padding: 0}
#slider {color:#fff}

#contact {color:#fff; background:#553015}
#contact a {font-weight: 700; border: none}
#contact .horizontal {box-shadow: none; position: relative}/*social link footer*/
#partners a {padding: 0px 8px; display: block; border: none}
#partners img, #intro-infos img {margin: 0 auto}
#sp-bottom {background-color:none!important; padding: 0!important}
#sp-bottom .sp-module ul >li {border:none}
#sp-bottom .sp-module ul >li >a {display: inline-block}
#sp-bottom .sp-module ul >li >a:before {display: none}
#prod {color:#fff; background-color:#553015; line-height:200%; padding: 80px 0 60px 0}
#features {color:#fff}
#features .qx-blurb-media img.qx-image {margin:0 auto}
#features h3 {text-align: center}
#features .qx-inner h3 {margin:60px 0 40px}
#features .charte h3 a {color:#fff; border-bottom-color:#fff}
#features .charte h3 a:hover, #features .charte h3 a:focus {color:#86B723; border-bottom-color:#86B723}
#features .qx-subtitle p {text-align: center; font-size: 120%}
#avantages, #etape {background-color:#fff}

.qx-blurb-title  {text-align: center}

/*TEMOIGNAGES*/
.slick-next:before, .slick-prev:before, .slick-dots li.slick-active button:before {color: #fff}
.slick-list {padding: 0 40px}
.slick-dots li button:before {color:#fff}
.qx-text-muted {color:#ddd}

/*AIDE*/
#help-coupons .qx-title {margin:0}

/*NAV*/
.sp-megamenu-parent a {border:none}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {font-size:1rem; color: #fff; letter-spacing:0}
.sp-megamenu-parent >li:hover>a, .sp-megamenu-parent >li:focus>a {color:#fff}
.sp-megamenu-parent >li >a:hover,
.sp-megamenu-parent >li >a:focus, 
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a {
	color: #000
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {padding: 0 15px 0 15px; line-height: 38px}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {padding: 8px 16px}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {background-color:#86B723; color:#fff}

#sp-menu {float:right}
.offcanvas-overlay {background-color: rgba(255,255,255,0.5)}
.offcanvas-menu {background-color: #fff; width: 260px}
.offcanvas .body-wrapper {-webkit-transform: translateX(-260px); transform: translateX(-260px)}
.offcanvas-menu .offcanvas-inner .sp-module {margin-bottom:0}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {margin-top: 0; padding: 54px 0 0 0}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {color:#333; text-transform: none}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon, .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {color:#000}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {background: rgba(0,0,0,0.1)}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {background: rgba(0,0,0,0.1)}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {background: rgba(0,0,0,0.05)!important}
.offcanvas-menu .offcanvas-inner .sp-module .mod-languages ul > li a:hover {background: none; color:#666}

#offcanvas-toggler {margin-left: 0; margin-right: 8px}
#offcanvas-toggler >i {color:#fff}
#offcanvas-toggler >i:hover {color: #ddd}
.close-offcanvas {color:#333; width: 28px; height: 28px;font-size: 20px;border: 1px solid #333;}

/*menu bottom*/
.sp-module #menubottom ul, #menubottom ul.nav {list-style:disc; margin:0 0 0 114px}
#menubottom ul.nav li, .sp-module ul >li {margin:0; display:list-item}
#menubottom ul.nav li a {line-height: 24px;}


/*Langues*/
.mod-languages {text-align: right; margin:0 15px 0 0; color:#fff}
.sp-module .mod-languages ul >li >a {color:#fff; font-size: 0.9rem; line-height: 40px; border: none}
.sp-module .mod-languages ul > li.lang-active a, .sp-module .mod-languages ul > li a:hover, .sp-module .mod-languages ul > li a:focus {color:#333}

/*BOUTONS*/
a.qx-btn, .qx-btn-primary {background-color:#86B723; border-color:#690; color:#fff}
.qx-btn-primary:hover, .qx-btn-primary:active, .qx-btn-primary:focus, .qx-btn-primary:active:focus  {background-color:#538400; border-color:#690; color:#fff}
.qx-btn-primary:active:focus  {background-color:#538401}
.install {float:left; margin: 16px}
#install img {margin:16px auto}

/*FORMS*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {height: inherit!important}

/*CC*/
#panier img {margin:0 auto}
#form .cf-label {font-weight: bold}
#outofstock, #paniers, #recolte, #commande {padding:60px 0 38px 0}

/*TELECHARGEMENTS LOGOS*/
#logos .qx-fg-wrap {text-align:center} /*alignement image dans page téléchargements*/

/*FONDUE WELSCH*/
#fromages {padding: 32px}
#fromages, #fromages .qx-blurb-content p {text-align: center}
#fromages img.qx-image {margin: 8px auto}
#fromages h3 {font-size:1.3rem}

/*FOOTER*/
#contact a {color:#fff}
#sp-footer {background-color: #86B723}
footer {border-top:#fff 1px solid}

/******BOUTIQUE******/
#eshop-main-container h1 {font-size:30px}

/*Liste de produits*/
.sp-page-title {background: #fff; margin-bottom: 40px; padding: 16px}
.sp-page-title h2, .sp-page-title h3 {color: #553015}
.sortPagiBar {display:none!important} /*supprimer les filtres*/
.eshop-image-block img {margin: 0 auto} /*centrage de l'image de produit*/
.eshop-product-desc {display: none} /*paragraphe vide en dessus de la petite description*/
.eshop-product-price p {margin:0} /*marge prix*/
.eshop-product-price .price, .eshop-product-price .eshop-sale-price {font-size: 20px} /*taille prix*/
.eshop-cart-area .form-control {display: inline-block} /*align horiz bouton add cart*/
.button-plus, .button-minus {font-weight: 900; font-family: monospace}
.eshop-quantity input[type="text"] {padding: 8px; margin:0 4px; border-color:#000} /*champs quantité*/

.img-thumbnail {padding: 0; background-color: transparent; border: 0; border-radius: 0}

/*Page du produit*/
#product-price h2 {font-family: Roboto; font-size: 24px}
.eshop-quantity {margin: 0 5px 10px 0; display: inline-flex} /*align horiz boutons quantité*/
.product-info #main-image-area img {margin:0 auto} /*centrer l'image*/
.slick-next {background: none; right: 12px}
.slick-prev {background: none; left: 12px}
.slick-prev, .slick-next {top: 20%; margin-top:0} /*position flèche petites vignettes*/
.product-info .image-additional a {border: 0} /*suppression bordure petites vignettes*/
.product-info .image-additional a img {margin:0 auto} /*centrage petites vignettes*/
.nav-tabs .nav-link {border: 1px solid #ddd} /*restaurer les bordures sans :hover*/
.nav-link:focus, .nav-link:hover {color:#86B723}
#productTabs {margin-top:32px}
#productTabs .nav-item {background-color:rgba(255,255,255,0.6)}
#productTabs .nav-item:hover, #productTabs .nav-item:focus {background-color:rgba(255,255,255,1)}
.product-info .tab-content {margin-top: -1rem} /*correction décallage vers le bas du .mb-3 de bootsrap*/
.product-info .tab-content {background-color:#fff}

/*Mini Cart left*/
#eshop-cart .eshop-content {font-size: 90%; line-height: 120%}
#eshop-cart .eshop-content td {padding: 2px;}
#eshop-cart .eshop-content td.eshop-image {padding: 0 2px 0 0}
#eshop-cart .eshop-content td.eshop-image img {min-width:40px; max-width: 50px}
#eshop-cart .checkout {padding: 8px 0 0 0}
#eshop-cart .checkout a {font-weight: 500; padding: 0 4px}
.eshop-cart {margin:24px 0}
.eshop-cart a {border:0}
.eshop-mini-cart-info tr:first-child {display: none}
a.eshop-remove-item img {min-width:16px; min-height: 16px}

/*Categories left*/
.sp-module ul > li {border-bottom:0}
/*.eshop-category > ul > li {padding:0; border:none}
.eshop-category > ul > li ul {display: list-item!important}
.sp-module ul > li > a:before {display: none}
.eshop-category > ul > li ul > li {padding: 0}/*

/*Page cart*/
.checkout-content label {width: 75%; margin: 8px 0 4px 0}
.cart-info .eshop-quantity {margin: 0; display:block}
.cart-info .eshop-quantity input[type="text"] {margin:0;}
.eshop-center-text img {margin: 0 auto}
.eshop-center-text a.eshop-remove-item-cart img {width:20px; min-weight:12px}
.cart-info table {margin-bottom: 8px}
.cart-info table tr th:first-child {width: 45px}
div#update-cart {text-align: right; padding: 0 8px 16px 0}
div.flex {display: flex; align-items: center}
.table>:not(caption)>*>* {border-bottom:0}
div.flex label {min-width:120px}
div.flex input {margin-right:20px}
div.flex button {white-space: nowrap}
a.btn.order {background-color:#86B723!important; color:#fff!important}
a.btn.order:hover, a.btn.order:focus {background-color:#538400!important; color:#fff!important}


/*RESPONSIVE*/
@media only screen and (max-width: 1199px) {
    .sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {font-size: 14px}
    #sp-header .logo a {font-size:30px}
    .sp-module #menubottom ul, #menubottom ul.nav {list-style:disc; margin:0 0 0 80px}
}

@media only screen and (max-width: 992px) {
    .sp-module .mod-languages {display: none}
	.offcanvas-menu .mod-languages {display: block}
	.offcanvas-menu .offcanvas-inner .sp-module .mod-languages ul > li a {font-size: 16px}
    .sp-module #menubottom ul, #menubottom ul.nav {margin:0 0 0 104px}
}


@media only screen and (max-width: 768px) {
		#sp-header .logo a {font-size:32px}
        .sp-module #menubottom ul, #menubottom ul.nav {margin:0; text-align: center; list-style: none}
}

@media only screen and (max-width: 480px) {
	#sp-header .logo a {font-size:28px}
    .sp-module #menubottom ul, #menubottom ul.nav {margin:0 0 0 52px}
}