body {
	background-image:url(bg.jpg);
	height: 100%;  /* start height */
	width: 100%;
	background-color:#ffffff;
	background-attachment: fixed; /* parallax */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:auto;
}
.header {
	position:relative;
	height:auto;
	width:100%;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	margin-bottom:20px;
}
.sur-header {
	position:absolute;
	z-index:9999;
	color:red;
	height:auto;
	width:100%;
	margin:0 auto;
	display:table;
	text-align:center;
}
.titre {
	width:auto;
	max-width:749px;
	height:auto;
	margin:auto;
	margin-top:20px;
	padding-bottom:10px;
	text-align:center;
}
#contenu {
	width:100%;margin:auto;height:auto;
}
.content-embed {
	max-width:1024px;display:block;margin:0 auto;
}
#partage {
	position:relative;margin-right:10px;margin-top:10px;float:right;
}
h1	{ 
	text-align:left;
	margin:0;
	font-family:'Roboto',Arial,Helvetica,sans-serif;
	line-height:1.5vw;
	color:white;
	font-size:1.5vw;
	font-weight:400;
}
.embed-container { position: relative; padding-bottom: 125%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width:1024px) {
	body {
	background-image:none;
	background-color:#ffffff;
	}
	.header {
	margin-bottom:0px;
	position:fixed;
	background-color:#ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,.4);
	}
	.titre {
	text-align:center;
	margin-top:0px;
	padding-bottom:0px;		
	}
	.embed-container {position: relative; padding-bottom: 250%; height: 0; overflow: hidden; max-width: 100%; }
	.logo {width:50%;}
	h1 {font-size:4vw;line-height:4vw;text-align:center;}
	#partage {display:none;}
	#contenu {padding-top:130px;}
}

@media screen and (max-width:640px) {
	body {
	background-image:none;
	background-color:#ffffff;
	}
	.header {
	margin-bottom:0px;
	position:fixed;
	background-color:#ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,.4);
	}
	.titre {
	margin-left:18px;
	margin-right:18px;
	text-align:left;
	margin-top:0px;
	padding-bottom:0px;		
	}
	.embed-container {position: relative; padding-bottom: 250%; height: 0; overflow: hidden; max-width: 100%; }
	.logo {width:100%;}
	h1 {font-size:4vw;line-height:4vw;text-align:center;}
	#partage {display:none;}
	#contenu {padding-top:130px;}
}