body {
background-color: #bababadd;
font-family: Georgia, serif;
margin-left : 40px;}


#div4 {width:100%; float: left;}
#div1 {width:100%;margin-top: 20px;}
#div2 {width:40%; float: left; margin-left: 5%;}
#div3 {width:40%; float: left; margin-left: 5%;}
#vue1 {width:60%; float: left; margin-top: 10px;}
#vue2 {width:33%; float: left; margin-left:1%; margin-top: 10px; padding: 20px;}
#texte2 {font-family: Arial; font-size: 2em; visibility: visible; margin-left: 20px;}
#btraz {float: left; margin-left: 4%; margin-top: 10px;}
#v0, #v1, #v2, #v3, #v4, #v5, #v6{margin-top: 35vh; transform: translateY(-50%); background-color: #FFFFFF; padding: 10%; border: 2px solid darkorange; border-radius: 10px;}

.suite{
	width: 2%;
	position: absolute;
    left:92.5%;
    top: 47.5%;
    z-index: 30
}

.suite:hover {
  opacity: 0.6;
}

.retour{
	width: 2%;
	position: absolute;
    left:1.4%;
    top: 47.5%;
    z-index: 1
}

.retour:hover {
  opacity: 0.6;
}