/* compact [
	squelettes/css/style.css
	plugins-dist/mediabox/lib/lity/lity.css?1779102019
	plugins-dist/mediabox/lity/css/lity.mediabox.css?1779102019
	plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1779102019
	plugins-dist/porte_plume/css/barre_outils.css?1779102019
	local/cache-css/cssdyn-css_barre_outils_icones_css-4e324f0c.css?1779264248
	local/cache-css/cssdyn-tarteaucitron_custom_css-5a5d5ccd.css?1779264248
] 83.3% */

/* squelettes/css/style.css */
:root{--bg:#060606;--bg-1:#0F0F0F;--bg-2:#161616;--fg:#E6E0D4;--fg-dim:rgba(230,224,212,0.5);--fg-faint:rgba(230,224,212,0.15);--accent:#C5FF00;--accent-dim:rgba(197,255,0,0.1);--accent-glow:rgba(197,255,0,0.06);--border:rgba(230,224,212,0.08);--border-hi:rgba(197,255,0,0.35);--font-display:'Syne',sans-serif;--font-body:'IBM Plex Mono',monospace;--ease:cubic-bezier(0.16,1,0.3,1);--ease-std:cubic-bezier(0.4,0,0.2,1);--s-xs:.5rem;--s-sm:1rem;--s-md:2rem;--s-lg:4rem;--s-xl:8rem}
.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;background:var(--accent);color:#000;font-size:.85rem;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:top 0.15s}
.skip-link:focus{top:1rem}
.spip-admin-float{z-index:600!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url('//www.pierre-kuhn.org/squelettes/css/%23n')' opacity='1'/%3E%3C/svg%3E");opacity:0.025;pointer-events:none;z-index:9998}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent)}
.cursor{position:fixed;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width 0.3s var(--ease),height 0.3s var(--ease),opacity 0.3s;mix-blend-mode:difference}
.cursor.expanded{width:44px;height:44px}
.cursor.hidden{opacity:0}
@media (pointer:fine){a,button{cursor:none}}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:0.95;letter-spacing:-.025em}
h1{font-size:clamp(3.5rem,10vw,9.5rem)}
h2{font-size:clamp(2rem,5vw,4.5rem)}
h3{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;line-height:1.1}
h4{font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
p{font-size:.88rem;line-height:1.85;color:var(--fg-dim)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem)}
.formulaire_contact{max-width:640px}
.formulaire_contact .reponse_formulaire{padding:1rem 1.25rem;margin-bottom:2rem;font-size:.82rem;border-left:3px solid}
.formulaire_contact .reponse_formulaire_ok{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.formulaire_contact .reponse_formulaire_erreur{border-color:#ff4d4d;color:#ff4d4d;background:rgba(255,77,77,0.08)}
.formulaire_contact .editer-groupe{display:flex;flex-direction:column;gap:1.5rem}
.formulaire_contact .editer{display:flex;flex-direction:column;gap:.4rem}
.formulaire_contact label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim)}
.formulaire_contact .label-optionnel{color:var(--fg-faint);font-size:.65rem}
.formulaire_contact .erreur_message{font-size:.72rem;color:#ff4d4d}
.formulaire_contact input.text,.formulaire_contact input.email,.formulaire_contact input.tel,.formulaire_contact select.select,.formulaire_contact textarea.textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--fg);font-family:var(--font-body);font-size:.88rem;padding:.75rem 1rem;outline:none;transition:border-color 0.2s var(--ease-std);appearance:none;border-radius:0}
.formulaire_contact input.text:focus,.formulaire_contact input.email:focus,.formulaire_contact input.tel:focus,.formulaire_contact select.select:focus,.formulaire_contact textarea.textarea:focus{border-color:var(--accent)}
.formulaire_contact .editer.erreur input,.formulaire_contact .editer.erreur select,.formulaire_contact .editer.erreur textarea{border-color:#ff4d4d}
.formulaire_contact select.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C5FF00' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.formulaire_contact select.select option{background:var(--bg-2)}
.formulaire_contact textarea.textarea{resize:vertical;min-height:120px}
.formulaire_contact .boutons{margin-top:2rem}
.formulaire_contact input.submit{background:var(--accent);color:var(--bg);border:none;font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem 2.5rem;cursor:pointer;transition:opacity 0.2s var(--ease-std)}
.formulaire_contact input.submit:hover{opacity:0.85}
.site-header{position:fixed;inset:0 0 auto;z-index:500;padding:1.4rem clamp(1rem,3vw,2.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:background 0.4s,border-color 0.4s;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(6,6,6,0.88);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-color:var(--border)}
.site-logo{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;line-height:1}
.site-logo span{color:var(--accent)}
.site-nav{display:flex;align-items:center;gap:2.5rem;list-style:none}
.site-nav a{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);transition:color 0.2s;position:relative}
.site-nav a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 0.3s var(--ease)}
.site-nav a:hover{color:var(--fg)}
.site-nav a:hover::after{transform:scaleX(1)}
.nav-cta{padding:.45rem 1.1rem!important;border:1px solid var(--accent)!important;color:var(--accent)!important;transition:background 0.2s,color 0.2s!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--accent)!important;color:var(--bg)!important}
.hero{min-height:100svh;display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.hero-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);top:10%;right:-10%;pointer-events:none}
.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;padding-top:120px;padding-bottom:2rem}
.hero-title{grid-column:1 / -1}
.hero-title .word{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.3em}
.hero-title .word span{display:inline-block;transform:translateY(105%);animation:wordUp 0.85s var(--ease) forwards}
.hero-title .word:nth-child(2) span{animation-delay:0.08s}
.hero-title .word:nth-child(3) span{animation-delay:0.16s}
.hero-title .word:nth-child(4) span{animation-delay:0.24s}
.hero-title .word.accent{color:var(--accent)}
.hero-title .word.italic{font-style:italic}
@keyframes wordUp{to{transform:translateY(0)}}
.hero-desc{opacity:0;animation:fadeUp 0.8s var(--ease) 0.55s forwards;display:flex;flex-direction:column;gap:1.5rem}
.hero-desc p{font-size:.95rem;max-width:36ch}
.hero-aside{opacity:0;animation:fadeUp 0.8s var(--ease) 0.65s forwards;display:flex;flex-direction:column;align-items:flex-end;gap:1.25rem;justify-content:flex-end}
.badge-available{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border:1px solid var(--border);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:blink 2.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}
50%{opacity:0.2}}
.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--accent);color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;transition:transform 0.2s var(--ease),box-shadow 0.2s var(--ease)}
.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--border-hi)}
.btn-primary .arrow{transition:transform 0.2s}
.btn-primary:hover .arrow{transform:translateX(5px)}
.btn-outline{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.8rem;border:1px solid var(--fg);color:var(--fg);font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;transition:border-color 0.2s,color 0.2s,background 0.2s}
.btn-outline:hover{border-color:var(--accent);color:var(--bg);background:var(--accent)}
.contact-wrap .btn-outline{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.contact-wrap .btn-outline:hover{background:transparent;color:var(--fg)}
.hero-scroll{padding-bottom:2rem;opacity:0;animation:fadeUp 0.8s var(--ease) 1.1s forwards;display:flex;align-items:center;gap:1rem}
.scroll-bar{width:44px;height:1px;background:var(--fg-faint);position:relative;overflow:hidden}
.scroll-bar::after{content:'';position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:barSlide 2.2s var(--ease) 1.5s infinite}
@keyframes barSlide{0%{transform:translateX(-100%)}
50%{transform:translateX(0)}
100%{transform:translateX(100%)}}
.scroll-label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}}
.ticker{background:var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem 0;overflow:hidden;white-space:nowrap;user-select:none}
.ticker-track{display:inline-flex;animation:tickerRun 24s linear infinite}
.ticker-item{display:inline-flex;align-items:center;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);padding:0 2.5rem}
.ticker-item::after{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:2.5rem}
@keyframes tickerRun{from{transform:translateX(0)}
to{transform:translateX(-50%)}}
.section{padding:var(--s-xl) 0}
.section-alt{background:var(--bg-1)}
.section-header{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:var(--s-lg);padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.section-num{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-family:var(--font-body);padding-top:.2em}
.section-more{margin-left:auto;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;gap:.4rem;transition:color 0.2s,gap 0.2s}
.section-more:hover{color:var(--accent);gap:.8rem}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1px;background:var(--border)}
.project-card{background:var(--bg);padding:1.75rem;display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden;transition:background 0.3s;min-height:260px}
.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 0.45s var(--ease)}
.project-card:hover{background:var(--bg-1)}
.project-card:hover::before{transform:scaleX(1)}
.project-img{line-height:0}
.project-card img{width:calc(100% + 3.5rem);margin:-1.75rem -1.75rem 0;height:220px;object-fit:cover;filter:grayscale(0.4) brightness(0.85);transition:filter 0.4s}
.project-card:hover img{filter:grayscale(0) brightness(1)}
.project-index{position:absolute;top:1.5rem;right:1.5rem;font-size:.62rem;letter-spacing:.12em;color:var(--fg-faint)}
.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}
.project-tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border:1px solid var(--border);color:var(--fg-dim)}
.project-title{font-family:var(--font-display);font-weight:700;font-size:1.35rem;line-height:1.05;letter-spacing:-.01em;transition:color 0.2s}
.project-card:hover .project-title{color:var(--accent)}
.project-excerpt{font-size:.82rem;color:var(--fg-dim);line-height:1.75;flex:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.project-link{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);transition:gap 0.2s}
.project-link:hover{gap:1rem}
#veille .section-header{margin-bottom:var(--s-md)}
#veille .container{display:flex;flex-direction:column;gap:var(--s-md)}
.cert-card{background:var(--bg);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;transition:border-color 0.3s,background 0.3s}
.cert-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform 0.4s var(--ease)}
.cert-card:hover{background:var(--bg-1);border-color:var(--border-hi)}
.cert-card:hover::before{transform:scaleY(1)}
.cert-card-head{display:flex;align-items:center;gap:.75rem}
.cert-cms{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.18rem .5rem;border:1px solid var(--accent);color:var(--accent)}
.cert-cms.drupal{border-color:#29ABE2;color:#29ABE2}
.cert-date{font-size:.7rem;color:var(--fg-dim);margin-left:auto}
.cert-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.2}
.cert-title a{color:var(--fg);transition:color 0.2s}
.cert-title a:hover{color:var(--accent)}
.cert-desc{font-size:.8rem;color:var(--fg-dim);line-height:1.7}
.cert-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:.25rem;transition:gap 0.2s}
.cert-link:hover{gap:.75rem}
.cert-empty{font-size:.82rem;color:var(--fg-dim);padding:2rem 0;text-align:center}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--border)}
.skill-card{background:var(--bg-1);padding:1.75rem;border-left:2px solid transparent;transition:border-color 0.3s,background 0.3s;display:flex;flex-direction:column;gap:.6rem}
.skill-card:hover{background:var(--bg-2);border-color:var(--accent)}
.skill-card::after{content:attr(data-pct);position:absolute;top:1.75rem;right:1.75rem;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.04em;color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity 0.25s var(--ease),transform 0.25s var(--ease)}
.skill-card{position:relative}
.skill-card:hover::after{opacity:1;transform:translateY(0)}
.skill-icon{font-size:1.25rem;line-height:1;color:var(--accent);margin-bottom:.25rem;display:block}
.skill-name{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.01em}
.skill-desc{font-size:.78rem;color:var(--fg-dim);line-height:1.65}
.skill-link{display:inline-block;margin-top:.5rem;font-size:.75rem;color:var(--accent);text-decoration:none;letter-spacing:.03em}
.skill-link:hover{text-decoration:underline;text-underline-offset:3px}
.skill-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skill-bar{margin-top:.75rem;height:2px;background:var(--border);position:relative;overflow:hidden}
.skill-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);width:0;transition:width 1.2s var(--ease)}
.skill-card.in-view .skill-bar-fill{width:var(--pct,85%)}
.about-wrap{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-xl);align-items:center;padding:var(--s-xl) 0}
.about-portrait{position:relative}
.about-portrait img{width:100%;aspect-ratio:3 / 4;object-fit:cover;filter:grayscale(0.15);display:block}
.about-portrait-frame{position:absolute;top:1.5rem;left:1.5rem;right:-1rem;bottom:-1rem;border:1px solid var(--accent);pointer-events:none;z-index:-1}
.about-body{display:flex;flex-direction:column;gap:1.5rem}
.about-overline{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.about-text{font-size:.92rem;color:var(--fg-dim);line-height:1.9}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:.5rem}
.stat{background:var(--bg);padding:1.25rem 1rem}
.stat-num{font-family:var(--font-display);font-weight:800;font-size:2.25rem;letter-spacing:-.04em;color:var(--accent);line-height:1}
.stat-label{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);margin-top:.35rem}
.contact-wrap{text-align:center;padding:var(--s-xl) 0;position:relative;overflow:clip;display:flex;flex-direction:column;align-items:center;gap:1.75rem}
.contact-bg{position:absolute;font-family:var(--font-display);font-weight:800;font-size:min(22vw,18rem);color:transparent;-webkit-text-stroke:1px var(--border);top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none;letter-spacing:-.04em}
.contact-wrap > *{position:relative;z-index:1}
.contact-email{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,3.5vw,3rem);color:var(--accent);letter-spacing:-.02em;transition:color 0.2s,transform 0.2s;display:inline-block}
.contact-email:hover{color:var(--fg);transform:scale(1.02)}
.contact-desc{max-width:44ch;font-size:.9rem;color:var(--fg-dim);line-height:1.8}
.contact-page{padding-top:calc(var(--s-xl) + 4rem)}
.contact-page-header{margin-bottom:var(--s-lg)}
.contact-page-header h1{margin-top:var(--s-sm);margin-bottom:var(--s-md)}
.contact-page-intro{font-size:1rem;color:var(--fg-dim);max-width:50ch}
.contact-page-body{max-width:640px}
.legal-page{padding-top:calc(var(--s-xl) + 4rem)}
.legal-page-header{margin-bottom:var(--s-lg)}
.legal-page-header h1{margin-top:var(--s-sm);font-size:clamp(2.5rem,6vw,5rem);line-height:1.1}
.legal-page-body{max-width:72ch;display:flex;flex-direction:column;gap:var(--s-md)}
.legal-page-body h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:var(--fg);margin-top:var(--s-sm)}
.legal-page-body p,.legal-page-body li{font-size:.88rem;color:var(--fg-dim);line-height:1.85}
.legal-page-body ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}
.legal-page-body a{color:var(--accent)}
.legal-page-body a:hover{text-decoration:underline}
.legal-page-body button{display:inline;background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.site-footer{padding:1.5rem clamp(1rem,3vw,2.5rem);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-copy,.footer-credit{font-size:.68rem;color:var(--fg-dim);letter-spacing:.05em}
.footer-credit a{color:var(--accent)}
.footer-links{display:flex;gap:1.5rem;list-style:none}
.footer-links a{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);transition:color 0.2s}
.footer-links a:hover{color:var(--accent)}
.page-hero{min-height:55vh;display:flex;flex-direction:column;justify-content:flex-end;padding:110px clamp(1rem,3vw,2.5rem) 2.5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero-img{position:absolute;inset:0;overflow:hidden}
.page-hero-img img{width:100%;height:100%;object-fit:cover;opacity:0.18;filter:grayscale(1)}
.page-hero-content{position:relative;z-index:1;max-width:960px}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:1.5rem}
.breadcrumb a{color:var(--accent);transition:color 0.2s}
.breadcrumb a:hover{color:var(--fg)}
.breadcrumb-sep{color:var(--fg-faint)}
.article-meta-row{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;font-size:.72rem;color:var(--fg-dim);letter-spacing:.06em;flex-wrap:wrap}
.article-meta-sep{color:var(--fg-faint)}
.sidebar-site-link{display:inline-block;margin-bottom:var(--s-md);font-size:.72rem}
.article-body{max-width:740px;margin:0 auto;padding:var(--s-xl) clamp(1rem,3vw,2.5rem)}
.article-body > * + *{margin-top:1.25rem}
.article-body h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:var(--s-lg);margin-bottom:.5rem}
.article-body h3{font-size:clamp(1.1rem,2vw,1.4rem);margin-top:var(--s-md);color:var(--fg)}
.article-body p{font-size:1rem;color:var(--fg-dim);line-height:1.9}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.article-body a:hover{color:var(--fg)}
.article-body strong{color:var(--fg);font-weight:500}
.article-body img{width:100%;margin:var(--s-md) 0}
.article-body code{font-family:var(--font-body);background:var(--bg-2);color:var(--accent);padding:.15em .45em;font-size:.88em}
.article-body pre{background:var(--bg-1);border-left:2px solid var(--accent);padding:1.5rem;overflow-x:auto;margin:var(--s-md) 0}
.article-body pre code{background:none;padding:0}
.article-body blockquote{border-left:2px solid var(--accent-dim);padding-left:1.25rem;color:var(--fg-dim);font-style:italic}
.article-body ul,.article-body ol{padding-left:1.5rem;color:var(--fg-dim);font-size:.9rem;line-height:1.85}
.article-body li{margin-bottom:.3rem}
.skill-page{padding-top:calc(var(--s-xl) + 4rem);padding-bottom:var(--s-xl)}
.skill-page-hero{margin-top:var(--s-lg);margin-bottom:var(--s-lg);max-width:600px}
.skill-page-hero .skill-icon{font-size:1.5rem;margin-bottom:var(--s-sm)}
.skill-page-hero h1{font-size:clamp(3rem,8vw,6rem);line-height:1;margin-bottom:var(--s-md)}
.skill-page-bar{height:4px;background:var(--border);overflow:hidden;margin-bottom:.75rem}
.skill-page-fill{height:100%;width:0;background:var(--accent);transition:width 1.2s var(--ease-std)}
.skill-page-hero.in-view .skill-page-fill{width:var(--pct,80%)}
.skill-page-pct{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;color:var(--accent);line-height:1}
.skill-page-pct span{font-size:.55em}
.skill-page-body{max-width:600px;margin-bottom:var(--s-md)}
.skill-page-link{margin-bottom:var(--s-xl);display:inline-block}
.skill-page-projects{margin-top:var(--s-xl)}
.skill-page-projects h2{font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:var(--s-md)}
.article-layout{display:flex;align-items:flex-start;gap:0;max-width:1200px;margin:0 auto}
.article-sidebar{width:260px;flex-shrink:0;position:sticky;top:80px;padding:var(--s-xl) var(--s-md) var(--s-xl) clamp(1rem,3vw,2.5rem);border-right:1px solid var(--border);align-self:flex-start}
.sidebar-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:var(--s-sm)}
.sidebar-skills-list{display:flex;flex-direction:column;gap:.5rem;list-style:none}
.sidebar-skill{display:flex;flex-direction:column;gap:.3rem;background:none;border:1px solid var(--border);padding:.55rem .75rem;cursor:pointer;text-align:left;transition:border-color 0.2s var(--ease-std);width:100%}
.sidebar-skill:hover,.sidebar-skill.active{border-color:var(--accent)}
.sidebar-skill-name{font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--fg);text-transform:uppercase}
.sidebar-skill.active .sidebar-skill-name{color:var(--accent)}
.sidebar-skill-track{display:block;height:2px;background:var(--border);width:100%;overflow:hidden}
.sidebar-skill-fill{display:block;height:100%;width:0;background:var(--accent);transition:width 0.6s var(--ease-std)}
.sidebar-skill.in-view .sidebar-skill-fill{width:var(--pct,80%)}
.skill-detail{margin-top:var(--s-md);padding-top:var(--s-md);border-top:1px solid var(--border)}
.skill-detail[hidden]{display:none}
.skill-detail-name{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--fg);margin-bottom:.5rem}
.skill-detail-bar{height:4px;background:var(--border);margin-bottom:.4rem;overflow:hidden}
.skill-detail-fill{height:100%;width:0;background:var(--accent);transition:width 0.7s var(--ease-std)}
.skill-detail-pct{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:.6rem}
.skill-detail-desc{font-size:.8rem;color:var(--fg-dim);line-height:1.7;margin-bottom:.75rem}
.skill-detail-link{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-decoration:none}
.skill-detail-link:hover{text-decoration:underline}
.article-main{flex:1;min-width:0}
.article-main .article-body{max-width:680px;margin:0}
@media (max-width:900px){.article-layout{flex-direction:column}
.article-sidebar{width:100%;position:static;border-right:none;border-bottom:1px solid var(--border);padding:var(--s-md) clamp(1rem,3vw,2.5rem)}
.sidebar-skills-list{flex-direction:row;flex-wrap:wrap}
.sidebar-skill{width:auto;flex-direction:row;align-items:center;gap:.5rem}
.sidebar-skill-track{width:60px}
.skill-detail{display:none!important}
.article-main .article-body{max-width:100%}}
.article-nav{display:flex;justify-content:space-between;gap:var(--s-md);padding:var(--s-lg) clamp(1rem,3vw,2.5rem);border-top:1px solid var(--border);margin-top:var(--s-lg)}
.article-nav a.suivant_precedent{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);text-decoration:none;transition:color 0.2s var(--ease-std),gap 0.2s var(--ease-std)}
.article-nav a.suivant_precedent span{color:var(--fg)}
.article-nav a.suivant_precedent:hover{color:var(--accent);gap:.75rem}
.article-nav a.suivant_precedent:hover span{color:var(--accent)}
.article-nav a.suivant_precedent:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.article-nav a.prev{margin-right:auto}
.article-nav a.next{margin-left:auto}
.article-nav img{display:none}
.rubrique-hero{padding:110px clamp(1rem,3vw,2.5rem) 2.5rem;border-bottom:1px solid var(--border)}
.rubrique-hero p{font-size:1rem;max-width:56ch;margin-top:1rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.75s var(--ease),transform 0.75s var(--ease)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity 0.6s var(--ease),transform 0.6s var(--ease)}
.reveal-stagger.in-view > *{opacity:1;transform:none}
.reveal-stagger.in-view > *:nth-child(1){transition-delay:0s}
.reveal-stagger.in-view > *:nth-child(2){transition-delay:0.08s}
.reveal-stagger.in-view > *:nth-child(3){transition-delay:0.16s}
.reveal-stagger.in-view > *:nth-child(4){transition-delay:0.24s}
.reveal-stagger.in-view > *:nth-child(5){transition-delay:0.32s}
.reveal-stagger.in-view > *:nth-child(6){transition-delay:0.40s}
@media (max-width:900px){.hero-content{grid-template-columns:1fr}
.hero-aside{align-items:flex-start}
.about-wrap{grid-template-columns:1fr}
.about-portrait{max-height:420px;overflow:hidden}}
@media (max-width:640px){.site-nav{display:none}
.projects-grid{grid-template-columns:1fr}
.skills-grid{grid-template-columns:1fr 1fr}
.stats-row{grid-template-columns:repeat(3,1fr)}
.section-more{display:none}}

/* plugins-dist/mediabox/lib/lity/lity.css?1779102019 */
/*! Lity - v3.0.0-dev - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla;Licensed MIT */
.lity-active,.lity-active body{overflow:hidden}
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
.lity-close,.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;-webkit-box-shadow:none;box-shadow:none}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-close:active{top:1px}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.lity-hide{display:none}

/* plugins-dist/mediabox/lity/css/lity.mediabox.css?1779102019 */
.box_mediabox{display:block;margin:0;padding:0;width:auto;height:auto;background:none;border:0}
.box_mediabox:before{content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.9}
@media(min-width:500px){.box_mediabox .lity-container{max-width:90%;max-height:90%}}
@media(max-width:499.9px){.box_mediabox .lity-container{max-width:100%!important;max-height:100%!important}}
.box_mediabox.lity-height-set .lity-content{height:100%;min-height:0!important}
.box_mediabox.lity-image .lity-content{display:flex;justify-content:center;align-items:center}
.box_mediabox.lity-image .lity-image-figure{display:block;margin:0}
.box_mediabox.lity-image .lity-image-figure::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-color:transparent;transition:background-color 0.25s ease-in 0.1s}
.box_mediabox.lity-image.lity-ready .lity-image-figure::before{background-color:#fff}
.lity-image-caption.min,.lity-image-caption.expanded{cursor:pointer}
.lity-image-caption.min .lity-image-caption-text{max-height:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lity-image-caption.min .spip_doc_titre,.lity-image-caption.min .spip_doc_descriptif,.lity-image-caption.min .spip_doc_credits{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lity-image-caption.min .spip_doc_descriptif:not(:first-child),.lity-image-caption.min .spip_doc_credits:not(:first-child){display:none}
.box_mediabox.lity-inline .lity-content,.box_mediabox.lity-ajax .lity-content{background:#fff}
.box_mediabox.lity-inline .lity-content>*,.box_mediabox.lity-ajax .lity-content-inner{overflow:auto;padding:1rem}
.mediabox-hide{display:none}
.box_mediabox .mediabox-hide{display:block}
.box_mediabox.lity-iframe .lity-iframe-container iframe{background:#fff}
.box_mediabox.lity-height-set.lity-iframe .lity-iframe-container{height:100%;padding:0;transform:none}
.lity-active body{height:auto!important;overflow:hidden!important}
.box_mediabox.lity-loading .lity-content{background:transparent}
.box_mediabox.lity-loading .lity-content:after{display:none}
.lity-loading .box-loading{display:block;position:absolute;top:50%;left:50%;margin-top:-2.5em;margin-left:-2.5em;width:5em;height:5em}
.lity-loading .box-loading:after{content:" ";display:block;width:4em;height:4em;margin:.5em;border-radius:50%;border:.375em solid #000;border-color:#000 #fff #000 #fff;opacity:0.5;animation:lds-dual-ring 1.2s linear infinite}
@keyframes lds-dual-ring{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.box_mediabox.lity-closing:before{opacity:0}
.lity-group-progress-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:.33em}
.lity-slideshow .lity-group-progress-bar{display:block}
.lity-group-progress-bar-status{position:absolute;left:0;height:100%;top:0;background:#888}
.lity-no-transition-on-open .lity-content,.lity-no-transition .lity-content{transition:none!important}
.lity-no-transition-on-open-none.lity-loading .lity-content,.lity-no-transition.lity-loading .lity-content,.lity-no-transition.lity-closed .lity-content{-webkit-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}
.lity-transition-on-open-slide-from-right .lity-content,.lity-transition-on-open-slide-from-left .lity-content{-webkit-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
.lity-transition-on-open-slide-from-right.lity-loading .lity-content{-webkit-transform:scale(1) translateX(50vw);-ms-transform:scale(1) translateX(50vw);-o-transform:scale(1) translateX(50vw);transform:scale(1) translateX(50vw)}
.lity-transition-on-open-slide-from-left.lity-loading .lity-content{-webkit-transform:scale(1) translateX(-50vw);-ms-transform:scale(1) translateX(-50vw);-o-transform:scale(1) translateX(-50vw);transform:scale(1) translateX(-50vw)}
:root{--mediabox-sidebar-width:25rem;--mediabox-sidebar-height:calc(5rem + 20%);--mediabox-sidebar-close-size:2rem}
.box_mediabox.lity-sidebar:before{opacity:0.5}
.box_mediabox.lity-sidebar .lity-wrap{display:flex}
.box_mediabox.lity-sidebar .lity-container{position:relative;transition:transform 0.3s ease-in-out}
.box_mediabox.lity-sidebar .lity-content{height:100%;width:100%;min-width:initial;min-height:initial;transition:none!important;transform:none!important;padding-block-start:var(--mediabox-sidebar-close-size)}
.box_mediabox.lity-sidebar .lity-close{position:absolute;color:inherit;width:var(--mediabox-sidebar-close-size);height:var(--mediabox-sidebar-close-size);font-size:var(--mediabox-sidebar-close-size);line-height:var(--mediabox-sidebar-close-size)}
.box_mediabox.lity-sidebar-inline .lity-container{width:var(--mediabox-sidebar-width);max-width:100vw}
.box_mediabox.lity-sidebar-start .lity-wrap{justify-content:start}
.box_mediabox.lity-sidebar-start.lity-loading .lity-container,.box_mediabox.lity-sidebar-start.lity-closing .lity-container{transform:scale(1) translateX(-100%)}
.box_mediabox.lity-sidebar-end .lity-wrap{justify-content:end}
.box_mediabox.lity-sidebar-end.lity-loading .lity-container,.box_mediabox.lity-sidebar-end.lity-closing .lity-container{transform:scale(1) translateX(100%)}
.box_mediabox.lity-sidebar-block .lity-wrap:before{margin:0}
.box_mediabox.lity-sidebar-top .lity-container,.box_mediabox.lity-sidebar-bottom .lity-container{height:var(--mediabox-sidebar-height);max-height:100vw}
.box_mediabox.lity-sidebar-top.lity-loading .lity-container,.box_mediabox.lity-sidebar-top.lity-closing .lity-container{transform:scale(1) translateY(-100%)}
.box_mediabox.lity-sidebar-bottom .lity-wrap{align-items:end}
.box_mediabox.lity-sidebar-bottom.lity-loading .lity-container,.box_mediabox.lity-sidebar-bottom.lity-closing .lity-container{transform:scale(1) translateY(100%)}

/* plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1779102019 */
.box_mediabox:before{background:#000;opacity:0.9}
.box_mediabox button[class*="lity-"]:focus{outline:2px dotted #ccc}
.lity-close,.lity-close:hover,.lity-close:active,.lity-close:focus{top:4px;right:2px;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:2.5rem;color:#fff}
.lity-group-caption .lity-group-current{display:block;position:absolute;top:-1.5rem;right:0;color:#fff;font-weight:700}
.lity-loading .lity-group-caption .lity-group-current{left:50%;margin-left:-2.125em;width:4.5em;right:auto;text-align:center;top:50%;margin-top:-1.5em;color:#fff}
.lity-loading .lity-group-start-stop{display:none}
.lity-group-start-stop{display:block;position:absolute;top:-1.5rem;left:0;width:100%;text-align:center;color:#fff;font-weight:700}
.lity-group-start-stop button{display:inline-block;border:0;padding:0;margin:0;background:none;color:#fff}
.lity-group-start-stop button b{color:transparent}
.lity-group-start-stop button b::after{content:attr(title);display:inline-block;color:#fff;padding-right:.75em}
.lity-group-start-stop .lity-stop{display:none}
.lity-slideshow .lity-group-start-stop .lity-start{display:none}
.lity-slideshow .lity-group-start-stop .lity-stop{display:inline-block}
.lity-next,.lity-previous{display:block;border:0;padding:0;margin:0;position:fixed;border-radius:50%;left:-4.75rem;text-align:center;top:50%;margin-top:-6rem;width:8rem;height:12rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}
.lity-next[disabled],.lity-previous[disabled]{display:none}
.lity-next{left:auto;right:-4.75rem;text-align:right}
.lity-next:hover,.lity-previous:hover,.lity-next:active,.lity-previous:active,.lity-next:focus,.lity-previous:focus{background:rgba(255,255,255,.05)}
.lity-next b,.lity-previous b{display:inline-block;position:absolute;top:50%;left:5.5rem;font-size:3rem;line-height:3rem;margin-top:-1.5rem;text-shadow:0 0 10px #000;color:#fff;font-style:normal;opacity:0.5}
.lity-next b{right:5.5rem;left:auto}
.lity-next:hover b,.lity-previous:hover b,.lity-next:active b,.lity-previous:active b,.lity-next:focus b,.lity-previous:focus b{display:inline-block;opacity:1}
.lity-image-caption{display:block;position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.25);color:#fff;font-style:italic;padding:1rem}

/* plugins-dist/porte_plume/css/barre_outils.css?1779102019 */
.markItUpHeader{text-align:left}
.markItUp .markItUpHeader a,.markItUp .markItUpTabs a,.markItUp .markItUpFooter a{color:#000;text-decoration:none}
.markItUp{margin:5px 0;position:relative}
.markItUp .markItUpContainer{margin:0;padding:0}
.markItUp .markItUpTabs a,.markItUp .markItUpHeader a{transition:background 0.2s,color 0.2s}
.markItUp .markItUpTabs a:hover,.markItUp .markItUpTabs a:focus,.markItUp .markItUpTabs a:active,.markItUp .markItUpHeader ul a.active,.markItUp .markItUpHeader ul a:focus,.markItUp .markItUpHeader ul a:focus-within,.markItUp .markItUpHeader ul a:active,.markItUp .markItUpHeader ul a:hover{background-color:var(--spip-color-theme-lightest,hsla(0,0%,0%,0.05));outline:none!important}
.markItUp .markItUpTabs{text-align:right;position:absolute;right:10px;clear:right;z-index:5}
.markItUp .markItUpTabs a{display:block;float:right;padding:1em .5em;position:relative;font-size:.9em}
.markItUp .markItUpTabs a.on:after,.markItUp .markItUpTabs a:hover:after,.markItUp .markItUpTabs a:focus:after,.markItUp .markItUpTabs a:active:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-2px;border-bottom:2px solid var(--spip-color-theme,hsla(0,0%,0%,0.66))}
.markItUp .markItUpHeader{display:block;margin:0;padding:0;min-height:3.2em;background:white;border:1px solid #ddd;border-color:var(--spip-form-border-color,hsla(0,0%,0%,0.15));border-bottom-color:var(--spip-form-border-color,hsla(0,0%,0%,0.15));border-radius:var(--spip-form-border-radius,6px) var(--spip-form-border-radius,6px) 0 0}
.markItUp .markItUpHeader:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.lte7 .markItUp .markItUpHeader ul{height:3.2em}
.markItUp .markItUpHeader ul{display:block;margin:0!important;padding:0}
.markItUp .markItUpHeader ul li{list-style:none;float:left;position:relative;clear:none;border:0;margin:0;padding:0;overflow:visible}
.markItUp .markItUpHeader ul li:first-child{padding-top:0}
.markItUp .markItUpHeader ul a{clear:none;display:block;margin:0;padding:1.05em .5em}
.markItUp .markItUpHeader ul a em{display:block;background-repeat:no-repeat;width:1rem;height:1rem;text-indent:-10000px}
.markItUp .markItUpHeader > ul > li:first-child > a{padding-left:10px}
.markItUp .markItUpHeader ul .markItUpDropMenu ul{display:none;position:absolute;top:3.15em;width:8rem;z-index:3}
.markItUp .markItUpHeader ul .markItUpDropMenu ul.expanded{display:block;width:12em}
.markItUp .markItUpHeader ul .markItUpDropMenu ul li{float:left;margin-right:0;background-color:white}
.markItUp .markItUpHeader ul .markItUpDropMenu ul a{background-color:var(--spip-color-theme-lightest,hsla(0,0%,0%,0.05))}
.markItUp .markItUpHeader ul .markItUpDropMenu ul a:hover,.markItUp .markItUpHeader ul .markItUpDropMenu ul a:focus,.markItUp .markItUpHeader ul .markItUpDropMenu ul a:active{background-color:var(--spip-color-theme-lighter,hsla(0,0%,0%,0.15))}
.lte8 .markItUp .markItUpHeader ul .markItUpDropMenu ul{padding-top:0;border-top:1px solid #ccc}
.markItUp .markItUpHeader ul ul .markItUpDropMenu{background:#F5F5F5 url('//www.pierre-kuhn.org/plugins-dist/porte_plume/css/img/submenu.png') no-repeat 50% 50%}
.markItUp .markItUpHeader ul ul .separateur{margin:0;border:0}
.markItUp .markItUpEditor{clear:both;display:block;overflow:auto;margin:0}
.markItUp .markItUpEditor#text_area{height:300px;border-color:var(--spip-form-border-color,hsla(0,0%,0%,0.15));border-top:0}
.markItUp .markItUpPreview{clear:both;border:1px solid #ddd;border-color:var(--spip-form-border-color,hsla(0,0%,0%,0.15));border-top:0;background:#fff;overflow:auto;padding:1em}
.markItUp .preview p{margin-bottom:1em}
.markItUp .preview ul{margin-bottom:1em;margin-top:.5em}
.markItUp .preview li{border:none;padding:1px}
.markItUp .preview .cadre ol,.markItUp .preview .cadre ul{padding:.5em}
.markItUp .markItUpContainer.fullscreen{position:fixed;top:0;left:0;height:100%;width:100%;background:#DDD;z-index:1002}
.markItUp .fullscreen .markItUpHeader{position:absolute;top:0;right:50%;width:50%;max-width:40em;display:block!important}
.markItUp .fullscreen .markItUpEditor,.markItUp .fullscreen .markItUpPreview{margin-top:3.4em;top:0;width:50%;max-width:40em;height:95%!important;display:block!important;border:0}
.markItUp .fullscreen .markItUpEditor{position:absolute!important;right:50%}
.markItUp .fullscreen .markItUpPreview{position:absolute;left:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #eee;border-left-color:hsla(0,0%,0%,0.1)}
.markItUp .fullscreen .markItUpTabs{position:absolute;left:50%;width:50%;max-width:40em}
.markItUp .fullscreen .markItUpTabs .previsuVoir,.markItUp .fullscreen .markItUpTabs .previsuEditer,.markItUp .fullscreen .markItUpFooter{display:none}
.markItUp .markItUpTabs .fullscreen{text-indent:-1000em;text-align:left;background-image:url('//www.pierre-kuhn.org/plugins-dist/porte_plume/css/img/arrow_out.svg')!important;background-position:center center!important;background-repeat:no-repeat!important;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:16px}
.markItUp .fullscreen .markItUpTabs .fullscreen{background-image:url('//www.pierre-kuhn.org/plugins-dist/porte_plume/css/img/arrow_in.svg')!important}
.markItUp .markItUpFooter{margin:0;padding:0;width:100%}
.markItUp .markItUpResizeHandle{overflow:hidden;width:21px;height:6px;margin-left:auto;margin-right:auto;background-image:url('//www.pierre-kuhn.org/plugins-dist/porte_plume/css/img/handle.svg');cursor:ns-resize}

/* local/cache-css/cssdyn-css_barre_outils_icones_css-4e324f0c.css?1779264248 */
.markItUp .outil_header1>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -2px}
.markItUp .outil_bold>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -22px}
.markItUp .outil_italic>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -42px}
.markItUp .outil_stroke_through>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -62px}
.markItUp .outil_liste_ul>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -442px}
.markItUp .outil_liste_ol>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -462px}
.markItUp .outil_indenter>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -482px}
.markItUp .outil_desindenter>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -502px}
.markItUp .outil_quote>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -302px}
.markItUp .outil_poesie>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -322px}
.markItUp .outil_link>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -342px}
.markItUp .outil_notes>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -362px}
.markItUp .outil_guillemets>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -522px}
.markItUp .outil_guillemets_simples>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -542px}
.markItUp .outil_guillemets_de>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -562px}
.markItUp .outil_guillemets_de_simples>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -582px}
.markItUp .outil_guillemets_uniques>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -602px}
.markItUp .outil_caracteres>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -282px}
.markItUp .outil_a_maj_grave>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -162px}
.markItUp .outil_e_maj_aigu>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -202px}
.markItUp .outil_e_maj_grave>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -222px}
.markItUp .outil_aelig>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -142px}
.markItUp .outil_aelig_maj>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -122px}
.markItUp .outil_oe>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -262px}
.markItUp .outil_oe_maj>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -242px}
.markItUp .outil_ccedil_maj>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -182px}
.markItUp .outil_uppercase>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -82px}
.markItUp .outil_lowercase>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -102px}
.markItUp .outil_code>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -382px}
.markItUp .outil_cadre>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -402px}
.markItUp .outil_clean>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -422px}
.markItUp .outil_preview>a>em{background-image:url(//www.pierre-kuhn.org/plugins-dist/porte_plume/icones_barre/spt-v1.svg);background-position:-2px -622px}
.markItUp .tac_drop>a>em{background-image:url(//www.pierre-kuhn.org/plugins/tarteaucitron/icones_barre/tac.png)}
.ajaxLoad{position:relative}
.ajaxLoad:after{content:"";display:block;width:5em;height:5em;border:1px solid #eee;background:#fff url('//www.pierre-kuhn.org/prive/images/loader.svg') center no-repeat;background-size:50%;opacity:0.5;position:absolute;left:50%;top:50%;margin-left:-2.5em;margin-top:-2.5em}
.fullscreen .ajaxLoad:after{position:fixed;left:75%}

/* local/cache-css/cssdyn-tarteaucitron_custom_css-5a5d5ccd.css?1779264248 */
#tarteaucitron strong{color:#fff}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitron-toggle-group{background:rgba(0,0,0,0.1)!important;padding:11px 22px;margin:5px 0;text-transform:uppercase;position:relative;border-radius:3px;box-shadow:0 2px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3)}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitron-toggle-group:hover{box-shadow:0 2px 3px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3)}
#tarteaucitronRoot #tarteaucitronAlertBig{background:#333!important}
#tarteaucitronAlertBig #tarteaucitronPersonalize2,.tarteaucitronCTAButton,#tarteaucitronRoot .tarteaucitronDeny,#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{color:#fff!important}
#tarteaucitronRoot .tarteaucitronDeny,#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny{background:#9C1A1A!important}
#tarteaucitronAlertBig #tarteaucitronPersonalize2,.tarteaucitronCTAButton,#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow{background:#1B870B!important}
#tarteaucitronRoot .tarteaucitronAllow{background:#008300!important;color:#fff!important}