Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 717
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 1768
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2424
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2478
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Dekko|Roboto+Slab:200,300,400,500,600,700,800,900&display=swap.less) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Dekko|Roboto+Slab:200,300,400,500,600,700,800,900&display=swap) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap.less) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/utils.less) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/utils) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop.less) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet.less) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile.less) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile) is not within the allowed path(s): (/www/wwwroot/lafermedespampilles.fr/:/tmp/) in /www/wwwroot/lafermedespampilles.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
@import url('https://fonts.googleapis.com/css?family=Dekko|Roboto+Slab:200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
@font-face {
font-family: 'olivier';
src: url('../fonts/olivier.eot');
src: url('../fonts/olivier.eot?#iefix') format('embedded-opentype'), url('../fonts/olivier.woff2') format('woff2'), url('../fonts/olivier.woff') format('woff'), url('../fonts/olivier.ttf') format('truetype'), url('../fonts/olivier.svg#olivier') format('svg');
font-weight: normal;
font-style: normal;
}
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
display: none !important;
}
html,
body {
overflow: auto !important;
overflow-x: hidden !important;
}
body {
font-family: 'Roboto Slab', serif;
}
body a {
text-decoration: none;
color: #fff;
outline: none;
transition: color 0.2s;
}
body a:hover,
body a:focus {
color: #fec700;
text-decoration: none;
}
body button:focus,
body a:focus {
outline: none;
text-decoration: none;
}
body .col-md-2-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body .col-md-2-5 {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
}
body #VideoModal .modal-content {
width: auto;
height: auto;
background-color: #000;
border: none;
border-radius: 0;
}
body #VideoModal .modal-content .modal-header {
border-bottom: solid 1px rgba(255,255,255,0.4);
}
body #VideoModal .modal-content .modal-header h5 {
font-weight: 300;
color: #fff;
font-size: 1.2rem;
letter-spacing: 2px;
margin-bottom: 0;
}
body #VideoModal .modal-content .modal-header h5 strong {
font-weight: 500;
}
body #VideoModal .close {
font-size: 1.5rem;
font-weight: 300;
color: #fff;
text-shadow: none;
opacity: .8;
}
body header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body header::before {
position: absolute;
content: "";
background-color: #fff;
height: 90px;
top: 0;
width: 100%;
left: 0;
}
body header #entete {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
}
body header #entete #logo-wrapper {
position: relative;
overflow: hidden;
max-height: 245px;
}
body header #entete #logo-wrapper #logo {
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
background-color: #fff;
padding: 1.5rem .2rem;
border-bottom-left-radius: 55px;
border-bottom-right-radius: 55px;
box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.2);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header #entete #logo-wrapper #logo {
margin-left: 65%;
}
}
body header #entete #logo-wrapper #logo img {
margin: 0 auto;
display: block;
max-width: 75%;
}
body header #entete #logo-wrapper #logo-sticky {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
opacity: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header #entete #logo-wrapper #logo-sticky {
left: 65%;
}
}
body header #entete .infos-right {
padding: 0;
}
body header #entete .infos-right .inner-client-top .infos-client .tel i {
font-size: 1rem;
color: #28ac6e;
margin-right: .5rem;
}
body header #entete .infos-right .inner-client-top .infos-client .tel .number a {
color: #28ac6e;
font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
body header #entete .infos-right .inner-client-top .infos-client .tel .number a {
font-size: .8rem;
}
}
body header #entete .infos-right .inner-client-top .infos-client .tel .number .separator {
margin: 0 .2rem;
}
body header #entete .infos-right .inner-client-top .adresse {
text-align: right;
}
body header #entete .infos-right .inner-client-top .adresse .ctn {
font-size: .9rem;
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
body header #entete .infos-right .inner-client-top .adresse .ctn {
font-size: .8rem;
}
}
body header.sticky {
background-color: #fff;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
border: solid 1px #e6e6e6;
}
body header.sticky #entete .main-header {
align-items: center !important;
}
body header.sticky #entete .action--menu {
color: #28ac6e;
}
body header.sticky #entete #logo-wrapper {
max-height: 100px;
}
body header.sticky #entete #logo-wrapper #logo {
transform: translateY(-15rem) translateX(-50%);
-moz-transform: translateY(-15rem) translateX(-50%);
-webkit-transform: translateY(-15rem) translateX(-50%);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.sticky #entete #logo-wrapper #logo-sticky {
transform: translateY(-6rem) translateX(-50%);
-moz-transform: translateY(-6rem) translateX(-50%);
-webkit-transform: translateY(-6rem) translateX(-50%);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
opacity: 1;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header.sticky #entete #logo-wrapper #logo-sticky {
transform: translateY(-6.4rem) translateX(-50%);
-moz-transform: translateY(-6.4rem) translateX(-50%);
-webkit-transform: translateY(-6.4rem) translateX(-50%);
}
}
body header.sticky #entete #logo-wrapper #logo-sticky img {
max-width: 55%;
margin: 0 auto;
display: block;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
body header.sticky #entete #logo-wrapper #logo-sticky img {
max-width: 95%;
}
}
body header .hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
body header .icon {
display: block;
width: 1.5em;
height: 1.5em;
margin: 0 auto;
fill: currentColor;
}
body header .frame {
position: relative;
z-index: 199;
}
body header .content {
text-align: center;
position: relative;
z-index: 100;
}
body header .action {
background: none;
border: 0;
color: #28ac6e;
cursor: pointer;
padding: 0;
}
body header .action--menu {
pointer-events: auto;
position: absolute;
top: 1.5rem;
left: 3.5rem;
z-index: 1000;
}
body header .action--menu span {
font-weight: 600;
}
body header .menu--open .action--menu {
pointer-events: none;
}
body header .menu--open .menu__item--5 .menu__item-inner {
padding: 0 2rem;
}
body header .menu--open .menu__item--5 .menu__item-inner .menu-left {
padding-left: 0;
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
}
body header .menu__item--5 .menu__item-inner {
padding: 0 2rem;
}
body header .menu__item--5 .menu__item-inner .menu-left {
padding-left: 3rem;
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
}
body header .menu__item--5 .menu__item-inner .menu-left .top-menu p {
margin-bottom: .5rem;
color: #fff;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
body header .menu__item--5 .menu__item-inner .menu-left .top-menu p {
font-size: .8rem;
}
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu p {
margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu p {
font-size: .8rem;
}
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel {
margin-right: 2rem;
position: relative;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel i {
margin-right: .5rem;
color: #28ac6e;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel .number a {
color: #28ac6e;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel .number .separator {
margin: 0 .5rem;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .adresse {
text-align: right !important;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .adresse .ctn {
text-align: right !important;
margin-left: .5rem;
display: block;
}
body header .menu__item--5 .menu__item-inner .menu-right .clos-facebook {
margin-right: 1rem;
}
body header .menu__item--5 .menu__item-inner .menu-right .clos-facebook,
body header .menu__item--5 .menu__item-inner .menu-right .clos-instagram {
font-size: 2rem;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
body header .menu__item--5 .menu__item-inner .menu-right .clos-facebook,
body header .menu__item--5 .menu__item-inner .menu-right .clos-instagram {
font-size: 1.5rem;
}
}
body header .action--close {
position: absolute;
top: 1.5rem;
left: 1.75rem;
z-index: 1000;
opacity: 0;
padding: 0 0.5rem;
color: #333333;
display: flex;
justify-content: start;
}
body header .action--close .icon {
margin: 0 0 0 1rem;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body header .action--close span {
transform: rotate(180deg);
order: -1;
letter-spacing: 2px;
display: inline-block;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body header .action--close:hover .icon {
margin: 0 0 0 .5rem;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
color: ;
transform: rotate(180deg);
}
body header .action--close:hover span {
color: ;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body header .icon--menu {
width: 2rem;
}
body header .icon--close {
width: 1rem;
}
body header .menu {
text-align: center;
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 200;
display: grid;
grid-template-columns: 100%;
grid-template-rows: repeat(3,33.33%);
pointer-events: none;
}
body header .menu--open {
pointer-events: auto;
}
body header .menu__item {
width: 100%;
position: relative;
overflow: hidden;
}
body header .menu__item-inner {
overflow: hidden;
transform: translate3d(100%,0,0);
height: 100%;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
body header .menu__item--1 .menu__item-inner {
background: #fff;
}
body header .menu__item--2 .menu__item-inner {
background: #fff;
}
body header .menu__item--5 .menu__item-inner {
background: #fff;
}
body header .menu__item--2,
body header .menu__item--5 {
opacity: 0;
}
body header .menu__item--2.active,
body header .menu__item--5.active {
opacity: 1;
}
body header .label {
display: none;
}
body header .mainmenu__item {
opacity: 0;
}
body header .mainmenu__item,
body header .sidemenu__item {
position: relative;
overflow: hidden;
transition: color 0.1s;
margin: 0.25rem 0;
display: block;
}
body header .sidemenu__item-inner {
display: block;
transform: translate3d(0,100%,0);
}
body header .menu__item-map {
width: 90%;
height: 93%;
position: absolute;
top: 2rem;
left: 3rem;
background: url(../img/photo-menu.jpg) no-repeat 50% 50%;
background-size: cover;
transition: transform 0.8s cubic-bezier(0.2,1,0.8,1);
}
body header .menu__item-inner:hover .menu__item-map {
transform: scale3d(1.1,1.1,1);
}
body header .menu__item-hoverlink {
font-weight: bold;
text-transform: capitalize;
position: relative;
z-index: 1000;
display: block;
}
body header .menu__item-hoverlink:hover {
color: #fec700;
}
body header .menu__item-link {
text-align: left;
align-self: flex-start;
justify-self: start;
font-size: 1.5rem;
width: 100%;
line-height: 1;
padding: 2rem;
margin: 3rem 0 auto;
display: flex;
flex-direction: column;
height: calc(97%);
}
body header .menu__item-link::after {
content: '\27F6';
display: block;
margin-top: auto;
font-size: 0.95rem;
}
@media screen and (min-width: 53em) {
body header body {
padding: 0;
}
body header .content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
min-height: 100vh;
text-align: left;
}
body header .frame {
position: fixed;
z-index: 199;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 1.5rem;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto auto;
grid-template-areas: 'codropsheader info' '... ...' 'github ...';
}
body header .codrops-links {
margin: 0;
}
body header .frame a {
pointer-events: auto;
}
body header .info {
margin: 0 6rem 0 0;
color: #28ac6e;
}
body header .menu {
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
grid-template-columns: 50% 50%;
grid-template-rows: 60% 40%;
grid-template-areas: "item2 item1" "item5 item1";
}
body header .menu__item {
height: 100%;
}
body header .menu__item--1 {
grid-area: item1;
}
body header .menu__item--2 {
grid-area: item2;
height: 80vh;
}
body header .menu__item--5 {
grid-area: item5;
height: 20vh;
margin-top: 20vh;
}
body header .menu__item--5 {
display: block;
}
body header .menu__item-inner {
align-items: center;
}
body header .label {
display: block;
color: #28ac6e;
position: absolute;
z-index: 1000;
font-size: 0.85rem;
font-weight: bold;
margin: 0;
white-space: nowrap;
}
body header .label--topleft {
top: 2rem;
left: 2rem;
}
body header .label--vert,
body header .label--vert-mirror {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
body header .label--vert-mirror {
transform: rotate(180deg);
}
body header .label--bottomright {
bottom: 2rem;
right: 2rem;
}
body header .label::before {
content: '------------- ';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -1px;
margin: 0 0.75rem 0 0;
}
body header .label--vert::before,
body header .label--vert-mirror::before {
margin: 0.75rem 0;
}
body header .mainmenu,
body header .sidemenu {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
padding-left: 8rem;
}
body header .mainmenu {
counter-reset: menuitem;
}
body header .mainmenu__item {
font-size: 2vw;
text-transform: lowercase;
overflow: visible;
margin: 1rem 0;
padding: 0 0.5rem;
position: relative;
transition: color 0.3s;
}
body header .mainmenu__item:hover a {
color: #fec700;
text-decoration: none;
font-weight: 400;
}
body header .mainmenu__item:hover a::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body header .mainmenu__item:hover a::before {
color: #28ac6e;
}
body header .mainmenu__item a {
color: #28ac6e;
font-weight: 400;
text-transform: capitalize;
}
body header .mainmenu__item a::before {
counter-increment: menuitem;
content: counters(menuitem,"",decimal-leading-zero);
position: absolute;
font-size: 0.85rem;
top: 25%;
left: -1.25rem;
color: #66493d;
}
body header .mainmenu__item a::after {
content: '';
width: 276px;
height: 54px;
top: 50%;
background-image: url('../img/hover-menu.png');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
left: 50%;
opacity: 0;
transform: translate(-50%,-50%) !important;
}
.mainmenu__item
body header:hover::after {
opacity: 1;
}
}
@media screen and (min-width: 53em) and (min-width: 992px) and (max-width: 1439.98px) {
body header .mainmenu__item {
font-size: 2.5vw;
}
}
body header .sidemenu__item {
text-transform: uppercase;
letter-spacing: 0.15rem;
font-size: 0.85rem;
}
body header .menu__item-hoverlink {
font-size: 1.25rem;
text-transform: lowercase;
border-bottom: 2px solid #fff;
opacity: 0;
transition: opacity 0.3s;
}
body header .menu__item-inner:hover .menu__item-hoverlink {
opacity: 1;
}
body footer {
background-color: #534943;
}
body footer .w-100 img {
margin-right: 5px;
margin-bottom: 6px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body footer .logo {
margin-bottom: 2rem;
}
}
body footer .logo a img {
transform: translateY(20px);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body footer .logo a img {
max-width: 20%;
display: block;
margin: 0 auto;
}
}
body footer .menu-footer ul {
padding-left: 0;
text-align: center;
}
body footer .menu-footer ul li {
display: inline-block;
margin: 0 1.2rem;
list-style-type: none;
text-transform: uppercase;
font-weight: 300;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
body footer .menu-footer ul li {
margin: 0 .5rem;
font-size: 1rem;
}
}
body footer .menu-footer ul li::after {
content: "";
position: absolute;
background-color: #fff;
height: 20px;
width: 1px;
right: -20px;
top: 2px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
body footer .menu-footer ul li::after {
right: -10px;
}
}
body footer .menu-footer ul li:last-child::after {
display: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body footer .facebook {
margin-top: 1rem !important;
text-align: center;
}
}
body footer .mention-footer {
padding: .5rem 0;
font-size: .85rem;
font-weight: 300;
}
body.page-id-3 main,
body.page-id-6 main {
padding: 6rem 0 3rem 0;
}
body.page-id-3 main a,
body.page-id-6 main a {
color: #28ac6e;
}
body.home #image-entete {
height: 875px;
width: 96%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.home #image-entete {
height: 750px;
}
}
body.home #image-entete .titre {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
color: #fff;
font-size: 2.8rem;
text-transform: uppercase;
font-weight: 400;
text-shadow: 1px 1px 5px #333333;
text-align: center;
}
body.home #mise-en-avant {
margin-top: -7rem;
}
body.home #mise-en-avant .item {
width: 260px;
height: 210px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.home #mise-en-avant .item:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
margin-top: -5rem;
}
body.home #presentation-ferme {
margin-bottom: 5rem;
margin-top: 5rem;
position: relative;
}
body.home #presentation-ferme:after {
content: "";
position: absolute;
width: 100%;
height: 734px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url('../img/trace-chevre.png');
left: 0;
top: 6rem;
z-index: -1;
}
body.home #presentation-ferme .container {
max-width: 1340px;
}
body.home #presentation-ferme .video {
position: relative;
width: 100%;
padding: 0;
height: 410px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.home #presentation-ferme .video:after {
content: "";
position: absolute;
height: 80%;
width: 150px;
background-color: #fec700;
left: -8px;
top: -8px;
z-index: -1;
}
body.home #presentation-ferme .video:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
}
body.home #presentation-ferme .video i {
position: relative;
color: #fff;
font-size: 2rem;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.home #presentation-ferme .video p {
position: relative;
font-size: .8rem;
text-transform: uppercase;
color: #fff;
text-align: center;
margin-top: .5rem;
margin-bottom: 0;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.home #presentation-ferme .video:hover,
body.home #presentation-ferme .video:focus {
cursor: pointer;
}
body.home #presentation-ferme .video:hover:before,
body.home #presentation-ferme .video:focus:before {
background-color: rgba(0,0,0,0.2);
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.home #presentation-ferme .video:hover i,
body.home #presentation-ferme .video:focus i {
transform: translateY(1.2rem);
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.home #presentation-ferme .video:hover p,
body.home #presentation-ferme .video:focus p {
opacity: 0;
transform: translateY(2rem);
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.home #presentation-ferme .infos-ferme {
padding-left: 3rem;
}
body.home #presentation-ferme .infos-ferme .titre {
margin-bottom: 1rem;
}
body.home #presentation-ferme .infos-ferme .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.home #presentation-ferme .infos-ferme .texte p {
color: #66493d;
font-size: .95rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.home #presentation-ferme .infos-ferme .group-bottom {
margin-top: 2rem;
}
body.home #presentation-ferme .infos-ferme .group-bottom .btn-action {
background-color: #fec700;
color: #fff;
padding: .5rem 1.5rem;
border-radius: 25px;
position: relative;
text-align: center;
}
body.home #presentation-ferme .infos-ferme .group-bottom .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.home #presentation-ferme .infos-ferme .group-bottom .picto {
padding-left: 2rem;
}
body.home #presentation-ferme .infos-ferme .group-bottom .picto .pictogramme {
height: 75px;
width: 82px;
background-repeat: no-repeat;
background-position: center;
}
body.home #visit-ferme {
margin-bottom: 5rem;
margin-top: 8rem;
position: relative;
padding: 2rem 0;
}
body.home #visit-ferme::before {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url('../img/fond-team.jpg');
height: 100%;
width: 60%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
body.home #visit-ferme .container {
max-width: 1340px;
}
body.home #visit-ferme .image-ferme {
width: 100%;
height: 450px;
}
body.home #visit-ferme .image-ferme .inner {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.home #visit-ferme .image-ferme .inner:after {
content: "";
position: absolute;
height: 80%;
width: 150px;
background-color: #fec700;
right: -8px;
bottom: -8px;
z-index: -1;
}
body.home #visit-ferme .infos-ferme {
padding-right: 3rem;
}
body.home #visit-ferme .infos-ferme .titre {
margin-bottom: 1rem;
}
body.home #visit-ferme .infos-ferme .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.home #visit-ferme .infos-ferme .texte p {
color: #66493d;
font-size: .95rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.home #visit-ferme .infos-ferme .btn-action {
margin-top: 2rem;
background-color: #fec700;
color: #fff;
padding: .5rem 1.5rem;
border-radius: 25px;
position: relative;
text-align: center;
display: inline-block;
}
body.home #visit-ferme .infos-ferme .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.home #horaire-ferme {
margin-bottom: 10rem;
margin-top: 8rem;
}
body.home #horaire-ferme .infos-horaire .titre {
margin-bottom: 1rem;
}
body.home #horaire-ferme .infos-horaire .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.home #horaire-ferme .horaire .item {
margin-bottom: .5rem;
}
body.home #horaire-ferme .horaire .item .jour,
body.home #horaire-ferme .horaire .item .heure {
font-size: .95rem;
text-align: justify;
font-weight: 400;
}
body.home #horaire-ferme .horaire .item .jour {
font-weight: 600;
margin-right: .5rem;
}
body.home #horaire-ferme .btn-action {
margin-top: 2rem;
background-color: #fec700;
color: #fff;
padding: .5rem 2rem;
border-radius: 25px;
position: relative;
text-align: center;
display: inline-block;
}
body.home #horaire-ferme .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.home #les-plus {
background-image: url('../img/bg-picto.jpg');
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 1rem 0 5rem 0;
}
body.home #les-plus .container {
max-width: 1340px;
}
body.home #les-plus .item-plus {
padding: 0 4rem;
margin-top: -5rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.home #les-plus .item-plus {
padding: 0 1rem;
}
}
body.home #les-plus .item-plus .inner {
position: relative;
}
body.home #les-plus .item-plus .inner .photo {
width: 100%;
height: 285px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.home #les-plus .item-plus .inner .titre {
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 15;
}
body.home #les-plus .item-plus .inner .titre::before {
content: "";
position: absolute;
top: -25px;
left: -55px;
background-image: url('../img/bandeau-titre.png');
width: 425px;
height: 72px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
body.home #les-plus .item-plus:nth-child(3) .inner::before {
content: "";
position: absolute;
top: -3rem;
right: -3rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url('../img/saveur-ain.png');
height: 100px;
width: 100px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.home #les-plus .item-plus:nth-child(3) .inner::before {
height: 70px;
width: 70px;
right: -1rem;
}
}
body.page-id-23 .container {
max-width: 1340px;
}
body.page-id-23 #image-entete {
height: 875px;
width: 96%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-23 #image-entete {
height: 750px;
}
}
body.page-id-23 #image-entete .titre {
position: absolute;
left: 50%;
bottom: 6rem;
transform: translateX(-50%);
color: #fff;
font-size: 2.5rem;
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
text-shadow: 1px 1px 5px #333333;
text-align: center;
}
body.page-id-23 #presentation-exploitation {
margin-bottom: 5rem;
margin-top: -4rem;
}
body.page-id-23 #presentation-exploitation .container {
max-width: 1340px;
}
body.page-id-23 #presentation-exploitation .image-exploitation {
position: relative;
width: 100%;
height: 410px;
}
body.page-id-23 #presentation-exploitation .image-exploitation .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
body.page-id-23 #presentation-exploitation .image-exploitation .inner::after {
content: "";
position: absolute;
height: 80%;
width: 150px;
background-color: #fec700;
left: -8px;
top: -8px;
z-index: -1;
}
body.page-id-23 #presentation-exploitation .infos-ferme {
padding-left: 2rem;
padding-top: 2rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .titre {
margin-top: 3rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.page-id-23 #presentation-exploitation .infos-ferme .texte p {
color: #66493d;
font-size: .9rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom {
margin-top: 2rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .btn-action {
background-color: #fec700;
color: #fff;
padding: .5rem 1.5rem;
border-radius: 25px;
position: relative;
text-align: center;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .picto {
padding-left: 2rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .picto .picto-wrapper .pictogramme {
height: 75px;
width: 82px;
background-repeat: no-repeat;
background-position: center;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .picto .picto-wrapper .titre-picto {
color: #28ac6e;
font-weight: 400;
font-size: .9rem;
text-align: center;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .picto .picto-wrapper:last-child {
padding: 0;
}
body.page-id-23 #equipe {
background-image: url('../img/fond-team.jpg');
height: auto;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 2rem 0;
}
body.page-id-23 #equipe .titre {
margin-bottom: 2rem;
}
body.page-id-23 #equipe .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.page-id-23 #equipe .membre {
padding: 0 1.5rem;
margin-bottom: 4rem;
}
body.page-id-23 #equipe .membre .photo {
height: 315px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
filter: grayscale(1);
}
body.page-id-23 #equipe .membre .infos-membre {
position: relative;
width: 100%;
text-align: center;
}
body.page-id-23 #equipe .membre .infos-membre::before {
content: "";
position: absolute;
height: 70px;
width: 245px;
background-image: url('../img/fond-team-titre.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: -24px;
left: 48%;
transform: translateX(-50%);
}
body.page-id-23 #equipe .membre .infos-membre .nom,
body.page-id-23 #equipe .membre .infos-membre .prenom {
color: #fff;
font-weight: 400;
position: relative;
z-index: 15;
font-size: .9rem;
line-height: .8;
}
body.page-id-23 #equipe .membre .infos-membre .nom {
text-transform: uppercase;
margin-left: .4rem;
}
body.page-id-23 #equipe .membre .fonction {
color: #fff;
font-size: .9rem;
font-weight: 800;
line-height: 4;
position: relative;
z-index: 10;
}
body.page-id-23 #equipe .membre .fonction::before {
content: "";
position: absolute;
height: 55px;
width: 240px;
z-index: -1;
background-image: url('../img/fond-statut-equipe.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: 4px;
left: 50%;
transform: translateX(-50%);
}
body.page-id-23 #hygiene {
margin-bottom: 3rem;
margin-top: 3rem;
}
body.page-id-23 #hygiene .infos-ferme {
padding-right: 2rem;
}
body.page-id-23 #hygiene .infos-ferme .titre {
margin-bottom: 1rem;
}
body.page-id-23 #hygiene .infos-ferme .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.page-id-23 #hygiene .infos-ferme .texte p {
color: #66493d;
font-size: .9rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.page-id-23 #hygiene .infos-ferme .polaroid {
height: 270px;
width: auto;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 0 auto;
display: block;
}
body.page-id-23 #hygiene .image-labo {
position: relative;
width: 100%;
height: 460px;
}
body.page-id-23 #hygiene .image-labo .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
body.page-id-23 #hygiene .image-labo .inner::after {
content: "";
position: absolute;
height: 80%;
width: 150px;
background-color: #fec700;
right: -8px;
bottom: -8px;
z-index: -1;
}
body.page-id-23 #hygiene .btn-action {
background-color: #fec700;
color: #fff;
padding: .5rem 1.5rem;
border-radius: 25px;
position: relative;
text-align: center;
margin-top: 2rem;
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
}
body.page-id-23 #hygiene .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.page-id-23 #galerie {
position: relative;
}
body.page-id-23 #galerie::before {
content: "";
position: absolute;
height: 75px;
width: 100%;
z-index: 15;
background-image: url('../img/deco-gaelrie-hygiene.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
top: -35px;
left: 0;
}
body.page-id-23 #galerie .container-fluid #galerie-slider {
position: relative;
margin-top: 1em;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage {
margin: 0 auto;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item {
height: 250px;
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a {
display: block;
width: 100%;
height: 100%;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.page-id-25 .container {
max-width: 1340px;
}
body.page-id-25 #image-entete {
height: 875px;
width: 96%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #image-entete {
height: 750px;
}
}
body.page-id-25 #image-entete .titre {
position: absolute;
left: 50%;
bottom: 6rem;
transform: translateX(-50%);
color: #fff;
font-size: 2.5rem;
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
text-shadow: 1px 1px 5px #333333;
text-align: center;
}
body.page-id-25 .titre-main {
margin-bottom: 3rem;
margin-top: 3rem;
}
body.page-id-25 .titre-main h1 {
font-family: 'olivier';
font-weight: normal;
font-size: 2.2rem;
color: #fec700;
}
body.page-id-25 #fabrication-produit {
margin-bottom: 5rem;
margin-top: 3rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #fabrication-produit {
margin-bottom: 2rem;
}
}
body.page-id-25 #fabrication-produit .container {
max-width: 1340px;
}
body.page-id-25 #fabrication-produit .all-etape .titre h4 {
font-size: 1.8rem;
color: #66493d;
padding-left: 2rem;
position: relative;
}
body.page-id-25 #fabrication-produit .all-etape .titre h4::before {
content: "";
position: absolute;
left: 0;
bottom: 6px;
background-color: #66493d;
width: 30px;
height: 1px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape {
margin: 2rem 0;
position: relative;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(1) .infos-etape::after {
content: "";
position: absolute;
left: 45%;
bottom: -35%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-1.png');
width: 60px;
height: 240px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(2) .infos-etape::after {
content: "";
position: absolute;
left: 40%;
bottom: -30%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-2.png');
width: 200px;
height: 185px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::before {
content: "";
position: absolute;
left: -5rem;
bottom: -3rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/picto-lait-fabrication.png');
width: 140px;
height: 200px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::before {
left: -3rem;
width: 130px;
height: 180px;
}
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::after {
content: "";
position: absolute;
left: 40%;
bottom: -30%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-3.png');
width: 200px;
height: 245px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(4) .infos-etape::after {
content: "";
position: absolute;
left: 20%;
bottom: -15%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-4.png');
width: 360px;
height: 225px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(5) .infos-etape::after {
content: "";
position: absolute;
left: 25%;
bottom: -20%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-5.png');
width: 240px;
height: 260px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(6) .infos-etape::after {
content: "";
position: absolute;
left: 30%;
bottom: -10%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-6.png');
width: 240px;
height: 200px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::before {
content: "";
position: absolute;
left: -10rem;
top: 0rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/picto-sablier.png');
width: 140px;
height: 190px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::before {
left: 0rem;
top: -7rem;
width: 90px;
height: 110px;
}
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::after {
content: "";
position: absolute;
left: 32%;
bottom: -15%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-7.png');
width: 360px;
height: 220px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::before {
content: "";
position: absolute;
left: -8rem;
top: -1rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/picto-louche.png');
width: 165px;
height: 230px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::before {
left: 0;
top: -11rem;
height: 170px;
}
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::after {
content: "";
position: absolute;
left: 35%;
bottom: -10%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/chemin-9.png');
width: 200px;
height: 190px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape {
position: relative;
padding: 3rem 7em 3rem 3rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape {
padding: 1rem 3em 1rem 1rem;
}
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .titre {
margin-top: 1rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .texte p {
color: #66493d;
font-size: .95rem;
text-align: justify;
font-weight: 400;
line-height: 1.4;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .legende h4 {
color: #66493d;
font-size: .85rem;
text-align: justify;
font-weight: 400;
line-height: 1.4;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .number {
color: #e6e6e6;
font-size: 12rem;
font-weight: 500;
top: -4rem;
z-index: -1;
opacity: .3;
left: 0;
position: absolute;
font-family: 'Bebas Neue', cursive;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .infos-sup .titre {
color: #28ac6e;
font-size: .9rem;
margin-top: 0;
margin-left: .5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .infos-sup .picto {
height: 45px;
width: 45px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .image-etape {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 400px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-25 #fabrication-produit .all-etape .inner-etape .image-etape {
height: 350px;
}
}
body.page-id-25 .btn-action {
background-color: #fec700;
color: #fff;
padding: .5rem 1.5rem;
border-radius: 25px;
position: relative;
width: 250px;
text-align: center;
margin-top: 2rem;
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
margin-bottom: 3rem;
}
body.page-id-25 .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.page-id-27 .container {
max-width: 1340px;
}
body.page-id-27 #image-entete {
height: 875px;
width: 96%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #image-entete {
height: 750px;
}
}
body.page-id-27 #image-entete .titre {
position: absolute;
left: 50%;
bottom: 6rem;
transform: translateX(-50%);
color: #fff;
font-size: 2.5rem;
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
text-shadow: 1px 1px 5px #333333;
text-align: center;
}
body.page-id-27 #presentation-fromage {
margin-bottom: 5rem;
margin-top: 3rem;
}
body.page-id-27 #presentation-fromage .container {
max-width: 1340px;
}
body.page-id-27 #presentation-fromage .image-fromage {
position: relative;
width: 100%;
height: 440px;
}
body.page-id-27 #presentation-fromage .image-fromage .inner {
height: 100%;
width: 80%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #presentation-fromage .image-fromage .inner {
width: 85%;
}
}
body.page-id-27 #presentation-fromage .infos-fromage {
padding-left: 2rem;
position: relative;
}
body.page-id-27 #presentation-fromage .infos-fromage::after {
content: "";
position: absolute;
height: 160px;
width: 120px;
background-image: url('../img/picto-fromage-produit.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: -8rem;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #presentation-fromage .infos-fromage::after {
left: 0;
top: 0;
height: 120px;
width: 100px;
}
}
body.page-id-27 #presentation-fromage .infos-fromage .titre {
margin-top: 3rem;
}
body.page-id-27 #presentation-fromage .infos-fromage .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.page-id-27 #presentation-fromage .infos-fromage .texte p {
color: #66493d;
font-size: .9rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.page-id-27 #presentation-fromage .infos-fromage .texte p strong {
font-size: 1.2rem;
font-weight: 400;
}
body.page-id-27 #presentation-fromage .infos-fromage .group-fromage {
margin-top: 2rem;
}
body.page-id-27 #presentation-fromage .infos-fromage .group-fromage ul {
padding-left: 0;
}
body.page-id-27 #presentation-fromage .infos-fromage .group-fromage ul li {
display: inline-block;
color: #534943;
font-weight: 500;
position: relative;
margin: .5rem 1rem;
}
body.page-id-27 #presentation-fromage .infos-fromage .group-fromage ul li::before {
content: "";
position: absolute;
height: 14px;
width: 16px;
background-image: url('../img/puce.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: -20px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-27 #fromage-appellation {
margin-top: -11rem;
margin-bottom: 5rem;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation {
position: relative;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation p {
color: #66493d;
font-size: .9rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation::before {
content: "";
position: absolute;
height: 120px;
width: 250px;
background-image: url('../img/logo-appellation.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: -20px;
left: -250px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #fromage-appellation .appellation .texte-appellation::before {
top: 15px;
left: -190px;
height: 120px;
width: 170px;
}
}
body.page-id-27 #fromage-appellation .photo-appellation {
position: relative;
width: 100%;
height: 250px;
}
body.page-id-27 #fromage-appellation .photo-appellation .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
body.page-id-27 #produits {
padding-bottom: 3rem;
padding-top: 3rem;
position: relative;
height: auto;
width: 100%;
background-image: url('../img/fond-team.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
body.page-id-27 #produits .infos-produit {
padding-left: 2rem;
}
body.page-id-27 #produits .infos-produit .image-oeuf {
position: absolute;
width: 100%;
height: 285px;
left: -250px;
bottom: -20px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #produits .infos-produit .image-oeuf {
height: 235px;
left: -126px;
bottom: 30px;
}
}
body.page-id-27 #produits .infos-produit .image-oeuf .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.page-id-27 #produits .infos-produit .item-produit {
position: relative;
}
body.page-id-27 #produits .infos-produit .item-produit .titre h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 1.8rem;
color: #28ac6e;
}
body.page-id-27 #produits .infos-produit .item-produit .texte p {
color: #66493d;
font-size: .9rem;
text-align: justify;
font-weight: 400;
line-height: 1.8;
}
body.page-id-27 #produits .infos-produit .item-produit .texte p strong {
font-size: 1.2rem;
font-weight: 400;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(2) {
margin-bottom: 2rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(2)::after {
content: "";
position: absolute;
right: 50px;
top: 20%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/picto-confiture.png');
width: 190px;
height: 140px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #produits .infos-produit .item-produit:nth-child(2)::after {
width: 145px;
height: 80px;
}
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3) {
padding-top: 3.5rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3)::after {
content: "";
position: absolute;
right: -1rem;
top: 55%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/picto-poule.png');
width: 220px;
height: 150px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3)::after {
width: 175px;
}
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-top: 2rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3),
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-left: 11rem;
}
body.page-id-27 #produits .image-produit {
position: relative;
width: 100%;
height: 660px;
}
body.page-id-27 #produits .image-produit .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
body.page-id-27 #reseau-saveur {
position: relative;
height: 100%;
width: 100%;
background-image: url('../img/fond-team.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 5rem 0 2rem 0;
}
body.page-id-27 #reseau-saveur .inner {
height: 150px;
width: 98%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur {
padding-top: 3rem;
padding-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 2.2rem;
color: #fff;
text-shadow: 1px 1px 5px #333333;
position: relative;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::after {
content: "";
position: absolute;
left: 52%;
top: -7rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/picto-agrilocal.png');
width: 110px;
height: 110px;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::before {
content: "";
position: absolute;
right: 52%;
top: -7rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url('../img/saveur-ain.png');
width: 110px;
height: 110px;
}
body.page-id-27 .btn-action {
background-color: #fec700;
color: #fff;
padding: .5rem 1.5rem;
border-radius: 25px;
position: relative;
width: 250px;
text-align: center;
margin-top: 2rem;
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
margin-bottom: 3rem;
}
body.page-id-27 .btn-action::before {
content: "";
position: absolute;
border: solid 2px #fec700;
bottom: -7px;
width: 90%;
left: 50%;
transform: translateX(-50%);
height: 100%;
border-radius: 25px;
}
body.page-id-29 #image-entete {
height: 875px;
width: 96%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-29 #image-entete {
height: 750px;
}
}
body.page-id-29 #image-entete .titre {
position: absolute;
left: 50%;
bottom: 6rem;
transform: translateX(-50%);
color: #fff;
font-size: 2.5rem;
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
text-shadow: 1px 1px 5px #333333;
text-align: center;
}
body.page-id-29 #galerie .titre-main {
margin-bottom: 3rem;
margin-top: 3rem;
}
body.page-id-29 #galerie .titre-main h1 {
font-family: 'olivier';
font-weight: normal;
font-size: 2.2rem;
color: #28ac6e;
}
body.page-id-29 #galerie .galerie-menu .controls-container a {
font-size: 16px;
text-transform: uppercase;
font-weight: 300;
padding: 0 2em;
padding-bottom: 0.5em;
color: #66493d;
display: inline-block;
letter-spacing: 2px;
cursor: pointer;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 .5em;
font-size: 13px;
letter-spacing: 0;
}
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 .5em;
font-size: 14px;
letter-spacing: 1;
}
}
@media (min-width: 1440px) and (max-width: 1639.98px) {
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 1em;
font-size: 14px;
}
}
@media (min-width: 1640px) and (max-width: 1739.98px) {
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 1em;
}
}
body.page-id-29 #galerie .galerie-menu .controls-container a::before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-size: contain;
background-repeat: no-repeat;
background-image: url('../img/hover-filtre.png');
width: 125px;
height: 45px;
opacity: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
body.page-id-29 #galerie .galerie-menu .controls-container a::before {
display: none;
}
}
body.page-id-29 #galerie .galerie-menu .controls-container a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #fec700;
}
body.page-id-29 #galerie .galerie-menu .controls-container a:hover::before {
opacity: 1;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-29 #galerie .galerie-menu .controls-container a.mixitup-control-active {
color: #fec700;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-29 #galerie .galerie-menu .controls-container a.mixitup-control-active::before {
opacity: 1;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-29 #galerie .mix-container {
margin-top: 2em;
}
body.page-id-29 #galerie .mix-container .mix {
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
}
body.page-id-29 #galerie .mix-container .mix a {
margin-bottom: 0.6em;
display: block;
overflow: hidden;
}
body.page-id-29 #galerie .mix-container .mix a figure {
height: 250px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-29 #galerie .mix-container .mix a figure {
height: 200px;
}
}
body.page-id-29 #galerie .mix-container .mix a .hover-img {
opacity: 0;
top: 100%;
position: absolute;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
height: 97%;
width: 98%;
background-color: rgba(40,172,110,0.9);
}
body.page-id-29 #galerie .mix-container .mix a .hover-img .ctn-hover {
position: absolute;
top: 50%;
width: 100%;
padding-left: 15px;
}
body.page-id-29 #galerie .mix-container .mix a .hover-img .ctn-hover .type {
font-weight: 300;
font-size: 3rem;
position: absolute;
color: #fff;
top: 50%;
font-family: 'olivier';
letter-spacing: 2px;
font-weight: normal;
padding-bottom: 0.2em;
left: 50%;
transform: translate(-50%,-50%);
}
body.page-id-29 #galerie .mix-container .mix:hover .hover-img {
top: 0;
opacity: 1;
}
body.page-id-31 #image-entete {
height: 875px;
width: 96%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: -2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-31 #image-entete {
height: 750px;
}
}
body.page-id-31 #image-entete .titre {
position: absolute;
left: 50%;
bottom: 6rem;
transform: translateX(-50%);
color: #fff;
font-size: 2.5rem;
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
text-shadow: 1px 1px 5px #333333;
text-align: center;
}
body.page-id-31 #contact .wrapper-contact {
padding: 0 0 3rem 0;
}
body.page-id-31 #contact .wrapper-contact .infos-contact {
padding-top: 4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .titre-contact {
margin-bottom: 1rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .titre-contact h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 2.2rem;
color: #28ac6e;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .adresse .titre {
margin-bottom: .5rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .adresse .titre i {
color: #fec700;
font-size: 1.2rem;
margin-right: .4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .adresse .titre span {
font-size: 1rem;
color: #534943;
font-weight: 500;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .adresse .ctn {
font-size: .9rem;
color: #66493d;
padding-left: 1.4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone {
margin: 2rem 0;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .fixe i,
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .mobile i {
color: #fec700;
font-size: 1.2rem;
margin-right: .4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .fixe a,
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .mobile a {
font-size: 1.2rem;
color: #534943;
font-weight: 600;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .mobile {
margin-left: 2rem !important;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .titre {
margin-bottom: .5rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .titre i {
color: #fec700;
font-size: 1.2rem;
margin-right: .4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .titre span {
font-size: 1rem;
color: #534943;
font-weight: 500;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .item {
padding-left: 1.4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .item .jour,
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .item .heure {
color: #66493d;
font-size: .85rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .item .jour,
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .item .heure {
font-size: .75rem;
}
}
body.page-id-31 #contact .wrapper-contact .infos-contact .horaire .item .jour {
margin-right: .3rem;
font-weight: 500;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .infos-suplementaires {
margin-top: 1rem;
margin-bottom: 2rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .infos-suplementaires ul {
padding-left: 1.4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .infos-suplementaires ul li {
color: #66493d;
font-size: .9rem;
list-style-type: none;
margin-bottom: .4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .parking .titre {
margin-bottom: .5rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .parking .titre i {
color: #fec700;
font-size: 1.2rem;
margin-right: .4rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .parking .titre span {
font-size: 1rem;
color: #534943;
font-weight: 500;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .parking .text {
color: #66493d;
font-size: .9rem;
padding-left: 1.5rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .interdiction {
margin-top: 1rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .interdiction ul li .picto {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 35px;
width: 35px;
margin-right: .3rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .interdiction ul li span {
font-size: .9rem;
color: #fec700;
font-weight: 500;
}
body.page-id-31 #contact .wrapper-contact .formulaire {
position: relative;
height: 100%;
width: 100%;
background-image: url('../img/fond-team.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 4rem;
}
body.page-id-31 #contact .wrapper-contact .formulaire .titre-form {
text-align: center;
}
body.page-id-31 #contact .wrapper-contact .formulaire .titre-form h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 2.2rem;
color: #28ac6e;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form {
width: 100%;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont {
padding: 1rem 0rem;
width: 100%;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont .nf-before-form-content {
display: none;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont .nf-field-container {
margin-bottom: .5rem;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont .textbox-container {
margin-bottom: .5rem;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont .submit-container {
margin-bottom: 0;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont input:not([type="button"]),
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont textarea,
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont select {
padding: .6rem .5rem;
border: 1px solid #e6e6e6;
color: #66493d;
font-weight: 300;
font-size: .9rem;
outline: none;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
background-color: #fff;
margin-bottom: .5rem;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont input:not([type="button"]):hover,
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont input:not([type="button"]):focus,
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont textarea:hover,
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont textarea:focus,
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont select:hover,
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont select:focus {
border-bottom: 1px solid #28ac6e;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont label {
display: none;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont h3 {
color: #534943;
font-family: 'Intro';
font-weight: bold;
font-size: 1rem;
text-transform: uppercase;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont textarea {
resize: none;
height: 140px;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont textarea::-webkit-input-placeholder {
color: #66493d;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont ::-webkit-input-placeholder {
font-size: 1rem;
color: #66493d;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont ::-moz-placeholder {
font-size: 1rem;
color: #66493d;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont :-ms-input-placeholder {
font-size: 1rem;
color: #66493d;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont :-moz-placeholder {
font-size: 1rem;
color: #66493d;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont #nf-field-4-container {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont #nf-field-4-container .nf-field {
position: absolute;
border: solid 2px #fec700;
background-color: transparent;
bottom: -60px;
width: 180px;
left: 50%;
transform: translateX(-50%);
height: 50px;
border-radius: 25px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont #nf-field-4-container input[type="button"] {
background-color: #fec700;
color: #fff;
padding: .3rem 1.5rem;
border-radius: 25px;
position: relative;
width: 200px;
text-align: center;
margin-top: -2rem;
display: inline-block;
border: solid 2px transparent;
margin-left: 50%;
transform: translateX(-50%);
margin-bottom: 3rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
cursor: pointer;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont #nf-field-4-container input[type="button"]:hover {
background-color: transparent;
border: solid 2px #fec700;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont #nf-field-4-container:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-31 #contact .wrapper-contact .formulaire .form .nf-form-cont #nf-field-4-container:hover .nf-field {
border: solid 2px transparent;
background-color: #fec700;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
#ModalEvenement .modal-dialog {
max-width: 750px;
}
#ModalEvenement .modal-dialog .modal-body {
padding: 0;
}
#ModalEvenement .modal-dialog .modal-body .close {
margin-right: 1rem;
margin-top: 1rem;
font-size: 1.5rem;
font-weight: 300;
text-shadow: none;
opacity: 1;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
#ModalEvenement .modal-dialog .modal-body .close:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #fec700;
}
#ModalEvenement .modal-dialog .modal-body .image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
}
#ModalEvenement .modal-dialog .modal-body .infos {
padding: 3rem 1.5rem 3rem 3rem;
}
#ModalEvenement .modal-dialog .modal-body .infos .modal-title h2 {
font-family: 'olivier';
font-weight: normal;
font-size: 2rem;
color: #28ac6e;
}
#ModalEvenement .modal-dialog .modal-body .infos .texte {
margin: 1rem 0;
}
#ModalEvenement .modal-dialog .modal-body .infos .texte p {
color: #66493d;
font-size: .9rem;
text-align: justify;
font-weight: 400;
line-height: 1.5;
}
#ModalEvenement .modal-dialog .modal-body .infos .date {
background-color: #fec700;
padding: .5rem 1.5rem;
border-radius: 25px;
}
#ModalEvenement .modal-dialog .modal-body .infos .date .inner {
text-align: center;
}
#ModalEvenement .modal-dialog .modal-body .infos .date .inner .date-debut {
margin-right: .5rem;
}
#ModalEvenement .modal-dialog .modal-body .infos .date .inner .date-debut,
#ModalEvenement .modal-dialog .modal-body .infos .date .inner .date-fin {
color: #fff;
font-size: .9rem;
font-weight: 500;
text-transform: uppercase;
}
.to-reveal.bloc-slide,
.to-reveal .bloc-slide {
position: relative;
}
.to-reveal.bloc-slide:after,
.to-reveal .bloc-slide:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: #fff;
z-index: 20;
}
.to-reveal.bloc-slide.top:after,
.to-reveal .bloc-slide.top:after {
left: 0;
right: 0;
top: 0;
}
.to-reveal.bloc-slide.bottom:after,
.to-reveal .bloc-slide.bottom:after {
left: 0;
right: 0;
bottom: 0;
}
.to-reveal.bloc-slide.left:after,
.to-reveal .bloc-slide.left:after {
left: 0;
bottom: 0;
top: 0;
}
.to-reveal.bloc-slide.right:after,
.to-reveal .bloc-slide.right:after {
right: 0;
bottom: 0;
top: 0;
}
.to-reveal.freeBlocText p,
.to-reveal.freeBlocText ul,
.to-reveal.freeBlocText li,
.to-reveal.freeBlocText a,
.to-reveal.freeBlocText div,
.to-reveal .freeBlocText p,
.to-reveal .freeBlocText ul,
.to-reveal .freeBlocText li,
.to-reveal .freeBlocText a,
.to-reveal .freeBlocText div,
.to-reveal.texte-brut p,
.to-reveal.texte-brut ul,
.to-reveal.texte-brut li,
.to-reveal.texte-brut a,
.to-reveal.texte-brut div,
.to-reveal .texte-brut p,
.to-reveal .texte-brut ul,
.to-reveal .texte-brut li,
.to-reveal .texte-brut a,
.to-reveal .texte-brut div {
opacity: 0;
transform: translateY(3rem);
-webkit-transform: translateY(3rem);
-moz-transform: translateY(3rem);
-o-transform: translateY(3rem);
}
.to-reveal .titleReveal,
.to-reveal h2,
.to-reveal.titleReveal {
opacity: 0;
transform: translateY(3rem);
-webkit-transform: translateY(3rem);
-moz-transform: translateY(3rem);
-o-transform: translateY(3rem);
}
.to-reveal .titleReveal:before,
.to-reveal h2:before,
.to-reveal.titleReveal:before {
width: 0;
}
.to-reveal .subTitleReveal,
.to-reveal h3,
.to-reveal.subTitleReveal {
opacity: 0;
transform: translateY(3rem);
-webkit-transform: translateY(3rem);
-moz-transform: translateY(3rem);
-o-transform: translateY(3rem);
}
.to-reveal .subTitleReveal:before,
.to-reveal h3:before,
.to-reveal.subTitleReveal:before {
height: 0;
}
.to-reveal.fadeInUp,
.to-reveal.fadeInBottom,
.to-reveal.fadeInLeft,
.to-reveal.fadeInRight,
.to-reveal.titleReveal {
animation-play-state: paused;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-delay: var(--shd-delay,.2s);
-webkit-animation-delay: var(--shd-delay,.2s);
-moz-animation-delay: var(--shd-delay,.2s);
-o-animation-delay: var(--shd-delay,.2s);
}
.to-reveal.reveal.bloc-slide.top:after,
.to-reveal.reveal.bloc-slide.bottom:after,
.to-reveal.reveal .bloc-slide.top:after,
.to-reveal.reveal .bloc-slide.bottom:after {
animation: largeBlocReveal 1s var(--shd-delay,.2s) cubic-bezier(0.86,0,0.07,1) forwards;
}
.to-reveal.reveal.bloc-slide.left:after,
.to-reveal.reveal.bloc-slide.right:after,
.to-reveal.reveal .bloc-slide.left:after,
.to-reveal.reveal .bloc-slide.right:after {
animation: lnrImgAppear 1s var(--shd-delay,.2s) cubic-bezier(0.86,0,0.07,1) forwards;
}
.to-reveal.reveal.fadeInUp,
.to-reveal.reveal.fadeInBottom,
.to-reveal.reveal.fadeInLeft,
.to-reveal.reveal.fadeInRight {
animation-play-state: running;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-delay: var(--shd-delay,.2s);
-webkit-animation-delay: var(--shd-delay,.2s);
-moz-animation-delay: var(--shd-delay,.2s);
-o-animation-delay: var(--shd-delay,.2s);
}
.to-reveal.reveal .titleReveal,
.to-reveal.reveal h2,
.to-reveal.reveal.titleReveal {
animation: lnrTextAppear 1.5s cubic-bezier(0.86,0,0.07,1) forwards;
animation-play-state: running;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
}
.to-reveal.reveal .titleReveal:before,
.to-reveal.reveal h2:before,
.to-reveal.reveal.titleReveal:before {
animation: lnrTitleBarAppear 1s 1s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}
.to-reveal.reveal .subTitleReveal,
.to-reveal.reveal h3,
.to-reveal.reveal.subTitleReveal {
animation: lnrTextAppear 1s cubic-bezier(0.86,0,0.07,1) forwards;
animation-play-state: running;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-delay: var(--shd-delay,.2s);
-webkit-animation-delay: var(--shd-delay,.2s);
-moz-animation-delay: var(--shd-delay,.2s);
-o-animation-delay: var(--shd-delay,.2s);
}
.to-reveal.reveal .subTitleReveal:before,
.to-reveal.reveal h3:before,
.to-reveal.reveal.subTitleReveal:before {
animation: active-dot 1s .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}
.to-reveal.reveal.freeBlocText p,
.to-reveal.reveal.freeBlocText ul,
.to-reveal.reveal.freeBlocText li,
.to-reveal.reveal.freeBlocText a,
.to-reveal.reveal.freeBlocText div,
.to-reveal.reveal .freeBlocText p,
.to-reveal.reveal .freeBlocText ul,
.to-reveal.reveal .freeBlocText li,
.to-reveal.reveal .freeBlocText a,
.to-reveal.reveal .freeBlocText div,
.to-reveal.reveal.texte-brut p,
.to-reveal.reveal.texte-brut ul,
.to-reveal.reveal.texte-brut li,
.to-reveal.reveal.texte-brut a,
.to-reveal.reveal.texte-brut div,
.to-reveal.reveal .texte-brut p,
.to-reveal.reveal .texte-brut ul,
.to-reveal.reveal .texte-brut li,
.to-reveal.reveal .texte-brut a,
.to-reveal.reveal .texte-brut div {
animation: lnrTextAppear 1.5s var(--shd-delay,.5s) cubic-bezier(0.86,0,0.07,1) forwards;
}
@-webkit-keyframes lnrImgAppear {
to {
width: 0;
}
}
@keyframes lnrImgAppear {
to {
width: 0;
}
}
@-webkit-keyframes lnrTextWrapperAppear {
to {
width: 100%;
}
}
@keyframes lnrTextWrapperAppear {
to {
width: 100%;
}
}
@-webkit-keyframes lnrTextAppear {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes lnrTextAppear {
to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes lnrTitleBarAppear {
to {
width: 5rem;
}
}
@keyframes lnrTitleBarAppear {
to {
width: 5rem;
}
}
@-webkit-keyframes pageHeaderAppear {
to {
border-top-width: 4px;
transform: translateY(0);
}
}
@keyframes pageHeaderAppear {
to {
border-top-width: 4px;
transform: translateY(0);
}
}
@-webkit-keyframes dash {
to {
stroke-dashoffset: 0;
}
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes active-dot {
to {
height: 100%;
}
}
@keyframes active-dot {
to {
height: 100%;
}
}
@-webkit-keyframes titleAppear {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes titleAppear {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes afterTitleAppear {
to {
height: 2rem;
}
}
@-webkit-keyframes afterTitleAppear {
to {
height: 2rem;
}
}
@keyframes largeBlocReveal {
to {
height: 0;
}
}
@-webkit-keyframes largeBlocReveal {
to {
height: 0;
}
}
@keyframes largeBlocTextTopReveal {
to {
transform: translateY(-5rem);
opacity: 1;
}
}
@-webkit-keyframes largeBlocTextTopReveal {
to {
transform: translateY(-5rem);
opacity: 1;
}
}
@keyframes largeBlocTextBtmReveal {
to {
transform: translateY(5rem);
opacity: 1;
}
}
@-webkit-keyframes largeBlocTextBtmReveal {
to {
transform: translateY(5rem);
opacity: 1;
}
}
@keyframes keywordAppear {
to {
opacity: .4;
}
}
@-webkit-keyframes keywordAppear {
to {
opacity: .4;
}
}
@keyframes btnLinkAppear {
to {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes btnLinkAppear {
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes blockDisappear {
to {
opacity: 0;
transform: translateY(5rem);
-webkit-transform: translateY(5rem);
-moz-transform: translateY(5rem);
}
}
@-webkit-keyframes blockDisappear {
to {
opacity: 0;
transform: translateX(5rem);
-webkit-transform: translateY(5rem);
-moz-transform: translateY(5rem);
}
}
@keyframes backgroundImg {
to {
left: -20%;
top: -20%;
}
}
@-webkit-keyframes backgroundImg {
to {
left: -20%;
top: -20%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body .col-md-2-5 {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
body header #entete .container-fluid {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
body header #entete #logo-wrapper #logo {
margin-left: 68%;
height: 210px;
width: 205px;
padding: 1rem;
}
body header #entete #logo-wrapper #logo img {
max-width: 72%;
}
body header #entete #logo-wrapper #logo-sticky {
left: 68%;
}
body header #entete #logo-wrapper #logo-sticky img {
max-width: 100% !important;
}
body header #entete .infos-right {
padding: 0;
}
body header #entete .infos-right .inner-client-top .infos-client .tel .number a {
font-size: .7rem;
}
body header #entete .infos-right .inner-client-top .adresse .ctn {
font-size: .7rem;
}
body header.sticky {
background-color: #fff;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body header.sticky #entete .main-header {
align-items: center !important;
}
body header.sticky #entete .action--menu {
color: #66493d;
}
body header.sticky #entete #logo-wrapper #logo-sticky {
transform: translateY(-5rem) translateX(-50%);
-moz-transform: translateY(-5rem) translateX(-50%);
-webkit-transform: translateY(-5rem) translateX(-50%);
}
body header.sticky #entete .infos-right .inner-client-top .infos-client .clos-reservation .clos-picto {
background-color: transparent;
padding: .8rem .3rem .2rem .3rem;
}
body header .action--close {
background-color: #fff;
padding: .2rem 1rem;
left: 0;
}
body header .action--close span {
text-transform: uppercase;
}
body header .mainmenu__item {
color: !important;
}
body header .mainmenu__item a {
font-size: 3vw;
color: !important;
}
body header .menu__item--2 {
height: 44vh;
}
body header .menu__item--5 {
height: 25vh;
margin-top: 10vh;
}
body header .mainmenu__item:hover a {
color: #333333;
text-decoration: none;
font-weight: 600;
}
body header .mainmenu__item:hover a::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body header .mainmenu__item:hover a::before {
color: ;
}
body header .mainmenu__item {
margin-bottom: 1rem;
}
body header .mainmenu__item a {
color: #28ac6e;
font-weight: 600;
text-transform: capitalize;
}
body header .mainmenu__item a::before {
display: none;
}
body header .menu__item-map {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
body header .mainmenu__item a::after {
width: 20%;
left: 50%;
}
body header .mainmenu__item:hover::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body footer .logo {
margin-bottom: 2rem;
}
body footer .logo a img {
max-width: 30%;
display: block;
margin: 0 auto;
}
body footer .menu-footer ul li a {
font-size: .8rem;
}
body footer .facebook {
margin-top: 1rem !important;
text-align: center;
}
body.home #image-entete {
height: 675px;
}
body.home #image-entete .titre {
font-size: 2rem;
}
body.home #mise-en-avant {
margin-top: -7rem;
}
body.home #mise-en-avant .item {
width: 220px;
height: 190px;
}
body.home #presentation-ferme {
margin-bottom: 3rem;
margin-top: 3rem;
}
body.home #presentation-ferme:after {
display: none;
}
body.home #presentation-ferme .container {
max-width: 100%;
}
body.home #presentation-ferme .infos-ferme {
padding-left: 1rem;
margin-top: 2rem;
}
body.home #visit-ferme {
margin-bottom: 5rem;
margin-top: 5rem;
}
body.home #visit-ferme .container {
max-width: 100%;
}
body.home #visit-ferme .image-ferme {
order: -1;
margin-bottom: 2rem;
}
body.home #les-plus .container {
max-width: 100%;
}
body.home #les-plus .item-plus {
padding: 0 .5rem;
}
body.home #les-plus .item-plus .inner .photo {
height: 225px;
}
body.home #les-plus .item-plus .inner .titre {
font-size: .8rem;
}
body.home #les-plus .item-plus .inner .titre::before {
top: -30px;
left: -25px;
width: 285px;
height: 80px;
background-size: contain;
}
body.home #les-plus .item-plus:nth-child(3) .inner::before {
top: -2rem;
right: -1rem;
height: 70px;
width: 70px;
}
body.page-id-23 .container {
max-width: 100%;
}
body.page-id-23 #image-entete {
height: 675px;
}
body.page-id-23 #image-entete .titre {
font-size: 2rem;
}
body.page-id-23 #equipe .membre {
padding: 0 1rem;
}
body.page-id-23 #equipe .membre .photo {
height: 290px;
}
body.page-id-23 #hygiene .infos-ferme {
padding-right: 1rem;
margin-bottom: 2rem;
text-align: center;
}
body.page-id-23 #hygiene .infos-ferme .texte p {
text-align: center;
}
body.page-id-23 #galerie {
position: relative;
}
body.page-id-23 #galerie::before {
content: "";
position: absolute;
height: 75px;
width: 100%;
z-index: 15;
background-image: url('../img/deco-gaelrie-hygiene.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
top: -35px;
left: 0;
}
body.page-id-23 #galerie .container-fluid #galerie-slider {
position: relative;
margin-top: 1em;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage {
margin: 0 auto;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item {
height: 250px;
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a {
display: block;
width: 100%;
height: 100%;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.page-id-25 .container {
max-width: 100%;
}
body.page-id-25 #image-entete {
height: 675px;
}
body.page-id-25 #image-entete .titre {
font-size: 2rem;
}
body.page-id-25 .titre-main h1 {
font-size: 2rem;
}
body.page-id-25 #fabrication-produit {
margin-bottom: 2rem;
margin-top: 3rem;
}
body.page-id-25 #fabrication-produit .container {
max-width: 100%;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape {
margin: 2rem 0;
position: relative;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::before {
left: -3rem;
width: 130px;
height: 180px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(4) .infos-etape::after {
left: 0;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(6) .infos-etape::before {
left: 0;
top: -11rem;
height: 170px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::after {
left: 2%;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::before {
left: 0rem;
top: -7rem;
width: 90px;
height: 110px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape {
padding: 1rem 2em 1rem 1rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .titre h2 {
font-size: 1.5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .number {
top: -5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .image-etape {
height: 350px;
}
body.page-id-27 .container {
max-width: 100%;
}
body.page-id-27 #image-entete {
height: 675px;
}
body.page-id-27 #image-entete .titre {
font-size: 2rem;
}
body.page-id-27 #presentation-fromage {
margin-bottom: 3rem;
}
body.page-id-27 #presentation-fromage .container {
max-width: 100%;
}
body.page-id-27 #presentation-fromage .image-fromage {
height: 350px;
}
body.page-id-27 #presentation-fromage .image-fromage .inner {
width: 100%;
}
body.page-id-27 #presentation-fromage .infos-fromage {
padding-left: 1rem;
}
body.page-id-27 #presentation-fromage .infos-fromage::after {
right: 3rem;
left: inherit;
top: 0;
transform: translateY(0);
}
body.page-id-27 #fromage-appellation {
margin-top: 0;
margin-bottom: 2rem;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation::before {
height: 60px;
width: 170px;
top: -55px;
left: -90px;
}
body.page-id-27 #fromage-appellation .photo-appellation {
height: 220px;
}
body.page-id-27 #produits .infos-produit {
padding-left: 2rem;
}
body.page-id-27 #produits .infos-produit .image-oeuf {
width: 50%;
height: 240px;
left: -126px;
bottom: 20px;
}
body.page-id-27 #produits .infos-produit .image-oeuf .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.page-id-27 #produits .infos-produit .item-produit {
position: relative;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(2)::after {
width: 170px;
height: 110px;
top: 65%;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3) {
padding-top: 3.5rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3)::after {
width: 190px;
height: 120px;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-top: 2rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3),
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-left: 13rem;
}
body.page-id-27 #produits .image-produit {
height: 300px;
margin-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur {
padding-top: 3rem;
padding-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2 {
font-size: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::after {
width: 90px;
height: 90px;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::before {
width: 90px;
height: 90px;
}
body.page-id-29 .container-fluid {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
body.page-id-29 #image-entete {
height: 675px;
}
body.page-id-29 #image-entete .titre {
font-size: 2rem;
}
body.page-id-29 #galerie .titre-main h1 {
font-size: 2rem;
}
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 .5em;
letter-spacing: 1px;
}
body.page-id-31 #image-entete {
height: 675px;
}
body.page-id-31 #image-entete .titre {
font-size: 2rem;
}
#grdp_barre_mini {
display: none !important;
}
}
@media (min-width: 580px) and (max-width: 768px) {
body .col-md-2-5 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
body header #entete .container-fluid {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
body header #entete #logo-wrapper #logo {
margin-left: 52%;
height: 210px;
width: 205px;
padding: 1rem;
}
body header #entete #logo-wrapper #logo img {
max-width: 72%;
}
body header #entete #logo-wrapper #logo-sticky {
left: 58%;
}
body header #entete #logo-wrapper #logo-sticky img {
max-width: 95% !important;
}
body header #entete .infos-right {
display: none;
}
body header.sticky #entete #logo-wrapper #logo-sticky {
transform: translateY(-5.5rem) translateX(-50%);
-moz-transform: translateY(-5.5rem) translateX(-50%);
-webkit-transform: translateY(-5.5rem) translateX(-50%);
}
body header.sticky #entete .infos-right .inner-client-top .infos-client .clos-reservation .clos-picto {
background-color: transparent;
padding: .8rem .3rem .2rem .3rem;
}
body header .action--close {
background-color: #fff;
padding: .2rem 1rem;
left: 0;
}
body header .action--close span {
text-transform: uppercase;
}
body header .mainmenu__item {
color: !important;
}
body header .mainmenu__item a {
font-size: 3vw;
color: !important;
}
body header .menu__item--2 {
height: 44vh;
}
body header .menu__item--5 {
height: 25vh;
margin-top: 10vh;
}
body header .menu__item--5 .menu__item-inner .menu-left {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
body header .menu__item--5 .menu__item-inner .menu-right {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
body header .mainmenu__item:hover a {
color: #333333;
text-decoration: none;
font-weight: 600;
}
body header .mainmenu__item:hover a::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body header .mainmenu__item:hover a::before {
color: ;
}
body header .mainmenu__item {
margin-bottom: 1rem;
}
body header .mainmenu__item a {
color: #28ac6e;
font-weight: 600;
text-transform: capitalize;
}
body header .mainmenu__item a::before {
display: none;
}
body header .menu__item-map {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
body header .mainmenu__item a::after {
width: 20%;
left: 50%;
}
body header .mainmenu__item:hover::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body footer .logo {
margin-bottom: 2rem;
}
body footer .logo a img {
max-width: 50%;
display: block;
margin: 0 auto;
}
body footer .menu-footer ul li {
display: block;
}
body footer .menu-footer ul li::after {
display: none;
}
body footer .menu-footer ul li a {
font-size: .9rem;
}
body footer .facebook {
margin-top: 1rem !important;
text-align: center;
}
body footer .mention-footer a,
body footer .mention-footer span {
font-size: .8rem;
}
body.home #image-entete {
height: 575px;
}
body.home #image-entete .titre {
font-size: 1.8rem;
}
body.home #mise-en-avant {
margin-top: -7rem;
}
body.home #mise-en-avant .item {
width: 130px;
height: 130px;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
body.home #presentation-ferme {
margin-bottom: 3rem;
margin-top: 3rem;
}
body.home #presentation-ferme:after {
display: none;
}
body.home #presentation-ferme .container {
max-width: 100%;
}
body.home #presentation-ferme .infos-ferme {
padding-left: 1rem;
margin-top: 2rem;
}
body.home #presentation-ferme .infos-ferme .group-bottom .picto {
margin-top: 2rem;
}
body.home #presentation-ferme .infos-ferme .group-bottom .picto .pictogramme {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
body.home #visit-ferme {
margin-bottom: 5rem;
margin-top: 1rem;
}
body.home #visit-ferme .container {
max-width: 100%;
}
body.home #visit-ferme .image-ferme {
order: -1;
margin-bottom: 2rem;
}
body.home #horaire-ferme {
margin-top: 3rem;
margin-bottom: 7rem;
}
body.home #les-plus .container {
max-width: 100%;
}
body.home #les-plus .item-plus {
padding: 0 .5rem;
margin-top: 0;
margin-bottom: 2rem;
}
body.home #les-plus .item-plus .inner .photo {
height: 285px;
}
body.home #les-plus .item-plus .inner .titre {
font-size: .8rem;
}
body.home #les-plus .item-plus .inner .titre::before {
top: -30px;
left: 50%;
transform: translateX(-50%);
width: 365px;
height: 80px;
background-size: contain;
}
body.home #les-plus .item-plus:nth-child(3) .inner::before {
top: -2rem;
right: -1rem;
height: 70px;
width: 70px;
}
body.page-id-23 .container {
max-width: 100%;
}
body.page-id-23 #image-entete {
height: 475px;
}
body.page-id-23 #image-entete .titre {
font-size: 1.8rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .picto {
margin-top: 2rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .group-bottom .picto .picto-wrapper {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
body.page-id-23 #equipe .membre {
padding: 0 1rem;
}
body.page-id-23 #equipe .membre .photo {
height: 290px;
}
body.page-id-23 #hygiene .infos-ferme {
padding-right: 1rem;
margin-bottom: 2rem;
text-align: center;
}
body.page-id-23 #hygiene .infos-ferme .texte p {
text-align: center;
}
body.page-id-23 #galerie {
position: relative;
}
body.page-id-23 #galerie::before {
content: "";
position: absolute;
height: 75px;
width: 100%;
z-index: 15;
background-image: url('../img/deco-gaelrie-hygiene.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
top: -35px;
left: 0;
}
body.page-id-23 #galerie .container-fluid #galerie-slider {
position: relative;
margin-top: 1em;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage {
margin: 0 auto;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item {
height: 250px;
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a {
display: block;
width: 100%;
height: 100%;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.page-id-25 .container {
max-width: 100%;
}
body.page-id-25 #image-entete {
height: 475px;
}
body.page-id-25 #image-entete .titre {
font-size: 1.8rem;
}
body.page-id-25 .titre-main h1 {
font-size: 2rem;
}
body.page-id-25 #fabrication-produit {
margin-bottom: 2rem;
margin-top: 1rem;
}
body.page-id-25 #fabrication-produit .container {
max-width: 100%;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape {
margin: 2rem 0;
position: relative;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::before {
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 140px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(4) .infos-etape::after {
left: 0;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(6) .infos-etape::before {
left: 0;
top: -11rem;
height: 170px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::after {
left: 2%;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::before {
left: 0rem;
top: -7rem;
width: 90px;
height: 110px;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape {
padding: 1rem 2em 1rem 1rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .titre h2 {
font-size: 1.5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .number {
top: -5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .image-etape {
height: 350px;
}
body.page-id-27 .container {
max-width: 100%;
}
body.page-id-27 #image-entete {
height: 475px;
}
body.page-id-27 #image-entete .titre {
font-size: 1.8rem;
width: 90%;
}
body.page-id-27 #presentation-fromage {
margin-bottom: 3rem;
}
body.page-id-27 #presentation-fromage .container {
max-width: 100%;
}
body.page-id-27 #presentation-fromage .titre h2 {
text-align: center;
}
body.page-id-27 #presentation-fromage .image-fromage {
height: 280px;
}
body.page-id-27 #presentation-fromage .image-fromage .inner {
width: 100%;
}
body.page-id-27 #presentation-fromage .infos-fromage {
padding-left: 1rem;
}
body.page-id-27 #presentation-fromage .infos-fromage::after {
left: 50%;
top: -70px;
width: 20%;
transform: translateY(0) translateX(-50%);
}
body.page-id-27 #fromage-appellation {
margin-top: 0;
margin-bottom: 2rem;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation {
padding: 0;
padding-top: 4rem;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation::before {
height: 80px;
width: 50%;
top: -27px;
left: 50%;
transform: translateX(-50%);
}
body.page-id-27 #fromage-appellation .photo-appellation {
height: 220px;
}
body.page-id-27 #produits .infos-produit {
padding-left: 1rem;
}
body.page-id-27 #produits .infos-produit .image-oeuf {
width: 100%;
height: 270px;
left: 50%;
transform: translateX(-50%);
bottom: inherit;
top: 130px;
}
body.page-id-27 #produits .infos-produit .image-oeuf .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.page-id-27 #produits .infos-produit .item-produit {
position: relative;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(2)::after {
width: 100px;
height: 80px;
top: 10%;
right: 20px;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3) {
padding-top: 15.5rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3)::after {
width: 150px;
height: 80px;
top: 88%;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-top: 2rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3),
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-left: 0;
}
body.page-id-27 #produits .image-produit {
height: 300px;
margin-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner {
height: 175px;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur {
padding-top: 3rem;
padding-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2 {
font-size: 1.7rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::after {
width: 90px;
height: 90px;
top: -7rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::before {
width: 90px;
height: 90px;
top: -7rem;
}
body.page-id-29 .container-fluid {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
body.page-id-29 #image-entete {
height: 475px;
}
body.page-id-29 #image-entete .titre {
font-size: 1.8rem;
}
body.page-id-29 #galerie .titre-main h1 {
font-size: 1.8rem;
}
body.page-id-29 #galerie .galerie-menu .controls-container {
text-align: center;
}
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 .5em;
letter-spacing: 1px;
font-size: 12px;
}
body.page-id-29 #galerie .galerie-menu .controls-container a.mixitup-control-active::before {
display: none;
}
body.page-id-31 #image-entete {
height: 475px;
}
body.page-id-31 #image-entete .titre {
font-size: 1.8rem;
}
body.page-id-31 .wrapper-contact .infos-contact .interdiction ul li {
align-items: flex-start !important;
}
#grdp_barre_mini {
display: none !important;
}
}
@media (max-width: 579.98px) {
body .col-md-2-5 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body header #entete {
position: relative;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
body header #entete #logo-wrapper #logo {
height: 160px;
width: 120px;
padding: .6rem;
}
body header #entete #logo-wrapper #logo img {
max-width: 90%;
}
body header #entete #logo-wrapper #logo-sticky a img {
margin: 0 auto;
display: block;
}
body header #entete .infos-right {
display: none;
}
body header.sticky {
background-color: #fff;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body header.sticky #entete .main-header {
align-items: center !important;
}
body header.sticky #entete .action--menu {
color: #66493d;
}
body header.sticky #entete #logo-wrapper #logo-sticky {
transform: translateY(-4.8rem) translateX(-50%);
-moz-transform: translateY(-4.8rem) translateX(-50%);
-webkit-transform: translateY(-4.8rem) translateX(-50%);
}
body header.sticky #entete #logo-wrapper #logo-sticky a img {
max-width: 100%;
margin: 0 auto;
display: block;
}
body header .action--menu {
left: 1rem;
}
body header .action--close {
background-color: #fff;
padding: .2rem 1rem;
left: 0;
}
body header .action--close span {
text-transform: uppercase;
}
body header .mainmenu__item {
color: #28ac6e !important;
}
body header .mainmenu__item a {
font-size: 5vw;
color: #28ac6e !important;
}
body header .menu__item--2 {
height: 44vh;
}
body header .menu__item-map {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
body header .menu__item--5 {
height: 25vh;
margin-top: 10vh;
}
body header .menu__item--5 .menu__item-inner {
padding: 0 1rem !important;
}
body header .menu__item--5 .menu__item-inner .menu-left {
padding-left: 0;
padding-right: 0;
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
}
body header .menu__item--5 .menu__item-inner .menu-left .top-menu p {
font-size: .8rem;
text-align: center;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu p {
margin-bottom: 0;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel {
margin-right: 2rem;
position: relative;
justify-content: center;
width: 100%;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel i {
margin-right: .5rem;
color: #28ac6e;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel .number a {
color: #28ac6e;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .tel .number .separator {
margin: 0 .5rem;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .adresse {
text-align: center !important;
}
body header .menu__item--5 .menu__item-inner .menu-left .bottom-menu .adresse .ctn {
text-align: center !important;
margin-left: 1rem;
}
body header .menu__item--5 .menu__item-inner .menu-right {
margin-top: -2rem;
}
body header .menu__item--5 .menu__item-inner .menu-right .clos-facebook {
margin-right: 0;
margin-bottom: 1rem;
margin-top: 1.5rem;
}
body header .menu__item--5 .menu__item-inner .menu-right .clos-facebook a img {
max-width: 80%;
}
body header .menu__item--5 .menu__item-inner .menu-right .clos-facebook,
body header .menu__item--5 .menu__item-inner .menu-right .clos-instagram {
font-size: 1.4rem;
}
body header .mainmenu__item:hover a {
color: #333333 !important;
text-decoration: none;
font-weight: 600;
}
body header .mainmenu__item:hover a::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body header .mainmenu__item:hover a::before {
color: ;
}
body header .mainmenu__item {
margin-bottom: 0.5rem;
}
body header .mainmenu__item a {
color: !important;
font-weight: 600;
text-transform: capitalize;
}
body header .mainmenu__item a::before {
display: block !important;
}
body header .mainmenu__item a::after {
content: '';
width: 5%;
top: 90%;
height: 3px;
background: ;
position: absolute;
left: 48%;
opacity: 0;
transform: scale3d(0,1,1);
transition: transform 0.3s, opacity 0.3s;
transform-origin: 100% 50%;
}
body header .mainmenu__item:hover::after {
opacity: 1;
transform: scale3d(1,1,1);
}
body footer .logo {
margin-bottom: 2rem;
}
body footer .logo a img {
max-width: 70%;
display: block;
margin: 0 auto;
}
body footer .menu-footer ul li {
display: block;
margin-bottom: .4rem;
}
body footer .menu-footer ul li::after {
display: none;
}
body footer .facebook {
margin-top: 1rem !important;
}
body footer .facebook a img {
display: block;
margin: 0 auto;
}
body footer .mention-footer {
font-size: .7rem;
}
body.home #image-entete {
height: 475px;
}
body.home #image-entete .titre {
font-size: 1.5rem;
width: 90%;
}
body.home #mise-en-avant {
margin-top: -4rem;
}
body.home #mise-en-avant .item {
width: 100px;
height: 70px;
margin-bottom: 0;
}
body.home #presentation-ferme {
margin-bottom: 1rem;
margin-top: 3rem;
}
body.home #presentation-ferme:after {
display: none;
}
body.home #presentation-ferme .video {
height: 300px;
}
body.home #presentation-ferme .container {
max-width: 100%;
}
body.home #presentation-ferme .infos-ferme {
padding-left: 1rem;
margin-top: 2rem;
}
body.home #presentation-ferme .infos-ferme .titre h2 {
text-align: center;
}
body.home #presentation-ferme .infos-ferme .group-bottom .picto {
padding-left: 1rem;
margin-top: 2rem !important;
}
body.home #presentation-ferme .infos-ferme .group-bottom .picto .pictogramme {
margin-bottom: 1rem;
height: 50px;
width: 40px;
background-size: contain;
}
body.home #visit-ferme {
margin-bottom: 0;
margin-top: 0;
}
body.home #visit-ferme .container {
max-width: 100%;
}
body.home #visit-ferme .infos-ferme {
padding-right: 1rem;
}
body.home #visit-ferme .infos-ferme .titre h2 {
text-align: center;
}
body.home #visit-ferme .infos-ferme .btn-action {
width: 100%;
}
body.home #visit-ferme .image-ferme {
order: -1;
margin-bottom: 2rem;
height: 300px;
}
body.home #horaire-ferme {
margin-top: 2rem;
margin-bottom: 6rem;
}
body.home #horaire-ferme .btn-action {
width: 100%;
}
body.home #horaire-ferme .horaire .item {
text-align: center;
}
body.home #horaire-ferme .horaire .item .jour {
text-align: center;
}
body.home #les-plus .container {
max-width: 100%;
}
body.home #les-plus .item-plus {
padding: 0 .5rem;
margin-bottom: 8rem;
}
body.home #les-plus .item-plus:last-child {
margin-bottom: 0;
}
body.home #les-plus .item-plus .inner .photo {
height: 225px;
}
body.home #les-plus .item-plus .inner .titre {
font-size: .8rem;
}
body.home #les-plus .item-plus .inner .titre::before {
top: -30px;
left: -25px;
width: 325px;
height: 80px;
background-size: contain;
}
body.home #les-plus .item-plus:nth-child(3) .inner::before {
top: -2rem;
right: -1rem;
height: 70px;
width: 70px;
}
body.page-id-23 .container {
max-width: 100%;
}
body.page-id-23 #image-entete {
height: 475px;
}
body.page-id-23 #image-entete .titre {
font-size: 1.5rem;
width: 90%;
}
body.page-id-23 #presentation-exploitation {
margin-bottom: 0;
}
body.page-id-23 #presentation-exploitation .image-exploitation {
height: 280px;
}
body.page-id-23 #presentation-exploitation .infos-ferme {
padding-left: 1rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .titre h2 {
text-align: center;
}
body.page-id-23 #presentation-exploitation .infos-ferme .picto {
margin-top: 3rem;
padding-left: 0 !important;
padding-right: 0;
}
body.page-id-23 #presentation-exploitation .infos-ferme .picto .picto-wrapper {
margin-bottom: .7rem;
}
body.page-id-23 #presentation-exploitation .infos-ferme .picto .picto-wrapper .pictogramme {
height: 50px !important;
width: 50px !important;
background-size: contain;
}
body.page-id-23 #equipe .membre {
padding: 0 1rem;
}
body.page-id-23 #equipe .membre .photo {
height: 335px;
}
body.page-id-23 #hygiene .infos-ferme {
padding-right: 1rem;
margin-bottom: 2rem;
text-align: center;
}
body.page-id-23 #hygiene .infos-ferme .texte p {
text-align: center;
}
body.page-id-23 #hygiene .infos-ferme .polaroid {
height: 170px;
}
body.page-id-23 #hygiene .image-labo {
height: 250px;
}
body.page-id-23 #hygiene .btn-action {
width: 100%;
margin-left: 0;
transform: translateX(0);
}
body.page-id-23 #galerie {
position: relative;
}
body.page-id-23 #galerie::before {
content: "";
position: absolute;
height: 75px;
width: 100%;
z-index: 15;
background-image: url('../img/deco-gaelrie-hygiene.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
top: -35px;
left: 0;
}
body.page-id-23 #galerie .container-fluid #galerie-slider {
position: relative;
margin-top: 1em;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage {
margin: 0 auto;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item {
height: 250px;
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a {
display: block;
width: 100%;
height: 100%;
}
body.page-id-23 #galerie .container-fluid #galerie-slider .owl-stage .owl-item a .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.page-id-25 .container {
max-width: 100%;
}
body.page-id-25 #image-entete {
height: 475px;
}
body.page-id-25 #image-entete .titre {
font-size: 1.5rem;
width: 90%;
}
body.page-id-25 .titre-main h1 {
font-size: 2rem;
}
body.page-id-25 #fabrication-produit {
margin-bottom: 0;
margin-top: 3rem;
}
body.page-id-25 #fabrication-produit .container {
max-width: 100%;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape {
margin: 1rem 0;
position: relative;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(1) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(1) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(2) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(2) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(3) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(4) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(4) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(5) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(5) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(6) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(6) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(7) .infos-etape::before,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::after,
body.page-id-25 #fabrication-produit .all-etape .inner-etape:nth-child(8) .infos-etape::before {
display: none;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape {
padding: 1rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .titre h2 {
font-size: 1.5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .infos-etape .number {
top: -5rem;
}
body.page-id-25 #fabrication-produit .all-etape .inner-etape .image-etape {
height: 280px;
}
body.page-id-27 .container {
max-width: 100%;
}
body.page-id-27 #image-entete {
height: 475px;
}
body.page-id-27 #image-entete .titre {
font-size: 1.5rem;
width: 90%;
}
body.page-id-27 #presentation-fromage {
margin-bottom: 3rem;
}
body.page-id-27 #presentation-fromage .container {
max-width: 100%;
}
body.page-id-27 #presentation-fromage .titre h2 {
text-align: center;
}
body.page-id-27 #presentation-fromage .image-fromage {
height: 280px;
}
body.page-id-27 #presentation-fromage .image-fromage .inner {
width: 100%;
}
body.page-id-27 #presentation-fromage .infos-fromage {
padding-left: 1rem;
}
body.page-id-27 #presentation-fromage .infos-fromage::after {
left: 50%;
top: -70px;
width: 30%;
transform: translateY(0) translateX(-50%);
}
body.page-id-27 #fromage-appellation {
margin-top: 0;
margin-bottom: 2rem;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation {
padding: 0;
padding-top: 2rem;
}
body.page-id-27 #fromage-appellation .appellation .texte-appellation::before {
height: 80px;
width: 50%;
top: -44px;
left: 50%;
transform: translateX(-50%);
}
body.page-id-27 #fromage-appellation .photo-appellation {
height: 220px;
}
body.page-id-27 #produits .infos-produit {
padding-left: 1rem;
}
body.page-id-27 #produits .infos-produit .image-oeuf {
width: 100%;
height: 170px;
left: 50%;
transform: translateX(-50%);
bottom: inherit;
top: 215px;
}
body.page-id-27 #produits .infos-produit .image-oeuf .inner {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.page-id-27 #produits .infos-produit .item-produit {
position: relative;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(2)::after {
width: 100px;
height: 50px;
top: 70%;
right: -30px;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3) {
padding-top: 11.5rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3)::after {
width: 100px;
height: 70px;
top: 70%;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-top: 2rem;
}
body.page-id-27 #produits .infos-produit .item-produit:nth-child(3),
body.page-id-27 #produits .infos-produit .item-produit:nth-child(4) {
padding-left: 0;
}
body.page-id-27 #produits .image-produit {
height: 300px;
margin-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner {
height: 230px;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur {
padding-top: 3rem;
padding-bottom: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2 {
font-size: 2rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::after {
width: 90px;
height: 90px;
top: -6rem;
}
body.page-id-27 #reseau-saveur .inner .texte-saveur h2::before {
width: 90px;
height: 90px;
top: -6rem;
}
body.page-id-29 .container-fluid {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
body.page-id-29 #image-entete {
height: 475px;
}
body.page-id-29 #image-entete .titre {
font-size: 1.5rem;
width: 90%;
}
body.page-id-29 #galerie .titre-main {
margin-bottom: 0;
}
body.page-id-29 #galerie .titre-main h1 {
font-size: 1.5rem;
width: 90%;
text-align: center;
margin-left: 50%;
transform: translateX(-50%);
}
body.page-id-29 #galerie .galerie-menu .controls-container a {
padding: 0 .5em;
letter-spacing: 1px;
text-align: center;
width: 100%;
margin-bottom: .5rem;
}
body.page-id-31 #image-entete {
height: 475px;
}
body.page-id-31 #image-entete .titre {
font-size: 1.5rem;
width: 90%;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .mobile {
margin-left: 0 !important;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .telephone .mobile i {
margin-right: .8rem;
}
body.page-id-31 #contact .wrapper-contact .infos-contact .interdiction ul {
padding-left: 0;
}
body.page-id-31 #contact .wrapper-contact .formulaire {
padding: 1rem;
}
body.page-id-31 #map .container-fluid {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
#grdp_barre_mini {
display: none !important;
}
#VideoModal .modal-body iframe {
width: 100% !important;
}
#VideoModal .modal-content .modal-header h5 strong {
font-size: 1rem;
}
}