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

body {
  margin: 0; /* pour éviter les marges */
  background: url(../images/background.jpg) no-repeat fixed center #86C9EF;
}
#logo {
	background-image: url(../images/jardin_logo.png);
	width: 127px;
	height: 124px;
	margin-bottom: 40px;
	float: left;
	margin-left: 20px;
}
#texte {
	width: 70%;
	font-family: 'Ubuntu', sans-serif;
	margin: 20px 25px 90px 175px;
}
#texte-bas {
	font-family: 'Ubuntu', sans-serif;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 100px;
}
h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 42px;
	margin-bottom: 10px;
	text-align: justify;
	margin-top: 0;
}
p {
	font-weight: 500;
	font-size: 20px;
	text-align: justify;
	margin: 0 0 10px;
}
p.bleu {
	color: #0075bb;
}
p.rouge {
	color: #000000;
	text-align: center;
}
#nouveau {
	width: 202px;
	height: 159px;
	background-image: url(../images/nouveau.png);
	position: absolute;
	margin-top: -105px;
	margin-left: 550px;
}
#video {
	height: 365px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	border: 7px solid #ffffff;
	margin-bottom: 40px;
	background: url(../images/bg_video.png) no-repeat center center #000000;
}
#bandeau-fix {
	height: 50px;
	width: 100%;
	background-color: #ffffff;
	position: fixed;
	bottom: 0;
}
#logo-prod {
	width: 71px;
	height: 40px;
	background: url(../images/logo_prod.png) no-repeat;
	margin-top: 4px;
	margin-right: 20px;
	position: absolute;
	right: 190px;
	bottom: 35px;
}
#logo-creno {
	width: 190px;
	height: 40px;
	background: url(../images/logo_creno.jpg) no-repeat;
	float: right;
	margin-top: 4px;
	margin-right: 20px;
}