@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900|Roboto:400,700');
@font-face {
    font-family: 'FontAwesome';
    src: url('police/fontawesome-webfont.eot?v=4.7.0');
    src: url('police/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
         url('police/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
         url('police/fontawesome-webfont.woff?v=4.7.0') format('woff'),
         url('police/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
         url('police/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alpine';
    src: url('police/alpine-webfont.woff2') format('woff2'),
         url('police/alpine-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/

body.ckeditor {
    margin: 10px;
    color: #333333;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.ckeditor a { color: #C92439; text-decoration: underline; }
.ckeditor a:hover, a:focus { color: #333333; }

.ckeditor h1 {
    font-family: "Maven Pro",sans-serif;
    font-size: 1.625em;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 0.75em;
    padding: 0;
    text-transform: uppercase;
}
.ckeditor h2 {
    font-family: "Maven Pro",sans-serif;
    font-size: 1.375em;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 0.75em;
    padding: 0;
    text-transform: uppercase;
}
.ckeditor h3 {
    font-family: "Maven Pro",sans-serif;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 0.75em;
    padding: 0;
    text-transform: uppercase;
}
.ckeditor h4 {
    color: #666;
    font-family: "Roboto",sans-serif;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0.75em;
}
.ckeditor h5 {
    color: #666;
    font-family: "Roboto",sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0.75em;
}

.ckeditor .js-iframeYoutube img {
    outline: 2px solid #C92439;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ===================================================================
 * LISTE NON ORDONNEE
 * =================================================================*/
.ckeditor ul {
    margin: 0 0 1em 1em;
    padding: 0;
}
.ckeditor ul li {
    padding: 0 0 0 20px;
    position: relative;
}
.ckeditor ul ul {
    margin-top: 1em;
}
.ckeditor ul ul:last-child {
    margin-bottom: 0;
}
.ckeditor ul li li {
    font-size: 1em;
}
.ckeditor ul li > ul > li {
    font-size: 0.875em; /*14/16*/
    padding: 0 0 3px 15px;
}

/* ===================================================================
 * LISTE  ORDONNEE
 * =================================================================*/
.ckeditor ol {
    counter-reset: li-counter;
    list-style-type: none;
    margin: 0 0 1em 1.5em;
    padding: 0;
}
.ckeditor ol ol {
    margin-top: 1em;
}
.ckeditor ol > li {
    padding: 0 0 4px;
    position: relative;
}
.ckeditor ol > li::before {
    content: counter(li-counter, decimal) ". ";
    counter-increment: li-counter;
    font-weight: 700;
    margin-right: 2px;
}
.ckeditor ol > li li::before {
    content: counter(li-counter, lower-latin) ". ";
}
/* ===================================================================
 * TABLEAU
 * =================================================================*/
.ckeditor table {
    width: 100%;
    margin: 1em 0;
    font-size: 1em;
    border-collapse: collapse;
}
.ckeditor table caption {
    background: #e1e1e1 none repeat scroll 0 0;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0.5em 1em;
    text-transform: uppercase;
}
.ckeditor table td {
    border: 1px solid #e1e1e1;
    padding: 0.5em 1em;
    border-style: solid !important;
}
.ckeditor table th {
    background: #efefef none repeat scroll 0 0;
    border-color: #e1e1e1;
    border-style: solid !important;
    border-width: 1px 0;
    color: #c92439;
    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.75em 1em;
    text-transform: uppercase;
}
.ckeditor table th:first-child {
    border-left-width: 1px;
}
.ckeditor table th:last-child {
    border-right-width: 1px;
}

/* ===================================================================
 * BOUTONS
 * =================================================================*/
.ckeditor .txtRouge { color: #C9263B !important; }
.ckeditor .btnRouge       { padding: 5px 10px; color: #FFFFFF !important; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.5;
                            text-transform: uppercase; text-decoration: none; background-color: #C9263B; transition: all 0.2s; border: 0 none; cursor: pointer; overflow: visible; }
.ckeditor .btnVert        { padding: 5px 10px; color: #FFFFFF !important; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.5;
                            text-transform: uppercase; text-decoration: none; background-color: #72BF44; transition: all 0.2s; border: 0 none; cursor: pointer; overflow: visible; }

/* LISTE DEROULANTE STYLES WYSIWYG */
li.cke_panel_listItem { font-family: "Roboto", Arial, Helvetica, sans-serif; }
li.cke_panel_listItem h1 { margin: 0; font-size: 1.625em; color: #333333; font-family: "Maven Pro",sans-serif; font-weight: 900; text-transform: uppercase; }
li.cke_panel_listItem h2 { margin: 0; font-size: 1.375em; color: #333333; font-family: "Maven Pro",sans-serif; font-weight: 900; text-transform: uppercase; }
li.cke_panel_listItem h3 { margin: 0; font-size: 1.125em; color: #666666; font-family: "Maven Pro",sans-serif; font-weight: 900; text-transform: uppercase; }
li.cke_panel_listItem h4 { margin: 0; font-size: 1.25em;  color: #666666; font-family: "Roboto",sans-serif;    font-weight: 700; }
li.cke_panel_listItem h5 { margin: 0; font-size: 1em;     color: #666666; font-family: "Roboto",sans-serif;    font-weight: 700; }

/* ===================================================================
 * BANNIERES DE MISE EN AVANT
 * =================================================================*/

/* Toutes les promos */
.MEA_thematiqueListe h3 a  { color: #C9263B; }
.MEA_thematiqueListe .item { margin: 0 0 30px; }

/* Styles communs */
.MEA_thematique img             { max-width: 100%; }
.MEA_thematique .inner          { overflow: hidden; }
.MEA_thematique .middle         { display: inline-block; line-height: 1.2; vertical-align: middle; }
.MEA_thematique .btn-noir       { color: #ffffff; text-transform: uppercase; text-decoration: none; font-weight: bold; background-color: #413937; transition: all 0.2s ease 0s; }
.MEA_thematique .btn-noir:hover { background-color: #71bf45; }
.MEA_thematique .btn-rouge      { color: #ffffff; text-transform: uppercase; text-decoration: none; font-weight: bold; background-color: #C9263B; transition: all 0.2s ease 0s; }
.MEA_thematique .blocPrix              { position: relative; float: left; }
.MEA_thematique .blocPrix.LV,
.MEA_thematique .blocPrix.autre        { padding-top: 0; }
.MEA_thematique .blocPrix .prix        { display: block; margin: 0 0 7px; color: #000000; line-height: 1; font-weight: 700; text-decoration: none; }
.MEA_thematique .blocPrix .prix .unit  { font-size: 2.5em; }
.MEA_thematique .blocPrix .prix .deci  { font-size: 1.167em; }
.MEA_thematique .blocPrix .prix .euro  { margin: 0 4px 0 2px; }
.MEA_thematique .blocPrix ins       { display: block; margin: 0 0 2px; color: #C9243A; line-height: 1; font-weight: 700; text-decoration: none; }
.MEA_thematique .blocPrix ins .unit { font-size: 2.5em; line-height: 25px; }
.MEA_thematique .blocPrix ins .deci { font-size: 1.167em; }
.MEA_thematique .blocPrix ins .euro { margin: 0 4px 0 2px; }
.MEA_thematique .blocPrix ins small { font-size: 0.5em; position: relative; bottom: 0.5em; }
.MEA_thematique .blocPrix ins img   { position: absolute; right: 0; top: 0.5em; }
.MEA_thematique .blocPrix .enCommande { margin: 10px 0; }
.MEA_thematique .blocPrix .auLieuDe { display: block; clear: both; color: #000000; }
.MEA_thematique .promoLV div        { margin-top: 0; }

#menu .MEA_thematique               { margin-bottom: 10px; }

/* Commun panier étape 1 + liste produits */
//.listeProduit .MEA_thematique   { position: absolute; right: 0; top: -29px; width: 399px; min-height: 105px; }
//.listeProduit .MEA_thematique a { margin: 0; color: #FFFFFF; text-decoration: none; font-weight: bold; }


.ckeditor [class*="Petit"] { max-width: 320px; }

/* PROMO INTERNET - Bannière générique
 * =================================================================*/

/* Grand format */
.owl .promoGeneriqueGrand .inner {
    height: 0;
    padding-bottom: 23.47%;
}
.owl .promoGeneriqueGrand .center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 15%;
}
.promoGeneriqueGrand {
    background: url(images/ban-promoGeneriqueEtoile.png) 100% 100% no-repeat #F8ED38;
    background-size: 200px auto;
}
.promoGeneriqueGrand .inner {
    padding-left: 15%;
    padding-bottom: 55px;
    position: relative;
    text-align: center;
    background: url(images/ban-promoGeneriqueExclam.png) 0 50% no-repeat transparent;
    background-size: auto 100%;
}
.promoGeneriqueGrand .accroche {
    margin: 25px auto 0;
    text-align: center;
}
.promoGeneriqueGrand .accroche img {
    margin: 0 auto;
    max-width: 60%;
}
.promoGeneriqueGrand .texte {
    margin: 20px 0 0;
    font-size: 1.25em;
    color: #000000;
}
.promoGeneriqueGrand .texte .middle {
    line-height: 1;
}
.promoGeneriqueGrand .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 15%;
}
.promoGeneriqueGrand .lien {
    display: inline-block;
    min-height: 48px;
    line-height: 45px;
    padding: 0 20px;
    font-size: 1.25em;
    font-weight: 400;
    text-transform: none;
    color: #FFFFFF;
}
.promoGeneriqueGrand .fond-noir {
    background-color: #413937;
}
.promoGeneriqueGrand .lien a {
    color: #FFFFFF;
    font-weight: 700;
}

/* Grand format - Spécifique slider */
.owl .promoGeneriqueGrand::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 23.47%;
}
.owl .promoGeneriqueGrand .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Grand format - Spécifique liste produits */

/* Grand format - Spécifique liste produits*/
.MEA_thematiqueRayon .promoGeneriqueGrand .inner { min-height: 150px; padding-bottom: 0; }
.MEA_thematiqueRayon .promoGeneriqueGrand .middle { line-height: 1.1; }
.MEA_thematiqueRayon .promoGeneriqueGrand .texte { text-align: center; }
.MEA_thematiqueRayon .promoGeneriqueGrand img {  }

.MEA_thematiqueRayon .promoGeneriqueGrand .accroche {
    margin-top: 15px;
    margin-bottom: 15px;
}
.MEA_thematiqueRayon .promoGeneriqueGrand .texte {
    margin-top: 10px;
    font-size: 1.125em;
}
.MEA_thematiqueRayon .promoGeneriqueGrand .lien {
    font-size: 1.125em;
    line-height: 37px;
    min-height: 37px;
}

/* Petit format (menu) */
.promoGeneriquePetit {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.owl .promoGeneriquePetit::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 50%;
    position: relative;
}
.owl .promoGeneriquePetit .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 150px;
}
.promoGeneriquePetit .inner {
    padding-bottom: 40px;
    text-align: center;
    box-sizing: border-box;
    background: #F8ED38;
}
.promoGeneriquePetit .inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
    background: url(images/ban-promoGeneriqueExclam.png) 0 0 no-repeat #F8ED38;
    background-size: contain;
}
.promoGeneriquePetit .accroche  {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -20px;
    margin-left: 35%;
    margin-right: 3.2%;
}
.promoGeneriquePetit .image {
    margin-top: 10px;
    margin-bottom: 8px;
}
.promoGeneriquePetit .texte {
    margin: 0px 0 0;
    line-height: 37px;
    font-size: 0.875em;
    font-weight: 500;
    color: #000000;
    text-align: left;
}
.promoGeneriquePetit .texte .middle {  }
.promoGeneriquePetit .texte .rouge { font-size: 1.154em; }
.promoGeneriquePetit .lien      { min-height: 20px; line-height: 15px; margin: 0 auto; color: #FFFFFF; font-size: 1em; font-weight: 400; text-transform: none; }
.promoGeneriquePetit .lien a    { color: #FFFFFF !important; font-weight: 700; text-decoration: underline !important; }
.promoGeneriquePetit .lien a:hover { background-color: #413937 !important; text-decoration: none !important; }
.promoGeneriquePetit .fond-noir {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.875em; line-height: 1.1; background-color: #413937; padding: 5px 10px;
}
.listeProduit .promoGeneriquePetit .inner { min-height: 150px; padding-bottom: 50px; }
.listeProduit .promoGeneriquePetit .middle { line-height: 1.1; }
.listeProduit .promoGeneriquePetit .accroche { position: relative; top: 0; transform: none; margin: 0 10px 0 100px; }
.listeProduit .promoGeneriquePetit .texte { text-align: center; }
.listeProduit .promoGeneriquePetit img { max-height: 55px; }

.menuAnimation .promoGeneriquePetit .inner { min-height: 145px; padding-bottom: 50px; }
.menuAnimation .promoGeneriquePetit .middle { line-height: 1.1; text-transform: none; }
.menuAnimation .promoGeneriquePetit .accroche { position: relative; top: 0; transform: none; margin: 0 10px 0 90px; }
.menuAnimation .promoGeneriquePetit .texte { text-align: center; }
.menuAnimation .promoGeneriquePetit a { font-size: 1em !important; display: inline !important; padding: 0 !important; }

.pageConnexion .promoGeneriquePetit .inner { min-height: 150px; padding-bottom: 50px; }
.pageConnexion .promoGeneriquePetit .middle { line-height: 1.1; }
.pageConnexion .promoGeneriquePetit .accroche { position: relative; top: 0; transform: none; margin: 0 10px 0 100px; }
.pageConnexion .promoGeneriquePetit .texte { text-align: center; }
.pageConnexion .promoGeneriquePetit img { max-height: 55px; }

/* PROMO INTERNET - Bannière produit
 * =================================================================*/

/* Grand format */
.promoProduitGrand .inner {
    position: relative;
    background: #FFFFFF;
    border: 3px solid #f8ed38;
    height: 260px;
    box-sizing: border-box;
}
.promoProduitGrand .inner .innerG::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    z-index: 2;
    border-left: 45px solid #f8ed38;
    border-top: 127px solid transparent;
    border-bottom: 127px solid transparent;
    height: 0;
    width: 0;
}
.promoProduitGrand .inner .innerG::before {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 45px;
    background: #fff;
}
.promoProduitGrand .inner .containerRight {
    float: right;
    width: calc(100% - 330px);
    height: 100%;
}
.promoProduitGrand .inner .containerRight::after {
  content: "";
  display: table;
  clear: both;
}
.promoProduitGrand .innerC {
    float: left;
    width: 37%;
}
.promoProduitGrand .innerD {
    float: right;
    width: 63%;
}
.promoProduitGrand .innerG {
    background: #F8ED38;
    width: 330px;
    position: relative;
}
.promoProduitGrand .innerG .exclu {
    padding-top: 20px;
    padding-left: 23px;
}
.promoProduitGrand .innerG .logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 23px;
    max-width: 100%;
    margin-top: -5px;
    z-index: 3;
    left: 0;
}
.promoProduitGrand .innerG .logo img {
    width: 100%;
    height: auto;
}
.promoProduitGrand .cell {
    float: left;
    height: 100%;
}
.promoProduitGrand .innerC .pdt-image {
    text-align: center;
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    position: relative;
}
.promoProduitGrand .innerC .pdt-image img {
    width: auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    padding: 20px;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.promoProduitGrand .date {
    padding: 7px 0 11px;
    line-height: 1;
    text-align: center;
    font-size: 1.334em;
    color: #c9263b;
    background: #f8ed38;
}
.promoProduitGrand .date strong {
    text-transform: lowercase;
}
.promoProduitGrand .pdt-libelle {
    min-height: 76px;
    line-height: 60px;
    margin: 0;
    box-sizing: border-box;
    padding: 10px 0;
    font-size: 24px;
    font-weight: bold;
    color: #201c1b;
    display: block;
}
.promoProduitGrand .pdt-ajout {
    position: absolute;
    right: 0;
    bottom: 0;
}
.promoProduitGrand .btn-noir {
    display: block;
    box-sizing: border-box;
    min-height: 48px;
    line-height: 46px;
    padding-left: 45px;
    padding-right: 25px;
    font-size: 1.334em;
    white-space: nowrap;
    background: url(images/fleche-droite-blanc.png) no-repeat scroll 22px 50% #413937;
}

.promoProduitGrand .prixLogo {
    display: block;
    width: 100%;
}
.promoProduitGrand .prixLogo::after {
    content: "";
    display: table;
    clear: both;
}
.promoProduitGrand .pdt-lvho {
    width: 220px;
    float: right;
}
.promoProduitGrand .promoLV {
    margin-top: 0;
}
.promoProduitGrand .pdt-prix {
    float: left;
    /*text-align: right;*/
    width: calc(100% - 220px);
    padding-right: 10px;
    box-sizing: border-box;
}
.promoProduitGrand .pdt-prix ins {
    display: block;
    line-height: 1em;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 26px;
    font-weight: 700;
    color: #ed1d24;
    white-space: nowrap;
    box-sizing: border-box;
}
.promoProduitGrand .pdt-prix ins > span {
    display: block;
}
.promoProduitGrand .pdt-prix ins > span span {
    display: inline-block;
}
.promoProduitGrand .pdt-prix .auLieuDe {
    font-size: 16px;
    color: #000;
    margin-top: 2px;
    display: block;
}

/* Grand format - Spécifique slider et ck editor */
.owl .promoProduitGrand .inner            { height: 277px; }
.ckeditor .promoProduitGrand .inner       { width: 944px !important; }
.ckeditor .promoProduitGrand .innerG      { width: 35.3% !important; min-height: 219px; }
.ckeditor .promoProduitGrand .innerC      { width: 24.57% /*235px*/ !important; }
.ckeditor .promoProduitGrand .innerD      { width: 40.13% /*371px*/ !important; }
.ckeditor .promoProduitGrand .innerC .pdt-image { line-height: 218px; }
.ckeditor .promoProduitGrand .blocPrix    { width: 180px !important; }
.ckeditor .promoProduitGrand .exclu       { position: absolute; left: 20px; top: 15px; }
.ckeditor .promoProduitGrand .logo        { position: absolute; left: 20px; top: 55px; }

/* Petit format */
.promoProduitPetit {
    position: relative;
    border: 3px solid #f8ed38;
    box-sizing: border-box;
    background: #fff;
}
.promoProduitPetit.banniereFD {
    border-color: #273583;
}
.promoProduitPetit.banniereFD .footer {
    background: #273583;
}
.promoProduitPetit.banniereFD .footer .theme {
    padding-top: 7px;
}
.promoProduitPetit.banniereFD .footer .pdt-ajout {
    margin-top: 6px;
}
.promoProduitPetit::before {
    /* décompense le border-bottom pour conserver le ratio */
    margin-bottom: -3px;
}

.pageConnexion .promoProduitPetit {
    margin-bottom: 25px;
    margin-top: 25px;
}
.pageConnexion .promoProduitPetit .pdt-libelle .middle {
    font-size: 13px;
}
.listeProduit .promoProduitPetit {
    margin-bottom: 25px;
}
.promoProduitPetit .pdt-libelle .middle {
    display: block;
    color: #000;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
}
.promoProduitPetit .inner::after {
    content: "";
    display: table;
    clear: both;
}
.owl .promoProduitPetit::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 50%;
}
.owl .promoProduitPetit .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 40px;
    left: 0;
}
.owl .promoProduitPetit .inner .pdt-image {
    margin-bottom: 0;
    height: 86%;
}
#menu .promoProduitPetit .inner {
    padding: 8px;
}
.promoProduitPetit .inner .pdt-image {
    float: left;
    width: 37%;
    min-height: 90px;
    margin-top: 10px;
    margin-bottom: 47px;
    position: relative;
}
.promoProduitPetit .inner .pdt-image img {
    position: absolute;
    /*height: 100%;*/
    max-height: 100%;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.promoProduitPetit .inner .pdt-info {
    float: right;
    width: 61%;
    margin: 10px 0;
    padding-right: 10px;
    box-sizing: border-box;
}
.promoProduitPetit .inner .promoLV {
    font-size: 9px;
    min-width: 0;
    width: 70px;
    padding: 0;
    position: relative;
    background-color: transparent;
}
.promoProduitPetit .inner .promoLV::after {
    border-color: #fff200 transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
    width: 0;
}
.promoProduitPetit .inner .promoLV .promoLVHaut {
    display: block;
    padding: 3px 3px;
    color: #fff;
    line-height: 1.15em;
    background-color: #ed1d24;
    border-radius: 3px 3px 0 0;
    white-space: nowrap;
}
.promoProduitPetit .inner .promoLV .promoLVBas {
    display: block;
    padding: 3px 3px;
    color: #ed1d24;
    line-height: 1.15em;
    background-color: #fff200;
    border-radius: 0 0 3px 3px;
    white-space: nowrap;
}
.promoProduitPetit .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    background: #F8ED38;
}
.promoProduitPetit .footer::after {
    content: "";
    display: table;
    clear: both;
}
.promoProduitPetit .footer .theme {
    float: left;
    width: 122px;
    margin: 0;
    box-sizing: border-box;
    padding: 2px 14px 4px 13px;
}
.promoProduitPetit .footer .theme img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
.promoProduitPetit .footer .pdt-ajout {
    width: 122px;
    float: right;
    margin: 0;
}
.promoProduitPetit .footer .pdt-ajout .btn-noir {
    height: 37px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    padding-top: 12px !important;
    padding-bottom: 13px !important;
    padding-left: 26px !important;
    padding-right: 11px !important;
    background: url(images/fleche-droite-blanc.png) no-repeat scroll 12px 50% #413937;
    background-size: 8px auto;
    transition: all 0.3s;
}
.promoProduitPetit .containerPrix::after {
    content: "";
    display: table;
    clear: both;
}
.promoProduitPetit .containerPrix .pdt-lvho {
    float: left;
}
.promoProduitPetit .containerPrix .pdt-prix {
    float: right;
    width: calc(100% - 80px);
    margin-top: 10px;
}
.promoProduitPetit .containerPrix .pdt-prix ins {
    color: #c9263b;
    text-decoration: none;
    display: block;
}
.promoProduitPetit .containerPrix .pdt-prix ins > span { display: block; }
.promoProduitPetit .containerPrix .pdt-prix ins > span > span {
    float: left;
    line-height: 20px;
}
.promoProduitPetit .containerPrix .pdt-prix ins > span > span.unit {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}
#menu .promoProduitPetit .containerPrix .pdt-prix ins > span > span.unit {
    font-size: 12px;
}
#menu .promoProduitPetit .containerPrix .pdt-prix ins > span > span:not(.unit) {
    font-size: 10px;
}
#menu .promoProduitPetit::before {
    content: none;
}
#menu .promoProduitPetit .inner {
    position: relative;
    padding: 0;
}
#menu .promoProduitPetit .inner .pdt-image {
    width: 32%;
}
#menu .promoProduitPetit .inner .pdt-image img {
    position: static;
    transform: none;
}
#menu .promoProduitPetit .inner .pdt-info {
    width: 66%;
}
.promoProduitPetit .containerPrix .pdt-prix ins > span > span.point {
    padding-left: 1px;
}
.promoProduitPetit .containerPrix .pdt-prix ins > span > span:not(.unit) {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    padding-top: 1px;
}
.promoProduitPetit .containerPrix .pdt-prix .auLieuDe {
    font-size: 0;
    display: block;
}
.promoProduitPetit .containerPrix .pdt-prix .auLieuDe del {
    font-size: 9px;
    color: #666666;
    line-height: 1em;
    display: block;
}
.promoProduitPetit .footer .pdt-ajout .btn-noir:hover { background: url(images/fleche-droite-blanc.png) no-repeat scroll 12px 50% #71bf43; background-size: 8px auto; }

/* PROMO FUTURE
 * =================================================================*/

/* Grand format */
.promoFuturGrand .inner       { position: relative; background: #FFFFFF; border: 3px solid #f8ed38; }
.promoFuturGrand .innerG      { float: left;  background: url(images/ban-promoProduitGauche.png) 100% 50% no-repeat #F8ED38; }
.promoFuturGrand .innerD      { float: right; }
.promoFuturGrand .accroche .image img { margin: 17px auto 2px; }
.promoFuturGrand .accroche .texte     { margin: 0; text-align: center; color: #000000; text-transform: uppercase; font-size: 1.667em; font-weight: 500;  }
.promoFuturGrand .produit     { overflow: hidden; }
.promoFuturGrand .pdt-gauche  { float: left; }
.promoFuturGrand .pdt-droite  { float: right; }
.promoFuturGrand .produit img { margin: 0 auto; padding-left: 50px; }
.promoFuturGrand .pdt-libelle { margin: 5px 0 0; min-height: 70px; line-height: 60px; font-size: 1.667em; font-weight: bold; color: #000000; }
.promoFuturGrand .promo-date  { float: left; padding: 9px 10px 7px; color: #FFFFFF; background: #413937; }
.promoFuturGrand .promotion   { font-size: 1.334em; font-weight: 500; text-transform: uppercase; line-height: 1; }
.promoFuturGrand .date        { font-size: 1.667em; font-weight: bold; text-transform: lowercase; }

/* Grand format - Spécifique slider et ck editor */
.ckeditor .promoFuturGrand .inner  { width: 944px !important; }
.ckeditor .promoFuturGrand .innerG { width: 35% !important; min-height: 219px; }
.ckeditor .promoFuturGrand .innerD { width: 65% !important; }
.ckeditor .promoFuturGrand .logo   { position: absolute; left: 20px; top: 55px; }
.ckeditor .promoFuturGrand .pdt-gauche  { width: 40% !important; }
.ckeditor .promoFuturGrand .pdt-droite  { width: 60% !important; }
.ckeditor .promoFuturGrand .accroche .image img { display: block; max-width: 352px !important; }

/* Grand format - Spécifique panier étape 1 + liste produits */
.MEA_thematiqueMoyen .promoFuturGrand .innerG { width: 30%; min-height: 99px }
.MEA_thematiqueMoyen .promoFuturGrand .innerD { width: 70%; }
.MEA_thematiqueMoyen .promoFuturGrand .logo   { max-width: 89px; position: absolute; left: 8px; top: 30px; }
.MEA_thematiqueMoyen .promoFuturGrand .accroche { text-align: center; }
.MEA_thematiqueMoyen .promoFuturGrand .accroche .image img { max-width: 163px; margin: 7px auto 0; }
.MEA_thematiqueMoyen .promoFuturGrand .accroche .texte { font-size: 0.834em; }
.MEA_thematiqueMoyen .promoFuturGrand .produit img { padding: 0; }
.MEA_thematiqueMoyen .promoFuturGrand .pdt-gauche  { width: 22%; }
.MEA_thematiqueMoyen .promoFuturGrand .pdt-droite  { width: 78%; }
.MEA_thematiqueMoyen .promoFuturGrand .pdt-libelle { width: 52%; min-height: 59px; line-height: 57px; font-size: 0.917em; float: left; }
.MEA_thematiqueMoyen .promoFuturGrand .pdt-libelle .middle { margin: 0 5px; }
.MEA_thematiqueMoyen .promoFuturGrand .promo-date  { position: absolute; right: 0; bottom: 0; width: 20%; padding: 4px 10px 5px; text-align: center; line-height: 1.2; }
.MEA_thematiqueMoyen .promoFuturGrand .promotion,
.MEA_thematiqueMoyen .promoFuturGrand .date        { font-size: 0.834em; line-height: inherit; }

/* Grand format - Spécifique popup */
.MEA_thematiquePopup .promoFuturGrand .inner  { min-height: 164px; }
.MEA_thematiquePopup .promoFuturGrand .innerG { width: 35.7%; min-height: 164px; }
.MEA_thematiquePopup .promoFuturGrand .innerD { width: 64.3%; }
.MEA_thematiquePopup .promoFuturGrand .logo   { max-width: 132px; position: absolute; left: 14px; top: 55px; }
.MEA_thematiquePopup .promoFuturGrand .accroche { text-align: center; }
.MEA_thematiquePopup .promoFuturGrand .accroche .image img { display: block; max-width: 261px; margin: 16px auto 1px; }
.MEA_thematiquePopup .promoFuturGrand .accroche .texte { font-size: 1.334em; font-weight: 400; }
.MEA_thematiquePopup .promoFuturGrand .produit img { padding: 0; }
.MEA_thematiquePopup .promoFuturGrand .pdt-gauche  { width: 29%; }
.MEA_thematiquePopup .promoFuturGrand .pdt-droite  { width: 71%; }
.MEA_thematiquePopup .promoFuturGrand .pdt-libelle { min-height: 45px; line-height: 44px; margin: 0 0 5px; font-size: 1em; }
.MEA_thematiquePopup .promoFuturGrand .promo-date  { float: none; margin: 0 13px 0 0; padding: 4px 0 5px; text-align: center; line-height: 1.2; }
.MEA_thematiquePopup .promoFuturGrand .promotion   { font-size: 1em; line-height: inherit; }
.MEA_thematiquePopup .promoFuturGrand .date        { font-size: 1.25em; line-height: inherit; }

/* Accueil (droite) */
.promoFuturAccueil                  { width: 218px; background: #FFFFFF; border: 3px solid #f8ed38; }
.promoFuturAccueil .header          { height: 34px; line-height: 27px; text-align: center; font-size: 1.092em; color: #c9263b; background: #f8ed38; }
.promoFuturAccueil .header span     { max-width: 170px; }
.promoFuturAccueil .inner           { min-height: 142px; padding: 0 7px; }
.promoFuturAccueil .accroche img    { display: block; max-width: 180px; margin: 15px auto 2px; color: #c9263b; text-transform: uppercase; font-size: 1.667em; letter-spacing: 1px; }
.promoFuturAccueil .accroche .texte { text-align: center; color: #c9263b; text-transform: uppercase; font-size: 1em; font-weight: 500;  }
.promoFuturAccueil .pdt-libelle     { float: left; width: 50%; font-size: 1.084em; color: #201c1b; font-weight: bold; line-height: 1.231; }
.promoFuturAccueil .pdt-image       { float: left; width: 50%; text-align: center; }
.promoFuturAccueil .pdt-image img   { max-height: 50px; max-width: 100%; }
.promoFuturAccueil .footer          { overflow: hidden; background: #f8ed38; }
.promoFuturAccueil .theme           { text-align: center; }
.promoFuturAccueil .theme img       { width: 96px; height: auto; margin: 4px 6px; }

/* L'EXIGENCE PRIX - Bannière générique
 * =================================================================*/

/* Grand format */
.exigenceGeneriqueGrand .inner {
    position: relative;
    background: url(images/ban-exigenceGeneriqueGrand.jpg) 100% 0 no-repeat #f8f8f8;
    background-size: contain;
    border: 1px solid #dadada;
    box-sizing: border-box;
}
.exigenceGeneriqueGrand .picto {
    position: absolute;
    left: 3%;
    top: 50%;
}
.exigenceGeneriqueGrand .accroche {
    text-align: center;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.exigenceGeneriqueGrand .image img    { margin: 0 auto 16px; }
.exigenceGeneriqueGrand .texte        { font-size: 1.25em; font-weight: 300; line-height: 1; color: #000000; }
.exigenceGeneriqueGrand .texte strong { font-weight: 700; }

/* Grand format - Spécifique slider et ck editor */
.MEA_thematiqueMoyen .exigenceGeneriqueGrand .inner,
.carouselThematique .exigenceGeneriqueGrand .inner,
.ckeditor .exigenceGeneriqueGrand .inner {
    height: 0;
    padding-bottom: 23.47%;
}
.MEA_thematiqueMoyen .exigenceGeneriqueGrand .picto,
.carouselThematique .exigenceGeneriqueGrand .picto,
.ckeditor .exigenceGeneriqueGrand .picto {
    max-width: 19%;
    left: 3%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.MEA_thematiqueMoyen .exigenceGeneriqueGrand .accroche,
.carouselThematique .exigenceGeneriqueGrand .accroche,
.ckeditor .exigenceGeneriqueGrand .accroche {
    margin: 0 3% 0 25%;
    max-width: 560px;
    padding: 18px 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.MEA_thematiqueMoyen .exigenceGeneriqueGrand .image img,
.carouselThematique .exigenceGeneriqueGrand .image img,
.ckeditor .exigenceGeneriqueGrand .image img {
    max-width: 68%;
}

/* Grand format - Spécifique liste produits  */
.MEA_thematiqueRayon .exigenceGeneriqueGrand .inner {
    min-height: 160px;
    background-size: cover;
}
.MEA_thematiqueRayon .exigenceGeneriqueGrand .picto {
    width: 100px;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.MEA_thematiqueRayon .exigenceGeneriqueGrand .picto img {
    display: block;
}
.MEA_thematiqueRayon .exigenceGeneriqueGrand .accroche {
    position: absolute;
    left: 120px;
    top: 50%;
    right: 10px;
    padding: 7px 30px 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.MEA_thematiqueRayon .exigenceGeneriqueGrand .image img {
    display: block;
    max-width: 240px;
    margin: 13px auto 5px;
}
.MEA_thematiqueRayon .exigenceGeneriqueGrand .texte {
    margin: 0;
    line-height: 1.2;
}


/* Grand format - Spécifique popup  */
.MEA_thematiquePopup .exigenceGeneriqueGrand .inner {
    min-height: 168px;
    background-size: cover;
}
.MEA_thematiquePopup .exigenceGeneriqueGrand .picto {
    width: 90px;
}
.MEA_thematiquePopup .exigenceGeneriqueGrand .accroche {
    position: absolute;
    left: 106px;
    top: 40px;
    right: 10px;
    padding: 2px 5px 12px;
}
.MEA_thematiquePopup .exigenceGeneriqueGrand .image img {
    display: block;
    max-width: 220px;
    margin: 15px auto 8px;
}
.MEA_thematiquePopup .exigenceGeneriqueGrand .texte {
    margin: 0;
    font-size: 1em;
    line-height: 1.2;
}

/* Petit format (menu) */
.exigenceGeneriquePetit {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.exigenceGeneriquePetit::before {
    content: "";
    display: block;
    width: 100%;
    min-height: 150px;
    position: relative;
}
.exigenceGeneriquePetit .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 150px;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.exigenceGeneriquePetit .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.exigenceGeneriquePetit .picto,
.exigenceGeneriquePetit .accroche {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.exigenceGeneriquePetit .picto {
    float: left;
    min-width: 20%;
    max-width: 90px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.exigenceGeneriquePetit .picto::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 125px;
    background: url(images/ban-exigenceGeneriquePetit.jpg) -2px -3px no-repeat #fff;
    background-size: 180px auto;
}
.exigenceGeneriquePetit .picto img {
    display: block;
    height: auto;
    position: relative;
}
.exigenceGeneriquePetit .accroche {
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
}
.exigenceGeneriquePetit .accroche .texte {
    line-height: 1.2;
    color: #000000;
}
.exigenceGeneriquePetit .accroche .grand {
    font-size: 1.25em;
    font-weight: 700;
    color: #C9263B;
}
.exigenceGeneriquePetit .btn-rouge {
    display: block;
    line-height: 35px;
    padding: 0 10px 0 0;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    clear: both;
    background: none !important;
}
.exigenceGeneriquePetit .btn-rouge::before {
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    position: absolute;
    left: -10%;
    top: -5%;
    z-index: -1;
    transform: rotate(-1deg);
    background: #C92439;
    transition: all 0.2s ease 0s;
}
.exigenceGeneriquePetit .btn-rouge:hover::before {
    background-color: #9e1c2d;
}
.exigenceGeneriquePetit .btn-rouge span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding: 0 20px 0 0;
    background: url(images/fleche-droite-blanc.png) 100% 50% no-repeat transparent;
    position: relative;
}

/* Slider accueil */
.owl .exigenceGeneriquePetit::before {
    min-height: 0;
    padding: 0 0 50%;
}

/* Authentification */
.MEA_thematiquePopup .exigenceGeneriquePetit {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1);
}

/* Rayon */
.MEA_thematiqueRayon .exigenceGeneriquePetit .picto {
    max-width: 85px;
}

/* Menu promotions */
#menu .exigenceGeneriquePetit {
    text-transform: none;
}
#menu .exigenceGeneriquePetit::before {
    min-height: 120px;
}
#menu .exigenceGeneriquePetit .inner {
    min-height: 0;
}
#menu .exigenceGeneriquePetit .accroche {
    font-size: 0.875em;
}
#menu .exigenceGeneriquePetit .picto {
    min-width: 0;
}
#menu .exigenceGeneriquePetit .picto img {
    width: 56px;
}
#menu .exigenceGeneriquePetit .btn-rouge {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    padding: 0 10px 0 0;
}

/* L'EXIGENCE PRIX - Bannière date (champ produit)
 * =================================================================*/

/* Grand format */
.exigenceProduitGrand .inner {
    position: relative;
    background: url(images/ban-exigenceProduitGrand.jpg) 0 0 no-repeat #F8F8F8;
    border: 1px solid #dadada;
    height: 260px;
    background-size: auto 260px;
}
.exigenceProduitGrand .inner::before {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 23.47%;
    position: relative;
    display: block;
}
.exigenceProduitGrand .picto {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.exigenceProduitGrand .picto img {
    display: block;
    height: auto;
}
.exigenceProduitGrand .date {
    position: absolute;
    right: 0;
    top: 50px;
    width: calc(50% - 90px);
    min-height: 97px;
    line-height: 85px;
    padding: 0 20px 0 25px;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    color: #FFFFFF;
    background: url(images/quadrillage-exigence.jpg) 0 0 no-repeat #c9263b;
}
.exigenceProduitGrand .voir {
    position: absolute;
    right: 0;
    top: 147px;
    width: auto !important;
}
.exigenceProduitGrand .btn-noir {
    display: block;
    width: 190px;
    line-height: 1em;
    box-sizing: border-box;
    padding: 17px 20px 17px 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-family: "Roboto", sans-serif;
    background: url(images/fleche-droite-blanc.png) no-repeat scroll 20px 50% #413937;
}

/* Grand format - Spécifique slider et ck editor */
.owl .exigenceProduitGrand .inner { height: auto; background-size: auto 100%; }
.ckeditor .exigenceProduitGrand .inner     { width: 948px !important; min-height: 219px; }
.ckeditor .exigenceProduitGrand .picto     { width: auto !important; }
.ckeditor .exigenceProduitGrand .picto img { max-width: 183px !important; }
.ckeditor .exigenceProduitGrand .date      { width: 360px !important; }

/* Grand format - Spécifique panier étape 1 + liste produits */
.MEA_thematiqueMoyen .exigenceProduitGrand .inner       { min-height: 103px; background-image: url(images/ban-exigenceGeneriquePetitGauche.jpg); background-size: contain; }
.MEA_thematiqueMoyen .exigenceProduitGrand .picto       { left: 115px; top: 7px; margin: 0; }
.MEA_thematiqueMoyen .exigenceProduitGrand .picto img   { display: block; max-width: 85px; height: auto; }
.MEA_thematiqueMoyen .exigenceProduitGrand .date        { top: 28px; left: 200px; min-height: 45px; line-height: 43px; padding: 0 0 0 15px; font-size: 1.084em; }
.MEA_thematiqueMoyen .exigenceProduitGrand .voir        { bottom: 0; }
.MEA_thematiqueMoyen .exigenceProduitGrand .btn-noir    { width: 93px; min-height: 30px; line-height: 30px; padding-left: 23px; font-size: 0.834em; background-position: 10px 50%; background-size: 6px auto; }

/* Grand format - Spécifique popup */
.MEA_thematiquePopup .exigenceProduitGrand .inner       { min-height: 168px; background-image: url(images/ban-exigenceGeneriquePetitGauche.jpg); }
.MEA_thematiquePopup .exigenceProduitGrand .picto       { left: 138px; top: 20px; margin: 0; }
.MEA_thematiquePopup .exigenceProduitGrand .picto img   { display: block; max-width: 127px; height: auto; }
.MEA_thematiquePopup .exigenceProduitGrand .date        { top: 50px; left: 265px; min-height: 67px; line-height: 65px; padding: 0 0 0 15px; font-size: 1.5em; }
.MEA_thematiquePopup .exigenceProduitGrand .voir        { display: none; bottom: auto; top: 100px; }
.MEA_thematiquePopup .exigenceProduitGrand .btn-noir    { width: 122px; min-height: 40px; line-height: 40px; padding-left: 36px; font-size: 1.084em; background-position: 16px 50%; background-size: 8px auto; }

/* Petit format */
.exigenceProduitPetit {
    max-width: 100%;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    min-height: 160px;
    background: url(images/ban-exigenceProduitGrand.jpg) -35px 0 no-repeat #F8F8F8;
    border: 1px solid #dadada;
    background-size: auto 127px;
    overflow: hidden;
}
.pageConnexion .exigenceProduitPetit {
    background: #F8F8F8;
}
.exigenceProduitPetit .inner {
    position: relative;
    height: 125px;
    display: block;
}
.exigenceProduitPetit .picto {
    float: left;
    width: 40%;
}
.exigenceProduitPetit .picto img {
    width: 85px;
    margin: 10px 0 0 15px;
}
#menu .exigenceProduitPetit { background: #F8F8F8; border: none; min-height: 140px; }
#menu .exigenceProduitPetit .accroche { width: 140px; }
.exigenceProduitPetit .accroche {
    float: right;
    margin-top: 35px;
    width: 175px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    color: #c9263b;
    box-sizing: border-box;
    padding-right: 10px;
}
.exigenceProduitPetit .footer {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.exigenceProduitPetit .footer .btn-rouge {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background: url(images/fleche-droite-blanc.png) no-repeat scroll left 50% #c9263b;
    background-position: right 10px top 50%;
    background-size: 10px auto;
    padding-right: 32px;
    text-align: right;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    padding: 6px 32px 6px 10px !important;
    font-size: 15px !important;
}
.exigenceProduitPetit .footer .btn-rouge::after {
    background: #c9263b;
    content: "";
    display: block;
    height: 100%;
    left: -20px;
    position: absolute;
    top: -3px;
    transform: rotate(-0.8deg);
    width: calc(100% + 40px);
    z-index: -1;
}


/* 1 JOUR, 1 PRIX, 1 PRODUIT - Bannière générique
 * =================================================================*/

/* Grand format */
.jppGeneriqueGrand {
    position: relative;
    overflow: hidden;
}
.jppGeneriqueGrand .inner {
    padding-left: 30%;
    color: #FFFFFF;
    background: #413937;
    position: relative;
}
.jppGeneriqueGrand .inner::before {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 23.47%;
    position: relative;
    display: block;
}
.jppGeneriqueGrand .picto {
    position: absolute;
    left: 2%;
    top: 0;
    width: 28%;
    max-width: 294px;
    height: 100%;
    background: url(images/ban-jppPictoBig.png) 50% 42% no-repeat transparent;
    background-size: 100% auto;
    z-index: 2;
}
.jppGeneriqueGrand .picto img {
    visibility: hidden;
    position: absolute;
    left: 0;
    left: 0;
    width: 0;
    height: 0;
}
.jppGeneriqueGrand .accroche {
    padding-left: 55px;
    padding-bottom: 40px;
    min-height: 47px;
    line-height: 40px;
    font-size: 1.875em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(images/ban-jppCalendrierBig.png) 0 0 no-repeat #413937;
    background-size: 42px auto;
}
.jppGeneriqueGrand .accroche strong {
    display: block;
}
.jppGeneriqueGrand .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.jppGeneriqueGrand .btn-rouge {
    display: block;
    line-height: 35px;
    padding: 0 10px 0 0;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    clear: both;
    background: none !important;
}
.jppGeneriqueGrand .btn-rouge::before {
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    position: absolute;
    left: -10%;
    top: 5%;
    z-index: -1;
    transform: rotate(-1deg);
    background: #C92439;
    transition: all 0.2s ease 0s;
}
.jppGeneriqueGrand .btn-rouge:hover::before {
    background-color: #9e1c2d;
}

.jppGeneriqueGrand .btn-rouge span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding: 0 20px 0 0;
    background: url(images/fleche-droite-blanc.png) 100% 50% no-repeat transparent;
    position: relative;
}

.owl .jppGeneriqueGrand {
    position: relative;
}
.owl .jppGeneriqueGrand::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 23.47%;
    width: 100%;
}
.owl .jppGeneriqueGrand .inner {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 50px;
}
.owl .jppGeneriqueGrand .accroche {
     background-size: 61px auto;
     padding-left: 80px;
}
.owl .jppGeneriqueGrand .btn-rouge {
    line-height: 40px;
    font-size: 1.5em;
    padding-right: 20px;
}
.MEA_thematiqueRayon .jppGeneriqueGrand .inner {
    min-height: 110px;
}
.MEA_thematiqueRayon .jppGeneriqueGrand .picto {
    left: 5%;
    width: 155px;
}
.MEA_thematiqueRayon .jppGeneriqueGrand .accroche {
    padding-left: 47px;
    font-size: 1.25em;
    background-size: 42px auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Petit format */
.jppGeneriquePetit {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.jppGeneriquePetit::before {
    content: "";
    display: block;
    width: 100%;
    min-height: 143px;
    /*height: 0;*/
    /*padding: 0 0 50%;*/
    position: relative;
}
.jppGeneriquePetit .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 150px;
    padding-bottom: 40px;
    box-sizing: border-box;
    color: #FFFFFF;
    background: #413937;
}
.jppGeneriquePetit .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.jppGeneriquePetit .picto,
.jppGeneriquePetit .accroche {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.jppGeneriquePetit .picto {
    float: left;
    min-width: 20%;
    max-width: 100px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
/*
.jppGeneriquePetit .picto {
    position: absolute;
    z-index: 1;
    left: -20px;
    top: -23px;
    width: 170px;
    height: 130px;
    background: url(images/ban-jppPicto.png) 0 0 no-repeat transparent;
}
*/
.jppGeneriquePetit .picto img {
    display: block;
    height: auto;
    position: relative;
}
.jppGeneriquePetit .accroche {
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
    text-transform: uppercase;
    line-height: 84px;
}

.jppGeneriquePetit .btn-rouge {
    display: block;
    line-height: 30px;
    padding: 0 10px 10px 0;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    clear: both;
    background: none !important;
}
.jppGeneriquePetit .btn-rouge::before {
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    position: absolute;
    left: -10%;
    top: -5%;
    z-index: -1;
    transform: rotate(-1deg);
    background: #C92439;
    transition: all 0.2s ease 0s;
}
.jppGeneriquePetit .btn-rouge:hover::before {
    background-color: #9e1c2d;
}

.jppGeneriquePetit .btn-rouge span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding: 0 20px 0 0;
    background: url(images/fleche-droite-blanc.png) 100% 50% no-repeat transparent;
    position: relative;
}

.owl .jppGeneriquePetit::before {
    min-height: 0;
    padding-bottom: 50%;
}

.menuAnimation .jppGeneriquePetit::before {
    content: none;
}
.menuAnimation .jppGeneriquePetit .inner {
    position: static;
    height: 120px;
    min-height: 120px;
}
.menuAnimation .jppGeneriquePetit .accroche {
    text-align: left;
}
.menuAnimation .jppGeneriquePetit .btn-rouge {
    line-height: 25px;
    padding: 0 10px 0 0 !important;
}
.menuAnimation .jppGeneriquePetit .picto img {
    margin-top: 10px;
}

.MEA_thematiquePopup .jppGeneriquePetit {

}
.MEA_thematiquePopup .jppGeneriquePetit::before {
    content: none;
}
.MEA_thematiquePopup .jppGeneriquePetit .inner {
    position: static;
    height: 140px;
    min-height: 140px;
}
.MEA_thematiquePopup .jppGeneriquePetit .accroche {
    text-align: left;
}
.MEA_thematiquePopup .jppGeneriquePetit .picto img {
    margin-top: 10px;
}


/* 1 JOUR, 1 PRIX, 1 PRODUIT - Bannière produit
 * =================================================================*/

/* Grand format */
.jppProduitGrand              { max-width: 100%; border: none; overflow: hidden; }
.jppProduitGrand .inner {
    background: #fff;
    border: 1px solid #212121;
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 260px;
    background: url(images/ban-jppProduitGrandR.png) no-repeat right top;
    background-color: #fff;
    padding-right: 151px;
}
.jppProduitGrand .inner .left {
    float: left;
    width: 328px;
    height: 100%;
    background: url(images/ban-jppProduitGrandL.png) no-repeat left top;
    box-sizing: border-box;
    padding: 0 70px 0 30px;
}
.jppProduitGrand .inner .right {
    float: right;
    width: calc(100% - 328px);
    box-sizing: border-box;
    height: 100%;
    padding-top: 20px; padding-bottom: 20px;
    position: relative;
}
.jppProduitGrand .inner .right::after {
  content: "";
  display: table;
  clear: both;
}
.jppProduitGrand .inner .pdt-image {
    left: 0;
    position: absolute;
    text-align: center;
    width: 40%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.jppProduitGrand .inner .pdt-image img {
    display: inline-block;
    max-width: 160px;
    width: 100%;
}
.jppProduitGrand .inner .pdt-info {
    float: right;
    width: 60%;
}
.jppProduitGrand .inner .pdt-libelle {
    font-family: "Roboto", sans-serif;
    font-size: 32px;
    line-height: 1em;
    margin-bottom: 12px;
    color: #000;
    font-weight: 500;
}
.jppProduitGrand .inner .pdt-prix ins { text-decoration: none; line-height: 1em; }
.jppProduitGrand .inner .pdt-prix ins span { color: #c92233; line-height: 1em; }
.jppProduitGrand .inner .pdt-prix ins .unit, .jppProduitGrand .inner .pdt-prix ins .point, .jppProduitGrand .inner .pdt-prix ins .deci {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 36px;
}
.jppProduitGrand .inner .pdt-prix ins .euro, .jppProduitGrand .inner .pdt-prix ins .ht { font-size: 24px; }
.jppProduitGrand .inner .pdt-prix .auLieuDe { display: block; font-size: 14px; font-family: "Roboto", sans-serif; color: #c92233; line-height: 1em; }
.jppProduitGrand .date {
    text-transform: uppercase;
    display: block;
    color: #fff;
    margin-top: 190px;
    padding-left: 25px;
    box-sizing: border-box;
    background: url(images/ban-jppProduit_calendar.png) no-repeat left center;
}
.jppProduitGrand .lienProduit {
    position: absolute;
    bottom: 20px;
    right: 30px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #706f6d;
    line-height: 1em;
    background: url(images/arrowProfite.png) no-repeat right 30px center;
    padding: 13px 30px;
    padding-right: 50px;
    display: inline-block;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s;
}
.jppProduitGrand .lienProduit:hover {
    background-color: #f0f0f0;
}

/* Grand format - Spécifique slider et ck editor */
.ckeditor .jppProduitGrand .inner       { width: 944px !important; }
.ckeditor .jppProduitGrand .innerG      { width: 35.3% !important; min-height: 219px; }
.ckeditor .jppProduitGrand .innerD      { line-height: 165px; }
.ckeditor .jppProduitGrand .innerC .pdt-image { line-height: 218px; }
.ckeditor .jppProduitGrand .blocPrix    { width: 180px !important; }
.ckeditor .jppProduitGrand .exclu       { position: absolute; left: 20px; top: 15px; }
.ckeditor .jppProduitGrand .logo        { position: absolute; left: 20px; top: 55px; }
.ckeditor .jppProduitGrand .pdt-gauche  { line-height: 190px; }

/* Grand format - Spécifique panier étape 1 + liste produits */
.MEA_thematiqueMoyen .jppProduitGrand .inner { position: relative; }
.MEA_thematiqueMoyen .jppProduitGrand .innerG { float: none;  margin: 0; max-width: none; position: relative; }
.MEA_thematiqueMoyen .jppProduitGrand .innerG .picto { float: left; max-width: 100px; height: 99px; position: relative; z-index: 1; margin: 0 15px 0 0; background: url(images/ban-jppPicto.png) 50% 50% / 130px auto no-repeat #413937; }
.MEA_thematiqueMoyen .jppProduitGrand .innerG .accroche { position: absolute; top: 0; right: 0; left: 0; line-height: 1; margin: 0; padding: 2px 9px 5px; min-height: 0; font-size: 1em; text-align: right; background: #413937; text-shadow: -1px 0 #c9263b, 0 1px #c9263b, 1px 0 #c9263b, 0 -1px #c9263b; }
.MEA_thematiqueMoyen .jppProduitGrand .innerD { margin-top: 26px; line-height: 1.2; }
.MEA_thematiqueMoyen .jppProduitGrand .pdt-gauche    { margin: 5px 10px 0 0; }
.MEA_thematiqueMoyen .jppProduitGrand .pdt-image img { max-width: 70px; max-height: 63px; }
.MEA_thematiqueMoyen .jppProduitGrand .exclu { max-width: 89px; position: absolute; left: 8px; top: 11px; }
.MEA_thematiqueMoyen .jppProduitGrand .logo  { max-width: 89px; position: absolute; left: 8px; top: 25px; }
.MEA_thematiqueMoyen .jppProduitGrand .pdt-libelle   { margin: 0 0 5px; min-height: 35px; line-height: 32px; font-size: 0.917em; }
.MEA_thematiqueMoyen .jppProduitGrand .pdt-ajout     { right: auto; bottom: 12px; left: 8px;  }
.MEA_thematiqueMoyen .jppProduitGrand .btn-noir      { font-size: 0.834em; width: 75px; min-height: 23px; line-height: 23px; padding-left: 16px; background-position: 7px 50%; background-size: 5px auto; }
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix      { margin-right: 0; }
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix ins  { float: left; margin: 0; padding: 0 5px; font-size: 0.917em; }
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix ins .unit,
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix ins .point,
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix ins .deci { font-size: 1.445em; }
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix ins .euro { margin: 2px 0 0; }
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix .auLieuDe { clear: none; float: left; max-width: 55px; margin: 0 5px; font-size: 0.834em; }
.MEA_thematiqueMoyen .jppProduitGrand .blocPrix del { display: block; }
.MEA_thematiqueMoyen .jppProduitGrand .promoLV      { float: left; }
.MEA_thematiqueMoyen .jppProduitGrand .promoLV div  { padding-left: 2px; padding-right: 2px; font-size: 0.834em; line-height: 12px; background-position: 100% 10px; }
.MEA_thematiqueMoyen .jppProduitGrand .footer { display: none; }

.listeProduit .jppProduitGrand { min-height: 99px; }

.jppProduitGrand .lvho { float: left; margin-right: 15px; }
.jppProduitGrand .lvho .promoLV { margin-top: 5px; }

/* Grand format - Spécifique popup */
.MEA_thematiquePopup .jppProduitGrand .inner,
#menu .jppProduitGrand .inner {
    padding-right: 0 !important;
    background: none !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-image,
#menu .jppProduitGrand .inner .pdt-image { width: 25% !important; }

.MEA_thematiquePopup .jppProduitGrand .inner .pdt-info,
#menu .jppProduitGrand .inner .pdt-info { width: 71% !important; }

.MEA_thematiquePopup .jppProduitGrand .inner .pdt-libelle,
#menu .jppProduitGrand .inner .pdt-libelle { font-size: 28px !important; }

.MEA_thematiquePopup .jppProduitGrand .inner,
#menu .jppProduitGrand .inner {
    height: 160px !important;
    background-color: #fff !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .left,
#menu .jppProduitGrand .inner .left {
    background: #fff url("images/ban-jppProduitPetitL.png") no-repeat scroll left top !important;
    width: 108px !important;
    padding-left: 9px !important;
    padding-right: 30px !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .left .date,
#menu .jppProduitGrand .inner .left .date {
    margin-top: 70px !important;
    font-size: 10px;
    background: rgba(0, 0, 0, 0) url("images/ban-jppProduit_calendar.png") no-repeat scroll left top;
    padding-top: 25px;
    padding-left: 0 !important;
    line-height: 1.15em;
}
.MEA_thematiquePopup .jppProduitGrand .inner .right,
#menu .jppProduitGrand .inner .right {
    width: calc(100% - 108px) !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-image,
#menu .jppProduitGrand .inner .pdt-image {
    height: 100% !important;
    width: 95px !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-image img,
#menu .jppProduitGrand .inner .pdt-image img {
    max-width: 85px !important;
    margin-top: 20px;
}

.MEA_thematiquePopup .jppProduitGrand .inner .pdt-info,
#menu .jppProduitGrand .inner .pdt-info { width: calc(100% - 100px) !important; }
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-libelle,
#menu .jppProduitGrand .inner .pdt-libelle { font-size: 14px !important; }

.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .unit,
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .point,
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .deci,
#menu .jppProduitGrand .inner .pdt-prix ins .unit,
#menu .jppProduitGrand .inner .pdt-prix ins .point,
#menu .jppProduitGrand .inner .pdt-prix ins .deci {
    font-size: 18px !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .euro,
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .ht,
#menu .jppProduitGrand .inner .pdt-prix ins .euro,
#menu .jppProduitGrand .inner .pdt-prix ins .ht {
    font-size: 14px !important;
}
.MEA_thematiquePopup .jppProduitGrand .lienProduit,
#menu .jppProduitGrand .lienProduit {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-info,
#menu .jppProduitGrand .inner .pdt-info {
    width: calc(100% - 55px) !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-image,
#menu .jppProduitGrand .inner .pdt-image {
    width: 50px !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-libelle,
#menu .jppProduitGrand .inner .pdt-libelle {
    font-size: 12px !important;
    margin-bottom: 0 !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix,
#menu .jppProduitGrand .inner .pdt-prix { line-height: 1em !important; }

.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .unit,
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .point,
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .deci,
#menu .jppProduitGrand .inner .pdt-prix ins .unit,
#menu .jppProduitGrand .inner .pdt-prix ins .point,
#menu .jppProduitGrand .inner .pdt-prix ins .deci {
    font-size: 14px !important;
}

.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .euro,
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix ins .ht,
#menu .jppProduitGrand .inner .pdt-prix ins .euro,
#menu .jppProduitGrand .inner .pdt-prix ins .ht {
    font-size: 10px !important;
}
.MEA_thematiquePopup .jppProduitGrand .inner .pdt-prix .auLieuDe,
#menu .jppProduitGrand .inner .pdt-prix .auLieuDe { font-size: 10px !important; }

.MEA_thematiquePopup .jppProduitGrand .lienProduit,
#menu .jppProduitGrand .lienProduit {
    font-size: 12px !important;
    background-size: auto 10px !important;
}
#menu .jppProduitGrand .inner .right { padding-top: 10px !important; padding-bottom: 10px !important; }
#menu .jppProduitGrand .lienProduit {
    background: rgba(0, 0, 0, 0) url("images/arrowProfite.png") no-repeat scroll right 10px center;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    bottom: 10px;
    color: #706f6d !important;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1em;
    padding: 13px 22px 13px 12px;
    position: absolute;
    right: 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
#menu .jppProduitGrand .lvho {
    margin-right: 7px !important;
}
#menu .jppProduitGrand .lvho .promoLV::after {
    border-width: 4px 4px 0;
    margin-left: -4px;
}
#menu .jppProduitGrand .contain { margin-top: 5px; }
#menu .jppProduitGrand .lvho .promoLV { font-size: 9px; min-width: 60px; line-height: 1.25em; }
#menu .jppProduitGrand .lvho .promoLV .promoLVHaut { padding-top: 2px; padding-bottom: 1px; }
#menu .jppProduitGrand .lvho .promoLV .promoLVBas { padding-top: 1px; padding-bottom: 2px; }
#menu .jppProduitGrand .inner .pdt-libelle { max-height: 25px; overflow: hidden; display: block; line-height: 1.1em; }
.MEA_thematiqueRayon .jppProduitGrand .inner {
    padding-right: 0 !important;
    background: none !important;
}
.MEA_thematiqueRayon .jppProduitGrand .inner .pdt-image { width: 25% !important; }
.MEA_thematiqueRayon .jppProduitGrand .inner .pdt-info { width: 71% !important; }
.MEA_thematiqueRayon .jppProduitGrand .inner .pdt-libelle { font-size: 28px !important; }


/* Accueil (droite) */
.jppProduitAccueil                  { width: 218px; color: #000000; background: #FFFFFF; border: 1px solid #413937; box-sizing: border-box; }
.jppProduitAccueil img              { max-height: 70px; }
.jppProduitAccueil .haut            { background: url(images/ban-jppProduitAccueilHaut.png) 0 0 no-repeat #fff; height: 100px }
.jppProduitAccueil .pdt-libelle     { font-size: 1.084em; font-weight: 500; margin: 0 0 5px; line-height: 30px; }
.jppProduitAccueil .blocPrix        { margin-right: 10px; float: left; }
.jppProduitAccueil .blocPrix .pdt-prix { margin-right: 10px; }
.jppProduitAccueil .blocPrix ins    { float: left; padding: 2px 10px 4px; color: #FFFFFF; background: #c9243a; }
.jppProduitAccueil .blocPrix ins .unit,
.jppProduitAccueil .blocPrix ins .point,
.jppProduitAccueil .blocPrix ins .deci { font-size: 1.25em; }
.jppProduitAccueil .btn-rouge       { display: block; min-height: 28px; padding: 9px 10px 0 0; text-align: right; text-transform: uppercase; font-size: 1.25em; font-weight: bold; text-align: right; background-image: url(images/ban-jppProduitAccueilBas.png); background-position: 0 10; }
.jppProduitAccueil .btn-rouge:hover { background-color: #71bf45 !important; }
.jppProduitAccueil .btn-rouge span  { padding: 0 20px 0 0; background: url(images/fleche-droite-blanc.png) 100% 50% no-repeat transparent; }
.jppProduitAccueil .pdt-image       { float: left; margin: 10px 10px 0; max-height: 70px; max-width: 70px; }
.jppProduitAccueil .droit           { overflow: hidden; }

/* Bannière générique personnalisable
 * =================================================================*/

/* Grand format */
.opPersonnalisableGrand {
    position: relative;
    min-height: 0;
    padding-bottom: 23.47%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.opPersonnalisableGrand a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #ffffff;
}
.opPersonnalisableGrand .date {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 13px 20px;
    font-size: 24px;
    background-color: #000000;
}

/* Petit format */
.opPersonnalisablePetit .inner {
    background-position: 50% 50%;
    background-size: 320px auto;
    background-repeat: no-repeat;
}
.opPersonnalisablePetit a {
    display: block;
    color: #ffffff;
}
.opPersonnalisablePetit .inner a {
    min-height: 130px;
}
.opPersonnalisablePetit .bas a {
    padding: 0;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    background-color: #000000;
}
.owl .opPersonnalisablePetit {
    position: relative;
}
.owl .opPersonnalisablePetit::before {
    content: "";
    display: block;
    padding-bottom: 50%;
}
.owl .opPersonnalisablePetit .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    background-size: contain;
}
.owl .opPersonnalisablePetit .bas {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
}
.listeProduit .opPersonnalisablePetit {
    background-size: contain;
}
.menuAnimation .opPersonnalisablePetit .inner {
    background-size: contain;
}
.menuAnimation .opPersonnalisablePetit a {
    padding: 0 !important;
    font-weight: 700 !important;
}

/* Bannière produit personnalisable (image seule)
 * =================================================================*/
 
/* Grand format */
.opPersonnalisableGrand.imageSeule a {
    text-decoration: none;
}

/* Petit format */
.opPersonnalisablePetit.imageSeule .inner a {
    min-height: 0;
    padding-bottom: 50%;
    line-height: 0;
    text-decoration: none;
}
.opPersonnalisablePetit.imageSeule {
    max-width: none;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
 * =================================================================*/

.glaceProduitGrand {
    display: block;
    width: 100%;
    position: relative;
    max-height: 277px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background: #fff;
}
.glaceProduitGrand .left {
    float: left;
    width: 550px;
    height: 277px;
    background-size: 100% auto;
}
.glaceProduitGrand .right {
    float: right;
    width: calc(100% - 550px);
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 20px;
    height: 277px;
}
.glaceProduitGrand .pdt-libelle {
    font-size: 19px;
    line-height: 1em;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    min-height: 50px;
    color: #6a6a6a;
}
.glaceProduitGrand .pdt-info {
    float: left;
    width: calc(100% - 245px);
    padding-top: 40px;
}
.glaceProduitGrand .pdt-image {
    float: right;
    width: 245px;
    text-align: center;
    padding-top: 5px;
}
.glaceProduitGrand .pdt-image img {
    max-width: 200px;
    max-height: 147px;
    height: auto;
    margin: 0 auto;
    display: block;
    transform-style: flat;
}
.glaceProduitGrand .blocLien {
    float: right;
    width: 245px;
    box-sizing: border-box;
    padding-top: 25px;
    box-sizing: border-box;
    padding-right: 25px;
    text-align: right;
}
.glaceProduitGrand .lienProduit {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    width: 223px;
    height: 58px;
    background: none;
    transition: opacity 0.3s;
    opacity: 1;
}
.glaceProduitGrand .lienProduit:hover {
    opacity: 0.75;
}
.glaceProduitGrand .pdt-lvho > div {
    float: left;
    max-width: 120px;
    margin-top: 15px;
}
.glaceProduitGrand .pdt-prix {
    color: #ED1D24;
    text-decoration: none;
    font-size: 30px;
    text-transform: uppercase;
    text-align: right;
    display: block;
    width: calc(100% - 120px);
    box-sizing: border-box;
    padding-right: 15px;
    margin-top: 5px;
    float: right;
}
.glaceProduitGrand .pdt-prix span.barre {
    line-height: 1em;
    color: #000;
    font-size: 16px;
    display: block;
}
.glaceProduitGrand .hiddenDesktop {
    display: none;
}
.glaceProduitGrand .pdt-prix ins {
    font-size: 26px;
    font-weight: 700;
    text-decoration: none;
}

.listeProduit .glaceProduitGrand {
    height: 176px;
}

.listeProduit .glaceProduitGrand .left {
    height: 176px;
    width: 350px;
}

.listeProduit .glaceProduitGrand .right {
    width: calc(100% - 350px);
    padding-left: 10px;
    padding-top: 5px;
}

.listeProduit .glaceProduitGrand .pdt-info {
    padding-top: 10px;
    width: calc(100% - 185px);
}

.listeProduit .glaceProduitGrand .pdt-prix {
    margin-top: 10px;
    /*width: 100%;*/
    font-size: 26px;
    line-height: 1em;
}

.listeProduit .glaceProduitGrand .pdt-image {
    width: 185px;
}

.listeProduit .glaceProduitGrand .pdt-image img {
    max-height: 87px;
    max-width: 157px;
}

.listeProduit .glaceProduitGrand .blocLien {
    width: 185px;
    padding-right: 10px;
    float: left;
    text-align: left;
    padding-top: 25px;
}

.listeProduit .glaceProduitGrand .lienProduit {
    width: 160px;
    height: 43px;
}

.listeProduit .glaceProduitGrand .pdt-prix span.barre {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.listeProduit .glaceProduitGrand .pdt-libelle {
    font-size: 17px;
}

.pageConnexion .glaceProduitGrand {
    position: relative;
}
.pageConnexion .glaceProduitGrand::before {
    content: "";
    display: block;
    padding-bottom: 50%;
}
.pageConnexion .glaceProduitGrand .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pageConnexion .glaceProduitGrand .left {
    display: none;
}
.pageConnexion .glaceProduitGrand .left.hiddenDesktop {
    display: block;
    width: 41%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.pageConnexion .glaceProduitGrand .right {
    width: 59%;
    height: 100%;
    padding: 10px;
    text-align: right;
}
.pageConnexion .glaceProduitGrand .pdt-info {
    padding-top: 0;
    width: 100%;
    display: block;
    float: none;
}
.pageConnexion .glaceProduitGrand .pdt-libelle {
    font-size: 14px;
    height: 26px;
    min-height: 26px;
    overflow: hidden;
}
.pageConnexion .glaceProduitGrand .contain {
    float: left;
    width: calc(100% - 90px);
}
.pageConnexion .glaceProduitGrand .pdt-prix {
    font-size: 14px;
    margin-top: 25px;
    padding-right: 0;
    float: none;
    width: 100%;
}
.pageConnexion .glaceProduitGrand .pdt-prix span.barre {
    font-size: 12px;
    display: block;
}
.pageConnexion .glaceProduitGrand .pdt-image {
    padding-top: 7px;
    box-sizing: border-box;
    padding-left: 5px;
    float: right;
    width: 85px;
}
.pageConnexion .glaceProduitGrand .pdt-image img {
    max-width: 100%;
    max-height: 76px;
}
.pageConnexion .glaceProduitGrand .blocLien {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0;
}
.pageConnexion .glaceProduitGrand .blocLien .lienProduit {
    width: 116px;
    height: 30px;
}

.pageConnexion .glaceProduitGrand .pdt-lvho > div {
    max-width: 100%;
}
.pageConnexion .glaceProduitGrand .pdt-lvho > div::after {
    content: none;
}



/*MENU*/
#menu .glaceProduitGrand .right {
    padding-left: 5px;
}
#menu .glaceProduitGrand .pdt-info {
    width: calc(100% - 205px);
}
#menu .glaceProduitGrand .pdt-image {
    width: 205px;
}
#menu .glaceProduitGrand .blocLien {
    width: 205px;
    padding-right: 20px;
}
#menu .glaceProduitGrand .lienProduit {
    width: 180px;
}
#menu .glaceProduitGrand .pdt-lvho > div {
    position: absolute;
    float: none;
    left: 0;
    bottom: 30px;
}
#menu .glaceProduitGrand .pdt-prix {
    width: 100%;
}


#menu .glaceProduitGrand  {
    height: 176px;
}
#menu .glaceProduitGrand .left {
    height: 176px;
    width: 350px;
}

#menu .glaceProduitGrand .right {
    width: ~"calc(100% - 350px)";
    padding-left: 10px;
    padding-top: 5px;
    height: 176px;
}

#menu .glaceProduitGrand .pdt-info {
    padding-top: 10px;
    width: ~"calc(100% - 185px)";
}

#menu .glaceProduitGrand .pdt-prix {
    margin-top: 10px;
    width: 100%;
    font-size: 26px;
    line-height: 1em;
}

#menu .glaceProduitGrand .pdt-prix span.barre {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#menu .glaceProduitGrand .pdt-libelle { min-height: 36px; }

#menu .glaceProduitGrand .pdt-image {
    width: 185px;
}
#menu .glaceProduitGrand .pdt-image img {
    max-height: 157px;
}

#menu .glaceProduitGrand .pdt-lvho > div {
    bottom: auto;
    top: 5px;
    margin-top: 0;
    right: 5px;
    left: auto;
    width: 85px;
    z-index: 1;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}

#menu .glaceProduitGrand .blocLien {
    width: 185px;
    padding-right: 10px;
    float: left;
    text-align: left;
    padding-top: 25px;
}

#menu .glaceProduitGrand .lienProduit {
    width: 160px;
    height: 43px;
}

#menu .glaceProduitGrand .pdt-libelle {
    font-size: 17px;
}



#menu .glaceProduitGrand  {
    height: 160px;
    width: 320px;
    margin: 0 auto 20px;
}
#menu .glaceProduitGrand .left {
    display: none;
}
#menu .glaceProduitGrand .left.hiddenDesktop {
    display: block;
    height: 160px;
    width: 132px;
    background-size: 100% auto;
}
#menu .glaceProduitGrand .right {
    width: calc(100% - 132px);
    height: 160px;
}
#menu .glaceProduitGrand .pdt-info {
    padding-top: 0;
    width: 100%;
    display: block;
    float: none;
}
#menu .glaceProduitGrand .pdt-libelle {
    font-size: 12px;
    height: 26px;
    min-height: 26px;
    overflow: hidden;
}
#menu .glaceProduitGrand .contain {
    float: left;
    width: calc(100% - 90px);
}
#menu .glaceProduitGrand .pdt-prix {
    font-size: 14px;
    margin-top: 25px;
    padding-right: 0;
}
#menu .glaceProduitGrand .pdt-prixspan.barre {
    font-size: 12px;
    display: block;
}
#menu .glaceProduitGrand .pdt-image {
    padding-top: 7px;
    float: right;
    width: 85px;
}
#menu .glaceProduitGrand .pdt-image img {
    max-width: 100%;
    max-height: 76px;
}
#menu .glaceProduitGrand .blocLien {
    width: 100%;
    float: none;
    padding-top: 8px;
    clear: both;
    text-align: right;
}
#menu .glaceProduitGrand .blocLien .lienProduit {
    width: 116px;
    height: 30px;
}

#menu .glaceProduitGrand .pdt-lvho > div {
    top: auto;
    bottom: 0;
    right: 100%;
    width: 132px;
    max-width: inherit !important;
    position: absolute;
    float: none;
    margin-top: 0;
    z-index: 1;
    box-shadow: -1px 1px 6px 0 rgba(0,0,0,0.25);
}
#menu .glaceProduitGrand .pdt-lvho > div::after {
    content: none;
}


#menu .glaceProduitGrand  {
    width: 100% !important;
}
#menu .glaceProduitGrand .pdt-image { display: none; }
#menu .glaceProduitGrand .contain {
    float: none !important;
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 10px !important;
}

#menu .glaceProduitGrand .blocLien {
    position: absolute !important;
    bottom: 5px !important;
    right: 5px !important;
    padding-right: 0 !important;
}
#menu .glaceProduitGrand .blocLien .lienProduit {
    width: 100px !important;
}

/* =================================================================*
    THEMATIQUE GENERIQUE TYPE CARTE RESTAURATION
 * =================================================================*/
.GeneriqueCarte {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.GeneriqueCarte .left {
    float: left;
    width: 551px;
    height: 277px;
    background-repeat: no-repeat;
}
.GeneriqueCarte .hiddenDesktop { display: none; }
.GeneriqueCarte .right {
    width: calc(100% - 551px);
    box-sizing: border-box;
    float: right;
    position: relative;
    height: 277px;
}
.GeneriqueCarte .right .blocLien {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 25px;
}
.GeneriqueCarte .right .blocLien a {
    opacity: 1;
    transition: opacity 0.3s;
}
.GeneriqueCarte .right .blocLien a:hover {
    opacity: 0.75;
}
.GeneriqueCarte .right .centerBloc {
    position: absolute;
    margin-top: -30px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 45px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 1em;
}
.GeneriqueCarte .right .centerBloc b {
    display: block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-family: 'alpine';
    font-size: 52px;
}
.GeneriqueCarte .right .centerBloc span {
    display: inline-block;
    letter-spacing: -1.25px;
    padding-top: 10px;
    vertical-align: middle;
}

.listeProduit .MEA_thematique.GeneriqueCarte .left {
    width: 400px;
    height: 201px;
    background-size: 100% auto;
}
.listeProduit .MEA_thematique.GeneriqueCarte .right {
    height: 201px;
    width: calc(100% - 400px);
}
.listeProduit .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 35px;
}
.listeProduit .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 42px;
}

.listeProduit .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 30px;
    margin-top: -35px;
}
.listeProduit .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 37px;
}


.pageConnexion .MEA_thematique.GeneriqueCarte .left {
    width: 400px;
    height: 201px;
    background-size: 100% auto;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right {
    height: 201px;
    width: calc(100% - 400px);
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 35px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 42px;
}

.pageConnexion .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 30px;
    margin-top: -35px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 37px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte {
    height: 160px;
    width: 320px;
    margin: 0 auto;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .left {
    display: none;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .left.hiddenDesktop {
    display: block;
    width: 132px;
    height: 160px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right {
    width: calc(100% - 132px);
    height: 160px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .blocLien {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .blocLien a img {
    height: 30px;
    width: auto;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 20px;
    margin-top: -20px;
    padding-top: 5px;
}
.pageConnexion .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 25px;
}


#menu .MEA_thematique.GeneriqueCarte .left {
    width: 400px;
    height: 201px;
    background-size: 100% auto;
}
#menu .MEA_thematique.GeneriqueCarte .right {
    height: 201px;
    width: calc(100% - 400px);
}
#menu .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 35px;
}
#menu .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 42px;
}

#menu .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 30px;
    margin-top: -35px;
}
#menu .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 37px;
}
#menu .MEA_thematique.GeneriqueCarte {
    height: 160px;
    width: 260px;
    margin: 0 auto 20px;
}
#menu .MEA_thematique.GeneriqueCarte .left {
    display: none;
}
#menu .MEA_thematique.GeneriqueCarte .left.hiddenDesktop {
    display: block;
    width: 132px;
    height: 160px;
}
#menu .MEA_thematique.GeneriqueCarte .right {
    width: calc(100% - 132px);
    height: 160px;
}
#menu .MEA_thematique.GeneriqueCarte .right .blocLien {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    text-align: center;
}
#menu .MEA_thematique.GeneriqueCarte .right .blocLien a img {
    height: 30px;
    width: auto;
}
#menu .MEA_thematique.GeneriqueCarte .right .centerBloc {
    font-size: 12px;
    margin-top: -20px;
    padding-top: 5px;
}
#menu .MEA_thematique.GeneriqueCarte .right .centerBloc span { letter-spacing: 0; }
#menu .MEA_thematique.GeneriqueCarte .right .centerBloc b {
    font-size: 17px;
}


/* 2020-02 Nouvelle bannière "LE FRAIS AU MEILLEUR COURS"
 * =================================================================*/

/* LE FRAIS AU MEILLEUR COURS - Grand format */
.leFraisMCGeneriqueGrand .inner {
    position: relative;
    background: url(images/ban-leFraisMCProduitGrand.jpg) 0 0 no-repeat #FFFFFF;
    border: 1px solid #dadada;
    min-height: 275px;
    background-size: contain;
}
.leFraisMCGeneriqueGrand .inner::before {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 23.47%;
    position: relative;
    display: block;
}
.leFraisMCGeneriqueGrand .date {
    position: absolute;
    left: 490px;
    top: 50px;
    width: 50%;
    min-height: 97px;
    line-height: 85px;
    box-sizing: border-box;
    font-size: 50px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    color: #7a9d32;
}
.leFraisMCGeneriqueGrand .voir {
    position: absolute;
    right: 33px;
    bottom: 29px;
}
.leFraisMCGeneriqueGrand .btn-decouvre {
    display: block;
    width: 234px;
    height: 84px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(images/btn-decouvreVert.png) no-repeat scroll 50% 50% transparent;
    background-size: 100% auto;
}

@media (max-width: 1180px) and (min-width: 1025px) {
    .leFraisMCGeneriqueGrand .date {
        font-size: 40px;
    }
}
@media (max-width: 1024px) {
    .leFraisMCGeneriqueGrand .date {
        font-size: 30px;
    }
    .leFraisMCGeneriqueGrand .btn-decouvre {
        width: 150px;
        height: 53px;
    }
}

/* LE FRAIS AU MEILLEUR COURS - Petit format */
.leFraisMCGeneriquePetit {
    position: relative;
    background: url(images/ban-leFraisMCProduitPetit.jpg) 0 0 no-repeat #FFFFFF;
    border: 1px solid #dadada;
    min-height: 158px;
    background-size: contain;
}
.leFraisMCGeneriquePetit .date {
    position: absolute;
    right: 12px;
    top: 30px;
    width: 50%;
    text-align: right;
    line-height: 1;
    font-size: 22px;
    color: #7a9d32;
}
.leFraisMCGeneriquePetit .voir {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.leFraisMCGeneriquePetit .btn-decouvre {
    display: block;
    width: 150px;
    height: 53px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: url(images/btn-decouvreVert.png) no-repeat scroll 50% 50% transparent;
    background-size: 100% auto;
}