#coucou {
	position: fixed;
	top: 20px;
	right: 20px;
}

#coucou2 {
	position: fixed;
	top: 20px;
	left: -100%;
	margin-left: 20px;
	color: white;
	z-index: 1;
	-moz-transition: all 2s;
}

#coucou3 {
	position: fixed;
	top: 20px;
	left: -100%;
	margin-left: 90px;
	color: white;
	z-index: 1;
	-moz-transition: all 2s;
}

.bigitem1 {
	position: absolute;
	background-image: url("/recherches/01/img/sans-titre.svg");
	background-repeat: repeat-y;
	height: 100%;
	width: 120px;
	top: 0px;
	left: -8px;
	background-size: 120px;
	-moz-transition: all 1.7s ease 2.3s;
}

.bigitem2 {
	position: absolute;
	height: 100%;
	background-color: #154193;
	width: 100%;
	left: -100%;
	-moz-transition: all 1.7s ease 2.3s;
	top: 0px;
	padding-right: 49px;
}

.bigitem3 {
	position: absolute;
	height: 100%;
	background-color: #E20613;
	top: 0px;
	width: 0%;
	left: 100%;
	-moz-transition: all 0.8s ease 0.7s;
}

.bigitem4 {
	position: absolute;
	height: 100%;
	background-color: #fff;
	top: 0px;
	width: 0%;
	left: 100%;
	-moz-transition: all 1.2s ease 0.3s;
}



#S1:target .bigitem1 {
	left: 99%;
	-moz-transition: all 1.7s ease 0.3s;
}

#S1:target .bigitem2 {
	left: 0%;
	-moz-transition: all 1.7s ease 0.3s;
}

#S1:target .bigitem3 {
	left: 67%;
	width: 33%;
	-moz-transition: all 1.5s ease 2.3s;
}

#S1:target .bigitem4 {
	left: 33%;
	width: 66%;
	-moz-transition: all 1.5s ease 3s;
}

#S1:target #coucou2{
	opacity: 1;
	left: 0px;
}

#S1:target #coucou3{
	opacity: 1;
	left: 0px;
}

#S2:target .bigitem1 {
	display: none;
	-moz-transition: all 0s ease 0s;
}

#S2:target .bigitem2 {
	width: 10px;
	left: 0px;
	padding: 0px;
	-moz-transition: all 1.5s ease 0.3s;
}

#S2:target .bigitem3 {
	width: 10px;
	left: 20px;
	-moz-transition: all 1.2s ease 0.5s;
}

#S2:target .bigitem4 {
	width: 10px;
	left: 10px;
	-moz-transition: all 1s ease 0.7s;
}

#S2:target #coucou {
	display: none;
}