audio {
	width: 100%;
}

#article {
	padding: 20px 0;
	font-size: 0.9em;
}

#article p {
	margin: 7px 0;
	line-height: 1.55em;
}

#article h2 {
	margin: 20px 0 20px 0;
}

#article th {
	background: #EDEDED;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px dotted #D1D1D1;
	padding: 5px 3px;
}

#article td {
	padding: 1px 0;
	vertical-align: middle;
}

.liste-liste li {
    list-style-type: none;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    margin: 15px 5px;
}
.liste-liste a {
    text-decoration: none;
    color: #222;
    background: #DAE0EB;
    padding: 7px 15px;
}

#article .table {
	line-height: 20px;
	padding: 0 10px;
}

#article .table td {
	padding: 5px 3px;
}

#pokemon-wiki {
	width: calc(100% - 345px);
		width: -moz-calc(100% - 345px);
			width: -webkit-calc(100% - 345px);
	display: inline-block;
	padding: 0 20px 40px 20px;
	margin: 0 auto;
}

#pokemon-strateges {
	width: 300px;
	display: inline-block;
	vertical-align: top;
	margin-top: 74px;
}
#loading, #loader {
padding: 0 20px 40px 20px;
}

#pokemon-nom {
	font-size: 1.2em;
	padding-bottom: 20px;
}

#pokemon-nom h1 {
	display: inline-block;
	padding: 0 7px 4px 7px;
	border: none;
}

#pokemon-nom .h1 {
	font-size: 15px;
	padding: 12px 0;
	min-width: 39px;
	box-sizing: border-box;
	background: rgb(32, 31, 47);
	color: white;
	font-weight: bold;
	line-height: 15px;
	border-radius: 100%;
	text-align: center;
	vertical-align: top;
	margin: 13px 0 0 0;
}

#pokemon-nom span {
	display: inline-block;
	vertical-align: top;
	color: rgba(87, 87, 99, 1);
	margin-top: 18px;
}

#pokemon-summary {
	margin-bottom: 20px;
	display:table;
	width: 100%;
}

.out-dex {margin-left:-20px;float: left;}

#pokemon-image {
	display: table-cell;
	vertical-align: top;
	float: right;
	width: 50%;
	text-align: center;
}

#pokemon-image img {
	width: 100%;
	max-width: 282px;
	height: auto;
	text-align: center;
	margin-top: -15px;
}

	#out-dex {
			vertical-align: top;
		display: table-cell;
	}

#evolution {
	text-align: center;
}

#presentation {
	text-align: center;
	font-size: 15px;
	width: 100%;
	margin: 0 0 10px;
}

#presentation strong {
	display: block;
	font-size: 12px;
}

#presentation+img {
	vertical-align: top;
	height: 173px;
}

#reproduction {
	max-height: 168px;
	margin-bottom: 15px;
	overflow: auto;
}

#resistances div {
	display: inline-block;
	margin: 1px 6px 1px 0;
}

#resistances div:after {
	width: 25px;
	border-radius: 15px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	line-height: 8px;
	display: inline-block;
	vertical-align: top;
	border: 3px solid white;
	padding: 7px 0;
	z-index: 0;
	margin: 1px 0 0 -10px;
}

.neutral {
	display: none!important;
}

.weak:after {
	content: '/2';
	background: #48A200;
}

.veryweak:after {
	content: '/4';
	background: #2B5E02;
}

.strong:after {
	content: 'x2';
	background: #c30;
}

.verystrong:after {
	content: 'x4';
	background: #940000;
}

.useless:after {
	content: '0';
	background: #333;
	color: #fff!important;
}

.graphe {
	min-width: 10px;
	max-width: 166px;
	background: #C30;
	font-size: 12px;
	color: #FFF;
	border-radius: 15px;
	box-shadow: inset 0 -10px 0 0 rgba(0, 0, 0, .05);
	display: block;
	padding: 0px 10px;
	margin: 2px 0;
}

.graphmini {
	min-width: 10px;
	max-width: 166px;
	background: #C30;
	color: #FFF;
	text-align: left;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #111;
	box-shadow: inset 0 -10px 0 0 rgba(0, 0, 0, .05);
	display: block;
	padding: 3px 6px;
}

#TabsNavigation, .TabsNavigation {
	display: block;
	border-bottom: 1px solid #DDD;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
}

#TabsNavigation li, .TabsNavigation li {
	display: inline-block;
	border-radius: 5px 5px 0 0;
	margin-top: 6px;
}

#TabsNavigation li a, .TabsNavigation li a {
	margin: 0 1px;
	text-decoration: none !important;
	border-radius: 5px 5px 0 0;
	border: 1px solid #DDDDDD;
	padding: 7px 19px;
	background: #EDEDED;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#TabsNavigation li a:hover, .TabsNavigation li a:hover {
	background-color: white;
}

#TabsNavigation .current a, .TabsNavigation .current a {
	background-color: white;
}


#pokedex-list {max-width: 530px;margin:0 auto;}




.pokedex img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin: 0 7px;
}

.type {
	width: 70px;
	display: inline-block;
	font-size: 9px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
	line-height: 8px;
	margin: 0;
	vertical-align: middle;
	padding: 7px 0px;
	border-radius: 15px;
}

.Normal {
	background-color: #A8A878;
}

.Feu {
	background-color: #F08030;
}

.Eau {
	background-color: #6890F0;
}

.Electrik {
	background-color: #F8D030;
}

.Plante {
	background-color: #78C850;
}

.Glace {
	background-color: #98D8D8;
}

.Combat {
	background-color: #C03028;
}

.Poison {
	background-color: #A040A0;
}

.Sol {
	background-color: #E0C068;
}

.Vol {
	background-color: #A890F0;
}

.Psy {
	background-color: #F85888;
}

.Insecte {
	background-color: #A8B820;
}

.Roche {
	background-color: #B8A038;
}

.Spectre {
	background-color: #705898;
}

.Dragon {
	background-color: #7038F8;
}

.Acier {
	background-color: #B8B8D0;
}

.Tenebres {
	background-color: #705848;
}

.Fee {
	background-color: #EE99AC;
}

.evolution-trigger {
	display: block;
	overflow: hidden;
	font-size: 11px;
	line-height: 1.25em;
}

.class {
	width: 33px!important;
}

.Phys {
	background: #B1221C;
}

.Spec {
	background: #50468C;
}

.Autre {
	background: #CCC;
}

#Stages {
	display: inline-block;
	width: 100%;
}

#Stages img {
	vertical-align: middle;
}

.Stage1 {
	vertical-align: top;
	display: inline-block;
	width: 15%;
	min-width: 120px;
	padding: 0% 2% 0% 2%;
}

.Stage2 {
	vertical-align: top;
	display: inline-block;
	width: 33%;
	min-width: 120px;
	padding: 0% 2% 0% 2%;
}

.Stage3 {
	vertical-align: top;
	display: inline-block;
	min-width: 120px;
	width: 33%;
	padding: 0% 2% 0% 2%;
}

#dressage {
	line-height: 20px;
	padding: 0 10px;
}
#dressage table, #pokemon-strateges table {
	width:100%;
}
#dressage td {
	padding: 5px 3px;
}

.TabsContent {
	display: none;
}

.currentTab {
	display: block;
}

.tableimages {
	background: #fff;
	text-align: center;
	margin: 0 0 15px;
	width: 100%;
}

.tableimages th {
	text-align: center;
}

#mobile-strat {display:none;}

@media screen and (max-width: 1260px) {
.out-dex {width:100%;float:none;}

#pokemon-image {
	display:block;width:100%;float:none;
}

#pokemon-nom .h1 {margin-top:5px;font-size: 12px;}
#pokemon-nom span {margin-top: 11px;}
}

@media screen and (max-width: 1020px) {
	#out-dex {
		display:table-cell;
	}
#pokemon-nom .h1 {margin-top:13px}
#pokemon-nom span {margin-top: 15px;}
}

@media screen and (max-width: 900px) {
	#out-dex {
		display:none;
	}
}

@media screen and (max-width: 800px) {
	#mobile-strat {
    display:block;
    color: white !important;
    background: rgb(211, 78, 65);
    line-height: 1;
    z-index: 13;
    text-transform: uppercase;
    font-size: 12px;
    position: fixed;
    top: 0;
    right: 0;
    padding: 17px 17px 16px 17px;
    }	
	#summary {
		margin: 0 auto;
	}
	#presentation audio {
		width: 250px;
	}
	#evolution {
		font-size: 12px;
	}
	#pokedex-search {
		display: none;
	}
	#pokemon-wiki {
		width: auto;
		display: block;
		float: none;
		padding: 0 10px 30px 10px;
	}
	#pokemon-strateges {
		width: auto;
		display: block;
		margin-top: 0;
		padding: 0 10px;
	}
	#dressage {margin:0 -35px;}
	#dressage table {    max-width: 100%;}
	#dressage td {
		padding: 5px 2px;
		font-size: 11px;
	}
		#dressage th {
		padding:5px 0px
	}
	#dressage td:last-child,
	#dressage th:last-child {
		display: none;
	}
}

@media screen and (max-width: 530px) {
.en {
    display: none;
}
}