MediaWiki:Mobile.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.
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile
* Si certaines de vos modifications s'appliquent aussi à la version bureau, pensez à modifier MediaWiki:Common.css et MediaWiki:Vector.css
*/

/* 
* THEME SOTO - Secrets of the Obscure
* Proposé pour le wiki FR par IruleManik
* Versions bureau mobile et mobile
*/


/** Header **/
.header .branding-box h1 span, .header .branding-box a span {
	color: transparent;
}

.minerva-header .branding-box a {
    font-size: 0em;
}

.header-container.header-chrome {
	background: url('https://d3b4yo2b5lbfy.cloudfront.net/soto-microsite/main/_app/immutable/assets/nav-gold-texture.ac760c10.jpg') center/cover;
}


/*** Footer et licences***/
.mw-footer > .post-content .minerva-footer-logo {
    font-size: 0;
	background: url('https://wiki-fr.guildwars2.com/images/f/f1/Logo-Minerva-ui-footer-SOTO.png') center/25% no-repeat, url('https://wiki-fr.guildwars2.com/images/6/69/Logo-ArenaNet-SOTO.png') right/15% no-repeat;
	height: 123px;
}

 .last-modified-bar, .last-modified-bar.active .last-modified-text-accent, .last-modified-bar.active a, .last-modified-bar a, .last-modified-bar a:visited, .last-modified-bar .last-modified-text-accent {
    color: #fff;
}

.last-modified-bar {
    background-color: #19ab73;
}

.mw-ui-icon-wikimedia-history-base20:before, .mw-ui-icon-minerva-history:before, .mw-ui-background-icon-history {
    background-image: linear-gradient(transparent,transparent),url(/load.php?modules=skins.minerva.icons.wikimedia&image=history&variant=invert&format=original&skin=minerva&version=kguco);
}

.overlay-header, .minerva-header {
    background: url(https://wiki-fr.guildwars2.com/images/b/ba/Logo-GW2Wiki-Minerva-ui-soto.png) left/25% no-repeat;
    background-position: 1.5em;
}

.minerva-footer {
	background-color: black;
	}

.mw-footer > .post-content {
	color:#fff;
}

@media (max-width: 640px) {
	.header-container.header-chrome {
		background: url('https://d3b4yo2b5lbfy.cloudfront.net/soto-microsite/main/_app/immutable/assets/nav-gold-texture.ac760c10.jpg') left/cover no-repeat;
	}

.overlay-header, .minerva-header {
    background: url(https://wiki-fr.guildwars2.com/images/b/ba/Logo-GW2Wiki-Minerva-ui-soto.png) left/60% no-repeat;
    background-position: 1.5em;
}

	footer>.post-content>h2 {
		color: transparent;
		background: url('https://wiki-fr.guildwars2.com/images/f/f1/Logo-Minerva-ui-footer-SOTO.png') left/60% no-repeat, url('https://wiki-fr.guildwars2.com/images/6/69/Logo-ArenaNet-SOTO.png') right/30% no-repeat;
		height: 7em;
	}

.mw-footer > .post-content .minerva-footer-logo {
	background: url('https://wiki-fr.guildwars2.com/images/f/f1/Logo-Minerva-ui-footer-SOTO.png') left/60% no-repeat, url('https://wiki-fr.guildwars2.com/images/6/69/Logo-ArenaNet-SOTO.png') right/35% no-repeat;
	height: 123px;
}

	div.infobox {
		float: none;
		margin: auto;
		margin-top: 10px;
	} 
}

@media screen and (min-width: 640px) {
   .minerva-header #searchInput, .overlay.search-overlay .header input {
        margin-left: 30%;
    }
}

/** Icônes blanches Minerva ui **/
.mw-ui-icon-minerva-an:before {
	background-image: url('https://wiki-fr.guildwars2.com/images/c/cb/Icon-minerva-admin-noticeboard.svg');
}

.mw-ui-icon-minerva-rb:before {
	background-image: url('https://wiki-fr.guildwars2.com/images/1/10/Icon-minerva-report-bug.svg');
}

.mw-ui-icon-minerva-userAvatarOutline:before {
    background-image: url(https://wiki-fr.guildwars2.com/images/d/d2/Minerva-ui-soto-AvatarOutline.png);
    background-image: linear-gradient(transparent,transparent),url(https://wiki-fr.guildwars2.com/images/d/d2/Minerva-ui-soto-AvatarOutline.png);
}

.mw-ui-icon-wikimedia-menu-base20:before, .mw-ui-background-icon-menu {
	background-image: linear-gradient(transparent, transparent), url('https://wiki-fr.guildwars2.com/images/6/63/Minerva-ui-soto-mainmenu.png');
}

.mw-ui-icon-wikimedia-bellOutline-base20:before {
	background-image: linear-gradient(transparent, transparent), url('https://wiki-fr.guildwars2.com/images/2/2b/Minerva-ui-soto-bell.png');
}

.mw-ui-icon-wikimedia-search-base20:before,
.mw-ui-background-icon-search {
	background-image: linear-gradient(transparent, transparent), url('https://wiki-fr.guildwars2.com/images/7/7d/Minerva-ui-soto-inputsearch.png');
}

.mw-ui-icon-mf-close-base20:before {
	background-image: url('https://wiki-fr.guildwars2.com/images/3/39/Minerva-ui-soto-cross.png');
}

/** MainMenu mobile panneau latéral **/

.mw-ui-icon-minerva-rc:before {
	background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%234A4F53%22%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath fill-rule=%22nonzero%22 d=%22M6 15h2v2H6z%22/%3E%3Cpath fill-rule=%22nonzero%22 d=%22M6 9h6v2H6z%22/%3E%3Cpath fill-rule=%22nonzero%22 d=%22M6 3h11v2H6z%22/%3E%3Ccircle cx=%222%22 cy=%224%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Ccircle cx=%222%22 cy=%2210%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Ccircle cx=%222%22 cy=%2216%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Cpath d=%22M18.76 11.89l1.078-1.112a.556.556 0 0 0 0-.783l-1.855-1.833a.556.556 0 0 0-.783 0l-1.09 1.077 2.65 2.65z%22/%3E%3Cpath d=%22M15.533 9.828L10 15.361V18h2.639l5.533-5.533z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.mw-ui-icon-minerva-aq:before {
	background-image: url('https://wiki-fr.guildwars2.com/images/f/f4/Icon-minerva-help.svg');
} 

/*
*
* Généralités 
*
*/

/** Texte italique ombre */

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


/** Correction lien en gras vers une propre page **/

a:not([href]) {
	color: black;
	font-weight: bold;
}

/** 
** Styles d'infobox
**/

div.infobox {
	float: right;
	clear: right;
	position: relative;
	max-width: 325px !important;
	font-size: .9em;
	background-color: #F7F7F7;
	margin: 5px;
	padding-bottom: 5px;
	margin-top: 8px;
	margin-bottom: 22px;
	word-break: break-word;
}

div.infobox .icône {
    margin-left: 83%;
    height: 54px;
	width: 40px;
    z-index: 1;
}

div.infobox .icônelarge {
    margin-left: 83%;
    height: 54px;
    right: 0;
    z-index: 1;
    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;
}

.wrapper {
	clear: both;
	padding: 0px 0px 5px 0px;
	display: inline-block;
}

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

div.infobox .statistiques {
	text-align: center;
	margin: -7px 0 9px 47px;
}

div.infobox dl {
	margin: 0;
	padding: 0;
}

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;
	width: 46%;
	border-left: 2px solid silver;
}

div.infobox .image_wrapper {
	margin:auto auto 20px auto;
	text-align: center;
}

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;
    z-index: 0;
    padding: 0px 78px 0px 8px;
    background-color: silver;
    background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png)!important;
    margin-top: -2.5em;
}

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;
    z-index: 0;
	background-color: silver;
	background-image: url(https://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png)!important;
}

.icône + p.entête {
    margin-top: -2.5em;
    padding: 0px 0px 0px 15px;
}

/**
* Custom infobox styles
**/


/*** 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 apparence ***/

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

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;
}

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


/* Infobox événement dynamique */

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;
	padding: 0 22px
}

/* INFOBOX ELEMENT EXPLORABLE */

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

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;
  padding: 0px 0px 0px 33px;
}

/*** 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;
}


/**** 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 objet 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 {
	width: 128px;
	height: 128px;
	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 {
	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 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 succès ***/

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;
}

/*** Infobox histoire personnelle ***/

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 PNJ ***/

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;
}

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

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


/*** Styles par profession ***/


/**** É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;
}


/**** 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;
}


/**** 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;
}


/**** 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;
}


/**** 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;
}


/**** 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;
}


/**** 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;
}


/**** 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;
}


/**** 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;
}


/** Modèle Recette **/

div.recette {
	border: 1px solid #805D30;
	width: 300px;
	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;
}

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

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


/** Affichage Garde-robe **/

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;
}


/* 
**** Page d'accueil - Main page
*/


/**
* PAGE d'ACCUEIL
**/

div.mainpage {
	margin-right: auto;
	margin-left: auto;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	/* Standard syntax */
	position: relative;
	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: #e0fff4;
	background-image: linear-gradient(top, #12221e, #16322c)!important;
	background-image: -o-linear-gradient(top, #12221e, #16322c)!important;
	background-image: -moz-linear-gradient(top, #12221e, #16322c)!important;
	background-image: -webkit-linear-gradient(top,#12221e,#16322c)!important;
	background-image: -ms-linear-gradient(top, #12221e, #16322c)!important;
	text-align: center;
	padding: 0.15em;
}

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

.mainpage a {
	color: #4a9987;
}

.mainpage a:hover {
	color: #417871;
}

.mainpage a:visited {
	color: #2d7263;
}

.mainpage a:visited:hover {
	color: #27a589;
}

@media (max-width: 640px) {
	div.mainpage .left {
		width: 100%;
	}
	div.mainpage .right {
		width: 100%;
	}
	div.mainpage {
		width: auto;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		text-align: center;
	}
	div.mainpage .maincolumn {
		-webkit-flex: none;
		/* Safari */
		-ms-flex: none;
		/* IE 10 */
		flex: none;
		/* Standard syntax */
		;
	}
}

/**TABLE CLASSES**/
/** Tables **/

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

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

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

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

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 {
  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;
}