/* Personal Flavour */
*,
:after,
:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html{-ms-touch-action:manipulation;touch-action:manipulation;}
/* form */
.decaletop100{padding-top:100px;}
.title{width:250px;font-weight:bold;padding-top:20px;padding-left:20px;top:0px;left:0px;position:fixed;}
article{text-align:left;}
.main{width:100%;padding-top:80px;padding-bottom:60px;}
.main h3,h4,h5,h6{text-align:left;margin-top:1em;}
.main p{text-align:left;padding-bottom:1em;margin-bottom:0px;}
.main article p{text-align:left;padding-bottom:1em;margin:0px;}
.centered{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.vertical-centered{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
/* appearance */
body{font-family:"Roboto","Raleway";background:#292421;color:#F5FFEA;}
h2{font-size:15px;}
.title{background:transparent;text-transform:uppercase;font-weight:bold;color:#F5FFEA;z-index:50;}
strong{font-weight:bold;}
.LightJade{color:#F5FFEA;}
.red{color:red;}
.menu-theme{background-color:black;opacity:0.6;border-radius:12px;}
a{color:#C3FDB8;text-decoration:none;}
a:hover,ul a:hover{color:DeepPink;}
.contact{padding-left:10px;opacity:0.6;}
.menu a#current{font-weight:bold;border-bottom:2px solid #C3FDB8;}
#current{border-bottom:2px solid DeepPink;color:DeepPink;}
.confirmation{background-color:#c3fdb8;color:#000;padding:1em;border-radius:6px;margin:140px 0 1em 0;}
.file-links{margin:0.5em 0;font-family:monospace;}
.file-links a{margin-right:1em;text-decoration:none;color:#c3fdb8;}
.file-links a:hover{color:DeepPink;}
details summary{cursor:pointer;font-weight:bold;color:#c3fdb8;margin-top:1em;}
details{margin-bottom:2em;}
pre{background:#1f1b18;color:#f5ffea;padding:1em;border-radius:8px;overflow-x:auto;font-size:0.9em;}
details pre{margin-bottom:1em;/* espace sous le code */
padding-bottom:1em;/* espace intérieur bas pour voir la dernière ligne */
overflow-y:auto;/* scrollbar verticale si nécessaire */
max-height:70vh;/* limite en hauteur pour éviter de déborder */}
details pre::-webkit-scrollbar{width:8px;}
details pre::-webkit-scrollbar-thumb{background-color:rgba(255,105,180,0.6);/* rose discret */
border-radius:4px;}
details pre::-webkit-scrollbar-track{background-color:transparent;}
code{background-color:#2b2b2b;/* fond sombre lisible */
padding:0.1em 0.3em;border-radius:3px;}
.img-thumbnail{max-width:100%;height:auto;border:2px solid #f0a;/* halo rose */
border-radius:12px;box-shadow:0 0 15px rgba(255,0,128,0.5);transition:transform 0.2s ease;cursor:zoom-in;}
.img-thumbnail:hover{transform:scale(1.02);}
/* Cache visuellement mais reste accessible aux lecteurs d'écran */
.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;}
/* Rend visible au focus (par tabulation) */
.sr-only-focusable:focus,
.sr-only-focusable:active{position:static;width:auto;height:auto;margin:1rem;clip:auto;white-space:normal;background:#000;color:#fff;padding:0.5rem 1rem;z-index:1000;}