@CHARSET "ISO-8859-1";
@media (max-width: 1080px) {
	
	.m-justify
	{
		text-align: justify;
	}
	
	#wrapper
	{
		width: auto;
		padding: 0;
		background-size: contain;
	}
	
	h1
	{
		font-size: 2.5em;
		text-align: center;
	}
	
	h1 .sub
	{
		font-size: 0.7em;
	}
	
	h1.contrast
	{
		line-height: 0.65;
	}
	
	main
	{
		padding: 0 10px;
	}
	
  	#menu li
	{
		display: list-item;
		text-align: center;
	}
	
	#menu
	{
		display: none;
		position: absolute;
		margin-bottom: 10px;
		background: #333;
	}
	
	#submenu
	{
		position: initial;
		padding: 10px;
	}
	
	#submenu nav ul
	{
		width: 100%;
		flex-flow: column wrap;
		padding: 0;
		margin: 0;
	}
	
	#submenu nav li
	{
		margin-bottom: 8px;
	}
	
	#menu nav, #submenu nav
	{
		margin: 0 10px;
	}
	
	.box
	{
		margin: 0 20px;
	}
	
	form ul li, form ul li label, form ul li .input, form textarea
	{
		display: block;
		width: 100%;
		text-align: left;
	}
	
	section
	{
		padding-top: 20px;
	}
	
	.filelist .preview
	{
		width: 40%;
	}
	
	#social.scrolling
	{
		right: -250px;
		transition: right 1s ease 0s;
	}
	
	#menu.scrolling
	{
		display: none;
	}
	
	#title
	{
		width: 100%;
		right: auto;
	}
	
	#horaires
	{
		height: auto;
	}
	
	#horaires > div > *
	{
		display: block;
		text-align: right;
	}
	
	#horaires > div > *:first-child
	{
		text-align: left;
	}
	
	#diaporama
	{
		background: url('../../public/images/css/hd2_mobile.webp') top left no-repeat;
		background-size: cover;
	}
	
	#diaporama.bg-nowebp
	{
		background: url('../../public/images/css/hd2_mobile.jpg') top left no-repeat;
	}
	
	#studiopics
	{
		height: auto;
		justify-content: flex-start;
		align-content: center;
		width: 100%;
		flex-direction: column-reverse;
	}
	
	#studiopics img, #studiopics > div, #studio #montage
	{
		margin: 5px;
		min-width: auto;
		max-width: none;
		width: 100%;
		max-height: none;
	}
	
	#studiopics img, #studiopics picture
	{
		max-width: 100%;
	}
	
	#montage
	{
		max-height: 180px;
	}
	
	#contact form
	{
		width: auto;
	}
	
	footer > div, footer .ri
	{
		display: block;
		text-align: left;
	}
	
	#cookieprivacy
	{
		height: 200px;
		left: 0;
		right: 0;
		bottom: auto;
		top: 0;
		position: absolute;
		width: auto;
	}
	
	#cookieprivacy button
	{
		display: block;
		margin: 5px auto;
	}
	
	.media .player
	{
		height: 202px;
	}
	
	.grid-2
	{
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-3
	{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.flex-row
	{
		flex-wrap: wrap;
		max-width: 100%;
	}
	
	#bio .feed
	{
		width: 100%;
		flex-basis: 100%;
	}
	
}