{"id":444875,"date":"2026-09-18T00:59:10","date_gmt":"2026-09-17T22:59:10","guid":{"rendered":"https:\/\/www.kafinea.com\/documentation\/uncategorized\/personnalisation-avancee-modeles-documents\/"},"modified":"2026-11-04T09:59:58","modified_gmt":"2026-11-04T08:59:58","password":"","slug":"personnalisation-avancee-modeles-documents","status":"publish","type":"docs","link":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/","title":{"rendered":"Personnalisation avanc\u00e9e des mod\u00e8les de documents"},"content":{"rendered":"<p>Les mod\u00e8les de documents dans Kafinea permettent une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 l&rsquo;utilisation de balises HTML et de styles CSS sp\u00e9cifiques.<\/p>\n<hr \/>\n<h2>1. Mise en page multi-colonnes<\/h2>\n<p>Il est possible de diviser le contenu d&rsquo;un bloc en plusieurs colonnes, ce qui est particuli\u00e8rement utile pour les listes d&rsquo;informations ou les sections de bas de page.<\/p>\n<h3>Utilisation de la balise <code>&lt;columns&gt;<\/code><\/h3>\n<p>Kafinea supporte la balise sp\u00e9cifique <code>&lt;columns&gt;<\/code> pour cr\u00e9er des mises en page multi-colonnes simples.<\/p>\n<p><strong>Attributs disponibles :<\/strong><\/p>\n<ul>\n<li><code>column-count<\/code> : Nombre de colonnes souhait\u00e9.<\/li>\n<li><code>column-gap<\/code> : Espace entre les colonnes (en mm).<\/li>\n<\/ul>\n<p><strong>Exemple :<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;columns column-count=&quot;3&quot; column-gap=&quot;10&quot;&gt;\n    &lt;div&gt;Contenu de la premi\u00e8re colonne...&lt;\/div&gt;\n    &lt;div&gt;Contenu de la deuxi\u00e8me colonne...&lt;\/div&gt;\n    &lt;div&gt;Contenu de la troisi\u00e8me colonne...&lt;\/div&gt;\n&lt;\/columns&gt;\n<\/code><\/pre>\n<h3>Utilisation des styles CSS<\/h3>\n<p>Vous pouvez \u00e9galement utiliser les propri\u00e9t\u00e9s CSS standards sur des \u00e9l\u00e9ments <code>&lt;div&gt;<\/code> :<\/p>\n<ul>\n<li><code>column-count<\/code><\/li>\n<li><code>column-gap<\/code><\/li>\n<li><code>column-span<\/code><\/li>\n<\/ul>\n<p><strong>Exemple :<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;div style=&quot;column-count: 2; column-gap: 5mm;&quot;&gt;\n    &lt;p&gt;Texte qui sera automatiquement r\u00e9parti sur deux colonnes...&lt;\/p&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<hr \/>\n<h2>2. Polices de caract\u00e8res disponibles<\/h2>\n<p>En plus des polices standards, de nouvelles polices modernes sont disponibles pour vos mod\u00e8les.<\/p>\n<h3>Liste des nouvelles polices<\/h3>\n<ul>\n<li><strong>Montserrat<\/strong> : Une police sans-serif g\u00e9om\u00e9trique, moderne et tr\u00e8s lisible.<\/li>\n<li><strong>Pathway Extreme<\/strong> : Une police sans-serif \u00e0 chasse \u00e9troite, id\u00e9ale pour les mises en page denses.<\/li>\n<\/ul>\n<h3>Comment appliquer une police<\/h3>\n<p>Pour utiliser ces polices, vous devez les d\u00e9clarer dans le style CSS de votre mod\u00e8le (g\u00e9n\u00e9ralement dans une balise <code>&lt;style&gt;<\/code> au d\u00e9but du document ou via l&rsquo;attribut <code>style<\/code> d&rsquo;un \u00e9l\u00e9ment).<\/p>\n<p><strong>Exemple :<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;style&gt;\n    body {\n        font-family: 'montserrat', sans-serif;\n    }\n    .titre-important {\n        font-family: 'pathwayextreme', sans-serif;\n        font-weight: bold;\n    }\n&lt;\/style&gt;\n<\/code><\/pre>\n<blockquote class=\"bq-note\">\n<p><strong>Note technique<\/strong> : Les noms de polices \u00e0 utiliser dans le CSS sont <code>montserrat<\/code> (minuscules) et <code>pathwayextreme<\/code> (minuscules, sans espace).<\/p>\n<\/blockquote>\n<hr \/>\n<h2>3. Conditions et calculs<\/h2>\n<p>Un mod\u00e8le peut contenir des instructions \u00e9valu\u00e9es au moment de la g\u00e9n\u00e9ration du PDF : afficher un texte ou une colonne selon une valeur du document, calculer un montant, mettre un nombre en forme. Ces instructions sont d\u00e9limit\u00e9es par <code>{*<\/code> et <code>*}<\/code>. Les accolades simples de vos r\u00e8gles CSS (<code>body { \u2026 }<\/code>) ne sont pas concern\u00e9es.<\/p>\n<h3>\u00c9crire une condition<\/h3>\n<pre><code class=\"language-html\">&lt;p&gt;{*if '$doc-pricesIncludeTax$' == 'YES'*}Prix TTC{*else*}Prix HT{*\/if*}&lt;\/p&gt;\n<\/code><\/pre>\n<ul>\n<li><strong>Structure<\/strong> : <code>{*if \u2026*}<\/code>, puis \u00e9ventuellement <code>{*elseif \u2026*}<\/code> et <code>{*else*}<\/code>, et toujours <code>{*\/if*}<\/code> pour fermer.<\/li>\n<li><strong>Op\u00e9rateurs<\/strong> : <code>==<\/code> (\u00e9gal), <code>!=<\/code> (diff\u00e9rent), <code>&gt;<\/code>, <code>&lt;<\/code>, <code>&gt;=<\/code>, <code>&lt;=<\/code>, <code>&amp;&amp;<\/code> (et), <code>||<\/code> (ou), et les parenth\u00e8ses pour grouper.<\/li>\n<li><strong>Balises dans une instruction<\/strong> : \u00e9crivez-les toujours <strong>entre apostrophes<\/strong>, par exemple <code>'$item-quantity$'<\/code>. Kafinea remplace la balise par sa valeur avant d&rsquo;\u00e9valuer l&rsquo;instruction ; les apostrophes garantissent qu&rsquo;une valeur contenant des espaces, des apostrophes ou du texte est lue correctement.<\/li>\n<li><strong>Texte accentu\u00e9<\/strong> : pour comparer une valeur qui peut contenir des accents, utilisez <code>equalsWithAccents<\/code>, par exemple <code>{*if '$item-category$'|equalsWithAccents:'Mat\u00e9riel'*}\u2026{*\/if*}<\/code>.<\/li>\n<\/ul>\n<h3>O\u00f9 placer une condition<\/h3>\n<p>\u00c0 l&rsquo;enregistrement, Kafinea nettoie le HTML du mod\u00e8le pour ne conserver qu&rsquo;un document valide. Une condition \u00e9crite comme du texte n&rsquo;est conserv\u00e9e que l\u00e0 o\u00f9 du texte est permis :<\/p>\n<div style=\"overflow-x:auto\">\n<table>\n<thead>\n<tr>\n<th>Emplacement de la condition<\/th>\n<th>Forme \u00e0 utiliser<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Dans le texte d&rsquo;un paragraphe ou d&rsquo;une cellule (<code>&lt;p&gt;<\/code>, <code>&lt;td&gt;<\/code>, <code>&lt;th&gt;<\/code>)<\/td>\n<td>forme directe <code>{*if \u2026*}\u2026{*\/if*}<\/code><\/td>\n<\/tr>\n<tr>\n<td>Entre deux cellules (<code>&lt;th&gt;<\/code>, <code>&lt;td&gt;<\/code>) ou entre deux lignes (<code>&lt;tr&gt;<\/code>) d&rsquo;un tableau<\/td>\n<td><strong>forme comment\u00e9e<\/strong> <code>&lt;!-- {*if \u2026*} --&gt;\u2026&lt;!-- {*\/if*} --&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Dans l&rsquo;attribut <code>colspan<\/code> d&rsquo;une cellule<\/td>\n<td>forme directe<\/td>\n<\/tr>\n<tr>\n<td>Dans l&rsquo;attribut <code>style<\/code> (largeur, couleur\u2026) ou un autre attribut<\/td>\n<td>conditionnez l&rsquo;\u00e9l\u00e9ment entier avec la forme comment\u00e9e<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Une condition en forme directe plac\u00e9e entre deux cellules est retir\u00e9e \u00e0 l&rsquo;enregistrement, et un <code>style<\/code> qui en contient une est retir\u00e9 entier. La forme comment\u00e9e est conserv\u00e9e telle quelle : Kafinea la convertit en condition au moment de la g\u00e9n\u00e9ration.<\/p>\n<p><strong>Exemple : une colonne pr\u00e9sente uniquement sur les documents TTC<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;tr&gt;\n    &lt;th&gt;D\u00e9signation&lt;\/th&gt;\n    &lt;th&gt;Prix unitaire HT&lt;\/th&gt;\n    &lt;!-- {*if '$doc-pricesIncludeTax$' == 'YES'*} --&gt;\n    &lt;th&gt;Prix unitaire TTC&lt;\/th&gt;\n    &lt;!-- {*\/if*} --&gt;\n    &lt;th&gt;TVA&lt;\/th&gt;\n&lt;\/tr&gt;\n<\/code><\/pre>\n<p>Les cellules de la ligne d&rsquo;article suivent le m\u00eame principe, et une ligne de total qui s&rsquo;\u00e9tend sur toutes les colonnes adapte son <code>colspan<\/code> :<\/p>\n<pre><code class=\"language-html\">&lt;td colspan=&quot;{*if '$doc-pricesIncludeTax$' == 'YES'*}4{*else*}3{*\/if*}&quot;&gt;Total HT&lt;\/td&gt;\n<\/code><\/pre>\n<p><strong>Exemple : une largeur de colonne diff\u00e9rente selon le cas<\/strong><\/p>\n<p>La condition ne peut pas se trouver dans le <code>style<\/code> ; \u00e9crivez la cellule deux fois :<\/p>\n<pre><code class=\"language-html\">&lt;!-- {*if '$doc-pricesIncludeTax$' == 'YES'*} --&gt;\n&lt;th style=&quot;width: 20mm;&quot;&gt;Prix unitaire HT&lt;\/th&gt;\n&lt;!-- {*else*} --&gt;\n&lt;th style=&quot;width: 30mm;&quot;&gt;Prix unitaire HT&lt;\/th&gt;\n&lt;!-- {*\/if*} --&gt;\n<\/code><\/pre>\n<blockquote>\n<p><strong>Bon \u00e0 savoir<\/strong> : la forme comment\u00e9e accepte uniquement <code>if<\/code>, <code>elseif<\/code>, <code>else<\/code> et <code>\/if<\/code>. Les autres instructions se placent dans le texte d&rsquo;un \u00e9l\u00e9ment.<\/p>\n<\/blockquote>\n<blockquote>\n<p><strong>V\u00e9rifiez apr\u00e8s l&rsquo;enregistrement<\/strong> : rouvrez le mod\u00e8le et contr\u00f4lez que chaque condition est toujours pr\u00e9sente, puis g\u00e9n\u00e9rez un aper\u00e7u sur un document de chaque cas (par exemple un document TTC et un document HT).<\/p>\n<\/blockquote>\n<h3>Calculer et mettre en forme un montant<\/h3>\n<p>Les balises de montant existent en deux variantes :<\/p>\n<div style=\"overflow-x:auto\">\n<table>\n<thead>\n<tr>\n<th>Variante<\/th>\n<th>Exemple de balise<\/th>\n<th>Valeur produite<\/th>\n<th>Usage<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Mise en forme<\/td>\n<td><code>$item-listPrice$<\/code><\/td>\n<td><code>1 234,50<\/code><\/td>\n<td>affichage<\/td>\n<\/tr>\n<tr>\n<td>Brute (suffixe <code>Unformatted<\/code>)<\/td>\n<td><code>$item-listPriceUnformatted$<\/code><\/td>\n<td><code>1234.5<\/code><\/td>\n<td>calculs et comparaisons<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Un calcul utilise toujours la variante brute : la valeur mise en forme contient des s\u00e9parateurs de milliers et une virgule d\u00e9cimale, qui ne sont pas lus comme un nombre. La quantit\u00e9 (<code>$item-quantity$<\/code>) est fournie brute.<\/p>\n<pre><code class=\"language-html\">&lt;td&gt;{*('$item-listPriceUnformatted$' * '$item-quantity$')|number_format:2:&quot;,&quot;:&quot; &quot;*} \u20ac&lt;\/td&gt;\n<\/code><\/pre>\n<p>Avec un prix de 1234.5 et une quantit\u00e9 de 3, la cellule affiche <code>3 703,50 \u20ac<\/code>.<\/p>\n<p>Les modificateurs s&rsquo;ajoutent apr\u00e8s une barre verticale <code>|<\/code> :<\/p>\n<div style=\"overflow-x:auto\">\n<table>\n<thead>\n<tr>\n<th>Modificateur<\/th>\n<th>Effet<\/th>\n<th>Exemple<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>number_format:2:&quot;,&quot;:&quot; &quot;<\/code><\/td>\n<td>2 d\u00e9cimales, virgule d\u00e9cimale, espace pour les milliers<\/td>\n<td><code>3 703,50<\/code><\/td>\n<\/tr>\n<tr>\n<td><code>string_format:&quot;%.2f&quot;<\/code><\/td>\n<td>2 d\u00e9cimales avec un point<\/td>\n<td><code>3703.50<\/code><\/td>\n<\/tr>\n<tr>\n<td><code>replace:&quot;.&quot;:&quot;,&quot;<\/code><\/td>\n<td>remplace un texte par un autre<\/td>\n<td><code>3703,50<\/code><\/td>\n<\/tr>\n<tr>\n<td><code>floatval<\/code><\/td>\n<td>convertit une valeur en nombre<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><code>abs<\/code><\/td>\n<td>valeur absolue<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><code>trim<\/code>, <code>strtoupper<\/code>, <code>ucfirst<\/code><\/td>\n<td>supprime les espaces autour, met en majuscules, met une majuscule initiale<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<pre><code class=\"language-html\">{*('$item-totalAfterDiscountUnformatted$'|floatval * 1.2)|string_format:&quot;%.2f&quot;|replace:&quot;.&quot;:&quot;,&quot;*}\n<\/code><\/pre>\n<p>Les balises brutes disponibles pour les lignes sont notamment <code>$item-listPriceUnformatted$<\/code>, <code>$item-listPriceAfterDiscountUnformatted$<\/code>, <code>$item-totalUnformatted$<\/code>, <code>$item-discountAmountUnformatted$<\/code>, <code>$item-totalAfterDiscountUnformatted$<\/code>, <code>$item-taxTotalAmountUnformatted$<\/code> et <code>$item-totalWithTaxUnformatted$<\/code> ; pour les totaux du document, <code>$doc-grandTotalWithoutTaxesUnformatted$<\/code>, <code>$doc-taxTotalAmountUnformatted$<\/code> et <code>$doc-grandTotalUnformatted$<\/code>.<\/p>\n<hr \/>\n<h2>4. Documents dont les prix sont saisis TTC<\/h2>\n<p>Lorsque la saisie des prix TTC est activ\u00e9e, un m\u00eame mod\u00e8le peut s&rsquo;adapter aux documents saisis HT et aux documents saisis TTC gr\u00e2ce aux balises suivantes :<\/p>\n<div style=\"overflow-x:auto\">\n<table>\n<thead>\n<tr>\n<th>Balise<\/th>\n<th>Contenu<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>$doc-pricesIncludeTax$<\/code><\/td>\n<td><code>YES<\/code> si les prix du document sont saisis TTC, <code>NO<\/code> sinon<\/td>\n<\/tr>\n<tr>\n<td><code>$item-unitPriceInclTax$<\/code><\/td>\n<td>prix unitaire TTC de la ligne : celui saisi sur un document TTC, sinon le prix HT augment\u00e9 des taxes de la ligne<\/td>\n<\/tr>\n<tr>\n<td><code>$item-listPriceAfterDiscountInclTax$<\/code><\/td>\n<td>prix unitaire net TTC, remise d\u00e9duite : montant TTC de la ligne divis\u00e9 par la quantit\u00e9<\/td>\n<\/tr>\n<tr>\n<td><code>$item-unitPriceInclTaxUnformatted$<\/code>, <code>$item-listPriceAfterDiscountInclTaxUnformatted$<\/code><\/td>\n<td>les m\u00eames valeurs en variante brute, pour les calculs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Elles compl\u00e8tent les balises de ligne habituelles : <code>$item-listPrice$<\/code> (prix unitaire HT), <code>$item-listPriceAfterDiscount$<\/code> (prix unitaire net HT), <code>$item-taxTotalPercent$<\/code> (taux de taxe de la ligne), <code>$item-totalAfterDiscount$<\/code> (montant HT de la ligne) et <code>$item-totalWithTax$<\/code> (montant TTC de la ligne).<\/p>\n<blockquote>\n<p><strong>Factures et avoirs en France<\/strong> : chaque ligne doit indiquer le prix unitaire hors taxes et le taux de TVA applicable (article 242 nonies A de l&rsquo;annexe II du Code g\u00e9n\u00e9ral des imp\u00f4ts). Une colonne de prix unitaire TTC peut s&rsquo;ajouter \u00e0 ces informations ; elle ne remplace pas le prix unitaire HT.<\/p>\n<\/blockquote>\n<p><strong>Exemple : cellules d&rsquo;une ligne d&rsquo;article conformes pour les deux cas<\/strong><\/p>\n<pre><code class=\"language-html\">&lt;td&gt;$item-name$&lt;\/td&gt;\n&lt;td&gt;$item-quantity$&lt;\/td&gt;\n&lt;td&gt;$item-listPriceAfterDiscount$&lt;\/td&gt;\n&lt;!-- {*if '$doc-pricesIncludeTax$' == 'YES'*} --&gt;\n&lt;td&gt;$item-listPriceAfterDiscountInclTax$&lt;\/td&gt;\n&lt;!-- {*\/if*} --&gt;\n&lt;td&gt;$item-taxTotalPercent$ %&lt;\/td&gt;\n&lt;td&gt;$item-totalAfterDiscount$&lt;\/td&gt;\n<\/code><\/pre>\n<hr \/>\n<h2>5. Conseils pour le rendu PDF<\/h2>\n<p>Le moteur de rendu PDF (mPDF) interpr\u00e8te le HTML et le CSS. Pour un r\u00e9sultat optimal :<\/p>\n<ul>\n<li>Utilisez des unit\u00e9s physiques comme <code>mm<\/code> ou <code>cm<\/code> pour les marges et les largeurs.<\/li>\n<li>Privil\u00e9giez les tableaux (<code>&lt;table&gt;<\/code>) pour les donn\u00e9es structur\u00e9es et les grilles complexes.<\/li>\n<li>Testez toujours votre mod\u00e8le avec l&rsquo;aper\u00e7u avant de le valider pour la production.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Les mod\u00e8les de documents dans Kafinea permettent une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 l&rsquo;utilisation de balises HTML et de styles CSS sp\u00e9cifiques. 1. Mise en page multi-colonnes Il est possible de diviser le contenu d&rsquo;un bloc en plusieurs colonnes, ce qui est particuli\u00e8rement utile pour les listes d&rsquo;informations ou les sections de bas de page. Utilisation&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[206],"doc_tag":[],"class_list":["post-444875","docs","type-docs","status-publish","hentry","doc_category-modeles"],"year_month":"2026-11","word_count":1446,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"David Valminos","author_nicename":"david","author_url":"https:\/\/www.kafinea.com\/fr\/author\/david\/"},"doc_category_info":[{"term_name":"Mod\u00e8les","term_url":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Documentation - Personnalisation avanc\u00e9e des mod\u00e8les de documents &#8226; Kafinea<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Documentation - Personnalisation avanc\u00e9e des mod\u00e8les de documents &#8226; Kafinea\" \/>\n<meta property=\"og:description\" content=\"Les mod\u00e8les de documents dans Kafinea permettent une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 l&rsquo;utilisation de balises HTML et de styles CSS sp\u00e9cifiques. 1. Mise en page multi-colonnes Il est possible de diviser le contenu d&rsquo;un bloc en plusieurs colonnes, ce qui est particuli\u00e8rement utile pour les listes d&rsquo;informations ou les sections de bas de page. Utilisation...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/\" \/>\n<meta property=\"og:site_name\" content=\"Kafinea\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-04T08:59:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/documentation\\\/modeles\\\/personnalisation-avancee-modeles-documents\\\/\",\"url\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/documentation\\\/modeles\\\/personnalisation-avancee-modeles-documents\\\/\",\"name\":\"Documentation - Personnalisation avanc\u00e9e des mod\u00e8les de documents &#8226; Kafinea\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/#website\"},\"datePublished\":\"2026-09-17T22:59:10+00:00\",\"dateModified\":\"2026-11-04T08:59:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/documentation\\\/modeles\\\/personnalisation-avancee-modeles-documents\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/documentation\\\/modeles\\\/personnalisation-avancee-modeles-documents\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/documentation\\\/modeles\\\/personnalisation-avancee-modeles-documents\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Personnalisation avanc\u00e9e des mod\u00e8les de documents\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/\",\"name\":\"Kafinea\",\"description\":\"Une solution unique pour toutes vos ambitions\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/#organization\",\"name\":\"Kafinea\",\"url\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.kafinea.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Logo-Kafinea-SVG-orange-bleu.svg\",\"contentUrl\":\"https:\\\/\\\/www.kafinea.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Logo-Kafinea-SVG-orange-bleu.svg\",\"width\":296.31,\"height\":66.48,\"caption\":\"Kafinea\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kafinea.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/kafinea\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Documentation - Personnalisation avanc\u00e9e des mod\u00e8les de documents &#8226; Kafinea","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/","og_locale":"fr_FR","og_type":"article","og_title":"Documentation - Personnalisation avanc\u00e9e des mod\u00e8les de documents &#8226; Kafinea","og_description":"Les mod\u00e8les de documents dans Kafinea permettent une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 l&rsquo;utilisation de balises HTML et de styles CSS sp\u00e9cifiques. 1. Mise en page multi-colonnes Il est possible de diviser le contenu d&rsquo;un bloc en plusieurs colonnes, ce qui est particuli\u00e8rement utile pour les listes d&rsquo;informations ou les sections de bas de page. Utilisation...","og_url":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/","og_site_name":"Kafinea","article_modified_time":"2026-11-04T08:59:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/","url":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/","name":"Documentation - Personnalisation avanc\u00e9e des mod\u00e8les de documents &#8226; Kafinea","isPartOf":{"@id":"https:\/\/www.kafinea.com\/fr\/#website"},"datePublished":"2026-09-17T22:59:10+00:00","dateModified":"2026-11-04T08:59:58+00:00","breadcrumb":{"@id":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.kafinea.com\/fr\/documentation\/modeles\/personnalisation-avancee-modeles-documents\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.kafinea.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Personnalisation avanc\u00e9e des mod\u00e8les de documents"}]},{"@type":"WebSite","@id":"https:\/\/www.kafinea.com\/fr\/#website","url":"https:\/\/www.kafinea.com\/fr\/","name":"Kafinea","description":"Une solution unique pour toutes vos ambitions","publisher":{"@id":"https:\/\/www.kafinea.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kafinea.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.kafinea.com\/fr\/#organization","name":"Kafinea","url":"https:\/\/www.kafinea.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.kafinea.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.kafinea.com\/wp-content\/uploads\/2024\/10\/Logo-Kafinea-SVG-orange-bleu.svg","contentUrl":"https:\/\/www.kafinea.com\/wp-content\/uploads\/2024\/10\/Logo-Kafinea-SVG-orange-bleu.svg","width":296.31,"height":66.48,"caption":"Kafinea"},"image":{"@id":"https:\/\/www.kafinea.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/kafinea\/"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"David Valminos","author_link":"https:\/\/www.kafinea.com\/fr\/author\/david\/"},"uagb_comment_info":0,"uagb_excerpt":"Les mod\u00e8les de documents dans Kafinea permettent une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 l&rsquo;utilisation de balises HTML et de styles CSS sp\u00e9cifiques. 1. Mise en page multi-colonnes Il est possible de diviser le contenu d&rsquo;un bloc en plusieurs colonnes, ce qui est particuli\u00e8rement utile pour les listes d&rsquo;informations ou les sections de bas de page. Utilisation...","_links":{"self":[{"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/docs\/444875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/comments?post=444875"}],"version-history":[{"count":2,"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/docs\/444875\/revisions"}],"predecessor-version":[{"id":445111,"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/docs\/444875\/revisions\/445111"}],"wp:attachment":[{"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/media?parent=444875"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/doc_category?post=444875"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kafinea.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=444875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}