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

Submitted URL: https://t.prod1.emailing.notretemps.com/r/?id=hacb19dc2,51613a27,8013d187&p1=NtePromoAboJNT-ActProsp_2024-jnt-offre-rentree-t1-actifs-mp...
Effective URL: https://boutique.notretemps.com/notre-temps-jeux-offre-b16.html?psr=1&utm_source=mailco&utm_medium=email&utm_campaign=ntj%20abo%...
Submission: On September 19 via api from BE — Scanned from DE

Form analysis 2 forms found in the DOM

POST https://boutique.notretemps.com/checkout/cart/add/uenc/aHR0cHM6Ly9ib3V0aXF1ZS5ub3RyZXRlbXBzLmNvbS9ub3RyZS10ZW1wcy1qZXV4LW9mZnJlLWIxNi5odG1sP3Bzcj0x/product/7206/

<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/aHR0cHM6Ly9ib3V0aXF1ZS5ub3RyZXRlbXBzLmNvbS9ub3RyZS10ZW1wcy1qZXV4LW9mZnJlLWIxNi5odG1sP3Bzcj0x/product/7206/" data-product-sku="NT_BUNDLE_JNT_OFFREWEB_B16"
  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="hrYekxCPKovTSGwo" type="hidden"></div>
  <input type="hidden" name="product" data-bind="attr: { value: id }" value="7206">
  <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="7206">
  <input type="hidden" name="formula" data-bind="attr: {value: selectedFormulaId}" value="0">
  <input type="hidden" name="duration" data-bind="attr: {value: selectedDurationId}" value="2">
  <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">
  <input type="hidden" name="offer_type" data-bind="attr: {value: type}" value="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[7610]" value="14018">
  <!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <!-- ko if: areDurationsSelectable() -->
  <div class="offer-classic-duration" data-bind="attr: {id: 'offer-classic-duration-'+firstRadioGroup().id }" id="offer-classic-duration-7610">
    <h2 data-bind="text: offer_duration_selection_title, css: {'hide-title': selectableDurations().length <= 1 }"></h2>
    <!-- ko foreach: { data: sortedDurations(), as: 'offer_duration' } -->
    <div class="product-option checked-radio" data-bind="css: {'hide-input': $parent.selectableDurations().length <= 1, 'checked-radio': $index() == 0 }, attr: {'data-radio': $parent.firstRadioGroup().id + '-' + offer_duration.offer_duration_id}"
      data-radio="7610-2">
      <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" checked="checked" name="offer-classic-duration" value="2">
        <i></i><span class="product-classic-option-label" data-bind="text: offer_duration.offer_duration_label">Durée libre sans engagement : 1 numéro/mois (11 n° par an)</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,
        displayFreePercentage: $parents[1].displayFreePercentage
    } } --><!-- 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="4,03" data-type="periodic" data-and="et" data-join="puis">
              <span class="bc-price bc-special" data-bind="attr: {
                'data-price': $p(price.amount)
            }" data-price="4,03">
                <!-- 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="2,30" 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)">2,30</span>
                      <!-- /ko -->
                    </span>
                  </span>
                </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>
              <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="4,03" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">4,03</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>
                  <!-- ko if: true === displayFreePercentage || (0 != price.reduc && -100 != price.reduc) -->
                  <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">-43</span>% </span>
                  </span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                  <!-- /ko -->
                </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, 'checked-radio': $index() == 0 }, attr: {'data-radio': $parent.firstRadioGroup().id + '-' + offer_duration.offer_duration_id}"
      data-radio="7610-0">
      <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" name="offer-classic-duration" value="0">
        <i></i><span class="product-classic-option-label" data-bind="text: offer_duration.offer_duration_label">1 an - 11 n° dont un n° double l'été</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,
        displayFreePercentage: $parents[1].displayFreePercentage
    } } --><!-- 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="44,33" 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="44,33">
                <!-- 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="32" 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)">32</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="44,33" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">44,33</span>
                      <!-- /ko -->
                    </span>
                    <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                    <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
                  </span>
                  <!-- ko if: true === displayFreePercentage || (0 != price.reduc && -100 != price.reduc) -->
                  <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">-28</span>% </span>
                  </span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                  <!-- /ko -->
                </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, 'checked-radio': $index() == 0 }, attr: {'data-radio': $parent.firstRadioGroup().id + '-' + offer_duration.offer_duration_id}"
      data-radio="7610-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">2 ans - 22 n° dont deux n° doubles l'été</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,
        displayFreePercentage: $parents[1].displayFreePercentage
    } } --><!-- 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="88,66" 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="88,66">
                <!-- 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="55" 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)">55</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="88,66" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">88,66</span>
                      <!-- /ko -->
                    </span>
                    <!-- ko if: (price.priceType === 'periodic' || price.priceType === 'periodic_supplement') --><!-- /ko -->
                    <!-- ko if: (price.priceType === 'temporary') --><!-- /ko -->
                  </span>
                  <!-- ko if: true === displayFreePercentage || (0 != price.reduc && -100 != price.reduc) -->
                  <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">-38</span>% </span>
                  </span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                  <!-- /ko -->
                </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' -->
  <div class="offer-classic-option" data-bind="attr: {id: 'offer-classic-option-'+product_group.id }" id="offer-classic-option-7611">
    <h2 data-bind="text: product_group.title">Mes cadeaux :</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.type == 'all'}, attr: {'data-checkbox': product_group.id + '-' + product_configuration.selection_id}" data-checkbox="7611-14023">
      <label data-bind="attr: {for: function() { $parents[1].getCheckboxInputId(product_group.id, product_configuration.selection_id); }(), value: product_configuration.selection_id }" value="14023">
        <!-- ko if: product_group.type == 'checkbox' --><!-- /ko -->
        <!-- ko if: product_group.type == 'all' -->
        <input
          data-bind="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}"
          type="hidden" name="offer_option[7611][]" value="14023">
        <!-- /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/2115e0cc228ee582249a234e39b1dcdc/a/g/agenda_2025_1.png" alt="L'agenda Quo Vadis 2025 image">
          <!-- /ko -->
          <span data-bind="text: $parents[1].getSecondaryGroupProductLabel(product_configuration)">L’Agenda Quo Vadis 2025</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,
        displayFreePercentage: $parents[1].displayFreePercentage
    } } --><!-- 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 && price.duration === 0 &&
                 (($parentContext.$parent[0] == undefined && $parentContext.$parent.prices().length > 1) ||
                 ($parentContext.$parent[0] !== undefined && $parentContext.$parent.length > 1)) --><!-- /ko -->
                  <!-- ko if: price.amount == 0 && (price.duration > 0 ||
                 ($parentContext.$parent[0] == undefined && $parentContext.$parent.prices().length == 1) ||
                 ($parentContext.$parent[0] !== undefined && $parentContext.$parent.length == 1)) -->
                  <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="rm14023">
        <label class="rm-label" data-bind="attr: {
                                                    for: 'rm' + product_configuration.selection_id
                                                }, i18n: '+ details'" for="rm14023">+ de détails</label>
        <div class="rm-element" data-bind="html: product_configuration.product_description">
          <p><strong>• &nbsp; &nbsp;L’agenda Quo Vadis 2025</strong></p>
          <p>Avec l'agenda Quo Vadis 2025, préparez sereinement votre année. Sa couverture élégante et sa mise en page pratique vous permettra de gérer facilement votre emploi du temps, vos projets, vos tâches et vos rendez-vous. Cette édition
            exclusive a été réalisée spécialement pour les abonnés à Notre Temps alors profitez-en !&nbsp;</p>
          <center></center>
        </div>
      </div>
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- /ko -->
    <!-- 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.type == 'all'}, attr: {'data-checkbox': product_group.id + '-' + product_configuration.selection_id}" data-checkbox="7611-14024">
      <label data-bind="attr: {for: function() { $parents[1].getCheckboxInputId(product_group.id, product_configuration.selection_id); }(), value: product_configuration.selection_id }" value="14024">
        <!-- ko if: product_group.type == 'checkbox' --><!-- /ko -->
        <!-- ko if: product_group.type == 'all' -->
        <input
          data-bind="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}"
          type="hidden" name="offer_option[7611][]" value="14024">
        <!-- /ko -->
        <i></i>
        <span class="product-img-name">
          <!-- ko if: product_configuration.product_image --><!-- /ko -->
          <span data-bind="text: $parents[1].getSecondaryGroupProductLabel(product_configuration)">Le stylo bille à fonction tactile</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,
        displayFreePercentage: $parents[1].displayFreePercentage
    } } --><!-- 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 && price.duration === 0 &&
                 (($parentContext.$parent[0] == undefined && $parentContext.$parent.prices().length > 1) ||
                 ($parentContext.$parent[0] !== undefined && $parentContext.$parent.length > 1)) --><!-- /ko -->
                  <!-- ko if: price.amount == 0 && (price.duration > 0 ||
                 ($parentContext.$parent[0] == undefined && $parentContext.$parent.prices().length == 1) ||
                 ($parentContext.$parent[0] !== undefined && $parentContext.$parent.length == 1)) -->
                  <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="rm14024">
        <label class="rm-label" data-bind="attr: {
                                                    for: 'rm' + product_configuration.selection_id
                                                }, i18n: '+ details'" for="rm14024">+ de détails</label>
        <div class="rm-element" data-bind="html: product_configuration.product_description">
          <div class="description">
            <p></p>
            <center><strong>Stylo double fonction : stylo bille + stylet tactile !</strong></center>
            <p></p>
            <center><img src="https://camino.bayard.io/media/catalog/product/s/t/stylo-fonction-tactile-gsenpa0021.png" alt="" width="150" height="150">
              <center></center>
            </center>
            <ul>
              <li>Le stylet est compatible avec les écrans tactiles de toutes les tablettes et smartphones. Sa pointe omnidirectionnelle ne laisse ni traces ni rayures. Lorsqu’il fait froid, il vous permettra d’utiliser votre smartphone sans avoir à
                vous refroidir les doigts.</li>
              <li>Sa pointe bic vous permet de passer sans transition de votre tablette à une traditionnelle feuille de papier.</li>
              <li>Le clip intégré, pour accrocher le stylo à votre poche, à votre livre ou encore à votre sac, se révèlera très pratique.</li>
              <li>Son aluminium de qualité vous assure une durabilité à toute épreuve.</li>
            </ul>
          </div>
        </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 if: $parent.isGroupSelectable(product_group.id, $parent.selectableOptionGroupIds) --><!-- /ko -->
  <!-- ko if: $parent.isGroupSelectable(product_group.id, $parent.selectableOptionGroupIds) --><!-- /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-7614">
    <h2 data-bind="text: product_group.title">Pour 1.36euros 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'}, attr: {'data-checkbox': product_group.id + '-' + product_configuration.selection_id}" data-checkbox="7614-14022">
      <label data-bind="attr: {for: function() { $parents[1].getCheckboxInputId(product_group.id, product_configuration.selection_id); }(), value: product_configuration.selection_id }" value="14022">
        <!-- 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[7614][]" value="14022">
        <!-- /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/2115e0cc228ee582249a234e39b1dcdc/c/o/couv_hs_ete_2024_1.jpg" alt="4 Hors-séries Notre Temps Jeux image">
          <!-- /ko -->
          <span data-bind="text: $parents[1].getSecondaryGroupProductLabel(product_configuration)">Hors-série Notre Temps Jeux - 1 numéro par trimestre - 4 numéros/an</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,
        displayFreePercentage: $parents[1].displayFreePercentage
    } } --><!-- 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="1,62" data-type="periodic" data-and="et" data-join="puis">
              <span class="bc-price bc-special" data-bind="attr: {
                'data-price': $p(price.amount)
            }" data-price="1,62">
                <!-- 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="1,36" 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)">1,36</span>
                      <!-- /ko -->
                    </span>
                  </span>
                </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>
              <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="1,62" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">1,62</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>
                  <!-- ko if: true === displayFreePercentage || (0 != price.reduc && -100 != price.reduc) -->
                  <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">-16</span>% </span>
                  </span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                  <!-- /ko -->
                </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="rm14022">
        <label class="rm-label" data-bind="attr: {
                                                    for: 'rm' + product_configuration.selection_id
                                                }, i18n: '+ details'" for="rm14022">+ de détails</label>
        <div class="rm-element" data-bind="html: product_configuration.product_description">
          <p>Recevez avec votre abonnement 4 hors-séries 100% Jeux/an pour encore plus de jeux&nbsp;! <br>500 multijeux vous attendent pour des heures d’amusement en perspective.</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: '',
                                    displayFreePercentage: displayFreePercentage
                                }
                        } --><!-- ko if: 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: $parent.format,
        displayFreePercentage: $parent.displayFreePercentage
    } } --><!-- 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="4,03" data-type="periodic" data-and="et" data-join="puis">
              <span class="bc-price bc-special" data-bind="attr: {
                'data-price': $p(price.amount)
            }" data-price="4,03">
                <!-- 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="2,30" 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)">2,30</span>
                      <!-- /ko -->
                    </span>
                  </span>
                </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>
              <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="4,03" data-currency="€">
                      <!-- ko if: price.amount == 0 --><!-- /ko -->
                      <!-- ko ifnot: price.amount == 0 -->
                      <span data-bind="text: $p(price.amount)">4,03</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>
                  <!-- ko if: true === displayFreePercentage || (0 != price.reduc && -100 != price.reduc) -->
                  <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">-43</span>% </span>
                  </span>
                  <span class="price_detail_3" data-bind="i18n: '_price_detail_3'">d'économies</span>
                  <!-- /ko -->
                </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 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">
          <span data-bind="text: submitLabel">Je commande</span>
        </button>
      </div>
    </div>
    <!-- /ko -->
  </div>
  <!-- /ko -->
  <!-- ko if: hasCmsBlock() --><!-- /ko -->
  <!-- ko if: applySelectedItem() -->
  <!-- /ko -->
</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() -->
    <input name="captcha_form_id" type="hidden" data-bind="value: formId,  attr: {'data-scope': dataScope}" value="user_login" data-scope="">
    <!-- 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 process data for the following purposesAdvertising tracking
cookies, Analytics tracking cookies, Personalised advertising and content,
advertising and content measurement, audience research and services development
, Precise geolocation data, and identification through device scanning, Store
and/or access information on a device

View our 856 partners
Learn MoreAgree and close

The store will not work correctly in the case when cookies are disabled.

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

 * Accueil
 * Notre Temps Jeux

Notre Temps Jeux
2,30 / mois au lieu de 4,03 / mois soit -43% d'économies
Je commande
2,30 / mois au lieu de 4,03 / mois soit -43% d'économies
 1. Offre
 2. Livraison
 3. Paiement


NOTRE TEMPS JEUX

Jouer, se cultiver, s'amuser !


Notre Temps Jeux lance sa nouvelle formule ! Dans chaque numéro, découvrez 340
jeux passionnants et leurs solutions : mots fléchés, mots croisés, mots
mélangés, sudoku... et des articles pour vous évader et vous inspirer. Notre
devise ? Jouer, se cultiver, s'amuser.

En savoir plus


Durée libre sans engagement : 1 numéro/mois (11 n° par an)
2,30 / mois au lieu de 4,03 / mois soit -43% d'économies
1 an - 11 n° dont un n° double l'été
32 au lieu de 44,33 soit -28% d'économies
2 ans - 22 n° dont deux n° doubles l'été
55 au lieu de 88,66 soit -38% d'économies


MES CADEAUX :

L’Agenda Quo Vadis 2025
Offert
+ de détails

•    L’agenda Quo Vadis 2025

Avec l'agenda Quo Vadis 2025, préparez sereinement votre année. Sa couverture
élégante et sa mise en page pratique vous permettra de gérer facilement votre
emploi du temps, vos projets, vos tâches et vos rendez-vous. Cette édition
exclusive a été réalisée spécialement pour les abonnés à Notre Temps alors
profitez-en ! 

Le stylo bille à fonction tactile
Offert
+ de détails



Stylo double fonction : stylo bille + stylet tactile !



 * Le stylet est compatible avec les écrans tactiles de toutes les tablettes et
   smartphones. Sa pointe omnidirectionnelle ne laisse ni traces ni rayures.
   Lorsqu’il fait froid, il vous permettra d’utiliser votre smartphone sans
   avoir à vous refroidir les doigts.
 * Sa pointe bic vous permet de passer sans transition de votre tablette à une
   traditionnelle feuille de papier.
 * Le clip intégré, pour accrocher le stylo à votre poche, à votre livre ou
   encore à votre sac, se révèlera très pratique.
 * Son aluminium de qualité vous assure une durabilité à toute épreuve.


POUR 1.36EUROS DE + SEULEMENT, J’AJOUTE :

Hors-série Notre Temps Jeux - 1 numéro par trimestre - 4 numéros/an
1,36 / mois au lieu de 1,62 / mois soit -16% d'économies
+ de détails

Recevez avec votre abonnement 4 hors-séries 100% Jeux/an pour encore plus de
jeux !
500 multijeux vous attendent pour des heures d’amusement en perspective.


TOTAL

2,30 / mois au lieu de 4,03 / mois soit -43% d'économies
Je commande
Skip to the end of the images gallery
HORS-SÉRIE








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 i176395


ABONNEZ-VOUS À NOTRE TEMPS JEUX,
LE MAGAZINE QUI MÊLE DIVERTISSEMENT ET CULTURE


AVEC L’ABONNEMENT À NOTRE TEMPS JEUX, VOUS AIMEREZ :

 * La diversité des jeux dans un seul magazine : 340 jeux inédits comme des mots
   fléchés, des mots mélangés, du sudoku, des jeux de mémoire, du quatro, du
   slam, et également des points à relier, des dessins magiques ou des enquêtes
   à mener !
 * Des histoires insolites de culture générale : sur les régions, le patrimoine,
   l’Histoire, la langue française, les marques incontournables, la gastronomie,
   mais aussi la nature !
 * Le grand format très visible et lisible
 * La mise en forme gaie et colorée pour que vous teniez entre les mains un
   magazine qui met de bonne humeur


QUI SE CACHE DERRIÈRE LE MENSUEL NOTRE TEMPS JEUX ?

Une super équipe de joyeux lurons, à votre service pour vous divertir et vous
cultiver ! Retrouvez le chat facétieux, imaginé par Gabs, qui joue les trublions
au fil des pages. Notre Temps Jeux, c’est le magazine qui fait ressortir votre
âme d’enfant.


À QUI S’ADRESSE L’ABONNEMENT NOTRE TEMPS JEUX ?


AUX ÉTERNELS JOUEURS

Mots fléchés, mots croisés, mots codés, mots mélangés, jeux de mémoire, de
chiffres, anagrammes, Sudoku… Découvrez un vrai festival pour tous les goûts et
pour toutes les formes de l’esprit avec une multitude de jeux qui font appel à
la patience, l’observation, la mémoire, l’orthographe, le calcul mental et la
culture générale.




AUX GRANDS CURIEUX ASSOIFFÉS DE CONNAISSANCE

Retrouvez des histoires sur des sujets qui vous passionnent avec des rubriques
sur les plus beaux sites de France et du monde, le tourisme, l’histoire, le
patrimoine, la gastronomie… Faites le plein d’anecdotes pour briller au prochain
déjeuner avec les mots insolites et l’origine des expressions !




AUX JEUNES ET MOINS JEUNES QUI VEULENT STIMULER LEURS NEURONES

Pour maintenir une mémoire efficace et toujours en éveil, il suffit de lui
consacrer régulièrement quelques minutes. Notre Temps Jeux vous propose une
sélection de jeux fondés sur l’adresse intellectuelle et l’agilité d’esprit,
pour vous distraire et vous détendre en entraînant et améliorant votre mémoire
et votre sagacité.


Back to top
Réduire Lire la suite

Paiement 100% sécurisé

Achetez en toute confiance

Livraison offerte

Pour les abonnements en France métropolitaine


Un service client à votre écoute


Lundi au vendredi de 8h30 à 19h

Garantie satisfait ou remboursé

Essayez, remboursement garanti

Vos questions, nos réponses Nous Contacter
 * CGV
 * CGU
 * Mentions Légales
 * Gestion des cookies
 * Politique de confidentialité

2023 - Bayard - Tous droits réservés
2023 - Bayard - Tous droits réservés

Nos Conditions Générales de Vente    Nos Conditions Générales d'Utilisation  
 Politique de confidentialité    Mentions légales    Crédits



Fermer
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

Fermer
Continuer mes achats Voir mon panier