/* cmsms stylesheet: 1-Design modified: dimanche 6 juillet 2025 15:16:43 */
@font-face {
    font-family: "opensans";
    src: url(https://eralliance-auberdine.fr/uploads/_interface/polices/OpenSans.woff2) format('woff2');
}

html
{
    width: 100%;
    margin: 0;
    padding: 0;
}

body
{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "opensans", arial;
    color: white;
    background-color: black;
    background-image:  url(https://eralliance-auberdine.fr/uploads/_interface/images/fond-2.jpg);
    background-attachment: fixed;
    background-size: 100% auto;
    overflow-x: hidden;
}

@media screen and (max-width: 765px)
{
body
{
    background-color: black;
    background-image:  url(https://eralliance-auberdine.fr/uploads/_interface/images/fond.jpg);
    background-attachment: fixed;
    overflow-x: hidden;
}
}


legend
{
    color: #238C7C;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

.sous-legend
{
    color: grey;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    font-size: 80%;
}

h1, h2, h3
{
    color: #238C7C;
    text-transform: uppercase;
}

h4
{
    color: #238C7C;
}

input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="password"], select
{
    width: 100%;
    max-width: 300px;
    height: 30px;
    border: 1px solid black;
    font-weight: bold;
}

input[type="checkbox"]
{
    width: 20px;
    height: 20px;
}

input[type="number"]
{
    width: 100%;
    max-width: 50px;
    height: 30px;
    border: 1px solid black;
    font-weight: bold;
}

select[multiple]
{
    height: 138px;
    font-weight: bold;
}

#pseudo
{
    text-transform: capitalize;
}

a
{
    color: white;
    text-decoration: none;
    transition: 200ms ease-out;
}

a:hover
{
    color: #238C7C;
    text-decoration: none;
    transition: 200ms ease-out;
}

a.active
{
    padding: 5px;
    font-size: 20px;
    border: 1px solid white;
}

/* Classe */
.Chasseur
{
    color: #aad372;
}

.Demoniste, .Démoniste
{
    color: #8788ee;
}

.Druide
{
    color: #ff7c0a;
}

.Guerrier, .Tank
{
    color: #c69b6d;
}

.Mage
{
    color: #3fc7eb;
}

.Paladin
{
    color: #f48cba;
}

.Pretre
{
    color: #ffffff;
}

.Voleur
{
    color: #fff468;
}

.Desenchanteur
{
    color: #131CE5;
}

/* Background des classes */
.ChasseurB
{
    background-color: #aad372;
}

.DemonisteB, .DémonisteB
{
    background-color: #8788ee;
}

.DruideB
{
    background-color: #ff7c0a;
}

.GuerrierB
{
    background-color: #c69b6d;
}

.MageB
{
    background-color: #3fc7eb;
}

.PaladinB
{
    background-color: #f48cba;
}

.PretreB
{
    background-color: #ffffff;
}

.VoleurB
{
    background-color: #fff468;
}
/* Background des classes */


/* Classe */

/* Priorité */
.Basse
{
    color: #95a5a6;    
}

.Moyenne
{
    color: #bfedd2;    
}

.Haute
{
    color: #3598db;    
}

.Top
{
    color: #b96ad9;    
}


/* Priorité */

.retour
{
    position: absolute;
    padding-top: 15px;
    left: 5%;
    transition: 400ms;
    opacity: 1;
}

.retour:hover
{
    transition: 400ms;
    opacity: 0.7;
    transform: scale(1.05);
}

.bleu
{
    color: #33C4FF;
    font-weight: bold;
}

.rouge
{
    color: red;
    font-weight: bold;
}

.orange
{
    color: orange;
    font-weight: bold;
}

.violet
{
    color: purple;
}

.vert
{
    color: green;
    font-weight: bold;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.strong
{
    font-weight: bold;
}

.information {
    background: #238C7C url(https://eralliance-auberdine.fr/uploads/_interface/images/info.png) 10px 50% no-repeat;
    border: 1px solid #058dc7;
    width: auto;
    padding: 5px 5px 5px 40px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 90%;
}

.warning
{
    background: #faf6d4 url(https://eralliance-auberdine.fr/uploads/_interface/images/warning.gif) 10px 50% no-repeat;
    border: 1px solid #058dc7;
    width: auto;
    padding: 5px 5px 5px 40px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 90%;
    color: red;
    font-weight: bold;
}

.bouton
{
    min-width: 100px;
    min-height: 30px;
    background-color: #238C7C;
    border: 1px solid #238C7C;
    color: white!important;
    transition: 200ms;
}

.bouton:hover
{
    min-width: 100px;
    min-height: 30px;
    background-color: #004d41;
    border: 1px solid #004d41;
    color: white;
    transition: 200ms;
}

.ligne:nth-child(odd)
{
    background-color: rgb(42,41,41,0.3);
    transition: all 200ms ease-in;
}

.ligne:nth-child(odd):hover
{
    background-color: #2a2929;
    transition: all 200ms ease-out;
}

.ligne:nth-child(even)
{
    background-color: transparent;
    transition: all 200ms ease-in;
}

.ligne:nth-child(even):hover
{
    background-color: #2a2929;
    transition: all 200ms ease-out;
}

.ligne-grise
{
    background-color: #2a2929;
}

::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: #eee;
}

::-webkit-scrollbar-thumb {
  background: #238C7C;
}

::-webkit-scrollbar-thumb:hover {
  background: #238C7C;
}


.label
{
    width: 40%!important;
    text-align: left;
}

.input
{
    width: 60%;
    text-align: left;
}

.table-block
{
    display: table;
    width: 100%;
}

.table-block .titre
{
    display: table-cell;
    width: 80%;
    vertical-align: middle;
}

.table-block .fermer
{
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: right;
}

#header
{
    text-align: center;
}

#header .gauche, #header .milieu, #header .droite
{
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

#header .droite
{
    padding-top: 1%;
}

#header img
{
    max-width: 100%;
    max-height: auto;
}

@media screen and (max-width: 765px)
{
#header h1, #header h3
{
    font-size: 90%;
}    
    
#header img
{
    max-width: 50px;
    display: inline-block;
    vertical-align: top;
}
    
#header .gauche, #header .milieu
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#header .droite
{
    width: 95%;
    margin: auto;
}
}

#menu-responsive-show, #menu-responsive-hide
{
    display: none;
    width: 40px;
    margin-left: 5px;
}

#menu
{
    max-height: 26px;
    padding-top: 4px;
    padding-bottom: 2px;
    background-color: rgb(42,41,41,0.7);
    position: sticky;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    font-size: 90%;
}

#menu .lien-actif
{
    background-color: #238C7C;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
}

#menu .liens
{
    width: 100%;
    margin: auto;
}

#menu .home
{
    width: 1%;
    min-width: 25px;
    display: inline-block;
    vertical-align: top;
}

#menu .lien
{
    width: 13%;
    display: inline-block;
    vertical-align: top;
}

#menu .lien .sous-liens
{
    display: none;
}

#menu .lien:hover .sous-liens
{
    display: block;
    margin-top: 5px;
    padding: 10px;
    padding-left: 10%;
    background-color: rgb(42,41,41,1);
    text-align: left;
}

#menu .lien:hover .sous-liens ul
{
    padding-left: 0; 
}

#menu .lien:hover .sous-liens ul li
{
    line-height: 2;
}

@media screen and (max-width: 765px)
{
#menu-responsive-show
{
    width: 40px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;

}

#menu .liens
{
    display: none;
    width: 60%;
    margin: 0;
    padding-left: 10px;
    background-color: #000000;
    border-radius: 0px 0px 15px 0px;
    text-align: left;
}    
    
    
#menu
{
    max-height: 35px;
    text-align: left;
    padding-left: 10px;
}

#menu .lien-actif
{
    background-color: #238C7C;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
}

#menu .lien
{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
}

#contenu
{
    width: 90%;
    margin: auto;
    min-height: 500px;
    text-align: center;
}

/* Accueil */
#accueil .wb-opti
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#accueil .wb
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#accueil .optimisation .sommaire
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#accueil .optimisation .contenu
{
    text-align: justify;
}

#accueil .optimisation .infos
{
    margin-top: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#accueil .optimisation  .infos a:hover
{
    color: white;
    text-decoration: underline;
}

#accueil .besoins
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#accueil .besoins img
{
    width: 25px;
    height: 25px;
}

#accueil .avancee .blocks
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{
#accueil .wb-opti
{
    width: 100%;
}    
    
#accueil .wb
{
    width: 95%;
    margin: auto;
}

#accueil .besoins
{
    width: 95%;
    margin: auto;
}

#accueil .besoins img
{
    width: 25px;
    height: 25px;
}

#accueil .avancee .blocks
{
    width: 95%;
    margin: auto;
}
}


/* Accueil */

/* Avancée */ 
#avancee
{
    width: 100%;
}

#avancee .block
{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

#avancee .block-encours
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#avancee .image
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

#avancee .image img
{
    max-width: 100%;
    min-height: 100px;
    max-height: 225px;
}

#avancee .texte
{
    width: 58%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{

#avancee .block
{
    width: 95%;
    margin: auto;
}

#avancee .block-encours
{
    width: 95%;
    margin: auto;

}
}
/* Avancée */


/* Optimisation */
/* Categories */
#optimisation .categories
{
    width: 20%;
    max-width: 225px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}

#optimisation .categories .block
{
    width: 100%;
    height: 30px;
    margin: 1%;
    padding-top: 12px;
    padding-left: 1%;
    padding-right: 1%;
    transition: 400ms;
    border-bottom: 1px solid rgb(255,255,255,0.3);
    border-radius: 5px;
}

#optimisation .categories .active
{
    background-color: #238C7C;
    border-radius: 5px;
    transition: 400ms;
}

#optimisation .categories .block:hover
{
    background-color: #238C7C;
    border-radius: 5px;
    transition: 400ms;
}

#optimisation .categories .block:hover a
{
    color: white;
}

/* Categories */

/* Sommaire */
#optimisation .sommaire
{
    width: 78%;
    display: inline-block;
    vertical-align: top;
}

#optimisation .sommaire .articles
{
    text-align: left;
}

#optimisation .sommaire .image
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#optimisation .sommaire .image img
{
    max-width: 100%;
    max-width: 150px;
}

#optimisation .sommaire .contenu
{
    width: 78%;
    padding-left: 1%;
    display: inline-block;
    vertical-align: top;
}

#optimisation .sommaire .infos
{
    margin-top: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#optimisation .sommaire .infos a:hover
{
    color: white;
    text-decoration: underline;
}

/* Sommaire */

/* Détails */
#optimisation .details
{
    width: 80%;
    margin: auto;
}

#optimisation .details .infos
{
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#optimisation .details .image img
{
    max-width: 100%;
    max-height: 300px;
}

#optimisation .details .contenu
{
    text-align: justify;
}

#optimisation .details .contenu a
{
    color: #238C7C;
    font-weight: bold;
    transition: 400ms;
}

#optimisation .details .contenu a:hover
{
    text-decoration: underline;
    transition: 400ms;
}

#optimisation .details .contenu img
{
    margin: 5px;
    max-width: 100%;
    max-height: auto;
}

/* Détails */

@media screen and (max-width: 765px)
{
    #optimisation .categories
{
    width: 100%;
    max-width: 500px;
    margin-right: 0%;
}

#optimisation .categories .block
{
    width: 45%;
    display: inline-block;
}

/* Sommaire */
#optimisation .sommaire
{
    width: 100%;
}

#optimisation .sommaire .articles
{
    text-align: left;
}

#optimisation .sommaire .image
{
    width: 100%;
    text-align: center;
}

#optimisation .sommaire .image img
{
    max-width: 100%;
    max-height: 175px; 
}

#optimisation .sommaire .contenu
{
    width: 100%;
    padding-left: 0%;
    display: inline-block;
    vertical-align: top;
}

#optimisation .sommaire .infos
{
    margin-top: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#optimisation .sommaire .infos a:hover
{
    color: white;
    text-decoration: underline;
}

/* Sommaire */

/* Détails */
#optimisation .details
{
    width: 80%;
    margin: auto;
}

#optimisation .details .infos
{
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#optimisation .details .contenu
{
    text-align: justify;
}

#optimisation .details .contenu img
{
    margin: 5px;
}

/* Détails */
}


/* Proposition des articles  */
#gestion-articles .infos, #gestion-articles .photos
{
    width: 45%;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
}


#gestion-articles .photos img
{
    max-height: 100px;
}

#gestion-articles .contenu
{
    width: 80%;
    margin: auto;
}


/* Proposition des articles  */

/* Optimisation */

/* Attribution des loots */
#attribution_loot .recherche .block
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
}


#attribution_loot .choix-raid,  #attribution_loot .choix-boss, #attribution_loot .choix-joueur, #attribution_loot .apercu
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}


@media screen and (max-width: 765px)
{
#attribution_loot .recherche .block
{
    width: 100%;
}    
    
#attribution_loot .choix-raid,  #attribution_loot .choix-boss, #attribution_loot .choix-joueur, #attribution_loot .apercu
{
    width: 100%;
}


#attribution_loot .historique table thead {
display: none;
}

#attribution_loot .historique table tr{
display: block;
margin-bottom: 40px;
}

#attribution_loot .historique table td {
display: block;
text-align: right;
}

#attribution_loot .historique table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}

}

/* Attribution des loots */

/* WorldBuff */
table
{
    width: 100%;
    border-collapse: collapse;
    overflow-x: auto;
}

table tr
{
    line-height: 20px;
    border-bottom: 1px solid rgb(255,255,255,0.3);
}

/* Ajout */

#worldbuff .ajout-wb
{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

#site 
{
  display: none !important;
}
/* Ajout */


/* Récompenses */

#worldbuff .recompense-wb
{
    width: 63%;
    display: inline-block;
    vertical-align: top;
}

#worldbuff .recompense-wb a
{
    display: block;
}

.recompense-wb .wb-onyxia-1-img, .recompense-wb .wb-onyxia-2-img, .recompense-wb .wb-onyxia-3-img,
.recompense-wb .wb-nefarian-1-img, .recompense-wb .wb-nefarian-2-img, .recompense-wb .wb-nefarian-3-img,
.recompense-wb .wb-hakkar-1-img, .recompense-wb .wb-hakkar-2-img, .recompense-wb .wb-hakkar-3-img, .wb-zandalar, .wb-tueur-dragon-1, .wb-tueur-dragon-2
{
    visibility: hidden;
    position: absolute;
    z-index: -1;
}


.recompense-wb .wb-onyxia-1:hover .wb-onyxia-1-img, .recompense-wb .wb-onyxia-2:hover .wb-onyxia-2-img, .recompense-wb .wb-onyxia-3:hover .wb-onyxia-3-img,
.recompense-wb .wb-nefarian-1:hover .wb-nefarian-1-img, .recompense-wb .wb-nefarian-2:hover .wb-nefarian-2-img, .recompense-wb .wb-nefarian-3:hover .wb-nefarian-3-img,
.recompense-wb .wb-hakkar-1:hover .wb-hakkar-1-img, .recompense-wb .wb-hakkar-2:hover .wb-hakkar-2-img, .recompense-wb .wb-hakkar-3:hover .wb-hakkar-3-img, .recompense-wb .wb-onyxia-buff:hover .wb-tueur-dragon-1, .recompense-wb .wb-nefarian-buff:hover .wb-tueur-dragon-2, .recompense-wb .wb-zandalar-buff:hover .wb-zandalar
{
    visibility: visible;
    position: absolute;
    z-index: 1;
}

/* Récompenses */

/* Recherche */
#worldbuff .recherche-wb
{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

/* Recherche */

/* Totaux */

#worldbuff .totaux-wb
{
    width: 63%;
    display: inline-block;
    vertical-align: top;
}
/* Totaux */


/* Liste */
#worldbuff .liste-wb
{
    width: 100%;
}
/* Liste */

@media screen and (max-width: 765px)
{

#worldbuff .ajout-wb
{
    width: 100%;
}

#worldbuff .recompense-wb
{
    width: 100%;
}

#worldbuff .totaux-wb
{
    width: 100%;
}

#worldbuff .recherche-wb
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#worldbuff .liste-wb
{
    width: 100%;
}

#worldbuff .liste-wb table
{
    width: 100%;
    max-width: 400px;
    overflow-x: auto;
    border-spacing: 0;
    font-size: 50%;
}


}


/* Fiche */
.fiche
{
    width: 50%;
    max-width: 500px;
    margin: auto;
}

.fiche input[type="date"]
{
    max-width: 100px;
}

.fiche-ajout
{
    width: 50%;
    margin: auto;
}


@media screen and (max-width: 765px)
{
.fiche
{
    width: 100%;
}
}
/* Fiche */

/* WorldBuff */


/* Craft */
.alchimie
{
    color: #f48cba;
}

.couture
{
    color: #ffffff;
}

.enchantement
{
    color: #3fc7eb;
}

.forge
{
    color: #c69b6d;
    font-weight: bold;
}

.tdc
{
    color: #ff7c0a;
    font-weight: bold;
}

.ombre
{
    color: #66276e;
    font-weight: bold;
}

.feu
{
    color: #721414;
    font-weight: bold;
}

.givre
{
    color: #6365ba;
    font-weight: bold;
}

.nature
{
    color: #0e5200;
    font-weight: bold;
}


.inhabituel, .Inhabituel
{
    color: #1eff00 !important;
    font-weight: bold;
}

.rare, .Rare
{
    color: #0070dd !important;
    font-weight: bold;
}

.epique, .Epique
{
    color: #a335ee !important;
    font-weight: bold;
}

.artefact, .Legendaire
{
    color: #ff8000 !important;
    font-weight: bold;
}

.Eralliance
{
    color: #238C7C;
}

.Dissidence
{
    color: #933d55;
}



#craft .recherche, #craft .manquant
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#craft .metiers
{
    margin-bottom: 2%;
}


#craft .ajout
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#craft .metier
{
    width: 175px;
    display: inline-block;
    vertical-align: top;
}
#craft .liste li:nth-child(odd)
{
    background-color: rgb(42,41,41,0.8);
}

#craft .liste
{
    width: 80%;
    margin: auto;
}

@media screen and (max-width: 765px)
{
#craft .recherche, #craft .manquant
{
    width: 100%;
}

#craft .liste
{
    width: 100%;
    font-size: 70%;
}

#craft .ajout
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

}

/* Craft */

/* Nos besoins */
#nos-besoins .ajout table
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}


#nos-besoins .block
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#nos-besoins .block .icone
{
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

#nos-besoins .block .info
{
    width: 83%;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#nos-besoins .block .icone img
{
    max-width: 50px;
    max-height: 50px;
}



@media screen and (max-width: 765px)
{
#nos-besoins .ajout table
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 70%;
}


#nos-besoins .block
{
    width: 95%;
    margin: auto;
}

#nos-besoins .block .icone
{
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

#nos-besoins .block .info
{
    width: 83%;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

}
/* Nos besoins */

/* Compte */
#compte .compte-menu
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

#compte .compte-menu .active
{
    background-color: #004d41;

}

#compte .compte-contenu
{
    width: 78.5%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{
#compte .compte-menu
{
    width: 100%;
}

#compte .compte-contenu
{
    width: 100%;
}

#compte .gestion-articles
{
    font-size: 70%;
}
}
/* Compte */

/* Mes personnages */

#personnage-fiche
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

#personnage-fiche .sur-block
{
    width: 50%;
    min-width: 360px;
    height: 50%;
    padding: 2%;
    position: absolute;
    background-color: rgba(0,0,0,1);
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    z-index: 3;
    border-radius: 30px;
    text-align: center;
    border: 2px solid white;
}

/* Mes personnages */


/* Règlements */
.reglements
{
    width: 80%;
    margin: auto;
    text-align: left;
}

/* Règlements */

/* Footer */
#footer
{
    min-height: 55px;
    margin-top: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-top: 1px solid rgb(255,255,255,0.3);
    background-color: rgb(42,41,41,0.7);
}

#footer img
{
    max-width: 50px;
}

#footer .block
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#footer .gauche
{
    padding-top: 10px;
}

#footer .milieu
{
    padding-top: 25px;
}

.gestion-cookies
{
    text-align: right;
}


@media screen and (max-width: 765px)
{
    #footer .block
    {
    width: 95%;
    display: inline-block;
}
}

/* Footer */

/* Captcha */
.grecaptcha-badge
{
    top: 90%;
}
/* Captcha */

/* Calendrier */
.fc-unthemed td.fc-today
{
    background-color: rgb(35,140,124,0.8)!important;
}

/* Calendrier */


/* Gestion des guildes */
#gestion-guildes .menu .block
{
    width: 15%;
    min-width: 150px;
    display: inline-block;
    vertical-align: top;
}

/* Banque */
#banques .ajout, #banques .historique
{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

#banques .liste
{
    font-size: 90%;
}


#banques img
{
    max-width: 30px;
}

#banques .icone-liste-attente img
{
    max-width: 75px;
}

#banques .filtre .filtre-fond div
{
    width: 10%;
    min-width: 75px;
    display: inline-block;
}

#banques .filtre .active
{
    background-color: #238C7C;
    border-radius: 5px;
    transition: 400ms;    
}


#banques .filtre-fond
{
    background-color: rgb(0,0,0,0.8);
}

#banques #filtre
{
    position: sticky;
    top: 20px;
}

/* HIDE RADIO */
#banques .liste-icone fieldset
{
    max-height: 150px;
    overflow: auto;
}



/* IMAGE STYLES */
#banques .liste-icone .icone {
    width: 32px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

/* CHECKED STYLES */
#banques .liste-icone [type=radio]:checked + img {
  border: 2px solid #f00;
}

@media screen and (max-width: 765px)
{
#banques .ajout, #banques .historique
{
    width: 100%;
}

#banques .historique
{
    font-size: 70%;
}

#banques .liste
{
    width: 100%;
    font-size: 70%;
}
}
/* Banque */

/* Gestion des guildes */


/* Gestion des raids */

#debuff .block
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{
#debuff .block
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
}

#debuff .discord
{
    max-width: 1024px;
    margin: auto;
    background-image:  url(https://eralliance-auberdine.fr/uploads/_interface/images/fond.jpg);
    background-attachment: fixed;
    overflow-x: hidden;
}

#debuff .discord .table
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    font-size: 100%;
}

#debuff .discord img
{
    width: 20px;
}

/* Gestion des raids */

/* Besoin loot */

#besoin_loot .gauche, #besoin_loot .droite
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

/* Besoin loot */

/*  Liste des raids*/
#raid .raid-block
{
    width: 30%;
    min-width: 515px;
    display: inline-block;
    vertical-align: top;
}

#raid .raid-block select
{
    width: 150px;
}

#raid .raid-block table
{
    width: 100%;
    text-align: left;
}

#raid .raid-block .raid-infos
{
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

#raid .raid-block .raid-effectifs
{
    display: table-cell;
    width: 50%;
    padding-left: 5%;
    vertical-align: top;
}

#raid .raid-block .joueurs
{
    width: 100%;
}

#raid .raid-block .joueurs .block-joueurs
{
    width: 30%;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 80%;
    border: 1px solid rgba(255,255,255,0.3);
}

#raid .raid-block .joueurs .block-joueurs .icone
{
    text-align: center;
}

#raid .raid-block .joueurs .block-joueurs .icone img
{
    max-width: 20px;
}

#raid .raid-block .raid-effectifs .block-joueurs .joueur
{
    text-align: left;
}

/*  Liste des raids*/

/* Inscription aux raids */
#raid .joueurs
{
    width: 15%;
    min-width: 250px;
    max-height: 600px;
    overflow: auto;
    display: inline-block;
    vertical-align: top;
}

#raid .joueurs .joueur
{
    display: table;
    width: 100%;
    vertical-align: middle;
}

#raid .icone
{
    display: table-cell;
    width: 5%;
    min-width: 40px;
    vertical-align: middle;
}

#raid .pseudo
{
    display: table-cell;
    width: 90%;
    vertical-align: middle;
    text-align: left;
}

#raid .suppression
{
    display: table-cell;
    width: 5%;
    vertical-align: middle;
}

#raid .matrice
{
    width: 85%;
    display: inline-block;
    vertical-align: top;
}


#raid .matrice .groupe
{
    width: 20%;
    margin: 0.5%;
    display: inline-block;
    vertical-align: top;
}

#raid .matrice .groupe table td
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255, 0.3);
}

/* Inscription aux raids */


/* Annonces */
/* Sommaire */
#annonces .sommaire
{
    width: 78%;
    display: inline-block;
    vertical-align: top;
}

#annonces .sommaire .articles
{
    text-align: left;
}

#annonces .sommaire .image
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#annonces .sommaire .image img
{
    max-width: 100%;
    max-width: 150px;
}

#annonces .sommaire .contenu
{
    width: 78%;
    padding-left: 1%;
    display: inline-block;
    vertical-align: top;
}

#annonces .sommaire .infos
{
    margin-top: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#annonces .sommaire .infos a:hover
{
    color: white;
    text-decoration: underline;
}

/* Sommaire */

/* Détails */
#annonces .details
{
    width: 80%;
    margin: auto;
}

#annonces .details .infos
{
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: 1%;
    background-color: #238C7C;
    border-radius: 5px;
}

#annonces .details .image img
{
    max-width: 100%;
    max-height: 300px;
}

#annonces .details .contenu
{
    text-align: justify;
}

#annonces .details .contenu a
{
    color: #238C7C;
    font-weight: bold;
    transition: 400ms;
}

#annonces .details .contenu a:hover
{
    text-decoration: underline;
    transition: 400ms;
}

#annonces .details .contenu img
{
    margin: 5px;
    max-width: 100%;
    max-height: auto;
}

/* Détails */



/* Gestion raids */
#gestion-raid .banc-remplacant, #gestion-raid .banc-absence
{
    width: 50%;
    height: 500px;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{
#gestion-raid table thead {
display: none;
}

#gestion-raid table tr{
display: block;
margin-bottom: 40px;
}

#gestion-raid table td {
display: block;
text-align: right;
}

#gestion-raid table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
    
    
#gestion-raid .banc-remplacant, #gestion-raid .banc-absence
{
    width: 95%;
    margin: auto;
    font-size: 80%;
}
}

/* Gestion des macros */

#gestion-raid .options .block
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#gestion-raid .macro input[type="text"], .macro #gestion-raid select
{
    max-width: 125px;
}

#gestion-raid .macro .creation
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#gestion-raid .macro .affichage
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#gestion-raid .macro .affichage img
{
    width: 100%;
    max-width: 600px;
}

#gestion-raid .macro .affichage div
{
    text-align: left;
}

#gestion-raid .macro .affichage .macro-affichage
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

/* Affichage pour Dicord */
#discord
{
    max-width: 925px;
    padding: 15px;
    margin: auto;
    background-image:  url(https://eralliance-auberdine.fr/uploads/_interface/images/fond.jpg);
    background-position: fixed;
    overflow: none;
}

#macro-discord .block
{
    width: 48.5%;
    max-width: 450px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#macro-discord .block
{
    width: 48.5%;
    max-width: 450px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#macro-discord .block4k
{
    width: 100%;
    max-width: 900px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}


/* Affichage pour Dicord */

@media screen and (max-width: 765px)
{
#gestion-raid .macro .creation
{
    width: 100%;
}

#gestion-raid .macro .affichage
{
    width: 100%;
}

#gestion-raid .macro .affichage .macro-affichage
{
    width: 100%;
}

}




/* Gestion des macros */

/* Gestion raids */
