/*
© 2023 Elemete® Studio®
Toute reproduction interdite - Aucune copie ou modification autorisée - Tous droits réservés
No copy or modification allowed - All rights reserved
*/

:root
{
  --lhhead  : 40px;
}

body, html
{
  background:black;
}
body, html, body *, html *
{
  user-select:none;
  color:#a0a0a0;
}
@media screen and (min-width: 1600px)
{
.page::before
{
  -webkit-mask:url("/.img/.charte.png/elemete.studio.black.600.png") no-repeat bottom 5em right 3em / 500px auto,url("/symbol/tm.studio.logo.black-black?t") no-repeat top 40vh left 1em / 400px auto;
}
}


body .xIct
{
  padding-top:0.2em;
}
body .xIct::before
{
  top:0.15em;
  background-color:#a0a0a0;
}



strong
{
  color:#e0e0e0;
}
h1,h2,h3
{
  color:white;
}
.head-title
{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:var(--lhhead);
  line-height:var(--lhhead);
  text-align:center;
  color:white;
  background:rgba(17,17,17,0.8);
  font-size:14px;
}
.head-title>.button
{
  position:absolute;
  top:8px;
  left:8px;
  line-height:22px;
  font-size:12px;
}
.banniere
{
  height:600px;
  background-image:url("https://lawofmagic.studio/.img/2DArt/elemete-studio/0r0/elemete-studio.3wtx.01r4.banner.1200.png");
  background-repeat:no-repeat;
  background-position:right -150px;
  background-size:auto 600px;
}
.body
{
  background:none;
  margin-top:-248px;
}
.page
{
  background:none;
  box-shadow:none;
}
.manfred
{
  position:absolute;
  width:260px;
  background:black;
  background-image:url(".img/style/sign.color.studio-bf.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  left:0px;
  top:20px;
  height:260px;
}
@media only screen and (max-width: 1240px)
{
.manfred
{
  display:none;
}  
}
.main
{
  padding:1em;
  width:calc(100% - 2em);
  min-height:calc(100vh - 15em);
}
.main a
{
  color:rgba(255,196,128,1.0);
}
.main a:hover
{
  text-decoration:underline;
}
.main .dropdown-content a:hover
{
  text-decoration:none;
}
.XX_FILL
{
  color:var(--lime);
}

table
{
  padding: 10px 20px;
  vertical-align: top;
  display:table;
}

table, 
table *
{
  font-size:12px;
}
thead
{
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
table td
{
  padding:1em;
  width:calc(100vw * 0.45 - 1em);
}
table>tbody>tr:nth-child(odd)
{
  background-color:#101010;
}
table>thead>tr>th
{
  font-size:1.3em;
  color:white;
  padding:1em;
}

.main
{  
  position:relative;
}

@media screen and (max-width:700px)
{
.main
{
  font-size:1.4em;
}
table td
{
  font-size:1.4em;
}
.head-title
{
  font-size:1.4em;
  padding-bottom:1.8em;
  text-align:left;
  text-indent:8px;
}
.head-title>.button
{
  position:absolute;
  top:1.8em;
  left:8px;
  line-height:1.2em;
  font-size:1.2em;
}
table
{
  padding: 0 20px;
  margin-left:-2em;
}
/*
ul
{
  margin-left:0;
  padding-left:0;
}
li
{
  text-indent:-0.5em;
  padding-left:0;
}
*/
}

.head-title>.button
{
  background:var(--orange);
  color:black;
}
.head-title>.button:hover
{
  background:white;  
}