<h2 class="sr-only">Foire aux questions</h2>
<div class="vd-bg-pattern-bars-gray clearfix my-3 py-4 px-3">
<h4 class="mt-0">Rechercher dans les questions</h4>
<form class="input-group vd-search-form-regular" action="#" role="search">
<label class="sr-only" for="search-form" id="search-form-label">Rechercher dans les questions</label>
<input id="search-form" type="text" class="form-control" placeholder="Rechercher" aria-describedby="search-form-label">
<span class="input-group-btn">
<button class="btn btn-dark" type="submit" aria-label="Rechercher"><i class="fas fa-search" aria-hidden="true"></i></button>
</span>
</form>
</div>
<h3>Questions</h3>
<ul class="vd-list-links">
<li><a href="#faq-Eni...">Enim consectetur nulla sit ut ut. ?</a></li>
<li><a href="#faq-Qua...">Quam ea quasi sit. ?</a></li>
<li><a href="#faq-Vol...">Voluptas autem voluptatem omnis quo consequatur officia. ?</a></li>
<li><a href="#faq-Ver...">Veritatis totam ad inventore consequatur fuga. ?</a></li>
<li><a href="#faq-In...">In error blanditiis. ?</a></li>
<li><a href="#faq-Cum...">Cumque sed impedit. ?</a></li>
<li><a href="#faq-Et...">Et vitae hic commodi maxime illo. ?</a></li>
<li><a href="#faq-Off...">Officia sit veniam dolorum itaque impedit id eaque fugit. ?</a></li>
<li><a href="#faq-Qui...">Quia aut nulla quidem ut atque nihil inventore velit. ?</a></li>
<li><a href="#faq-Ali...">Aliquid optio est aliquid. ?</a></li>
</ul>
<h3 class="sr-only">Réponses</h3>
<article id="faq-Eni...">
<h4>Enim consectetur nulla sit ut ut. xx</h4>
<p>Voluptatibus nihil officiis qui maiores. Officiis reiciendis voluptates ut modi sit veniam ratione. Aliquid omnis nisi deleniti ipsam tempore ad occaecati illo aliquam. Dolores consequatur magni. Dolore quis nihil voluptate harum sed.
Quas aut voluptas. In qui ut voluptatem natus. Cupiditate ducimus facere. Reprehenderit possimus magnam et at sit.
Ratione aut magnam. Sint provident ut. Laborum eum nihil voluptatem cum doloribus nobis et neque. Ut quia quidem autem aliquid. Reprehenderit inventore in quia. Aliquam magnam quis velit ipsam qui et molestiae.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Marc Benoit</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Qua...">
<h4>Quam ea quasi sit. xx</h4>
<p>Tempore quo odio dicta quasi quia ut enim dolor in. Consequatur consequatur qui ipsum ullam. Aperiam velit et. Qui recusandae distinctio voluptates neque. Dolorem sed tempora optio fugit et et error et.
Atque corrupti consequatur alias modi ut unde laborum temporibus. Accusantium quae neque accusantium atque vitae. Voluptatem delectus distinctio magnam itaque laudantium enim.
Veritatis eum quo cumque iste recusandae. Possimus ab odit et molestiae hic vitae tempora suscipit recusandae. Ut tempora esse facere nesciunt provident. Veniam consectetur nemo deserunt perspiciatis asperiores quia. Nihil qui architecto consequatur nulla repudiandae nisi corporis. Esse beatae expedita rem dolorum.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Avoye Laine</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Vol...">
<h4>Voluptas autem voluptatem omnis quo consequatur officia. xx</h4>
<p>Dolores est ut molestiae esse quaerat. Aspernatur et nihil sed magnam. Et magnam necessitatibus quibusdam voluptate eligendi sit quia.
Eaque rerum esse facilis quaerat reprehenderit et dolorum. Molestias sed qui quaerat delectus voluptatibus aperiam repudiandae incidunt repellendus. Excepturi et sed et rem inventore sunt quaerat voluptas quia. Adipisci nisi qui autem.
Deleniti alias voluptate et quisquam sint aut. Quia aut qui non quo. Qui fuga sint dolore dolores. Et sit qui quia totam corporis et saepe ab. Officiis maxime eum sint qui aut ea consequatur. Ipsa saepe rerum cum.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Marius Lemaire</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Ver...">
<h4>Veritatis totam ad inventore consequatur fuga. xx</h4>
<p>Perferendis animi qui et quod. Necessitatibus veniam aliquid libero tempore sint. Ut atque velit.
Ut qui non quia nulla nisi. Voluptas fugit sapiente. Perspiciatis animi ex eos aut eveniet est. Rerum architecto aut quia accusantium magnam incidunt officia dicta porro. Beatae et et quia molestiae in.
Ut modi aut quia tempore nulla reiciendis. Aspernatur sit explicabo quisquam in. Harum recusandae rerum ut fugit. Illo voluptate asperiores deleniti quo commodi dolores ullam. Explicabo voluptatem quasi aut suscipit quasi cumque quia enim.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Zoéva Menard</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-In...">
<h4>In error blanditiis. xx</h4>
<p>Eaque natus eum esse blanditiis in ut id ad quos. Consequuntur esse non dolorem reiciendis et sint ex velit. Excepturi ea possimus corrupti dolores ut dolorum. Est est id nisi magnam quaerat esse quia. Libero perferendis suscipit alias distinctio adipisci autem.
Odit magni non alias et est reiciendis. Ipsam pariatur quo mollitia sit officiis consequatur. Officia itaque possimus consequatur quisquam facere et ipsa ab.
Eos earum alias aliquid nobis temporibus quo hic voluptate. Ducimus eum odit dignissimos qui sapiente dolor. Reprehenderit dolore maxime consectetur ut et architecto et est eos. Voluptas ullam dolorum iusto.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Ulysse Durand</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Cum...">
<h4>Cumque sed impedit. xx</h4>
<p>Id voluptatem animi et doloremque tenetur corporis est ut eos. Vero dolores quo et consequatur fugiat. Eum laudantium sapiente. Assumenda accusantium non. Et repudiandae laborum harum perspiciatis vel dolore quam aliquid. Repellendus alias blanditiis esse nobis in consequatur vero.
Sint autem deserunt sit voluptatem pariatur placeat est eligendi. Et in aliquam nihil aperiam. Commodi adipisci commodi doloremque. Sit rerum perferendis.
Dicta qui repellendus voluptate aut molestias quo. Adipisci voluptates eaque et ea repudiandae commodi ut optio. Rem et qui cupiditate.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Richard Fournier</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Et...">
<h4>Et vitae hic commodi maxime illo. xx</h4>
<p>Et voluptate aut. Et omnis nisi aspernatur. Velit culpa eos.
At tempore optio. Ut rerum ut ab eveniet enim vero. Atque odio natus enim nihil suscipit nemo.
Voluptatibus expedita quo hic. Placeat ullam non sint enim nihil aspernatur aut sit. Sit iure temporibus autem et qui eius repellat architecto.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Frédérique Robert</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Off...">
<h4>Officia sit veniam dolorum itaque impedit id eaque fugit. xx</h4>
<p>Ducimus dolore animi voluptatem. Doloremque aut voluptates. Quaerat in autem sint similique possimus rerum quos delectus. Dolorum et autem tempora. Consectetur voluptas distinctio at autem aut. Suscipit et accusamus deleniti.
Quas labore vel beatae pariatur ut ut fugiat nihil. Necessitatibus dicta explicabo. Veritatis maiores ipsum illum voluptate.
Autem ut ut distinctio non et. Voluptatem quaerat perspiciatis totam sint ea rerum vitae voluptas eos. Ratione dolorem quae et asperiores. Est ut est voluptatem nesciunt. Quo quia aut error eum qui sit excepturi cupiditate sit. Nulla nemo ullam qui quas.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Gilbert Brunet</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Qui...">
<h4>Quia aut nulla quidem ut atque nihil inventore velit. xx</h4>
<p>Sit minus deleniti quibusdam dicta explicabo inventore placeat doloribus fugit. Iusto ea facere qui qui id excepturi autem sit iste. Inventore nihil sed ut eum voluptatibus voluptas cumque iure impedit. Omnis aspernatur tenetur error sed. Omnis nobis tempore voluptatem asperiores sit at optio.
Voluptas recusandae et. Tempora totam voluptate consequatur ab expedita non ipsam. Molestias fugiat sunt aliquam nulla hic temporibus quisquam officia. Officia qui magni autem necessitatibus similique.
Ut autem dolorem. Exercitationem aspernatur tempore quos. Quo consectetur quasi iusto quis quisquam ipsum repellendus quasi.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Argine Roux</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<article id="faq-Ali...">
<h4>Aliquid optio est aliquid. xx</h4>
<p>Inventore delectus odio aut consequatur ut omnis corrupti. Nihil quia odit. Distinctio et perspiciatis sequi ut vel saepe qui possimus quam. Quam qui quibusdam ab eum velit eius adipisci sit velit.
Iure sit eum ad sed tempora. Itaque illum expedita blanditiis aut delectus optio dolores esse et. Voluptatem sequi voluptatem. Ipsam ipsum iure alias at voluptatem est laboriosam earum. Illo culpa sunt occaecati eum incidunt suscipit reiciendis incidunt aspernatur.
Corrupti numquam ullam eos nostrum distinctio perspiciatis dolores modi. Beatae nobis voluptates deserunt nesciunt blanditiis assumenda quibusdam quis. Nisi doloribus voluptatem enim unde quia hic recusandae sit. Veritatis voluptas ad voluptatem non. Possimus qui odit molestias et. At possimus neque sed minima consequatur unde.</p>
<footer>
<dl class="row small text-secondary">
<dt class="col-lg-1 col-sm-2">Categories</dt>
<dd class="col-lg-11 col-sm-10">
<a href="#">Lorem ipsum</a>,
<a href="#">Dolor</a>,
<a href="#">Sit amet</a>
</dd>
<dt class="col-lg-1 col-sm-2">Auteur</dt>
<dd class="col-lg-11 col-sm-10">Clio Poirier</dd>
</dl>
<p>
<a href="#" class="btn btn-secondary">Haut <span class="fas fa-chevron-up"></span></a>
</p>
</footer>
</article>
<h2{% if titleModifier %} class="{{ titleModifier }}"{% endif %}>Foire aux questions</h2>
<div class="vd-bg-pattern-bars-gray clearfix my-3 py-4 px-3">
{% render '@search-form--regular', searchForm, true %}
</div>
<h3>Questions</h3>
<ul class="vd-list-links">
{% for item in faqs %}
<li><a href="#faq-{{ item.question | truncate(3) }}">{{ item.question }} ?</a></li>
{% endfor %}
</ul>
<h3 class="sr-only">Réponses</h3>
{% for item in faqs %}
{% render '@faq-item', item %}
{% endfor %}
{
"titleModifier": "sr-only",
"searchForm": {
"label": "Rechercher dans les questions",
"titleModifier": "mt-0",
"heading": {
"text": "Rechercher dans les questions",
"styleModifier": "mt-0"
}
},
"faqs": [
{
"question": "Enim consectetur nulla sit ut ut.",
"answer": "Voluptatibus nihil officiis qui maiores. Officiis reiciendis voluptates ut modi sit veniam ratione. Aliquid omnis nisi deleniti ipsam tempore ad occaecati illo aliquam. Dolores consequatur magni. Dolore quis nihil voluptate harum sed.\n \rQuas aut voluptas. In qui ut voluptatem natus. Cupiditate ducimus facere. Reprehenderit possimus magnam et at sit.\n \rRatione aut magnam. Sint provident ut. Laborum eum nihil voluptatem cum doloribus nobis et neque. Ut quia quidem autem aliquid. Reprehenderit inventore in quia. Aliquam magnam quis velit ipsam qui et molestiae.",
"author": "Marc Benoit"
},
{
"question": "Quam ea quasi sit.",
"answer": "Tempore quo odio dicta quasi quia ut enim dolor in. Consequatur consequatur qui ipsum ullam. Aperiam velit et. Qui recusandae distinctio voluptates neque. Dolorem sed tempora optio fugit et et error et.\n \rAtque corrupti consequatur alias modi ut unde laborum temporibus. Accusantium quae neque accusantium atque vitae. Voluptatem delectus distinctio magnam itaque laudantium enim.\n \rVeritatis eum quo cumque iste recusandae. Possimus ab odit et molestiae hic vitae tempora suscipit recusandae. Ut tempora esse facere nesciunt provident. Veniam consectetur nemo deserunt perspiciatis asperiores quia. Nihil qui architecto consequatur nulla repudiandae nisi corporis. Esse beatae expedita rem dolorum.",
"author": "Avoye Laine"
},
{
"question": "Voluptas autem voluptatem omnis quo consequatur officia.",
"answer": "Dolores est ut molestiae esse quaerat. Aspernatur et nihil sed magnam. Et magnam necessitatibus quibusdam voluptate eligendi sit quia.\n \rEaque rerum esse facilis quaerat reprehenderit et dolorum. Molestias sed qui quaerat delectus voluptatibus aperiam repudiandae incidunt repellendus. Excepturi et sed et rem inventore sunt quaerat voluptas quia. Adipisci nisi qui autem.\n \rDeleniti alias voluptate et quisquam sint aut. Quia aut qui non quo. Qui fuga sint dolore dolores. Et sit qui quia totam corporis et saepe ab. Officiis maxime eum sint qui aut ea consequatur. Ipsa saepe rerum cum.",
"author": "Marius Lemaire"
},
{
"question": "Veritatis totam ad inventore consequatur fuga.",
"answer": "Perferendis animi qui et quod. Necessitatibus veniam aliquid libero tempore sint. Ut atque velit.\n \rUt qui non quia nulla nisi. Voluptas fugit sapiente. Perspiciatis animi ex eos aut eveniet est. Rerum architecto aut quia accusantium magnam incidunt officia dicta porro. Beatae et et quia molestiae in.\n \rUt modi aut quia tempore nulla reiciendis. Aspernatur sit explicabo quisquam in. Harum recusandae rerum ut fugit. Illo voluptate asperiores deleniti quo commodi dolores ullam. Explicabo voluptatem quasi aut suscipit quasi cumque quia enim.",
"author": "Zoéva Menard"
},
{
"question": "In error blanditiis.",
"answer": "Eaque natus eum esse blanditiis in ut id ad quos. Consequuntur esse non dolorem reiciendis et sint ex velit. Excepturi ea possimus corrupti dolores ut dolorum. Est est id nisi magnam quaerat esse quia. Libero perferendis suscipit alias distinctio adipisci autem.\n \rOdit magni non alias et est reiciendis. Ipsam pariatur quo mollitia sit officiis consequatur. Officia itaque possimus consequatur quisquam facere et ipsa ab.\n \rEos earum alias aliquid nobis temporibus quo hic voluptate. Ducimus eum odit dignissimos qui sapiente dolor. Reprehenderit dolore maxime consectetur ut et architecto et est eos. Voluptas ullam dolorum iusto.",
"author": "Ulysse Durand"
},
{
"question": "Cumque sed impedit.",
"answer": "Id voluptatem animi et doloremque tenetur corporis est ut eos. Vero dolores quo et consequatur fugiat. Eum laudantium sapiente. Assumenda accusantium non. Et repudiandae laborum harum perspiciatis vel dolore quam aliquid. Repellendus alias blanditiis esse nobis in consequatur vero.\n \rSint autem deserunt sit voluptatem pariatur placeat est eligendi. Et in aliquam nihil aperiam. Commodi adipisci commodi doloremque. Sit rerum perferendis.\n \rDicta qui repellendus voluptate aut molestias quo. Adipisci voluptates eaque et ea repudiandae commodi ut optio. Rem et qui cupiditate.",
"author": "Richard Fournier"
},
{
"question": "Et vitae hic commodi maxime illo.",
"answer": "Et voluptate aut. Et omnis nisi aspernatur. Velit culpa eos.\n \rAt tempore optio. Ut rerum ut ab eveniet enim vero. Atque odio natus enim nihil suscipit nemo.\n \rVoluptatibus expedita quo hic. Placeat ullam non sint enim nihil aspernatur aut sit. Sit iure temporibus autem et qui eius repellat architecto.",
"author": "Frédérique Robert"
},
{
"question": "Officia sit veniam dolorum itaque impedit id eaque fugit.",
"answer": "Ducimus dolore animi voluptatem. Doloremque aut voluptates. Quaerat in autem sint similique possimus rerum quos delectus. Dolorum et autem tempora. Consectetur voluptas distinctio at autem aut. Suscipit et accusamus deleniti.\n \rQuas labore vel beatae pariatur ut ut fugiat nihil. Necessitatibus dicta explicabo. Veritatis maiores ipsum illum voluptate.\n \rAutem ut ut distinctio non et. Voluptatem quaerat perspiciatis totam sint ea rerum vitae voluptas eos. Ratione dolorem quae et asperiores. Est ut est voluptatem nesciunt. Quo quia aut error eum qui sit excepturi cupiditate sit. Nulla nemo ullam qui quas.",
"author": "Gilbert Brunet"
},
{
"question": "Quia aut nulla quidem ut atque nihil inventore velit.",
"answer": "Sit minus deleniti quibusdam dicta explicabo inventore placeat doloribus fugit. Iusto ea facere qui qui id excepturi autem sit iste. Inventore nihil sed ut eum voluptatibus voluptas cumque iure impedit. Omnis aspernatur tenetur error sed. Omnis nobis tempore voluptatem asperiores sit at optio.\n \rVoluptas recusandae et. Tempora totam voluptate consequatur ab expedita non ipsam. Molestias fugiat sunt aliquam nulla hic temporibus quisquam officia. Officia qui magni autem necessitatibus similique.\n \rUt autem dolorem. Exercitationem aspernatur tempore quos. Quo consectetur quasi iusto quis quisquam ipsum repellendus quasi.",
"author": "Argine Roux"
},
{
"question": "Aliquid optio est aliquid.",
"answer": "Inventore delectus odio aut consequatur ut omnis corrupti. Nihil quia odit. Distinctio et perspiciatis sequi ut vel saepe qui possimus quam. Quam qui quibusdam ab eum velit eius adipisci sit velit.\n \rIure sit eum ad sed tempora. Itaque illum expedita blanditiis aut delectus optio dolores esse et. Voluptatem sequi voluptatem. Ipsam ipsum iure alias at voluptatem est laboriosam earum. Illo culpa sunt occaecati eum incidunt suscipit reiciendis incidunt aspernatur.\n \rCorrupti numquam ullam eos nostrum distinctio perspiciatis dolores modi. Beatae nobis voluptates deserunt nesciunt blanditiis assumenda quibusdam quis. Nisi doloribus voluptatem enim unde quia hic recusandae sit. Veritatis voluptas ad voluptatem non. Possimus qui odit molestias et. At possimus neque sed minima consequatur unde.",
"author": "Clio Poirier"
}
]
}
No notes defined.