@charset "utf-8";
/* CSS Document */

 @media screen and (min-width: 2427px) {

.intro {
	left: 0;
	top: 106px;
	transition: all 0.5s ease 0s;
	width: 433px;
	z-index: 100;
}
}
 @media screen and (max-width: 1740px) {
.intro {
	top: 66px;
	width: 30%;
}
}
 @media screen and (max-width: 1365px) {
body {
	background-size: 1829px auto;
	color: #FFFFFF;
	overflow: hidden;
}
.btn_01 {
	height: 104px;
	left: 357px;
	top: 113px;
}
.btn_02 {
	height: 104px;
	left: 559px;
	top: 113px;
}
.btn_03 {
	height: 122px;
	left: 264px;
	top: 242px;
}
.btn_04 {
	height: 122px;
	left: 460px;
	top: 242px;
}
.btn_05 {
	height: 122px;
	left: 655px;
	top: 242px;
}
.btn_06 {
	height: 125px;
	left: 152px;
	top: 387px;
}
.btn_07 {
	height: 125px;
	left: 417px;
	top: 387px;
}
.btn_08 {
	height: 125px;
	left: 744px;
	top: 387px;
}
.btn_09 {
	height: 160px;
	left: 252px;
	top: 527px;
}
.btn_10 {
	height: 160px;
	left: 454px;
	top: 527px;
}
.btn_11 {
	height: 160px;
	left: 629px;
	top: 527px;
}
.container > header h1 {
	font-size: 32px;

}
.intro p {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2em;
	padding: 3% 3% 0;
	text-align: left;
}
.intro {
	top: 57px;
	width: 30%;
}
.intro img {
	padding: 2% 21%;
	width: 92%;
}
}
 @media screen and (max-width: 1280px) {
.md-content h3 {
	border-radius: 3px 3px 0 0;
	font-size: 1.4em;
	font-weight: 300;
	margin: -43px;
	opacity: 0.8;
	padding: 1.4em;
	text-align: center;
}
	 .vignette img {
	top: 0;
/*.md-content h3 {
	border-radius: 3px 3px 0 0;
	font-size: 1.4em;
	font-weight: 300;
	margin: -43px;
	opacity: 0.8;
	padding: 1.4em;
	text-align: center;
}
.md-content > div {
	font-size: 0.9em;
	font-weight: 300;
	margin: 0;
	padding: 0 20px 40px;
}
.md-content > div p {
	margin: 0;
	padding: 3px 0;
}
.vignette img {
	top: 0;
}*/
}
 @media screen and (max-width: 1030px) {
body {
	background-size: 1641px auto;
	color: #FFFFFF;
	overflow: hidden;/*	background-image: url(../images/fond_1024.jpg);*/
}
.btn_01 {
	height: 96px;
	left: 363px;
	top: 100px;
}
.btn_02 {
	height: 96px;
	left: 543px;
	top: 100px;
}
.btn_03 {
	height: 108px;
	left: 280px;
	top: 218px;
}
.btn_04 {
	height: 108px;
	left: 457px;
	top: 218px;
}
.btn_05 {
	height: 108px;
	left: 632px;
	top: 218px;
}
.btn_06 {
	height: 113px;
	left: 180px;
	top: 346px;
}
.btn_07 {
	height: 113px;
	left: 417px;
	top: 346px;
}
.btn_08 {
	height: 113px;
	left: 709px;
	top: 346px;
}
.btn_09 {
	height: 145px;
	left: 269px;
	top: 473px;
}
.btn_10 {
	height: 145px;
	left: 450px;
	top: 473px;
}
.btn_11 {
	height: 145px;
	left: 607px;
	top: 473px;
}
.intro img {
	opacity: 0;
}
.container > header h1 {
	font-size: 25px;
	padding-right: 340px;
	text-align: right;
}
.container > header {
	top: 0;
}
.intro {
	width: 30%;
}
.md-modal {
	min-width: 100%;
}
}
 @media screen and (max-width: 810px) {
body {
	background-size: 1211px auto;
	color: #FFFFFF;
	overflow: hidden;/*	background-image: url(../images/fond_1024.jpg);*/
}
.container > header h1 {
	font-size: 21px;
}
.btn_01 {
	height: 68px;
	left: 291px;
	top: 75px;
}
.btn_02 {
	height: 68px;
	left: 425px;
	top: 75px;
}
.btn_03 {
	height: 79px;
	left: 230px;
	top: 162px;
}
.btn_04 {
	height: 79px;
	left: 361px;
	top: 162px;
}
.btn_05 {
	height: 79px;
	left: 489px;
	top: 162px;
}
.btn_06 {
	height: 83px;
	left: 155px;
	top: 257px;
}
.btn_07 {
	height: 83px;
	left: 330px;
	top: 257px;
}
.btn_08 {
	height: 83px;
	left: 547px;
	top: 257px;
}
.btn_09 {
	height: 109px;
	left: 219px;
	top: 349px;
}
.btn_10 {
	height: 109px;
	left: 353px;
	top: 349px;
}
.btn_11 {
	height: 109px;
	left: 471px;
	top: 349px;
}
}