body {
	background-image: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color:#2c2d2f;
	color: #fefefe;
	font-size: 115%;
}
a {
	text-decoration: none;
	color: #fefefe;
}

nav
{

margin: 0px;
padding: 0px;
}

img
{
	filter: grayscale(20%) brightness(100%);
}

a:hover {
	color: cyan;
}

.lienmenu {
	padding: 20px;
}

h1 {
	font-size: 275%;
}

h2{
	text-align: center;
}

h3 {
	text-align: center;
}

p {text-align: center;

}

form-group {
	width: 100%;

}

label{
	align-items: center;
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}

input,
button,
select,
textarea{
	margin: 5px;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	align-items: center;
}

button{
	border: none;
}

.jeux {
	text-align: center;
}

.menug
{
	text-align: center;
	width: 200px;
	background-color: #2c2d2f;
}

.menud
{
	text-align: center;
	width: 200px;
	background-color: #2c2d2f;
	border: 0px;
	margin: 10px;
	padding: 0px;
}

tr
{

margin: 0px;
padding: 0px;
}

td
{
vertical-align: top;

margin: 0px;
padding: 0px;
}

table
{
	border-spacing : 0;
	border-collapse : collapse;
}

.titremenu
{
	background-image: url("img/titre_menu1.jpg");
	
	background-repeat: no-repeat;
	height: 40px;
	vertical-align: middle;
	padding-top:10px;
	margin-top: 0px;
	margin-bottom: 2px;
	width:100%;
}

.footer
{
	 background-color: black;
	 color: #efefef;
	 margin: 0px;
	 padding: 0px;
	 border: 0px;
}

.titreprincipal
{
	background-image: url("banniere3.jpg");
	background-repeat: round;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.carre
{
	border: 3mm ridge rgb(150, 173, 181);
	width: 25%;
}

.titremenuac
{
	background-image: url("img/titremenuac2.jpg");
	background-repeat: no-repeat;
	height: 40px;
	vertical-align: middle;
	padding-top:10px;
	margin-top: 0px;
	margin-bottom: 2px;
	width:100%;
}

.titremenupoke
{
	background-image: url("img/titremenupoke2.jpg");
	background-repeat: no-repeat;
	height: 40px;
	vertical-align: middle;
	padding-top:10px;
	margin-top: 0px;
	margin-bottom: 2px;
	width:100%;
}

.titremenunaruto
{
	background-image: url("img/titremenunaruto.jpg");
	background-repeat: no-repeat;
	height: 40px;
	vertical-align: middle;
	padding-top:10px;
	margin-top: 0px;
	margin-bottom: 2px;
	width:100%;
}



.titreprincipalac
{
	background-image: url("img/banniere4.png");
	background-repeat: round;
	background-color:#1c1d1f;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.titreprincipalnaruto
{
	background-image: url("img/banniere4.png");
	background-repeat: round;
	background-color:#1c1d1f;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.titreprincipalakatsuki
{
	background-image: url("img/banniere4.png");
	background-repeat: round;
	background-color:#1c1d1f;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.titreprincipalpokemon
{
	background-image: url("img/banniere4.png");
	background-repeat: round;
	background-color:#1c1d1f;

	margin: 0px;
	padding: 10px 0px 0px 0px;
}


.categorie
{
 text-align: center;
 background-color: #96ADB5;
margin: 0px;
padding: 0px;
border: 1px;
width: 80%;

}

.categorie img {
	vertical-align: -15px;
}

.categorie td {
	vertical-align: middle;
}

.categorie th {
font-size: 120%;
}

.nomtableau {
background-color: #D5DEE5;
}


.listecache {
display: none;
}

ul {
list-style-type: none;
}

.lienmenu {
	margin: 0px;
}

.hasardex {
	width: 150px;
	background-image: url("img/pokeballdex.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hasardexvillageois {
	width: 150px;
	background-image: url("img/fondfeuille.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px;
}

.hasardexnaruto {
	width: 150px;
	background-image: url("img/fondhasardex.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px;
}

figure {
	margin: 0px;
	padding: 0px;
}

figcaption {
	margin: 0px;
	padding: 0px;
}

.info {
	float: right;
	background-color: lightcyan;
	padding: 2px;
	margin: 10px;
	width: 400px;
}

.corps {
	position: absolute;
	margin-right: 500px; 
}

.tableinfo {
	border: 1px;
	width: 100%;
}

.tableinfo th {
	background-color: rgba(207,228,242,136);
}

.tableinfo img {
	background-color: white;
}

.tableinfo td {
	background-color: white;
	border: 1px black solid;
}

.droite {
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.gauche {
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.textepersonnage {
	text-align: left;
	margin-left: 5px;
}

.titretexte {
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.titresommaire {
	text-align: left;
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.centre {
	text-align: center;
}

.tableimage {
	border: 1px;
}

.tableimage th {
	background-color: rgba(207,228,242,136);
	text-align: center;
}

.tableimage img {
	background-color: white;
	width: 200px;
}

.tableimage td {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.nompokemonpersonnage {
	text-align: center;
}

.imagedesc {
	margin-right: 5px;
}

.parcours {
	list-style-type: disc;
	list-style-position: outside;
	margin-right: 5px;
}

.corpspokedex {
	text-align: left;
}

.corpspokedexcentre {
	text-align: center;
}

.pokeballdex {
	width: 250px;
	/*background-image: url("img/pokeballdex.png");*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: 175%;
}

.texteinfo {
	text-align: center;
}

.actualite {
	width: 50%;
	margin-left: 25%;
	border: thick double #2190bd;
}

.actualite td {
	border: thick double #2190bd;
}

.actualite th {
	text-align: center;
	font-size: 275%;
	background-color: rgba(207,228,242,136);
}

.actualite a {
	margin: 0px;
}

.titreactualite {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.soustitreactualite {
	text-align: center;
}

.redacactualite {
	text-align: center;
}

.critique {
	width: 50%;
	margin-left: 25%;
	border: thick double #32a1ce;
}

.critique td {
	border: thick double #32a1ce;
}

.critique th {
	text-align: center;
	font-size: 275%;
	background-color: rgba(207,228,242,136);
}

.critique a {
	margin: 0px;
}

.titrecritique {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.soustitrecritique {
	text-align: center;
}

.redaccritique {
	text-align: center;
}

.date {
	font-family: "Times New Roman";
}

.tablecomm {
	width: 75%;
	margin: auto;
}

.tablecomm td {
	border: 1px black solid;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	
	text-align: left;
}

.tablecomm th {
	background-color: rgba(57,78,92,136);
	border: 1px black solid;
}

.tableadmin {
	width: 75%;
	margin: auto;
}

.tableadmin td {
	border: 1px white solid;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	
	text-align: left;
}

.tableadmin th {
	background-color: rgba(57,78,92,136);
	border: 1px white solid;
}

.tablepokedex {
	width: 100%;
}

.tablepokedex td {
	border: 1px black solid;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.tablepokedex th {
	background-color: rgba(57,78,92,136);
	border: 1px black solid;
}

.tablepokedex .noborder {
	border-width: 0px;
}
.pokedex {
	margin-left: 10px;
	margin-right: 10px;
}

.tableresistance {
	width: 100%;
	border: 0px;
	border-width: 0px;
}

.tableresistance th {
	background-color: transparent;
	text-align: center;
	width: 20%;
	border-width: 0px;
}

.tableresistance td {
	border-width: 0px;
	text-align: center;
	vertical-align: top;
}

.listecentre {
	text-align: center;
	padding: 0px;
}

.chiffredescription {
	font-family: "Times New Roman";
}

.listepokemon {
	margin-left: 10%;
	margin-right: 10%;
}

.listepokemon2 {
	margin-left: 20%;
	margin-right: 20%;
}

.mailok {
	font-size: 130%;
}

.annonce {
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	border: thick double #32a1ce;
	margin-top: 20px;
	padding: 20px;
}

.lignecontour {
	text-align: center;
	border: thick double #32a1ce;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: max-content;
}

.lignecontourac {
	text-align: center;
	border: thick double #32a1ce;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 634px;
}

.lignecontournaruto {
	text-align: center;
	border: thick double #32a1ce;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

.lignecontourpokemon {
	text-align: center;
	border: thick double #32a1ce;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 479px;
}

.lignecontourvideo {
	text-align: center;
	border: thick double #32a1ce;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: max-content;
	line-height: 175%;
}

.imagegauche {
	float: left;
	max-width: 20%;
}

.imagedroite {
	float: right;
	max-width: 20%;
}

.imagemilieu {
	max-width: 20%;
}

.tabledex{
	width: 100%;
	border: 0px;
	border-width: 0px;
	font-size: 120%;
}

.tabledex th {
	background-color: transparent;
	text-align: left;
	width: 20%;
	border-width: 0px;
}

.tabledex td {
	border-width: 0px;
	text-align: left;
	vertical-align: top;
}

.lienpage {
	text-align: center;
	font-weight: bold;
}

.lienpage a {
	padding: 20px;
}

.meterstat
{
margin: 5px;
vertical-align: middle;
text-align: left;
height: 13px;
width: 100%
}

cite
{
font-weight: bold;
font-style: normal;
}

.tablepokedex2 {
	width: 70%;
	margin-left: 15%;
}

.tablepokedex2 td {
	border: 1px black solid;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.tablepokedex2 th {
	background-color: rgba(207,228,242,136);
	border: 1px black solid;
}

.tablepokedex2 .noborder {
	border-width: 0px;
}

.flecheDesc {
	width: 0; 
	height: 0; 
	float:right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.flecheAsc {
	width: 0; 
	height: 0;
	float:right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
}


.avectri th {text-align:center;padding:5px 0 0 5px;cursor:pointer;
		-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.avectri th.selection .flecheDesc {border-bottom-color: white;}
.avectri th.selection .flecheAsc {border-top-color: white;}

.grand {

	font-size: 130%;
	font-weight: bold;
}

.centrepadding {
	text-align: center;
	padding-right: 20%;
	padding-left: 20%;
}

.titrepokemon
{
	text-align: center;
	font-size: 165%;
	font-weight: bold;
}

.lignecentre
{
	vertical-align: middle;
}

.code {
	font-family: "Times New Roman";
	color: teal;
}

.grand {
	font-size: 135%;
}

.moyen {
	font-size: 120%;
}

.gauche {
	text-align: left;
}



.pokemonplante  {
    color: green;
}

.pokemonfeu  {
    color: red;
}

.pokemoneau  {
    color: blue;
}

.listeepisode table
{
	width: 60%;
}
.listeepisode td
{
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
	border: 1px black solid;
}

.lienvisible a
{
	color : blue;
}

.messagealert
{
	text-align: center;
	font-size: 110%;
}

.listingimage
{
	width:300px;
	height:167px;
	margin:1px;	
}

.tablefilm
{
	vertical-align: top;
	text-align: center;
	width:33%;
	padding :6px;
}

.affichefilm
{
	width:200px;
	height:280px;
}

 /* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 360px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}