.accueil-text {
  width: 80vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}

.accueil-text h2 {
  font-family: 'Roboto';
  font-weight: 300;
  text-align: justify;
  font-size: 1.5vw;
  color: white;
  text-decoration: none;

}

.accueil-text .titre2 {
  margin-top: 10vh;
  font-size: 1.5vw;
  color: #d3ad7f;
}

.accueil-text span {
  color: #d3ad7f;

}

.accueil-equipes .content {
  min-height: 20vh !important;
  padding: 0;
}

.content .team-info {
  font-size: 3vw;
}

.reglement {
  padding-bottom: 30vh !important;
}

.accueil-vcup {
    height:100vh;
}
.content-vcup {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center}
    
.info {
        margin-top:20vh;
        margin-bottom:5vh;
        font-size:2vw;
        text-transform:uppercase;
        color: #d3ad7f;

    }
    .info2 {
        margin:5vh 0;
        font-size:2vw;
        text-transform:uppercase;
        color: #d3ad7f;

    }

.dep {
        width: 35vw;
        height:10vh;
        border: 2px solid #d3ad7f;
        border-radius:10px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:2vw;
        color: #d3ad7f;
        background:white;
        margin-bottom:5vw;
        text-decoration:none;
    }
    
.reg {
        width: 35vw;
        height:10vh;
        border: 2px solid #d3ad7f;
        border-radius:10px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:2vw;
        color: #d3ad7f;
        background:white;
        text-decoration:none;


    }
.dep:hover {
    
        width: 50vw;
        height:20vh;
        border: 2px solid #d3ad7f;
        border-radius:10px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:2vw;
        color: white!important;
        background:#d3ad7f;
        margin-bottom:5vw;
        
      
    }
    
.reg:hover {
        width: 50vw;
        height:20vh;
        border: 2px solid #d3ad7f;
        border-radius:10px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:2vw;
        color: white!important;
        background:#d3ad7f;
        text-decoration:none!important
    }
    
    .anims {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top:5vw;
}
#animtitre {
  color: #d3ad7f;
}

.animrow {
  display: flex;
  flex-direction: row;
  font-size: 1.5vw;
  color: white;
  width:90vw;
}

.animrow div {
  width: 30vw;
  border: 1px solid #d3ad7f;
  padding: 1vw 2vw;
  text-transform: uppercase;
}

.animrow .animrowphoto,
.animrow .animrowquizz {
  text-align: center;
}

.anims h1 {
  font-size: 2.5vw;
  margin-bottom: 2vw;
  color: #d3ad7f;
}
.div1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90vw;
  color:#d3ad7f;
  margin:0;
  padding:0;
}

.div2 {
  padding: 4vw 0;
}

.div2 img {
  width: 15vw;
}

.div3,
.div4 {
  text-align: center;
  width: 100%;
}

.div5 {
  margin: 0 auto;
  font-size: 1.5vw;
}

.div6 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 2vw 0;
}

.div7 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 25vw;
  border: 1px solid #d3ad7f;
  font-size: 1.2vw;
  color:white;
  background-color:#d3ad7f;
}
.div7 img {
  width: 5vw;
}
.footer .credit {
    text-decoration:none;
    color:#d3ad7f;
}
.classfinal {
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.div14 {
    color:#d3ad7f;
    border:1px solid #d3ad7f;
}

.div16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60vw;
}

.div77pos,
.div77logo {
  width: 10vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1vw 1.5vw;
}

.div77logo {
  border: 1px solid #d3ad7f;
}

.div77eqnom {
  padding-left: 3vw;
  height: 100%;
  width: 40vw;

}

.div14 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40vw;
  border: 1px solid #d3ad7f;
  font-size: 1.5vw;
  margin-top:2vw;
}

.div14 img {
  width: 5vw;
}

@media screen and (max-width:430px) {
.animrowclub, .animrowphoto, .animrowquizz {
    font-size:2.5vw;}
.div5 {
  margin: 0 auto;
  font-size: 4vw;}
  .div7 {
        width: 35vw;

      font-size:3.5vw;
  }
  .div2 img {
  width: 8vw;

}
}