html {
  scroll-behavior : smooth;
  height: 100%;
}


body{
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding : 0;
  margin : 0;
  height : 100%;
}


main.cadre{
  display: block;
  padding: 0 3em 5em 3em;
  margin: 0 0 0 0% ;
  position: relative;
  min-height: 70% ;
  animation-name: fondu;
  animation-duration: 1s;
  overflow: hidden;
}

main.cadre{
    padding: 0em 0.5em;
  max-width : 80%;
    margin-left: auto;
    margin-right: auto
}

a{
  color:inherit; /* Permet de reprendre la couleur de sont parent (defaut:noir) */
  text-decoration:inherit; /* Permet de souligner ou non les liens  */
}

/* Tentative de zoom pour l'image de Formule de Player Value */
.zoom .image {
display: block;
margin-left: auto;
margin-right: auto;
width: 10%;
}
.image {
width: 50%;
height: 50%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.1); /* Safari et Chrome */
-moz-transform:scale(1.1); /* Firefox */
-ms-transform:scale(1.1); /* Internet Explorer 9 */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
}


/* ---------------------- FOOTER ---------------------- */

.flex-rw {
  display: flex;
  flex-flow: row wrap;
}

footer {
  background-image : url("/bandeauimage12opacityfaibletransition.png");
  /*background: #2676b4;*/
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}

.footer-list-top {
  width: 31.22%;
}
.footer-list-top > li {
  text-align: center;
  padding-bottom: 0px /* Avant c'était 10px, permet de réduite l'écart entre mes lignes pour les listes, notamment liens rapides */
}
.footer-list-top > p {
  text-align: center;
  padding: 0 3px 0 3px;
  color: #fff;
}
.footer-list-header {
  padding: -10px 0 -10px 0;
  color: #fff;
  font: 33px "Playfair Display SC ", Teko, Permanent Marker;
}
.footer-list-anchor {
  font: 23px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-section {
  width: 100%;
  align-items: center;
  justify-content: space-around;
  position: relative;
  margin-top: -20px; /* Tentative de valeur négative pour rapprocher la liste des liens utiles */
}

.footer-social-overlap {
  position: relative;
  z-index: 2;
  /*background : #2676b4; */
  padding: 0 20px
}
.footer-social-connect {
  display: flex;
  align-items: center;
  font: 32px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-small { /* pour le with en plus petit */
  font-size: 19px;
  padding: 0px 20px /* écart entre le with et les mots qui l'entourent */
}
.footer-social-overlap > a {
  font-size: 30px;
  color : white;
}
.footer-social-overlap > a:not(:first-child) {
  margin-left: 0.38em
}
.footer-bottom-section { /* ligne avant le copyright */
  width: 100%;
  padding: 10px;
  border-top: 1px solid white;
  margin-top: 5px
}
.footer-bottom-section > div:first-child {
  margin-right: auto
}
.footer-bottom-wrapper {
  font-size: 20px;
  color: #fff
}

.texttest {
  padding-left : 130px;
  padding-right : 130px;
}








/* ------------------------------  BORDEL   ---------------------------------- */ 

ul{
  color : black;
  font-family : "Teko", Lobster, Lato;
  font-size : 20px;
  text-align : center;
  padding-left : 0px;
}

/* Pour les logos dans la bannière et le footer éventuellement */

img.displayedhalloffame {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 200px;
}

img.displayedhalloffamecoupeambi {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 270px;
}

img.coupeambi {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.table4 tr td img.tera {
  max-width : 50px;
}

@media screen and (min-width: 500px) and (max-width: 1000px) {
.table4 tr td img.tera {
  max-width : 35px;
}   
}

@media screen and (min-width: 1px) and (max-width: 499px) {
.table4 tr td img.tera {
  max-width : 25px;
}   
}

@media screen and (min-width: 651px) and (max-width: 1000px) {
img.coupeambi {
  max-width: 850px;
}   
}

@media screen and (min-width: 1px) and (max-width: 650px) {
img.coupeambi {
  max-width: 650px;
}   
}



.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 1050px;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 200px;
}

.bonus {
  width: 210px;
}


caption {
  font-family: 'Playfair Display SC', bold;
  font-size: 22px;
  margin : 0px 0px 15px 0px;
}

/* Acces, acces2 et sommaire pour l'emplacement et la mise en forme sur la page des liens rapides de sommaire ainsi que l'onglet connexion */

.acces{
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  line-height : 22px;
  top: 0;
  right : 0;
  width : 150px;
  height : 30px;
  display : inline;
  background : rgba(55,165,220, 0.65);
  text-align: center;
  color:white;
  text-decoration : none;
  z-index:10000; 
}

.acces2{
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  line-height : 22px;
  top: 0;
  right : 115px;
  width : 150px;
  height : 30px;
  display : inline;
  background : rgba(55,165,220, 0.65);
  text-align: center;
  color:white;
  text-decoration : none;
  margin : 0 0 0 850px;
  z-index:10000; 
} 

.sommaire ul li {
  display : inline-block;
  background : rgba(55,165,220, 0.65);
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  color:white;
}

.centresommaire p {
  text-align :center;
}

p {
  color : black;
  font-family : "Teko", Lobster, Lato;
  font-size : 20px;
  text-align : justify;
  line-height : 25px;
}


.annotationrecherchepoke {
  color : #565557;
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  text-align : justify;
  line-height : 25px;
  margin-top : 3px;
}

.p1{
  color : black;
  font-style : italic;
  font-family : "Teko", Lobster, Lato;
  font-size : 20px;
  font-weight : 600;
  display : inline;
}



.imgtype {
  width : 200px;
  padding-left : 350px;
  position: relative;
  bottom: 22px;
}

.imgtype2 {
  width : 35px;
  position: relative;
  
}

.imgtype4 { /* par exemple pour le wsh c ki de la page quizz ! */
  width : 180px;
  position: float;
  margin : 0 0 0 10px;
}

.imggen {
  width : 190px;
  padding-right : 380px;
}

.imgsprites {
  width : 30px;
}


.centrageoklm {
  text-align : center;
  font-size : 22px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}
.centrageoklm2 {
  text-align : center;
  font-size : 20px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}
.centrageoklmpourlePR {
  text-align : justify;
  font-size : 20px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}

.titrefakenews p{
  font-size : 25px;
  padding-left : 30px;
  color : rgba(55,165,220, 1); 
  font-weight : bold;
}

.paddingfakenews .reculfakenews p {
  font-size : 19px;
  text-align : center;
}
  
.paddingfakenews {
   width : 880px;
   margin-left: auto;
   margin-right: auto;
}

.content h2 {
  color:black;
}
 

#mainContainer3parties{
  display: flex;
  justify-content: space-between;
  border: none;
  
}

.bloc-Gauche, .bloc-Droit, .bloc-Fixe {
  width: 33.33%;
   margin-left: auto;
   margin-right: auto;
}

.bloc-Gauche26 {
  width: 23.33%;
   margin-left: 12%;

}

.bloc-Fixe26 {
  width: 23.33%;
   margin-left: 5%;
   margin-right: auto;
}

.bloc-Droit26 {
  width: 74%;
  margin-right: -5%;
   margin-left: -10%;
}

@media screen and (min-width: 1340px) and (max-width: 1500px) {
.bloc-Gauche26 {
   margin-left: 9%;
} 
}

@media screen and (min-width: 1001px) and (max-width: 1339px) {
.bloc-Gauche26 {
   margin-left: 7%;
} 
.bloc-Droit26 {
  width: 74%;
  margin-right: -5%;
   margin-left: -15%;
}
}


#mainContainer2parties{
  display: flex;
  justify-content: space-between;
  border: none;
  width:85%;
  margin-left: auto;
  margin-right: auto;
}

.bloc-Gauche2, .bloc-Droit2 {
  width: 50%;
   margin-left: auto;
   margin-right: auto;
   margin:15px;
}


img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/* Création de page a menus pour rediriger vers les sous menus */
.subdubody {
  margin : 0;
  padding : 0;
  display : flex;
  justify-content : center;
  align-items : center; 
  min-height : 55vh;
}

.containerbis {
  display : flex;
  flex-wrap : wrap;
  justify-content : space-between;
}

.containerbis .box {
  position : relative;
  width : 320px;
  padding : 40px;
  background : #fff;
  box-shadow : 0 5px 15px rgba(0,0,0,0.1);
  border-radius : 4px;
  margin : 20px;
  box-sizing : border-box;
  overflow : hidden;
  text-align : center;
}

/* pour faire le petit cercle dans la carte */
.containerbis .box .icon{
  position : relative;
  width : 70px;
  height : 70px;
  color : #fff;
  background : #000;
  display : flex;
  justify-content : center;
  align-items : center; 
  margin : 0 auto;
  border-radius : 50%;
  font-size : 35px;
  font-weight : 700;
  transition : 1s;
} 
  
/* Fin de rédaction de page a menus pour rediriger vers les sous menus */ 
  
  
  
.containerbis .box:nth-child(1) .icon{  
  box-shadow : 0 0 0 0 #1e1c59 /*#e91e63*/;
  background : #1e1c59 /*#e91e63*/;
}

.containerbis .box:nth-child(1):hover .icon{  
  box-shadow : 0 0 0 900px #1e1c59 /*#e91e63*/;
}

  
.containerbis .box:nth-child(2) .icon{  
  box-shadow : 0 0 0 0 rgba(255,203,82, 1) /*#23e619*/;
  background : /*#23e619*/ rgba(255,203,82, 1);
}

.containerbis .box:nth-child(2):hover .icon{  
  box-shadow : 0 0 0 900px rgba(255,203,82, 1)/*#23e619*/;
}

  
.containerbis .box:nth-child(3) .icon{  
  box-shadow : 0 0 0 0 #2196f3;
  background : #2196f3;
}

.containerbis .box:nth-child(3):hover .icon{  
  box-shadow : 0 0 0 900px #2196f3;
}
  
.containerbis .box:nth-child(4) .icon{  
  box-shadow : 0 0 0 0 #cf8842;
  background : #cf8842;
}

.containerbis .box:nth-child(4):hover .icon{  
  box-shadow : 0 0 0 900px #cf8842;
} 

.containerbis .box:nth-child(5) .icon{  
  box-shadow : 0 0 0 0 #1271ba;
  background : #1271ba;
}

.containerbis .box:nth-child(5):hover .icon{  
  box-shadow : 0 0 0 900px #1271ba;
}   
  
.containerbis .box .content {
  position : relative;
  z-index : 1;
  transition : 0.5s;  
}

.containerbis .box:hover .content {
  color : #fff;
}

.containerbis .box .content h2 {
  font-size : 22.8px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content p {
  margin : 0;
  padding : 0;
  text-align : center;
  transition : 0.5s;
  font-size : 19px; 
}

.containerbis .box .content a {
  font-size : 22px;
  margin : 15px 0;
  padding : 0;
} 


.containerbis .box:hover .content p {
  color : #fff;
}

.containerbis .box:hover .content a {
  color : #fff;
}

.containerbis .box:hover .content h2 {
  color : #fff;
}




/*Tableau des résumé de saisons !*/
* {
  box-sizing: border-box;
}

.blog-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6%;
  background: #fff;
  line-height: 1.4;
  font-family: sans-serif;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
}
.blog-card a {
  color: inherit;
}
.blog-card a:hover {
  color: white;
}
.blog-card:hover .photo {
  -webkit-transform: scale(1.3) rotate(3deg);
          transform: scale(1.3) rotate(3deg);
}
.blog-card .meta {
  position: relative;
  z-index: 0;
  height: 200px;
}
.blog-card .photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}
.blog-card .details,
.blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.blog-card .details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  margin: auto;
  -webkit-transition: left .2s;
  transition: left .2s;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  width: 100%;
  font-size: 1rem;
}
.blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blog-card .details ul li {
  display: inline-block;
}
.blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "\f007";
}
.blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "\f133";
}
.blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "\f02b";
  margin-right: 10px;
}
.blog-card .details .tags li {
  margin-right: 2px;
}
.blog-card .details .tags li:first-child {
  margin-left: -4px;
}
.blog-card .description {
  padding: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.blog-card .description h1,
.blog-card .description h2 {
  font-family: Poppins, sans-serif;
}
.blog-card .description h1 {
  line-height: 1;
  margin: 0;
  font-size: 1.6rem;
  color: #38a4dc;
}
.blog-card .description h2 {
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #a2a2a2;
  margin-top: 5px;
}
.blog-card .description .read-more {
  text-align: right;
}
.blog-card .description .read-more a {
  color: #0b3c84;
  display: inline-block;
  position: relative;
}
.blog-card .description .read-more a:after {
  content: "\f061";
  font-family: FontAwesome;
  margin-left: -10px;
  opacity: 0;
  vertical-align: middle;
  -webkit-transition: margin .3s, opacity .3s;
  transition: margin .3s, opacity .3s;
}
.blog-card .description .read-more a:hover:after {
  margin-left: 5px;
  opacity: 1;
}
.blog-card p {
  position: relative;
  margin: 1rem 0 0;
}
.blog-card p:first-of-type {
  margin-top: 1.25rem;
}
.blog-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #38a4dc;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}
.blog-card:hover .details {
  left: 0%;
}


@media (min-width: 640px) {
  .blog-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    max-width: 700px;
  }
  .blog-card .meta {
    flex-basis: 40%;
    height: auto;
  }
  .blog-card .description {
    flex-basis: 60%;
  }
  .blog-card .description:before {
    -webkit-transform: skewX(-3deg);
            transform: skewX(-3deg);
    content: "";
    background: #fff;
    width: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .blog-card.alt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .blog-card.alt .description:before {
    left: inherit;
    right: -10px;
    -webkit-transform: skew(3deg);
            transform: skew(3deg);
  }
  .blog-card.alt .details {
    padding-left: 25px;
  }
}











 
/* Mise en forme des mini sprites dans des listes, comme dans statistiques */ 
 
li img {
  max-width: 30px;
  padding:0px 0px 0px 0px;
  margin : 0px 0px -0.45% 0px;
} 

/* Mise en forme des mini sprites dans la page présentation de l'ADL (darma zen, whishi) */ 
 
.sprite img {
  max-width: 30px;
  padding:0px 0px 0px 0px;
  margin : 0px 0px -0.45% 0px;
} 


 
  
/* Titres */

/*  
h1{
  font-size : 75px;
  font-style : italic;
  font-weight : bold;
  text-align : justify;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  position:fixed; 
}
*/

h2{
  font-size : 33px;
  font-weight : bold;
  color : rgba(55,165,220, 1); 
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  text-align : center;
}

h3{
  font-size : 31px;
  font-weight : bold;
  border: 5px solid white;
  background-color :rgba(55,165,220, 0.55);
  color : white;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  text-align : center;
  padding-left : 30px;
  padding-right : 150px;
}

h4{
  color : rgba(55,165,220, 0.65);
  font-size : 28px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 160px;
}

h5{
  color : rgba(55,165,220, 0.65);
  font-size : 23px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 190px;
}

h6 {
  font-size: 5em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}








/* ------------------------------  TIMELINE   ---------------------------------- */

section#timeline {
  width: 80%;
  margin: 20px auto;
  position: relative;
}
section#timeline:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -1px;
  width: 2px;
  height: 100%;
  background: rgba(255,255,255,0.2);
}
.articledifferentdegazette section#timeline article {
  width: 100%;
  margin: 0 0 20px 0;
  position: relative;
}
.articledifferentdegazette article p {
  column-count: 1;
  text-align: justify;
  font-size: 19px;
}
.articledifferentdegazette section#timeline article:after {
  content: '';
  display: block;
  clear: both;
}
.articledifferentdegazette section#timeline article div.inner {
  width: 40%;
  float: left;
  margin: 5px 0 0 0;
  border-radius: 6px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 {
  display: block;
  width: 65px;
  height: 65px;
  padding: 5px 0 3px 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -32px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: #1e1c59; /*linear-gradient(180deg, #1e1c59, #2783c1, #fff);*/
  color : white;
  border: 0px solid rgba(255,255,255,1);
  box-shadow: 0 0 0 0/*5*/px #1e1c59;
}

.articledifferentdegazette section#timeline article div.inner div.date5 div {
  display: block;
  text-align: center;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.day2 {
  font-size: 10px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.month2 {
  font-size: 18px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.year2 {
  font-size: 12px;
}

.articledifferentdegazette section#timeline article div.inner h4 {
  padding: 3px 0 3px 8px;
  margin: 0;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0px;
  border-radius: 6px 6px 0 0;
  position: relative;
}

/* Petit carré a 45 degrès qui fait la flèche */
.articledifferentdegazette section#timeline article div.inner h4:after {
  content: '';
  position: absolute;
  top: 12px;
  right: -5px;
    width: 10px; 
    height: 10px;
  -webkit-transform: rotate(-45deg);
}

.articledifferentdegazette section#timeline article div.inner p {
  padding: 8px;
  margin: 0;
  font-size: 18px;
  background: #88bbdd;
  color: white;
  border-radius: 0 0 6px 6px;
  text-align : justify;
}
.articledifferentdegazette section#timeline article:nth-child(2n+2) div.inner {
  float: right;
}
.articledifferentdegazette section#timeline article:nth-child(2n+2) div.inner h4:after {
  left: -5px;
}
.articledifferentdegazette section#timeline article:nth-child(1) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(1) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(2) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(2) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(3) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(3) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(4) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(4) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(5) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(5) div.inner h4:after {
 background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(6) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(6) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(7) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(7) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(8) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(8) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(9) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(9) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(10) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(10) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(11) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(11) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(12) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(12) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(13) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(13) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(14) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(14) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(15) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(15) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(16) div.inner h4 {
   background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(16) div.inner h4:after {
   background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(17) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(17) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(18) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(18) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(19) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(19) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(20) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(20) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(21) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(21) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(22) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(22) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(23) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(23) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(24) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(24) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(25) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(25) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(26) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(26) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(27) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(27) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(28) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(28) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(29) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(29) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(30) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(30) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(31) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(31) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(32) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(32) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(33) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(33) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(34) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(34) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(35) div.inner h4 {
  background: linear-gradient(to right, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(35) div.inner h4:after {
  background: #2783c1;
}
.articledifferentdegazette section#timeline article:nth-child(36) div.inner h4 {
  background: linear-gradient(to left, #1e1c59, #2783c1);
}
.articledifferentdegazette section#timeline article:nth-child(36) div.inner h4:after {
  background: #2783c1;
}
/* FIN TIMELINE */





 
 
 
 /* ------------------------------ MISE EN FORME DES TABLEAUX ------------------------------ */

/* Mise en forme des tableaux de la page statistiques en particulier. Attention : utile également pour ceux de la page tierlist ! */

table {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 70%;
}



/* Mise en forme tableau tierlist */
.table3 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 70%;
}

/* Mise en forme tableau Coupe Ambi */
.tableteamcoupeambi {
  border-collapse: none;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width:1400px;
}

.tableteamcoupeambi img {
  max-width: 60px;
}

@media screen and (min-width: 1000px) and (max-width: 1399px) {
.tableteamcoupeambi img {
  max-width: 55px;
}
.tableteamcoupeambi {
  width: 1000px;
}
}

@media screen and (min-width: 600px) and (max-width: 999px) {
.tableteamcoupeambi img {
  max-width: 45px;
}
.tableteamcoupeambi {
  width: 800px;
}
}

@media screen and (min-width: 1px) and (max-width: 599px) {
.tableteamcoupeambi img {
  max-width: 35px;
}
.tableteamcoupeambi {
  width: 550px;
}
}

@media screen and (min-width: 1px) and (max-width: 1399px) {

.cadre-tableau-coupe-ambi {
  overflow-x: scroll;
}   

}


/* Orbes TL S9 */
.tropgrandorbes {
  max-width : 30px;
}

@media screen and (min-width: 1px) and (max-width: 599px) {
.tropgrandorbes {
  max-width : 22px;
}
}

/* Mise en forme tableau drafts */
.table4 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 78%;
} 

.table444 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 78%;
} 
 
 
thead {
  border-radius: 5px;
}
 
thead th p{
  font-family: 'Playfair Display SC', sans-serif;
  font-weight:400;
  font-size:16px;
  font-weight:400;
  color: #2d2d2d;
  text-align :center;
  padding: 0px 0px;
  background-image :(linear-gradient(#646f7f, #4a5564));
}
 
tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:11px;
  padding:8px 5px 8px 5px;
  border-bottom:0px solid #e0e0e0;
}

.table2 tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:11px;
  padding:0px 5px 0px 5px;
  border-bottom:0px solid #e0e0e0;
}
.tablePokemonRestrictionTL tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:11px;
  padding:0px 5px 0px 5px;
  border-bottom:0px solid #e0e0e0;
}

.modiflargeur tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-bottom:0px solid #e0e0e0;
}
  
.modiflargeur tbody tr td img {
  max-width: 25px; 
  padding:0px 0px 0px 0px;
}

.modiflargeur2 tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-bottom:1px solid #e0e0e0;
}
  
.modiflargeur2 tbody tr td img {
  max-width: 25px; 
  padding:0px 0px 0px 0px;
}

.modiflargeur3 tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-bottom:1px solid #e0e0e0;
}
  
.modiflargeur3 tbody tr td img {
  max-width: 25px; 
  padding:0px 0px 0px 0px;
}
 
/* .modiflargeur tbody tr td img {
  max-width: 25px; 
  padding:0px 0px 0px -19px;
} */
/*  
tbody:nth-child(2n) {
  background:#f0f3f5;
}
 
 
tbody:hover > tr td {
 opacity : 0.6;
}
 
tbody:hover > tr:hover td {
  text-shadow : none;
  color:#2d2d2d;
  opacity :1.0;
}

caption {
  font-family: 'Playfair Display SC', bold;
  font-size: 21px;
  margin : 0px 0px 15px 0px;
}*/

.reductiontableau img {
  width: 40px;
}

/* Largeur du tableau player value */
.reductiontableau {
  width: 25%;
 }

 

.table2 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 80%;
}

table .nocss {
    box-shadow :0px 0px 0px rgba(0,0,0,0) ;
}

.table2 thead {
  border-radius: 5px;
}
 
.table2 tbody:nth-child(2n) {
  background: white;
}
 

.table2 tbody:hover > tr td {
 opacity : 0.9;
}

.tablePokemonRestrictionTL {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 80%;
}

.tablePokemonRestrictionTL thead {
  border-radius: 5px;
}
 
.tablePokemonRestrictionTL tbody:nth-child(2n) {
  background: white;
}
 

.tablePokemonRestrictionTL tbody:hover > tr td {
 opacity : 0.9;
}




/* Mise en forme des tableaux de TIERLIST - particulièrememnt redimensionnement des images dans un cadre esthétique */

/*.tailleimagetierlist .img {
  max-width:40%;
  padding:0px 50px 0px 0px;
}*/
.table3 tbody tr td img {
max-width :60px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
text-align:center;
padding :  0px 0px 0px 0px;
}

.table3 tbody tr td .tropgrandorbes {
  max-width: 30px;
}

@media screen and (min-width: 1px) and (max-width: 599px) {
.table3 tbody tr td .tropgrandorbes {
  max-width: 22px;
}
}


.table3 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit{
max-width : 110px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit9{
max-width : 100px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit2{
max-width : 90px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit3{
max-width : 80px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit4{
max-width : 70px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit5{
max-width : 120px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit6{
max-width : 130px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit7{
max-width : 140px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand3{
max-width : 55px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand{
max-width : 50px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand2{
max-width : 45px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 40px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 150px;
padding-top: 0px;
}

.table2 img .tropgrandtype{
max-width : 30px;
text-align:center; 
padding:0px 0px 0px 0px;
}

/* Icones des types dans les restriction de la TL  */
.table2 .tropgrandtype2 {
max-width : 70px;
text-align:center; 
padding:0px 0px 0px 0px;
}

/* Icones des types dans les restriction de la TL  */
.tablePokemonRestrictionTL .tropgrandtype2 img{
max-width : 60px;
text-align:center; 
padding:0px 0px 0px 0px;
}


/* Mise en forme des tableaux de Draft - particulièrememnt redimensionnement des images dans un cadre esthétique */

.table4 tbody tr td img {
max-width :60px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding :  0px 0px 0px 0px;
}

.table444 tbody tr td img {
max-width :240px;
padding :  0px 0px 0px 0px;
}


.table4 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table444 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit{
max-width : 110px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit9{
max-width : 100px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit2{
max-width : 90px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit3{
max-width : 80px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit4{
max-width : 70px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit5{
max-width : 120px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit6{
max-width : 130px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit7{
max-width : 140px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand3{
max-width : 55px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand{
max-width : 50px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand2{
max-width : 45px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand4{
max-width : 40px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit8{
max-width : 150px;
padding-top: 0px;
}

.table4 tbody tr td .zmove{
max-width : 25px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit{
max-width : 110px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit9{
max-width : 100px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit2{
max-width : 90px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit3{
max-width : 80px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit4{
max-width : 70px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit5{
max-width : 120px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit6{
max-width : 130px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit7{
max-width : 140px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand3{
max-width : 55px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand{
max-width : 50px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand2{
max-width : 45px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 40px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 150px;
padding-top: 0px;
}

.table444 tbody tr td .zmove{
max-width : 25px;
padding-top: 0px;
}

/*Titre du tableau, situé à l'extérieur ainsi que de la police dans les tableaux tierlist */
.titre {
  text-align : center;
  font-size : 30px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-weight : bold;
}

.police .table2 th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 20px;
  color : #555252; 
}

.police .tablePokemonRestrictionTL th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 20px;
  color : #555252; 
}

.police2  tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 17px;
}

/* taille de la police dans les tableau de draft */
.police2 .table4 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 19px;
}

.police2 .table444 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 19px;
}


/* ------------------------------ MISE EN FORME DES GAZETTES ----------------------------- */
#container2 {
  width: 88%;
  margin: 0 auto;
  padding: 0 1em;
}

header ul {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 0.5em 0;
  width: 100%;
}
header ul li {
  display: inline-block;
  list-style: none;
  width: 33%;
  font-size: 20px;
}
header ul li:first-child {
  font-size: 0.8em;
  text-indent: 1em;
  text-align: left;
}
header ul li:nth-child(2) {
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}
header ul li:last-child {
  text-align: right;
}
article h3 {
  display: inline;
}
article p {
  column-count: 4;
  text-align: justify;
  font-size: 19px;
}
article p span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  text-transform : uppercase;
}
article p span span {
  display: inline;
  text-transform: uppercase;
}
article p cite {
  display: block;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1em 0;
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  line-height: 1.5em;
}
section#content:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
}
.imgtype3 {
  width : 140px;
  position: float;
  /*padding-left : 28px;*/
  /*padding-right : 28px;*/
  margin : 0 14px 0 14px;
}

.imgtype8 {
  width : 220px;
  position: float;
  margin : 0 0 0 0 px;
}

.logoadl1 img{
  height: 150px;
  width: auto;
  padding-left : 28px;
} 

h6 {
  font-size: 5em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 22px;
  text-align: center;
  color : black;
}

.h8 {
  font-size: 36px;
  text-align: center;
  color : black;
}

.h9 {
  font-size: 46px;
  text-align: center;
  color : black;
}

/* pour gazette spéciale */

#container3 {
  width: 88%;
  margin: 0 auto;
  padding: 0 1em;
}

.h9 {
  font-size: 48px;
  text-align: center;
}

.lexiquegazettespeciale p {
   font-size: 18px;
}

#container3 article p {
  column-count: 2;
  text-align: justify;
  font-size: 20px;
}

#container3 article p span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  text-transform : uppercase;
}
#container3 article p span span {
  display: inline;
  text-transform: uppercase;
}
#container3 article p cite {
  display: block;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1em 0;
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  line-height: 1.5em;
}
#container3 section#content:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 1em; 
}

/* pour l'animation et le lien vers la gazette suivante */
a.noopy {
  display: block;
  position: relative;
  width: 350px;
  line-height: 40px;
  color: white;
  text-decoration: inherit;
  text-align: center;
  font-size: 20px;
  font-family: arial;
  background: #2676b4;
  box-shadow: 5px 5px 0px 0px white;
  transition: width 0.5s, box-shadow 0.5s;
  margin : 3px 0 3px 500px;
}
/*a.noopy:before {
  position: absolute;
  left: -10px;
  content: "";
  width: 0;
  height: 0px;
  border-style: solid;
  border-width: 50px 10px 0px 0px;
  border-color: transparent #6225e6 transparent transparent;
}
a.noopy:after {
  position: absolute;
  right: -10px;
  content: "";
  width: 0;
  height: 0px;
  border-style: solid;
  border-width: 0px 0px 50px 10px;
  border-color: transparent transparent transparent #6225e6;
} */

.noopy i:nth-child(1),
.noopy i:nth-child(3) {
  position: absolute;
  top: 9px;
}
.noopy strong {
  position: absolute;
  left: 10px;
}
.noopy i:nth-child(1) {
  left: 308px;
}
.noopy i:nth-child(2) {
  margin: 0 0 0 292px;
}
.noopy i:nth-child(3) {
  right: 16.5px;
}

a.noopy:hover {
  width: 360px;
  box-shadow: 7px 7px 0px 0px #fbc73a;
}

a.noopy:hover i:nth-child(1) {
  animation: nth-child-1 1s linear infinite;
}
@keyframes nth-child-1 {
  0% {
    color: white;
  }
  33% {
    color: #fbc73a;
  }
}
a.noopy:hover i:nth-child(2) {
  animation: nth-child-2 1s linear infinite;
}
@keyframes nth-child-2 {
  33% {
    color: white;
  }
  66% {
    color: #fbc73a;
  }
}
a.noopy:hover i:nth-child(3) {
  animation: nth-child-3 1s linear infinite;
}
@keyframes nth-child-3 {
  66% {
    color: #fbc73a;
  }
  100% {
    color: white;
  }
}

/* Fin de la mise en forme des gazettes */








 /* ------------------------------ MISE EN FORME DES FORMULAIRES ET BOUTONS CLIQUABLES ----------------------------- */

/* Mise en forme des formulaires pour la page statistiques et la recherche de pokémon */

.centrage {
margin-right : auto;
margin-left : auto;
}


.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 270px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
  margin-left: auto;
  margin-right: auto;
  background-image : url("/bandeauimage12opacityfaible.png");
  background-position:center center;
  font-family : "Teko", Lobster, Lato;
  color : black;  
}

.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  display : inline; 
}

.select-style:after {
    top: 50%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.select-style select:focus {
    outline: none;
}


.alignementbouton .designvalidationdeformulaire { /*HOVER ?? */
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #ccc;
    width: 40px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
  margin-left: auto;
  margin-right: auto;
  background-image : url("/bandeauimage12opacityfaible.png");
  background-position:center center;  
}

p {
  color : black;
  font-family : "Teko", Lobster, Lato;
  font-size : 20px;
  text-align : justify;
  line-height : 25px;
}

.form2{
  width : 73%;  
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  background-image : url("/bandeauimage12opacityfaible3.png");
  /* background: linear-gradient(to left, #283593, #1976d2);*/
  background-position:center center;
  border-left: 4px solid; 
  border-image : linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 5;
}


.sectionanalysedraft{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.centrerrechercherteamadl {

  text-align : center;

}


#mainContainer3parties2{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
}

.bloc-Gauche4 {
  width: 24%;
  margin-left : 13%;
}
.bloc-Fixe4 {
  width: 24%;
  margin-left: auto;
  margin-right: auto;
}
.bloc-Droit4 {
  width: 80%;
  margin-left: -23%;
  margin-right: -11%;
}

.titrerecherchepoke {
  color : black;
  font-family : "Teko", Lobster, Lato;
  font-size : 20px;
  line-height : 45px;
}

.titrerecherchepoke2 {
  color : black;
  font-family : "Acme", Lobster, Lato;
  font-size : 30px;
  line-height : 65px;
  text-align :center;
}

.titrerecherchepoke22 {
  color : white;
  font-family : "Acme", Lobster, Lato;
  font-size : 30px;
  line-height : 65px;
  text-align :center;
}

.invisible2 {
  display : none
}
.invisible5 {
  display : none
}
.invisible6 {
  display : none
}
.invisible4 {
  display : none
}

select {
  border-radius: 6px;
}
 
select option {
  font-family: 'Playfair Display SC', sans-serif;
  font-size:12px;
  color: #2d2d2d;
  text-align :center;
  font-weight: bold;
  background-image : linear-gradient(#646f7f, #4a5564);
}


.presentationteam {
  width : 95%;
  border-left: 4px solid; 
  border-image : linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 5;
  box-shadow :none ;
}

.presentationteam tbody tr .logotypepresentationteam img  {
  max-width : 70px;
}



.modiflargeur4 {
  width : 73%;
  border-left: 4px solid; 
  border-image : linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 5;
}

.modiflargeur4 tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-bottom:0px solid #e0e0e0;
}
  
.modiflargeur4 tbody tr td img {
  max-width: 30px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur4 tbody tr td .iconetype {
  max-width:64px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur4 thead tr th .iconetype {
  max-width:78px; 
  padding:0px 0px 0px 0px;
}

.modiflargeur5 {
  width : 73%;
  border-left: 4px solid; 
  border-image : linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 5;
}

.modiflargeur5 tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-bottom:0px solid #e0e0e0;
}
  
.modiflargeur5 tbody tr td img {
  max-width: 30px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur5 tbody tr td .iconetype {
  max-width:64px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur5 thead tr th .iconetype {
  max-width:78px; 
  padding:0px 0px 0px 0px;
}

@media screen and (min-width: 600px) {
.LessScreen {
  display : none;
}
}

@media screen and (min-width: 1px) and (max-width: 599px) {
.HighScreen {
  display : none;
}

}

.modiflargeur6 {
  width : 73%;
  border-left: 4px solid; 
  border-image : linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 5;
}

.modiflargeur6 tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-bottom:0px solid #e0e0e0;
}
  
.modiflargeur6 tbody tr td img {
  max-width: 30px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 tbody tr td .iconetype {
  max-width:64px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 thead tr th .iconetype {
  max-width:78px; 
  padding:0px 0px 0px 0px;
}

/* Mise en forme des formulaires pour le post de commentaire */

.button-blue{margin-top:10px;float:right;font-family:Arial;cursor:pointer;font-size:1em;padding:10px 15px;font-weight:bold;border-radius:5px;color:#ffffff;border:0px;background:#3e679b;box-sizing:border-box;text-align:center;}
textarea{padding:10px;border:1px solid #E7E7E7;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:125px;}
.red{color:#DC4739;
float:right;}
.clear{clear:both;}

div.formulaire-reponse{
margin-top: 2em ;
text-align: center;
white-space: nowrap;
}

div.reponse-textarea{
width: 70% ;
margin-left: 1em ;
}


div.reponse-textarea textarea{
width: 100% ;
min-width: 100% ;
max-width: 100% ;
min-height: 10em ;

}
.imgsmiley img{
  max-width: 20px;
}

.texttest .multi {
    background-color: white;
    color: white;
    border-left: 7px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:5px; 
}
.texttest .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}

.texttest div.partie{
    margin: 1em auto;
    padding: 0.5em 1em;
    font-size: 1em;
}
/* Fin de la mise en forme des formulaires pour la page statistiques */

/* Mise en forme des boutons cliquables de la tierlist */
.alignementbouton {

  text-align : center;
  padding-left : 130px;
  padding-right : 130px;
}

.design { /*HOVER ?? */
  height: 30px;
  padding: 0 50px;
  font-size: 20px;
  /*font-weight : bold;*/
  text-decoration: none;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  color: black;
  margin : 5px auto;
  /*background-color: black;*/
  background-image : url("/bandeauimage12opacityfaible.png");
  text-align : center;
  display : inline; /* display : block met tout en ligne... */
  border: none;
  border-radius: 3px;
  box-shadow: 0px 4px 5px 0px rgba(158, 66, 61, 0.24);
}

.designbetadl { /* voir plus + de la page profil onglet betadl */
  height: 20px;
  padding: 0 18px;
  font-size: 15px;
  /*font-weight : bold;*/
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  color: white;
  margin : 3px auto;
  background-color: lightgrey;
  /*background-image : url("/bandeauimage12opacityfaible.png");*/
  text-align : center;
  display : inline; /* display : block met tout en ligne... */
  border: none;
  border-radius: 10px;
}

.designbetadl:hover { /*HOVER ?? */
  background-color: silver;
  /*background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);*/
}

.design:hover { /*HOVER ?? */
  background-color: #c7d6ff;
  /*background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);*/
}

.ui-helper-hidden-accessible {
  display: none !important;
}

button {
  padding: 0px;
  border : none;
}

.designplus { 
  margin : 5px 2px;
}

.typefichestrat2 {
  display : inline;
}


.generation {
  font-size : 12px;
}

/* Fin de la mise en forme des boutons cliquables de la tierlist */


/* Mise en forme du moteur de recherche de la tierlist */
.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #5298cf;
  padding: 5px;
  height: 30px;
  border-radius: 5px 5px 5px 5px;
  outline: none;
  color: #5298cf;
}

.searchTerm:focus{
  color: #4183b7;
}

.wrap{
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

ul#ui-id-1.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  margin-left: 3000px;
}
/* Fin de la mise en forme du moteur de recherche de la tierlist */


/* Mise en forme de contact */
.jaja ul {
  position:absolute;
  top:335px; 
  left:50%;
  transform:translate(-50%,-50%);
  margin: 0;
  padding:0;
  display:flex;
}
.jaja ul li {
  list-style:none;
}
.jaja ul li a {
  display:block;
  position:relative;
  width:100px;
  height:100px;
  line-height:100px;
  font-size:40px;
  text-align:center;
  text-decoration:none;
  color:#404040;
  margin: 0 30px;
  transition:.5s;
}
.jaja ul li a span {
  position:absolute;
  transition: transform .5s;
}
.jaja ul li a span:nth-child(1),
.jaja ul li a span:nth-child(3){
  width:100%;
  height:3px;
  background:#404040;
}
.jaja ul li a span:nth-child(1) {
  top:0;
  left:0;
  transform-origin: right;
}
.jaja ul li a:hover span:nth-child(1) {
  transform: scaleX(0);
  transform-origin: left;
  transition:transform .5s;
}

.jaja ul li a span:nth-child(3) {
  bottom:0;
  left:0;
  transform-origin: left;
}
.jaja ul li a:hover span:nth-child(3) {
  transform: scaleX(0);
  transform-origin: right;
  transition:transform .5s;
}

.jaja ul li a span:nth-child(2),
.jaja ul li a span:nth-child(4){
  width:3px;
  height:100%;
  background:#404040;
}
.jaja ul li a span:nth-child(2) {
  top:0;
  left:0;
  transform:scale(0);
  transform-origin: bottom;
}
.jaja ul li a:hover span:nth-child(2) {
  transform: scale(1);
  transform-origin: top;
  transition:transform .5s;
}
.jaja ul li a span:nth-child(4) {
  top:0;
  right:0;
  transform:scale(0);
  transform-origin: top;
}
.jaja ul li a:hover span:nth-child(4) {
  transform: scale(1);
  transform-origin: bottom;
  transition:transform .5s;
}

.discord:hover {
  color: #8c9eff;
}
.jaja .discord:hover span { 
  background: #8c9eff;
}
.twitter:hover {
  color: #1da1f2;
}
.jaja .twitter:hover span { 
  background: #1da1f2;
}
.youtube:hover {
  color: #ff0000;
}
.jaja .youtube:hover span { 
  background: #ff0000;
}
.google:hover {
  color: #dd4b39;
}
.jaja .google:hover span { 
  background: #dd4b39;
}
.jaja ul li a .twitter {
  color: #1da1f2;
}

.jaja ul li a .discord {
  color: #8c9eff;
}

.jaja ul li a:hover:nth-child(3) {
  color: #c32aa3;
}
.jaja ul li a:hover:nth-child(4) {
  color: #dd4b39;
}











 /* ------------------------------ MEDIA QUERIES ----------------------------- */

/* Suppression d'une partie du footer : les 3 colonnes. Garde uniquement réseaux sociaux et copyright ! 
@media only screen and (max-width: 1900px) {
  .footer-list-top {
 display : none;  
}
}*/


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

.footer-list-top {
  width: 31%;
}
} 
@media only screen and (max-width: 1714px) {

.footer-list-top {
  width: 30.6%;
}
} 
@media only screen and (max-width: 1466px) {

.footer-list-top {
  width: 30.2%;
}
} 




/* ------------------------------ MEDIA QUERIES entre 1280 et 1160----------------------------- */
@media screen and (min-width: 1160px) and (max-width: 1280px) {
.footer-list-top {
  width: 29.8%;
}
.texttest {
  padding-left : 60px;
  padding-right : 60px;
} 

.alignementbouton {
  text-align : center;
  padding-left : 60px;
  padding-right : 60px;
}

.table3 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 80%;
}

.table4 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 85%;
} 

.table444 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 85%;
} 



.footer-list-header {
  padding: -20px 0 -10px 0;
  color: #fff;
  font: 28px "Playfair Display SC ", Teko, Permanent Marker;
}

.footer-list-top > p {
  font-size : 19px; 
}

.footer-list-anchor {
  font: 20px "Playfair Display SC ", Teko, Permanent Marker;
}

.footer-social-connect {
  font: 27px "Playfair Display SC ", Teko, Permanent Marker;
}

.footer-social-small { /* pour le with en plus petit */
  font-size: 17px;
  padding: 0px 18px /* écart entre le with et les mots qui l'entourent */
}

.footer-social-overlap > a {
  font-size: 28px;
  color : white;
}
.footer-bottom-wrapper {
  font-size: 19px;
}

.modiflargeur {
  width : 82%;
}

.modiflargeur2 {
  width : 82%;
}

.modiflargeur3 {
  width : 82%;
}

/* Affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */
.containerbis .box {
  position : relative;
  width : 320px;
  padding : 40px;
  background : #fff;
  box-shadow : 0 5px 15px rgba(0,0,0,0.1);
  border-radius : 4px;
  margin : 20px;
  box-sizing : border-box;
  overflow : hidden;
  text-align : center;
}

.containerbis .box .content a {
  font-size : 22px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content h2 {
  font-size : 22.8px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content p {
  margin : 0;
  padding : 0;
  text-align : center;
  transition : 0.5s;
  font-size : 19px; 
}

.containerbis .box .icon{
  position : relative;
  width : 70px;
  height : 70px;
  color : #fff;
  background : #000;
  display : flex;
  justify-content : center;
  align-items : center; 
  margin : 0 auto;
  border-radius : 50%;
  font-size : 35px;
  font-weight : 700;
  transition : 1s;
}
/* Fin de l'affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */

/* Augmentation de la largeur de la timeline pour un affichage plus sympa sur cette largeur d'écran */
section#timeline {
  width: 90%;
  margin: 20px auto;
  position: relative;
}

/* Réduction taille titre gazette, intro et image */
h6 {
  font-size: 4em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 20px;
  text-align: center;
  color : black;
}

.imgtype3 {
  width : 125px;
  position: float;
  /*padding-left : 28px;*/
  /*padding-right : 28px;*/
  margin : 0 13px 0 13px;
}

.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 900px;
}

}




/* ------------------------------ MEDIA QUERIES entre 1159 et 1000----------------------------- */  
@media screen and (min-width: 1000px) and (max-width: 1159px) {
.texttest {
  padding-left : 60px;
  padding-right : 60px;
} 

.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 800px;
}

.alignementbouton {
  text-align : center;
  padding-left : 60px;
  padding-right : 60px;
}

.table3 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 86%;
}

.table2 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 86%;
}

.tablePokemonRestrictionTL {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 86%;
}

.table4 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 85%;
}

.table444 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 85%;
}


/* Réduction taille titre gazette, intro et image */
h6 {
  font-size: 4em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 20px;
  text-align: center;
  color : black;
}


.imgtype3 {
  width : 110px;
  position: float;
  /*padding-left : 28px;*/
  /*padding-right : 28px;*/
  margin : 0 10px 0 10px;
}

/* Mise en forme de contact */
.jaja ul {
  position:absolute;
  top:335px; 
  left:50%;
  transform:translate(-50%,-50%);
  margin: 0;
  padding:0;
  display:flex;
}

/* Affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */
.containerbis .box {
  position : relative;
  width : 290px;
  padding : 10px;
  background : #fff;
  box-shadow : 0 5px 15px rgba(0,0,0,0.1);
  border-radius : 4px;
  margin : 20px;
  box-sizing : border-box;
  overflow : hidden;
  text-align : center;
}

.containerbis .box .content a {
  font-size : 20px;
  margin : 15px 0;
  padding : 0;
} 

.containerbis .box .content h2 {
  font-size : 22px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content p {
  margin : 0;
  padding : 0;
  text-align : center;
  transition : 0.5s;
  font-size : 18px;
}

.containerbis .box .icon{
  position : relative;
  width : 70px;
  height : 70px;
  color : #fff;
  background : #000;
  display : flex;
  justify-content : center;
  align-items : center; 
  margin : 0 auto;
  border-radius : 50%;
  font-size : 28px;
  font-weight : 700;
  transition : 1s;
}
/* Fin de l'affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */

/* Augmentation de la largeur dees tableaux de stats */
.modiflargeur {
  width : 88%;
}

.modiflargeur2 {
  width : 88%;
}
.modiflargeur3 {
  width : 88%;
}

.modiflargeur4 thead tr th .iconetype {
  max-width:68px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur5 thead tr th .iconetype {
  max-width:68px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 thead tr th .iconetype {
  max-width:68px; 
  padding:0px 0px 0px 0px;
}

/* Augmentation de la largeur de la timeline pour un affichage plus sympa sur cette largeur d'écran */
section#timeline {
  width: 90%;
  margin: 20px auto;
  position: relative;
}

/* Mise en forme des formulaires pour le post de commentaire */

.button-blue{margin-top:10px;float:right;font-family:Arial;cursor:pointer;font-size:0.85em;padding:9px 14px;font-weight:bold;border-radius:5px;color:#ffffff;border:0px;background:#3e679b;box-sizing:border-box;text-align:center;}
textarea{padding:10px;border:1px solid #E7E7E7;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:125px;}
.red{color:#DC4739;
float:right;}
.clear{clear:both;}

div.formulaire-reponse{
margin-top: 2em ;
text-align: center;
white-space: nowrap;
}

div.reponse-textarea{
width: 70% ;
margin-left: 1em ;
}


div.reponse-textarea textarea{
width: 100% ;
min-width: 100% ;
max-width: 100% ;
min-height: 10em ;

}
.imgsmiley img{
  max-width: 19px;
}

.texttest .multi {
    background-color: white;
    color: white;
    border-left: 7px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:5px; 
}
.texttest .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}

.texttest div.partie{
    margin: 1em auto;
    padding: 0.5em 1em;
    font-size: 1em;
}

}


/* ------------------------------ MEDIA QUERIES entre 999 et 768----------------------------- */  
@media screen and (min-width: 768px) and (max-width: 999px) {
.texttest {
  padding-left : 40px;
  padding-right : 40px;
} 

.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 730px;
}

p {
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  text-align : justify;
  line-height : 25px;
}

.annotationrecherchepoke {
  color : #565557;
  font-family : "Teko", Lobster, Lato;
  font-size : 18px;
  text-align : justify;
  line-height : 25px;
  margin-top : 3px;
}

h2{
  font-size : 31px;
  font-weight : bold;
  color : rgba(55,165,220, 1); 
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  text-align : center;
}

h4{
  color : rgba(55,165,220, 0.65);
  font-size : 25px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 160px;
}

ul li {
  font-size : 19px;
}

caption {
  font-family: 'Playfair Display SC', bold;
  font-size: 19px;
  margin : 0px 0px 15px 0px;
}

thead th p{
  font-family: 'Playfair Display SC', sans-serif;
  font-weight:400;
  font-size:13px;
  color: #2d2d2d;
  text-align :center;
  padding: 0px 0px;
  background-image :(linear-gradient(#646f7f, #4a5564));
}

/* Augmentation de la largeur des tableaux de stats */
.modiflargeur {
  width : 92%;
}

.modiflargeur2 {
  width : 92%;
}

.modiflargeur3 {
  width : 92%;
}

.modiflargeur4 thead tr th .iconetype {
  max-width:62px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur5 thead tr th .iconetype {
  max-width:62px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 thead tr th .iconetype {
  max-width:62px; 
  padding:0px 0px 0px 0px;
}

/* Player Value */
.centrageoklm {
  text-align : center;
  font-size : 20px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}

.centrageoklm2 {
  text-align : center;
  font-size : 19px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}
.centrageoklmpourlePR {
  text-align : justify;
  font-size : 19px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}

/* Largeur du tableau player value */
.reductiontableau {
  width: 38%;
 }

/* Taille des mini sprite de Pokemon dans tableau de stat */
tbody tr td img {
  max-width: 26px; 
  padding:0px 0px 0px 0px;
}

.p1{
  color : black;
  font-style : italic;
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  font-weight : 600;
  display : inline;
}

/* Augmentation de la largeur de la timeline pour un affichage plus sympa sur cette largeur d'écran */
section#timeline {
  width: 96%;
  margin: 20px auto;
  position: relative;
}

/* Mise en forme des boutons cliquables de la tierlist */
.alignementbouton {
  text-align : center;
  padding-left : 40px;
  padding-right : 40px;
}

.design { /*HOVER ?? */
  height: 30px;
  padding: 0 40px;
  font-size: 19px;
  text-decoration: none;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  color: black;
  margin : 5px auto;
  background-image : url("/bandeauimage12opacityfaible.png");
  text-align : center;
  display : inline; /* display : block met tout en ligne... */
  border: none;
  border-radius: 3px;
  box-shadow: 0px 4px 5px 0px rgba(158, 66, 61, 0.24);
}
/* Fin de la mise en forme des boutons cliquables de la tierlist */

/* Mise en forme tableau tierlist */
.police2 .table3 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 85%;
}

.police2 .table2 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 92%;
}
.police2 .tablePokemonRestrictionTL {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 92%;
}

.table3 tbody tr td img {
max-width :48px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding : 0px 0px 0px 0px;
}


.table3 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit{
max-width : 88px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit9{
max-width : 80px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit2{
max-width : 72px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit3{
max-width : 64px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit4{
max-width : 56px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit5{
max-width : 96px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit6{
max-width : 104px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit7{
max-width : 112px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand3{
max-width : 44px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand{
max-width : 40px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand2{
max-width : 36px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 32px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 120px;
padding-top: 0px;
}

.table4 tbody tr td img {
max-width :48px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding : 0px 0px 0px 0px;
}


.table4 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit{
max-width : 88px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit9{
max-width : 80px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit2{
max-width : 72px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit3{
max-width : 64px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit4{
max-width : 56px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit5{
max-width : 96px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit6{
max-width : 104px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit7{
max-width : 112px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand3{
max-width : 44px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand{
max-width : 40px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand2{
max-width : 36px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand4{
max-width : 32px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit8{
max-width : 120px;
padding-top: 0px;
}

.table4 tbody tr td .zmove{
max-width : 22px;
padding-top: 0px;
}

.table444 tbody tr td img {
max-width :200px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding : 0px 0px 0px 0px;
}


.table444 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit{
max-width : 88px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit9{
max-width : 80px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit2{
max-width : 72px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit3{
max-width : 64px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit4{
max-width : 56px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit5{
max-width : 96px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit6{
max-width : 104px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit7{
max-width : 112px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand3{
max-width : 44px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand{
max-width : 40px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand2{
max-width : 36px;
padding-top: 0px;
}


.table3 tbody tr td .tropgrand4{
max-width : 32px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 120px;
padding-top: 0px;
}

.table444 tbody tr td .zmove{
max-width : 22px;
padding-top: 0px;
}

.tropgrandtype{
max-width : 26px;
padding-top: 0px;
text-align:center;
}


/*Titre du tableau, situé à l'extérieur ainsi que de la police dans les tableaux tierlist */
.titre {
  text-align : center;
  font-size : 26px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-weight : bold;
}

.police .table2 th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 18px;
  color : #555252; 
}

.police .tablePokemonRestrictionTL th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 18px;
  color : #555252; 
}

.police2  tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
}

/* taille de la police dans les tableaux de draft */
.police2 .table4 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 17px;
}

.police2 .table444 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 17px;
}

/* Mise en forme de contact */
.jaja ul {
  position:absolute;
  top:285px; 
  left:50%;
  transform:translate(-50%,-50%);
  margin: 0;
  padding:0;
  display:flex;
}

.jaja ul li a {
  display:block;
  position:relative;
  width:85px;
  height:85px;
  line-height:85px;
  font-size:33px;
  text-align:center;
  text-decoration:none;
  color:#404040;
  margin: 0 30px;
  transition:.5s;
}


/* Affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */
.containerbis .box {
  position : relative;
  width : 290px;
  padding : 10px;
  background : #fff;
  box-shadow : 0 5px 15px rgba(0,0,0,0.1);
  border-radius : 4px;
  margin : 20px;
  box-sizing : border-box;
  overflow : hidden;
  text-align : center;
}

.containerbis .box .content a {
  font-size : 20px;
  margin : 15px 0;
  padding : 0;
} 

.containerbis .box .content h2 {
  font-size : 22px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content p {
  margin : 0;
  padding : 0;
  text-align : center;
  transition : 0.5s;
  font-size : 18px;
}

.containerbis .box .icon{
  position : relative;
  width : 65px;
  height : 65px;
  color : #fff;
  background : #000;
  display : flex;
  justify-content : center;
  align-items : center; 
  margin : 0 auto;
  border-radius : 50%;
  font-size : 27px;
  font-weight : 700;
  transition : 1s;
}
/* Fin de l'affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */



/* Réduction taille titre gazette, intro et image */
#container2 {
  width: 93%;
  margin: 0 auto;
  padding: 0 1em;
}

h6 {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 19px;
  text-align: center;
  color : black;
}

.h8 {
  font-size: 30px;
  text-align: center;
  color : black;
}

.imgtype3 {
  width : 100px;
  position: float;
  /*padding-left : 28px;*/
  /*padding-right : 28px;*/
  margin : 0 12px 0 12px;
}

/* Image de la page présentation avec les 3 logos et type et gen pref */
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 150px;
}
img.displayedhalloffame {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 180px;
}

img.displayedhalloffamecoupeambi {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 230px;
}

a.noopy {
display : none;
} 

article p {
  column-count: 3;
  text-align: justify;
  font-size: 18px;
}

/* pour gazette spéciale */

#container3 {
  width: 93%;
  margin: 0 auto;
  padding: 0 1em;
}

.h9 {
  font-size: 38px;
  text-align: center;
}


.lexiquegazettespeciale p {
   font-size: 16px;
}

#container3 article p {
  font-size: 18px;
}

#container3 article p span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform : uppercase;
}
#container3 article p span span {
  display: inline;
  text-transform: uppercase;
}
#container3 article p cite {
  display: block;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1em 0;
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  line-height: 1.5em;
}
#container3 section#content:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 1em; 
}


/* Footer */

.footer-list-header {
  padding: -10px 0 -10px 0;
  color: #fff;
  font: 29px "Playfair Display SC ", Teko, Permanent Marker;
}
.footer-list-anchor {
  font: 20px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-connect {
  display: flex;
  align-items: center;
  font: 29px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-small { /* pour le with en plus petit */
  font-size: 17px;
  padding: 0px 20px /* écart entre le with et les mots qui l'entourent */
}
.footer-social-overlap > a {
  font-size: 27px;
  color : white;
}
.footer-bottom-wrapper {
  font-size: 18px;
  color: #fff
}
.footer-list-top > p {
  text-align: center;
  padding: 0 3px 0 3px;
  margin-top: 0px;
  color: #fff;
  font-size: 18px;
}

/* Mise en forme des formulaires pour le post de commentaire */

.button-blue{margin-top:10px;float:right;font-family:Arial;cursor:pointer;font-size:0.85em;padding:9px 14px;font-weight:bold;border-radius:5px;color:#ffffff;border:0px;background:#3e679b;box-sizing:border-box;text-align:center;}
textarea{padding:1px;border:1px solid #E7E7E7;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:125px;}
.red{color:#DC4739;
float:right;}
.clear{clear:both;}

div.formulaire-reponse{
margin-top: 2em ;
text-align: center;
white-space: nowrap;
}

div.reponse-textarea{
width: 70% ;
margin-left: 1em ;
}


div.reponse-textarea textarea{
width: 100% ;
min-width: 100% ;
max-width: 100% ;
min-height: 10em ;

}
.imgsmiley img{
  max-width: 19px;
}

.texttest .multi {
    background-color: white;
    color: white;
    border-left: 7px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:5px; 
}

.texttest .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}




.texttest div.partie{
    margin: 1em auto;
    padding: 0.5em 1em;
    font-size: 1em;
}

.titrefakenews p{
  font-size : 24px;
  padding-left : 30px;
  color : rgba(55,165,220, 1); 
  font-weight : bold;
}

.paddingfakenews .reculfakenews p {
  font-size : 18px;
  text-align : center;
}
  

/*Suite formulaire : bouton submit et critère de recherche*/

.select-style {
    width: 250px;
}

.select-style select {
    padding: 4px 6px; 
}

select option {
  font-size:11px;
}

.alignementbouton .designvalidationdeformulaire { /*HOVER ?? */
    padding: 4px 8px;
    width: 35px;
}

} 






.modiflargeur6 {
  display:none;
}


/* ------------------------------ MEDIA QUERIES entre 767 et 480----------------------------- */  
@media screen and (min-width: 480px) and (max-width: 767px) { /* Vraie rupture à 703?! */
.texttest {
  padding-left : 25px;
  padding-right : 25px;
} 

select option {
  font-size:11px;
}


p {
  color : black;
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  text-align : justify;
  line-height : 25px;
}

.annotationrecherchepoke {
  color : #565557;
  font-family : "Teko", Lobster, Lato;
  font-size : 18px;
  text-align : justify;
  line-height : 25px;
  margin-top : 3px;
}

h2{
  font-size : 31px;
  font-weight : bold;
  color : rgba(55,165,220, 1); 
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  text-align : center;
}

h4{
  color : rgba(55,165,220, 0.65);
  font-size : 25px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 160px;
}

ul li {
  font-size : 19px;
}

caption {
  font-family: 'Playfair Display SC', bold;
  font-size: 18px;
  margin : 0px 0px 15px 0px;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 130px;
}
img.displayedhalloffame {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 165px;
}

img.displayedhalloffamecoupeambi {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 200px;
}



.imgtype4 { /* par exemple pour le wsh c ki de la page quizz ! */
  width : 150px;
  position: float;
  margin : 0 0 0 10px;
}

#mainContainer2parties{
  display: flex;
  justify-content: space-between;
  border: none;
  width:92%;
  margin-left: auto;
  margin-right: auto;
}

h4{
  color : rgba(55,165,220, 0.65);
  font-size : 28px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 80px;
}
h5{
  color : rgba(55,165,220, 0.65);
  font-size : 23px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 90px;
}

/* Mise en forme du moteur de recherche de la tierlist */
.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #5298cf;
  padding: 5px;
  height: 28px;
  border-radius: 5px 5px 5px 5px;
  outline: none;
  color: #5298cf;
}

.searchTerm:focus{
  color: #4183b7;
}

.wrap{
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

ul#ui-id-1.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  margin-left: 3000px;
}
/* Fin de la mise en forme du moteur de recherche de la tierlist */

/*Suite formulaire : bouton submit et critère de recherche*/
.select-style {
    width: 250px;
}

.select-style select {
    padding: 4px 6px; 
}

.alignementbouton .designvalidationdeformulaire { /*HOVER ?? */
    padding: 4px 8px;
    width: 35px;
}


/* Augmentation de la largeur des tableaux de stats */
.modiflargeur {
  width : 94%;
}

/* Supression de 2 colonnes pour un soucis d'esthétisme sur téléphone */
.modiflargeur2 {
  width : 94%;
}


/*.modiflargeur4 td:nth-of-type(2) {
  display:none;
}*/

.modiflargeur6 {
  display:block;
}

.modiflargeur2 th:nth-of-type(4) {
  display:none;
}

.modiflargeur2 td:nth-of-type(4) {
  display:none;
}

.modiflargeur2 th:nth-of-type(7) {
  display:none;
}

.modiflargeur2 td:nth-of-type(7) {
  display:none;
}

.modiflargeur3 {
  width : 94%;
}

.modiflargeur3 th:nth-of-type(2) {
  display:none;
}

.modiflargeur3 td:nth-of-type(2) {
  display:none;
}

.modiflargeur3 th:nth-of-type(7) {
  display:none;
}

.modiflargeur3 td:nth-of-type(7) {
  display:none;
}


/* Player Value */
.centrageoklm {
  text-align : center;
  font-size : 20px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}

.centrageoklm2 {
  text-align : center;
  font-size : 19px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}
.centrageoklmpourlePR {
  text-align : justify;
  font-size : 19px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}

/* Largeur du tableau player value */
.reductiontableau {
  width: 44%;
 }

/* Taille des mini sprite de Pokemon dans tableau de stat */
tbody tr td img {
  max-width: 23px; 
  padding:0px 0px 0px 0px;
}

.p1{
  color : black;
  font-style : italic;
  font-family : "Teko", Lobster, Lato;
  font-size : 19px;
  font-weight : 600;
  display : inline;
}

/* Augmentation de la largeur de la timeline pour un affichage plus sympa sur cette largeur d'écran */
section#timeline {
  width: 96%;
  margin: 20px auto;
  position: relative;
}
.articledifferentdegazette p {
  column-count: 1;
  text-align: justify;
  font-size: 10px;
}
.articledifferentdegazette section#timeline article div.inner h4 {
  padding: 3px 0 3px 8px;
  margin: 0;
  color: white;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0px;
  border-radius: 6px 6px 0 0;
  position: relative;
  z-index : 2;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.day2 {
  font-size: 7px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.month2 {
  font-size: 15px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.year2 {
  font-size: 9px;
}
.articledifferentdegazette section#timeline article div.inner p {
  padding: 8px;
  margin: 0;
  font-size: 16px;
  background: #88bbdd;
  color: white;
  border-radius: 0 0 6px 6px;
  text-align : justify;
}

.articledifferentdegazette section#timeline article div.inner div.date5 {
  display: block;
  width: 55px;
  height: 55px;
  padding: 8px 0 3px 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -32px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: #1e1c59; /*linear-gradient(180deg, #1e1c59, #2783c1, #fff);*/
  color : white;
  border: 0px solid rgba(255,255,255,1);
  box-shadow: 0 0 0 0/*5*/px #1e1c59;
}

/* Petit carré a 45 degrès qui fait la flèche */
.articledifferentdegazette section#timeline article div.inner h4:after {
  content: '';
  position: absolute;
  top: 12px;
  z-index : 3;
  right: -5px;
    width: 10px; 
    height: 10px;
  -webkit-transform: rotate(-45deg);
}

/* Mise en forme des boutons cliquables de la tierlist */
.alignementbouton {
  text-align : center;
  padding-left : 25px;
  padding-right : 25px;
}

.design { /*HOVER ?? */
  height: 30px;
  padding: 0 40px;
  font-size: 18px;
  text-decoration: none;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  color: black;
  margin : 5px auto;
  background-image : url("/bandeauimage12opacityfaible.png");
  text-align : center;
  display : inline; /* display : block met tout en ligne... */
  border: none;
  border-radius: 3px;
  box-shadow: 0px 4px 5px 0px rgba(158, 66, 61, 0.24);
}
/* Fin de la mise en forme des boutons cliquables de la tierlist */

/* Mise en forme tableau tierlist */
.police2 .table3 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 90%;
}

.police2 .table2 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 92%;
}

.police2 .tablePokemonRestrictionTL {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 92%;
}



.table3 tbody tr td img {
max-width :42px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding : 0px 0px 0px 0px;
}


.table3 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit{
max-width : 77px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit9{
max-width : 70px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit2{
max-width : 63px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit3{
max-width : 56px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit4{
max-width : 49px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit5{
max-width : 84px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit6{
max-width : 91px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit7{
max-width : 98px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand3{
max-width : 38px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand{
max-width : 35px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand2{
max-width : 31px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 28px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 106px;
padding-top: 0px;
}

.table4 tbody tr td img {
max-width :42px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding : 0px 0px 0px 0px;
}

.table444 tbody tr td img {
max-width :200px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding : 0px 0px 0px 0px;
}


.table4 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit{
max-width : 77px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit9{
max-width : 70px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit2{
max-width : 63px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit3{
max-width : 56px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit4{
max-width : 49px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit5{
max-width : 84px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit6{
max-width : 91px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit7{
max-width : 98px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand3{
max-width : 38px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand{
max-width : 35px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand2{
max-width : 31px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand4{
max-width : 28px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit8{
max-width : 106px;
padding-top: 0px;
}

.table4 tbody tr td .zmove{
max-width : 20px;
padding-top: 0px;
}

.table444 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit{
max-width : 77px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit9{
max-width : 70px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit2{
max-width : 63px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit3{
max-width : 56px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit4{
max-width : 49px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit5{
max-width : 84px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit6{
max-width : 91px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit7{
max-width : 98px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand3{
max-width : 38px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand{
max-width : 35px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand2{
max-width : 31px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 28px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 106px;
padding-top: 0px;
}

.table444 tbody tr td .zmove{
max-width : 20px;
padding-top: 0px;
}

.tropgrandtype{
max-width : 26px;
padding-top: 0px;
text-align:center;
}


/*Titre du tableau, situé à l'extérieur ainsi que de la police dans les tableaux tierlist */
.titre {
  text-align : center;
  font-size : 24px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-weight : bold;
}

.police .table2 th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
  color : #555252; 
}

.police2 .table2 tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 14px;
}

.police .tablePokemonRestrictionTL th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
  color : #555252; 
}

.police2 .tablePokemonRestrictionTL tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 14px;
}

.police2 .table3 tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 14px;
}

/* taille de la police dans les tableau de draft */
.police2 .table4 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
}

.police2 .table444 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
}


thead th p{
  font-family: 'Playfair Display SC', sans-serif;
  font-weight:400;
  font-size:12px;
  color: #2d2d2d;
  text-align :center;
  padding: 0px 0px;
  background-image :(linear-gradient(#646f7f, #4a5564));
}
tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:9px;
  padding:8px 10px 8px 10px;
  border-bottom:1px solid #e0e0e0;
}

.table4 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 96%;
} 

.table444 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 96%;
} 

/* Mise en forme de contact */
.jaja ul {
  position:absolute;
  top:285px; 
  left:50%;
  transform:translate(-50%,-50%);
  margin: 0;
  padding:0;
  display:flex;
}

.jaja ul li a {
  display:block;
  position:relative;
  width:80px;
  height:80px;
  line-height:80px;
  font-size:32px;
  text-align:center;
  text-decoration:none;
  color:#404040;
  margin: 0 30px;
  transition:.5s;
}

/* Affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */
.containerbis .box {
  position : relative;
  width : 220px;
  padding : 10px;
  background : #fff;
  box-shadow : 0 5px 15px rgba(0,0,0,0.1);
  border-radius : 4px;
  margin : 20px;
  box-sizing : border-box;
  overflow : hidden;
  text-align : center;
}

.containerbis .box .content a {
  font-size : 19px;
  margin : 15px 0;
  padding : 0;
} 

.containerbis .box .content h2 {
  font-size : 20px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content p {
  margin : 0;
  padding : 0;
  text-align : center;
  transition : 0.5s;
  font-size : 17px;
}

.containerbis .box .icon{
  position : relative;
  width : 55px;
  height : 55px;
  color : #fff;
  background : #000;
  display : flex;
  justify-content : center;
  align-items : center; 
  margin : 0 auto;
  border-radius : 50%;
  font-size : 25px;
  font-weight : 700;
  transition : 1s;
}
/* Fin de l'affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */


/* Footer */

.footer-list-header {
  display : none;
}
.footer-list-anchor {
  display : none;
}
.footer-social-connect {
  display: flex;
  align-items: center;
  font: 25px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-small { /* pour le with en plus petit */
  font-size: 16px;
  padding: 0px 15px /* écart entre le with et les mots qui l'entourent */
}
.footer-social-overlap > a {
  font-size: 25px;
  color : white;
}
.footer-bottom-wrapper {
  font-size: 17px;
  color: #fff
}
.footer-list-top > p {
  display : none;
}

/* Mise en forme des formulaires pour le post de commentaire */

.button-blue{margin-top:10px;float:right;font-family:Arial;cursor:pointer;font-size:0.81em;padding:9px 14px;font-weight:bold;border-radius:5px;color:#ffffff;border:0px;background:#3e679b;box-sizing:border-box;text-align:center;}
textarea{padding:10px;border:1px solid #E7E7E7;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:125px;}
.red{color:#DC4739;
float:right;}
.clear{clear:both;}

div.formulaire-reponse{
margin-top: 2em ;
text-align: center;
white-space: nowrap;
}

div.reponse-textarea{
width: 70% ;
margin-left: 1em ;
}


div.reponse-textarea textarea{
width: 100% ;
min-width: 100% ;
max-width: 100% ;
min-height: 10em ;

}
.imgsmiley img{
  max-width: 19px;
}

.texttest .multi {
    background-color: white;
    color: white;
    border-left: 7px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:5px; 
}
.texttest .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}

.texttest div.partie{
    margin: 1em auto;
    padding: 0.5em 1em;
    font-size: 1em;
}

} 


@media screen and (min-width: 620px) and (max-width: 767px) { 
/* Réduction taille titre gazette, intro et image */
#container2 {
  width: 95%;
  margin: 0 auto;
  padding: 0 1em;
}

.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 600px;
}

h6 {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 18px;
  text-align: center;
  color : black;
}

/*pour la gazette de finale de S3 */
.h8 {
  font-size: 30px;
  text-align: center;
  color : black;
}

.imgtype3 {
  width : 90px;
  position: float;
  /*padding-left : 28px;*/
  /*padding-right : 28px;*/
  margin : 0 10px 0 10px;
} 



a.noopy {
display : none;
} 

article p {
  column-count: 3;
  text-align: justify;
  font-size: 18px;
}
.titrefakenews p{
  font-size : 23px;
  padding-left : 30px;
  color : rgba(55,165,220, 1); 
  font-weight : bold;
}

.paddingfakenews .reculfakenews p {
  font-size : 17px;
  text-align : center;
}
  

} 
  

@media screen and (min-width: 480px) and (max-width: 619px) { 
/* Réduction taille titre gazette, intro et image */
#container2 {
  width: 95%;
  margin: 0 auto;
  padding: 0 1em;
}

.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 465px;
}

h6 {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 18px;
  text-align: center;
  color : black;
}

/*pour la gazette de finale de S3 */
.h8 {
  font-size: 28px;
  text-align: center;
  color : black;
}

.imgtype3 {
  width : 80px;
  position: float;
  /*padding-left : 28px;*/
  /*padding-right : 28px;*/
  margin : 0 8px 0 8px;
} 


a.noopy {
display : none;
} 

article p {
  column-count: 2;
  text-align: justify;
  font-size: 18px;
}

header ul li:first-child {
display : none;
}
header ul li:nth-child(2) {
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}
header ul li:last-child {
display : none;
}

p {
  font-family : "Teko", Lobster, Lato;
  font-size : 18px;
  text-align : justify;
  line-height : 25px;
}

.annotationrecherchepoke {
  color : #565557;
  font-family : "Teko", Lobster, Lato;
  font-size : 17px;
  text-align : justify;
  line-height : 25px;
  margin-top : 3px;
}

.titrefakenews p{
  font-size : 23px;
  padding-left : 30px;
  color : rgba(55,165,220, 1); 
  font-weight : bold;
}

.paddingfakenews .reculfakenews p {
  font-size : 17px;
  text-align : center;
}


} 

@media screen and (min-device-width: 1px) and (max-device-width: 999px) {
.paddingfakenews {
   width : 90%;
   margin-left: auto;
   margin-right: auto;
}
.paddingfakenews .multi {
    background-color: white;
    color: white;
    border-left: 5px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:2px; 
}
.paddingfakenews .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}

.paddingfakenews div.partie{
    margin: 1em auto;
    padding: 0em 0.7em;
    font-size: 1em;
}
}


@media screen and (min-device-width: 1000px) {
.paddingfakenews .multi {
    background-color: white;
    color: white;
    border-left: 5px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:2px; 
}
.paddingfakenews .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}

.paddingfakenews div.partie{
    margin: 1em auto;
    padding: 0em 0.7em;
    font-size: 1em;
}
}

@media screen and (min-device-width: 1px) and (max-device-width: 768px) {
.paddingfakenews .formcommentaire { 
  margin-top : -220px;
} 
}


@media screen and (min-device-width: 1px) and (max-device-width: 479px) { 
/* Réduction taille titre gazette, intro et image */
#container2 {
  width: 97%;
  margin: 0 auto;
  padding: 0 1em;
}

/*form .formcommentaire {
  width : 280px;
  margin-left: auto;
    margin-right: auto;
}

.info-banner {  
  width : 280px;
  margin-left: auto;
    margin-right: auto;
}*/

.formulepv {
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 375px;
}

select option {
  font-size:10px;
}

h6 {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  letter-spacing : 2px;
  margin: 0;
}

.h7 {
  font-size: 17px;
  text-align: center;
  color : black;
}

/*pour la gazette de finale de S3 */
.h8 {
  font-size: 24px;
  text-align: center;
  color : black;
}

.imgtype4 { /* par exemple pour le wsh c ki de la page quizz ! */
  width : 130px;
  position: float;
  margin : 0 0 0 10px;
}


.imgtype3 {
  width : 77px;
  position: float;
  margin : 0 7px 0 7px;
} 


img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 120px;
}
img.displayedhalloffame {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 138px;
}

img.displayedhalloffamecoupeambi {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 160px;
}

a.noopy {
display : none;
} 

article p {
  column-count: 1;
  text-align: justify;
  font-size: 17px;
}

header ul li:first-child {
display : none;
}
header ul li:nth-child(2) {
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}
header ul li:last-child {
display : none;
}


.titrefakenews p{
  font-size : 21px;
  padding-left : 30px;
  color : rgba(55,165,220, 1); 
  font-weight : bold;
}

.paddingfakenews .reculfakenews p {
  font-size : 16px;
  text-align : center;
}
  


/* Mise en forme des formulaires pour le post de commentaire */

.button-blue{margin-top:10px;float:right;font-family:Arial;cursor:pointer;font-size:0.78em;padding:7px 12px;font-weight:bold;border-radius:5px;color:#ffffff;border:0px;background:#3e679b;box-sizing:border-box;text-align:center;}
textarea{padding:10px;border:1px solid #E7E7E7;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:125px;}
.red{color:#DC4739;
float:right;}
.clear{clear:both;}

div.formulaire-reponse{
margin-top: 2em ;
text-align: center;
white-space: nowrap;
}

div.reponse-textarea{
width: 70% ;
margin-left: 1em ;
}


div.reponse-textarea textarea{
width: 100% ;
min-width: 100% ;
max-width: 100% ;
min-height: 10em ;
}

.imgsmiley img{
  max-width: 18px;
}


.texttest .multi {
    background-color: white;
    color: white;
    border-left: 5px solid;
  border-image:linear-gradient(#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) 80;
  padding:2px; 
}
.texttest .ombre{
  -webkit-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  -moz-box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
  box-shadow: 2px 2px 5px -3px rgba(118,119,128,1);
}

.texttest div.partie{
    margin: 1em auto;
    padding: 0em 0.7em;
    font-size: 1em;
}

} 






@media screen and (min-width: 1px) and (max-width: 479px) { 

.texttest {
  padding-left : 15px;
  padding-right : 15px;
}   


p {
  color : black;
  font-family : "Teko", Lobster, Lato;
  font-size : 17px;
  text-align : justify;
  line-height : 25px;
}

.annotationrecherchepoke {
  color : #565557;
  font-family : "Teko", Lobster, Lato;
  font-size : 16px;
  text-align : justify;
  line-height : 20px;
  margin-top : 3px;
}


h2{
  font-size : 27px;
  font-weight : bold;
  color : rgba(55,165,220, 1); 
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  text-align : center;
}

h4{
  color : rgba(55,165,220, 0.65);
  font-size : 25px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 50px;
}

ul li {
  font-size : 17px;
}

caption {
  font-family: 'Playfair Display SC', bold;
  font-size: 17px;
  margin : 0px 0px 15px 0px;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width: 90px;
}


#mainContainer2parties{
  display: flex;
  justify-content: space-between;
  border: none;
  width:96%;
  margin-left: auto;
  margin-right: auto;
}
.sprite img {
  max-width: 25px;
  padding:0px 0px 0px 0px;
  margin : 0px 0px -0.45% 0px;
} 
#mainContainer3parties{
  display: flex;
  justify-content: space-between;
  border: none;
}

.bloc-Gauche, .bloc-Droit, .bloc-Fixe {
  width: 33.33%;
   margin-left: auto;
   margin-right: auto;
}


h4{
  color : rgba(55,165,220, 0.65);
  font-size : 24px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 50px;
}
h5{
  color : rgba(55,165,220, 0.65);
  font-size : 20px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  padding-left : 80px;
}

/* Augmentation de la largeur des tableaux de stats */
.modiflargeur {
  width : 97%;
}
.modiflargeur2 {
  width : 97%;
}


.modiflargeur6 {
  display:block;
}

.modiflargeur6 th:nth-of-type(3) {
  display:none;
}

.modiflargeur6 td:nth-of-type(3) {
  display:none;
}


.modiflargeur2 th:nth-of-type(4) {
  display:none;
}

.modiflargeur2 td:nth-of-type(4) {
  display:none;
}

.modiflargeur2 th:nth-of-type(7) {
  display:none;
}

.modiflargeur2 td:nth-of-type(7) {
  display:none;
}

.modiflargeur3 th:nth-of-type(2) {
  display:none;
}

.modiflargeur3 {
  width : 97%;
}

.modiflargeur3 td:nth-of-type(2) {
  display:none;
}
.modiflargeur3 th:nth-of-type(7) {
  display:none;
}

.modiflargeur3 td:nth-of-type(7) {
  display:none;
}

/* Player Value */
.centrageoklm {
  text-align : center;
  font-size : 18px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}

.centrageoklm2 {
  text-align : center;
  font-size : 17px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}
.centrageoklmpourlePR {
  text-align : justify;
  font-size : 17px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
}


/* Mise en forme du moteur de recherche de la tierlist */
.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #5298cf;
  padding: 5px;
  height: 26px;
  border-radius: 5px 5px 5px 5px;
  outline: none;
  color: #5298cf;
}

.searchTerm:focus{
  color: #4183b7;
}

.wrap{
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}





/* Fin de la mise en forme du moteur de recherche de la tierlist */


/* Taille des mini sprite de Pokemon dans tableau de stat */
tbody tr td img {
  max-width: 23px; 
  padding:0px 0px 0px 0px;
}

.p1{
  color : black;
  font-style : italic;
  font-family : "Teko", Lobster, Lato;
  font-size : 17px;
  font-weight : 600;
  display : inline;
}

/* Augmentation de la largeur de la timeline pour un affichage plus sympa sur cette largeur d'écran */
section#timeline {
  width: 96%;
  margin: 20px auto;
  position: relative;
}
.articledifferentdegazette p {
  column-count: 1;
  text-align: justify;
  font-size: 10px;
}
.articledifferentdegazette section#timeline article div.inner h4 {
  padding: 3px 0 3px 8px;
  margin: 0;
  color: white;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0px;
  border-radius: 6px 6px 0 0;
  position: relative;
  z-index : 2;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.day2 {
  font-size: 7px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.month2 {
  font-size: 15px;
}
.articledifferentdegazette section#timeline article div.inner div.date5 div.year2 {
  font-size: 9px;
}
.articledifferentdegazette section#timeline article div.inner p {
  padding: 8px;
  margin: 0;
  font-size: 16px;
  background: #88bbdd;
  color: white;
  border-radius: 0 0 6px 6px;
  text-align : justify;
}

.articledifferentdegazette section#timeline article div.inner div.date5 {
  display: block;
  width: 55px;
  height: 55px;
  padding: 8px 0 3px 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -32px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: #1e1c59; /*linear-gradient(180deg, #1e1c59, #2783c1, #fff);*/
  color : white;
  border: 0px solid rgba(255,255,255,1);
  box-shadow: 0 0 0 0/*5*/px #1e1c59;
}

/* Petit carré a 45 degrès qui fait la flèche */
.articledifferentdegazette section#timeline article div.inner h4:after {
  content: '';
  position: absolute;
  top: 12px;
  z-index : 3;
  right: -5px;
    width: 10px; 
    height: 10px;
  -webkit-transform: rotate(-45deg);
}

/* Mise en forme des boutons cliquables de la tierlist */
.alignementbouton {
  text-align : center;
  padding-left : 25px;
  padding-right : 25px;
}

.design { /*HOVER ?? */
  height: 30px;
  padding: 0 40px;
  font-size: 16px;
  text-decoration: none;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  color: black;
  margin : 5px auto;
  background-image : url("/bandeauimage12opacityfaible.png");
  text-align : center;
  display : inline; /* display : block met tout en ligne... */
  border: none;
  border-radius: 3px;
  box-shadow: 0px 4px 5px 0px rgba(158, 66, 61, 0.24);
}
/* Fin de la mise en forme des boutons cliquables de la tierlist */

/*Suite formulaire : bouton submit et critère de recherche*/

.select-style {
    width: 240px;
}

.select-style select {
    padding: 3px 5px;
  font-size : 75%;
}

.alignementbouton .designvalidationdeformulaire { /*HOVER ?? */
    padding: 3px 7px;
    width: 32px;
  font-size : 75%;
}

/* Mise en forme tableau tierlist */
.police2 .table3 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 97%;
}

.police2 .table2 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 97%;
}

.police2 .tablePokemonRestrictionTL {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 97%;
}


.table3 tbody tr td img {
max-width :39px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
}


.table3 tbody tr td .bite{
width : 14px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit{
max-width : 71px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit9{
max-width : 65px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit2{
max-width : 58px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit3{
max-width : 52px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit4{
max-width : 45px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit5{
max-width : 78px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit6{
max-width : 84px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit7{
max-width : 91px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand3{
max-width : 35px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand{
max-width : 32px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand2{
max-width : 29px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 26px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 97px;
padding-top: 0px;
}

.tropgrandtype{
max-width : 23px;
padding-top: 0px;
text-align:center;
}

/* Mise en forme des tableaux de Draft - particulièrememnt redimensionnement des images dans un cadre esthétique */

.table4 tbody tr td img {
max-width :39px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding :  0px 0px 0px 0px;
}


.table4 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit{
max-width : 71px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit9{
max-width : 65px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit2{
max-width : 58px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit3{
max-width : 52px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit4{
max-width : 45px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit5{
max-width : 78px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit6{
max-width : 84px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit7{
max-width : 91px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand3{
max-width : 35px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand{
max-width : 32px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand2{
max-width : 21px;
padding-top: 0px;
}

.table4 tbody tr td .tropgrand4{
max-width : 26px;
padding-top: 0px;
}

.table4 tbody tr td .troppetit8{
max-width : 97px;
padding-top: 0px;
}

.table4 tbody tr td .zmove{
max-width : 18px;
padding-top: 0px;
}

.table444 tbody tr td img {
max-width :180px;
font-family : "Playfair Display SC ", Teko, Permanent Marker;
padding :  0px 0px 0px 0px;
}


.table444 tbody tr td .bite{
width : 16px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit{
max-width : 71px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit9{
max-width : 65px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit2{
max-width : 58px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit3{
max-width : 52px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit4{
max-width : 45px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit5{
max-width : 78px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit6{
max-width : 84px;
padding-top: 0px;
}

.table444 tbody tr td .troppetit7{
max-width : 91px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand3{
max-width : 35px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand{
max-width : 32px;
padding-top: 0px;
}

.table444 tbody tr td .tropgrand2{
max-width : 21px;
padding-top: 0px;
}

.table3 tbody tr td .tropgrand4{
max-width : 26px;
padding-top: 0px;
}

.table3 tbody tr td .troppetit8{
max-width : 97px;
padding-top: 0px;
}

.table444 tbody tr td .zmove{
max-width : 18px;
padding-top: 0px;
}

/*Titre du tableau, situé à l'extérieur ainsi que de la police dans les tableaux tierlist */
.titre {
  text-align : center;
  font-size : 24px;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-weight : bold;
}

.police .table2 th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
  color : #555252; 
}

.police2 .table2 tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 13px;
}

.police .tablePokemonRestrictionTL th {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 16px;
  color : #555252; 
}

.police2 .tablePokemonRestrictionTL tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 13px;
}

.police2 .table3 tbody tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 13px;
}

/* taille de la police dans les tableau de draft */
.police2 .table4 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 15px;
}

.police2 .table444 tr td {
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  font-size : 15px;
}

/* Largeur du tableau player value */
.reductiontableau {
  width: 58%;
 }

thead th p{
  font-family: 'Playfair Display SC', sans-serif;
  font-weight:400;
  font-size:11px;
  color: #2d2d2d;
  text-align :center;
  padding: 0px 0px;
  background-image :(linear-gradient(#646f7f, #4a5564));
}
tbody tr td {
  font-family: 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:9px;
  padding:8px 10px 8px 10px;
  border-bottom:1px solid #e0e0e0;
}

.table4 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 96%;
} 

.table444 {
  border-collapse: separate;
  background:#fff;
  border-radius:5px;
  margin: auto;
  box-shadow :0px 0px 5px rgba(0,0,0,0.6) ;
  table-layout : fixed; 
  width: 96%;
} 

/* Mise en forme de contact */
.jaja ul {
  position:absolute;
  top:254px; 
  left:50%;
  transform:translate(-50%,-50%);
  margin: 0;
  padding:0;
  display:flex;
}

.jaja ul li a {
  display:block;
  position:relative;
  width:70px;
  height:70px;
  line-height:70px;
  font-size:30px;
  text-align:center;
  text-decoration:none;
  color:#404040;
  margin: 0 23px;
  transition:.5s;
}


/* Affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */
.containerbis .box {
  position : relative;
  width : 220px;
  padding : 10px;
  background : #fff;
  box-shadow : 0 5px 15px rgba(0,0,0,0.1);
  border-radius : 4px;
  margin : 20px;
  box-sizing : border-box;
  overflow : hidden;
  text-align : center;
}

.containerbis .box .content a {
  font-size : 19px;
  margin : 15px 0;
  padding : 0;
} 

.containerbis .box .content h2 {
  font-size : 20px;
  margin : 15px 0;
  padding : 0;
}

.containerbis .box .content p {
  margin : 0;
  padding : 0;
  text-align : center;
  transition : 0.5s;
  font-size : 17px;
}

.containerbis .box .icon{
  position : relative;
  width : 55px;
  height : 55px;
  color : #fff;
  background : #000;
  display : flex;
  justify-content : center;
  align-items : center; 
  margin : 0 auto;
  border-radius : 50%;
  font-size : 25px;
  font-weight : 700;
  transition : 1s;
}
/* Fin de l'affichage correct des menu de redirection rectangulaire, police comprise(exemple : dans 2-ADL) */


/* Footer */

.footer-list-header {
  display : none;
}
.footer-list-anchor {
  display : none;
}
.footer-social-connect {
  display: flex;
  align-items: center;
  font: 24px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-small { /* pour le with en plus petit */
  font-size: 15px;
  padding: 0px 12px /* écart entre le with et les mots qui l'entourent */
}
.footer-social-overlap > a {
  font-size: 24px;
  color : white;
}
.footer-bottom-wrapper {
  font-size: 16px;
  color: #fff
}
.footer-list-top > p {
  display : none;
}

}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated:hover {
  -webkit-animation-iteration-count: 10000;
  animation-iteration-count: 10000
}

 

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.typefichestrat {
  max-height : 26px;
  margin-bottom:-0.4em;
}
.typefichestrat2 {
  max-height : 20px;
  margin-bottom:-0.2em;
}




/* MEDIA QUERIES POUR LA RECHERCHE DE POKEMON SELON CRITERES - A AJUSTER POUR SUPPRIMER LES TRUCS INUTILES !!!!!!!!!!!!!!!!!!!!!!! */
@media screen and (min-width: 1201px) and (max-width: 1780px) { 

.bloc-Gauche4 {
  width: 24%;
  margin-left : 9%;
}
.bloc-Fixe4 {
  width: 24%;
  margin-left: auto;
  margin-right: auto;
}
.bloc-Droit4 {
  width: 80%;
  margin-left: -23%;
  margin-right: -11%;
}
.invisible2 {
  display : none
}

}



/* Page Analyse low tier */
@media screen and (min-width: 1000px) { 
.invisiblelowtier1 {
  display : block
}
.invisiblelowtier2 {
  display : none
}
}
@media screen and (min-width: 1px) and (max-width: 999px) { 
.invisiblelowtier1 {
  display : none
}
.invisiblelowtier2 {
  display : block
}
}



@media screen and (min-width: 1201px) and (max-width: 1780px) { 
.invisible3 {
  display : block
}
.invisible4 {
  display : none
}
.invisible5 {
  display : none
}
.invisible6 {
  display : none
}
}

.invisible33 {
  display : none
}
.invisible44 {
  display : none
}

@media screen and (min-width: 1px) and (max-width: 1651px) { 
.invisible11 {
  display : none
}
}
@media screen and (min-width: 1551px) and (max-width: 1651px) { 
.invisible33 {
  display : block
}
.invisible44 {
  display : none
}
}

@media screen and (min-width: 1201px) and (max-width: 1550px) { 
.invisible3 {
  display : none
}
.invisible33 {
  display : none
}
.invisible4 {
  display : block
}
.invisible44 {
  display : block
}
.invisible5 {
  display : none
}
.invisible6 {
  display : none
}
}

@media screen and (min-width: 1001px) and (max-width: 1201px) { 
.bloc-Gauche4 {
  width: 24%;
  margin-left : 6%;
}
.bloc-Fixe4 {
  width: 24%;
  margin-left: auto;
  margin-right: auto;
}
.bloc-Droit4 {
  width: 80%;
  margin-left: -20%;
  margin-right: -14%;
}
.invisible2 {
  display : none
}
.invisible3 {
  display : none
}
.invisible33 {
  display : none
}
.invisible4 {
  display : none
}
.invisible44 {
  display : none
}
.invisible5 {
  display : block
}
.invisible6 {
  display : none
}
}

@media screen and (min-width: 940px) and (max-width: 1000px) { 
.invisible5 {
  display : block
}
.invisible4 {
  display : none
}
}

@media screen and (min-width: 800px) and (max-width: 939px) { 
.invisible5 {
  display : block
}
}

@media screen and (min-width: 1001px) and (max-width: 1200px) { 
.form2{
  width : 84%;  
}

.texttestannotation {
    margin : 0 -5.4%;
}

.modiflargeur4 {
  width : 80%
}
.modiflargeur5 {
  width : 80%
}
.modiflargeur6 {
  width : 80%
}

}

@media screen and (min-width: 801px) and (max-width: 1000px) { 
.form2{
  width : 80%;  
}
.texttestannotation {
    margin : 0 -3.7%;
}

.titrerecherchepoke {
  font-size : 19px;
  line-height : 40px;
}
.invisible2 {
  display : block
}
.invisible1 {
  display : none
}
.invisible3 {
  display : none
}
.invisible33 {
  display : none
}
.invisible44 {
  display : none
}
.invisible6 {
  display : none
}

#mainContainer2parties2{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
}
.bloc-Gauche5 {
  width: 30%;
  margin-left : 12%;
}
.bloc-Droit5 {
width : 100%; 
margin-top : auto;
margin-bottom : auto;
margin-right : -10%;
margin-left : -8%;
}
.bloc-Droit5  .alignementbouton .typefichestrat2 {
  max-width : 82px;
  margin-bottom: -0.2em;
}
.titrerecherchepoke2 {
  font-size : 29px;
  line-height : 55px;
}
.titrerecherchepoke22 {
  font-size : 29px;
  line-height : 55px;
}
.modiflargeur4 {
  width : 80%
}
.modiflargeur5 {
  width : 80%
}
.modiflargeur6 {
  width : 80%
}
}


@media screen and (min-width: 619px) and (max-width: 800px) { 
.titrerecherchepoke {
  font-size : 19px;
  line-height : 38px;
}
}


@media screen and (min-width: 501px) and (max-width: 800px) { 
.form2{
  width : 90%;  
}
.texttestannotation {
    margin : 0 -8.3%;
}

select option {
  font-size:11px;
}

.invisible2 {
  display : block
}
.invisible1 {
  display : none
}
.invisible5 {
  display : block
}
.invisible4 {
  display : none
}
.invisible44 {
  display : none
}
.invisible3 {
  display : none
}
.invisible33 {
  display : none
}
.invisible6 {
  display : none
}

#mainContainer2parties2{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
}


.titrerecherchepoke2 {
  font-size : 28px;
  line-height : 55px;
}
.titrerecherchepoke22 {
  font-size : 28px;
  line-height : 55px;
}
.modiflargeur4 {
  width : 90%
}
.modiflargeur5 {
  width : 90%
}
.modiflargeur6 {
  width : 90%
}
}



@media screen and (min-width: 701px) and (max-width: 800px) { 
.bloc-Gauche5 {
  width: 30%;
  margin-left : 10%;
}
.bloc-Droit5 {
width : 100%; 
margin-top : auto;
margin-bottom : auto;
margin-right : -14%;
margin-left : -8%;
}
.bloc-Droit5  .alignementbouton .typefichestrat2 {
  max-width : 78px;
  margin-bottom: -0.2em;
}


}

@media screen and (min-width: 551px) and (max-width: 700px) { 
.bloc-Gauche5 {
  width: 30%;
  margin-left : 8%;
}
}

@media screen and (min-width: 501px) and (max-width: 550px) { 
.bloc-Gauche5 {
  width: 33%;
  margin-left : 7%;
}
}

@media screen and (min-width: 501px) and (max-width: 700px) { 

.bloc-Droit5 {
width : 100%; 
margin-top : auto;
margin-bottom : auto;
margin-right : -18%;
margin-left : -8%;
}
.bloc-Droit5  .alignementbouton .typefichestrat2 {
  max-width : 74px;
  margin-bottom: -0.2em;
}


}


@media screen and (min-width: 501px) and (max-width: 600px) { 
.invisible5 {
  display : none
}
.invisible6 {
  display : block
}

}

@media screen and (min-width: 401px) and (max-width: 550px) { 
.modiflargeur4 tbody tr td .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur4 thead tr th .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur5 tbody tr td .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur5 thead tr th .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 tbody tr td .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 thead tr th .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
}


@media screen and (min-width: 501px) { 
.invisible7 {
  display : none
}
.invisible8 {
  display : block
}
}


@media screen and (min-width: 481px) and (max-width: 618px) {  
.titrerecherchepoke {
  font-size : 18px;
  line-height : 35px;
}
.bloc-Droit5  .alignementbouton .typefichestrat2 {
  max-width : 72px;
  margin-bottom: -0.05em;
}
}

@media screen and (min-width: 1px) and (max-width: 480px) {  
.titrerecherchepoke {
  font-size : 17px;
  line-height : 35px;
}
}



@media screen and (min-width: 401px) and (max-width: 500px) { 
.form2{
  width : 90%;  
}
.texttestannotation {
    margin : 0 -8.3%;
}

.invisible2 {
  display : block
}
.invisible1 {
  display : none
}
.invisible6 {
  display : block
}
.invisible7 {
  display : block
}
.invisible8 {
  display : none
}
.invisible3 {
  display : none
}
.invisible33 {
  display : none
}
.invisible4 {
  display : none
}
.invisible44 {
  display : none
}
.invisible5 {
  display : none
}
#mainContainer2parties2{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
}
.bloc-Gauche5 {
  width: 39%;
  margin-left : 3%;
  margin-right : -13%;
}

.bloc-Droit5 {
width : 100%; 
margin-top : auto;
margin-bottom : auto;
margin-right : -16%;
margin-left : -2%;
}

.titrerecherchepoke2 {
  font-size : 27px;
  line-height : 50px;
}
.titrerecherchepoke22 {
  font-size : 27px;
  line-height : 50px;
}
.modiflargeur4 {
  width : 90%
}
.modiflargeur5 {
  width : 90%
}
.modiflargeur6 {
  width : 90%
}
}


@media screen and (min-width: 754px) and (max-width: 1000px) {
.remonterlebloc {
  margin-top :-20px;
}
}


@media screen and (min-width: 1px) and (max-width: 480px) {
.bloc-Droit5  .alignementbouton .typefichestrat2 {
  max-width : 68px;
  margin-bottom: -0.05em;
}
}

@media screen and (min-width: 1px) and (max-width: 400px) { 
.form2{
  width : 97%;  
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  background-image : url("/bandeauimage12opacityfaible.png");
  background-position:center center;
}
.texttestannotation {
    margin : 0 -11.5%;
}

.invisible2 {
  display : block
}
.invisible1 {
  display : none
}
.invisible2 {
  display : block
}
.invisible1 {
  display : none
}
.invisible6 {
  display : block
}
.invisible7 {
  display : block
}
.invisible8 {
  display : none
}
.invisible3 {
  display : none
}
.invisible4 {
  display : none
}
.invisible44 {
  display : none
}
.invisible5 {
  display : none
}
#mainContainer2parties2{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
}
.bloc-Gauche5 {
  width: 39%;
  margin-left : 2%;
  margin-right : -11%;
}

.bloc-Droit5 {
width : 100%; 
margin-top : auto;
margin-bottom : auto;
margin-right : -16%;
margin-left : -2%;
}

.titrerecherchepoke2 {
  font-size : 25px;
  line-height : 42px;
}
.modiflargeur4 {
  width : 97%
}

.modiflargeur4 tbody tr td img {
  max-width : 23px;
}

.modiflargeur4 thead tr th .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}

.modiflargeur5 {
  width : 97%
}

.modiflargeur5 tbody tr td img {
  max-width : 23px;
}

.modiflargeur5 thead tr th .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}
.modiflargeur6 {
  width : 97%
}

.modiflargeur6 tbody tr td img {
  max-width : 23px;
}

.modiflargeur6 thead tr th .iconetype {
  max-width:60px; 
  padding:0px 0px 0px 0px;
}

}



/* Adaptation particulière de l'affichage des résultats de recherche de poké dans le tableau selon la taille de l'écran */

@media screen and (min-width: 801px) { 
.invisiblerecherchepokephone3 { /* De 481 à 800 pour recherchebdd2 mais pas pour analyse_draft */
  display : none;
}
.invisiblerecherchepokephone2 { /* Inférieur à 480 */
  display : none;
}
.invisiblerecherchepokephone4 {  /* Entre 700 et 799 */
  display : none;
}
.invisiblerecherchepokephone5 {  /* 481 et plus */
  display : block;
}
}

@media screen and (min-width: 700px) and (max-width: 800px) { 
.invisiblerecherchepokephone { /* Au dessus de 800 */
  display : none;
}
.invisiblerecherchepokephone2 { /* Inférieur à 480 */
  display : none;
}
.invisiblerecherchepokephone3 { /* De 481 à 800 pour recherchebdd2 mais pas pour analyse_draft */
  display : none;
}
.invisiblerecherchepokephone5 {  /* 481 et plus */
  display : block;
}
}

@media screen and (min-width: 481px) and (max-width: 699px) { 
.invisiblerecherchepokephone { /* Au dessus de 800 */
  display : none;
}
.invisiblerecherchepokephone2 { /* Inférieur à 480 */
  display : none;
}
.invisiblerecherchepokephone4 {  /* Entre 700 et 799 */
  display : none;
}
.invisiblerecherchepokephone5 {  /* 481 et plus */
  display : block;
}
}

@media screen and (min-width: 1px) and (max-width: 480px) { 
.invisiblerecherchepokephone { /* Au dessus de 800 */
  display : none;
}
.invisiblerecherchepokephone3 { /* De 481 à 800 pour recherchebdd2 mais pas pour analyse_draft */
  display : none;
}
.invisiblerecherchepokephone4 {  /* Entre 700 et 799 */
  display : none;
}
.invisiblerecherchepokephone5 {  /* 481 et plus */
  display : none;
}
}



/*TEST POUR ISE EN FORME DE LA PAGE PROFIL */


.wrapperprofil{
  position: absolute;
  top:320px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 850px;
  display: flex;
  font-family : "Playfair Display SC ", Teko, Permanent Marker;
  box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
}

.wrapperprofil .gaucheprofil{
  width: 28%;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  padding: 30px 25px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  color: #fff;
}

.wrapperprofil .gaucheprofil img{
  border-radius: 5px;
  margin-bottom: 10px;
  max-width: 180px; /*TEST POUR AUGMENTER TAILLE IMAGE */
}

.wrapperprofil .gaucheprofil .h4profil{
  /*margin-bottom: 0px;*/
  font-size: 21px;
}

.wrapperprofil .gaucheprofil p{
  font-size: 18px;
  margin-top : -1px;
  color: #fff;
  text-align: center;
}

.wrapperprofil .gaucheprofil p a{
  font-size: 38px;
  color: #fff;
  text-align: center;
}

.wrapperprofil .droiteprofil{
  width: 72%;
  background: #fff;
  padding: 30px 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.wrapperprofil .droiteprofil .info,
.wrapperprofil .droiteprofil .projects{
  margin-bottom: 25px;
}

.wrapperprofil .droiteprofil .info .h3profil,
.wrapperprofil .droiteprofil .projects .h3profil{
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    color: #353c4e;
  text-transform: uppercase;
  letter-spacing : 1px;
  font-size: 22px;
}

.wrapperprofil .droiteprofil .info_data,
.wrapperprofil .droiteprofil .projects_data{
  display: flex;
  justify-content: space-between;
}

.wrapperprofil .droiteprofil .info_data .data,
.wrapperprofil .droiteprofil .projects_data .data{
  width: 45%;
}


.wrapperprofil .droiteprofil .info_data .data h7,
.wrapperprofil .droiteprofil .projects_data .data h7{
    color: #353c4e;
    margin-bottom: 5px;
}


.wrapperprofil .droiteprofil .info_data .data .h4profil,
.wrapperprofil .droiteprofil .projects_data .data .h4profil{
  font-size: 20px;
  color: #353c4e;
}


.wrapperprofil .droiteprofil .info_data .data p,
.wrapperprofil .droiteprofil .projects_data .data p{
  font-size: 17px;
  margin-bottom: 7px;
  margin-top: 2px;
  color: #919aa3;
}


.wrapperprofil .social_media ul{
  display: flex;
}

.wrapperprofil .social_media ul li{
  width: 45px;
  height: 45px;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  margin-right: 10px;
  border-radius: 5px;

  line-height: 45px;
}

.wrapperprofil .gaucheprofil .social_media ul li a{
  color :#fff;
  display: block;
  font-size: 18px;
}
                
  
.wrapperprofil .droiteprofil .projects table {
  border-collapse: separate;
  border-radius:5px;
  margin: auto;
  table-layout : fixed; 
  width: 100%;
  box-shadow: none;
}

.wrapperprofil .droiteprofil .projects table thead {
  border-radius: 5px;
}
 
.wrapperprofil .droiteprofil .projects table thead th p{
  font-family: Teko, 'Playfair Display SC', sans-serif;
  font-weight:400;
  font-size:20px;
  font-weight:400;
  color: #353c4e;
  text-align :center;
  padding: 0px 0px;
  text-transform: uppercase;
  background-image :(linear-gradient(#646f7f, #4a5564));
}
 
.wrapperprofil .droiteprofil .projects table tbody tr td {
  font-family: Teko, 'Playfair Display SC ', sans-serif;
  font-weight:400;
  color:#5f6062;
  font-size:16px;
  padding: 0px 5px 2px 5px;
  border-bottom:0px solid #e0e0e0;
}








@media screen and (min-width: 1000px){

.wrapperprofil .gaucheprofil img{
  position: relative;
  bottom: 23px;
  right : 10px;
}

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 {
  position: relative;
  top: -35px;
  left : 30px;
}

.wrapperprofil .gaucheprofil p a{
  position: relative;
  top: -22px;
}
  
}




@media screen and (min-width: 700px) and (max-width: 999px) {

.wrapperprofil{
  top:270px;
  width: 650px;
}

.wrapperprofil .gaucheprofil .h4profil{
  /*margin-bottom: 0px;*/
  font-size: 19px
}

.wrapperprofil .gaucheprofil p{
  font-size: 17px;
  margin-top : -1px;
  color: #fff;
  text-align: center;
}

.wrapperprofil .droiteprofil .info .h3profil,
.wrapperprofil .droiteprofil .projects .h3profil{
  font-size: 20px;
} 

.wrapperprofil .gaucheprofil img{
  border-radius: 5px;
  margin-bottom: 10px;
  max-width: 135px; /*TEST POUR AUGMENTER TAILLE IMAGE */
}

.wrapperprofil .gaucheprofil p a{
  font-size: 34px;
}


.wrapperprofil .droiteprofil .info_data .data p,
.wrapperprofil .droiteprofil .projects_data .data p{
  font-size: 16px;
  margin-bottom: 7px;
  margin-top: 2px;
}

.wrapperprofil .droiteprofil .info_data .data .h4profil,
.wrapperprofil .droiteprofil .projects_data .data .h4profil{
  font-size: 19px;
}

.wrapperprofil .gaucheprofil img{
  position: relative;
  bottom: 23px;
  right : 17px;
}

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 {
  position: relative;
  top: -35px;
  left : 19px;
}

.wrapperprofil .gaucheprofil p a{
  position: relative;
  top: -22px;
}
  

}



@media screen and (min-width: 600px) and (max-width: 699px) {
  
.wrapperprofil{
  position: absolute;
  top:270px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 550px;
  display: block;
} 


#mainContainer2partiesprofil{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
  

.wrapperprofil .gaucheprofil{
  width: 100%;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  padding: 30px 25px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  color: #fff;
  height : 170px;
}

  
.wrapperprofil .gaucheprofil img{
  border-radius: 5px;
  max-width: 135px; /*TEST POUR AUGMENTER TAILLE IMAGE */
  position: relative;
  top: -33px;
}

.wrapperprofil .gaucheprofil p a{
  position: relative;
  top: -27px;
}

  
.wrapperprofil .droiteprofil{
  width: 100%;
  background: #fff;
  padding: 30px 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
} 

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 {
  position: relative;
  top: -17px;
}

.wrapperprofil .gaucheprofil p a{
  font-size: 24px;
  margin-top : -10px;
}

.wrapperprofil .droiteprofil .info .h3profil,
.wrapperprofil .droiteprofil .projects .h3profil{
  font-size: 20px;
} 
  
.wrapperprofil .droiteprofil .info_data .data p,
.wrapperprofil .droiteprofil .projects_data .data p{
  font-size: 16px;
  margin-bottom: 7px;
  margin-top: 2px;
}

.wrapperprofil .droiteprofil .info_data .data .h4profil,
.wrapperprofil .droiteprofil .projects_data .data .h4profil{
  font-size: 19px;
}
  
  
  
}



@media screen and (min-width: 500px) and (max-width: 599px) {
  
.wrapperprofil{
  position: absolute;
  top:270px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 480px;
  display: block;
} 


#mainContainer2partiesprofil{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
  

.wrapperprofil .gaucheprofil{
  width: 100%;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  padding: 30px 25px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  color: #fff;
  height : 170px;
}

  
.wrapperprofil .gaucheprofil img{
  border-radius: 5px;
  max-width: 135px; /*TEST POUR AUGMENTER TAILLE IMAGE */
  position: relative;
  top: -33px;
}

.wrapperprofil .gaucheprofil p a{
  position: relative;
  top: -27px;
}

  
.wrapperprofil .droiteprofil{
  width: 100%;
  background: #fff;
  padding: 30px 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
} 

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 {
  position: relative;
  top: -17px;
}

.wrapperprofil .gaucheprofil p a{
  font-size: 24px;
  margin-top : -10px;
}

.wrapperprofil .droiteprofil .info .h3profil,
.wrapperprofil .droiteprofil .projects .h3profil{
  font-size: 20px;
} 
  
.wrapperprofil .droiteprofil .info_data .data p,
.wrapperprofil .droiteprofil .projects_data .data p{
  font-size: 16px;
  margin-bottom: 7px;
  margin-top: 2px;
}

.wrapperprofil .droiteprofil .info_data .data .h4profil,
.wrapperprofil .droiteprofil .projects_data .data .h4profil{
  font-size: 19px;
}
  
  

}

@media screen and (min-width: 480px) and (max-width: 499px) {
  
.wrapperprofil{
  position: absolute;
  top:270px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 395px;
  display: block;
} 

}

@media screen and (min-width: 400px) and (max-width: 479px) {
  
.wrapperprofil{
  position: absolute;
  top:240px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 395px;
  display: block;
} 

}

@media screen and (min-width: 400px) and (max-width: 499px) {


#mainContainer2partiesprofil{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
  

.wrapperprofil .gaucheprofil{
  width: 100%;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  padding: 20px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  color: #fff;
  height : 150px;
}

  
.wrapperprofil .gaucheprofil img{
  border-radius: 5px;
  max-width: 105px; /*TEST POUR AUGMENTER TAILLE IMAGE */
  position: relative;
  top: -16px;
}

.wrapperprofil .gaucheprofil p a{
  position: relative;
  top: -27px;
}

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 {
  position: relative;
  top: -15px;
}

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 .h4profil {
  font-size: 20px;   
}
  
.wrapperprofil .droiteprofil {
  width: 100%;
  background: #fff;
  padding: 20px 15px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
} 


.wrapperprofil .gaucheprofil p a{
  font-size: 22px;
  margin-top : -10px;
}

.wrapperprofil .droiteprofil .info .h3profil,
.wrapperprofil .droiteprofil .projects .h3profil{
  font-size: 18px;
  /*position: relative;
  top: -8px;*/
} 
  
  
  
.wrapperprofil .droiteprofil .info_data .data p,
.wrapperprofil .droiteprofil .projects_data .data p{
  font-size: 15px;
  margin-bottom: 7px;
  margin-top: 2px;
  /*position: relative;
  top: -10px;*/
}

.wrapperprofil .droiteprofil .info_data .data .h4profil,
.wrapperprofil .droiteprofil .projects_data .data .h4profil{
  font-size: 17px;
  /*position: relative;
  top: -10px; */ 
}
  
  

}

@media screen and (min-width: 380px) and (max-width: 399px) {
  
.wrapperprofil{
  position: absolute;
  top:240px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 375px;
  display: block;
} 

}

@media screen and (min-width: 359px) and (max-width: 379px) {
  
.wrapperprofil{
  position: absolute;
  top:240px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 355px;
  display: block;
} 

}

@media screen and (max-width: 358px) {
  
.wrapperprofil{
  position: absolute;
  top:240px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 340px;
  display: block;
} 

}

@media screen and (max-width: 399px) {
  
#mainContainer2partiesprofil{
  display: flex;
  justify-content: space-between;
  border: none;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
  

.wrapperprofil .gaucheprofil{
  width: 100%;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  padding: 20px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  color: #fff;
  height : 150px;
}

  
.wrapperprofil .gaucheprofil img{
  border-radius: 5px;
  max-width: 105px; /*TEST POUR AUGMENTER TAILLE IMAGE */
  position: relative;
  top: -16px;
}

.wrapperprofil .gaucheprofil p a{
  position: relative;
  top: -27px;
}

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 {
  position: relative;
  top: -15px;
}

.wrapperprofil .gaucheprofil #mainContainer2partiesprofil .bloc-Droit2 .h4profil {
  font-size: 20px;   
}
  
.wrapperprofil .droiteprofil {
  width: 100%;
  background: #fff;
  padding: 15px 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
} 


.wrapperprofil .gaucheprofil p a{
  font-size: 22px;
  margin-top : -10px;
}

.wrapperprofil .droiteprofil .info .h3profil,
.wrapperprofil .droiteprofil .projects .h3profil{
  font-size: 18px;
  /*position: relative;
  top: -8px;*/
} 
  
  
  
.wrapperprofil .droiteprofil .info_data .data p,
.wrapperprofil .droiteprofil .projects_data .data p{
  font-size: 15px;
  margin-bottom: 7px;
  margin-top: 2px;
  /*position: relative;
  top: -10px;*/
}

.wrapperprofil .droiteprofil .info_data .data .h4profil,
.wrapperprofil .droiteprofil .projects_data .data .h4profil{
  font-size: 17px;
  /*position: relative;
  top: -10px; */ 
}
  
  

}



/* Mise en forme des uestions fréquentes pour les règles */

.faqs-container {
  margin: 0 auto;
  max-width: 600px;
}

.faq {
  background-color: transparent;
  border: 1px solid #9FA4A8;
  border-radius: 10px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  margin: 20px 0;
  transition: 0.3s ease;
}

.faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

/* Bulle 1 */
.faq.active::after, .faq.active::before {
  color: #2ecc71;
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-size: 7rem;
  position: absolute;
  opacity: 0.2;
  top: 20px;
  left: 20px;
  z-index: 0;
}

/* Bulle 2 */
.faq.active::before {
  color: #3498db;
  top: -10px;
  left: -30px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
  font-size: 22px;  
}

.faq-text {
  display: none;
  margin: 30px 0 0;
}

.faq.active .faq-text {
  display: block;
}

.faq-toggle {
  background-color: transparent;
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  height: 30px;
  width: 30px;
}

.faq-toggle:focus {
  outline: none;
}

.faq.active .faq-toggle {
  background-color: #fff;
}

.faq-toggle .fa-chevron-down {
  color: #83888E;
}

@media screen and (min-width: 800px) and (max-width: 999px) {
  
.faq {
  padding: 22px;
}

/* Bulle 1 */
.faq.active::after, .faq.active::before {
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-size: 6rem;
  position: absolute;
  opacity: 0.2;
  top: 20px;
  left: 20px;
  z-index: 0;
}

/* Bulle 2 */
.faq.active::before {
  color: #3498db;
  top: -10px;
  left: -30px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
  font-size: 20px;  
}

.faq-toggle {
  top: 20px;
}


}

@media screen and (min-width: 600px) and (max-width: 799px) {
  
.faqs-container {
  margin: 0 auto;
  max-width: 570px;
} 
  
.faq {
  padding: 20px;
}

/* Bulle 1 */
.faq.active::after, .faq.active::before {
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-size: 5.5rem;
  position: absolute;
  opacity: 0.2;
  top: 20px;
  left: 20px;
  z-index: 0;
}

/* Bulle 2 */
.faq.active::before {
  color: #3498db;
  top: -10px;
  left: -30px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
  font-size: 20px;  
}

.faq-toggle {
  top: 20px;
}


}

@media screen and (min-width: 500px) and (max-width: 599px) {
  
.faqs-container {
  margin: 0 auto;
  max-width: 470px;
}

}

@media screen and (min-width: 440px) and (max-width: 499px) {
  
.faqs-container {
  margin: 0 auto;
  max-width: 410px;
}

}

@media screen and (min-width: 400px) and (max-width: 439px) {
  
.faqs-container {
  margin: 0 auto;
  max-width: 385px;
}

}

@media screen and (min-width: 1px) and (max-width: 399px) {
  
.faqs-container {
  margin: 0 auto;
  max-width: 330px;
}

}

@media screen and (min-width: 1px) and (max-width: 599px) {
  
.faq {
  padding: 19px;
}

/* Bulle 1 */
.faq.active::after, .faq.active::before {
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-size: 5rem;
  position: absolute;
  opacity: 0.2;
  top: 20px;
  left: 20px;
  z-index: 0;
}

/* Bulle 2 */
.faq.active::before {
  color: #3498db;
  top: -10px;
  left: -30px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
  font-size: 19px;  
}

.faq-toggle {
  top: 20px;
  right: 20px;
  height: 25px;
  width: 25px;
}


}

/*Construction du carroussel */
*{box-sizing: border-box}

/*img{max-width: 100%}*/

input[type=radio]{

position: absolute;
left: -9999px

}/*on cache tous les input*/
  
.cadre-demo1 label{
  
cursor:pointer/*on pointe tous les labels*/
  
}

.cadre-demo1{

overflow: hidden;
position: relative;
max-width: 600px;
margin: 2rem auto
  
  }


.photos-mini{
  
  
padding-top: 56.67%;/* il s'agit du ratio pour le responsive*/
display: flex;

  }

.miniature{

flex: 1; /*les photos occupent la même place selon la largeur du conteneur*/
padding:.25rem;
  
}
  

.fenetre{/*grande photo*/

position: absolute;
top: 0;
left: 0;
transition:transform .6s,opacity .6s;
transform:translatex(-100%);
border-radius : 5px;
opacity: 0
  
  }

.fen:checked~ .fenetre{
  
transform:translatex(0%);
opacity: 1
  
  }

.figcaption{/*optionnel*/
position: absolute;
top: 0;
left: 0;
padding: 0.25rem;
transition: opacity .4s;
opacity: 0;
display: flex;
justify-content: center;
color: white;
border-top-left-radius : 5px;
background: hsla(0,0%,0%,.8)
}

.fen:checked~.figcaption{

opacity: 1
  
  }


/* Classe iconify pour le logo pentagone dans les textes */

.iconify {
  position: relative;
  top: 3px;
}


.centrerrechercherteamadl iframe {
  width : 500px;
  height : 281px;
}

@media screen and (min-width: 450px) and (max-width: 1050px) {

.centrerrechercherteamadl iframe {
  width : 440px;
  height : 248px;
}
  
}

@media screen and (min-width: 410px) and (max-width: 449px) {

.centrerrechercherteamadl iframe {
  width : 400px;
  height : 225px;
}
  
}

@media screen and (min-width: 390px) and (max-width: 409px) {

.centrerrechercherteamadl iframe {
  width : 380px;
  height : 214px;
}
  
}

@media screen and (min-width: 360px) and (max-width: 389px) {

.centrerrechercherteamadl iframe {
  width : 350px;
  height : 197px;
}
  
}

@media screen and (min-width: 1px) and (max-width: 359px) {

.centrerrechercherteamadl iframe {
  width : 330px;
  height : 186px;
}
  
}


/* Affichage des cartes ADL or argent crystal ... */

.dispo {
  padding-left : 26%;
  margin-bottom : 20px;
  color : #353c4e;
}

.dispo2 {
  padding-left : 34%;
  margin-bottom : 20px;
  color : #353c4e;
}

.bonus2 {
  width: 180px;
}

.h4profilgreen {
  font-size: 19px;
  color: green;
  text-align : right;
}

.h4profilred {
  font-size: 19px;
  color: red;
  text-align : right;
}

.h4profilblack {
  font-size: 19px;
  color: #353c4e;
  text-align : right;
}

.jecentre {
  margin-right : auto;
  margin-left : auto;
}

@media screen and (min-width: 500px) {
.jecentre p {
  font-size : 16px;
  color: #919aa3;
  margin-top : -28px;
} 
  
}

@media screen and (min-width: 1px) and (max-width: 400px) {

.bonus2 {
  width: 160px;
}

.dispo {
  padding-left : 31%;
  margin-bottom : 14px;
  margin-top : -2px;
}

}

/* Logo Bet ADL */
.imgtype8 {
    margin-left: auto;
    margin-right: auto;
  display: block;
  width : 390px;
  margin : 0 0 0 0 px;
}

@media screen and (min-width: 1px) and (max-width: 499px) {
  
  
.jecentre p {
  font-size : 14px;
  color: #919aa3;
  margin-top : -29px;
} 

.designbetadl { /* voir plus + de la page profil onglet betadl */
  height: 19px;
  padding: 0 16px;
  font-size: 14px;
} 

.data .h4profilgreen {
  font-size : 17px;
}
.data .h4profilred {
  font-size : 17px;
}
.h4profilblack {
  font-size: 17px;
}
  
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  
.imgtype8 {
  width : 310px;
} 
  
} 
  
@media screen and (min-width: 480px) and (max-width: 767px) { 
  
.imgtype8 {
  width : 280px;
} 
    
} 
  
@media screen and (min-width: 1px) and (max-width: 479px) { 
  
.imgtype8 {
  width : 260px;
} 
    
} 
  
  

/* TENTATIVE MONEY */
.money {
  
  width: 18px;
}

/* TENTATIVE Taille carte */

.tableaucartes { 
  font-family: "Playfair Display SC ", Teko, Permanent Marker;
  line-height: normal;
}

/* TENTATIVE Taille carte */
.tableaucartes img {
  width: 110px;
}

/* TENTATIVE Taille carte */
.tableaucartes th img {
  width: 30px;
}

.tableaucartes td p {
  text-align: center;
  font-size: 15px;
  font-weight: 550;
}

.tableaucartes th p {
  font-family: "Playfair Display SC ", Teko, Permanent Marker;
  text-align: center;
  font-size: 19px;
  font-weight: 550;
}


@media screen and (min-width: 600px) and (max-width: 999px) {
/* Icones des types dans les restriction de la TL  */
.tablePokemonRestrictionTL .tropgrandtype2 img{
max-width : 45px;
}
}


@media screen and (min-width: 1px) and (max-width: 599px) {
/* Icones des types dans les restriction de la TL  */
.tablePokemonRestrictionTL .tropgrandtype2 img{
max-width : 38px;
}
}