@media screen and (max-width: 1700px) {
	header {top:50px; left:100px;right:100px;}
	section {width:auto;margin:0 100px;}

}

@media screen and (max-width: 1500px) {
	section#livre div.left img {width:500px;height:auto;}
	section#livre div.right img {width:500px;height:auto;}

}

@media screen and (max-width: 1300px) {
	section#cover {top:0;height:600px;}
	section#livre ul {display: inline-block;width:100%;vertical-align: top;}
	section#livre ul.extra {text-align:center;font-family: 'botera_tferegular';font-size:1.3em;padding-right:0px;}
	section#livre ul.extra2 {text-align:center;font-family: 'botera_tferegular';font-size:1.3em;padding-right:0px;}
	section#livre ul.descr {text-align:center;font-size:1.2em;color:#bcab85;line-height: 1.4em;padding-left:0px;margin-top:30px;}
	section#livre ul.descr li.tech {text-align:center;font-size:0.8em;line-height: 1.4em;color:#0d302b;}

	section#reseau ul.sym1 {text-align:left;padding-right:0px;width:500px;}
	section#reseau ul.sym2 {text-align:left;padding-left:0px;width:500px;padding-top:30px;}

	section#livre div.left img {width:400px;height:auto;}
	section#livre div.right img {width:400px;height:auto;}
}

@media screen and (max-width: 1100px) {
	header {top:50px; left:50px;right:50px;}
	section {width:auto;margin:0 50px;}

	section#chanson-lievre button {margin-top:100px;margin-left: 50px;background-color:#b5a289;}
	section#chanson-lievre .mediPlayer { position:absolute;bottom:100px;right:50px;cursor: pointer;}

	section#oursong button {margin-top:100px;margin-left: 50px;background-color:#b5a289;}
	section#oursong .mediPlayer { position:absolute;bottom:100px;right:50px;cursor: pointer;}
}


@media screen and (max-width: 950px) {
	section#livre div.left {width:100%;}
	section#livre div.right {width:100%;}
	section#livre div.left img {width:500px;height:auto;}
	section#livre div.right img {width:500px;height:auto;}


}

@media screen and (max-width: 900px) {
	header {position:absolute;}
	section#cover {margin-top:150px;height:600px;border-top: 1px solid #bcab85;}
	section#reseau {padding:100px 0 50px 0;margin:0;}
	section#reseau h3 {width:100%; margin:-150px auto 0 auto;padding-top:30px;}
	section#contact {padding:50px 0px;margin:0;text-align:center;}

	section#livre ul {display: inline-block;width:100%;vertical-align: top;}
	section#livre ul.extra {text-align:center;font-family: 'botera_tferegular';font-size:1.3em;padding-right:0px;}
	section#livre ul.extra2 {text-align:center;font-family: 'botera_tferegular';font-size:1.3em;padding-right:0px;}
	section#livre ul.descr {text-align:center;font-size:1.2em;color:#bcab85;line-height: 1.4em;padding-left:0px;margin-top:30px;}
	section#livre ul.descr li.tech {text-align:center;font-size:0.8em;line-height: 1.4em;color:#0d302b;}

	section#reseau ul.sym1 {text-align:left;padding-right:0px;width:500px;}
	section#reseau ul.sym2 {text-align:left;padding-left:0px;width:500px;padding-top:30px;}


}

@media screen and (max-width: 750px) {
	section#cover {height:400px;}
	.mediPlayer { margin:0;margin-top:350px;cursor: pointer;display:inline-block;}
	section#chanson button {margin:0;background-color:#b5a289;display:inline-block;}
	.mediPlayer { position:absolute;margin-top:300px;cursor: pointer;display:block;}

	section#chanson {	background-size:130%; }
	section#chanson button {position:absolute;right:0;top:300px;}

	section#chanson-lievre button {margin-top:100px;margin-left: 50px;background-color:#b5a289;}
	section#chanson-lievre .mediPlayer { position:absolute;bottom:50px;right:50px;cursor: pointer;}

	section#oursong button {margin-top:100px;margin-left: 50px;background-color:#b5a289;}
	section#oursong .mediPlayer { position:absolute;bottom:50px;right:50px;cursor: pointer;}

	section#chanson {	background-image: url(../img/video-mob.png);}

	section#chanson-lievre {	background-image: url(../img/video-mob.png);}

	section#oursong {	background-image: url(../img/screen_mob.png);}
}

@media screen and (max-width: 600px) {
	header {display:;}
	section#cover {height:400px;background-size:cover; }
	#contact h3::before	{width:85%;}
	#contact form {margin:50px auto 0px auto;width:100%;padding:0 50px;}
	section#chanson {	background-size:130%; }
	section#reseau ul.sym1 {text-align:left;padding-right:0px;width:100%;padding:0 50px;}
	section#reseau ul.sym2 {text-align:left;padding-left:0px;width:100%;padding:0 50px;padding-top:30px;}
	#contact input.button {
	width:100%;}
	section#livre div.left img {width:400px;height:auto;}
	section#livre div.right img {width:400px;height:auto;}
}

@media screen and (max-width: 500px) {
	body{font-size:0.8em;}
	header {display:;}
	section {width:auto;margin:0 20px;}
	section#reseau ul.sym1 {padding:0 20px;text-align:left;}
	section#reseau ul.sym2 {padding:0 20px;padding-top:30px;text-align:left;}
	#contact form {padding:0 20px;}
	section#livre h1 {font-size:2.2em;}
	section#chanson {height:500px;}
	section#chanson {	background-size:130%; }
	.mediPlayer { position:absolute;margin-top:300px;cursor: pointer;display:block;}
	section#chanson button {position:absolute;right:0;top:300px;}
	section#telecharger .frame button {width:250px;height:50px;padding:0 50px; margin:5px 0;}

	section#chanson-lievre button {margin-top:100px;margin-left: 50px;background-color:#b5a289;}
	section#chanson-lievre .mediPlayer { position:absolute;bottom:20px;right:50px;cursor: pointer;}

	section#oursong button {margin-top:100px;margin-left: 50px;background-color:#b5a289;}
	section#oursong .mediPlayer { position:absolute;bottom:50px;right:50px;cursor: pointer;}
}