templates/pitch-s-engage/pitch-s-engage.html.twig line 1

Open in your IDE?
  1. {% set section = 'pitch-s-engage' %}
  2. {% extends 'base.html.twig' %}
  3. {% block title %}Pitch - Pitch s'engage{% endblock %}
  4. {% block body %}
  5. <div data-controller="pitch-s-engage">
  6. <div id="sengage" class="container-xxxl p-0">
  7. <div class="decor-haut">
  8. <div id="header-sengage">
  9. <img src="build/images/pitch-s-engage/header-pitch-sengage.svg" id="header-svg-desktop" />
  10. <img src="build/images/pitch-s-engage/header-pitch-sengage-mobile.svg" id="header-svg-mobile" />
  11. </div>
  12. <nav id="nav-sengage" class="nav-sengage">
  13. <ul class="row row-cols-1 row-cols-sm-3 row-cols-md-3 justify-content-center">
  14. <li class="col nav-ingredients"><a href="{{ path('commitment') }}#ingredients" data-target="ingredients" class="nav-sengage-blue"><span class="nav-txt">Ingrédients <br aria-hidden="true" />de qualité</span></a></li>
  15. <li class="col nav-composition"><a href="{{ path('commitment') }}#composition" data-target="composition" class="nav-sengage-yellow"><span class="nav-txt">Composition <br aria-hidden="true" />et gourmandise</span></a></li>
  16. <li class="col nav-emballage"><a href="{{ path('commitment') }}#emballage" data-target="emballage" class="nav-sengage-green"><span class="nav-txt">Emballage <br aria-hidden="true" />éco-conçu</span></a></li>
  17. </ul>
  18. </nav>
  19. <div id="ingredients" class="sengage-content">
  20. <h2 class="text-uppercase section-top">Pour faire une bonne brioche <br aria-hidden="true" />il faut de bons ingrédients</h2>
  21. <nav id="nav-ingredients" class="nav-section" data-section="ingredients">
  22. <ul>
  23. <li class="item-1 active"><a href="{{ path('commitment') }}#ingredients-farine" data-target="ingredients-farine"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-farine.png') center center / contain no-repeat;"></span></a></li>
  24. <li class="item-2"><a href="{{ path('commitment') }}#ingredients-oeufs" data-target="ingredients-oeufs"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-oeufs.png') center center / contain no-repeat;"></span></a></li>
  25. <li class="item-3"><a href="{{ path('commitment') }}#ingredients-chocolat" data-target="ingredients-chocolat"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-chocolat.png') center center / contain no-repeat;"></span></a></li>
  26. <li class="item-4"><a href="{{ path('commitment') }}#ingredients-levain" data-target="ingredients-levain"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-levain.png') center center / contain no-repeat;"></span></a></li>
  27. <li class="item-5"><a href="{{ path('commitment') }}#ingredients-fruits" data-target="ingredients-fruits"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-fruits.png') center center / contain no-repeat;"></span></a></li>
  28. <li class="item-6"><a href="{{ path('commitment') }}#ingredients-autres" data-target="ingredients-autres"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-autres.png') center center / contain no-repeat;"></span></a></li>
  29. </ul>
  30. </nav>
  31. <div id="sengage-ingredients">
  32. <div id="ingredients-farine" class="ingredients-content container-xl">
  33. <h3>Farine de blé 100% française</h3>
  34. <div class="row g-0">
  35. <img src="build/images/pitch-s-engage/pointilles-01.svg" class="pointilles" style="top: 8%; left: 34%; width: 27%;" />
  36. <img src="build/images/pitch-s-engage/pointilles-02.svg" class="pointilles" style="top: 55%; left: 50%; width: 25%;" />
  37. <img src="build/images/pitch-s-engage/pointilles-03.svg" class="pointilles" style="top: 88%; left: 49%; width: 14%;" />
  38. <div class="col-12 col-md-5 text-center">
  39. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-01.png" /></div>
  40. <p class="text-center">L’ingrédient principal de ton <br aria-hidden="true" />Pitch est la farine de blé&nbsp;<span style="font-weight: normal !important;">!</span> <br aria-hidden="true" />Elle est 100% française.</p>
  41. </div>
  42. <div class="col-12 col-md-7">
  43. <div class="row g-0">
  44. <div class="col-12 col-md-8">
  45. <div class="desktop-gap-2x"></div>
  46. <p class="text-end">Notre farine provient de blé issu de bonnes <br aria-hidden="true" />pratiques agricoles respectueuses de <br aria-hidden="true" />l’environnement, et stocké sans traitement <br aria-hidden="true" />après récolte.</p>
  47. </div>
  48. <div class="col-12 col-md-4">
  49. &nbsp;
  50. </div>
  51. </div>
  52. <div class="row g-0">
  53. <div class="col-12 col-md-4 order-md-2">
  54. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-02.png" /></div>
  55. </div>
  56. <div class="col-12 col-md-8 order-md-1">
  57. <p class="text-end">Ces pratiques répondent à une norme <br aria-hidden="true" />française qui garantit la qualité du blé <br aria-hidden="true" />et une agriculture raisonnée, et sont <br aria-hidden="true" />certifiées par des organismes de <br aria-hidden="true" />contrôle indépendants.</p>
  58. </div>
  59. </div>
  60. <div class="row g-0">
  61. <div class="col-12 col-md-4 order-md-2">
  62. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-03.png" /></div>
  63. </div>
  64. <div class="col-12 col-md-8 order-md-1">
  65. <p class="text-end">La farine de blé de ton Pitch provient de <br aria-hidden="true" />moulins partenaires, situés proches de nos <br aria-hidden="true" />sites de fabrication pour éviter de la faire <br aria-hidden="true" />voyager trop loin et trop longtemps.</p>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="col-12 col-md-7">
  70. <div class="row g-0 align-items-center">
  71. <div class="col-12 col-md-9 order-md-2 desktop-removal-2x">
  72. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-04.png" /></div>
  73. <p>Et pour aller plus loin demain&nbsp;?</p>
  74. <p>Nous agissons en faveur de l’agroécologie <br aria-hidden="true" />en tant que membre de l’association <br aria-hidden="true" />«&nbsp;Pour une Agriculture Du Vivant&nbsp;» depuis <br aria-hidden="true" />plusieurs années. <br />L’agroécologie c’est une agriculture plus <br aria-hidden="true" />durable qui consiste à préserver la vie dans <br aria-hidden="true" />le sol et favoriser la biodiversité (insectes, <br aria-hidden="true" />oiseaux, vers de terre …).</p>
  75. <p>L’association garantit un cahier des <br aria-hidden="true" />charges rigoureux et s’engage à&nbsp;: <br />- labourer les champs le moins possible, <br />- les couvrir avec des plantes, été comme <br aria-hidden="true" />hiver, <br />- planter des arbres et des haies.</p>
  76. <p>&nbsp;</p>
  77. <p class="horizontal-mentions">En savoir plus sur <a href="https://agricultureduvivant.org" target="_blank">agricultureduvivant.org</a></p>
  78. </div>
  79. <div class="col-12 col-md-3 order-md-1">
  80. </div>
  81. </div>
  82. </div>
  83. <div class="col-12 col-md-5"></div>
  84. <div class="col-12 col-md-8"></div>
  85. <div class="col-12 col-md-4">
  86. <div class="row g-0 align-items-center">
  87. <div class="col-12 col-md-4 order-md-2 desktop-removal-1x">
  88. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-05.png" /></div>
  89. </div>
  90. <div class="col-12 col-md-8 order-md-1 desktop-removal-1x">
  91. <p>Et PAF&nbsp;<span style="font-weight: normal !important;">!</span> Maintenant, <br aria-hidden="true" />tu sais tout sur la farine <br aria-hidden="true" />de ton Pitch&nbsp;<span style="font-weight: normal !important;">!</span></p>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <div id="ingredients-oeufs" class="ingredients-content container-xl">
  98. <h3>Des oeufs frais et français</h3>
  99. <div class="row g-0">
  100. <img src="build/images/pitch-s-engage/pointilles-04.svg" class="pointilles" style="top: 25%; left: 22%; width: 23%;">
  101. <img src="build/images/pitch-s-engage/pointilles-04.svg" class="pointilles" style="top: 25%; left: 54%; width: 23%;">
  102. <div class="col-12 col-md-4 text-center">
  103. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-oeuf-01.png" /></div>
  104. <p class="text-center">Dans tes Pitch, les oeufs <br aria-hidden="true" />sont frais et français &nbsp;<span style="font-weight: normal !important;">!</span></p>
  105. </div>
  106. <div class="col-12 col-md-4 text-center">
  107. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-oeuf-02.png" /></div>
  108. <p class="text-center">Ils proviennent de poules <br aria-hidden="true" />élevées en France et au sol et <br aria-hidden="true" />non pas dans de petites cages.</p>
  109. </div>
  110. <div class="col-12 col-md-4 text-center">
  111. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-oeuf-03.png" /></div>
  112. <p class="text-center">Une fois que la poule a <br aria-hidden="true" />pondu ses oeufs, on les <br aria-hidden="true" />ajoute à la préparation <br aria-hidden="true" />de ton Pitch le plus vite <br aria-hidden="true" />possible pour conserver <br aria-hidden="true" />au maximum leur <br aria-hidden="true" />fraîcheur&nbsp;<span style="font-weight: normal !important;">!</span></p>
  113. </div>
  114. </div>
  115. </div>
  116. <div id="ingredients-chocolat" class="ingredients-content container-xl">
  117. <h3>Cacao certifié <br aria-hidden="true" />Rainforest Alliance</h3>
  118. <img src="build/images/pitch-s-engage/pointilles-13.svg" class="pointilles" style="top: 15%; left: 38%; width: 28%;">
  119. <img src="build/images/pitch-s-engage/pointilles-14.svg" class="pointilles" style="top: 44%; left: 39%; width: 14%;">
  120. <img src="build/images/pitch-s-engage/pointilles-15.svg" class="pointilles" style="top: 78%; left: 40%; width: 12%;">
  121. <div class="flower-power" style="left: 48%;top: 30%;"></div>
  122. <div class="row g-0">
  123. <div class="col-12 col-md-6 order-md-2 text-center">
  124. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-chocolat-01.png" /></div>
  125. <div class="row">
  126. <div class="col-12 col-md-2"></div>
  127. <div class="col-12 col-md-8">
  128. <p class="text-center">La cacao que tu retrouves <br aria-hidden="true" />dans tes Pitch au chocolat <br aria-hidden="true" />est issu des cacaotiers, <br aria-hidden="true" />des arbres qui ne poussent <br aria-hidden="true" />pas en France car ils ont <br aria-hidden="true" />besoin de beaucoup plus de <br aria-hidden="true" />chaleur.</p>
  129. </div>
  130. <div class="col-12 col-md-2"></div>
  131. </div>
  132. </div>
  133. <div class="col-12 col-md-6 order-md-1 text-center">
  134. <div class="desktop-gap-2x"></div>
  135. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-chocolat-02.png" /></div>
  136. <p class="text-center">Alors, pour trouver le meilleur <br aria-hidden="true" />cacao pour toi et pour la planète, <br aria-hidden="true" />Pitch s’est associé à une filière <br aria-hidden="true" />tracée et certifiée qui s’appelle <br aria-hidden="true" />Rainforest Alliance. <br /><br />En s’associant à cette filière, Pitch <br aria-hidden="true" />fait attention à l’environnement et <br aria-hidden="true" />aux producteurs dans le but de <br aria-hidden="true" />créer un avenir meilleur pour les <br aria-hidden="true" />Hommes et la nature&nbsp;<span style="font-weight: normal !important;">!</span></p>
  137. </div>
  138. <div class="col-12 col-md-6 order-md-4">
  139. <div class="row g-0 col-numbers">
  140. <div class="col-12 col-md-8">
  141. <p>Rainforest Alliance s’engage <br aria-hidden="true" />pour un cahier des charges <br aria-hidden="true" />rigoureux et veille à&nbsp;:</p>
  142. </div>
  143. <div class="col-12 col-md-4">
  144. &nbsp;
  145. </div>
  146. </div>
  147. <div class="row g-0 col-numbers">
  148. <div class="col-12 col-md-4 col-lg-5 order-md-2">
  149. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-chocolat-03.png" style="transform: scale(1.2);" /></div>
  150. </div>
  151. <div class="col-12 col-md-8 col-lg-7 order-md-1">
  152. <p id="num-01">protéger les forêts, les sols et <br aria-hidden="true" />les cours d’eau en empêchant <br aria-hidden="true" />que les cultures viennent les <br aria-hidden="true" />embêter.</p>
  153. </div>
  154. </div>
  155. <div class="row g-0 col-numbers">
  156. <div class="col-12 col-md-4 col-lg-5 order-md-2">
  157. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-chocolat-04.png" /></div>
  158. </div>
  159. <div class="col-12 col-md-8 col-lg-7 order-md-1">
  160. <p id="num-02">bien réfléchir lorsque l’on <br aria-hidden="true" />plante les cultures de cacao <br aria-hidden="true" />pour ne pas abîmer notre <br aria-hidden="true" />planète.</p>
  161. </div>
  162. </div>
  163. <div class="row g-0 col-numbers">
  164. <div class="col-12 col-md-4 col-lg-5 order-md-2">
  165. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-chocolat-05.png" /></div>
  166. </div>
  167. <div class="col-12 col-md-8 col-lg-7 order-md-1">
  168. <p id="num-03">prendre soin des producteurs <br aria-hidden="true" />et bien les payer car comme on <br aria-hidden="true" />dit, tout travail mérite <br aria-hidden="true" />salaire&nbsp;<span style="font-weight: normal !important;">!</span></p>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="col-12 col-md-6 order-md-3"></div>
  173. </div>
  174. <div class="row g-0">
  175. <div class="col-12 col-md-6">
  176. <div class="row g-0 align-items-center">
  177. <div class="col-12 col-md-5">
  178. <div class="desktop-gap-1x"></div>
  179. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-chocolat-06.png" /></div>
  180. </div>
  181. <div class="col-12 col-md-7">
  182. <div class="desktop-gap-1x"></div>
  183. <p>En bref, grâce à ses <br aria-hidden="true" />engagements, le <br aria-hidden="true" />cacao certifié <br aria-hidden="true" />Rainforest Alliance <br aria-hidden="true" />ne peut qu'être bon <br aria-hidden="true" />pour la planète et <br aria-hidden="true" />pour les Hommes&nbsp;<span style="font-weight: normal !important;">!</span></p>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="col-12">
  188. <p class="horizontal-mentions">En savoir plus sur <a href="https://ra.org/" target="_blank">ra.org</a> <br />En savoir plus sur <a href="https://agricultureduvivant.org" target="_blank">agricultureduvivant.org</a></p>
  189. </div>
  190. </div>
  191. </div>
  192. <div id="ingredients-levain" class="ingredients-content container-xl">
  193. <h3>Le levain «&nbsp;Made&nbsp;in<span style="font-family: Arial, sans-serif;">*</span>&nbsp;» Brioche Pasquier</h3>
  194. <div class="row g-0">
  195. <img src="build/images/pitch-s-engage/pointilles-04.svg" class="pointilles" style="top: 27%; left: 22%; width: 23%;">
  196. <img src="build/images/pitch-s-engage/pointilles-04.svg" class="pointilles" style="top: 27%; left: 54%; width: 23%;">
  197. <div class="col-12 col-md-4 text-center">
  198. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-levain-01.png" /></div>
  199. <p class="text-center">Depuis 90 ans, c’est toujours <br aria-hidden="true" />la même recette. Une recette <br aria-hidden="true" />qui se transmet dans la <br aria-hidden="true" />famille Pasquier de <br aria-hidden="true" />génération en génération&nbsp;<span style="font-weight: normal !important;">!</span></p>
  200. </div>
  201. <div class="col-12 col-md-4 text-center">
  202. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-levain-02.png" /></div>
  203. <p class="text-center">Notre levain vit d’amour, <br aria-hidden="true" />de farine, de sel et d’eau <br aria-hidden="true" />fraîche. Et c’est tout&nbsp;<span style="font-weight: normal !important;">!</span></p>
  204. </div>
  205. <div class="col-12 col-md-4 text-center">
  206. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-levain-03.png" /></div>
  207. <p class="text-center">Pour fabriquer des Pitch extra <br aria-hidden="true" />moelleux, le levain est préparé <br aria-hidden="true" />tous les jours dans nos <br aria-hidden="true" />fabriques à Pitch.</p>
  208. </div>
  209. <p class="vertical-mentions"><span style="font-family: Arial, sans-serif;">*</span>made&nbsp;in&nbsp;= fabriqué par</p>
  210. </div>
  211. </div>
  212. <div id="ingredients-fruits" class="ingredients-content container-xl">
  213. <h3>Des pommes et des poires françaises</h3>
  214. <div class="row g-0">
  215. <img src="build/images/pitch-s-engage/pointilles-04.svg" class="pointilles" style="top: 24%; left: 38%; width: 24%;">
  216. <div class="col-12 col-md-6 text-center">
  217. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-fruits-01.png" style="transform: scale(.8);" /></div>
  218. <p class="text-center">Pour choisir ses pommes et <br aria-hidden="true" />ses poires, Pitch a décidé de <br aria-hidden="true" />se tourner vers un <br aria-hidden="true" />fournisseur historique <br aria-hidden="true" />français. Un partenariat qui <br aria-hidden="true" />dure depuis plus de 10 ans&nbsp;<span style="font-weight: normal !important;">!</span></p>
  219. </div>
  220. <div class="col-12 col-md-6 text-center">
  221. <div class="picto picto-big"><img class="lazy" data-src="build/images/pitch-s-engage/picto-fruits-02.png" /></div>
  222. <p class="text-center">Les pommes et les poires de <br aria-hidden="true" />ton Pitch sont ainsi issues de <br aria-hidden="true" />vergers de nos belles régions <br aria-hidden="true" />françaises.</p>
  223. </div>
  224. </div>
  225. </div>
  226. <div id="ingredients-autres" class="ingredients-content container-xl">
  227. <h3>Mais aussi ...</h3>
  228. <div class="row g-0">
  229. <div class="col-12 col-md-4">
  230. <div class="row align-items-start">
  231. <div class="col-12 col-md-4">
  232. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-autres-01.png" /></div>
  233. </div>
  234. <div class="col-12 col-md-8">
  235. <p><strong>DU BEURRE ET DU COLZA</strong> <br />Pour le goût et le moelleux mais aussi pour te faire fondre de plaisir.</p>
  236. </div>
  237. </div>
  238. </div>
  239. <div class="col-12 col-md-4">
  240. <div class="row align-items-start">
  241. <div class="col-12 col-md-4">
  242. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-autres-02.png" /></div>
  243. </div>
  244. <div class="col-12 col-md-8">
  245. <p><strong>DU SUCRE</strong> <br />Pour le plaisir ! Notre sucre est issu de la betterave à sucre.</p>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. <div class="row g-0">
  251. <div class="col-12 col-md-4">
  252. <div class="row align-items-start">
  253. <div class="col-12 col-md-4">
  254. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-autres-03.png" /></div>
  255. </div>
  256. <div class="col-12 col-md-8">
  257. <p><strong>DE LA LEVURE</strong> <br />Elle permet d’aérer la brioche et de créer une jolie mie.</p>
  258. </div>
  259. </div>
  260. </div>
  261. <div class="col-12 col-md-4">
  262. <div class="row align-items-start">
  263. <div class="col-12 col-md-4">
  264. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-autres-04.png" /></div>
  265. </div>
  266. <div class="col-12 col-md-8">
  267. <p><strong>DU SEL</strong> <br />Pour donner du goût et permettre de conserver naturellement ton Pitch qui est toujours sans conservateur.</p>
  268. </div>
  269. </div>
  270. </div>
  271. <div class="col-12 col-md-4">
  272. <div class="row align-items-start">
  273. <div class="col-12 col-md-4">
  274. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-autres-05.png" /></div>
  275. </div>
  276. <div class="col-12 col-md-8">
  277. <p><strong>DES ÉPAISSISSANTS (des fibres) & ÉMULSIFIANTS</strong> <br />Pour permettre à ton Pitch de rester moelleux et gourmand de sa préparation à sa dégustation.</p>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. <div id="composition" class="sengage-content">
  286. <h2 class="text-uppercase section-top">Fabriquer un Pitch, <br aria-hidden="true" />c’est du sport</h2>
  287. <nav id="nav-composition" class="nav-section" data-section="composition">
  288. <ul>
  289. <li class="item-1 active"><a href="{{ path('commitment') }}#composition-preparation" data-target="composition-preparation"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-preparation.png') center center / contain no-repeat;"></span></a></li>
  290. <li class="item-2"><a href="{{ path('commitment') }}#composition-controle" data-target="composition-controle"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-controle.png') center center / contain no-repeat;"></span></a></li>
  291. <li class="item-3"><a href="{{ path('commitment') }}#composition-sans" data-target="composition-sans"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-sans.png') center center / contain no-repeat;"></span></a></li>
  292. <li class="item-4"><a href="{{ path('commitment') }}#composition-nutriscore" data-target="composition-nutriscore"><span class="item-bg" style="background: url('build/images/pitch-s-engage/picto-nutriscore.png') center center / contain no-repeat;"></span></a></li>
  293. </ul>
  294. </nav>
  295. <div id="sengage-composition">
  296. <div id="composition-preparation" class="composition-content container-xl">
  297. <h3>Comment est préparé ton Pitch&nbsp;?</h3>
  298. <div class="row g-0">
  299. <img src="build/images/pitch-s-engage/pointilles-05.svg" class="pointilles" style="top: 1%; left: 50%; width: 18%;" />
  300. <img src="build/images/pitch-s-engage/pointilles-06.svg" class="pointilles" style="top: 49%; left: 50%; width: 21%;" />
  301. <div class="col-12 col-md-6">
  302. <div class="row g-0 align-items-center">
  303. <div class="col-12 col-md-4">
  304. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-01.png" /></div>
  305. </div>
  306. <div class="col-12 col-md-8">
  307. <p>Tous les ingrédients qui constituent <br aria-hidden="true" />la pâte de ton Pitch sont mélangés. <br /><br />La pâte est pétrie, c’est-à-dire <br aria-hidden="true" />qu’on la mélange avec <br aria-hidden="true" />amour grâce à nos équipes <br aria-hidden="true" />présentes dans nos 5 sites de <br aria-hidden="true" />fabrication en France.</p>
  308. </div>
  309. </div>
  310. </div>
  311. <div class="col-12 col-md-6">
  312. <div class="row g-0 align-items-center">
  313. <div class="col-12 col-md-4">
  314. <div class="desktop-gap-2x"></div>
  315. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-02.png" style="transform: scale(1.2);" /></div>
  316. </div>
  317. <div class="col-12 col-md-8">
  318. <div class="desktop-gap-2x"></div>
  319. <p>Ensuite, la pâte se repose pendant <br aria-hidden="true" />+ de 2 heures. C’est pendant cette <br aria-hidden="true" />étape que ton Pitch gonfle et <br aria-hidden="true" />devient gourmand&nbsp;<span style="font-weight: normal !important;">!</span> <br /><br />Ton Pitch se fait dorer la pilule <br aria-hidden="true" />pendant une dizaine de minutes puis <br aria-hidden="true" />il part faire une sieste de <br aria-hidden="true" />30 minutes pour se refroidir.</p>
  320. </div>
  321. </div>
  322. </div>
  323. <div class="col-12 col-md-6">
  324. <div class="row g-0 align-items-center">
  325. <div class="col-12 col-md-4">
  326. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-03.png" /></div>
  327. </div>
  328. <div class="col-12 col-md-8">
  329. <p>Maintenant qu’il est tout doré et <br aria-hidden="true" />tout beau, on ajoute à ton Pitch un <br aria-hidden="true" />fourrage. Il a le choix entre les fruits, <br aria-hidden="true" />les chocolats ou encore la <br aria-hidden="true" />chocobarre. Miam !</p>
  330. </div>
  331. </div>
  332. <div class="row g-0 align-items-center">
  333. <div class="col-12 col-md-4">
  334. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-04.png" /></div>
  335. </div>
  336. <div class="col-12 col-md-8">
  337. <p>Enfin, on habille ton Pitch avec son <br aria-hidden="true" />emballage. Il est prêt à être glissé <br aria-hidden="true" />dans ton cartable et PAF! à être <br aria-hidden="true" />dégusté.</p>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. <div id="composition-controle" class="composition-content container-xl">
  344. <h3>C’est l’heure du contrôle</h3>
  345. <div class="row g-0">
  346. <img src="build/images/pitch-s-engage/pointilles-07.svg" class="pointilles" style="top: 15%; left: 59%; width: 12%;">
  347. <div class="col-12 col-md-1"></div>
  348. <div class="col-12 col-md-6">
  349. <div class="row g-0 align-items-center">
  350. <div class="col-12 col-md-4">
  351. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-controle-01.png" style="transform: scale(1.5);" /></div>
  352. </div>
  353. <div class="col-12 col-md-8">
  354. <p>Avec Pitch, le plaisir est toujours <br aria-hidden="true" />garanti... Avant la sortie d’une <br aria-hidden="true" />nouvelle recette, les Pitch passent <br aria-hidden="true" />un test organoleptique : plusieurs <br aria-hidden="true" />consommateurs utilisent <br aria-hidden="true" />tous leurs sens pour tester le goût, <br aria-hidden="true" />l’odeur, la texture de ces nouvelles <br aria-hidden="true" />recettes et les valider. <br />Ils attribuent une note pour dire si, <br aria-hidden="true" />oui ou non, les Pitch peuvent être <br aria-hidden="true" />distribués à tous les petits et les <br aria-hidden="true" />grands gourmands.</p>
  355. </div>
  356. </div>
  357. </div>
  358. <div class="col-12 col-md-5"></div>
  359. <div class="col-12 col-md-5"></div>
  360. <div class="col-12 col-md-6 text-center">
  361. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-controle-02.png" /></div>
  362. <p>N’oublie pas que pour être un <br aria-hidden="true" />champion, il faut faire un <br aria-hidden="true" />maximum de sport et d’exercice <br aria-hidden="true" />pour dépenser toute l’énergie <br aria-hidden="true" />que te donne ton goûter&nbsp;<span style="font-weight: normal !important;">!</span></p>
  363. </div>
  364. </div>
  365. </div>
  366. <div id="composition-sans" class="composition-content container-xl">
  367. <h3>Garantie “sans”</h3>
  368. <h4><span class="hide-desktop">Pour te garantir un goûter sans-sationnel, tous tes Pitch sont&nbsp;:</span> <span class="hide-mobile">Tous tes Pitch sont&nbsp;:</span></h4>
  369. <div class="row g-0">
  370. <div class="col-md-2 col-12"></div>
  371. <div class="col-md-7 col-12">
  372. <div class="row align-items-center">
  373. <div class="col-12 col-md-2">
  374. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-sans-01.png" /></div>
  375. </div>
  376. <div class="col-12 col-md-10">
  377. <p>Sans conservateurs</p>
  378. </div>
  379. </div>
  380. <div class="row align-items-center">
  381. <div class="col-12 col-md-2">
  382. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-sans-02.png" /></div>
  383. </div>
  384. <div class="col-12 col-md-10">
  385. <p>Sans colorants ni arômes artificiels</p>
  386. </div>
  387. </div>
  388. </div>
  389. <div class="col-md-3 col-12"></div>
  390. <div class="col-md-6 col-12"></div>
  391. <div class="col-md-6 col-12">
  392. <h4 class="hide-mobile">Pour te garantir <br aria-hidden="true" />un goûter <br aria-hidden="true" />sans-sationnel&nbsp;<span style="font-weight: normal !important;">!</span></h4>
  393. </div>
  394. </div>
  395. </div>
  396. <div id="composition-nutriscore" class="composition-content container-xl">
  397. <h3>Dis-moi, c’est quoi <br aria-hidden="true" />le Nutri-Score&nbsp;?</h3>
  398. <div class="row g-0">
  399. <img src="build/images/pitch-s-engage/pointilles-12.svg" class="pointilles" style="top: 5%; left: 32%; width: 30%;" />
  400. <img src="build/images/pitch-s-engage/pointilles-06.svg" class="pointilles" style="top: 67.5%; left: 45%; width: 26%;" />
  401. <div class="col-12 col-md-6">
  402. <div class="row g-0 align-items-center">
  403. <div class="col-12 col-md-2"></div>
  404. <div class="col-12 col-md-8">
  405. <div class="picto text-center"><img class="lazy" data-src="build/images/pitch-s-engage/picto-nutriscore-01.png" /></div>
  406. <p>Le Nutri-Score est un outil dont se <br aria-hidden="true" />servent les spécialistes de la Santé <br aria-hidden="true" />Publique : il permet de ranger les <br aria-hidden="true" />aliments que tu consommes [et <br aria-hidden="true" />donc tes brioches préférées] selon <br aria-hidden="true" />une grille : ils notent la quantité de <br aria-hidden="true" />sucre, de sel, de gras, de protéines <br aria-hidden="true" />et plein d’autres choses&nbsp;<span style="font-weight: normal !important;">!</span> <br /><br />Une fois l’examen de ton produit <br aria-hidden="true" />terminé, les spécialistes lui <br aria-hidden="true" />mettent une note, entre A et E, <br aria-hidden="true" />comme à l’école&nbsp;<span style="font-weight: normal !important;">!</span></p>
  407. </div>
  408. <div class="col-12 col-md-2"></div>
  409. </div>
  410. </div>
  411. <div class="col-12 col-md-6">
  412. <div class="row g-0">
  413. <div class="col-12 col-md-12 text-center ">
  414. <div class="desktop-gap-2x"></div>
  415. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-nutriscore-02.png" style="transform: scale(1.2);" /></div>
  416. <p>Tes Pitch sont notés C et D&nbsp;: ce n’est <br aria-hidden="true" />pas la meilleure note mais dans la <br aria-hidden="true" />classe des goûters au chocolat, on <br aria-hidden="true" />est dans la bonne moyenne&nbsp;<span style="font-weight: normal !important;">!</span> Et ces <br aria-hidden="true" />notes s’expliquent&nbsp;: dans ton Pitch, il <br aria-hidden="true" />y a du sucre, du beurre, de l'huile, <br aria-hidden="true" />un peu de sel et parfois du chocolat <br aria-hidden="true" />parce que tu es sûrement un peu <br aria-hidden="true" />gourmand.e&nbsp;<span style="font-weight: normal !important;">!</span></p>
  417. <p>Pitch a fait le choix de la <br aria-hidden="true" />transparence&nbsp;: c’est pourquoi le <br aria-hidden="true" />nutriscore est affiché <br aria-hidden="true" />volontairement, pour te permettre <br aria-hidden="true" />de faire tes choix en toute <br aria-hidden="true" />connaissance de cause.</p>
  418. </div>
  419. </div>
  420. </div>
  421. <div class="col-12 col-md-6">
  422. <div class="row g-0 align-items-center">
  423. <div class="col-12 col-md-4 order-md-2">
  424. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-nutriscore-03.png" /></div>
  425. </div>
  426. <div class="col-12 col-md-8 order-md-1 text-end">
  427. <p>Le Nutri-Score ne prend pas <br aria-hidden="true" />en compte la qualité des <br aria-hidden="true" />ingrédients, ni même le fait <br aria-hidden="true" />que Pitch fait attention à ne <br aria-hidden="true" />pas contenir de <br aria-hidden="true" />conservateurs ou colorants.</p>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. <div id="emballage" class="sengage-content">
  436. <p class="section-intro section-top section-push">Pitch est la 1ère «&nbsp;brioche de poche&nbsp;»&nbsp;<span style="font-weight: normal !important;">!</span><br class="mobile-only" /> Une bonne brioche dans un sachet individuel pour que tu puisses l’emmener partout avec toi et pour sa bonne conservation. <br /><br />Pour autant, nous sommes soucieux et travaillons comme des petits fous sur la diminution de plastique, sans que tu ne le voies.</p>
  437. <div id="sengage-emballage">
  438. <div id="emballage-content" class="emballage-content">
  439. <div class="container-fluid g-0">
  440. <div class="swiper emballage-swiper">
  441. <div class="swiper-wrapper">
  442. <div class="swiper-slide" data-slide-size="wide">
  443. <div class="emballage-slide row">
  444. <div class="col-12 col-md-4">
  445. <div class="illus"><img src="build/images/pitch-s-engage/illus-emballage-04.png" /></div>
  446. </div>
  447. <div class="col-12 col-md-8">
  448. <p>En 2026, Pitch est fier de compter parmi les premiers<sup>*</sup> à s’engager dans <strong class="yellow">l’économie circulaire</strong> en utilisant les toutes premières matières issues de la <strong class="yellow">filière de recyclage</strong>&nbsp;<span style="font-weight: normal !important;">!</span> <br />Une démarche inédite… pour un goûter toujours aussi gourmand&nbsp;<span style="font-weight: normal !important;">!</span> Merci aux petits et aux grands qui trient leurs déchets chaque jour : grâce à vous, nos emballages peuvent avoir une nouvelle vie.</p>
  449. </div>
  450. </div>
  451. <p class="emballage-mentions"><sup>*</sup>Selon un benchmark 2025 Pasquier</p>
  452. </div>
  453. <div class="swiper-slide" data-slide-size="narrow">
  454. <div class="emballage-slide emballage-encart row">
  455. <div class="col-12 col-md-12 text-center">
  456. <p><strong class="emballage-big">30%</strong> <br aria-hidden="true" /><span class="text-uppercase">de plastique recyclé</span> <br aria-hidden="true" /><small>(Approche bilan massique)​</small> <br />Pitch achète désormais une quantité de plastique issue de la filière de recyclage, équivalente à 30% du poids de nos emballages (sans les encres).​</p>
  457. <img src="build/images/pitch-s-engage/logo-iscc.png" alt="ISCC" style="max-width: 130px !important; margin-top: 1rem;" />
  458. </div>
  459. </div>
  460. </div>
  461. <div class="swiper-slide" data-slide-size="wide">
  462. <div class="emballage-slide row">
  463. <div class="col-12 col-md-4">
  464. <div class="illus"><img src="build/images/pitch-s-engage/illus-emballage-03.png" /></div>
  465. </div>
  466. <div class="col-12 col-md-8">
  467. <p>En 2023, Pitch a encore économisé <strong class="yellow">70T de plastique<sup>1</sup></strong> en diminuant les épaisseurs sur les emballages individuels. <br>Plus léger et toujours aussi pratique&nbsp;<span style="font-weight: normal !important;">!</span></p>
  468. </div>
  469. </div>
  470. </div>
  471. <div class="swiper-slide" data-slide-size="wide">
  472. <div class="emballage-slide row">
  473. <div class="col-12 col-md-4">
  474. <div class="illus"><img src="build/images/pitch-s-engage/illus-emballage-02.png" /></div>
  475. </div>
  476. <div class="col-12 col-md-4">
  477. <p>En 2022, <strong class="yellow">grande nouveauté</strong> : ton Pitch contient désormais au moins 50% de matière <strong class="yellow">d’origine végétale</strong>&nbsp;<span style="font-weight: normal !important;">!</span></strong> (approche bilan massique)</p>
  478. </div>
  479. <div class="col-12 col-md-4 emballage-encart">
  480. <p class="blue">Et concrètement cela représente une <br aria-hidden="true">baisse des émissions de CO2 de 20% soit 79 tours de la Terre en avion&nbsp;<sup>2</sup>&nbsp;<span style="font-weight: normal !important;">!</span> <br /><img class="lazy entered loaded" data-src="build/images/pitch-s-engage/picto-emballage-04.png" data-ll-status="loaded" src="build/images/pitch-s-engage/picto-emballage-04.png" style="max-width: 120px; margin: 1rem auto 0;" /></span></p>
  481. </div>
  482. </div>
  483. </div>
  484. <div class="swiper-slide" data-slide-size="wide">
  485. <div class="emballage-slide row">
  486. <div class="col-12 col-md-4">
  487. <div class="illus"><img src="build/images/pitch-s-engage/illus-emballage-01.png" /></div>
  488. </div>
  489. <div class="col-12 col-md-8">
  490. <p>En 2020, relooking de ton <br aria-hidden="true">emballage, Pitch a économisé <strong class="yellow">70 tonnes de plastique</strong>, soit le poids de plus de 10 éléphants d'Afrique&nbsp;<span style="font-weight: normal !important;">!</span> Pitch <br aria-hidden="true">est toujours aussi moelleux et pratique pour s'emporter partout&nbsp;<span style="font-weight: normal !important;">!</span></p>
  491. </div>
  492. </div>
  493. </div>
  494. </div>
  495. <div class="swiper-button-prev"></div>
  496. <div class="swiper-button-next"></div>
  497. </div>
  498. </div>
  499. <div class="container-xl">
  500. <div class="row g-0">
  501. <h2>Notre démarche Moins & Mieux</h2>
  502. <ul id="emballage-demarche" class="row">
  503. <li class="col-12 col-md-4">
  504. <div class="emballage-demarche-item">
  505. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-05.png" /></div>
  506. <h3>C’est quoi l’éco conception&nbsp;?</h3>
  507. <p>Nous travaillons depuis des années avec des experts en recherche et en développement pour optimiser vos emballages. L’éco-conception signifie que l’on fait attention à la protection de l’environnement du début à la fin de la création de l’emballage. Elle a pour objectif de réduire les impacts environnementaux des produits tout au long de leur cycle de vie : extraction des matières premières, production, distribution, utilisation et transformation après l’avoir jeté à la poubelle.</p>
  508. </div>
  509. </li>
  510. <li class="col-12 col-md-4">
  511. <div class="emballage-demarche-item">
  512. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-07.png" /></div>
  513. <h3>Et parce qu'à deux on est plus fort&nbsp;<span style="font-weight: normal !important;">!</span></h3>
  514. <p>Depuis plusieurs années Pitch travaille pour la création d’une filière de recyclage de nos films plastiques. Un travail mené en collaboration avec CITEO : un organisme qui a pour mission de réduire l’impact environnemental des emballages ménagers.</p>
  515. </div>
  516. </li>
  517. <li class="col-12 col-md-4">
  518. <div class="emballage-demarche-item">
  519. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-08.png" /></div>
  520. <h3>Mais dans quelle poubelle jeter l’emballage de ton Pitch&nbsp;?</h3>
  521. <p>Les emballages de tes Pitch doivent être jetés dans la poubelle jaune. Et n’oublie pas que le tri de tes déchets, c’est important pour garder la planète en bonne santé.</p>
  522. </div>
  523. </li>
  524. </ul>
  525. <div class="col-12">
  526. <p class="horizontal-mentions"><sup>1</sup> Calcul réalisé sur la base de l’économie de poids unitaire théorique sur chaque référence produite pendant l’année 2023 vs 2022 <br /><br /><sup>2</sup> Données internes ACV, Logiciel Simapro–Base de données Agribalyse 3.0 (mars 2022) <br />vs.ventes réalisées en 2021 Tour de la Terre au niveau de l’équateur : 40075 kms <br />Avion passagers - Long courrier, 2018 - AVEC traînées = 0,152kg CO2e /passager. km</p>
  527. </div>
  528. </div>
  529. </div>
  530. </div>
  531. </div>
  532. </div>
  533. <div class="decor-bas align-items-center">
  534. <nav id="nav-sengage-footer" class="nav-sengage align-items-center">
  535. <ul class="row row-cols-1 row-cols-sm-2 row-cols-md-2 justify-content-center">
  536. <li class="col nav-ingredients"><a href="{{ path('commitment') }}#ingredients" data-target="ingredients" class="nav-sengage-blue"><span class="nav-txt">Ingrédients <br aria-hidden="true" />de qualité</span></a></li>
  537. <li class="col nav-composition"><a href="{{ path('commitment') }}#composition" data-target="composition" class="nav-sengage-yellow"><span class="nav-txt">Composition <br aria-hidden="true" />et gourmandise</span></a></li>
  538. <li class="col nav-emballage"><a href="{{ path('commitment') }}#emballage" data-target="emballage" class="nav-sengage-green"><span class="nav-txt">Emballage <br aria-hidden="true" />éco-conçu</span></a></li>
  539. </ul>
  540. </nav>
  541. <a href="#" id="back-to-top" data-no-swup>
  542. <div class="ico animated">
  543. <div class="circle circle-top"></div>
  544. <div class="circle circle-main"></div>
  545. <div class="circle circle-bottom"></div>
  546. <svg class="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve" >
  547. <defs>
  548. <clipPath id="cut-off-arrow">
  549. <circle cx="306" cy="306" r="287"/>
  550. </clipPath>
  551. <filter id="goo">
  552. <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
  553. <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" />
  554. <feBlend in="SourceGraphic" in2="goo" />
  555. </filter>
  556. </defs>
  557. <path class="st-arrow" d="M177.5,377.4l112.4,112.4c0.2,0.3,0.5,0.8,1,1.3c0.9,0.9,1.9,1.4,2.5,1.6c2,1.5,4.2,2.7,6.9,3.5l0.5,0.1
  558. c0.8,0.2,1.7,0.4,2.8,0.5c6.5,1,12.9-1.1,17.5-5.7c0.6-0.6,0.9-1.1,1.1-1.5l112.2-112.2c4-4,6.2-9.3,6.2-15c0-5.6-2.2-10.9-6.2-14.8
  559. c-4-4-9.3-6.2-14.9-6.2c0,0-0.1,0-0.1,0c-5.6,0-10.9,2.2-14.8,6.2l-77.5,77.5v-289c0-11.7-9.5-21.2-21.2-21.2
  560. c-11.7,0-21.2,9.5-21.2,21.2v289l-77.5-77.5c-4-4-9.3-6.2-14.9-6.2c0,0-0.1,0-0.1,0c-5.6,0-10.9,2.2-14.8,6.2c-4,4-6.2,9.3-6.2,15
  561. C171.3,368.3,173.5,373.5,177.5,377.4z"/>
  562. </svg>
  563. </div>
  564. </a>
  565. <div id="menu-perso">
  566. {% include 'pitch-s-engage/ui.svg' %}
  567. </div>
  568. </div>
  569. </div>
  570. </div>
  571. {% endblock %}