Outiref

Code source de l'URL : https://kodio.fr/

<!doctype html>
<html lang="fr-FR" prefix="og: https://ogp.me/ns#" class="no-js" itemtype="https://schema.org/Blog" itemscope>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
	
<!-- Optimisation des moteurs de recherche par Rank Math - https://rankmath.com/ -->
<title>Kodio – Sites web sur-mesure pensés pour Google et l&#039;IA</title>
<meta name="description" content="Sites et applications web sur-mesure pour indépendants et TPE : rapides, beaux, optimisés pour Google et les IA. Devis sous 24-48h."/>
<meta name="robots" content="follow, index"/>
<link rel="canonical" href="https://kodio.fr/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Kodio — Des sites web qui donnent envie, pensés pour Google et l&#039;IA" />
<meta property="og:description" content="Sites et applications web sur-mesure pour indépendants et TPE : rapides, beaux, optimisés pour Google et les IA. Devis sous 24-48h." />
<meta property="og:url" content="https://kodio.fr/" />
<meta property="og:site_name" content="Kodio" />
<meta property="og:image" content="https://kodio.fr/wp-content/uploads/2026/07/kodio-sites-applications-web-sur-mesure.webp" />
<meta property="og:image:secure_url" content="https://kodio.fr/wp-content/uploads/2026/07/kodio-sites-applications-web-sur-mesure.webp" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Bannière Kodio présentant l&#039;agence : sites web et applications sur-mesure, rapides et accessibles" />
<meta property="og:image:type" content="image/webp" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Kodio — Des sites web qui donnent envie, pensés pour Google et l&#039;IA" />
<meta name="twitter:description" content="Sites et applications web sur-mesure pour indépendants et TPE : rapides, beaux, optimisés pour Google et les IA. Devis sous 24-48h." />
<meta name="twitter:image" content="https://kodio.fr/wp-content/uploads/2026/07/kodio-sites-applications-web-sur-mesure.webp" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://kodio.fr/#place","address":{"@type":"PostalAddress","streetAddress":"Chemin de La Pras","addressLocality":"Annonay","postalCode":"07100"}},{"@type":"ProfessionalService","@id":"https://kodio.fr/#organization","name":"Kodio","url":"https://kodio.fr","email":"contact@kodio.fr","address":{"@type":"PostalAddress","streetAddress":"Chemin de La Pras","addressLocality":"Annonay","postalCode":"07100"},"logo":{"@type":"ImageObject","@id":"https://kodio.fr/#logo","url":"http://kodio.fr/wp-content/uploads/2026/07/logo-schema-Organization.png","contentUrl":"http://kodio.fr/wp-content/uploads/2026/07/logo-schema-Organization.png","caption":"Kodio","inLanguage":"fr-FR","width":"512","height":"512"},"priceRange":"$","openingHours":["Monday,Tuesday,Wednesday,Thursday,Friday 10:00-20:00","Saturday,Sunday 09:00-13:00"],"description":"Agence de cr\u00e9ation de sites internet et d'applications web sur-mesure, con\u00e7us pour \u00eatre bien compris par les moteurs de recherche et les intelligences artificielles g\u00e9n\u00e9ratives.","location":{"@id":"https://kodio.fr/#place"},"image":{"@id":"https://kodio.fr/#logo"}},{"@type":"WebSite","@id":"https://kodio.fr/#website","url":"https://kodio.fr","name":"Kodio","alternateName":"Kodio Agence Web","publisher":{"@id":"https://kodio.fr/#organization"},"inLanguage":"fr-FR","potentialAction":{"@type":"SearchAction","target":"https://kodio.fr/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"CollectionPage","@id":"https://kodio.fr/#webpage","url":"https://kodio.fr/","name":"Kodio \u2013 Sites web sur-mesure pens\u00e9s pour Google et l&#039;IA","about":{"@id":"https://kodio.fr/#organization"},"isPartOf":{"@id":"https://kodio.fr/#website"},"inLanguage":"fr-FR"}]}</script>
<!-- /Extension Rank Math WordPress SEO -->

<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Kodio &raquo; Flux" href="https://kodio.fr/feed/" />
<link rel="alternate" type="application/rss+xml" title="Kodio &raquo; Flux des commentaires" href="https://kodio.fr/comments/feed/" />
			<script>document.documentElement.classList.remove( 'no-js' );</script>
			<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>

<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-color{color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-color{color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-color{color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-color{color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-color{color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-color{color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-background-color{background-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-background-color{background-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-background-color{background-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-background-color{background-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-background-color{background-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-background-color{background-color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-border-color{border-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-border-color{border-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-border-color{border-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-border-color{border-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-border-color{border-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-border-color{border-color: var(--wp--preset--color--theme-palette-15) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='kadence-global-css' href='https://kodio.fr/wp-content/themes/kadence/assets/css/global.min.css?ver=1.5.1' media='all' />
<style id="kadence-global-inline-css">
/* Kadence Base CSS */
:root{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;--global-palette10:oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--global-heading-font-family:inherit;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-weight:400;font-size:17px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}h2{font-weight:700;font-size:28px;line-height:1.5;color:var(--global-palette3);}h3{font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container  .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-padding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}
/* Kadence Header CSS */
@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.kadence-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.transparent-header.kadence-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding a.brand img{max-width:200px;}.site-branding a.brand img.svg-logo-image{width:200px;}.site-branding{padding:0px 0px 0px 0px;}#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#ffffff;}.site-main-header-inner-wrap{min-height:80px;}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(1.2em / 2);}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--global-palette3);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a{border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item > a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-size:12px;}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette5);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--global-palette-highlight);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.15em 0.6em 0.15em;font-size:24px;}
/*# sourceURL=kadence-global-inline-css */
</style>
<link rel='stylesheet' id='kadence-header-css' href='https://kodio.fr/wp-content/themes/kadence/assets/css/header.min.css?ver=1.5.1' media='all' />
<link rel='stylesheet' id='kadence-content-css' href='https://kodio.fr/wp-content/themes/kadence/assets/css/content.min.css?ver=1.5.1' media='all' />
<link rel='stylesheet' id='kadence-footer-css' href='https://kodio.fr/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.5.1' media='all' />
<link rel='stylesheet' id='kadence-parent-style-css' href='https://kodio.fr/wp-content/themes/kadence/style.css?ver=1.5.1' media='all' />
<link rel='stylesheet' id='kodio-child-style-css' href='https://kodio.fr/wp-content/themes/kodio-child/style.css?ver=2.0.0' media='all' />
<link rel='stylesheet' id='kodio-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,600;0,700;0,900;1,500;1,600&#038;family=DM+Sans:wght@400;500;700&#038;family=Manrope:wght@600;700;800&#038;display=swap' media='all' />
<link rel='stylesheet' id='kadence-rankmath-css' href='https://kodio.fr/wp-content/themes/kadence/assets/css/rankmath.min.css?ver=1.5.1' media='all' />
<link rel="https://api.w.org/" href="https://kodio.fr/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://kodio.fr/xmlrpc.php?rsd" />
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","name":"Kodio","url":"https://kodio.fr","image":"https://kodio.fr/wp-content/uploads/2026/07/kodio-logo-carre.png","description":"Agence de création de sites internet et d'applications web sur-mesure.","email":"contact@kodio.fr","priceRange":"€€","address":{"@type":"PostalAddress","streetAddress":"Chemin de La Pras","postalCode":"07100","addressLocality":"Annonay","addressCountry":"FR"},"areaServed":{"@type":"Country","name":"France"}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Kodio","url":"https://kodio.fr","logo":"http://kodio.fr/wp-content/uploads/2026/07/logo-schema-Organization.png","description":"Agence de création de sites internet et d'applications web sur-mesure, conçus pour être bien compris par les moteurs de recherche et les intelligences artificielles génératives.","email":"contact@kodio.fr","sameAs":[]}</script>
<link rel="icon" href="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-icone-site-32x32.png" sizes="32x32" />
<link rel="icon" href="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-icone-site-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-icone-site-180x180.png" />
<meta name="msapplication-TileImage" content="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-icone-site-270x270.png" />
</head>

<body class="home blog wp-custom-logo wp-embed-responsive wp-theme-kadence wp-child-theme-kodio-child hfeed footer-on-bottom hide-focus-outline link-style-standard content-title-style-hide content-width-normal content-style-boxed content-vertical-padding-show non-transparent-header mobile-non-transparent-header">
<div id="wrapper" class="site wp-site-blocks">
			<a class="skip-link screen-reader-text scroll-ignore" href="#main">Aller au contenu</a>
		<header id="masthead" class="site-header" role="banner" itemtype="https://schema.org/WPHeader" itemscope>
	<div id="main-header" class="site-header-wrap">
		<div class="site-header-inner-wrap">
			<div class="site-header-upper-wrap">
				<div class="site-header-upper-inner-wrap">
					<div class="site-main-header-wrap site-header-row-container site-header-focus-item site-header-row-layout-standard" data-section="kadence_customizer_header_main">
	<div class="site-header-row-container-inner">
				<div class="site-container">
			<div class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-no-center">
									<div class="site-header-main-section-left site-header-section site-header-section-left">
						<div class="site-header-item site-header-focus-item" data-section="title_tagline">
	<div class="site-branding branding-layout-standard site-brand-logo-only"><a class="brand has-logo-image" href="https://kodio.fr/" rel="home"><img width="400" height="160" src="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-logo.png" class="custom-logo" alt="Logo Kodio, agence de création de sites et applications web sur-mesure" decoding="async" fetchpriority="high" srcset="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-logo.png 400w, https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-logo-300x120.png 300w" sizes="(max-width: 400px) 100vw, 400px" /></a></div></div><!-- data-section="title_tagline" -->
					</div>
																	<div class="site-header-main-section-right site-header-section site-header-section-right">
						<div class="site-header-item site-header-focus-item site-header-item-main-navigation header-navigation-layout-stretch-false header-navigation-layout-fill-stretch-false" data-section="kadence_customizer_primary_navigation">
		<nav id="site-navigation" class="main-navigation header-navigation hover-to-open nav--toggle-sub header-navigation-style-standard header-navigation-dropdown-animation-none" role="navigation" aria-label="Principal">
			<div class="primary-menu-container header-menu-container">
	<ul id="primary-menu" class="menu"><li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://kodio.fr/services/">Services Kodio</a></li>
<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://kodio.fr/realisations/">Réalisations</a></li>
<li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://kodio.fr/a-propos/">Kodio Expérience</a></li>
<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="https://kodio.fr/contact/">Contact</a></li>
</ul>		</div>
	</nav><!-- #site-navigation -->
	</div><!-- data-section="primary_navigation" -->
					</div>
							</div>
		</div>
	</div>
</div>
				</div>
			</div>
					</div>
	</div>
	
<div id="mobile-header" class="site-mobile-header-wrap">
	<div class="site-header-inner-wrap">
		<div class="site-header-upper-wrap">
			<div class="site-header-upper-inner-wrap">
			<div class="site-main-header-wrap site-header-focus-item site-header-row-layout-standard site-header-row-tablet-layout-default site-header-row-mobile-layout-default">
	<div class="site-header-row-container-inner">
		<div class="site-container">
			<div class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-no-center">
									<div class="site-header-main-section-left site-header-section site-header-section-left">
						<div class="site-header-item site-header-focus-item" data-section="title_tagline">
	<div class="site-branding mobile-site-branding branding-layout-standard branding-tablet-layout-inherit site-brand-logo-only branding-mobile-layout-inherit"><a class="brand has-logo-image" href="https://kodio.fr/" rel="home"><img width="400" height="160" src="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-logo.png" class="custom-logo" alt="Logo Kodio, agence de création de sites et applications web sur-mesure" decoding="async" srcset="https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-logo.png 400w, https://kodio.fr/wp-content/uploads/2026/07/cropped-kodio-logo-300x120.png 300w" sizes="(max-width: 400px) 100vw, 400px" /></a></div></div><!-- data-section="title_tagline" -->
					</div>
																	<div class="site-header-main-section-right site-header-section site-header-section-right">
						<div class="site-header-item site-header-focus-item site-header-item-navgation-popup-toggle" data-section="kadence_customizer_mobile_trigger">
		<div class="mobile-toggle-open-container">
						<button id="mobile-toggle" class="menu-toggle-open drawer-toggle menu-toggle-style-default" aria-label="Ouvrir le menu" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-close"
					>
						<span class="menu-toggle-icon"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-menu-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><title>Ouvrir/fermer le menu</title><path d="M3 13h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 7h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 19h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1z"></path>
				</svg></span></span>
		</button>
	</div>
	</div><!-- data-section="mobile_trigger" -->
					</div>
							</div>
		</div>
	</div>
</div>
			</div>
		</div>
			</div>
</div>
</header><!-- #masthead -->

	<main id="inner-wrap" class="wrap kt-clear" role="main">
		
<style>
.kodio-etude-grid { display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center; }
.kodio-diff-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
@media (max-width:900px){
	.kodio-etude-grid, .kodio-diff-grid { grid-template-columns:1fr; gap:30px; }
	.kodio-etude-grid .kodio-img-first { order:2; }
	.kodio-hero-grid { gap:52px; }
}
.kodio-caption-link { font-family:'Manrope',sans-serif; font-size:0.8rem; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.kodio-caption-link:hover { text-decoration:underline; }
.kodio-hero-visual-panel {
	background: linear-gradient(135deg, #1C2620 0%, #0B7550 65%, #0F9D6C 100%);
	border-radius: 28px;
	padding: 34px;
	position: relative;
	overflow: hidden;
}
.kodio-hero-visual-panel::before {
	content: '';
	position: absolute;
	width: 260px; height: 260px;
	background: radial-gradient(circle, rgba(232,163,61,0.35), transparent 70%);
	top: -80px; right: -60px;
	border-radius: 50%;
}
</style>

<main id="kodio-home">

	<!-- HERO -->
	<section class="kodio-section" style="padding-top:110px;padding-bottom:90px;">
		<div class="kodio-glow" style="width:640px;height:640px;top:-220px;left:50%;transform:translateX(-320px);opacity:0.95;filter:blur(70px);"></div>
		<div class="kodio-wrap kodio-hero-grid" style="position:relative;z-index:1;">

			<div>
				<p class="kodio-eyebrow">Agence web sur-mesure</p>
				<h1 style="font-size:3rem;">
					Des sites qui donnent <em>envie</em>, construits pour être trouvés
				</h1>
				<p class="kodio-section-lede" style="margin-top:20px;">
					Kodio conçoit des sites et applications web sur-mesure pour les indépendants, petites entreprises
					et particuliers qui veulent un site à leur image — beau, rapide, et pensé pour Google comme
					pour les IA génératives.
				</p>
				<div style="display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;">
					<a href="#kodio-contact" class="kodio-btn">Demander un devis</a>
					<a href="/realisations/" class="kodio-btn-outline">Voir nos réalisations</a>
				</div>
			</div>

			<div style="position:relative;">
				<div class="kodio-hero-visual-panel">
					<!-- Capture d'écran réelle de glowupsignature.fr, cadrée en fenêtre navigateur -->
					<div class="kodio-mockup" style="transform:rotate(-1.5deg);position:relative;z-index:1;">
						<div class="bar"><span></span><span></span><span></span></div>
						<img src="/wp-content/uploads/2026/07/glowupsignature-hero-screenshot.webp"
							alt="Capture d'écran de la page d'accueil de glowupsignature.fr, réalisée par Kodio"
							style="width:100%;height:auto;display:block;" />
					</div>
				</div>
				<div style="text-align:center;margin-top:14px;">
					<a href="https://glowupsignature.fr/" target="_blank" rel="noopener" class="kodio-caption-link" style="color:var(--kodio-emerald-deep);">
						Glow Up Signature — découvrir le site
						<svg width="13" height="13" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7M7 7h10v10"/></svg>
					</a>
				</div>
			</div>

		</div>
	</section>

	<!-- POURQUOI KODIO — BENTO -->
	<section class="kodio-section white">
		<div class="kodio-wrap">
			<p class="kodio-eyebrow">Pourquoi Kodio</p>
			<h2 class="kodio-section-title">Un site beau ne suffit pas — il doit aussi travailler pour vous</h2>

			<div class="kodio-bento" style="margin-top:40px;">

				<div class="kodio-card span-2 dark">
					<div class="kodio-icon-badge" style="background:rgba(232,163,61,0.18);">
						<svg width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="#E8A33D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><circle cx="19" cy="6" r="2"/><circle cx="5" cy="6" r="2"/><circle cx="19" cy="18" r="2"/><circle cx="5" cy="18" r="2"/><path d="M12 9V6.5M14.5 10.5 17.5 7.5M9.5 10.5 6.5 7.5M14.5 13.5 17.5 16.5M9.5 13.5 6.5 16.5M12 15v2.5"/></svg>
					</div>
					<h3>Pensé pour être cité par les IA</h3>
					<p>Structuration sémantique, données Schema.org, contenu extractible : votre site apparaît dans Google, mais aussi dans les réponses de ChatGPT et Perplexity.</p>
				</div>

				<div class="kodio-card">
					<div class="kodio-icon-badge" style="background:var(--kodio-emerald-pale);">
						<svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="#0F9D6C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h9l-1 8 10-12h-9l1-8Z"/></svg>
					</div>
					<h3>Rapide</h3>
					<p>Léger dès la construction, sans plugins superflus.</p>
				</div>

				<div class="kodio-card">
					<div class="kodio-icon-badge" style="background:var(--kodio-gold-pale);">
						<svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="#C97F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
					</div>
					<h3>Sur-mesure</h3>
					<p>Construit ligne par ligne pour votre activité.</p>
				</div>

				<div class="kodio-card span-2">
					<div class="kodio-icon-badge" style="background:var(--kodio-emerald-pale);">
						<svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="#0F9D6C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42Z"/></svg>
					</div>
					<h3>Accessible</h3>
					<p>Un accompagnement honnête et un tarif pensé pour les indépendants, petites structures et particuliers — pas réservé aux grands comptes.</p>
				</div>

			</div>
		</div>
	</section>

	<!-- DIFFÉRENCIATEUR : CONTENU SUR-MESURE -->
	<section class="kodio-section blush">
		<div class="kodio-wrap kodio-diff-grid">
			<div>
				<p class="kodio-eyebrow">Ce qu'aucune plateforme ne fait</p>
				<h2 class="kodio-section-title">Un contenu écrit pour vous, pas un modèle rempli avec votre nom</h2>
				<p class="kodio-section-lede">
					Wix, Shopify ou un page-builder générique vous donnent une structure à remplir. Kodio va plus
					loin : chaque texte de votre site est rédigé spécifiquement pour votre activité, votre ton,
					votre clientèle — pas un habillage superficiel autour d'un modèle standard.
				</p>
				<ul class="kodio-check-list">
					<li><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#0F9D6C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Textes rédigés à partir de votre univers réel, pas de contenu générique</li>
					<li><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#0F9D6C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Structure pensée pour votre client type, pas un gabarit universel</li>
					<li><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#0F9D6C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Un site qui vous ressemble vraiment, pas une coquille interchangeable</li>
				</ul>
			</div>
			<div>
				<img src="/wp-content/uploads/2026/07/kodio-contenu-sur-mesure.webp"
					alt="Moodboard et notes manuscrites illustrant un travail de contenu personnalisé"
					class="kodio-img kodio-img-frame" />
			</div>
		</div>
	</section>

	<!-- ÉTUDE DE CAS -->
	<section class="kodio-section dark">
		<div class="kodio-glow" style="width:420px;height:420px;top:-100px;left:-120px;"></div>
		<div class="kodio-wrap kodio-etude-grid" style="position:relative;z-index:1;">

			<div class="kodio-img-first">
				<!-- Capture d'écran réelle recommandée ici, voir note en fin de fichier -->
				<div class="kodio-img-frame" style="transform:rotate(2deg);">
					<img src="/wp-content/uploads/2026/07/glowupsignature-apercu.webp"
						alt="Aperçu de la page rendez-vous de glowupsignature.fr conçue par Kodio"
						class="kodio-img" />
				</div>
				<div style="text-align:center;margin-top:14px;">
					<a href="https://glowupsignature.fr/rendez-vous/" target="_blank" rel="noopener" class="kodio-caption-link" style="color:#F3CE8E;">
						Découvrir la page rendez-vous
						<svg width="13" height="13" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7M7 7h10v10"/></svg>
					</a>
				</div>
			</div>

			<div>
				<p class="kodio-eyebrow on-dark">Étude de cas</p>
				<h2 class="kodio-section-title">Glow Up Signature</h2>
				<p class="kodio-section-lede">
					Site vitrine complet — thème sur-mesure, identité de marque, SEO — et une application de prise
					de rendez-vous codée entièrement à la main, sans abonnement SaaS : espace admin, rappels
					automatiques, calendrier, installable comme une app.
				</p>
				<a href="/realisations/glow-up-signature/" class="kodio-btn-outline on-dark" style="margin-top:26px;">Voir l'étude de cas complète</a>
			</div>

		</div>

		<!-- ZOOM APPLICATION -->
		<div class="kodio-wrap" style="position:relative;z-index:1;margin-top:64px;">
			<div class="kodio-card" style="background:var(--kodio-ink-soft);border:1px solid rgba(255,255,255,0.12);padding:40px;">
				<p class="kodio-eyebrow on-dark">Zoom sur l'application</p>
				<h3 style="color:#fff;font-size:1.5rem;margin-top:6px;">Un système de rendez-vous complet, sans abonnement mensuel</h3>
				<p style="color:rgba(255,255,255,0.75);margin-top:12px;max-width:640px;">
					L'application codée pour Wafa gère l'ensemble de la prise de rendez-vous en ligne, sans dépendre
					d'un outil tiers comme Planity :
				</p>
				<ul class="kodio-check-list" style="max-width:640px;">
					<li style="border-color:rgba(255,255,255,0.12);color:#fff;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#E8A33D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Réservation en ligne en 4 étapes, accessible à toute heure</li>
					<li style="border-color:rgba(255,255,255,0.12);color:#fff;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#E8A33D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Espace admin pour gérer créneaux, prestations et disponibilités</li>
					<li style="border-color:rgba(255,255,255,0.12);color:#fff;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#E8A33D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Confirmation et rappels automatiques par email, avec fichier calendrier (ICS)</li>
					<li style="border-color:rgba(255,255,255,0.12);color:#fff;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#E8A33D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Installable comme une application (PWA), sans passer par un store</li>
					<li style="border-color:rgba(255,255,255,0.12);color:#fff;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#E8A33D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> Aucun abonnement mensuel — le code appartient entièrement à Wafa</li>
				</ul>
				<a href="https://rdv.glowupsignature.fr/" target="_blank" rel="noopener" class="kodio-btn" style="margin-top:24px;">
					Essayer l'application en réel
				</a>
			</div>
		</div>
	</section>

	<!-- SERVICES -->
	<section class="kodio-section white">
		<div class="kodio-wrap">
			<p class="kodio-eyebrow">Ce que Kodio construit</p>
			<h2 class="kodio-section-title">Deux façons de travailler ensemble</h2>

			<div class="kodio-grid-2" style="margin-top:40px;">

				<div class="kodio-card" style="padding:38px;">
					<div class="kodio-icon-badge" style="background:var(--kodio-blush);">
						<svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="#C97F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="14" rx="2"/><path d="M3 9h18M8 21h8"/></svg>
					</div>
					<h3 style="font-size:1.4rem;">Site vitrine sur-mesure</h3>
					<p style="color:var(--kodio-text-muted);">WordPress + thème construit spécifiquement pour votre activité et votre identité visuelle.</p>
					<ul class="kodio-check-list">
						<li>Design unique, pas de thème premium recyclé</li>
						<li>SEO &amp; structuration pour les IA génératives</li>
						<li>Formulaire de contact &amp; intégrations (email, WhatsApp)</li>
					</ul>
				</div>

				<div class="kodio-card" style="padding:38px;">
					<div class="kodio-icon-badge" style="background:var(--kodio-emerald-pale);">
						<svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="#0F9D6C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 16 4-4-4-4M6 8l-4 4 4 4M14.5 4l-5 16"/></svg>
					</div>
					<h3 style="font-size:1.4rem;">Application web sur-mesure</h3>
					<p style="color:var(--kodio-text-muted);">Prise de rendez-vous, calculateurs, outils métier — testés en conditions réelles.</p>
					<ul class="kodio-check-list">
						<li>Adapté à votre façon de travailler, pas à un SaaS générique</li>
						<li>Espace admin complet</li>
						<li>Aucun abonnement mensuel à un outil tiers</li>
					</ul>
				</div>

			</div>
		</div>
	</section>

	<!-- COMMENT ÇA SE PASSE -->
	<section class="kodio-section blush">
		<div class="kodio-wrap">
			<p class="kodio-eyebrow">La méthode</p>
			<h2 class="kodio-section-title">Comment se déroule un projet avec Kodio</h2>

			<div class="kodio-steps">
				<div class="kodio-step">
					<span class="num">01</span>
					<h3>On échange sur votre besoin</h3>
					<p>Un appel ou un message WhatsApp suffit pour comprendre votre activité, vos clients et ce que le site doit accomplir.</p>
				</div>
				<div class="kodio-step">
					<span class="num">02</span>
					<h3>Je construis votre site</h3>
					<p>Identité visuelle, contenu rédigé sur-mesure, développement technique et SEO — vous suivez l'avancée à chaque étape.</p>
				</div>
				<div class="kodio-step">
					<span class="num">03</span>
					<h3>Vous êtes autonome</h3>
					<p>Formation courte pour gérer votre contenu, et je reste disponible pour les évolutions futures.</p>
				</div>
			</div>
		</div>
	</section>

	<!-- E-E-A-T / CITATION -->
	<section class="kodio-section white">
		<div class="kodio-wrap" style="max-width:760px;">
			<p class="kodio-eyebrow">L'humain derrière Kodio</p>
			<h2 class="kodio-section-title">25 ans de terrain, transposés au web</h2>

			<div class="kodio-quote" style="margin-top:30px;background:var(--kodio-blush);">
				<span class="mark">"</span>
				<p class="quote-text">
					Avant Kodio, j'ai passé 25 ans à accompagner des personnes dans des situations complexes —
					écouter le vrai besoin, structurer une solution, la tester avant de la livrer. C'est exactement
					cette rigueur que j'applique à chaque site et application que je construis.
				</p>
				<p class="signature">— Hamoudi Aïfa, fondateur de Kodio</p>
			</div>

			<a href="/a-propos/" class="kodio-btn-outline" style="margin-top:28px;">En savoir plus</a>
		</div>
	</section>

	<!-- FAQ -->
	<section class="kodio-section blush">
		<div class="kodio-wrap" style="max-width:760px;">
			<p class="kodio-eyebrow">Questions fréquentes</p>
			<h2 class="kodio-section-title">Ce que les pros et les particuliers demandent le plus</h2>

			<div style="margin-top:20px;">
				<div class="kodio-faq-item">
					<h3>Combien coûte un site avec Kodio ?</h3>
					<p>Le tarif dépend de la complexité du projet (nombre de pages, fonctionnalités sur-mesure). Contactez-moi avec une description rapide de votre besoin, je vous réponds avec une estimation sous 24-48h — sans engagement.</p>
				</div>
				<div class="kodio-faq-item">
					<h3>Kodio travaille-t-il aussi avec des particuliers ?</h3>
					<p>Oui. Portfolio, blog personnel, site d'un projet indépendant : le même niveau d'exigence s'applique, à une échelle adaptée à votre besoin et votre budget.</p>
				</div>
				<div class="kodio-faq-item">
					<h3>Combien de temps pour livrer un site ?</h3>
					<p>Un site vitrine sur-mesure prend généralement quelques semaines, selon la complexité et la rapidité des échanges. Une application sur-mesure demande davantage de temps de développement et de test.</p>
				</div>
				<div class="kodio-faq-item">
					<h3>Que se passe-t-il après la mise en ligne ?</h3>
					<p>Vous repartez formé pour gérer votre contenu en autonomie. Je reste disponible pour les évolutions, corrections ou nouvelles fonctionnalités.</p>
				</div>
			</div>
		</div>
	</section>

	<!-- CONTACT -->
	<section id="kodio-contact" class="kodio-section dark" style="text-align:center;">
		<div class="kodio-glow" style="width:460px;height:460px;bottom:-180px;right:-100px;"></div>
		<div class="kodio-wrap" style="position:relative;z-index:1;max-width:600px;">
			<p class="kodio-eyebrow on-dark" style="justify-content:center;">Discutons</p>
			<h2 class="kodio-section-title">Parlons de votre projet</h2>
			<p class="kodio-section-lede" style="margin:0 auto 30px;">Un échange rapide suffit pour cadrer votre besoin — sans engagement.</p>
			<a href="https://wa.me/33629469514" class="kodio-btn" target="_blank" rel="noopener">Discuter sur WhatsApp</a>
		</div>
	</section>

</main>

	</main><!-- #inner-wrap -->
	<footer id="colophon" class="site-footer" role="contentinfo">
	<div class="site-footer-wrap">
			</div>
</footer><!-- #colophon -->

</div><!-- #wrapper -->

			<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
			<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kodio-child/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
	<div id="mobile-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-right" data-drawer-target-string="#mobile-drawer"
			>
		<div class="drawer-overlay" data-drawer-target-string="#mobile-drawer"></div>
		<div class="drawer-inner">
						<div class="drawer-header">
				<button class="menu-toggle-close drawer-toggle" aria-label="Fermer le menu"  data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-open"
							>
					<span class="toggle-close-bar"></span>
					<span class="toggle-close-bar"></span>
				</button>
			</div>
			<div class="drawer-content mobile-drawer-content content-align-left content-valign-top">
								<div class="site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false" data-section="kadence_customizer_mobile_navigation">
		<nav id="mobile-site-navigation" class="mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false" role="navigation" aria-label="Primary Mobile">
				<div class="mobile-menu-container drawer-menu-container">
			<ul id="mobile-menu" class="menu has-collapse-sub-nav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://kodio.fr/services/">Services Kodio</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://kodio.fr/realisations/">Réalisations</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://kodio.fr/a-propos/">Kodio Expérience</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="https://kodio.fr/contact/">Contact</a></li>
</ul>		</div>
	</nav><!-- #site-navigation -->
	</div><!-- data-section="mobile_navigation" -->
							</div>
		</div>
	</div>
	<script id="kadence-navigation-js-extra">
var kadenceConfig = {"screenReader":{"expand":"Menu enfant","expandOf":"Menu enfant de","collapse":"Menu enfant","collapseOf":"Menu enfant de"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"};
//# sourceURL=kadence-navigation-js-extra
</script>
<script id="kadence-navigation-js" src="https://kodio.fr/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.5.1" async></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://kodio.fr/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://kodio.fr/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>

<!-- Dynamic page generated in 0.161 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2026-07-21 02:56:53 -->

<!-- Compression = gzip -->
<!-- super cache -->