{"id":206,"date":"2026-10-03T22:01:06","date_gmt":"2026-10-03T22:01:06","guid":{"rendered":"https:\/\/www.nicolastarragoni.com\/?page_id=206"},"modified":"2026-10-25T22:33:00","modified_gmt":"2026-10-25T22:33:00","slug":"animaux","status":"publish","type":"page","link":"https:\/\/www.nicolastarragoni.com\/index.php\/animaux\/","title":{"rendered":"Animaux"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"206\" class=\"elementor elementor-206\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ccd569 e-con e-atomic-element e-flexbox-base e-f98d757 \" data-id=\"6ccd569\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ccd569\">\n    \t\t<div class=\"elementor-element elementor-element-91f8e00 elementor-widget elementor-widget-html\" data-id=\"91f8e00\" 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. SANS Elementor Pro (pas de Theme Builder) :             \u2551\r\n\u2551     Apparence > \u00c9diteur > Mod\u00e8les > Parties de mod\u00e8le >     \u2551\r\n\u2551     En-t\u00eate > bloc \u00ab HTML personnalis\u00e9 \u00bb > tout coller      \u2551\r\n\u2551  2. Avec Elementor Pro : widget HTML dans le Header du      \u2551\r\n\u2551     Theme Builder, Section = Full Width + Stretch, Pad. 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            <li><a class=\"nth0-sublink\" href=\"\/index.php\/animaux\/\" data-path=\"\/index.php\/animaux\/\">Animaux<\/a><\/li>\r\n            <li><a class=\"nth0-sublink\" href=\"\/index.php\/blue\/\" data-path=\"\/index.php\/blue\/\">Blue<\/a><\/li>\r\n            <li><a class=\"nth0-sublink\" href=\"\/index.php\/montreal\/\" data-path=\"\/index.php\/monteal\/\">Montr\u00e9al<\/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  \/* En mobile (< 1024px), le menu plein \u00e9cran doit se positionner par\r\n     rapport \u00e0 la fen\u00eatre (position:fixed). Or si un anc\u00eatre ajout\u00e9 par\r\n     le th\u00e8me WordPress porte un \"transform\" (fr\u00e9quent avec les th\u00e8mes\r\n     de blocs r\u00e9cents), \"fixed\" se recale sur cet anc\u00eatre au lieu de\r\n     l'\u00e9cran : le menu se referme trop t\u00f4t et laisse appara\u00eetre le\r\n     contenu de la page en dessous (superposition des logos de\r\n     l'en-t\u00eate et du pied de page). On d\u00e9place donc le menu \u00e0 la racine\r\n     de <body> pendant qu'il est ouvert, hors de port\u00e9e de ces\r\n     anc\u00eatres, puis on le replace \u00e0 son endroit d'origine \u00e0 la\r\n     fermeture (n\u00e9cessaire en desktop, o\u00f9 le menu redevient une colonne\r\n     positionn\u00e9e par rapport \u00e0 l'en-t\u00eate). *\/\r\n  var navHome=nav.parentNode, navHomeNext=nav.nextSibling;\r\n\r\n  \/* Burger (mobile) *\/\r\n  function openNav(){\r\n    document.body.appendChild(nav);\r\n    toggle.setAttribute('aria-expanded','true');nav.classList.add('nth0-open');document.body.style.overflow='hidden'\r\n  }\r\n  function closeNav(){\r\n    toggle.setAttribute('aria-expanded','false');nav.classList.remove('nth0-open');document.body.style.overflow='';\r\n    if(navHomeNext){navHome.insertBefore(nav,navHomeNext)}else{navHome.appendChild(nav)}\r\n  }\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-2a477a0 e-con e-atomic-element e-flexbox-base e-81621b8 \" data-id=\"2a477a0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2a477a0\">\n    \t\t<div class=\"elementor-element elementor-element-f366052 elementor-widget elementor-widget-html\" data-id=\"f366052\" 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 ANIMAUX                           \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  Images : M\u00e9diath\u00e8que, \/wp-content\/uploads\/2026\/10\/         \u2551\r\n  \u2551  (vignettes \u00ab large \u00bb g\u00e9n\u00e9r\u00e9es par WordPress).              \u2551\r\n  \u2551  Formats m\u00e9lang\u00e9s (carr\u00e9, 3:4, 2:3) : pas de recadrage.     \u2551\r\n  \u2551  Ajouter une image : dupliquer un <figure class=\"ntam1-card\">\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^=\"ntam\"]{font-family:'Archivo','Helvetica Neue',Arial,sans-serif!important;color:#111!important;-webkit-font-smoothing:antialiased}\r\n[class^=\"ntam\"] h1,[class^=\"ntam\"] p{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 : INTRO                                          -->\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.ntam0 *,.ntam0 *::before,.ntam0 *::after{box-sizing:border-box;margin:0;padding:0}\r\n.ntam0{width:100vw;margin-left:calc(-50vw + 50%);line-height:1.4}\r\n.ntam0-inner{max-width:1440px;margin:0 auto;padding:clamp(48px,9.4vw,136px) clamp(20px,6.6vw,96px) 0 calc(clamp(20px,6.6vw,96px) + clamp(200px,20.8vw,300px))}\r\n.ntam0-title{font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.4!important;color:#111!important;margin:0!important}\r\n@media(max-width:1023px){.ntam0-inner{padding:clamp(32px,6vw,56px) clamp(20px,6.6vw,96px) 0}}\r\n<\/style>\r\n\r\n<div class=\"ntam0\">\r\n  <div class=\"ntam0-inner\">\r\n    <h1 class=\"ntam0-title\">Animaux<\/h1>\r\n  <\/div>\r\n<\/div>\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 1 : GRILLE DES ILLUSTRATIONS                       -->\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.ntam1 *,.ntam1 *::before,.ntam1 *::after{box-sizing:border-box;margin:0;padding:0}\r\n.ntam1{width:100vw;margin-left:calc(-50vw + 50%);line-height:1.4}\r\n.ntam1-inner{max-width:1440px;margin:0 auto;padding:clamp(20px,2.2vw,32px) clamp(20px,6.6vw,96px) 0 calc(clamp(20px,6.6vw,96px) + clamp(200px,20.8vw,300px))}\r\n\/* Masonry en colonnes CSS : les images s'empilent de haut en bas, colonne par colonne *\/\r\n.ntam1-grid{column-count:3;column-gap:clamp(14px,2.2vw,32px)}\r\n.ntam1-card{display:block;overflow:hidden;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 clamp(14px,2.2vw,32px)!important}\r\n.ntam1-card img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;transition:transform .6s cubic-bezier(.25,.8,.25,1)}\r\n.ntam1-card:hover img{transform:scale(1.03)}\r\n@media(max-width:1023px){.ntam1-inner{padding:24px clamp(20px,6.6vw,96px) 0}}\r\n@media(max-width:600px){.ntam1-grid{column-count:2;column-gap:12px}.ntam1-card{margin-bottom:12px!important}}\r\n<\/style>\r\n\r\n<div class=\"ntam1\">\r\n  <div class=\"ntam1-inner\">\r\n    <div class=\"ntam1-grid\">\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Astro_chat-1024x1024.jpg\" alt=\"Astro chat\" width=\"1024\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Astro_lapin-1024x1024.jpg\" alt=\"Astro lapin\" width=\"1024\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Astro_ours-1024x1024.jpg\" alt=\"Astro ours\" width=\"1024\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Astro_Poulpe-1024x1024.jpg\" alt=\"Astro poulpe\" width=\"1024\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Manchot-espace-768x1024.jpg\" alt=\"Manchot dans l\u2019espace\" width=\"768\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Manchot-aquarium-768x1024.jpg\" alt=\"Manchot en aquarium\" width=\"768\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <!-- Nom de fichier ab\u00eem\u00e9 \u00e0 l'envoi (\u00ab ray\u00e9s \u00bb \u2192 \u00ab raye\u2560us \u00bb) : URL correcte telle quelle -->\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Animaux-raye%E2%95%A0us-768x1024.jpg\" alt=\"Animaux ray\u00e9s\" width=\"768\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Aqua_eyes-819x1024.jpg\" alt=\"Aqua eyes\" width=\"819\" height=\"1024\" loading=\"lazy\"><\/figure>\r\n      <!-- WordPress n'a pas g\u00e9n\u00e9r\u00e9 de vignettes pour ce fichier (7200 \u00d7 10800 px) -->\r\n      <figure class=\"ntam1-card\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/Monday_cat.jpg\" alt=\"Monday cat\" width=\"7200\" height=\"10800\" loading=\"lazy\"><\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-81ce072 e-con e-atomic-element e-flexbox-base e-e26eb34 \" data-id=\"81ce072\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"81ce072\">\n    \t\t<div class=\"elementor-element elementor-element-56c8f4f elementor-widget elementor-widget-html\" data-id=\"56c8f4f\" 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        <a class=\"ntf0-social\" href=\"https:\/\/www.instagram.com\/nicolastarragoni_illu\/\" 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        <li><a class=\"ntf0-link\" href=\"\/index.php\/animaux\/\">Animaux<\/a><\/li>\r\n        <li><a class=\"ntf0-link\" href=\"\/index.php\/blue\/\">Blue<\/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 Animaux Blue Montr\u00e9al \u00c0 propos Points de ventes \u00c9dition Contact Animaux NicolasTarragoni Illustrations Autoportraits animaliers V\u00e9g\u00e9taux et l\u00e9gumes Esquisses tattoo Animaux Blue \u00c0 propos Points de ventes Commandes sp\u00e9ciales Contact &copy;Nicolas Tarragoni 2026. Tous droits r\u00e9serv\u00e9s &#8211; Politique de confidentialit\u00e9<\/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-206","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages\/206","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=206"}],"version-history":[{"count":19,"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages\/206\/revisions"}],"predecessor-version":[{"id":345,"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/pages\/206\/revisions\/345"}],"wp:attachment":[{"href":"https:\/\/www.nicolastarragoni.com\/index.php\/wp-json\/wp\/v2\/media?parent=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}