:root{
	--liv-sklaer:#ff0088;
	--liv-etre:#c040c0;
	--liv-tenval:#800080;
}

*{margin:0;padding:0;}
body{font-size:20px;line-height:1.5;margin:auto;margin-bottom:200px;max-width:800px;overflow-x:hidden;}
header{border-bottom:1px solid var(--liv-tenval);padding:0 10px;}
h1{color:var(--liv-tenval);font-family:monospace;font-size:225%;font-weight:100;line-height:90%;margin:20px 15px 15px 10px;text-align:center;}

ul#links{font-family:monospace;font-size:13px;margin:0 5px 0 0;text-align:center;}
ul#links li{background-color:var(--liv-tenval);border-bottom-left-radius:7px;border-bottom-right-radius:7px;display:inline-block;list-style-type:none;margin:0 5px;padding:1px 7px 1px 7px;}
ul#links li:hover{background-color:var(--liv-etre);}
ul#links a{color:white;text-decoration:none;}

p#song{border-top:1px solid rgb(128,128,255);bottom:0;background-color:white;margin:0;padding:10px 0;position:fixed;width:100%;max-width:800px;z-index:999;}
audio{width:100%;}

main{padding:0 10px;}
h2{clear:both;color:var(--liv-tenval);font-family:monospace;font-size:2em;font-weight:100;line-height:90%;margin:60px 11% 20px 10%;text-align:center;}
h3{clear:both;color:var(--liv-tenval);font-family:monospace;font-size:1.5em;font-weight:100;line-height:100%;margin:60px 11% 15px 10%;text-align:center;}
h2+h3{margin-top:30px;}
h3 span.category{color:rgba(64,64,192,.4);font-size:.85em;letter-spacing:.4em;text-transform:uppercase;}
h3 span.category::after{display:block;content:"";}
p{margin:0 10% 15px 10%;}

p.dl{margin-bottom:30px;margin-top:30px;text-align:center;}

p.wide{margin:0 0 15px 0;}
p.leftpicture,p.rightpicture{clear:both;}
p.leftpicture img{float:left;margin:0 20px 30px 0;max-width:40%;}
p.rightpicture img{float:right;margin:0 0 30px 20px;max-width:40%;}
p.bigpicture{text-align:center;}
p.bigpicture img{border:1px solid var(--liv-tenval);width:100%;}

@keyframes showLeftpics{0%{transform:translateX(-100%);}100%{transform:translateX(0%);}}
.leftpicturebefore{transform:translateX(-100%);}
.leftpictureafter{animation: showLeftpics 0.75s;}

@keyframes showRightpics{0%{transform:translateX(100%);}100%{transform:translateX(0%);}}
.rightpicturebefore{transform:translateX(100%);}
.rightpictureafter{animation: showRightpics 0.75s;}

@keyframes showBigpics{0%{transform:scale(0.25);}100%{transform:scale(1) rotate(0deg);}}
.bigpicturebefore{transform:scale(0.25);}
.bigpictureafter{animation: showBigpics 1.25s;}

video{width:100%;}
table{border-collapse:collapse;}
th,td{border:1px solid black;line-height:1;padding:10px;}
table#lanvioudu td:nth-last-child(1),table#lanvioudu td:nth-last-child(2){text-align:right;}

#climbback{background-color:rgb(128,128,255);border-radius:1.25em;bottom:2.75em;color:white;cursor:pointer;display:none;font-size:1.3em;height:1.5em;margin:0;position:fixed;right:0;text-align:center;width:1.5em;z-index:998;}
#climbback:hover{background-color:rgb(0,0,192);}

h2#contentstitle{color:rgba(64,64,192,.225);margin-bottom:-0.185em;}
ul#contents{background-color:rgba(64,64,192,.15);border-radius:15px;margin:0 10% 15px 10%;padding:1em 1em 1em 2em;}
ul#contents li{font-weight:bold;margin-bottom:.5em;}
ul#contents li ul{padding-left:1em;}
ul#contents li ul li{font-weight:normal;margin-bottom:0;}
ul#contents span.menuitem:hover{color:var(--liv-sklaer);cursor:pointer;}
ul#contents span.category::after{content:" : ";}

a.link2doc{border-bottom:1px dotted var(--liv-etre);color:var(--liv-etre);text-decoration:none;}
a.link2doc:hover{color:var(--liv-sklaer);}

.notennou{font-size:.8em;}

#DataProtectionWarning{font-size:1rem;position:fixed;width:99.5vw;}