@font-face {
  font-family: 'roboto';
  src: url("../font/roboto/Roboto-Regular.ttf"); }
* {
  font-family: 'roboto';
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body img {
  width: 100%;
  height: 100%; }
body header .Logo {
  position: absolute;
  z-index: 10;
  width: 20%;
  top: 2%;
  right: 3%; }
body header .Burger {
  position: absolute;
  z-index: 100;
  height: 3%;
  width: 12%;
  top: 5%;
  left: 10%; }
  body header .Burger > li {
    background-color: white;
    height: 20%;
    list-style: none;
    margin: 15%; }
  body header .Burger:hover li:nth-of-type(1) {
    transform: rotate(45deg) translateX(12px) translateY(14px);
    transition-duration: 0.5s; }
  body header .Burger:hover li:nth-of-type(2) {
    display: none; }
  body header .Burger:hover li:nth-of-type(3) {
    transform: rotate(-45deg) translateX(-4px) translateY(1px);
    transition-duration: 0.5s; }
body header .BurgerNav {
  display: none; }
body main section .Wall {
  display: flex;
  position: relative;
  background-image: url(../../exo7/media/tigre.jpg);
  background-size: 300%;
  background-position: 20% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh; }
body main section .TigreBirmanie article .Tigre {
  display: flex;
  position: relative;
  background-color: rgba(0, 0, 0, 0.352);
  color: white;
  justify-content: center;
  bottom: 20vh;
  height: 20vh;
  font-size: 3em;
  padding: 2vh 0px 0px 0px; }
body main section .TigreBirmanie article .Dossier {
  position: relative;
  text-align: center;
  border: solid 3px white;
  color: white;
  border-radius: 50px;
  left: 35%;
  width: 35%;
  padding: 2% 0;
  background-color: black;
  margin: -30vh 0 20vh; }
body main section .TigreBirmanie article p {
  display: none; }
body main .Celeb {
  display: block;
  background-color: white;
  width: 100%;
  height: 100%;
  font-size: 1.3em; }
  body main .Celeb .TigreCeleb {
    display: flex;
    position: relative;
    width: 80%;
    height: 100%;
    margin: -10vh 0% 10vh 10%; }
  body main .Celeb article {
    margin: 0 10%;
    width: 80%; }
    body main .Celeb article h4 {
      font-weight: bold;
      font-size: 1.5em;
      margin-bottom: 2%; }
    body main .Celeb article p span {
      display: none; }
body main .Inscription {
  position: relative;
  background-color: #6de66d;
  width: 100%;
  height: 100%;
  font-size: 2em;
  padding-bottom: 5vh; }
  body main .Inscription .TigreInscrit {
    display: flex;
    position: relative;
    width: 80%;
    margin: 5vh 0% 5vh 10%;
    padding-top: 2vh; }
  body main .Inscription p {
    display: none; }
  body main .Inscription h3 {
    position: relative;
    text-align: center;
    border: solid 3px white;
    color: white;
    border-radius: 50px;
    left: 10%;
    width: 80%;
    padding: 2% 0;
    background-color: #6bb0de; }
body main .Diaporama {
  position: relative;
  background-image: url(media/tigre4.jpg);
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: overlay;
  background-position: 0% 40%;
  background-size: 200%;
  width: 100%;
  height: 80vh;
  font-size: 2em;
  margin: 10vh 0;
  padding: 35vh 0; }
  body main .Diaporama .TigreDiapo h3 {
    position: relative;
    text-align: center;
    border: solid 3px white;
    color: white;
    border-radius: 50px;
    left: 10%;
    width: 80%;
    padding: 2% 0;
    background-color: black; }
  body main .Diaporama .TigreDiapo p {
    display: none; }
body footer {
  background-color: rgba(10, 10, 10, 0.76);
  padding: 10% 0px;
  font-size: 1.6em; }
  body footer .PandaFooter {
    display: none; }
  body footer h3 {
    position: relative;
    text-align: center;
    border: solid 3px white;
    color: white;
    border-radius: 50px;
    left: 20%;
    width: 60%;
    padding: 2% 0;
    background-color: #138ad9; }
  body footer .FooterTxt {
    margin: 10% 0; }
    body footer .FooterTxt ul li {
      color: white;
      text-align: center;
      font-size: 1.5em;
      margin: 2vh 0;
      list-style: none;
      text-decoration: none; }
  body footer .Reseaux {
    display: flex;
    position: relative;
    width: 60%;
    height: 8vh;
    top: 2vh;
    left: 20%;
    justify-content: space-around; }

* {
  font-family: 'roboto';
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@media only screen and (max-width: 1200px) and (min-width: 720px) {
  body header .Logo {
    width: 15%;
    top: 5%;
    left: 5%; }
  body header .Burger {
    width: 9%;
    left: 80%; }
  body main section .Wall {
    background-size: cover; }
  body main section .Tigrebirmanie article .Tigre {
    padding: 2vh 0px 0px 0px; }
  body main section .Tigrebirmanie article .Dossier {
    left: 35%;
    width: 30%;
    font-size: 1.7em; }
  body main .Celeb {
    display: flex;
    padding: 0;
    margin: -10vh 0 10vh 0%; }
    body main .Celeb .TigreCeleb {
      margin: 0 0 0 10%; }
    body main .Celeb article {
      margin: 0px 8% 0px 2%;
      width: 100%;
      font-size: 0.82em; }
      body main .Celeb article h4 {
        margin-bottom: 8%;
        font-size: 1.4em; }
      body main .Celeb article p {
        margin: 5% 0; }
        body main .Celeb article p span {
          display: block; }
  body main .Inscription {
    display: flex;
    font-size: 1em;
    padding-bottom: 1vh; }
    body main .Inscription .TigreInscrit {
      margin: 0% 0% 0% 0%;
      padding-top: 1vh;
      width: 50%; }
    body main .Inscription h3 {
      left: 40%;
      width: 120%;
      margin: 12vh 0% 0px 0px;
      padding: 5% 0;
      font-size: 2.5em; }
  body main .Diaporama {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80%;
    font-size: 40px;
    margin: 10vh 10vh; }
    body main .Diaporama .TigreDiapo h3 {
      left: 20%;
      width: 60%;
      padding: 30px 20px;
      border-radius: 60px; }
  body footer {
    display: flex;
    justify-content: space-around;
    padding: 0% 0px;
    font-size: 1.5em; }
    body footer h3 {
      left: 35%;
      width: 30%;
      height: 7vh;
      padding: 1% 0;
      margin-top: 18vh;
      font-size: 1.5em; }
    body footer .FooterTxt {
      position: relative;
      right: 45%;
      margin: 10% 0; }
      body footer .FooterTxt ul li {
        text-align: start;
        font-size: 1.5em; }
    body footer .Reseaux {
      flex-direction: column;
      height: 5vh;
      width: 6%;
      row-gap: 2vh;
      left: 0;
      top: 18vh; } }
* {
  font-family: 'roboto';
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@media only screen and (min-width: 1201px) {
  body header .Logo {
    width: 15%;
    top: 5%;
    left: 5%; }
  body header .Burger {
    display: none; }
  body header .BurgerNav {
    display: block;
    position: absolute;
    z-index: 2;
    width: 70%;
    height: 10vh;
    top: 5%;
    left: 30%;
    font-size: 2em; }
    body header .BurgerNav ul {
      display: flex;
      position: absolute;
      list-style: none; }
      body header .BurgerNav ul li a {
        display: flex;
        position: relative;
        text-decoration: none;
        color: white;
        margin: 0px 30px; }
      body header .BurgerNav ul li:nth-of-type(3) a {
        color: black; }
  body main section .wall {
    background-size: cover; }
  body main section .TigreBirmanie article .Tigre {
    bottom: 30vh;
    height: 30vh;
    padding: 20px 0px 0px 0px; }
  body main section .TigreBirmanie article .Dossier {
    display: none; }
  body main section .TigreBirmanie article p {
    display: block;
    position: relative;
    left: 20%;
    width: 60%;
    color: white;
    font-size: 1.2em;
    margin: -51vh 0 20vh 0; }
    body main section .TigreBirmanie article p span {
      display: block;
      padding-top: 10px; }
  body main .Celeb {
    display: flex;
    margin: -5% 0 10vh 0;
    padding: 0; }
    body main .Celeb .TigreCeleb {
      margin: 0 0 0 10%;
      width: 100%;
      height: 100%; }
    body main .Celeb article {
      margin: 0px 8% 0px 10%;
      font-size: 0.8em; }
      body main .Celeb article h4 {
        margin-bottom: 8%;
        font-size: 1.2em; }
      body main .Celeb article p {
        margin: 5% 0; }
        body main .Celeb article p span {
          display: block; }
  body main .Inscription {
    display: flex;
    font-size: 1.5em;
    padding-bottom: 0vh;
    height: 30vh; }
    body main .Inscription .TigreInscrit {
      width: auto;
      height: auto;
      align-items: center;
      margin-top: 15vh; }
      body main .Inscription .TigreInscrit img {
        height: auto;
        width: 80%; }
    body main .Inscription p {
      display: block;
      position: relative;
      text-align: center;
      right: 10%;
      width: 120%;
      height: 20vh;
      color: white;
      margin: 3vh 0% 0px 0px;
      padding: 0vh 0px; }
      body main .Inscription p span {
        display: block;
        position: relative;
        margin: 2% 0; }
    body main .Inscription h3 {
      display: block;
      left: 25%;
      width: 50%;
      height: 7vh;
      font-size: 0.9em;
      margin: -4vh 0% 0px 0px; }
  body main .Diaporama {
    background-blend-mode: normal;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80%;
    font-size: 40px;
    margin: 10vh auto;
    border-top: 30px solid black;
    border-bottom: 30px solid black; }
    body main .Diaporama .TigreDiapo {
      display: flex;
      position: relative;
      background-color: rgba(255, 255, 255, 0.256);
      color: white;
      justify-content: center;
      bottom: -27vh;
      height: 20vh;
      font-size: 1em;
      padding: 0; }
    body main .Diaporama h3 {
      left: 0%;
      width: 40%;
      padding: 20px 0px;
      margin: 6vh 0 0 0;
      border-radius: 60px;
      font-size: 0.7em; }
    body main .Diaporama p {
      display: block;
      position: relative;
      text-align: center;
      left: 40%;
      width: 60%;
      margin: -12vh 0 0 0;
      padding: 30px 20px;
      font-size: 0.7em; }
  body footer {
    display: flex;
    justify-content: space-around;
    padding: 0% 0px;
    font-size: 1.5em; }
    body footer .PandaFooter {
      display: flex;
      position: relative;
      width: 15%;
      height: 20%;
      margin-top: 15vh; }
    body footer h3 {
      left: 30%;
      width: 30%;
      padding: 1% 0;
      font-size: 1.5em;
      align-self: center; }
    body footer .FooterTxt {
      position: relative;
      right: 35%;
      margin: 10% 0; }
      body footer .FooterTxt ul li {
        font-size: 1.5em; }
    body footer .Reseaux {
      flex-direction: column;
      height: 5vh;
      width: 6%;
      row-gap: 2vh;
      left: 0;
      align-self: center; } }

/*# sourceMappingURL=style.css.map */