.secflex{
  display: flex;
  flex-direction: column;
}
section{
  height: inherit;
}
a{
  text-decoration: none;
}

/* Miom Miom */
.blocmiom{
  color: white;

  position: absolute;
  width: 35%;
  background: rgba(121, 171, 183, 0.9);
  margin-top: 5%;
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#miom{
  margin-bottom: 10%;
}

/* BARAQ */
.blocbaraq{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(231, 185, 69, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#baraq{
  margin-bottom: 10%;
}
#baraq .catimg{
  margin-top: -2%;
}
.baragif{
  position: absolute;
  z-index: 800;
}

/* MUSÉE D'AQUITAINE */
.blocmusee{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(6, 46, 84, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#musee{
  margin-bottom: 10%;
}
#musee .catimg{
  margin-top: -2%;
}
.blocmusee a{
  color: #062E54;
}

/* 404 ERROR */
.bloc404{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(248, 154, 110, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
.bloc404 a{
  color: #062E54;
}
@keyframes vahine {
0% { opacity: 0; }
100% { opacity: 1; }
}

@-(webkit / moz / o)-keyframes vahine {
0% { opacity: 0; }
100% { opacity: 1; }
}

#vahine {
  transform-origin: center;
-webkit-animation: vahine 1s infinite;/* Safari 4+ */
-moz-animation: vahine 1s infinite;/* Fx 5+ */
-o-animation: vahine 1s infinite;/* Opera 12+ */
animation: vahine 1s infinite;/* IE 10+, Fx 29+ */
  animation-timing-function: ease-in-out;
}

@keyframes vahine {
0% { transform: rotate(0.04turn); }
50% { transform: rotate(-0.04turn); }
100% { transform: rotate(0.04turn); }
}

#vahine404{
  margin-bottom: 10%;
}
#vahine404 .catimg{
  margin-top: -2%;
}

/* Motion Design */
.blocmotion{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(121, 171, 183, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#motion{
  margin-bottom: 10%;
}
#motion .catimg{
  margin-top: -2%;
}

/* Datavizualisation */
.blocdata{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(231, 185, 69, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#dataviz{
  margin-bottom: -7%;
}
#dataviz .catimg{
  margin-top: -2%;
}

@media screen and (max-width: 953px) {
  /* INITIALISATION */
  .catnav{
    margin-left: 92vw;
    margin-top: 10%;
    z-index: 992;
  }
  .backH{
    margin-top: 6vh;
  }
  /* Miom Miom */
  .blocmiom{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  .catimg{
    width: 95%;
    margin-top: 35vh;
    margin-left: 2vw;
  }
  /* BARAQ */
  .blocbaraq{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  /* MUSÉE D'AQUITAINE */
  .blocmusee{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  /* 404 ERROR */
  .bloc404{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  /* Motion Design */
  .blocmotion{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  /* DATAVIZ */
  .blocdata{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
}