:root{--blanc:#fff;--background:#eee;--primaire:#91d4fa;--secondaire:#316888;--accent:#006dac;--text-color:#0a344c;--shadow1:0 .2em .2em rgba(0,0,0,0.1);--shadow2:-0.1em .3em .5em rgba(0,0,0,0.1)}@font-face{font-family:"atkinson";src:url("../fonts/Atkinson-Hyperlegible-Regular-102a.woff2");font-weight:normal}@font-face{font-family:"atkinson";src:url("../fonts/Atkinson-Hyperlegible-Italic-102a.woff2");font-weight:normal;font-style:italic}@font-face{font-family:"atkinson";src:url("../fonts/Atkinson-Hyperlegible-Bold-102a.woff2");font-weight:bold}@font-face{font-family:"atkinson";src:url("../fonts/Atkinson-Hyperlegible-BoldItalic-102a.woff2");font-weight:bold;font-style:italic}html{font-family:"atkinson";font-size:120%;line-height:1.4;scroll-behavior:smooth}body{background-color:var(--background);color:var(--text-color);margin:0;min-width:320px}header{background-position:50% 50%;background-color:var(--primaire);background-size:cover;background-image:url("../photos/motif.svg"),radial-gradient(circle at 50% 100%, var(--primaire) 20%, var(--secondaire));padding:0;height:20rem;display:flex;align-items:self-end;justify-content:center;color:var(--text-color)}header h1{font-size:3rem;margin:1em .5em;line-height:.8em}header h1 small{font-size:.5em}header h1 img{width:3em;float:left;margin-right:.2em}nav{position:sticky;top:0;background-color:var(--blanc);box-shadow:var(--shadow1);container-type:inline-size;z-index:1}nav ul{padding:.5em .5em 0;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:50rem}nav ul li{display:block;margin:0 .5em .5em 0}nav ul li a{padding:.5em 1em;display:block;text-decoration:none;background-color:var(--background);color:var(--accent);transition:all .2s}nav ul li a:hover,nav ul li a::after{color:var(--text-color);background-color:var(--primaire)}@media (max-width:30rem){nav{font-size:.8em}}h2{font-size:2rem;margin-top:3rem}h2::before{content:"";display:inline-block;width:1em;height:1em;background-color:var(--accent);background-color:var(--primaire);vertical-align:middle;margin-right:.5em}section{max-width:50rem;margin:0 auto;padding:3rem 1em;position:relative}a{color:var(--accent)}a[target="_blank"]::after{content:" ↗"}a[href^="http"]::after{content:" ↗"}a[href^="mailto"]::after{content:" 🖂"}a:hover,a:focus{background-color:var(--accent);color:var(--blanc);text-decoration:none}dt{font-weight:bold}dd{margin:.5em 0 1.5em 1em}.polaroid{background-color:var(--blanc);padding:1em;text-align:center;margin:.5rem 0;box-shadow:var(--shadow2);transform:rotate(-1deg);transition:all .2s;display:inline-block;max-width:80%}.polaroid:hover{transform:rotate(0)}.polaroid img{max-width:100%;max-height:30rem;vertical-align:bottom}.polaroid figcaption{font-size:.8em;font-style:italic;margin:1em 0 0 0}.bandeau{background-size:cover;background-position:50% 50%;height:15em;filter:brightness(1) contrast(.6);background-color:var(--accent);background-blend-mode:hard-light}.bandeau.b1{background-image:url(../photos/repair-cafe-cafetiere.jpg)}.bandeau.b2{background-image:url(../photos/repair-cafe-ordinateur.jpg)}.bandeau.b3{background-image:url(../photos/repair-cafe-velo.jpg)}.bandeau.b4{background-image:url(../photos/repair-cafe-machine-coudre.jpg)}blockquote{background-color:var(--blanc);padding:.1em 1em .1em 2.5em;border-radius:1em;margin:0 0 0 1em;position:relative}blockquote p::before{content:"❝";font-size:2em;position:absolute;top:0;left:.5rem;color:var(--primaire)}.tableau{overflow-x:auto}table{border-collapse:collapse;caption-side:bottom}table td,table th{padding:.1em .5em;border:thin solid var(--secondaire)}.footerpage{background-color:var(--primaire);display:flex}.footerpage div{margin:5em auto;width:100%;max-width:50rem;padding:0 1em}.footerpage div a{font-weight:bold}.footerpage img{float:left;margin-right:2em;width:10em}@media (max-width:30rem){.footerpage img{float:none}}.finsection{position:sticky;bottom:3em;text-align:right;height:0}.finsection .top{background-color:var(--primaire);color:var(--text-color);padding:1rem;font-size:.8em;text-align:center;line-height:.5;text-decoration:none;border-radius:.5em;transition:all ease .2s;outline:solid thin transparent;box-shadow:var(--shadow1);z-index:1}.finsection .top:hover,.finsection .top:focus{color:var(--accent);background-color:var(--blanc);outline:solid thin var(--accent)}.finsection .top span{display:none}.finsection .top::before{content:"▲";display:inline}