@import url(fonts.css);

*
{
    margin:0;
    padding:0;
}
body
{
    background:#202020 url("../images/2021-06-09_LeonieHebert_CreditPhotoLucieBailly.jpg") no-repeat center left;
    background-size: cover;
    color:white;
    font-family:Kanit;
}
a
{
    color:white;
}
a.lienExterne 
{
  padding-right: 15px;
  background: url("../images/external-link_B10.png") no-repeat scroll right center transparent;
}

div#zonePage
{

}
div.contenuZone
{
    display: flex;
    width:60%;
    margin:0 auto;
    flex-direction: column;
    justify-content: center;
    min-height:100vh;
}
div.contenuZone video
{
    width:100%;
    height:auto;
}

p
{
    margin-top:0.5em;
}
h3
{
    margin-top:1.5em;
}

/* Entête */

header
{
    display:flex;
    padding:1em 2em 1em 2em;
    margin:0 !important;
    border-bottom:2px solid white;
}
header p.logo
{
    flex-grow:1;
    text-align:center;
    font-size:220%;
    font-weight:200;
    margin:0 !important;
}
header p.logo a
{
    display:block;
    height:2em;
    background:transparent url(../images/logo_LeonieHebert.png) no-repeat top center;
    background-size:100% auto;
    margin:0 auto;
}
header p.logo a span
{
    display:none;
}

/* Pied de page */

footer
{
    display:flex;
    background-color:rgba(0, 0, 0, 0.35);
    padding:1em 5em;
}
footer p.mention
{
    flex-grow:2;
    font-size:90%;
    font-weight:200;
}
footer ul
{
    flex-grow:1;
    
    display:flex;
    justify-content:flex-end;
    list-style-type:none;
}
footer ul li
{
    padding:0.5em 1em 0 1em;
}
footer ul li a
{
  font-size:80%;
  font-weight:300;
  text-decoration:none;
  text-transform:uppercase;
}

/* Responsive */

@media only screen and (min-width: 600px) {
  /* For tablets: */
}
@media only screen and (min-width: 768px) {
  /* For desktop: */

  div.contenuZone
  {
      width:30%;
  }

  header p.logo a
  {
      max-width:60%;
      background-size:auto 100%;
  }

}