@import "univers/univers.css";

body {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  width: 100%;
  min-height: 100vh;
  background: #000000;
}
.page { 
}
 
.zone_photo {
  width: 100%;
  height: 50vh;
background: white url(img/fond.jpg) center no-repeat;
background-size: cover; 
display: grid;
align-items: center;
}

.zone_texte {
  background: #000000;      
  position: relative;
  padding: 0 20px;
}

.logo { 
  max-width: 500px;
  height: 100px;
  margin: 2rem auto 2rem;
  position: relative; 
  position: relative
} 
.logo:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 30px;
  background: transparent url(img/tetiere.svg) center no-repeat;
  content: '';
}
.logo img {
  position: absolute;
  left: 0; 
  max-width: 100%; 
}

.zone_texte p {
  color: #ffffff;
  text-align: center;
  max-width: 1000px;
  margin: 1rem auto;
}
h1 {
  text-align: center;
  color:#d7af2d;
  position: relative;
  padding-top:2rem;
}
h1:after {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 30px;
  background: transparent url(img/tetiere.svg) center no-repeat;
  content: '';
}