/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
 /* HTML element (SMACSS base) rules */
 @import "normalize.css";
 /* Component (SMACSS module) rules */
 @import "components/misc.css";
 /* Optionally, add your own components here. */
 @import "print.css";
 @import "statique.css";

/* -------------------------------------------
GENERIQUE
------------------------------------------  */

html { overflow-x: auto; }

body {
    background: #faf3eb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 300;
    color: #333
}

.sizePage {
    width: 1500px;
    margin: auto;
}
.onlymobile { display: none !important; }
.notmobile { display: block; }

#mobalAvantage { display: none; }

/* -------------------------------------------
TOOL ADMIN
------------------------------------------  */
.tabs-primary, .tabs-secondary {
    margin-bottom: 0;
}

.tabs-primary__tab, .tabs-primary__tab.is-active {
    border-radius: 0;
}

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active {
    border-radius: 0;
}

.toolbar header#header.fixElement {
    top: 30px;
}

/* -------------------------------------------
HEADER
------------------------------------------  */

#header {
    display: table;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 25px 40px -35px rgba(0, 0, 0, 0.9)
}

#header.fixElement {
    margin-left: -750px;
    left: 50%;
    top: 0px;
    position: fixed;
    z-index: 100;
}

#header .zoneHeader {
    display: table-cell;
}

#header #logo {
    width: 100px;
}

#header #logo.zoneHeader {
    border-right: 1px solid white;
    box-sizing: border-box;
}

#btn_action {
    line-height: 0px;
    width: 100px;
}

#menu_site {
    vertical-align: middle;
}

#menu_header {
    margin: 0;
    padding: 0;
    font-family: 'FuturaLTBold';
    font-weight: normal;
}

#menu_header .contentMenu {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 50;
}

#menu_header .contentMenu .item {
    display: table-cell;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    border-bottom: 5px solid #fff;
    height: 95px
}

#menu_header .contentMenu .item .text {
    display: inline-block;
    vertical-align: middle;
}

#menu_header .contentMenu .item .sousMenu {
    width: 100%;
    position: absolute;
    top: 100px;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    moz-transition: height 0.3s;
    transition: height 0.3s;
}

#menu_header .contentMenu .item.commande-parent .sousMenu {
  left: calc(100% - 350px);
  width: 350px;
}

#menu_header .contentMenu .item .sousMenu.full {
    left: -101px;
}

#menu_header .sousMenu > div {
    display: table;
    font-family: 'Open Sans', sans-serif;
}

#menu_header .sousMenu > div > div {
    display: table-cell
}

#menu_header .contentMenu .item.active {
    border-bottom-color: #f9ea1d;
    color: #096029
}

#menu_header .contentMenu .item.active .text {
    color: #096029
}

.sousMenuDefault {
    display: inline-block;
    padding: 25px 30px;
}

.sousMenuDefault .image {
    display: inline-block;
    line-height: 0;
    padding-right: 30px;
    border-right: 1px solid #398151;
}

.sousMenuDefault .image a {
    display: inline-block;
    width: 300px;
    height: 225px;
    background-position: center center;
    background-repeat: no-repeat;
}

.sousMenuDefault .image a#menuBioCBon {
    background-image: url('../images/sousNaveBioCBon.png');
    width: 220px;
}

.i18n-it .sousMenuDefault .image a#menuBioCBon {
    background-image: url('../images/sousNaveBioCBon_it.png');
}

.i18n-es .sousMenuDefault .image a#menuBioCBon {
    background-image: url('../images/sousNaveBioCBon_es.png');
}

.sousMenuDefault .image a#menuRC {
    background-image: url('../images/sousNaveRC.png');
}

.i18n-it .sousMenuDefault .image a#menuRC {
    background-image: url('../images/sousNaveRC_it.png');
}

.i18n-es .sousMenuDefault .image a#menuRC {
    background-image: url('../images/sousNaveRC_es.png');
}

.sousMenuDefault .image a#menuBioCQuoi {
    background-image: url('../images/sousNaveBioCQuoi.png');
    width: 250px;
}

.i18n-it .sousMenuDefault .image a#menuBioCQuoi {
    background-image: url('../images/sousNaveBioCQuoi_it.png');
}

.i18n-es .sousMenuDefault .image a#menuBioCQuoi {
    background-image: url('../images/sousNaveBioCQuoi_es.png');
}

.sousMenuDefault .lien {
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle;
}

.sousMenuDefault .lien ul, #menu_header .sousMenuDefault .lien li {
    margin: 0;
    padding: 0;
    text-align: left;
}

.sousMenu .link.puce {
    text-transform: inherit;
    font-size: 1.2em;
}

._bio_c_quoi_view .sousMenuDefault {
    width: 668px;
}

#menu_header .contentMenu .item:hover {
  background: #096029;
  border-bottom-color: #096029;
}

#menu_header .contentMenu .item:hover .text {
    color: #f9ea1d;
}

#menu_header .contentMenu .item:hover .sousMenu {
    height: 380px;
    z-index: 50;
}

#menu_header .contentMenu .item:hover .sousMenu.full {
    height: 297px;
    width: 1500px;
}

#menu_header .contentMenu .item._rejoignez_nous_view {
    display: none;
}

#btn_login {
    text-align: center;
    background: url('../images/login.png') center center no-repeat;
    height: 100px;
    width: 99px;
    border-left: 1px solid #dbdbdb;
    position: relative
}

#btn_login:hover {
    background: url('../images/login-hover.png') #096029 center center no-repeat;
}

.logged-in #btn_login {
    background: url('../images/login-hover.png') #096029 center 20px no-repeat;
}

.logged-in #btn_login > div {
    position: absolute;
    bottom: 15px;
    color: white;
    text-align: center;
    width: 100%
}

.logged-in #btn_login > div > div {
  border-top: 1px solid #377e51;
  margin: 0px auto;
  padding: 3px 0;
  height: auto;
  line-height: 1em;
}

.logged-in #btn_action:hover #btn_login > div > div::after {
  background: url('../images/fleche_jaune_bas.png') center top no-repeat;
  content: "";
  position: ;
  position: absolute;
  width: 9px;
  height: 5px;
  bottom: -6px;
  left: calc(50% - 4px);
  z-index: 100;
}

.logged-in #icoMenu {
    display: none;
}

#btn_login_sous_menu {
    position: absolute;
    right: 0px;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    moz-transition: height 0.3s;
    transition: height 0.3s;
}

.logged-in #btn_action:hover #btn_login_sous_menu {
    display: block;
    height: 198px;
}

#btn_login_sous_menu .btn_login_sous_menu_container {
    position: relative;
    width: 234px;
    background: #096029;
    right: 0px;
}

#btn_login_sous_menu .btn_login_sous_menu_container > div {
    text-align: center;
    height: 49px;
    line-height: 49px;
}

#btn_login_sous_menu .btn_login_sous_menu_container > div a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

#btn_login_sous_menu .btn_login_sous_menu_container > div.filet {
    border-bottom: 1px solid #3a8054
}

#btn_login_sous_menu .btn_login_sous_menu_container > div.logout {
    background: #05491e
}

#btn_login_sous_menu .btn_login_sous_menu_container > div.logout a {
    padding-left: 20px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    text-decoration: none;
    background: url('../images/croix_jaune.png') no-repeat left center;
}

._bio_c_bon_view {
    width: 190px;
}

.nos_produits_view {
    width: 215px;
}

.recettes_et_conseils_view {
    width: 270px;
}

._bio_c_quoi_view {
    width: 183px;
}

.bio_magasins_view {
    width: 175px;
}

._carte_de_fidelite_view {
  width: 270px;
}

#menu_header .contentMenu .item.commande-parent {
  width: 150px; /*270px for one line*/
  background-color: #86bc24;
  height: 100%;
  border:1px solid #86bc24;
}
#menu_header .contentMenu .item.commande-parent:hover {
  background-color: #096029;
  border-color: #096029;
}


.recettes_et_conseils_view .text {
    background: url('../images/menu/ico-recettes_et_conseils.png') no-repeat left center;
    padding: 17px 0 17px 55px;
}

._bio_c_bon_view .text {
    background: url('../images/menu/mouton.png') no-repeat left center;
    padding: 15px 0 15px 55px;
}

._bio_c_quoi_view .text {
    background: url('../images/menu/ico-biocquoi.png') no-repeat left -2px;
    padding: 18px 0 18px 45px;
}

.bio_magasins_view .text {
    background: url('../images/menu/ico-nos_magasins.png') no-repeat left center;
    padding: 15px 0 15px 35px;
}

.bio_magasins_view:hover .text {
    background-image: url('../images/menu/ico-nos_magasins-hover.png')
}

.recettes_et_conseils_view .text {
    background: url('../images/menu/ico-recettes_et_conseils.png') no-repeat left center;
    padding: 15px 0 15px 55px;
}

.nos_produits_view .text {
    background: url('../images/menu/ico-nos_produits.png') no-repeat left center;
    padding: 17px 0 17px 55px;
}

._carte_de_fidelite_view .text {
    background: url('../images/menu/ico-carte-fidelite.png') no-repeat left center;
    padding: 17px 0 17px 58px;
}

.commande-parent .text {
  background: url('../images/menu/panier.svg') no-repeat 35px center;
  padding: 17px 40px 17px 90px;
  background-size: 45px;
  line-height: 1em;
  color: #fff;
}


/* ---------
COMMANDE
---------- */
#menu_header .commande-parent .sousMenu { height: auto; }
#menu_header .commande-parent .sousMenu div.sousMenuDefault { padding: 0; width: 100%; }
#menu_header .commande-parent .sousMenu ul { padding: 0; }
#menu_header .commande-parent .sousMenu ul li { box-shadow: inset 0px 7px 10px rgba(0,0,0,0.4); }
#menu_header .commande-parent .sousMenu ul li a {
  box-sizing: border-box;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  margin: 0;
  padding: 50px 170px 50px 50px;
  text-align: left;
  text-decoration: dotted;
  width: 100%;
}
#menu_header .commande-parent .sousMenu ul li a:hover {
  background-color: #86bc24 !important;
}
#menu_header .commande-parent .sousMenu ul li.livre-chez-vous a {
  background: transparent url(../images/menu/livraison.svg) no-repeat calc(100% - 35px) center;
  background-size: 95px;
}
#menu_header .commande-parent .sousMenu ul li.retrait-magasin a {
  background: transparent url(../images/menu/retrait.png) no-repeat calc(100% - 35px) center;
  background-size: 130px;
}
#menu_header .commande-parent .sousMenu ul li.drive a {
  background: transparent url(../images/menu/drive.png) no-repeat calc(100% - 35px) center;
  background-size: 130px;
}


/* -------------------------------------------
BREADCRUMB
------------------------------------------  */

.breadcrumb {
    margin-top: 100px;
    padding: 15px 0;
    color: #6b6b6b;
    margin-bottom: -100px;
    position: relative;
}

.breadcrumb li a {
    display: inline-block;
    padding: 0 10px;
    color: #6b6b6b;
    text-decoration: none;
}

.breadcrumb li:last-child {
    padding-left: 10px;
    font-weight: bold;
}

.breadcrumb .separateur {
    background: url('../images/bc-separateur.png') center center no-repeat;
    width: 5px;
    height: 9px;
    display: inline-block
}

#retourPage {
    font-weight: bold;
    cursor: pointer;
    margin-left: 15px;
}

#retourPage:before {
    content: "";
    position: absolute;
    border: 5px solid transparent;
    border-right-color: #6b6b6b;
    height: 0;
    width: 0;
    display: block;
    top: 16px;
    left: -2px;
}

/* -------------------------------------------
MAIN
------------------------------------------  */

#main {
    margin-top: 96px;
}

.contentZone {
    background: #fff;
    padding: 10px;
    box-shadow: 0px -25px 40px -40px rgba(0, 0, 0, 0.9), 0px 25px 40px -40px rgba(0, 0, 0, 0.9);
    margin-bottom: 35px;
}

/* -------------------------------------------
GREENZONE
------------------------------------------  */

#greenZone {
    text-align: center;
}

#greenZone .region-greenzone {
    display: table;
    width: 100%;
    margin: auto;
    text-align: left;
}

.blockPromo {
    height: 280px;
    background: url(../images/fond-shadow.png) right center no-repeat;
    padding: 35px;
}

.blockPromo h2, .blockPromo p {
    margin: 0;
    padding: 0;
}

.blockPromo h2 {
    font-family: 'appleberryregular';
    font-weight: normal;
    line-height: 0.8em;
    display: inline-block;
    padding-bottom: 15px;
}

.blockPromo p {
    margin-top: 15px;
    padding-bottom: 10px;
    line-height: 20px;
    width: 50%;
}

#block-bio-block-bio-block-subscribe-simplenews2,
#block-bio-block-bio-block-bio-c-quoi,
#block-bio-block-bio-block-bio-c-bon {
    display: table-cell;
    width: 33%;
}

#block-bio-block-bio-block-subscribe-simplenews2 .blockPromo p {
    width: 74%;
}

#block-bio-block-bio-block-bio-c-quoi .blockPromo p {
    width: 62%;
}

#block-bio-block-bio-block-bio-c-bon .blockPromo p {
    width: 53%;
}

#block-bio-block-bio-block-subscribe-simplenews2 > div {
    background: url('../images/herbe3.png') center bottom no-repeat;
    background-size: 100% auto;
}

#block-bio-block-bio-block-bio-c-quoi > div {
    background: url('../images/herbe1.png') center bottom no-repeat;
    background-size: 100% auto;
}

#block-bio-block-bio-block-bio-c-bon > div {
    background: url('../images/herbe2.png') center bottom no-repeat;
    background-size: 100% auto;
}

/* -------------------------------------------
SLIDER
------------------------------------------  */

#bio_slider {
    width: 1500px;
    height: 600px;
    margin-top: 100px;
    margin-bottom: -100px;
    position: relative;
}

#bio_slider .item {
    line-height: 0;
}

#bio_slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 595px;
    width: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.65) 100%);
}

#bio_slider .content {
    z-index: 30;
    position: absolute;
    top: 0px;
    right: 101px;
    width: 521px;
    height: 486px;
    background: url(../images/tableau-slider.png) no-repeat center center;
    background-size: cover;
    text-align: center;
}

#bio_slider .content .element {
    padding: 130px 50px 0px;
    height: 300px;
    vertical-align: middle;
    display: table-cell;
    width: 421px
}

#bio_slider h3 {
    font-family: 'appleberryregular';
    margin: 0;
    padding: 0;
    line-height: 1em;
    margin-bottom: 15px;
    font-weight: normal;
}

#bio_slider pre {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 15px 0;
    border-width: 1px;
    margin-bottom: 15px;
    line-height: 1.3em;
}

#bio_slider .owl-pagination {
    text-align: center;
}

#bio_slider .owl-page, #bio_slider .owl-dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

#bio_slider .owl-page.active, #bio_slider .owl-dot.active {
    background: #8cc63d;
}

#bio_slider .owl-dots {
    position: absolute;
    right: 100px;
    top: 450px;
    width: 521px;
    z-index: 30;
    text-align: center
}

#slideHomeAnim1 {
    z-index: 9;
    left: -9999px;
    position: absolute;
    top: -5px;
    background-image: url('../images/animation/anim1.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}

#slideHomeAnim2 {
    z-index: 9;
    left: -9999px;
    position: absolute;
    top: -5px;
    background-image: url('../images/animation/anim2.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}

/* -------------------------------------------
REGION BOTTOM
------------------------------------------  */
#postionBottom {
    background: #fff;
}

.region-bottom {
    margin: auto;
    text-align: center;
    display: table;
    height: 105px;
}

#block-bio-block-bio-block-amazon-prime, #block-bio-block-bio-block-subscribe-simplenews, #block-bio-block-bio-block-share, #block-bio-block-bio-block-contact, #block-bio-block-bio-block-faq {
    padding: 25px 35px;
    display: table-cell;
    border-right: 1px solid #cecece;
    vertical-align: middle;
}

#block-bio-block-bio-block-contact, #block-bio-block-bio-block-faq {
    border: none;
}

#block-bio-block-bio-block-faq {
    padding-right: 0px
}

#block-bio-block-bio-block-contact {
    padding-left: 15px;
}

/* ---------------------------------------------
    BLOCK FAQ
    /* -------------------------------------------*/

    #footerFAQ a {
        background: url('../images/ico-faq.png') no-repeat center left;
        padding: 6px 0 6px 20px;
        text-decoration: none;
        font-weight: bold;
        font-size: 12.96px;
    }

    #footerFAQ a:hover {
        background: url('../images/ico-faq-hover.png') no-repeat center left;
    }

/* -------------------------------------------
SIMPLENEWS BLOCK
------------------------------------------  */

#block-bio-block-bio-block-subscribe-simplenews {
    font-size: 13.22px;
    position: relative;
    font-weight: bold
}

.simplenews-subscribe .form-item, .simplenews-subscribe .form-item label,
.simplenews-unsubscribe .form-item, .simplenews-unsubscribe .form-item label {
    margin: 0;
    display: inline-block;
    margin-top: 24px;
    margin-top:
}

.simplenews-subscribe .form-item label, .simplenews-unsubscribe .form-item label {
    display: block;
    font-size: 13.22px;
    font-weight: bold;
    position: absolute;
    top: -1px;
    width: 230px;
}

.simplenews-subscribe .form-required {
    display: none;
}

.simplenews-subscribe, .simplenews-unsubscribe {
    color: #666;
    display: block;
    text-align: center;
    margin-left: -20px;
    margin-top: 10px;
}

.simplenews-subscribe input[type='text'] {
    background: #e8e8e8;
    color: #727272;
    border: none;
    padding: 8px;
    margin: 0 0 0 11px;
}

.simplenews-subscribe input[type='submit'], .simplenews-unsubscribe input[type='submit'] {
    background: #8dc641;
    color: #08612b;
    padding: 10px 11px 8px 30px;
    border: none;
    font-weight: bold;
    font-size: 0.9em;
    outline: 0;
    background-image: url(../images/ico-puce-vert-clair.png);
    background-repeat: no-repeat;
    background-position: 15px center;
}

#postionBottom .simplenews-subscribe input[type='submit'], #postionBottom .simplenews-unsubscribe input[type='submit'] {
    padding: 10px 11px 9px 30px;
}

.not-logged-in .simplenews-subscribe input[type='submit'], .not-logged-in #postionBottom .simplenews-subscribe input[type='submit'] {
    background-image: none;
    margin-left: -5px;
    padding-left: 7px;
}

.logged-in .simplenews-unsubscribe input[type='submit'] {
    background-color: #fff;
    color: #8dc641;
    font-weight: normal
}

/* -------------------------------------------
BLOCK
------------------------------------------  */

#block-bio-block-bio-block-bio-c-quoi {
    background: url(../images/visuel-bio_c_quoi.png) no-repeat;
    background-position: bottom right;
    background-size: 100% auto
}

#block-bio-block-bio-block-bio-c-quoi:hover {
    background-image: url(../images/visuel-bio_c_quoiOn.png);
}

#block-bio-block-bio-block-bio-c-bon {
    background: url(../images/visuel-bio_c_bon.png) no-repeat;
    background-position: bottom right;
    background-size: 100% auto
}

#block-bio-block-bio-block-bio-c-bon:hover {
    background-image: url(../images/visuel-bio_c_bonOn.png)
}

#block-bio-block-bio-block-subscribe-simplenews2 {
    background: url(../images/visuel-newsletter.png) no-repeat;
    background-position: bottom right;
    background-size: 100% auto
}

#block-bio-block-bio-block-subscribe-simplenews2:hover {
    background-image: url(../images/visuel-newsletterOn.png)
}

#block-bio-block-bio-block-subscribe-simplenews2 input[type='text'] {
    margin: 15px 0 0 0;
}

/* -------------------------------------------
SHARING BLOCK
------------------------------------------  */
#sharingLink {
    display: inline-block;
    text-align: left;;
    position: relative
}

#sharingLink label, #sharingLink ul, #sharingLink li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#sharingLink a {
    display: block;
    height: 25px;
    width: 25px;
}

#sharingLink label {
    position: relative;
    text-align: center;
    display: block;
    font-size: 13.22px;
    font-weight: bold;
    margin-bottom: 21px;
}

#sharingLink a.facebook {
    background: url('../images/facebook.png') center center no-repeat
}

#sharingLink a.facebook:hover {
    background: url('../images/facebook-hover.png') center center no-repeat
}

#sharingLink a.twitter {
    background: url('../images/twitter.png') center center no-repeat
}

#sharingLink a.twitter:hover {
    background: url('../images/twitter-hover.png') center center no-repeat
}

#sharingLink a.google {
    background: url('../images/google.png') center center no-repeat
}

#sharingLink a.google:hover {
    background: url('../images/google-hover.png') center center no-repeat
}

#sharingLink a.linkedin {
    background: url('../images/linkedin.png') center center no-repeat
}

#sharingLink a.linkedin:hover {
    background: url('../images/linkedin-hover.png') center center no-repeat
}

#sharingLink a.instagram {
    background: url('../images/instagram.png') center center no-repeat
}

#sharingLink a.instagram:hover {
    background: url('../images/instagram-hover.png') center center no-repeat
}

#sharingLink a.pinterest {
    background: url('../images/pinterest.png') center center no-repeat
}

#sharingLink a.pinterest:hover {
    background: url('../images/pinterest-hover.png') center center no-repeat
}

#footerContact a {
    background: url('../images/ico-contact.png') no-repeat center left;
    padding: 6px 0 6px 30px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12.96px;
}

#footerContact a:hover {
    background-image: url('../images/ico-contact-hover.png')
}

/* -------------------------------------------
FOOTER
------------------------------------------  */

#footer {
  background: #666;
  padding: 10px;
  text-align: center;
}

#footer ul:not(.contextual-links) {
  display: block;
  margin: 0;
  padding: 0;
  color: #fff
}
#footer ul:not(.contextual-links) li { display: inline-block; }

#footer a,
#footer span {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  margin: 0 15px;
}

#footer a:hover {
    color: #8cc63e;
}

#footer #block-bio-menu-bio-menu-footer, #footer #block-bio-block-bio-block-language {
    display: inline-block;
}

#footer select {
    color: #fff;
    text-transform: uppercase;
    border: none;
    background: #666
}

#footer #block-bio-block-bio-block-language span {
    margin-right: 0;
}

/* -------------------------------------------
SLIDER PUSH
------------------------------------------  */
.blockPush {
    text-align: center;
    margin-top: 50px;
    padding: 0 16px;
    position: relative;
}

.blockPush h3 {
    color: #096029;
    font: 40px 'appleberryregular';
    font-weight: normal;
    padding: 0 15px;
    display: inline-block;
    margin: 0;
    line-height: 1.2em;
    text-align: left;
}

.blockPush h3 > div {
    display: inline-block;
}

.blockPush h3 span {
    font-size: 30px;
    color: #8cc63e;
    display: block;
    margin-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.blockPush h3.negaratio {
    font-size: 30px;
}

.blockPush h3.negaratio span {
    font-size: 40px;
    padding-bottom: 15px;
}

.blockPush h3.smallNegaratio {
    font-size: 30px;
    line-height: 35px
}

.blockPush h3.smallNegaratio span {
    font-size: 35px;
    padding-bottom: 15px;
}

.blockPush a {
    text-decoration: none;
}

.blockPush img {
    margin-bottom: -5px;
}

.blockPush .item {
    padding: 0 9px;
    position: relative;
    overflow: hidden;
    height: 341px;
    text-align: left;
    margin-bottom: 20px;
}

.blockPush .content {
    bottom: 0;
    width: 322px;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
    color: #096029;
    font: 18px 'appleberryregular';
    text-decoration: none;
    text-align: left;
    padding: 3px 10px;
    position: absolute;
    background: #fff;
}

.blockPush .content .date {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.blockPush .owl-buttons div {
    display: block;
    position: absolute;
    width: 58px;
    height: 100%;
    top: 0;
}

.blockPush .owl-buttons div.owl-prev {
    background: url('../images/navSlider-Prev.png') center right;
    left: -35px;
}

.blockPush .owl-buttons div.owl-next {
    background: url('../images/navSlider-Next.png') center left;
    right: -35px;
}

.blockPush .owl-buttons div.owl-prev:hover {
    background-position: center left;
}

.blockPush .owl-buttons div.owl-next:hover {
    background-position: center right;
}

.blockPush .owl-pagination {
    position: absolute;
    bottom: -35px;
    width: 100%;
    text-align: center;
}

.blockPush .owl-page {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 5px;
    border-radius: 4px;
    background: #ccc;
    position: relative;
    z-index: 55;
}

.blockPush .owl-page.active {
    background: #8cc63d;
}

.blockPush .poseBtn {
    text-align: right;
    padding: 30px 5px 30px;
    position: relative;
    z-index: 50;
}

.blockPush .extendContent, #whitezone .block .extendContent {
    position: relative;
    overflow: hidden;
    height: 0px;
}

.blockPush .extendContent hr {
    border: 0px none;
    border-bottom: 1px dotted #8cc63e;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#whitezone .block .extendContent hr {
    border: 0px none;
    margin: 0px;
    padding: 0px;
    height: 2px;
}

.blockPush .extendContent p {
    font-size: 12px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    line-height: 16px;
    margin: 5px 0 0 0;
}

.blockPush .extendContent ul, .blockPush .extendContent li, #whitezone .block .extendContent ul, #whitezone .block .extendContent li {
    padding: 0;
    margin: 0;
}

.blockPush .extendContent ul, #whitezone .block .extendContent ul {
    display: table;
    width: 100%
}

.blockPush .extendContent li, #whitezone .block .extendContent li {
    display: table-cell;
    font-family: 'Open Sans', sans-serif;
}

.blockPush .extendContent li:last-child, #whitezone .block .extendContent li:last-child {
    text-align: right;
}

.blockPush .extendContent .ico, #whitezone .block .extendContent .ico {
    padding: 15px 5px 15px 30px;
}

.blockPush .extendContent .ico {
    font-size: 12px;
}

#whitezone .block .extendContent .ico {
    font-size: 14px
}

#whitezone .linkHomeType {
    display: block;
    height: 24px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-top: 9px;
    background: #ccc;
    color: #646464;
    text-align: right;
}

.blockPush .view-id-grille_magasin .extendContent li:first-child {
    width: 200px;
    vertical-align: middle
}

.item.recettes .contentImg {
    position: relative;
}

.blockPush .panneau {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: -3px;
    right: 0;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 80%;
}

.blockPush .panneau.nouveau {
    background-image: url('../images/panneau-nouveau.png');
}

.blockPush .panneau.recettes-du-moment {
    background-image: url('../images/panneau-recette-du-moment.png');
}

.blockPush .item.recettes img, .blockPush .item.recettes .extendContent,
#whitezone .item.recettes img, #whitezone .item.recettes .extendContent {
    transition: all 0.3s ease;
}

.item.recettes:hover img {
    margin-top: -55px;
}

.item.recettes:hover .extendContent {
    height: 55px;
}

.item.recettes:hover .extendContent p {
    margin: 5px 0 0 0px;
}

#whitezone .item.recettes:hover img {
    margin-top: -55px;
}

#whitezone .item.recettes:hover .extendContent {
    height: 55px;
}

#whitezone .item.recettes:hover .extendContent p {
    margin: 5px 0 0 0px;
}

#whitezone #block-recettes-et-conseils-push-recettes .item.recettes:hover img {
    margin-top: -42px;
}

#whitezone #block-recettes-et-conseils-push-recettes .item.recettes:hover .extendContent {
    height: 42px;
}

.blockPush table {
    margin: 0 auto;
}

#pushHomeCalendrier {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

#pushHomeCalendrier .bgColorVertClair {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    height: 0;
    transition: all 0.3s ease
}

#pushHomeCalendrier img {
    position: relative;
    transition: all 0.3s ease;
    top: 0px;
    height: 419px;
}

#pushHomeCalendrier:hover img {
    top: -32px;
}

#pushHomeCalendrier:hover .bgColorVertClair {
    height: 32px;
}

/* -------------------------------------------
RECETTE ET CONSEIL
------------------------------------------  */
#recette_de_la_semaine .image {
    background: url('../images/push-recettes-semaine.png') no-repeat center center;
    width: 38px;
    height: 54px;
    padding-left: 10px;
}

#push_conseils_sainement .image {
    background: url('../images/push-conseils.png') no-repeat center center;
    width: 94px;
    height: 56px;
    padding-left: 10px;
}

#push_conseils_sainement span {
    margin-left: 20px;
}

#gridPush table td, .gridPush table td {
    padding: 0px;
}

.extendContent ul {
    padding-right: 100px
}

.extendContent .ico.ico-nb-cuisson {
    background: url('../images/ico-nb-cuisson.png') 3px center no-repeat;
}

.extendContent .ico.ico-nb-personne {
    background: url('../images/ico-nb-personne.png') left 12px no-repeat;
}

.extendContent .ico.ico-nb-preparation {
    background: url('../images/ico-nb-preparation.png') left 13px no-repeat;
}

.extendContent .linkVertClair {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 1em;
    padding-left: 20px;
}

#recettes-et-conseils-search-form,
#recettes-et-conseils-filtre-conseil-form-full {
    color: #666;
    text-align: center;
}

#recettes-et-conseils-search-form .views-exposed-widget,
#recettes-et-conseils-filtre-conseil-form-full .views-exposed-widget{
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
}

#edit-rechercher-une-recette-wrapper .views-widget,
#edit-rechercher-une-recette-wrapper label {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: none;
    color: #096029;
}

#recettes-et-conseils-search-form .form-item,
#recettes-et-conseils-filtre-conseil-form-full .form-item,
#recettes-et-conseils-filtre-conseil-form-full .form-item,
#recettes-et-conseils-search-form label,
#recettes-et-conseils-filtre-conseil-form-full label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

#recettes-et-conseils-search-form label,
#recettes-et-conseils-filtre-conseil-form-full label {
    color: #096029;
    font-size: 18px;
    font-weight: bold;
}

#recettes-et-conseils-search-form select,
#recettes-et-conseils-search-form .select,
#recettes-et-conseils-filtre-conseil-form-full select,
#recettes-et-conseils-filtre-conseil-form-full .select {
    width: 213px;
    height: 35px;
    color:#666;
    background: #e8e8e8;
    vertical-align: middle;
    border: 0 none;
    resize: none;
    display: inline-block;
}

#recettes-et-conseils-filtre-conseil-form-full .form-item-tag { margin-left: 80px; }
#recettes-et-conseils-search-form .form-item-type-de-recette { margin-left: 80px; }

#recettes-et-conseils-search-form .form-item-type-de-recette label { margin-right: 10px; }


#recettes-et-conseils-search-form .select  { color: #666; text-align: left; padding: 0px 0 0 7px; line-height: 35px; font-weight: 500; cursor: pointer; position: relative; }
#recettes-et-conseils-search-form .select:after { position: absolute; content: ""; border:3px solid transparent; border-top: 6px #666 solid; top: 14px; right: 5px; }
/*#recettes-et-conseils-search-form .select.on:after { transform: rotate(180deg); }*/
#recettes-et-conseils-search-form .form-item-tag { position: relative; }
#recettes-et-conseils-search-form .form-item-tag #edit-tag { position: absolute; background:#e8e8e8; margin: 25px; display: none; left: -25px; top: 11px; z-index: 50; padding: 20px 0; }
#recettes-et-conseils-search-form .form-item-tag > div > div { display: block; text-align: left; width: 190px; padding: 6px 0 6px 30px; }
#recettes-et-conseils-search-form .form-item-tag > div > div label { color: #666; font-size: 14px; font-weight: normal; vertical-align: middle; cursor: pointer; position: relative; top: -2px;}
#recettes-et-conseils-search-form .form-item-tag > div > div:hover label { color: #3f3f3f; font-weight: bold; }


#recettes-et-conseils-filtre-conseil-form-full .select  { color: #666; text-align: left; padding: 0px 0 0 7px; line-height: 35px; font-weight: 500; cursor: pointer; position: relative; }
#recettes-et-conseils-filtre-conseil-form-full .select:after { position: absolute; content: ""; border:3px solid transparent; border-top: 6px #666 solid; top: 14px; right: 5px; }
#recettes-et-conseils-filtre-conseil-form-full .form-item-tag { position: relative; }
#recettes-et-conseils-filtre-conseil-form-full .form-item-tag #edit-tag { position: absolute; background:#e8e8e8; margin: 25px; display: none; left: 71px; top: 11px; z-index: 50; padding: 20px 0; }
#recettes-et-conseils-filtre-conseil-form-full .form-item-tag > div > div { display: block; text-align: left; width: 200px; padding: 6px 0 6px 20px; }
#recettes-et-conseils-filtre-conseil-form-full .form-item-tag > div > div label { color: #666; font-size: 14px; font-weight: normal; vertical-align: middle; cursor: pointer; position: relative; top: -2px;}
#recettes-et-conseils-filtre-conseil-form-full .form-item-tag > div > div:hover label { color: #3f3f3f; font-weight: bold; }

#recettes-et-conseils-filtre-conseil-form-full input[type='text'],
#recettes-et-conseils-search-form input[type='text'] {
    font-size: 14px;
    background: #e8e8e8;
    color: #727272;
    border: none;
    padding: 9px 7px 9px 7px;
    position: relative;
    top: 0px;
    margin: 0 0 0 11px;
    width: 200px;
}

#recettes-et-conseils-filtre-conseil-form-full input[type='submit'] ,
#recettes-et-conseils-search-form input[type='submit'] {
    background: #8dc641 url('../images/search_alpha.png') center center no-repeat;
    color: #08612b;
    width: 37px;
    height: 37px;
    border: none;
    position: relative;
    left: -5px;
    outline: 0;
    top: 14px;
}

.ff #recettes-et-conseils-filtre-conseil-form-full input[type='submit'] ,
.ff #recettes-et-conseils-search-form input[type='submit'] {
    width: 39px;
    height: 39px;
    top: 0px;
}

/* -------------------------------------------
PAGE DETAIL
------------------------------------------  */

.page_detail {
    position: relative;
}

/* -------------------------------------------
PAGE DETAIL
------------------------------------------  */
.page_detail header, .headerPage {
    text-align: center;
    width: 1000px;
    margin: auto;
}

.page_detail header h1, .headerPage h2, .headerPage h1 {
    font-size: 58px;
    color: #096029;
    margin-top: 40px;
    font-family: 'appleberryregular';
    padding-bottom: 10px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 0px;
    line-height: 50px;
}

.page_detail header .subTitle, .headerPage .subTitle {
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
}

.page_detail header div, .headerPage > div {
    margin: 35px 0;
}

.page_detail header p, .headerPage p {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    margin: 0;
}

#recette.page_detail header h1 {
    min-width: 330px;
}

.page_detail header.medium h1, .headerPage.medium h2, .headerPage.medium h1 {
    font-size: 50px;
}

.page_detail header.medium .subTitle, .headerPage.medium .subTitle {
    font-size: 20px;
}

.bigPanneau {
    background: url('../images/big-panneau.png') no-repeat center center;
    width: 1121px;
    height: 680px;
    margin: auto;
    padding: 48px 8px 13px 13px;
    box-sizing: border-box;
    position: relative;
}

.bigPanneau .header, .bigPanneau .header li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.bigPanneau .header {
    display: block;
    text-align: center;
    padding: 22px 0;
}

.bigPanneau .header li {
    padding: 6px 25px 6px 70px;
    vertical-align: middle;
    position: relative;
    border-right: 1px solid #42855b
}

.bigPanneau .header li:last-child {
    padding: 6px 25px 6px 25px;
    border: 0;
}

.bigPanneau .header .ico {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: -5px;
}

.bigPanneau .header .ico.ico-nb-cuisson {
    background: url('../images/big-nb-cuisson.png') center center no-repeat;
}

.bigPanneau .header .ico.ico-nb-personne {
    background: url('../images/big-nb-personne.png') center center no-repeat;
}

.bigPanneau .header .ico.ico-nb-preparation {
    background: url('../images/big-nb-preparation.png') center center no-repeat;
}

.bigPanneau .image, .bigPanneau .blackboard {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.bigPanneau .image {
    line-height: 0;
}

.bigPanneau .blackboard {
    background: url('../images/bg-blackboard.jpg') center center;
}

.bigPanneau .blackboard h2 {
    margin-left: 60px;
    font-family: 'appleberryregular';
    font-weight: normal;
    border-bottom: 1px #8cc63e dotted;
    display: inline-block;
    line-height: 60px;
}

.bigPanneau .blackboard ul {
    margin: 0 0 0 70px;
    display: block;
    padding: 0;
}

.bigPanneau .blackboard li {
    list-style-image: url('../images/puce-liste.png');
    margin-bottom: 10px;
}

.bigPanneau .blackboard span {
    color: #8cc63e;
    font-weight: bold;
    margin-left: 5px;
}

.greenboard {
    width: 1100px;
    margin: auto;
    background: #096029;
    display: table;
    table-layout: fixed;
}

.greenboard .image, .greenboard .text {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    line-height: 0px;
}

.greenboard .text {
    color: #fff;
    vertical-align: middle;
    background: url('../images/guillemet.png') no-repeat center center
}

.greenboard .text.neutre {
    background: none;
}

.greenboard .text .zone {
    line-height: 1em;
    padding: 0 50px;
    text-align: center;
}

.greenboard .zone h3 {
    font: 2em 'appleberryregular';
}

.greenboard .zone span {
    color: #8cc63e;
    border-top: 1px solid #47885f;
    padding-top: 10px;
}

.greenboard .zone li {
    background: url('../images/shadow-greenboard.png') top center no-repeat;
}

.greenboard .zone li:first-child {
    background: none;
}

.greenboard .zone li p {
    margin: 0;
    padding: 0;
    font-size: 1.33em;
    line-height: 130%;
}

#page_detail-texte {
    margin: 35px auto;
    width: 65%;
}

#page_detail-texte h1,
#page_detail-texte h2,
#page_detail-texte h3,
#page_detail-texte h1 strong,
#page_detail-texte h2 strong,
#page_detail-texte h3 strong {
    color: #096029;
    font: 20px 'appleberryregular';
    display: inline-block;
    margin: 0;
    position: relative;
}

#page_detail-texte h1:after,
#page_detail-texte h2:after,
#page_detail-texte h3:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 3px;
    width: 100%;
    left: 0;
    background: url('../images/point-vert.png');
}

#page_detail-texte p {
    color: #666;
    line-height: 20px;
    margin-left: 20px;
}

.navNode a {
    position: fixed;
    right: 0;
    top: 45%;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.5);
    z-index: 50
}

.navNode a .content {
    position: relative;
    left: 100px;
    height: 100px;
    background: #fff;
    width: 280px;
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.5);
    display: none;
}

.navNode a.next .content {
    right: 280px;
    left: auto;
}

.navNode .content > div {
    display: table-cell;
    vertical-align: top;
    padding: 9px;
}

.navNode .content img {
    width: 80px;
}

.navNode .content .visuel {
    width: 80px;
    line-height: 0px;
}

.navNode .content span {
    border-bottom: 1px solid #d3d0c3;
    display: block;
    text-transform: uppercase;
    padding: 5px 0;
    margin: 0 5px;
}

.navNode .content .text div {
    margin: 0 5px;
    padding-top: 5px;
    line-height: 1.3em;
}

.navNode a.next {
    background: url('../images/nextNode.png') center center no-repeat #8cc63e;
    text-decoration: none;
}

.navNode a.prev {
    background: url('../images/prevNode.png') center center no-repeat #8cc63e;
    left: 0;
    right: initial;
    text-decoration: none;
}

.navNode a.next:hover {
    background: url('../images/nextNodeOn.png') center center no-repeat #096029;
}

.navNode a.prev:hover {
    background: url('../images/prevNodeOn.png') center center no-repeat #096029;
    left: 0;
    right: initial;
}

.navNode a:hover .content {
    display: table;
}

/* -------------------------------------------
PAGE DETAIL - SPECIFIQUE
------------------------------------------  */
#mouton-recette {
    background: url('../images/mouton-recette-detail.png') right bottom no-repeat;
    position: absolute;
    width: 360px;
    height: 360px;
    right: -80px;
    bottom: -50px;
    background-size: 80%;
}

#full_node_magasin {
    padding-bottom: 50px;
}

#full_node_magasin > header {
    margin-bottom: 40px;
}

#full_node_magasin .greenboard h2 {
    font: 1.7em 'appleberryregular';
    display: inline-block;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}

#full_node_magasin .greenboard .lst {
    padding: 30px 0 30px 90px;
}

#full_node_magasin .greenboard .zone li p {
    margin: 0;
    padding: 0;
    font-size: 1.14em;
    line-height: 1.4em;
}

#full_node_magasin .greenboard .zone ul {
    padding: 0;
    margin: 0;
    display: block;
}

#full_node_magasin .greenboard .zone li {
    margin: 0;
    display: block;
    text-align: left;
    padding: 0 20px;
}

#full_node_magasin .greenboard .horaires {
    background: url('../images/ico-magasin-horaires.png') center left no-repeat;
}

#full_node_magasin .greenboard .adresse {
    background: url('../images/ico-magasin-location.png') center left no-repeat;
}

#full_node_magasin .greenboard .adresse a:last-child {
    margin-top: 10px;
}

#full_node_magasin .greenboard .adresse .linkVertClair {
    font-size: 1em;
    margin-top: 20px;
}

#full_node_magasin .greenboard .contact {
    background: url('../images/ico-magasin-contact.png') center left no-repeat;
}

/* -------------------------------------------
BLOC - PUSH - BIO C QUOI
------------------------------------------  */

#block-bio-block-bio-block-bio-c-quoi-footer .bigPush {
    display: inline-block;
    text-align: left;
    margin-left: 80px;
    margin-top: 10px;
}

#block-bio-block-bio-block-bio-c-quoi-footer .bigPush p {
    font-family: 'appleberryregular';
    margin: 0 0 15px 0;
    line-height: 1.3em;
    padding: 0 0 15px;
    display: block;
}

#block-bio-block-bio-block-bio-c-quoi-footer {
    background: url('../images/pushFooter.png') center center no-repeat;
    height: 200px;
    padding: 25px 0;
    text-align: center;
}

/* -------------------------------------------
BLOC - PUSH - UP PAGE
------------------------------------------  */
#block-bio-block-bio-block-up-page {
    line-height: 0px;
    text-align: right;
}

#upPage {
    background: url('../images/upPage.png') center center no-repeat;
    display: inline-block;
    margin-right: 45px;
    height: 54px;
    width: 100px;
}

.i18n-it #upPage {
    background: url('../images/upPage_it.png') center center no-repeat;
}

.i18n-es #upPage {
    background: url('../images/upPage_es.png') center center no-repeat;
}

/* -------------------------------------------
INFINI SCROOL
------------------------------------------  */
#views_infinite_scroll-ajax-loader img {
    display: none;
}

#views_infinite_scroll-ajax-loader {
    background: url('../images/Loader_progressive-download.gif') no-repeat center center;
    height: 60px;
}

/* -------------------------------------------
BLOC - PARTAGE D'ARTICLE
------------------------------------------  */
#sharing {
    position: absolute;
    right: -10px;
    top: -33px;
    z-index: 5;
}

#sharing table {
    background: #e8e8e8;
}

#sharing table td {
    padding: 0;
}

#sharing tr:first-child {
    border-bottom: 1px solid #dbdbdb
}

#sharing tr td:first-child {
    border-right: 1px solid #dbdbdb
}

#sharing a {
    width: 50px;
    height: 50px;
    display: block;
    background: url('../images/sprit-partage.png');
}

#sharing a span {
    display: none;
}

#sharing a.pictoFacebook {
    background-position: 0 0;
}

#sharing a.pictoGoogle {
    background-position: 0 -50px;
}

#sharing a.pictoTwitter {
    background-position: 0 -100px;
}

#sharing a.pictoMail {
    background-position: 0 -150px;
}

#sharing a.pictoPrint {
    background-position: 0 -192px;
}

#sharing:before {
    position: absolute;
    content: "";
    display: block;
    border: 5px solid transparent;
    border-bottom-color: #a7a7a7;
    z-index: 4;
    top: 13px;
    border-right: 0;
    left: -5px;
}

/* -------------------------------------------
BLOC PROMO HOME PAGE
------------------------------------------  */
#whitezone {
    padding: 35px 25px;
    background: #fff;
    box-shadow: 0px -25px 40px -40px rgba(0, 0, 0, 0.9);
    margin-top: 30px;
}

#whitezone .content {
    display: table;
}

#whitezone .content .region {
    display: table-row;
}

#whitezone .content .block {
    display: table-cell;
    padding: 0 9px;
    width: 483px;
    position: relative;
    vertical-align: top;
}

#whitezone .content .block img {
    width: 466px !important;
    line-height: 0;
}

#whitezone .block h2 {
    background: #096029;
    color: #fff;
    font-weight: lighter;
    font-size: 18px;
    padding: 7px 20px;
    position: relative;
}

#whitezone .item {
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
    height: 369px;
}

#whitezone .item .content {
    border: 1px solid #ccc;
    border-top: 0px none;
    background: #fff;
    padding: 10px 10px 8px 10px;
    position: absolute;
    bottom: 33px;
    width: 100%;
    box-sizing: border-box
}

#whitezone .item .content a.title {
    font-family: 'appleberryregular';
    font-size: 24px;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
    line-height: 1.1;
}

#whitezone .item.recettes .extendContent {
    font-size: 14px;
    line-height: 16px;
}

#whitezone .linkHomeType {
    display: block;
    height: 24px;
    position: absolute;
    bottom: 0px;
    width: 90%;
    padding: 9px 5% 0 5%;
    background: #ccc;
    color: #646464;
    text-align: right;
    text-decoration: none;
}

#whitezone .linkHomeType em {
    border: 5px solid transparent;
    border-left-color: #646464;
    display: inline-block;
    height: 0;
    width: 0;
}

#block-recettes-et-conseils-push-recettes h2:before {
    content: "";
    position: absolute;
    background: url('../images/picto-promo-recette.png') no-repeat center center;
    width: 50px;
    height: 70px;
    padding-left: 10px;
    top: -30px;
    right: 20px;
}

#block-recettes-et-conseils-push-conseils h2:before {
    content: "";
    position: absolute;
    background: url('../images/picto-promo-bulle.png') no-repeat center center;
    width: 94px;
    height: 59px;
    padding-left: 10px;
    top: -30px;
    right: 20px;
}

#block-bio-calendrier-push-calendrier-home h2:before {
    content: "";
    position: absolute;
    background: url('../images/picto-promo-calendrier.png') no-repeat center center;
    width: 58px;
    height: 67px;
    padding-left: 10px;
    top: -30px;
    right: 20px;
}

/* -------------------------------------------
BLOC CALENDRIER
------------------------------------------  */
#calendrier {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#calendrier .image {
    text-align: right;
}

#calendrier .text {
    padding: 40px 20% 20px 20px;
}

#calendrier .text .txColorGrisFoncer {
    line-height: 1.4em
}

#calendrier .text h2, #calendrier .text h3 {
    font-family: 'appleberryregular';
    margin: 0;
    line-height: 1em;
    font-weight: normal;
}

#calendrier .text h3 {
    margin: 0;
    padding-bottom: 10px;
    display: inline-block
}

#calendrier .image, #calendrier .text {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box
}

/* -------------------------------------------
BLOC LISTE ACTUALITE MAGASIN
------------------------------------------  */
.itemActuMag {
    width: 75%;
    margin: auto;
    text-align: left;
    padding-bottom: 20px;
}

.itemActuMag header {
    text-align: left;
    border-bottom: 1px dotted #8cc63e;
    display: inline-block;
    margin: 0 0 15px 0;
}

.itemActuMag header h3 {
    padding: 0;
    display: inline-block;
    font-size: 2em;
}

.itemActuMag header span {
    font: 1.4em 'appleberryregular';
    color: #8cc63e;
    padding-left: 15px;
}

.itemActuMag .zonetext {
    display: table;
}

.itemActuMag .image {
    width: 100px;
    padding: 0 20px;
}

.itemActuMag .image, #lst_actualiter .text {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3em;
}

.itemActuMag .text p {
    margin: 0;
}

/* -------------------------------------------
LISTE SERVICE MAGASIN
------------------------------------------  */
#serviceMagasin h3 {
    background: #096029;
    box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.5);
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
    margin: -35px 0 0 0;
    position: relative;
}

#serviceMagasin h3:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #096029;
    bottom: -20px;
    margin-left: -10px;
    left: 50%
}

#serviceMagasin .descService {
    width: 470px;
    padding: 55px 0 55px 300px;
    margin: 50px auto;
    line-height: 1.4em;
    color: #666;
    background: url('../images/serviceMagasin.png') center left no-repeat;
    font-size: 1.14em;
}

#serviceMagasin .descService .linkVertClair {
    font-size: 1em;
    margin-top: 20px;
}

#serviceMagasin ul {
    width: 1045px;
    margin: auto;
}

#serviceMagasin .item {
    width: 500px;
    padding: 0;
    margin: 0;
    background: #fff;
    box-sizing: border-box;
    margin: 10px;
    display: inline-block;
    box-shadow: 0px 25px 40px -40px rgba(0, 0, 0, 0.9);
    text-align: left;
    position: relative;
}

#serviceMagasin .item > div {
    display: table;
    height: 240px;
}

#serviceMagasin .item > div > div {
    display: table-cell;
}

#serviceMagasin .item div.image {
    vertical-align: middle;
    width: 140px;
    padding-left: 35px;
}

#serviceMagasin .item div.text {
    vertical-align: top;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 35px;
}

#serviceMagasin .item div.text .linkVertClair {
    margin-top: 10px;
}

#serviceMagasin .item div.text strong {
    font: 20px 'appleberryregular';
    color: #096029;
    border-bottom: 1px dotted #8cc63e;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: block;
}

#serviceMagasin .item div.text p {
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 14px;
}

#serviceMagasin .item .ico-carte {
    width: 59px;
    height: 55px;
    background: url('../images/ico-carte.png') center center no-repeat;
    position: absolute;
    right: 0;
    top: -5px;
}

#serviceMagasin .link {
    margin-top: 10px;
    font-size: 13px;
    margin-bottom: 20px;
}

/* -------------------------------------------
MAGASINS - GOOGLE MAP
------------------------------------------  */
.map-magasins {
    margin: 25px;
}

.map-controls {
    width: 100%;
    height: 35px;
    background-image: url('../images/fond-magasin-map-control.png');
    padding: 10px 0px;
    background-size: cover;
    box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.5);
    z-index: 1;
    position: relative;
}

.map-controls:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    border: 5px solid transparent;
    border-top-color: #085625;
    margin-left: -5px;
    border-left-color: #095d29;
    transform: rotate(225deg)
}

.map-controls > div {
    width: 49.5%;
    display: inline-block;
    text-align: center;
    height: 35px;
}
.map-controls-left { position: relative; }
#search-warning { position: absolute; top: 20px; right: 0; z-index: 10; display: none; }

.map-autocomplete-text {
    font-weight: 300;
    font-size: 1.3em;
    color: #fff;
}

.map-autocomplete-btn {
    padding: 8px 25px 8px 9px;
    background: url('../images/search_alpha.png') #8dc641 no-repeat center center;
    display: inline;
    cursor: pointer;
    margin-left: -1px;
}

input.map-autocomplete {
    margin-left: 20px;
    background: #fff;
    width: 200px;
    height: 35px;
}

.front input.map-autocomplete {
    background: none repeat scroll 0 0 #e8e8e8;
}

.autocomplete-front input {
    margin-top: 20px;
    margin-left: 0;
}

.map-geo-btn {
    padding: 9px 15px 9px 40px;
    margin-left: 20px;
    background: url('../images/magasin-geo-btn.png') #fff 10px center no-repeat;
    cursor: pointer;
    color: #666;
    text-transform: uppercase
}

.map-canvas {
    width: 100%;
    height: 240px;
}

.map-canvas.active {
    height: 480px;
    transition: all 1s ease;
}

.infowindow-content {
    width: 280px;
    height: 100px;
    padding: 10px;
}

.infowindow-content .infowindow-title {
    font: 1.4em 'appleberryregular';
    border-bottom: 1px dotted #8cc63e;
    color: #096029;
    margin-bottom: 10px;
}

.infowindow-content .infowindow-cta {
    background: #8cc63e url('../images/ico-magasin-map-cta.png') 10px center no-repeat;
    padding: 10px 10px 10px 23px;
    text-transform: uppercase;
    color: #096029;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
    max-width: none;
}

/*Bug sur le close button */
/*
#carouselMagasin { position: relative; }
#carouselMagasinMobile { display: none; }
*/

#carouselMagasin { background: #ccc; }
#carouselMagasin.multipleImage .slick-list { margin: 15px 0 10px; }

.slider-nav .slick-track .slick-slide { padding: 0 6px; outline: 0; cursor: pointer; }
.slider-nav .slick-track .slick-slide img { border: 3px solid transparent; }
.slider-nav .slick-track .slick-slide.slick-current img { border: 3px solid #8dc83c; }

#imagePrincipal .slick-list.draggable { margin-top: 0px; }
#imagePrincipal .slick-track .slick-slide { padding: 0px; }
#imagePrincipal .slick-track .slick-slide img { border: 0px none; }

.slick-slider.slick-dotted { width: 450px; margin: auto; }

.slick-dots { margin: 0; padding: 0px 0px 15px 0; text-align: center; display: none !important; }
.slick-dots ul,
.slick-dots li { display: inline-block; list-style: none; }
.slick-dots li button { background: #fff; border:0px none; border-radius: 3px; width: 6px; height: 6px; display: block; margin: 0 6px; font-size: 0px; color: transparent; padding: 0; }
.slick-dots li.slick-active button { background: #8dc83c; }


.slick-prev.slick-arrow  { display: block; position: absolute; left: -27px; top: 26px; width: 16px; height: 28px; background: url(../images/controlSlideCTAPrev.png); cursor: pointer; border:0px none; color: transparent; font-size: 0px; outline: 0; }
.slick-next.slick-arrow { display: block; position: absolute; right: -27px; top: 26px; width: 16px; height: 28px; background: url(../images/controlSlideCTANext.png); cursor: pointer; border:0px none; color: transparent; font-size: 0px; outline: 0; }

.indexImage {
    position: absolute;
    overflow: hidden;
    background: #ccc;
    width: 550px;
    height: 80px;
    bottom: 0;
    margin-top: -80px;
}

.indexImage .contentSlide { width: 10000px; position: absolute; left: 0px; top: 0; height: 80px; transition: 1s all ease }

.indexImage ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 550px;
    text-align: center;
}


.indexImage ul li {
    display: inline-block;
    width: 50px;
    cursor: pointer;
    margin: 15px 7px 15px 6px;
    padding: 0;
    background: #8cc63e;
    position: relative
}

.indexImage ul li.activ img {
    margin: 3px;
    width: 44px;
}

.indexImage ul li.activ:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    border: 7px solid transparent;
    border-top-color: #8cc63e;
    margin-left: -5px;
    border-left-color: #8cc63e;
    transform: rotate(45deg)
}

.indexImage ul li img:hover {
    margin: 3px;
    width: 44px;
}

.view-grille-magasin .views-row {
    display: inline-block;
}

.view-grille-magasin {
    text-align: left;
}

.view-grille-magasin h2 {
    font-family: "appleberryregular";
    font-weight: normal;
    color: #096029;
    position: relative;
    display: block;
    margin-bottom: 0px;
    font-size: 20px;
}

/* -------------------------------------------
LISTE SERVICE MAGASIN
------------------------------------------  */

#nosValeurs header p {
    margin-bottom: 0;
    line-height: 1.4em;
}

#rejoignezNous {
    padding-bottom: 40px;
}

#listePostes .blockPush {
    margin-bottom: -50px;
}

.itemValeur .ancre {
    position: relative;
    top: -100px;
    z-index: 2000;
    display: block;
}

.itemRecrutement, .itemValeur {
    padding: 40px 0 70px 0;
    margin: auto;
    width: 920px;
}

.itemRecrutement header h1, .itemValeur header h1 {
    font: 2em 'appleberryregular';
    display: inline-block;
    margin-bottom: 0px;
}

.itemRecrutement .text, .itemValeur .text {
    color: #666;
    padding: 0 10px;
    line-height: 1.3em;
}

.itemRecrutement footer {
    padding-top: 20px;
    display: table;
    width: 100%;
}

.itemRecrutement footer > div {
    display: table-cell;
    width: 50%;
}

.itemRecrutement footer > div.lastLink {
    text-align: right;
}

.itemRecrutement footer .lastLink a {
    padding-right: 10px;
    margin-left: 20px;
}

.itemRecrutement .temoignage {
    display: none;
}

.puce.btnMobile {
    display: none
}

.temoignage {
    position: relative;
    background: #096029;
}

.temoignage > div {
    display: table;
    width: 100%;
}

.temoignage > div > div {
    display: table-cell;
}

.temoignage > div > div.image {
    width: 300px;
    vertical-align: top;
    line-height: 0;
    height: 530px;
}

.temoignage > div > div.text {
    vertical-align: middle;
    color: #fff;
    padding: 0 70px;
    background: url('../images/guillemet_1.png') center center no-repeat;
}

.temoignage div.text b {
    display: block;
    color: #8cc63e;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #47885f;
    text-align: center;
}
.temoignage div.text b span {
    display: block;
    font-weight: normal;
    padding-top: 5px;
}

#recrutementLinkedIn {
    background: url('../images/bg_linkedin.png') no-repeat left center;
    padding: 40px 0 40px 140px;
    width: 320px;
    margin: auto;
}

#recrutementLinkedIn a {
    display: block;
    text-align: left;
    text-decoration: none;
    font-weight: 500
}

#recrutementLinkedIn span {
    display: block;
    text-transform: uppercase;
    position: relative;
}

#recrutementLinkedIn span:before {
    content: "";
    border: 5px solid transparent;
    border-left-color: #06c;
    display: block;
    position: absolute;
    left: -10px;
    top: 4px;
}

#tableauPushValeurs h3 > div {
    line-height: 28px;
}

#tableauPushValeurs .tblItem {
    display: table;
    width: 100%
}

#tableauPushValeurs .itemTableauPushValeurs {
    display: table-cell;
    vertical-align: top;
}

.panneauValeurs {
    color: #fff;
    background: url('../images/tableau-valeur.png') no-repeat center center;
    width: 410px;
    height: 475px;
    padding: 60px 60px 0 60px;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.panneauValeurs h3 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 24px;
    color: #8cc63e;
    height: 84px;
}

.panneauValeurs p {
    text-align: left;
    line-height: 1.3em;
    height: 108px;
}

#postulerRecrutementForm {
    margin: 180px auto 80px auto;
}

#postulerRecrutementForm.bio_c_bon_form .visuel {
    width: 411px;
    height: 160px;
    background: url('../images/mouton_bienvenue.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -120px;
}

#bio-message {
    position: relative;
}

#bio-message textarea {
    margin-top: 62px;
}

#messageDisponibiliter {
    position: absolute;
    top: 0;
    right: 0;
    width: 330px;
    padding: 15px;
    background: #ccc;
    color: #6d6d6d;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
}

#messageDisponibiliter:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 50%;
    margin-right: -10px;
    border: 10px solid transparent;
    border-top-color: #ccc;
}

.bio_c_bon_form {
  width: 900px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 80px 80px 15px;
  box-sizing: border-box;
  position: relative;
}

#easiware-form.bio_c_bon_form {
  width: 900px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  padding: 80px;
  box-sizing: border-box;
  position: relative;
  margin-top: -94px;
  z-index: 1;
  background: white;
  padding-top: 0;
  margin-bottom: 80px;
}

.bio_c_bon_form .elementPrincipal .item-cell > label {
    font-size: 1.6em;
}

.bio_c_bon_form .elementPrincipal .item-cell {
    vertical-align: middle;
}

.bio_c_bon_form .item-form,
#easiformarea div[id^="easi_fielddiv_"] {
    display: table;
    margin: 0 0 5px 0;
    width: 100%;
}

.bio_c_bon_form .item-cell,
#easiformarea div[id^="easi_fielddiv_"] span {
    display: table-cell;
    vertical-align: top;
}

.bio_c_bon_form .item-cell:first-child + .item-cell,
#easiformarea .item-cell {
  width: 100%;
}

/*#easiformarea div[id^="easi_fielddiv_"] span + span::before {
  content:"";
  width: 100%;
}*/
.bio_c_bon_form .item-cell .line,
#easiformarea div[id^="easi_fielddiv_"] span.line {
  background: url('../images/border-pixel.png') repeat-x bottom;
  margin: 0 15px -2px 20px;
  height: 20px;
  display: block;
}

#easiformarea div[id^="easi_fielddiv_"] span + span { text-align: right; }


.bio_c_bon_form .item-cell > label,
#easiformarea label {
  font-family: 'appleberryregular';
  position: relative;
  font-size: 1.14em;
  line-height: 25px;
  white-space: nowrap;
}

.bio_c_bon_form .item-cell label span.form-required,
#easiformarea label span.form-required {
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 0.4em;
    font-weight: normal;
    color: #096029;
}

.bio_c_bon_form .item-form input, .bio_c_bon_form .item-form select, .bio_c_bon_form .item-form textarea,
#easiformarea input, #easiformarea select, #easiformarea textarea{
    width: 360px;
    padding: 10px;
    background: #e8e8e8;
    border: 0 none;
    resize: none;
}

.bio_c_bon_form .item-form .form-link {
    width: 360px;
    display: block;
    text-align: left;
    text-decoration: none
}

.bio_c_bon_form .elementPrincipal {
    margin-bottom: 40px;
}

.bio_c_bon_form .elementPrincipal select {
    background: #ccc;
    color: #666;
    font-weight: bold;
}

.bio_c_bon_form .elementPrincipal .line {
    height: 27px;
}

.bio_c_bon_form .form-submit,
#easiformarea #validatebutton {
    text-align: center;
    width: 360px;
    color: #096029;
    border: 0 none;
    background: url(../images/ico-puce-vert-clair.png) no-repeat 10px center #8dc641;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
#easiformarea #validatebutton { float: right; }


.bio_c_bon_form .poseBtn {
    display: table;
    width: 100%;
    margin-top: 2em;
}

.bio_c_bon_form .poseBtn em,
.mandatoryfieldmention {
  font-style: normal;
  color: #ccc;
  font-size: 0.9em
}

.bio_c_bon_form .poseBtn > div {
    display: table-cell;
    text-align: right;
}

.bio_c_bon_form .poseBtn > div:first-child {
    text-align: left;
}

.bio_c_bon_form .captcha > div {
  display: inline-block;
  margin-bottom: 1em;
}

#bio-magasins-replace .line {
    background: none;
}

#bio-categorie-replace label {
    width: 230px;
}

/*#postulerRecrutementForm .form-submit.ajax-processed { display: none; }*/

.bio_c_bon_form .item-form.error {
    background: none;
    position: relative;
}

.bio_c_bon_form .item-form.error input, .bio_c_bon_form .item-form.error select, .bio_c_bon_form .item-form.error textarea {
    border: #f00 1px solid;
    padding: 9px;;
}

.bio_c_bon_form .item-form.error:before {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    right: -15px;
    top: 13px;
    background: url('../images/error-from.png') center center no-repeat;
}

.bio_c_bon_form .form-managed-file {
    background: #e8e8e8;
}

.bio_c_bon_form .form-managed-file .file {
    padding: 10px;
    font-weight: bold;
    display: block;
}

.bio_c_bon_form .form-managed-file .file a {
    text-decoration: none;
    color: #666
}

.bio_c_bon_form .form-radios {
    display: inline-block;
    width: 360px;
    text-align: left;
    vertical-align: middle;
}

.bio_c_bon_form .form-type-radio {
    width: auto;
    display: inline-block;
    margin-right: 15px;
}

.bio_c_bon_form .form-type-radio label.option {
    line-height: 36px;
}

.bio_c_bon_form .form-type-radio input {
    width: auto;
    margin-right: 5px
}

.bio_c_bon_form .container-inline-date .date-padding {
    width: 360px;
    padding: 0px;
    text-align: left;
}

.bio_c_bon_form .container-inline-date .date-padding > div {
    display: inline-block
}

.bio_c_bon_form .date-day, .bio_c_bon_form .date-month, .bio_c_bon_form .date-year {
    display: inline-block;
}

.bio_c_bon_form .date-day select {
    width: 60px;
}

.bio_c_bon_form .date-month select {
    width: 117px;
}

.bio_c_bon_form .date-year select {
    width: 77px;
}

.bio_c_bon_form .form-item-bio-newsletter, .bio_c_bon_form .form-item-bio-cgu {
    text-align: left;
    font-size: 12px;
    display: table;
    margin: 8px 0
}

.bio_c_bon_form .form-item-bio-newsletter {
    margin-top: 20px;
}

.bio_c_bon_form .form-item-bio-newsletter .option, .bio_c_bon_form .form-item-bio-cgu .option {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    color: #333
}

.bio_c_bon_form .form-item-bio-newsletter .option, .bio_c_bon_form .form-item-bio-cgu .option a {
    color: #333
}

.bio_c_bon_form .form-item-bio-newsletter input, .bio_c_bon_form .form-item-bio-cgu input {
    height: 14px;
    width: 14px;
    display: table-cell
}

.container-inline-date .form-item input, .container-inline-date .form-item select, .container-inline-date .form-item option {
    margin: 0
}

#edit-bio-code-postal, #edit-bio-ville, #edit-bio-nom-voie, #edit-bio-numero-voie {
    text-transform: uppercase
}

#update-carte-fidelite-form .pro-item {
    display: none;
}

#update-carte-fidelite-form .par, #update-carte-fidelite-form .pro {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    height: 34px;
    width: 50%;
    line-height: 2.4em;
    position: relative;
    border: 1px solid #8cc63e;
    box-sizing: border-box;
    margin-bottom: 40px;
}

#update-carte-fidelite-form .par.active:after, #update-carte-fidelite-form .pro.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    border: 5px solid transparent;
    border-top-color: #8cc63e;
    margin-left: -5px;
    border-left-color: #8cc63e;
    transform: rotate(225deg)
}

#userStatusForm.bio_c_bon_form .item-form input {
    background-color: #8cc63e;
    color: #fff;
    font-weight: bold;
}

#dashboard .headerPage {
    width: 1120px
}

#dashboard .dashboardBlock {
    width: 535px;
    height: 235px;
    display: inline-block;
    margin-bottom: 20px;
}

#dashboard .dashboardBlock:hover {
    border: 5px solid #096029;
    box-sizing: border-box;
}

#dashboard .dashboardBlock:hover > div {
    zoom: 90%;
    -ms-zoom: 0.9;
    -webkit-zoom: 0.9;
    -moz-transform: scale(0.9);
}

#dashboard .dashboardBlock > div {
    display: table;
    width: 100%;
    height: 100%;
}

#dashboard .dashboardBlock.first {
    margin-right: 38px;
}

#dashboard .dashboardTitle {
    font-family: 'appleberryregular';
    font-weight: normal;
    padding-bottom: 15px;
    border-bottom: 1px solid white;
    margin-bottom: 15px;
    line-height: 1em;
}

#dashboard .dashboardTableItem {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#dashboard .dashboardBlock > div > .dashboardTableItem:last-child {
    padding-right: 35px;
}

#dashboard .dashboardBlock .txColorBlanc {
    line-height: 20px;
}

#dashboard .dashboardBlock.first > div > .dashboardTableItem:first-child {
    background: url('../images/dashboard-tableau.png') no-repeat center center;
    width: 200px;
}

#dashboard .dashboardBlock > div > .dashboardTableItem:first-child {
    background: url('../images/dashboard-carte.png') no-repeat center center;
    width: 200px;
}

.rendez-vous-naturo {
    line-height: 1.6em;
    width: 900px;
    margin: 80px auto 0 auto;
    width: 710px;
}

.rendez-vous-naturo-table > div {
    display: table-cell;
    vertical-align: top;
}

.rendez-vous-naturo-table > div:first-child {
    width: 200px
}

.rendez-vous-naturo-table > div:first-child .rendez-vous-naturo-item {
    height: 142px;
    width: 100%;
    background: url('../images/rendez-vous-naturo.png') center center no-repeat
}

.rendez-vous-naturo .title {
    font-family: 'appleberryregular';
    line-height: 1em;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.rendez-vous-naturo-button {
    width: 200px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top: 20px;
}

.rendez-vous-naturo-button a {
    text-decoration: none;
    text-transform: uppercase;
    background: url('../images/ico-puce-vert-clair.png') left center no-repeat;
    padding-left: 15px;
}

#bio_c_bon_content {
    width: 900px;
    margin: auto;
    color: #666;
    position: relative;
    line-height: 20px
}

#bio_c_bon_content h3 {
    font: 20px 'appleberryregular';
    display: inline-block;
    padding: 5px 20px;
    background: #8cc63e;
    position: relative;
    left: -20px;
    color: #fff;
    margin-bottom: 0;
}

#bio_c_bon_content h3 span {
    color: #096029;
}

#bio_c_bon_content h3:before {
    content: "";
    position: absolute;
    display: block;
    width: 111px;
    height: 74px;
    background: url('../images/bio_c_bon_icone_titre.png');
    left: -99px;
    top: 22px;
}

#bio_c_bon_content .text strong {
    position: relative;
}

#bio_c_bon_content .text strong:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    background: #8cc63e;
    top: 8px;
    left: -10px;
}

#bio_c_bon_panneau {
    height: 416px;
    width: 700px;
    background: url('../images/panneau_accessible.png') no-repeat;
    position: relative;
    margin: 50px auto 30px auto;
    left: 80px;
    background-size: 100% auto;
}

#bio_c_bon_panneau > div.content {
    position: relative;
    color: #fff;
    width: 420px;
    top: 20px;
    left: 20px;
    text-align: center;
    padding: 0 40px
}

#bio_c_bon_panneau > div.content > h2 {
    display: inline-block;
    font-family: 'appleberryregular';
    margin: 10px 0px 20px 0px;
    line-height: 2em;
    font-weight: normal;
}

#bio_c_bon_panneau > div.content > em {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

#bio_c_bon_panneau > div.content > div {
    text-align: left;
    margin-bottom: 10px;
}

#bio_c_bon_panneau > div.content > div > span {
    font-family: 'appleberryregular';
    margin-right: 10px;
}

/* -------------------------------------------
USER's PAGES
------------------------------------------  */

#userLoginForm.bio_c_bon_form {
    margin: 190px auto 0px auto;
}

#userLoginForm.bio_c_bon_form .visuel {
    width: 260px;
    height: 159px;
    background: url('../images/mouton_login.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -130px;
}

.bandeauGris {
    width: 900px;
    margin: 0 auto 80px auto;
    height: 50px;
    line-height: 50px
}

.bandeauGris a {
    text-decoration: none;
    margin-left: 10px;
}

#userPassForm.bio_c_bon_form {
    margin: 190px auto 80px auto;
}

#userPassForm.bio_c_bon_form .visuel {
    width: 325px;
    height: 159px;
    background: url('../images/mouton_password.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -162px;
}

#userRegisterForm.bio_c_bon_form {
    margin: 250px auto 0px auto;
}

#userRegisterForm.bio_c_bon_form .visuel {
    width: 260px;
    height: 159px;
    background: url('../images/mouton_register.png') center center;
    position: absolute;
    display: block;
    top: -209px;
    left: 50%;
    margin-left: -130px;
}

#newsletterconfirm.bio_c_bon_form {
    margin: 200px auto 80px auto;
    padding: 70px;
}

#newsletterconfirm.bio_c_bon_form .visuel {
    width: 260px;
    height: 159px;
    background: url('../images/mouton_register.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -130px;
}

#newsletterconfirm .picto_validation {
    background: url('../images/picto_validation-compte.png') center left no-repeat;
    font-family: 'appleberryregular';
    padding-left: 40px;
    display: inline-block;
    line-height: 34px
}

#userRegisterForm .picto_validation {
    background: url('../images/picto_validation-compte.png') center left no-repeat;
    font-family: 'appleberryregular';
    padding-left: 40px;
    display: inline-block;
    line-height: 34px
}

#update-carte-fidelite-form.bio_c_bon_form {
    margin: 190px auto 80px auto;
}

#update-carte-fidelite-form.bio_c_bon_form .visuel {
    width: 295px;
    height: 201px;
    background: url('../images/mouton_info.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -147px;
}

.page-carte-fidelite-status .headerPage header div {
    margin-top: 20px;
}

#userStatusForm.bio_c_bon_form {
    margin: 190px auto 80px auto;
    padding: 80px 0px
}

#userStatusForm.bio_c_bon_form .item-form, #userStatusForm.bio_c_bon_form .solde-magasin-title {
    padding: 0px 80px;
    width: auto
}

#userStatusForm.bio_c_bon_form .visuel {
    width: 281px;
    height: 214px;
    background: url('../images/mouton_status.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -140px;
}

#userRegisterForm.bio_c_bon_form .registration_step_container {
    width: 900px;
    margin-left: -80px;
    position: relative;
    margin-top: -140px;
    position: absolute;
    display: table;
}

#userRegisterForm.bio_c_bon_form .registration_step {
    padding-left: 20px;
    width: 300px;
    display: table-cell;
    height: 60px;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
}

#userRegisterForm.bio_c_bon_form .registration_step span {
    position: relative;
}

#userRegisterForm.bio_c_bon_form .spam-warning {
    text-align: left;
    color: red;
    font-style: italic;
    margin-top: 30px;
    font-size: 14px;
    font-weight: bold;
}

#user-register-form .registration_step_1:after {
    content: "";
    background: url('../images/registration_step_green_grey.png') center center no-repeat;
    width: 16px;
    height: 60px;
    position: absolute;
    right: -8px;
    z-index: 1;
    top: 0px;
}

#user-register-form .registration_step_2:after {
    content: "";
    background: url('../images/registration_step_grey.png') center center no-repeat;
    width: 16px;
    height: 60px;
    position: absolute;
    right: -8px;
    z-index: 1;
    top: 0px;
}

#register-carte-fidelite-form .registration_step_1:after {
    content: "";
    background: url('../images/registration_step_green.png') center center no-repeat;
    width: 16px;
    height: 60px;
    position: absolute;
    right: -8px;
    z-index: 1;
    top: 0px;
}

#register-carte-fidelite-form .registration_step_2:after {
    content: "";
    background: url('../images/registration_step_green_grey.png') center center no-repeat;
    width: 16px;
    height: 60px;
    position: absolute;
    right: -8px;
    z-index: 1;
    top: 0px;
}

#userLostForm.bio_c_bon_form {
    margin: 190px auto 80px auto;
}

#userLostForm.bio_c_bon_form .visuel {
    width: 325px;
    height: 159px;
    background: url('../images/mouton_lost.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -162px;
}

#userLostPage .lost-box {
    width: 900px;
    height: 200px;
    margin: 20px auto 80px auto;
    position: relative;
}

#userLostPage .lost-box .lost-mouton {
    width: 273px;
    height: 160px;
    background: url('../images/mouton_standardiste.png') center center no-repeat;
    position: absolute;
    bottom: -11px;
    left: 160px;
}

#userLostPage .lost-box .lost-description {
    margin-left: 50%;
    padding: 50px 0px 0px 30px;
    width: 290px;
    text-align: left
}

#update-carte-fidelite-form .registration_step_1:after, #update-carte-fidelite-form .registration_step_2:after {
    content: "";
    background: url('../images/registration_step_green.png') center center no-repeat;
    width: 16px;
    height: 60px;
    position: absolute;
    right: -8px;
    z-index: 1;
    top: 0px;
}

#user-register-form .registration_step_1 span:before, #register-carte-fidelite-form .registration_step_1 span:before, #update-carte-fidelite-form .registration_step_1 span:before {
    content: "1";
    display: block;
    position: absolute;
    left: -20px;
    color: #f9ea1d;
    font-weight: bold;
    font-size: 2em;
    top: -1px;
}

#register-carte-fidelite-form .registration_step_2 span:before, #update-carte-fidelite-form .registration_step_2 span:before {
    content: "2";
    display: block;
    position: absolute;
    left: -20px;
    color: #f9ea1d;
    font-weight: bold;
    font-size: 2em;
    top: -1px;
}

#update-carte-fidelite-form .registration_step_3 span:before {
    content: "3";
    display: block;
    position: absolute;
    left: -20px;
    color: #f9ea1d;
    font-weight: bold;
    font-size: 2em;
    top: -1px;
}

#user-register-form .registration_step_2 span:before {
    content: "2";
    display: block;
    position: absolute;
    left: -20px;
    color: #666;
    font-weight: bold;
    font-size: 2em;
    top: -1px;
}

#user-register-form .registration_step_3 span:before, #register-carte-fidelite-form .registration_step_3 span:before {
    content: "3";
    display: block;
    position: absolute;
    left: -20px;
    color: #666;
    font-weight: bold;
    font-size: 2em;
    top: -1px;
}

.carte-fidelite-blocks {
    display: table;
    margin: 40px 0px 20px 0px;
}

.carte-fidelite-block {
    display: table-cell;
}

.carte-fidelite-block > div > div:first-child {
    width: 350px;
    height: 200px;
    margin-left: 22px;
    padding: 45px 65px 0px 50px;
}

.carte-fidelite-block > div > div:last-child {
    width: 465px;
    height: 35px;
    margin-left: 22px;
    text-align: center;
    line-height: 35px;
}

.carte-fidelite-block > div > div:last-child a {
    text-decoration: none;
    text-transform: uppercase;
    background: url('../images/ico-puce-vert-clair.png') left center no-repeat;
    padding-left: 15px;
}

.carte-fidelite-block > div > div:first-child > div:first-child {
    font-family: 'appleberryregular';
    font-weight: normal;
    line-height: 24px;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px
}

.carte-fidelite-block > div > div:first-child > div:last-child {
    margin-top: 15px;
    line-height: 20px
}

.carte-fidelite-block.activate-card > div > div:first-child {
    background: url('../images/bg-carte-fidelite-block-activate-card.png') top right no-repeat;
    background-size: cover;
}

.carte-fidelite-block.update-card > div > div:first-child {
    background: url('../images/bg-carte-fidelite-block-update-card.png') top right no-repeat;
    background-size: cover
}

.carte-fidelite-block.connect-card > div > div:first-child {
    background: url('../images/bg-carte-fidelite-block-connect-card.png') top right no-repeat;
    background-size: cover
}

.carte-fidelite-block.activate-card:hover > div > div:first-child {
    background: url('../images/bg-carte-fidelite-block-activate-card-hover.png') top right no-repeat;
    background-size: cover
}

.carte-fidelite-block.update-card:hover > div > div:first-child {
    background: url('../images/bg-carte-fidelite-block-update-card-hover.png') top right no-repeat;
    background-size: cover
}

.carte-fidelite-block.connect-card:hover > div > div:first-child {
    background: url('../images/bg-carte-fidelite-block-connect-card-hover.png') top right no-repeat;
    background-size: cover
}

.avantage-carte, .obtenir-carte {
    margin-top: 20px;
    line-height: 1.6em;
    width: 900px;
    margin: 30px auto 0 auto;
}

.avantage-carte-table, .obtenir-carte-table {
    display: table;
    width: 100%
}

.avantage-carte-table > div {
    display: table-cell;
    width: 33%;
}

.avantage-carte-item {
    padding: 160px 40px 0px 40px
}

.avantage-title {
    font-family: 'appleberryregular';
    font-weight: normal;
    padding-bottom: 10px;
}

.avantage-title:last-child {
    text-align: center;
    margin: 20px 0px 70px 0px;
}

.avantage-descriptif {
    margin-top: 15px;
}

.avantage-carte-1 {
    background: url('../images/avantage-carte-1.png') center 6px no-repeat;
}

.avantage-carte-2 {
    background: url('../images/avantage-carte-2.png') center top no-repeat;
}

.avantage-carte-3 {
    background: url('../images/avantage-carte-3.png') center top no-repeat;
}

aside.obtenir-carte {
    margin-top: 90px;
}

.obtenir-carte-table > div {
    display: table-cell;
    vertical-align: top;
}

.obtenir-carte-table > div:first-child {
    width: 300px
}

.obtenir-carte-table > div:first-child .obtenir-carte-item {
    height: 202px;
    width: 100%;
    background: url('../images/mouton-carte-fidelite-magasin.png') center center no-repeat
}

.obtenir-carte .title {
    font-family: 'appleberryregular';
    line-height: 1em;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.obtenir-carte-button {
    width: 465px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top: 20px;
}

.obtenir-carte-button a {
    text-decoration: none;
    text-transform: uppercase;
    background: url('../images/ico-puce-vert-clair.png') left center no-repeat;
    padding-left: 15px;
}

#edit-mimemail, #edit-locale, #edit-contact, #edit-timezone {
    display: none;
}

#status-carte-fidelite-form .solde-magasin-title {
    padding: 10px 0 10px 0;
}

#status-carte-fidelite-form .solde-magasin label {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    font-size: 1em;
}

#status-carte-fidelite-form .solde-magasin label:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    background: #8cc63e;
    top: 11px;
    left: -10px;
}

/* -------------------------------------------
TALBEAU LSITE NOS PRODUITS
------------------------------------------  */

#tableauTaxoProduits {
    width: 1350px;
    margin: auto;
    padding: 50px;
    margin-bottom: 30px;
}

#tableauTaxoProduits > table {
    width: 1150px;
    margin: auto;
}

#tableauTaxoProduits > table td {
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 10px;
}

#tableauTaxoProduits > table td:first-child {
    border: 0 none;
}

#tableauTaxoProduits span {
    padding-left: 10px;
    font-weight: normal;
    text-transform: uppercase;
}

#tableauTaxoProduits span.txColorJaune {
    font-size: 24px;
    font-weight: lighter;
    display: block;
}

#tableauTaxoProduits ul, #tableauTaxoProduits li {
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
}

#tableauTaxoProduits ul {
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
}

#tableauTaxoProduits a {
    text-transform: none;
    padding: 5px 5px 5px 30px;
    font-weight: normal;
}

#menu_site #tableauTaxoProduits {
    display: table;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

#menu_site #tableauTaxoProduits > table {
    display: table-cell;
    vertical-align: top;
    padding: 50px 20px;
}

#menu_site #tableauTaxoProduits > table > tbody {
    display: table;
    width: 100%;
}

#tableauTaxoProduits table#blockAppel {
    width: 362px;
    padding: 0;
}

#tableauTaxoProduits table#blockAppel tr {
    background-color: #05491e;
}

#tableauTaxoProduits table#blockAppel tr:last-child {
    background: url('../images/pushSousMenuOmbre.png') no-repeat center top #05491e;
}

#tableauTaxoProduits table#blockAppel a {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  padding: 63px 210px 65px 50px;
  margin: 0;
  display: block;
  width: 102px;
  text-decoration: none;
}

#tableauTaxoProduits table#blockAppel a span { padding: 10px 0; letter-spacing: inherit; display: inline-block; }

#tableauTaxoProduits #sousNavPanierSemaine, #tableauTaxoProduits #sousNavMarque {
    width: 100%;
}

#sousNavPanierSemaine {
    background: url('../images/sousMenuPanier.png') no-repeat 200px center;
}

#sousNavMarque {
    background: url('../images/sousMenuMarque.png') no-repeat 215px 20px
}

#tableauTaxoProduits > table#blockAppel td {
    padding: 0;
}

#tableauTaxoProduits > table#blockAppel td:hover {
    background-color: #8cc63e;
}

/* -------------------------------------------
TALBEAU PRODUITS
------------------------------------------  */
#aSlide {
    position: relative;
    top: -100px;
}

#bio_push_produit_categorie {
    margin: 20px 25px 25px 25px;
}

#bio_push_produit_categorie .owl-item {
    background: #fbfbfb;
}

#bio_push_produit_categorie .bgColorVertClair .borderBottom:after {
    background: url('../images/point-vertFoncer.png');
}

#listeProduitEntete {
    margin: 30px auto 0 auto;
}

#listeProduitEntete.blockPush h3 span {
    margin-bottom: 0;
    font-size: 35px;
}

#listeProduitEntete.blockPush h3 {
    font-size: 30px;
}

#familleProduit {
    position: relative;
    margin-bottom: 0px;
}

#familleProduit .headerPage {
    width: 750px;
    min-height: 200px;
}

.controleFamilleProduits a {
    position: absolute;
    width: 0;
    overflow: hidden;
    height: 100px;
    background: url('../images/flech-produit-famille.png') no-repeat;
    top: 85px;;
    text-decoration: none;
    transition: all 0.3s ease
}

.controleFamilleProduits a.prev {
    padding-right: 54px;
    left: 245px;
    right: auto;
    background-position: left 0;
}

.controleFamilleProduits a.next {
    padding-left: 54px;
    right: 245px;
    left: auto;
    background-position: right -100px;
}

.controleFamilleProduits a span {
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    display: block;
    font-size: 12px;
    color: #8cc63e;
}

.controleFamilleProduits a.prev span {
    left: 54px;
    width: 150px;
    text-align: left;
}

.controleFamilleProduits a.next span {
    right: 54px;
    width: 150px;
    text-align: right;
}

.controleFamilleProduits a span:hover {
    color: #096029
}

.controleFamilleProduits a.next:hover {
    width: 150px;
    right: 180px;
}

.controleFamilleProduits a.prev:hover {
    width: 150px;
    left: 180px;
}

.itemSlideProduit .panneau {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    right: 0;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 80%;
}

.itemSlideProduit .panneau.nouveau {
    background-image: url('../images/panneau-nouveau.png');
}

.no-slide #bio_push_produit_categorie .owl-carousel {
    width: 1450px !important;
    text-align: center;
}

.no-slide #bio_push_produit_categorie .owl-wrapper {
    width: auto !important;
    display: inline-block;
}

.no-slide #bio_push_produit_categorie .owl-wrapper-outer {
    width: auto !important;
    display: inline-block;
}

.no-slide #bio_push_produit_categorie #owl-slide .owl-item {
    width: 345px !important;
    display: inline-block;
}

#bio_push_produit_categorie .owl-buttons div {
    display: block;
    position: absolute;
    width: 58px;
    height: 100%;
    top: 0;
}

#bio_push_produit_categorie .owl-buttons div.owl-prev {
    background: url('../images/navSlider-Prev.png') center right;
    left: -35px;
}

#bio_push_produit_categorie .owl-buttons div.owl-next {
    background: url('../images/navSlider-Next.png') center left;
    right: -35px;
}

#bio_push_produit_categorie .owl-buttons div.owl-prev:hover {
    background-position: center left;
}

#bio_push_produit_categorie .owl-buttons div.owl-next:hover {
    background-position: center right;
}

.term-listing-heading .contentZone {
    padding-top: 40px;
}

.term-listing-heading .controle {
}

.itemSlideProduit {
    position: relative;
    padding-top: 97px;
    display: block;
    width: 358px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.no-slide .itemSlideProduit {
    display: inline-block;
}

.itemSlideProduit h3 {
    text-align: center;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 20px;
    height: 97px;
    display: block;
}

.itemSlideProduit h3 a {
    font-family: 'appleberryregular';
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 15px;
    line-height: 1.1em;
    display: inline-block;
    font-size: 18px;
}

.itemSlideProduit:hover {
    background: #8cc63e
}

#tblProdtuisDuMoment .itemSlideProduit h3 a {
  padding-bottom: 10px;
}

#tblProdtuisDuMoment .blockPush h3 > div {
  font-size: 24px
}

#tblProdtuisDuMoment .blockPush h3.negaratio span {
  font-size: 30px
}

#tblProdtuisDuMoment .produits .gotoUrl {
  position: relative;
  z-index: 10;
}

.itemSlideProduit:hover .borderBottom:after {
    background: url('../images/point-vertFoncer.png');
}

.itemSlideProduit.bgColorVertClair:after {
    content: "";
    position: absolute;
    bottom: -34px;
    left: 50%;
    margin-left: -17px;
    height: 0;
    width: 0px;
    border: 17px solid transparent;
    border-top-color: #8cc63e
}

.lstProduits {
    margin: auto;
    max-width: 900px;
    table-layout: fixed;
    margin-top: 20px;
    margin-bottom: 70px;
}

.lstProduits td {
    width: 100%;
    vertical-align: top;
    line-height: 1.4em;
}

.lstProduits td.col-2 {
    width: 450px;
    padding-bottom: 20px;
}

.lstProduits td.col-3 {
    width: 300px;
}

.lstProduits td:last-child {
    width: auto;
    padding-bottom: 20px;
}

.lstProduits td.col-2:last-child {
    max-width: 450px
}

.lstProduits td.col-3:last-child {
    max-width: 300px;
}

.lstProduits td span {
    font-family: 'appleberryregular';
    padding-bottom: 5px;
    position: relative;
}

.lstProduits td span:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 10px;
    height: 3px;
    width: 3px;
    background: #8cc63e
}

.lstProduits td p {
    margin: 10px 10px 10px 0
}

.lstProduits td > div > span {
    position: relative;
}

.lstProduits .nouveau {
    position: absolute;
    top: 2px;
    display: block;
    right: -80px;
    width: 69px;
    height: 19px;
    background: url('../images/etiquetteNouveauProduit.png');
}

.pushProduit {
    display: inline-block;
    width: 450px;
    padding: 0 90px;
    text-align: left;
}

.pushProduit strong {
    font-family: 'appleberryregular';
    font-weight: normal;
}

.pushProduit p {
    margin-bottom: 10px;
    line-height: 1.4em;
}

.pushProduit .link {
    margin-top: 10px;
}

#pushFooterProduit {
    text-align: center;
}

#pushFooterProduit .blockPush {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

.pushProduit#lesMarques {
    background: url('../images/mouton_marque.png') top center no-repeat;
    padding-top: 310px;
}

.pushProduit#lesPaniers {
    background: url('../images/panier_de_la_semaine_push.png') top center no-repeat;
    padding-top: 310px;
}

.i18n-es .pushProduit#lesPaniers {
    background: url('../images/panier_de_la_semaine_push_es.png') top center no-repeat;
}

.page-taxonomy-term #recette_de_la_semaine span {
    margin-left: 40px;
}

.page-taxonomy-term .blockPush h3 {
    line-height: 1em;
}

/* -------------------------------------------
LES MARQUES
------------------------------------------  */
#lesMarquesListe {
    display: table;
    width: 1100px;
    margin: auto;
}

#lesMarquesListe ul {
    display: table-row;
}

#lesMarquesListe li {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 30px;
}

#lesMarquesListe li h3 {
    width: 60px;
    height: 49px;
    background: url('../images/fond_marque.png') top center no-repeat;
    margin: 0 auto 15px auto;
    padding: 48px 30px 20px 30px;
    text-align: center;
    text-transform: lowercase;
    font-family: 'appleberryregular';
    font-weight: normal;
}

#lesMarquesListe li p {
    padding-left: 50px;
    margin: 0 0 5px 0;
    position: relative;
}

#lesMarquesListe li p span {
    position: absolute;
    height: 3px;
    width: 3px;
    display: block;
    top: 5px;
    left: 40px
}

#block-bio-produits-bio-produits-du-moment, #block-bio-block-bio-block-paniers-semaine-home {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px
}

#tblProdtuisDuMoment {
    display: inline-block;
    width: 1000px;
}

#tblProdtuisDuMoment .blockPush {
    margin-top: 0;
}

#tblProdtuisDuMoment .itemSlideProduit {
    width: 229px;
    padding: 70px 0 0 0;
    display: inline-block;
}

#blockPanierDuMoment {
    width: 430px;
    height: 640px;
    display: inline-block;
    margin: 0 33px;
    box-shadow: -25px 0px 40px -40px rgba(0, 0, 0, 0.9)
}

#blockPanierDuMoment h3 {
    text-align: center;
    font-family: 'appleberryregular';
    font-weight: normal;
    margin-top: 50px;
    margin-bottom: 30px;
}

#blockPanierDuMoment h3 span {
    padding: 10px 0;
}

#blockPanierDuMoment p.fontSizeBig {
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 15px;
    font-family: 'appleberryregular'
}

#blockPanierDuMoment p {
    text-align: center;
    margin: 8px;
}

#blockPanierDuMoment .link {
    margin-top: 20px;
}

#panier_de_la_semaine {
  background: url('../images/panier_de_la_semaine.png') center center no-repeat;
  height: 300px;
}

/*.i18n-es #panier_de_la_semaine {
  background: url('../images/panier_de_la_semaine_es.jpg') center center no-repeat;
}

.i18n-es #panier_de_la_semaine {
  background: url('../images/panier_de_la_semaine_it.jpg') center center no-repeat;
}*/

/* -------------------------------------------
    PUSH HOME
    ------------------------------------------  */
    .region-underslider {
        display: table;
        table-layout: fixed;
        width: 100%;
        box-shadow: 0px 25px 40px -35px rgba(0, 0, 0, 0.9)
    }

    .region-underslider > .block {
        display: table-cell;
        width: 33%;
        border-left: 1px solid #d3d0c3;
    }

    .region-underslider > .block:first-child {
        border-left: 0px none;
    }

    .region-underslider .blockUs {
        margin: 30px;
        height: 300px;
    }

    .region-underslider .blockUs h3 {
        font-family: 'appleberryregular';
        font-weight: normal;
        margin: 0 0 10px 0;
        padding-bottom: 10px;
    }

    .region-underslider .blockUs p {
        margin: 0 0 5px 0;
    }

    .region-underslider .blockUs .link {
        margin-top: 20px;
    }

    #block-bio-block-bio-block-us-bio-magasin .blockUs {
        background: url('../images/bg_us_magasin.png') bottom right no-repeat;
    }

    #block-bio-block-bio-block-us-bio-carte-fideliter .blockUs {
        background: url('../images/bg_us_carte.png') bottom right no-repeat;
    }

    #block-bio-block-bio-block-us-bio-recrutement .blockUs {
        background: url('../images/bg_us_recrutement.png') bottom right no-repeat;
    }

    .i18n-es #block-bio-block-bio-block-us-bio-recrutement .blockUs {
        background: url('../images/bg_us_recrutement_es.png') bottom right no-repeat;
    }

/* -------------------------------------------
PANIER
------------------------------------------  */
#panierSemaine header {
    margin-bottom: 20px;
}

.tableauPaniers {
    display: table;
    width: 1100px;
    padding-top: 280px;
    padding-bottom: 50px;
    background: url('../images/panier_semaine_ilustration.png') top center no-repeat;
    margin: 20px auto 0 auto;
    table-layout: fixed;
}

/*.i18n-es .tableauPaniers {
    background: url('../images/panier_semaine_ilustration_es.png') top center no-repeat;
}*/

.tableauPaniers .blockPanier {
    display: table-cell;
    margin: 17px;
}

.tableauPaniers .blockPanier .entete, .tableauPaniers .blockPanier .contenu {
    margin: 0px 17px
}

.tableauPaniers .blockPanier .entete {
    padding: 15px 0;
    position: relative;
}

.tableauPaniers .blockPanier .entete:after {
    content: "";
    border: 10px solid transparent;
    border-top-color: #8cc63e;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

.tableauPaniers .blockPanier .contenu {
    padding: 20px 40px 40px 40px;
}

/*#postulerRecrutementForm .form-submit.ajax-processed { display: none; }*/
.tableauPaniers .blockPanier .entete {
    text-align: center;
    font-family: 'appleberryregular';
}

.tableauPaniers .blockPanier .contenu strong {
    font-family: 'appleberryregular';
    padding-bottom: 10px;
    display: inline-block;
    margin-top: 20px;
    font-weight: normal;
}

.tableauPaniers .blockPanier .contenu p {
    margin: 7px 0;
    padding-left: 15px;
    position: relative;
}

.tableauPaniers .blockPanier .contenu p:before {
    content: "";
    left: 0px;
    top: 5px;
    height: 3px;
    width: 3px;
    background: #8cc63e;
    display: block;
    position: absolute;
}

#pushPanierMagasin {
    background: url('../images/blockPushPanierMagasin.png') left top no-repeat;
    padding: 50px 0 50px 400px;
    width: 540px;
    margin: auto;
}

.bio_c_bon_form .container-inline-date .date-padding {width:360px;padding:0px;text-align: left;}
.bio_c_bon_form .container-inline-date .date-padding > div {display:inline-block}
.bio_c_bon_form .date-day,.bio_c_bon_form .date-month,.bio_c_bon_form .date-year{display:inline-block;}
.bio_c_bon_form .date-day select{width:60px;}
.bio_c_bon_form .date-month select{width:117px;}
.bio_c_bon_form .date-year select{width:77px;}
.bio_c_bon_form .form-item-bio-newsletter ,.bio_c_bon_form .form-item-bio-cgu{text-align:left;font-size:12px;display:table;margin:8px 0}
.bio_c_bon_form .form-item-bio-newsletter { margin-top:20px;}
.bio_c_bon_form .form-item-bio-newsletter .option,.bio_c_bon_form .form-item-bio-cgu .option{display:table-cell;vertical-align: middle;padding-left:10px;color:#333 }
.bio_c_bon_form .form-item-bio-newsletter .option,.bio_c_bon_form .form-item-bio-cgu .option a{color:#333 }
.bio_c_bon_form .form-item-bio-newsletter input,.bio_c_bon_form .form-item-bio-cgu input{height:14px;width:14px;display:table-cell}
.container-inline-date .form-item input, .container-inline-date .form-item select, .container-inline-date .form-item option {margin:0}

#edit-bio-code-postal,#edit-bio-ville,#edit-bio-nom-voie,#edit-bio-numero-voie{text-transform: uppercase}

#update-carte-fidelite-form .pro-item {display:none;}
#update-carte-fidelite-form .par, #update-carte-fidelite-form .pro{ display:inline-block; text-align: center;text-transform: uppercase; cursor: pointer;height:34px; width: 49%;line-height:2.4em;position: relative; border: 1px solid #8cc63e; box-sizing:border-box;margin-bottom:40px;}
#update-carte-fidelite-form .par.active:after, #update-carte-fidelite-form .pro.active:after {content:"";display: block;position: absolute;bottom:-5px;left:50%;border:5px solid transparent;border-top-color: #8cc63e;margin-left:-5px;border-left-color:#8cc63e;transform: rotate(225deg)}

#userStatusForm.bio_c_bon_form .item-form input{background-color:#8cc63e;color: #fff;font-weight: bold;}


#dashboard .headerPage{width:1120px}
#dashboard .dashboardBlock{width:535px;height:235px;display:inline-block;margin-bottom:20px;}
#dashboard .dashboardBlock:hover{border:5px solid #096029; box-sizing: border-box;}
#dashboard .dashboardBlock:hover > div {zoom:90%;-ms-zoom: 0.9; -webkit-zoom: 0.9; -moz-transform:  scale(0.9);}
#dashboard .dashboardBlock > div { display: table;width:100%;height:100%;}
#dashboard .dashboardBlock.first {margin-right:38px;}
#dashboard .dashboardTitle {font-family: 'appleberryregular'; font-weight: normal;padding-bottom:15px;border-bottom:1px solid white;margin-bottom:15px;}
#dashboard .dashboardTableItem {display:table-cell;vertical-align: middle;text-align: left;}
#dashboard .dashboardBlock > div >  .dashboardTableItem:last-child { padding-right: 35px;}
#dashboard .dashboardBlock .txColorBlanc { line-height: 20px; }
#dashboard .dashboardBlock.first > div >  .dashboardTableItem:first-child { background: url('../images/dashboard-tableau.png') no-repeat center center; width:200px;}
#dashboard .dashboardBlock > div >  .dashboardTableItem:first-child { background: url('../images/dashboard-carte.png') no-repeat center center; width:200px;}


.rendez-vous-naturo{line-height: 1.6em; width: 900px; margin: 80px auto 0 auto;width:710px;}
.rendez-vous-naturo-table > div { display: table-cell;vertical-align: top;}
.rendez-vous-naturo-table > div:first-child{width:200px}
.rendez-vous-naturo-table > div:first-child .rendez-vous-naturo-item{height:142px; width:100%;background: url('../images/rendez-vous-naturo.png') center center no-repeat}
.rendez-vous-naturo .title{font-family: 'appleberryregular';line-height: 1em;margin-bottom: 10px;padding-bottom: 10px}
.rendez-vous-naturo-button { width: 200px; height: 35px; text-align: center;line-height: 35px;margin-top: 20px;}
.rendez-vous-naturo-button a {text-decoration: none;text-transform: uppercase;background: url('../images/ico-puce-vert-clair.png') left center no-repeat; padding-left:15px;}


#bio_c_bon_content { width: 900px; margin: auto; color: #666; position: relative; line-height: 20px }
#bio_c_bon_content h3 { font: 20px 'appleberryregular'; display: inline-block; padding: 5px 20px; background: #8cc63e; position: relative; left: -20px; color: #fff; margin-bottom: 0;  }
#bio_c_bon_content h3 span { color: #096029;  }
#bio_c_bon_content h3:before { content: ""; position: absolute; display: block; width:111px; height: 74px; background: url('../images/bio_c_bon_icone_titre.png'); left: -99px; top: 22px; }
#bio_c_bon_content .text strong { position: relative; }
#bio_c_bon_content .text strong:before { content: ""; position: absolute; display: block; width: 3px; height: 3px; background: #8cc63e; top: 8px; left: -10px; }

#bio_c_bon_panneau { height: 416px; width: 700px; background: url('../images/panneau_accessible.png') no-repeat; position: relative; margin: 50px auto 30px auto; left: 80px; background-size: 100% auto; }

#bio_c_bon_panneau > div.content { position: relative; color: #fff; width: 420px; top: 20px; left: 20px; text-align: center; padding: 0 40px }
#bio_c_bon_panneau > div.content > h2 { display: inline-block; font-family: 'appleberryregular'; margin: 10px 0px 20px 0px; line-height: 2em; font-weight: normal; }
#bio_c_bon_panneau > div.content > em { display: block; margin-bottom: 10px; text-align: left; }
#bio_c_bon_panneau > div.content > div { text-align: left ; margin-bottom: 10px; }
#bio_c_bon_panneau > div.content > div > span { font-family: 'appleberryregular'; margin-right:10px;}

#pushPanierMagasin .entete {
    font-family: 'appleberryregular';
}

#pushPanierMagasin .entete span {
    display: block;
    margin-top: 15px;
    color: #8cc63e
}

#pushPanierMagasin .entete span em {
    position: absolute;
    margin-top: 0px;
    font-size: 10px;
    margin-left: 5px;
    margin-top: -5px;
}

/* -------------------------------------------
ACTUALITER
------------------------------------------  */

.view-grille-actualit-s {
    margin-top: -40px;
}

.view-grille-actualit-s .views-exposed-widgets {
    margin-bottom: 45px;
    margin-top: 33px
}

#views-exposed-form-grille-actualit-s-default .views-exposed-form .views-exposed-widget { float: none; display: inline-block; vertical-align: middle; }

#views-exposed-form-grille-actualit-s-default .views-exposed-widget > label, #views-exposed-form-grille-actualit-s-default .views-exposed-widget > div {
    display: inline-block;
}

#views-exposed-form-grille-actualit-s-default .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}

#views-exposed-form-grille-actualit-s-default .views-exposed-form {
    display: inline-block;
}

#views-exposed-form-grille-actualit-s-default select {
    width: 200px;
    height: 35px;
    color: #666;
    background: #e8e8e8;
    border: 0 none;
    resize: none;
}

#views-exposed-form-grille-actualit-s-default select option:hover,
#views-exposed-form-grille-actualit-s-default select option:focus { background: #8dc641 }

#views-exposed-form-grille-actualit-s-default label {
    font-size: 1.4em;
    color: #096029;
    margin-right: 15px;
}

#views-exposed-form-grille-actualit-s-default input {
    height: 35px;
}


.view-grille-actualit-s .views-exposed-widget.views-submit-button  input {
    position: relative;
    left: -13px;
    height: 35px;
    width: 35px;
    background: url(../images/search_alpha.png) #8dc641 no-repeat center center;
    display: inline;
    border:0px none;
    font-size: 0px;
    color: transparent;
    cursor: pointer;

}

.view-grille-actualit-s .views-exposed-widget.views-submit-button:hover input {
    background: url(../images/search_alphaOn.png) #096029 center center no-repeat;
    color: #f9ea1d;
}

#edit-field-actualites-region-tid-wrapper { margin-left: 81px }

/* padding: 13px 10px 14px 10px; margin-left: -30px; width: 130px; text-decoration: none; text-transform: uppercase; cursor: pointer; display: inline-block; line-height: 1em; color: #f9ea1d; background:#096029; border: none;  }*/

#imagePushPhilosophie {
    height: 240px;
    background: url('../images/imagePushPhilosophie.png') center center no-repeat;
    text-align: center;
}

#imagePushPhilosophie a {
    position: relative;
    top: 100px;
}

#bio_push_actu .no-slide .owl-wrapper {
    width: auto !important;
    text-align: center;
}

#bio_push_actu .no-slide .owl-item {
    display: inline-block !important;
    float: none;
    text-align: left;
}

/* -------------------------------------------
CALENDRIER
------------------------------------------  */
#tableauCalendrier {
    display: table;
    width: 1300px;
    margin: 10px auto 90px auto;
}

#tableauCalendrier .tableau {
    display: table-cell;
    vertical-align: top
}

#tableauCalendrier .tableau#fruit > div {
    background: url('../images/bg_tableau.png') repeat-y left;
    padding-right: 29px;
    text-align: right;
}

#tableauCalendrier .tableau#legume > div {
    background: url('../images/bg_tableau.png') repeat-y right;
    padding-left: 29px;
    text-align: left;
}

#tableauCalendrier .tableau ul {
    margin: 0;
    padding: 0;
    display: block;
    font-family: 'appleberryregular';
    width: 621px;
    text-align: left;
}

#tableauCalendrier .tableau#fruit ul {
}

#tableauCalendrier .tableau#legume ul {
}

#tableauCalendrier .tableau ul li {
    margin: 0;
    padding: 0px 0px 0px 80px;
    display: inline-block;
    width: 180px;
    vertical-align: top;
}

#tableauCalendrier .tableau ul li p {
    font-size: 16px;
    margin: 7px 0;
    position: relative;
}

#tableauCalendrier .tableau ul li p:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 5px;
    display: block;
    height: 2px;
    width: 2px;
    background: #fff;
}

#tableauCalendrier .tableau .entete {
    width: 621px;
    height: 316px;
    margin-bottom: 20px;
}

#tableauCalendrier .tableau#fruit .entete {
    background: url('../images/entete_tableau_fruits.png') top right no-repeat;
}

.i18n-it #tableauCalendrier .tableau#fruit .entete {
    background: url('../images/entete_tableau_fruits_it.png') top right no-repeat;
}

.i18n-es #tableauCalendrier .tableau#fruit .entete {
    background: url('../images/entete_tableau_fruits_es.png') top right no-repeat;
}

#tableauCalendrier .tableau#legume .entete {
    background: url('../images/entete_tableau_legume.png') top left no-repeat;
}

.i18n-it #tableauCalendrier .tableau#legume .entete {
    background: url('../images/entete_tableau_legume_it.png') top left no-repeat;
}

.i18n-es #tableauCalendrier .tableau#legume .entete {
    background: url('../images/entete_tableau_legume_es.png') top left no-repeat;
}

#tableauCalendrier .tableau .footer {
    width: 621px;
    height: 45px;
}

#tableauCalendrier .tableau#fruit .footer {
    background: url('../images/tableau_footer.png') left bottom no-repeat;
}

#tableauCalendrier .tableau#legume .footer {
    background: url('../images/tableau_footer.png') right bottom no-repeat;
}

#lienTelechargement {
    text-align: center;
}

#lienTelechargement a {
    margin: 0 10px;
}

/* -------------------------------------------
FORMULAIRE DE RECHERCHE RECETTE
------------------------------------------  */
#mouton_filtre {
    background: url('../images/mouton-filtre.png') center center no-repeat;
    width: 125px;
    height: 225px;
    position: fixed;
    z-index: 50;
    left: 0px;
    top: 150px;
}

#mouton_filtre .icone-filtre {
    background: url('../images/icone-filtre.png') center center no-repeat;
    width: 190px;
    height: 190px;
    top: 100px;
    left: 90px;
    position: absolute;
    cursor: pointer;
}

#mouton_filtre .icone-filtre .text {
    font-size: 12px;;
    padding: 55px 60px 0 60px;
    text-align: center;
    display: block;
}

#mouton_filtre .icone-filtre .text b {
    text-transform: uppercase
}

#recettes-et-conseils-filtre-form {
    position: absolute;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    background: #fff;
    margin: 0;
    padding: 0;
    display: none;
    left: 135px;
    top: 122px;
}

#recettes-et-conseils-filtre-form:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -59px;
    background: url('../images/truc-dialogue.png') no-repeat center center;
    width: 59px;
    height: 111px;
}

#recettes-et-conseils-filtre-form .ico-close {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    background: url('../images/croix-fermer-filtre.png') no-repeat center center;
    width: 50px;
    height: 46px;
    cursor: pointer;
}

#recettes-et-conseils-filtre-form > div > .form-item {
    padding: 5px 50px;
    margin: 0;
}

#recettes-et-conseils-filtre-form > div > .form-item.form-item-type-de-recette {
    margin-top: 20px
}

#recettes-et-conseils-filtre-form > div > .form-item.form-item-tag {
    margin-bottom: 35px
}

#recettes-et-conseils-filtre-form .form-item .form-item {
    margin: 7px 0;
    color: #666;
    font-weight: lighter;
}

#recettes-et-conseils-filtre-form input[type="submit"] {
    display: block;
    width: 100%;
    background: #8cc63e;
    padding: 8px 0;
    color: #096029;
    font-weight: bold;
    text-align: center;
    border: 0 none;
}

#recettes-et-conseils-filtre-form select {
    background: #e8e8e8;
    color: #727272;
    border: none;
    padding: 7px 7px 6px 7px;
    width: 200px;
    font-weight: bold;
}

#recettes-et-conseils-filtre-form .titre {
    width: 200px;
    margin: auto;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 35px;
}

#recettes-et-conseils-filtre-form .titre p {
    margin: 5px 0;
}

#recettes-et-conseils-filtre-form .titre p.txColorVertClair {
    font-weight: bold;
}

#recettes-et-conseils-filtre-form .titre p.borderBottom {
    padding-bottom: 15px;
}

#recettes-et-conseils-filtre-conseil-form {
    position: absolute;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    background: #fff;
    margin: 0;
    padding: 0;
    display: none;
    left: 135px;
    top: 122px;
}

#recettes-et-conseils-filtre-conseil-form:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -59px;
    background: url('../images/truc-dialogue.png') no-repeat center center;
    width: 59px;
    height: 111px;
}

#recettes-et-conseils-filtre-conseil-form .ico-close {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    background: url('../images/croix-fermer-filtre.png') no-repeat center center;
    width: 50px;
    height: 46px;
    cursor: pointer;
}

#recettes-et-conseils-filtre-conseil-form > div > .form-item {
    padding: 5px 50px;
    margin: 0;
}

#recettes-et-conseils-filtre-conseil-form > div > .form-item.form-item-type-de-recette {
    margin-top: 20px
}

#recettes-et-conseils-filtre-conseil-form > div > .form-item.form-item-tag {
    margin-bottom: 35px
}

#recettes-et-conseils-filtre-conseil-form .form-item .form-item {
    margin: 7px 0;
    color: #666;
    font-weight: lighter;
    width: 200px;
}

#recettes-et-conseils-filtre-conseil-form input[type="submit"] {
    display: block;
    width: 100%;
    background: #8cc63e;
    padding: 8px 0;
    color: #096029;
    font-weight: bold;
    text-align: center;
    border: 0 none;
}

#recettes-et-conseils-filtre-conseil-form select {
    background: #e8e8e8;
    color: #727272;
    border: none;
    padding: 7px 7px 6px 7px;
    width: 200px;
    font-weight: bold;
}

#recettes-et-conseils-filtre-conseil-form .titre {
    width: 200px;
    margin: auto;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 35px;
}

#recettes-et-conseils-filtre-conseil-form .titre p {
    margin: 5px 0;
}

#recettes-et-conseils-filtre-conseil-form .titre p.txColorVertClair {
    font-weight: bold;
}

#recettes-et-conseils-filtre-conseil-form .titre p.borderBottom {
    padding-bottom: 15px;
}

/* -------------------------------------------
BIOCQUOI PAGE
------------------------------------------  */
.node-type-bio-c-quoi #full_node_biocquoi header, .node-type-bio-c-quoi .field-name-field-short-desc, .node-type-bio-c-quoi .field-name-body {
    width: 900px;
    margin: 0 auto;
}

.node-type-bio-c-quoi .field-name-field-short-desc {
    margin: 30px auto;
    text-align: center;
    color: #666;
    font-size: 16px;
    line-height: 20px;
}

.node-type-bio-c-quoi .field-name-field-image-biocquoi {
    width: 1100px;
    margin: 0 auto;
}

.node-type-bio-c-quoi .field-name-body {
    color: #666;
    line-height: 1.3em
}

.node-type-bio-c-quoi .field-name-body h2 {
    font-family: 'appleberryregular';
    font-weight: normal;
    color: #096029;
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    font-size: 20px;
}

.node-type-bio-c-quoi .field-name-body h2:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 3px;
    width: 100%;
    left: 0;
    background: url('../images/point-vert.png');
}

.node-type-bio-c-quoi article ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.node-type-bio-c-quoi article li {
    position: relative;
    padding-left: 1em;
    text-indent: -.7em;
    margin-left: 1em;
}

.node-type-bio-c-quoi article li:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    background: #8cc63e;
    top: 8px;
    left: -10px;
}

.node-type-conseils article ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.node-type-conseils article #page_detail-texte ul {
    margin-left: 20px
}

.node-type-conseils article #page_detail-texte ul li {
    margin-left: 0;
    padding-left: 20px;
    color: #666
}

.node-type-conseils article #page_detail-texte ul li:before {
    left: 0px;
}

.node-type-conseils article #page_detail-texte table {
    border-color: #096029
}

.node-type-conseils article #page_detail-texte table td {
    border-color: #096029
}

.node-type-conseils article li {
    position: relative;
    padding-left: 1em;
    text-indent: -.7em;
    margin-left: 1em;
}

.node-type-conseils article li:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    background: #8cc63e;
    top: 8px;
}

.node-type-actualites article ul {
    list-style: none;
    margin: 0;
}

.node-type-actualites article #page_detail-texte li {
    position: relative;
    padding-left: 1em;
    text-indent: -.7em;
    margin-left: 1em;
}

.node-type-actualites article #page_detail-texte li:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    background: #8cc63e;
    top: 8px;
    left: -10px;
}

.node-type-recettes article #page_detail-texte ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.node-type-recettes article #page_detail-texte li {
    position: relative;
    padding-left: 1em;
    text-indent: -.7em;
    margin-left: 1em;
}

.node-type-recettes article #page_detail-texte li:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    background: #8cc63e;
    top: 8px;
    left: -10px;
}

/* -------------------------------------------
BIOCQUOI ERROR MESSAGE
------------------------------------------  */
.messages.error {
    border: 1px solid #8c2e0b;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==');
    border-color: #ed541d;
    text-align: left
}

.page-user-register-ok .messages {
    display: none;
    z-index: 10;
}

/* -------------------------------------------
BIOCQUOI OLD NAV
------------------------------------------  */

#popup-bug-inscription {
    z-index: 102;
    width: 845px;
    height: 345px;
    background-color: #fff;
    position: fixed;
    top: 120px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#popup-bug-inscription-overlay {
    z-index: 101;
    background: #aaa url(../images/overlay.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#popup-old-nav {
    display: none;
    z-index: 102;
    width: 845px;
    height: 345px;
    background-color: #fff;
    position: fixed;
    top: 120px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#popup-old-nav-overlay {
    display: none;
    z-index: 101;
    background: #aaa url(../images/overlay.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ie8 #popup-old-nav, .ie7 #popup-old-nav, .ie6 #popup-old-nav,
.ie8 #popup-old-nav-overlay, .ie7 #popup-old-nav-overlay, .ie6 #popup-old-nav-overlay
.ff24 #popup-old-nav, .ff23 #popup-old-nav, .ff22 #popup-old-nav, .ff21 #popup-old-nav, .ff20 #popup-old-nav, .ff19 #popup-old-nav, .ff18 #popup-old-nav, .ff17 #popup-old-nav, .ff16 #popup-old-nav, .ff15 #popup-old-nav, .ff14 #popup-old-nav, .ff13 #popup-old-nav, .ff12 #popup-old-nav, .ff11 #popup-old-nav, .ff10 #popup-old-nav, .ff9 #popup-old-nav, .ff8 #popup-old-nav, .ff7 #popup-old-nav, .ff6 #popup-old-nav, .ff5 #popup-old-nav, .ff4 #popup-old-nav, .ff3 #popup-old-nav,
.ff24 #popup-old-nav-overlay, .ff23 #popup-old-nav-overlay, .ff22 #popup-old-nav-overlay, .ff21 #popup-old-nav-overlay, .ff20 #popup-old-nav-overlay, .ff19 #popup-old-nav-overlay, .ff18 #popup-old-nav-overlay, .ff17 #popup-old-nav-overlay, .ff16 #popup-old-nav-overlay, .ff15 #popup-old-nav-overlay, .ff14 #popup-old-nav-overlay, .ff13 #popup-old-nav-overlay, .ff12 #popup-old-nav-overlay, .ff11 #popup-old-nav-overlay, .ff10 #popup-old-nav-overlay, .ff9 #popup-old-nav-overlay, .ff8 #popup-old-nav-overlay, .ff7 #popup-old-nav-overlay, .ff6 #popup-old-nav-overlay, .ff5 #popup-old-nav-overlay, .ff4 #popup-old-nav-overlay, .ff3 #popup-old-nav-overlay,
.safari4 #popup-old-nav, .safari3 #popup-old-nav, .safari2 #popup-old-nav,
.safari4 #popup-old-nav-overlay, .safari3 #popup-old-nav-overlay, .safari2 #popup-old-nav-overlay {
    display: block;
}

#popup-old-nav h1, #popup-bug-inscription h1 {
    font-family: 'appleberryregular';
    font-weight: normal;
    font-size: 20px;
}

#popup-old-nav p, #popup-bug-inscription p {
    width: 400px;
    margin: 10px auto;
    line-height: 1.3em
}

#popup-old-nav table {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 10px;
}

#popup-old-nav .ie a {
    width: 215px;
    height: 45px;
    background: url('../images/old-ie.jpg') no-repeat;
    display: block;
    text-indent: -9999px;
}

#popup-old-nav .firefox a {
    width: 198px;
    height: 45px;
    background: url('../images/old-firefox.jpg') no-repeat;
    display: block;
    text-indent: -9999px;
}

#popup-old-nav .chrome a {
    width: 199px;
    height: 45px;
    background: url('../images/old-chrome.jpg') no-repeat;
    display: block;
    text-indent: -9999px;
}

#popup-old-nav .opera a {
    width: 125px;
    height: 45px;
    background: url('../images/old-opera.jpg') no-repeat;
    display: block;
    text-indent: -9999px;
}

/* -------------------------------------------
BIOCQUOI 404 403
------------------------------------------  */

.page-code-404 .headerPage > div, .page-code-403 .headerPage > div {
    margin-top: 45px;
}

.page-code-404 .headerPage a, .page-code-403 .headerPage a {
    margin-left: 30px;
}

.page-code-404 .mouton-404 {
    width: 324px;
    height: 288px;
    background: url('../images/mouton-404.png') no-repeat;
    margin: 80px auto;
}

.page-code-403 .mouton-403 {
    width: 310px;
    height: 270px;
    background: url('../images/mouton-403.png') no-repeat;
    margin: 80px auto;
}

/* -------------------------------------------
Type node page
------------------------------------------  */
.node-type-page #page_detail-texte a {
    color: #666;
}

.node-type-page #page_detail-texte h2 a {
    color: #096029;
}

/* -------------------------------------------
Contact
------------------------------------------  */
#postulerContactForm { margin: 180px auto 80px auto; }
#easiware-form { margin: 0 auto; display: none; }

#postulerContactForm.bio_c_bon_form .visuel {
    width: 251px;
    height: 163px;
    background: url('../images/mouton-contact.png') center center;
    position: absolute;
    display: block;
    top: -150px;
    left: 50%;
    margin-left: -125px;
}

ul.action-links {
    margin: 1em 0;
    padding: 0 20px 0 0px; /* LTR */
    list-style-type: none;
    overflow: hidden;
}

ul.action-links li {
    float: left; /* LTR */
    margin: 0 1em 0 0; /* LTR */
}

ul.action-links a {
    padding-left: 15px; /* LTR */
    line-height: 30px;
}

.maintenance-page {
    background-color: #FFF;
    text-align: center;
}

.maintenance-page #name-and-slogan {
    display: none;
}

.maintenance-page #header {
    margin: 0 auto;
}

.maintenance-page #main {
    margin-top: 0px;
}

/* -------------------------------------------
IE9
------------------------------------------  */

.ie9 #menu_site #tableauTaxoProduits > table {
    display: inline-block;
    width: 1114px;
}

.ie9 #menu_site #tableauTaxoProduits table#blockAppel {
    width: 362px;
}

.ie9 #menu_site #tableauTaxoProduits > table td {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ie9 #menu_site #tableauTaxoProduits > table td:first-child {
    padding-left: 20px;
}

.ie9 #menu_site #tableauTaxoProduits table#blockAppel td {
    padding-top: 0px;
    padding-bottom: 0px;
}

/** Header Card Info **/
.header-card-banner {
    display: none
}

.card-banner #header.fixElement, .toolbar.card-banner header#header.fixElement {
    top: 79px;
}

.card-banner.cookie-card-banner #header.fixElement {
    top: 0px;
}

.toolbar.card-banner.cookie-card-banner header#header.fixElement {
    top: 30px;
}

.card-banner .header-card-banner {
    display: block;
    width: 100%;
    height: 79px;
    background: #8CC63E url("../images/card-header-banner.jpg") bottom center repeat-x;
    position: fixed;
    top: 0px;
    z-index: 100;
    line-height: 79px;
    text-align: center
}

.header-card-banner a {
    text-transform: none;
    font-weight: bold
}

.card-billet {
    margin-right: 20px;
    vertical-align: middle;
    background: url("../images/card-billet.png") center center no-repeat;
    display: inline-block;
    height: 51px;
    width: 57px;
}

.header-card-banner-close {
    position: absolute;
    right: 100px;
    cursor: pointer
}

.card-banner.cookie-card-banner .header-card-banner {
    display: none
}

.magasin-bonus {
    display: none
}

.card-banner .magasin-bonus {
    background: url('../images/magasin-bonus.jpg') center center no-repeat;
    height: 300px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 20px;
    display: block
}

.card-banner .magasin-bonus-text {
    margin-left: 200px;
    padding-top: 115px;
    text-align: left;
    line-height: 20px;
}

.card-banner .magasin-bonus-text-legal {
    text-align: center;
    margin-top: 70px;
}

.card-banner #userStatusForm.bio_c_bon_form .item-form input.bonus {
    background-color: #F88532
}

/* -------------------------------------------
Cookie Info Popup
------------------------------------------  */
#sliding-popup {
    position: fixed;
}

/* -------------------------------------------
Page contact
------------------------------------------  */
.page-contact .page_detail a {
    color: #666;
    text-decoration: none;
    font-weight: bold;
}

.page-contact .toggable, .page-contact .toggable2 {
    display: none;
}

.page-contact .page_detail a:hover {
    color: #096029;
}

/* -------------------------------------------
Amazon Prime
-----------------------------------------  */
#block-bio-block-bio-block-amazon-prime {
    margin: auto;
}

#block-bio-block-bio-block-amazon-prime .logo {
    height: 42px;
    width: 210px;
    padding: 20px 35px;
}

.i18n-es #block-bio-block-bio-block-amazon-prime, .i18n-it #block-bio-block-bio-block-amazon-prime {
    display: none
}

/* Autocomplete form */

.ui-autocomplete {padding:10px;width:338px;border:1px solid #e8e8e8;background-color:#FFF}
.ui-autocomplete li { padding: 5px 0px; cursor: pointer; list-style: none; }