Le Québec dans votre verre

La saison des rosés est commencée

Accueil

Le Journal de Montréal

La Californie, sans le cabernet

L’étonnant rosé du Château La Lieue

50 bières pour célébrer l’été

📰 LES DERNIÈRES NOUVELLES DE QUB

Les nouvelles d'autres marques

Opinions

Cuisine

<div class="inline-content">
 <p><strong>Boire local n’a jamais été aussi populaire et ça n’a rien d’un hasard&nbsp;: les vins, cidres et autres alcools d’ici n’ont jamais été aussi accessibles et aussi bons ! Les Méchants Raisins vous offrent leurs coups de cœur pour vous aider à mettre le Québec dans votre verre tout au long de l’été. Santé !</strong></p>
 <style type="text/css">
  .espace_210 {
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 40px;
    text-align: left;
  }

  .texte {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 14pt;
    font-size: 12pt;
    font-family: "epocapro", Arial;
    font-weight: 400;
    font-style: normal;
    color: black;
  }

  .texte2 {
    padding-left: 2px;
    text-align: center;
    padding-right: 2px;
    line-height: 12pt;
    font-size: 10pt;
    font-family: "epocapro", Arial;
    font-weight: 400;
    font-style: normal;
    color: black;
  }

  .ligne {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
    height: 2px;
  }

  .ligne_top {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
    height: 2px;
  }

  .espace {
    width: 100%;
    display: flex;
    padding-bottom: 10px;
  }

  .espace_210 .espace:last-child {
    border-bottom: 0px;
  }

  .espace2 {
    padding-bottom: 10px;
    width: 100%;
    text-align: center !important;
    display: table;
  }

  .espace_contenu {
    display: table-cell;
    width: 50%;
  }

  .espace_contenu:last-child {
    border-right-width: 0px;
    width: 50%;
    display: table-cell;
  }

  .espace_contenu2 {
    border-right-style: solid;
    border-right-width: 2px;
    width: 33%;
    display: table-cell;
    text-align: center;
  }

  .espace_contenu2:last-child {
    border-right-width: 0px;
    width: 33%;
    display: table-cell;
  }

  .nom_vin {
    line-height: 32px;
    font-size: 32px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-family: 'DharmaGothicE';
    font-weight: normal;
    font-style: normal;
  }

  .espace_img {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 95%;
  }

  .espace_img img {
    width: 100% !important;
  }

  .espace_byline {
    width: 100%;
  }

  .espace_byline img {
    width: 100%;
  }

  .espace_byline a {
    border: none;
  }

  .espace_titre {
    padding: 10px;
    font-size: 52px;
    line-height: 1;
    width: 100%;
    font-family: "epocapro", Arial;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
  }

  .espace_soustitre {
    padding: 10px;
    font-size: 32px;
    line-height: 1;
    width: 100%;
    font-family: "epocapro", Arial;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
  }

  .vinRouge {
    font-family: 'DharmaGothicE';
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    text-align: center;
    font-size: 32pt;
    text-transform: uppercase;
    color: white;
    padding: 10px;
    margin: 10px;
  }

  .espace_code {
    text-align: right;
    color: grey;
    font-size: 10pt;
    padding-right: 10px;
    text-transform: uppercase;
    font-family: "epocapro", Arial;
    font-weight: normal;
    font-style: normal;
  }

  .roses {
    color: #b200dd;
  }

  .roses .vinRouge {
    background-color: #b200dd;
  }

  .roses .espace {
    border-bottom: 5px solid #b200dd;
  }

  .roses .espace_contenu2 {
    border-right-color: #b200dd;
  }

  .roses .ligne {
    background-color: #b200dd;
  }

  .roses .ligne_top {
    background-color: #b200dd;
  }

  .espace_photo {
    width: 100%;
    display: table;
    font-family: "epocapro", Arial;
    font-weight: 400;
    font-style: normal;
    line-height: 14pt;
    font-size: 12pt;
  }

  .texte_top {
    padding-right: 10px;
    padding-left: 10px;
  }

  .espace_top5 {
    width: 33.3%;
    display: table-cell;
  }

  .espace_photoAuteur {
    width: 100%;
    margin-bottom: 15px;
  }

  .espace_photoAuteur img {
    width: 100% !important;
  }

  .chiffre {
    font-family: 'DharmaGothicE';
    font-weight: 500;
    font-style: normal;
    font-size: 18pt;
    line-height: 1;
    background-color: #f1585e;
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 25px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
  }

  .prix_top5 {
    background-color: #f1585e;
    margin: 10px 10px 10px 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 14pt;
  }

  .section-all-authors img {
    float: left;
  }

  @media (max-width: 40em) {
    .espace_210 {
      padding-bottom: 0px;
    }

    .espace {
      width: 100%;
      display: block;
      border-bottom: 0px !important;
    }

    .espace_contenu {
      display: block;
      width: 100%;
    }

    .espace_img2 {
      width: 100%;
      float: none;
    }

    .espace_photo {
      width: 100%;
      display: block;
    }

    .espace_top5 {
      width: 100%;
      display: block;
    }

    .chiffre {
      font-family: 'DharmaGothicE';
      font-weight: 500;
      font-style: normal;
      font-size: 18pt;
      line-height: 1;
      background-color: #f1585e;
      color: white;
      width: 25px;
      height: 25px;
      text-align: center;
      border-radius: 25px;
      float: left;
      margin-right: 10px;
      margin-left: 10px;
      margin-top: 0px;
    }

    .prix_top5 {
      margin: 20px 10px 20px 10px;
    }

    .ligne_top {
      margin-bottom: 15px;
      margin-top: 5px;
      margin-right: 10px;
      margin-left: 10px;
      height: 2px;
      background-color: #faccce;
    }
  }
</style>
 <div class="espace_210 roses">
  <div class="espace_titre">
   Vins
  </div>
  <div id="Vins">
  </div>
 </div>
 <div class="espace_210 roses">
  <div class="espace_titre">
   Spiritueux
  </div>
  <div id="Spiritueux">
  </div>
 </div>
 <div class="espace_210 roses">
  <div class="espace_titre">
   Cidres
  </div>
  <div id="Cidres">
  </div>
 </div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.2/tabletop.min.js"></script>
 <script>

  Tabletop.init({
    key: 'https://docs.google.com/spreadsheets/d/1TYehpbkHtkiXfXs0SbPSmVMj-KUDnrn9rfzO-vVYm48/edit?usp=sharing',
    callback: getWines,
    simpleSheet: true
  });

  function getWines(wines) {
    var tempHtmlString = '';
    var currentList = '';
    var lastOutput = false;
    var counter = 0;

    wines.forEach(function (wine, wineIdx, wineArr) {
      if (wineIdx == 0) {
        currentList = wine.liste;
      }
      if (wine.liste != currentList) {
        // if we<re starting a new list, output old list before re-init
        $('#' + currentList).append(tempHtmlString);
        tempHtmlString = '';
        counter = 0;
        currentList = wine.liste;
      }
      if ((wineIdx + 1) == wineArr.length) {
        lastOutput = true;
      }
      if (isEven(counter)) {
        tempHtmlString += '<div class="espace ">';
      }
      tempHtmlString += '<div class="espace_contenu" id="code-' + wine.code + '">';
      tempHtmlString += '<div class="espace_img">';
      tempHtmlString += '<img class="flip" src="' + wine.image + '"/>';
      tempHtmlString += '</div>';
      tempHtmlString += '<div class="nom_vin">';
      tempHtmlString += wine.title;
      tempHtmlString += '</div>';
      tempHtmlString += '<div class="texte">';
      tempHtmlString += wine.desc;
      tempHtmlString += '</div>';
      tempHtmlString += '<div class="ligne"></div>';
      tempHtmlString += '<div class="espace2">';
      tempHtmlString += '<div class="espace_contenu2">';
      tempHtmlString += '<div class="texte2">';
      tempHtmlString += wine.size;
      tempHtmlString += '</div>';
      tempHtmlString += '</div>';
      tempHtmlString += '<div class="espace_contenu2">';
      tempHtmlString += '<div class="texte2">';
      tempHtmlString += wine.price;
      tempHtmlString += '</div>';
      tempHtmlString += '</div>';
      tempHtmlString += '<div class="espace_contenu2">';
      tempHtmlString += '<div class="texte2">';
      tempHtmlString += wine.stars;
      tempHtmlString += '</div>';
      tempHtmlString += '</div>';
      tempHtmlString += '</div>';
      tempHtmlString += '<div class="espace_code">';
      if (isNaN(wine.code)) {
        tempHtmlString += wine.code;
      } else if (wine.code != '') {
        tempHtmlString += 'code saq : <a href="' + wine.saqUrl + '" target="_blank">' + wine.code + '</a>';
      }
      tempHtmlString += '</div>';
      tempHtmlString += '</div>';
      if (!isEven(counter)) {
        tempHtmlString += '</div>';
      }
      counter++
    });
    if (lastOutput) {
      $('#' + currentList).append(tempHtmlString);
    }
  }

  function isEven(value) {
    if (value % 2 == 0)
      return true;
    else
      return false;
  }

</script>
 <p></p>
</div>
<div id="inline1" class="inline-ads">
 <script>
window.adsSlotList = window.adsSlotList || [] 
window.adsSlotList.push('inline1') 
</script>
</div>

Le Québec dans votre verre

Sur le même sujet

Les méchants raisins

La saison des rosés est commencée

Les méchants raisins

La Californie, sans le cabernet

Les méchants raisins

L’étonnant rosé du Château La Lieue

SPÉCIAL BIÈRES

50 bières pour célébrer l’été