{"id":756,"date":"2026-03-09T07:43:49","date_gmt":"2026-03-09T07:43:49","guid":{"rendered":"https:\/\/thenox.ch\/?page_id=756"},"modified":"2026-03-15T21:15:25","modified_gmt":"2026-03-15T21:15:25","slug":"processus-creatif","status":"publish","type":"page","link":"https:\/\/thenox.ch\/en\/processus-creatif\/","title":{"rendered":"PROCESSUS CR\u00c9ATIF"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"756\" class=\"elementor elementor-756\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2f3cd e-flex e-con-boxed e-con e-parent\" data-id=\"5f2f3cd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f29e804 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"f29e804\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-1024x621.png\" class=\"attachment-large size-large wp-image-913\" alt=\"thenox_mars\" srcset=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-1024x621.png 1024w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-300x182.png 300w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-768x466.png 768w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-1536x931.png 1536w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-610x370.png 610w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00-600x364.png 600w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-12.37.00.png 1560w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"PROCESSUS CR\u00c9ATIF\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-696497c e-con-full e-flex e-con e-parent\" data-id=\"696497c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bb73a6 elementor-widget elementor-widget-spacer\" data-id=\"5bb73a6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8045bd6 elementor-widget elementor-widget-heading\" data-id=\"8045bd6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><br><br><br><br><br>Processus Cr\u00e9atif<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22462a0 elementor-widget elementor-widget-spacer\" data-id=\"22462a0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0686959 e-flex e-con-boxed e-con e-parent\" data-id=\"0686959\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67287c2 elementor-widget elementor-widget-text-editor\" data-id=\"67287c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>De la science au design \u2014 les choix, les couleurs et les inspirations derri\u00e8re chaque collection THENOX.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2702b6 elementor-widget elementor-widget-spacer\" data-id=\"b2702b6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-rtbx5lc elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"rtbx5lc\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b0b74d8\" data-id=\"b0b74d8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23c2a2c elementor-widget elementor-widget-heading\" data-id=\"23c2a2c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Martia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfed4c6 elementor-widget elementor-widget-heading\" data-id=\"bfed4c6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> la g\u00e9ologie martienne en langage horloger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-327f367 elementor-widget elementor-widget-text-editor\" data-id=\"327f367\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">La collection Martia traduit la g\u00e9ologie martienne en langage horloger. La palette s&rsquo;articule autour des rouges d&rsquo;oxyde de fer (Fe\u2082O\u2083) \u2014 le m\u00eame compos\u00e9 chimique qui donne \u00e0 Mars sa couleur caract\u00e9ristique \u2014 contrast\u00e9s par le noir profond du basalte et des accents de cuivre oxyd\u00e9.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Les textures du cadran \u00e9voquent les paysages de Valles Marineris, ce syst\u00e8me de canyons long de 4 000 km et profond de 7 km qui balafre l&rsquo;\u00e9quateur martien. La rugosit\u00e9 de la surface rappelle les temp\u00eates de poussi\u00e8re globales qui enveloppent p\u00e9riodiquement la plan\u00e8te enti\u00e8re.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-51962fb\" data-id=\"51962fb\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6315460 elementor-widget elementor-widget-image\" data-id=\"6315460\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1316\" height=\"1056\" src=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44.png\" class=\"attachment-full size-full wp-image-893\" alt=\"Collection_martia\" srcset=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44.png 1316w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44-300x241.png 300w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44-1024x822.png 1024w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44-768x616.png 768w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44-610x489.png 610w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.36.44-600x481.png 600w\" sizes=\"(max-width: 1316px) 100vw, 1316px\" title=\"PROCESSUS CR\u00c9ATIF\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aee4a65 e-flex e-con-boxed e-con e-parent\" data-id=\"aee4a65\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aacad0 elementor-widget elementor-widget-html\" data-id=\"2aacad0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { background: #000000; padding: 20px; display: flex; justify-content: center; }\n\n  .spec-card {\n    width: 100%;\n    max-width: 520px;\n    background: linear-gradient(165deg, rgba(20, 22, 35, 0.7), rgba(12, 12, 20, 0.8));\n    border: 1px solid rgba(90, 127, 165, 0.1);\n    border-radius: 4px;\n    padding: 28px 32px;\n  }\n  .spec-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n  .spec-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 18px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #cc6336;\n    margin-bottom: 6px;\n  }\n  .spec-value {\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    color: #ffffff;\n    line-height: 1.5;\n  }\n  .palette-row { display: flex; gap: 10px; margin-top: 2px; }\n  .palette-swatch {\n    width: 28px; height: 28px; border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.08);\n  }\n  .palette-labels { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }\n  .palette-name { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 300; color: #8a8680; }\n\n  @media (max-width: 500px) {\n    .spec-grid { grid-template-columns: 1fr; }\n    .spec-card { padding: 24px 20px; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"spec-card\">\n  <div class=\"spec-grid\">\n    <div>\n      <div class=\"spec-label\">Mat\u00e9riau du cadran<\/div>\n      <div class=\"spec-value\">Shergottite (m\u00e9t\u00e9orite martienne de type basaltique)<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Inspiration g\u00e9ographique<\/div>\n      <div class=\"spec-value\">Paysages d\u00e9sertiques et canyons de Mars<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">R\u00e9f\u00e9rences scientifiques<\/div>\n      <div class=\"spec-value\">M\u00e9t\u00e9orite NWA 7034, Valles Marineris, mission Curiosity (NASA)<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Palette<\/div>\n      <div class=\"palette-row\">\n        <div class=\"palette-swatch\" style=\"background:#8B1A1A\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#1A1A1A\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#B87333\"><\/div>\n      <\/div>\n      <div class=\"palette-labels\">\n        <span class=\"palette-name\">Rouge oxyde de fer<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Noir basaltique<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Cuivre oxyd\u00e9<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc6871d elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc6871d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-be51828\" data-id=\"be51828\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1368429 elementor-widget elementor-widget-image\" data-id=\"1368429\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1292\" height=\"1028\" src=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59.png\" class=\"attachment-full size-full wp-image-895\" alt=\"Collection_luna\" srcset=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59.png 1292w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59-300x239.png 300w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59-1024x815.png 1024w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59-768x611.png 768w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59-610x485.png 610w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.39.59-600x477.png 600w\" sizes=\"(max-width: 1292px) 100vw, 1292px\" title=\"PROCESSUS CR\u00c9ATIF\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee8a3a2 e-flex e-con-boxed e-con e-parent\" data-id=\"ee8a3a2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdee37a elementor-widget elementor-widget-html\" data-id=\"bdee37a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { background: #0a0a0f; padding: 20px; display: flex; justify-content: center; }\n\n  .spec-card {\n    width: 100%;\n    max-width: 520px;\n    background: linear-gradient(165deg, rgba(20, 22, 35, 0.7), rgba(12, 12, 20, 0.8));\n    border: 1px solid rgba(90, 127, 165, 0.1);\n    border-radius: 4px;\n    padding: 28px 32px;\n  }\n  .spec-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n  .spec-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #5a7fa5;\n    margin-bottom: 6px;\n  }\n  .spec-value {\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    color: #e0ddd5;\n    line-height: 1.5;\n  }\n  .palette-row { display: flex; gap: 8px; margin-top: 2px; }\n  .palette-swatch {\n    width: 28px; height: 28px; border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.08);\n  }\n  .palette-labels { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }\n  .palette-name { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 300; color: #8a8680; }\n\n  @media (max-width: 500px) {\n    .spec-grid { grid-template-columns: 1fr; }\n    .spec-card { padding: 24px 20px; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"spec-card\">\n  <div class=\"spec-grid\">\n    <div>\n      <div class=\"spec-label\">Mat\u00e9riau du cadran<\/div>\n      <div class=\"spec-value\">Br\u00e8che lunaire (luna\u00efte de type anorthositique)<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Inspiration<\/div>\n      <div class=\"spec-value\">Crat\u00e8res d'impact, lumi\u00e8re cendr\u00e9e, mers lunaires<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">R\u00e9f\u00e9rences scientifiques<\/div>\n      <div class=\"spec-value\">M\u00e9t\u00e9orite NWA 12691, missions Apollo (1969-1972), composition en anorthosite<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Palette<\/div>\n      <div class=\"palette-row\">\n        <div class=\"palette-swatch\" style=\"background:#A9A9A9\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#F5F5F5\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#778899\"><\/div>\n      <\/div>\n      <div class=\"palette-labels\">\n        <span class=\"palette-name\">Gris anorthositique<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Blanc nacr\u00e9<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Reflets bleut\u00e9s<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-539c4ff\" data-id=\"539c4ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5b1cf7 elementor-widget elementor-widget-heading\" data-id=\"c5b1cf7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00e9l\u00e9n\u00e9<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72e1d26 elementor-widget elementor-widget-heading\" data-id=\"72e1d26\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La s\u00e9r\u00e9nit\u00e9 lunaire traduite en horlogerie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a11f8d2 elementor-widget elementor-widget-text-editor\" data-id=\"a11f8d2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">S\u00e9l\u00e9n\u00e9 (du grec \u03a3\u03b5\u03bb\u03ae\u03bd\u03b7, d\u00e9esse de la Lune) traduit la s\u00e9r\u00e9nit\u00e9 lunaire en horlogerie. Le design est volontairement \u00e9pur\u00e9 et minimaliste \u2014 un reflet du silence absolu qui r\u00e8gne sur notre satellite naturel, d\u00e9pourvu d&rsquo;atmosph\u00e8re.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">La palette repose sur les gris anorthositiques des hauts plateaux lunaires, rehauss\u00e9s de blanc nacr\u00e9 et de subtils reflets bleut\u00e9s qui \u00e9voquent le ph\u00e9nom\u00e8ne de \u00ab lumi\u00e8re cendr\u00e9e \u00bb \u2014 cette lueur fantomatique visible sur la partie non \u00e9clair\u00e9e de la Lune, caus\u00e9e par la lumi\u00e8re solaire r\u00e9fl\u00e9chie par la Terre. La surface du cadran int\u00e8gre des micro-textures inspir\u00e9es des crat\u00e8res d&rsquo;impact, avec des zones lisses rappelant les mers lunaires (maria).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f93c17 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f93c17\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5d5d1c4\" data-id=\"5d5d1c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e3d974 elementor-widget elementor-widget-heading\" data-id=\"4e3d974\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sid\u00e9ral<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec70797 elementor-widget elementor-widget-heading\" data-id=\"ec70797\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> La g\u00e9om\u00e9trie brute n\u00e9e dans l'espace<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc0b58 elementor-widget elementor-widget-text-editor\" data-id=\"3dc0b58\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">La collection Sid\u00e9ral c\u00e9l\u00e8bre la g\u00e9om\u00e9trie brute n\u00e9e dans l&rsquo;espace. Le cadran met en valeur les motifs de Widmanst\u00e4tten eux-m\u00eames comme \u00e9l\u00e9ment de design principal \u2014 pas d&rsquo;artifice, la mati\u00e8re parle d&rsquo;elle-m\u00eame.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">La palette est volontairement sobre et m\u00e9tallique : acier brut, reflets d&rsquo;or sombre, fond noir profond. L&rsquo;esth\u00e9tique oscille entre le brut et le raffin\u00e9, entre l&rsquo;industriel et le pr\u00e9cieux. Le bo\u00eetier joue sur les contrastes de finitions \u2014 surfaces polies miroir contre surfaces bross\u00e9es \u2014 pour \u00e9voquer la dualit\u00e9 kamacite\/taenite qui cr\u00e9e les motifs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c50a73d\" data-id=\"c50a73d\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e4f2c6f elementor-widget elementor-widget-image\" data-id=\"e4f2c6f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1114\" height=\"880\" src=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44.png\" class=\"attachment-full size-full wp-image-896\" alt=\"collection_sideral\" srcset=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44.png 1114w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44-300x237.png 300w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44-1024x809.png 1024w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44-768x607.png 768w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44-610x482.png 610w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.38.44-600x474.png 600w\" sizes=\"(max-width: 1114px) 100vw, 1114px\" title=\"PROCESSUS CR\u00c9ATIF\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f630d9 e-flex e-con-boxed e-con e-parent\" data-id=\"0f630d9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d07ad elementor-widget elementor-widget-html\" data-id=\"54d07ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { background: #0a0a0f; padding: 20px; display: flex; justify-content: center; }\n\n  .spec-card {\n    width: 100%;\n    max-width: 520px;\n    background: linear-gradient(165deg, rgba(20, 22, 35, 0.7), rgba(12, 12, 20, 0.8));\n    border: 1px solid rgba(90, 127, 165, 0.1);\n    border-radius: 4px;\n    padding: 28px 32px;\n  }\n  .spec-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n  .spec-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #5a7fa5;\n    margin-bottom: 6px;\n  }\n  .spec-value {\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    color: #e0ddd5;\n    line-height: 1.5;\n  }\n  .palette-row { display: flex; gap: 8px; margin-top: 2px; }\n  .palette-swatch {\n    width: 28px; height: 28px; border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.08);\n  }\n  .palette-labels { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }\n  .palette-name { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 300; color: #8a8680; }\n\n  @media (max-width: 500px) {\n    .spec-grid { grid-template-columns: 1fr; }\n    .spec-card { padding: 24px 20px; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"spec-card\">\n  <div class=\"spec-grid\">\n    <div>\n      <div class=\"spec-label\">Mat\u00e9riau du cadran<\/div>\n      <div class=\"spec-value\">Sid\u00e9rite Gibeon (fer-nickel, octah\u00e9drite fine)<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Inspiration<\/div>\n      <div class=\"spec-value\">G\u00e9om\u00e9trie cristalline naturelle, dualit\u00e9 brut\/raffin\u00e9<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">R\u00e9f\u00e9rences scientifiques<\/div>\n      <div class=\"spec-value\">M\u00e9t\u00e9orite de Gibeon (Namibie), motifs de Widmanst\u00e4tten, cristallisation kamacite-taenite<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Palette<\/div>\n      <div class=\"palette-row\">\n        <div class=\"palette-swatch\" style=\"background:#71797E\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#0D0D0D\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#8B7536\"><\/div>\n      <\/div>\n      <div class=\"palette-labels\">\n        <span class=\"palette-name\">Acier brut<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Noir profond<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Or sombre<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b516507 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b516507\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7a2520e\" data-id=\"7a2520e\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7dd35ce elementor-widget elementor-widget-image\" data-id=\"7dd35ce\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"680\" src=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.43.42.png\" class=\"attachment-full size-full wp-image-897\" alt=\"collection_nebula\" srcset=\"https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.43.42.png 854w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.43.42-300x239.png 300w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.43.42-768x612.png 768w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.43.42-610x486.png 610w, https:\/\/thenox.ch\/wp-content\/uploads\/2026\/03\/Capture-decran-2026-03-10-a-10.43.42-600x478.png 600w\" sizes=\"(max-width: 854px) 100vw, 854px\" title=\"PROCESSUS CR\u00c9ATIF\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d38b0d e-flex e-con-boxed e-con e-parent\" data-id=\"8d38b0d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21d269d elementor-widget elementor-widget-html\" data-id=\"21d269d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { background: #0a0a0f; padding: 20px; display: flex; justify-content: center; }\n\n  .spec-card {\n    width: 100%;\n    max-width: 520px;\n    background: linear-gradient(165deg, rgba(20, 22, 35, 0.7), rgba(12, 12, 20, 0.8));\n    border: 1px solid rgba(90, 127, 165, 0.1);\n    border-radius: 4px;\n    padding: 28px 32px;\n  }\n  .spec-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n  .spec-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #5a7fa5;\n    margin-bottom: 6px;\n  }\n  .spec-value {\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    color: #e0ddd5;\n    line-height: 1.5;\n  }\n  .palette-row { display: flex; gap: 8px; margin-top: 2px; }\n  .palette-swatch {\n    width: 28px; height: 28px; border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.08);\n  }\n  .palette-labels { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }\n  .palette-name { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 300; color: #8a8680; }\n\n  @media (max-width: 500px) {\n    .spec-grid { grid-template-columns: 1fr; }\n    .spec-card { padding: 24px 20px; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"spec-card\">\n  <div class=\"spec-grid\">\n    <div>\n      <div class=\"spec-label\">Mat\u00e9riau du cadran<\/div>\n      <div class=\"spec-value\">Pallasite (olivine dans matrice fer-nickel)<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Inspiration<\/div>\n      <div class=\"spec-value\">N\u00e9buleuses (Orion, Piliers de la Cr\u00e9ation), t\u00e9lescope James Webb<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">R\u00e9f\u00e9rences scientifiques<\/div>\n      <div class=\"spec-value\">Pallasites Esquel et Fukang, cristaux d'olivine, fronti\u00e8re noyau-manteau ast\u00e9ro\u00efdal<\/div>\n    <\/div>\n    <div>\n      <div class=\"spec-label\">Palette<\/div>\n      <div class=\"palette-row\">\n        <div class=\"palette-swatch\" style=\"background:#9ACD32\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#DAA520\"><\/div>\n        <div class=\"palette-swatch\" style=\"background:#C0C0C0\"><\/div>\n      <\/div>\n      <div class=\"palette-labels\">\n        <span class=\"palette-name\">Ambre\/vert translucide<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Acier<\/span>\n        <span class=\"palette-name\">\u00b7<\/span>\n        <span class=\"palette-name\">Or<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5e80305\" data-id=\"5e80305\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36b36ab elementor-widget elementor-widget-heading\" data-id=\"36b36ab\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nebula<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05a1c14 elementor-widget elementor-widget-heading\" data-id=\"05a1c14\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La collection la plus audacieuse et artistique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4efccde elementor-widget elementor-widget-text-editor\" data-id=\"4efccde\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Nebula est la collection la plus audacieuse et la plus artistique. Le design exploite la translucidit\u00e9 naturelle de l&rsquo;olivine pour cr\u00e9er des jeux de lumi\u00e8re sur le cadran, \u00e9voquant les photographies de n\u00e9buleuses prises par le t\u00e9lescope spatial James Webb.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">La palette m\u00eale les tons ambr\u00e9s et verts de l&rsquo;olivine \u00e0 l&rsquo;\u00e9clat m\u00e9tallique du fer-nickel, avec des accents dor\u00e9s. Le design explore la transparence et la profondeur : des couches superpos\u00e9es qui donnent l&rsquo;impression de regarder \u00e0 travers la mati\u00e8re, comme les n\u00e9buleuses se r\u00e9v\u00e8lent couche apr\u00e8s couche sous l&rsquo;\u0153il des t\u00e9lescopes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-bb159ef e-flex e-con-boxed e-con e-parent\" data-id=\"bb159ef\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c852904 elementor-widget elementor-widget-spacer\" data-id=\"c852904\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a838a3 elementor-widget elementor-widget-html\" data-id=\"3a838a3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>THENOX \u2014 Configurateur de Montre<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    background: #0a0a0f;\n    color: #e0ddd5;\n    font-family: 'Inter', sans-serif;\n    font-weight: 300;\n    min-height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 60px 24px;\n    overflow-x: hidden;\n  }\n\n  .configurator {\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* ===== INTRO ===== *\/\n  .intro-state {\n    text-align: center;\n    padding: 40px 0;\n    animation: fadeIn 0.8s ease forwards;\n  }\n\n  .intro-icon {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 32px;\n    border: 1px solid rgba(90, 127, 165, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .intro-icon svg {\n    width: 36px;\n    height: 36px;\n    stroke: #5a9fd4;\n    fill: none;\n    stroke-width: 1.2;\n  }\n\n  .intro-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #5a7fa5;\n    margin-bottom: 16px;\n  }\n\n  .intro-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 28px;\n    color: #ffffff;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin-bottom: 20px;\n    line-height: 1.4;\n  }\n\n  .intro-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.8;\n    color: #8a8680;\n    max-width: 520px;\n    margin: 0 auto 40px;\n  }\n\n  .intro-steps {\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    margin-bottom: 48px;\n  }\n\n  .intro-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .intro-step-num {\n    width: 36px;\n    height: 36px;\n    border: 1px solid rgba(90, 127, 165, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 13px;\n    color: #5a9fd4;\n  }\n\n  .intro-step-text {\n    font-family: 'Inter', sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    color: #8a8680;\n  }\n\n  .btn-start {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 13px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 18px 48px;\n    background: #5a9fd4;\n    color: #0a0a0f;\n    border: none;\n    border-radius: 2px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .btn-start:hover { background: #7ab8e8; }\n\n  \/* ===== STEPS ===== *\/\n  .step {\n    display: none;\n    animation: fadeIn 0.5s ease forwards;\n    margin: 0 auto;\n  }\n  .step.active { display: block; }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(16px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .progress {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 48px;\n  }\n  .progress-dot {\n    height: 2px;\n    flex: 1;\n    background: rgba(90, 127, 165, 0.15);\n    border-radius: 1px;\n    transition: background 0.4s ease;\n  }\n  .progress-dot.done { background: #5a9fd4; }\n  .progress-dot.current { background: linear-gradient(90deg, #5a9fd4, rgba(90, 127, 165, 0.15)); }\n\n  .question-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #5a7fa5;\n    margin-bottom: 12px;\n    text-align: center;\n  }\n\n  .question-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 24px;\n    color: #ffffff;\n    line-height: 1.4;\n    margin-bottom: 32px;\n    text-align: center;\n  }\n\n  \/* Options *\/\n  .options-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .option {\n    background: linear-gradient(165deg, rgba(20, 22, 35, 0.9), rgba(12, 12, 20, 0.95));\n    border: 1px solid rgba(90, 127, 165, 0.12);\n    border-radius: 4px;\n    padding: 28px 24px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .option:hover { border-color: rgba(90, 127, 165, 0.3); }\n  .option.selected {\n    border-color: #5a9fd4;\n    background: linear-gradient(165deg, rgba(30, 42, 65, 0.9), rgba(18, 22, 35, 0.95));\n  }\n\n  .option-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    border: 1px solid rgba(90, 127, 165, 0.15);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n  }\n  .option.selected .option-icon,\n  .option:hover .option-icon {\n    border-color: rgba(90, 127, 165, 0.35);\n    box-shadow: 0 0 16px rgba(90, 127, 165, 0.08);\n  }\n  .option-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke: #5a7fa5;\n    fill: none;\n    stroke-width: 1.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.3s ease;\n  }\n  .option.selected .option-icon svg,\n  .option:hover .option-icon svg {\n    stroke: #8ab4db;\n  }\n\n  .option-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 15px;\n    color: #ffffff;\n    margin-bottom: 6px;\n  }\n\n  .option-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 13px;\n    font-weight: 300;\n    color: #8a8680;\n    line-height: 1.6;\n  }\n\n  \/* Color options *\/\n  .color-options {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .color-option {\n    background: linear-gradient(165deg, rgba(20, 22, 35, 0.9), rgba(12, 12, 20, 0.95));\n    border: 1px solid rgba(90, 127, 165, 0.12);\n    border-radius: 4px;\n    padding: 24px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .color-option:hover { border-color: rgba(90, 127, 165, 0.3); }\n  .color-option.selected {\n    border-color: #5a9fd4;\n    background: linear-gradient(165deg, rgba(30, 42, 65, 0.9), rgba(18, 22, 35, 0.95));\n  }\n\n  .color-swatches { display: flex; gap: 4px; }\n  .swatch {\n    width: 24px; height: 24px; border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.1);\n  }\n  .color-text { flex: 1; }\n  .color-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600; font-size: 14px; color: #ffffff; margin-bottom: 4px;\n  }\n  .color-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 12px; font-weight: 300; color: #8a8680;\n  }\n\n  \/* Buttons *\/\n  .btn-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .btn {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600; font-size: 12px; letter-spacing: 2px;\n    text-transform: uppercase; padding: 14px 32px;\n    border: none; border-radius: 2px; cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .btn-primary { background: #5a9fd4; color: #0a0a0f; }\n  .btn-primary:hover { background: #7ab8e8; }\n  .btn-primary:disabled { background: rgba(90,127,165,0.2); color: #5a7fa5; cursor: not-allowed; }\n  .btn-back { background: none; color: #5a7fa5; border: 1px solid rgba(90,127,165,0.2); }\n  .btn-back:hover { border-color: rgba(90,127,165,0.4); color: #8ab4db; }\n\n  \/* ===== LOADING ===== *\/\n  .loading-state { display: none; text-align: center; padding: 80px 0; }\n  .loading-state.active { display: block; }\n\n  .loading-orbit {\n    width: 60px; height: 60px; margin: 0 auto 32px; position: relative;\n  }\n  .loading-orbit::before {\n    content: ''; position: absolute; inset: 0;\n    border: 1px solid rgba(90,127,165,0.15); border-top-color: #5a9fd4;\n    border-radius: 50%; animation: spin 1.2s linear infinite;\n  }\n  .loading-orbit::after {\n    content: ''; position: absolute; inset: 10px;\n    border: 1px solid rgba(90,127,165,0.1); border-bottom-color: #5a7fa5;\n    border-radius: 50%; animation: spin 2s linear infinite reverse;\n  }\n  @keyframes spin { to { transform: rotate(360deg); } }\n\n  .loading-text {\n    font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px;\n    letter-spacing: 2px; text-transform: uppercase; color: #5a7fa5;\n  }\n  .loading-sub {\n    font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300;\n    color: #8a8680; margin-top: 8px;\n  }\n\n  \/* ===== RESULT ===== *\/\n  .result-state { display: none; animation: fadeIn 0.8s ease forwards; text-align: center; }\n  .result-state.active { display: block; }\n\n  .result-label {\n    font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 11px;\n    letter-spacing: 3px; text-transform: uppercase; color: #5a7fa5; margin-bottom: 12px;\n  }\n  .result-name {\n    font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 28px;\n    color: #ffffff; text-transform: uppercase; letter-spacing: 2px;\n    margin-bottom: 24px; line-height: 1.3;\n  }\n  .result-divider {\n    width: 60px; height: 1px; background: rgba(90,127,165,0.3);\n    margin: 0 auto 24px;\n  }\n  .result-palette { display: flex; gap: 12px; margin-bottom: 28px; justify-content: center; }\n  .result-swatch {\n    width: 48px; height: 48px; border-radius: 50%;\n    border: 2px solid rgba(255,255,255,0.08);\n  }\n  .result-description {\n    font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300;\n    line-height: 1.9; color: #9e9a92; margin-bottom: 32px;\n    max-width: 640px; margin-left: auto; margin-right: auto;\n    text-align: left;\n  }\n\n  .result-specs {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n    margin: 0 auto 40px; padding: 28px; max-width: 640px;\n    background: linear-gradient(165deg, rgba(20,22,35,0.7), rgba(12,12,20,0.8));\n    border: 1px solid rgba(90,127,165,0.1); border-radius: 4px;\n    text-align: left;\n  }\n  .spec-item { display: flex; flex-direction: column; gap: 4px; }\n  .spec-label {\n    font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 10px;\n    letter-spacing: 2px; text-transform: uppercase; color: #5a7fa5;\n  }\n  .spec-value {\n    font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; color: #e0ddd5;\n  }\n\n  \/* ===== PROMPT ===== *\/\n  .prompt-section {\n    margin-top: 40px; padding-top: 32px;\n    border-top: 1px solid rgba(90,127,165,0.1);\n    max-width: 640px; margin-left: auto; margin-right: auto;\n    text-align: left;\n  }\n  .prompt-label {\n    font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 11px;\n    letter-spacing: 3px; text-transform: uppercase; color: #5a7fa5; margin-bottom: 8px;\n  }\n  .prompt-hint {\n    font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300;\n    color: #8a8680; line-height: 1.6; margin-bottom: 16px;\n  }\n  .prompt-box {\n    background: rgba(10,12,20,0.8); border: 1px solid rgba(90,127,165,0.15);\n    border-radius: 4px; padding: 20px 24px;\n    font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300;\n    color: #b0ada5; line-height: 1.8; margin-bottom: 16px;\n  }\n  .btn-copy {\n    font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 11px;\n    letter-spacing: 2px; text-transform: uppercase; padding: 10px 20px;\n    background: none; color: #5a9fd4; border: 1px solid rgba(90,159,212,0.3);\n    border-radius: 2px; cursor: pointer; transition: all 0.3s ease;\n  }\n  .btn-copy:hover { background: rgba(90,159,212,0.1); border-color: rgba(90,159,212,0.5); }\n  .btn-copy.copied { color: #6fcf97; border-color: rgba(111,207,151,0.3); }\n\n  .prompt-tools { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }\n  .tool-tag {\n    font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 400;\n    color: #5a7fa5; padding: 5px 12px;\n    border: 1px solid rgba(90,127,165,0.15); border-radius: 20px;\n  }\n\n  .result-actions {\n    display: flex; gap: 16px; margin-top: 48px; justify-content: center;\n  }\n  .btn-restart {\n    background: none; color: #5a7fa5; border: 1px solid rgba(90,127,165,0.2);\n    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 12px;\n    letter-spacing: 2px; text-transform: uppercase; padding: 14px 32px;\n    border-radius: 2px; cursor: pointer; transition: all 0.3s ease;\n  }\n  .btn-restart:hover { border-color: rgba(90,127,165,0.4); color: #8ab4db; }\n\n  \/* Responsive *\/\n  @media (max-width: 600px) {\n    .options-grid, .color-options, .result-specs { grid-template-columns: 1fr; }\n    .question-title { font-size: 20px; }\n    .result-name { font-size: 22px; }\n    .intro-title { font-size: 22px; letter-spacing: 2px; }\n    .intro-steps { gap: 24px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"configurator\">\n\n  <!-- ===== INTRO ===== -->\n  <div class=\"intro-state\" id=\"introState\">\n    <div class=\"intro-icon\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n        <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n        <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\"\/>\n        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\/>\n        <line x1=\"2\" y1=\"12\" x2=\"5\" y2=\"12\"\/>\n        <line x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"intro-label\">Exp\u00e9rience interactive<\/div>\n    <div class=\"intro-title\">Cr\u00e9ez votre montre cosmique<\/div>\n    <p class=\"intro-desc\">R\u00e9pondez \u00e0 quatre questions sur vos go\u00fbts et laissez l'intelligence artificielle concevoir un concept de montre unique, inspir\u00e9 par les mat\u00e9riaux de l'univers et adapt\u00e9 \u00e0 votre personnalit\u00e9.<\/p>\n    <div class=\"intro-steps\">\n      <div class=\"intro-step\"><div class=\"intro-step-num\">01<\/div><div class=\"intro-step-text\">Votre univers<\/div><\/div>\n      <div class=\"intro-step\"><div class=\"intro-step-num\">02<\/div><div class=\"intro-step-text\">Vos couleurs<\/div><\/div>\n      <div class=\"intro-step\"><div class=\"intro-step-num\">03<\/div><div class=\"intro-step-text\">Votre style<\/div><\/div>\n      <div class=\"intro-step\"><div class=\"intro-step-num\">04<\/div><div class=\"intro-step-text\">Votre usage<\/div><\/div>\n    <\/div>\n    <button class=\"btn-start\" onclick=\"startConfig()\">Commencer la configuration<\/button>\n  <\/div>\n\n  <!-- ===== STEP 1 ===== -->\n  <div class=\"step\" id=\"step1\">\n    <div class=\"progress\">\n      <div class=\"progress-dot current\"><\/div><div class=\"progress-dot\"><\/div><div class=\"progress-dot\"><\/div><div class=\"progress-dot\"><\/div>\n    <\/div>\n    <div class=\"question-label\">Question 01 \/ 04<\/div>\n    <div class=\"question-title\">Quel aspect de l'espace vous fascine le plus ?<\/div>\n    <div class=\"options-grid\">\n      <div class=\"option\" onclick=\"select(1, this, 'Mars et les plan\u00e8tes rocheuses \u2014 les paysages d\u00e9sertiques, les canyons, la g\u00e9ologie')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M5 12c2-2 4-3 7-2.5s5 1.5 7 3.5\"\/><circle cx=\"15\" cy=\"9\" r=\"1.5\" stroke-width=\"1\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Les plan\u00e8tes<\/div>\n        <div class=\"option-desc\">Mars, la Lune, paysages extraterrestres et g\u00e9ologie plan\u00e9taire<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(1, this, 'Les ast\u00e9ro\u00efdes et les m\u00e9t\u00e9orites \u2014 les voyageurs silencieux du syst\u00e8me solaire, la mati\u00e8re primitive')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 3l5 5\"\/><path d=\"M5 2l-2 3\"\/><path d=\"M2 5l3-1\"\/><path d=\"M10 8l-2-2\"\/><path d=\"M8 5l-1 2\"\/><polygon points=\"14 8 20 8 22 14 19 20 13 20 10 14\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Les m\u00e9t\u00e9orites<\/div>\n        <div class=\"option-desc\">Voyageurs cosmiques, mati\u00e8re primitive du syst\u00e8me solaire<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(1, this, 'Les n\u00e9buleuses et les \u00e9toiles \u2014 les couleurs, la lumi\u00e8re, la naissance et la mort des \u00e9toiles')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"6\" stroke-dasharray=\"2 3\"\/><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-dasharray=\"1 4\"\/><circle cx=\"18\" cy=\"6\" r=\"0.8\" fill=\"#5a7fa5\" stroke=\"none\"\/><circle cx=\"7\" cy=\"17\" r=\"0.5\" fill=\"#5a7fa5\" stroke=\"none\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Les n\u00e9buleuses<\/div>\n        <div class=\"option-desc\">Couleurs cosmiques, naissance des \u00e9toiles, lumi\u00e8re<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(1, this, 'L\\'exploration spatiale \u2014 les missions Apollo, les rovers, les t\u00e9lescopes, l\\'aventure humaine')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L9 9H2l6 4.5L5.5 21 12 16.5 18.5 21 16 13.5 22 9h-7L12 2z\" fill=\"none\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">L'exploration<\/div>\n        <div class=\"option-desc\">Missions spatiales, rovers, aventure humaine dans le cosmos<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"btn-row\">\n      <button class=\"btn btn-back\" onclick=\"backToIntro()\">Retour<\/button>\n      <button class=\"btn btn-primary\" id=\"btn1\" disabled onclick=\"nextStep(2)\">Suivant<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- ===== STEP 2 ===== -->\n  <div class=\"step\" id=\"step2\">\n    <div class=\"progress\">\n      <div class=\"progress-dot done\"><\/div><div class=\"progress-dot current\"><\/div><div class=\"progress-dot\"><\/div><div class=\"progress-dot\"><\/div>\n    <\/div>\n    <div class=\"question-label\">Question 02 \/ 04<\/div>\n    <div class=\"question-title\">Quelle palette de couleurs vous attire ?<\/div>\n    <div class=\"color-options\">\n      <div class=\"color-option\" onclick=\"select(2, this, 'Tons chauds : rouges profonds, cuivre, ambre, or \u2014 chaleur et intensit\u00e9')\">\n        <div class=\"color-swatches\">\n          <div class=\"swatch\" style=\"background:#8B1A1A\"><\/div>\n          <div class=\"swatch\" style=\"background:#B87333\"><\/div>\n          <div class=\"swatch\" style=\"background:#DAA520\"><\/div>\n        <\/div>\n        <div class=\"color-text\"><div class=\"color-name\">Tons chauds<\/div><div class=\"color-desc\">Rouges, cuivre, ambre, or<\/div><\/div>\n      <\/div>\n      <div class=\"color-option\" onclick=\"select(2, this, 'Tons froids : argent, gris, bleu glac\u00e9, blanc nacr\u00e9 \u2014 s\u00e9r\u00e9nit\u00e9 et \u00e9l\u00e9gance')\">\n        <div class=\"color-swatches\">\n          <div class=\"swatch\" style=\"background:#A9A9A9\"><\/div>\n          <div class=\"swatch\" style=\"background:#778899\"><\/div>\n          <div class=\"swatch\" style=\"background:#B0C4DE\"><\/div>\n        <\/div>\n        <div class=\"color-text\"><div class=\"color-name\">Tons froids<\/div><div class=\"color-desc\">Argent, gris, bleu glac\u00e9, nacr\u00e9<\/div><\/div>\n      <\/div>\n      <div class=\"color-option\" onclick=\"select(2, this, 'Tons bruts : acier, noir profond, or sombre, m\u00e9tal bross\u00e9 \u2014 force et caract\u00e8re')\">\n        <div class=\"color-swatches\">\n          <div class=\"swatch\" style=\"background:#71797E\"><\/div>\n          <div class=\"swatch\" style=\"background:#0D0D0D\"><\/div>\n          <div class=\"swatch\" style=\"background:#8B7536\"><\/div>\n        <\/div>\n        <div class=\"color-text\"><div class=\"color-name\">Tons bruts<\/div><div class=\"color-desc\">Acier, noir, or sombre, m\u00e9tal<\/div><\/div>\n      <\/div>\n      <div class=\"color-option\" onclick=\"select(2, this, 'Tons translucides : vert olive, ambre dor\u00e9, reflets iris\u00e9s \u2014 myst\u00e8re et profondeur')\">\n        <div class=\"color-swatches\">\n          <div class=\"swatch\" style=\"background:#9ACD32\"><\/div>\n          <div class=\"swatch\" style=\"background:#DAA520\"><\/div>\n          <div class=\"swatch\" style=\"background:#BDB76B\"><\/div>\n        <\/div>\n        <div class=\"color-text\"><div class=\"color-name\">Tons translucides<\/div><div class=\"color-desc\">Vert olive, ambre, iris\u00e9<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"btn-row\">\n      <button class=\"btn btn-back\" onclick=\"prevStep(1)\">Retour<\/button>\n      <button class=\"btn btn-primary\" id=\"btn2\" disabled onclick=\"nextStep(3)\">Suivant<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- ===== STEP 3 ===== -->\n  <div class=\"step\" id=\"step3\">\n    <div class=\"progress\">\n      <div class=\"progress-dot done\"><\/div><div class=\"progress-dot done\"><\/div><div class=\"progress-dot current\"><\/div><div class=\"progress-dot\"><\/div>\n    <\/div>\n    <div class=\"question-label\">Question 03 \/ 04<\/div>\n    <div class=\"question-title\">Quel style de design vous repr\u00e9sente ?<\/div>\n    <div class=\"options-grid\">\n      <div class=\"option\" onclick=\"select(3, this, 'Minimaliste \u2014 lignes \u00e9pur\u00e9es, peu d\\'\u00e9l\u00e9ments, \u00e9l\u00e9gance par la simplicit\u00e9')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Minimaliste<\/div>\n        <div class=\"option-desc\">Lignes \u00e9pur\u00e9es, \u00e9l\u00e9gance par la simplicit\u00e9<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(3, this, 'Brut et industriel \u2014 textures visibles, mati\u00e8re assum\u00e9e, force et authenticit\u00e9')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8.5\"\/><line x1=\"22\" y1=\"8.5\" x2=\"2\" y2=\"8.5\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Brut & industriel<\/div>\n        <div class=\"option-desc\">Textures visibles, mati\u00e8re assum\u00e9e, authenticit\u00e9<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(3, this, 'Artistique et audacieux \u2014 formes originales, jeux de lumi\u00e8re, expression cr\u00e9ative')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c1 0 1.5-.5 1.5-1.2 0-.3-.1-.6-.4-.9-.3-.3-.4-.6-.4-.9 0-.8.6-1.5 1.5-1.5H16c3.3 0 6-2.7 6-6 0-5.2-4.5-9.5-10-9.5z\"\/><circle cx=\"8\" cy=\"10\" r=\"1.2\" fill=\"#5a7fa5\" stroke=\"none\"\/><circle cx=\"12\" cy=\"7\" r=\"1.2\" fill=\"#5a7fa5\" stroke=\"none\"\/><circle cx=\"16\" cy=\"10\" r=\"1.2\" fill=\"#5a7fa5\" stroke=\"none\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Artistique<\/div>\n        <div class=\"option-desc\">Formes originales, jeux de lumi\u00e8re, cr\u00e9ativit\u00e9<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(3, this, 'Classique et raffin\u00e9 \u2014 proportions harmonieuses, d\u00e9tails soign\u00e9s, intemporel')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Classique & raffin\u00e9<\/div>\n        <div class=\"option-desc\">Proportions harmonieuses, intemporel, soign\u00e9<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"btn-row\">\n      <button class=\"btn btn-back\" onclick=\"prevStep(2)\">Retour<\/button>\n      <button class=\"btn btn-primary\" id=\"btn3\" disabled onclick=\"nextStep(4)\">Suivant<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- ===== STEP 4 ===== -->\n  <div class=\"step\" id=\"step4\">\n    <div class=\"progress\">\n      <div class=\"progress-dot done\"><\/div><div class=\"progress-dot done\"><\/div><div class=\"progress-dot done\"><\/div><div class=\"progress-dot current\"><\/div>\n    <\/div>\n    <div class=\"question-label\">Question 04 \/ 04<\/div>\n    <div class=\"question-title\">Pour quelle occasion porteriez-vous cette montre ?<\/div>\n    <div class=\"options-grid\">\n      <div class=\"option\" onclick=\"select(4, this, 'Au quotidien \u2014 une montre pour tous les jours, r\u00e9sistante et polyvalente')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Au quotidien<\/div>\n        <div class=\"option-desc\">Polyvalente, r\u00e9sistante, pour tous les jours<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(4, this, 'Soir\u00e9es et \u00e9v\u00e9nements \u2014 une pi\u00e8ce remarquable qui attire les regards et suscite la conversation')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Soir\u00e9es & \u00e9v\u00e9nements<\/div>\n        <div class=\"option-desc\">Une pi\u00e8ce remarquable, conversation starter<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(4, this, 'Pi\u00e8ce de collection \u2014 un objet pr\u00e9cieux \u00e0 contempler, rare et significatif')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"1\"\/><path d=\"M7 7V5a5 5 0 0 1 10 0v2\"\/><circle cx=\"12\" cy=\"14\" r=\"2\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Pi\u00e8ce de collection<\/div>\n        <div class=\"option-desc\">Objet pr\u00e9cieux, rare et significatif<\/div>\n      <\/div>\n      <div class=\"option\" onclick=\"select(4, this, 'Aventure et exploration \u2014 robuste, fonctionnelle, pr\u00eate pour l\\'action')\">\n        <div class=\"option-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\" fill=\"none\"\/><\/svg>\n        <\/div>\n        <div class=\"option-name\">Aventure<\/div>\n        <div class=\"option-desc\">Robuste, fonctionnelle, esprit explorateur<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"btn-row\">\n      <button class=\"btn btn-back\" onclick=\"prevStep(3)\">Retour<\/button>\n      <button class=\"btn btn-primary\" id=\"btn4\" disabled onclick=\"generate()\">Cr\u00e9er ma montre<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- ===== LOADING ===== -->\n  <div class=\"loading-state\" id=\"loadingState\">\n    <div class=\"loading-orbit\"><\/div>\n    <div class=\"loading-text\">Conception en cours<\/div>\n    <div class=\"loading-sub\">L'IA imagine votre montre unique...<\/div>\n  <\/div>\n\n  <!-- ===== RESULT ===== -->\n  <div class=\"result-state\" id=\"resultState\">\n    <div class=\"result-label\">Votre concept unique<\/div>\n    <div class=\"result-name\" id=\"resultName\"><\/div>\n    <div class=\"result-divider\"><\/div>\n    <div class=\"result-palette\" id=\"resultPalette\"><\/div>\n    <div class=\"result-description\" id=\"resultDesc\"><\/div>\n    <div class=\"result-specs\" id=\"resultSpecs\"><\/div>\n    <div class=\"prompt-section\">\n      <div class=\"prompt-label\">Visualisez votre montre<\/div>\n      <p class=\"prompt-hint\">Copiez ce prompt et collez-le dans un outil d'IA g\u00e9n\u00e9rative pour cr\u00e9er une image de votre montre :<\/p>\n      <div class=\"prompt-box\" id=\"promptBox\"><\/div>\n      <button class=\"btn-copy\" id=\"btnCopy\" onclick=\"copyPrompt()\">Copier le prompt<\/button>\n      <div class=\"prompt-tools\">\n        <span class=\"tool-tag\">Midjourney<\/span>\n        <span class=\"tool-tag\">DALL-E 3<\/span>\n        <span class=\"tool-tag\">Ideogram<\/span>\n        <span class=\"tool-tag\">Leonardo AI<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"result-actions\">\n      <button class=\"btn-restart\" onclick=\"restart()\">Recommencer<\/button>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nconst answers = {};\n\nfunction startConfig() {\n  document.getElementById('introState').style.display = 'none';\n  document.getElementById('step1').classList.add('active');\n}\n\nfunction backToIntro() {\n  document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n  document.getElementById('introState').style.display = 'block';\n}\n\nfunction select(step, el, value) {\n  el.parentElement.querySelectorAll('.option, .color-option').forEach(o => o.classList.remove('selected'));\n  el.classList.add('selected');\n  answers[step] = value;\n  document.getElementById('btn' + step).disabled = false;\n}\n\nfunction nextStep(n) {\n  document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n  document.getElementById('step' + n).classList.add('active');\n}\n\nfunction prevStep(n) {\n  document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n  document.getElementById('step' + n).classList.add('active');\n}\n\nasync function generate() {\n  document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n  document.getElementById('loadingState').classList.add('active');\n\n  const prompt = `Tu es le directeur cr\u00e9atif de THENOX, un atelier de design horloger spatial qui con\u00e7oit des montres fictives int\u00e9grant des mat\u00e9riaux cosmiques (m\u00e9t\u00e9orites, mat\u00e9riaux lunaires, pallasites, etc.).\n\nUn visiteur a r\u00e9pondu \u00e0 4 questions sur ses go\u00fbts. Cr\u00e9e un concept de montre unique et personnalis\u00e9 bas\u00e9 sur ses r\u00e9ponses.\n\nR\u00e9ponses du visiteur :\n1. Fascination spatiale : ${answers[1]}\n2. Palette de couleurs : ${answers[2]}\n3. Style de design : ${answers[3]}\n4. Occasion : ${answers[4]}\n\nR\u00e9ponds UNIQUEMENT en JSON valide, sans backticks, sans commentaires, avec cette structure exacte :\n{\n  \"name\": \"Nom po\u00e9tique et \u00e9vocateur de la montre (1-3 mots)\",\n  \"description\": \"Description d\u00e9taill\u00e9e du concept en 3-4 phrases. Mentionne le mat\u00e9riau cosmique r\u00e9el utilis\u00e9, l'inspiration scientifique, le lien entre les go\u00fbts du visiteur et les choix de design. Ton po\u00e9tique mais ancr\u00e9 dans la science.\",\n  \"specs\": {\n    \"materiau\": \"Le mat\u00e9riau cosmique principal du cadran\",\n    \"boitier\": \"Mat\u00e9riau et finition du bo\u00eetier\",\n    \"bracelet\": \"Type et mat\u00e9riau du bracelet\",\n    \"diametre\": \"Diam\u00e8tre en mm\",\n    \"inspiration\": \"Le ph\u00e9nom\u00e8ne spatial qui inspire le design\"\n  },\n  \"palette\": [\"#hex1\", \"#hex2\", \"#hex3\", \"#hex4\"],\n  \"imagePrompt\": \"Un prompt d\u00e9taill\u00e9 en anglais pour Midjourney ou DALL-E pour g\u00e9n\u00e9rer une image photor\u00e9aliste de cette montre. Inclure: le type de cadran (mat\u00e9riau m\u00e9t\u00e9orite sp\u00e9cifique), les couleurs exactes, le style du bo\u00eetier, le bracelet, l'ambiance (fond sombre luxe), product photography, 8k. Le prompt doit faire 2-3 lignes.\"\n}`;\n\n  try {\n    const response = await fetch(\"https:\/\/api.anthropic.com\/v1\/messages\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application\/json\" },\n      body: JSON.stringify({\n        model: \"claude-sonnet-4-20250514\",\n        max_tokens: 1000,\n        messages: [{ role: \"user\", content: prompt }]\n      })\n    });\n    const data = await response.json();\n    const text = data.content.filter(i => i.type === \"text\").map(i => i.text).join(\"\");\n    const clean = text.replace(\/```json|```\/g, \"\").trim();\n    showResult(JSON.parse(clean));\n  } catch (err) {\n    console.error(\"Error:\", err);\n    showResult(generateFallback());\n  }\n}\n\nfunction generateFallback() {\n  const themes = {\n    \"Mars\": { name: \"Olympus\", mat: \"Shergottite martienne\", insp: \"Olympus Mons\", palette: [\"#8B1A1A\",\"#B87333\",\"#1A1A1A\",\"#CD7F32\"], imgPrompt: \"Luxury wristwatch product photography, dial made from authentic Martian meteorite shergottite with deep red-brown and black basaltic texture, brushed copper-toned case, black leather strap with red stitching, dark moody background with subtle red dust particles, dramatic side lighting, ultra-realistic, 8k --ar 1:1 --style raw\" },\n    \"ast\u00e9ro\u00efdes\": { name: \"Widmanst\u00e4tten\", mat: \"Sid\u00e9rite Gibeon\", insp: \"Motifs cristallins\", palette: [\"#71797E\",\"#0D0D0D\",\"#8B7536\",\"#A0A0A0\"], imgPrompt: \"Luxury wristwatch product photography, dial made from Gibeon meteorite showing prominent Widmanst\u00e4tten geometric crystal patterns, dark gold hour markers, brushed steel case, black metal bracelet, dark dramatic background, hard directional lighting, ultra-realistic, 8k --ar 1:1 --style raw\" },\n    \"n\u00e9buleuses\": { name: \"Orion\", mat: \"Pallasite Esquel\", insp: \"N\u00e9buleuse d'Orion\", palette: [\"#9ACD32\",\"#DAA520\",\"#BDB76B\",\"#C0C0C0\"], imgPrompt: \"Luxury wristwatch product photography, dial inspired by pallasite meteorite with translucent amber-green olivine crystals in iron-nickel matrix, gold-toned case, dark green leather strap, backlit crystals glowing, dark background with nebula reflections, ultra-realistic, 8k --ar 1:1 --style raw\" },\n    \"exploration\": { name: \"Apollo\", mat: \"Br\u00e8che lunaire NWA 12691\", insp: \"Missions Apollo\", palette: [\"#A9A9A9\",\"#778899\",\"#B0C4DE\",\"#F5F5F5\"], imgPrompt: \"Luxury minimalist wristwatch, dial from lunar meteorite with pale grey anorthosite texture and crater micro-indentations, polished silver case, pearl-white leather strap, soft diffused lighting, gradient grey-to-black background, serene aesthetic, ultra-realistic, 8k --ar 1:1 --style raw\" }\n  };\n  let key = \"Mars\";\n  if (answers[1].includes(\"ast\u00e9ro\u00efdes\")) key = \"ast\u00e9ro\u00efdes\";\n  else if (answers[1].includes(\"n\u00e9buleuses\")) key = \"n\u00e9buleuses\";\n  else if (answers[1].includes(\"exploration\")) key = \"exploration\";\n  const t = themes[key];\n  return {\n    name: t.name,\n    description: `Cette montre conceptuelle THENOX int\u00e8gre un cadran en ${t.mat}, un mat\u00e9riau vieux de plusieurs milliards d'ann\u00e9es. Son design s'inspire de ${t.insp}, traduisant la beaut\u00e9 brute de l'espace en un objet intime port\u00e9 au poignet. Chaque d\u00e9tail refl\u00e8te vos pr\u00e9f\u00e9rences : les textures, les proportions et la palette ont \u00e9t\u00e9 pens\u00e9s pour cr\u00e9er une harmonie entre votre personnalit\u00e9 et la mati\u00e8re cosmique.`,\n    specs: { materiau: t.mat, boitier: \"Titane grade 5 bross\u00e9\", bracelet: \"Cuir v\u00e9ritable cousu main\", diametre: \"42mm\", inspiration: t.insp },\n    palette: t.palette,\n    imagePrompt: t.imgPrompt\n  };\n}\n\nfunction showResult(result) {\n  document.getElementById('loadingState').classList.remove('active');\n  document.getElementById('resultState').classList.add('active');\n  document.getElementById('resultName').textContent = result.name;\n  document.getElementById('resultDesc').textContent = result.description;\n  document.getElementById('resultPalette').innerHTML = result.palette.map(c => '<div class=\"result-swatch\" style=\"background:'+c+'\" title=\"'+c+'\"><\/div>').join('');\n  const labels = { materiau:\"Mat\u00e9riau du cadran\", boitier:\"Bo\u00eetier\", bracelet:\"Bracelet\", diametre:\"Diam\u00e8tre\", inspiration:\"Inspiration\" };\n  document.getElementById('resultSpecs').innerHTML = Object.entries(result.specs).map(([k,v]) => '<div class=\"spec-item\"><span class=\"spec-label\">'+(labels[k]||k)+'<\/span><span class=\"spec-value\">'+v+'<\/span><\/div>').join('');\n  document.getElementById('promptBox').textContent = result.imagePrompt;\n  document.getElementById('resultState').scrollIntoView({ behavior:'smooth', block:'start' });\n}\n\nfunction copyPrompt() {\n  navigator.clipboard.writeText(document.getElementById('promptBox').textContent).then(() => {\n    const btn = document.getElementById('btnCopy');\n    btn.textContent = 'Copi\u00e9 !';\n    btn.classList.add('copied');\n    setTimeout(() => { btn.textContent = 'Copier le prompt'; btn.classList.remove('copied'); }, 2000);\n  });\n}\n\nfunction restart() {\n  document.getElementById('resultState').classList.remove('active');\n  document.getElementById('loadingState').classList.remove('active');\n  document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n  document.querySelectorAll('.option, .color-option').forEach(o => o.classList.remove('selected'));\n  document.querySelectorAll('.btn-primary').forEach(b => b.disabled = true);\n  document.getElementById('introState').style.display = 'block';\n  Object.keys(answers).forEach(k => delete answers[k]);\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-313c7d8 elementor-widget elementor-widget-spacer\" data-id=\"313c7d8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-kdcn9i0 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"kdcn9i0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8f2340d\" data-id=\"8f2340d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c73836d elementor-widget elementor-widget-heading\" data-id=\"c73836d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">MES INSPIRATIONS<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-253de0d elementor-widget elementor-widget-heading\" data-id=\"253de0d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ce qui nourrit ma vision<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2e5d159 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e5d159\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-31be6c7\" data-id=\"31be6c7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c61711b elementor-widget elementor-widget-heading\" data-id=\"c61711b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">L'horlogerie spatiale<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-009557e elementor-widget elementor-widget-text-editor\" data-id=\"009557e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Les montres ont toujours eu un lien profond avec l&rsquo;espace. L&rsquo;Omega Speedmaster, port\u00e9e lors de la mission Apollo 11, est devenue un symbole de cette connexion. Des marques contemporaines comme Diatom Watches int\u00e8grent d\u00e9j\u00e0 des mat\u00e9riaux spatiaux dans leurs garde-temps. THENOX s&rsquo;inscrit dans cette lign\u00e9e, en poussant l&rsquo;exploration vers un territoire plus conceptuel et artistique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-95cd7ea\" data-id=\"95cd7ea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef7da3a elementor-widget elementor-widget-heading\" data-id=\"ef7da3a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">L'imagerie du t\u00e9lescope James Webb<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eed482 elementor-widget elementor-widget-text-editor\" data-id=\"6eed482\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Lanc\u00e9 en d\u00e9cembre 2021, le t\u00e9lescope spatial James Webb (JWST) a r\u00e9volutionn\u00e9 notre vision de l&rsquo;univers. Ses images \u2014 les Piliers de la Cr\u00e9ation dans la n\u00e9buleuse de l&rsquo;Aigle, les galaxies lointaines du champ profond, les atmosph\u00e8res d&rsquo;exoplan\u00e8tes \u2014 offrent une palette de couleurs et de formes d&rsquo;une richesse in\u00e9puisable. La collection Nebula puise directement dans cette esth\u00e9tique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-461c572\" data-id=\"461c572\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20f3d8f elementor-widget elementor-widget-heading\" data-id=\"20f3d8f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">La philosophie du Wabi-sabi<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5257b80 elementor-widget elementor-widget-text-editor\" data-id=\"5257b80\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Le concept japonais de wabi-sabi \u2014 la beaut\u00e9 dans l&rsquo;imperfection et l&rsquo;\u00e9ph\u00e9m\u00e8re \u2014 r\u00e9sonne fortement avec les m\u00e9t\u00e9orites. Ces objets portent les cicatrices de milliards d&rsquo;ann\u00e9es de voyage : cro\u00fbte de fusion, fractures, oxydation. Dans mes designs, je ne cherche pas \u00e0 masquer ces \u00ab imperfections \u00bb mais \u00e0 les mettre en \u00e9vidence, comme des t\u00e9moignages de l&rsquo;histoire cosmique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c24d1b5 e-flex e-con-boxed e-con e-parent\" data-id=\"c24d1b5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7ead9b elementor-widget elementor-widget-html\" data-id=\"e7ead9b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .thenox-footer {\n    background: #060609;\n    border-top: 1px solid rgba(90, 127, 165, 0.08);\n    font-family: 'Inter', sans-serif;\n    padding: 80px 40px 0;\n    width: 100%;\n  }\n\n  .thenox-footer * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .thenox-footer-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .thenox-footer-top {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\n    gap: 48px;\n    padding-bottom: 60px;\n    border-bottom: 1px solid rgba(90, 127, 165, 0.06);\n  }\n\n  .thenox-footer-logo {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 24px;\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    display: inline-block;\n    margin-bottom: 20px;\n  }\n\n  .thenox-footer-logo-dot {\n    display: inline-block;\n    width: 7px;\n    height: 7px;\n    background: #5a9fd4;\n    border-radius: 50%;\n    margin-right: 3px;\n    vertical-align: middle;\n    position: relative;\n    top: -2px;\n  }\n\n  .thenox-footer-tagline {\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    font-weight: 300;\n    color: #6b6860;\n    line-height: 1.8;\n    max-width: 300px;\n    margin-bottom: 28px;\n  }\n\n  .thenox-footer-social {\n    display: flex;\n    gap: 14px;\n  }\n\n  .thenox-footer-social a {\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(90, 127, 165, 0.12);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    text-decoration: none !important;\n  }\n\n  .thenox-footer-social a:hover {\n    border-color: rgba(90, 127, 165, 0.35);\n    background: rgba(90, 127, 165, 0.06);\n  }\n\n  .thenox-footer-social a svg {\n    width: 18px;\n    height: 18px;\n    stroke: #5a7fa5;\n    fill: none;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .thenox-footer-social a:hover svg {\n    stroke: #8ab4db;\n  }\n\n  .thenox-footer-col-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #5a7fa5;\n    margin-bottom: 24px;\n  }\n\n  .thenox-footer-links {\n    list-style: none !important;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .thenox-footer-links a {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 16px;\n    font-weight: 300;\n    color: #8a8680 !important;\n    text-decoration: none !important;\n    transition: color 0.3s ease;\n    display: inline-block;\n  }\n\n  .thenox-footer-links a:hover {\n    color: #ffffff !important;\n  }\n\n  .thenox-footer-newsletter {\n    padding: 48px 0;\n    border-bottom: 1px solid rgba(90, 127, 165, 0.06);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n  }\n\n  .thenox-footer-newsletter-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 20px;\n    color: #ffffff;\n    letter-spacing: 1px;\n    margin-bottom: 6px;\n  }\n\n  .thenox-footer-newsletter-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    font-weight: 300;\n    color: #6b6860;\n  }\n\n  .thenox-footer-newsletter-form {\n    display: flex;\n    gap: 10px;\n  }\n\n  .thenox-footer-newsletter-input {\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 300;\n    color: #e0ddd5;\n    background: rgba(20, 22, 35, 0.6);\n    border: 1px solid rgba(90, 127, 165, 0.15);\n    border-radius: 2px;\n    padding: 14px 20px;\n    width: 280px;\n    outline: none;\n    transition: border-color 0.3s ease;\n  }\n\n  .thenox-footer-newsletter-input::placeholder { color: #5a5850; }\n\n  .thenox-footer-newsletter-input:focus {\n    border-color: rgba(90, 127, 165, 0.4);\n  }\n\n  .thenox-footer-newsletter-btn {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 13px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #0a0a0f;\n    background: #5a9fd4;\n    border: none;\n    border-radius: 2px;\n    padding: 14px 28px;\n    cursor: pointer;\n    transition: background 0.3s ease;\n  }\n\n  .thenox-footer-newsletter-btn:hover { background: #7ab8e8; }\n\n  .thenox-footer-bottom {\n    padding: 28px 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .thenox-footer-copy {\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 300;\n    color: #4a4840;\n  }\n\n  .thenox-footer-bottom-links {\n    display: flex;\n    gap: 24px;\n  }\n\n  .thenox-footer-bottom-links a {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px;\n    font-weight: 300;\n    color: #4a4840 !important;\n    text-decoration: none !important;\n    transition: color 0.3s ease;\n  }\n\n  .thenox-footer-bottom-links a:hover { color: #8a8680 !important; }\n\n  @media (max-width: 900px) {\n    .thenox-footer { padding: 48px 24px 0; }\n    .thenox-footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }\n    .thenox-footer-brand { grid-column: 1 \/ -1; }\n    .thenox-footer-newsletter { flex-direction: column; align-items: flex-start; }\n    .thenox-footer-newsletter-form { width: 100%; }\n    .thenox-footer-newsletter-input { flex: 1; width: auto; }\n  }\n\n  @media (max-width: 600px) {\n    .thenox-footer-top { grid-template-columns: 1fr; gap: 28px; }\n    .thenox-footer-bottom { flex-direction: column; gap: 12px; text-align: center; }\n  }\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<div class=\"thenox-footer\">\n  <div class=\"thenox-footer-inner\">\n    <div class=\"thenox-footer-top\">\n      <div class=\"thenox-footer-brand\">\n        <a href=\"https:\/\/thenox.ch\/\" class=\"thenox-footer-logo\"><span class=\"thenox-footer-logo-dot\"><\/span>THENOX<\/a>\n        <p class=\"thenox-footer-tagline\">Explorer, concevoir, imaginer \u2014 des montres n\u00e9es de la science et des \u00e9toiles. Un projet par Margarita.<\/p>\n        <div class=\"thenox-footer-social\">\n          <a href=\"#\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"#5a7fa5\" stroke=\"none\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg><\/a>\n          <a href=\"mailto:margarita.demakova@heig-vd.ch\" aria-label=\"Email\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><polyline points=\"22 4 12 13 2 4\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"thenox-footer-col\">\n        <div class=\"thenox-footer-col-title\">Collections<\/div>\n        <div class=\"thenox-footer-links\">\n          <a href=\"https:\/\/thenox.ch\/collection\/\">Martia<\/a>\n          <a href=\"https:\/\/thenox.ch\/collection\/\">S\u00e9l\u00e9n\u00e9<\/a>\n          <a href=\"https:\/\/thenox.ch\/collection\/\">Sid\u00e9ral<\/a>\n          <a href=\"https:\/\/thenox.ch\/collection\/\">Nebula<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"thenox-footer-col\">\n        <div class=\"thenox-footer-col-title\">Explorer<\/div>\n        <div class=\"thenox-footer-links\">\n          <a href=\"https:\/\/thenox.ch\/matiere-cosmique\/\">Mati\u00e8re Cosmique<\/a>\n          <a href=\"https:\/\/thenox.ch\/processus-creatif\/\">Processus Cr\u00e9atif<\/a>\n          <a href=\"https:\/\/thenox.ch\/blog-2\/\">Blog<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"thenox-footer-col\">\n        <div class=\"thenox-footer-col-title\">Contact<\/div>\n        <div class=\"thenox-footer-links\">\n          <a href=\"https:\/\/thenox.ch\/contact-2\/\">Formulaire de contact<\/a>\n          <a href=\"mailto:margarita.demakova@heig-vd.ch\">Email<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"thenox-footer-newsletter\">\n      <div class=\"thenox-footer-newsletter-text\">\n        <div class=\"thenox-footer-newsletter-title\">Restez connect\u00e9s au cosmos<\/div>\n        <div class=\"thenox-footer-newsletter-desc\">Nouvelles esquisses, articles et coulisses du processus cr\u00e9atif.<\/div>\n      <\/div>\n      <div class=\"thenox-footer-newsletter-form\">\n        <input type=\"email\" class=\"thenox-footer-newsletter-input\" placeholder=\"votre@email.com\">\n        <button class=\"thenox-footer-newsletter-btn\">S'inscrire<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"thenox-footer-bottom\">\n      <div class=\"thenox-footer-copy\">\u00a9 2026 THENOX \u2014 Atelier de design horloger spatial. Projet de Marketing Digital, HEIG-VD.<\/div>\n      <div class=\"thenox-footer-bottom-links\">\n        <a href=\"#\">Mentions l\u00e9gales<\/a>\n        <a href=\"#\">Politique de confidentialit\u00e9<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Processus Cr\u00e9atif De la science au design \u2014 les choix, les couleurs et les inspirations derri\u00e8re chaque collection THENOX. Martia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"two_page_speed":[],"footnotes":""},"class_list":["post-756","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"bloom_image":false,"tenweb_optimizer_mobile":false,"tenweb_optimizer_tablet":false},"uagb_author_info":{"display_name":"margarita.demakova@heig-vd.ch","author_link":"https:\/\/thenox.ch\/en\/author\/margarita-demakovaheig-vd-ch\/"},"uagb_comment_info":0,"uagb_excerpt":"Processus Cr\u00e9atif De la science au design \u2014 les choix, les couleurs et les inspirations derri\u00e8re chaque collection THENOX. Martia [&hellip;]","_links":{"self":[{"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/pages\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/comments?post=756"}],"version-history":[{"count":49,"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/pages\/756\/revisions"}],"predecessor-version":[{"id":940,"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/pages\/756\/revisions\/940"}],"wp:attachment":[{"href":"https:\/\/thenox.ch\/en\/wp-json\/wp\/v2\/media?parent=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}