/* © Michaël betsch 2015 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: none;
}

html, body {
	background: white;
	width: 100%;
	height: 100%;
	position: relative;
}

a {
	text-indent: -9999px;
	position: absolute;
/*
	background: green;
	opacity: 0.8;
*/
}

.maincontainer {
	position: relative;
	width: 1150px;
	height: 900px;
}

.googlecontent {
	display: none;
}

/* Audio */

#mp3playerintro {
	display: block;
	position: absolute;
	font-size: 22px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
	top: 905px;
}

#mp3player {
	display: block;
	position: relative;
	margin-top: 5px;
	margin-left: 170px;
}

.audiojs {
	display: inline-block;
}

.audiojs .play-pause { width: 15px; height: 20px; padding: 0px 8px 0px 0px; }

.audiojs .scrubber { background: #5a5a5a; width: 600px; height: 10px; margin: 5px; }

.audiojs .progress { height: 10px; width: 0px; background: #ccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }

.audiojs .loaded { height: 10px; background: #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }

.audiojs .time { float: left; height: 25px; line-height: 25px; }

.audiojs .scrubber { width: 800px; }

.audiojs { height: 24px; width: 980px; }

#welcome {
	background: url(images/1-welcome.jpg);
}

#workshop {
	background: url(images/2-workshop.jpg);
}

#team {
	background: url(images/3-team.jpg);
}

#teaser {
	background: url(images/4-teaser.jpg);
}

#diapo {
	background: url(images/5-diapo.jpg);
}

#inscription {
	background: url(images/6-inscription.jpg);
}

#contact {
	background: url(images/7-contact.jpg);
}

/* Menu */

#menutowelcome {
	top: 845px;
	left: 40px;
	width: 125px;
	height: 25px;
}

#menutoworkshop {
	top: 845px;
	left: 200px;
	width: 170px;
	height: 25px;
}

#menutoteam {
	top: 845px;
	left: 410px;
	width: 100px;
	height: 25px;
}

#menutoteaser {
	top: 845px;
	left: 550px;
	width: 90px;
	height: 25px;
}

#menutodiapo {
	top: 845px;
	left: 680px;
	width: 70px;
	height: 25px;
}

#menutoinscription {
	top: 845px;
	left: 790px;
	width: 150px;
	height: 25px;
}

#menutocontact {
	top: 845px;
	left: 980px;
	width: 110px;
	height: 25px;
}

/* Welcome */

#backhome {
	top: 5px;
	left: 15px;
	width: 410px;
	height: 75px;
}
	
#facebooklink {
	top: 640px;
	left: 440px;
	width: 130px;
	height: 52px;
}

#instagramlink {
	top: 640px;
	left: 575px;
	width: 130px;
	height: 52px;
}

#youtubelink {
	top: 640px;
	left: 710px;
	width: 130px;
	height: 52px;
}

#facebooklinkheader {
	top: 18px;
	left: 975px;
	width: 35px;
	height: 35px;
}

#instagramlinkheader {
	top: 18px;
	left: 1025px;
	width: 35px;
	height: 35px;
}

#youtubelinkheader {
	top: 18px;
	left: 1075px;
	width: 35px;
	height: 35px;
}

/* Videos */

#video {
	position: absolute;
	top: 276px;
	left: 526px;
	width: 480px;
	height: 270px;
}

/* Photos */

#photocontainer img {
	position: absolute;
	z-index: 1;
	top: 200px;
	left: 156px;
	width: 834px;
	border: 1px solid white;
}

#left, #right {
	position: absolute;
	z-index: 2;
	top: 480px;
	cursor: pointer;
}

#left {
	left: 170px;
}

#right {
	right: 168px;
}

/* Inscription */

#inscriptionPDF {
	top: 430px;
	left: 1040px;
	width: 60px;
	height: 60px;
}

#paypalbuttons {
	position: absolute;
	top: 570px;
	left: 510px;
}

#inscription select {
	width: 200px;
	margin-bottom: 20px;
}

/* Contact */

#contacttelephone {
	top: 283px;
	left: 700px;
	width: 130px;
	height: 20px;
}

#contactemail {
	top: 283px;
	left: 905px;
	width: 190px;
	height: 20px;
}

#contacttosite {
	top: 310px;
	left: 640px;
	width: 160px;
	height: 30px;
}

#contactcamediaweb {
	top: 755px;
	left: 582px;
	width: 148px;
	height: 41px;
}