boutique.notretemps.com Open in urlscan Pro
13.32.121.128  Public Scan

Submitted URL: https://t.prod1.emailing.notretemps.com/r/?id=h60c89ef0,5d7c69ab,7ff5a855&p1=PROMONTE221017_Abonnement_Rentree_T5&p2=Optin_NTEFidPP&p3=2...
Effective URL: https://boutique.notretemps.com/notre-temps-prosp15-b4.html?psr=1&utm_campaign=nte+abo+campagne+rentree+2022&utm_medium=email&ut...
Submission: On October 17 via api from BE — Scanned from DE

Form analysis 3 forms found in the DOM

POST https://boutique.notretemps.com/checkout/cart/add/uenc/aHR0cHM6Ly9ib3V0aXF1ZS5ub3RyZXRlbXBzLmNvbS9ub3RyZS10ZW1wcy1wcm9zcDE1LWI0Lmh0bWw_cHNyPTEmdXRtX2NhbXBhaWduPW50ZSthYm8rY2FtcGFnbmUrcmVudHJlZSsyMDIyJnV0bV9tZWRpdW09ZW1haWwmdXRtX3NvdXJjZT1tYWlsY28mdXRtX2NvbnRlbnQ9UFJPTU9OVEUyMjEwMTdfQWJvbm5lbWVudF9SZW50cmVlX1Q1X09wdGluX05URUZpZFBQXzIwMjIxMDE3/product/5698/

<form method="post" class="product-offer-classic-form" id="product_addtocart_form" enctype="multipart/form-data" data-bind="
        visible: true,
        attr: { 'action': getActionUrl(), 'data-product-sku': sku, 'data-popin-title': popinTitle, 'data-popin-page-type': popinPageType },
        mageInit: getFormMageInit()
" action="https://boutique.notretemps.com/checkout/cart/add/uenc/aHR0cHM6Ly9ib3V0aXF1ZS5ub3RyZXRlbXBzLmNvbS9ub3RyZS10ZW1wcy1wcm9zcDE1LWI0Lmh0bWw_cHNyPTEmdXRtX2NhbXBhaWduPW50ZSthYm8rY2FtcGFnbmUrcmVudHJlZSsyMDIyJnV0bV9tZWRpdW09ZW1haWwmdXRtX3NvdXJjZT1tYWlsY28mdXRtX2NvbnRlbnQ9UFJPTU9OVEUyMjEwMTdfQWJvbm5lbWVudF9SZW50cmVlX1Q1X09wdGluX05URUZpZFBQXzIwMjIxMDE3/product/5698/"
  data-product-sku="NT_BUNDLE_NTE_PROSP15_B4" data-popin-title="Votre produit a été ajouté au panier" data-popin-page-type="adulte" novalidate="novalidate">
  <div data-bind="html: formKeyInput"><input name="form_key" value="Cl7zfBlvdJgRmKeU" type="hidden"></div>
  <input type="hidden" name="product" data-bind="attr: { value: id }" value="5698">
  <input type="hidden" name="selected_configurable_option" value="">
  <input type="hidden" name="related_product" id="related-products-field" value="">
  <input type="hidden" name="item" data-bind="attr: { value: itemId }" value="5698">
  <input type="hidden" name="formula" data-bind="attr: {value: selectedFormulaId}" value="0">
  <input type="hidden" name="duration" data-bind="attr: {value: selectedDurationId}" value="0">
  <input type="hidden" name="reabo" data-bind="attr: {value: isReabo}">
  <input type="hidden" name="addressId" data-bind="attr: {value: addressRecipientId}">
  <input type="hidden" name="qty" value="1">
  <input type="hidden" name="location" data-bind="attr: {value: location}" value="tableau-offre-standard">
  <!-- ko if: isPsr -->
  <input type="hidden" name="psr" value="1">
  <!-- /ko -->
  <!-- ko if: firstRadioGroup -->
  <!-- ko if: isGroupSelectable(firstRadioGroup().id, selectableOptionGroupIds) -->
  <!-- ko if: isFirstGroupVisible() --><!-- /ko -->
  <!-- ko if: !isFirstGroupVisible() -->
  <input data-bind="attr: {name: function() { return getRadioName(firstRadioGroup().id, getOnlyFormulaSelectionId()); }(), id: function() { getRadioInputId(firstRadioGroup().id, getOnlyFormulaSelectionId()); }()} , value: getOnlyFormulaSelectionId()"
    type="hidden" name="offer_option[5796]" value="8809">
  <!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <!-- ko if: areDurationsSelectable() -->
  <div class="offer-classic-duration" data-bind="attr: {id: 'offer-classic-duration-'+firstRadioGroup().id }" id="offer-classic-duration-5796">
    <h2 data-bind="text: offer_duration_selection_title, css: {'hide-title': selectableDurations().length <= 1 }">Je choisis mon offre d'abonnement :</h2>
    <!-- ko foreach: { data: sortedDurations(), as: 'offer_duration' } -->
    <div class="product-option" data-bind="css: {'hide-input': $parent.selectableDurations().length <= 1 }">
      <label data-bind="attr: {for: function() { $parent.getDurationRadioInputId(offer_duration); }(), value: offer_duration.offer_duration_id }" value="0">
        <input
          data-bind="event: { change: function(data, event) { $parent.selectDuration($parent.firstRadioGroup().id, offer_duration.offer_duration_id, data, event); } }, attr: { checked: $index() == 0 ? 'checked' : false, name: function() { return $parent.getDurationRadioInputName(offer_duration); }(), id: function() { $parent.getDurationRadioInputId(offer_duration); }() , value: offer_duration.offer_duration_id }"
          type="radio" checked="checked" name="offer-classic-duration" value="0">
        <i></i><span class="product-classic-option-label" data-bind="text: offer_duration.offer_duration_label">Offre durée libre, sans engagement : 1 n°/mois + la version numérique. -40%</span>
        <div class="product-classic-option-price product-info-price">
          <!-- ko foreach: $parent.getRegion('offerPriceArea1') -->
          <!-- ko template: { name: getTemplate(),
                    data: $parents[1].getProductConfigurationPrice( $parents[1].firstRadioGroupProductsConfigurations(),  offer_duration.offer_duration_id),
                    as: 'prices' } --><!-- ko if: typeof prices === 'function' --><!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices.length}" data-nb-prices="2">
            <!-- ko if: prices.length < 4 -->
            <!-- ko foreach: { data: prices, as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) --><!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) -->
            <div class="bc-price-line with-tag" data-bind="attr: {
        'data-price': $p(price.amount),
        'data-type': price.priceType,
        'data-and': $t('and'),
        'data-join': $t('then')
    }, css: {
        'with-tag': price.tag
    }" data-price="2,50" data-type="temporary" data-and="et" data-join="puis">
              <span class="bc-price-for-price-more-below">
                <span class="bc-price" data-bind="attr: {
                        'data-price': $p(price.amount),
                        'data-currency': '€'
                    }" data-price="2,50" data-currency="€">
                  <!-- ko if: price.tag -->
                  <span class="tag" data-bind="text: price.tag">Le + avantageux</span>
                  <!-- /ko -->
                  <!-- ko if: price.only_label == true --><!-- /ko -->
                  <!-- ko if: price.amount == 0 --><!-- /ko -->
                  <!-- ko ifnot: price.amount == 0 -->
                  <span data-bind="text: $p(price.amount)">2,50</span>
                  <!-- /ko -->
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') -->
                <span class="bc-price-more">
                  <!-- ko if: (price.duration != 1) -->
                  <span class="frequency" data-bind="text: $t('/') + $t(price.durationUnit)">/mois</span>
                  <!-- /ko -->
                  <span class="bc-duration temporary" data-bind="attr: { 'data-duration': price.duration }" data-duration="12">
                    <span class="duration">
                      <span data-bind="i18n: 'during'">pendant</span>
                      <span data-bind="text: price.duration">12</span>
                      <span data-bind="text: $t(price.durationUnit)">mois</span>
                    </span>
                    <span class="first-month">
                      <span data-bind="i18n: 'the 1st month'">le 1er mois</span>
                    </span>
                  </span>
                </span>
                <!-- /ko -->
              </span>
            </div>
            <!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) --><!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) -->
            <div class="bc-price-line" data-bind="attr: {
        'data-price': $p(price.amount),
        'data-type': price.priceType,
        'data-and': $t('and'),
        'data-join': $t('then')
    }, css: {
        'with-tag': price.tag
    }" data-price="2,95" data-type="periodic" data-and="et" data-join="puis">
              <span class="bc-price-for-price-more-below">
                <span class="bc-price" data-bind="attr: {
                        'data-price': $p(price.amount),
                        'data-currency': '€'
                    }" data-price="2,95" data-currency="€">
                  <!-- ko if: price.tag --><!-- /ko -->
                  <!-- ko if: price.only_label == true --><!-- /ko -->
                  <!-- ko if: price.amount == 0 --><!-- /ko -->
                  <!-- ko ifnot: price.amount == 0 -->
                  <span data-bind="text: $p(price.amount)">2,95</span>
                  <!-- /ko -->
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') -->
                <span class="bc-price-more">
                  <span class="slash" data-bind="i18n: '/'">/</span>
                  <!-- ko if: (price.duration == 3) && price.durationUnit == 'month' --><!-- /ko -->
                  <!-- ko if: price.duration != 3 -->
                  <span class="bc-duration" data-bind="text: price.duration > 0 ? price.duration : null, attr: { 'data-duration': price.duration }"></span>
                  <span data-bind="text: $t(price.durationUnit)">mois</span>
                  <!-- /ko -->
                </span>
                <!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
            </div>
            <!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices.length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
      </label>
    </div>
    <div class="product-option" data-bind="css: {'hide-input': $parent.selectableDurations().length <= 1 }">
      <label data-bind="attr: {for: function() { $parent.getDurationRadioInputId(offer_duration); }(), value: offer_duration.offer_duration_id }" value="1">
        <input
          data-bind="event: { change: function(data, event) { $parent.selectDuration($parent.firstRadioGroup().id, offer_duration.offer_duration_id, data, event); } }, attr: { checked: $index() == 0 ? 'checked' : false, name: function() { return $parent.getDurationRadioInputName(offer_duration); }(), id: function() { $parent.getDurationRadioInputId(offer_duration); }() , value: offer_duration.offer_duration_id }"
          type="radio" name="offer-classic-duration" value="1">
        <i></i><span class="product-classic-option-label" data-bind="text: offer_duration.offer_duration_label">1 an - 12 numéros + leurs versions numériques</span>
        <div class="product-classic-option-price product-info-price">
          <!-- ko foreach: $parent.getRegion('offerPriceArea1') -->
          <!-- ko template: { name: getTemplate(),
                    data: $parents[1].getProductConfigurationPrice( $parents[1].firstRadioGroupProductsConfigurations(),  offer_duration.offer_duration_id),
                    as: 'prices' } --><!-- ko if: typeof prices === 'function' --><!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices.length}" data-nb-prices="1">
            <!-- ko if: prices.length < 4 -->
            <!-- ko foreach: { data: prices, as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) -->
            <div class="bc-price-line with-special-price" data-bind="attr: {
            'data-price': $p(price.amount),
            'data-type': price.priceType,
            'data-and': $t('and'),
            'data-join': $t('then')
        }, css: {
            'with-tag': price.tag
        }" data-price="50,40" data-type="unique" data-and="et" data-join="puis">
              <span class="bc-price bc-special" data-bind="attr: {
                'data-price': $p(price.amount)
            }" data-price="50,40">
                <!-- ko if: price.tag --><!-- /ko -->
                <span class="special-price">
                  <span class="price-wrapper bc-price-line">
                    <span class="price bc-price" data-bind="attr: {
                        'data-price': $p(price.specialPrice),
                        'data-currency': '€'
                    }" data-price="35" data-currency="€">
                      <!-- ko if: price.only_label == true --><!-- /ko -->
                      <!-- ko if: price.specialPrice == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.specialPrice == 0 -->
                      <span data-bind="text: $p(price.specialPrice)">35</span>
                      <!-- /ko -->
                    </span>
                  </span>
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
              <span class="old-price-explanation">
                <span class="price-container">
                  <span data-bind="i18n: '_price_detail_1'">au lieu de </span>
                  <span class="price-wrapper bc-price-line">
                    <span class="price bc-price" data-bind="attr: {
                            'data-price': $p(price.amount),
                            'data-currency': '€'
                        }" data-price="50,40" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">50,40</span>
                      <!-- /ko -->
                    </span>
                    <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                    <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
                  </span>
                  <span class="price_detail_2" data-bind="i18n: '_price_detail_2'">soit</span>
                  <span class="price-label"><span class="promo-label">
                      <span data-bind="text: price.reduc">-31</span>% </span></span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                </span>
              </span>
            </div>
            <!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) --><!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices.length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
      </label>
    </div>
    <div class="product-option" data-bind="css: {'hide-input': $parent.selectableDurations().length <= 1 }">
      <label data-bind="attr: {for: function() { $parent.getDurationRadioInputId(offer_duration); }(), value: offer_duration.offer_duration_id }" value="2">
        <input
          data-bind="event: { change: function(data, event) { $parent.selectDuration($parent.firstRadioGroup().id, offer_duration.offer_duration_id, data, event); } }, attr: { checked: $index() == 0 ? 'checked' : false, name: function() { return $parent.getDurationRadioInputName(offer_duration); }(), id: function() { $parent.getDurationRadioInputId(offer_duration); }() , value: offer_duration.offer_duration_id }"
          type="radio" name="offer-classic-duration" value="2">
        <i></i><span class="product-classic-option-label" data-bind="text: offer_duration.offer_duration_label">2 ans - 24 numéros + leurs versions numériques</span>
        <div class="product-classic-option-price product-info-price">
          <!-- ko foreach: $parent.getRegion('offerPriceArea1') -->
          <!-- ko template: { name: getTemplate(),
                    data: $parents[1].getProductConfigurationPrice( $parents[1].firstRadioGroupProductsConfigurations(),  offer_duration.offer_duration_id),
                    as: 'prices' } --><!-- ko if: typeof prices === 'function' --><!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices.length}" data-nb-prices="1">
            <!-- ko if: prices.length < 4 -->
            <!-- ko foreach: { data: prices, as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) -->
            <div class="bc-price-line with-special-price" data-bind="attr: {
            'data-price': $p(price.amount),
            'data-type': price.priceType,
            'data-and': $t('and'),
            'data-join': $t('then')
        }, css: {
            'with-tag': price.tag
        }" data-price="100,80" data-type="unique" data-and="et" data-join="puis">
              <span class="bc-price bc-special" data-bind="attr: {
                'data-price': $p(price.amount)
            }" data-price="100,80">
                <!-- ko if: price.tag --><!-- /ko -->
                <span class="special-price">
                  <span class="price-wrapper bc-price-line">
                    <span class="price bc-price" data-bind="attr: {
                        'data-price': $p(price.specialPrice),
                        'data-currency': '€'
                    }" data-price="60" data-currency="€">
                      <!-- ko if: price.only_label == true --><!-- /ko -->
                      <!-- ko if: price.specialPrice == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.specialPrice == 0 -->
                      <span data-bind="text: $p(price.specialPrice)">60</span>
                      <!-- /ko -->
                    </span>
                  </span>
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
              <span class="old-price-explanation">
                <span class="price-container">
                  <span data-bind="i18n: '_price_detail_1'">au lieu de </span>
                  <span class="price-wrapper bc-price-line">
                    <span class="price bc-price" data-bind="attr: {
                            'data-price': $p(price.amount),
                            'data-currency': '€'
                        }" data-price="100,80" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">100,80</span>
                      <!-- /ko -->
                    </span>
                    <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                    <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
                  </span>
                  <span class="price_detail_2" data-bind="i18n: '_price_detail_2'">soit</span>
                  <span class="price-label"><span class="promo-label">
                      <span data-bind="text: price.reduc">-40</span>% </span></span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                </span>
              </span>
            </div>
            <!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) --><!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices.length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
      </label>
    </div>
    <!-- /ko -->
  </div>
  <!-- /ko -->
  <!-- ko if: selectedDurationId() != null -->
  <!-- ko foreach: { data: otherGroups(), as: 'product_group' } -->
  <!-- ko if: $parent.isGroupSelectable(product_group.id, $parent.selectableOptionGroupIds) -->
  <!-- ko if: !$parent.isGroupHidden(product_group.id, $parent.selectableOptionGroupIds) -->
  <!-- ko if: product_group.type == 'checkbox' || product_group.type == 'all' --><!-- /ko -->
  <!-- ko if: product_group.type == 'radio' || product_group.type == 'select'  -->
  <div class="offer-classic-option" data-bind="attr: {id: 'offer-classic-option-'+product_group.id }" id="offer-classic-option-5797">
    <h2 data-bind="text: product_group.title">Offert :</h2>
    <!-- ko foreach: { data: product_group.products_configuration, as: 'product_configuration' } -->
    <!-- ko if: product_configuration.is_salable -->
    <!-- ko if: $parents[1].isSelectionSelectable(product_configuration.selection_id, $parents[1].selectableSelectionIds) && !product_configuration.product_hidden -->
    <div class="product-option hide-input" data-bind="css: {'hide-input': product_group.products_configuration.length <= 1 }">
      <label data-bind="attr: {for: function() { $parents[1].getRadioInputId(product_group.id, product_configuration.selection_id); }(), value: product_configuration.selection_id }" value="8810">
        <input class="additional-option-input"
          data-bind="event: { change: function(data, event) { $parents[1].selectProductInGrid(product_group.id, product_configuration.selection_id, data, event); } }, attr: { name: function() { return $parents[1].getRadioName(product_group.id, product_configuration.selection_id); }(), id: function() { $parents[1].getRadioInputId(product_group.id, product_configuration.selection_id); }() , value: product_configuration.selection_id, checked: $parents[1].selectionsPerOptionId[$parent.id] ? $parents[1].selectionsPerOptionId[$parent.id].indexOf(product_configuration.selection_id) !== -1 : false }"
          type="radio" name="offer_option[5797]" value="8810" checked="true">
        <i></i>
        <span class="product-img-name">
          <!-- ko if: product_configuration.product_image --><!-- /ko -->
          <span data-bind="text: $parents[1].getSecondaryGroupProductLabel(product_configuration)">Les bâtons de marche &amp; de randonnée</span>
        </span>
        <!-- ko if: $parents[1].isRealProduct(product_configuration) -->
        <div class="product-classic-option-price product-info-price">
          <!-- ko foreach: $parents[1].getRegion('offerPriceArea1') -->
          <!-- ko template: { name: getTemplate(), data: $parents[2].getProductConfigurationPriceForDuration(product_configuration, $parents[2].selectedDurationId()), as: 'prices' } --><!-- ko if: typeof prices === 'function' --><!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices.length}" data-nb-prices="1">
            <!-- ko if: prices.length < 4 -->
            <!-- ko foreach: { data: prices, as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) --><!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) -->
            <div class="bc-price-line" data-bind="attr: {
        'data-price': $p(price.amount),
        'data-type': price.priceType,
        'data-and': $t('and'),
        'data-join': $t('then')
    }, css: {
        'with-tag': price.tag
    }" data-price="0" data-type="unique" data-and="et" data-join="puis">
              <span class="bc-price-for-price-more-below">
                <span class="bc-price" data-bind="attr: {
                        'data-price': $p(price.amount),
                        'data-currency': '€'
                    }" data-price="0" data-currency="€">
                  <!-- ko if: price.tag --><!-- /ko -->
                  <!-- ko if: price.only_label == true --><!-- /ko -->
                  <!-- ko if: price.amount == 0 -->
                  <span data-bind="i18n: 'Free'">Offert</span>
                  <!-- /ko -->
                  <!-- ko ifnot: price.amount == 0 --><!-- /ko -->
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
            </div>
            <!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices.length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
        <!-- /ko -->
      </label>
      <!-- ko if: product_configuration.product_description -->
      <div class="description-tab">
        <input class="rm-trigger" type="checkbox" data-bind="attr: { id: 'rm' + product_configuration.selection_id }" id="rm8810">
        <label class="rm-label" data-bind="attr: {
                                                    for: 'rm' + product_configuration.selection_id
                                                }, i18n: '+ details'" for="rm8810">+ de détails</label>
        <div class="rm-element" data-bind="html: product_configuration.product_description">
          <p>Grâce à ces bâtons de marche et de randonnée, <strong>ajustables à votre taille</strong> (avec <strong>amortisseur anti-chocs</strong> pour atténuer l’impact sur les articulations), et<strong> tout terrain</strong> (asphalte, forêts,
            plage, montagne…), <strong>faites de la marche le meilleur allié de votre forme et de votre santé au quotidien !</strong></p>
          <p><strong><img src="https://camino.bayard.io/media/catalog/product/b/a/batons-randonnee-gsende0007-fondtransparent.png" alt="" width="300" height="300"><br></strong></p>
          <p><span style="text-decoration: underline;"><strong>Descriptif technique :</strong></span><br>■ Conçus en aluminium léger<br>■ Poignées ergonomiques avec dragonne<br>■ Taille ajustable de 65 cm à 135 cm<br>■ Rondelles anti-enfoncement pour
            la neige et embouts pour asphalte fournis.<br>■ Livrés avec housse de rangement<br>■ Mode d’emploi clair et détaillé en français à lire avant utilisation pour réglage des bâtons à la bonne dimension et contraintes d'utilisation.</p>
          <p>&nbsp;</p>
          <div style="display: none;">&nbsp;</div>
        </div>
      </div>
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- /ko -->
    <!-- /ko -->
  </div>
  <!-- /ko -->
  <!-- ko if: $parent.getOptionTypeTemplate(product_group.type) --><!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <!-- ko if: $parent.isGroupSelectable(product_group.id, $parent.selectableOptionGroupIds) -->
  <!-- ko if: !$parent.isGroupHidden(product_group.id, $parent.selectableOptionGroupIds) -->
  <!-- ko if: product_group.type == 'checkbox' || product_group.type == 'all' --><!-- /ko -->
  <!-- ko if: product_group.type == 'radio' || product_group.type == 'select'  -->
  <div class="offer-classic-option" data-bind="attr: {id: 'offer-classic-option-'+product_group.id }" id="offer-classic-option-6108">
    <h2 data-bind="text: product_group.title">Et en +</h2>
    <!-- ko foreach: { data: product_group.products_configuration, as: 'product_configuration' } -->
    <!-- ko if: product_configuration.is_salable -->
    <!-- ko if: $parents[1].isSelectionSelectable(product_configuration.selection_id, $parents[1].selectableSelectionIds) && !product_configuration.product_hidden -->
    <div class="product-option hide-input" data-bind="css: {'hide-input': product_group.products_configuration.length <= 1 }">
      <label data-bind="attr: {for: function() { $parents[1].getRadioInputId(product_group.id, product_configuration.selection_id); }(), value: product_configuration.selection_id }" value="9519">
        <input class="additional-option-input"
          data-bind="event: { change: function(data, event) { $parents[1].selectProductInGrid(product_group.id, product_configuration.selection_id, data, event); } }, attr: { name: function() { return $parents[1].getRadioName(product_group.id, product_configuration.selection_id); }(), id: function() { $parents[1].getRadioInputId(product_group.id, product_configuration.selection_id); }() , value: product_configuration.selection_id, checked: $parents[1].selectionsPerOptionId[$parent.id] ? $parents[1].selectionsPerOptionId[$parent.id].indexOf(product_configuration.selection_id) !== -1 : false }"
          type="radio" name="offer_option[6108]" value="9519" checked="true">
        <i></i>
        <span class="product-img-name">
          <!-- ko if: product_configuration.product_image --><!-- /ko -->
          <span data-bind="text: $parents[1].getSecondaryGroupProductLabel(product_configuration)">L'agenda Quo Vadis 2023</span>
        </span>
        <!-- ko if: $parents[1].isRealProduct(product_configuration) -->
        <div class="product-classic-option-price product-info-price">
          <!-- ko foreach: $parents[1].getRegion('offerPriceArea1') -->
          <!-- ko template: { name: getTemplate(), data: $parents[2].getProductConfigurationPriceForDuration(product_configuration, $parents[2].selectedDurationId()), as: 'prices' } --><!-- ko if: typeof prices === 'function' --><!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices.length}" data-nb-prices="1">
            <!-- ko if: prices.length < 4 -->
            <!-- ko foreach: { data: prices, as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) --><!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) -->
            <div class="bc-price-line" data-bind="attr: {
        'data-price': $p(price.amount),
        'data-type': price.priceType,
        'data-and': $t('and'),
        'data-join': $t('then')
    }, css: {
        'with-tag': price.tag
    }" data-price="0" data-type="unique" data-and="et" data-join="puis">
              <span class="bc-price-for-price-more-below">
                <span class="bc-price" data-bind="attr: {
                        'data-price': $p(price.amount),
                        'data-currency': '€'
                    }" data-price="0" data-currency="€">
                  <!-- ko if: price.tag --><!-- /ko -->
                  <!-- ko if: price.only_label == true --><!-- /ko -->
                  <!-- ko if: price.amount == 0 -->
                  <span data-bind="i18n: 'Free'">Offert</span>
                  <!-- /ko -->
                  <!-- ko ifnot: price.amount == 0 --><!-- /ko -->
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
            </div>
            <!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices.length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
        <!-- /ko -->
      </label>
      <!-- ko if: product_configuration.product_description -->
      <div class="description-tab">
        <input class="rm-trigger" type="checkbox" data-bind="attr: { id: 'rm' + product_configuration.selection_id }" id="rm9519">
        <label class="rm-label" data-bind="attr: {
                                                    for: 'rm' + product_configuration.selection_id
                                                }, i18n: '+ details'" for="rm9519">+ de détails</label>
        <div class="rm-element" data-bind="html: product_configuration.product_description">
          <p>Ce nouvel agenda est une <strong>exclusivité Notre Temps</strong> réalisé en collaboration avec <strong>QUO VADIS</strong>.<br>Le papier est issu de forêts gérées durablement (certifié PEFC).</p>
          <p><span style="text-decoration: underline;"><strong>Nouveautés</strong></span> : Chaque semaine, une expression à découvrir, l'origine de mots, les bénéfices alimentaires de fruits et légumes, des astuces de jardinier, de cuisine...</p>
          <p><span style="text-decoration: underline;"><strong>Les plus</strong></span> :</p>
          <ul>
            <li>Année civile sur 13 mois</li>
            <li>Présentation hebdomadaire sur 2 pages avec un large espace de notes.</li>
            <li>Plannings trimestriels pour les années 2023 et 2024</li>
            <li>Atlas en couleurs sur 9 pages</li>
            <li>Répertoire téléphonique</li>
            <li>Coordonnées pratiques : urgences médicales, aéroports, taxis…</li>
            <li>Vacances scolaires</li>
            <li>Indicatifs téléphoniques</li>
          </ul>
          <center><img src="https://static.bayard.io/boutique.notretemps.com/visuelscadeaux/NT_prime_GSENPA0073_agenda.png" alt="" width="250"></center>
        </div>
      </div>
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- /ko -->
    <!-- /ko -->
  </div>
  <!-- /ko -->
  <!-- ko if: $parent.getOptionTypeTemplate(product_group.type) --><!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <!-- ko if: $parent.isGroupSelectable(product_group.id, $parent.selectableOptionGroupIds) -->
  <!-- ko if: !$parent.isGroupHidden(product_group.id, $parent.selectableOptionGroupIds) -->
  <!-- ko if: product_group.type == 'checkbox' || product_group.type == 'all' -->
  <div class="offer-classic-option" data-bind="attr: {id: 'offer-classic-option-'+product_group.id }" id="offer-classic-option-5798">
    <h2 data-bind="text: product_group.title">Pour 10 euros de + seulement, j’ajoute :</h2>
    <!-- ko foreach: { data: product_group.products_configuration, as: 'product_configuration' } -->
    <!-- ko if: product_configuration.is_salable -->
    <!-- ko if: $parents[1].isSelectionSelectable(product_configuration.selection_id, $parents[1].selectableSelectionIds) && !product_configuration.product_hidden -->
    <div class="product-option" data-bind="css: {'hide-input': product_group.type == 'all'}">
      <label data-bind="attr: {for: function() { $parents[1].getCheckboxInputId(product_group.id, product_configuration.selection_id); }(), value: product_configuration.selection_id }" value="8811">
        <!-- ko if: product_group.type == 'checkbox' -->
        <input class="additional-option-input"
          data-bind="event: { change: function(data, event) { $parents[1].selectProductInGrid(product_group.id, product_configuration.selection_id, data, event); } }, attr: { name: function() { return $parents[1].getCheckboxName(product_group.id, product_configuration.selection_id); }(), id: function() { $parents[1].getCheckboxInputId(product_group.id, product_configuration.selection_id); }() , value: product_configuration.selection_id, checked: $parents[1].selectionsPerOptionId[$parent.id] ? $parents[1].selectionsPerOptionId[$parent.id].indexOf(product_configuration.selection_id) !== -1 : false }"
          type="checkbox" name="offer_option[5798][]" value="8811">
        <!-- /ko -->
        <!-- ko if: product_group.type == 'all' --><!-- /ko -->
        <i></i>
        <span class="product-img-name">
          <!-- ko if: product_configuration.product_image -->
          <img class="product-image" data-bind="attr: { src: product_configuration.product_image, alt: product_configuration.product_name + ' image' }"
            src="https://boutique.notretemps.com/media/catalog/product/cache/0c40cc075c35680261029fa6d255feee/n/t/nts_5_sept22_3.png" alt="Notre Temps Santé &amp; Bien-Etre image">
          <!-- /ko -->
          <span data-bind="text: $parents[1].getSecondaryGroupProductLabel(product_configuration)">Notre Temps Santé &amp; bien-être - 1 an d'abonnement - 4 numéros</span>
        </span>
        <!-- ko if: $parents[1].isRealProduct(product_configuration) -->
        <div class="product-classic-option-price product-info-price">
          <!-- ko foreach: $parents[1].getRegion('offerPriceArea1') -->
          <!-- ko template: { name: getTemplate(), data: $parents[2].getProductConfigurationPriceForDuration(product_configuration, $parents[2].selectedDurationId()), as: 'prices' } --><!-- ko if: typeof prices === 'function' --><!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices.length}" data-nb-prices="1">
            <!-- ko if: prices.length < 4 -->
            <!-- ko foreach: { data: prices, as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parents[1].format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) -->
            <div class="bc-price-line with-special-price" data-bind="attr: {
            'data-price': $p(price.amount),
            'data-type': price.priceType,
            'data-and': $t('and'),
            'data-join': $t('then')
        }, css: {
            'with-tag': price.tag
        }" data-price="19,80" data-type="unique" data-and="et" data-join="puis">
              <span class="bc-price bc-special" data-bind="attr: {
                'data-price': $p(price.amount)
            }" data-price="19,80">
                <!-- ko if: price.tag --><!-- /ko -->
                <span class="special-price">
                  <span class="price-wrapper bc-price-line">
                    <span class="price bc-price" data-bind="attr: {
                        'data-price': $p(price.specialPrice),
                        'data-currency': '€'
                    }" data-price="10" data-currency="€">
                      <!-- ko if: price.only_label == true -->
                      <span class="special-price-only" data-bind="i18n: 'Only'">Seulement</span>
                      <!-- /ko -->
                      <!-- ko if: price.specialPrice == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.specialPrice == 0 -->
                      <span data-bind="text: $p(price.specialPrice)">10</span>
                      <!-- /ko -->
                    </span>
                  </span>
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
              <span class="old-price-explanation">
                <span class="price-container">
                  <span data-bind="i18n: '_price_detail_1'">au lieu de </span>
                  <span class="price-wrapper bc-price-line">
                    <span class="price bc-price" data-bind="attr: {
                            'data-price': $p(price.amount),
                            'data-currency': '€'
                        }" data-price="19,80" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">19,80</span>
                      <!-- /ko -->
                    </span>
                    <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                    <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
                  </span>
                  <span class="price_detail_2" data-bind="i18n: '_price_detail_2'">soit</span>
                  <span class="price-label"><span class="promo-label">
                      <span data-bind="text: price.reduc">-49</span>% </span></span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                </span>
              </span>
            </div>
            <!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) --><!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices.length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
        <!-- /ko -->
      </label>
      <!-- ko if: product_configuration.product_description -->
      <div class="description-tab">
        <input class="rm-trigger" type="checkbox" data-bind="attr: { id: 'rm' + product_configuration.selection_id }" id="rm8811">
        <label class="rm-label" data-bind="attr: {
                                                    for: 'rm' + product_configuration.selection_id
                                                }, i18n: '+ details'" for="rm8811">+ de détails</label>
        <div class="rm-element" data-bind="html: product_configuration.product_description">
          <p>Tous les 3 mois, recevez dans votre boîte aux lettres un condensé de conseils pratiques pour <strong>vivre en bonne santé au fil des saisons</strong>.</p>
          <ul>
            <li>un <strong>dossier médical</strong> complet pour mieux vous soigner</li>
            <li>des <strong>conseils nutritionnels</strong> dispensés par notre diététicienne nutritionniste</li>
            <li>de succulentes <strong>recettes</strong> avec des produits de saison pour régaler vos papilles</li>
            <li>des idées d’activités nouvelles à pratiquer seul, en famille ou entre amis…</li>
          </ul>
          <p>Bien soigner, bien manger, bien dans mon corps, bien vivre... nous abordons toutes les thématiques pour se sentir mieux dans son corps et dans sa tête.</p>
          <p><strong>+ Dans chaque numéro</strong>, retrouvez un dossier central de 16 pages d’astuces pratiques pour «&nbsp;<strong>vivre mieux</strong>&nbsp;» au quotidien&nbsp;! Plus local, plus naturel…prendre soin de son environnement c’est
            aussi prendre soin de sa santé.</p>
        </div>
      </div>
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- /ko -->
    <!-- /ko -->
  </div>
  <!-- /ko -->
  <!-- ko if: product_group.type == 'radio' || product_group.type == 'select'  --><!-- /ko -->
  <!-- ko if: $parent.getOptionTypeTemplate(product_group.type) --><!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <div id="classic-offer-total-price" class="total-price">
    <h2>Total</h2>
    <div class="content product-info-price">
      <div class="bundle-info">
        <div class="product-details">
          <!-- ko template: {
                                name: 'Camino_OfferProducts/price-offer',
                                data: {
                                    prices: total,
                                    format: format,
                                    suffix: ''
                                }
                        } --><!-- ko if: typeof prices === 'function' -->
          <div class="product-price-detailled price-box" data-bind="attr: {'data-nb-prices': prices().length}" data-nb-prices="2">
            <!-- ko if: prices().length < 4 -->
            <!-- ko foreach: { data: prices(), as: 'price' } -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parent.format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) --><!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) -->
            <div class="bc-price-line" data-bind="attr: {
        'data-price': $p(price.amount),
        'data-type': price.priceType,
        'data-and': $t('and'),
        'data-join': $t('then')
    }, css: {
        'with-tag': price.tag
    }" data-price="2,50" data-type="temporary" data-and="et" data-join="puis">
              <span class="bc-price-for-price-more-below">
                <span class="bc-price" data-bind="attr: {
                        'data-price': $p(price.amount),
                        'data-currency': '€'
                    }" data-price="2,50" data-currency="€">
                  <!-- ko if: price.tag --><!-- /ko -->
                  <!-- ko if: price.only_label == true --><!-- /ko -->
                  <!-- ko if: price.amount == 0 --><!-- /ko -->
                  <!-- ko ifnot: price.amount == 0 -->
                  <span data-bind="text: $p(price.amount)">2,50</span>
                  <!-- /ko -->
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') -->
                <span class="bc-price-more">
                  <!-- ko if: (price.duration != 1) -->
                  <span class="frequency" data-bind="text: $t('/') + $t(price.durationUnit)">/mois</span>
                  <!-- /ko -->
                  <span class="bc-duration temporary" data-bind="attr: { 'data-duration': price.duration }" data-duration="12">
                    <span class="duration">
                      <span data-bind="i18n: 'during'">pendant</span>
                      <span data-bind="text: price.duration">12</span>
                      <span data-bind="text: $t(price.durationUnit)">mois</span>
                    </span>
                    <span class="first-month">
                      <span data-bind="i18n: 'the 1st month'">le 1er mois</span>
                    </span>
                  </span>
                </span>
                <!-- /ko -->
              </span>
            </div>
            <!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- ko template: { name: globalPriceLineTemplate, data: {
        price: price,
        $p: $parent.format
    } } --><!-- ko if: price -->
            <!-- ko if: (price.amount > price.specialPrice) --><!-- /ko -->
            <!-- ko if: !(price.amount > price.specialPrice) -->
            <div class="bc-price-line" data-bind="attr: {
        'data-price': $p(price.amount),
        'data-type': price.priceType,
        'data-and': $t('and'),
        'data-join': $t('then')
    }, css: {
        'with-tag': price.tag
    }" data-price="2,95" data-type="periodic" data-and="et" data-join="puis">
              <span class="bc-price-for-price-more-below">
                <span class="bc-price" data-bind="attr: {
                        'data-price': $p(price.amount),
                        'data-currency': '€'
                    }" data-price="2,95" data-currency="€">
                  <!-- ko if: price.tag --><!-- /ko -->
                  <!-- ko if: price.only_label == true --><!-- /ko -->
                  <!-- ko if: price.amount == 0 --><!-- /ko -->
                  <!-- ko ifnot: price.amount == 0 -->
                  <span data-bind="text: $p(price.amount)">2,95</span>
                  <!-- /ko -->
                </span>
                <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') -->
                <span class="bc-price-more">
                  <span class="slash" data-bind="i18n: '/'">/</span>
                  <!-- ko if: (price.duration == 3) && price.durationUnit == 'month' --><!-- /ko -->
                  <!-- ko if: price.duration != 3 -->
                  <span class="bc-duration" data-bind="text: price.duration > 0 ? price.duration : null, attr: { 'data-duration': price.duration }" data-duration="NaN"></span>
                  <span data-bind="text: $t(price.durationUnit)">mois</span>
                  <!-- /ko -->
                </span>
                <!-- /ko -->
                <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
              </span>
            </div>
            <!-- /ko -->
            <!-- /ko --><!-- /ko -->
            <!-- /ko -->
            <!-- /ko -->
            <!-- ko if: (prices().length >= 4) --><!-- /ko -->
            <!-- ko if: $data.suffix --><!-- /ko -->
          </div>
          <!-- /ko -->
          <!-- ko ifnot: typeof prices === 'function' --><!-- /ko -->
          <!-- /ko -->
        </div>
      </div>
    </div>
  </div>
  <div class="box-tocart" data-bind="style: { width: addTocartTableWidth(), right: addTocartOffset() }">
    <!-- ko if: cartBtnVisible() -->
    <div class="fieldset">
      <div class="actions">
        <button type="submit" class="action primary tocart" data-position="1">
          <span data-bind="text: submitLabel">Je commande</span>
        </button>
      </div>
    </div>
    <!-- /ko -->
  </div>
  <!-- /ko -->
  <!-- ko if: hasCmsBlock() --><!-- /ko -->
  <!-- ko if: applySelectedItem() -->
  <!-- /ko -->
</form>

POST https://boutique.notretemps.com/newsletter/subscriber/new/

<form class="form subscribe" data-bind="afterRender: toPopin" novalidate="novalidate" action="https://boutique.notretemps.com/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
  <div class="block cms-newsletter-text">
    <p>Pour ne rien rater de l'actualité : Retraite | Santé | Droit | Jeux| Loisirs | Argent et être averti avant tout le monde des meilleures offres aux publications Notre Temps</p>
  </div>
  <div class="field newsletter">
    <label class="label" for="newsletter"><span>Email</span></label>
    <div class="control">
      <input name="email" type="email" id="newsletter" data-validate="{required:true, 'validate-email':true}">
    </div>
  </div>
  <div class="cnil-container">
    <input class="rm-trigger" type="checkbox" name="rmCnil2" id="rmCnil2">
    <div class="cnil rm-element">
      <p>Ces informations sont destinées au groupe Bayard, auquel Notre Temps appartient. Elles sont enregistrées dans notre fichier à des fins de traitement de votre abonnement / commande. Le cas échéant, votre adresse mail sera utilisée pour vous
        envoyer les newsletters que vous avez demandées ou dont vous bénéficiez en tant que client.&nbsp;Conformément à la loi « Informatique et Libertés » du 6/01/1978 modifiée et au RGPD du 27/04/2016, elles peuvent donner lieu à l’exercice du
        droit d’accès, de rectification, d’effacement, d’opposition, à la portabilité des données et à la limitation des traitements ainsi qu’à connaître le sort des données après la mort sur ce lien :
        <a href="https://forms.bayard.io/contact/bayard-senior/">https://forms.bayard.io/contact/bayard-senior/</a>. Pour plus d’informations, nous vous renvoyons aux dispositions de notre Politique de confidentialité sur le site groupebayard.com.
        Votre nom associé à vos coordonnées postales et téléphonique sont susceptibles d’être transmises à nos partenaires (éditeurs, associations, vente par correspondance...), si vous ne le souhaitez pas, merci de nous adresser votre demande à
        l’adresse ci-dessus. Nous vous informons de l’existence de la liste d’opposition au démarchage téléphonique « Bloctel », sur laquelle vous pouvez vous inscrire ici : <a href="https://www.bloctel.gouv.fr">https://www.bloctel.gouv.fr</a></p>
      <div style="display: none;">&nbsp;</div>
      <div style="display: none;">&nbsp;</div>
    </div>
    <label class="rm-label" for="rmCnil2"> Lire la suite </label>
  </div>
  <div class="actions">
    <button class="btn action subscribe primary large" title="Inscription" type="submit">
      <span>Inscription</span>
    </button>
  </div>
</form>

POST

<form class="form form-login" method="post" data-bind="event: {submit: login }" id="login-form">
  <div class="fieldset login" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Champ obligatoire">
    <div class="field email required">
      <label class="label" for="customer-email"><span data-bind="i18n: 'Email Address'">Adresse email</span></label>
      <div class="control">
        <input data-cs-mask="" name="username" id="customer-email" type="email" class="input-text" data-mage-init="{&quot;mage/trim-input&quot;:{}}" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-email':true}"
          autocomplete="off">
      </div>
    </div>
    <div class="field password required">
      <label for="pass" class="label"><span data-bind="i18n: 'Password'">Mot de passe</span></label>
      <div class="control">
        <input name="password" type="password" class="input-text" id="pass" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true}" autocomplete="off">
      </div>
    </div>
    <!-- ko foreach: getRegion('additional-login-form-fields') -->
    <!-- ko template: getTemplate() -->
    <!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
    <!-- /ko -->
    <!-- /ko -->
    <div class="actions-toolbar">
      <!-- CA BEGIN after_login_redirect : url to redirect to when customer has logged in -->
      <input name="after_login_redirect" type="hidden" value="checkout">
      <!-- CA END -->
      <div class="primary">
        <button type="submit" class="action action-login secondary" name="send" id="send2">
          <span data-bind="i18n: 'Sign In'">Me connecter</span>
        </button>
      </div>
      <div class="secondary">
        <a class="action" data-bind="attr: {href: forgotPasswordUrl}" href="https://boutique.notretemps.com/customer/account/forgotpassword/">
                                <span data-bind="i18n: 'Forgot Your Password?'">Mot de passe oublié ?</span>
                            </a>
      </div>
    </div>
  </div>
</form>

Text Content

Continue without agreeing →



WE RESPECT YOUR PRIVACY!

We and our partners use non-sensitive information like cookies or device
identifiers for purposes like displaying personalized ads, measuring traffic and
preferences of our visitors as well as personalize content.

Click on the button to consent to these operations and maintain a tailored
experience. You can change your preferences at any time by coming back to this
website.


With your agreement, we and our partners use cookies or similar technologies to
store, access, and process personal data like your visit on this website. You
can withdraw your consent or object to data processing based on legitimate
interest at any time by clicking on "Learn More" or in our Privacy Policy on
this website.
We and our partners do the following data processing:
Advertising tracking cookies, Analytics tracking cookies, Personalised ads and
content, ad and content measurement, audience insights and product development,
Precise geolocation data, and identification through device scanning, Store
and/or access information on a device
Learn MoreAgree and close


Javascript est désactivé dans votre navigateur. Pour une meilleure expérience
sur notre site, assurez-vous d’activer JavaScript dans votre navigateur.

Notre Temps
2,50 /mois pendant 12 mois le 1er mois
2,95 / mois
Je commande
2,50 /mois pendant 12 mois le 1er mois
2,95 / mois
Panier 0
 * Accueil
 * Notre Temps

Espace abonnement
service client01 74 31 15 03Lun - ven 8:30 à 19:00
 1. Produit
 2. Coordonnées
 3. Paiement


NOTRE TEMPS

Toute l’actualité qui vous concerne !


Chaque mois profitez d'informations complètes et variées sur tous les sujets qui
vous touchent de près : vos droits, votre argent, votre santé, votre bien-être
et vos loisirs. Avec Notre Temps, croquez la vie à plein temps !

+ Chaque lundi, votre RDV hebdomadaire avec la rédaction de Notre Temps via la
lettre aux abonnés, une newsletter 100% rédactionnelle qui vous permettra
d'interagir avec nos journalistes !

En savoir plus



JE CHOISIS MON OFFRE D'ABONNEMENT :

Offre durée libre, sans engagement : 1 n°/mois + la version numérique. -40%
Le + avantageux 2,50 /mois pendant 12 mois le 1er mois
2,95 / mois
1 an - 12 numéros + leurs versions numériques
35 au lieu de 50,40 soit -31% d'économies
2 ans - 24 numéros + leurs versions numériques
60 au lieu de 100,80 soit -40% d'économies


OFFERT :

Les bâtons de marche & de randonnée
Offert
+ de détails

Grâce à ces bâtons de marche et de randonnée, ajustables à votre taille (avec
amortisseur anti-chocs pour atténuer l’impact sur les articulations), et tout
terrain (asphalte, forêts, plage, montagne…), faites de la marche le meilleur
allié de votre forme et de votre santé au quotidien !




Descriptif technique :
■ Conçus en aluminium léger
■ Poignées ergonomiques avec dragonne
■ Taille ajustable de 65 cm à 135 cm
■ Rondelles anti-enfoncement pour la neige et embouts pour asphalte fournis.
■ Livrés avec housse de rangement
■ Mode d’emploi clair et détaillé en français à lire avant utilisation pour
réglage des bâtons à la bonne dimension et contraintes d'utilisation.

 

 


ET EN +

L'agenda Quo Vadis 2023
Offert
+ de détails

Ce nouvel agenda est une exclusivité Notre Temps réalisé en collaboration avec
QUO VADIS.
Le papier est issu de forêts gérées durablement (certifié PEFC).

Nouveautés : Chaque semaine, une expression à découvrir, l'origine de mots, les
bénéfices alimentaires de fruits et légumes, des astuces de jardinier, de
cuisine...

Les plus :

 * Année civile sur 13 mois
 * Présentation hebdomadaire sur 2 pages avec un large espace de notes.
 * Plannings trimestriels pour les années 2023 et 2024
 * Atlas en couleurs sur 9 pages
 * Répertoire téléphonique
 * Coordonnées pratiques : urgences médicales, aéroports, taxis…
 * Vacances scolaires
 * Indicatifs téléphoniques


POUR 10 EUROS DE + SEULEMENT, J’AJOUTE :

Notre Temps Santé & bien-être - 1 an d'abonnement - 4 numéros
Seulement 10 au lieu de 19,80 soit -49% d'économies
+ de détails

Tous les 3 mois, recevez dans votre boîte aux lettres un condensé de conseils
pratiques pour vivre en bonne santé au fil des saisons.

 * un dossier médical complet pour mieux vous soigner
 * des conseils nutritionnels dispensés par notre diététicienne nutritionniste
 * de succulentes recettes avec des produits de saison pour régaler vos papilles
 * des idées d’activités nouvelles à pratiquer seul, en famille ou entre amis…

Bien soigner, bien manger, bien dans mon corps, bien vivre... nous abordons
toutes les thématiques pour se sentir mieux dans son corps et dans sa tête.

+ Dans chaque numéro, retrouvez un dossier central de 16 pages d’astuces
pratiques pour « vivre mieux » au quotidien ! Plus local, plus naturel…prendre
soin de son environnement c’est aussi prendre soin de sa santé.


TOTAL

2,50 /mois pendant 12 mois le 1er mois
2,95 / mois
Je commande
Skip to the end of the images gallery
SPECIAL EDITION










Skip to the beginning of the images gallery


Pour toute question, contactez notre service client au 01 74 31 15 03 (appel non
surtaxé). Lundi – ven : 8h30 à 19h00. Précisez le code offre i176336.
Back to top
Réduire Lire la suite
Une boutique du GROUPE
 * Conditions génerales de ventes
 * Conditions génerales d'utilisation
 * Mentions légales
 * Politique de confidentialité
 * Gestion des cookies
 * Paiement sécurisé

2022 - Bayard - Tous droits réservés
Lettre d’information





REJOIGNEZ-NOUS !

Close

Pour ne rien rater de l'actualité : Retraite | Santé | Droit | Jeux| Loisirs |
Argent et être averti avant tout le monde des meilleures offres aux publications
Notre Temps

Email


Ces informations sont destinées au groupe Bayard, auquel Notre Temps appartient.
Elles sont enregistrées dans notre fichier à des fins de traitement de votre
abonnement / commande. Le cas échéant, votre adresse mail sera utilisée pour
vous envoyer les newsletters que vous avez demandées ou dont vous bénéficiez en
tant que client. Conformément à la loi « Informatique et Libertés » du 6/01/1978
modifiée et au RGPD du 27/04/2016, elles peuvent donner lieu à l’exercice du
droit d’accès, de rectification, d’effacement, d’opposition, à la portabilité
des données et à la limitation des traitements ainsi qu’à connaître le sort des
données après la mort sur ce lien :
https://forms.bayard.io/contact/bayard-senior/. Pour plus d’informations, nous
vous renvoyons aux dispositions de notre Politique de confidentialité sur le
site groupebayard.com. Votre nom associé à vos coordonnées postales et
téléphonique sont susceptibles d’être transmises à nos partenaires (éditeurs,
associations, vente par correspondance...), si vous ne le souhaitez pas, merci
de nous adresser votre demande à l’adresse ci-dessus. Nous vous informons de
l’existence de la liste d’opposition au démarchage téléphonique « Bloctel », sur
laquelle vous pouvez vous inscrire ici : https://www.bloctel.gouv.fr

 
 
Lire la suite
Inscription

Close
Nouveau client

Mon compte me permet de :

 * Modifier mes coordonnées.
 * Vérifier l'échéance de mes abonnements et me réabonner
 * Lire la version numérique du numéro en cours.

Créer mon compte
M'identifier

Adresse email

Mot de passe

Me connecter
Mot de passe oublié ?



VOTRE PRODUIT A ÉTÉ AJOUTÉ AU PANIER

Close
Continuer mes achats Voir mon panier