{"id":24,"date":"2023-07-25T17:53:45","date_gmt":"2023-07-25T17:53:45","guid":{"rendered":"https:\/\/business-one.local\/?page_id=24"},"modified":"2025-03-29T15:43:27","modified_gmt":"2025-03-29T14:43:27","slug":"styles","status":"publish","type":"page","link":"https:\/\/demos.insigni.fr\/praeco\/styles\/","title":{"rendered":"Styles de base"},"content":{"rendered":"<div class=\"gb-container gb-container-fa740308 gbp-section\">\n<div class=\"gb-container gb-container-864c4103 gb-container-b03b9235 gbp-section__inner\">\n<div class=\"gb-container gb-container-cbaa7e4b\">\n\n<div class=\"gb-headline gb-headline-276e09d4 gb-headline-text gbp-section__tagline\">Titres (Outfit)<\/div>\n\n\n\n<h1 class=\"gb-headline gb-headline-4598f42f gb-headline-text\">H1 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra.<\/h1>\n\n\n\n<h2 class=\"gb-headline gb-headline-b7fefd4d gb-headline-text\">H2 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper.<\/h2>\n\n\n\n<h3 class=\"gb-headline gb-headline-21880a17 gb-headline-text\">H3 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis.<\/h3>\n\n\n\n<h4 class=\"gb-headline gb-headline-0c6e548b gb-headline-text\">H4 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus.<\/h4>\n\n<\/div>\n\n<div class=\"gb-container gb-container-d3873732\">\n\n<div class=\"gb-headline gb-headline-e3916f49 gb-headline-text gbp-section__tagline\">Texte courant (Albert Sans)<\/div>\n\n\n\n<p class=\"gb-headline gb-headline-a8960752 gb-headline-text\">Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam velit corper. Pharetra torquent auctor metus <a href=\"#\">text link<\/a> velit. Natoque tellus semper taciti nostra primis lectus donec tortor fusce morbi risus curae.<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-220ae908 gb-headline-text\">Suscipit taciti primis tempor euismod aptent felis blandit cursus gravida lectus nullam dapibus netus. Curae iaculis aptent leo ligula euismod mauris gravida etiam praesent magnis congue gravida magna netus inceptos.<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-3585f787 gbp-section__icon-list\"><span class=\"gb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam<\/span><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-3b687108 gbp-section__icon-list\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Suscipit taciti primis tempor euismod aptent felis blandit gravida<\/span><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-6d718092 gbp-section__icon-list\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Curae iaculis aptent leo ligula euismod mauris gravida etiam <\/span><\/p>\n\n<\/div>\n\n<div class=\"gb-container gb-container-a27bce37\">\n\n<div class=\"gb-headline gb-headline-2e1e2e06 gb-headline-text gbp-section__tagline\">Palette de Couleurs<\/div>\n\n\n<div class=\"gb-container gb-container-53c704f8\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-6c418e36\">\n<div class=\"gb-grid-column gb-grid-column-dc8f5ac6\"><div class=\"gb-container gb-container-dc8f5ac6\">\n\n<p class=\"gb-headline gb-headline-ba81816c\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">contrast<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-b2233e9a\"><div class=\"gb-container gb-container-b2233e9a\">\n\n<p class=\"gb-headline gb-headline-c38dae4f\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">contrast-2<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-a98bec1d\"><div class=\"gb-container gb-container-a98bec1d\">\n\n<p class=\"gb-headline gb-headline-edc9d9bc\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">contrast-3<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-f6e94eb9\"><div class=\"gb-container gb-container-f6e94eb9\">\n\n<p class=\"gb-headline gb-headline-9714b178\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">base<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-e070c94c\"><div class=\"gb-container gb-container-e070c94c\">\n\n<p class=\"gb-headline gb-headline-fe811c0e\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">base-2<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-088beaf8\"><div class=\"gb-container gb-container-088beaf8\">\n\n<p class=\"gb-headline gb-headline-7487abc9\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">base-3<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-a7e7199f\"><div class=\"gb-container gb-container-a7e7199f\">\n\n<p class=\"gb-headline gb-headline-d22944b6\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">accent<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-7f7e51ff\"><div class=\"gb-container gb-container-7f7e51ff\">\n\n<p class=\"gb-headline gb-headline-a0677158\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">accent-2<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-2827c2b9\"><div class=\"gb-container gb-container-2827c2b9\">\n\n<p class=\"gb-headline gb-headline-ed0c4aec\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">accent-3<\/span><\/p>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-2308e49a\">\n\n<div class=\"gb-headline gb-headline-ce9218de gb-headline-text gbp-section__tagline\">Boutons<\/div>\n\n\n<div class=\"gb-container gb-container-bb0e7e81\">\n\n<a class=\"gb-button gb-button-9fd9e30a gb-button-text gbp-button--primary\" href=\"#\">Bouton Principal<\/a>\n\n\n\n<a class=\"gb-button gb-button-de9bc565 gb-button-text gbp-button--secondary\" href=\"#\">Bouton Secondaire<\/a>\n\n\n\n<a class=\"gb-button gb-button-63e723b6\" href=\"#\"><span class=\"gb-button-text\">Bouton texte et ic\u00f4ne<\/span><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path><\/svg><\/span><\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-3d7b7f2c\">\n\n<div class=\"gb-headline gb-headline-03b89e3b gb-headline-text gbp-section__tagline\">Styles globaux<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ce site utilise des <a href=\"https:\/\/docs.generateblocks.com\/article\/pattern-global-styles\/#visual-pattern-index\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">classes de style globales<\/a> par d\u00e9faut de GenerateBlocks, ainsi que 4 classes suppl\u00e9mentaires pour les styles fr\u00e9quemment utilis\u00e9s sur ce site.<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-c49660ef gb-headline-text\">.gbp-section__text&#8211;sm <\/p>\n\n\n\n<p class=\"gb-headline gb-headline-473e4020 gb-headline-text gbp-section__text--sm\">Texte de paragraphe plus petit pour les \u00e9l\u00e9ments tels que les noms des t\u00e9moignages<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-03abc41f gb-headline-text\">.gbp&#8211;border-radius<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-b5708726 gb-headline-text gbp-section__text--sm\">Ajoute des coins arrondis aux images et aux conteneurs<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-30a69785 gb-headline-text\">.gbp&#8211;margin-after<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-51abb0bf gb-headline-text gbp-section__text--sm\">Utilis\u00e9 pour ajouter de l&rsquo;espace entre deux sections de contenu dans le m\u00eame conteneur<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-4429cb7f gb-headline-text\">.gbp-section__icon-list<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-7cbb3d94 gb-headline-text gbp-section__text--sm\">Styliser le texte et les ic\u00f4nes pour des \u00e9l\u00e9ments tels que les listes de contr\u00f4le et les caract\u00e9ristiques du tableau des prix.<\/p>\n\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Titres (Outfit) H1 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra. H2 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper. H3 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis. H4 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-24","page","type-page","status-publish"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Ang\u00e9lique B\u00e9liveau","author_link":"https:\/\/demos.insigni.fr\/praeco\/author\/webmestre\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":9,"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":45401,"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/pages\/24\/revisions\/45401"}],"wp:attachment":[{"href":"https:\/\/demos.insigni.fr\/praeco\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}