/*
Auteur              : Nicolas Monnard
Date                : Le 19.12.2019
Description         : Page d'accueil de mon projet
*/

* {
  font-family: "Berlin Sans FB";
  right: 0px;
  padding: 0px;
  margin-right: 0px;
}

html {
  right: 0px;
  padding: 0px;
  margin: 0px;
  width: 95%;
}

body {
  padding: 0em;
  margin: 0em;
  background-position: center;
  z-index: 0;
}
/*C'est la bannière de la page*/
header {
  background-image: url("../image/fond.png");
  background-position: top;
  text-align: center;
  right: 0px;
  width: 103.05%;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 64px;
  padding: 20px;
}

#header1{
  background-image: url("../image/fond.png");
  background-position: top;
  text-align: center;
  right: 0px;
  width: 103.05%;
  position: relative;
  color: rgb(142, 11, 175);
  font-size: 64px;
  padding: 20px;
}

header a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  position: relative;
}

#header1 a{
  text-decoration: none;
  color: rgb(142, 11, 175);
  position: relative;
  border: solid 0.05em rgb(255, 255, 255);
}

header a:hover {
  color: rgb(142, 11, 175);
}

#header1 a:hover{
  color: rgb(142, 11, 175);
}
/*Menu de navigation*/
.nav {
  position: absolute;
  text-align: center;
  width: 100%;
  background-color: rgb(0, 0, 0);
}

.menu {
  text-align: center;
  z-index: 1;
}
/*Bouton pour faire apparaître le menu des équipes*/

.equipe {
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border: none;
  font-size: 1.35em;
  padding: 1.75em;
  width: 10%;
  position: absolute;
  text-align: center;
  left: 45.5%;
  z-index: 1;
}

.equipes {
  background-image: url("../image/xboxone_controller.png");
  background-size: 5em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
  color: rgb(230, 230, 230);
  border: solid 0.15em white;
  font-size: 1.35em;
  padding: 1.75em;
  width: 10%;
  position: absolute;
  text-align: center;
  left: 45.5%;
  z-index: 1;
}
/*le lien vers la page des tournois*/
.tournois {
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border: solid 0px black;
  font-size: 1.35em;
  padding: 1.75em;
  width: 10%;
  position: absolute;
  text-align: center;
  right: 0px;
}

.tournoisk{

  background-image: url("../image/xboxone_controller.png");
  background-size: 7em;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  border: solid 0.15em white;
  font-size: 1.35em;
  padding: 1.75em;
  width: 10%;
  position: absolute;
  text-align: center;
  right: 0px;

}
/*Le lien vers la page des joueurs*/
.joueurs {
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border: solid 0px black;
  font-size: 1.35em;
  padding: 1.75em;
  width: 10%;
  position: absolute;
  text-align: center;
  left: 0px;
}

.joueursk{

  background-image: url("../image/xboxone_controller.png");
  background-size: 7em;
  background-repeat: no-repeat;
  background-position: center;
  color: rgb(255, 255, 255);
  border: solid 0.15em white;
  font-size: 1.35em;
  padding: 1.75em;
  width: 10%;
  position: absolute;
  text-align: center;
  left: 0px;

}
/*Le menu des équipes*/
#teamsmenu {
  background-color: rgb(71, 1, 136);
  padding: 40px;
  width: 100%;
  position: absolute;
  bottom: 20px;
  z-index: -1;
  transition: all 200ms linear;
  opacity: 0;
}

#teamsmenu.teamsmenu-on {
  z-index: 1;
  bottom: -90px;
  opacity: 1;
}
/*Les espaces entre les liens des pages des équipes*/
.espacequipe {
  text-align: center;
  font-size: 1em;
  margin-left: 1em;
  margin-right: 1em;
  width: 100%;
  color: white;
  outline: none;
}

.espacequipek{

  text-align: center;
  font-size: 1em;
  margin-left: 1em;
  margin-right: 1em;
  width: 100%;
  color: rgb(160, 29, 247);
  outline: none;

}
/*premet d'enlever le soulignage du lien*/
a:link {
  text-decoration: none;
}
/*Lorsque le site a déjà été visité, lui donner la couleur suivante*/
a:visited {
  color: none;
}
/*permet de lorsque l'on est sur le lien, le changer de couleur*/


.equipe:hover,
.equipes:hover,
.espacequipe:hover,
.tournois a:hover,
.joueurs a:hover,
.basdepage a:hover {
  color: rgb(116, 2, 192);
}
/*permet de lorsque je clique dessus, enlever le soulignement*/
.equipe:enabled,
.equipes:enabled {
  outline: none;
}

.tournois a {
  text-decoration: none;
  color: white;
}

.joueurs a {
  text-decoration: none;
  color: white;
}
/*C'est le deuxième titre de la page*/
#titre2 {
  text-align: center;
  font-size: 173%;
  background-image: url("https://linkbookmarking.com/wp-content/uploads/2018/08/high_quality_wallpaper_HD_1080_IDS_1150206.jpg");
  background-position: center;
  color: rgb(255, 255, 255);
  position: relative;
  padding: 0.7em;
  top: 4em;
}
/*C'est le titre avec fond personnalisé de l'équipe*/
#titrec9 {
  text-align: center;
  font-size: 173%;
  background-image: url("http://i.imgur.com/LZvWZLF.jpg");
  background-color: #070b0c;
  background-position: center;
  background-size: 20%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  color: rgb(255, 255, 255);
  position: relative;
  top: 3.85em;
}

#titretsm {
  text-align: center;
  font-size: 173%;
  background-image: url("../image/tsm.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  color: rgb(255, 255, 255);
  position: relative;
  top: 3.85em;
}

#titretml {
  text-align: center;
  font-size: 173%;
  background-image: url("../image/teamliquidt1.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  color: rgb(255, 255, 255);
  position: relative;
  top: 3.85em;
}

#titrefazeclan {
  text-align: center;
  font-size: 173%;
  background-image: url("../image/fazeclan.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  color: rgb(255, 255, 255);
  position: relative;
  top: 3.85em;
}

#titredignitas {
  text-align: center;
  font-size: 173%;
  color: rgb(255, 255, 255);
  background-image: url("../image/dignitas.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  position: relative;
  top: 3.85em;
}

#titregeng {
  text-align: center;
  font-size: 173%;
  color: rgb(255, 255, 255);
  background-image: url("../image/gengt.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  position: relative;
  top: 3.85em;
}

#titrefnatic {
  text-align: center;
  font-size: 173%;
  color: rgb(255, 255, 255);
  background-image: url("../image/fnatict.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  position: relative;
  top: 3.85em;
}

#titreenvy {
  text-align: center;
  font-size: 173%;
  color: rgb(255, 255, 255);
  background-image: url("../image/envy.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  position: relative;
  top: 3.85em;
}

#titreg2 {
  text-align: center;
  font-size: 173%;
  color: rgb(255, 255, 255);
  background-image: url("../image/g2esports.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  position: relative;
  top: 3.85em;
}

#titrenrg {
  text-align: center;
  font-size: 173%;
  color: rgb(255, 255, 255);
  background-image: url("../image/nrgesports.png");
  background-color: #070b0c;
  background-position: center;
  background-size: 5%;
  padding: 0.7em;
  background-repeat: no-repeat;
  border: 0px;
  position: relative;
  top: 3.85em;
}
/*Ce sont les différentes paragraphes des différentes pages*/
#par {
  position: relative;
  background-color: rgb(0, 0, 0);
  z-index: -1;
  padding: 3%;
  width: 95%;
  font-size: 120%;
  color: white;
  margin-left: 1.75em;
  margin-bottom: 6em;
  margin-top: 9em;
  top: 4.6em;
}

#tournoispar {
  position: relative;
  background-color: rgb(0, 0, 0);
  margin-left: 2em;
  z-index: -1;
  width: 100%;
  font-size: 120%;
  color: white;
  margin-bottom: 6em;
  margin-top: 9em;
  top: 4.6em;
}
/*Ce sont les différents paragraphes des joueurs*/
#joueurspar {
  position: relative;
  background-color: black;
  margin-left: 2em;
  width: 100%;
  font-size: 120%;
  color: white;
  margin-bottom: 6em;
  margin-top: 9em;
  top: 4.6em;
  z-index: 0;
}

.joueurlol{

  background-image: url(../image/tournoislol.png);
  padding: 6%;
  background-color: #00000000;
  background-position: center;
  background-size: 100%;
  border: solid black 1em;
  width: 85.5%;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  border-bottom: none;
  font-size: 100%;
}

.joueurcsgo{

  background-image: url(../image/tournoiscsg.png);
  padding: 7%;
  background-color: #00000000;
  background-position: center;
  background-size: 100%;
  border: solid black 1em;
  text-align: right;
  border-top: none;
  border-bottom: none;
  width: 83.5%;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  margin-top: 0px;
  position: relative;
  font-size: 100%;
}

.joueursrl{

  background-image: url(../image/rlcs.png);
  padding: 8%;
  background-color: #00000000;
  background-position: top;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 81.5%;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  border-bottom: none;
  border-top: none;
  position: relative;
  bottom: 1em;
  font-size: 100%;
  z-index: -1;

}

.joueurpubg{

  background-image: url(../image/tournoispubg.png);
  padding: 8%;
  font-size: 100%;
  text-align: right;
  background-color: #00000000;
  background-position: top;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 81.5%;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  border-bottom: none;
  border-top: none;
  position: relative;
  bottom: 1em;

}

.joueurr6{

  background-image: url(../image/toournoisr6.png);
  padding: 8%;
  font-size: 100%;
  background-color: #00000000;
  background-position: top;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 81.5%;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  border-bottom: none;
  border-top: none;
  position: relative;
  bottom: 1em;

}
/*Ce sont les différents styles des videos*/
.joueursimgr{

  z-index: 1;
  float: right;
  text-align: center;
  margin-left: 8em;
  margin-right: 4em;
  margin-bottom: 2em;
  position: relative;  
  top: 1em;
  width: 20em;;
  height:12em;

}

.joueursimgr2{

  z-index: 1;
  float: right;
  text-align: center;
  margin-left: 8em;
  margin-right: 4em;
  margin-bottom: 2em;
  position: relative;  
  top: 1em;
  width: 20em;;
  height:15em;

}

.joueursimgl{

  width: 20em;
  height: 12em;
  z-index: 1;
  float: left;
  margin-left: 4em;
  margin-right: 12em;
  margin-bottom: 2em;
  position: relative;  
  top: 1.25em;
  border: solid 0.25em white;

}

.joueursimgl2{

  width: 20em;
  height: 12em;
  z-index: 1;
  float: left;
  margin-right: 12em;
  margin-left: 4em;
  margin-bottom: 2em;
  position: relative;  
  top: 1.1em;
  border: solid 0.25em white;

}

.joueursimgr3{

  width: 13%;
  z-index: 1;
  float: right;
  margin-right: 4em;
  margin-left: 20em;
  position: relative;  
  top: 1.25em;
  border: solid 0.25em white;

}
/*Ce sont les différents paragraphes des tournois*/
.tournoislol {
  background-image: url(../image/tournoislol.png);
  padding: 6%;
  background-color: #00000000;
  background-position: center;
  background-size: 100%;
  border: solid black 1em;
  width: 85.5%;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
}

.tournoiscsgo {
  background-image: url(../image/tournoiscsg.png);
  padding: 9%;
  background-color: #00000000;
  background-position: center;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 79.5%;
  color: rgb(255, 255, 255);
  margin-top: 0px;
  margin-bottom: 0px;
}

.tournoisrl {
  background-image: url(../image/rlcs.png);
  padding: 10%;
  background-color: #00000000;
  background-position: top;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 77.5%;
  color: rgb(255, 255, 255);
  margin-top: 0px;
  margin-bottom: 0px;
}

.tournoispubg {
  background-image: url(../image/tournoispubg.png);
  padding: 10%;
  background-color: #00000000;
  background-position: top;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 77.5%;
  color: rgb(255, 255, 255);
  margin-top: 0px;
  margin-bottom: 0px;
}

.tournoisr6{
  background-image: url(../image/toournoisr6.png);
  padding: 10%;
  background-color: #00000000;
  background-position: top;
  background-size: 100%;
  border: solid black 1em;
  border-top: none;
  width: 77.5%;
  color: rgb(255, 255, 255);
  margin-top: 0px;
  margin-bottom: 2em;
}
/*C'est le bas de page*/
.basdepage {
  position: relative;
  text-align: center;
  padding: 40px;
  font-size: 150%;
  width: 100.85%;
  border: 0px;
  color: rgb(255, 255, 255);
  background-color: black;
}

.basdepage div {
  list-style-type: none;
}

li a {
  color: rgb(129, 0, 161);
}

li a:hover {
  color: rgb(177, 177, 177);
}
/*Ce sont les images dans les paragraphes pour les équipes*/
.image1 {
  width: 20%;
  z-index: 1;
  float: right;
  right: 2em;
  border: 0px;
}

.imagec9 {
  width: 14%;
  z-index: 1;
  float: right;
  border: 0px;
  position: relative;
  bottom: 1.5em;
}
/*C'est le tableau pour les différentes dates des équipes*/
table {
  border: solid white 0.1em;
  width: 100%;
  padding: 1em;
}

td,
th {
  padding: 1.25em;
  text-align: center;
}

.indic {
  border-bottom: solid white 0.1em;
  background-image: url("../image/indic.png");
  color: rgb(71, 71, 71);
}
/*Ce sont les différentes lignes du tableau pour mettre un fond derrière les noms
des jeux*/
.apexlegends {
  background-image: url("../image/apex.png");
  background-size: 5%;
  background-color: #000000;
  background-position-x: center;
  background-position-y: 50%;
  background-repeat: no-repeat;
}

.csgo {
  background-image: url("https://cdn.worldvectorlogo.com/logos/counter-strike-global-offensive.svg");
  background-size: 20%;
  background-color: rgb(0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
}

.fortnite {
  background-image: url(../image/fortnite.png);
  background-size: 6%;
  background-color: rgb(0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
}

.lol {
  background-image: url(../image/lol.png);
  background-size: 5%;
  background-color: rgb(0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
}

.overwatch {
  background-image: url(../image/overwatch.png);
  background-size: 6%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.pubg {
  background-image: url(../image/pubg.png);
  background-size: 8%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.r6 {
  background-image: url(../image/r6.png);
  background-size: 6%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.rl {
  background-image: url(../image/rl.png);
  background-size: 6%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.hearthstone {
  background-image: url(../image/hearthstone.png);
  background-size: 6%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.smash {
  background-image: url(../image/smash.png);
  background-size: 6%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.clashroyale {
  background-image: url(../image/clashroyale.png);
  background-size: 4%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.starcraft2 {
  background-image: url(../image/starcraft2.png);
  background-size: 10%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.quake {
  background-image: url(../image/quake.png);
  background-size: 10%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.dota2 {
  background-image: url(../image/dota2.png);
  background-size: 5%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.callof {
  background-image: url(../image/callof.png);
  background-size: 10%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.fifa {
  background-image: url(../image/fifa.png);
  background-size: 10%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}

.paladins {
  background-image: url(../image/paladins.png);
  background-size: 5%;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
}
/*Ce sont les styles des différentes images des partenaires des équipes*/
.sponsocyber {
  width: 1%;
}

.sponsogeico {
  width: 5%;
}

.sponsohtc {
  width: 3%;
}

.sponsohyperx {
  width: 5%;
}

.sponsologitechg {
  width: 5%;
}

.sponsololclass {
  width: 3%;
}

.sponsoredbull {
  width: 5%;
}

.sponsotwitch {
  width: 5%;
}

.sponsoomen {
  width: 5%;
}

.sponsoatt {
  width: 7%;
}

.sponsobmw {
  width: 3%;
}

.sponsosecretlab {
  width: 5%;
}

.sponsousairforce {
  width: 5%;
}

.sponsoalienware {
  width: 2%;
}

.sponsomonsterenergy {
  width: 2%;
}

.sponsosap {
  width: 4%;
}

.sponsohonda {
  width: 4%;
}

.sponsojersey {
  width: 4%;
}

.sponsoneedforseat {
  width: 6%;
}

.sponsohuya {
  width: 5%;
}

.sponsoscuf {
  width: 4%;
}

.sponsogfuel {
  width: 3%;
}

.sponsosteelseries {
  width: 5%;
}

.sponsonissan {
  width: 4%;
}

.sponsowix {
  width: 6%;
}

.sponsomountain {
  width: 4%;
}

.sponsoraynorgaming {
  width: 5%;
}

.sponsowestern {
  width: 4%;
}

.sponsosidiz {
  width: 3%;
}

.sponsosamsung {
  width: 4%;
}

.sponsodesker {
  width: 5%;
}

.sponsodouyu {
  width: 6%;
}

.sponsorivalry {
  width: 4%;
}

.sponsofnaticgear {
  width: 5%;
}

.sponsoamd {
  width: 5%;
}

.sponsooneplus {
  width: 4%;
}

.sponsopaysafecard {
  width: 6%;
}

.sponsoaorus {
  width: 3%;
}

.sponsoaoc {
  width: 4%;
}

.sponsomastercard {
  width: 3%;
}

.sponsohdac {
  width: 2%;
}

.sponsonicecactus {
  width: 6%;
}

.sponsojackinthebox {
  width: 4%;
}

.sponsopredator {
  width: 5%;
}

.sponsocorsaire {
  width: 4%;
}

.sponsojacklinks {
  width: 4%;
}

.sponsoeventdc {
  width: 3%;
}

.sponsonighthawk {
  width: 5%;
}

.sponsocalesports {
  width: 3%;
}

.sponsoballistix {
  width: 4%;
}

.sponsosennheiser {
  width: 4%;
}

.sponsoibuypower {
  width: 5%;
}