.art-bg,.art-bg img{height:100%;width:100%}#p .art-title h1,.art-auteur,.share-title{font-size:var(--fs)}.art-auteur,.art-body h2,.art-title h2,.share-title,h3{font-family:var(--ff_1);font-weight:700}:root{--color_10_rgb:122,95,199;--color_10:rgba(var(--color_10_rgb), 1)}.art-body h2,h3{font-size:calc(17px + 6 * (100vw - 320px) / 1080);line-height:1.1;color:var(--color_3)}.art-top{width:100%;border-radius:var(--radius_1);overflow:hidden;background:var(--color_10);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--padding_bloc);color:var(--color_4);aspect-ratio:16/6;min-height:40vh}.art-title{z-index:1;text-align:center;padding:var(--gutter)}#p .art-title h1{--fs:calc(14px + 3 * (100vw - 320px) / 1080);text-transform:uppercase;letter-spacing:calc(1px + 2 * (100vw - 320px) / 1080)}.art-title h2{font-size:calc(30px + 25 * (100vw - 320px) / 1080);margin:calc(var(--gutter)/ 2) 0}.art-auteur{background:rgba(var(--color_4_rgb),.2);border-radius:5px;padding:5px 10px;display:inline-block}.art-bg{position:absolute;top:0;left:0;opacity:.5}.art-bg img{object-fit:cover}.art-body{width:80%;margin:0 auto}.art-footer{border-top:1px solid rgba(var(--color_3_rgb),.5);margin-top:var(--padding_bloc);padding-top:var(--gutter)}.share .icon{fill:var(--color_5);--dim:45px;height:var(--dim);width:var(--dim)}.share .icon:hover{animation:.4s linear hover_tre}.share li+li{margin-left:5px}.share .cts{display:flex;justify-content:space-between}.share .cts ul{display:flex;margin:10px -3px 0}@media screen and (max-width:500px){.art-body{width:100%}}