/*
Thème pour la V43
CSS : Tituya
*/

:root {

    /*Fond principal*/
    --mainBg: #171a1c;
    /*Fond des boites*/
    --boxBg: #262c2f;
    /*Fond message topic*/
    --topicSecBg: #1d2326;
    /*Rouge utilisé pour les liens + titres*/
    --redTitleLinks: #ff5050;
    /*Couleur du texte*/
    --textColor: #d4d5d5;
    /*Couleur des champs d'entrée (zone de message, upload, heure...)*/
    --inputBg: #2a3135;
    /*Couleur des bordures*/
    --borderColor: #54646c;
    /*Couleur secondaire liste des topics*/
    --listSecBg: #313739;
    
    /*Pop up succès*/
    --succes1:#a1db89;
    --succes2:#82db5d;
    --textSucces:#262c2f;
    /*Pop up alerte*/
    --alerte1:#f07171;
    --alerte2:#ee5c5c;
    --textAlerte:#262c2f;
    
    /*Couleurs dégradé en haut*/
    --header1:#db1616;
    --header2:#8e0707;
    /*Couleur des textes header*/
    --headerText:#fff;
    /*Couleur des sous menus*/
    --headerDropColor:#f7f7f7;
    --headerDropText:#171a1c;
    
    /*Comparateur de calculatrices*/
    --compatible:#a1db89;
    --warn:#ffb700;
    --no:#f07171;
    
    /*Couleurs des titres*/
    --administrateur:#fff700;
    --moderateur:#0ee332;
    --redacteur:#0091ff;
    --partenaire:#208ee1;
    --robot:#f207d9;
    --honneur:#ff9606;
    --creativecalc:#b5b5b5;
    --gourou:#ff9606;
    --dev:#208ee1;
    --puzzle:#d200bc;
    --labelisateur:#00f0b7;
    --membre:var(--textColor);
}


/*Couleur de fond*/
body {
    background-color: var(--mainBg);
}

/*Couleur de fond message topic*/
div.topic-post.topic {
    background-color: var(--boxBg);
    
}

/*Couleur de fond message topic 2*/
div.topic-post.topic.col, #old table.textout-table tr:nth-child(2n+1) {
    background-color: var(--topicSecBg);
}

#old table.textout-table tr:first-child th, #old table.textout-table {
    border-color:var(--borderColor);
}

/*Couleur lien*/
#old .color, #old a, #old a.bold {
    color:var(--redTitleLinks);
}

/*Utilisé une seule fois et à vrai dire je ne sais plus où mais fallait mettre la même couleur que les liens*/
#old a.bold:hover {
    color:var(--redTitleLinks);
}

/*Couleur date post topic*/
#old .forumdate {
    color:var(--textColor);
}

#old hr {
    border-color:var(--textColor);
}

/*Les différents titres*/
#old h1, #old h2, #old h3, #old h5 {
    color:var(--redTitleLinks);
}

/*Le gros titre utilisé comme nom de topic*/
#old h4, #old #start h4 {
    color:var(--textColor);
}

/*Bordure pointillée autour des messages*/
div.topic-comments {
    border-color:var(--borderColor);
}

/*Zone de texte*/
#old textarea {
    background-color:var(--inputBg);
    background-image:none;
    color:var(--textColor);
    border-color:var(--borderColor);
}

div.field input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):hover, div.field textarea:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):hover, div.field input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus, #old div.field textarea:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus {
    box-shadow: 0px 0px 3px #6c6c6c inset;
}

/*Désactive les bordures*/
#old div.box > div {
    border-image:none;
    border:none;
}

/*Texte en haut d'un topic (Forum - Discussion)*/
#old div.box > h2 {
    border-image:none;
    border:none;
    background-color:transparent;
    color:var(--redTitleLinks);
    font-size:1.1em;
}

/*Couleurs des textes*/
div#old {
    color:var(--textColor);
}

a.profile-group {
    color:#fff;
}

/*Couleur de la police dans l'encadré JDM*/
div.jdm {
    color:var(--inputBg);
}

/*Couleur du texte dans l'encadré 'Derniers commentaires'*/
div.box div ul.arrow li a span {
    color:var(--textColor) !important;
}

#old table {
    color:var(--textColor);
    border-color:var(--redTitleLinks);
}

/*Couleur des textes dans les listes de topics*/
#old tr {
    border:none;
    color:var(--textColor);
}

#calcdb tr:nth-child(even) {
    background:var(--listSecBg);
}


/*Couleur de fond secondaire dans les listes de topics*/
#old tr.col {
    background-color:var(--listSecBg);
}

/*Désactive les bordures*/
#old td.incleft, #old td.incbottomcenter, #old td.incright, #old td.inclow{
    background-image:none;
}

/*Désactive les images de coins de bordures*/
#old td.incbottomcorner img, #old td.inctopcorner img, #old td.inclow img {
    display:none;
}

/*Texte en haut des listes de topics*/
#old td.inctitle, #old a.inctitlelink, #old a.inctitlelink:hover {
    background-image:none;
    color:var(--redTitleLinks);
    font-size:1.1em;
}

#old form {
    color:var(--textColor);
}

/*Pop up succès*/
.alert-success {
    background-image: linear-gradient(to bottom,var(--succes1) 0,var(--succes2) 100%);
    border-color:var(--succes2);
    color:var(--textSucces);
}

/*Pop up alerte*/
.alert-danger {
    background-image: linear-gradient(to bottom,var(--alerte1) 0,var(--alerte2) 100%);
    border-color:var(--alerte1);
    color:var(--textAlerte);
}

#old a.black {
    color:var(--textColor);
}

#old a.black:hover {
    color:#fff;
    background-color:var(--borderColor);
}

#old a.innerbarlink {
    color:var(--redTitleLinks);
}

#old a.innerbarlink:hover {
    color:var(--redTitleLinks);
}

/*Bordure tri programmes*/
#old .triPrgmNrml {
    border-color:var(--redTitleLinks);
}

/*Place un fond blanc derrière l'image de programme en cas de png*/
#old .triPrgmNrml img {
    background:#fff;
}

/*Les boites principales*/
#old div.box {
    background-color:var(--boxBg);
    border: solid var(--borderColor) 2px;
    border-radius:10px;
    padding:2px;
}

/*Les champs input*/
input#title, input#delayed_date, input#delayed_time, #old div input.field, #old select, input#news_image, input#news_summary, input#subject, #old div.field input, input#file.form-control {
    background-color:var(--inputBg);
    background-image:none;
    color:var(--textColor);
    border-color:var(--borderColor);
}

#old figcaption {
    color:var(--textColor);
}

#old table.inctable {
    border-radius: 10px;
    border:solid var(--borderColor) 2px;
    margin: 1px;
    background-color:var(--boxBg);
    border-collapse: separate;
}

#old table.dotted {
    border-color:var(--redTitleLinks);
    background-color:var(--boxBg);
}

#old div.field span.label {
    color:var(--redTitleLinks);
}

#old div.box-simple {
    background-color:var(--boxBg);
    border: solid var(--borderColor) 2px;
    padding:2px;
    border-radius: 10px;
}

.modal-content {
    background-color:var(--boxBg);
}

/*Fleche de fermeture prévisualisation*/
.close {
    color:var(--textColor);
}

/*Fleche de fermeture prévisualisation*/
.close:hover {
    color:#fff;
}

#old .spoiler > div:last-child {
    color:var(--mainBg);
}

#old span.innerbarcolor {
    color:var(--textColor);
}

/*Fond envoi message privé*/
#old .mp_exp {
    background-color:var(--topicSecBg);
    border-color: var(--borderColor);
}

/*Fond reception d'un message*/
#old .mp_rep {
    background-color:var(--listSecBg);
    border-color:var(--borderColor);
}

#old .mp_rep .color {
    color:var(--textColor);
}

/*Les pop-ups de rédaction message*/
#old .editeur .AskBox {
    background-color:var(--topicSecBg);
    border-color:var(--borderColor);
}

#old .editeur .AskBoxTop span {
    color:var(--textColor)
}

#old .editeur .ABsmiley td {
    background-color:var(--listSecBg);
}

.header {
    background-image:linear-gradient(to bottom, var(--header1) 0px, var(--header2) 100%);
}

/*Couleur des textes header*/
.header .navbar-nav > li > a{
    color:var(--headerText);
}

/*Couleur des textes sous menu*/
.dropdown-menu > li > a {
    color:var(--headerDropText);
}

/*Barre de séparation sous menu*/
.dropdown-menu .divider {
    background-color:var(--headerDropText);
}

/*Menu de selection header*/
.header .navbar-nav > .dropdown > a:hover,
.header .navbar-brand:hover,
.header .navbar-nav > .button > a:hover,
.header .navbar-nav > .dropdown > a:focus,
.header .navbar-nav > .dropdown.open > a,
.header .navbar-nav > .button > a:focus,
.header .navbar-toggle:hover,
.header .navbar-toggle:focus {
    background-color:var(--header1);
    background-image:linear-gradient(to bottom, #00000036 0px, #00000070 100%);
    color:var(--headerText);
}

/*Sous menus*/
.navbar-nav > li > .dropdown-menu {
    background:var(--headerDropColor);
    border-color:var(--borderColor);
}

/*hover sous menu*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color:var(--headerDropText);
    background-color:var(--headerDropColor);
    background-image:linear-gradient(to bottom, #00000014 0px, #0000002b 100%);
}

p:not(.content) {
    color:var(--textColor);
}

#calcdb th {
    background-color:var(--boxBg);
}

#calcdb td.st-active, #calcdb td.st-good {
    background-color:var(--compatible);
    color:#fff;
}

#calcdb td.st-warn {
    color:#fff;
    background-color:var(--warn);
}

#calcdb td.st-bad {
    background-color:var(--no);
}

#calcdb tr:nth-child(2n+4) th,
#calcdb tr.category td,
#calcdb tr.category th {
    background-color:var(--topicSecBg)
}

/*===== Couleur des titres =====*/

/*Administrateur*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=2"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=2"]{
    color:var(--administrateur) !important;
}
/*Modérateur*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=3"] > span,  a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=3"]{
    color:var(--moderateur) !important;
}
/*Rédacteur*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=4"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=4"] {
    color:var(--redacteur) !important;
}
/*Partenaire*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=6"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=6"] {
    color:var(--partenaire) !important;
}
/*Robot*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=12"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=12"] {
    color:var(--robot) !important;
}
/*Membre d'honneur*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=14"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=14"] {
    color:var(--honneur) !important;
}
/*Membre de CreactiveCalc*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=18"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=18"] {
    color:var(--creativecalc) !important;
}
/*Gourou*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=20"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=20"] {
    color:var(--gourou) !important;
}
/*Développeur*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=21"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=21"] {
    color:var(--dev) !important;
}
/*Maitre du Puzzle*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=24"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=24"] {
    color:var(--puzzle) !important;
}
/*Labélisateur*/
a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=26"] > span, a[href="https://www.planet-casio.com/Fr/compte/groupe.php?id=26"] {
    color:var(--labelisateur) !important;
}
/*Membre random*/
span.profile-group {
    color:var(--membre);
}