MediaWiki:Common.css

De Guild Wars 2 Wiki
Aller à la navigation Aller à la recherche

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
@import url(https://fonts.googleapis.com/css?family=Griffy|IM+Fell+DW+Pica|Oswald|Neucha|Aladin|Cookie|Just+Another+Hand|Aldrich);
.degradé {
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

/**
 * Cette page contrôle l'apparence de tous les habillages version bureau.
 * Pour modifier l'habillage par défaut Vector : [[MediaWiki:Vector.css]]
 * Si vos modifications s'appliquent aussi à la version mobile du site,
 * pensez à aussi mettre à jour [[MediaWiki:Mobile.css]].
**/

/*Fonts*/

@font-face {
  font-family: "EasonPro";
  src: url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot");
  src: url("httpsb://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff")
      format("woff"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.ttf")
      format("truetype"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "EasonPro";
  src: url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot");
  src: url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff")
      format("woff"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.ttf")
      format("truetype"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic")
      format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "EasonPro";
  src: url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot");
  src: url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff")
      format("woff"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.ttf")
      format("truetype"),
    url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold")
      format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Rock Salt";
  font-style: normal;
  font-weight: 400;
  src: local("Rock Salt Regular"), local("RockSalt-Regular"),
    url(https://fonts.gstatic.com/s/rocksalt/v10/MwQ0bhv11fWD6QsAVOZrt0M6.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/* TOC display level limiter, will only display the TOC up to level N */

.toc1 li.toclevel-2,
.toc1 li.toclevel-3,
.toc2 li.toclevel-3,
.toc1 li.toclevel-4,
.toc2 li.toclevel-4,
.toc3 li.toclevel-4,
.toc1 li.toclevel-5,
.toc2 li.toclevel-5,
.toc3 li.toclevel-5,
.toc4 li.toclevel-5,
.toc1 li.toclevel-6,
.toc2 li.toclevel-6,
.toc3 li.toclevel-6,
.toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide,
body.page-Accueil.ns-subject h1.firstHeading {
  display: none;
}

/*TOC heading font*/

#toc h2,
.toc h2 {
  font-family: Arial, sans-serif !important;
}

/* Miscellaneous changes */

table#mw-dismissable-notice {
  background: transparent;
}

ul.special abbr,
ul.special acronym {
  border: none;
}

ol.references > li:target,
sup.reference:target,
cite:target {
  background: #eef;
}

ol.references {
  font-size: 90%;
}

sup,
sub {
  line-height: 1em;
}

abbr > input {
  cursor: help;
}

/* Universal styles */

.hidelist ul {
  list-style: none none;
  margin: 0;
  padding: 0;
}

.hidelist p {
  font-style: italic;
  margin: 0 0 0.2em;
}

.hidelist p + ul {
  margin-bottom: 0.5em;
}

#content .hiddenlinks a,
#content .hiddenlinks a:link,
#content .hiddenlinks a:visited {
  color: inherit;
}

/**
* MAIN PAGE STYLESHEET
**/

div.mainpage {
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px;
  width: 80%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  /* Standard syntax */
  position: relative;
  box-shadow: var(--box-shadows, rgba(110, 24, 115, 0.5)) 0 0 0.75em;
  background-color: var(--body-bg, #fff);
  background-image: linear-gradient(#d6c4de 0%, #fff 2%, #fff 50%, #eee 100%);
}

div.mainpage .maincolumn {
  -webkit-flex: 2 1 auto;
  /* Safari */
  -ms-flex: 2 1 auto;
  /* IE 10 */
  flex: 2 1 auto;
  /* Standard syntax */
  flex-direction: column;
}

div.mainpage .left {
  width: 65%;
}

div.mainpage .right {
  width: 35%;
}

.mainpagenavigationtitle {
  font-family: EasonPro, "Times New Roman", serif;
  font-size: 1.7692307692em;
  color: var(--nav-title, #ddc7de);
  background: var(--body-mainpage_header1, #350f39) !important;
  background-image: linear-gradient(
    top,
    var(--body-mainpage_header1, #350f39),
    var(--body-mainpage_header2, #2c0d2f)
  ) !important;
  background-image: -o-linear-gradient(
    top,
    var(--body-mainpage_header1, #350f39),
    var(--body-mainpage_header2, #2c0d2f)
  ) !important;
  background-image: -moz-linear-gradient(
    top,
    var(--body-mainpage_header1, #350f39),
    var(--body-mainpage_header2, #2c0d2f)
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--body-mainpage_header1, #350f39),
    var(--body-mainpage_header2, #2c0d2f)
  ) !important;
  background-image: -ms-linear-gradient(
    top,
    var(--body-mainpage_header1, #350f39),
    var(--body-mainpage_header2, #2c0d2f)
  ) !important;
  text-align: center;
  padding: 0.15em;
}

.mainpagebackground {
  padding: 0.5em 5%;
  height: 80%;
}

.mainpage a {
  color: var(--main-page-link, #a36d8f);
}

.mainpage a:hover {
  color: var(--main-page-link-h, #8d6ba7);
}

.mainpage a:visited {
  color: var(--main-page-link-v, #661c9c);
}

.mainpage a:visited:hover {
  color: var(--main-page-link-vh, #920073);
}

.featured-image div a img,
.featured-image div img {
  box-shadow: 0 0 0.75em 0.75em white;
  margin: 0.75em;
  max-width: 100%;
  object-fit: contain;
}

/** Adaptation petite fenêtre **/
@media (max-width: 750px) {
  div.mainpage {
    width: 100%;
  }

  @media (max-width: 600px) {
    div.mainpage .left {
      width: 100%;
    }

    div.mainpage .right {
      width: 100%;
    }

    div.mainpage {
      display: block;
    }
  }
}

/* Texte avec ombre blanche */

.shadow {
  font-family: EasonPro, "Times New Roman", serif;
  font-size: 16px;
  text-shadow: 0 0 8px #fff;
}

/* Fixe liste semantic mediawiki SMW */

.smw-format.ul-format {
  columns: 3;
}

/* HOMONYMIE Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */

.homonymie {
  padding-left: 2em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  margin-top: -0.6em;
  background: #fff;
  font-style: italic;
  border-bottom: 1px #aaa solid;
}

/* Garderobe styles */

div.garderobe {
  padding: 1px;
  display: inline-block;
  background-color: #b7b0d1;
  box-shadow: 1px 1px 10px #9a88dc;
  border: 1px solid #9a88dc;
}

div.amélioration_de_guilde {
  padding: 1px;
  display: inline-block;
  background-color: #236d91;
  box-shadow: 1px 1px 10px #002f46;
  border: 1px solid #002f46;
}

/*
*
* Infobox styles
*
*/

div.infobox {
  float: right;
  clear: right;
  position: relative;
  width: 270px;
  font-size: 0.9em;
  box-shadow: 1px 1px 10px silver;
  background: #f7f7f7;
  margin: 5px;
  padding-bottom: 5px;
  margin-top: 8px;
  margin-bottom: 22px;
  border: 1px solid silver;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

div.infobox .icône {
  float: right;
  width: 40px;
  margin: 6px 4px 3px;
}

div.infobox .icônelarge {
  float: right;
  width: 55px;
  height: 55px;
  margin: 8px 6px 0 0;
  right: 0;
  border: 4px solid silver;
  background-color: silver;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

div.infobox .wrapper {
  clear: both;
  padding: 8px 0px 8px 0px;
  contain: content;
}

div.infobox .icône p {
  text-align: center;
  font-size: 0.75em;
  color: #777;
}

div.infobox .statistiques {
  text-align: center;
  margin: 33px auto auto auto;
}

div.infobox dl {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

div.infobox dt {
  float: left;
  text-align: right;
  width: 98px;
  line-height: 1em;
  margin: 0;
  padding: 5px 8px 2px 3px;
  font-weight: 700;
  width: 43%;
}

div.infobox dd {
  float: left;
  width: 145px;
  font-weight: 400;
  text-align: left;
  margin: 0;
  padding: 2px 7px;
  border-left: 2px solid silver;
  width: 46%;
}

div.infobox .image_wrapper {
  text-align: center;
  padding: 10px 0 0;
}

p.entêteicône {
  font-family: EasonPro, "Times New Roman", Times, serif;
  text-shadow: 0 0 10px #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  padding: 0 8px;
  background-color: silver;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
  margin-top: 20px;
}

p.margincorr {
  margin: 15px 0 23px;
}

p.entête {
  font-family: EasonPro, "Times New Roman", Times, serif;
  text-shadow: 0 0 10px #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  padding: 0 8px;
  margin: 8px 0 6px;
  background-color: silver;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

div.recette {
  border: 1px solid #805d30;
  width: 285px;
  box-shadow: 1px 1px 10px #805d30;
  display: inline-block;
  background-color: #f5eee6;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

div.recette .icône {
  float: right;
  width: 40px;
  height: 40px;
  margin: 8px 6px 0 0;
  right: 0;
  border: 3px solid #805d30;
  background-color: #805d30;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

div.recette .entête {
  font-family: EasonPro, "Times New Roman", Times, serif;
  text-shadow: 0 0 4px #000;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  padding: 0 8px;
  margin: 18px 0 10px;
  background-color: #805d30;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
  color: #e4d8b0;
}

div.recette .table {
  padding: 5px 0 5px 0;
}

div.recette p.ligne.qt {
  float: left;
  text-align: right;
  width: 10%;
  display: inline-block;
  padding: 1px 4px 1px 0px;
  margin: 0em;
}

div.recette p.ligne.mat {
  float: left;
  text-align: left;
  width: 85%;
  display: inline-block;
  padding: 1px 0px 1px 0px;
  margin: 0em;
}

div.recette .wrapper {
  clear: both;
  display: inline-block;
  width: 100%;
}

div.recette dt {
  float: left;
  text-align: right;
  line-height: 1em;
  margin: 0;
  padding: 5px 8px 2px 3px;
  font-weight: 700;
  width: 40%;
}

div.recette dd {
  float: left;
  width: 163px;
  font-weight: 400;
  text-align: left;
  margin: 0;
  padding: 2px 7px;
  border-left: 2px solid #583922;
  width: 48%;
}

/* Infobox Succès*/

div.infobox.succès .entête img {
  position: absolute;
  top: -15px;
  left: 10px;
}

div.infobox.succès.collection dd {
  border-color: #5aa17b;
}

div.infobox.succès.collection .entête {
  position: relative;
  background: #5aa17b;
  text-indent: 50px;
}

div.infobox.succès.collection {
  border: 1px solid #5aa17b;
  box-shadow: 1px 1px 10px #5aa17b;
  background-color: #eaf7f0;
}

div.infobox.succès.commun dd {
  border-color: #de9d29;
}

div.infobox.succès.commun .entête {
  position: relative;
  background: #de9d29;
  text-indent: 50px;
}

div.infobox.succès.commun {
  border: 1px solid #de9d29;
  box-shadow: 1px 1px 10px #de9d29;
  background-color: #f9f5ed;
}

div.infobox.pnj {
  background-color: #eeffeb;
  border: 1px solid #4eba38;
  box-shadow: 1px 1px 10px #4eba38;
}

div.infobox.pnj dd {
  border-color: #4eba38;
}

div.infobox.pnj .entête {
  background: #4eba38;
  margin: 11px 0 6px;
  padding: 0 22px;
}

div.infobox.pnj .icône {
  float: right;
  width: 40px;
  margin: 0 19px 3px;
}

div.infobox.pnj .image_wrapper {
  text-align: center;
  padding: 18px 0 4px;
}

/* Infobox amélioration*/

div.infobox.amélioration {
  background-color: #f2f5ff;
  border: 1px solid #9da6c2;
  box-shadow: 1px 1px 10px #9da6c2;
}

div.infobox.amélioration dd {
  border-color: #9da6c2;
}

div.infobox.amélioration .entêteicône {
  background: #9da6c2;
}

div.infobox.amélioration .icônelarge {
  border: 4px solid #9da6c2;
  background-color: #9da6c2;
}

div.infobox.amélioration .icône {
  margin: 3px 4px;
}

/* Infobox apparence */

div.infobox.apparence {
  background-color: #f5f2ff;
  border: 1px solid #9a88dc;
  box-shadow: 1px 1px 10px #9a88dc;
}

div.infobox.apparence .image_wrapper_apparence {
  text-align: center;
  padding: 10px 0;
}

div.infobox.apparence dd {
  border-color: #9a88dc;
}

div.infobox.apparence .entêteicône {
  background: #9a88dc;
}

div.infobox.apparence .icônelarge {
  border: 4px solid #9a88dc;
  background-color: #9a88dc;
}

/* Infobox Histoire */

div.infobox.histoire {
  box-shadow: 1px 1px 10px #87bf3f;
  border: 1px solid #87bf3f;
  background: #f5ffe8;
}

div.infobox.histoire dd {
  border-color: #8dd62e;
}

div.infobox.histoire .entête {
  background: #8dd62e;
}

/* Infobox zone */

div.infobox.zone {
  box-shadow: 1px 1px 10px #7a52a3;
  border: 1px solid #7a52a3;
  background: #fde8ff;
}

div.infobox.zone dd {
  border-color: #7a52a3;
}

div.infobox.zone .entête {
  background: #7a52a3;
}

/* Infobox tenue*/

div.infobox.tenue {
  background-color: #f5f2ff;
  border: 1px solid #e4d147;
  box-shadow: 1px 1px 10px #e4d147;
}

div.infobox.tenue .image_wrapper_tenue {
  text-align: center;
  padding: 10px 0;
}

div.infobox.tenue dd {
  border-color: #e4d147;
}

div.infobox.tenue .entêteicône {
  background: #e4d147;
}

div.infobox.tenue .icônelarge {
  border: 4px solid #e4d147;
  background-color: #e4d147;
}

/* Infobox aptitude et compétence */

div.infobox.compétence .icônelarge {
  border-width: 4px;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

div.infobox.aptitude .icônelarge {
  border-width: 1px;
  background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png) !important;
}

/* Infobox élémentaliste */

div .élémentaliste {
  background-color: #ffeeed;
  border: 1px solid #f68a87;
  box-shadow: 1px 1px 5px #f68a87;
}

div .élémentaliste .icônelarge {
  border-color: #f68a87;
  background-color: #f68a87;
}

div .élémentaliste .entêteicône {
  background: #f68a87;
}

div .élémentaliste dd {
  border-color: #f68a87;
}

/* Infobox envoûteur */

div .envoûteur {
  background-color: #ffe3fd;
  border: 1px solid #d873e6;
  box-shadow: 1px 1px 5px #d873e6;
}

div .envoûteur .icônelarge {
  border-color: #d873e6;
  background-color: #d873e6;
}

div .envoûteur .entêteicône {
  background: #d873e6;
}

div .envoûteur dd {
  border-color: #d873e6;
}

/* Infobox nécromant*/

div .nécromant {
  background-color: #ebffeb;
  border: 1px solid #58ad75;
  box-shadow: 1px 1px 5px #58ad75;
}

div .nécromant .icônelarge {
  border-color: #58ad75;
  background-color: #58ad75;
}

div .nécromant .entêteicône {
  background: #58ad75;
}

div .nécromant dd {
  border-color: #58ad75;
}

/* Infobox ingénieur */

div .ingénieur {
  background-color: #ffede0;
  border: 1px solid #dba681;
  box-shadow: 1px 1px 5px #dba681;
}

div .ingénieur .icônelarge {
  border-color: #dba681;
  background-color: #dba681;
}

div .ingénieur .entêteicône {
  background: #dba681;
}

div .ingénieur dd {
  border-color: #dba681;
}

/* Infobox rôdeur*/

div .rôdeur {
  background-color: #fffee3;
  border: 1px solid #aad070;
  box-shadow: 1px 1px 5px #aad070;
}

div .rôdeur .icônelarge {
  border-color: #aad070;
  background-color: #aad070;
}

div .rôdeur .entêteicône {
  background: #aad070;
}

div .rôdeur dd {
  border-color: #aad070;
}

/* Infobox voleur */

div .voleur {
  background-color: #ffebee;
  border: 1px solid #a66f79;
  box-shadow: 1px 1px 5px #a66f79;
}

div .voleur .icônelarge {
  border-color: #a66f79;
  background-color: #a66f79;
}

div .voleur .entêteicône {
  background: #a66f79;
}

div .voleur dd {
  border-color: #a66f79;
}

/* Infobox guerrier */

div .guerrier {
  background-color: #fcf4e6;
  border: 1px solid #ffc94d;
  box-shadow: 1px 1px 5px #ffc94d;
}

div .guerrier .icônelarge {
  border-color: #ffc94d;
  background-color: #ffc94d;
}

div .guerrier .entêteicône {
  background: #ffc94d;
}

div .guerrier dd {
  border-color: #ffc94d;
}

/* Infobox gardien*/

div .gardien {
  background-color: #dbf1ff;
  border: 1px solid #72c1d9;
  box-shadow: 1px 1px 5px #72c1d9;
}

div .gardien .icônelarge {
  border-color: #72c1d9;
  background-color: #72c1d9;
}

div .gardien .entêteicône {
  background: #72c1d9;
}

div .gardien dd {
  border-color: #72c1d9;
}

/* Infobox revenant*/

div .revenant {
  background-color: #fff1f1;
  border: 1px solid #a24444;
  box-shadow: 1px 1px 5px #a24444;
}

div .revenant .icônelarge {
  border-color: #a24444;
  background-color: #a24444;
}

div .revenant .entêteicône {
  background: #a24444;
}

div .revenant dd {
  border-color: #a24444;
}

/* Infobox Arme */

div.infobox.arme {
  background-color: #fffbe6;
  border: 1px solid #f5b11d;
  box-shadow: 1px 1px 5px #f5b11d;
}

div.infobox.arme dd {
  border-color: #f5b11d;
}

div.infobox.arme .entêteicône {
  background: #f5b11d;
}

div.infobox.arme .icônelarge {
  border: 4px solid #f5b11d;
  background-color: #f5b11d;
}

/* Infobox Armure */

div.infobox.armure {
  background-color: #ebf5fc;
  border: 1px solid #90bfde;
  box-shadow: 1px 1px 10px #90bfde;
}

div.infobox.armure dd {
  border-color: #90bfde;
}

div.infobox.armure .entêteicône {
  background: #90bfde;
}

div.infobox.armure .icônelarge {
  border: 4px solid #90bfde;
  background-color: #90bfde;
}

/* Infobox Accessoire */

div.infobox.accessoire {
  background-color: #ebf3fa;
  border: 1px solid #84b6e3;
  box-shadow: 1px 1px 10px #84b6e3;
}

div.infobox.accessoire dd {
  border-color: #84b6e3;
}

div.infobox.accessoire .entêteicône {
  background: #84b6e3;
}

div.infobox.accessoire .icônelarge {
  border: 4px solid #84b6e3;
  background-color: #84b6e3;
}

/* Infobox événement */

div.infobox.événement {
  background-color: #faf2da;
  border: 1px solid #ffbb4c;
  box-shadow: 1px 1px 10px #ffbb4c;
}

div.infobox.événement .icône {
  float: right;
  width: 40px;
  margin: 4px 12px 0;
}

div.infobox.événement dd {
  border-color: #ffbb4c;
}

div.infobox.événement .entête {
  background: #ffbb4c;
  margin: 11px 0 14px;
  padding: 0 22px;
}

/* Infobox Objet et ses sous classes */

div.infobox.objet {
  background-color: #edefff;
  border: 1px solid #5388e0;
  box-shadow: 1px 1px 10px #5388e0;
}

div.infobox.objet dd {
  border-color: #5388e0;
}

div.infobox.objet .icônelarge {
  border: 4px solid #5388e0;
  background-color: #5388e0;
}

div.infobox.objet .entêteicône {
  background: #5388e0;
}

div.infobox.objet .icône {
  margin: 3px 4px;
}

/* Infobox objet consommable */

div.infobox.consommable {
  background-color: #fcfbf2;
  border: 1px solid #b5b398;
  box-shadow: 1px 1px 10px #b5b398;
}

div.infobox.consommable dd {
  border-color: #b5b398;
}

div.infobox.consommable .entêteicône {
  background: #b5b398;
}

div.infobox.consommable .icônelarge {
  border: 4px solid #b5b398;
  background-color: #b5b398;
}

div.infobox.consommable .icône {
  margin: 3px 4px;
}

div.infobox.consommable a > img {
  max-width: 250px;

  height: auto;
}

/* Infobox objet matériau*/

div.infobox.matériau {
  background-color: #fff4e8;
  border: 1px solid #a68151;
  box-shadow: 1px 1px 10px #a68151;
}

div.infobox.matériau dd {
  border-color: #a68151;
}

div.infobox.matériau .icônelarge {
  border: 4px solid #a68151;
  background-color: #a68151;
}

div.infobox.matériau .entêteicône {
  background: #a68151;
}

/* Infobox décoration de guilde*/

div.infobox.décoration {
  background-color: #e3f1ff;
  border: 1px solid #002f46;
  box-shadow: 1px 1px 10px #002f46;
}

div.infobox.décoration dd {
  border-color: #002f46;
}

div.infobox.décoration .icônelarge {
  border: 4px solid #002f46;
  background-color: #002f46;
}

div.infobox.décoration .entêteicône {
  background: #002f46;
  color: #e3f1ff;
  text-shadow: 0 0 5px #000;
}

/* Infobox mini */

div.infobox.mini {
  background-color: #fcf2f3;
  border: 1px solid #d49498;
  box-shadow: 1px 1px 10px #d49498;
}

div.infobox.mini dd {
  border-color: #d49498;
}

div.infobox.mini .entête {
  background: #d49498;
}

div.infobox.mini .image_wrapper {
  text-align: center;
  padding: 0;
  width: 64px;
  height: 64px;
  margin: 10px auto 15px;
  border: 4px solid #d49498;
  background-color: #d49498;
}

/* Infobox maîtrise */

div.infobox.maîtrise {
  background-color: #fcebc2;
  border: 1px solid #e8a815;
  box-shadow: 1px 1px 10px #e8a815;
}

div.infobox.maîtrise dd {
  border-color: #e8a815;
}

div.infobox.maîtrise .entête {
  background: #e8a815;
}

div.infobox.maîtrise .image_wrapper {
  text-align: center;
  padding: 0;
  width: 128px;
  height: 128px;
  margin: 10px auto 15px;
  border: 4px solid #e8a815;
  background-color: #e8a815;
}

/* Infobox objet interactif */

div.infobox.objet_interactif {
  background-color: #fffae8;
  border: 1px solid #fc5;
  box-shadow: 1px 1px 10px #fc5;
}

div.infobox.objet_interactif dd {
  border-color: #fc5;
}

div.infobox.objet_interactif .entête {
  background: #fc5;
}

/* infobox teinture*/

div.infobox.teinture {
  background-color: #edfbff;
  border: 1px solid #39aecd;
  box-shadow: 1px 1px 10px #39aecd;
}

div.infobox.teinture dd {
  border-color: #39aecd;
}

div.infobox.teinture .icônelarge {
  border: 4px solid #39aecd;
  background-color: #39aecd;
}

div.infobox.teinture p.entêteicône {
  background: #39aecd;
}

/* INFOBOX ELEMENT EXPLORABLE */

div.infobox.élément_explorable .icône {
  float: right;
  width: 40px;
  margin: 4px 6px 3px;
}

div.infobox.élément_explorable .image_wrapper {
  text-align: center;
  padding: 12px 0 10px;
}
div.infobox.élément_explorable.zone_explorable {
  background-color: #f5ebff;

  border: 1px solid #430086;

  box-shadow: 1px 1px 10px #430086;
}

div.infobox.élément_explorable.zone_explorable dd {
  border-color: #430086;
}

div.infobox.élément_explorable.zone_explorable .entête {
  background: #430086;

  color: white;
}

div.infobox.élément_explorable.secteur {
  background-color: #f0f0f0;
  border: 1px solid #91918e;
  box-shadow: 1px 1px 10px #91918e;
}

div.infobox.élément_explorable.secteur dd {
  border-color: #91918e;
}

div.infobox.élément_explorable.secteur .entête {
  background: #91918e;
}

div.infobox.élément_explorable.donjon {
  background-color: #fffbf5;
  border: 1px solid #aba696;
  box-shadow: 1px 1px 10px #aba696;
}

div.infobox.élément_explorable.donjon dd {
  border-color: #aba696;
}

div.infobox.élément_explorable.donjon .entête {
  background: #aba696;
}

div.infobox.élément_explorable.point_de_maîtrise {
  background-color: #eeffeb;
  border: 1px solid #3aa125;
  box-shadow: 1px 1px 10px #3aa125;
}

div.infobox.élément_explorable.point_de_maîtrise dd {
  border-color: #3aa125;
}

div.infobox.élément_explorable.point_de_maîtrise .entête {
  background: #3aa125;
}

div.infobox.élément_explorable.aventure {
  background-color: #fffdf7;
  border: 1px solid #deb845;
  box-shadow: 1px 1px 10px #deb845;
}

div.infobox.élément_explorable.aventure dd {
  border-color: #deb845;
}

div.infobox.élément_explorable.aventure .entête {
  background: #deb845;
}

div.infobox.élément_explorable.panorama {
  background-color: #fff3f0;
  border: 1px solid #d15e3c;
  box-shadow: 1px 1px 10px #d15e3c;
}

div.infobox.élément_explorable.panorama dd {
  border-color: #d15e3c;
}

div.infobox.élément_explorable.panorama .entête {
  background: #d15e3c;
}

div.infobox.élément_explorable.point_de_passage {
  background-color: #fff9f0;
  border: 1px solid #c0a880;
  box-shadow: 1px 1px 10px #c0a880;
}

div.infobox.élément_explorable.point_de_passage dd {
  border-color: #c0a880;
}

div.infobox.élément_explorable.point_de_passage .entête {
  background: #c0a880;
}

div.infobox.élément_explorable.site_remarquable {
  background-color: #fae5d2;
  border: 1px solid #e09d5e;
  box-shadow: 1px 1px 10px #e09d5e;
}

div.infobox.élément_explorable.site_remarquable dd {
  border-color: #e09d5e;
}

div.infobox.élément_explorable.site_remarquable .entête {
  background: #e09d5e;
}

div.infobox.élément_explorable.défi_de_héros {
  background-color: #fffbe8;
  border: 1px solid #ded4a4;
  box-shadow: 1px 1px 10px #ded4a4;
}

div.infobox.élément_explorable.défi_de_héros dd {
  border-color: #ded4a4;
}

div.infobox.élément_explorable.défi_de_héros .entête {
  background: #ded4a4;
}

div.infobox.élément_explorable.défi_de_héros_-_cœur_de_maguuma {
  background-color: #e8fce1;
  border: 1px solid #8dcc78;
  box-shadow: 1px 1px 10px #8dcc78;
}

div.infobox.élément_explorable.défi_de_héros_-_cœur_de_maguuma dd {
  border-color: #8dcc78;
}

div.infobox.élément_explorable.défi_de_héros_-_cœur_de_maguuma .entête {
  background: #8dcc78;
}

div.infobox.élément_explorable.tâche {
  background-color: #fff4d4;
  border: 1px solid #f7c634;
  box-shadow: 1px 1px 10px #f2ba11;
}

div.infobox.élément_explorable.tâche dd {
  border-color: #f7c634;
}

div.infobox.élément_explorable.tâche .entête {
  background: #f7c634;
}

div.récompense_tâche {
  background-color: #fff4d4;
  border: 1px solid #f7c634;
  box-shadow: 1px 1px 5px #f2ba11;
}

/* Infobox monture */
div.infobox.monture .image_wrapper_monture {
  text-align: center;

  margin-top: 35px;
}

div.minicarte {
  clear: right;
  padding-bottom: 0;
}

div.masquer-entête {
  padding-top: 5px;
}

p.masquer-entête {
  display: none;
}

/*Jauges*/

.jauge_conteneur {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 16px;
  background: lightgray;
  border: solid 1px gray;
}

.jauge_barre {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  background: #a0a0ff;
  border: 0;
  vertical-align: middle;
}

.jauge_texte {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100px;
  height: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  margin-top: -0.5em;
  text-align: center;
  font-size: 14px;
  line-height: 1em;
}

.miroir {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* Modèle mise à jour */

.mise_à_jour {
  margin: auto;
  width: 70%;
  border-width: 15px;
  border-image: url(https://wiki-fr.guildwars2.com/images/d/d4/Utilisateur-IruleManik-border.png)
    15% 15% 15% 15% stretch;
  border-style: solid;
}

table.bleualt th {
  background-color: #a1c2cf !important;
}

table.bleualt tr:nth-child(even) {
  background-color: #effbf5 !important;
}

table.bleualt tr:nth-child(odd) {
  background-color: #deeae4 !important;
}

/**TABLE CLASSES**/

.table {
  border: 0 solid;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.9230769231em;
  text-align: left;
  clear: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0;
  padding: 0;
}

/*this is a hack to add borders to IE8-*/

.table > thead,
.table > tbody {
  border: 0 solid #aaa\0/;
}

.table tr {
  border: 1px solid #aaa\0/;
  text-align: left;
  border-color: #aaa;
}

/*and this removes them for IE9+*/

:root .table tr {
  border-top-width: 0;
  border-bottom-width: 0;
}

.table > * > tr > :first-child {
  border-left: 1px solid #aaa;
}

.table > * > tr > :last-child {
  border-right: 1px solid #aaa;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > * {
  border-bottom: 1px solid #aaa;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > * {
  background-image: url(https://wiki.guildwars2.com/images/c/cc/Infobox_header_overlay.png) !important;
  background-color: #eee;
  border-color: #aaa;
  padding: 0.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
  line-height: 1.667em;
  padding: 0.25em 0.5em;
}

table > tbody > tr[id^="collapsible-section_"]:first-child {
    position: relative;
}

.table[class*="left"] tr {
  text-align: left;
}

.table[class*="right"] tr {
  text-align: right;
}

.table tr > th,
.table[class*="center"] > tbody > tr {
  text-align: center;
}

.table[class*="middle"] tr {
  vertical-align: middle;
}

.table[class*="top"] tr {
  vertical-align: top;
}

.table[class*="bottom"] tr {
  vertical-align: bottom;
}

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color: #eee;
  border: 1px solid #aaa !important;
}

.table > tbody > tr > th {
  background-color: #e7e7e7;
  border-color: #aaa;
}

.table > tbody > tr:nth-child(odd) {
  background-color: #f3f3f3;
  border-color: #aaa;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] {
  border: 1px solid #aaa;
}

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] {
  border-top-width: 0;
}

.table .line,
.table .line-bottom {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}

.table .line-top {
  border-top-width: 1px !important;
  border-top-style: solid;
}

.table .line-left {
  border-left-width: 1px !important;
  border-left-style: solid;
}

.table .line-right {
  border-right-width: 1px !important;
  border-right-style: solid;
}

.table table {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.table.any > :first-child > tr:first-child,
.table.any > tbody > tr.heading,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading > * {
  background-color: #888 !important;
  border-color: #6d6d6d !important;
}

.table.any > tbody > tr > th,
table.table > tbody > tr.any > th {
  background-color: #ccc;
  border-color: #aaa;
}

.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
  background-color: #eee;
}

.table.gardien > :first-child > tr:first-child,
.table.gardien > tbody > tr.heading,
.table.gardien > :first-child > tr:first-child > *,
.table.gardien > tbody > tr.heading > * {
  background-color: #72c1d9 !important;
  border-color: #5b9aae !important;
}

.table.gardien > tbody > tr > th,
table.table > tbody > tr.gardien > th {
  background-color: #b9e0ec;
  border-color: #94b3bd;
}

.table.gardien > tbody > tr:nth-child(odd),
.table > tbody > tr.gardien:nth-child(odd) {
  background-color: #eaf6f9;
}

.table.guerrier > :first-child > tr:first-child,
.table.guerrier > tbody > tr.heading,
.table.guerrier > :first-child > tr:first-child > *,
.table.guerrier > tbody > tr.heading > * {
  background-color: #ffc94d !important;
  border-color: #cca752 !important;
}

.table.guerrier > tbody > tr > th,
table.table > tbody > tr.guerrier > th {
  background-color: #ffe8b3;
  border-color: #ccba8f;
}

.table.guerrier > tbody > tr:nth-child(odd),
.table > tbody > tr.guerrier:nth-child(odd),
.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
  background-color: #fff8e8;
}

.table.revenant > :first-child > tr:first-child,
.table.revenant > tbody > tr.heading,
.table.revenant > :first-child > tr:first-child > *,
.table.revenant > tbody > tr.heading > * {
  background-color: #a24444 !important;
  border-color: #a24444 !important;
}

.table.revenant > tbody > tr > th,
table.table > tbody > tr.revenant > th {
  background-color: #c79595;
  border-color: #8c5a5a;
}

.table.revenant > tbody > tr:nth-child(odd),
.table > tbody > tr.revenant:nth-child(odd) {
  background-color: #fff1f1;
}

.table.ingénieur > :first-child > tr:first-child,
.table.ingénieur > tbody > tr.heading,
.table.ingénieur > :first-child > tr:first-child > *,
.table.ingénieur > tbody > tr.heading > * {
  background-color: #d69a6f !important;
  border-color: #bf9375 !important;
}

.table.ingénieur > tbody > tr > th,
table.table > tbody > tr.ingénieur > th {
  background-color: #ebc0a2;
  border-color: #ba966a;
}

.table.ingénieur > tbody > tr:nth-child(odd),
.table > tbody > tr.ingénieur:nth-child(odd) {
  background-color: #f8ebda;
}

.table.rôdeur > :first-child > tr:first-child,
.table.rôdeur > tbody > tr.heading,
.table.rôdeur > :first-child > tr:first-child > *,
.table.rôdeur > tbody > tr.heading > * {
  background-color: #aad070 !important;
  border-color: #93a872 !important;
}

.table.rôdeur > tbody > tr > th,
table.table > tbody > tr.rôdeur > th {
  background-color: #d4f0bb;
  border-color: #9fbf82;
}

.table.rôdeur > tbody > tr:nth-child(odd),
.table > tbody > tr.rôdeur:nth-child(odd) {
  background-color: #eefae3;
}

.table.voleur > :first-child > tr:first-child,
.table.voleur > tbody > tr.heading,
.table.voleur > :first-child > tr:first-child > *,
.table.voleur > tbody > tr.heading > * {
  background-color: #c08f95 !important;
  border-color: #9a7277 !important;
}

.table.voleur > tbody > tr > th,
table.table > tbody > tr.voleur > th {
  background-color: #dec6c9;
  border-color: #b29ea1;
}

.table.voleur > tbody > tr:nth-child(odd),
.table > tbody > tr.voleur:nth-child(odd) {
  background-color: #f5eeef;
}

.table.élémentaliste > :first-child > tr:first-child,
.table.élémentaliste > tbody > tr.heading,
.table.élémentaliste > :first-child > tr:first-child > *,
.table.élémentaliste > tbody > tr.heading > * {
  background-color: #f68a87 !important;
  border-color: #c56e6c !important;
}

.table.élémentaliste > tbody > tr > th,
table.table > tbody > tr.élémentaliste > th {
  background-color: #fbc5c3;
  border-color: #c99e9c;
}

.table.élémentaliste > tbody > tr:nth-child(odd),
.table > tbody > tr.élémentaliste:nth-child(odd) {
  background-color: #feeeed;
}

.table.envoûteur > :first-child > tr:first-child,
.table.envoûteur > tbody > tr.heading,
.table.envoûteur > :first-child > tr:first-child > *,
.table.envoûteur > tbody > tr.heading > * {
  background-color: #d873e6 !important;
  border-color: #9261aa !important;
}

.table.envoûteur > tbody > tr > th,
table.table > tbody > tr.envoûteur > th {
  background-color: #dbbcea;
  border-color: #af96bb;
}

.table.envoûteur > tbody > tr:nth-child(odd),
.table > tbody > tr.envoûteur:nth-child(odd) {
  background-color: #f4ebf9;
}

.table.nécromant > :first-child > tr:first-child,
.table.nécromant > tbody > tr.heading,
.table.nécromant > :first-child > tr:first-child > *,
.table.nécromant > tbody > tr.heading > * {
  background-color: #58ad75 !important;
  border-color: #428659 !important;
}

.table.nécromant > tbody > tr > th,
table.table > tbody > tr.nécromant > th {
  background-color: #a9d3b7;
  border-color: #87a992;
}

.table.nécromant > tbody > tr:nth-child(odd),
.table > tbody > tr.nécromant:nth-child(odd) {
  background-color: #e5f2ea;
}

.table.asura > :first-child > tr:first-child,
.table.asura > tbody > tr.heading,
.table.asura > :first-child > tr:first-child > *,
.table.asura > tbody > tr.heading > * {
  background-color: #a27bf1 !important;
  border-color: #8262c1 !important;
}

.table.asura > tbody > tr > th,
table.table > tbody > tr.asura > th {
  background-color: #d1bdf8;
  border-color: #a797c6;
}

.table.asura > tbody > tr:nth-child(odd),
.table > tbody > tr.asura:nth-child(odd) {
  background-color: #f1ebfd;
}

.table.charr > :first-child > tr:first-child,
.table.charr > tbody > tr.heading,
.table.charr > :first-child > tr:first-child > *,
.table.charr > tbody > tr.heading > * {
  background-color: #fe7887 !important;
  border-color: #cb606c !important;
}

.table.charr > tbody > tr > th,
table.table > tbody > tr.charr > th {
  background-color: #ffbcc3;
  border-color: #cc969c;
}

.table.charr > tbody > tr:nth-child(odd),
.table > tbody > tr.charr:nth-child(odd) {
  background-color: #ffebed;
}

.table.humain > :first-child > tr:first-child,
.table.humain > tbody > tr.heading,
.table.humain > :first-child > tr:first-child > *,
.table.humain > tbody > tr.heading > * {
  background-color: #ffe566 !important;
  border-color: #ccb752 !important;
}

.table.humain > tbody > tr > th,
table.table > tbody > tr.humain > th {
  background-color: #fff2b3;
  border-color: #ccc28f;
}

.table.humain > tbody > tr:nth-child(odd),
.table > tbody > tr.humain:nth-child(odd) {
  background-color: #fffbe8;
}

.table.norn > :first-child > tr:first-child,
.table.norn > tbody > tr.heading,
.table.norn > :first-child > tr:first-child > *,
.table.norn > tbody > tr.heading > * {
  background-color: #75baff !important;
  border-color: #5e95cc !important;
}

.table.norn > tbody > tr > th,
table.table > tbody > tr.norn > th {
  background-color: #baddff;
  border-color: #95b1cc;
}

.table.norn > tbody > tr:nth-child(odd),
.table > tbody > tr.norn:nth-child(odd) {
  background-color: #eaf5ff;
}

.table.sylvari > :first-child > tr:first-child,
.table.sylvari > tbody > tr.heading,
.table.sylvari > :first-child > tr:first-child > *,
.table.sylvari > tbody > tr.heading > * {
  background-color: #61e665 !important;
  border-color: #4eb851 !important;
}

.table.sylvari > tbody > tr > th,
table.table > tbody > tr.sylvari > th {
  background-color: #b0f3b2;
  border-color: #8dc28e;
}

.table.sylvari > tbody > tr:nth-child(odd),
.table > tbody > tr.sylvari:nth-child(odd) {
  background-color: #e7fbe8;
}

.table.pnj > :first-child > tr:first-child,
.table.pnj > tbody > tr.heading,
.table.pnj > :first-child > tr:first-child > *,
.table.pnj > tbody > tr.heading > * {
  background-color: #6c3 !important;
  border-color: #52a329 !important;
}

.table.pnj > tbody > tr > th,
table.table > tbody > tr.pnj > th {
  background-color: #b3e699;
  border-color: #8fb87a;
}

.table.pnj > tbody > tr:nth-child(odd),
.table > tbody > tr.pnj:nth-child(odd) {
  background-color: #e8f8e1;
}

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
  background-color: #fc6 !important;
  border-color: #cca352 !important;
}

.table.pve > tbody > tr > th,
table.table > tbody > tr.pve > th {
  background-color: #ffe6b3;
  border-color: #ccb88f;
}

.table.equipement > :first-child > tr:first-child,
.table.equipement > tbody > tr.heading,
.table.equipement > :first-child > tr:first-child > *,
.table.equipement > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
  background-color: #f96 !important;
  border-color: #cc7a52 !important;
}

.table.equipement > tbody > tr > th,
table.table > tbody > tr.equipement > th,
.table.item > tbody > tr > th,
table.table > tbody > tr.item > th {
  background-color: #ffccb3;
  border-color: #cca38f;
}

.table.equipement > tbody > tr:nth-child(odd),
.table > tbody > tr.equipement:nth-child(odd),
.table.item > tbody > tr:nth-child(odd),
.table > tbody > tr.item:nth-child(odd) {
  background-color: #fff0e8;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
  background-color: #69c !important;
  border-color: #527aa3 !important;
}

.table.boutique > :first-child > tr:first-child,
.table.boutique > tbody > tr.heading,
.table.boutique > :first-child > tr:first-child > *,
.table.boutique > tbody > tr.heading > * {
  background-color: #84b0e8 !important;
  border-color: #5890d6 !important;
}

.table.boutique > tbody > tr > th,
table.table > tbody > tr.hom > th {
  background-color: #a0c4f2;
  border-color: #84b0e8;
}

.table.boutique > tbody > tr:nth-child(odd),
.table > tbody > tr.hom:nth-child(odd) {
  background-color: #dae6f5;
}

.table.mech1 > tbody > tr > th,
table.table > tbody > tr.mech1 > th {
  background-color: #b3cce6;
  border-color: #8fa3b8;
}

.table.mech1 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech1:nth-child(odd) {
  background-color: #e8f0f8;
}

.table.mech2 > :first-child > tr:first-child,
.table.mech2 > tbody > tr.heading,
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading > * {
  background-color: #3cc !important;
  border-color: #29a3a3 !important;
}

.table.mech2 > tbody > tr > th,
table.table > tbody > tr.mech2 > th {
  background-color: #99e6e6;
  border-color: #7ab8b8;
}

.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
  background-color: #e1f8f8;
}

.table.succès > :first-child > tr:first-child,
.table.succès > tbody > tr.heading,
.table.succès > :first-child > tr:first-child > *,
.table.succès > tbody > tr.heading > * {
  background-color: #de9d29 !important;
  border-color: #de9d29 !important;
}

.table.succès > tbody > tr > th,
table.table > tbody > tr.succès > th {
  background-color: #e8bb6b;
  border-color: #e1a73f;
}

.table.succès > tbody > tr:nth-child(odd),
.table > tbody > tr.succès:nth-child(odd) {
  background-color: #f6e5c7;
}

.table.maj > :first-child > tr:first-child,
.table.maj > tbody > tr.heading,
.table.maj > :first-child > tr:first-child > *,
.table.maj > tbody > tr.heading > * {
  background-color: #c11d13 !important;
  border-color: #ac190f !important;
}

.table.maj > tbody > tr > th,
table.table > tbody > tr.maj > th {
  background-color: #ee564b;
  border-color: #db2013;
}

.table.maj > tbody > tr:nth-child(odd),
.table > tbody > tr.maj:nth-child(odd) {
  background-color: #fff;
}

.table.élevé > :first-child > tr:first-child,
.table.élevé > tbody > tr.heading,
.table.élevé > :first-child > tr:first-child > *,
.table.élevé > tbody > tr.heading > * {
  background-color: #ed66a3 !important;
  border-color: #fa84b2 !important;
}

.table.élevé > tbody > tr > th,
table.table > tbody > tr.élevé > th {
  background-color: #f887b3;
  border-color: #f8a4c5;
}

.table.élevé > tbody > tr:nth-child(odd),
.table > tbody > tr.élevé :nth-child(odd) {
  background-color: #fccfe1;
}

.table.univers > :first-child > tr:first-child,
.table.univers > tbody > tr.heading,
.table.univers > :first-child > tr:first-child > *,
.table.univers > tbody > tr.heading > * {
  background-color: #c6c !important;
  border-color: #a352a3 !important;
}

.table.univers > tbody > tr > th,
table.table > tbody > tr.univers > th {
  background-color: #e6b3e6;
  border-color: #b88fb8;
}

.table.univers > tbody > tr:nth-child(odd),
.table > tbody > tr.univers:nth-child(odd) {
  background-color: #f8e8f8;
}

.table.lieu > :first-child > tr:first-child,
.table.lieu > tbody > tr.heading,
.table.lieu > :first-child > tr:first-child > *,
.table.lieu > tbody > tr.heading > * {
  background-color: #96c !important;
  border-color: #7a52a3 !important;
}

.table.lieu > tbody > tr > th,
table.table > tbody > tr.lieu > th {
  background-color: #ccb3e6;
  border-color: #a38fb8;
}

.table.lieu > tbody > tr:nth-child(odd),
.table > tbody > tr.lieu:nth-child(odd) {
  background-color: #f0e8f8;
}

.table.promo > :first-child > tr:first-child,
.table.promo > tbody > tr.heading,
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading > * {
  background-color: #9c3 !important;
  border-color: #7aa329 !important;
}

.table.promo > tbody > tr > th,
table.table > tbody > tr.promo > th {
  background-color: #cce699;
  border-color: #a3b87a;
}

.table.promo > tbody > tr:nth-child(odd),
.table > tbody > tr.promo:nth-child(odd) {
  background-color: #f0f8e1;
}

.table.hom > :first-child > tr:first-child,
.table.hom > tbody > tr.heading,
.table.hom > :first-child > tr:first-child > *,
.table.hom > tbody > tr.heading > * {
  background-color: #c96 !important;
  border-color: #a37a52 !important;
}

.table.hom > tbody > tr > th,
table.table > tbody > tr.hom > th {
  background-color: #e6ccb3;
  border-color: #b8a38f;
}

.table.hom > tbody > tr:nth-child(odd),
.table > tbody > tr.hom:nth-child(odd) {
  background-color: #f8f0e8;
}

.table.avantage > :first-child > tr:first-child,
.table.avantage > tbody > tr.heading,
.table.avantage > :first-child > tr:first-child > *,
.table.avantage > tbody > tr.heading > * {
  background-color: #73d9d9 !important;
  border-color: #5caeae !important;
}

.table.avantage > tbody > tr > th,
table.table > tbody > tr.avantage > th {
  background-color: #b9ecec;
  border-color: #94bdbd;
}

.table.avantage > tbody > tr:nth-child(odd),
.table > tbody > tr.avantage:nth-child(odd) {
  background-color: #eaf9f9;
}

.table.condition > :first-child > tr:first-child,
.table.condition > tbody > tr.heading,
.table.condition > :first-child > tr:first-child > *,
.table.condition > tbody > tr.heading > * {
  background-color: #51a651 !important;
  border-color: #418541 !important;
}

.table.condition > tbody > tr > th,
table.table > tbody > tr.condition > th {
  background-color: #a8d3a8;
  border-color: #86a986;
}

.table.condition > tbody > tr:nth-child(odd),
.table > tbody > tr.condition:nth-child(odd) {
  background-color: #e5f2e5;
}

.table.artisanat > :first-child > tr:first-child,
.table.artisanat > tbody > tr.heading,
.table.artisanat > :first-child > tr:first-child > *,
.table.artisanat > tbody > tr.heading > *,
.table.recette > :first-child > tr:first-child,
.table.recette > tbody > tr.heading,
.table.recette > :first-child > tr:first-child > *,
.table.recette > tbody > tr.heading > * {
  background-color: #a68151 !important;
  border-color: #856741 !important;
}

.table.artisanat > tbody > tr > th,
table.table > tbody > tr.artisanat > th,
.table.recette > tbody > tr > th,
table.table > tbody > tr.recette > th {
  background-color: #d3c0a8;
  border-color: #a99a86;
}

.table.artisanat > tbody > tr:nth-child(odd),
.table > tbody > tr.artisanat:nth-child(odd),
.table.recette > tbody > tr:nth-child(odd),
.table > tbody > tr.recette:nth-child(odd) {
  background-color: #f2ece5;
}

/* compétences tables */

.table.compétences {
  width: 100%;
  max-width: 1000px;
}

.table.compétences > :first-child > tr:first-child ~ tr th[colspan] {
  text-align: left;
}

.table.compétences
  > :first-child
  > tr:first-child
  ~ tr
  th[colspan]
  span.editsection {
  display: none;
}

.table.compétences > :first-child > tr:first-child ~ tr th[colspan] h4 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* lieux tables */

.table.lieux dd {
  margin-left: 0;
}

/* no left margin when used purely for structure within these tables */

.table.lieux dl > dt ~ dd {
  margin-left: 2em;
}

/* restore margin if it's actually being used as a definition list */

/*tables rareté*/

.table.artisanat-bon > tbody > tr:first-child,
.table.artisanat-bon > tbody > tr.heading,
.table.artisanat-bon > tbody > tr:first-child > *,
.table.artisanat-bon > tbody > tr.heading > * {
  background-color: #59f !important;
  border-color: #856741 !important;
}

.table.artisanat-bon > tbody > tr > th,
table.table > tbody > tr.artisanat-bon > th {
  background-color: #a3cbff;
  border-color: #a99a86;
}

.table.artisanat-bon > tbody > tr:nth-child(odd),
.table > tbody > tr.artisanat-bon:nth-child(odd) {
  background-color: #e5f0ff;
}

.table.artisanat-vert > tbody > tr:first-child,
.table.artisanat-vert > tbody > tr.heading,
.table.artisanat-vert > tbody > tr:first-child > *,
.table.artisanat-vert > tbody > tr.heading > * {
  background-color: #3c1 !important;
  border-color: #856741 !important;
}

.table.artisanat-vert > tbody > tr > th,
table.table > tbody > tr.artisanat-vert > th {
  background-color: #ace69f;
  border-color: #a99a86;
}

.table.artisanat-vert > tbody > tr:nth-child(odd),
.table > tbody > tr.artisanat-vert:nth-child(odd) {
  background-color: #dfeedb;
}

.table.artisanat-rare > tbody > tr:first-child,
.table.artisanat-rare > tbody > tr.heading,
.table.artisanat-rare > tbody > tr:first-child > *,
.table.artisanat-rare > tbody > tr.heading > * {
  background-color: #fd2 !important;
  border-color: #856741 !important;
}

.table.artisanat-rare > tbody > tr > th {
  background-color: #ffe770;
  border-color: #a99a86;
}

.table.artisanat-rare > tbody > tr:nth-child(odd),
.table > tbody > tr.artisanat-rare:nth-child(odd) {
  background-color: #fff8d7;
}

.table.artisanat-exotique > tbody > tr:first-child,
.table.artisanat-exotique > tbody > tr.heading,
.table.artisanat-exotique > tbody > tr:first-child > *,
.table.artisanat-exotique > tbody > tr.heading > * {
  background-color: #fa0 !important;
  border-color: #856741 !important;
}

.table.artisanat-exotique > tbody > tr > th,
table.table > tbody > tr.artisanat-exotique > th {
  background-color: #ffdea1;
  border-color: #a99a86;
}

.table.artisanat-exotique > tbody > tr:nth-child(odd),
.table > tbody > tr.artisanat-exotique:nth-child(odd) {
  background-color: #feffb2;
}

/* Permet d'éviter que les liens se chevauchent dans le header pour les petites résolutions */
nav#p-personal,
nav#p-personal div.pBody {
  z-index: 10;
}

/** * css pour l'affichage des codes en jeu */

.chatlink {
  position: absolute;
  margin-top: -2px;
  margin-left: -2px;
  display: none;
}

/** * css pour la recherche des code en jeu (chatlink) */

.gw2w-chat-link-search {
  background: #f3f3f3;
  border: 1px solid silver;
  margin: 1em 0;
  padding: 0.5em;
}

.gw2w-chat-link-search tt {
  font-size: 10px;
  margin-right: 1em;
}

/* Restore sort icons for sortable table headers * These are inserted as CSS background-image, which clashes with our fancy grandient overlays */

table.jquery-tablesorter th.headerSort {
  background-image: url(data:image/gif;
 base64, R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B //79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
  background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20Z)
    !ie;
  padding: 0.5em;
  padding-right: 21px;
}

table.jquery-tablesorter th.headerSortDown {
  background-image: url(data:image/gif;
 base64, R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B //79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
  background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20Z)
    !ie;
}

table.jquery-tablesorter th.headerSortUp {
  background-image: url(data:image/gif;
 base64, R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B //79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
  background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20Z)
    !ie;
}