@media screen and (max-width: 380px) {

    .view-grille-actualit-s {}

    .onlymobile { display: block !important; }
    .notmobile { display: none !important; }

    #views-exposed-form-grille-actualit-s-default .views-exposed-form .views-exposed-widget { margin: auto; }
    #views-exposed-form-grille-actualit-s-default .views-exposed-widget > label,
    #views-exposed-form-grille-actualit-s-default .views-exposed-widget > div { display: block; }
    #views-exposed-form-grille-actualit-s-default .views-exposed-widget > label { margin: 20px; }
    #views-exposed-form-grille-actualit-s-default .views-exposed-form .views-exposed-widget { display: block; float: none; padding: 0px; }

    #recettes-et-conseils-filtre-conseil-form-full .form-item > label,
    #recettes-et-conseils-filtre-conseil-form-full div { display: block; }
    #recettes-et-conseils-filtre-conseil-form-full .form-item > label { position: relative; }
    #recettes-et-conseils-filtre-conseil-form-full .form-item.form-item-search > label { position: relative; left: 20px; }
    #recettes-et-conseils-filtre-conseil-form-full label { margin: 20px; }
    #recettes-et-conseils-filtre-conseil-form-full .edit-tag label { display: inline-block; }
    #recettes-et-conseils-filtre-conseil-form-full .form-item-tag { margin: 0; }
    #recettes-et-conseils-filtre-conseil-form-full .form-item-tag #edit-tag { left: -25px; top: 64px;  width:240px; }
    #recettes-et-conseils-filtre-conseil-form-full .form-item-tag > div > div { width: 200px; padding-left: 20px; }
    #recettes-et-conseils-filtre-conseil-form-full .form-item-tag > div > div label { margin: 0px; display: inline-block; }

    #recettes-et-conseils-filtre-conseil-form-full input[type='text'] { margin: 0px; }
    #recettes-et-conseils-filtre-conseil-form-full input[type='submit'] { width: 40px;  margin-left: -5px; top: 40px; }

    .form-item.form-type-select.form-item-type-de-recette { width: 240px !important;  }

    #recettes-et-conseils-search-form .form-item > label,
    #recettes-et-conseils-search-form div { display: block; }
    #recettes-et-conseils-search-form .form-item.form-item-search > label { position: relative; left: 20px; }
    #recettes-et-conseils-search-form label { margin: 20px 0 !important; }
    #recettes-et-conseils-search-form .edit-tag label { display: inline-block; }
    #recettes-et-conseils-search-form .form-item-tag #edit-tag { left: -25px; width:240px; }
    #recettes-et-conseils-search-form .form-item-tag > div > div { width: 200px; padding-left: 20px; }
    #recettes-et-conseils-search-form .form-item-tag > div > div label { margin: 0px !important; display: inline-block; width: initial; top: -4px; }
    #recettes-et-conseils-search-form .form-item-type-de-recette { margin: 0; }

    #recettes-et-conseils-search-form .form-item.form-type-select.form-item-type-de-recette label { margin: 20px auto !important; }
    #recettes-et-conseils-search-form input[type='text'] { margin: 0; }
    #recettes-et-conseils-search-form input[type='submit'] { width: 40px; top: 40px; }
    #recettes-et-conseils-search-form .form-item { width: 240px; }

    #recettes-et-conseils-search-form select,
    #views-exposed-form-grille-actualit-s-default select,
    #recettes-et-conseils-filtre-conseil-form-full select { width: 240px !important; }
    #recettes-et-conseils-search-form .form-item.form-type-checkboxes.form-item-tag { width: 240px !important; position: relative; left: -3px; margin-top: 5px; }

    #recettes-et-conseils-search-form .select,
    #recettes-et-conseils-filtre-conseil-form-full .select { width: 233px; }

    #edit-submit-grille-actualit-s { width: 240px; left: 0; }

    .sizePage {
        width: auto;
        height: auto;
    }

    #bio_slider {
        width: auto;
        height: auto;
    }

    .contentZone {
        margin: 10px;
    }

    .btnMobile {
        display: inline-block;
    }

    .btnDesktop {
        display: none;
    }

    .link.puce {
        padding-left: 20px;
        background-image: url(../../images/ico-puce-vert-clair.png);
        background-repeat: no-repeat;
        background-position: 7px center;
    }

    /* MENU */
    #header {
        background: #096029;
        height: 60px;
        display: block;
        position: relative;
        z-index: 50;
    }

    #header .zoneHeader {
        display: block;
    }

    #header #logo.zoneHeader {
        border: 0;
        width: auto;
        height: 60px;
    }

    #header #logo a {
        display: block;
        background: url('../../images/mobile/logo.png') no-repeat center center;
        height: 60px;
        width: 160px;
    }

    #header #logo a img {
        display: none;
    }

    #header.fixElement {
        margin: 0;
        position: relative;
        left: 0px;
    }

    #header #menu_site {
        display: none;
    }

    #header #menu_site.active {
        display: block;
    }

    #header #btn_action.zoneHeader {
        display: none;
    }

    #menu_site {
        background: #fff;
    }

    #menu_header .contentMenu {
        display: block;
    }

    #menu_header .contentMenu .item {
        position: relative;
    }

    #menu_header .contentMenu .item:hover {
        background: none;
    }

    #menu_header .contentMenu .item, #menu_header .contentMenu .item.active, #menu_header .contentMenu .item.hover {
        display: block;
        border: 0 none;
        border-top: 1px solid #dbdbdb;
        width: auto;
        height: auto;
    }

    #menu_header .contentMenu .item:first-child {
        border: 0 none;
    }

    #menu_header .contentMenu .item .text,
    #menu_header .contentMenu .item:hover .text {
        background: #fff;
        color: #666;
        display: block;
        text-align: left;
        padding: 19px 0 19px 7px;
        font-size: 14px;
    }
    #menu_header .contentMenu .item.commande-parent .text {
      color: #fff;
      background: #86bc24;
      border: 1px solid #86bc24;
    }

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

    #menu_header .contentMenu .item .puceMenu {
      transform: rotate(180deg);
      background: url('../../images/mobile/flecheMenu.png') no-repeat center center;
      position: absolute;
      height: 50px;
      width: 50px;
      right: 0;
      top: 0px;
    }
    #menu_header .contentMenu .item.commande-parent .puceMenu {
      background-image: url('../../images/mobile/flecheMenu-darker.png');
    }


    #menu_header .contentMenu .item.active .puceMenu {
      background-image: url('../../images/mobile/flecheMenu.png');
      transform: rotate(90deg);
    }
    #menu_header .contentMenu .item.commande-parent.active .text { border: 1px solid #096029; }

    #menu_header .contentMenu .item._carte_de_fidelite_view {
        display: block;
    }

    #menu_header .contentMenu .item.commande-parent {
        width: auto;
    }

    #menu_header .contentMenu .item.commande-parent .sousMenu {
        left: auto;
        width: 100%;
    }

    #menu_header .commande-parent .sousMenu ul li a {
        padding: 50px 130px 50px 50px;
    }

    #menu_header .commande-parent .sousMenu ul li.livre-chez-vous a {
        background-position: calc(100% - 20px) center;
        background-size: 85px;
    }

    #menu_header .commande-parent .sousMenu ul li.retrait-magasin a {
        background-position: calc(100% - 20px) center;
        background-size: 120px;
    }

    #menu_header .commande-parent .sousMenu ul li.drive a {
        background-position: calc(100% - 20px) center;
        background-size: 115px;
    }

    .onlymobile { display: block; }
    .onlymobile .monCompte { display: block; position: absolute; top: 0px; right: 60px; width: 59px; height: 60px; background: url(../../images/ico-mobile-user.png) center center no-repeat; border-left: 1px solid #528063; border-right: 1px solid #528063; overflow: hidden; transition: all 0.5s }
    .onlymobile .monCompte span { position: relative; top: 60px; color: #fff; display: block; text-align: center; font-size: 9px; transition: all 0.5s }
    .onlymobile .monCompte.on { background-color: #05491e; background-position: 50% 30%; }
    .onlymobile .monCompte.on span { top: 40px; }

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

    #menu_header .contentMenu .item .sousMenu {
        height: auto;
        display: none;
        position: static;
        background: #05491e;
    }

    #menu_header .contentMenu .item.active .sousMenu {
        display: block;
    }

    #menu_header .contentMenu .item:hover .sousMenu, #menu_header .contentMenu .item:hover .sousMenu.full {
        height: auto;
        width: auto;
    }

    #menu_header .contentMenu .item .sousMenu .image {
        display: none;
    }

    #menu_header .sousMenu > div {
        display: block;
        background: none;
        font-family: 'appleberryregular';
        padding: 0
    }

    #menu_header .sousMenu > div > div {
        display: block;
        padding: 0;
    }

    #menu_header .sousMenu .link.puce, #menu_header .sousMenu .link.txColorBlanc.puce:hover {
        display: block;
        padding: 18px 0 18px 45px;
        background-position: 30px center;
        position: static;
    }

    #menu_site #tableauTaxoProduits {
        display: block;
    }

    #menu_site #tableauTaxoProduits > table, #menu_site #tableauTaxoProduits tr, #menu_site #tableauTaxoProduits tbody, #menu_site #tableauTaxoProduits td {
        display: block;
        padding: 0;
        margin: 0;
    }

    #menu_site #tableauTaxoProduits > table#blockAppel {
        display: none;
    }

    #menu_site #tableauTaxoProduits > table td {
        border: 0 none
    }

    #menu_site #tableauTaxoProduits span {
        display: none;
    }

    #menu_site #tableauTaxoProduits ul {
        display: block;
        margin: 0;
        padding: 0;
    }

    #menu_header .contentMenu .item.active._bio_c_bon_view .sousMenu {
        display: none;
    }

    #menu_header .contentMenu .item._bio_c_bon_view .puceMenu {
        display: none;
    }

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

    #icoMenu {
        background: url('../../images/mobile/icoMenu.png') center center no-repeat;
        position: absolute;
        top: 0;
        right: 0px;
        height: 60px;
        width: 60px;
    }

    #icoMenu.active {
        background: url('../../images/mobile/icoMenuOn.png') center center no-repeat #fff;
    }

    #overlayMenu {
        position: fixed;
        z-index: 40;
        background: rgba(0, 0, 0, 0.7);
        height: 100%;
        width: 100%;
        display: none;
        top: 0;
    }

    #overlayMenu.active {
        display: block;
    }

    /* SLIDER */
    .region-highlighted {
        display: block;
    }

    #bio_slider {
        margin: 15px;
        height: 450px;
    }

    #bio_slider .item {
        height: 450px;
        overflow: hidden;
        position: relative;
    }

    #bio_slider .item img {
        height: 450px !important;
        width: auto !important;
        max-width: none;
        position: relative;
        left: 0;
        position: absolute;
    }

    #bio_slider .overlay {
        display: none;
    }

    #bio_slider .content {
        background: url('../../images/mobile/panneauSliderHome.png') center center no-repeat;
        box-sizing: border-box;
        height: 400px;
        width: 260px;
        top: 0px;
        left: 50%;
        margin-left: -130px;
    }

    #bio_slider .content .element {
        box-sizing: border-box;
        height: 400px;
        width: 260px;
        padding: 85px 30px 0 30px
    }

    #bio_slider h3 {
        font-size: 24px;
    }

    #bio_slider pre {
        font-size: 12px;
        line-height: 16px;
    }

    #bio_slider .owl-dots {
        display: none !important;
    }

    #bio_slider #slideHomeAnim1 {
        display: none;
    }

    #bio_slider #slideHomeAnim2 {
        display: none;
    }

    /* UNDER SLIDER */
    #main {
        margin: 0;
    }

    #main > div.bgColorBlanc {
        background: none;
    }

    .region-underslider {
        display: block;
    }

    .region-underslider > .block {
        display: block;
        width: auto;
        margin: 0 15px 15px 15px;
        background: #fff;
        padding: 15px;
        border: 0px none;
    }

    .region-underslider .blockUs {
        height: 220px;
        margin: 0;
    }

    .region-underslider .blockUs h3 {
        font-size: 18px;
    }

    #block-bio-block-bio-block-us-bio-magasin .blockUs {
        margin: 0;
        background-position: bottom center;
        background-size: 125px auto;
    }

    #block-bio-block-bio-block-us-bio-magasin .autocomplete-front input {
        width: 220px;
        height: 35px;
        display: inline-block;
        margin: 0;
        box-sizing: border-box;
        color: #666;
        padding: 10px;
        font-size: 12px;
    }

    #block-bio-block-bio-block-us-bio-magasin .map-autocomplete-btn {
        padding: 8px 25px 9px 9px;
        display: inline;
    }

    #block-bio-block-bio-block-us-bio-carte-fideliter {
        display: none;
    }

    #block-bio-block-bio-block-us-bio-recrutement .blockUs {
        background-size: 123px auto;
    }

    #block-bio-block-bio-block-us-bio-recrutement .blockUs .link {
        margin: 10px 0 0 0;
    }

    #tblProdtuisDuMoment {
        width: 100%;
        text-align: center;
    }

    #tblProdtuisDuMoment .itemSlideProduit {
        width: 40%;
        margin: 0 10px;
    }

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

    #blockPanierDuMoment {
        display: none
    }

    #whitezone .content .block {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
    }

    #whitezone .content .block:last-child {
        margin-bottom: 0px;
    }

    #whitezone .item {
        height: auto;
        margin-bottom: 30px;
    }

    #whitezone .item .content a.title {
        font-size: 18px;
    }

    #greenZone {
        background-color: transparent;
    }

    #greenZone .region-greenzone {
        text-align: left;
    }

    #greenZone .blockPromo {
        height: 170px;
    }

    #block-bio-block-bio-block-bio-c-bon, #block-bio-block-bio-block-bio-c-quoi {
        display: block;
        width: 88%;
        background-color: #096029;
        margin: 20px auto;
        background-position: 90px -10px;
        background-size: 70% auto;
    }

    #block-bio-block-bio-block-subscribe-simplenews2 {
        display: none;
    }

    .simplenews-subscribe .form-item {
        margin-left: 10px
    }

    .simplenews-subscribe .form-item, .simplenews-subscribe .form-item label {
        width: 240px;
        text-align: left;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .simplenews-subscribe .form-item label {
        padding-left: 0;
        padding-left: 0;
        display: block;
        width: 265px;
        text-align: center
    }

    .simplenews-subscribe input[type='text'] {
        width: 250px;
        margin-left: 0;
        margin-top: 20px
    }

    #block-bio-block-bio-block-subscribe-simplenews {
        display: block;
        border: none
    }

    #block-bio-block-bio-block-share, #block-bio-block-bio-block-contact, #block-bio-block-bio-block-faq {
        display: block;
        border: none;
        padding: 0;
        text-align: left;
        width: auto;
        margin-left: 20px;
    }

    #block-bio-block-bio-block-amazon-prime {
        display: block;
        padding: 0;
        margin: 0;
    }

    #block-bio-block-bio-block-amazon-prime .logo {
        margin: auto
    }

    #block-bio-block-bio-block-share {
        padding: 0;
        margin: 16px 0 0 0;
        text-align: center;
        padding-bottom: 12px;
        border-bottom: 1px solid #ccc

    }

    #sharingLink label {
        display: block;
        font-weight: bold;
        margin-bottom: 9px;
    }

    #block-bio-block-bio-block-contact, #block-bio-block-bio-block-faq {
        text-align: center;
        margin: 0;
        padding: 0;
        display: inline-block;
    }



    #footerContact {
        height: 40px;
        padding-left: 33px;
        background: url(../../images/ico-contact-mobile.png) center left no-repeat;
        margin-left: 30px;
    }

    #footerContact a {
        padding: 6px 0px 6px 0;
        background: none;
        line-height: 40px;
    }

    #footerContact a:hover, #footerFAQ a:hover {
        background: none
    }

    #footerFAQ {
        height: 40px;
        padding-left: 19px;
        background: url(../../images/ico-faq-mobile.png) center left no-repeat;
    }

    #footerFAQ a {
        padding: 6px 0px 6px 0;
        background: none;
        line-height: 40px;
    }

    #sharingLink li {
        margin-right: 5px;
    }

    #footer a {
        font-size: 11px;
        margin: 5px
    }

    #footer ul li:last-child { display: block; }
    #footer ul li:last-child span { text-transform: uppercase; color: #999999; font-size: 10px; margin-top: 10px; }

    .region-bottom {
        padding-bottom: 15px;
        margin: 0;
        width: 100%;
    }

    #block-bio-block-bio-block-subscribe-simplenews {
        padding: 3px;
        margin: 0px 0;
    }

    #postionBottom .simplenews-subscribe input[type='submit'] {
        padding: 9px 11px 8px 7px;
    }

    /** Recette & Conseil **/
    .page_detail header h1, .headerPage h2, .headerPage h1 {
        font-size: 25px;
        padding-bottom: 0px;
    }

    .page_detail header, .headerPage {
        width: auto;
        margin: 0 20px;
    }

    .blockPush h3.negaratio, .blockPush h3.negaratio span {
        font-size: 17px;
    }

    #recette_de_la_semaine span {
        margin-left: 20px
    }

    .blockPush .owl-buttons div.owl-prev, .blockPush .owl-buttons div.owl-next {
        display: none
    }

    .blockPush .poseBtn {
        text-align: center;
    }

    .blockPush .owl-pagination {
        bottom: -15px
    }

    #push_conseils_sainement.negaratio {
        margin-left: 10px;
    }

    #push_conseils_sainement .image {
        width: 44px;
        background-size: contain;
    }

    #calendrier .image, #calendrier .text {
        width: auto;
        display: block;
        margin: 0 30px;
        padding: 0
    }

    /** Recette **/
    #recette.page_detail header h1 {
        width: auto;
    }

    #recettes-et-conseils-search-form label {
        margin-bottom: 10px;
    }

    #mouton-recette {
        display: none
    }

    .bigPanneau {
        width: auto;
        height: auto;
    }

    .bigPanneau .header .ico {
        left: 0px
    }

    .bigPanneau .header li {
        padding: 7px 10px 7px 42px;
        border: none;
    }

    .bigPanneau .header li:last-child {
        display: none;
    }

    .bigPanneau .image, .bigPanneau .blackboard {
        display: block;
        width: auto;
    }

    .bigPanneau .blackboard ul {
        margin-left: 40px;
        text-align: left;
    }

    .navNode a {
        width: 45px;
        height: 45px;
    }

    .navNode a.next, .navNode a.prev {
        background-size: 15px
    }

    .bigPanneau .image, .bigPanneau .blackboard {
        text-align: center;
        background-image: none
    }

    .bigPanneau .blackboard h2 {
        margin-left: 0;
        line-height: 40px;
    }

    .bigPanneau:before {
        content: "";
        background: url('../../images/mobile/bigPanneauTop.png') no-repeat center center;
        width: 260px;
        height: 23px;
        position: absolute;
        top: -23px;
        left: 0px;
    }

    .bigPanneau {
        margin-top: 23px;
        content: "";
        background: url('../../images/mobile/bigPanneauContent.png') repeat-x top center;
        width: 260px;
        padding: 1px 6px 6px 11px;
    }

    .bigPanneau:after {
        content: "";
        background: url('../../images/mobile/bigPanneauBottom.png') no-repeat center center;
        width: 260px;
        height: 12px;
        position: absolute;
        bottom: -12px;
        left: 0px;
    }

    .blockPush h3, .blockPush h3 span {
        font-size: 25px;
    }

    #page_detail-texte {
        padding: 0 30px;
        width: auto;
    }

    #page_detail-texte p {
        margin-left: 0px
    }

    #gridPush table td, .gridPush table td {
        display: block;
        margin-bottom: 20px;
    }

    #mouton_filtre {
        display: none;
    }

    #upPage {
        height: 25px;
        width: 36px;
        background: url(../../images/upPageMobile.png) center center no-repeat;
    }


    #block-bio-block-bio-block-bio-c-quoi-footer .bigPush {
        margin: 0 20px;
        text-align: center
    }

    #block-bio-block-bio-block-bio-c-quoi-footer {
        background: url('../../images/mobile/pushFooter.png') center center no-repeat;
        height: 355px;
        background-size: cover;
    }

    #block-bio-block-bio-block-bio-c-quoi-footer .bigPush p {
        font-size: 25px;
        padding: 0;
    }

    #block-bio-block-bio-block-bio-c-quoi-footer .bigPush p:after {
        background-image: none
    }

    /** Calendrier **/
    #tableauCalendrier {
        width: auto;
    }

    #tableauCalendrier .tableau {
        display: block;
        margin-bottom: 20px;
    }

    #tableauCalendrier .tableau .entete {
        height: 150px;
    }

    #tableauCalendrier .tableau#fruit > div, #tableauCalendrier .tableau#legume > div {
        background-size: 300px auto;
        width: 300px;
        background-position: center;
        padding: 0;
    }

    #tableauCalendrier .tableau#legume > div {
        padding-left: 0px;
    }

    #tableauCalendrier .tableau#fruit ul, #tableauCalendrier .tableau#fruit .entete, #tableauCalendrier .tableau#legume ul, #tableauCalendrier .tableau#legume .entete, #tableauCalendrier .tableau .footer {
        width: 300px;
        background-size: 300px auto;
        background-position: center
    }

    #tableauCalendrier .tableau#fruit .footer, #tableauCalendrier .tableau#legume .footer {
        background-size: 300px auto;
    }

    #tableauCalendrier .tableau ul li {
        width: 200px;
    }

    #tableauCalendrier .tableau ul li p {
        padding: 0;
        margin: 7px 0 0 0;
    }

    .page-recettes-et-conseils-calendriers-de-saison #block-bio-block-bio-block-bio-c-quoi-footer {
        display: none;
    }

    /** Conseil **/
    .greenboard, .greenboard .image, .greenboard .text {
        display: block;
        width: auto;
    }

    .greenboard .text .zone {
        padding: 0;
    }

    /** Nos magasin **/
    .view-grille-magasin { text-align: center; }
    .view-grille-magasin .views-row { margin-bottom: 20px; }
    .map-magasins {
        margin: 0;
    }

    .map-autocomplete {
    }

    .map-autocomplete-btn {
    }

    .map-autocomplete-text {
        color: #666;
        display: block;
        text-align: left;
        font-size: 14px
    }

    .map-controls {
        background: none;
        box-shadow: none;
        height: auto;
    }

    .map-controls div:last-child .map-autocomplete-text {
        margin-top: 20px;
    }

    .map-controls > div {
        text-align: left;
        padding-left: 10px;
        width: auto;
        display: block;
        margin-top: 10px;
        height: auto;
    }

    .map-geo-btn {
        margin-top: 10px;
        display: block;
        width: auto;
        background-color: #8cc63e;
        margin-left: 0;
        text-align: center;
        padding: 10px;
    }

    .map-canvas, .map-canvas.active {
        position: absolute;
        top: -9999px;
    }

    input.map-autocomplete {
        background: #e8e8e8;
        margin-top: 10px;
        width: 230px;
        margin-left: 0;
    }

    .map-controls:after {
        border: none;
    }

    /** Fiche magasin **/
    #serviceMagasin ul {
        width: auto;
        margin: 0;
        padding: 0;
    }

    #serviceMagasin .descService.fontSizeBig {
        display: none;
    }

    #serviceMagasin .item {
        width: auto;
    }

    #serviceMagasin .item div.image {
        width: 90px;
        padding-left: 0px;
    }

    /* SLIDE MAGASIN */
    /*
    #carouselMagasin { display:none; }
    #carouselMagasinMobile { display: block; }
    #carouselMagasin .controlSlideCTA { display: none; }

    #lst_actualiter { display: none; }

    #carouselMagasinMobile .controlSlideCTA { text-align: center; padding: 0px; position: absolute; bottom: 15px; width: 100%; }
    #carouselMagasinMobile .controlSlideCTA span { display: inline-block; margin: 0 4px; background: #fff; width: 6px; height: 6px; border-radius: 100%; }
    #carouselMagasinMobile .controlSlideCTA span.active { background: #8cc63e; }

    .indexImage { position: relative; width: 100%; height: 100px; }
    .indexImage .contentSlide { padding: 0; width: 100%; transition: none; height: 100px; }
    .indexImage .contentSlide ul { width: auto; display: none; margin: auto; height: 100px; }
    .indexImage .contentSlide ul.active { display: block; }
    */

    .slick-slider.slick-dotted { width: 250px; margin: auto; }
    .slick-slider.slick-dotted > button { display: none !important; }
    .slick-dots { display: block !important; }

    .itemActuMag .zonetext { display: block; }
    .itemActuMag .image,
    .itemActuMag .text { display: inline-block; }
    .itemActuMag .image { margin: 20px 0; }
    .itemActuMag table { display: none; }

    .page_detail .itemActuMag { margin: auto; width: 90%; }
    .page_detail .itemActuMag header { margin: 0; }

    /** Rejoingnez nous **/
    #rejoignezNous {
        padding-bottom: 1px;
        margin-bottom: 250px;
    }

    #tableauPushValeurs {
        display: none;
    }

    #recrutementLinkedIn {
        padding: 0px;
        position: absolute;
        bottom: -230px;
        width: 100%;
        left: 0px;
        background-position: center center;
        height: 170px;
    }

    #recrutementLinkedIn a {
        text-align: center;
    }

    #recrutementLinkedIn span {
        position: absolute;
        left: 50%;
        margin-left: -25%;
        bottom: 0;
    }

    #recrutementLinkedIn span:before {
        top: 1px;
    }

    #listePostes .blockPush {
        margin-top: 15px;
        margin-bottom: -25px;
    }

    #listePostes .blockPush h3 {
        font-size: 18px;
    }

    #listePostes .blockPush h3 span {
        font-size: 20px;
    }

    .itemRecrutement, .itemValeur {
        width: auto;
        padding: 15px;
    }

    .itemRecrutement header h1, .itemValeur header h1 {
        font-size: 18px;
        margin-top: 0;
    }

    .itemRecrutement .text, .itemValeur .text {
        padding: 0;
        font-size: 12px;
    }

    .itemRecrutement footer {
        padding-top: 0;
    }

    .itemRecrutement footer .firstLink {
        display: none;
    }

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

    .itemRecrutement footer .lastLink .poste {
        display: none;
    }

    .itemRecrutement footer .lastLink a {
        margin: 0;
    }

    /** Fiche produit **/
    #familleProduit .headerPage {
        width: auto;
    }

    .page_detail header div, .headerPage > div {
        padding-bottom: 0px;
    }

    .page_detail header h1, .headerPage h2, .headerPage h1 {
        margin-top: 0;
    }

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

    .owl-item > div > div {
        text-align: center;
    }

    #bio_push_produit_categorie .owl-buttons {
        display: block;
    }

    #bio_push_produit_categorie #owl-slide .itemSlideProduit {
        width: auto !important;
    }

    .itemSlideProduit h3 {
        padding: 0;
    }

    #familleProduit header {
        margin: 20px 0 50px 0;
    }

    .controleFamilleProduits a.prev, .controleFamilleProduits a.prev:hover {
        left: 20px;
        width: 0px
    }

    .controleFamilleProduits a.next, .controleFamilleProduits a.next:hover {
        right: 20px;
        width: 0px
    }

    .controleFamilleProduits a {
        top: 15px;
    }

    .no-slide #bio_push_produit_categorie .owl-carousel {
        width: auto !important;
    }

    .lstProduits {
        display: block;
        margin: 20px 0 0 0;
    }

    .lstProduits tr {
        display: block;
    }

    .lstProduits td.col-2 {
        padding: 0 0 0 50px;
        width: auto;
    }

    .lstProduits td.col-3 {
        padding: 0 0 0 50px;
        width: auto;
    }

    .lstProduits td.col-1 {
        padding: 0 0 0 50px;
        width: auto;
    }

    .lstProduits tr td {
        display: block;
    }

    /** Bio C Bon **/
    #bio_c_bon_panneau {
        display: none;
    }

    #bio_c_bon_content {
        width: 100%;
    }

    #bio_c_bon_content .text {
        padding-left: 20px;
    }

    #bio_c_bon_content h3:before {
        display: none;
    }

    #bio_c_bon_content h3 {
        left: 0;
    }

    #listeNodeActualiter {
        display: none;
    }





    /** Carte de fidelité **/

    /* Home page Carte de fidelité */
    #zoneHomepageUser > a { display: block; padding: 25px 25px 25px 75px ; font-size: 17.5px; font-family: 'appleberryregular'; color: #fff;  text-decoration: none; line-height: 23px; }
    #zoneHomepageUser > a.register { margin-bottom: 15px; background: url(../../images/ico-login-mobile.png) left center no-repeat #8cc63e; }
    #zoneHomepageUser > a.login { background: url(../../images/ico-register-mobile.png) left center no-repeat #8cc63e; }
    #zoneHomepageUser > a span { color: #096029; }

    #avantageMobile .slick-track > .avantage { display: block; padding-top: 130px; text-align: center; margin-bottom: 10px; }
    #avantageMobile .slick-track > .avantage.avantage1 { background: url(../../images/img-avantage1-mobile.png) top center no-repeat; }
    #avantageMobile .slick-track > .avantage.avantage2 { background: url(../../images/img-avantage2-mobile.png) top center no-repeat; }
    #avantageMobile .slick-track > .avantage.avantage3 { background: url(../../images/img-avantage3-mobile.png) top center no-repeat; }

    #avantageMobile .slick-track > .avantage > strong { display: inline-block; font-size: 17.5px; color: #096029; font-family: 'appleberryregular'; padding-bottom: 10px; margin-bottom: 10px;}
    #avantageMobile .slick-track > .avantage .hidden { display: none; }

    #avantageMobile .slick-track > .avantage .text { font-size: 0px; color: transparent; }
    #avantageMobile .slick-track > .avantage .text > b { color: #666; font-size: 14px; line-height: 20px; }
    #avantageMobile .slick-track > .avantage .text > span { color: #096029; font-size: 13px; text-decoration: underline; }
    #avantageMobile .slick-dots li.slick-active button { background: #8cc63e; }
    #avantageMobile .slick-dots li button { background: #ccc; }

    #avantageMobile.slick-slider.slick-dotted > button { display: block !important; }
    #avantageMobile.slick-slider.slick-dotted .slick-prev.slick-arrow { left: 5px; z-index: 503; }
    #avantageMobile.slick-slider.slick-dotted .slick-next.slick-arrow { right: 5px; z-index: 503; }

    .obtenir-carte-table > div:first-child .obtenir-carte-item { display: none; }
    .obtenir-carte .title  > span { font-size: 17.5px; }
    .obtenir-carte .title  { font-size: 20px; }
    .obtenir-carte-item .description:before { float:left; display:inline-block; width: 100px; height: 100px; background: url('../../images/mouton-carte-fidelite-magasin.png') no-repeat; background-size: 100%; content: ""; position: relative; left: -10px; }

    .section-carte-fidelite #avantagesCarteFideliter .blockPush h3 { font-size: 17.5px; text-align: left; }
    .section-carte-fidelite #avantagesCarteFideliter .blockPush h3 span { font-size: 20px; text-align: left; }

    #carteFideliteConteneur { display: block; padding: 15px; }
    #carteFideliteConteneur .headerPage { margin: 0px; }
    #carteFideliteConteneur .headerPage h2 { line-height: 30px; margin-bottom: 30px; }
    #carteFideliteConteneur .carte-fidelite-blocks { display: block; margin: 0; }

    #userPassForm.bio_c_bon_form .visuel { background: url(../../images/img-mouton-password-mobile.jpg) center bottom no-repeat; height: 90px; top: -80px;}


    #mobalAvantage { display: none; position: fixed; background: rgba(0,0,0,0.3); top: 0px; left: 0px; width: 100%; height: 100%; z-index: 504; }
    #mobalAvantage .close { position: absolute; top: 30px; right: 30px; display: block; background: url(../../images/img-close-mobile.png) no-repeat center center; width: 16px; height: 16px; z-index: 501; }
    #mobalAvantage .content { position: absolute; width: 230px; padding: 30px; background: #fff; top: 100px; left:50%; margin-left: -145px; }
    #mobalAvantage .content > strong { display: inline-block; font-size: 22.5px; color: #096029; font-family: 'appleberryregular'; padding-bottom: 10px; margin-bottom: 10px; display: block; }
    #mobalAvantage .content,
    #mobalAvantage .content b { color: #666; font-size: 14px; line-height: 20px; line-height: 20px; }

    #mobalAvantage.on { display: block; }


    .avantage-carte-item {
        padding: 0px 0 140px 0;
        margin-bottom: 50px;
        background-position: center bottom
    }

    .avantage-carte-table, .obtenir-carte-table, .avantage-carte, .obtenir-carte {
        width: auto;
        display: block;
    }

    .avantage-carte-table > div {
        display: block;
        width: auto;
    }

    .obtenir-carte-button {
        width: auto;
    }

    .obtenir-carte-table > div:first-child {
        display: block;
        width: auto;
    }

    aside.obtenir-carte {
        margin: 30px 0;
        padding: 0 30px;
    }

    /* Formulaire carte de fidelitié */
    .messages.error,
    .messages.success { width: 178px; margin: 20px auto; }

  #userRegisterForm.bio_c_bon_form,
  .bio_c_bon_form,
  #easiware-form.bio_c_bon_form {
      box-shadow: none;
      width: calc(100% + 60px);
      padding: 20px 0 75px 0;
      margin: 0px auto;
      margin-left: -30px;
  }
  #easiware-form.bio_c_bon_form {
    display: block;
    width: auto;
    margin: -30px 0 0;
    background-color:transparent;
  }

    #userRegisterForm.bio_c_bon_form .visuel { display: none;}

    #userLostForm.bio_c_bon_form{
        width:100%;
    }
    #userLostForm .visuel{
        width:100%!important;
        height:140px!important;
        background-size:contain!important;
        background-repeat: no-repeat!important;
        margin-left: -120px!important;
    }

    #userLostPage .lost-box{
        width:100%;
        height:250px;
    }

    #userLostPage .lost-box .lost-description{
        margin-left:0px;
        width:auto;
        padding-top:30px;
    }

    #userLostPage .lost-box .lost-mouton{
        left:0px;
        width:100%;
        background-size:contain;
        bottom:-20px;
    }


    #userRegisterForm.bio_c_bon_form .registration_step_container { margin: 0 0 17px 0px; width: 100%; position: static; table-layout: fixed; }
    #userRegisterForm.bio_c_bon_form .registration_step { width: auto;  padding: 0; }
    #userRegisterForm.bio_c_bon_form .registration_step span { font-size: 7px; }
    #user-register-form { position: relative; }
    #userRegisterForm .picto_validation { padding: 5px 0 5px 40px !important; }
    #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 { position: static; display: block; }

    #user-register-form .registration_step_2 span:before,
    #register-carte-fidelite-form .registration_step_2 span:before,
    #update-carte-fidelite-form .registration_step_2 span:before { position: static; display: block; }

    #user-register-form .registration_step_3 span:before,
    #register-carte-fidelite-form .registration_step_3 span:before,
    #update-carte-fidelite-form .registration_step_3 span:before { position: static; display: block; }


  #easiformarea {
    width: 240px;
    margin: auto;
    line-height: 1.4em;
  }
  .bio_c_bon_form .item-form,
  #easiformarea div[id^="easi_fielddiv_"],
  #easiformarea div[id^="easi_fielddiv_"] span { display: block; text-align: left; width: 240px; margin: auto; }
  .bio_c_bon_form .item-cell label span.form-required,
  #easiformarea label span.form-required {
    position: relative;
    right: 0;
    font-size: 0.4em;
    font-weight: normal;
    color: #096029;
    width: auto;
    display: inline-block;
  }
    .bio_c_bon_form .item-form .form-link { width: 240px; margin: auto; text-align: right; }
  .bio_c_bon_form .item-form select,
  .bio_c_bon_form .item-form input,
  #easiformarea input,
  #easiformarea select { margin: 0  0 15px !important }
    .bio_c_bon_form .password-parent { width: auto; }
    .bio_c_bon_form .item-cell { display: block; text-align: left; }
    .bio_c_bon_form .item-cell:first-child + .item-cell { display: none; }
    .bio_c_bon_form .poseBtn em { width: 240px; margin: auto; display: block; text-align: right; }
    .bio_c_bon_form .form-submit { width: 240px !important; margin: auto !important; display: block; }

    .bandeauGris { width: auto; height: auto; position: absolute; bottom: -10px; left: -30px; width: calc(100% + 60px); margin: 0; line-height: 1.2em; padding: 15px 0; }
    .bandeauGris a { display: block; text-align: center; margin-top: 10px; }

    .picto_validation { background-position: top center; padding: 45px 0 0 0; width: 240px; text-align: left; position: relative; margin-bottom: 15px;}
    .picto_validation:after {
        content: "";
        position: absolute;
        bottom: -1px;
        height: 3px;
        width: 100%;
        left: 0;
        background: url(../../images/point-vert.png);
    }

    .bio_c_bon_form .spam-warning,
    .bio_c_bon_form p { width: 240px; margin: auto; display: block; font-weight: normal; text-align: left; }
    .bio_c_bon_form .spam-warning { margin: 20px auto; }
    .bio_c_bon_form .item-cell > label {word-wrap: break-word;}

    /*  Login */
    #user-login { position: relative; }
    #userLoginForm.bio_c_bon_form { padding: 20px 0 105px 0px; margin: 100px auto 0px -30px }
    #userLoginForm.bio_c_bon_form .visuel { height: 85px; top: -70px; background: url(../../images/img-mouton-login-mobile.jpg) center bottom no-repeat }

    #user-pass { position: relative; }
    #userPassForm.bio_c_bon_form { padding: 20px 0 25px 0px; margin: 100px auto 0px -30px }


    #status-carte-fidelite-form { position: relative; }
    #userStatusForm.bio_c_bon_form { padding: 0px 0 25px 0px; margin: 200px auto 0px -30px }
    #userStatusForm.bio_c_bon_form .item-form  { width: 240px !important; margin: auto !important; padding: 0 !important; }

    #info-carte-fidelite-form { position: relative; }
    #update-carte-fidelite-form.bio_c_bon_form { padding: 20px 0 25px 0px; margin: 0px auto 0px -30px }
    #dashboard .dashboardTitle { font-size: 17.5px; line-height: 23px; padding: 0; margin: 0; border:0px none;}
    #dashboard .dashboardTitle > span { color: #fff; }

    #dashboard .dashboardBlock { display: block; }
    #dashboard .dashboardBlock:hover { border:0px none; }
    #dashboard .dashboardBlock .txColorBlanc { display: none; }
    /* dashboard */


    #dashboard .headerPage,
    .rendez-vous-naturo,
    #dashboard .dashboardBlock { width: auto; margin: 0 !important }

    #dashboard .dashboardBlock { margin: 0 0 15px 0!important; height: auto;   }
    #dashboard .dashboardBlock > div { display:table; padding: 15px; width: initial; margin: auto; height: auto; }
    #dashboard .dashboardBlock.first { margin-top: 25px !important; }

    #dashboard .dashboardTableItem { display: block; }
    #dashboard .dashboardBlock > div >  .dashboardTableItem:first-child,
    #dashboard .dashboardBlock.first > div >  .dashboardTableItem:first-child { width: 100px; display: table-cell; background-size: cover; height: 75px; background-size: auto 80px; background-position: center}

    #dashboard .dashboardBlock > div >  .dashboardTableItem:last-child { padding: 0; display: table-cell; }
    #dashboard .ctaDeconnexion { position: relative; left: -10px; width: 100%; padding: 15px 10px;bottom: -20px; background:#e0e0e0; display: block; color: #666; font-size: 14px; font-weight: bold; text-decoration: none; }
    #dashboard .ctaDeconnexion:before { content: ""; position: relative; width: 11px; height: 11px; background: url(../../images/ico-croix-mobile.jpg) center center; display: inline-block; top: 1px; left: -3px; }

    .rendez-vous-naturo { width: 300px; margin: 28.5px auto 20px auto !important; }
    .rendez-vous-naturo-table { display: table; }
    .rendez-vous-naturo-table > div { display: table-cell; vertical-align: middle; }
    .rendez-vous-naturo-table > div:first-child { width: 130px; }
    .rendez-vous-naturo-item .title { padding: 0px; margin: 0px; font-size: 17.5px; }
    .rendez-vous-naturo-item .title:after { content: none; }
    .rendez-vous-naturo-item .contentModal { display: none; }
    #ctaEnSavoirPLus > div { width: auto; }
    #titreRendezvous {  font-family: 'appleberryregular'; }
    #titreRendezvous .title { font-size: 20px; display: block; line-height: 22px; padding-bottom: 15px; margin-bottom: 15px; }

    .bio_c_bon_form .container-inline-date .date-padding {width: 240px; float: none; }
    .bio_c_bon_form  #edit-bio-civilite { width: auto; }
    .bio_c_bon_form  #edit-bio-civilite .form-item input.form-radio { width: auto !important; }
    #update-carte-fidelite-form .parpromenu { display: table; width: 240px; margin: 10px auto 0 auto; }
    #update-carte-fidelite-form.bio_c_bon_form .visuel { display: none; }
    #update-carte-fidelite-form .par,
    .bio_c_bon_form .container-inline-date .date-padding > div,
    #update-carte-fidelite-form .pro { display: table-cell; }
    .bio_c_bon_form .form-item-bio-newsletter { width: 240px; margin: auto; }

    #update-carte-fidelite-form .parpromenu > div { vertical-align: middle; }
    #update-carte-fidelite-form .pro,
    #update-carte-fidelite-form .par { font-size: 12.5px; line-height: 15px; padding: 9px 0; }

    #userStatusForm.bio_c_bon_form { margin-top: 0px; }
    #userStatusForm.bio_c_bon_form .visuel { display: none; }
    .page-carte-fidelite-status .headerPage header div,
    .bio_c_bon_form .form-item-bio-newsletter .option { font-size: 14px; color: #666; line-height: 20px; }


    /* NON TRAITÉ */
    .breadcrumb {
        display: none;
    }

    #sharing {
        display: none
    }

  /** Contact **/
  #postulerContactForm,
  #easiware-form {
    margin: 0px;
    padding: 10px;
    width: auto;
  }

    #postulerContactForm.bio_c_bon_form .visuel {
        display: none;
    }

    #postulerContactForm.bio_c_bon_form .item-cell, .bio_c_bon_form .poseBtn > div {
        display: block;
    }

    .bio_c_bon_form .poseBtn {
        display: block;
        margin: 0;
    }

    .bio_c_bon_form .poseBtn > div {
        padding: 10px 0;
    }

  .bio_c_bon_form .item-cell .line,
  #easiformarea div[id^="easi_fielddiv_"] span.line {
    display: none;
  }

  .bio_c_bon_form .item-form input,
  .bio_c_bon_form .item-form select,
  .bio_c_bon_form .item-form textarea,
  .bio_c_bon_form .form-submit,
  #easiformarea #validatebutton  {
    width: 100%;
    margin-top: 15px;
    float: auto;
  }

    .bio_c_bon_form .elementPrincipal {
        margin: 0;
    }

    /* SLIDER PUSH */
    .blockPush {
        padding: 0;
    }

    .blockPush .content {
        width: 228px;
    }

    .blockPush .item {
        height: 214px;
        width: 250px;
        margin: auto;
        padding: 0;
    }

    .blockPush .item img {
        width: 250px;
    }

    #newsletterconfirm.bio_c_bon_form {
        margin: 250px auto 80px auto;
        padding: 30px;
        width: 280px
    }

    /** Disable Hover effect **/
    .item.recettes:hover img {
        margin-top: 0px;
    }

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

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

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

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

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

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

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

    #whitezone .block h2 {
        padding-right: 90px;
        line-height: 1.3em
    }

    #pushHomeCalendrier:hover .bgColorVertClair {
        height: 0
    }

    #pushHomeCalendrier:hover img {
        top: 0px;
    }

    #pushHomeCalendrier img {
        height: 241px;
    }

    .node-type-bio-c-quoi .field-name-field-image-biocquoi, .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: auto
    }

    .node-type-bio-c-quoi h2 {
        line-height: 1.2em;
    }

    #recettes-et-conseils-search-form .form-item, #recettes-et-conseils-search-form label {
        width: 200px;
    }

    #recettes-et-conseils-search-form label {
        margin-left: 25px
    }

    .greenboard .zone h3 {
        font-size: 1.5em;
        padding: 0 30px 20px 30px;
    }

    .section-carte-fidelite .blockPush {
        margin-top: 20px
    }

    .section-carte-fidelite .blockPush h3, .section-carte-fidelite .blockPush h3 span {
        text-align: center;
        margin-left: 0px;
    }

    .section-carte-fidelite article {
        margin-top: 0
    }

    #listeProduitEntete h3 {
        text-align: center
    }

    .simplenews-subscribe, .simplenews-unsubscribe {
        margin-left: -15px;
    }

    #whitezone .item .content {
        display: block;
    }

    .obtenir-carte-button a {
        font-size: 10px;
    }



    /* MODIFICATION DU FOOTER !!!! */
    #block-bio-block-bio-block-bio-c-quoi-footer { display: none; }
    #block-bio-block-bio-block-amazon-prime { display: none; }
    #block-bio-block-bio-block-subscribe-simplenews { display: none; }

    #postionBottom { box-shadow: 0px 0 20px 0 rgba(0,0,0,0.3); }

    .card-banner .magasin-bonus-text {
        margin-left: 0px;
        padding-top:84px;

    }

    .card-banner .magasin-bonus-text-legal {
        margin-top: 20px;
    }

    .header-card-banner.txColorVertFoncer{
        display:none!important;
    }

    .card-banner #header.fixElement, .toolbar.card-banner header#header.fixElement{
        top: auto!important;
    }
}