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

input {
	position: absolute;
 /*   left: -999px; */
    }
#slider {
	height: 1000px; 
	width:100%;
/*	overflow: hidden;*/
    }
#slider img {
    position: absolute;
    z-index: 0;
    animation: slide 12s infinite;
    }
@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 p {
    text-align: center;
    position: relative;
    line-height: 0em;
    }
#slidem label[for^="img"] {
/*    border-radius: 50%; */
/*    border: 1px solid; */
/*    padding: 5px; */
    font-size: 0.01px;
/*    margin: 0 5px; */
    background: blue;
    box-shadow: inset 2px 2px 2px turquoise, 0 0 5px;
    }
	

#slidem label[for="go"],
#slidem label[for="stop"] {
	position: absolute;
    right: 1em;
    }
#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;
    }
#slidem label {
	cursor: pointer;
    display: inline-block;
    }