/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
body{background:#fff;margin:0;padding:0;}
body,input,textarea,select{font-family:'Open Sans', sans-serif;font-size:12pt;font-weight:400;color:#888;}
h1,h2,h3,h4,h5,h6{color:#666;line-height:1.5em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:700;}
h2{font-size:2em;letter-spacing:-1px;}
h3{font-size:1.5em;}
h4{font-size:1.1em; font-weight:200;}
strong,b{font-weight:700;}
em,i{font-style:italic;}
a{text-decoration:none;color:inherit;/*border-bottom:dotted 1px rgba(128,128,128,0.5);*/-moz-transition:color .35s ease-in-out, border-bottom-color .35s ease-in-out;-webkit-transition:color .35s ease-in-out, border-bottom-color .35s ease-in-out;-o-transition:color .35s ease-in-out, border-bottom-color .35s ease-in-out;-ms-transition:color .35s ease-in-out, border-bottom-color .35s ease-in-out;transition:color .35s ease-in-out, border-bottom-color .35s ease-in-out;outline:0;}
a:hover{color:#E27689;border-bottom-color:rgba(255,255,255,0);}
sub{position:relative;top:.5em;font-size:.8em;}
sup{position:relative;top:-.5em;font-size:.8em;}
hr{border:0;border-top:solid 1px #ddd;}
blockquote{border-left:solid .5em #ddd;font-style:italic;padding:1em 0 1em 2em;}
p,ul,ol,dl,table{margin-bottom:2em;}
.clear{clear:both;}
.image{display:inline-block;border:0;}
.image.featured{display:block;width:100%;margin:0 0 2em;}
.image.left{float:left;margin:0 2em 2em 0;}
.image.centered{display:block;margin:0 0 2em;}
.image.centered img{width:auto;margin:0 auto;}
ul.default{list-style:disc;padding-left:1em;}
ul.default li{padding-left:.5em;}
ul.icons li{display:inline-block;}
ul.icons a{display:inline-block;width:2em;height:2em;line-height:2em;text-align:center;border:0;}
ul.menu li{display:inline-block;line-height:1em;border-left:solid 1px rgba(128,128,128,0.35);margin:0 0 0 .5em;padding:0 0 0 .5em;}
ul.menu li:first-child{border-left:0;padding-left:0;margin-left:0;}
ol.default{list-style:decimal;padding-left:1.25em;}
ol.default li{padding-left:.25em;}
.image img,.image.full{display:block;width:100%;}
ul.icons,ul.menu{cursor:default;}

#main{margin:0; padding:0;}

/*********************************************************************************/
/* HEADER                                                                         */
/*********************************************************************************/
header {
	background: #1d2328 url(/images/bg-header.png) repeat;
	}
header #headercontent{width:70%;margin:0 auto;}

header #logo{
	float:left;
	}
header #logo img{
	height:40px;
	width:auto;
	margin:10px 0 5px 0;
	}

header #baseline{
	float:right;
	font-size:29px;
	line-height: 1.9em;
	color:#ffffff;
	font-weight:300;
	text-align: right;
	}

@media screen and (min-width: 200px) and (max-width: 875px) {

body {
 font: 8pt;   
}
    
    
header #logo{
	float:none;
	width:70px;
	margin:0 auto;
	}
header #logo img{
	width:70px;
	height:auto;
	margin:10px 0 0 0;
	}

header #baseline{
	float:none;
	font-size:29px;
	line-height: 1.2em;
	color:#ffffff;
	font-weight:300;
	text-align: center;
	padding-bottom:10px;
	}

	
}


/*********************************************************************************/
/* SECTION                                                                         */
/*********************************************************************************/

.container{ overflow:auto;}

.section_title, .section_pres {overflow:auto;}

.section_title {
	margin:0 auto;
	padding:35px 0;
	background: #000000 url(../images/bg-scratch.jpg) no-repeat center;
	}
	
.section_title .title {
	width: 90%;
	padding: 0 ;
    margin: auto;
	text-align: center;
	}

.section_title h3 {
	font-size:32px;
	line-height: 1.4em;
	font-weight:300;
	margin:16px 0 0 0;
	padding:0;
	}

.section_pres {
	width:100%;
	background: #eeeeee url(../images/bg.gif) no-repeat fixed center;
	background-size:cover;
	border-top: #EEE 5px solid;
	border-collapse: collapse;}


.section_pres .pres{
	margin: 55px auto 55px;
	width: 90%;
	max-width: 820px;
	border-top: 0;
	border-collapse:inherit;
	position: relative;    
}
	



/*********************************************************************************/
/* BTN                                                                         */
/*********************************************************************************/

.buy .btn {
width: 130px;	

display: block;
padding: 3px 14px 0px;
margin: 10px 10px 0 0;
vertical-align: middle;

font-size: 14px;
font-weight: normal;
text-align: center;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);

cursor: pointer;

background-color: #eeeeee;
border: 1px solid rgba(0, 0, 0, 0);
border-color: #c7e7dc;

white-space: nowrap;

border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
    
float:left;

	
}
.buy .btn:hover {
background-color: #fff;
border-color: #f4faf8;
text-shadow: 0 -1px 0 #ffffff;
}



/*********************************************************************************/
/* BLOC                                                                         */
/*********************************************************************************/

.link {
	height: 70px;
}

.cover-img{
	max-width:370px;
	width: 45%;
	/*position: relative;
	bottom: 20px;
	left: 20px;*/
	height: inherit;
	min-width: 208px;
	position: absolute;
	top: -52px;
	left: 20px;
}


.bloc {
	background: #ffdf3b;
	width: 100%;
	margin-top:12%;
	}

.cover{
	display: inline-block;
	float: left;
	width: 50%;
	box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
}


.buy{
	padding: 20px;
	background: #111111;
	display: inline-block;
	float: right;
	width: 50%;
	box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	
	min-height: 338px;
	position: relative;
}

.buy.gradur {
	width: 58%;
	left: 8%;
}

.buy h4{
	margin: 10px 0 0 0;
	color:#FFF;
	padding-right:12px;
	}

.buy p{
	margin: 0;
	color:#fff;
	font-weight: 200;
}	
		
.buy .link .link-premium{	
	height: 200px;
	}
.buy .link .link-classic{	
	height: 200px;
	}
.bottom{
}
	
.desc{ margin: 50px 0; font-weight: 200;}	
	


@media screen  and (max-width: 875px) {

.bloc{text-align: center!important;}

.cover-img {
	width: 100%!important;
	box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
	margin: 0 auto!important;
	padding: 10px!important;
	display:block!important;
	position:relative!important;
    max-width: 370px;
    width: 45%;
    height: inherit;
    min-width: 208px;
    position: absolute;
    top: -52px;
    left:0;
}
    
cover-img {
 
}
	
.cover {	text-align: center!important;	}
	
	.buy {
	width: 100%!important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
	.bottom {
	position: relative!important;
	bottom: 0px!important;
	text-align: center!important;
	width: 50%!important;
	left: 50%!important;
	margin-left: -25%!important;
    margin-bottom:2em;
	}
	.buy .link {
	height: 200px!important;
	width: 160px!important;
	text-align: center!important;
	position: relative!important;
	left: 50%!important;
	margin-left: -25%!important;
	}
	.section_pres .pres {}	
	
	#footerglobal {
	width: 90%!important;
	margin: 0 auto;
	text-align: center;
	}
	footer .logo img {
	width: 13%!important;
	}
	footer .logo {
	display: block!important;
	vertical-align: middle!important;
	padding: 12px 0px 5px 20px!important;
	width: 100%!important;
	}
	footer #footer-text {
	display: block!important;
	width: 100%!important;
	}
	footer .share {
	display: inline-block!important;
	width: 289px!important;	
	text-align: center!important;
	padding-top: 16px!important;
	height: 60px!important;
	position: relative!important;
	}

}








/*********************************************************************************/
/* FOOTER                                                                         */
/*********************************************************************************/
footer{margin: 0 auto;background:#1d2328 url(images/bg-header.png) repeat;}
#footerglobal {width: 70%; margin: 0 auto;}

footer .logo{ display:inline-block; vertical-align: middle; padding: 12px 16px 5px 0;width:5%;}
footer .logo img { width: 100%;}
footer #footer-text{display:inline-block; width:55%;margin: 0;font-size: 10px;vertical-align: middle;}
footer .share{
	display: inline-block;width: 36%;font-family: arial;text-align: right;font-weight: bold;vertical-align: middle;
	}