body{
	width:100%;
	height:100%;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-family:Tahoma,Arial,Helvetica,Verdana,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12pt;	
}
a {
    text-decoration: none;
    color: black;
    animation: 3s ease-out 0s 1 color;
}
@keyframes color {
    0% {
        color: red;
    }
    100% {
        color: black;
        
    }
}
.prev,
.next{
	border: none;
    background: transparent;
    width: 50px;
    height: 50px;
    position:fixed;
    top:45%;
    z-index: 101;
    animation: 3s ease-out 0s 1 opacity;
    opacity: 0.3;
    font-size: 3em;
}

/*_____________________opacity bouttons fade d'entree________________*/
@keyframes opacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
        
    }
}

.prev{
    left:0; 
}
.next{
    right:0; 
}
.next:hover,
.prev:hover{
    opacity:1;
}

@media (orientation: portrait) {
    .next{margin-right: -8px;}
    .prev{margin-left: -8px;}
}

.diapo{
	display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 100vh;
}
.Img_diapo{
    max-width: 90%;
    max-height: 95vh;
    animation: fadeIn 0.7s ease-in forwards;
}

@keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
    }