/**
 * Place your custom styles here.
 */

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
/* DEV


/* ANIMATION a déplacer */

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top
  }
}
.slideInDown {}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */

@-webkit-keyframes zoomIn {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari */
  }
  100% {
    -ms-transform: scale(1.25);
    /* IE 9 */
    -webkit-transform: scale(1.25);
    /* Safari */
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari */
  }
  100% {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari */
  }
}
@keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes zoomIn3 {
  0% {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari */
  }
  100% {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari */
  }
}
@keyframes zoomIn3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
/* GLOBAL */

/* VARIABLE DU THEME */

body {
  font-family: Open Sans;
  color: #333;
}
.color-primary {
  color: #478cca;
}
.color-secondary {
  color: #00843e;
}
.bg-color-primary {
  background-color: #478cca;
}
.bg-color-primary {
  background-color: #00843e;
}
p, ul {
  line-height: 1.3em;
}
body:not(.path-frontpage) .paragraph ul {
  padding-left: 1.5em;
  list-style: none;
}
/*
body:not(.path-frontpage) .paragraph ul li{
  list-style:none;
  padding-left:1.5em;
  position:relative;
  line-height:1.2em;
  margin-bottom:0.5em;
  position:relative;
}

body:not(.path-frontpage) .paragraph ul li:before{
  display:inline-block;
  position:relative;
  left:-1.5em;
  content:'\E013';
  font-family: 'Glyphicons Halflings';
  font-size:0.9em;
}*/

body:not(.path-frontpage) .paragraph ul li {
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
body:not(.path-frontpage) .paragraph ul li:before {
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}
body:not(.path-frontpage).path1-fromagerie-le-pic .paragraph ul li:before {
  color: #478cca;
  content: '\E013';
  font-family: 'Glyphicons Halflings';
}
body:not(.path-frontpage).path1-fromagerie-segalafrom .paragraph ul li:before {
  color: #00843e;
  content: '\E013';
  font-family: 'Glyphicons Halflings';
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  color: #797979;
}
.path1-fromagerie-le-pic h1, .path1-fromagerie-le-pic .h1, .path1-fromagerie-le-pic h2, .path1-fromagerie-le-pic .h2, .path1-fromagerie-le-pic h3, .path1-fromagerie-le-pic .h3, .path1-fromagerie-le-pic h4, .path1-fromagerie-le-pic .h4 {
  color: #478cca;
}
.path1-fromagerie-segalafrom h1, .path1-fromagerie-segalafrom .h1, .path1-fromagerie-segalafrom h2, .path1-fromagerie-segalafrom .h2, .path1-fromagerie-segalafrom h3, .path1-fromagerie-segalafrom .h3, .path1-fromagerie-segalafrom h4, .path1-fromagerie-segalafrom .h4 {
  color: #00843e;
}
.path1-fiches-techniques2 h2, .path1-fiches-techniques h2 {
  color: white;
  background: #999;
  padding: 5px 20px;
  border-radius: 3px;
}
.path1-fiches-techniques .views-row {
  border: #999 3px solid;
  padding: 10px;
  margin: 10px;
}
/* BALISE A */

.path1-fromagerie-le-pic a {
  color: #478cca;
  text-decoration: none;
}
.path1-fromagerie-le-pic a:hover, .path1-fromagerie-le-pic a:focus {
  color: #478cca;
  text-decoration: underline;
}
.path1-fromagerie-segalafrom a {
  color: #00843e;
  text-decoration: none;
}
.path1-fromagerie-segalafrom a:hover, .path1-fromagerie-segalafrom a:focus {
  color: #00843e;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
/* STRONG */

strong {
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(204, 204, 204, 0.2);
  border-radius: 5px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-variant: small-caps;
  white-space: nowrap;
}
.path1-fromagerie-segalafrom strong {
  border: 1px solid rgba(0, 153, 51, 1);
  background-color: rgba(0, 153, 51, 0.2);
  color: rgba(0, 153, 51, 1);
}
.path1-fromagerie-le-pic strong {
  border: 1px solid rgba(51, 153, 2014, 1);
  background-color: rgba(51, 153, 2014, 0.2);
  color: rgba(51, 153, 2014, 1);
}
.view-produits h2 {
  text-align: center;
}
.view-produits h2 .title {
  font-variant: small-caps;
  font-weight: 800;
  display: inline-block;
  padding: 10px 25px;
  min-width: 70%;
  margin-top: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #FFF;
  line-height: 0.9em;
  font-weight: 600;
  font-size: 1em;
  letter-spacing: 0.01em;
  font-variant: samll-caps;
  text-align: center;
  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.4);
}
.path1-fromagerie-segalafrom .view-produits h2 .title {
  background-color: rgba(0, 153, 51, 1);
}
.path1-fromagerie-le-pic .view-produits h2 .title {
  background-color: #58adfa;
}
.view-produits .description {
  margin-top: 0.5em;
  padding-left: 15%;
  padding-right: 15%;
}
.view-produits .description p {
  font-size: 0.6em;
  line-height: 1.3em;
  color: #333;
}
/**
* GESTION IMAGE DE FOND
*/

/**
* GESTION LOGO
*/

/**
* PAGE HEADER
*/

#logolepic {
  text-align: center;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 9001;
  margin-left: 45%;
  margin-left: calc( ( 100% - 50px) / 2);
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.region-header a.logo {
  background: #fff;
  z-index: 9001;
  position: relative;
}
@media all and (max-width: 768px) {
  .region-header a.logo:after {
    position: absolute;
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    background-image: url(./img/logo-lepic-mini.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .region-header a img {
    display: none;
  }
}
@media all and (min-width: 769px) {
  #logolepic {
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 9001;
    margin-left: 45%;
    margin-left: calc( ( 100% - 128px) / 2);
    width: 128px;
    height: 50px;
  }
  .region-header a.logo {
    width: 128px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    z-index: 9001;
    position: relative;
  }
  .region-header a.logo img {
    width: 100%;
    height: auto;
  }
}
.region-header a.logo, .region-header .slogan {
  display: block;
}
.region-header .slogan {
  display: none;
}
.slogan {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 0px 0px 5px rgba(255, 255, 255, 0.8);
  font-size: 0.8em;
}
body.path-frontpage .slogan {
  font-size: 1.2em;
}
/**
* MAIN CONTAINER
*/

.main-container {
  max-width: 1200px;
  margin-top: 230px;
}
@media all and (min-width:768px) {
  .main-container {
    max-width: 1200px;
    margin-top: 350px;
  }
}
/**
* FOOTER
*/

#block-fromlepic-footer {
  background: ;
}
/* MENU FOOTER */

.region-footer .menu {
  text-align: center;
  width: 100%;
}
@media all and (min-width: 480px) {
  .region-footer .menu {
    background-image: url(./img/menu-footer-bg.png);
    background-repeat: repeat-x;
  }
}
.region-footer .menu li {
  text-align: center;
  position: relative;
  float: none;
  width: 100%;
  height: auto;
  padding: 0 13px;
  margin: 0;
}
@media all and (min-width: 480px) {
  .region-footer .menu li {
    display: inline-block;
    width: auto;
  }
}
@media all and (max-width: 480px) {
  .region-footer .menu li:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .region-footer .menu li {
    border-bottom: 1px solid #e5e5e5;
  }
}
.region-footer .menu>li>a {
  text-align: center;
  position: relative;
  display: block;
  padding: 10px 5px;
  background-color: #fff;
  text-transform: uppercase;
  color: #808385;
  font-weight: 100;
}
.region-footer .menu>li>a:hover {
  background-color: #fff;
  color: #478cca
}
.region-footer .menu>li>a .label {
  color: #808385;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
}
.region-footer .menu>li>a:hover .label {
  color: inherit;
}
/**
* ACCUEIL
*/

@media all and (min-width: 768px) {
  body.path-frontpage {
    background-position: 50% 0;
    background-size: auto;
  }
}
body.path-frontpage .region-header {
  margin-bottom: 0px;
}
@media all and (min-width: 1000px) {
  body.path-frontpage .region-header {
    margin-bottom: 0px;
  }
}
#block-cartegeographique, .sticky #block-cartegeographique {
  display: none;
}
@media all and (min-width: 768px) {
  #block-cartegeographique {
    display: block;
    position: fixed;
    right: 5%;
    top: 80px;
    z-index: 1;
  }
  .sticky #block-cartegeographique {
    -webkit-filter: blur(7.9px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="7.9" /></filter></svg>#filter');
    filter: blur(7.9px);
  }
}
body.path-frontpage .page-header {
  display: none;
}
body.path-frontpage .postit-large h2 {
  margin-top: 0;
}
body.path-frontpage .postit-large h2 {
  text-align: center;
}
@media all and (min-width: 768px) {
  body.path-frontpage .postit-large.lepic h2 {
    padding: 0;
    text-align: left;
    float: right;
  }
}
body.path-frontpage .postit-large h2 img {
  max-width: 100%;
}
body.path-frontpage .postit-large ul {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
body.path-frontpage .postit-large li {
  text-align: center;
  display: inline-block;
}
@media all and (min-width: 768px) {
  body.path-frontpage .postit-large li {
    text-align: left;
    display: block;
  }
}
body.path-frontpage .postit-large .produit {
  display: inline-block;
  width: 125px;
  height: 90px;
  background-image: url(./img/produit-bg.jpg);
  background-repeat: no-repeat;
}
body.path-frontpage .postit-large.segela .produit {
  display: inline-block;
}
body.path-frontpage .postit-large.segala ul li:last-child .produit {
  background: none;
}
body.path-frontpage .postit-large.segala ul li:first-child .produit {
  background-image: url(./img/produit-bg-2.jpg);
}
@media all and (min-width: 768px) {
  body.path-frontpage .postit-large .produit:hover img {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}
body.path-frontpage .postit-large h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.15em;
  font-weight: 600;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media all and (min-width: 768px) {
  body.path-frontpage .postit-large h3 {}
  body.path-frontpage .postit-large.lepic h3 {
    top: -5px;
    margin-left: 25px;
    display: block;
    max-width: 80px;
  }
}
/**
* PAGE CONTENT
*/

/**
* PAGE HEADER
*/

.page-header {
  text-align: center;
  border-bottom: none;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 0.5em;
  margin-top: 1em;
  text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
  color: #797979;
}
.paht1-fromagerie-le-pic .page-header {
  color: #478cca;
}
.fromagerie-segalafrom .page-header {
  color: #00843e;
}
/**
* PARAGRAPHE
*/

.field--type-text-long .col-gauche, .field--type-text-long .col-droite {
  background: #DDD;
  margin: 5px;
}
/* A GENERISER */

.postit-large {
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}
.postit-large.segela {
  margin-top: 30px;
}
@media all and (min-width: 768px) {
  .postit-large {
    margin-left: auto;
    margin-right: auto;
    min-height: 500px;
    max-width: 600px;
    background-image: url(./img/post-it-blanc-allonge.png);
    background-position: 100% 0%;
    background-repeat: no-repeat;
    padding-top: 10px;
    margin-top: 30px;
  }
  .postit-large.segala {
    background-image: url(./img/post-it-blanc-allonge-2.png);
  }
}
.postit-large:before {
  display: block;
  content: "";
  background-image: url(./img/punaise-rouge.png);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  height: 32px;
}
/* NAV BAR */

#navbar {
  width: 100%;
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  border: none;
  z-index: 9000;
}
#toolbar-bar {
  top: 50px;
}
@media all and (min-width: 768px) {
  #navbar {}
}
#navbar .navbar-header {
  width: 100%;
  padding: 0;
  margin: 0;
}
#block-onglets {
  padding: 0;
}
#block-onglets ul.menu--onglets {
  height: 50px;
}
#block-onglets ul.menu--onglets>li {
  float: left;
  width: 50%;
}
#block-onglets ul.menu--onglets>li:first-child {
  background-color: #58adfa;
  text-align: left;
}
#block-onglets ul.menu--onglets>li:last-child {
  background-color: #00843e;
  text-align: right;
}
#block-onglets ul.menu--onglets>li:first-child a {
  text-align: left;
  padding-left: 50px;
  padding-right: 25px;
}
#block-onglets ul.menu--onglets>li:last-child a {
  text-align: right;
  padding-right: 50px;
  padding-left: 25px;
}
#block-onglets ul.menu--onglets>li ul u li {
  box-sizing: border-box;
}
@media all and (min-width: 768px) {
  #block-onglets ul.menu--onglets>li:first-child a {
    text-align: left;
    padding-right: 65px;
  }
  #block-onglets ul.menu--onglets>li:last-child a {
    text-align: right;
    padding-left: 65px;
  }
  #block-onglets ul.menu--onglets>li:first-child>a {
    text-align: center;
  }
  #block-onglets ul.menu--onglets>li:last-child>a {
    text-align: center;
  }
}
#block-onglets ul.menu--onglets>li a {
  color: #fff;
  padding-top: 1em;
  padding-bottom: 1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#block-onglets ul.menu--onglets>li>a {
  height: 50px;
  line-height: 15px;
  font-weight: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
}
#block-onglets ul.menu--onglets>li>a:before {
  background-image: url(./img/burger.png);
  background-repeat: no-repeat;
  background-clip: content-box;
  background-position: center;
  position: absolute;
  display: block;
  width: 50px;
  height: 100%;
  content: "";
  top: 0;
}
#block-onglets ul.menu--onglets>li:first-child>a:before {
  left: 0;
}
#block-onglets ul.menu--onglets>li:last-child>a:before {
  right: 0;
}
#block-onglets ul.menu--onglets>li:first-child>a:hover:before, #block-onglets ul.menu--onglets>li:first-child>a:focus:before {
  background-image: url(./img/burger-blue.png);
}
#block-onglets ul.menu--onglets>li:last-child>a:hover:before, #block-onglets ul.menu--onglets>li:last-child>a:focus:before {
  background-image: url(./img/burger-vert.png);
}
#block-onglets ul.menu--onglets>li.open>a:before {
  background-image: url(./img/close.png);
}
#block-onglets ul.menu--onglets>li:first-child.open>a:hover:before, #block-onglets ul.menu--onglets>li:first-child.open>a:focus:before {
  background-image: url(./img/close-blue.png);
}
#block-onglets ul.menu--onglets>li:last-child.open>a:hover:before, #block-onglets ul.menu--onglets>li:last-child.open>a:focus:before {
  background-image: url(./img/close-vert.png);
}
@media all and (min-width: 600px) {
  #block-onglets ul.menu--onglets>li>a {
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2em;
  }
}
@media all and (min-width: 7680px) {
  #block-onglets ul.menu--onglets>li a {
    text-align: center;
  }
  #block-onglets ul.menu--onglets>li:first-child a {
    text-align: center;
  }
  #block-onglets ul.menu--onglets>li:last-child a {
    text-align: center;
  }
}
#block-onglets ul.menu--onglets>li:first-child a:hover, #block-onglets ul.menu--onglets>li:first-child a:focus {
  background-color: #eeeeee;
  color: #478cca;
}
#block-onglets ul.menu--onglets>li:last-child a:hover, #block-onglets ul.menu--onglets>li:last-child a:focus {
  background-color: #eeeeee;
  color: #00843e;
}
#block-onglets ul.menu--onglets>li.open a {
  background-color: transparent;
}
/* SOUS MENU ONGLETS */

#block-onglets>ul>li>ul.dropdown-menu {
  border-radius: 0px;
  border: none;
  margin: 0;
  padding: 0;
  width: 200%;
  border-top: 0px;
  box-shadow: none;
  box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
}
#block-onglets>ul>li>ul ul.dropdown-menu {
  border-radius: 0px;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 0px;
  box-shadow: none;
}
@media all and (min-width:768px) {
  #block-onglets>ul>li>ul.dropdown-menu {
    width: 100%;
  }
}
#block-onglets .caret {
  display: none;
}
#block-onglets ul.menu--onglets>li:first-child>.dropdown-menu {
  left: -100%;
  background: #58adfa;
}
#block-onglets ul.menu--onglets>li:first-child ul .dropdown-menu {
  background: #58adfa;
}
#block-onglets ul.menu--onglets>li.open:first-child>.dropdown-menu {
  left: 0%;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media all and (min-width:768px) {
  #block-onglets ul.menu--onglets>li.open:first-child>.dropdown-menu {
    left: 0%;
  }
}
#block-onglets ul.menu--onglets>li:last-child>.dropdown-menu {
  left: 100%;
  background: #00843e;
}
#block-onglets ul.menu--onglets>li:last-child ul .dropdown-menu {
  background: #00843e;
}
#block-onglets ul.menu--onglets>li.open:last-child>.dropdown-menu {
  left: -100%;
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media all and (min-width:768px) {
  #block-onglets ul.menu--onglets>li.open:last-child>.dropdown-menu {
    left: 0%;
  }
}
#block-onglets .dropdown-menu a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#block-onglets ul.menu--onglets>li ul .dropdown-menu {
  position: relative;
}
#block-onglets .dropdown-menu a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
/* SIDE BAR */

[class*=region-sidebar] {
  display: none;
}
@media (min-width: 768px) {
  [class*=region-sidebar] {
    display: inherit;
  }
  [class*=region-sidebar] #block-navigationprincipale, [class*=region-sidebar] #block-actualites, [class*=region-sidebar] #block-nosproducteurslepic {
    padding-top: 38px;
    background-image: url(./img/nos.png);
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  [class*=region-sidebar] #block-navigationprincipale-3, [class*=region-sidebar] #block-actualitescourtsegalafrom, [class*=region-sidebar] #block-nosproducteurssegalafrom {
    padding-top: 38px;
    background-image: url(./img/nos-segala.png);
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  [class*=region-sidebar] #block-actualites, [class*=region-sidebar] #block-nosproducteurslepic, [class*=region-sidebar] #block-actualitescourtsegalafrom, [class*=region-sidebar] #block-nosproducteurssegalafrom {
    margin-top: 40px;
  }
  /* TOUS LES TITRES */
  [class*=region-sidebar] h2 {
    width: 100%;
    padding: 15px 5px;
    margin-top: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    color: #FFF;
    line-height: 0.9em;
    font-weight: 600;
    font-size: 1.4em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
  }
  /* COLOR */
  [class*=region-sidebar] #block-navigationprincipale h2, [class*=region-sidebar] #block-actualites h2, [class*=region-sidebar] #block-nosproducteurslepic h2 {
    background-color: #58adfa;
    box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.4);
  }
  [class*=region-sidebar] #block-navigationprincipale-3 h2, [class*=region-sidebar] #block-actualitescourtsegalafrom h2, [class*=region-sidebar] #block-nosproducteurssegalafrom h2 {
    background-color: #00843e;
    box-shadow: -7px 7px 5px 0px rgba(0, 0, 0, 0.4);
  }
  #block-actualites a:hover, #block-navigationprincipale .navbar-nav>li>a:hover {
    color: #478cca;
  }
  #block-actualitescourtsegalafrom a:hover, #block-navigationprincipale-3 .navbar-nav>li>a:hover {
    color: #00652f;
  }
  /* SIDE BAR - FACEBOOK */
  /*ALL */
  [id*=block-actualites] a {
    display: block;
    position: relative;
    line-height: 0.9em;
    font-weight: 600;
    font-size: 1.4em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1em;
  }
  [id*=block-actualites] a:before {
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* SPECIFIC */
  #block-actualites a {
    color: #58adfa;
    padding-left: 50px;
  }
  #block-actualites a:before {
    background-image: url(./img/logo-facebook-lepic.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    left: 5px;
  }
  #block-actualitescourtsegalafrom a {
    color: #00843e;
    padding-right: 50px;
  }
  #block-actualitescourtsegalafrom a:before {
    background-image: url(./img/logo-facebook-segala.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    right: 5px;
  }
  /* SIDE BAR - PRODUCTEURS */
  #block-nosproducteurslepic {}
  #block-nosproducteurssegalafrom {}
  [id*=block-nosproducteurs] div {
    overflow: hidden;
  }
  [id*=block-nosproducteurs] img:hover {
    -webkit-animation: kenburns-top 1s ease-out both;
    animation: kenburns-top 1s ease-out both
  }
  /* SIDE BAR - FMENU */
  /* ALL */
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav {
    float: none;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li {
    float: none;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a {
    padding: 0;
    text-align: center;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a .label {
    display: block;
    padding: 0;
    line-height: 0.9em;
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    word-wrap: normal;
    white-space: normal;
    color: inherit;
    width: 100%;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li.active>a .label {
    font-size: 1.6em;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li a:hover:before {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a:hover, [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a:focus, [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a:hover .label, [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a:focus .label {
    background-color: inherit;
    color: inherit;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li.active>a .label:before, [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li.active>a .label:after {
    display: inline-block;
    content: "";
    height: 20px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 70% auto;
    background-position: 50% 50%;
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li.active>a .label:before {
    background-image: url(./img/punaise-rouge.png);
  }
  [class*=region-sidebar] #block-navigationprincipale .navbar-nav>li.active>a .label:after {
    background-image: url(./img/trait-soulignement.png);
  }
  [class*=region-sidebar] #block-navigationprincipale-3 .navbar-nav>li.active>a .label:after {
    background-image: url(./img/trait-soulignement-vert.png);
  }
  /* SPECIFIC */
  #block-navigationprincipale {}
  #block-navigationprincipale-3 {}
  #block-navigationprincipale .navbar-nav>li>a {
    color: #58adfa;
  }
  #block-navigationprincipale-3 .navbar-nav>li>a {
    color: #00843e;
  }
  #block-navigationprincipale-3 .navbar-nav>li a:after, #block-navigationprincipale-3 .navbar-nav>li a:before, #block-navigationprincipale .navbar-nav>li a:before {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    content: "";
    width: 120px;
    height: 120px;
    background-image: url(./img/produit-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
  }
  #block-navigationprincipale-3 .navbar-nav>li a:after {
    display: none;
  }
  #block-navigationprincipale .navbar-nav>li:nth-child(1) a:before {
    background-image: url(./img/menu-bg-lepic-lait-bio.png);
  }
  #block-navigationprincipale .navbar-nav>li:nth-child(2) a:before {
    background-image: url(./img/menu-bg-lepic-lait-cru.png);
  }
  #block-navigationprincipale .navbar-nav>li:nth-child(3) a:before {
    background-image: url(./img/menu-bg-lepic-lait-pasteurise.png);
  }
  #block-navigationprincipale-3 .navbar-nav>li:nth-child(1) a:before, #block-navigationprincipale-3 .navbar-nav>li:nth-child(1) a:after {
    background-image: url(./img/menu-bg-segala-lait-cru.png);
  }
  #block-navigationprincipale-3 .navbar-nav>li:nth-child(2) a:before, #block-navigationprincipale-3 .navbar-nav>li:nth-child(2) a:after {
    background-image: url(./img/menu-bg-segala-ultra-frais.png);
  }
  [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a {
    margin-bottom: 15px;
  }
  @media all and (min-width: 1200px) {
    #block-navigationprincipale-3 .navbar-nav>li a:before {
      display: none;
    }
    [class*=region-sidebar] #block-navigationprincipale .navbar-nav>li>a, [class*=region-sidebar] #block-navigationprincipale-3 .navbar-nav>li>a {}
    #block-navigationprincipale-3 .navbar-nav>li a:after, #block-navigationprincipale .navbar-nav>li a:before {
      width: 40%;
      display: inline-block;
      vertical-align: middle;
    }
    [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li>a .label {
      width: 60%;
      display: inline-block;
      vertical-align: middle;
    }
    [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li.active>a .label:before, [class*=region-sidebar] [id*=block-navigationprincipale] .navbar-nav>li.active>a .label:after {
      background-size: 100% auto;
    }
  }
  #block-navigationprincipale-3 .navbar-nav>li a:hover:after, #block-navigationprincipale .navbar-nav>li a:hover:before {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}
/* CONTENT PAGE CLASSIC */

/* PARAGRAPHS */

.field--name-field-paragraphes>div>* {
  margin-bottom: 1.5em;
}
.field--name-field-paragraphes .field--type-text-long {
  text-align: justify;
}
/* EFFET POSTIT */

.paragraph--type--post-it {
  background: #fff;
  position: relative;
  max-width: 300px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border-right: 1px solid rgba(204, 204, 204, 0.4);
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  box-shadow: 1px 2px 11px -2px rgba(0, 0, 0, 0.41);
  -webkit-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
@media all and (min-width: 1000px) {
  .paragraph--type--post-it {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
  }
}
@media all and (min-width: 460px) and (max-width: 768px) {
  .paragraph--type--post-it {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
  }
}
.paragraph--type--post-it:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background: #fff;
  background-image: url(./img/paragraph-postit-bg.png);
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.paragraph--type--post-it h2 {
  text-align: center;
  color: #666;
  font-size: 1em;
}
.paragraph--type--post-it h2:first-child {
  margin-top: 0;
}
.paragraph--type--post-it ul, .paragraph--type--post-it ol {
  padding: 0;
}
.paragraph--type--post-it ol li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 8px;
  background-image: url(./img/separator-bg.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: -0.08em;
}
.paragraph--type--post-it li img {
  min-width: 100px;
}
/* PARAGRAPHE AVEC IMAGE */

.paragraph:after {
  display: table;
  width: 0;
  height: 0;
  content: "";
  clear: both;
}
[class*="paragraph--type--txt-img"] .field--name-field-image {
  max-width: 40%;
  padding-bottom: 1em;
}
/* Page boutique */

article[about="/fromagerie-le-pic/page/la-boutique"] [class*="paragraph--type--txt-img"] .field--name-field-image {
  max-width: 100%;
}
@media all and (min-width: 480px) {
  article[about="/fromagerie-le-pic/page/la-boutique"] [class*="paragraph--type--txt-img"] .field--name-field-image {
    max-width: 60%;
  }
}
.paragraph--type--txt-img-gch .field--name-field-image {
  float: left;
  padding-right: 1em;
}
.paragraph--type--txt-img-drt .field--name-field-image {
  float: right;
  padding-left: 1em;
}
@media all and (max-width: 480px) {
  [class*="paragraph--type--txt-image"] .field--name-field-image {
    max-width: 100%;
    padding-bottom: 1em;
  }
  .paragraph--type--txt-img-gch .field--name-field-image {
    float: none;
    padding-right: 0;
    text-align: center;
  }
  .paragraph--type--txt-img-drt .field--name-field-image {
    float: none;
    padding-left: 0;
    text-align: center;
  }
  [class*="paragraph--type--txt-img"] .field--name-field-image img {
    width: 100%;
  }
}
/* ALBUM PHOTO */

.paragraph--type--album-photos {
  background: ;
}
.paragraph--type--album-photos .field--items:after {
  display: table;
  clear: both;
  content: "";
}
.paragraph--type--album-photos .field--item {
  float: left;
  width: 19%;
  margin-left: 1%;
  margin-bottom: 1%;
  text-align: center;
}
.paragraph--type--album-photos .field--item:first-child {
  margin-left: 0%;
  width: 58.3%;
  box-sizing: border-box;
}
.paragraph--type--album-photos .field--item:nth-child(6), .paragraph--type--album-photos .field--item:nth-child(11), .paragraph--type--album-photos .field--item:nth-child(16) {
  margin-left: 0%;
}
.paragraph--type--album-photos a {
  overflow: hidden;
  display: block;
}
@media all and (min-width: 768px) {
  .paragraph--type--album-photos a:hover {
    -webkit-animation-name: zoomIn3;
    animation-name: zoomIn3;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}
/* LIEN SPECIAUX */

a.web:before {
  display: inline-block;
  content: '\E135';
  font-family: 'Glyphicons Halflings';
  padding-right: .25em;
  vertical-align: top;
}
a.pdf:before {
  display: inline-block;
  content: '\e022';
  font-family: 'Glyphicons Halflings';
  padding-right: .25em;
  vertical-align: top;
}
a.fb:before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(./img/logo-facebook.png);
  margin-right: 0.25em;
  vertical-align: top;
}
.path1-fromagerie-le-pic a.fb:before {
  background-image: url(./img/logo-facebook-lepic.png);
}
.path1-fromagerie-segalafrom a.fb:before {
  background-image: url(./img/logo-facebook-lepic.png);
}
/* PAGE PRODUIT & LISTING PRODUIT */

/* PAGE LISTING PRODUIT */

/*.path-taxonomy .page-header{display:none;}*/

.view-id-produits {}
.view-rechercher-un-produit .view-header, .view-id-produits .view-header {
  text-align: center;
  margin-bottom: 2em;
}
@media all and (min-width: 768px) {
  .view-id-produits .view-header .field--name-field-visuel, .view-id-produits .view-header .field--name-description {}
}
.view-rechercher-un-produit .view-header img, .view-id-produits .view-header img {
  margin: auto;
}
.view-rechercher-un-produit .view-header .field--name-description p, .view-id-produits .view-header .field--name-description p {
  font-size: 1.4em;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 500;
  text-shadow: 2px 2px 2px #fff, 2px 2px 0px #fff;
}
.view-rechercher-un-produit .view-content, .view-id-produits .view-content {
  margin-top: 0.5em;
  text-align: center;
}
.view-rechercher-un-produit .view-content>h2, .path1-fromagerie-le-pic.path3-marque .view-id-produits .view-content>h2, .path1-fromagerie-segalafrom.path3-marque .view-id-produits .view-content>h2 {
  display: none;
}
.view-rechercher-un-produit .view-content>h3, .view-id-produits .view-content>h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  text-align: center;
}
.view-rechercher-un-produit .view-content>h3 .title:after, .view-id-produits .view-content>h3 .title:after {
  display: block;
  content: "";
  width: 100%;
  height: 20px;
  margin-top: 0.5em;
  background-image: url(./img/trait-soulignement.png);
  background-size: auto auto;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.view-rechercher-un-produit .view-id-produits .view-content>h3 .title:after, .fromagerie-segalafrom .view-id-produits .view-content>h3 .title:after {
  background-image: url(./img/trait-soulignement-vert.png);
}
@media all and (min-width: 768px) {
  .view-rechercher-un-produit .view-content, .view-id-produits .view-content {
    text-align: center;
  }
  .view-rechercher-un-produit .view-content>h3, .view-id-produits .view-content>h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    /*text-align:left;
        padding-left:1.5em;*/
  }
  .view-rechercher-un-produit .view-content>h3 .title:after, .view-id-produits .view-content>h3 .title:after {
    background-position: 50% 0;
  }
}
.view-rechercher-un-produit .view-content>h3 a, .view-id-produits .view-content>h3 a {
  color: #478cca;
  letter-spacing: -0.02em;
}
.view-rechercher-un-produit .view-id-produits .view-content>h3 a, .fromagerie-segalafrom .view-id-produits .view-content>h3 a {
  color: #00843e;
}
.view-rechercher-un-produit .view-content>h3 .field--name-description p, .view-id-produits .view-content>h3 .field--name-description p {
  font-size: 0.8em;
  margin-top: 0.5em;
  color: #478cca;
}
.view-rechercher-un-produit .view-content>div, .view-id-produits .view-content>div {
  max-width: 33%;
  min-width: 280px;
  display: inline-block;
  vertical-align: top;
}
.view-rechercher-un-produit .view-content>div:hover .visuel, .view-id-produits .view-content>div:hover {
  -webkit-animation-name: zoomIn2;
  animation-name: zoomIn2;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*.view-id-produits .view-content > div:last-child{
      max-width:33%;
      min-width:220px;
    }*/

.view-rechercher-un-produit .view-content>div .visuel, .view-id-produits .view-content>div .visuel {
  display: block;
  position: relative;
  width: 229px;
  height: 167px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  text-align: center;
  padding-top: 4px;
}
.view-rechercher-un-produit .view-content>div .visuel img, .view-id-produits .view-content>div .visuel img {
  margin-left: auto;
  margin-right: auto;
}
.view-rechercher-un-produit .view-content>div .visuel:after, .view-id-produits .view-content>div .visuel:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url('./img/bg-fromage2.png');
  background-size: contain;
}
.view-rechercher-un-produit .view-content h4 a:last-child, .view-id-produits .view-content>div .title {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #818181;
  font-family: 'Homemade Apple', cursive;
  position: relative;
  top: -0.1em;
  font-size: 1.2em;
  line-height: 1.5em;
  margin-top: 0.3em;
}
.views-field-field-classification {
  text-align: center;
}
.view-rechercher-un-produit h4 {
  margin-bottom: 0;
}
.view-rechercher-un-produit .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.view-rechercher-un-produit .form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
}
.view-rechercher-un-produit .form-inline>div {
  margin-bottom: 1em;
}
.view-rechercher-un-produit .form-inline .form-control {
  display: inline-block;
  width: 450px;
  vertical-align: middle;
}
/*BREADCRUMB CLASSIFICATION */

.field--type-list-string, .block-ariane, .page-node-type-produit .field--name-field-classification {
  text-align: center;
  margin-bottom: 1em;
}
.field--type-list-string>div, .page-node-type-produit .field--name-field-classification .field--item {
  display: inline-block;
  text-transform: uppercase;
}
.block-ariane a, .field--type-list-string>div, .page-node-type-produit .field--name-field-classification .field--item a {
  display: inline-block;
  text-transform: uppercase;
  color: #999;
  text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 0px 0px 5px rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 14px;
  line-height: 1.42857143;
}
.block-ariane a:hover, .page-node-type-produit .field--name-field-classification .field--item a:hover {
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: rgba(204, 204, 204, 0.2);
  border-radius: 5px;
  text-decoration: none;
}
.path1-fromagerie-le-pic .block-ariane a:hover, .path1-fromagerie-le-pic.page-node-type-produit .field--name-field-classification .field--item a:hover {
  color: #478cca;
  border: 1px solid rgba(51, 153, 2014, 1);
  background-color: rgba(51, 153, 2014, 0.2);
}
.path1-fromagerie-segalafrom .block-ariane a:hover, .path1-fromagerie-segalafrom.page-node-type-produit .field--name-field-classification .field--item a:hover {
  color: #00843e;
  border: 1px solid rgba(0, 153, 51, 1);
  background-color: rgba(0, 153, 51, 0.2);
}
.field--type-list-string>div:after, .page-node-type-produit .field--name-field-classification .field--item:after {
  content: '\E080';
  font-family: 'Glyphicons Halflings';
  font-size: 0.6em;
  vertical-align: middle;
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #666;
  display: inline-block;
}
.field--type-list-string>div:last-child:after, .page-node-type-produit .field--name-field-classification .field--item:last-child:after {
  display: none;
}
/* PAGE PRODUIT */

.page-node-type-produit .page-header {
  margin-bottom: 0em;
  font-family: 'Libre Baskerville', serif;
  text-transform: none;
  font-size: 3em;
  line-height: 2em;
}
article.produit {}
article.produit .produit-container {
  margin-top: 1em;
}
article.produit>.content {}
article.produit>.content {}
.field--name-field-visuels {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
article.produit>.content {}
.field--name-field-visuels>div a {
  display: inline-block;
  position: relative;
  padding: 3px;
}
article.produit>.content {}
.field--name-field-visuels>div a img {
  width: 100%;
}
article.produit>.content {}
.field--name-field-visuels>div:first-child a {
  padding: 12px;
}
article.produit>.content {}
.field--name-field-visuels>div a:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(./img/bg-fromage-carre.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
article.produit>.content {}
.field--name-field-visuels>div:first-child a:after {
  background-image: url(./img/bg-fromage-big.png);
}
@media all and (min-width: 1100px) {
  article.produit>.content {}
  .field--name-field-visuels {
    width: 48%;
  }
}
article.produit>.content {}
.field--name-field-visuels>div {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
article.produit>.content {}
.field--name-field-visuels>div:first-child {
  width: 100%;
}
article.produit>.content {}
.produit-infos {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  padding-top: 2.5em;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 2em;
  background-image: url(./img/paragraph-postit-bg.png);
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
@media all and (min-width: 1100px) {
  article.produit>.content {}
  .produit-infos {
    width: 50%;
    padding-left: 15px;
    padding-right: 0;
    margin-top: 0em;
  }
}
article.produit>.content {}
.produit-infos .field--name-body {
  font-size: 1.2em;
  line-height: 1em;
}
article.produit>.content {}
.produit-infos .field--name-field-poids {
  text-align: center;
  font-size: 1.1em;
  margin-top: 1em;
}
article.produit>.content {}
.produit-infos .field--name-field-poids .field--label {
  display: inline-block;
}
article.produit>.content {}
.produit-infos .field--name-field-poids .field--item {
  display: inline-block;
}
article.produit>.content {}
.field--name-field-telechargement {
  margin-top: 1em;
  text-align: center;
}
article.produit>.content {}
.field--name-field-telechargement .field--item {
  max-width: 250px;
  display: inline-block;
}
body.path1-fromagerie-le-pic .field--name-field-telechargement a {
  color: #478cca;
}
body.path1-fromagerie-segalafrom .field--name-field-telechargement a {
  color: #00843e;
}
body.path1-fromagerie-segalafrom .file>span {
  color: #00843e;
}
body.path1-fromagerie-segalafrom .text-primary {
  color: #00843e;
}
/* NOS PRODUCTEURS */

[id*=lock-views-block-producteurs-block] {
  margin-bottom: 2em;
  text-align: center;
}
[id*=lock-views-block-producteurs-block] .views-row {
  display: inline-block;
  vertical-align: top;
  width: 130px;
  padding: 8px;
  margin: 0.5em;
  background: #fff;
  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.2);
}
@media all and (min-width: 480px) {
  [id*=lock-views-block-producteurs-block] .views-row:first-child {
    margin-left: 0;
  }
  [id*=lock-views-block-producteurs-block] .views-row:last-child {
    margin-right: 0;
  }
}
[id*=lock-views-block-producteurs-block] img {
  width: 100%;
}
[id*=lock-views-block-producteurs-block] .nom {
  text-align: center;
  margin-top: 0.5em;
}
[id*=lock-views-block-producteurs-block] .nom {
  color: #666;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 0.6em;
  letter-spacing: 0.1em;
}
[id*=lock-views-block-producteurs-block] .views-row:hover {
  -webkit-animation-name: zoomIn2;
  animation-name: zoomIn2;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.view-carte-producteurs h2.location-title {
  font-size: 1em;
  color: #666;
  margin-top: 3px;
}
/* PAGE PRODUCTEUR */

.page-node-type-producteur .page-header {
  font-size: 2em;
}
.page-node-type-producteur .content>div {
  margin-bottom: 2em;
}
.page-node-type-producteur .content>div:after {
  display: table;
  content: "";
  clear: both;
}
.page-node-type-producteur article .field--name-field-portrait {
  text-align: center;
  margin-bottom: 1em;
}
.page-node-type-producteur article .field--name-field-portrait a {
  background: #fff;
  padding: 10px 10px 35px 10px;
  display: inline-block;
  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
.page-node-type-producteur article .field--name-field-geolocalisation h2.location-title {
  font-size: 1em;
  color: #666;
  margin-top: 3px;
}
.page-node-type-producteur article .field--name-field-photo-ferme {
  margin: 0em 0em 1em 0em;
}
.page-node-type-producteur article .field--name-field-texte-ferme {
  text-align: right;
}
@media all and (min-width: 480px) {
  .page-node-type-producteur article .field--name-field-portrait, .page-node-type-producteur article .field--name-field-texte-producteur {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .page-node-type-producteur article .field--name-field-portrait a img {
    width: 200px;
    max-width: 100%;
  }
  .page-node-type-producteur article .field--name-field-photo-ferme {
    float: right;
    margin: 0em 0em 1em 1em;
    max-width: 50%;
  }
}
.page-node-type-producteur article .field--name-field-album-photos {
  text-align: center;
}
.page-node-type-producteur article .field--name-field-album-photos .field--label {
  text-align: center;
  color: #666;
  font-size: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1em;
  font-family: 'Homemade Apple', cursive;
}
.page-node-type-producteur article .field--name-field-album-photos .field--item {
  display: inline-block;
  margin: 0.1em;
  max-width: 120px;
  position: relative;
  padding: 3px;
}
.page-node-type-producteur article .field--name-field-album-photos .field--item a:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(./img/bg-fromage-carre.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.page-node-type-producteur article .field--name-field-album-photos .field--item:hover {
  -webkit-animation-name: zoomIn2;
  animation-name: zoomIn2;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* NOUS CONTACTER */

#block-gmapfromagerielepic, #block-gmapfromageriesegalafrom {
  width: 48%;
  height: 100%;
  box-sizing: border-box;
}
#block-gmapfromagerielepic>div, #block-gmapfromageriesegalafrom>div {
  height: 100%;
  line-height: 0;
}
#block-gmapfromagerielepic {
  background: #58adfa;
  padding: 1px 1px 10px 1px;
}
#block-gmapfromageriesegalafrom {
  background: #00843e;
  padding: 1px 1px 10px 1px;
}
#block-gmapfromagerielepic {
  float: left;
}
#block-gmapfromageriesegalafrom {
  float: right;
}
#block-gmapfromagerielepic iframe, #block-gmapfromageriesegalafrom iframe {
  width: 100%;
  height: 250px;
}
#block-textecontact {
  clear: both;
}
/* BACKGROUND IMAGE bloc-Fond */

.block-fond, .block-sous-logo {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 70px;
  left: 0;
}
.block-sous-logo {
  top: 30px;
}
.sticky .block-fond, .sticky .block-sous-logo {
  -webkit-filter: blur(7.9px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="7.9" /></filter></svg>#filter');
  filter: blur(7.9px);
  opacity: 0.5;
}
.block-fond img, .block-sous-logo img {
  margin-left: auto;
  margin-right: auto;
}
.block-sous-logo img {
  max-height: 200px;
  width: auto;
}
@media all and (min-width:768px) {
  .block-fond {
    top: 50px;
  }
  .block-sous-logo img {
    max-height: none;
  }
}
/* BACKGROUND LOGO block-sous-logo */

/* Plan du site */

[id*=block-views-block-produits-plan], [id*=block-views-block-producteurs-plan] {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 1%;
  margin-left: 1%;
  background: rgba(51, 122, 183, 0.1);
  border: 1px solid rgba(51, 122, 183, 1);
  border-radius: 3px;
  margin-top: 20px;
}
[id*=plan-block-2] {
  background: rgba(0, 132, 62, 0.1);
  border: 1px solid rgba(0, 132, 62, 1);
}
@media all and (min-width:1000px) {
  [id*=block-views-block-produits-plan], [id*=block-views-block-producteurs-plan] {
    width: 48%;
    float: left;
    box-sizing: border-box;
    margin-top: 0;
  }
  [id*=plan-block-1] {
    clear: left;
  }
  [id*=producteurs-plan-block] {
    margin-top: 20px;
  }
}
#block-views-block-produits-plan-block-2 a, #block-views-block-producteurs-plan-block-2 a {
  color: #00843e;
}
#block-views-block-produits-plan-block-2 a:hover, #block-views-block-producteurs-plan-block-2 a:hover {
  color: #025228;
}
.path1-plan-du-site .field--item ul {
  padding-left: 0 !important;
}
.path1-plan-du-site .field--item>ul {
  background: rgba(102, 102, 102, 0);
  border: 1px solid rgba(102, 102, 102, 0.6);
  border-radius: 3px;
  text-align: center;
}
.path1-plan-du-site .field--item>ul>li>ul>li {
  border-top: 1px solid #ccc;
}
.path1-plan-du-site .field--item>ul h2, .path1-plan-du-site .field--item>ul h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.path1-plan-du-site .field--item>ul h2, .path1-plan-du-site .field--item>ul a {
  color: #666;
}
.path1-plan-du-site .field--item>ul a:hover {
  color: #333;
}
.path1-plan-du-site .field--item>ul {
  margin-left: 1%;
  margin-right: 1%;
}
.path1-plan-du-site .field--item>ul>li>ul>li:first-child a {
  color: #337ab7;
}
.path1-plan-du-site .field--item>ul>li>ul>li:first-child a:hover {
  color: #23527c;
}
.path1-plan-du-site .field--item>ul>li>ul>li:nth-child(2) a {
  color: #00843e;
}
.path1-plan-du-site .field--item>ul>li>ul>li:nth-child(2) a:hover {
  color: #025228;
}
@media all and (min-width:1000px) {
  .path1-plan-du-site .field--item>ul>li>ul>li:first-child, .path1-plan-du-site .field--item>ul>li>ul>li:nth-child(2) {
    width: 40%;
    display: inline-block;
    vertical-align: top;
  }
  .path1-plan-du-site .field--item>ul>li>ul>li:first-child {
    margin-right: 10px;
    padding-right: 10px;
    /*
    background:rgba(51,122,183,0.1);*/
    border: 1px solid rgba(51, 122, 183, 1);
    border-radius: 3px;
    padding-bottom: 1em;
  }
  .path1-plan-du-site .field--item>ul>li>ul>li:nth-child(2) {
    margin-left: 10px;
    padding-left: 10px;
    /*
    background:rgba(0,132,62,0.1);*/
    border: 1px solid rgba(0, 132, 62, 1);
    border-radius: 3px;
    padding-bottom: 1em;
  }
}
/*
 * Ajout logo en bas de page
 */

#block-navigationprincipale-4 ul.menu::after {
  display: block;
  margin: 20px auto 0 auto;
  text-indent: 200%;
  overflow: hidden;
  background-image: url('img/logo-occitanie.jpg');
  background-size: cover;
  width: 150px;
  height: 60px;
}