/* code du tutoriel ci-dessous */

#volet {
	z-index:999999;
	width: 100%;
	padding: 10px;
	background: #fff; 	
	position:fixed;
}

#volet a.ouvrir,
#volet a.fermer {
	padding: 10px 25px;
	color:#fff;
	text-decoration: none;
	border-radius: 20px 20px 0 0;	
}

#volet a.ouvrir {
	background: #576ECB;
}

#volet a.fermer {
	background: #CC4E5A;
}
	
#volet {
	position: fixed;
	/* left:20px; */
	bottom:0px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
#volet a.ouvrir,
#volet a.fermer {
	position: absolute;
	margin:auto;
	top:-42px;
	margin-left:40%;
	margin-right:40%;
	margin-bottom:40px;
}
#volet a.fermer {
	display: none;
}
#volet:target {
	bottom:0px;
}








/* code pour la fermeture */

#volet:target a.fermer {
	display: block;
}
#volet:target a.ouvrir {
	display: none;
}
#volet_clos:target #volet {
	bottom:-104px;
}