@media screen and (max-width: 1500px)
{
  h1
  {
    position: relative;
    top: 11vh;
    text-align: center;
    color: #8B008B;
    animation: title 4s;
    font-size: 5vh;
    font-family: Book Antiqua;
  }

  h1 a
  {
    text-decoration: none;
  }

  @keyframes title
  {
    from
    {
      font-size: 0.1em;
      position: relative;
      top: 38vh;
    }

    to
    {
      font-size: 5vh;
      position: relative;
      top: 11vh;
    }
  }

  .conseil
  {
    width: 5em;
    position: relative;
    left: 22%;
    top: 10vh;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
  }

  .analyse
  {
    width: 5em;
    position: relative;
    top: 17vh;
    left: 22%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
  }

  .accompagne
  {
    position: relative;
    bottom: 4vh;
    left: 69%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
  }

  .realise
  {
    position: relative;
    top: 3vh;
    left: 70%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
  }

  .act1_click
  {
    width: 5em;
    position: relative;
    top: 10vh;
    left: 22%;
    color: blue;
    animation: act_click 3s;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    opacity: 0;
  }

  .act2_click
  {
    width: 5em;
    position: relative;
    top: 17vh;
    left: 22%;
    color: blue;
    animation: act_click 3s;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    opacity: 0;
  }

  .act3_click
  {
    position: relative;
    bottom: 4vh;
    left: 69%;
    animation: act_click 3s;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
    opacity: 0;
  }

  .act4_click
  {
    position: relative;
    top: 3vh;
    left: 70%;
    color: blue;
    animation: act_click 3s;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
    opacity: 0;
  }
}

@media screen and (min-width: 1500px)
{
  h1
  {
    position: relative;
    top: 9vh;
    text-align: center;
    color: #8B008B;
    animation: title 4s;
    font-size: 6vh;
    font-family: Book Antiqua;
  }

  h1 a
  {
    text-decoration: none;
  }

  @keyframes title
  {
    from
    {
      font-size: 0.1em;
      position: relative;
      top: 38vh;
    }

    to
    {
      font-size: 6vh;
      position: relative;
      top: 9vh;
    }
  }

  .conseil
  {
    width: 5em;
    position: relative;
    top: 5vh;
    left: 23%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
  }

  .analyse
  {
    width: 5em;
    position: relative;
    top: 11vh;
    left: 23%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
  }

  .accompagne
  {
    position: relative;
    bottom: 6vh;
    left: 69%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
  }

  .realise
  {
    position: relative;
    left: 69.5%;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
  }

  .act1_click
  {
    width: 5em;
    position: relative;
    top: 5vh;
    left: 23%;
    color: blue;
    animation: act_click 3s;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    opacity: 0;
  }

  .act2_click
  {
    width: 5em;
    position: relative;
    top: 11vh;
    left: 23%;
    color: blue;
    animation: act_click 3s;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    opacity: 0;
  }

  .act3_click
  {
    position: relative;
    bottom: 6vh;
    left: 69%;
    animation: act_click 3s;
    color: blue;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
    opacity: 0;
  }

  .act4_click
  {
    position: relative;
    left: 69.5%;
    color: blue;
    animation: act_click 3s;
    font-size: 2em;
    font-family: Book Antiqua;
    font-weight: bold;
    width: 10em;
    opacity: 0;
  }
}

button
{
  width: 13.5em;
  margin: auto;
  padding: 5px;
  position: relative;
  top: 20vh;
  background-color: inherit;
  border: solid 2px black;
  color: black;
  font-weight: bold;
  font-style: italic;
  font-size: 25px;
  display: flex;
}

button:hover
{
  box-shadow: -10px -10px 5px black;
  transition: box-shadow 1s;
  cursor: pointer;
}

/* Action au clic sur "Domaine d'Expertise" */

.act_button
{
  opacity: 0;
  animation: act_click 3s;
}

@keyframes act_click
{
  from{opacity: 1}
  to {opacity: 0}
}