/* 1920 */
@media only screen and (min-width: 1900px) {
	#menu .menu {
		width: 1315px;
	}
	.menu li {
		width: 350px;
	}
	#footer .menu {
		left: 450px;
		width: 350px;
	}
	#content {
		width: 1315px;
	}
	#html {
		width: 980px;
	}
	#show .slideshow,
	#show .slideshow .slides,
	#show .slideshow .slides li {
		width: 1030px;
		height: 584px;
	}
	#show .slideshow {
		height: 604px;
	}
}

/* 1600 */
@media only screen and (min-width: 1600px) and (max-width: 1900px) {
	#menu .menu {
		width: 1000px;
	}
	.menu li {
		width: 300px;
	}
	#footer .menu {
		left: 400px;
		width: 300px;
	}
	#content {
		width: 1030px;
	}
	#html {
		width: 980px;
	}
	#show .slideshow,
	#show .slideshow .slides,
	#show .slideshow .slides li {
		width: 980px;
		height: 555px;
	}
	#show .slideshow {
		height: 575px;
	}
}

/* 1280 */
@media only screen and (min-width: 1280px) and (max-width: 1599px) {
	#content {
		width: 710px;
	}
	#html {
		width: 710px;
	}
}



/* 1024 */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	
	.chapo {
		width: 560px;
	}
	/* Layout */
	#content {
		width: 560px;
		margin-left: 440px;
	}
	#menu {
		left: 380px;
		padding-left: 60px;
	}
	#menu .menu {
		width: 640px;
	}
	.menu li {
		width: 135px;
	}
	#footer .menu {
		left: 225px;
		width: 300px;
	}
	#footer {
		padding-left: 60px;
		margin-left: 385px;
	}
	#header {
		width: 400px;
	}
	.background ul {
		width: 380px;
	}
	
	
	/* HTML */
	#html .mainText .chapo {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	#html .texts article h3 {
		font-size: 25px;
	}
	#html .texts-menu {
		width: 275px;
		line-height: 40px;
	}
	
	
	/* Shows */
	#shows ul.results li .status {
	    top: -10px;
	}
	#shows ul.results li {
		width: 280px;
	}
	#shows ul.results li .thumbnail {
		height: 180px;
	}
	
	#show .slideshow,
	#show .slideshow .slides,
	#show .slideshow .slides li {
		width: 560px;
		height: 317px;
	}
	#show .slideshow {
		height: 337px;
		margin-bottom: 20px;
	}
	#show h3 {
		font-size: 60px;
	}
	#show .date {
		left: 180px;
		bottom: 100px;
	}
}




/* 768 */
@media only screen and (max-width: 768px) {
	.chapo {
		width: 520px;
		padding-top: 15px;
		padding-bottom: 30px;
		margin: 0;
	}
	#content {
	}
	#header {
		position: absolute;
		width: 100%;
		left: 0;
		top: 50px;
		bottom: none;
		background: none;
		padding: 0;
		margin: 0;
		height: 180px;
	}
	#header .wrapper {
		padding-top: 30px;
		margin-left: 50px;
		margin-right: 50px;
		height: 150px;
		background: #fff;
	}
	h1 {
		margin-top: 0;
		width: 150px;
		height: 120px;
		background-size: 100%;
	}
	#menu {
		position: absolute;
		left: 0;
		top: 230px;
		width: 100%;
		background
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		padding-left: 0;
	}
	#menu .wrapper {
		background: #fff;
		margin-left: 50px;
		margin-right: 50px;
		padding: 15px 0;
	}
	#menu .menu {
		background: #fff;
		width:100%;
		box-sizing: border-box;
	}
	#footer .menu {
		left: 170px;
		width: 300px;
	}
	#footer {
		padding-left: 0px;
		margin-left: 50px;
	}
	#content {
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
		padding-top: 310px;
		margin-top: 0;
	}
	
	
	/* Html */
	#html {
		width: 520px;
		margin-left: 220px;
	}
	#html.single {
		width: 650px;
		margin-left: 50px;
	}
	#html .texts-menu {
		width: 150px;
		top: 325px;
	}
	#html .texts-menu li {
		line-height: 15px;
		height: 50px;
	}
	#html .mainText {
	}
	#html .mainText .text,
	#html .texts article .text {
		width: 520px;
	}
	

	/* Shows */
	#show,
	#shows {
		margin-left: 50px;
	}
	#shows ul.results li {
		width: 340px;
	}
	#shows ul.results li .thumbnail {
		height: 220px;
	}
	
	#show .slideshow,
	#show .slideshow .slides,
	#show .slideshow .slides li {
		width: 650px;
		height: 370px;
	}
	#show .slideshow {
		height: 390px;
		margin-bottom: 20px;
	}
	#show h3 {
		font-size: 60px;
	}
	#show .date {
		position: static;
		text-align: left;
		width: auto;
	}
	
	.slideshow nav #next,
	.slideshow nav #prev {
		display: none;
	}
}

/* 480 */
@media only screen and (max-width: 568px) {
	
	.shows {
		display: block;
	}
	
	form {
		padding: 0 30px;
	}
	.chapo {
		width: 100%;
		font-size: 20px;
		line-height: 18px;
		padding: 0 30px;
		box-sizing: border-box;
		margin: 20px 0;
	}
	h2 {
		display: block;
		font-weight: normal;
		text-transform: uppercase;
		padding: 0 30px;
		box-sizing: border-box;
	}
	h1 {
		margin-top: 0;
		width: 92px;
		height: 73px;
		background-size: 100%;
	}
	#message {
		width:100%;
		box-sizing: border-box;
	}
	
	#header {
		position:absolute;
		top: 30px;
		height: 180px;
	}
	#header .wrapper {
		padding-top: 30px;
		margin-left: 30px;
		margin-right: 30px;
		height: 130px;
		background: #fff;
	}
	body.home #header {
		display: block;
		position: absolute;
	}
	#menu_button {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		z-index: 200;
		text-transform: uppercase;
		font-size: 12px;
	}
	body.home #menu_button {
		top: 190px;
	}
	#menu_button .wrapper {
		margin: 0 30px;
		background: #fff;
		text-align: center;
		border-bottom: 1px solid #eee;
		cursor:pointer;
	}
	#menu {
		 position: absolute;
		z-index: 400;
		display: none;
		top: 30px;
		background: none;
	}
	body.home #menu {
		position: absolute;
		top: 220px;
		z-index:400;
	}
	#menu li {
		text-align:center;
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	#menu .wrapper {
		box-sizing: border-box;
		margin: 0 30px;
		padding: 0;
		background: #fff;
	}
	#menu .menu {
		background: none;
		width: auto;
	}
	#footer {
		display: none;
	}
	/*#footer .menu {
		left: 170px;
		width: 300px;
	}
	#footer {
		padding-left: 0px;
		margin-left: 50px;
	}*/
	#content {
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
		padding-top: 161px;
		margin-top: 0;
	}	
	
	
	/* Html */
	#html {
		width: 100%;
		margin: 0px;
		padding-top: 30px;
	}
	#html.single {
		width: 100%;
		margin: 0px;
	}
	#html .texts-menu {
		display: none;
	}
	#html .mainText {
	}
	#html .mainText .text,
	#html .texts article .text {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}
	#html .texts article h3 {
		padding-left: 0;
		font-size: 18px;
		line-height: 25px;
		height: 50px;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}

	/* Shows */
	#shows {
		padding-top: 30px;
	}
	#show,
	#shows {
		margin: 0;
	}
	#shows ul.results li {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	#shows ul.results li h3 {
		padding: 0 30px;
		box-sizing: border-box;
		padding-top: 10px;
		font-size: 20px;
		line-height: 22px;
	}
	#shows ul.results li .status {
		right: 30px;
		font-size: 11px;
	}
	#shows ul.results li .description {
		padding: 0 30px;
		box-sizing: border-box;
		font-size: 16px;
	}
	#shows ul.results li .thumbnail {
		height: 180px;
	}
	
	#show .slideshow,
	#show .slideshow .slides,
	#show .slideshow .slides li {
		width: 100%;
		height: 180px;
	}
	.flex-control-nav li {
		margin-bottom:10px;
	}
	#show .slideshow {
		height: 200px;
		margin-bottom: 20px;
	}
	#show h3 {		
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	#show .catcher {
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 10px;
		width: auto;
	}
	#show .date .status {
		text-decoration: underline;
	}
	#show .date {
		font-family: 'proxima_regular';
		text-transform: uppercase;
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 10px;
	}
	#show .description {
		width: auto;
	}
	#shows .archives {
		margin-top: 30px;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}
	#show .date,
	#show h3,
	#show .catcher,
	#show .description {
		padding: 0 30px;
		box-sizing: border-box;
	}
	
	.slideshow nav #next,
	.slideshow nav #prev {
		display: none;
	}
	#shows ul.results li, #show ul.results li {
	    box-sizing: border-box;
	    width: 100%;
	    padding-right:0;
	}
	#show article .other_shows h4 {
	    width: 100%;
	    font-size:24px;
	    box-sizing: border-box;
	}
	#shows ul.results li .status, #show ul.results li .status {
	    top: -10px;
	}
	/*tour-booking*/
	#html .mainText .superposed_img img {
		margin-top: 0px;
	}
	#html .mainText .superposed {
		color:#000;
		padding: 20px 30px;
	}
	#events_archives,
	#events {
		width:80%;
		margin:auto;
	}
	#events_archives li .infos,
	#events li .infos {
		width:49%;	
	}
	#events_archives li h3,
	#events li h3 {
		width:45%;	
	}
}