@media only screen and (max-width:800px){
	.page_cours .row.spectacles.listing .item {
		flex-direction: column;
	}
	#filtres .content_filter > div,#filtres .content_filter > div.all {
		display: inline-block;
		margin: 0 5px 10px 0;
	}
	.content_filter {
		display: inline-block;
		width: 100%;
	}
	.container {
		padding: 0px 15px;
		padding-top: 0!important;
	}
	.spectacles.listing img {
		width: 100%;
	}
	a.logo_head, .reseaux {
		position: absolute;
		top: 15px;
		z-index: 1;
		left: 15px;
		padding: 0;
	}
	.reseaux {
		right: 10px;
		left: initial;
		top: 53px;
	}
	/* top bar */ 
	span.preinsc {padding: 0px 0 0 45px;}
	span.preinsc h2 {font-size: 11px;line-height: 16px!important;padding: 4px 10px;}
	
	.archives .span.filter *{line-height: 16px;}
	.cours .btn{display:block;position:relative;bottom:initial;left:initial;margin:0 auto;width:auto;padding:12px 20px!important;font-family:Latobold}	
	
	
	body{padding-bottom:0!important}
	footer{position:relative!important}
	[class*=col-]{padding:0 10px;height:auto;margin:0 auto;width:100%;}	
	.home [class*=col-]{text-align:center;}	
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-1{width:8.33333%}
	.col-sm-2{width:16.66667%}
	.col-sm-3{width:25%}
	.col-sm-4{width:33.33333%}
	.col-sm-5{width:41.66667%}
	.col-sm-6{width:50%}
	.col-sm-7{width:58.33333%}
	.col-sm-8{width:66.66667%}
	.col-sm-9{width:75%}
	.col-sm-10{width:83.33333%}
	.col-sm-11{width:91.66667%}
	.col-sm-12,.slider{width:100%}
	section.page-simple .hero h1 {
		padding: 0 10px;
		line-height: 32px;
		font-size: var(--size2);
		width: 100%;
	}
	

	/* MENU */
	.submenu a span {font-size: var(--size3);}
	.nav .item{border-bottom:1px solid #e6e6e629;width:100%;height: auto;}
	
	
	nav.nav .menu_list{background: rgb(0, 0, 0);background: linear-gradient(157deg, rgba(0, 0, 0, 1) 42%, rgba(255, 0, 0, 1) 100%);height:100%!important;width:100%!important;position:fixed!important;top:0!important;left:0!important;z-index: 100000;padding: 40px 10px!important;overflow-y: auto;}
	nav.nav.closed .menu_list{left:-100%!important}	
	
	.btn-navbar{position:fixed;left:0;border-radius:0;margin-left:0;display:block;padding:0!important;top: -1px;background:#000;z-index: 1000000;outline:0;color:#fff;line-height:30px;width:45px;height: 41px;background-size:cover;overflow:hidden;}
	.submenu,.subtitle,.title{position:relative}
	.menu_list a, .menu a, nav .item a.main,.menu a:hover, nav .item a.main:hover, nav .item:hover a.main{width:100%;display:inline-block;font-size: 15px;color: #ffffff;line-height: 26px;vertical-align: middle;font-family: var(--bold);font-size: 18px;padding: 10px 10px;margin: 5px 0;}
	
	.btn-navbar img{display:none}nav .homelog{width:100%;display:block}img.mobile{display:inline-block;width:auto;max-width:100%;height:60px;margin:14px auto}
	.home .logo,.logo{display:block;vertical-align:top;margin:11px auto 25px;padding-left:7px;float:none}
	.nav{padding:0;height:100%;overflow:auto;left:0;margin:0!important;top: 41px;}
	.menu,.menu a,.withsub{width:100%;padding:5px!important}
	.navbar .nav>li>a{font-size:24px;margin:0 3em}
	
	.submenu,.main:hover+.submenu, .submenu:hover, nav .item:hover .main+.submenu{background: white;width:100%;top:0;z-index:0;opacity:1;display:inline;border:none;padding: 0;}
	.submenu a{display:block;width:100%;text-align:center;background:none;color: #fff;padding: 10px 10px;margin: 5px 0;}
	.submenu a:hover{padding-left:5px!important}
	.withsub>a::after,.withsub>a:after{display:none}
	#submit.withsub>a{width:100%!important;max-width:100%!important}#submit{background:#f5004b!important}	
	nav.nav.closed {
		height: 96px;
	}
	
	.global_infos *{text-align: left;}
	.global_infos .date div{width:auto!important;clear:none;display:inline-block!important;line-height:19px!important;font-size:16px!important;text-transform:uppercase;margin:0 8px 0 0!important;vertical-align:middle!important;padding:0!important;background:0 0!important;color:#000!important;font-family:Latobold,sans-serif;float:none!important}
	.single .global_infos .date{max-width:100%!important;width:100%!important;margin:0 auto 3px!important;padding:0 0 10px!important;text-align:center;border-bottom:1px solid #111}
	.single .globlink{margin:0 auto 30px!important;float:none}
	.single .global_infos h1,.single .global_infos h2 {
		line-height: 42px;
	}
	.single .global_infos h1 {
		margin: 0 0 30px 0;
	}
	/* New site */
	.single .global_infos {
		padding: 0 15px;
	}
	.resas {
		margin-left: -20px!important;
		width: 108%;
	}
	.billetterie {
	  margin-top: 30px;
	  margin-bottom: -5px;
	}
	.info_spectacle {
		padding: 0 5px;
	}
	.info_spectacle div {
		text-align: left;
	}
	.section-contenu .col-text {
		padding: 30px 30px 120px 30px;
	}
	p.prochainement {
		text-align: center;
	}
	.spectacles h2 {
		text-align: center;
		line-height: 32px;
	}
	.spectacles .allprog {
		text-align: center;
		float: none;
		display: block;
	}
	section#pilule {
		margin: 50px 0 80px 0;
	}
	#pilule .nextspec {
		background: var(--grey1);
		flex-wrap: wrap;
		justify-content: space-around;
		text-align: center;
		display: flex;
		align-items: center;
		align-content: center;
		float: none;
		padding: 40px 0;
		height: auto;
	}
	#pilule .content_center * {
		text-align: center;
	}
	.flexrow {
		flex-direction: column;
	}
	.invertresp {
		flex-direction: column-reverse;
	}
	.section-contenu {
		margin: 10px 0;
	}
	/* SLIDER */ 
	.slider-content h3 {
		font-size: 48px;
		line-height: 44px;
		margin-left: -3px;
	}
	.slider-content h2 {
		font-size: 48px;
		line-height: 44px;
		margin-left: -3px;
		letter-spacing: -1px;
		margin-top: -3px;
	}
	ul.slick-dots {
		position: absolute;
		top: 23%;
		left: 50%;
		margin: 0 -44%;
		max-width: 100%;
		width: 200px;
		height: 20px;
		display: flex !important;
		align-content: space-between;
		flex-wrap: wrap;
	}
	ul.slick-dots li {
		width: 5px;
		text-align: center;
		margin: 0 4px;
	}
	ul.slick-dots li button {
		text-indent: -9999px;
		border-radius: 50%;
		width: 7px;
		height: 7px;
		line-height: 9px;
		background: none;
		overflow: hidden;
		margin: 0;
		padding: 0;
		box-shadow: 0 0 0px 1px #fff;
	}
	.slider-content .date {
		font-size: var(--size3);
		margin-bottom: 9px;
	}
	.single-slider.slick-slide {
		background-position: 72% top!important;
	}
	.slider-content {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-content: space-between;
		height: 100%;
		width: 80%;
		left: 50%;
		margin: 40px 0 0 -44%;
		position: relative;
		text-align: left;
	}
	.spec_names h2 {
		text-align: left;
	}
	.slider-content .btn {
		line-height: 1rem;
		border-radius: 8px;
		margin: 35px 0 0;
		padding: 20px 33px;
		font-size: 18px;
	}
	.btn-video-home {
	    top:calc(100vh - 57px);
	    position: absolute;
	    width: 150px;
	    right: 20px;
	}
	/*END SLIDER*/	
	.btn-video-home + .section-contenu {
		margin: 40px 0 10px;
	}
	
	
	.page_cours .item_cours .img {
		min-height: 250px;
		width: 100%;
	}
	.item_cours .infos_spectacle {
		margin-bottom: 15px;
		width: 100%!important;
	}
	.spectacles.listing {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	section#filtres {
		margin-top: 15px;
	}
	#pilule .content_center h2 {
		font-family: var(--bold);
		font-size: var(--size1);
		color: var(--white);
		letter-spacing: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		line-height: 46px;
	}
	.spectacles .item_cours {
	  display: flex;
	  flex-direction: column;
	}
	
	/*FOOTER*/	
	footer {padding: 60px 10px;}
	footer .menu_list {display: flex;justify-content: center;flex-direction: column;align-items: flex-start;margin-bottom: 20px;}
	footer .nav_footer {
	  display: flex;
	  width: 100%;
	  flex-direction: column;
	  justify-content: space-between;
	  align-items: flex-start;
	}
	footer .reseaux_footer {
	  display: flex;
	  flex-direction: row;
	  justify-content: space-evenly;
	  align-items: center;
	  width: 90px;
	}
	footer .fa {
		color: #ffffff;
		display: inline-block;
		font: normal normal normal 14px / 1 FontAwesome;
		font-size: 17px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.contact_footer {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  padding: 30px 0 20px 0;
	  border-top: 1px solid #454545;
	  margin-top: 32px;
	  letter-spacing: 0.7px;
	}
	.contact_footer .details_contact {
	  padding-right: 15px;
	  font-size: var(--size4);
	  display: block;
	  text-align: left;
	  margin-bottom: 10px;
	}
	.contact_footer .details_contact a {
	  padding-right: 15px;
	  font-size: var(--size4);
	  display: block;
	  text-align: left;
	  margin-bottom: 10px;
	}
	footer .copyrights_legals {
		text-align: left;
		line-height: 17px;
		letter-spacing: 0.5px;
	}
	footer .menu_list a, footer .menu a, footer nav .item a.main {
		width: 100%;
		display: inline-block;
		font-size: var(--size3);
		color: #fff;
		line-height: 34px;
		vertical-align: middle;
		padding: 0 0 5px 0;
	}
	footer .withsub {
		display: block;
		text-align: left;
		margin: 0 !important;
		max-width: 100%;
		background: 0 0;
		border-bottom: none;
		padding: 0!important;
	}
	footer a.logo_head, .reseaux {
		position: relative;
		top: 0;
		z-index: 1;
		left: 0;
		padding: 0 0 30px 5px;
	}
	nav:not(.nav_footer) .reseaux {
        padding: 14px 10px;
        top: 10px;
    }
	/*End FOOTER*/
	/* pages nothome */
	section#nothome {
		margin-top: 120px;
	}
	.nothome #content h2 {line-height: 36px;}
	/* pages nothome */
}
@media (max-width:600px){
	.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
	.col-xs-1{width:8.33333%}
	.col-xs-2{width:16.66667%}
	.col-xs-3{width:25%}
	.col-xs-4{width:33.33333%}
	.col-xs-5{width:41.66667%}
	.col-xs-6{width:50%}
	.col-xs-7{width:58.33333%}
	.col-xs-8{width:66.66667%}
	.col-xs-9{width:75%}
	.col-xs-10{width:83.33333%}
	.col-xs-11{width:91.66667%}
	.col-xs-12{width:100%}
	.side_projects{padding:0 20px!important}
}