/* Style Perso */
/* Add-on */
/* Responsive headerbar
-------------------------*/
:root {
    --body: #dcdcdc;
    --inputbox: #f8f9fa;
    --wrapshadow: #dcdcdc;
    --inlinebg: #ffffff;
    --inlineborder: #C9D2D8;
}
    
html, body {
    background: var(--body);
}

.headerbar {
    background-color: transparent;
    background-size: 100% 110%;
    background-position: 50% 25%;
    border-radius: 7px;
    height: 90px
}
@media (max-width: 600px) {
    .headerbar {height: 90px;border-radius: 0}
}

.search-header {box-shadow: 0 0 1px oklch(0.538 0.126253 241.3846)}
.inputbox {
    background-color: var(--inputbox);
    --angle: 0deg;
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-width: 1px;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-image: conic-gradient(from var(--angle), #ff0000, #067506, #f0f00a, #b67a0b, #d45c91, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000) 1;
    animation: 3s rotate linear infinite;
}

@keyframes rotate {
    to {
        --angle: 360deg;
    }
}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.forumbg, .forabg {
    background: oklch(0.6425 0.1265 241.19);
}

.forum-image {
    float: right;
    padding-top: 2px;
    margin-right: 4px;
}

.navbar {
    background: oklch(0.8711 0.0283 243.13);
}

.wrap {
    box-shadow: 0 0 0.5em var(--wrapshadow);
}

table.postit
{
    background-color: oklch(1 0 0);
    color: oklch(0.3715 0 0);
    table-layout: fixed;
    width: 250px;
    font-size: 14px;
    float: right;
    margin-left: 10px;
    border: 1px oklch(0.612 0.1271 79.11) solid;
}

.panel {
    background-color: oklch(0.9702 0 0);
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
    color: oklch(0.9702 0 0);
}
dl.details dd {
    color: #424242;
}
table.table1 td {
    color: #353535;
}
table.table1 tbody tr {
    border-color: transparent;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: oklch(0.9702 0 0);
    color: oklch(0 0 0);
}

.tabs .tab > a {
    background: oklch(0.9067 0 0);
    color: oklch(0.4562 0.1029 240);
    border: none;
    border-radius: 0;
    border-top-left-radius: 4px;
}
.tabs .tab > a:hover {
    background: #cccccc;
    color: oklch(0.5542 0.2156 17.51);
    border-bottom: 2px solid oklch(0.541 0.1265 241.19);
}
.tabs .tab, .minitabs .tab {
    font-weight: 500;
    line-height: 2.4em; 
}
.tabs .activetab > a, .tabs .activetab > a:hover {
    background-color: oklch(0.9067 0 0);
    background-image: none;
    border-color: oklch(0.9821 0 0);
    box-shadow: none;
    color: oklch(0.329 0 0);
    border-bottom: 2px solid oklch(0.541 0.1265 241.19);
    padding-bottom: 6px;    
}
.tabs .activetab > a:hover {
    color: oklch(0.5542 0.2156 17.51);
}

.navigation li {
    font-weight: 500;
}
.navigation a {
    color: oklch(0.4562 0.1029 240);
    background: none;
    background-color: oklch(0.9067 0 0);
    border-left: 2px solid oklch(0.7794 0 0);
}
.navigation a:hover {
    background: oklch(0.8452 0 0);
    color: oklch(0.5282 0.1813 12.79);
    border-left: 2px solid oklch(0.541 0.1265 241.19);
}

.navigation .active-subsection a {
    background: oklch(0.9067 0 0);
    color: oklch(0.329 0 0);
    border-left: 2px solid oklch(0.541 0.1265 241.19);
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
#navigation a, .rtl #navigation a {
    background: oklch(0.9067 0 0);
}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
.navigation li:first-child a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
.navigation li:last-child a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
}
.responsive-tab .responsive-tab-link:before {
    border-color: oklch(0.541 0.1265 241.19);
}
.cp-mini {
    background-color: oklch(1 0 0);
}
.bg3 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.tabs {
    margin: 20px 0 0 0;
    background: oklch(0.8975 0 0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.responsive-tab .responsive-tab-link:before {
    left: 10px;
    top: 12px;
}
.responsive-tab > a.responsive-tab-link {
    line-height: 1.5em;
}
@media (max-width: 350px) {
    .dropdown-extended .dropdown-contents {
        min-width: 185px;
    }
}

.online {
    background-image: url("./fr/icon_user_online.svg");
}

/* copyright */
.copyright {
    font-size: 10px;
    padding: 10px;
    opacity: .4;
}

.copyright:hover {
    opacity: 1;
}

.footer-copyright, .footer-link, .footer-row { font-size: 0.7rem; font-family: 'bleeding cowboys'; }

.postlink[href*="download/file.php"] {
  color: #fff;
  display: inline-block;
  background-color: #8b4;
  margin-top: 0.5em;
  padding: 0.5em;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  text-shadow: 0 -1px 1px rgba(26, 75, 109, 0.7);
  transition: background-color 0.25s;
}