It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://belepature.fr

  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.        <meta charset="UTF-8">
  5.        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.  
  7.        <title>BÊLE Pâture - </title>
  8.        <meta name="description" content="BÊLE Pâture sur France 3 Centre Val de Loire. Des moutons pour tondre la pelouse, une solution à laquelle certaines entreprises et collectivités ont recours." />
  9.        <meta name="generator" content="Web ProPulse" />
  10.  
  11.        
  12.            <link rel="preconnect" href="https://fonts.gstatic.com">
  13.  
  14.  
  15.            
  16.                                <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
  17.                                                        <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
  18.  
  19.                
  20.                <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Libre+Baskerville:wght@700&family=Montserrat:wght@700&display=swap" rel="stylesheet">
  21.  
  22.            
  23.            
  24.  
  25.  
  26.            <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
  27.                        <link rel="stylesheet" href="/assets/css/styleSite.css?v=2.21.0">
  28.            <link rel="stylesheet" href="/assets/css/styleMasque.css?v=1.0.0">
  29.        
  30.                    <link rel="icon" href="/assets/images/commerces/140/favicon.png?v=1" />
  31.        
  32.            <meta property="og:site_name" content="Bele Pature" />
  33.    <meta property="og:type" content="website" />
  34.    <meta property="og:url" content="https://belepature.fr/" />
  35.    <meta property="og:title" content="BÊLE Pâture" />
  36.    <meta property="og:description" content="BÊLE Pâture sur France 3 Centre Val de Loire. Des moutons pour tondre la pelouse, une solution à laquelle certaines entreprises et collectivités ont recours." />
  37.    <meta property="og:image" content="https://belepature.fr/assets/images/commerces/140/pages/d43fc949414d1687a581359b00134593.jpg" />
  38.            <meta name="twitter:card" content="summary" />
  39.    <meta name="twitter:title" content="BÊLE Pâture" />
  40.    <meta name="twitter:description" content="BÊLE Pâture sur France 3 Centre Val de Loire. Des moutons pour tondre la pelouse, une solution à laquelle certaines entreprises et collectivités ont recours." />
  41.    <meta name="twitter:image" content="https://belepature.fr/assets/images/commerces/140/pages/d43fc949414d1687a581359b00134593.jpg" />
  42.    <meta name="twitter:url" content="https://belepature.fr/" />
  43.  
  44.        
  45.        
  46.            <link rel="canonical" href="https://belepature.fr/" />
  47.  
  48.    
  49.    
  50.  
  51.        
  52.            <style>
  53.  
  54.                                body{--font-textes: Roboto Condensed;--font-titres: Roboto;--font-weight-titres: 400;--blocpage-texte-size: 16px;--footer-t4-titre-color: rgb(255, 255, 255);--footer-t4-texte-color: rgb(255, 255, 255);--footer-t4-titre-size: 22px;--blocpage-bouton-radius: 5px;--footer-t4-lien-color: rgb(255, 255, 255);--navbar-t1-general-bgcolor: rgb(255, 255, 255);--footer-t4-general-bgcolor: rgb(47, 105, 2);--entete-t6-titre-color: rgb(255, 255, 255);--entete-t6-filtre-bgcolor: rgba(0, 0, 0, 0.35);--entete-t6-texte-color: rgb(255, 255, 255);--blocpage-formcontrol-radius: 4px;--items-t5-content-padding-x: 25px;--items-t5-content-padding-y: 25px;--items-t5-content-padding: 25px 25px;--items-t5-item-align: center;--navbar-t1-lien-color: rgb(47, 105, 2);--entete-t6-titre-size: 40px;--entete-t6-texte-size: 20px;--blocpage-titre-size: 24px;--items-t5-titre-size: 20px;--categorieproduits-t9-titre-size: 20px;--categorieproduits-t9-content-align: left;--categorieproduits-t9-content-padding-x: 10px;--categorieproduits-t9-content-padding-y: 10px;--categorieproduits-t9-content-padding: 10px 10px;--apercuproduit-t11-content-align: left;--apercuproduit-t11-content-padding-x: 10px;--apercuproduit-t11-content-padding-y: 10px;--apercuproduit-t11-content-padding: 10px 10px;--categorieproduits-t9-texte-size: 16px;--avisclient-t10-texte-size: 16px;--avisclient-t10-nomclient-size: 18px;--footer-t4-texte-size: 16px;--apercuarticle-t12-content-align: left;--apercuarticle-t12-content-padding-x: 10px;--apercuarticle-t12-content-padding-y: 10px;--apercuarticle-t12-content-padding: 10px 10px;--navbar-t2-general-bgcolor: rgb(52, 58, 64);--navbar-t3-general-bgcolor: rgb(52, 58, 64);--navbar-t2-lien-color: rgb(255, 255, 255);--navbar-t3-lien-color: rgb(255, 255, 255);--entete-t7-titre-color: rgb(255, 255, 255);--entete-t7-titre-size: 40px;--entete-t7-fond-bgcolor: rgb(47, 105, 2);--entete-t7-texte-color: rgb(255, 255, 255);--entete-t7-texte-size: 20px;--blocpage-bouton-padding-x: 8px;--blocpage-bouton-padding-y: 25px;--blocpage-bouton-padding: 8px 25px;--blocpage-formcontrol-padding-x: 6px;--blocpage-formcontrol-padding-y: 12px;--blocpage-formcontrol-padding: 6px 12px;--entete-t16-fond-bgcolor: rgb(255, 255, 255);--entete-t16-titre-color: rgb(47, 105, 2);--entete-t16-titre-size: 40px;--entete-t16-texte-color: rgb(121, 121, 121);--entete-t16-texte-size: 20px;--navbar-t1-bouton-bgcolor: rgb(47, 105, 2);--navbar-t1-bouton-color: rgb(255, 255, 255);--navbar-t1-bouton-radius: 4px;--navbar-t1-bouton-border-top: 2px solid rgb(47, 105, 2);--navbar-t1-bouton-border-bottom: 2px solid rgb(47, 105, 2);--navbar-t1-bouton-border-left: 2px solid rgb(47, 105, 2);--navbar-t1-bouton-border-right: 2px solid rgb(47, 105, 2);--navbar-t1-bouton-padding-x: 10px;--navbar-t1-bouton-padding-y: 10px;--navbar-t1-bouton-padding: 10px 10px;--entete-t6-bouton-bgcolor: rgb(47, 105, 2);--entete-t6-bouton-color: rgb(255, 255, 255);--entete-t6-bouton-radius: 4px;--entete-t6-bouton-border-top: 4px solid rgb(47, 105, 2);--entete-t6-bouton-border-bottom: 4px solid rgb(47, 105, 2);--entete-t6-bouton-border-left: 4px solid rgb(47, 105, 2);--entete-t6-bouton-border-right: 4px solid rgb(47, 105, 2);--entete-t6-bouton-padding-x: 8px;--entete-t6-bouton-padding-y: 25px;--entete-t6-bouton-padding: 8px 25px;--entete-t7-bouton-bgcolor: rgb(255, 255, 255);--entete-t7-bouton-color: rgb(47, 105, 2);--entete-t7-bouton-radius: 4px;--entete-t7-bouton-border-top: 4px solid rgb(255, 255, 255);--entete-t7-bouton-border-bottom: 4px solid rgb(255, 255, 255);--entete-t7-bouton-border-left: 4px solid rgb(255, 255, 255);--entete-t7-bouton-border-right: 4px solid rgb(255, 255, 255);--entete-t7-bouton-padding-x: 8px;--entete-t7-bouton-padding-y: 25px;--entete-t7-bouton-padding: 8px 25px;--entete-t16-bouton-bgcolor: rgb(47, 105, 2);--entete-t16-bouton-color: rgb(255, 255, 255);--entete-t16-bouton-radius: 4px;--entete-t16-bouton-border-top: 2px solid rgb(47, 105, 2);--entete-t16-bouton-border-bottom: 2px solid rgb(47, 105, 2);--entete-t16-bouton-border-left: 2px solid rgb(47, 105, 2);--entete-t16-bouton-border-right: 2px solid rgb(47, 105, 2);--entete-t16-bouton-padding-x: 8px;--entete-t16-bouton-padding-y: 25px;--entete-t16-bouton-padding: 8px 25px;--navbar-t1-lien-size: 15px;--navbar-t1-bouton-size: 16px;--entete-t6-bouton-size: 16px;--entete-t7-bouton-size: 16px;--entete-t16-bouton-size: 16px;--blocpage-bouton-size: 16px;--entete-t16-fond-align: center;--entete-t6-general-align: center;--items-t5-btn-padding-x: 10px;--items-t5-btn-padding-y: 10px;--items-t5-btn-padding: 10px 10px;--avisclient-t10-avis-radius: 20px;--navbar-t1-lien-fontweight: unset;--apercuproduit-t11-content-radius: 0px;--apercuproduit-t11-titre-size: 20px;--apercuproduit-t11-more-fontweight: bold;--apercuarticle-t12-bloc-radius: 0px;--apercuarticle-t12-categorie-fontweight: bold;--apercuarticle-t12-titre-size: 24px;--items-t5-item-radius: 0px;--categorieproduits-t9-bloc-radius: 0px;--categorieproduits-t24-bloc-radius: 0px;--categorieproduits-t24-content-padding-x: 10px;--categorieproduits-t24-content-padding-y: 10px;--categorieproduits-t24-content-padding: 10px 10px;--categorieproduits-t24-content-size: 20px;--categorieproduits-t24-content-fontweight: bold;--navbar-t1-general-blur: 0px;--blocpage-titrestrong-fontweight: bold;--blocpage-soustitre-size: 20px;--entete-t6-titrestrong-color: #000000;--entete-t6-titrestrong-fontweight: bold;--entete-t7-titrestrong-color: #000000;--entete-t7-titrestrong-fontweight: bold;--entete-t16-titrestrong-color: #000000;--entete-t16-titrestrong-fontweight: bold;--blocpage-t26-cadre-radius: 4px;--blocpage-t26-cadre-padding-x: 50px;--blocpage-t26-cadre-padding-y: 50px;--blocpage-t26-cadre-padding: 50px 50px;--blocpage-t26-soustitre-size: 20px;--blocpage-t26-titre-size: 24px;--blocpage-t26-titrestrong-fontweight: bold;--blocpage-t26-texte-size: 16px;--items-t5-texte-size: 16px;--items-t5-btn-size: 16px;--items-t5-btn-radius: 5px;--apercuproduit-t11-more-size: 16px;--apercuproduit-t11-prixbarre-size: 16px;--apercuproduit-t11-prix-size: 19px;--apercuproduit-t11-btn-padding-x: 8px;--apercuproduit-t11-btn-padding-y: 25px;--apercuproduit-t11-btn-padding: 8px 25px;--apercuproduit-t11-btn-size: 16px;--apercuproduit-t11-btn-radius: 5px;--avisclient-t10-avis-padding-x: 30px;--avisclient-t10-avis-padding-y: 30px;--avisclient-t10-avis-padding: 30px 30px;--apercuarticle-t12-texte-size: 16px;--apercuarticle-t12-more-size: 16px;--apercuarticle-t12-categorie-size: 16px;--faq-t93-faq-radius: 0px;--faq-t93-question-size: 20px;--faq-t93-reponse-size: 16px;--faq-t93-content-padding-x: 25px;--faq-t93-content-padding-y: 25px;--faq-t93-content-padding: 25px 25px;--items-t28-item-align: center;--items-t28-titre-size: 20px;--items-t28-texte-size: 16px;--items-t28-btn-padding-x: 8px;--items-t28-btn-padding-y: 25px;--items-t28-btn-padding: 8px 25px;--items-t28-btn-size: 16px;--items-t28-btn-radius: 5px;--faq-t93-icone-size: 20px;--entete-t6-btnsecondary-bgcolor: rgb(255, 255, 255);--entete-t6-btnsecondary-color: rgb(47, 105, 2);--entete-t6-btnsecondary-border-top: 4px solid rgb(47, 105, 2);--entete-t6-btnsecondary-border-bottom: 4px solid rgb(47, 105, 2);--entete-t6-btnsecondary-border-left: 4px solid rgb(47, 105, 2);--entete-t6-btnsecondary-border-right: 4px solid rgb(47, 105, 2);--entete-t7-btnsecondary-bgcolor: rgb(47, 105, 2);--entete-t7-btnsecondary-color: rgb(255, 255, 255);--entete-t7-btnsecondary-border-top: 4px solid rgb(255, 255, 255);--entete-t7-btnsecondary-border-bottom: 4px solid rgb(255, 255, 255);--entete-t7-btnsecondary-border-left: 4px solid rgb(255, 255, 255);--entete-t7-btnsecondary-border-right: 4px solid rgb(255, 255, 255);--entete-t16-btnsecondary-bgcolor: rgb(255, 255, 255);--entete-t16-btnsecondary-color: rgb(47, 105, 2);--entete-t16-btnsecondary-border-top: 2px solid rgb(47, 105, 2);--entete-t16-btnsecondary-border-bottom: 2px solid rgb(47, 105, 2);--entete-t16-btnsecondary-border-left: 2px solid rgb(47, 105, 2);--entete-t16-btnsecondary-border-right: 2px solid rgb(47, 105, 2);--entete-t6-soustitre-size: 20px;--entete-t6-soustitre-color: #000000;--entete-t7-soustitre-size: 20px;--entete-t7-soustitre-color: #000000;--entete-t16-soustitre-size: 20px;--entete-t16-soustitre-color: #000000;--blocpage-texte-color-v1: rgb(121, 121, 121);--blocpage-texte-color-v2: rgb(121, 121, 121);--blocpage-texte-color-v3: rgb(255, 255, 255);--blocpage-bouton-bgcolor-v1: rgb(47, 105, 2);--blocpage-bouton-bgcolor-v2: rgb(47, 105, 2);--blocpage-bouton-bgcolor-v3: rgb(255, 255, 255);--blocpage-bouton-color-v1: rgb(255, 255, 255);--blocpage-bouton-color-v2: rgb(255, 255, 255);--blocpage-bouton-color-v3: rgb(47, 105, 2);--blocpage-section-bgcolor-v1: rgb(255, 255, 255);--blocpage-section-bgcolor-v2: rgb(231, 242, 235);--blocpage-section-bgcolor-v3: rgb(47, 105, 2);--blocpage-titre-color-v1: rgb(47, 105, 2);--blocpage-titre-color-v2: rgb(47, 105, 2);--blocpage-titre-color-v3: rgb(255, 255, 255);--items-t5-content-bgcolor-v1: rgb(255, 255, 255);--items-t5-content-bgcolor-v2: rgb(255, 255, 255);--items-t5-content-bgcolor-v3: rgb(255, 255, 255);--items-t5-titre-color-v1: rgb(47, 105, 2);--items-t5-titre-color-v2: rgb(47, 105, 2);--items-t5-titre-color-v3: rgb(47, 105, 2);--items-t5-texte-color-v1: rgb(121, 121, 121);--items-t5-texte-color-v2: rgb(121, 121, 121);--items-t5-texte-color-v3: rgb(121, 121, 121);--categorieproduits-t9-titre-color-v1: rgb(77, 134, 198);--categorieproduits-t9-titre-color-v2: rgb(77, 134, 198);--categorieproduits-t9-titre-color-v3: rgb(77, 134, 198);--categorieproduits-t9-texte-color-v1: rgb(33, 37, 41);--categorieproduits-t9-texte-color-v2: rgb(33, 37, 41);--categorieproduits-t9-texte-color-v3: rgb(33, 37, 41);--blocpage-bouton-border-top-v1: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-bottom-v1: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-left-v1: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-right-v1: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-top-v2: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-bottom-v2: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-left-v2: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-right-v2: 2px solid rgb(47, 105, 2);--blocpage-bouton-border-top-v3: 2px solid rgb(255, 255, 255);--blocpage-bouton-border-bottom-v3: 2px solid rgb(255, 255, 255);--blocpage-bouton-border-left-v3: 2px solid rgb(255, 255, 255);--blocpage-bouton-border-right-v3: 2px solid rgb(255, 255, 255);--categorieproduits-t9-content-bgcolor-v1: rgb(255, 255, 255);--categorieproduits-t9-content-bgcolor-v2: rgb(255, 255, 255);--categorieproduits-t9-content-bgcolor-v3: rgb(255, 255, 255);--apercuproduit-t11-content-bgcolor-v1: rgb(255, 255, 255);--apercuproduit-t11-content-bgcolor-v2: rgb(255, 255, 255);--apercuproduit-t11-content-bgcolor-v3: rgb(255, 255, 255);--avisclient-t10-texte-color-v1: rgb(121, 121, 121);--avisclient-t10-texte-color-v2: rgb(121, 121, 121);--avisclient-t10-texte-color-v3: rgb(121, 121, 121);--avisclient-t10-nomclient-color-v1: rgb(91, 136, 50);--avisclient-t10-nomclient-color-v2: rgb(91, 136, 50);--avisclient-t10-nomclient-color-v3: rgb(91, 136, 50);--blocpage-formcontrol-bgcolor-v1: rgb(255, 255, 255);--blocpage-formcontrol-bgcolor-v2: rgb(255, 255, 255);--blocpage-formcontrol-bgcolor-v3: rgb(255, 255, 255);--blocpage-formcontrol-border-top-v1: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-bottom-v1: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-left-v1: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-right-v1: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-top-v2: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-bottom-v2: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-left-v2: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-right-v2: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-top-v3: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-bottom-v3: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-left-v3: 1px solid rgb(206, 212, 218);--blocpage-formcontrol-border-right-v3: 1px solid rgb(206, 212, 218);--blocpage-lien-color-v1: rgb(47, 105, 2);--blocpage-lien-color-v2: rgb(47, 105, 2);--blocpage-lien-color-v3: rgb(121, 121, 121);--apercuproduit-t11-titre-color-v1: rgb(33, 37, 41);--apercuproduit-t11-titre-color-v2: rgb(33, 37, 41);--apercuproduit-t11-titre-color-v3: rgb(33, 37, 41);--apercuproduit-t11-more-color-v1: rgb(33, 37, 41);--apercuproduit-t11-more-color-v2: rgb(33, 37, 41);--apercuproduit-t11-more-color-v3: rgb(33, 37, 41);--apercuarticle-t12-content-bgcolor-v1: rgb(255, 255, 255);--apercuarticle-t12-content-bgcolor-v2: rgb(255, 255, 255);--apercuarticle-t12-content-bgcolor-v3: rgb(255, 255, 255);--apercuarticle-t12-categorie-color-v1: rgb(200, 61, 55);--apercuarticle-t12-categorie-color-v2: rgb(200, 61, 55);--apercuarticle-t12-categorie-color-v3: rgb(200, 61, 55);--apercuarticle-t12-titre-color-v1: rgb(77, 134, 198);--apercuarticle-t12-titre-color-v2: rgb(77, 134, 198);--apercuarticle-t12-titre-color-v3: rgb(77, 134, 198);--apercuarticle-t12-texte-color-v1: rgb(33, 37, 41);--apercuarticle-t12-texte-color-v2: rgb(33, 37, 41);--apercuarticle-t12-texte-color-v3: rgb(33, 37, 41);--apercuarticle-t12-more-color-v1: rgb(77, 134, 198);--apercuarticle-t12-more-color-v2: rgb(77, 134, 198);--apercuarticle-t12-more-color-v3: rgb(77, 134, 198);--categorieproduits-t9-bloc-border-top-v1: none;--categorieproduits-t9-bloc-border-bottom-v1: none;--categorieproduits-t9-bloc-border-left-v1: none;--categorieproduits-t9-bloc-border-right-v1: none;--categorieproduits-t9-bloc-border-top-v2: none;--categorieproduits-t9-bloc-border-bottom-v2: none;--categorieproduits-t9-bloc-border-left-v2: none;--categorieproduits-t9-bloc-border-right-v2: none;--categorieproduits-t9-bloc-border-top-v3: none;--categorieproduits-t9-bloc-border-bottom-v3: none;--categorieproduits-t9-bloc-border-left-v3: none;--categorieproduits-t9-bloc-border-right-v3: none;--apercuarticle-t12-content-border-top-v1: none;--apercuarticle-t12-content-border-bottom-v1: none;--apercuarticle-t12-content-border-left-v1: none;--apercuarticle-t12-content-border-right-v1: none;--apercuarticle-t12-content-border-top-v2: none;--apercuarticle-t12-content-border-bottom-v2: none;--apercuarticle-t12-content-border-left-v2: none;--apercuarticle-t12-content-border-right-v2: none;--apercuarticle-t12-content-border-top-v3: none;--apercuarticle-t12-content-border-bottom-v3: none;--apercuarticle-t12-content-border-left-v3: none;--apercuarticle-t12-content-border-right-v3: none;--apercuproduit-t11-prix-color-v1: rgb(77, 134, 198);--apercuproduit-t11-prix-color-v2: rgb(77, 134, 198);--apercuproduit-t11-prix-color-v3: rgb(77, 134, 198);--blocpage-formcontrol-color-v1: rgb(73, 80, 87);--blocpage-formcontrol-color-v2: rgb(73, 80, 87);--blocpage-formcontrol-color-v3: rgb(73, 80, 87);--items-t5-btn-bgcolor-v1: rgb(47, 105, 2);--items-t5-btn-bgcolor-v2: rgb(47, 105, 2);--items-t5-btn-bgcolor-v3: rgb(255, 255, 255);--items-t5-btn-color-v1: rgb(255, 255, 255);--items-t5-btn-color-v2: rgb(255, 255, 255);--items-t5-btn-color-v3: rgb(47, 105, 2);--categorieproduits-t24-filtre-bgcolor-v1: rgba(0, 0, 0, 0.25);--categorieproduits-t24-filtre-bgcolor-v2: rgba(0, 0, 0, 0.25);--categorieproduits-t24-filtre-bgcolor-v3: rgba(0, 0, 0, 0.25);--categorieproduits-t24-content-color-v1: rgb(255, 255, 255);--categorieproduits-t24-content-color-v2: rgb(255, 255, 255);--categorieproduits-t24-content-color-v3: rgb(255, 255, 255);--blocpage-titrestrong-color-v1: rgb(47, 105, 2);--blocpage-titrestrong-color-v2: rgb(47, 105, 2);--blocpage-titrestrong-color-v3: rgb(255, 255, 255);--blocpage-soustitre-color-v1: rgb(47, 105, 2);--blocpage-soustitre-color-v2: rgb(47, 105, 2);--blocpage-soustitre-color-v3: rgb(255, 255, 255);--avisclient-t10-avis-shadow-v1: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--avisclient-t10-avis-shadow-v2: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--avisclient-t10-avis-shadow-v3: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--blocpage-t26-cadre-bgcolor-v1: rgb(47, 105, 2);--blocpage-t26-cadre-bgcolor-v2: rgb(47, 105, 2);--blocpage-t26-cadre-bgcolor-v3: rgb(255, 255, 255);--blocpage-t26-cadre-shadow-v1: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--blocpage-t26-cadre-shadow-v2: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--blocpage-t26-cadre-shadow-v3: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);--blocpage-t26-soustitre-color-v1: rgb(47, 105, 2);--blocpage-t26-soustitre-color-v2: rgb(47, 105, 2);--blocpage-t26-soustitre-color-v3: rgb(255, 255, 255);--blocpage-t26-titre-color-v1: rgb(255, 255, 255);--blocpage-t26-titre-color-v2: rgb(231, 242, 235);--blocpage-t26-titre-color-v3: rgb(47, 105, 2);--blocpage-t26-titrestrong-color-v1: rgb(47, 105, 2);--blocpage-t26-titrestrong-color-v2: rgb(47, 105, 2);--blocpage-t26-titrestrong-color-v3: rgb(255, 255, 255);--blocpage-t26-texte-color-v1: rgb(255, 255, 255);--blocpage-t26-texte-color-v2: rgb(231, 242, 235);--blocpage-t26-texte-color-v3: rgb(47, 105, 2);--blocpage-t26-bouton-bgcolor-v1: rgb(47, 105, 2);--blocpage-t26-bouton-bgcolor-v2: rgb(47, 105, 2);--blocpage-t26-bouton-bgcolor-v3: rgb(255, 255, 255);--blocpage-t26-bouton-color-v1: rgb(255, 255, 255);--blocpage-t26-bouton-color-v2: rgb(255, 255, 255);--blocpage-t26-bouton-color-v3: rgb(47, 105, 2);--blocpage-t26-bouton-border-top-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-bottom-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-left-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-right-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-top-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-bottom-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-left-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-right-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-bouton-border-top-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-bouton-border-bottom-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-bouton-border-left-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-bouton-border-right-v3: 2px solid rgb(255, 255, 255);--items-t5-item-border-top-v1: none;--items-t5-item-border-bottom-v1: none;--items-t5-item-border-left-v1: none;--items-t5-item-border-right-v1: none;--items-t5-item-border-top-v2: none;--items-t5-item-border-bottom-v2: none;--items-t5-item-border-left-v2: none;--items-t5-item-border-right-v2: none;--items-t5-item-border-top-v3: none;--items-t5-item-border-bottom-v3: none;--items-t5-item-border-left-v3: none;--items-t5-item-border-right-v3: none;--items-t5-item-shadow-v1: none;--items-t5-item-shadow-v2: none;--items-t5-item-shadow-v3: none;--items-t5-content-blur-v1: 0px;--items-t5-content-blur-v2: 0px;--items-t5-content-blur-v3: 0px;--items-t5-btn-border-top-v1: none;--items-t5-btn-border-bottom-v1: none;--items-t5-btn-border-left-v1: none;--items-t5-btn-border-right-v1: none;--items-t5-btn-border-top-v2: none;--items-t5-btn-border-bottom-v2: none;--items-t5-btn-border-left-v2: none;--items-t5-btn-border-right-v2: none;--items-t5-btn-border-top-v3: none;--items-t5-btn-border-bottom-v3: none;--items-t5-btn-border-left-v3: none;--items-t5-btn-border-right-v3: none;--categorieproduits-t9-bloc-shadow-v1: none;--categorieproduits-t9-bloc-shadow-v2: none;--categorieproduits-t9-bloc-shadow-v3: none;--categorieproduits-t9-content-blur-v1: 0px;--categorieproduits-t9-content-blur-v2: 0px;--categorieproduits-t9-content-blur-v3: 0px;--categorieproduits-t24-bloc-shadow-v1: none;--categorieproduits-t24-bloc-shadow-v2: none;--categorieproduits-t24-bloc-shadow-v3: none;--apercuproduit-t11-content-border-top-v1: none;--apercuproduit-t11-content-border-bottom-v1: none;--apercuproduit-t11-content-border-left-v1: none;--apercuproduit-t11-content-border-right-v1: none;--apercuproduit-t11-content-border-top-v2: none;--apercuproduit-t11-content-border-bottom-v2: none;--apercuproduit-t11-content-border-left-v2: none;--apercuproduit-t11-content-border-right-v2: none;--apercuproduit-t11-content-border-top-v3: none;--apercuproduit-t11-content-border-bottom-v3: none;--apercuproduit-t11-content-border-left-v3: none;--apercuproduit-t11-content-border-right-v3: none;--apercuproduit-t11-content-shadow-v1: none;--apercuproduit-t11-content-shadow-v2: none;--apercuproduit-t11-content-shadow-v3: none;--apercuproduit-t11-content-blur-v1: 0px;--apercuproduit-t11-content-blur-v2: 0px;--apercuproduit-t11-content-blur-v3: 0px;--apercuproduit-t11-prixbarre-color-v1: rgb(47, 105, 2);--apercuproduit-t11-prixbarre-color-v2: rgb(47, 105, 2);--apercuproduit-t11-prixbarre-color-v3: rgb(121, 121, 121);--apercuproduit-t11-btn-bgcolor-v1: rgb(47, 105, 2);--apercuproduit-t11-btn-bgcolor-v2: rgb(47, 105, 2);--apercuproduit-t11-btn-bgcolor-v3: rgb(255, 255, 255);--apercuproduit-t11-btn-color-v1: rgb(255, 255, 255);--apercuproduit-t11-btn-color-v2: rgb(255, 255, 255);--apercuproduit-t11-btn-color-v3: rgb(47, 105, 2);--apercuproduit-t11-btn-border-top-v1: none;--apercuproduit-t11-btn-border-bottom-v1: none;--apercuproduit-t11-btn-border-left-v1: none;--apercuproduit-t11-btn-border-right-v1: none;--apercuproduit-t11-btn-border-top-v2: none;--apercuproduit-t11-btn-border-bottom-v2: none;--apercuproduit-t11-btn-border-left-v2: none;--apercuproduit-t11-btn-border-right-v2: none;--apercuproduit-t11-btn-border-top-v3: none;--apercuproduit-t11-btn-border-bottom-v3: none;--apercuproduit-t11-btn-border-left-v3: none;--apercuproduit-t11-btn-border-right-v3: none;--avisclient-t10-avis-border-top-v1: none;--avisclient-t10-avis-border-bottom-v1: none;--avisclient-t10-avis-border-left-v1: none;--avisclient-t10-avis-border-right-v1: none;--avisclient-t10-avis-border-top-v2: none;--avisclient-t10-avis-border-bottom-v2: none;--avisclient-t10-avis-border-left-v2: none;--avisclient-t10-avis-border-right-v2: none;--avisclient-t10-avis-border-top-v3: none;--avisclient-t10-avis-border-bottom-v3: none;--avisclient-t10-avis-border-left-v3: none;--avisclient-t10-avis-border-right-v3: none;--avisclient-t10-avis-bgcolor-v1: #ffffff;--avisclient-t10-avis-bgcolor-v2: #ffffff;--avisclient-t10-avis-bgcolor-v3: #ffffff;--avisclient-t10-avis-blur-v1: 0px;--avisclient-t10-avis-blur-v2: 0px;--avisclient-t10-avis-blur-v3: 0px;--apercuarticle-t12-bloc-shadow-v1: none;--apercuarticle-t12-bloc-shadow-v2: none;--apercuarticle-t12-bloc-shadow-v3: none;--apercuarticle-t12-content-blur-v1: 0px;--apercuarticle-t12-content-blur-v2: 0px;--apercuarticle-t12-content-blur-v3: 0px;--faq-t93-faq-shadow-v1: none;--faq-t93-faq-shadow-v2: none;--faq-t93-faq-shadow-v3: none;--faq-t93-question-color-v1: rgb(47, 105, 2);--faq-t93-question-color-v2: rgb(47, 105, 2);--faq-t93-question-color-v3: rgb(47, 105, 2);--faq-t93-reponse-color-v1: rgb(121, 121, 121);--faq-t93-reponse-color-v2: rgb(121, 121, 121);--faq-t93-reponse-color-v3: rgb(121, 121, 121);--faq-t93-content-bgcolor-v1: rgb(255, 255, 255);--faq-t93-content-bgcolor-v2: rgb(255, 255, 255);--faq-t93-content-bgcolor-v3: rgb(255, 255, 255);--faq-t93-content-blur-v1: 0px;--faq-t93-content-blur-v2: 0px;--faq-t93-content-blur-v3: 0px;--items-t28-titre-color-v1: rgb(47, 105, 2);--items-t28-titre-color-v2: rgb(47, 105, 2);--items-t28-titre-color-v3: rgb(255, 255, 255);--items-t28-texte-color-v1: rgb(121, 121, 121);--items-t28-texte-color-v2: rgb(121, 121, 121);--items-t28-texte-color-v3: rgb(255, 255, 255);--items-t28-btn-bgcolor-v1: rgb(47, 105, 2);--items-t28-btn-bgcolor-v2: rgb(47, 105, 2);--items-t28-btn-bgcolor-v3: rgb(255, 255, 255);--items-t28-btn-color-v1: rgb(255, 255, 255);--items-t28-btn-color-v2: rgb(255, 255, 255);--items-t28-btn-color-v3: rgb(47, 105, 2);--items-t28-btn-border-top-v1: 2px solid rgb(47, 105, 2);--items-t28-btn-border-bottom-v1: 2px solid rgb(47, 105, 2);--items-t28-btn-border-left-v1: 2px solid rgb(47, 105, 2);--items-t28-btn-border-right-v1: 2px solid rgb(47, 105, 2);--items-t28-btn-border-top-v2: 2px solid rgb(47, 105, 2);--items-t28-btn-border-bottom-v2: 2px solid rgb(47, 105, 2);--items-t28-btn-border-left-v2: 2px solid rgb(47, 105, 2);--items-t28-btn-border-right-v2: 2px solid rgb(47, 105, 2);--items-t28-btn-border-top-v3: 2px solid rgb(255, 255, 255);--items-t28-btn-border-bottom-v3: 2px solid rgb(255, 255, 255);--items-t28-btn-border-left-v3: 2px solid rgb(255, 255, 255);--items-t28-btn-border-right-v3: 2px solid rgb(255, 255, 255);--faq-t93-icone-color-v1: rgb(47, 105, 2);--faq-t93-icone-color-v2: rgb(47, 105, 2);--faq-t93-icone-color-v3: rgb(47, 105, 2);--blocpage-btnsecondary-bgcolor-v1: rgb(255, 255, 255);--blocpage-btnsecondary-bgcolor-v2: rgb(255, 255, 255);--blocpage-btnsecondary-bgcolor-v3: rgb(47, 105, 2);--blocpage-btnsecondary-color-v1: rgb(47, 105, 2);--blocpage-btnsecondary-color-v2: rgb(47, 105, 2);--blocpage-btnsecondary-color-v3: rgb(255, 255, 255);--blocpage-btnsecondary-border-top-v1: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-bottom-v1: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-left-v1: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-right-v1: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-top-v2: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-bottom-v2: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-left-v2: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-right-v2: 2px solid rgb(47, 105, 2);--blocpage-btnsecondary-border-top-v3: 2px solid rgb(255, 255, 255);--blocpage-btnsecondary-border-bottom-v3: 2px solid rgb(255, 255, 255);--blocpage-btnsecondary-border-left-v3: 2px solid rgb(255, 255, 255);--blocpage-btnsecondary-border-right-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-btnsecondary-bgcolor-v1: rgb(255, 255, 255);--blocpage-t26-btnsecondary-bgcolor-v2: rgb(255, 255, 255);--blocpage-t26-btnsecondary-bgcolor-v3: rgb(47, 105, 2);--blocpage-t26-btnsecondary-color-v1: rgb(47, 105, 2);--blocpage-t26-btnsecondary-color-v2: rgb(47, 105, 2);--blocpage-t26-btnsecondary-color-v3: rgb(255, 255, 255);--blocpage-t26-btnsecondary-border-top-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-bottom-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-left-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-right-v1: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-top-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-bottom-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-left-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-right-v2: 2px solid rgb(47, 105, 2);--blocpage-t26-btnsecondary-border-top-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-btnsecondary-border-bottom-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-btnsecondary-border-left-v3: 2px solid rgb(255, 255, 255);--blocpage-t26-btnsecondary-border-right-v3: 2px solid rgb(255, 255, 255);}
  55.  
  56.            </style>
  57.  
  58.        
  59.    </head>
  60.    <body>
  61.        
  62.            
  63.  
  64.  
  65.            <div class="navbar-parent" >
  66.                
  67.                                            <nav class="navbar navbar-expand-md t-1" id="navbar">
  68.    <div class="navbar-container container">
  69.  
  70.        <div class="navbar-brand-parent">
  71.            <a class="navbar-brand" href="/">
  72.                                    <img src="/assets/images/commerces/140/logo.jpg?v=1" alt="Logo Bele Pature" id="logonavbar" />
  73.                            </a>
  74.        </div>
  75.  
  76.        <button class="navbar-toggler custom-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  77.            <span class="navbar-toggler-icon">
  78.                <span class="line"></span>
  79.                <span class="line"></span>
  80.                <span class="line"></span>
  81.                <span class="line"></span>
  82.            </span>
  83.        </button>
  84.  
  85.        
  86.        <div class="collapse navbar-collapse" id="navbarSupportedContent">
  87.            <ul class="navbar-nav ml-auto d-lg-flex align-items-center">
  88.                                                            <li class="nav-item">
  89.                                                        <a class="nav-link" href="/offre-ecopaturage-centre-val-de-loire">
  90.                                Notre offre
  91.                            </a>
  92.                        </li>
  93.                                                                                <li class="nav-item">
  94.                                                        <a class="nav-link" href="/avantages-de-l-eco-paturage">
  95.                                Les avantages
  96.                            </a>
  97.                        </li>
  98.                                                                                <li class="nav-item">
  99.                                                        <a class="nav-link" href="/prestations-complementaires">
  100.                                Prestations complémentaires
  101.                            </a>
  102.                        </li>
  103.                                                                                <li class="nav-item">
  104.                                                        <a class="nav-link" href="/moutons-et-chevres-ecopaturage-val-de-loire">
  105.                                Nos animaux
  106.                            </a>
  107.                        </li>
  108.                                                                                <li class="nav-item">
  109.                                                        <a class="nav-link" href="/nos-partenaires">
  110.                                Nos Partenaires
  111.                            </a>
  112.                        </li>
  113.                                                                                <li class="nav-item">
  114.                                                        <a class="nav-link btn btn-primary" href="/contact">
  115.                                Contact
  116.                            </a>
  117.                        </li>
  118.                                                </ul>
  119.        </div>
  120.  
  121.    </div>
  122. </nav>
  123.                    
  124.                            </div>
  125.  
  126.  
  127.  
  128.                                                <div id="illustration" class="t-6 minHeight-75" style="background-image: url('/assets/images/commerces/140/pages/d43fc949414d1687a581359b00134593.jpg')">
  129.    <div class="filtre">
  130.        <div class="container intro" >
  131.            <div class="row">
  132.  
  133.                <div class="col-12">
  134.                    <div class="div-texte">
  135.                        <h1 class="titre">
  136.                                                        
  137.                                
  138.                                BÊLE Pâture, Éco-Pâturage en Val de Loire
  139.                            
  140.  
  141.                                                </h1>
  142.                        <div class="contenu">
  143.                            <p>L'entretien naturel de vos espaces verts</p>                        </div>
  144.                                                                                                                                                                                            </div>
  145.                </div>
  146.  
  147.            </div>
  148.        </div>
  149.    </div>
  150. </div>                
  151.                <div id="content">
  152.                    
  153.        
  154.            <div class="blocpage blocitems fond2 t-38 " id="items-1646158551" style="">
  155.    <div id="filtre-items-1646158551" class="filtre pt100 pb100" style="background-color: ;" >
  156.  
  157.        
  158.        <div class="container" >
  159.  
  160.                            <div class="row justify-content-center text-center mb50">
  161.                    <div class="col-12 col-md-12">
  162.                                                    <h2 class="titre">
  163.                                
  164.                                BÊLE Pâture, votre partenaire Eco-Pâturage Val de Loire
  165.                            </h2>
  166.                        
  167.                                                    <div class="contenu">
  168.                                <p><br />Entretien de vos espaces paysagers en &eacute;co-p&acirc;turage en 3 &eacute;tapes :</p>
  169.                            </div>
  170.                                            </div>
  171.                </div>
  172.            
  173.            
  174.                                        
  175.  
  176.            <div class="row items">
  177.                                                            
  178.                                                                            
  179.                        <div class="col-12 col-md-4 item mb25" id="item-1646158550">
  180.                                <div class="frame t-5 alignement-centre bordure">
  181.        <div class="div-contenu ratioImg-naturel">
  182.                            <div class="illustration">
  183.                    <img src="/assets/images/commerces/140/pages/36cc6947f3377edc579388cb9b02ff84.jpg" alt="Une rencontre">
  184.                </div>
  185.                                        <div class="bloc">
  186.                                            <div class="content">
  187.                            <h3 class="autoheight1">Une rencontre</h3>
  188.                            <div class="contenu autoheight2">
  189.                                <p>Nous d&eacute;finirons ensemble vos besoins et envies, le tout en &eacute;tudiant votre site. Nous sommes &agrave; votre &eacute;coute pour r&eacute;pondre au mieux &agrave; vos objectifs.</p>
  190.                            </div>
  191.                                                    </div>
  192.                                    </div>
  193.                    </div>
  194.    </div>
  195.                        </div>
  196.                                            
  197.                                                                            
  198.                        <div class="col-12 col-md-4 item mb25" id="item-1646158551">
  199.                                <div class="frame t-5 alignement-centre bordure">
  200.        <div class="div-contenu ratioImg-naturel">
  201.                            <div class="illustration">
  202.                    <img src="/assets/images/commerces/140/pages/9bd25608c087ca858e12c23b84f5c865.jpg" alt="Installation">
  203.                </div>
  204.                                        <div class="bloc">
  205.                                            <div class="content">
  206.                            <h3 class="autoheight1">Installation</h3>
  207.                            <div class="contenu autoheight2">
  208.                                <p>Pose des cl&ocirc;tures, des abris ainsi que des abreuvoirs et tout le n&eacute;cessaire sur votre site. Enfin, c'est l'arriv&eacute;e des animaux !</p>
  209.                            </div>
  210.                                                    </div>
  211.                                    </div>
  212.                    </div>
  213.    </div>
  214.                        </div>
  215.                                            
  216.                                                                            
  217.                        <div class="col-12 col-md-4 item mb25" id="item-1646158552">
  218.                                <div class="frame t-5 alignement-centre bordure">
  219.        <div class="div-contenu ratioImg-naturel">
  220.                            <div class="illustration">
  221.                    <img src="/assets/images/commerces/140/pages/95243e869f540bd7f68749129e5107ba.jpg" alt="Suivi des animaux">
  222.                </div>
  223.                                        <div class="bloc">
  224.                                            <div class="content">
  225.                            <h3 class="autoheight1">Suivi des animaux</h3>
  226.                            <div class="contenu autoheight2">
  227.                                <p>Nous assurons le suivi r&eacute;gulier de nos animaux mais aussi : assurances, d&eacute;clarations et disponibilit&eacute; 24/24. Ceci afin que le c&oelig;ur de nos animaux et nos clients puissent se d&eacute;tendre !</p>
  228.                            </div>
  229.                                                    </div>
  230.                                    </div>
  231.                    </div>
  232.    </div>
  233.                        </div>
  234.                                                </div>
  235.  
  236.                            <div class="row justify-content-center text-center mt25">
  237.                    <div class="col-12">
  238.                                                
  239.        
  240.        
  241.  
  242.  
  243.                
  244.  
  245.  
  246.  
  247.        <div class="div-boutons justify-content-center">
  248.                            <a href="/offre-ecopaturage-centre-val-de-loire" class="btn btn-primary btnsection">Découvrez l&#039;offre BÊLE PÂTURE</a>
  249.            
  250.                    </div>
  251.  
  252.                    </div>
  253.                </div>
  254.            
  255.        </div>
  256.    </div>
  257. </div>
  258.        
  259.            <div class="blocpage blocitems fond2 t-38 " id="items-1666872832" style="">
  260.    <div id="filtre-items-1666872832" class="filtre pt0 pb0" style="background-color: ;" >
  261.  
  262.        
  263.        <div class="container" >
  264.  
  265.                            <div class="row justify-content-center text-center mb50">
  266.                    <div class="col-12 col-md-12">
  267.                                                    <h2 class="titre">
  268.                                
  269.                                Pourquoi BÊLE Pâture ?
  270.                            </h2>
  271.                        
  272.                                            </div>
  273.                </div>
  274.            
  275.            
  276.                                        
  277.  
  278.            <div class="row items">
  279.                                                            
  280.                                                                            
  281.                        <div class="col-12 col-md-4 item mb25" id="item-1666872851">
  282.                                <div class="frame t-5 alignement-centre bordure">
  283.        <div class="div-contenu ratioImg-naturel">
  284.                                        <div class="bloc">
  285.                                            <div class="content">
  286.                            <h3 class="autoheight1">Bien Être</h3>
  287.                            <div class="contenu autoheight2">
  288.                                <p>Notre engagement porte avant tout sur le <strong>Bien &Ecirc;tre</strong> de nos animaux. Leur pr&eacute;sence apaisante permet aussi de cr&eacute;er une proximit&eacute; relationnelle avec la population.</p>
  289.                            </div>
  290.                                                    </div>
  291.                                    </div>
  292.                    </div>
  293.    </div>
  294.                        </div>
  295.                                            
  296.                                                                            
  297.                        <div class="col-12 col-md-4 item mb25" id="item-1666872854">
  298.                                <div class="frame t-5 alignement-centre bordure">
  299.        <div class="div-contenu ratioImg-naturel">
  300.                                        <div class="bloc">
  301.                                            <div class="content">
  302.                            <h3 class="autoheight1">Local</h3>
  303.                            <div class="contenu autoheight2">
  304.                                <p>Attach&eacute;s &agrave; notre territoire, et situ&eacute;s en limite de trois d&eacute;partements, nous intervenons sur l&rsquo;<strong>Indre-et-Loire et le</strong>&nbsp;<strong>Loir-et-Cher</strong>.</p>
  305.                            </div>
  306.                                                    </div>
  307.                                    </div>
  308.                    </div>
  309.    </div>
  310.                        </div>
  311.                                            
  312.                                                                            
  313.                        <div class="col-12 col-md-4 item mb25" id="item-1666872857">
  314.                                <div class="frame t-5 alignement-centre bordure">
  315.        <div class="div-contenu ratioImg-naturel">
  316.                                        <div class="bloc">
  317.                                            <div class="content">
  318.                            <h3 class="autoheight1">Environnement</h3>
  319.                            <div class="contenu autoheight2">
  320.                                <p>Un entretien naturel des espaces paysagers, la sauvegarde de la biodiversit&eacute;, des races rustiques et locales : des actions concr&egrave;tes pour pr&eacute;server notre environnement.</p>
  321.                            </div>
  322.                                                    </div>
  323.                                    </div>
  324.                    </div>
  325.    </div>
  326.                        </div>
  327.                                                </div>
  328.  
  329.                            <div class="row justify-content-center text-center mt25">
  330.                    <div class="col-12">
  331.                                                
  332.        
  333.        
  334.  
  335.  
  336.                
  337.  
  338.  
  339.  
  340.        <div class="div-boutons justify-content-center">
  341.                            <a href="/contact" class="btn btn-primary btnsection">Demandez un devis</a>
  342.            
  343.                    </div>
  344.  
  345.                    </div>
  346.                </div>
  347.            
  348.        </div>
  349.    </div>
  350. </div>
  351.        
  352.            <div class="blocpage blocimagetexte t-19 fond1  ordre-imgTxt" id="imageEtTexte-1646158550" style="">
  353.    <div id="filtre-imageEtTexte-1646158550" class="filtre pt50 pb50 " style="background-color: ;" >
  354.  
  355.        
  356.        <div class="container" >
  357.            <div class="row align-items-start">
  358.  
  359.                <div class="col-12 col-md-6 js-colonne1">
  360.                    <div class="div-image">
  361.                        <img class=" " src="/assets/images/commerces/140/pages/8736c61f63b8e6d38699ecff0799be60.jpg" alt="Vanessa et Olivier, fondateurs de BÊLE Pâture" loading="lazy">
  362.                    </div>
  363.                </div>
  364.  
  365.                <div class="col-12 col-md-6 js-colonne2">
  366.                    <div class="div-texte">
  367.                                                    <h2 class="titre">
  368.                                
  369.                                Vanessa et Olivier, fondateurs de BÊLE Pâture
  370.                            </h2>
  371.                        
  372.                                                    <div class="contenu">
  373.                                <p><br />A l&rsquo;origine de B&Ecirc;LE P&acirc;ture, une histoire de voisins qui entretiennent leurs vergers et prairies avec des Solognots depuis 2008.</p>
  374. <p>De voisins &agrave; copains, il n&rsquo;y a qu&rsquo;un saut (de moutons &eacute;videmment) et lorsqu&rsquo;Olivier envisage de lancer une activit&eacute; d&rsquo;<strong>&eacute;co-p&acirc;turage pour les entreprises et collectivit&eacute;s</strong>, c&rsquo;est naturellement que Vanessa lui propose de s&rsquo;associer &agrave; son projet&hellip; Voil&agrave; les pr&eacute;mices de B&Ecirc;LE P&acirc;ture en janvier 2019&hellip;<br /><br /></p>
  375. <p>&nbsp;</p>
  376. <p>&nbsp;</p>
  377.                            </div>
  378.                        
  379.                        <div class="mt25">
  380.                            
  381.        
  382.        
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.        <div class="div-boutons">
  390.                            <a href="/avantages-de-l-eco-paturage" class="btn btn-primary btnsection">Découvrez les avantages de l&#039;Éco-Pâturage</a>
  391.            
  392.                    </div>
  393.  
  394.                        </div>
  395.                    </div>
  396.                </div>
  397.            </div>
  398.        </div>
  399.    </div>
  400. </div>
  401.  
  402.  
  403.        
  404.            <div class="blocpage blocitems fond1 t-38 " id="items-1658319140" style="">
  405.    <div id="filtre-items-1658319140" class="filtre pt100 pb100" style="background-color: ;" >
  406.  
  407.        
  408.        <div class="container" >
  409.  
  410.                            <div class="row justify-content-center text-center mb50">
  411.                    <div class="col-12 col-md-12">
  412.                                                    <h2 class="titre">
  413.                                
  414.                                Ils font confiance à BÊLE Pâture
  415.                            </h2>
  416.                        
  417.                                            </div>
  418.                </div>
  419.            
  420.            
  421.                                        
  422.  
  423.            <div class="row items">
  424.                                                            
  425.                                                                            
  426.                        <div class="col-12 col-md-3 item mb25" id="item-1658324030">
  427.                            <a href="https://www.nazellesnegron.fr/" target="_blank" class="no-underline">
  428.    <div class="frame t-5 alignement-centre bordure">
  429.        <div class="div-contenu ratioImg-naturel">
  430.                            <div class="illustration">
  431.                    <img src="/assets/images/commerces/140/pages/da3b4c628b00af6b382e0e41adc46828.jpg" alt="">
  432.                </div>
  433.                                </div>
  434.    </div>
  435. </a>
  436.                        </div>
  437.                                            
  438.                                                                            
  439.                        <div class="col-12 col-md-3 item mb25" id="item-1658324033">
  440.                            <a href="https://crotelles.fr/" target="_blank" class="no-underline">
  441.    <div class="frame t-5 alignement-centre bordure">
  442.        <div class="div-contenu ratioImg-naturel">
  443.                            <div class="illustration">
  444.                    <img src="/assets/images/commerces/140/pages/555d7b32f4146886d3c809cd0fc2a379.jpg" alt="">
  445.                </div>
  446.                                </div>
  447.    </div>
  448. </a>
  449.                        </div>
  450.                                            
  451.                                                                            
  452.                        <div class="col-12 col-md-3 item mb25" id="item-1658324041">
  453.                            <a href="https://www.tours-habitat.fr/" target="_blank" class="no-underline">
  454.    <div class="frame t-5 alignement-centre bordure">
  455.        <div class="div-contenu ratioImg-naturel">
  456.                            <div class="illustration">
  457.                    <img src="/assets/images/commerces/140/pages/b0f5137c16baddf574ecf27d78ea6122.jpg" alt="">
  458.                </div>
  459.                                </div>
  460.    </div>
  461. </a>
  462.                        </div>
  463.                                            
  464.                                                                            
  465.                        <div class="col-12 col-md-3 item mb25" id="item-1658324043">
  466.                            <a href="https://www.cc-castelrenaudais.fr/" target="_blank" class="no-underline">
  467.    <div class="frame t-5 alignement-centre bordure">
  468.        <div class="div-contenu ratioImg-naturel">
  469.                            <div class="illustration">
  470.                    <img src="/assets/images/commerces/140/pages/74ff7db3ce164c0db3ff90a8e5886668.jpg" alt="">
  471.                </div>
  472.                                </div>
  473.    </div>
  474. </a>
  475.                        </div>
  476.                                            
  477.                                                                            
  478.                        <div class="col-12 col-md-3 item mb25" id="item-1663926346">
  479.                            <a href="https://www.ville-montlouis-loire.fr/" target="_blank" class="no-underline">
  480.    <div class="frame t-5 alignement-centre bordure">
  481.        <div class="div-contenu ratioImg-naturel">
  482.                            <div class="illustration">
  483.                    <img src="/assets/images/commerces/140/pages/e42f63d116d21934452a06e3924293f3.jpg" alt="">
  484.                </div>
  485.                                </div>
  486.    </div>
  487. </a>
  488.                        </div>
  489.                                            
  490.                                                                            
  491.                        <div class="col-12 col-md-3 item mb25" id="item-1664743117">
  492.                            <a href="https://www.ville-chateau-renault.fr/" target="_blank" class="no-underline">
  493.    <div class="frame t-5 alignement-centre bordure">
  494.        <div class="div-contenu ratioImg-naturel">
  495.                            <div class="illustration">
  496.                    <img src="/assets/images/commerces/140/pages/d9436614b47222c99f171ce021a9c21a.jpg" alt="">
  497.                </div>
  498.                                </div>
  499.    </div>
  500. </a>
  501.                        </div>
  502.                                            
  503.                                                                            
  504.                        <div class="col-12 col-md-3 item mb25" id="item-1664743399">
  505.                            <a href="https://monts.fr/fr/" target="_blank" class="no-underline">
  506.    <div class="frame t-5 alignement-centre bordure">
  507.        <div class="div-contenu ratioImg-naturel">
  508.                            <div class="illustration">
  509.                    <img src="/assets/images/commerces/140/pages/b817f44d8a7210199329cb10f5ace3e9.jpg" alt="">
  510.                </div>
  511.                                </div>
  512.    </div>
  513. </a>
  514.                        </div>
  515.                                            
  516.                                                                            
  517.                        <div class="col-12 col-md-3 item mb25" id="item-1664743764">
  518.                            <a href="https://www.aximum.fr/fr" target="_blank" class="no-underline">
  519.    <div class="frame t-5 alignement-centre bordure">
  520.        <div class="div-contenu ratioImg-naturel">
  521.                            <div class="illustration">
  522.                    <img src="/assets/images/commerces/140/pages/38617dfcca8b9c468cc30a8902d38c23.jpg" alt="">
  523.                </div>
  524.                                </div>
  525.    </div>
  526. </a>
  527.                        </div>
  528.                                            
  529.                                                                            
  530.                        <div class="col-12 col-md-3 item mb25" id="item-1664743920">
  531.                            <a href="https://www.mesea.fr/" target="_blank" class="no-underline">
  532.    <div class="frame t-5 alignement-centre bordure">
  533.        <div class="div-contenu ratioImg-naturel">
  534.                            <div class="illustration">
  535.                    <img src="/assets/images/commerces/140/pages/7e28e2bfce9717469f110ebf390713a7.jpg" alt="">
  536.                </div>
  537.                                </div>
  538.    </div>
  539. </a>
  540.                        </div>
  541.                                            
  542.                                                                            
  543.                        <div class="col-12 col-md-3 item mb25" id="item-1664744185">
  544.                            <a href="https://www.gatine-racan.fr/" target="_blank" class="no-underline">
  545.    <div class="frame t-5 alignement-centre bordure">
  546.        <div class="div-contenu ratioImg-naturel">
  547.                            <div class="illustration">
  548.                    <img src="/assets/images/commerces/140/pages/996b538fc3cf21824e5e4e95152209e5.jpg" alt="">
  549.                </div>
  550.                                </div>
  551.    </div>
  552. </a>
  553.                        </div>
  554.                                            
  555.                                                                            
  556.                        <div class="col-12 col-md-3 item mb25" id="item-1676297622">
  557.                            <a href="https://www.boiron.fr/" target="_blank" class="no-underline">
  558.    <div class="frame t-5 alignement-centre bordure">
  559.        <div class="div-contenu ratioImg-naturel">
  560.                            <div class="illustration">
  561.                    <img src="/assets/images/commerces/140/pages/1f10e92b34ee3ee89e53f63648c5cd6c.png" alt="">
  562.                </div>
  563.                                </div>
  564.    </div>
  565. </a>
  566.                        </div>
  567.                                            
  568.                                                                            
  569.                        <div class="col-12 col-md-3 item mb25" id="item-1676298345">
  570.                            <a href="https://www.bricodepot.fr/tours-st-cyr-sur-loire/" target="_blank" class="no-underline">
  571.    <div class="frame t-5 alignement-centre bordure">
  572.        <div class="div-contenu ratioImg-naturel">
  573.                            <div class="illustration">
  574.                    <img src="/assets/images/commerces/140/pages/ceef499c5ab0c3e9e8e28f84b0602fe4.png" alt="">
  575.                </div>
  576.                                </div>
  577.    </div>
  578. </a>
  579.                        </div>
  580.                                            
  581.                                                                            
  582.                        <div class="col-12 col-md-3 item mb25" id="item-1706454632">
  583.                            <a href="https://laforetdesarts.com/fr/page/accueil" target="_blank" class="no-underline">
  584.    <div class="frame t-5 alignement-centre bordure">
  585.        <div class="div-contenu ratioImg-naturel">
  586.                            <div class="illustration">
  587.                    <img src="/assets/images/commerces/140/pages/1f791655d7cb0b2e1d344b0a2cdeab15.png" alt="">
  588.                </div>
  589.                                </div>
  590.    </div>
  591. </a>
  592.                        </div>
  593.                                            
  594.                                                                            
  595.                        <div class="col-12 col-md-3 item mb25" id="item-1706455294">
  596.                            <a href="https://www.remygarnier.fr/accueil/" target="_blank" class="no-underline">
  597.    <div class="frame t-5 alignement-centre bordure">
  598.        <div class="div-contenu ratioImg-naturel">
  599.                            <div class="illustration">
  600.                    <img src="/assets/images/commerces/140/pages/4f92a6ca0e2439ecfdea6b826e765dc6.png" alt="">
  601.                </div>
  602.                                </div>
  603.    </div>
  604. </a>
  605.                        </div>
  606.                                                </div>
  607.  
  608.            
  609.        </div>
  610.    </div>
  611. </div>
  612.        
  613.            <div class="blocpage blocitems fond2 t-38 " id="items-1658319554" style="">
  614.    <div id="filtre-items-1658319554" class="filtre pt100 pb100" style="background-color: ;" >
  615.  
  616.        
  617.        <div class="container" >
  618.  
  619.                            <div class="row justify-content-center text-center mb50">
  620.                    <div class="col-12 col-md-12">
  621.                                                    <h2 class="titre">
  622.                                
  623.                                Revue de presse de nos moutons !
  624.                            </h2>
  625.                        
  626.                                            </div>
  627.                </div>
  628.            
  629.            
  630.                                        
  631.  
  632.            <div class="row items">
  633.                                                            
  634.                                                                            
  635.                        <div class="col-12 col-md-3 item mb25" id="item-1658324221">
  636.                            <a href="https://www.lanouvellerepublique.fr/indre-et-loire/commune/chateau-renault/chateau-renault-un-eco-paturage-dans-la-ville?queryId%5Bquery1%5D=57cd2206459a452f008b4594&amp;queryId%5Bquery2%5D=5ce65f6fe4f6021b728b4618&amp;page=1&amp;pageId=57da5cea459a4552008b47d2" target="_blank" class="no-underline">
  637.    <div class="frame t-5 alignement-centre bordure">
  638.        <div class="div-contenu ratioImg-naturel">
  639.                            <div class="illustration">
  640.                    <img src="/assets/images/commerces/140/pages/3f65cdf129e0d2e50d3b1d857a3c7f76.jpg" alt="">
  641.                </div>
  642.                                </div>
  643.    </div>
  644. </a>
  645.                        </div>
  646.                                            
  647.                                                                            
  648.                        <div class="col-12 col-md-3 item mb25" id="item-1658324224">
  649.                            <a href="https://www.lanouvellerepublique.fr/indre-et-loire/commune/nazelles-negron/un-eco-paturage-educatif-pres-de-l-ecole" target="_blank" class="no-underline">
  650.    <div class="frame t-5 alignement-centre bordure">
  651.        <div class="div-contenu ratioImg-naturel">
  652.                            <div class="illustration">
  653.                    <img src="/assets/images/commerces/140/pages/3f65cdf129e0d2e50d3b1d857a3c7f76.jpg" alt="">
  654.                </div>
  655.                                </div>
  656.    </div>
  657. </a>
  658.                        </div>
  659.                                            
  660.                                                                            
  661.                        <div class="col-12 col-md-3 item mb25" id="item-1658324229">
  662.                            <a href="https://www.francebleu.fr/infos/environnement/touraine-nazelles-negron-se-met-a-l-eco-paturage-et-installe-six-brebis-pres-du-groupe-scolaire-1616753073?utm_medium=Social&amp;utm_source=Facebook&amp;fbclid=IwAR0S8n6JbPxqwC1H0iZlmdIMAgBlt2vMkrKZUfNc5OUInimDbqtHhnY" target="_blank" class="no-underline">
  663.    <div class="frame t-5 alignement-centre bordure">
  664.        <div class="div-contenu ratioImg-naturel">
  665.                            <div class="illustration">
  666.                    <img src="/assets/images/commerces/140/pages/ff7cc39fc26f0b3e17492e51aa866c4a.jpg" alt="">
  667.                </div>
  668.                                </div>
  669.    </div>
  670. </a>
  671.                        </div>
  672.                                            
  673.                                                                            
  674.                        <div class="col-12 col-md-3 item mb25" id="item-1658324234">
  675.                            <a href="https://rcf.fr/culture-et-societe/mag-eco?episode=36605" target="_blank" class="no-underline">
  676.    <div class="frame t-5 alignement-centre bordure">
  677.        <div class="div-contenu ratioImg-naturel">
  678.                            <div class="illustration">
  679.                    <img src="/assets/images/commerces/140/pages/0d694b3c4b693192d4b603dace3d1f1d.jpg" alt="">
  680.                </div>
  681.                                </div>
  682.    </div>
  683. </a>
  684.                        </div>
  685.                                                </div>
  686.  
  687.            
  688.        </div>
  689.    </div>
  690. </div>
  691.        
  692.            <div class="blocpage blocvideotexte t-21 fond1  ordre-imgTxt" id="videoEtTexte-1658323082" style="">
  693.    <div id="filtre-videoEtTexte-1658323082" class="filtre pt100 pb100" style="background-color: ;" >
  694.  
  695.        
  696.        <div class="container" >
  697.            <div class="row align-items-start">
  698.  
  699.                <div class="col-12 col-md-6 js-colonne1">
  700.                    <div class="div-video">
  701.                                                    <div class="embed-responsive embed-responsive-16by9">
  702.                                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/BEqfxIV9ZBw" allowfullscreen></iframe>
  703.                            </div>
  704.                                            </div>
  705.                </div>
  706.  
  707.                <div class="col-12 col-md-6 js-colonne2">
  708.                    <div class="div-texte">
  709.                                                    <h2 class="titre">
  710.                                
  711.                                BÊLE Pâture sur France 3 Centre Val de Loire
  712.                            </h2>
  713.                        
  714.                                                    <div class="contenu">
  715.                                <p><br />Des moutons pour tondre la pelouse, une solution &agrave; laquelle certaines entreprises et collectivit&eacute;s ont recours. Un d&eacute;broussaillement plus vert qui plait !</p>
  716. <p>L'&Eacute;co-P&acirc;turage pour entretenir les espaces verts : une solution &eacute;cologique mais aussi &eacute;conomique.</p>
  717. <p>Merci &agrave; France 3 Centre Val de Loire pour ce reportage !</p>
  718.                            </div>
  719.                        
  720.                        <div class="mt25">
  721.                            
  722.        
  723.        
  724.  
  725.  
  726.  
  727.  
  728.  
  729.                        </div>
  730.                    </div>
  731.                </div>
  732.            </div>
  733.        </div>
  734.    </div>
  735. </div>
  736.  
  737.  
  738.        
  739.            <div class="blocpage blocimage pt-0 pb-0 fond1 " id="image-1658325164" style="">
  740.    <div id="filtre-image-1658325164" class="filtre pt0 pb0" style="background-color: ;">
  741.        
  742.  
  743.        
  744.            <div class="container-fluid p-0" >
  745.                <div class="row justify-content-md-center no-gutters">
  746.                    <div class="col-12 col-md-12">
  747.                        <img class="" src="/assets/images/commerces/140/pages/c6488c69c58318fb532d0369865b9517.jpg" alt="">
  748.                    </div>
  749.                </div>
  750.            </div>
  751.  
  752.            </div>
  753. </div>
  754.        
  755.            <div class="blocpage bloctexte fond3 t-17 " id="texte-1666873009" style="" >
  756.    <div id="filtre-texte-1666873009" class="filtre pt25 pb25" style="background-color: ;" >
  757.  
  758.        
  759.        <div class="container" >
  760.            <div class="row justify-content-center text-center">
  761.  
  762.                <div class="col-12 col-md-12">
  763.                                            <h2 class="titre">
  764.                            
  765.                            BÊLE Pâture, Éco-Pâturage en Indre-et-Loire et Loir-et-Cher.
  766.                        </h2>
  767.                    
  768.                    
  769.                    <div class="mt25">
  770.                                                
  771.        
  772.        
  773.  
  774.  
  775.                
  776.  
  777.  
  778.                    </div>
  779.                </div>
  780.  
  781.            </div>
  782.        </div>
  783.    </div>
  784. </div>
  785.        
  786.                </div>
  787.  
  788.                <div class="lightbox js-fermer-lightbox">
  789.                    <div class="lightbox-body">
  790.                        <div class="lightbox-bouton">
  791.                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
  792.                                <path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/>
  793.                            </svg>
  794.                        </div>
  795.                        <div class="lightbox-image">
  796.                            <img src="">
  797.                        </div>
  798.                    </div>
  799.                </div>
  800.            
  801.  
  802.  
  803.            
  804.                <footer class="footer fixed">
  805.    <div class="container">
  806.  
  807.        <div class="row">
  808.  
  809.                            <div class="col-xs-12 col-md">
  810.                    <h4></h4>
  811.                                            <p><img src="https://cdn.web-propulse.fr/assets/images/commerces/140/imgs-articles/d225bc8b6df537c3acc21a4bca98a50b.jpg" alt="" /></p>                                    </div>
  812.                            <div class="col-xs-12 col-md">
  813.                    <h4></h4>
  814.                                            <ul>
  815.            <li>
  816.                        <a href="/contact">Contact</a>
  817.        </li>
  818.            <li>
  819.                        <a href="/mentions-legales">Mentions légales et cookies</a>
  820.        </li>
  821.    </ul>                                    </div>
  822.                            <div class="col-xs-12 col-md">
  823.                    <h4>BÊLE Pâture</h4>
  824.                                            <p>
  825.            22 bis Rue des Violettes, <br>
  826.        37110 Monthodon
  827. </p>
  828. <p>
  829.    06 74 28 67 13
  830. </p>                                    </div>
  831.                            <div class="col-xs-12 col-md">
  832.                    <h4>Suivez-nous</h4>
  833.                                                <a href="https://www.facebook.com/B%C3%AAle-p%C3%A2ture-108477220987814" target="_blank">
  834.        <i class="fab fa-facebook-f"></i>
  835.    </a>
  836.    <a href="https://www.linkedin.com/company/b%C3%AAle-p%C3%A2ture/?viewAsMember=true" target="_blank">
  837.        <i class="fab fa-linkedin-in"></i>
  838.    </a>
  839.                                    </div>
  840.            
  841.        </div>
  842.  
  843.        <div class="row text-center mt50">
  844.            <div class="col">
  845.                <p>
  846.                                            <a href="https://web-propulse.fr/" target="_blank">Créez votre site professionnel sur Web ProPulse <img class="drapeau-france" src="https://flagcdn.com/24x18/fr.png"></a>
  847.                                    </p>
  848.            </div>
  849.        </div>
  850.  
  851.  
  852.    </div>
  853. </footer>
  854.  
  855.            
  856.  
  857.  
  858.            
  859.        
  860.  
  861.  
  862.  
  863.  
  864.                    <script src="/assets/js/jquery.js"></script>
  865.            <script src="/assets/js/popper.min.js"></script>
  866.                        <script src="/assets/js/bootstrap.min.js"></script>
  867.            <script src="/assets/js/matchHeight.js"></script>
  868.            <script src="/assets/js/app.js?v=1.2.0"></script>
  869.            <script src="/assets/js/jQueryCookie.js"></script>
  870.            <script src='https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js'></script>
  871.  
  872.  
  873.  
  874.                            <script>
  875.                    
  876.                    window.addEventListener("message", function(event) {
  877.  
  878.                        if(event.data && event.data.type === "changecss"){
  879.                            var body = $("body");
  880.                            var css = event.data.value;
  881.                            var unite = event.data.unite;
  882.                            $.each(css, function(key, value){
  883.                                //console.log(key+' : '+value+unite)
  884.                                body.get(0).style.setProperty(key, value+unite);
  885.                            });
  886.                        }
  887.  
  888.                    });
  889.                </script>
  890.            
  891.            
  892.                            <script>
  893.                    $(function(){
  894.                        $(window).on('resize', function() {
  895.                            $('body').css('margin-bottom', $('footer').outerHeight());
  896.                        }).trigger('resize');
  897.                    });
  898.                </script>
  899.            
  900.  
  901.  
  902.  
  903.            <noscript id="deferred-styles">
  904.                <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet"/>
  905.                <link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.0.1/css/unicons.css">
  906.            </noscript>
  907.  
  908.            <script>
  909.                var loadDeferredStyles = function () {
  910.                    var addStylesNode = document.getElementById("deferred-styles");
  911.                    if(addStylesNode){
  912.                        var replacement = document.createElement("div");
  913.                        replacement.innerHTML = addStylesNode.textContent;
  914.                        document.body.appendChild(replacement)
  915.                        addStylesNode.parentElement.removeChild(addStylesNode);
  916.                    }
  917.                };
  918.                var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
  919.                    window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
  920.                if (raf)
  921.                    raf(function () {
  922.                        window.setTimeout(loadDeferredStyles, 0);
  923.                    });
  924.                else
  925.                    window.addEventListener('load', loadDeferredStyles);
  926.            </script>
  927.        
  928.  
  929.        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBvrdpCclqGdNKNIyrVY31CENr4wxgkKyo"></script>
  930.  
  931.        <script>
  932.  
  933.            function updateMap() {
  934.                if($('#map').length){
  935.                    var lat = $('#map').data('lat');
  936.                    var lng = $('#map').data('lng');
  937.  
  938.                    if (lat !== "" && lng !== "") {
  939.                        var latlng = new google.maps.LatLng(lat, lng);
  940.                        var parametres = {
  941.                            zoom: 17,
  942.                            center: latlng,
  943.                            mapTypeId: google.maps.MapTypeId.ROADMAP
  944.                        };
  945.                        var map = new google.maps.Map(document.getElementById("map"), parametres);
  946.  
  947.                        var marker = new google.maps.Marker();
  948.                        marker.setPosition(new google.maps.LatLng(lat, lng));
  949.  
  950.                        marker.setMap(map);
  951.                    }
  952.                }
  953.            }
  954.  
  955.  
  956.            $(function () {
  957.                updateMap();
  958.                updateMasonry();
  959.            });
  960.  
  961.            $(document).on('DOMNodeInserted', function (e) {
  962.                var target = $(e.target);
  963.  
  964.                if (target.find('.map_canvas').length > 0) {
  965.                    updateMap();
  966.                }
  967.                if (target.is('.blocpage')) {
  968.                    gererDecalagesImgs();
  969.                    majAutoHeight();
  970.                    //updateMasonry();
  971.                }
  972.                if (target.is('#illustration')) {
  973.                    gererDecalagesImgs();
  974.                }
  975.            });
  976.  
  977.  
  978.            $('.t-19 img').on('load', function () {
  979.                gererDecalagesImgs();
  980.            });
  981.  
  982.  
  983.  
  984.            // Prevent closing from click inside dropdown
  985.            $(document).on('click', '.dropdown-menu', function (e) {
  986.                e.stopPropagation();
  987.            });
  988.  
  989.            $(function() {
  990.                // ------------------------------------------------------- //
  991.                // Multi Level dropdowns
  992.                // ------------------------------------------------------ //
  993.                $("ul.dropdown-menu [data-toggle='dropdown']").on("click", function(event) {
  994.                    event.preventDefault();
  995.                    event.stopPropagation();
  996.  
  997.                    $(this).siblings().toggleClass("show");
  998.  
  999.  
  1000.                    if (!$(this).next().hasClass('show')) {
  1001.                        $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
  1002.                    }
  1003.                    $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
  1004.                        $('.dropdown-submenu .show').removeClass("show");
  1005.                    });
  1006.  
  1007.                });
  1008.  
  1009.                gererDecalagesImgs();
  1010.            });
  1011.  
  1012.            $(function(){
  1013.                $(window).on('resize', function() {
  1014.                    gererDecalagesImgs();
  1015.                }).trigger('resize');
  1016.            });
  1017.  
  1018.  
  1019.  
  1020.            // Gérer les marges avec les décalages
  1021.            function gererDecalagesImgs(){
  1022.  
  1023.                var blocs = $('.blocpage');
  1024.  
  1025.                $(blocs).each(function() {
  1026.                    // Recupérer la section précédente
  1027.                    var testBlocPrecedent = $(this).prev('.blocpage');
  1028.  
  1029.                    if(testBlocPrecedent.length) {
  1030.                        var blocPrecedent = testBlocPrecedent;
  1031.                    } else {
  1032.                        var blocPrecedent = $('#illustration');
  1033.                    }
  1034.  
  1035.  
  1036.                    // Chercher le dernier element qui ne doit pas disparaitre a cause du chevauchement
  1037.                    var dernierElement = blocPrecedent.find('h1, h2, p, a, img, .titre, .contenu').last();
  1038.                    var imgDecalee = $(this).find('img.decalage').first();
  1039.  
  1040.                    if(imgDecalee.length) {
  1041.                        imgDecalee.css('margin-top', 0);
  1042.  
  1043.                        if(dernierElement && imgDecalee) {
  1044.                            //on cherche les coordonnées du denier elements a ne pas cacher ainsi que de l'image pour calculer l'ecart entre les 2
  1045.                            const offsetHautElement = dernierElement.offset().top;
  1046.                            var offsetBasElement = offsetHautElement + dernierElement.outerHeight();
  1047.                            const offsetImg = imgDecalee.offset().top;
  1048.  
  1049.                            var verticalDistance = Math.abs(offsetBasElement - offsetImg);
  1050.  
  1051.                            if(imgDecalee.hasClass('decalage-h-10')) {
  1052.                                var decalageImg = imgDecalee.height() * 0.1;
  1053.                            }
  1054.                            else if(imgDecalee.hasClass('decalage-h-25')) {
  1055.                                var decalageImg = imgDecalee.height() * 0.25;
  1056.                            }
  1057.                            else if(imgDecalee.hasClass('decalage-h-50')) {
  1058.                                var decalageImg = imgDecalee.height() * 0.5;
  1059.                            }
  1060.                            else {
  1061.                                var decalageImg = 0;
  1062.                            }
  1063.  
  1064.                            if(verticalDistance > (decalageImg + 25)) {
  1065.                                imgDecalee.css('margin-top', decalageImg * (-1));
  1066.                                //console.log('on decale normalement')
  1067.                            }
  1068.                            else {
  1069.                                var decalageImg = verticalDistance - 25;
  1070.  
  1071.                                if(decalageImg > 0){
  1072.                                    imgDecalee.css('margin-top', decalageImg * (-1));
  1073.                                    //console.log('on decale en appliquant une limite')
  1074.                                }
  1075.                            }
  1076.                        }
  1077.                    }
  1078.                });
  1079.            }
  1080.  
  1081.                    </script>
  1082.  
  1083.  
  1084.        
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090.        <script>
  1091.            function alignerDynamiquementSection(element, scrollPos) {
  1092.                var offsetHaut = element.offset().top; // Position de l'élément par rapport au haut de la page
  1093.                var offsetBas = offsetHaut + element.outerHeight(); // Position du bas de l'élément par rapport au haut de la page
  1094.  
  1095.                var colonne1 = element.find('.js-colonne1');
  1096.                var colonne2 = element.find('.js-colonne2');
  1097.  
  1098.                if (colonne1.find('.div-image').length > 0) {
  1099.                    colonne1 = colonne1.find('.div-image');
  1100.                }
  1101.                if (colonne2.find('.div-image').length > 0) {
  1102.                    colonne2 = colonne2.find('.div-image');
  1103.                }
  1104.  
  1105.                var decalage = Math.abs(colonne1.outerHeight() - colonne2.outerHeight()) / 2;
  1106.  
  1107.                var positionInitiale = 0;
  1108.                var positionFinale = decalage * 2;
  1109.  
  1110.                colonne1.css('transform', 'translateY(0px)');
  1111.                colonne2.css('transform', 'translateY(0px)');
  1112.  
  1113.                if (window.innerWidth >= 768 && offsetHaut < scrollPos && offsetBas > scrollPos) { // L'élément est visible à l'écran
  1114.                    var animationProgress = (scrollPos - offsetHaut) / (offsetBas - offsetHaut); // Calcul de la progression de l'animation
  1115.  
  1116.                    // Calcul de la position intermédiaire
  1117.                    var positionIntermediaire = positionInitiale + (positionFinale - positionInitiale) * animationProgress;
  1118.  
  1119.                    if(colonne1.outerHeight() > colonne2.outerHeight()) {
  1120.                        colonne2.css('transform', 'translateY(' + positionIntermediaire + 'px)');
  1121.                    } else {
  1122.                        colonne1.css('transform', 'translateY(' + positionIntermediaire + 'px)');
  1123.                    }
  1124.                } /*else if(window.innerWidth >= 768 && offsetHaut >= scrollPos) { // L'élément est en dessous de la position de scroll
  1125.  
  1126.                    if(colonne1.outerHeight() > colonne2.outerHeight()) {
  1127.                        colonne2.css('transform', 'translateY(0px)');
  1128.                    } else {
  1129.                        colonne1.css('transform', 'translateY(0px)');
  1130.                    }
  1131.                }*/ else if(window.innerWidth >= 768 && offsetBas <= scrollPos) { // L'élément est au dessus de la position de scroll
  1132.  
  1133.                    if(colonne1.outerHeight() > colonne2.outerHeight()) {
  1134.                        colonne2.css('transform', 'translateY('+positionFinale+'px)');
  1135.                    } else {
  1136.                        colonne1.css('transform', 'translateY('+positionFinale+'px)');
  1137.                    }
  1138.                }
  1139.            }
  1140.  
  1141.            function lancerAlignementDynamique() {
  1142.                var hauteurFenetre = $(window).height(); // Hauteur de la fenêtre d'affichage
  1143.                var scrollPos = $(window).scrollTop() + (hauteurFenetre / 2);
  1144.  
  1145.                $('.align-items-dynamique').each(function() {
  1146.                    alignerDynamiquementSection($(this), scrollPos);
  1147.                });
  1148.            }
  1149.  
  1150.            $(window).scroll(function() {
  1151.                lancerAlignementDynamique();
  1152.            });
  1153.  
  1154.            $(window).resize(function() {
  1155.                lancerAlignementDynamique();
  1156.            });
  1157.        </script>
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.                    
  1170.                <!-- Modal -->
  1171.                <div class="modal fade" id="cookiesWall" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  1172.                    <div class="modal-dialog modal-dialog-centered modal-lg">
  1173.                        <div class="modal-content">
  1174.                            <div class="modal-header">
  1175.                                <h3 class="modal-title" id="staticBackdropLabel">Nous avons besoin de votre consentement</h3>
  1176.                                                            </div>
  1177.                            <div class="modal-body">
  1178.                                <p>
  1179.                                    Nous utilisons des cookies afin de comprendre comment notre site est utilisé, quelles sont les pages vues
  1180.                                </p>
  1181.  
  1182.                                <div class="row mt25">
  1183.                                    <div class="col-10">
  1184.                                        <h4>Mesure d'audience</h4>
  1185.                                        <div class="div-paragraphe-expansible">
  1186.                                            <p class="estTronque">
  1187.                                                Ces cookies nous aident à comprendre comment notre site est utilisé. Nous savons quelles pages sont les
  1188.                                                plus vues, d'où viennent nos visiteurs. Ils sont essentiels pour nous afin de vous offrir la meilleure expérience
  1189.                                                possible.
  1190.                                            </p>
  1191.                                            <a>Voir plus</a>
  1192.                                        </div>
  1193.                                    </div>
  1194.                                    <div class="col-2">
  1195.                                        <input type="checkbox" id="cookiesaudienceinput" name="cookiesaudience" class="cookiesconsent" checked>
  1196.                                    </div>
  1197.                                </div>
  1198.                                <div class="row mt10">
  1199.                                    <div class="col-10">
  1200.                                        <h4>Marketing</h4>
  1201.                                        <div class="div-paragraphe-expansible">
  1202.                                            <p class="estTronque">
  1203.                                                Ces cookies nous permettent de savoir si les éventuelles publicités que nous avons pu vous proposer ont été
  1204.                                                pertinentes.
  1205.                                            </p>
  1206.                                            <a>Voir plus</a>
  1207.                                        </div>
  1208.                                    </div>
  1209.                                    <div class="col-2">
  1210.                                        <input type="checkbox" id="cookiesmarketinginput" name="cookiesmarketing" class="cookiesconsent" checked>
  1211.                                    </div>
  1212.                                </div>
  1213.                            </div>
  1214.                            <div class="modal-footer">
  1215.                                <button type="button" class="btn btn-primary response" value="custom">Valider mes choix</button>
  1216.                                <button type="button" class="btn btn-primary response" value="refuse">Tout refuser</button>
  1217.                                <button type="button" class="btn btn-primary response" value="accept">Tout accepter</button>
  1218.                            </div>
  1219.                        </div>
  1220.                    </div>
  1221.                </div>
  1222.  
  1223.  
  1224.                <script>
  1225.                    $(function () {
  1226.                        $('#cookiesWall').modal('show')
  1227.                    });
  1228.  
  1229.  
  1230.                    $(document).on('click', '.response', function (e) {
  1231.                        var reponse = $(this).val();
  1232.  
  1233.                        if(reponse == 'accept'){
  1234.                            $('.cookiesconsent').prop('checked', true);
  1235.                        }
  1236.                        else if(reponse == 'refuse'){
  1237.                            $('.cookiesconsent').prop('checked', false);
  1238.                        }
  1239.  
  1240.  
  1241.                        var cookies = {
  1242.                            'audience': $('#cookiesaudienceinput').prop('checked'),
  1243.                            'marketing': $('#cookiesmarketinginput').prop('checked'),
  1244.                        };
  1245.  
  1246.                        var duree = 390;
  1247.  
  1248.                        if($('#cookiesaudienceinput').prop('checked') == false){
  1249.                            var duree = 7;
  1250.                        }
  1251.  
  1252.                        $.cookie('cookiesWall', JSON.stringify(cookies), {expires: duree});
  1253.                        $('#cookiesWall').modal('hide')
  1254.  
  1255.                        document.location.reload();
  1256.                    });
  1257.  
  1258.  
  1259.                    $('body').on('click', '.div-paragraphe-expansible a, .div-paragraphe-expansible p', function() {
  1260.                        var paragraphe = $(this).closest('.div-paragraphe-expansible').find('p');
  1261.                        var lien = $(this).closest('.div-paragraphe-expansible').find('a');
  1262.  
  1263.                        paragraphe.toggleClass("estTronque");
  1264.                        if (paragraphe.hasClass("estTronque")) {
  1265.                            lien.text("Voir plus");
  1266.                        } else {
  1267.                            lien.text("Voir moins");
  1268.                        }
  1269.                    });
  1270.  
  1271.  
  1272.                </script>
  1273.  
  1274.                    
  1275.  
  1276.  
  1277.  
  1278.        
  1279.        <script>
  1280.            /*
  1281.            * AFFICHER LE PANIER
  1282.            * */
  1283.            var offcanvas = $('#offcanvas-panier');
  1284.            var offcanvasBody = offcanvas.find('.offcanvas-body');
  1285.  
  1286.            var dureeAnimOpacite = 200;
  1287.            var dureeAnimTranslation = 500;
  1288.  
  1289.            offcanvas.css('animation-duration', dureeAnimOpacite +'ms');
  1290.            offcanvasBody.css('animation-duration', dureeAnimTranslation +'ms');
  1291.  
  1292.            function ouvrirPanier() {
  1293.                offcanvas.css('animation-name', 'offcanvasApparition');
  1294.                offcanvasBody.css('animation-name', 'offcanvasOuverture');
  1295.  
  1296.                offcanvas.css('display', 'block');
  1297.                offcanvas.css('animation-play-state', 'running');
  1298.                setTimeout(function() {
  1299.                    offcanvas.css('animation-play-state', 'paused');
  1300.                    offcanvasBody.css('animation-play-state', 'running');
  1301.                    setTimeout(function() {
  1302.                        offcanvasBody.css('animation-play-state', 'paused');
  1303.                    }, dureeAnimTranslation);
  1304.                }, dureeAnimOpacite);
  1305.            }
  1306.  
  1307.            function fermerPanier() {
  1308.                offcanvas.css('animation-name', 'offcanvasDisparition');
  1309.                offcanvasBody.css('animation-name', 'offcanvasFermeture');
  1310.  
  1311.                offcanvasBody.css('animation-play-state', 'running');
  1312.                setTimeout(function() {
  1313.                    offcanvasBody.css('animation-play-state', 'paused');
  1314.                    offcanvas.css('animation-play-state', 'running');
  1315.                    setTimeout(function() {
  1316.                        offcanvas.css('animation-play-state', 'paused');
  1317.                        offcanvas.css('display', 'none');
  1318.                    }, dureeAnimOpacite);
  1319.                }, dureeAnimTranslation);
  1320.            }
  1321.  
  1322.  
  1323.  
  1324.            // OUVERTURE
  1325.            $('body').on('click', '.js-panier-ouvrir', function(e) {
  1326.                e.preventDefault();
  1327.  
  1328.                if($('#offcanvas-panier').attr('data-loaded') == 0){
  1329.  
  1330.                    $.ajax({
  1331.                        url: "/panier/recharger-ajax",
  1332.                        type: 'POST',
  1333.                        success: function (response) {
  1334.                            $('#offcanvas-panier').html(response);
  1335.                        },
  1336.                    });
  1337.  
  1338.                    $('#offcanvas-panier').attr('data-loaded', 1)
  1339.                }
  1340.  
  1341.                ouvrirPanier();
  1342.            });
  1343.  
  1344.  
  1345.            // FERMETURE
  1346.            $('body').on('click', '.js-panier-fermer', function() {
  1347.                fermerPanier();
  1348.            });
  1349.  
  1350.            $(document).keydown(function(e) {
  1351.                if (e.which === 27) {
  1352.                    fermerPanier();
  1353.                }
  1354.            });
  1355.  
  1356.            offcanvas.on('click', function(e) {
  1357.                var target = $(e.target);
  1358.                if (!target.parents('.offcanvas-body').length) {
  1359.                    fermerPanier();
  1360.                }
  1361.            });
  1362.  
  1363.  
  1364.  
  1365.            function majIndicateurQuantiteProduitsNavbar() {
  1366.                // Changer la valeur de quantite produits dans la navbar
  1367.                var indicateurQuantiteProduits = $('.js-indicateur-quantite-produits');
  1368.                var valeurQuantiteProduits = $('.offcanvas-panier').find('.offcanvas-body').attr('data-quantite-produits');
  1369.                indicateurQuantiteProduits.text(valeurQuantiteProduits);
  1370.            }
  1371.  
  1372.            function affichagePrixUnitaire() {
  1373.                // Identifier les elements produits
  1374.                var divProduitsPanier = $('#offcanvas-panier').find('.div-produit')
  1375.  
  1376.                // Parcourir les produits dans le panier
  1377.                divProduitsPanier.each(function () {
  1378.                    let divQuantitesProduitsPanier = $(this).find('.produit-quantite').find('p');
  1379.                    let divPrixUnitaireProduitsPanier = $(this).find('.produit-prix').find('.prix-unitaire');
  1380.  
  1381.                    let quantiteProduitPanier = parseInt(divQuantitesProduitsPanier.html());
  1382.  
  1383.                    if(quantiteProduitPanier > 1) {
  1384.                        divPrixUnitaireProduitsPanier.removeClass('d-none');
  1385.                    } else {
  1386.                        divPrixUnitaireProduitsPanier.addClass('d-none');
  1387.                    }
  1388.                });
  1389.            }
  1390.  
  1391.  
  1392.  
  1393.  
  1394.            $('body').on('click', '.addpanier', function(e) {
  1395.                e.preventDefault();
  1396.  
  1397.                // Cibler la réponse à la question personnalisée
  1398.                let reponse = $('#produitReponsePersonnalisee');
  1399.                let reponseParent = reponse.closest('.input-caracteres');
  1400.  
  1401.                // Lorsqu'il y a une question personnalisée dans le DOM
  1402.                if(reponse.length) {
  1403.                    // Lorsque la question est obligatoire
  1404.                    if (reponse.attr('data-required') == 'true') {
  1405.                        let reponseValeur = reponse.val().trim();
  1406.                        let reponseMessageErreur = reponseParent.next('.message-erreur');
  1407.  
  1408.                        // Lorsque la réponse à la question personnalisée est vide
  1409.                        if (reponseValeur === '') {
  1410.                            // Ajouter la surbrillance rouge
  1411.                            reponse.addClass('input-erreur');
  1412.  
  1413.                            // Lorsqu'il n'y a pas de message d'erreur après la question personnalisée
  1414.                            if (reponseMessageErreur.length == 0) {
  1415.                                var inputErreurHTML = `
  1416.                                    <div class="message-erreur">
  1417.                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
  1418.                                            <path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/>
  1419.                                        </svg>
  1420.                                        <p>Vous avez oublié de répondre à cette question.</p>
  1421.                                    </div>
  1422.                                `;
  1423.  
  1424.                                reponseParent.after(inputErreurHTML);
  1425.                            }
  1426.                            return false;
  1427.                        }
  1428.                        // Lorsque la réponse à la question personnalisée est remplie
  1429.                        else {
  1430.                            // Enlever la surbrillance rouge
  1431.                            reponse.removeClass('input-erreur');
  1432.  
  1433.                            // Lorsqu'il y a un message d'erreur après la question personnalisée
  1434.                            if (reponseMessageErreur.length > 0) {
  1435.                                // Supprimer le message d'erreur
  1436.                                reponseMessageErreur.remove();
  1437.                            }
  1438.                        }
  1439.                    }
  1440.                }
  1441.  
  1442.  
  1443.                // Enlever le focus du bouton
  1444.                this.blur();
  1445.  
  1446.                // Supprime la classe active du bouton
  1447.                if (this.classList.contains('active')) {
  1448.                    this.classList.remove('active');
  1449.                }
  1450.  
  1451.                // Définir le produit ajouté au panier
  1452.                $('#ajout_panier_idProduit').val($(this).attr('data-idproduit'));
  1453.                $('#ajout_panier_valeurQuestionPersonnalisee').val($('#produitReponsePersonnalisee').val());
  1454.  
  1455.                // Identifier le formulaire d'ajout au panier
  1456.                var form = $('#formAjoutProduitPanier');
  1457.                var serialized = form.serialize();
  1458.  
  1459.                $.ajax({
  1460.                    url: "/panier/ajouter",
  1461.                    type: 'POST',
  1462.                    data: serialized,
  1463.                    success: function (response) {
  1464.                        if(response.ordre == 200) {
  1465.                            $('#offcanvas-panier').html(response.contenu);
  1466.  
  1467.                            ouvrirPanier();
  1468.                            majIndicateurQuantiteProduitsNavbar();
  1469.                            affichagePrixUnitaire();
  1470.                        }
  1471.                        else if(response.ordre == 302) {
  1472.                            window.location.href = response.contenu;
  1473.                        }
  1474.                        //console.log(response);
  1475.                    },
  1476.                    error: function (html) {
  1477.                        alert('Oups ! Une erreur est survenue ...');
  1478.                        //console.log(html);
  1479.                    }
  1480.                });
  1481.            });
  1482.  
  1483.  
  1484.  
  1485.            $('body').on('click', '.js-panier-update-quantite', function(e) {
  1486.                e.preventDefault();
  1487.  
  1488.                $.ajax({
  1489.                    url: $(this).attr('data-ressource'),
  1490.                    type: 'GET',
  1491.                    success: function (response) {
  1492.                        if(response.status == 200) {
  1493.                            $('#offcanvas-panier').html(response.html);
  1494.  
  1495.                            majIndicateurQuantiteProduitsNavbar();
  1496.                            affichagePrixUnitaire();
  1497.                        }
  1498.                    },
  1499.                });
  1500.  
  1501.                ouvrirPanier();
  1502.            });
  1503.        </script>
  1504.  
  1505.  
  1506.  
  1507.        <script>
  1508.            $(function() {
  1509.                /* ==========
  1510.                DECLARATION DES FONCTIONS
  1511.                ========== */
  1512.                function changerDesignNavBar() {
  1513.                    // Lorsque l'option d'agrandissement de navbar est active
  1514.                    if(agrandirNavbar == true) {
  1515.                        // Lorsque l'internaute n'est pas en haut de la page
  1516.                        if ($(window).scrollTop() != 0) {
  1517.                            navbar.removeClass('navbar-grand');
  1518.                        }
  1519.                        // Lorsque l'internaute est en haut de la page
  1520.                        else {
  1521.                            navbar.addClass('navbar-grand');
  1522.                        }
  1523.                    }
  1524.  
  1525.                    // Lorsque l'option de transparence de navbar est active
  1526.                    if(transparencerNavbar == true) {
  1527.                        // Lorsque l'internaute n'est pas en haut de la page
  1528.                        if ($(window).scrollTop() != 0) {
  1529.                            navbar.removeClass('navbar-transparent');
  1530.                        }
  1531.                        // Lorsque l'internaute est en haut de la page
  1532.                        else {
  1533.                            navbar.addClass('navbar-transparent');
  1534.                        }
  1535.                    }
  1536.                }
  1537.  
  1538.                // Forcer l'affichage de la barre de navigation en menu burger en cas de manque de place
  1539.                function forcerBurgerNavbar() {
  1540.                    var largeurNavbarBrandNav = largeurNavbarMenu + largeurNavbarBrand + largeurNavbarEspace + largeurNavbarPanier;
  1541.  
  1542.                    // Lorsque la navbar dépasse de son container
  1543.                    if(largeurNavbarBrandNav > largeurNavbarContainer) {
  1544.                        // Forcer l'affichage du menu en mode burger
  1545.                        navbar.removeClass('navbar-expand-md');
  1546.  
  1547.                        // Indiquer que la navbar est au format burger
  1548.                        navbar.addClass('navbar-burger');
  1549.                    }
  1550.                    // Lorsque la navbar ne dépasse pas de son container
  1551.                    else {
  1552.                        // Autoriser l'affichage du menu en mode burger
  1553.                        navbar.addClass('navbar-expand-md');
  1554.  
  1555.                        // Lorsque la navbar est au format mobile
  1556.                        if(window.innerWidth < 768) {
  1557.                            // Indiquer que la navbar est au format burger
  1558.                            navbar.addClass('navbar-burger');
  1559.                        } else {
  1560.                            // Ne plus indiquer que la navbar est au format burger
  1561.                            navbar.removeClass('navbar-burger');
  1562.                        }
  1563.                    }
  1564.                }
  1565.  
  1566.  
  1567.  
  1568.                /* ==========
  1569.                IDENTIFICATION DES ELEMENTS
  1570.                ========== */
  1571.                // Récupérer la navbar et ses élements
  1572.                const navbar = $('.navbar');
  1573.                const navbarContainer = navbar.find('.navbar-container');
  1574.                const navbarBrand = navbarContainer.find('.navbar-brand');
  1575.                const navbarCollapse = navbarContainer.find('.navbar-collapse');
  1576.                const navbarMenu = navbarContainer.find('.navbar-nav');
  1577.                const navbarPanier = navbarContainer.find('.nav-panier');
  1578.  
  1579.                // Mesurer la largeur des éléments de la navbar
  1580.                var largeurNavbarContainer = navbarContainer.width();
  1581.                var largeurNavbarBrand = navbarBrand.innerWidth();
  1582.                var largeurNavbarMenu = navbarMenu.innerWidth();
  1583.                var largeurNavbarPanier = 0;
  1584.                var largeurNavbarEspace = parseInt(navbarContainer.css('gap'));
  1585.                // Lorsque le panier existe
  1586.                if (navbarPanier.length > 0) {
  1587.                    largeurNavbarPanier = navbarPanier.innerWidth();
  1588.                    largeurNavbarEspace *= 2;
  1589.                }
  1590.  
  1591.  
  1592.  
  1593.                /* ==========
  1594.                EVENEMENTS
  1595.                ========== */
  1596.                /* -----
  1597.                NAVBAR OUVERTE
  1598.                ----- */
  1599.                $('body').on('click', '.navbar-toggler', function() {
  1600.                    // Lorsque l'on ferme le menu burger
  1601.                    if(navbarCollapse.hasClass('show')) {
  1602.                        navbar.removeClass('navbar-ouvert');
  1603.                    }
  1604.                    // Lorsque l'on ouvre le menu burger
  1605.                    else {
  1606.                        navbar.addClass('navbar-ouvert');
  1607.                    }
  1608.                });
  1609.  
  1610.  
  1611.                /* -----
  1612.                NAVBAR TRANSPARENTE OU AGRANDIE
  1613.                ----- */
  1614.                // Rendre transparent la navbar en haut de page
  1615.                                var transparencerNavbar = false;
  1616.                
  1617.                // Agrandir la navbar en haut de page
  1618.                                var agrandirNavbar = false;
  1619.                
  1620.                // Lorsque l'internaute scroll
  1621.                $(window).on('scroll', function () {
  1622.                    changerDesignNavBar();
  1623.                });
  1624.  
  1625.  
  1626.                /* -----
  1627.                NAVBAR TROP LONGUE
  1628.                ----- */
  1629.                forcerBurgerNavbar();
  1630.  
  1631.                // Lorsque l'internaute redimentionne sa fenêtre
  1632.                $(window).on('resize', function () {
  1633.                    largeurNavbarContainer = navbarContainer.width();
  1634.  
  1635.                    forcerBurgerNavbar();
  1636.                });
  1637.            });
  1638.        </script>
  1639.  
  1640.        <script>
  1641.            /*
  1642.            * GALERIE D'IMAGES
  1643.            * */
  1644.            var lightbox = $('.lightbox');
  1645.            var body = $('body');
  1646.  
  1647.            // AGRANDIR LES IMAGES
  1648.            // Ouvrir la lightbox
  1649.            $('body').on('click', '.js-ouvrir-lightbox', function() {
  1650.                var imageSrc = $(this).find('img').attr('src');
  1651.                var lightboxImg = lightbox.find('img');
  1652.  
  1653.                lightboxImg.attr('src', imageSrc);
  1654.                lightbox.fadeIn();
  1655.            });
  1656.  
  1657.            // Fermer la lightbox
  1658.            $('body').on('click', '.js-fermer-lightbox', function() {
  1659.                lightbox.fadeOut();
  1660.            });
  1661.  
  1662.            $(document).keydown(function(e) {
  1663.                if (e.which === 27) {
  1664.                    lightbox.fadeOut();
  1665.                }
  1666.            });
  1667.        </script>
  1668.  
  1669.  
  1670.  
  1671.        <script>
  1672.            /*
  1673.            * MASONRY MAISON
  1674.            * */
  1675.  
  1676.            $(window).resize(function() {
  1677.                updateMasonry();
  1678.            });
  1679.  
  1680.            function updateMasonry(masonry = null) {
  1681.                if (!masonry) {
  1682.                    masonry = $('.masonry');
  1683.                }
  1684.  
  1685.                masonry.each(function () {
  1686.                    var divMasonry = $(this);
  1687.                    var divColonnes = divMasonry.find('.colonnes');
  1688.                    var nbColsMax = divMasonry.attr('data-nbcols');
  1689.                    var largeurCol = divMasonry.attr('data-largeurcols');
  1690.  
  1691.                    // Gérer le nombre de colonnes
  1692.                    var nbCols = nbColsMax;
  1693.                    var largeurFenetre = window.innerWidth;
  1694.  
  1695.                    if(largeurFenetre < 768) {
  1696.                        nbCols = 1;
  1697.                    }
  1698.  
  1699.                    // Remettre les items dans la div .items initiale
  1700.                    divMasonry.find('.item').appendTo(divMasonry.find('.liste-items'))
  1701.  
  1702.                    // Vider le contenu de la div .colonnes
  1703.                    divColonnes.empty();
  1704.  
  1705.                    // Créer les colonnes
  1706.                    for (let $i = 1; $i <= nbCols; $i++) {
  1707.                        jQuery('<div>', {
  1708.                            id: 'some-id-' + $i,
  1709.                            class: 'col-12 col-md-'+largeurCol,
  1710.                        }).appendTo(divColonnes);
  1711.                    }
  1712.  
  1713.                    // Ordonner les items
  1714.                    var listeItemOrdre = [];
  1715.                    divMasonry.find('.item').each(function() {
  1716.                        listeItemOrdre.push($(this).attr('data-ordre'));
  1717.                    });
  1718.                    listeItemOrdre.sort(compareNumbers);
  1719.  
  1720.                    // Déplacer les items dans les colonnes
  1721.                    for (let i = 0; i < listeItemOrdre.length; i++) {
  1722.                        var item = divMasonry.find('.item[data-ordre="' + listeItemOrdre[i] + '"]');
  1723.                        var indexMoinsHaute = getColonneMoinsHaute(divColonnes);
  1724.  
  1725.                        item.appendTo(divColonnes.find('.col-12')[indexMoinsHaute]);
  1726.                    }
  1727.  
  1728.                });
  1729.            }
  1730.  
  1731.            function compareNumbers(a, b) {
  1732.                return a - b;
  1733.            }
  1734.  
  1735.            function getColonneMoinsHaute(divColonnes) {
  1736.                // Récupérer les colonnes
  1737.                var listeColonnes = divColonnes.find('.col-12');
  1738.  
  1739.                // Initialiser la hauteur minimale avec la première colonne
  1740.                var hauteurMin = listeColonnes.eq(0).height();
  1741.                var indexPlusPetite = 0;
  1742.  
  1743.                // Parcourir toutes les colonnes
  1744.                for (let $i = 0; $i < listeColonnes.length; $i++) {
  1745.                    var hauteurCol = listeColonnes.eq($i).height();
  1746.  
  1747.                    // Identifier la colonne la plus petite
  1748.                    if (hauteurCol < hauteurMin) {
  1749.                        indexPlusPetite = $i;
  1750.                        hauteurMin = hauteurCol;
  1751.                    }
  1752.                }
  1753.  
  1754.                return indexPlusPetite;
  1755.            }
  1756.  
  1757.        </script>
  1758.  
  1759.  
  1760.  
  1761.        <script>
  1762.            /*$('.js-defileur').each(function () {
  1763.                // Récupérer les données (nombre d'items et de colonnes)
  1764.                //var nbColonnes = $(this).attr('data-nbColonnes');
  1765.                //var nbItems = $(this).find('.item').length;
  1766.  
  1767.                // Récupérer les éléments dans le DOM
  1768.                var divItems = $(this).find('.items');
  1769.  
  1770.                // Changer la largeur du défileur
  1771.                //$(this).css('width', 'calc('+(100 / nbColonnes)+'% * '+(nbItems * 2)+')');
  1772.  
  1773.                // Sélectionnez tous les éléments '.item' à cloner
  1774.                var itemsToClone = $(this).find('.item').clone();
  1775.  
  1776.                // Parcourez chaque élément cloné
  1777.                itemsToClone.each(function() {
  1778.                    divItems.append($(this));
  1779.                });
  1780.            });*/
  1781.        </script>
  1782.  
  1783.  
  1784.  
  1785.  
  1786.            </body>
  1787. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda