@charset "utf-8";
/* CSS Document */

#slider {
	/* [disabled]height: 1000px; */
	/* [disabled]width:100%; */
	/* [disabled]overflow: hidden; */
	position: relative;
 	height: 100vh;
	width: 100vw;
	overflow: hidden;

    }
#slidem {
	/* [disabled]height: 1000px; */
	/* [disabled]width:100%; */
	/* [disabled]overflow: hidden; */
	position: relative;
 	height: 100vh;
	width: 100vw;
	overflow: hidden;

    }

#slider img {
    position: absolute;
    z-index: 0;
    animation: slide 12s infinite;
	min-width: 100%;
	min-height: 100%;		

    }
@keyframes slide {
    33%,
    66% {
        z-index: 0;
        opacity: 0;
    	}
    }
#pic1 img {
	animation-delay: 0s;
    }
#pic2 img {
    animation-delay: -4s;
    }
#pic3 img {
    animation-delay: -8s;
    }
#slidem label[for="go"]:after {
	content: "\25B6";
    display: none;
	}
#slidem label[for="stop"]:after {
	content: "||";
    font-weight: bold;
    text-shadow: 1px 0 0, 2px 0 0, 0 0 5px;
    letter-spacing: 2px;
    }
	

#slidem :checked ~ #slider #pic1 img,
#slidem :checked ~ #slider #pic2 img,
#slidem :checked ~ #slider #pic3 img {
    animation-play-state: paused;
    }
#slidem :checked ~ p label[for="stop"]:after {
	display: none;
    }
#slidem :checked ~ p label[for="go"]:after,
#slidem #go:checked ~ p label[for="stop"]:after {
	display: block;
    }
#slidem #go:checked ~ p label[for="go"]:after {
	display: none;
    }
#slidem #img1:checked ~ #slider #pic1 img,
#slidem #img2:checked ~ #slider #pic2 img,
#slidem #img3:checked ~ #slider #pic3 img {
	z-index: 2 !important;
    opacity: 1 !important;
    transition: 0.1s; /* temps de transition entre images */
    animation-play-state: paused;
    }
#slidem #go:checked ~ #slider img {
	animation-play-state: running;
    }