/* CONTAINER */
#container{
	padding:1em 0 1em 1em;
}

/* HEAD */
#head{
	margin:0 0 1em 0;
}
#logo{
	float:left;
	width:13%;
	margin-right:1%;
}
#logo img{
	width:100%;
}
.smartphone	#logo{
	width:25%;
	margin-top:1%;
}
#head h1{
	font:normal normal 2em 'Abel', sans-serif;
	color:#59595b;
}
.smartphone #head h1{
	font-size:4em;
}
#head p{
	font:normal normal 1.5em 'Abel', sans-serif;
	color:#59595b;
	clear:left;
}
.smartphone #head p{
	clear:left;
	font-size:3em;
}

/* MAIN */
#main{
	clear:both;
}
#main .gradientBorder85{
	background: #a19890; /* Old browsers */
	background: -moz-linear-gradient(left,  #a19890 0%, #ffffff 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a19890), color-stop(85%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #a19890 0%,#ffffff 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #a19890 0%,#ffffff 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #a19890 0%,#ffffff 85%); /* IE10+ */
	background: linear-gradient(to right,  #a19890 0%,#ffffff 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a19890', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	height:auto;
	padding:1px 0 1px 1px;
	margin:0 0 1em 0;
	overflow:hidden;
}
#main .gradientBorder52{
	background: #a19890; /* Old browsers */
	background: -moz-linear-gradient(left,  #a19890 0%, #ffffff 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a19890), color-stop(52%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #a19890 0%,#ffffff 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #a19890 0%,#ffffff 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #a19890 0%,#ffffff 52%); /* IE10+ */
	background: linear-gradient(to right,  #a19890 0%,#ffffff 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a19890', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	height:auto;
	padding:1px 0 1px 1px;
	margin:0 0 1em 0;
	overflow:hidden;
}

#main .gradientGrey{
	background: #eae7e5; /* Old browsers */
	background: -moz-linear-gradient(left,  #eae7e5 0%, #ffffff 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eae7e5), color-stop(85%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eae7e5 0%,#ffffff 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eae7e5 0%,#ffffff 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eae7e5 0%,#ffffff 85%); /* IE10+ */
	background: linear-gradient(to right,  #eae7e5 0%,#ffffff 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae7e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	height:16em;
	padding:1em 0  1em 1em;
	overflow:hidden;
}
#main .gradientBlue{
	background: #c7e0f5; /* Old browsers */
	background: -moz-linear-gradient(left,  #c7e0f5 0%, #ffffff 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c7e0f5), color-stop(52%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c7e0f5 0%,#ffffff 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c7e0f5 0%,#ffffff 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c7e0f5 0%,#ffffff 52%); /* IE10+ */
	background: linear-gradient(to right,  #c7e0f5 0%,#ffffff 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e0f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	height:16em;
	padding:1em 0 1em 1em;
	overflow:hidden;
}
.smartphone #main .gradientBlue, .smartphone #main .gradientGrey{
	height:auto;
}
#main .table{
	display:table;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}
#main .table-cell{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}

/* PRODUITS */
#main .produit{
	float:left;
	width:35%;
	height:100%;
	text-align:justify;
}
#main .produit h2{
	font:normal normal 1.5em 'Abel', sans-serif;
	color:#59595b;
}
.smartphone #main .produit h2{
	font-size:2em;
}
#main .produit .orange{
	color:#e66b4e;
}
#main .produit p, #main .produit li{
	font:normal normal 1em 'Abel', sans-serif;
	color:#59595b;
}
.smartphone #main .produit p, .smartphone #main .produit li{
	font-size:1.8em;
}
#main .produit ul{
	margin:0 0 0 1em;
}
#main .produit li{
	list-style-position:inside;
	list-style-type:circle;
}
#main .produit img{
	width:25%;
	margin:0.5em 0.5em 0 0;
	float:left;
}
.smartphone #main .produit img{
	width:30%;
}

/* LIENS */
#main .download{
	float:left;
	width:25%;
	height:100%;
	margin:0 1% 0 1%;
	text-align:center;
	position:relative;
	z-index:10;
}
#main .download a{
	/*display:block;*/
	width:auto;
	height:auto;
	text-align:center;
}
#main .download img{
	text-align:center;
	width:100%;
}

/* PREVIEW */
#main .preview{
	float:left;
	width:38%;
	height:100%;
	overflow:hidden;
}
#main .preview img{
	height:100%;
}
.smartphone #main .preview img{
	width:100%;
	height:auto;
}