/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color: #eaeaea;
  font-family: "Open Sans", sans-serif;
  padding: 0px 0px;
  font-size: 18px;
  margin: 0;
  color: #444;
}

h1 {
  font-size: 28px;
}

/*pour baniere*/

.baniere {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
  background-color: #4a051a;
  margin: 0px 0px;
  padding: 17px 5px;
  font-size: 80px;
}
.color {
  color: #e5e4e0;
  font-size: 20px;
  
  
}
.img {
width: 20px ;
}


/*fin baniere*/

.titre {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 25px;
  font-size: 50px;
  text-align: center;
  
}

/*section moment*/
.moment{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #e8e8e8;
  margin: 50px 50px;
} 


.imgmom {
  height: 413px;
  width: 530px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/175750638_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.listemom{
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: space-around;
  margin: 0px 0px;
  padding: 0px 0px;

}

.txtlst1{
  font-size:35px;
  text-align: center;
  border: 2px solid #101010;
  background-color: #deff26;
  padding: 44px 20px;

}
.txtlst2{
  font-size: 35px;
  text-align: center;
  border: 2px solid #101010;
  background-color: #1b70f7;
  padding: 44px 19px;

}
.txtlst3{
  font-size: 35px;
  border: 2px solid #101010;
  background-color: #ff8226;
  padding: 44px 50px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  

}


.linkmom{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: center;
  height: 413;
  text-align: center;
  color: #2970af;
  text-emphasis-color: #2970af;
  font-size: 45px;
  
  
  }

/*fin moment */


.contenu {
  display: flex;
  flex-direction: column;
  align-items: center;

}
.souscontenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  
}
.titresc{
  text-align: center;
  font-size: 35px;

}

.txtsc {
  font-size: 20px;

}
.stxtsc {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 310px;
  width: 430px;

}

/*contenu page acceuil*/
.acctxt{
  
  margin: 10px 1px;
}
.accvu {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/148352137_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 25px;
  color: aliceblue;
  margin: 35px ;
}
.accpp {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(galerie/titre-baw2.png);
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 25px;
  color: #5ca6e6;
  margin: 5px 0px ;
}
.accpot {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/188579224_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 25px;
  color: #33b129;
  margin: 5px 40px;
}
/*fin acceuil*/
/*select type jeu*/
.typjeup {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/175750638_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 35px;
  color: #2970af;
  margin: 40px 40px;
}
.typjeup {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/175750638_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 35px;
  color: #2970af;
  margin: 40px 40px;
}
.typjeums {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/165984910_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 35px;
  color: #2970af;
  margin: 40px 40px;
}
.typjeuea {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/148352137_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 35px;
  color: #2970af;
  margin: 15px 40px;
}
.typjeuan {
  height: 310px;
  width: 430px;
  border: 2px solid #101010;
  background-image: url(https://cdn2.scratch.mit.edu/get_image/project/155754236_360x400.png );
  background-size: contain;
  background-repeat: round;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 35px;
  color: #2970af;
  margin: 5px 40px;
}
.tyjeslt{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
}
/*fin type jeu*/
/*listes jeu*/
.contenulstjeu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: inherit;
}
.souscontenulstjeu {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 2px solid #101010;

}
/*fin lst jeu*/
/*detail*/
.contenudet {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}

.souscontenudet {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px;
}
.titredet {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 25px;
  font-size: 30px;
  text-align: center;

}
.contentdet {
  
  text-align:left;

}

.invisible {
  color: transparent;

}
/*fin det*/
/*debut cp*/
.contenucp {

  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: center;
  

}
.contentcp {

  width: 280px;
  text-align: left;
  font-size: 20px;


}
.numbercp {

  font-size: 80px;
  text-align: center;


}
.amicp {

  display: flex;
  flex-direction: row;
  justify-content: space-around;


}
.borderline {

  border: 2px solid #101010;
  text-align: center;

}
#fondu
{
  color: #a3a3a3;

  transition: 0.75s;
  
}

#fondu:hover
{
  color: #dddddd;
  
}