@media (min-width: 980px) and (max-width: 1180px) {
	#sous-menu {
	display: block;
	background-color: white;
	position: relative;
	border: none;
	width:auto;
	padding: 0;
	z-index: 1000;
	}
	#sous-menu li {
	margin-left: 0;
	display: block;
	float: none;
	width: 100%;
	padding: 0;
	text-align: left;
	}
	#menu-nav > li:hover #sous-menu {
	display: block;
	}
	#menu {
		display: none;	
	}
	#mobile-nav {
		display: block;
		float: right;
	}
	#menu-nav-mobile {
		margin: 0;
	}
	header .sticky-nav #mobile-nav,
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 20px;	
	}
	.actus-social{
		margin-bottom:30px;
	}	
}

@media (min-width: 381px) and (max-width: 979px) {
	
	#menu {
		display: none;	
	}
	
	
	#mobile-nav {
  	display: block;
	float: right;
	}
	
	#menu-nav-mobile {
	margin: 0;
	}
	
	header .sticky-nav #mobile-nav,
	header .sticky-nav.stuck #mobile-nav {
	margin-right: 20px;	
	}
	.actus-social{
		margin-left: auto;
		margin-right: auto;
		margin-bottom:30px;
	}
	.page, .page2, .page3 {
		padding-bottom:15px;
	}
	#contact-form #nom, #contact-form #email, #contact-form #tel, #contact-form #theMsg, #contact-form #security{
		width:100%;
	}
	.title-page {
		text-align: center;
	}
	.theline, .theline2 {
		display: none;
	}
}
	
	


@media (max-width: 380px) {
	#menu {
		display: none;	
	}
	
	.spotify {
		height: 310px;
		margin-bottom: 15px;
	}
	.jacket {
		margin-bottom: 15px;
	}
	
	#mobile-nav {
    	display: block;
		float: right;
	}
	
	#menu-nav-mobile {
		margin-bottom: 30px;
	}
	
	header .sticky-nav #mobile-nav,
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 20px;	
	}
	.actus-social{
		margin-bottom:30px;
	}
	.page, .page2, .page3 {
		padding-bottom:15px;
	}
	#contact-form #nom, #contact-form #email, #contact-form #tel, #contact-form #theMsg, #contact-form #security{
		width:100%;
	}
	.title-page {
		text-align: center;
	}
	.theline, .theline2 {
		display: none;
	}
}