{#
/**
 * @file
 * Bartik's theme implementation to display a node.
 *
 * Available variables:
 * - node: The node entity with limited access to object properties and methods.
 *   Only method names starting with "get", "has", or "is" and a few common
 *   methods such as "id", "label", and "bundle" are available. For example:
 *   - node.getCreatedTime() will return the node creation timestamp.
 *   - node.hasField('field_example') returns TRUE if the node bundle includes
 *     field_example. (This does not indicate the presence of a value in this
 *     field.)
 *   - node.isPublished() will return whether the node is published or not.
 *   Calling other methods, such as node.delete(), will result in an exception.
 *   See \Drupal\node\Entity\Node for a full list of public properties and
 *   methods for the node object.
 * - label: The title of the node.
 * - content: All node items. Use {{ content }} to print them all,
 *   or print a subset such as {{ content.field_example }}. Use
 *   {{ content|without('field_example') }} to temporarily suppress the printing
 *   of a given child element.
 * - author_picture: The node author user entity, rendered using the "compact"
 *   view mode.
 * - metadata: Metadata for this node.
 * - date: Themed creation date field.
 * - author_name: Themed author name field.
 * - url: Direct URL of the current node.
 * - display_submitted: Whether submission information should be displayed.
 * - attributes: HTML attributes for the containing element.
 *   The attributes.class element may contain one or more of the following
 *   classes:
 *   - node: The current template type (also known as a "theming hook").
 *   - node--type-[type]: The current node type. For example, if the node is an
 *     "Article" it would result in "node--type-article". Note that the machine
 *     name will often be in a short form of the human readable label.
 *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
 *     teaser would result in: "node--view-mode-teaser", and
 *     full: "node--view-mode-full".
 *   The following are controlled through the node publishing options.
 *   - node--promoted: Appears on nodes promoted to the front page.
 *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
 *     teaser listings.
 *   - node--unpublished: Appears on unpublished nodes visible only to site
 *     admins.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - content_attributes: Same as attributes, except applied to the main
 *   content tag that appears in the template.
 * - author_attributes: Same as attributes, except applied to the author of
 *   the node tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 * - view_mode: View mode; for example, "teaser" or "full".
 * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
 * - page: Flag for the full page state. Will be true if view_mode is 'full'.
 * - readmore: Flag for more state. Will be true if the teaser content of the
 *   node cannot hold the main body content.
 * - logged_in: Flag for authenticated user status. Will be true when the
 *   current user is a logged-in member.
 * - is_admin: Flag for admin user status. Will be true when the current user
 *   is an administrator.
 *
 * @see template_preprocess_node()
 */
#}

  <!-- PARTIE 1 - DEBUT -->
      <div class="grid-container mentionslegales-partie-1  grid-titre b-lazy" data-src="/{{ base_path ~ directory }}/assets/img/contact/Vegextra-batiment.png">

          <div class="grid-before">
          </div>
          <div class="grid ">
              <div class="entete-1 ">
                <h1 class="inline"><span>mentions</span><b>légales</b><br /><span>&</span><b>conditions</b><br /><b>générales</b><span>de vente</span></h1>
              </div>    
          </div>
          <div class="grid-after">
          </div>
          <span class="overlay-grid"></span>   
      </div>
      <!-- PARTIE 1 - FIN -->    
  
      <!-- PARTIE 2 - DEBUT -->  
      <div class="grid-container mentionslegales-partie-2  grid-titre">
          <div class="grid-before">
          </div>
          <div class="grid ">
  
              <div class="titre-1 highlight tile">
                  <h2><span>conditions</span><span>générales</span> <b>d'utilisation</b></h2>
              </div>  
              <div class="titre-1 next-text-down bleufonce tile"><i class="fas fa-arrow-down"></i></div>
              <div class="mentionslegales-colonne1 tile">
                   L’utilisation de ce service est réservée à un usage strictement personnel. Toute reproduction ou représentation, en tout ou partie, à d’autres fins sur un quelconque support est interdite sans l’autorisation expresse et préalable de la société VEG’EXTRA® et constituerait une contrefaçon au sens des articles L 335-2 et suivants du code de la propriété intellectuelle. Le non-respect de cette interdiction constitue une contrefaçon pouvant engager la responsabilité civile et pénale du contrefacteur. Les informations contenues dans ce service sont non contractuelles et sujettes à modification sans préavis.
              </div>

              <div class="titre-2 tile">
                <h2><span>gestion des </span><br /><b>données personnelles</b> <span class="inline">& </span><b>politique de collecte </b><br /><span>des données</span></h2>
              </div>  
              <div class="titre-2 next-text-down bleufonce tile"><i class="fas fa-arrow-down"></i></div>
              <div class="mentionslegales-colonne1-suite tile">
                Quelles sont les données personnelles que nous collectons ? Les données personnelles que nous collectons varient en fonction du but de la collecte et du Service que nous vous fournissons. Historiques de navigation, telles que les pages visitées, la date de la visite, la localisation lors de la visite, ou encore l’adresse IP ; Adresses mail des formulaires de contact pour lequel vous donnez votre consentement. Les personnes qui peuvent y accéder. Les données personnelles sont collectées par le service communication sous la responsabilité de XXXXXX XXXXXXX.
              </div>

              
              <div class="titre-3  tile">
                <h2><span>partage de<br /> vos </span><b>données</b><br /><b> personnelles</b></h2>
              </div>  
              <div class="titre-3 next-text-down bleufonce tile"><i class="fas fa-arrow-down"></i></div>
              <div class="mentionslegales-colonne2 tile">
                  L’utilisation de ce service est réservée à un usage strictement personnel. Toute reproduction ou représentation, en tout ou partie, à d’autres fins sur un quelconque support est interdite sans l’autorisation expresse et préalable de la société VEG’EXTRA® et constituerait une contrefaçon au sens des articles L 335-2 et suivants du code de la propriété intellectuelle. Le non-respect de cette interdiction constitue une contrefaçon pouvant engager la responsabilité civile et pénale du contrefacteur. Les informations contenues dans ce service sont non contractuelles et sujettes à modification sans préavis.
              </div>

              <div class="titre-4 tile">
                <h2><b>cookies </b> &<br /><span>autres<br /> technologies</span> </h2>
              </div>  
              <div class="titre-4 next-text-down bleufonce tile"><i class="fas fa-arrow-down"></i></div>
              <div class="mentionslegales-colonne2-suite tile">
                Quelles sont les données personnelles que nous collectons ? Les données personnelles que nous collectons varient en fonction du but de la collecte et du Service que nous vous fournissons. Historiques de navigation, telles que les pages visitées, la date de la visite, la localisation lors de la visite, ou encore l’adresse IP ; Adresses mail des formulaires de contact pour lequel vous donnez votre consentement. Les personnes qui peuvent y accéder. Les données personnelles sont collectées par le service communication sous la responsabilité de XXXXXX XXXXXXX.
              </div>

            </div>
          <div class="grid-after"> 
          </div>
      </div>
      <!-- PARTIE 2 - FIN -->  

  {% if node.field_lien_1.entity.label != '' and node.field_lien_2.entity.label != '' %}

    <!-- FOOTER - DEBUT -->  
    <div class="grid-container footer">
        <div class="grid-before"></div>
        <div class="grid">

            {% if node.field_lien_1.entity.label != '' %}
            <div class="footer-widget-1 footer-widget-container"></div>
            <div class="footer-widget-1 footer-widget-title"><h2>{{ node.field_lien_1.entity.label }}</h2></div>
            <div class="footer-widget-1 footer-widget-content">
                {{ node.field_lien_1.entity.field_resume|view }}
            </div> 
            <div class="footer-widget-1 footer-widget-container-link">
                <a href="{{ path('entity.node.canonical', {'node':  node.field_lien_1.entity.id}) }}" class="goutte goutte-bleufonce"></a>
            </div>                               
            <div class="footer-widget-1 footer-widget-btn"><a href="{{ path('entity.node.canonical', {'node':  node.field_lien_1.entity.id}) }}">></a></div>
            {% endif %}

            {% if node.field_lien_2.entity.label != '' %}
            <div class="footer-widget-2 footer-widget-container"></div>
            <div class="footer-widget-2 footer-widget-title"><h2>{{ node.field_lien_2.entity.label }}</h2></div>
            <div class="footer-widget-2 footer-widget-content">
                {{ node.field_lien_2.entity.field_resume|view }}
            </div> 
            <div class="footer-widget-2 footer-widget-container-link">
                <a href="{{ path('entity.node.canonical', {'node':  node.field_lien_2.entity.id}) }}" class="goutte goutte-vertclair"></a>
            </div>                               
            <div class="footer-widget-2 footer-widget-btn"><a href="{{ path('entity.node.canonical', {'node':  node.field_lien_2.entity.id}) }}">></a></div>
            {% endif %}

        </div>
        <div class="grid-after"> </div>
    </div>
    <!-- FOOTER - FIN -->
    
    {% endif %}