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">
  7. <div id="sengage" class="container-xxxl p-0">
  8. <div class="decor-haut">
  9. <div id="header-sengage">
  10. <img src="build/images/pitch-s-engage/header-pitch-sengage.svg" id="header-svg-desktop" />
  11. <img src="build/images/pitch-s-engage/header-pitch-sengage-mobile.svg" id="header-svg-mobile" />
  13. </div>
  14. <nav id="nav-sengage" class="nav-sengage">
  15. <ul class="row row-cols-1 row-cols-sm-3 row-cols-md-3 justify-content-center">
  16. <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>
  17. <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>
  18. <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>
  19. </ul>
  20. </nav>
  21. <div id="ingredients" class="sengage-content">
  22. <h2 class="text-uppercase section-top">Pour faire une bonne brioche <br aria-hidden="true" />il faut de bons ingrédients</h2>
  23. <nav id="nav-ingredients" class="nav-section" data-section="ingredients">
  24. <ul>
  25. <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>
  26. <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>
  27. <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>
  28. <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>
  29. <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>
  30. <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>
  31. </ul>
  32. </nav>
  33. <div id="sengage-ingredients">
  34. <div id="ingredients-farine" class="ingredients-content container-xl">
  35. <h3>Farine de blé 100% française</h3>
  36. <div class="row g-0">
  37. <img src="build/images/pitch-s-engage/pointilles-01.svg" class="pointilles" style="top: 8%; left: 34%; width: 27%;" />
  38. <img src="build/images/pitch-s-engage/pointilles-02.svg" class="pointilles" style="top: 55%; left: 50%; width: 25%;" />
  39. <img src="build/images/pitch-s-engage/pointilles-03.svg" class="pointilles" style="top: 88%; left: 49%; width: 14%;" />
  40. <div class="col-12 col-md-5 text-center">
  41. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-01.png" /></div>
  42. <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>
  43. </div>
  44. <div class="col-12 col-md-7">
  45. <div class="row g-0">
  46. <div class="col-12 col-md-8">
  47. <div class="desktop-gap-2x"></div>
  48. <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>
  49. </div>
  50. <div class="col-12 col-md-4">
  51. &nbsp;
  52. </div>
  53. </div>
  54. <div class="row g-0">
  55. <div class="col-12 col-md-4 order-md-2">
  56. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-02.png" /></div>
  57. </div>
  58. <div class="col-12 col-md-8 order-md-1">
  59. <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>
  60. </div>
  61. </div>
  62. <div class="row g-0">
  63. <div class="col-12 col-md-4 order-md-2">
  64. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-03.png" /></div>
  65. </div>
  66. <div class="col-12 col-md-8 order-md-1">
  67. <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>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="col-12 col-md-7">
  72. <div class="row g-0 align-items-center">
  73. <div class="col-12 col-md-9 order-md-2 desktop-removal-2x">
  74. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-farine-04.png" /></div>
  75. <p>Et pour aller plus loin demain&nbsp;?</p>
  76. <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>
  77. <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>
  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></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 85 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>
  286. <div id="composition" class="sengage-content">
  287. <h2 class="text-uppercase section-top">Fabriquer un Pitch, <br aria-hidden="true" />c’est du sport</h2>
  288. <nav id="nav-composition" class="nav-section" data-section="composition">
  289. <ul>
  290. <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>
  291. <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>
  292. <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>
  293. <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>
  294. </ul>
  295. </nav>
  296. <div id="sengage-composition">
  297. <div id="composition-preparation" class="composition-content container-xl">
  298. <h3>Comment est préparé ton Pitch&nbsp;?</h3>
  299. <div class="row g-0">
  300. <img src="build/images/pitch-s-engage/pointilles-05.svg" class="pointilles" style="top: 1%; left: 50%; width: 18%;" />
  301. <img src="build/images/pitch-s-engage/pointilles-06.svg" class="pointilles" style="top: 49%; left: 50%; width: 21%;" />
  302. <div class="col-12 col-md-6">
  303. <div class="row g-0 align-items-center">
  304. <div class="col-12 col-md-4">
  305. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-01.png" /></div>
  306. </div>
  307. <div class="col-12 col-md-8">
  308. <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>
  309. </div>
  310. </div>
  311. </div>
  312. <div class="col-12 col-md-6">
  313. <div class="row g-0 align-items-center">
  314. <div class="col-12 col-md-4">
  315. <div class="desktop-gap-2x"></div>
  316. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-02.png" style="transform: scale(1.2);" /></div>
  317. </div>
  318. <div class="col-12 col-md-8">
  319. <div class="desktop-gap-2x"></div>
  320. <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>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="col-12 col-md-6">
  325. <div class="row g-0 align-items-center">
  326. <div class="col-12 col-md-4">
  327. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-03.png" /></div>
  328. </div>
  329. <div class="col-12 col-md-8">
  330. <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>
  331. </div>
  332. </div>
  333. <div class="row g-0 align-items-center">
  334. <div class="col-12 col-md-4">
  335. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-preparation-04.png" /></div>
  336. </div>
  337. <div class="col-12 col-md-8">
  338. <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>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344. <div id="composition-controle" class="composition-content container-xl">
  345. <h3>C’est l’heure du contrôle</h3>
  346. <div class="row g-0">
  347. <img src="build/images/pitch-s-engage/pointilles-07.svg" class="pointilles" style="top: 15%; left: 59%; width: 12%;">
  348. <div class="col-12 col-md-1"></div>
  349. <div class="col-12 col-md-6">
  350. <div class="row g-0 align-items-center">
  351. <div class="col-12 col-md-4">
  352. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-controle-01.png" style="transform: scale(1.5);" /></div>
  353. </div>
  354. <div class="col-12 col-md-8">
  355. <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>
  356. </div>
  357. </div>
  358. </div>
  359. <div class="col-12 col-md-5"></div>
  360. <div class="col-12 col-md-5"></div>
  361. <div class="col-12 col-md-6 text-center">
  362. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-controle-02.png" /></div>
  363. <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>
  364. </div>
  365. </div>
  366. </div>
  367. <div id="composition-sans" class="composition-content container-xl">
  368. <h3>Garantie “sans”</h3>
  369. <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>
  370. <div class="row g-0">
  371. <div class="col-md-2 col-12"></div>
  372. <div class="col-md-7 col-12">
  373. <div class="row align-items-center">
  374. <div class="col-12 col-md-2">
  375. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-sans-01.png" /></div>
  376. </div>
  377. <div class="col-12 col-md-10">
  378. <p>Sans conservateurs</p>
  379. </div>
  380. </div>
  381. <div class="row align-items-center">
  382. <div class="col-12 col-md-2">
  383. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-sans-02.png" /></div>
  384. </div>
  385. <div class="col-12 col-md-10">
  386. <p>Sans colorants ni arômes artificiels</p>
  387. </div>
  388. </div>
  389. <div class="row align-items-center">
  390. <div class="col-12 col-md-2">
  391. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-sans-03.png" /></div>
  392. </div>
  393. <div class="col-12 col-md-10">
  394. <p>Sans huile de palme</p>
  395. </div>
  396. </div>
  397. </div>
  398. <div class="col-md-3 col-12"></div>
  399. <div class="col-md-6 col-12"></div>
  400. <div class="col-md-6 col-12">
  401. <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>
  402. </div>
  403. </div>
  404. </div>
  405. <div id="composition-nutriscore" class="composition-content container-xl">
  406. <h3>Dis-moi, c’est quoi <br aria-hidden="true" />le Nutri-Score&nbsp;?</h3>
  407. <div class="row g-0">
  408. <img src="build/images/pitch-s-engage/pointilles-12.svg" class="pointilles" style="top: 5%; left: 32%; width: 30%;" />
  409. <img src="build/images/pitch-s-engage/pointilles-06.svg" class="pointilles" style="top: 67.5%; left: 45%; width: 26%;" />
  410. <div class="col-12 col-md-6">
  411. <div class="row g-0 align-items-center">
  412. <div class="col-12 col-md-2"></div>
  413. <div class="col-12 col-md-8">
  414. <div class="picto text-center"><img class="lazy" data-src="build/images/pitch-s-engage/picto-nutriscore-01.png" /></div>
  415. <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>
  416. </div>
  417. <div class="col-12 col-md-2"></div>
  418. </div>
  419. </div>
  420. <div class="col-12 col-md-6">
  421. <div class="row g-0">
  422. <div class="col-12 col-md-12 text-center ">
  423. <div class="desktop-gap-2x"></div>
  424. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-nutriscore-02.png" style="transform: scale(1.2);" /></div>
  425. <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 et parfois du <br aria-hidden="true" />chocolat parce que tu es sûrement <br aria-hidden="true" />un peu gourmand.e&nbsp;<span style="font-weight: normal !important;">!</span></p>
  426. </div>
  427. </div>
  428. </div>
  429. <div class="col-12 col-md-6">
  430. <div class="row g-0 align-items-center">
  431. <div class="col-12 col-md-4 order-md-2">
  432. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-nutriscore-03.png" /></div>
  433. </div>
  434. <div class="col-12 col-md-8 order-md-1 text-end">
  435. <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>
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  444. <div id="emballage" class="sengage-content">
  445. <p class="section-intro section-top">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 <br aria-hidden="true" />avec toi et pour sa bonne conservation. <br /><br />Pour autant, nous sommes soucieux et travaillons comme des petits fous sur la&nbsp;diminution <br aria-hidden="true" />de plastique, sans que tu ne le voies.</p>
  446. <div id="sengage-emballage">
  447. <div id="emballage-content" class="emballage-content container-xl">
  448. <div class="row g-0">
  449. <!-- <img src="build/images/pitch-s-engage/pointilles-08.svg" class="pointilles" style="top: 23%; left: 55%; width: 15%;"> -->
  450. <!-- <img src="build/images/pitch-s-engage/pointilles-09.svg" class="pointilles" style="top: 21%; left: 34%; width: 20%;"> -->
  451. <img src="build/images/pitch-s-engage/pointilles-10.svg" class="pointilles" style="top: 52%; left: 41%; width: 15%;">
  452. <img src="build/images/pitch-s-engage/pointilles-11.svg" class="pointilles" style="top: 63%; left: 29%; width: 21%;">
  453. <img src="build/images/pitch-s-engage/pointilles-10.svg" class="pointilles" style="top: 86%; left: 27%; width: 18%;">
  454. <div class="flower-power" style="left: 70%;top: 26%;"></div>
  456. <div id="emballage-reduction" class="row">
  457. <div class="col-12 col-md-4">
  458. <div class="illus"><img src="build/images/pitch-s-engage/illus-emballage-01.png" /></div>
  459. <p>En 2020, relooking de ton <br aria-hidden="true" />emballage, Pitch a économisé <br aria-hidden="true" /><strong class="yellow">70 tonnes de plastique</strong>, soit <br aria-hidden="true" />le poids de plus de 10 <br aria-hidden="true" />éléphants d’Afrique&nbsp;<span style="font-weight: normal !important;">!</span> Pitch <br aria-hidden="true" />est toujours aussi moelleux <br aria-hidden="true" />et pratique pour s’emporter <br aria-hidden="true" />partout&nbsp;<span style="font-weight: normal !important;">!</span></p>
  460. </div>
  461. <div class="col-12 col-md-1"></div>
  462. <div class="col-12 col-md-3">
  463. <div class="illus"><img src="build/images/pitch-s-engage/illus-emballage-02.png" /></div>
  464. <p>En 2022, <strong class="yellow">grande nouveauté</strong> : retrouve <br aria-hidden="true" />ton Pitch dans un <strong class="yellow">emballage éco-conçu</strong> tout nouveau, tout beau&nbsp;<span style="font-weight: normal !important;">!</span><br aria-hidden="true" />Nos emballages contiennent au moins 50% de matière <strong class="yellow">d’origine végétale&nbsp;<span style="font-weight: normal !important;">!</span></strong> (approche bilan massique)</p>
  465. </div>
  466. <div class="col-12 col-md-1"></div>
  467. <div class="col-12 col-md-3">
  468. <div class="illus max-size"><img src="build/images/pitch-s-engage/illus-emballage-03.png" /></div>
  469. <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>
  470. </div>
  471. </div>
  473. <div class="col-12 col-md-6">
  474. <div class="row g-0">
  475. <div class="col-md-4 col-12">
  476. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-03.png" style="transform: scale(1.33);" /></div>
  477. </div>
  478. <div class="col-md-8 col-12">
  479. <p>Nos emballages sont fabriqués à partir de matière d'origine végétale qui serait jetée en temps normal (par exemple, l'huile de colza ou l'huile de maïs usagée). Afin d'éviter tout gaspillage, l'huile est récupérée et incorporée de manière aléatoire dans la composition des emballages Pitch. L'approvisionnement en matière d'origine végétale pour les emballages est basé sur la méthode du «&nbsp;bilan massique&nbsp;», certifiée par l'organisme indépendant ISCC (International Sustainability and Carbon Certification).</p>
  480. <div class="encart">
  481. <p class="blue">Et concrètement cela représente une <br aria-hidden="true" />baisse des émissions de CO2 de 20% <br aria-hidden="true" />soit 79 tours de la Terre en avion&nbsp;<span style="font-family: Arial, sans-serif;">*</span>&nbsp;<span style="font-weight: normal !important;">!</span> <span class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-04.png" /></span></p>
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. <div class="col-12 col-md-6">
  487. <div class="row g-0">
  488. <div class="col-md-3 col-12">
  489. <div class="desktop-gap-5x"></div>
  490. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-05.png" style="transform: scale(.66);" /></div>
  491. </div>
  492. <div class="col-md-9 col-12">
  493. <div class="desktop-gap-5x"></div>
  494. <h3>C’est quoi l’éco conception&nbsp;?</h3>
  495. <p>Chez Pitch, nous travaillons depuis des <br aria-hidden="true" />années avec des experts en recherche et <br aria-hidden="true" />développement pour optimiser vos <br aria-hidden="true" />emballages. Et ils ont trouvé : les <br aria-hidden="true" />nouveaux emballages Pitch sont éco-<br aria-hidden="true" />conçus&nbsp;<span style="font-weight: normal !important;">!</span></p>
  496. </div>
  497. </div>
  498. <div class="row g-0">
  499. <div class="col-md-3 col-12">
  500. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-06.png" style="transform: scale(.66);" /></div>
  501. </div>
  502. <div class="col-md-9 col-12">
  503. <h3>Ca veut dire quoi&nbsp;?</h3>
  504. <p>L’éco-conception signifie que l’on fait <br aria-hidden="true" />attention à la protection de <br aria-hidden="true" />l’environnement du début à la fin de la <br aria-hidden="true" />création de l’emballage. Elle a pour <br aria-hidden="true" />objectif de réduire les impacts <br aria-hidden="true" />environnementaux des produits tout au <br aria-hidden="true" />long de leur cycle de vie : extraction des <br aria-hidden="true" />matières premières, production, <br aria-hidden="true" />distribution, utilisation et <br aria-hidden="true" />transformation après l’avoir jeté à la <br aria-hidden="true" />poubelle.</p>
  505. </div>
  506. </div>
  507. </div>
  508. <div class="col-12 col-md-5 desktop-removal-1x">
  509. <div class="row g-0">
  510. <div class="col-md-4 col-12">
  511. <div class="picto"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-07.png" /></div>
  512. </div>
  513. <div class="col-md-8 col-12">
  514. <h3>Et parce qu’à deux <br aria-hidden="true" />on est plus fort&nbsp;<span style="font-weight: normal !important;">!</span></h3>
  515. <p>Depuis plusieurs années, <br aria-hidden="true" />Pitch travaille pour la <br aria-hidden="true" />création d’une filière de <br aria-hidden="true" />recyclage de nos films <br aria-hidden="true" />plastiques. Un travail mené <br aria-hidden="true" />en collaboration avec <br aria-hidden="true" />CITEO&nbsp;: un organisme qui a <br aria-hidden="true" />pour mission de réduire <br aria-hidden="true" />l’impact environnemental <br aria-hidden="true" />des emballages ménagers.</p>
  516. </div>
  517. </div>
  518. </div>
  519. <div class="col-12 col-md-1"></div>
  520. <div class="col-12 col-md-5">
  521. <div class="row align-items-center">
  522. <div class="col-md-5 order-md-2 col-12">
  523. <div class="desktop-gap-1x"></div>
  524. <div class="picto picto-mini"><img class="lazy" data-src="build/images/pitch-s-engage/picto-emballage-08.png" /></div>
  525. </div>
  526. <div class="col-md-7 order-md-1 col-12">
  527. <div class="desktop-gap-1x"></div>
  528. <div class="encart">
  529. <h3>Mais dans quelle <br aria-hidden="true" />poubelle jeter l’emballage <br aria-hidden="true" />de ton Pitch&nbsp;?</h3>
  530. <p class="blue">Les emballages de tes <br aria-hidden="true" />Pitch doivent être jetés <br aria-hidden="true" />dans la poubelle jaune. Et <br aria-hidden="true" />n’oublie pas que le tri de <br aria-hidden="true" />tes déchets, c’est <br aria-hidden="true" />important pour garder la <br aria-hidden="true" />planète en bonne santé.</p>
  531. </div>
  532. </div>
  533. </div>
  534. </div>
  535. <div class="col-12 col-md-1"></div>
  536. <div class="col-12">
  537. <p class="horizontal-mentions">1. 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 /><span style="font-family: Arial, sans-serif;">*</span>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>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. </div>
  544. <div class="decor-bas align-items-center">
  545. <nav id="nav-sengage-footer" class="nav-sengage align-items-center">
  546. <ul class="row row-cols-1 row-cols-sm-2 row-cols-md-2 justify-content-center">
  547. <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>
  548. <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>
  549. <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>
  550. </ul>
  551. </nav>
  552. <a href="#" id="back-to-top" data-no-swup>
  553. <div class="ico animated">
  554. <div class="circle circle-top"></div>
  555. <div class="circle circle-main"></div>
  556. <div class="circle circle-bottom"></div>
  557. <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" >
  558. <defs>
  559. <clipPath id="cut-off-arrow">
  560. <circle cx="306" cy="306" r="287"/>
  561. </clipPath>
  563. <filter id="goo">
  564. <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
  565. <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" />
  566. <feBlend in="SourceGraphic" in2="goo" />
  567. </filter>
  569. </defs>
  570. <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
  571. 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
  572. 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
  573. 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
  574. C171.3,368.3,173.5,373.5,177.5,377.4z"/>
  575. </svg>
  576. </div>
  577. </a>
  578. <div id="menu-perso">
  579. {% include 'pitch-s-engage/ui.svg' %}
  580. </div>
  581. </div>
  582. </div>
  584. </div>
  585. {% endblock %}