/**
 * Global rules
 */



:root {
	--texte: #1E1E1C;
	--vert: #ADBF2D;
	--ocre: #A35E00;
	--t: all 0.25s ease-in-out;
}
html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.3;
}
html, body {
  position: relative;
  font-family: "granville", serif;
  color: var(--texte);
  font-size: 17px;
  font-weight: 400;
  padding: 0;
    margin: 0;
}
body {
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
}
h1, h2, h3 {
  position: relative;
  font-weight: 700;
}
p {margin-top: 0;}

/**
 * Generic
 */
a {color: inherit;text-decoration: none;transition: var(--t);border: 0;}
a:hover {text-decoration: none}
.body-bizac * {box-sizing: border-box;}
.body-bizac img {display: block; height: auto; max-width: 100%;}
.container {width: 100%; max-width: 1173px; margin: 0 auto; padding: 0 15px;}
h2 {display: inline-block; line-height: 1.1; padding: 0 100px; text-align: center; position: relative; font-size: 30px; font-weight: 700;}
.anchor {position: relative; top: -112px;}

/*Header*/
.main-menu {display: flex; justify-content: center; flex-direction: column;}
.main-menu ul {display: flex; padding: 0; margin: 0; list-style: none; gap: 1rem; flex-wrap: wrap;}
.main-menu ul a {display: inline-block; position: relative; padding: 0.5rem 0.75rem;}
.main-menu ul li:not(:last-child) a:after {content: ""; width: 0.05rem; height: 50%; position: absolute; right: -0.5rem; top: 25%; background: var(--texte);}
.main-menu ul a:hover, .sticky .main-menu ul li.is-active a {color: var(--vert);}
.main-menu ul li.is-active + .is-active a {color: var(--texte);}
.main-menu ul a:before {content: ""; width: 107px; height: 6px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: url(../../images/bg-hover.svg) no-repeat center; transition: var(--t); opacity: 0;}
.main-menu ul a:hover:before, .sticky .main-menu ul li.is-active a:before {opacity: 1;}
.main-menu ul li.is-active + .is-active a:before {opacity: 0;}
.sticky-logo {display: none; padding: 1.2rem 0; margin-right: 1rem;}
.bizac-header {position: static;  width: 100%; height: 110px; top: -110px; z-index: 200; transition: none; background: white; box-shadow: none;}
.sticky .bizac-header {position: fixed; top: 0; -webkit-box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.16); box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.16); transition: all 0.5s ease-in-out; height: 110px;}
.sticky {padding-top: 110px;}
.sticky .sticky-logo {display: block; padding-top: 1.25rem; margin-right: 1.5rem;}
.icon-mobile {display: none;}

/*Section top*/
.section-top{background: url(../../images/bg-top.jpg) no-repeat center; background-size: cover; text-align: center;}
.section-top h1 {max-width: 450px; font-size: 42px; font-weight: 700; text-transform: uppercase; display: inline-block; margin: 0;}
.header-content {display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; height: 100%;}
.main-logo {display: inline-block; margin: 6rem 0 3.5rem;}
.page-top-image-large img {width: 100%; position: relative; z-index: 2;}
.page-top-image-large {margin-top: -4rem;}

/*Section top bis*/
.section-top-bis {background: url(../../images/bg-top.jpg) no-repeat center; background-size: cover; padding-top: 7rem; margin-top: -7rem; position: relative;}
.page-top-bis-columns {display: flex; flex-wrap: wrap; padding-bottom: 4rem; justify-content: center;}
.page-top-bis-columns-1 {width: 27%;}
.page-top-bis-columns-2 {width: 73%; text-align: center; padding-left: 4rem; font-size: 22px; font-weight: 300;}
.page-top-bis-columns-2 p { max-width: 648px; margin: 0 auto;}
.section-top-bis > .container {position: relative;}
a.go-bottom {display: inline-block; position: absolute; right: 23px; top: -50px; z-index: 10;}
#Rectangle_29 {transition: var(--t);}
a.go-bottom:hover #Rectangle_29 {fill: var(--vert)!important; stroke: var(--vert)!important;}

/*Section eleveurs*/
.section-eleveurs {padding-top: 4rem; text-align: center; position: relative;}
.section-eleveurs:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 179px; background: url(../../images/bg-top.jpg) no-repeat center; background-size: cover;}
.section-eleveurs h2 {max-width: 850px; margin-bottom: 3rem;}
.eleveur-title {font-size: 13px; font-weight: 700;}
.eleveurs-columns {display: flex; flex-wrap: wrap; margin-bottom: 15rem; text-align: left;}



/*Section savoir faire*/
.section-savoir {color: white; padding: 4rem 0; margin-bottom: 4rem;}
.link-desktop-hidden {display: none;}
.savoir-content {max-width: 663px;font-weight: 700;text-align: center;}
.savoir-content p {max-width: 466px; margin: 0 auto 1rem;}
.section-savoir h2:before, .section-savoir h2:after {background: white;}

/*Produits*/
.section-produits {text-align: center; margin-bottom: 4rem;}
.image-slide-wrapper {max-width: 364px; transition: var(--t); position: relative; margin-top: 3rem;}
.image-slide-wrapper:before {content: ""; width: 325px; height: 325px; position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); background: url(../../images/bg-top.jpg) no-repeat center; transition: var(--t)}
.section-produits-slider-1 .slick-slide:not(.slick-center) .image-slide-wrapper {max-width: 270px; margin: 4rem auto 0;}
.section-produits-slider-1 .slick-slide:not(.slick-center) .image-slide-wrapper:before {width: 200px; height: 200px;}
.section-produits-slider-1 .slick-slide {height: 440px;}
.image-slide-wrapper img {margin: 0 auto; position: relative;}
.section-produits h3 {text-transform: uppercase; font-size: 1.47rem; line-height: 23px; margin-top: 3rem; color: white; background: url(../../images/bg-titre.png) no-repeat center; background-size: 100%; display: inline-block; padding: 0.7rem 0.75rem 0.9rem;}
.section-produits .section-produits-slider-1 .slick-slide:not(.slick-center) h3 {font-size: 13px; background: url(../../images/bg-titre-small.png) no-repeat center; background-size: 100%;}
.section-produits .section-produits-slider-1 .slick-slide:not(.slick-center) .titre-slide-wrapper-short h3 {background: url(../../images/bg-titre.png) no-repeat center; background-size: 100%;}
.slick-initialized .slick-slide {padding: 0 0.5rem;}
.section-produits-header h2 {max-width: 600px;}
.section-produits > .container {position: relative;}
.slick-arrow {background: url(../../images/slide-arrow.png) no-repeat center; background-size: 100%; width: 61px; height: 28px; border: 0; overflow: hidden; text-indent: 200%; white-space: nowrap; cursor: pointer; display: inline-block; position: absolute; top: calc(100% + 3rem); z-index: 2;}
.slick-arrow.slick-prev {left: 50%; transform: translateX(-387px);}
.slick-arrow.slick-next {right: 50%; transform: rotate(180deg) translateX(-387px);}
.section-produits-slider-2 {max-width: 763px; padding: 0 70px; margin: 1rem auto 0;}

/*Contact*/
.section-contact {background: url(../../images/bg-top.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0 4rem;}
.section-contact-header {display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center;}
.section-contact-header-col-1 {width: 13%; padding-top: 0.5rem;}
.section-contact-header-col-2 {max-width: 500px;}
.section-contact-header-col-3 {width: 13%;}
.section-contact-form {max-width: 936px; margin: 0 auto;}
.form-two-col {display: flex; flex-wrap: wrap; justify-content: space-between;}
.form-two-col > div {width: calc(50% - 0.5rem); margin-bottom: 1rem;}
.form-item input[type="text"], .form-item input[type="email"], .form-item textarea {background: white; border: 0; width: 100%; padding: 0.5rem;}
textarea#message {min-height: 112px;}
.form-item label {font-weight: 400; font-size: 20px; margin-bottom: 0.25rem; display: block;}
.form-sumbit-button {display: inline-block; background: var(--texte); padding: 4px; border-radius: 11px; cursor: pointer; transition: var(--t);}
.form-sumbit-button input[type="submit"] { padding: 4px 0.75rem; border-radius: 9px; background: var(--texte); border: 1px solid white; color: white; font-size: 23px; font-weight: 700; transition: var(--t); cursor: pointer;}
.form-sumbit-button:hover, .form-sumbit-button:hover input[type="submit"] {background: var(--vert);}
.form-submit {text-align: center; position: relative; z-index: 2;}
.description {font-size: 13px;}

/*Footer*/
.footer-top {margin-top: -7rem;}
.footer-top img {width: 100%;}
.footer-bottom {background: var(--texte); color: white; padding: 2.5rem 1.5rem 0.25rem; text-align: center; margin-top: -3rem; z-index: 0; position: relative;}
.footer-logo {display: inline-block; margin: 1rem 0 1.5rem;}
.footer-text p {margin: 0 auto 1rem; max-width: 220px; font-size: 11px;}

/*Slick*/
.slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%);}
.slick-dots li {float: left; margin: 0 0.25em;}
.slick-dots button {padding: 0; overflow: hidden; width: 15px; height: 15px; background: white; border: 1px solid var(--ocre); border-radius: 8px; text-indent: -9999px; transition: var(--t);}
.slick-dots .slick-active button, .slick-dots button:hover {background: var(--ocre);}
.slick-slider {padding: 0;}


@media all and (min-width: 1050px) {
	.eleveurs-column-1 {width: 41%; position: relative; padding-left: 199px;}
	.eleveurs-column-1 .eleveur-img {width: 199px; position: absolute; bottom: 0;left: 0;}
	.eleveur-text {position: relative;}
	.eleveurs-column-1 .eleveur-text:before, .eleveurs-column-3 .eleveur-text:before {content: ""; width: 28px; height: 23px; position: absolute; top: -3px; right: calc(100% + 1.25rem); background: url(../../images/guillemet.svg) no-repeat center;}
	.eleveurs-column-1 .eleveur-title {max-width: 177px; margin-top: 6rem; position: relative;}
	.eleveurs-column-1 .eleveur-title:before {content: ""; width: 144px; height: 96px; position: absolute; bottom: calc(100% + 0.5rem); left: 0; background: url(../../images/arrow-1.svg) no-repeat center; background-size: 100%;}
	.eleveurs-column-2 {width: 18%; position: relative; display: flex; justify-content: flex-end; flex-direction: column;}
	.eleveurs-column-2 .eleveur-text {position: absolute; top: calc(100% + 3.25rem); width: 100vw; left: 50%; padding: 0 15px; max-width: 775px; transform: translateX(-50%);}
	.eleveurs-column-2 .eleveur-title  {position: absolute; bottom: 0; right: 100%;}
	.eleveurs-column-2 .eleveur-title {width: 177px; position: absolute; right: 85%; bottom: 0; padding-top: 0.25rem;}
	.eleveurs-column-2 .eleveur-title p {margin-bottom: 0.5rem;}
	.eleveurs-column-2 .eleveur-text p:last-child:after {content: ""; width: 28px; height: 23px; display: inline; background: url(../../images/guillemet.svg) no-repeat center; display: inline-block; position: absolute; transform: rotate(180deg) translate(-25px, -4px);}
	.eleveurs-column-2 .eleveur-title:before {content: ""; width: 144px; height: 96px; position: absolute; bottom: calc(100% - 4.25rem); right: 72%; background: url(../../images/arrow-1.svg) no-repeat center; background-size: 100%; transform: rotate(180deg); transform-origin: center;}
	.eleveurs-column-3 {width: 41%; position: relative; padding-right: 199px;}
	.eleveurs-column-3 .eleveur-img {width: 199px; position: absolute; bottom: 0;right: 0;}
	.eleveurs-column-3 .eleveur-text {margin-bottom: 9rem;}
	.eleveurs-column-3 .eleveur-title {max-width: 177px; text-align: right;margin-left: auto; transform: translate(11px, -14px);}
	.eleveurs-column-3 .eleveur-title:before {content: ""; width: 144px; height: 96px; position: absolute; bottom: calc(100% + 2.75rem); left: 8px; background: url(../../images/arrow-2.svg) no-repeat center; background-size: 100%;}
	.eleveur-text {position: relative;}
	.eleveurs-column-1 .eleveur-text:before, .eleveurs-column-3 .eleveur-text:before {content: ""; width: 28px; height: 23px; position: absolute; top: -3px; right: calc(100% + 1.25rem); background: url(../../images/guillemet.svg) no-repeat center;}
	h2:before {content: ""; width: 84px; height: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--texte);}
	h2:after {content: ""; width: 84px; height: 2px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: var(--texte);}
}	


@media all and (max-width: 1050px) {
	.icon-mobile {display: block;}
	a.menu-link {display: inline-block; margin-top: 30px;}
	i {display: inline-block;}
	.icon-men {width: 24px; height: 22px; position: relative;}
	.icon-men span {position: absolute; left: 0; top: 0; display: inline-block; border-radius: 3px; background: var(--texte); width: 100%; height: 4px; transition: var(--t); transform-origin: left; opacity: 1;}
	.icon-men span:nth-child(2) {top: 50%; transform: translateY(-50%);}
	.icon-men span:nth-child(3) {top: calc(100% - 4px);}
	.icon-menu-open .icon-men span:first-child {top: -2px; width: 130%; transform: rotate(45deg);}
	.icon-menu-open .icon-men span:nth-child(2) {opacity: 0;}
	.icon-menu-open .icon-men span:nth-child(3) {top: calc(100% - 2px); transform: rotate(-45deg); width: 130%;}
	.sticky-logo, .sticky .sticky-logo {display: block; width: 120px; padding-top: 0.75rem;}
	.sticky .bizac-header, .bizac-header {height: 88px;}
	.sticky {padding-top: 88px;}
	.main-menu {position: fixed; top: 88px; background: white; width: 100%; transition: var(--t); left: -102vw; padding: 0 1rem 2rem; z-index: 10;}
	.icon-menu-open .main-menu {left: 0;}
	.header-content {justify-content: space-between; padding: 0 1.5rem;}
	.main-menu ul li {width: 100%;}
	.main-menu ul a {width: 100%; padding-bottom: 0.25rem;}
	.main-menu ul a:before {display: none;}
	.main-menu ul li a:after, .main-menu ul li:not(:last-child) a:after {content: ""; position: absolute; background: var(--texte); width: 100%; height: 0.05rem; right: 0; top: inherit; bottom: 0;}
	.main-logo {display: none;}
	.main-title {padding: 2rem 0;}
	.section-top h1 {font-size: 35px;}
	.eleveur-img img {height: 214px;object-fit: cover; object-position: top; width: 172px;}
	.eleveur-pres {display: flex; flex-wrap: wrap; justify-content: center;}
	.eleveur-title {width: calc(100% - 172px); max-width: 176px; display: flex; justify-content: center; flex-direction: column;}
	.section-eleveurs .slick-track {display: flex !important;}
	.section-eleveurs .slick-slide {height: inherit !important;}
	.section-eleveurs .slick-initialized .slick-slide {display: flex; justify-content: space-between; flex-direction: column;}
	.eleveur-text {position: relative; padding-left: 2rem;}
	.eleveur-text:before {content: ""; width: 20px; height: 23px; position: absolute; top: -3px; left: 0; background: url(../../images/guillemet.svg) no-repeat center; background-size: 100%;}	
	h2 {padding: 0; font-size: 27px;}
	.eleveurs-columns {margin-bottom: 5rem;}
	.section-produits-slider-1 .image-slide-wrapper {margin: 3rem auto 0;}
	.titre-slide-wrapper {max-width: 355px; margin: 0 auto;}
}	

@media all and (max-width: 812px) {
	.page-top-bis-columns-1 {width: 100%; padding-top: 1rem;}
	.page-top-bis-columns-1 img {margin: 0 auto;}
	.page-top-image-large img {height: 232px; object-fit: cover;}
	.page-top-bis-columns-2 {width: 100%; padding-left: 0;}
	.link-desktop-hidden {display: block; color: var(--texte); font-size: 15px; text-decoration: underline; margin-bottom: 1rem;}
	.text-hidden-mobile {display: none; color: var(--texte); padding: 0 15px;}
	.section-savoir {background: none; padding: 0; margin-bottom: 2rem;}
	.section-savoir > .container {padding: 0;}
	.savoir-content-text {background: url(../../images/bg-demarche.jpg) no-repeat top center; background-size: cover; padding: 2rem 1.5rem; margin-bottom: 1rem;}
	.section-produits-slider-1 .slick-arrow {display: none!important;}
	.section-produits-slider-2 li p:last-child {margin: 0;}
	.section-contact-header-col-3 {display: none;}
	.section-contact-header-col-1 {width: 100%; padding-top: 0; text-align: center;}
	.section-contact {padding: 0 0 7rem;}
	.section-produits {margin-bottom: 6rem;}
	.section-contact-header-img {display: inline-block; margin-top: -2rem; width: 90px;}
	.section-contact-header-col-2 {max-width: 500px; margin: 0 auto;}
	.footer-top img {height: 232px; object-fit: cover; position: relative; z-index:2}
	.section-produits-slider-2 {padding: 0;}
}	
@media all and (max-width: 510px) {
	.section-produits h3 {font-size: 1rem;}
	.image-slide-wrapper {max-width: 310px;}
	.image-slide-wrapper:before {width: 285px; height: 285px;}
	.form-two-col > div {width: 100%;}
	.section-eleveurs {padding-top: 2rem;}
	.section-produits-slider-1 .slick-slide {height: 394px;}
}