.carrousel {
	position:relative;
	z-index:80;
	display:block;
	width:977px;
	height:480px;
	margin: 90px auto 0px auto;
	overflow:hidden;
}

[id="1"]:target [data-paginate][href$="1"],
[id="2"]:target [data-paginate][href$="2"],
[id="3"]:target [data-paginate][href$="3"],
[id="4"]:target [data-paginate][href$="4"],
[id="5"]:target [data-paginate][href$="5"] {
  background-position:0 0;
}
[id="1"]:target *+span {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translateX(0);
}
[id="2"]:target *+span {
  -webkit-transform:translate3d(-800px,0,0);
  -moz-transform:translateX(-20%);
}
[id="3"]:target *+span {
  -webkit-transform:translate3d(-1600px,0,0);
  -moz-transform:translateX(-40%);
}
[id="4"]:target *+span {
  -webkit-transform:translate3d(-2400px,0,0);
  -moz-transform:translateX(-60%);
}
[id="5"]:target *+span {
  -webkit-transform:translate3d(-3200px,0,0);
  -moz-transform:translateX(-80%);
}

[id="1"] {
  overflow:hidden;
  position:absolute;
  top:0px;
  height:550px;
  left:50%;
  margin:-100px 0 0 -400px;
  width:800px;
  border-radius:5px;
  -webkit-box-shadow:0 1px 12px #000;
  box-shadow:0 1px 12px #000;
}
[id="1"]:hover a {
  opacity:1;
}
[id="2"],
[id="3"],
[id="4"],
[id="5"] {
  display:block;
}
[id="2"]::before {
  content:"";
  width:800px;
  height:450px; 
  margin-top:100px; 
  border-radius:5px;
  box-sizing: border-box;
  border:1px solid rgba(200,200,200,0.1);
  pointer-events:none;
}
[id="2"]::before,
.carrousel a {
  position:absolute;
  z-index:1;
}
.carrousel a {
  opacity:0.4;
  -webkit-transition:opacity .5s cubic-bezier(0,0,.4,1);
  -moz-transition:opacity .5s cubic-bezier(0,0,.4,1);
}
[data-paginate] {
  left:356px;
  bottom:15px;
  width:16px;
  height:17px;
  background:url(../carrousel/dots) no-repeat 0 100%;
}
[data-paginate][href$="2"] {
  left:381px;
}
[data-paginate][href$="3"] {
  left:405px;
}
[data-paginate][href$="4"] {
  left:429px;
}
[data-paginate][href$="5"] {
  left:453px;
}
[data-dir] {
  top:300px;
  background:url(../carrousel/arrows);
  width:29px;
  height:29px;
  visibility:hidden;
}
[data-dir]:active {
  -webkit-transform:translateY(1px);
  -moz-transform:translateY(1px);
}
[data-dir="l"] {
  left:30px;
  background-position:0 100%;
}
[data-dir="r"] {
  right:30px;
}
[id="1"]:target [data-dir="r"][href$="2"],
[id="2"]:target [data-dir="l"][href$="1"],
[id="2"]:target [data-dir="r"][href$="3"],
[id="3"]:target [data-dir="l"][href$="2"],
[id="3"]:target [data-dir="r"][href$="4"],
[id="4"]:target [data-dir="l"][href$="3"], 
[id="4"]:target [data-dir="r"][href$="5"], 
[id="5"]:target [data-dir="l"][href$="4"]{
  visibility:visible;
}
.carrousel *+span {
  display:block;
  width:4000px;
  -webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.2,1);
  -moz-transition:-moz-transform 1s cubic-bezier(0,0,.2,1);
}
.carrousel img {
  float:left;
  margin-top:100px;
}