@font-face {
font-family:"Armorhide";
src:url("fonts/Armorhide.eot");
src:url("fonts/Armorhide.eot") format("embedded-opentype"),url("fonts/Armorhide.woff") format("woff"),url("fonts/Armorhide.woff2") format("woff2"),url("fonts/Armorhide.ttf") format("truetype"),url("fonts/Armorhide.svg") format("svg");
}
@font-face {
font-family:"Mabella";
src:url("fonts/Mabella.eot");
src:url("fonts/Mabella.eot") format("embedded-opentype"),url("fonts/Mabella.woff") format("woff"),url("fonts/Mabella.woff2") format("woff2"),url("fonts/Mabella.ttf") format("truetype"),url("fonts/Mabella.svg") format("svg");
}
@font-face {
font-family:"Square721 Cn BT";
src:url("fonts/Square_721_Bold_Condensed_BT.eot");
src:url("fonts/Square_721_Bold_Condensed_BT.eot") format("embedded-opentype"),url("fonts/Square_721_Bold_Condensed_BT.woff") format("woff"),url("fonts/Square_721_Bold_Condensed_BT.woff2") format("woff2"),url("fonts/Square_721_Bold_Condensed_BT.ttf") format("truetype"),url("fonts/Square_721_Bold_Condensed_BT.svg") format("svg");
}
@font-face {
font-family:"HermanoAlto Chisel";
src:url("fonts/HermanoAltoChisel.eot");
src:url("fonts/HermanoAltoChisel.eot") format("embedded-opentype"),url("fonts/HermanoAltoChisel.woff") format("woff"),url("fonts/HermanoAltoChisel.woff2") format("woff2"),url("fonts/HermanoAltoChisel.ttf") format("truetype"),url("fonts/HermanoAltoChisel.svg") format("svg");
}
@font-face {
font-family:"South Park Cyrillic";
src:url("fonts/South Park Cyrillic.eot");
src:url("fonts/South Park Cyrillic.eot") format("embedded-opentype"),url("fonts/South Park Cyrillic.woff") format("woff"),url("fonts/South Park Cyrillic.woff2") format("woff2"),url("fonts/South Park Cyrillic.ttf") format("truetype"),url("fonts/South Park Cyrillic.svg") format("svg");
}
* {
cursor:default;
font-family:"Square721 Cn BT";
font-weight:normal;
}
body,html {
width:100vw;
height:100vh;
}
body {
margin:0;
padding:0;
overflow:hidden;
}
a,button,select,a>img,button>img {
cursor:pointer;
}
a {
text-decoration:none;
color:#FFF;
}
a:visited {
color:rgb(186,140,88);
}
a:hover {
text-shadow:-1px -1px 0 rgba(186,140,88,0.5),1px -1px 0 rgba(186,140,88,0.5),-1px 1px 0 rgba(186,140,88,0.5),1px 1px 0 rgba(186,140,88,0.5);
}
.monospace {
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:0.8vw;
border-radius:0.15vw;
background-size:contain;
}
.dimensions {
width:0.8vw;
height:0.8vw;
}
.monospace2 {
font-family:"Consolas",monospace;
font-weight:bold;
font-size:0.8vw;
line-height:0.8vw;
}
.monospaced>span {
display:inline-block;
font-family:"South Park Cyrillic";
text-align:center;
}
hr {
width:100%;
height:1px;
line-height:1px;
opacity:0.5;
background-image:linear-gradient(to right,transparent,#FFF,transparent);
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
border-width:0;
}
input[type="text"] {
width:75%;
text-align:center;
cursor:text;
margin:0;
padding:0;
background-color:rgba(255,255,255,0.75);
font-family:"Square721 Cn BT";
font-size:2.5vh;
line-height:2.5vh;
color:rgb(0,150,219);
outline:none!important;
border-radius:0.5vh;
border-style:solid;
border-width:0;
border-color:#000;
}
select {
width:100%;
}
button,select {
font-family:"Square721 Cn BT";
font-size:2.5vh;
line-height:2.5vh;
color:rgb(0,150,219);
overflow:hidden!important;
outline:none!important;
border-radius:0.5vh;
border-style:solid;
border-width:0;
border-color:#000;
}
button {
cursor:pointer;
outline:none;
position:relative;
margin:0;
padding:0;
vertical-align:middle;
display:block;
width:8vh;
height:8vh;
color:#FFF;
background:none;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-size:5.5vh;
}
button:hover {
color:#FFF;
}
button div {
cursor:pointer;
width:100%;
height:100%;
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
background-size:100%;
}
select,option {
font-family:"HermanoAlto Chisel";
color:rgb(0,47,95);
background-color:rgb(255,255,255);
}
form {
margin:0;
padding:0;
}
#classement {
background-color:rgba(0,47,95,0.75);
}
#page {
position:fixed;
left:0;
top:0;
right:0;
bottom:200vh;
display:block;
}
.text {
margin:8px;
font-family:"Square721 Cn BT";
font-size:16px;
color:#FFF;
text-shadow:-1px -1px 0 rgba(0,47,95,0.5),1px -1px 0 rgba(0,47,95,0.5),-1px 1px 0 rgba(0,47,95,0.5),1px 1px 0 rgba(0,47,95,0.5);
white-space:nowrap;
overflow:hidden;
text-overflow:'…';
}
.light {
margin:8px;
background-image:url("img/light.png");
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
background-size:100%;
}
.s,.date {
font-family:'Mabella';
font-size:40px;
text-shadow:-1px -1px 0 rgba(186,140,88,0.5),1px -1px 0 rgba(186,140,88,0.5),-1px 1px 0 rgba(186,140,88,0.5),1px 1px 0 rgba(186,140,88,0.5);
}
.date:hover {
text-shadow:inherit;
}
.article {
display:inline-block;
margin:4px;
vertical-align:top;
}
.border {
border-style:solid;
border-width:1px;
border-color:rgb(0,47,95);
border-radius:4px;
}
.time {
border-radius:3px;
display:block;
width:64px;
margin:4px;
background-color:rgba(0,47,95,0.25);
border-style:solid;
border-width:1px;
border-color:rgb(0,47,95);
border-radius:4px;
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:24px;
}
.logo {
display:block;
width:64px;
height:64px;
border-radius:2px;
}
.logo img {
border-radius:2px;
}
.title {
display:block;
width:122px;
height:60px;
max-height:60px;
line-height:14px;
font-size:14px;
font-weight:normal;
overflow:hidden;
text-shadow:-1px -1px 0 rgba(186,140,88,0.5),1px -1px 0 rgba(186,140,88,0.5),-1px 1px 0 rgba(186,140,88,0.5),1px 1px 0 rgba(186,140,88,0.5);
color:#FFF;
}
.title:hover {
text-shadow:inherit;
}
#description img,#description p img,#description div p img,#description p video {
max-width:100%;
height:auto!important;
}
a.button {
cursor:pointer;
outline:none;
display:inline-block;
margin:0;
padding:8px;
vertical-align:middle;
font-size:16px;
line-height:16px;
height:16px;
min-width:16px;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-image:linear-gradient(to bottom,#999,#bbb);
box-shadow:inset 0 0 #fff,inset 1px 0 #fff,inset -1px 0 #fff;
border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#666;
color:#000;
}
a.button:hover {
background-image:linear-gradient(to bottom,#777,#999);
border-color:rgb(0,127,255);
}
.scrollbar {
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:rgba(255,255,255,0.5) transparent;
}
.scrollbar::-webkit-scrollbar {
width:8px;
}
.scrollbar::-webkit-scrollbar-track {
background-color:transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(255,255,255,0.5);
border-radius:2px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,150,219,0.5);
}
.CodeMirror {
cursor:text;
font-family:"Consolas",monospace;
font-size:12px;
height:auto!important;
}
@media screen and (min-width:641px) {
.separator-width {
width:1vh;
}
.width {
display:block;
width:440px;
}
.font-size {
font-size:36px;
}
.logo-width {
width:64px;
}
.logo-height {
height:64px;
}
.article-font-size {
font-size:16px;
}
.article-width {
width:424px;
}
.title-width {
width:300px;
text-align:left;
}
.effectif-big-font-size {
font-size:32px;
}
.effectif-font-size {
font-size:16px;
}
.effectif-width {
width:64px;
}
.effectif-SP-width {
width:44px;
}
.effectif-SP-height {
height:64px;
}
.effectifpro-height {
height:629px;
}
.classement-height {
height:434px;
}
.XI-height {
height:300px;
}
.img-height1 {
height:440px;
transition:all 0.5s ease;
}
.img-height2 {
height:1262px;
transition:all 0.5s ease;
}
.select-width {
width:100%;
max-width:100%;
}
}
@media screen and (max-width:640px) {
.monospace {
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:2.9vw;
border-radius:0.72vw;
}
.dimensions {
width:2.9vw;
height:2.9vw;
}
.monospace2 {
font-family:"Consolas",monospace;
font-weight:bold;
font-size:2.75vw;
line-height:2.75vw;
}
.separator-width {
width:0.5vh;
}
.width {
display:block;
width:200px;
}
.font-size {
font-size:18px;
}
.logo-width {
width:32px;
}
.logo-height {
height:32px;
}
.article-font-size {
font-size:10px;
}
.article-width {
width:212px;
}
.title-width {
width:120px;
text-align:left;
}
.effectif-big-font-size {
font-size:16px;
}
.effectif-font-size {
font-size:10px;
}
.effectif-width {
width:32px;
}
.effectif-SP-width {
width:22px;
}
.effectif-SP-height {
height:32px;
}
.effectifpro-height {
height:286px;
}
.classement-height {
height:146px;
}
.XI-height {
height:146px;
}
.img-height1 {
height:200px;
transition:all 0.25s ease;
}
.img-height2 {
height:574px;
transition:all 0.25s ease;
}
.select-width {
width:120px;
max-width:120px;
}
}
<html>
<head>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="robots" content="NOINDEX">
<meta name="revisit-after" content="10 days">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link href="favicon.ico?1776898754" type="image/x-icon" rel="icon">
<link href="favicon.ico?1776898754" type="image/x-icon" rel="shortcut icon">
<link href="favicon.ico?1776898754" type="image/x-icon" rel="apple-touch-icon">
<link rel="stylesheet" href="?CSS=1776898754">
<link rel="stylesheet" href="CodeMirror/codemirror.css">
<link rel="stylesheet" href="CodeMirror/zenburn.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="CodeMirror/codemirror.js"></script>
<script type="text/javascript" src="CodeMirror/xml-fold.js"></script>
<script type="text/javascript" src="CodeMirror/matchtags.js"></script>
<script type="text/javascript" src="CodeMirror/matchbrackets.js"></script>
<script type="text/javascript" src="CodeMirror/xml.js"></script>
<script type="text/javascript" src="CodeMirror/javascript.js"></script>
<script type="text/javascript" src="CodeMirror/css.js"></script>
<script type="text/javascript" src="CodeMirror/htmlmixed.js"></script>
<script type="text/javascript">
function Select(Select_Id,DefaultInnerHTML,align,w1,h1,fs1,w2,h2,fs2,options,clicks) {
str="<table cellpadding=\"0\" cellspacing=\"0\"><tr height=\""+h1+"\"><td align=\"right\" style=\"width:"+h1+";height:"+h1+";\"><div onclick=\"x=0;while(x<document.getElementsByClassName('"+Select_Id+"_Option').length){if(document.getElementById('"+Select_Id+"_InnerHTML_Id').innerHTML==document.getElementsByClassName('"+Select_Id+"_Option')[x].innerHTML){if(x-1>=0){document.getElementsByClassName('"+Select_Id+"_Option')[x-1].click();}else{document.getElementsByClassName('"+Select_Id+"_Option')[document.getElementsByClassName('"+Select_Id+"_Option').length-1].click();}x=document.getElementsByClassName('"+Select_Id+"_Option').length;}x++;}\" style=\"width:"+h1+";height:"+h1+";background-size:contain;background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,"+utf8_to_b64("<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 4\"><polygon points=\"2,4 0,2 2,0\" style=\"fill:rgba(255,255,255,0.75);\" /></svg>")+");cursor:pointer;\"></div></td><td align=\"center\" style=\"width:"+w1+";\"><div style=\"width:"+w1+";position:relative;height:"+h1+";outline:none;border-radius:2.5px;\" tabindex=\"0\" onblur=\"document.getElementById('"+Select_Id+"_Select').style.display='none';\" onclick=\"if(document.getElementById('"+Select_Id+"_Select').style.display=='none'){document.getElementById('"+Select_Id+"_Select').style.display='';}else{document.getElementById('"+Select_Id+"_Select').style.display='none';}\">\n<table cellpadding=\"0\" cellspacing=\"0\" style=\"width:100%;height:"+h1+";position:absolute;left:0;bottom:0;\"><tr><td align=\"center\" style=\"cursor:pointer;background-color:rgba(255,255,255,0.75);\"><div style=\"cursor:pointer;display:block;font-family:'Square721 Cn BT';font-size:"+fs1+";line-height:"+fs1+";color:#0096db;overflow:hidden;white-space:nowrap;text-overflow:'';max-width:"+w1+";\" class=\"select-width\" id=\""+Select_Id+"_InnerHTML_Id\">"+DefaultInnerHTML+"</div></td></tr></table>\n<div id=\""+Select_Id+"_Select\" style=\"max-height:25vh;overflow-x:hidden;overflow-y:auto;cursor:pointer;position:absolute;left:0;top:"+h1+";display:none;width:"+w2+";z-index:1;background-color:rgba(255,255,255,0.75);scrollbar-color:rgba(0,150,219,0.5) transparent;\">\n<table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"100%\">\n";
s="<tr height=\"1\"><td align=\"center\" style=\"background-color:#FFF;\"></td></tr>\n";
v=0;
while (v<options.length) {
str+=s;
if (options[v]) {
str+="<tr><td><div class=\""+Select_Id+"_Option\" onclick=\"document.getElementById('"+Select_Id+"_InnerHTML_Id').innerHTML=this.innerHTML;"+clicks[v]+"\" style=\"cursor:pointer;display:block;width:100%;height:"+h2+";color:#0096db;font-family:'Square721 Cn BT';font-size:"+fs2+";line-height:"+fs2+";text-align:"+align+";\" onmouseover=\"this.style.color='rgb(186,140,88)';\" onmouseout=\"this.style.color='#0096db';\">"+options[v]+"</div></td></tr>\n";
}
v++;
}
str+="</table></div></div></td><td style=\"width:"+h1+";height:"+h1+";\"><div id=\""+Select_Id+"_Right\" onclick=\"x=0;while(x<document.getElementsByClassName('"+Select_Id+"_Option').length){if(document.getElementById('"+Select_Id+"_InnerHTML_Id').innerHTML==document.getElementsByClassName('"+Select_Id+"_Option')[x].innerHTML){if(x+1<document.getElementsByClassName('"+Select_Id+"_Option').length){document.getElementsByClassName('"+Select_Id+"_Option')[x+1].click();}else{document.getElementsByClassName('"+Select_Id+"_Option')[0].click();}x=document.getElementsByClassName('"+Select_Id+"_Option').length;}x++;}\" style=\"width:"+h1+";height:"+h1+";background-size:contain;background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,"+utf8_to_b64("<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 4\"><polygon points=\"3,2 1,4 1,0\" style=\"fill:rgba(255,255,255,0.75);\" /></svg>")+");cursor:pointer;\"></div></td></tr></table>\n";
document.getElementById(Select_Id).innerHTML=str;
}
function utf8_to_b64(str) {
return window.btoa(unescape(encodeURIComponent(str)));
}
function ScrollTo(scroll,to) {
y=document.querySelector(scroll).scrollTop;
oT=document.querySelector(to).offsetTop;
t=setInterval(function(){
document.querySelector(scroll).scrollTo(0,y);
if((y-oT<50&&y-oT>-50)||y==oT){
clearInterval(t);
document.querySelector(scroll).scrollTo(0,oT);
}
if(y<oT){y+=50;}
if(y>oT){y-=50;}
},15);
clearInterval(t);
window.location.href=window.location.hash;
}
</script>
<title>OM Sup’</title>
</head>
<body style="background-color:rgb(0,150,219);overflow:hidden;">
<div id="darkness_top" style="position:fixed;top:0;left:0;right:0;height:13vh;background-image:linear-gradient(to bottom,rgb(0,37,54),transparent 100%);"></div>
<div id="darkness_bottom" style="position:fixed;bottom:0;left:0;right:0;height:13vh;background-image:linear-gradient(to top,rgb(0,37,54),transparent 100%);"></div>
<div id="darkness_left" style="position:fixed;top:0;left:0;bottom:0;width:13vh;height:100%;background-position:0% 50%;background-repeat:no-repeat;background-size:100%;background-image:linear-gradient(to right,rgba(0,37,54,0.75),transparent);"></div>
<div id="darkness_right" style="position:fixed;top:0;right:0;bottom:0;width:13vh;height:100%;background-position:100% 50%;background-repeat:no-repeat;background-size:100%;background-image:linear-gradient(to left,rgba(0,37,54,0.75),transparent);"></div>
<div id="space" style="position:fixed;top:0;left:0;bottom:0;right:0;background-image:radial-gradient(farthest-side,rgba(255,255,255,0.2),rgba(0,37,54,0.5));"></div>
<div id="stars" style="position:fixed;top:0;left:0;bottom:0;right:0;background-image:url('img/bg.png');background-position-x:50%;background-position-y:50%;"></div>
<div style="position:fixed;top:0;left:0;bottom:0;right:0;">
<form method="post" style="display:block;width:100%;height:100%;position:fixed;left:0;bottom:0;margin:0;padding:0;">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td>
<table cellpadding="0" cellspacing="10" width="100%">
<tr><td align="center"><input type="password" name="password" id="password" style="cursor:text;color:rgb(0,47,95);width:75%;text-align:center;background-color:rgba(255,255,255,0.5);border-style:solid;border-width:1px;border-color:rgba(186,140,88,0.5);border-radius:3px;padding:4px;" /></td></tr>
<tr><td align="center"><button type="submit" style="width:25%;height:100%;color:rgb(0,47,95);" onmouseover="this.style.color='rgb(186,140,88)';" onmouseout="this.style.color='rgb(0,47,95)';">Entrer</button></td></tr>
</table>
</td></tr>
</table>
</form>
<script type="text/javascript">
document.getElementById("password").select();
</script>
</div>
</body>
</html>