html{scroll-behavior:smooth}@font-face{font-family:'open_sansregular';src:url('../fonts/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal}body{--header-padding-top:1.8rem;--bg-height:clamp(180px,28vw,260px);--hero-overlap:clamp(3rem,8vw,4rem);--accent-color:#d27d60;--accent-color-dark:#8b4d3b;--accent-soft:#f3d9c6;--surface-color:#fdfaf7;font-family:'open_sansregular','Segoe UI','Roboto',sans-serif;font-size:1.7em;line-height:1.65em;color:#2d2a26;background:radial-gradient(circle at 0% 0%,rgba(243,217,198,0.3) 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,#f7f1eb 0%,#ffffff 55%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-color-dark);text-decoration:none}a:hover,a:focus{color:var(--accent-color);text-decoration:underline}strong{font-weight:700}code,pre{font-family:'Fira Code','SFMono-Regular',Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}.art-content img,.art-full img,article img,.content img{max-height:80vh;height:auto !important;width:auto !important;max-width:100%;display:block;margin-left:auto;margin-right:auto}.heading-small{font-size:2rem}.heading-small{font-size:2.2rem;letter-spacing:-.02em}.header{position:sticky;top:0;z-index:10;padding:var(--header-padding-top) 0 1.6rem;background:rgba(253,250,247,0.78);border-bottom:1px solid rgba(45,42,38,0.06);box-shadow:0 18px 45px -28px rgba(82,53,40,0.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(210,125,96,0.15),rgba(253,250,247,0));opacity:.85;pointer-events:none}.header a{color:#3a2d27;transition:color .2s ease,transform .2s ease}.header a:hover{text-decoration:none;color:var(--accent-color);transform:translateY(-1px)}.logo{display:flex;flex-direction:column;gap:.4rem;background:none;padding:0;margin:0}.logo h1,.logo h1 a{color:#34261f;font-weight:700;letter-spacing:-.01em}.logo h2{color:rgba(52,38,31,0.6);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.site-subtitle{letter-spacing:.22em;font-size:1.35rem;color:rgba(45,42,38,0.6)}.nav{text-align:right;padding-top:.4rem}.responsive-menu input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.responsive-menu label{display:none}ul.menu{display:flex;justify-content:flex-end;align-items:center;gap:1.2rem;padding:0;margin:0;list-style:none}.menu>li{font-size:1.45rem;margin:0;position:relative}.menu>li>a,.menu>li>span{position:relative;display:inline-block;color:#46352e;font-weight:600;letter-spacing:.02em;padding:.35rem .65rem;background:transparent;border-radius:.9rem;transition:color .2s ease,transform .2s ease,box-shadow .2s ease}.menu>li>a::after,.menu>li>span::after{content:'';position:absolute;left:0;bottom:-.55rem;width:100%;height:.3rem;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-dark));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:1rem}.menu>li>a:hover,.menu>li>span:hover,.menu>li>a:focus,.menu>li>span:focus{color:var(--accent-color);box-shadow:0 10px 24px -16px rgba(139,77,59,0.35)}ul.menu li.active>a,ul.menu li.active>span,ul.menu a.active,ul.menu span.active{color:var(--accent-color);box-shadow:0 12px 30px -20px rgba(139,77,59,0.4)}.menu>li>a:hover::after,.menu>li>span:hover::after,ul.menu li.active>a::after,ul.menu li.active>span::after,ul.menu a.active::after,ul.menu span.active::after{transform:scaleX(1)}.menu>li ul{position:absolute;top:calc(100% + 1.2rem);left:0;padding:1.2rem 1.4rem;line-height:2.4rem;z-index:10;background:rgba(255,255,255,0.95);border-radius:1.2rem;box-shadow:0 28px 50px -30px rgba(15,23,42,0.45)}.menu>li:last-of-type ul{right:0;left:auto}.menu>li:not(:hover) ul{display:none}.menu ul li{display:block;margin:0;padding:.2rem 0;background:transparent;text-align:left}.menu .sub-menu{max-height:24rem;overflow-y:auto}.menu .sub-menu li{padding:0}.menu .sub-menu li:last-of-type{padding-bottom:0}.hero-banner{position:relative;height:var(--bg-height);margin-bottom:var(--hero-overlap);border-radius:0 0 3.6rem 3.6rem;overflow:hidden;box-shadow:0 48px 90px -60px rgba(139,77,59,0.45);background:var(--surface-color);isolation:isolate}.bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,42,67,0.72),rgba(198,119,27,0.32)),url('/data/medias/echecs-partie.jpg') no-repeat center;background-size:cover;filter:saturate(.95) brightness(1.05);transform:scale(1.03)}.hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-decor{position:absolute;border-radius:999px;filter:blur(0px);opacity:.35;background:radial-gradient(circle,rgba(255,255,255,0.65) 0%,rgba(210,125,96,0.25) 60%,rgba(210,125,96,0) 100%);animation:floatSoft 18s ease-in-out infinite}.hero-decor--one{width:32rem;height:32rem;top:-18rem;left:-8rem;animation-delay:0s}.hero-decor--two{width:26rem;height:26rem;bottom:-12rem;right:-4rem;animation-delay:4s}.hero-decor--three{width:18rem;height:18rem;top:20%;right:25%;animation-delay:8s}@keyframes floatSoft{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(1.5rem,-1.2rem,0) scale(1.05)}100%{transform:translate3d(0,0,0) scale(1)}}.hero-logo-wrapper{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;padding:2.5rem;text-align:center}.hero-logo-inner{display:inline-flex;flex-direction:column;align-items:center;gap:1.6rem;background:rgba(253,250,247,0.72);padding:1rem 3rem;border-radius:2.8rem;box-shadow:0 40px 80px -45px rgba(139,77,59,0.45);border:1px solid rgba(139,77,59,0.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.hero-logo-inner::before{content:'';position:absolute;inset:.8rem;border-radius:2.4rem;background:linear-gradient(145deg,rgba(255,255,255,0.45),rgba(210,125,96,0.15));opacity:.9;z-index:-1}.hero-logo-link{display:inline-flex;align-items:center;justify-content:center}.hero-logo{width:min(18rem,45vw);height:auto;filter:drop-shadow(0 18px 34px rgba(90,62,49,0.35))}.hero-tagline{margin:0;color:#5a4136;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:1.6rem;text-shadow:0 6px 14px rgba(90,65,54,0.25)}.menu>li span::before{content:'\25bc';padding-right:0.5rem;font-size:.9em}ul.menu .noactive:hover,ul.menu .active span,ul.menu span.active,ul.menu li.active a,ul.menu a.active,ul.menu li span:hover,ul.menu li a:hover{color:var(--accent-color) !important;text-decoration:none}ul.menu li span,ul.menu li a{display:inline-block;padding-left:.35rem;padding-right:.35rem;width:100%;background:transparent;border-radius:.9rem;color:inherit;white-space:nowrap}ul.menu li span a,ul.menu li a span{white-space:nowrap;display:inline;margin-right:-.35rem;padding-left:0}ul.menu li.noactive a,ul.menu a.noactive{border-radius:.6rem;color:inherit}.cat-list .active,.classified-in .active{background-color:var(--accent-color);color:#fff}.main{background-color:transparent;padding:0 0 4rem}.main .container{background:var(--surface-color);border-radius:2.6rem;box-shadow:0 45px 80px -52px rgba(139,77,59,0.38);border:1px solid rgba(139,77,59,0.08);padding:clamp(2rem,4vw,3.4rem);margin-top:20px;position:relative;z-index:2}.repertory{margin-top:4rem}.pagination{margin:3rem 0}.pagination a{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));border-radius:999px;color:#fff;padding:1rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 24px 60px -35px rgba(139,77,59,0.55)}.pagination a:hover{transform:translateY(-2px);box-shadow:0 28px 70px -30px rgba(139,77,59,0.55);color:#fff;text-decoration:none}.pagination span:first-letter,.pagination a:first-letter{text-transform:uppercase}.p_first,.p_prev,.p_current,.p_next,.p_last{display:inline-block}.article{background:linear-gradient(180deg,rgba(253,250,247,0.95),rgba(255,255,255,0.88));border-radius:2rem;padding:clamp(1.8rem,3vw,3rem);margin-bottom:3.4rem;border:1px solid rgba(139,77,59,0.08);box-shadow:0 38px 70px -48px rgba(139,77,59,0.38)}.article.static{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin-bottom:0}article:after{display:block;content:"";clear:both}.article header{margin-top:0}.article header div{margin:0}.article header h2,.article header h2 a{color:#3f2c25;font-size:clamp(2.6rem,4vw,3.3rem);line-height:1.18em;letter-spacing:-.02em;font-weight:700;margin:0 0 0 10px;position:relative;z-index:30}.article header h2 a:hover{color:var(--accent-color);text-decoration:none}.article header small,.comment small{color:rgba(62,44,37,0.55)}.article header span:before,.article header time:before,.article footer span:before{padding-left:1.2rem;padding-right:.4rem}.article .art-date{font-size:1.4rem;font-weight:600;color:rgba(139,77,59,0.6)}.article .written-by{font-weight:600}.article .written-by:after,.article .classified-in:after{content:'\2022';padding:0 .8rem;color:rgba(139,77,59,0.25)}.article img.art_thumbnail{padding:0;float:left;margin:0 2.4rem 1.6rem 0;border-radius:1.4rem;box-shadow:0 28px 55px -38px rgba(139,77,59,0.35)}.page.mode-article .article footer{border-top:1px solid rgba(139,77,59,0.12);border-bottom:1px solid rgba(139,77,59,0.12)}#form{border-top:130px solid transparent;margin:-130px 0 0}.comment{background-image:none;background-color:rgba(47,143,131,0.08);border-left:4px solid var(--accent-color);margin-bottom:2.5rem;padding:1.5rem 1.8rem;border-radius:1.2rem;margin-top:1.5rem}.comment blockquote{margin:0;font-size:1.4rem;color:#123047}.type-admin{background-color:rgba(210,125,96,0.18);padding:.2rem .8rem;border-radius:.6rem;color:#5a4136}.nbcom{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));border-radius:999px;color:#fff;padding:.5rem 1rem;box-shadow:0 20px 40px -26px rgba(139,77,59,0.45)}.nbcom:hover{background:linear-gradient(135deg,var(--accent-color-dark),#5b3328);color:#fff;text-decoration:none}.level-0{margin-left:0}.level-1{margin-left:5rem}.level-2{margin-left:10rem}.level-3{margin-left:15rem}.level-4{margin-left:20rem}.level-5,.level-max{margin-left:25rem}#id_answer{margin-bottom:1.5rem;padding:1.5rem;border:1px solid #eee;width:100%;background:#fafafa;display:none}.capcha-letter,.capcha-word{font-weight:bold}.capcha-word{background-color:#ddd;border-radius:.3rem;letter-spacing:.5rem;padding:.9rem .7rem;transition-duration:.2s}.capcha-word:hover{background-color:#666;color:#fff;transition-duration:.2s}.aside{padding:0 2rem}.aside h3{font-size:1.6rem;font-weight:700;margin-top:4rem;margin-bottom:1.4rem;text-transform:uppercase;letter-spacing:.18em;color:#5a4136}.aside ul{margin:0;padding:0;list-style:none}.aside ul.tag-list{display:flex;flex-wrap:wrap;gap:.6rem}.aside ul.tag-list li{display:inline-block}.aside ul.tag-list li a{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:rgba(210,125,96,0.12);color:#6a4638;font-weight:500;transition:transform .2s ease,background .2s ease,color .2s ease}.aside ul.tag-list li a:hover{background:rgba(210,125,96,0.2);color:var(--accent-color-dark);transform:translateY(-1px)}.aside ul.tag-list li a.active{font-weight:600;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));color:#fff;padding:.4rem 1rem}.tag-size-1 a{font-size:1.2rem;color:inherit}.tag-size-2 a{font-size:1.35rem;color:inherit}.tag-size-3 a{font-size:1.5rem;color:inherit}.tag-size-4 a{font-size:1.65rem;color:inherit}.tag-size-5 a{font-size:1.8rem;color:inherit}.tag-size-6 a{font-size:1.95rem;color:inherit}.tag-size-7 a{font-size:2.1rem;color:inherit}.tag-size-8 a{font-size:2.25rem;color:inherit}.tag-size-9 a{font-size:2.4rem;color:inherit}.tag-size-10 a{font-size:2.55rem;color:inherit}.tag-size-11 a{font-size:2.7rem;color:inherit}@media (min-width:128rem){.container{padding-left:15rem;padding-right:15rem}.heading-small{font-size:3rem}}@media (min-width:64rem){.container{padding-left:5rem;padding-right:5rem}.heading-small{font-size:2.5rem}}@media (max-width:767px){body{--bg-height:clamp(110px,30vw,145px);--hero-overlap:2rem}.header{position:sticky;top:0;padding-bottom:1.2rem}.logo{align-items:flex-start}.header h1 *{font-size:1.8rem}.header h2,.site-subtitle{font-size:1.2rem;letter-spacing:.12em}.nav{position:fixed;top:0;right:1.5rem;z-index:10;height:auto;overflow-y:auto;text-align:left;margin:1rem 0;width:min(26rem,88vw);border-radius:1.2rem;background-color:rgba(253,250,247,0.95);box-shadow:0 30px 60px -38px rgba(139,77,59,0.38)}.nav>.container{padding:0}.responsive-menu{position:relative;width:100%}.responsive-menu ul.menu{display:none;flex-direction:column;align-items:stretch;gap:.6rem;padding:0 1.5rem 1.5rem;width:100%}.responsive-menu input[type=checkbox]:checked ~ ul.menu{display:flex}.responsive-menu ul.menu>li{width:100%}.responsive-menu ul.menu>li>a,.responsive-menu ul.menu>li>span{display:block;width:100%;padding:1.1rem 1.8rem;background:rgba(210,125,96,0.12);border-radius:1.1rem;line-height:1.3}.responsive-menu ul.menu>li>a::after,.responsive-menu ul.menu>li>span::after{display:none}.responsive-menu ul.menu>li>a:hover,.responsive-menu ul.menu>li>span:hover{background:rgba(210,125,96,0.24);color:var(--accent-color-dark)}.responsive-menu ul.menu>li.active>a,.responsive-menu ul.menu>li.active>span{background:#fff;color:var(--accent-color-dark);box-shadow:inset 0 0 0 2px rgba(210,125,96,0.4)}.responsive-menu label{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;padding:1.2rem 1.5rem .8rem;background-color:transparent;color:#5a4136;font-size:2.6rem;line-height:1;cursor:pointer}.responsive-menu label:after{content:'\2630'}.responsive-menu label>span{font-size:1.4rem}.menu>li span::before{margin-left:-1.5rem}.hero-banner{border-radius:0 0 1.6rem 1.6rem;box-shadow:0 28px 60px -48px rgba(139,77,59,0.45)}.hero-logo-wrapper{padding:1rem}.hero-logo-inner{gap:.7rem;padding:.8rem 1.4rem;border-radius:1.6rem}.hero-logo{width:min(9rem,42vw)}.hero-tagline{font-size:1rem;letter-spacing:.08em}.main .container{margin-top:-1.6rem;padding:2.4rem 1.8rem}.comment{margin-left:0}}@media (max-width:463px){body{--bg-height:clamp(95px,28vw,125px);--hero-overlap:1.6rem}.heading-small{font-size:2.4rem}.site-subtitle{font-size:1rem;letter-spacing:.1em}.hero-logo{width:min(7.5rem,38vw)}.hero-tagline{font-size:.9rem}.main .container{margin-top:-1.2rem}}