body{
  font: serif;
  text-align: center;
  background:#fff;
  /* max-width: 92rem; */
  /* background-color: pink; */
}

body{
  padding: 10%;
}

a{
  margin-top: 15px;
}

header{
  transform: skewY(-30deg);
  position: static;
  top: 50px;
  font-size: 50px;
}

.image-zoom-container {
  width: 100%;
}

.fleches{
  position: fixed;
  margin-right: 50px;
  font-size: 30px
}

#blur{
  filter: blur(5px);
}

#blur2{
    filter: blur(2px);
}

p {
    letter-spacing: .5px; 
    text-align: justify; 
    line-height: 1.5em; 
    padding-right: 5.5em;  
    margin: 13px 5px 0 40px; 
    hyphens: auto; 
    font-size: 30px; 
}

i {
    text-shadow: 0px 8px 3px DarkGray;
   }

textarea {
	/* margin: 4em; */
	font-size: 1.5em;
	position: relative;
	left: 43%;
	width: 15em;
	height: 15em;
	align-items: center;
	display: grid;
}

blockquote {
    text-shadow: 0px 8px 3px #ffffc2;
    font-style: italic ;
    border-left: 20px solid black!important; 
    padding : 1.5em ;
    margin: .5em 0 0 40px;
    font-size: 30px;
    font-family : serif ; 
    }

ul {
  text-align: justify;
    margin-top: 2.5em;
    font-size: 30px;
    }

li {
    list-style-type: " ▋ ";
    margin: 10px ;
    }



#bloc img{
  display: none;
  width: 40%;
  margin-left: 300px;
  margin-top: -10px ;
  position: fixed;
}

#bloc:hover img{
    display: block;
}

.imagebloc img {
  display: none;
  margin-left: 300px;
  margin-top: -50px ;
  position: fixed;
}

.imagebloc:hover img{
  display: block;
}

.navigation{
  transform: skewY(-30deg);
  position: fixed;
  margin-left: 50px;
  font-size: 30px
  
}