* {
	margin: 0;
	box-sizing: border-box;
}
body,
html {
	height: 100%;
	overflow: hidden;
}
#content {
	margin-top: 58px; /*hauteur du header*/
}
body {
	background-color: #fff;
	background-size:cover;
	z-index: -1;
}
header {
	padding: 5px;
	background-color: rgba(255,255,255,0);
	z-index: 666;
	position: absolute;
	top: 0;
	width: 100%;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: rgba(34,34,34,0);
	height: 79px;
	text-align: center;
}
h1,
p {
	font-family: 'Roboto', sans-serif;
	
}
h1 {
	font-size: 14px
}
p {
	font-weight: 100;
	font-size: 14px;
	text-align: center;
}
#contact,
#compte-a-rebour,
#playbtn,
#bandcamp {
	opacity: 0;
}
#compte-a-rebour {
	font-size: 16px;
	color: #aaa;
}
#contact {
	color: #aaa;
}
#titre {
	position: relative;
	width: 319px;
	height: 33px;
}
#playbtn {
	position: absolute;
	bottom: .5em;
	right: 1em;
}
#bandcamp {
	position: absolute;
	bottom: .5em;
	right: 4em;
}

#cadre {
	/*background-image: url(../images/tirages-15.jpg);*/
	opacity: 0;

}


.image-mobile {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



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

	header {
		position: fixed;
		width: 100%;
		text-align: center;
		padding: 10px;
		height: 59px;
	}	
	#contact {
		position: absolute;
		top: 10px;
		right: 1.5em;
	}
	#compte-a-rebour {
		position: absolute;
		top: 10px;
		left: 1.5em;
		font-size: 14px;
	}
	p {
		padding-top: 15px;
	}
	#titre {
		position: relative;
		width: 607px;
		height: 69px;

	}






/* AFFICHAGE IMAGE
-----------------------------
*/
	html, 
	body, 
	.image-ordi { 
	    height: 100%; 
	}
	.image-ordi section {
	    position: relative;
	    background-position: center center;
	    background-size: cover;
	    min-height: 100%;
	}

	.image-ordi-portrait {
		margin-right: auto;
		margin-left: auto;
		position: relative;
	    background-position: center center;
	    background-size: cover;
	    min-height: 100%;
	}



	
}	

@media screen and (min-width: 1080px) {
	#playbtn {
		display: none;
	}
	#bandcamp {
		position: absolute;
		top: 1em;
		left: 6em;
		z-index: 666;
		width: 30px;
		height: 30px;
	}
}