{"id":71,"date":"2026-09-20T19:57:43","date_gmt":"2026-09-20T19:57:43","guid":{"rendered":"http:\/\/ofazhob.cluster151.hosting.ovh.net\/?page_id=71"},"modified":"2026-09-20T20:29:33","modified_gmt":"2026-09-20T20:29:33","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/www.nicolastarragoni.com\/index.php\/a-propos\/","title":{"rendered":"A propos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb0bb6 e-con e-atomic-element e-flexbox-base e-c74e683 \" data-id=\"4bb0bb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4bb0bb6\">\n    \t\t<div class=\"elementor-element elementor-element-822fd8f elementor-widget elementor-widget-html\" data-id=\"822fd8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  NICOLAS TARRAGONI \u2014 HEADER + NAVIGATION LAT\u00c9RALE           \u2551\r\n\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n\u2551  1. Widget HTML dans le Header du Theme Builder Elementor   \u2551\r\n\u2551  2. Section = Full Width + Stretch, Padding 0\/0\/0\/0        \u2551\r\n\u2551     Avanc\u00e9 > D\u00e9passement (Overflow) = Par d\u00e9faut (visible) \u2551\r\n\u2551  3. Font : Archivo (charg\u00e9e ici, via Google)               \u2551\r\n\u2551  4. >= 1024px : nav en colonne \u00e0 gauche du contenu         \u2551\r\n\u2551     <  1024px : burger + menu plein \u00e9cran                  \u2551\r\n\u2551  5. Page active d\u00e9tect\u00e9e automatiquement (JS, via l'URL)   \u2551\r\n\u2551  6. Tous les styles avec !important (anti-th\u00e8me)           \u2551\r\n\u2551  7. Liens en \/index.php\/<slug>\/ (permaliens actuels du     \u2551\r\n\u2551     site). Si les permaliens passent en \u00ab Titre de la      \u2551\r\n\u2551     publication \u00bb, retirer \/index.php dans les href ET     \u2551\r\n\u2551     dans les data-path.                                    \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n<!-- Fonts Google -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap\">\r\n\r\n<header class=\"nth0\" id=\"nth0-header\">\r\n  <div class=\"nth0-inner\">\r\n    <a class=\"nth0-logo\" href=\"\/\">Nicolas<br>Tarragoni<\/a>\r\n\r\n    <div class=\"nth0-right\">\r\n      <!-- Remplacer par l'URL de la version anglaise -->\r\n      <a class=\"nth0-lang\" href=\"\/index.php\/en\/\">EN<\/a>\r\n      <button class=\"nth0-toggle\" id=\"nth0Toggle\" type=\"button\" aria-label=\"Menu\" aria-expanded=\"false\" aria-controls=\"nth0Nav\">\r\n        <span class=\"nth0-bar\"><\/span><span class=\"nth0-bar\"><\/span><span class=\"nth0-bar\"><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <nav class=\"nth0-nav\" id=\"nth0Nav\" aria-label=\"Navigation principale\">\r\n      <ul class=\"nth0-list\">\r\n        <li class=\"nth0-item nth0-group\" id=\"nth0Group\">\r\n          <button class=\"nth0-group-btn\" id=\"nth0GroupBtn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nth0Sub\">\r\n            <span>Illustrations<\/span><span class=\"nth0-plus\" aria-hidden=\"true\">+<\/span>\r\n          <\/button>\r\n          <ul class=\"nth0-sub\" id=\"nth0Sub\">\r\n            <!-- data-path = permalien WordPress de la page (sert \u00e0 d\u00e9tecter la page active) -->\r\n            <li><a class=\"nth0-sublink\" href=\"\/index.php\/autoportraits-animaliers\/\" data-path=\"\/index.php\/autoportraits-animaliers\/\" data-home=\"1\">Autoportraits animaliers<\/a><\/li>\r\n            <li><a class=\"nth0-sublink\" href=\"\/index.php\/vegetaux-et-legumes\/\" data-path=\"\/index.php\/vegetaux-et-legumes\/\">V\u00e9g\u00e9taux et l\u00e9gumes<\/a><\/li>\r\n            <li><a class=\"nth0-sublink\" href=\"\/index.php\/esquisses-tattoo\/\" data-path=\"\/index.php\/esquisses-tattoo\/\">Esquisses tattoo<\/a><\/li>\r\n          <\/ul>\r\n        <\/li>\r\n        <li class=\"nth0-item\"><a class=\"nth0-link\" href=\"\/index.php\/a-propos\/\" data-path=\"\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\r\n        <li class=\"nth0-item\"><a class=\"nth0-link\" href=\"\/index.php\/points-de-ventes\/\" data-path=\"\/index.php\/points-de-ventes\/\">Points de ventes<\/a><\/li>\r\n        <li class=\"nth0-item\"><a class=\"nth0-link\" href=\"\/index.php\/edition\/\" data-path=\"\/index.php\/edition\/\">\u00c9dition<\/a><\/li>\r\n        <li class=\"nth0-item\"><a class=\"nth0-link\" href=\"\/index.php\/contact\/\" data-path=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n\/* \u00c9vite la barre de d\u00e9filement horizontale due aux sections 100vw *\/\r\nhtml,body{overflow-x:clip!important}\r\n\r\n#nth0-header,#nth0-header *,#nth0-header *::before,#nth0-header *::after{box-sizing:border-box!important}\r\n#nth0-header{position:relative!important;z-index:50!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;background:transparent!important;font-family:'Archivo','Helvetica Neue',Arial,sans-serif!important;color:#111!important;line-height:1.4!important;-webkit-font-smoothing:antialiased}\r\n#nth0-header .nth0-inner{position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;max-width:1440px!important;margin:0 auto!important;padding:clamp(24px,4.6vw,66px) clamp(20px,6.6vw,96px) 0!important}\r\n#nth0-header a{text-decoration:none!important;color:#111!important;background:none!important;border:none!important;box-shadow:none!important}\r\n#nth0-header ul,#nth0-header li{list-style:none!important;margin:0!important;padding:0!important}\r\n#nth0-header button{font-family:inherit!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;cursor:pointer!important;color:#111!important}\r\n\r\n\/* Logo + EN *\/\r\n#nth0-header .nth0-logo{position:relative!important;z-index:100001!important;display:block!important;font-family:'Archivo',sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.07em!important;text-transform:uppercase!important}\r\n#nth0-header .nth0-right{position:relative!important;z-index:100001!important;display:flex!important;align-items:center!important;gap:18px!important}\r\n#nth0-header .nth0-lang{font-family:'Archivo',sans-serif!important;font-size:14px!important;font-weight:800!important;letter-spacing:.08em!important;line-height:1.1!important;transition:opacity .25s!important}\r\n#nth0-header .nth0-lang:hover{opacity:.5!important}\r\n\r\n\/* Burger (< 1024px) *\/\r\n#nth0Toggle{display:flex!important;flex-direction:column!important;gap:5px!important;padding:6px 0 6px 6px!important;outline:none!important}\r\n#nth0Toggle .nth0-bar{display:block!important;width:24px!important;height:2px!important;background:#111!important;transition:transform .35s ease,opacity .35s ease!important;transform-origin:center!important}\r\n#nth0Toggle[aria-expanded=\"true\"] .nth0-bar:nth-child(1){transform:translateY(7px) rotate(45deg)!important}\r\n#nth0Toggle[aria-expanded=\"true\"] .nth0-bar:nth-child(2){opacity:0!important}\r\n#nth0Toggle[aria-expanded=\"true\"] .nth0-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}\r\n\r\n\/* Menu plein \u00e9cran (< 1024px) *\/\r\n#nth0Nav{position:fixed!important;inset:0!important;z-index:100000!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;padding:100px 24px 40px!important;overflow-y:auto!important;opacity:0!important;visibility:hidden!important;transition:opacity .35s ease,visibility .35s ease!important}\r\n#nth0Nav.nth0-open{opacity:1!important;visibility:visible!important}\r\n#nth0Nav .nth0-list{width:100%!important;max-width:320px!important}\r\n#nth0Nav .nth0-item + .nth0-item{margin-top:28px!important}\r\n\r\n\/* Liens *\/\r\n#nth0Nav .nth0-link,#nth0Nav .nth0-group-btn{display:flex!important;align-items:baseline!important;justify-content:space-between!important;width:100%!important;padding:0!important;font-family:'Archivo',sans-serif!important;font-size:16px!important;font-weight:400!important;letter-spacing:.1em!important;line-height:1.4!important;text-transform:uppercase!important;text-align:left!important;transition:opacity .25s!important}\r\n#nth0Nav .nth0-link:hover,#nth0Nav .nth0-group-btn:hover{opacity:.5!important}\r\n#nth0Nav .nth0-plus{font-size:15px!important;font-weight:400!important;letter-spacing:0!important;transition:transform .3s ease!important}\r\n#nth0Nav .nth0-link.nth0-active,#nth0Nav .nth0-group.nth0-has-active .nth0-group-btn{font-weight:700!important}\r\n\r\n\/* Sous-menu Illustrations *\/\r\n#nth0Nav .nth0-sub{display:none!important;padding-top:24px!important}\r\n#nth0Nav .nth0-group.nth0-open-sub .nth0-sub{display:block!important}\r\n#nth0Nav .nth0-sub li + li{margin-top:24px!important}\r\n#nth0Nav .nth0-sublink{display:inline-block!important;font-family:'Archivo',sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:.05em!important;line-height:1.4!important;color:#9b9b9b!important;transition:color .25s!important}\r\n#nth0Nav .nth0-sublink:hover{color:#111!important}\r\n#nth0Nav .nth0-sublink.nth0-active{color:#111!important;font-weight:700!important}\r\n\r\n\/* Desktop >= 1024px : colonne \u00e0 gauche, sous l'en-t\u00eate, align\u00e9e sur le contenu des pages *\/\r\n@media(min-width:1024px){\r\n  #nth0Toggle{display:none!important}\r\n  #nth0Nav{position:absolute!important;inset:auto!important;top:calc(100% + clamp(48px,9.4vw,136px) + 96px)!important;left:clamp(20px,6.6vw,96px)!important;width:clamp(170px,16vw,230px)!important;display:block!important;padding:0!important;background:transparent!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transition:none!important;z-index:50!important}\r\n  #nth0Nav .nth0-list{max-width:none!important}\r\n  #nth0Nav .nth0-item + .nth0-item{margin-top:32px!important}\r\n  #nth0Nav .nth0-link,#nth0Nav .nth0-group-btn{font-size:13px!important;letter-spacing:.1em!important}\r\n  #nth0Nav .nth0-plus{font-size:14px!important}\r\n  #nth0Nav .nth0-sub{padding-top:32px!important}\r\n  #nth0Nav .nth0-sub li + li{margin-top:32px!important}\r\n  #nth0Nav .nth0-sublink{font-size:13px!important;letter-spacing:.05em!important}\r\n}\r\n\r\n@media(max-width:480px){\r\n  #nth0-header .nth0-logo{font-size:14px!important}\r\n  #nth0-header .nth0-lang{font-size:13px!important}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var toggle=document.getElementById('nth0Toggle');\r\n  var nav=document.getElementById('nth0Nav');\r\n  var group=document.getElementById('nth0Group');\r\n  var groupBtn=document.getElementById('nth0GroupBtn');\r\n  if(!toggle||!nav||!group||!groupBtn)return;\r\n\r\n  \/* Burger (mobile) *\/\r\n  function openNav(){toggle.setAttribute('aria-expanded','true');nav.classList.add('nth0-open');document.body.style.overflow='hidden'}\r\n  function closeNav(){toggle.setAttribute('aria-expanded','false');nav.classList.remove('nth0-open');document.body.style.overflow=''}\r\n  toggle.addEventListener('click',function(){nav.classList.contains('nth0-open')?closeNav():openNav()});\r\n  nav.querySelectorAll('a').forEach(function(l){l.addEventListener('click',closeNav)});\r\n  document.addEventListener('keydown',function(e){if(e.key==='Escape'&&nav.classList.contains('nth0-open'))closeNav()});\r\n  window.addEventListener('resize',function(){if(window.innerWidth>=1024&&nav.classList.contains('nth0-open'))closeNav()});\r\n\r\n  \/* Sous-menu Illustrations *\/\r\n  function setSub(open){group.classList.toggle('nth0-open-sub',open);groupBtn.setAttribute('aria-expanded',open?'true':'false')}\r\n  groupBtn.addEventListener('click',function(){setSub(!group.classList.contains('nth0-open-sub'))});\r\n\r\n  \/* Page active (window.ntCurrentPath : utilis\u00e9 uniquement par l'aper\u00e7u local) *\/\r\n  function clean(p){return(p||'\/').replace(\/\\\/+$\/,'')||'\/'}\r\n  var current=clean(window.ntCurrentPath||window.location.pathname);\r\n  nav.querySelectorAll('a[data-path]').forEach(function(a){\r\n    var path=clean(a.getAttribute('data-path'));\r\n    var match=current===path||current.indexOf(path+'\/')===0||(current==='\/'&&a.hasAttribute('data-home'));\r\n    if(!match)return;\r\n    a.classList.add('nth0-active');\r\n    a.setAttribute('aria-current','page');\r\n    if(a.classList.contains('nth0-sublink')){group.classList.add('nth0-has-active');setSub(true)}\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ba50920 e-flex e-con-boxed e-con e-parent\" data-id=\"ba50920\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e6520a elementor-widget elementor-widget-html\" data-id=\"3e6520a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n  \u2551  NICOLAS TARRAGONI \u2014 PAGE \u00c0 PROPOS                          \u2551\r\n  \u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n  \u2551  Elementor : Section = Full Width + Stretch                 \u2551\r\n  \u2551  Colonne = Padding 0 \/ 0 \/ 0 \/ 0                           \u2551\r\n  \u2551  Mise en page : Elementor Pleine largeur (titre masqu\u00e9)     \u2551\r\n  \u2551  Font : Archivo (charg\u00e9e automatiquement, via Google)       \u2551\r\n  \u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n  \u2551  Styles forc\u00e9s en !important pour \u00e9craser le th\u00e8me WP       \u2551\r\n  \u2551  PORTRAIT \u00c0 FOURNIR : remplacer src=\"data:\u2026\" par l'URL      \u2551\r\n  \u2551  M\u00e9diath\u00e8que (carr\u00e9, 600 \u00d7 600 px, noir et blanc).          \u2551\r\n  \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n<!-- Fonts Google (autonome : fonctionne dans WordPress\/Elementor) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap\">\r\n<style>\r\n[class^=\"ntap\"]{font-family:'Archivo','Helvetica Neue',Arial,sans-serif!important;color:#111!important;-webkit-font-smoothing:antialiased}\r\n[class^=\"ntap\"] h1,[class^=\"ntap\"] h2,[class^=\"ntap\"] p,[class^=\"ntap\"] a,[class^=\"ntap\"] strong{font-family:'Archivo',sans-serif!important}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!--  SECTION 0 : PORTRAIT + PR\u00c9SENTATION                        -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<style>\r\n.ntap0 *,.ntap0 *::before,.ntap0 *::after{box-sizing:border-box;margin:0;padding:0}\r\n.ntap0{width:100vw;margin-left:calc(-50vw + 50%);line-height:1.4}\r\n\/* Le portrait remonte au-dessus de la ligne de d\u00e9part des autres pages :\r\n   le nom reste align\u00e9 sur \u00ab Illustrations \u00bb dans la nav. *\/\r\n.ntap0-inner{max-width:1440px;margin:0 auto;padding:clamp(24px,2.8vw,40px) clamp(20px,6.6vw,96px) 0 calc(clamp(20px,6.6vw,96px) + clamp(200px,20.8vw,300px))}\r\n.ntap0-avatar{width:clamp(120px,11.5vw,166px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#E7DCCD;margin:0 0 clamp(28px,3vw,42px)!important}\r\n.ntap0-avatar img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border:none!important;border-radius:0!important;box-shadow:none!important;filter:grayscale(1)}\r\n.ntap0-name{font-size:13px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;line-height:1.4!important;color:#111!important;margin:0!important}\r\n.ntap0-role{margin-top:14px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.04em!important;line-height:1.85!important}\r\n.ntap0-text{font-size:13px!important;font-weight:400!important;letter-spacing:.03em!important;line-height:1.85!important;color:#111!important;max-width:960px}\r\n.ntap0-role + .ntap0-text{margin-top:2px!important}\r\n.ntap0-rule{display:block;height:1px;border:0!important;background:#111!important;margin:clamp(22px,2.2vw,32px) 0 clamp(28px,3vw,44px)!important}\r\n@media(max-width:1023px){.ntap0-inner{padding:clamp(32px,6vw,56px) clamp(20px,6.6vw,96px) 0}}\r\n@media(max-width:480px){.ntap0-text,.ntap0-role{font-size:12.5px!important}}\r\n<\/style>\r\n\r\n<div class=\"ntap0\">\r\n  <div class=\"ntap0-inner\">\r\n    <!-- \u00c0 REMPLACER : src=\"data:\u2026\" \u2192 URL du portrait dans la M\u00e9diath\u00e8que -->\r\n    <figure class=\"ntap0-avatar\">\r\n      <img fetchpriority=\"high\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg'\/%3E\" alt=\"Portrait de Nicolas Tarragoni\" width=\"600\" height=\"600\">\r\n    <\/figure>\r\n\r\n    <h1 class=\"ntap0-name\">Nicolas Tarragoni<\/h1>\r\n    <p class=\"ntap0-role\">Illustrateur, designer graphique et auteur bas\u00e9 \u00e0 Montr\u00e9al (Qu\u00e9bec).<\/p>\r\n    <p class=\"ntap0-text\">Inspir\u00e9es du quotidien, de la vie montr\u00e9alaise et de l\u2019imaginaire de l\u2019enfance, mes illustrations visent les petites comme les grands \u00e2mes. Avec leur style simple, color\u00e9, ludique, r\u00e9aliste et parfois humoristique o\u00f9 chacun y trouvera son histoire, son \u00e9motion.<\/p>\r\n\r\n    <hr class=\"ntap0-rule\">\r\n\r\n    <p class=\"ntap0-text\">J\u2019ai commenc\u00e9 ma pratique artistique en photographie il y a plus de 15 ans pour ensuite entrer dans l\u2019univers graphique et l\u2019illustration. Co-fondateur et directeur artistique de l\u2019agence La Slide depuis 2016, j\u2019ai eu l\u2019opportunit\u00e9 d\u2019accompagner une grande vari\u00e9t\u00e9 de clients et de participer \u00e0 de nombreux projets \u00e0 la cr\u00e9ativit\u00e9 diverse et vari\u00e9e.<\/p>\r\n\r\n    <hr class=\"ntap0-rule\">\r\n\r\n    <p class=\"ntap0-text\">Le retour dans l\u2019imaginaire cr\u00e9atif de l\u2019enfance avec les naissances de mon fils et ma fille m\u2019a inspir\u00e9 pour de nombreuses illustrations et projets d\u2019\u00e9criture (\u00e0 venir).<\/p>\r\n  <\/div>\r\n<\/div>\r\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-bd935a1 e-con e-atomic-element e-flexbox-base e-9e05f0f \" data-id=\"bd935a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bd935a1\">\n    \t\t<div class=\"elementor-element elementor-element-0f3dbba elementor-widget elementor-widget-html\" data-id=\"0f3dbba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  NICOLAS TARRAGONI \u2014 PIED DE PAGE GLOBAL                    \u2551\r\n\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n\u2551  1. SANS Elementor Pro (pas de Theme Builder) :             \u2551\r\n\u2551     Apparence > \u00c9diteur > Mod\u00e8les > Parties de mod\u00e8le >     \u2551\r\n\u2551     Pied de page > bloc \u00ab HTML personnalis\u00e9 \u00bb > tout coller \u2551\r\n\u2551  2. Avec Elementor Pro : widget HTML dans le Footer du      \u2551\r\n\u2551     Theme Builder, Section = Full Width + Stretch, Pad. 0   \u2551\r\n\u2551  3. Font : Archivo (charg\u00e9e ici, via Google)               \u2551\r\n\u2551  4. Styles forc\u00e9s en !important pour \u00e9craser le th\u00e8me WP    \u2551\r\n\u2551  5. Colonnes de liens \u00e9tir\u00e9es jusqu'au bord droit du        \u2551\r\n\u2551     contenu (la maquette les laissait group\u00e9es \u00e0 gauche).   \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n<!-- Fonts Google -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap\">\r\n\r\n<style>\r\n.ntf0,.ntf0 *,.ntf0 *::before,.ntf0 *::after{box-sizing:border-box!important;margin:0;padding:0}\r\n.ntf0{width:100vw;margin-left:calc(-50vw + 50%);background:#fff!important;font-family:'Archivo','Helvetica Neue',Arial,sans-serif!important;color:#111!important;line-height:1.4;-webkit-font-smoothing:antialiased}\r\n.ntf0 a{text-decoration:none!important;color:#111!important;background:none!important;border:none!important;box-shadow:none!important;transition:opacity .25s}\r\n.ntf0 a:hover{opacity:.5}\r\n.ntf0 ul,.ntf0 li{list-style:none!important;margin:0!important;padding:0!important}\r\n.ntf0-inner{max-width:1440px;margin:0 auto;padding:clamp(90px,12vw,170px) clamp(20px,6.6vw,96px) clamp(28px,3.6vw,52px)}\r\n\/* 1re colonne align\u00e9e sur la nav lat\u00e9rale, les 2 autres se partagent le reste\r\n   de la largeur pour que le footer aille jusqu'au bord droit du contenu. *\/\r\n.ntf0-grid{display:grid;grid-template-columns:clamp(200px,20.8vw,300px) repeat(2,minmax(0,1fr));gap:40px clamp(20px,2.6vw,40px)}\r\n.ntf0-brand{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(36px,4.6vw,66px)}\r\n.ntf0-logo{display:block;font-size:15px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.07em!important;text-transform:uppercase!important}\r\n.ntf0-social{display:inline-flex!important}\r\n.ntf0-social svg{width:18px;height:18px;display:block}\r\n.ntf0-col li + li{margin-top:clamp(14px,1.6vw,20px)!important}\r\n.ntf0-title,.ntf0-caps{font-family:'Archivo',sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;line-height:1.3!important}\r\n.ntf0-link{font-family:'Archivo',sans-serif!important;font-size:13px!important;font-weight:400!important;letter-spacing:.05em!important;line-height:1.3!important}\r\n.ntf0-legal{margin-top:clamp(48px,5.6vw,80px)!important;font-family:'Archivo',sans-serif!important;font-size:11px!important;letter-spacing:.05em!important;text-transform:uppercase!important;line-height:1.7!important}\r\n@media(max-width:1023px){.ntf0-grid{grid-template-columns:1fr 1fr}.ntf0-brand{grid-column:1\/-1;flex-direction:row;align-items:center;justify-content:space-between;width:100%}}\r\n@media(max-width:480px){.ntf0-grid{gap:32px 20px}.ntf0-link,.ntf0-title,.ntf0-caps{font-size:12px!important}.ntf0-legal{font-size:10px!important}}\r\n<\/style>\r\n\r\n<footer class=\"ntf0\">\r\n  <div class=\"ntf0-inner\">\r\n    <div class=\"ntf0-grid\">\r\n\r\n      <!-- COL 1 : Marque -->\r\n      <div class=\"ntf0-brand\">\r\n        <a class=\"ntf0-logo\" href=\"\/\">Nicolas<br>Tarragoni<\/a>\r\n        <!-- Remplacer par l'URL du compte Instagram -->\r\n        <a class=\"ntf0-social\" href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"2.5\" width=\"19\" height=\"19\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.2\"\/><circle cx=\"17.6\" cy=\"6.4\" r=\"1.05\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- COL 2 : Illustrations -->\r\n      <ul class=\"ntf0-col\">\r\n        <li><span class=\"ntf0-title\">Illustrations<\/span><\/li>\r\n        <li><a class=\"ntf0-link\" href=\"\/index.php\/autoportraits-animaliers\/\">Autoportraits animaliers<\/a><\/li>\r\n        <li><a class=\"ntf0-link\" href=\"\/index.php\/vegetaux-et-legumes\/\">V\u00e9g\u00e9taux et l\u00e9gumes<\/a><\/li>\r\n        <li><a class=\"ntf0-link\" href=\"\/index.php\/esquisses-tattoo\/\">Esquisses tattoo<\/a><\/li>\r\n      <\/ul>\r\n\r\n      <!-- COL 3 : Pages -->\r\n      <ul class=\"ntf0-col\">\r\n        <li><a class=\"ntf0-caps\" href=\"\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\r\n        <li><a class=\"ntf0-caps\" href=\"\/index.php\/points-de-ventes\/\">Points de ventes<\/a><\/li>\r\n        <li><a class=\"ntf0-caps\" href=\"\/index.php\/commandes-speciales\/\">Commandes sp\u00e9ciales<\/a><\/li>\r\n        <li><a class=\"ntf0-caps\" href=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n      <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM BAR -->\r\n    <p class=\"ntf0-legal\">&copy;Nicolas Tarragoni 2026. Tous droits r\u00e9serv\u00e9s - <a href=\"\/index.php\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><\/p>\r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NicolasTarragoni EN Illustrations+ Autoportraits animaliers V\u00e9g\u00e9taux et l\u00e9gumes Esquisses tattoo \u00c0 propos Points de ventes \u00c9dition Contact Nicolas Tarragoni Illustrateur, designer graphique et auteur bas\u00e9 \u00e0 Montr\u00e9al (Qu\u00e9bec). Inspir\u00e9es du quotidien, de la vie montr\u00e9alaise et de l\u2019imaginaire de l\u2019enfance, mes illustrations visent les petites comme les grands \u00e2mes. Avec leur style simple, color\u00e9, ludique, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":10,"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":127,"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions\/127"}],"wp:attachment":[{"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}