body {
		background-color: #f0f2f4;
		color: #525357;
	}
	#texte {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		height: 100%;
		text-align: center;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#texte .prems {
		margin-top: 13%;
	}
	#texte .citation {
		padding: 0 70px;
		margin-top: 60px;
		margin-bottom: 50px;
	}
	#texte .infos {
		margin-top: 60px;
	}
	#blocaffiche {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		height: 100%;
		background-color: white;
		overflow: hidden;
	}
	#affichecontent {
		position: absolute;
		display: block;
		top: 0;
		left: -100%;
		height: 100%;
		width: 100%
	}
	#artiste {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: white;
		background-size: 100%;
	}
	#artiste p {
		text-align: justify;
		padding: 0 70px;
		line-height: 1.4;
		font-weight: 300;
		font-size: 18px;
		margin-top: 50px;
	}
	#artiste p span.titre {
		font-weight: 400;
	}
	#artiste p.prems {
		margin-top: 40%;
		text-align: center;
	}
	#affiche {
		position: absolute;
		display: block;
		top: 0;
		left: 100%;
		height: 100%;
		width: 100%;
		background: url(../img/affiche3.jpg) no-repeat;
		background-size: 100%;
	}
	#infospratiques {
		position: absolute;
		display: block;
		top: 0;
		left: 200%;
		height: 100%;
		width: 100%;
		background-color: white;
		background-size: 100%;
	}
	#infospratiques p {
		text-align: center;
		font-size: 18px;
		font-weight: 300;
	}
	#infospratiques p.titreh1 {
		font-size: 28px;
		margin-top:30%;
		font-weight:400;
	}
	#infospratiques p.titreh2 {
		font-weight:400;
		margin-top:40px;
	}
	p {
		font-family: 'Lato', sans-serif;
		font-size: 22px;
		font-weight: 300;
	}
	p strong {
		font-weight: 400;
	}
	.italic {
		font-style: italic;
		font-size: 24px;
		font-weight: 300;
	}
	span.guillemet {
		position: relative;
		font-size: 60px;
		top: 20px;
		line-height: 0;
		font-family: Times, serif;
		font-weight: 300;
	}
	span.titre {
		font-size: 30px;
		font-weight: 400;
		color: #525357;
	}
	.infos a {
		text-decoration: none;
		color: #525357;
		font-weight: 400;
	}
	.infos a:hover {
		text-decoration: underline;
	}
	.infos a:last-child {
		padding-left: 107px;
	}
	.magazine {
		font-family: 'Lato', sans-serif;
		font-size: 22px;
		text-decoration: none;
		color: #525357;
		font-weight: 400;
		padding-bottom: 50px;
	}
	.magazine:hover {
		text-decoration: underline;
	}
	.map {
		font-size: 18px;
		font-weight: 400;
		text-decoration: none;
		color: #525357;
		border: 2px solid #525357;
		padding: 2px 8px;
		line-height: 55px;
	}
	.map:hover {
		color: #f0f2f4;
		background-color: #525357;
	}
	.close {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 60px;
		line-height: 1;
		margin-right: 15px;
		cursor: pointer;
	}
	#footer {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		margin: 0;
		background-color: #f0f2f4;
	}
	#footer a {
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #525357;
		text-decoration: none;
		line-height: 0;
		padding-left: 20px;
	}
	#footer p {
		margin: 0;
		padding: 5px 0;
	}
	#chapeau {
		position: absolute;
		display: block;
		top: 0;
		margin: 3% auto;
		width: 100%;
		font-weight: 700;
		color: #fb3302;
		font-size: 23px;
		text-transform: uppercase;
	}
	#contact {
		position: absolute;
		display: none;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 10000;
		background-color: white;
		overflow: auto;
	}
	#formulaire p {
		font-weight: 400;
		text-align: center;
		margin-top: 30%;
	}
	input[type="text"], input[type="email"] {
		display: block;
		width: 70%;
		height: 32px;
		padding: 6px;
		/*margin: 0 0 12px 0;*/
		margin: 0 auto;
		margin-bottom: 20px;
		background-color: #f0f2f4;
		color: #525357;
		border: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		box-shadow: 0;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		-ms-box-shadow: 0;
		-o-box-shadow: 0;
		transition: all 0.15s linear;
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		transition: all 0.15s linear;
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		font-weight: 300;
	}
	textarea {
		display: block;
		width: 70%;
		padding: 6px;
		margin: 0 auto;
		margin-bottom: 20px;
		background-color: #f0f2f4;
		color: #525357;
		border: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		box-shadow: 0;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		-ms-box-shadow: 0;
		-o-box-shadow: 0;
		transition: all 0.15s linear;
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		transition: all 0.15s linear;
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		font-weight: 300;
	}
	input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
		background-color: #dcdee0;
		border: none;
		outline: none;
	}
	#boutonenvoi {
		display: block;
		/*width: 70%;*/
		padding: 6px 12px;
		margin: 0 auto;
		/*background-color: #f0f2f4;*/
		background-color: #525357;
		/*color: #525357;*/
		color: white;
		border: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		box-shadow: 0;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		-ms-box-shadow: 0;
		-o-box-shadow: 0;
		transition: all 0.15s linear;
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		transition: all 0.15s linear;
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		font-weight: 300;
		cursor: pointer;
		-webkit-appearance: none;
	}
	#responseform {
		width: 70%;
		padding: 10px;
		margin: 0 auto;
		color: white;
	}
	#responseform p {
		margin: 0;
		padding: 10px;
	}
	.ctcmsgok {
		background-color: green;
	}
	.ctcmsgerr {
		background-color: red;
	}
	#legal {
		position: absolute;
		display: none;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 10000;
		background-color: white;
		overflow: auto;
	}
	#legal p {
		font-size: 15px;
		font-weight: 300;
		text-align: center;
		/*margin-top: 30%;*/
	}
	#affichep {
		display: none;
		width: 80%;
		margin: 0 10%;
		margin-bottom: 50px;
	}
	#imglogo {
		width: 170px;
		margin-top: 5px;
	}
	@media only screen and (max-width: 1440px) {
		#chapeau {
			margin: 2% auto;
		}
		#texte .prems {
			margin-top: 9%;
		}
		#texte .citation {
			margin-top: 35px;
			margin-bottom: 40px;
			font-size: 18px;
		}
		#photone {
			width: 250px !important;
		}
		#texte .infos {
			margin-top: 35px;
			font-size: 18px;
		}
		.infos a:last-child {
			padding-left: 89px;
		}
		.magazine {
			font-size: 18px;
		}
		.italic {
			font-size: 18px;
		}
		#artiste p {
			padding: 0 30px;
			line-height: 1.2;
			font-weight: 300;
			font-size: 16px;
		}
		#artiste p.prems {
			margin-top: 30%;
		}
		#infospratiques p {
			font-size: 16px;
		}
		#infospratiques p.titreh1 {
			font-size: 24px;
			margin-top:12%;
		}
		#infospratiques p.titreh2 {
			margin-top:30px;
		}
		.close {
			font-size: 35px;
		}
	}
	@media only screen and (max-width: 1280px) {
		#footer a {
			font-size: 12px;
		}
		#texte .infos {
			font-size: 18px;
		}
		.magazine {
			font-size: 18px;
		}
		p {
			font-size: 20px;
		}
		.infos a:last-child {
			padding-left: 84px;
		}
		.close {
			line-height: 0.6;
			margin-right: 6px;
		}
		#infospratiques p.titreh2 {
			margin-top: 27px;
		}
		input[type="text"], input[type="email"] {
			height: 24px;
			font-size: 14px;
		}
		textarea {
			font-size: 14px;
		}
		#boutonenvoi {
			font-size: 14px;
		}
		#formulaire p {
			margin-top: 20%;
		}
	}
	@media only screen and (max-width: 1024px) {
		#footer a {
			font-size: 12px;
		}
		#texte .infos {
			font-size: 18px;
		}
		.magazine {
			font-size: 18px;
		}
		p {
			font-size: 20px;
		}
		input[type="text"], input[type="email"] {
			height: 24px;
			font-size: 14px;
		}
		textarea {
			font-size: 14px;
		}
		#boutonenvoi {
			font-size: 14px;
		}
		#formulaire p {
			margin-top: 20%;
		}
	}
	@media only screen and (max-width: 1024px) and (orientation: landscape) {
		#texte .citation {
			padding: 0 50px;
			margin-bottom: 40px;
		}
		.italic {
			font-size: 14px;
		}
		p {
			font-size: 14px !important;
		}
		.infos {
			font-size: 14px;
		}
		.magazine {
			font-size: 14px;
		}
		.infos a:last-child {
			padding-left: 67px;
		}
		#footer a {
			font-size: 8px;
			padding-left: 15px;
		}
		.close {
			font-size: 50px;
			line-height: 0.8;
			margin-right: 10px;
		}
		#artiste p {
			font-size: 12px !important;
			margin-top: 75px;
		}
		span.titre {
			font-size: 24px;
		}
		#artiste p.prems {
			margin-top: 21%;
		}
		#infospratiques p.titreh1 {
			font-size: 21px;
			margin-top: 11%;
		}
		#infospratiques p.titreh2 {
			margin-top: 20px;
		}
		#infospratiques p {
			font-size: 12px;
			padding: 0 30px;
		}
		#legal p {
			font-size: 14px;
		}
		.map {
			font-size: 14px;
			border: 1px solid #525357;
		}
		input[type="text"], input[type="email"] {
			height: 16px;
			font-size: 12px;
			margin-bottom: 10px;
		}
		textarea {
			font-size: 12px;
			margin-bottom: 10px;
		}
		#boutonenvoi {
			font-size: 12px;
			padding: 4px 10px;
		}
	}
	@media only screen and (max-width: 1024px) and (orientation: portrait) {
		#blocaffiche {
			display: none;
			width: 100% !important;
		}
		#affichecontent {
			left: 0;
		}
		#texte {
			width: 100% !important;
		}
		#affichep {
			display: block;
		}
		#contact {
			width: 100% !important;
		}
		#legal {
			width: 100% !important;
		}
		#texte .prems {
			margin-top: 90px;
			font-weight: 300;
			font-size: 26px;
		}
		#texte .citation {
			margin-top: 40px;
		}
		p {
			font-size: 24px;
		}
		#texte .infos, .magazine {
			font-size: 18px;
		}
		.infos a:last-child {
			padding-left: 84px;
		}
		.magazine {
			padding-bottom: 70px; 
		}
		#footer {
			position: relative;
			margin-top: 50px;
		}
		#footer a {
			font-size: 14px;
		}
		#artiste p {
			font-size: 18px;
			padding: 0 60px;
			line-height: 1.6;
			letter-spacing: 1px;
		}
		#infospratiques p {
			font-size: 18px;
		}
		#infospratiques p.titreh1 {
			font-size: 32px;
			margin-top: 24%;
		}
		input[type="text"], input[type="email"] {
			font-size: 18px;
			height: 26px;
		}
		textarea {
			font-size: 18px;
		}
		#boutonenvoi {
			font-size: 18px;
		}
		#photone {
			display: none;
		}
	}
	@media only screen and (max-width: 767px) and (orientation: portrait) {
		p {
			font-size: 16px;
		}
		#texte #chapeau {
			font-size: 16px;
		}
		#texte .prems {
			margin-top: 50px;
			font-size: 22px;
		}
		span.titre {
			font-size: 26px;
		}
		.italic {
			font-size: 14px;
		}
		#texte .citation {
			padding: 0 30px;
			text-align: justify;
			margin-top: 25px;
			margin-bottom: 30px;
		}
		#affichep {
			margin-bottom: 30px;
		}
		.magazine {
			font-size: 14px;
			padding-bottom: 0;
		}
		#texte .infos {
			font-size: 16px;
			margin-top: 10px;
		}
		.infos a {
			display: block;
			width: 100%;
			margin-bottom: 10px;
		}
		#texte .infos a:last-child {
			padding-left: 0;
		}
		#footer {
			margin-top: 20px;
		}
		#liencatalogue {
			display: block;
			width: 100%;
			padding: 0 0 15px 0 !important;
			margin-top: 30px;
			font-size: 8px !important;
			text-align: center;
		}
		#artiste {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#artiste p.prems {
			margin-top: 20%;
		}
		#artiste p {
			padding: 0 25px;
			font-size: 18px;
			line-height: 1.4;
			margin-top: 30px;
		}
		#infospratiques {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#infospratiques p.titreh1 {
			font-size: 28px;
			margin-top: 20%;
		}
		#infospratiques p {
			padding: 0 20px;
			font-size: 18px;
		}
		#contact {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#legal {
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		input[type="text"], input[type="email"], textarea {
			font-size: 20px;
			width: 90%;
		}
		#boutonenvoi {
			font-size: 20px;
		}
		#photone {
			display: none;
		}
	}