/*Je définis la couleur de fond et de texte du body*/
body {
  background-color: #387595
    /*#305162*/
    /*#4dd7fa*/
  ;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  min-height: 98vh;
  display: flex;
  flex-direction: column;
  cursor: url('../images/ball.png'), default;
}

a:hover,
button:hover {
  cursor: url('../images/opened.png') 15 15, pointer;
}

.index {
  display: block;
}

.contenu {
  display: block;
  text-align: justify;
  font-size: 16pt;
  font-weight: 100;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  background-color: #6d9fc2;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 50px;
}

.intro {
  text-align: center;
}

a.regles {
  color: blue;
  line-height: 35px;
}

a.regles:hover {
  text-decoration: underline;
  color: rgb(0 101 141);
}

.telechargement {
  background-color: rgb(210, 210, 210);
  border: 1px solid black;
  border-radius: 20px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.telechargement:hover {
  background-color: darkgray;
}

.lien {
  text-decoration: underline;
  color: aqua;
}

#table-de-types {
  width: 350px;
  height: 350px;
  align-items: center;
}

#types {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 25px;
  margin-top: 25px;
  justify-content: space-between;
}

.debut {
  text-decoration: underline;
  text-align: center;
}

#img-table {
  display: flex;
  flex-direction: column;
  max-width: 350px;
}

#table-infos {
  margin-top: 5px;
}

th,
td {
  border-style: solid;
  border-color: black;
}

#spanSacha {
  display: inline-flex;
  flex-direction: column;
}

#sacha-evo {
  width: 500px;
  display: none;
  position: absolute;
}

#evolution:hover #sacha-evo {
    display: block;
    border: 7px solid #a4a4a4;
    border-radius: 25px;
    margin: 0; 
}

.moitiee {
  background-color: rgba(10,20,30,0.2);
  border-radius: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  margin-top: 25px;
  
}

iframe {
  width:70%;
  height: 300px;
  border-radius: 25px;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

.ytb {
  width: 100%;
  height: auto;
  text-align: center;
}

.pdf {
  margin-bottom:15px;
  margin-left: 10px;
}

#ma-collec{
  width: 60%;
  border-radius: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#evolitions {
  width: 95%;
  border-radius: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}