{"id":1397,"date":"2026-01-16T08:20:32","date_gmt":"2026-01-16T07:20:32","guid":{"rendered":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/?page_id=1397"},"modified":"2026-06-10T13:59:58","modified_gmt":"2026-06-10T11:59:58","slug":"mes-competences","status":"publish","type":"page","link":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-competences\/","title":{"rendered":"Mes comp\u00e9tences"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1397\" class=\"elementor elementor-1397\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c420d5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"1c420d5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a78b205 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"a78b205\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc272ac wpr-logo-position-center elementor-widget elementor-widget-wpr-logo\" data-id=\"dc272ac\" data-element_type=\"widget\" data-widget_type=\"wpr-logo.default\">\n\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"wpr-logo elementor-clearfix\">\n\n\t\t\t\t\t\t\t\t<picture class=\"wpr-logo-image\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2025\/11\/m3-removebg-preview.png 1x, https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2025\/11\/m3-removebg-preview.png 2x\">\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2025\/11\/m3-removebg-preview.png\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/\"><\/a>\n\t\t\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/\"><\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ede6652 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"ede6652\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4f9dde wpr-main-menu-align-center wpr-main-menu-align--mobilecenter wpr-mobile-toggle-v4 wpr-main-menu-align--tabletleft wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-sub-icon-caret-down wpr-sub-menu-fx-fade wpr-nav-menu-bp-tablet wpr-mobile-menu-display-dropdown wpr-mobile-menu-full-width wpr-sub-divider-yes elementor-widget elementor-widget-wpr-mega-menu\" data-id=\"c4f9dde\" data-element_type=\"widget\" data-settings=\"{&quot;menu_layout&quot;:&quot;horizontal&quot;}\" data-widget_type=\"wpr-mega-menu.default\">\n\t\t\t\t\t<nav class=\"wpr-nav-menu-container wpr-mega-menu-container wpr-nav-menu-horizontal\" data-trigger=\"hover\"><ul id=\"menu-1-c4f9dde\" class=\"wpr-nav-menu wpr-mega-menu\"><li class=\"nav-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-48\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/\" class=\"wpr-menu-item wpr-pointer-item\"><span>Accueil<\/span><\/a><\/li>\n<li class=\"nav-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-51\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/qui-suis-je\/\" class=\"wpr-menu-item wpr-pointer-item\"><span>A propos de moi !<\/span><\/a><\/li>\n<li class=\"nav-3 menu-item menu-item-type-post_type menu-item-object-page menu-item-50\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-experiences\/\" class=\"wpr-menu-item wpr-pointer-item\"><span>Mes exp\u00e9riences<\/span><\/a><\/li>\n<li class=\"nav-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-1399\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-competences\/\" class=\"wpr-menu-item wpr-pointer-item\"><span>Mes comp\u00e9tences<\/span><\/a><\/li>\n<li class=\"nav-6 menu-item menu-item-type-post_type menu-item-object-page menu-item-1441\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-actualites\/\" class=\"wpr-menu-item wpr-pointer-item\"><span>Mes Projets<\/span><\/a><\/li>\n<li class=\"nav-5 menu-item menu-item-type-post_type menu-item-object-page menu-item-49\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/contacts\/\" class=\"wpr-menu-item wpr-pointer-item\"><span>Contacts<\/span><\/a><\/li>\n<\/ul><\/nav><nav class=\"wpr-mobile-nav-menu-container\"><div class=\"wpr-mobile-toggle-wrap\"><div class=\"wpr-mobile-toggle\"><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><\/div><\/div><div class=\"wpr-mobile-mega-menu-wrap \" toggle-backface=\"\"><ul id=\"mobile-menu-2-c4f9dde\" class=\"wpr-mobile-nav-menu wpr-mobile-mega-menu\"><li class=\"nav-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-48\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/\" class=\"wpr-mobile-menu-item\">Accueil<\/a><\/li>\n<li class=\"nav-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-51\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/qui-suis-je\/\" class=\"wpr-mobile-menu-item\">A propos de moi !<\/a><\/li>\n<li class=\"nav-3 menu-item menu-item-type-post_type menu-item-object-page menu-item-50\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-experiences\/\" class=\"wpr-mobile-menu-item\">Mes exp\u00e9riences<\/a><\/li>\n<li class=\"nav-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-1399\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-competences\/\" class=\"wpr-mobile-menu-item\">Mes comp\u00e9tences<\/a><\/li>\n<li class=\"nav-6 menu-item menu-item-type-post_type menu-item-object-page menu-item-1441\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/mes-actualites\/\" class=\"wpr-mobile-menu-item\">Mes Projets<\/a><\/li>\n<li class=\"nav-5 menu-item menu-item-type-post_type menu-item-object-page menu-item-49\"><a href=\"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/contacts\/\" class=\"wpr-mobile-menu-item\">Contacts<\/a><\/li>\n<\/ul><\/div><\/nav>\t\t\t\t<\/div>\n\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-0357589 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0357589\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:1426,&quot;url&quot;:&quot;https:\\\/\\\/techdeco-tarbes.fr\\\/2025\\\/LE%20COZ\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/map-baniere-3-scaled.png&quot;}],&quot;background_slideshow_slide_duration&quot;:150000000,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e649fa e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"5e649fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb41b52 wpr-advanced-text-style-animated wpr-fancy-text-typing wpr-animated-text-infinite-yes elementor-widget elementor-widget-wpr-advanced-text\" data-id=\"cb41b52\" data-element_type=\"widget\" data-settings=\"{&quot;anim_loop&quot;:&quot;yes&quot;}\" data-widget_type=\"wpr-advanced-text.default\">\n\t\t\t\t\t\n\t\t<h3 class=\"wpr-advanced-text\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"wpr-advanced-text-preffix\">Mes<\/span>\n\t\t\t\n\t\t<span class=\"wpr-anim-text wpr-anim-text-type-typing wpr-anim-text-letters\" data-anim-duration=\"200,2000\" data-anim-loop=\"yes\">\n\t\t\t<span class=\"wpr-anim-text-inner\">\n\t\t\t\t\t\t\t\t\t<b>Comp\u00e9tences <\/b>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\n\t\t<\/h3>\n\t\t\n\t\t\t\t\t\t<\/div>\n\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-69f1f53 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"69f1f53\" 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-57ad39b elementor-widget elementor-widget-html\" data-id=\"57ad39b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n<!-- Ajout de Chart.js pour les graphiques -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n<div id=\"hero-skill-tree\">\r\n\r\n    <!-- ZONE GAUCHE : Arbre de comp\u00e9tences -->\r\n    <div class=\"hst-main-area\">\r\n        <!-- HEADERS -->\r\n        <div class=\"hst-headers\">\r\n            <div class=\"hst-col-header\">\r\n                <h2 class=\"hst-neon-title\">Marketing<\/h2>\r\n                <div class=\"hst-neon-line\"><\/div>\r\n            <\/div>\r\n            <div class=\"hst-col-header\">\r\n                <h2 class=\"hst-neon-title\">Communication<\/h2>\r\n                <div class=\"hst-neon-line\"><\/div>\r\n            <\/div>\r\n            <div class=\"hst-col-header\">\r\n                <h2 class=\"hst-neon-title\">Vente<\/h2>\r\n                <div class=\"hst-neon-line\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CANVAS (n\u0153uds + lignes SVG) -->\r\n        <div class=\"hst-canvas\" id=\"hst-canvas\">\r\n            <svg class=\"hst-svg-layer\" id=\"hst-svg-layer\" width=\"100%\" height=\"100%\"><\/svg>\r\n            <div id=\"hst-nodes-container\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ZONE DROITE : Panneau d'informations fixe -->\r\n    <div class=\"hst-side-panel\" id=\"hst-panel\">\r\n        \r\n        <!-- \u00c9tat vide par d\u00e9faut -->\r\n        <div class=\"hst-sp-empty\" id=\"hst-panel-empty\">\r\n            <i class=\"fas fa-project-diagram\"><\/i>\r\n            <p>Cliquez sur une comp\u00e9tence pour l'activer, afficher ses d\u00e9tails, son \u00e9volution et consulter ses preuves.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Contenu de la comp\u00e9tence (cach\u00e9 par d\u00e9faut) -->\r\n        <div class=\"hst-sp-content\" id=\"hst-panel-content\" style=\"display: none;\">\r\n            <div class=\"hst-sp-header\">\r\n                <div class=\"hst-icon-box\"><i id=\"hst-panel-icon\" class=\"fas fa-star\"><\/i><\/div>\r\n                <div style=\"flex:1;\">\r\n                    <h3 id=\"hst-panel-title\">Titre<\/h3>\r\n                    <div class=\"hst-tags-container\" id=\"hst-panel-tags\"><\/div>\r\n                <\/div>\r\n                <button class=\"hst-close-btn\" id=\"hst-close-panel\" title=\"Fermer le panneau\">&times;<\/button>\r\n            <\/div>\r\n            \r\n            <!-- Emplacement pour la photo (Agrandie) -->\r\n            <img decoding=\"async\" id=\"hst-panel-image\" src=\"\" alt=\"Illustration de la comp\u00e9tence\" class=\"hst-panel-image\">\r\n            \r\n            <!-- Graphique d'\u00e9volution -->\r\n            <div class=\"hst-chart-wrapper\">\r\n                <canvas id=\"hst-panel-chart\"><\/canvas>\r\n            <\/div>\r\n\r\n            <!-- Description (Texte \u00e9tudiant, plus long) -->\r\n            <p id=\"hst-panel-desc\">Description...<\/p>\r\n            \r\n            <!-- Zone d'action unique pour les preuves -->\r\n            <div class=\"hst-proof-section\">\r\n                <div id=\"hst-proof-btns\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- LIGHTBOX PLEIN \u00c9CRAN -->\r\n<div id=\"hst-lightbox\" role=\"dialog\" aria-modal=\"true\">\r\n    <button class=\"hst-lb-close\" id=\"hst-lb-close\" aria-label=\"Fermer\">&times;<\/button>\r\n    <div class=\"hst-lb-label\" id=\"hst-lb-label\"><\/div>\r\n    <div class=\"hst-lb-content\" id=\"hst-lb-content\"><\/div>\r\n    <div class=\"hst-lb-nav\">\r\n        <button id=\"hst-lb-prev\"><i class=\"fas fa-arrow-left\"><\/i> Pr\u00e9c\u00e9dent<\/button>\r\n        <span id=\"hst-lb-counter\">1 \/ 1<\/span>\r\n        <button id=\"hst-lb-next\">Suivant <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* =============================================\r\n   VARIABLES & BASE\r\n   ============================================= *\/\r\n#hero-skill-tree {\r\n    --acc:        #FFE600;\r\n    --bg:         #0f172a;\r\n    --node-bg:    #1e293b;\r\n    --node-bd:    #475569;\r\n    --line-col:   #334155;\r\n    --panel-bg:   rgba(15, 23, 42, 0.85);\r\n    --font:       'Rajdhani', sans-serif;\r\n    --glow:       rgba(255, 230, 0, 0.55);\r\n\r\n    position:        relative;\r\n    width:           100%;\r\n    height:          860px;\r\n    box-sizing:      border-box;\r\n    border-radius:   12px;\r\n    overflow:        hidden;\r\n    font-family:     var(--font);\r\n    color:           #f1f5f9;\r\n\r\n    display:         flex;\r\n    flex-direction:  row;\r\n\r\n    background-color:    var(--bg);\r\n    background-image:    url('https:\/\/replicate.delivery\/xezq\/5f7849e0-2971-484e-b536-8e18c8150a91\/out-0.png');\r\n    background-size:     cover;\r\n    background-position: center;\r\n    background-repeat:   no-repeat;\r\n\r\n    box-shadow: inset 0 0 120px rgba(0,0,0,0.5);\r\n}\r\n\r\n\/* =============================================\r\n   ZONE GAUCHE (Arbre)\r\n   ============================================= *\/\r\n#hero-skill-tree .hst-main-area {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    min-width: 0;\r\n}\r\n\r\n\/* =============================================\r\n   HEADERS\r\n   ============================================= *\/\r\n#hero-skill-tree .hst-headers {\r\n    display:               grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    width:                 100%;\r\n    padding:               30px 20px 20px;\r\n    box-sizing:            border-box;\r\n    position:              relative;\r\n    z-index:               5;\r\n    pointer-events:        none;\r\n}\r\n#hero-skill-tree .hst-col-header { display: flex; flex-direction: column; align-items: center; }\r\n#hero-skill-tree .hst-neon-title {\r\n    margin:          0 0 6px;\r\n    font-size:       24px;\r\n    font-weight:     700;\r\n    text-transform:  uppercase;\r\n    letter-spacing:  3px;\r\n    color:           #fff;\r\n    text-align:      center;\r\n    text-shadow:     0 0 10px var(--acc), 0 0 22px var(--acc);\r\n}\r\n#hero-skill-tree .hst-neon-line { width: 60px; height: 3px; background: var(--acc); border-radius:2px; box-shadow: 0 0 10px var(--acc); }\r\n\r\n\/* =============================================\r\n   CANVAS (n\u0153uds + SVG)\r\n   ============================================= *\/\r\n#hero-skill-tree .hst-canvas { flex: 1; position: relative; width: 100%; overflow: hidden; }\r\n#hero-skill-tree .hst-svg-layer, #hero-skill-tree #hst-nodes-container { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\r\n#hero-skill-tree #hst-nodes-container { z-index: 2; }\r\n\r\n\/* =============================================\r\n   LIGNES SVG\r\n   ============================================= *\/\r\n#hero-skill-tree .hst-line { stroke: var(--line-col); stroke-width: 2.5; fill: none; stroke-linecap: round; transition: stroke 0.4s, stroke-width 0.4s; }\r\n#hero-skill-tree .hst-line.active { stroke: var(--acc); stroke-width: 4; filter: drop-shadow(0 0 6px var(--acc)); z-index: 1; }\r\n\r\n\/* =============================================\r\n   N\u0152UDS\r\n   ============================================= *\/\r\n#hero-skill-tree .hst-node {\r\n    position: absolute; width: 54px; height: 54px; background: var(--node-bg); border: 2px solid var(--node-bd);\r\n    border-radius: 12px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content:center;\r\n    cursor: pointer; pointer-events: all; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 3;\r\n}\r\n#hero-skill-tree .hst-node i { font-size: 22px; color: #64748b; transition: all 0.3s; pointer-events: none; }\r\n#hero-skill-tree .hst-node[data-type=\"soft\"]   { border-radius: 50%; }\r\n#hero-skill-tree .hst-node[data-type=\"action\"] { border-radius: 6px; transform: translate(-50%,-50%) rotate(45deg); }\r\n#hero-skill-tree .hst-node[data-type=\"action\"] i { transform: rotate(-45deg); }\r\n\r\n#hero-skill-tree .hst-node:hover { border-color: var(--acc); transform: translate(-50%, -50%) scale(1.15); z-index: 6; box-shadow: 0 0 20px rgba(255,230,0,0.4); }\r\n#hero-skill-tree .hst-node[data-type=\"action\"]:hover { transform: translate(-50%,-50%) rotate(45deg) scale(1.15); }\r\n#hero-skill-tree .hst-node:hover i { color: var(--acc); }\r\n\r\n\/* \u00c9tat Actif *\/\r\n#hero-skill-tree .hst-node.active { background: rgba(255,230,0,0.15); border-color: var(--acc); box-shadow: 0 0 25px var(--glow); z-index: 5; }\r\n#hero-skill-tree .hst-node.active i { color: #fff; filter: drop-shadow(0 0 4px var(--acc)); }\r\n#hero-skill-tree .hst-node.selected { border-color: #fff; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px #fff, 0 0 32px var(--acc); }\r\n\r\n#hero-skill-tree .hst-node-label {\r\n    position: absolute; transform: translateX(-50%); text-align: center; font-size: 11px; font-weight: 700;\r\n    letter-spacing: 0.5px; text-transform: uppercase; color: #94a3b8; pointer-events: none; z-index: 4;\r\n    line-height: 1.2; width: 95px; white-space: normal; word-wrap: break-word; transition: color 0.3s;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.8);\r\n}\r\n#hero-skill-tree .hst-node-label.active { color: var(--acc); }\r\n\r\n\/* =============================================\r\n   PANNEAU LAT\u00c9RAL (Droite)\r\n   ============================================= *\/\r\n#hero-skill-tree .hst-side-panel {\r\n    width: 380px; background: var(--panel-bg); border-left: 2px solid rgba(255,230,0,0.3);\r\n    backdrop-filter: blur(12px); display: flex; flex-direction: column; z-index: 10;\r\n    box-sizing: border-box; transition: all 0.3s ease;\r\n}\r\n\r\n#hero-skill-tree .hst-sp-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 40px; text-align: center; color: #64748b; }\r\n#hero-skill-tree .hst-sp-empty i { font-size: 45px; margin-bottom: 20px; color: #475569; }\r\n#hero-skill-tree .hst-sp-empty p { font-size: 17px; line-height: 1.5; margin: 0; }\r\n\r\n#hero-skill-tree .hst-sp-content {\r\n    display: flex; flex-direction: column; height: 100%; padding: 24px; box-sizing: border-box; \r\n    overflow-y: auto; \/* Fallback de s\u00e9curit\u00e9 au cas o\u00f9, mais calcul\u00e9 pour Z\u00e9ro Scroll *\/\r\n}\r\n\r\n\/* Scrollbar discr\u00e8te pour le panneau *\/\r\n#hero-skill-tree .hst-sp-content::-webkit-scrollbar { width: 6px; }\r\n#hero-skill-tree .hst-sp-content::-webkit-scrollbar-track { background: transparent; }\r\n#hero-skill-tree .hst-sp-content::-webkit-scrollbar-thumb { background: rgba(255, 230, 0, 0.2); border-radius: 10px; }\r\n#hero-skill-tree .hst-sp-content::-webkit-scrollbar-thumb:hover { background: rgba(255, 230, 0, 0.5); }\r\n\r\n#hero-skill-tree .hst-sp-header { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }\r\n#hero-skill-tree .hst-icon-box {\r\n    width: 45px; height: 45px; border-radius: 10px; border: 1px solid rgba(255,230,0,0.5);\r\n    background: rgba(255,230,0,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n#hero-skill-tree .hst-icon-box i { font-size: 20px; color: var(--acc); }\r\n\r\n#hero-skill-tree .hst-sp-header h3 { margin: 0 0 4px; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; line-height: 1.1; }\r\n\r\n#hero-skill-tree .hst-close-btn {\r\n    background: rgba(255,255,255,0.06); border: 1px solid #475569; color: #94a3b8; width: 30px; height: 30px;\r\n    border-radius:50%; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0;\r\n}\r\n#hero-skill-tree .hst-close-btn:hover { background: var(--acc); color: #000; border-color: var(--acc); }\r\n\r\n#hero-skill-tree .hst-tags-container { display: flex; flex-wrap: wrap; gap: 6px; }\r\n#hero-skill-tree .hst-tag { font-size: 10px; padding: 3px 8px; border-radius:4px; background: rgba(255,255,255,0.05); color: var(--acc); border: 1px solid rgba(255,230,0,0.2); text-transform: uppercase; font-weight: 600; }\r\n\r\n\/* IMAGE AGRANDIE *\/\r\n#hero-skill-tree .hst-panel-image {\r\n    width: 100%; height: 250px; object-fit: cover; object-position: center 20%; border-radius: 6px;\r\n    margin-bottom: 14px; border: 1px solid #334155; box-shadow: 0 4px 10px rgba(0,0,0,0.3); flex-shrink: 0;\r\n}\r\n\r\n\/* GRAPHIQUE *\/\r\n#hero-skill-tree .hst-chart-wrapper {\r\n    width: 100%; height: 150px; margin-bottom: 14px; flex-shrink: 0;\r\n    background: rgba(0,0,0,0.2); border-radius: 6px; padding: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.05);\r\n}\r\n\r\n\/* TEXTE DESCRIPTION (Plus long et lisible) *\/\r\n#hero-skill-tree #hst-panel-desc {\r\n    margin: 0 0 16px; font-size: 14px; color: #cbd5e1; line-height: 1.5; text-align: justify; flex-grow: 1;\r\n}\r\n\r\n\/* BOUTON PREUVE *\/\r\n#hero-skill-tree .hst-proof-section { margin-top: auto; border-top: 1px solid #334155; padding-top: 14px; flex-shrink: 0; }\r\n#hero-skill-tree .hst-proof-btn {\r\n    background: var(--acc); color: #0f172a; border: none; padding: 14px 16px; border-radius: 8px; font-family: var(--font);\r\n    font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;\r\n    transition: opacity 0.2s, transform 0.15s; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;\r\n}\r\n#hero-skill-tree .hst-proof-btn:hover { opacity: 0.85; transform: translateY(-2px); }\r\n\r\n\/* =============================================\r\n   LIGHTBOX\r\n   ============================================= *\/\r\n#hst-lightbox { display: none; position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,0.93); flex-direction: column; align-items: center; justify-content:center; gap: 14px; }\r\n#hst-lightbox.open { display: flex; }\r\n#hst-lightbox .hst-lb-close { position: absolute; top: 20px; right: 25px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: #fff; width: 42px; height: 42px; border-radius:50%; font-size: 22px; cursor: pointer; display: flex; align-items:center; justify-content:center; transition: background 0.2s; font-family:var(--font, sans-serif); }\r\n#hst-lightbox .hst-lb-close:hover { background: rgba(255,230,0,0.3); color: #FFE600; }\r\n#hst-lightbox .hst-lb-label { color: #f1f5f9; font-family: 'Rajdhani', sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }\r\n#hst-lightbox .hst-lb-content { position: relative; max-width: 88vw; max-height: 72vh; display: flex; align-items: center; justify-content:center; }\r\n#hst-lightbox .hst-lb-content img { max-width: 100%; max-height: 70vh; border-radius: 8px; }\r\n#hst-lightbox .hst-lb-content video { max-width: 100%; max-height: 70vh; border-radius: 8px; }\r\n#hst-lightbox .hst-lb-iframe { width: 82vw; height: 72vh; border: none; border-radius:8px; background: #fff; display: block; }\r\n#hst-lightbox .hst-lb-nav { display: flex; align-items: center; gap: 20px; }\r\n#hst-lightbox .hst-lb-nav button { background: rgba(255,230,0,0.12); border: 1px solid rgba(255,230,0,0.4); color: #FFE600; padding: 10px 24px; border-radius:8px; font-family: 'Rajdhani', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: background 0.2s; }\r\n#hst-lightbox .hst-lb-nav button:hover { background: rgba(255,230,0,0.28); }\r\n#hst-lightbox .hst-lb-nav button:disabled { opacity: 0.3; cursor: not-allowed; border-color: rgba(255,230,0,0.1); }\r\n#hst-lightbox #hst-lb-counter { color: #94a3b8; font-family: 'Rajdhani', sans-serif; font-size: 14px; }\r\n\r\n\/* =============================================\r\n   RESPONSIVE\r\n   ============================================= *\/\r\n@media (max-width: 1024px) {\r\n    #hero-skill-tree { flex-direction: column; height: auto; min-height: 900px; }\r\n    #hero-skill-tree .hst-main-area { height: 650px; flex: none; }\r\n    #hero-skill-tree .hst-side-panel { width: 100%; height: auto; border-left: none; border-top: 2px solid var(--acc); }\r\n}\r\n@media (max-width: 600px) {\r\n    #hero-skill-tree .hst-neon-title { font-size: 16px; letter-spacing: 1px; }\r\n    #hero-skill-tree .hst-headers { padding: 20px 10px 10px; }\r\n    #hst-lightbox .hst-lb-iframe { width: 95vw; height: 60vh; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n\/* =============================================\r\n   DONN\u00c9ES : Descriptions \u00c9tudiantes & Orient\u00e9es BUT Tech de Co\r\n   ============================================= *\/\r\nvar skillsData = [\r\n    \/* ---------- MARKETING ---------- *\/\r\n    {\r\n        id:'m-1', col:0, row:0, offsetX: -0.25, type:'tech', icon:'fas fa-bullseye', title:'Strat\u00e9gie Digitale', tags:['Technique'], connections:['m-2'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/strategie-digital.png',\r\n        chartData: [15, 30, 60, 85],\r\n        desc:\"Depuis mon Bac STMG, j'ai compris l'importance d'une vision globale. En BUT Tech de Co, j'ai appris \u00e0 concevoir des strat\u00e9gies digitales compl\u00e8tes : analyse de march\u00e9, choix des leviers (SEO, SEA) et fixation d'objectifs SMART. J'ai pu mettre cette m\u00e9thode \u00e0 l'\u00e9preuve lors de mes projets tuteur\u00e9s en d\u00e9finissant des positionnements clairs pour des marques concr\u00e8tes.\",\r\n        proofs:[ { label:'Com Digitale', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/Communication-digital-1.docx' }, { label:'Logbook LeadGenius', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/logbook-Leadgenuis-1.docx' } ]\r\n    },\r\n    {\r\n        id:'m-2', col:0, row:1, offsetX: 0.15, type:'tech', icon:'fas fa-chart-pie', title:'Data Analytics', tags:['Technique'], connections:['m-3'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/data-analytics.png',\r\n        chartData: [5, 20, 50, 75],\r\n        desc:\"L'analyse des chiffres est devenue centrale dans mon parcours. J'ai d\u00e9pass\u00e9 la simple th\u00e9orie pour manipuler de vraies donn\u00e9es. Je sais aujourd'hui analyser des KPIs essentiels (ROI, taux de conversion) via Google Analytics. J'ai compris que le marketing moderne exige un pilotage strict par la data pour justifier chaque budget et optimiser continuellement nos campagnes.\",\r\n        proofs:[ { label:'Caf\u00e9 George 2099', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/cafe-george2099.docx' } ]\r\n    },\r\n    {\r\n        id:'m-3', col:0, row:2, offsetX: -0.15, type:'tech', icon:'fas fa-pen-nib', title:'Content Marketing', tags:['Technique'], connections:['m-4'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/content-marketing.png',\r\n        chartData: [10, 40, 65, 80],\r\n        desc:\"La cr\u00e9ation de contenu est devenue un vrai terrain de jeu. Tout au long de mes \u00e9tudes, j'ai appris \u00e0 structurer des strat\u00e9gies \u00e9ditoriales (Inbound Marketing, Brand Content). Mes travaux de groupe m'ont pouss\u00e9 \u00e0 r\u00e9diger des articles et concevoir des newsletters qui apportent une r\u00e9elle valeur ajout\u00e9e, dans le but de transformer une simple audience en communaut\u00e9 fid\u00e8le.\",\r\n        proofs:[ { label:'Strat\u00e9gie Dogble', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/Dogble.docx' } ]\r\n    },\r\n    {\r\n        id:'m-4', col:0, row:3, offsetX: 0.25, type:'tech', icon:'fas fa-users', title:'Connaissance Client', tags:['Technique'], connections:['m-5','m-6'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/connaissance-client.png',\r\n        chartData: [20, 45, 70, 85],\r\n        desc:\"C'est le pilier de tout ce que j'apprends en Techniques de Commercialisation. J'ai acquis la m\u00e9thodologie pour mener des \u00e9tudes approfondies et cr\u00e9er des 'Personas' ultra-d\u00e9taill\u00e9s. En analysant les parcours utilisateurs (UX), j'identifie les freins et leviers de motivation. Cette empathie analytique me permet de cibler juste \u00e0 chaque fois.\",\r\n        proofs:[ { label:'Com Pub Ail Noir', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/com-s2-pub-ail-noir-1-1.pdf' } ]\r\n    },\r\n    {\r\n        id:'m-5', col:0, row:4, subCol:0, type:'action', icon:'fas fa-ad', title:'Campagnes Ads', tags:['Savoir-faire'], connections:['m-7'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/campagne-ads.png',\r\n        chartData: [0, 20, 50, 50],\r\n        desc:\"L'acquisition payante est le domaine technique o\u00f9 j'ai le plus progress\u00e9. J'ai appris \u00e0 param\u00e9trer des campagnes concr\u00e8tes sur Google Ads et Meta. J'appr\u00e9cie particuli\u00e8rement l'aspect op\u00e9rationnel : g\u00e9rer les ench\u00e8res, optimiser le CPC et g\u00e9n\u00e9rer du trafic qualifi\u00e9. C'est une comp\u00e9tence tr\u00e8s professionnalisante que j'ai h\u00e2te de d\u00e9ployer en entreprise.\",\r\n        proofs:[ { label:'Vid\u00e9o Ail Noir', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/pub-ail-noir.mov' } ]\r\n    },\r\n    {\r\n        id:'m-6', col:0, row:4, subCol:1, type:'action', icon:'fas fa-robot', title:'Automation CRM', tags:['Savoir-faire'], connections:['m-8'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/crm-automatisation.png',\r\n        chartData: [0, 10, 40, 70],\r\n        desc:\"L'automatisation a \u00e9t\u00e9 une v\u00e9ritable r\u00e9v\u00e9lation dans mon parcours. J'ai \u00e9t\u00e9 form\u00e9 \u00e0 l'utilisation strat\u00e9gique des CRM (comme HubSpot) pour mettre en place des sc\u00e9narios de 'Lead Nurturing'. Je sais construire des s\u00e9quences d'emails automatis\u00e9es qui accompagnent le prospect tout au long de son cycle d'achat, offrant un gain de temps \u00e9norme aux \u00e9quipes.\",\r\n        proofs:[ { label:'Autonomie Dogble', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/Dogble.docx' } ]\r\n    },\r\n    {\r\n        id:'m-7', col:0, row:5, subCol:0, type:'soft', icon:'fas fa-lightbulb', title:'Cr\u00e9ativit\u00e9', tags:['Savoir-\u00eatre'], connections:[],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/creativite.png',\r\n        chartData: [40, 50, 60, 75],\r\n        desc:\"M\u00eame si ma formation est rigoureuse, elle m'a toujours pouss\u00e9 \u00e0 innover. J'ai cultiv\u00e9 une pens\u00e9e 'Out of the box' lors de nos SAE et travaux de groupe. J'aime d\u00e9tourner les codes habituels, exploiter le storytelling et imaginer des concepts originaux. Cette cr\u00e9ativit\u00e9 me permet de donner une vraie personnalit\u00e9 et un suppl\u00e9ment d'\u00e2me \u00e0 mes projets.\",\r\n        proofs:[ { label:'Escape Game', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/escape-game-londre.pdf' } ]\r\n    },\r\n    {\r\n        id:'m-8', col:0, row:5, subCol:1, type:'soft', icon:'fas fa-binoculars', title:'Curiosit\u00e9 \/ Veille', tags:['Savoir-\u00eatre'], connections:[],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/veille.png',\r\n        chartData: [30, 50, 70, 90],\r\n        desc:\"Dans le digital, tout va tr\u00e8s vite. J'ai pris l'habitude, d\u00e8s ma premi\u00e8re ann\u00e9e \u00e0 l'IUT, de r\u00e9aliser une veille technologique quotidienne. Je scrute les nouvelles tendances, l'\u00e9volution des algorithmes sociaux et l'int\u00e9gration des outils d'Intelligence Artificielle. Cette curiosit\u00e9 me permet d'\u00eatre toujours proactif et d'apporter des id\u00e9es neuves lors de mes stages.\",\r\n        proofs:[ { label:'Crise Ha\u00eftienne', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/crise-haitienne.pdf' } ]\r\n    },\r\n\r\n    \/* ---------- COMMUNICATION ---------- *\/\r\n    {\r\n        id:'c-1', col:1, row:0, offsetX: 0.15, type:'tech', icon:'fas fa-hashtag', title:'Social Media', tags:['Technique'], connections:['c-2'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/social-media.png',\r\n        chartData: [40, 60, 75, 85],\r\n        desc:\"Les r\u00e9seaux sociaux font partie de mon quotidien, mais la formation m'a appris \u00e0 les utiliser comme un professionnel. Je sais animer des communaut\u00e9s, adapter ma ligne \u00e9ditoriale selon la plateforme (LinkedIn, Instagram, TikTok) et surveiller l'e-r\u00e9putation d'une marque. J'analyse constamment les statistiques pour maximiser la port\u00e9e organique de mes posts.\",\r\n        proofs:[ { label:'Vid\u00e9o Ail Noir', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/pub-ail-noir.mov' } ]\r\n    },\r\n    {\r\n        id:'c-2', col:1, row:1, offsetX: -0.2, type:'tech', icon:'fas fa-feather-alt', title:'Copywriting', tags:['Technique'], connections:['c-3'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/copywriting.png',\r\n        chartData: [10, 30, 50, 75],\r\n        desc:\"J'ai d\u00e9couvert la force des mots gr\u00e2ce \u00e0 mes cours de communication. J'ai beaucoup travaill\u00e9 les techniques de r\u00e9daction persuasive (comme AIDA ou PAS). Que ce soit pour un script vid\u00e9o, une page de vente ou une accroche, je sais comment capter l'attention, susciter le d\u00e9sir et d\u00e9clencher l'action. C'est devenu l'un de mes atouts majeurs.\",\r\n        proofs:[ { label:'Script Ail Noir', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/script-ail-noir.pdf' } ]\r\n    },\r\n    {\r\n        id:'c-3', col:1, row:2, offsetX: 0.25, type:'tech', icon:'fas fa-paint-brush', title:'Cr\u00e9ation Visuelle', tags:['Technique'], connections:['c-4'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/creation-visuel.png',\r\n        chartData: [10, 30, 45, 60],\r\n        desc:\"Je partais de la base apr\u00e8s mon bac, mais je me suis investi dans les outils de cr\u00e9ation. Aujourd'hui, je ma\u00eetrise bien Figma, Canva et j'ai des bases solides sur la Suite Adobe. J'ai eu l'occasion de r\u00e9aliser de nombreuses affiches (notamment en contexte r\u00e9el lors de mon stage chez Gamm Vert) et j'ai d\u00e9velopp\u00e9 un vrai sens de l'esth\u00e9tique et du respect de la charte graphique.\",\r\n        proofs:[ { label:'Affiche Gamm Vert', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/affiche-gamm-vert-scaled.jpeg' } ]\r\n    },\r\n    {\r\n        id:'c-4', col:1, row:3, offsetX: -0.05, type:'tech', icon:'fas fa-tasks', title:'Gestion Projet', tags:['Technique'], connections:['c-5','c-6'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/creation-de-projet.png',\r\n        chartData: [15, 30, 60, 80],\r\n        desc:\"G\u00e9rer un projet de A \u00e0 Z est l'essence m\u00eame du BUT ! J'ai pris l'habitude d'utiliser des m\u00e9thodes agiles et des outils comme Notion ou Trello. J'ai souvent assum\u00e9 le r\u00f4le de chef de projet pour coordonner mon \u00e9quipe, \u00e9laborer des r\u00e9troplannings, g\u00e9rer les budgets et assurer la tenue stricte des d\u00e9lais lors de nos diff\u00e9rentes Situations d'Apprentissage et d'\u00c9valuation (SAE).\",\r\n        proofs:[ { label:'Projet PTUT', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/projet-ptut.pdf' } ]\r\n    },\r\n    {\r\n        id:'c-5', col:1, row:4, subCol:0, type:'action', icon:'fas fa-map-signs', title:'Plan de Com', tags:['Savoir-faire'], connections:['c-7'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/plan-de-com.png',\r\n        chartData: [10, 40, 65, 85],\r\n        desc:\"Construire un plan de communication \u00e0 360\u00b0 repr\u00e9sente l'aboutissement de mes trois ann\u00e9es d'\u00e9tudes. J'ai la m\u00e9thode pour r\u00e9aliser un audit de l'existant, d\u00e9finir les cibles, s\u00e9lectionner le mix de canaux le plus pertinent (print, digital, event) et budg\u00e9tiser l'ensemble. Cette vision strat\u00e9gique me permet de piloter efficacement l'image d'une marque sur le long terme.\",\r\n        proofs:[ { label:'Carrefour Market', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/Carrefour-Market.pdf' } ]\r\n    },\r\n    {\r\n        id:'c-6', col:1, row:4, subCol:1, type:'action', icon:'fas fa-newspaper', title:'Relations Presse', tags:['Savoir-faire'], connections:['c-8'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/relation-de-presse.png',\r\n        chartData: [0, 10, 30, 60],\r\n        desc:\"C'est une comp\u00e9tence sp\u00e9cifique que j'ai pu exp\u00e9rimenter. Je sais r\u00e9diger des communiqu\u00e9s percutants et concevoir des dossiers de presse structur\u00e9s. J'ai compris comment identifier les bons angles \u00e9ditoriaux pour susciter l'int\u00e9r\u00eat des journalistes ou des influenceurs, dans le but d'obtenir des retomb\u00e9es m\u00e9diatiques organiques qui renforcent la cr\u00e9dibilit\u00e9 de l'entreprise.\",\r\n        proofs:[ { label:'Crise Ha\u00eftienne', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/crise-haitienne.pdf' } ]\r\n    },\r\n    {\r\n        id:'c-7', col:1, row:5, subCol:0, type:'soft', icon:'fas fa-heart', title:'Empathie', tags:['Savoir-\u00eatre'], connections:[],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/empathie.png',\r\n        chartData: [50, 60, 70, 85],\r\n        desc:\"Pour moi, la bonne communication passe avant tout par l'intelligence \u00e9motionnelle. Je m'efforce toujours de me mettre \u00e0 la place de l'utilisateur final pour que le message r\u00e9sonne avec justesse. Cette empathie m'est \u00e9galement indispensable au quotidien dans mes travaux de groupe : elle aide \u00e0 d\u00e9samorcer les tensions, \u00e9couter les autres et avancer dans la m\u00eame direction.\",\r\n        proofs:[ { label:'Com Pub Ail Noir', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/com-s2-pub-ail-noir-.pdf' } ]\r\n    },\r\n    {\r\n        id:'c-8', col:1, row:5, subCol:1, type:'soft', icon:'fas fa-bolt', title:'R\u00e9activit\u00e9', tags:['Savoir-\u00eatre'], connections:[],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/reactivite.png',\r\n        chartData: [40, 50, 70, 85],\r\n        desc:\"Entre les cours denses, les stages et les impr\u00e9vus des projets tuteur\u00e9s, j'ai d\u00e9velopp\u00e9 une grande agilit\u00e9 mentale. Si un probl\u00e8me survient (un bad buzz \u00e0 g\u00e9rer en cas pratique, un souci de derni\u00e8re minute sur une pr\u00e9sentation), je sais garder mon sang-froid. Cette capacit\u00e9 \u00e0 m'adapter et \u00e0 rebondir rapidement est pour moi indispensable dans les m\u00e9tiers du web.\",\r\n        proofs:[ { label:'Escape Game', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/escape-game-londre.pdf' } ]\r\n    },\r\n\r\n    \/* ---------- VENTE ---------- *\/\r\n    {\r\n        id:'v-1', col:2, row:0, offsetX: 0.05, type:'tech', icon:'fas fa-handshake', title:'N\u00e9gociation', tags:['Technique'], connections:['v-2'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/negociation.png',\r\n        chartData: [20, 40, 65, 85],\r\n        desc:\"La n\u00e9gociation m'attire depuis le lyc\u00e9e. En formation, j'ai acquis les m\u00e9thodes professionnelles lors de nombreux jeux de r\u00f4le : traitement des objections, valorisation du ROI, techniques de 'Closing'. Je ne vois pas cela comme un affrontement, mais comme la co-construction d'un accord gagnant-gagnant. Je suis aujourd'hui tr\u00e8s \u00e0 l'aise pour argumenter face \u00e0 un client.\",\r\n        proofs:[ { label:'N\u00e9gociation', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/Negociation-contex-2.docx' } ]\r\n    },\r\n    {\r\n        id:'v-2', col:2, row:1, offsetX: -0.2, type:'tech', icon:'fas fa-phone-alt', title:'Prospection', tags:['Technique'], connections:['v-3'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/prospection.png',\r\n        chartData: [10, 30, 60, 80],\r\n        desc:\"C'est l'exercice que beaucoup d'\u00e9tudiants redoutent, mais j'ai appris \u00e0 l'aborder avec m\u00e9thode. Que ce soit en phoning classique ou via le Social Selling sur LinkedIn, je sais pr\u00e9parer des trames d'appels et des s\u00e9quences d'accroche personnalis\u00e9es. Mon but est de briser la glace avec naturel pour alimenter mon tunnel de vente en rendez-vous qualifi\u00e9s.\",\r\n        proofs:[ { label:'Raid Vente Photo', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/raid-vente-photo.jpeg' } ]\r\n    },\r\n    {\r\n        id:'v-3', col:2, row:2, offsetX: 0.15, type:'tech', icon:'fas fa-database', title:'Outils GRC', tags:['Technique'], connections:['v-4'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/outils-de-grc.png',\r\n        chartData: [5, 25, 50, 75],\r\n        desc:\"Je suis convaincu qu'un bon commercial est avant tout organis\u00e9. Lors de mes \u00e9tudes, j'ai manipul\u00e9 divers outils CRM pour apprendre \u00e0 structurer une base de donn\u00e9es clients. Je suis rigoureux sur le reporting de mes \u00e9changes, la programmation de mes t\u00e2ches de relance et le pilotage de mon pipeline. Cette rigueur garantit qu'aucune opportunit\u00e9 ne passe \u00e0 la trappe.\",\r\n        proofs:[ { label:'SAE Carrefour', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/SAE-Carrefour.docx' } ]\r\n    },\r\n    {\r\n        id:'v-4', col:2, row:3, offsetX: -0.1, type:'tech', icon:'fas fa-box-open', title:'Expertise Produit', tags:['Technique'], connections:['v-5','v-6'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/expertise-produit.png',\r\n        chartData: [10, 30, 55, 80],\r\n        desc:\"Pour bien vendre, il faut parfaitement incarner son offre. J'ai pris le r\u00e9flexe d'analyser en profondeur les produits que je repr\u00e9sente, afin de transformer leurs caract\u00e9ristiques techniques en v\u00e9ritables b\u00e9n\u00e9fices clients (m\u00e9thode CAB+). J'y ajoute syst\u00e9matiquement une dimension de veille concurrentielle pour avoir une longueur d'avance dans mes argumentaires.\",\r\n        proofs:[ { label:'Argumentaire Vente', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/ARGUMENTAIRE-raid-vente.docx' } ]\r\n    },\r\n    {\r\n        id:'v-5', col:2, row:4, subCol:0, type:'action', icon:'fas fa-search', title:'Entretien D\u00e9couverte', tags:['Savoir-faire'], connections:['v-7'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/entretient-dcouverte.png',\r\n        chartData: [15, 40, 65, 85],\r\n        desc:\"C'est vraiment la phase cl\u00e9 que j'ai le plus travaill\u00e9e en TD. J'aborde mes entretiens de d\u00e9couverte avec des m\u00e9thodologies \u00e9prouv\u00e9es (comme SPIN ou BANT). En posant les bonnes questions ouvertes, je creuse les probl\u00e8mes implicites du client pour r\u00e9colter toutes les informations qui me permettront de lui faire, par la suite, une proposition commerciale irr\u00e9futable.\",\r\n        proofs:[ { label:'Note de Vente', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/note-vente.pdf' } ]\r\n    },\r\n    {\r\n        id:'v-6', col:2, row:4, subCol:1, type:'action', icon:'fas fa-file-invoice-dollar', title:'Proposition', tags:['Savoir-faire'], connections:['v-8'],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/proposition.png',\r\n        chartData: [10, 30, 60, 80],\r\n        desc:\"En Tech de Co, on apprend que les devis standards ne suffisent plus. Je m'applique \u00e0 r\u00e9diger des propositions commerciales enti\u00e8rement personnalis\u00e9es (sous forme de pr\u00e9sentation ou de business case). Je reprends les enjeux identifi\u00e9s lors de la d\u00e9couverte et je mets en valeur le ROI de mani\u00e8re visuelle et impactante, pour faciliter la prise de d\u00e9cision de l'acheteur.\",\r\n        proofs:[]\r\n    },\r\n    {\r\n        id:'v-7', col:2, row:5, subCol:0, type:'soft', icon:'fas fa-shield-alt', title:'R\u00e9silience', tags:['Savoir-\u00eatre'], connections:[],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/resillience.png',\r\n        chartData: [30, 40, 60, 80],\r\n        desc:\"Les exercices de prospection et mes premi\u00e8res exp\u00e9riences professionnelles m'ont appris \u00e0 me forger une solide carapace. Face aux refus in\u00e9vitables, je ne me d\u00e9courage pas. Au contraire, j'analyse mes \u00e9checs comme des retours constructifs pour ajuster mon discours \u00e0 l'appel suivant. C'est cette pers\u00e9v\u00e9rance face \u00e0 l'adversit\u00e9 qui nourrit ma progression.\",\r\n        proofs:[ { label:'M\u00e9moire de Stage', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/memoire-de-stage-6.pdf' } ]\r\n    },\r\n    {\r\n        id:'v-8', col:2, row:5, subCol:1, type:'soft', icon:'fas fa-assistive-listening-systems', title:'\u00c9coute Active', tags:['Savoir-\u00eatre'], connections:[],\r\n        image: 'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/ecoute-active.png',\r\n        chartData: [40, 50, 65, 85],\r\n        desc:\"En d\u00e9but de formation, on pense souvent qu'il faut beaucoup parler pour convaincre. J'ai compris que la vraie force du vendeur r\u00e9side dans son \u00e9coute. Je suis tr\u00e8s attentif au langage non-verbal et j'utilise la reformulation pour valider la bonne compr\u00e9hension des besoins. Cette \u00e9coute sinc\u00e8re instaure un climat de confiance et me positionne comme un vrai conseiller.\",\r\n        proofs:[ { label:'Note de Vente', url:'https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/wp-content\/uploads\/2026\/05\/note-vente.pdf' } ]\r\n    }\r\n];\r\n\r\n\/* =============================================\r\n   POSITION DES N\u0152UDS\r\n   ============================================= *\/\r\nfunction getPos(skill) {\r\n    var canvas = document.getElementById('hst-canvas');\r\n    var W = canvas.offsetWidth, H = canvas.offsetHeight;\r\n    var colW = W \/ 3, rowH = H \/ 6;\r\n    var cx = colW * skill.col + colW \/ 2, cy = rowH * skill.row + rowH \/ 2;\r\n    if (skill.offsetX !== undefined) cx += colW * skill.offsetX; \r\n    else if (skill.subCol !== undefined) cx = colW * skill.col + colW * (skill.subCol === 0 ? 0.28 : 0.72);\r\n    return { x: cx, y: cy };\r\n}\r\n\r\n\/* =============================================\r\n   \u00c9TAT ET VARIABLES GLOBALES\r\n   ============================================= *\/\r\nvar activeSkills = {}, currentSkill = null, lbProofs = [], lbIndex = 0;\r\nvar skillChart = null; \/\/ Instance Chart.js\r\n\r\n\/* =============================================\r\n   RENDU INITIAL\r\n   ============================================= *\/\r\nfunction initTree() {\r\n    var container = document.getElementById('hst-nodes-container');\r\n    var svgLayer  = document.getElementById('hst-svg-layer');\r\n    container.innerHTML = ''; svgLayer.innerHTML = '';\r\n    var map = {}; skillsData.forEach(function(s){ map[s.id] = s; });\r\n\r\n    \/* Lignes SVG *\/\r\n    skillsData.forEach(function(parent) {\r\n        (parent.connections || []).forEach(function(childId) {\r\n            var child = map[childId]; if (!child) return;\r\n            var pp = getPos(parent), cp = getPos(child);\r\n            var line = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n            var mx = (pp.x + cp.x) \/ 2;\r\n            line.setAttribute('d', 'M'+pp.x+' '+pp.y+' C'+mx+' '+pp.y+','+mx+' '+cp.y+','+cp.x+' '+cp.y);\r\n            line.setAttribute('class', 'hst-line');\r\n            line.setAttribute('id', 'line-'+parent.id+'-'+childId);\r\n            svgLayer.appendChild(line);\r\n        });\r\n    });\r\n\r\n    \/* N\u0153uds *\/\r\n    skillsData.forEach(function(skill) {\r\n        var pos = getPos(skill);\r\n        var node = document.createElement('div');\r\n        node.className = 'hst-node'; node.id = 'node-' + skill.id; node.setAttribute('data-type', skill.type);\r\n        node.style.left = pos.x + 'px'; node.style.top = pos.y + 'px';\r\n        node.innerHTML = '<i class=\"' + skill.icon + '\"><\/i>';\r\n        \r\n        if(activeSkills[skill.id]) node.classList.add('active');\r\n        if(currentSkill && currentSkill.id === skill.id) node.classList.add('selected');\r\n\r\n        node.addEventListener('click', function(e) { e.stopPropagation(); onNodeClick(skill, node); });\r\n        container.appendChild(node);\r\n\r\n        var lbl = document.createElement('div');\r\n        lbl.className = 'hst-node-label'; lbl.id = 'lbl-' + skill.id;\r\n        lbl.style.left = pos.x + 'px'; lbl.style.top = (pos.y + 36) + 'px';\r\n        lbl.innerHTML = skill.title.replace('\/', '\/<br>');\r\n        if(activeSkills[skill.id]) lbl.classList.add('active');\r\n        container.appendChild(lbl);\r\n    });\r\n    updateLines();\r\n}\r\n\r\n\/* =============================================\r\n   GESTION DU GRAPHIQUE\r\n   ============================================= *\/\r\nfunction renderChart(dataArray) {\r\n    var ctx = document.getElementById('hst-panel-chart').getContext('2d');\r\n    if (skillChart) {\r\n        skillChart.data.datasets[0].data = dataArray;\r\n        skillChart.update();\r\n    } else {\r\n        skillChart = new Chart(ctx, {\r\n            type: 'line',\r\n            data: {\r\n                labels: ['Bac STMG', 'BUT 1', 'BUT 2', 'BUT 3'],\r\n                datasets: [{\r\n                    label: 'Ma\u00eetrise (%)',\r\n                    data: dataArray,\r\n                    borderColor: '#FFE600',\r\n                    backgroundColor: 'rgba(255, 230, 0, 0.1)',\r\n                    borderWidth: 2,\r\n                    pointBackgroundColor: '#0f172a',\r\n                    pointBorderColor: '#FFE600',\r\n                    pointBorderWidth: 2,\r\n                    pointRadius: 4,\r\n                    fill: true,\r\n                    tension: 0.3\r\n                }]\r\n            },\r\n            options: {\r\n                responsive: true,\r\n                maintainAspectRatio: false,\r\n                plugins: { legend: { display: false } },\r\n                scales: {\r\n                    y: { \r\n                        beginAtZero: true, max: 100, \r\n                        ticks: { color: '#94a3b8', stepSize: 25, font: {family: \"'Rajdhani', sans-serif\"} },\r\n                        grid: { color: 'rgba(255,255,255,0.05)' } \r\n                    },\r\n                    x: { \r\n                        ticks: { color: '#94a3b8', font: {family: \"'Rajdhani', sans-serif\", size: 11} },\r\n                        grid: { display: false } \r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\n\/* =============================================\r\n   CLIC SUR UN N\u0152UD & PANNEAU\r\n   ============================================= *\/\r\nfunction onNodeClick(skill, nodeEl) {\r\n    document.querySelectorAll('#hero-skill-tree .hst-node').forEach(function(n) { n.classList.remove('selected'); });\r\n    if (activeSkills[skill.id]) {\r\n        delete activeSkills[skill.id]; nodeEl.classList.remove('active');\r\n        var lbl = document.getElementById('lbl-' + skill.id); if (lbl) lbl.classList.remove('active');\r\n        if (currentSkill && currentSkill.id === skill.id) hidePanel();\r\n    } else {\r\n        activeSkills[skill.id] = true; nodeEl.classList.add('active', 'selected');\r\n        var lbl = document.getElementById('lbl-' + skill.id); if (lbl) lbl.classList.add('active');\r\n        openPanel(skill);\r\n    }\r\n    updateLines();\r\n}\r\n\r\nfunction updateLines() {\r\n    skillsData.forEach(function(parent) {\r\n        (parent.connections || []).forEach(function(childId) {\r\n            var line = document.getElementById('line-' + parent.id + '-' + childId);\r\n            if (!line) return;\r\n            if (activeSkills[parent.id] && activeSkills[childId]) line.classList.add('active');\r\n            else line.classList.remove('active');\r\n        });\r\n    });\r\n}\r\n\r\nfunction openPanel(skill) {\r\n    currentSkill = skill;\r\n    document.getElementById('hst-panel-empty').style.display = 'none';\r\n    document.getElementById('hst-panel-content').style.display = 'flex';\r\n\r\n    document.getElementById('hst-panel-icon').className = skill.icon;\r\n    document.getElementById('hst-panel-title').textContent = skill.title;\r\n    \r\n    var imgEl = document.getElementById('hst-panel-image');\r\n    if (skill.image) { imgEl.src = skill.image; imgEl.style.display = 'block'; } \r\n    else imgEl.style.display = 'none';\r\n\r\n    document.getElementById('hst-panel-desc').textContent = skill.desc;\r\n\r\n    var tagsEl = document.getElementById('hst-panel-tags'); tagsEl.innerHTML = '';\r\n    (skill.tags || []).forEach(function(tag) {\r\n        var sp = document.createElement('span'); sp.className = 'hst-tag'; sp.textContent = tag; tagsEl.appendChild(sp);\r\n    });\r\n\r\n    \/* Mise \u00e0 jour du graphique *\/\r\n    renderChart(skill.chartData);\r\n\r\n    var btnsEl = document.getElementById('hst-proof-btns'); btnsEl.innerHTML = '';\r\n    var validProofs = skill.proofs || [];\r\n    if (validProofs.length > 0) {\r\n        var btn = document.createElement('button'); btn.className = 'hst-proof-btn';\r\n        btn.innerHTML = '<i class=\"fas fa-eye\"><\/i> ' + (validProofs.length > 1 ? 'Voir les preuves' : 'Voir la preuve');\r\n        btn.addEventListener('click', function() { openLightbox(validProofs, 0); });\r\n        btnsEl.appendChild(btn);\r\n    }\r\n}\r\n\r\nfunction hidePanel() {\r\n    document.getElementById('hst-panel-empty').style.display = 'flex';\r\n    document.getElementById('hst-panel-content').style.display = 'none';\r\n    document.querySelectorAll('#hero-skill-tree .hst-node').forEach(function(n) { n.classList.remove('selected'); });\r\n    currentSkill = null;\r\n}\r\ndocument.getElementById('hst-close-panel').addEventListener('click', hidePanel);\r\n\r\n\/* =============================================\r\n   LIGHTBOX\r\n   ============================================= *\/\r\nfunction openLightbox(proofs, index) { lbProofs = proofs; lbIndex = index; renderLightbox(); document.getElementById('hst-lightbox').classList.add('open'); }\r\nfunction renderLightbox() {\r\n    var proof = lbProofs[lbIndex], content = document.getElementById('hst-lb-content'),\r\n        counter = document.getElementById('hst-lb-counter'), label = document.getElementById('hst-lb-label'),\r\n        prev = document.getElementById('hst-lb-prev'), next = document.getElementById('hst-lb-next');\r\n\r\n    label.textContent = proof.label; counter.textContent = (lbIndex + 1) + ' \/ ' + lbProofs.length;\r\n    \r\n    if (lbProofs.length <= 1) { prev.style.display = 'none'; next.style.display = 'none'; counter.style.display = 'none'; } \r\n    else { prev.style.display = 'flex'; next.style.display = 'flex'; counter.style.display = 'inline-block'; prev.disabled = (lbIndex === 0); next.disabled = (lbIndex === lbProofs.length - 1); }\r\n\r\n    content.innerHTML = '';\r\n    if (!proof.url) { content.innerHTML = '<p class=\"hst-lb-nofile\"><i class=\"fas fa-hourglass-half\" style=\"font-size:38px;display:block;margin-bottom:15px;color:#475569\"><\/i>Preuve bient\u00f4t disponible.<\/p>'; return; }\r\n\r\n    var u = proof.url.toLowerCase().split('?')[0], ft = 'file';\r\n    if (u.endsWith('.pdf')) ft = 'pdf';\r\n    else if (u.endsWith('.docx') || u.endsWith('.doc')) ft = 'docx';\r\n    else if (u.endsWith('.mp4') || u.endsWith('.webm') || u.endsWith('.ogg') || u.endsWith('.mov')) ft = 'video';\r\n    else if (u.match(\/\\.(jpe?g|png|gif|webp|svg)$\/)) ft = 'image';\r\n\r\n    if (ft === 'image') { var img = document.createElement('img'); img.src = proof.url; img.alt = proof.label; content.appendChild(img); } \r\n    else if (ft === 'video') { var vid = document.createElement('video'); vid.src = proof.url; vid.controls = true; vid.autoplay = true; content.appendChild(vid); } \r\n    else if (ft === 'pdf') { var ifrPdf = document.createElement('iframe'); ifrPdf.className = 'hst-lb-iframe'; ifrPdf.src = proof.url; content.appendChild(ifrPdf); } \r\n    else { var frame = document.createElement('iframe'); frame.className = 'hst-lb-iframe'; frame.src = 'https:\/\/docs.google.com\/viewer?url=' + encodeURIComponent(proof.url) + '&embedded=true'; content.appendChild(frame); }\r\n}\r\n\r\ndocument.getElementById('hst-lb-close').addEventListener('click', function() { document.getElementById('hst-lightbox').classList.remove('open'); document.getElementById('hst-lb-content').innerHTML = ''; });\r\ndocument.getElementById('hst-lb-prev').addEventListener('click', function() { if (lbIndex > 0) { lbIndex--; renderLightbox(); } });\r\ndocument.getElementById('hst-lb-next').addEventListener('click', function() { if (lbIndex < lbProofs.length - 1) { lbIndex++; renderLightbox(); } });\r\ndocument.getElementById('hst-lightbox').addEventListener('click', function(e) { if (e.target === this) { this.classList.remove('open'); document.getElementById('hst-lb-content').innerHTML = ''; } });\r\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape') { document.getElementById('hst-lightbox').classList.remove('open'); document.getElementById('hst-lb-content').innerHTML = ''; } });\r\n\r\n\/* INIT + REDIMENSIONNEMENT *\/\r\nfunction start() { initTree(); }\r\nif (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start); else start();\r\nwindow.addEventListener('resize', initTree);\r\n\r\n})();\r\n<\/script>\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>Accueil A propos de moi ! Mes exp\u00e9riences Mes comp\u00e9tences Mes Projets Contacts Accueil A propos de moi ! Mes exp\u00e9riences Mes comp\u00e9tences Mes Projets Contacts Mes Comp\u00e9tences Marketing Communication Vente Cliquez sur une comp\u00e9tence pour l&rsquo;activer, afficher ses d\u00e9tails, son \u00e9volution et consulter ses preuves. Titre &times; Description&#8230; &times; Pr\u00e9c\u00e9dent 1 \/ 1 Suivant<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/pages\/1397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/comments?post=1397"}],"version-history":[{"count":85,"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/pages\/1397\/revisions"}],"predecessor-version":[{"id":2144,"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/pages\/1397\/revisions\/2144"}],"wp:attachment":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/LE%20COZ\/index.php\/wp-json\/wp\/v2\/media?parent=1397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}