<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Typographies</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Titres</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","className":"child-not-margin","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide child-not-margin"><!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>48/52<br>h1</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Votre nouvelle salle de bain, de la conception à la réalisation</h1>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>32/34<br>h2</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:heading -->
<h2 class="wp-block-heading">Votre nouvelle salle de bain, de la conception à la réalisation</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>20/20<br>h3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Votre nouvelle salle de bain, de la conception à la réalisation</h3>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>24/32<br>Introduction</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:paragraph {"className":"is-style-introduction"} -->
<p class="is-style-introduction">Votre nouvelle salle de bain, de la conception à la réalisation</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading -->
<h2 class="wp-block-heading">Textes</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","className":"child-not-margin","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide child-not-margin"><!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>16/20<br>Paragraphe</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:paragraph -->
<p>Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio. Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnima</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>16/20<br>Gras</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:paragraph -->
<p><strong>Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio. Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnima</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>16/20<br>Lien</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:paragraph -->
<p><a href="#">Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio. Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnima</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>16/20<br>Liste à puce</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnimaLoremLorem</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"20","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"20","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"20","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:10%"><!-- wp:paragraph -->
<p>16/20<br>Liste numéroté</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"><!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li>Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnimaLoremLorem</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Couleurs</h1>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"border-2 border-dashed border-grey-500","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group border-2 border-dashed border-grey-500 has-white-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Blanc<br>#FFFFFF</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"black","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-black-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Noir<br>#000000</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":null,"columnCount":5}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"primary-100","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-100-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Primary 100<br>#fbefc2</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"primary-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-300-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Primary 300<br>#f3da75</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"primary-500","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-500-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Primary 500<br>#e9c14f</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"primary-700","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-700-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Primary 700<br>#a78738</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"primary-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-900-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Primary 900<br>#53411e</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":null,"columnCount":5}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"secondary-100","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-100-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Secondary 100<br>#c2d9fb</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"secondary-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-300-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Secondary 300<br>#75a9f3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"secondary-500","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-500-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Secondary 500<br>#4f82e9</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"secondary-700","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-700-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Secondary 700<br>#3857a7</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"backgroundColor":"secondary-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-900-background-color has-background"></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Secondary 900<br>#1e2753</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Alertes</h1>
<!-- /wp:heading -->

<!-- wp:acf/alert {"name":"acf/alert","data":{"t32b_alert_message":"Une erreur est survenue","_t32b_alert_message":"field_t32b_alert_block_t32b_alert_message","t32b_alert":"","_t32b_alert":"field_t32b_alert_block_t32b_alert"},"align":"","mode":"preview","className":"is-style-default"} /-->

<!-- wp:acf/alert {"name":"acf/alert","data":{"t32b_alert_message":"Une erreur est survenue","_t32b_alert_message":"field_t32b_alert_block_t32b_alert_message","t32b_alert":"","_t32b_alert":"field_t32b_alert_block_t32b_alert"},"align":"","mode":"preview","className":"is-style-danger"} /-->

<!-- wp:acf/alert {"name":"acf/alert","data":{"t32b_alert_message":"Une erreur est survenue","_t32b_alert_message":"field_t32b_alert_block_t32b_alert_message","t32b_alert":"","_t32b_alert":"field_t32b_alert_block_t32b_alert"},"align":"","mode":"preview","className":"is-style-success"} /-->

<!-- wp:acf/alert {"name":"acf/alert","data":{"t32b_alert_message":"Une erreur est survenue","_t32b_alert_message":"field_t32b_alert_block_t32b_alert_message","t32b_alert":"","_t32b_alert":"field_t32b_alert_block_t32b_alert"},"align":"","mode":"preview","className":"is-style-warning"} /-->

<!-- wp:acf/alert {"name":"acf/alert","data":{"t32b_alert_message":"Une erreur est survenue","_t32b_alert_message":"field_t32b_alert_block_t32b_alert_message","t32b_alert":"","_t32b_alert":"field_t32b_alert_block_t32b_alert"},"align":"","mode":"preview","className":"is-style-disable"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Boutons</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Bouton par défaut</h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":"16rem"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"border-2 border-dashed border-grey-500","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group border-2 border-dashed border-grey-500 has-white-background-color has-background"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0">Fond clair</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Bouton</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"grey-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-grey-900-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20)">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"primary-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-300-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20)">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"primary-700","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-primary-700-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20)">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Bouton secondaire</h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":"16rem"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"border-2 border-dashed border-grey-500","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group border-2 border-dashed border-grey-500 has-white-background-color has-background"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0">Fond clair</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary"} -->
<div class="wp-block-button is-style-secondary"><a class="wp-block-button__link wp-element-button">Bouton</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"grey-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-grey-900-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20)">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary"} -->
<div class="wp-block-button is-style-secondary"><a class="wp-block-button__link wp-element-button">Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"secondary-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-300-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20)">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary"} -->
<div class="wp-block-button is-style-secondary"><a class="wp-block-button__link wp-element-button">Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"secondary-700","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-secondary-700-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--20)">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-secondary"} -->
<div class="wp-block-button is-style-secondary"><a class="wp-block-button__link wp-element-button">Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Bouton lien</h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":"16rem"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"border-2 border-dashed border-grey-500","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group border-2 border-dashed border-grey-500 has-white-background-color has-background"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0">Fond clair</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-link"} -->
<div class="wp-block-button is-style-link"><a class="wp-block-button__link wp-element-button">+ Découvrir la suite</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"black","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-black-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"0"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:0">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-link"} -->
<div class="wp-block-button is-style-link"><a class="wp-block-button__link wp-element-button">+ Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Bouton lien secondaire</h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":"16rem"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"border-2 border-dashed border-grey-500","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group border-2 border-dashed border-grey-500 has-white-background-color has-background"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0">Fond clair</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-link-secondary"} -->
<div class="wp-block-button is-style-link-secondary"><a class="wp-block-button__link wp-element-button">+ Découvrir la suite</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1}},"backgroundColor":"black","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-black-background-color has-background"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"0"}}},"textColor":"white"} -->
<h3 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:0">Fond foncé</h3>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-link-secondary"} -->
<div class="wp-block-button is-style-link-secondary"><a class="wp-block-button__link wp-element-button">+ Bouton sur fond foncé</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Étiquettes</h2>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="wp-block-columns">
<div class="wp-block-column flex flex-col items-start gap-2.5">
<span class="badge"><span class="badge__label">Label</span></span>
<span class="badge active"><span class="badge__label">Label</span></span>
<span class="badge disable"><span class="badge__label">Label</span></span>
</div>
<div class="wp-block-column flex flex-col items-start gap-2.5">
<span class="badge"><span class="badge__label">Label</span> <span class="badge__count">99+</span></span>
<span class="badge active"><span class="badge__label">Label</span> <span class="badge__count">99+</span></span>
<span class="badge disable"><span class="badge__label">Label</span> <span class="badge__count">99+</span></span>
</div>
</div/>
<div class="wp-block-columns">
<div class="wp-block-column flex flex-col items-start gap-2.5">
<span class="badge"><span class="badge__label"><span class="icon-check" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span> Label</span></span>
<span class="badge active"><span class="badge__label"><span class="icon-check" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span> Label</span></span>
<span class="badge disable"><span class="badge__label"><span class="icon-check" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span> Label</span></span>
</div>
<div class="wp-block-column flex flex-col items-start gap-2.5">
<span class="badge"><span class="badge__label">Label</span> <span class="icon-close" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span></span>
<span class="badge active"><span class="badge__label">Label</span> <span class="icon-close" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span></span>
<span class="badge disable"><span class="badge__label">Label</span> <span class="icon-close" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span></span>
</div>
</div/>
<!-- /wp:html -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Séparateurs</h2>
<!-- /wp:heading -->

<!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Formulaires</h2>
<!-- /wp:heading -->

<!-- wp:formidable/simple-form {"formId":"1"} -->
<div>[formidable id="1"]</div>
<!-- /wp:formidable/simple-form -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Pagination</h2>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="pagination"> <span aria-label="Page 1" aria-current="page" class="page-numbers current">1</span> <a aria-label="Page 2" class="page-numbers" href="">2</a> <a aria-label="Page 3" class="page-numbers" href="">3</a> <a href=""> <svg class="icon-arrow-right"><use xlink:href="#svg-icons-chevron-right"></use></svg> </a></div>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading -->
<h2 class="wp-block-heading">Container / Groupe / Colonnes</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","backgroundColor":"grey-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-grey-300-background-color has-background"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Avec contenu contraint</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:acf/spacer {"name":"acf/spacer","data":{"t32b_spacer_desktop":"0","_t32b_spacer_desktop":"field_t32b_spacer_block_t32b_spacer_desktop","t32b_spacer_tablet":"0","_t32b_spacer_tablet":"field_t32b_spacer_block_t32b_spacer_tablet","t32b_spacer_mobile":"0","_t32b_spacer_mobile":"field_t32b_spacer_block_t32b_spacer_mobile","t32b_spacer":"","_t32b_spacer":"field_t32b_spacer_block_t32b_spacer"},"align":"","mode":"preview"} /-->

<!-- wp:group {"align":"full","backgroundColor":"grey-300","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-grey-300-background-color has-background"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Avec contenu non contraint</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","backgroundColor":"grey-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-grey-300-background-color has-background"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Avec contenu contraint</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","backgroundColor":"grey-300","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide has-grey-300-background-color has-background"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Avec contenu non contraint</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"backgroundColor":"grey-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-grey-300-background-color has-background"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","backgroundColor":"grey-300","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-grey-300-background-color has-background"><!-- wp:group {"align":"full","backgroundColor":"grey-500","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-grey-500-background-color has-background"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","backgroundColor":"grey-300","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-grey-300-background-color has-background"><!-- wp:group {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"grey-500","textColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-white-color has-grey-500-background-color has-text-color has-background has-link-color"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->