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


#menu_on{
	/*background: #f1f2f2;*/
	background:url(../../../images/icones/fond_ssmenu.png);
	max-width: 315px;
	width: 100%;
	transition: 250ms left;
	position: fixed;
	top: 0px;
	left: -100%;
	overflow: auto;
	height: 100%;
	z-index: 1000;
	}
#menu_on:target{
	 left: 0px;
	 transition: 250ms left;
}
#menu_off:target menu_on{
	 left: -300px;
}

.hamburger.on {
	position:absolute;
	top: 30px;
	right: 30px;
	width: 20px;
	height: 14px;
	display: none;
	}
.hamburger.on::before {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #460b00;
	position:absolute;
	top: 0px;
	left: 0px;
	}
.hamburger.on::after {
	content: '';
	width: 20px;
	height: 8px;
	border-top: 2px solid #460b00;
	border-bottom: 2px solid #460b00;
	position:absolute;
	bottom: 0px;
	left: 0px;
	box-sizing:border-box;
	}
.hamburger.off {
	position:fixed;
	top: 15px;
	left: 260px;
	width: 20px;
	height: 20px;
	}
.hamburger.off::before {
	content: '';
	width: 20px;
	height: 1px;
	transform:rotate(45deg);
	background-color: #450b00;
	position:absolute;
	top: 5px;
	left: -300px;
	transition: 250ms left;
	}
.hamburger.off::after {
	content: '';
	width: 20px;
	height: 1px;
	transform:rotate(-45deg);
	background-color: #450b00;
	position:absolute;
	top: 5px;
	left: -300px;
	transition: 250ms left;
	}
#menu_on:target .hamburger.off::before{
	 left: 0px;
}
#menu_on:target .hamburger.off::after{
	 left: 0px;
}

@media screen and (max-width:940px) {
.hamburger.on {
	display: block;
	}
#togglemenu {
	display: none;
	}
}
@media screen and (max-width:300px) {
.hamburger.off {
	right: 20px;
	left: auto;
	}
}

/*personnalisation*/
#menu_on ul{
	padding-top: 40px;
	max-width: 300px;
	width: 100%;
	}

#menu_on li{
	color: #fff;
	border-bottom: 1px solid #cfc4c2;
	}
#menu_on li:first-child{
	border-top: 1px solid #cfc4c2;
	}
#menu_on li a{
	color: #450b00;
	font-size: 1.21em;
	display: block;
	padding: 12px 20px;
	margin: 2px;
	}
#menu_on li a span{
	display: none;
	}
#menu_on li a:hover{
	background-color: #e0412d;
	color: #fff;
	}