@font-face {
    font-family: "YaraMaxLF-Bold";
    src: url('typo/YaraMaxLF-Bold 1/MxBdLf__.ttf'),url('typo/YaraMaxLF-Bold 1/MxBdLf__.eot');
}

@font-face {
    font-family: "YaraMaxLF-Regular";
    src: url('typo/YaraMaxLF-Regular 1/MxRgLf__.ttf'),url('typo/YaraMaxLF-Regular 1/MxRgLf__.eot');
}

@font-face {
    font-family: "YaraMaxLF-Book";
    src: url('typo/YaraMaxLF-Book 1/MxBoLf__.ttf'),url('typo/YaraMaxLF-Book 1/MxBoLf__.eot');
}

@font-face {
    font-family: "YaraMaxLF-ExtraBold";
    src: url('typo/YaraMaxLF-ExtraBold 1/MxXbLf__.ttf'),url('typo/YaraMaxLF-ExtraBold 1/MxXbLf__.eot');
}

@font-face {
    font-family: "YaraMaxLF-LightItalic";
    src: url('typo/YaraMaxLF-LightItalic 1/MxLtItLf.ttf'),url('typo/YaraMaxLF-LightItalic 1/MxLtItLf.eot');
}


html {
	font-family: "YaraMaxLF-Book", Helvetica, Arial, sans-serif;
	background: url("background_image.jpg") no-repeat fixed center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff;
}

img{
	border:0px;
}

h1{
	font-family: "YaraMaxLF-Bold";
	font-size:16px;
	font-weight:bold;
}

a:link,a:visited{
	color:#fff;
}

#page{
	position:relative;
	margin:19px auto;
	width:960px;
}

.new{
	position:absolute;
	top:0px;
	right:0px;
}

.logo_yara{
	position:absolute;
	top:0px;
	left:0px;
}

#liens_haut{
	position:absolute;
	top:0px;
	right:50px;
	font-size: 12px;
	font-weight: bold;
	color:#494e5d;
}

#liens_haut a:link,#liens_haut a:visited{
	font-family: "YaraMaxLF-Book";
	font-size: 14px;
	color:#494e5d;
	text-decoration:none;
}

#liens_haut img{
	position:absolute;
	right:-54px;
	top:-2px;
}

.logo_nutrient{
	position:absolute;
	top:44px;
	right:23px;
}

.pure_nutrient_titre{
	font-family: "YaraMaxLF-Bold";
	position:absolute;
	top:122px;
	left:0px;
	font-size: 50px;
	letter-spacing: -2px;
}

.intro{
	padding-top:185px;
	width:631px;
	font-size:16px;
}

.app_store{
	position:absolute;
	top:350px;
	right:0px;
}

#brochure, #videos{
	width:1000px;
}

.brochure_entete{
	font-family: "YaraMaxLF-Bold";
	font-size: 20px;
	margin-top:65px;
	margin-bottom:16px;
	text-shadow:2px 2px #888983;
	clear:both;
}

.contenu_entete{
	font-family: "YaraMaxLF-Bold";
	font-size: 16px;
	font-weight: bold;
	padding-top:310px;
	margin-bottom:16px;
	clear:both;
}

.legal_notice_entete{
	font-family: "YaraMaxLF-Bold";
	font-size: 16px;
	font-weight: bold;
	padding-top:310px;
	text-shadow:2px 2px #888983;
	margin-bottom:16px;
	clear:both;
}

.brochure{
	float:left;
	width:300px;
	height:240px;
	position:relative;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 4px 4px 5px #333;
	overflow:hidden;
	margin-right:29px;
	margin-bottom:42px;
}


div.brochure:hover{
	border:solid 5px #000;
	top:-5px;
	left:-5px;
	margin-right:19px;
	margin-bottom:32px;
	box-shadow: none;
}

.brochure_titre{
	font-family: "YaraMaxLF-ExtraBold";
	border-radius: 7px 7px 0 0;
	font-weight:bold;
	font-size:14px;
	height:41px;
	width:300px;
}

.brochure_titre div{
	padding:13px 0px 0px 12px;
}

.brochure_titre span{
	font-family: "YaraMaxLF-LightItalic";
	color:#212320;
	font-weight:normal;
	padding-right:5px;
}

.orange .brochure_titre{
	background:#de962a;
}

.jaune .brochure_titre{
	background:#f4ce13;
}

.brochure_bas{
	position:absolute;
	top:200px;
	height:40px;
	width:300px;
	border-radius: 0px 0px 7px 7px;
	background:#e5e5e5;
	filter : alpha(opacity=95);
	opacity : 0.95;
	color:#000;
	font-size:13px;
}

.brochure_bas div{
	padding:13px 30px 0px 12px;
}

.brochure_bas div.dl{
	padding:5px 30px 0px 12px;
}

.brochure_bas img{
	position:absolute;
	top:12px;
	right:10px;
}

.contenu{
	clear:both;
	width:100%;
	padding:14px 8px;
	border-radius: 6px 6px 6px 6px;
	filter : alpha(opacity=85);
	opacity : 0.85;
	background-color:#505050;
}