*{ max-height:100000em; }


@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'MostraNuova_Regular';
    src: url('../fonts/mostranuova-webfont.eot');
    src: url('../fonts/mostranuova-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mostranuova-webfont.woff2') format('woff2'),
         url('../fonts/mostranuova-webfont.woff') format('woff'),
         url('../fonts/mostranuova-webfont.ttf') format('truetype'),
         url('../fonts/mostranuova-webfont.svg#mostra_nuova_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MostraNuova_Bold';
    src: url('../fonts/mostranuova-bold-webfont.eot');
    src: url('../fonts/mostranuova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mostranuova-bold-webfont.woff2') format('woff2'),
         url('../fonts/mostranuova-bold-webfont.woff') format('woff'),
         url('../fonts/mostranuova-bold-webfont.ttf') format('truetype'),
         url('../fonts/mostranuova-bold-webfont.svg#mostra_nuovabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova_Regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova_Semibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ProximaNova_Bold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ProximaNova_Light';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ****************************************************************************
		reset
**************************************************************************** */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}

.ie7 input, .ie7 select{line-height:18px}
a {cursor:pointer}

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}


.mobile_only{ display:none !important; }
@media screen and (max-width: 800px) {
	.mobile_only{ display:block !important; }
    .mobile_hidden{ display:none !important; }
}


/* ************************************************************************************************
		struture
************************************************************************************************ */
#page{
	position:relative;
	padding-top:112px;
	/*z-index:100;*/
}
#columns{ background:#fff; }
#left_column{ padding-right:50px; }
#center_column{}
#right_column {}
	
	
.overlay_global{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.5);
	z-index:100;
	display:none;
}
	
	
.container{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
}
.col-2{
	width:16.66%;
	float:left;
	box-sizing:border-box;
}
.col-3{
	width:25%;
	float:left;
	box-sizing:border-box;
}
.col-4{
	width:33.33%;
	float:left;
	box-sizing:border-box;
}
.col-5{
	width:41.66%;
	float:left;
	box-sizing:border-box;
}
.col-6{
	width:50%;
	float:left;
	box-sizing:border-box;
}
.col-7{
	width:58.33%;
	float:left;
	box-sizing:border-box;
}
.col-8{
	width:66.66%;
	float:left;
	box-sizing:border-box;
}
.col-9{
	width:75%;
	float:left;
	box-sizing:border-box;
}


@media screen and (max-width: 1170px) {
	.container{
		padding:0 15px;
		/*overflow-x:hidden;*/
	}
	#page{ padding-top:0; }
}
@media screen and (max-width: 980px) {
	.col-3{ width:50%; }
	.col-4{ width:50%; }
	.col-6{ width:100%; }
}
@media screen and (max-width: 800px) {
	.col-4,
	.col-5{ width:100%; }
}



/* ************************************************************************************************
		generic style
************************************************************************************************ */
body{
	font:normal 14px 'ProximaNova_Regular', Arial, sans-serif;
	color:#161615;
	background:#fff;
}
body.content_only {
	background: #FFF;
}


@media screen and (max-width: 980px) {
	body{
		width:980px;
		overflow-x:hidden;
		font-size:16px;
        max-width: 100%;
	}
	.sbHolder{ font-size:16px !important; }
}
@media screen and (max-width: 640px) {
	body{
		width:640px;
		overflow-x:hidden;
		font-size:24px;
	}
	.sbHolder{ font-size:22px !important; }
}

/* positionnement ****************************************************************************** */
.hidden {display:none}
.f_left {float:left}
.f_right {float:right}
.center {text-align:center}
.clearBoth {clear:both}


/* title *************************************************************************************** */


/* text **************************************************************************************** */
p em {font-style:italic}

.warning {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #990000;
	color:#990000;
	font-size:13px;
	background: #fff;
	line-height:20px;
	text-align:center;
}
.success {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #339900;
	font-size:13px;
	background: #d3ffab;
	line-height:20px;
	text-align:center;
}
.error {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #990000;
	color:#990000;
	font-size:13px;
	background: #fff;
	line-height:20px;
	text-align:center;
}
.error ol { margin-left:20px; }
.error p.lnk {
	margin-top:20px;
	padding:0;
	font-size:11px
}



/* link **************************************************************************************** */
a, a:active, a:visited {
	color:#1e1e1e;
	text-decoration:none;
	outline: medium none;  
}


a, a:hover,
input[type="submit"], input[type="submit"]:hover,
button, button:hover{
	cursor:pointer;
	-webkit-transition: all 0.30s ease-in-out;  
    -moz-transition: all 0.30s ease-in-out;  
    -ms-transition: all 0.30s ease-in-out;  
    -o-transition: all 0.30s ease-in-out;  
}

.transition, .transition:hover{
	-webkit-transition: all 0.30s ease-in-out;  
    -moz-transition: all 0.30s ease-in-out;  
    -ms-transition: all 0.30s ease-in-out;  
    -o-transition: all 0.30s ease-in-out;  
}
	
	
	
/* formulaire input */	
form input[type="text"]:not(.nofocus):focus,
form input[type="password"]:not(.nofocus):focus,
form textarea:not(.nofocus):focus{
    border-color: #98de79 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(152, 222, 121, 0.7);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(152, 222, 121, 0.7);
}		

	
	
/* HACK IOS ipad, iphone */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="submit"], input[type="button"], input[type="image"], button {
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	appearance:none !important;
	-webkit-border-radius:0px !important;
	-moz-border-radius:0px !important;
	border-radius:0px !important;
}






/* ************************************************************************************************
		BREADCRUMB
************************************************************************************************ */
.breadcrumb{
	font-size:14px;
	margin:0 0 30px;
	font-weight:bold;
}
.breadcrumb a{ font-weight:normal; }
.breadcrumb .navigation-pipe{
	display:inline-block;
	width:14px;
	height:1px;
	overflow:hidden;
	background:#98de79;
	text-indent:9999px;
	margin:0 13px;
	position:relative;
	top:-4px;
}





/* ************************************************************************************************
		HEADER
************************************************************************************************ */
header{
	height:112px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:20;
	background:#fff;
	overflow:visible;
}

#header_logo{
	display:block;
	width:242px;
	height:58px;
	margin:25px auto 0;
	float:left;
}


@media screen and (max-width: 1170px){
	header{
		position:static;
		height:127px;
	}	
	.menu-btn-open{
		float:left;
		margin-right:20px;
		margin-top:41px;
	}
}
@media screen and (max-width: 980px){
	
}



/* ************************************************************************************************
		NAV
************************************************************************************************ */
nav{
	float:right;
	text-align:right;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
    position: relative;
    /*top: 66px;*/
}
nav ul{ list-style:none; }
nav li{
	display:inline-block;
	margin-left:25px;
	padding-left:25px;
	border-left:1px solid #ababab;
	position:relative;
}
nav li.after_submenu{ margin-left:15px; }
nav li.first{
	border:none;
	margin:0;
	padding:0;
}
nav li.with_submenu{
	background:url('../img/icon/submenu_open.gif') right center no-repeat;
	padding-right:15px;
}
nav a:hover{ color:#98de79; }
nav a.actif{ border-bottom:1px solid #1e1e1e; }


nav ul.submenu{
	display:none;
	position:absolute;	
	background:#fff;
	top:25px;
	left:60%;
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
}


nav ul.submenu:before{
	display:block;
	height:5px;
	content:'';
	background:url('../img/icon/submenu.gif') center top no-repeat;
	border-bottom:1px solid #efefef;
}
nav ul.submenu li{
	display:block;
	padding:10px 25px;
	margin:0;
	border:none;
	text-align:left;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
}
nav ul.submenu li a{
	font-family:"MostraNuova_Regular";
	font-size:16px;
	letter-spacing:1px;
	white-space:nowrap;
}

@media screen and (max-width: 1170px) {
	nav .menu-btn-close{
		display:block !important;
		margin:0 0 50px;
	}
	.menu-icon {
		display:inline-block;
		margin-right:10px;
		vertical-align: middle;
		width: 44px;
		cursor:pointer;
	}
	.icon-bar{
		background-color: #1e1e1e;
		display: block;
		float: right;
		height: 4px;
		width: 44px;
		margin:5px 0 0;
	}
	nav .icon-bar.first{ width:28px; }
	nav .icon-bar.last{ width:20px; }
	.menu-text-opened{
		font-size:14px;
		text-transform:uppercase;
		font-family:'ProximaNova_Semibold';
		position:relative;
		top:5px;
	}

	nav{
		position:fixed;
		left:0;
		top:0;
		height:100%;
		background:#fff;
		width:250px;
		box-sizing:border-box;
		padding:50px 0;
		z-index:200;
		display:none;
	}
	nav ul{
		width:100% !important;
		padding:0 !important;
		border:none !important;
		text-align:left !important;
	}
	nav li{
		display:block;
		margin:0 0 20px;
		text-align:center;
	}
	nav li.puce{ display:none !important; }
}
@media screen and (max-width: 980px) {
	nav li a{
		font-size:20px;
		margin:0 0 30px;
	}
}
@media screen and (max-width: 640px) {
	nav li a{ font-size:34px; }
	.menu-text-opened{ font-size:24px; }
	nav ul.submenu li{
		margin:20px 0 0 !important;
		padding:0 0 10px;
	}
	nav ul.submenu li a{ margin-bottom:15px; }
	nav ul.submenu li a{ font-size:34px; }
}





/* ************************************************************************************************
		COMMENT CA MARCHE
************************************************************************************************ */
#how-work{
	padding:30px 0;
	border-bottom:1px solid #e1e1e1;
	overflow:auto;
}
#how-work h2,
#how-work .title_h2{
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	margin:0 0 30px;
	color:#3b3b3b;
}
#how-work .step{
	font-size:17px;
	color:#818080;
	line-height:20px;
}
#how-work .number{
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:47px;
	height:45px;
	text-align:center;
	line-height:45px;
	color:#fff;
	background:url('../img/icon/puce_envouthe.png') center center no-repeat;
}
#how-work .step strong{
	display:inline-block;
	margin:5px 0 0;
	font-size:16px;
	color:#1e1e1e;
	text-transform:uppercase;
}





/* ************************************************************************************************
		HOME
************************************************************************************************ */
#content_home{
	margin:40px auto;
	overflow:hidden;	
}

#decouverte_home{
	height:397px;
	text-align:center;
	background:url('../img/bg_decouverte.jpg') center center repeat;
	box-sizing:border-box;
	padding:19px;
}
#decouverte_home .content{
	background:#fff;
	overflow:auto;
	box-sizing:border-box;
	padding:60px 0 0;
	min-height:359px;
}
#decouverte_home .decouverte{ padding:0 60px; }
#decouverte_home h1{
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	padding:0 0 25px;
	margin:0 0 25px;
	border-bottom:1px solid #e1e1e1;
	color:#3b3b3b;
}
#decouverte_home p{
	text-transform:uppercase;
	font-size:16px;
	font-family:'ProximaNova_Semibold';
	color:#3b3b3b;
}
#decouverte_home .decouverte p{
	width: 200px;
	margin: 0 auto;
	line-height: 22px;
}
#content_home a{
	display:inline-block;
	height:50px;
	line-height:50px;
	background:#1e1e1e;
	padding:0 30px;
	text-transform:uppercase;
	font-family: 'ProximaNova_Bold';
	font-size:14px;
	color:#fff;
	position:relative;
	margin:40px 0 0;
}
#content_home a:hover{ background:#98de79; }

#decouverte_home .inside{
	text-align:left;
	margin-bottom:20px;
	padding-left:50px;
	font-size:16px;
	color:#818080;
}
#decouverte_home .inside:first-child{ margin-top:-20px; }
#decouverte_home .inside strong{
	font-size:16px;
	color:#0b0b0b;
	text-transform:uppercase;
	display:inline-block;
	padding:0 0 3px;
}

#decouverte_home .inside.thes{ background:url('../img/icon/thes.png') left 10px no-repeat; }
#decouverte_home .inside.surprise{ background:url('../img/icon/surprise.png') left 10px no-repeat; }
#decouverte_home .inside.carnet{ background:url('../img/icon/carnet.png') left 10px no-repeat; }
#decouverte_home .inside.boite{	background:url('../img/abo-mensuel.png') left 0 no-repeat; }


#offrir_home{
	background:#98de79;
	height:397px;
	text-align:center;
	box-sizing:border-box;
	padding:60px 40px 0;
	margin-left:50px;
	color:#fff;
	position:relative;
}
#offrir_home:before{
	display:block;
	content:'';
	height:14px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#fff url('../img/offrir_top.png') center top no-repeat;
}
#offrir_home:after{
	display:block;
	content:'';
	height:14px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#fff url('../img/offrir_bottom.png') center top no-repeat;
}
#offrir_home h2,
#offrir_home .title_h2{
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	background:url('../img/icon/offrir.png') center top no-repeat;
	padding:40px 0 25px;
	margin:0 0 25px;
	border-bottom:1px solid #fff;
	color:#fff;
}
#offrir_home p{
	font-size:18px;
	font-family:'ProximaNova_Semibold';
}
#content_home #offrir_home a:hover{
	background:#fff;
	color:#1e1e1e;
}



@media screen and (max-width: 640px) {
	#offrir_home p{ font-size:24px; }
}


#talk_about_us{
	overflow:auto;
	background:#f1f1f1;
	padding:75px 0 50px;
	margin:30px 0 0;
	position:relative;
}
#talk_about_us:before{
	display:block;
	content:'';
	height:25px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#fff url('../img/bg_talk.png') center top no-repeat;
}
#talk_about_us .title_h2{
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	margin:0 0 50px;
	color:#3b3b3b;
}
#talk_about_us h3{
	display:block;
	text-align:center;
	margin:0 0 20px;
	font-size:24px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#3b3b3b;
}
#talk_about_us h3 em{ color:#98de79; }

#talk_about_us .presse,
#talk_about_us .avis{ padding-left:30px; }


#talk_about_us .presse .description{
	padding:40px 30px 0;
	margin:40px 0 0;
	position:relative;
	font-style:italic;
}
#talk_about_us .presse .description:before{
	display:block;
	content:'';
	height:1px;
	position:absolute;
	top:0;
	left:50%;
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	width:75px;
	background:#3b3b3b;
}


#talk_about_us .avis .description{
	padding:50px 0 30px;
	margin:0 40px;
	font-size:18px;
	line-height:26px;
	color:#3b3b3b;
	font-style:italic;
	background:url('../img/quote_top.gif') left 10px no-repeat;
}
#talk_about_us .avis .who{
	display:block;
	padding:0 0 10px;
	margin:0 40px;
	font-size:16px;
	font-family:'ProximaNova_Semibold';
	color:#3b3b3b;
	background:url('../img/quote_bottom.gif') right bottom no-repeat;
}
#talk_about_us .avis .who:first-word{ text-decoration:underline; }


#talk_about_us .bx-prev,
#talk_about_us .bx-next {
    display: block;
    height: 21px;
    overflow: hidden;
    position: absolute;
    text-indent: 99999px;
    top: 50%;
    transform: translate(0px, -50%);
    width: 13px;
}

#talk_about_us .bx-wrapper,
#talk_about_us #instafeed{
	text-align:center;
	border:1px solid #c2c2c2;
	min-height:403px;
	padding-top:80px;
	box-sizing:border-box;
}
#talk_about_us #instafeed{ padding:0; }
#talk_about_us .instagram .bx-wrapper{ padding-top:13px; }
#talk_about_us .bx-wrapper .bx-next{
	right:-7px;
	height:75px;
	background:#f1f1f1 url('../img/icon/bx-next-green.png') center center no-repeat;
}
#talk_about_us .bx-wrapper .bx-prev{
	left:-7px;
	height:75px;
	background:#f1f1f1 url('../img/icon/bx-prev-green.png') center center no-repeat;
}





#banner_home{
	height:345px;
	text-align:center;
	background:#000 url('../img/banner_home.jpg') center center no-repeat;
	background-size: cover;
	box-sizing:border-box;
	overflow:hidden;
}
#banner_home .title_h2{
	display:block;
	max-width:300px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	margin:100px auto 40px;
	color:#fff;
}
#banner_home a{
	display:inline-block;
	height:50px;
	line-height:50px;
	background:#000;
	padding:0 30px;
	text-transform:uppercase;
	font-family: 'ProximaNova_Bold';
	font-size:14px;
	color:#fff;
	position:relative;
}
#banner_home a:hover{ background:#98de79; }

.warning,
.alert-warning,
.alert-danger{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #990000;
	color:#990000;
	font-size:13px;
	background: #fff;
	line-height:20px;
	text-align:center;
}


/* ************************************************************************************************
		MY ACCOUNT MENU
************************************************************************************************ */
h1.account_title{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	font-family: 'MostraNuova_Regular';
	color: #3b3b3b;
	padding: 0 0 40px;
	margin: 10px 0 50px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
h1.account_title:after{
	display: block;
	content: '';
	height: 14px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('../img/offrir_top.png') center top no-repeat;
}
#logout_link{
	float:right;
	text-decoration:underline;
	margin-top: -118px;
	position: relative;
	z-index: 10;
}
#account_menu{
	display:block;
	list-style:none;
	background:#f5f5f5;
	text-align:center;
	overflow:hidden;
	width:100%;
	margin:0 0 50px;
}
#account_menu li{
	display:block;
	float:left;
	box-sizing:border-box;
	width:33%;
	height:60px;
}
#account_menu li a{
	display:block;
	box-sizing:border-box;
	margin:10px 0;
	padding:0 20px;
	height:60px;
	font-size:14px;
	text-transform:uppercase;
	font-family:"ProximaNova_Semibold";
	letter-spacing:1px;
	border-right:1px solid #c8cbd0;
	line-height:40px;
}
/*
#account_menu li:first-child a{
	line-height:normal;
	padding-top:3px;
}
*/
#account_menu li:nth-child(3) a,
#account_menu li:last-child a{ border:none; }

#account_menu li:hover,
#account_menu li.actif{background:#98df79; }
#account_menu li:hover a,
#account_menu li.actif a{
	color:#fff;
	border:none;
}




@media screen and (max-width: 980px){
	/*#account_menu li{ width:33.33% }*/
	#account_menu li a{ border:none; }
	#account_menu li:nth-child(2) a{ line-height:40px; }
	#logout_link{
		display:block;
		clear:both;
		font-size:16px;
		float:none;
		margin:0 0 30px;
	}
}
@media screen and (max-width: 800px){
	#account_menu li{
		width:100%;
		border-bottom:15px solid #fff;
		height:80px;
	}
	#account_menu li a{ font-size:28px; }
	#logout_link{ font-size:24px; }
}




/* ************************************************************************************************
		ORDER STEPS
************************************************************************************************ */
#order_step{
	display:block;
	list-style:none;
	margin:0 0 40px;
}
#order_step li{
	display:inline-block;
	margin:0 80px;
	font-size:14px;
	color:#484848;
	text-transform: uppercase;
}
#order_step li:first-child{ margin-left:0; }
#order_step li:last-child{ margin-right:0; }
#order_step li a{ color:#484848; }
#order_step li a:hover{ color:#1e1e1e; }
#order_step li.step_current{
	color:#1e1e1e;
	font-family:"ProximaNova_Bold";
	text-decoration: underline;
}


@media screen and (max-width: 1170px){
	#order_step li{ margin:0 40px; }
}
@media screen and (max-width: 980px){
	#order_step li{ font-size:16px; }
}
@media screen and (max-width: 800px){
	#order_step li{
		margin:0 !important;
		font-size:24px;
	}
	#order_step li:not(.step_current){ display:none; }
}






/* ************************************************************************************************
		ORDER NAVIGATION
************************************************************************************************ */
.cart_navigation{
	display:block;
	clear:both;
	margin:40px 0;
	overflow:hidden;
}
.cart_navigation .next{
	background:#1e1e1e;
	height:52px;
	line-height:52px;
	border:none;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	border:none;
	color:#fff;
	float:right;
	padding:0 50px;
}
.cart_navigation .next:hover{ background:#98de79; }

.cart_navigation .back{
	background:#fff;
	height:52px;
	line-height:46px;
	border:3px solid #1e1e1e;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	color:#1e1e1e;
	float:left;
	padding:0 50px;
}
.cart_navigation .back:hover{
	color:#98de79;
	border-color:#98de79;
}




@media screen and (max-width: 800px){
	.cart_navigation .back{
		display:block;
		width:100%;
		height:60px;
		line-height:60px;
		font-size:24px;
		margin-bottom:30px;
	}
	.cart_navigation .next{
		display:block;
		width:100%;
		height:80px;
		line-height:80px;
		font-size:24px;
	}
}


/* ************************************************************************************************
		ORDER STEP 1
************************************************************************************************ */
#cart_summary{
	margin-bottom:30px;
	border-left:1px solid #f5f6f8;
	width:99.99%;
}
#cart_summary th,
#cart_summary td{
	padding:20px;
	border:1px solid #e6e6e6;
	border-top:none;
	text-align:center;
}
#cart_summary th{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'ProximaNova_Regular';
	background:#f5f6f8;
}
#cart_summary th:first-child{ border-left:none; }
#cart_summary th:last-child{ border-right:none; }
#cart_summary h2{
	display:block;
	margin:0 auto;
	width:80px;
	height:80px;
	line-height:80px;	
	background:#fff;
	position:relative;
	z-index:1;
}
#cart_summary h2.libre{ border-color:#ffbcc9; }
#cart_summary h2.abo6mois{ border-color:#d3b47e; }
#cart_summary h2.abo12mois{ border-color:#b6b6b4; }
#cart_summary h2.abo99{ border-color:#93d5e3; }

#cart_summary h2 span{
	display:block;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'ProximaNova_SemiBold';
}
#cart_summary h3{
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:"ProximaNova_Bold";
	letter-spacing:1px;
}
#cart_summary .cart_quantity_input{
	display:block;
	box-sizing:border-box;
	line-height:42px;
	text-align:center;
	width:50px;
	height:50px;
	font-size:18px;
	margin:0 auto;
	border:2px solid #e6e6e6;
	border-radius:25px !important;
}
#cart_summary .cart_quantity_button{
	margin:10px auto 0;
	width:60px;
}
#cart_summary .cart_quantity_button .btn{
	display:block;
	width:17px;
	height:17px;
	line-height:16px;
	border-radius:9px;
	background:#1e1e1e;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	float:left;
}
#cart_summary .cart_quantity_button .btn:hover{ background:#98de79; }
#cart_summary .cart_quantity_button .cart_quantity_up{
	float:right;
	line-height:20px;
}
#cart_summary .cart_total{
	width:90px;
}

#cart_summary .cart_total .cart_delete a{
	float:right;
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
	text-indent:9999px;
	background:url('../img/icon/delete.gif');
	margin-top:6px;
}


#order-detail-content{
	font-size:14px;
	text-align:right;
	overflow:hidden;
}
#order-detail-content .cart_total_price{
	font-size:24px;
	text-transform:uppercase;
	font-family: 'ProximaNova_Regular';
	padding:0 0 10px;
}
/*#order-detail-content #voucher{	float:right; margin-bottom: 40px; }*/
#order-detail-content #voucher{ float:left; }
#order-detail-content #voucher input.discount_name{
	background:#fff;
	border:1px solid #d8d8d8;
	height:42px;
	padding:0 5px;
	display:block;
	width:200px;
	box-sizing:border-box;
	float:left;
}
#order-detail-content #voucher input[type=submit]{
	background:#fff;
	border:1px solid #000;
	color:#000;
	height:42px;
	padding:0 20px;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
}
#order-detail-content #voucher input[type=submit]:hover{
	background:#000;
	color:#fff;
}
.btn_payment{
	background: #1e1e1e;
	height: 52px;
	line-height: 52px;
	border: none;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	font-family: 'ProximaNova_Semibold';
	text-transform: uppercase;
	border: none;
	color: #fff;
	float: right;
	padding: 0 50px;
	margin-top: 20px;
}
.btn_payment:hover{
	background: #98de79;
}

@media screen and (max-width: 980px){
	#cart_summary .cart_description{ display:none; }
	#cart_summary h3{ font-size:14px; }
	#order-detail-content #voucher{ margin-bottom:20px; }
	#order-detail-content{ font-size:16px; }
}
@media screen and (max-width: 800px){
	#cart_summary td,
	#cart_summary th,
	#cart_summary h3{ font-size:24px; }
	#cart_summary .cart_description p{ display:none; }
	#order-detail-content{ font-size:24px; }
	#order-detail-content #voucher{
		float:none;
		overflow:hidden;
	}
	#order-detail-content #voucher input.discount_name{
		width:468px;
		height:60px;
	}
	#order-detail-content #voucher input[type=submit]{
		height:60px;
		font-size:24px;
	}
	#order-detail-content .cart_total_price{ font-size:28px; }
}







/* ************************************************************************************************
		ORDER STEP 3
************************************************************************************************ */
#address_page{
	font-size:14px;
	overflow:auto;
}
#select_adress{
	border-left:1px solid #f5f6f8;
	width:99.99%;
}
#select_adress th,
#select_adress td{
	padding:20px;
	border:1px solid #e6e6e6;
	border-top:none;
}
#select_adress th{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'ProximaNova_Regular';
	background:#f5f6f8;
	color: #484848;
}
#select_adress th:first-child{
	border-left:none;
	text-align:left;
}
#select_adress th:last-child{ border-right:none; }
#select_adress td:first-child{ text-align:left; }


#select_adress td.livraison,
#select_adress td.facturation,
#select_adress td.edit{ width:50px; }

#select_adress .radio-inline label{ margin-bottom:0; }
#select_adress .radio-inline .radio{ margin-right:0; }

#select_adress td strong{
	display:inline-block;
	padding:0 0 10px;
	text-transform:uppercase;
	font-weight:normal;
}
#address_page .address_add{
	display:inline-block;
	font-size:14px;
	clear:both;
	float:left;
	margin:20px 0;
}
#address_page .address_add:before{
	display:block;
	float:left;
	content:'+';
	width:17px;
	height:17px;
	line-height:17px;
	border-radius:9px;
	background:#1e1e1e;
	color:#fff;
	font-size:16px;
	text-align:center;
	margin-right:10px;
}
#address_page .address_add:hover{ text-decoration:underline; }


@media screen and (max-width: 980px){
	#address_page,
	#address_page .address_add{ font-size:16px !important; }
	#select_adress th,
	#select_adress td{ padding:10px 5px; }
}

@media screen and (max-width: 800px){
	#address_page,
	#address_page .address_add{ font-size:24px !important; }
	#select_adress th,
	#select_adress td{ font-size:24px; }
}








/* ************************************************************************************************
		ORDER STEP 4
************************************************************************************************ */
#carrier_area{
	font-size:14px;
	overflow:auto;
}
#carrier_area table.resume{
	border-left:1px solid #f5f6f8;
	margin-bottom:20px;
	text-align:center;
	width:99.99%;
}
#carrier_area th,
#carrier_area td{
	padding:20px;
	border:1px solid #e6e6e6;
	border-top:none;
	text-align:left;
}
#carrier_area th{
	font-size:14px;
	text-align:left;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'ProximaNova_Regular';
	background:#f5f6f8;
}
#carrier_area th:first-child{
	border-left:none;
	text-align:left;
}
#carrier_area th:last-child{ border-right:none; }
#carrier_area .center{ text-align:center; }
#carrier_area td.input{ width:20px; }

#carrier_area .radio-inline label{ margin-bottom:0; }
#carrier_area .radio-inline .radio{ margin-right:0; }


#carrier_area .checkbox label{ cursor:pointer; }
#carrier_area .checkbox .checker{
	display:inline-block;
	box-sizing:border-box;
	width:20px;
	height:20px;
	border:2px solid #c8cbd0;
	text-align:center;
	line-height:16px;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-size:14px !important;
}
#carrier_area .checkbox .checker input{ display:none; }
#carrier_area .checkbox .checker:hover{ border-color:#d3b47e; }
#carrier_area .checkbox .checker span{
	display:inline-block;
	box-sizing:border-box;
	width:8px;
	height:8px;
	background:none;
	border-radius:4px;
}
#carrier_area .checkbox .checker span.checked{	background:#1e1e1e; }



@media screen and (max-width: 980px){
	#carrier_area{ font-size:16px; }
}
@media screen and (max-width: 800px){
	#carrier_area{ font-size:24px; }
	#carrier_area th,
	#carrier_area td{ font-size:24px; }
}







/* ************************************************************************************************
		ORDER STEP 5
************************************************************************************************ */
#paiement_page{
	overflow:hidden;
	text-align:center;
}

#paiement_page .cheque-box{
	font-size:14px;
	line-height:22px;
}

#paiement_page h5,
#paiement_page h6.page-subheading{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	font-family: 'MostraNuova_Regular';
	color: #3b3b3b;
	padding: 0 0 40px;
	margin: 10px 0 50px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
#paiement_page h5:after,
#paiement_page h6.page-subheading:after{
  display: block;
  content: '';
  height: 14px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('../img/offrir_top.png') center top no-repeat;
}


#paiement_page .callajaxpaygate{
	background:#000;
	height:52px;
	line-height:52px;
	padding:0 30px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	color:#fff;
	min-width:290px;
}
#paiement_page .callajaxpaygate:hover{ background:#98de79; }

#paiement_page #py_leetchi{
	background:#a6d127;
	height:34px;
	line-height:34px;
	padding:0 30px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	color:#fff;
	clear:both;
	min-width:290px;
	float:right;
	margin:10px 0 50px;
}


#order_payment,
#stripe-cb-form{
	margin-bottom: 70px;
}
#order_payment img:hover {
	cursor: pointer;
}
#order_payment table,
#seller table{
	border-left:1px solid #f5f6f8;
	margin-bottom:20px;
	text-align:center;
	font-size:14px;
	width:99.99%;
}
#order_payment th,
#order_payment td,
#seller th,
#seller td{
	padding:20px;
	border:1px solid #e6e6e6;
	border-top:none;
}
#order_payment th,
#seller th{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'ProximaNova_Semibold';
	background:#f5f6f8;
}
#order_payment th:first-child,
#seller th:first-child{
	border-left:none;
}
#order_payment th:last-child,
#seller th:last-child{ border-right:none; }


#paiement_page #carrier_area .cart_total{
	width:90px;
	text-align:center;
}



#paiement_page #stripe_form > .group{
	padding:20px;
	border:1px solid #e6e6e6;
    box-shadow: none;
}
#stripe-cb-form > .button{
    background: #1e1e1e;
    height: 52px;
    line-height: 52px;
    border: none;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-family: 'ProximaNova_Semibold';
    text-transform: uppercase;
    border: none;
    color: #fff;
    padding: 0 50px;
}
#stripe-cb-form > .button:hover{ background: #98de79; }
#stripe-cb-form > .button:disabled{
    background: #eee;
    cursor: not-allowed;
}




@media screen and (max-width: 980px){
	#paiement_page .cheque-box{
		font-size:16px;
		line-height:24px;
	}
	#order_payment td{
		display:block;
		width:100%;
		box-sizing:border-box;
		font-size:20px;
		padding:0;
	}
	#order_payment td a{
		display:block;
		padding:25px;
	}
}
@media screen and (max-width: 800px){
	#paiement_page .cheque-box{
		font-size:18px;
		line-height:28px;
	}
	#order_payment td{ font-size:22px; }
	#paiement_page .cart_navigation .back{ display:none; }
	#paiement_page .callajaxpaygate,
    #stripe-cb-form > .button{
		height:80px;
		line-height:80px;
		font-size:24px;
		float:none !important;
		display:block;
		width:100%;
	}
}






/* ************************************************************************************************
		ORDER CONFIRMATION
************************************************************************************************ */
#order-confirmation #center_column {
	min-height: 520px;
	display: table;
	width: 100%;
	height: 100%;
}
#confirmation_page{
	text-align:center;
	font-size:14px;
	overflow:auto;
	padding:0 50px;
}
#confirmation_page {
	display: table-cell;
	vertical-align: middle;
}
#confirmation_page h2{
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'ProximaNova_Semibold';
	margin:0 0 30px;
}
#confirmation_page a{
	background:#000;
	height:52px;
	line-height:52px;
	padding:0 30px;
	display:inline-block;
	margin:30px 0 0;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	color:#fff;
}
#confirmation_page a:hover{ background:#98de79; }






/* ************************************************************************************************
		FABRICANTS / MARQUES
************************************************************************************************ */
#manufacturers_block_left{
	clear:both;
	background:#fff;
	padding:50px 0 30px;
	text-align:center;
	position:relative;
	z-index:2;
}
#manufacturers_block_left h3{
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'ProximaNova_Semibold';
	margin:0 0 30px;
	padding:0 0 5px;
	letter-spacing:3px;
	border-bottom:1px solid #b5b5b5;
}
#manufacturers_block_left h3:before{
	display:block;
	content:'';
	width:7px;
	height:7px;
	background:url('../img/icon/picto.png') center center no-repeat;
	float:left;
	margin-right:15px;
	margin-top:6px;
}
#manufacturers_block_left h3:after{
	display:block;
	content:'';
	width:7px;
	height:7px;
	background:url('../img/icon/picto.png') center center no-repeat;
	float:right;
	margin-left:15px;
	margin-top:6px;
}
#manufacturers_block_left ul{ list-style:none; }
#manufacturers_block_left li{
	display:inline-block;
	margin:0 10px 20px;
}
#manufacturers_block_left li img{
 	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	opacity:0.3;
}
#manufacturers_block_left li img:hover{
 	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	opacity:1;
}




/* ************************************************************************************************
		REASSURANCE
************************************************************************************************ */
#reassurance_footer{
	background:#f8f8f8;
	padding:50px 0;
	text-align:left;
	overflow:auto;
	position:relative;
	z-index:2;
}
#reassurance_footer .col-4{ padding-right:90px; }
#reassurance_footer h5{
	font-size:22px;
	font-family:'ProximaNova_Light';
	font-weight:normal;
	padding:0 0 10px;
}
#reassurance_footer a{ text-decoration:underline; }
#reassurance_footer .sav{
	background:url('../img/icon/sav.png') left 20px no-repeat;
	padding-left:80px;
}
#reassurance_footer .livraison{
	background:url('../img/icon/livraison.png') left 20px no-repeat;
	padding-left:110px;
}
#reassurance_footer .paiement{
	background:url('../img/icon/paiement.png') left 20px no-repeat;
	padding-left:60px;
}
#reassurance_footer .box{
	background:url('../img/icon/box.png') left center no-repeat;
	padding-left:60px;
	width: 220px;
	margin-right: 40px;
}
#reassurance_footer .box .abonnez{
	text-decoration: none;
	text-transform: uppercase;
	background-color: #98DE79;
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
}







/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#footer{
	background:#fff;
	overflow:auto;
	padding:50px 0;
	clear:both;
	position:relative;
	z-index:2;
}
#footer .col-3:not(.first){
	border-left:1px solid #e1e1e1;
	min-height:170px;
	padding-left:60px;
}
#footer ul{
	list-style:none;
	line-height:26px;
}
#footer li a:hover{ text-decoration:underline; }
#footer h5{
	font-size:22px;
	font-family:'ProximaNova_Light';
	font-weight:normal;
	padding:0 0 10px;
}
#footer h5 a:hover,
#footer p a:hover{ color:#98de79; }
#footer p{ padding-right:20px; }



#social_footer{
	overflow:hidden;
	margin:20px 0 0;
}
#social_footer a{
	display:inline-block;
	float:left;
	margin-right:10px;
}




#bottom_site{
	height:120px;
	background:#131314;
	text-align:center;
	line-height:160px;
	overflow:hidden;
}


@media screen and (max-width: 980px){
}
@media screen and (max-width: 800px){
}







/* ************************************************************************************************
		PARRAINAGE
************************************************************************************************ */
#referral_page{ margin:0 0 100px; }
#referral_program .intro{
	font-size:14px;
	text-align:center;
	line-height:22px;
	padding:0 50px 50px;
}
#referral_program .intro h2{
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'ProximaNova_Bold';
	padding:0 0 30px;
	line-height:40px;
	max-width: 680px;
	margin: 0 auto;
}
#referral_program #idTab1{
	text-align:center;
	font-size:14px;
}
#referral_program #idTab1 table{ border:1px solid #d8d8d8; }


#referral_program #idTab2,
#referral_program #idTab3{
	margin:100px 0 0;
	text-align:center;
	font-size:14px;
	border:1px solid #d8d8d8;
}


#referral_program h3{
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'MostraNuova_Regular';
	letter-spacing:3px;
	background:#fff;
	padding:0 30px;
	position:relative;
	top:-10px;
}


#referral_program table th,
#referral_program table td{ padding:20px; }
#referral_program table th{
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'MostraNuova_Regular';
}
#referral_program table tr:nth-child(2n) td{ background:#f1f1f1; }

#referral_program #idTab1 input[type=text]{
	background:#fff;
	border:1px solid #d8d8d8;
	height:52px;
	padding:0 15px;
	display:block;
	width:100%;
	box-sizing:border-box;
}
#referral_program #idTab1 .important,
#referral_program #idTab1 .warning{
	display:inline-block;
	margin:20px 0;
	padding:15px 100px;
	background:none;
	border:1px solid #f1f1f1;
}
#referral_program #idTab1 .submit input[type=checkbox]{ display:none; }
#referral_program .submit input[type=submit]{
	background:#1e1e1e;
	height:52px;
	display:inline-block;
	padding:0 30px;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	border:none;
	color:#fff;
	cursor:pointer;
	outline: none;
}
#referral_program .submit input[type=submit]:hover{ background:#98df79; }

#referral_program #idTab2 .submit{ margin:20px 0; }
	
#referral_program p.noreferral{
	color:#9d9d9d;
	display:inline-block;
	padding:20px 0 30px;
}



#referral_program .checker{
	display:inline-block;
	box-sizing:border-box;
	width:20px;
	height:20px;
	border:2px solid #c8cbd0;
	text-align:center;
	line-height:16px;
	margin-right:10px;
	cursor:pointer;
}
#referral_program .checker input{ display:none; }
#referral_program .checker:hover{ border-color:#d3b47e; }
#referral_program .checker span{
	display:inline-block;
	box-sizing:border-box;
	width:8px;
	height:8px;
	background:none;
	border-radius:4px;
}
#referral_program .checker span.checked{ background:#1e1e1e; }


@media screen and (max-width: 980px){
	#referral_program .intro,
	#referral_program #idTab1 .important{ font-size:16px; }
}
@media screen and (max-width: 800px){
	#referral_program .intro,
	#referral_program #idTab1 .important{ font-size:18px; }
	#referral_program #idTab1 th:first-child,
	#referral_program #idTab1 td:first-child{ display:none; }
}





/* ************************************************************************************************
		LOYALTY
************************************************************************************************ */
#loyalty_page{
	margin:0 0 100px;
	text-align:center;
	font-size:14px;
}
#loyalty_page .cumule,
#history_page .cumule{
	border:1px solid #d8d8d8;
	padding: 21px 0;
	margin-bottom: -31px;
}

#loyalty_page table{
	border:1px solid #d8d8d8;
	margin:30px 0 0;
}
#loyalty_page th,
#loyalty_page td{ padding:20px; }
#loyalty_page th{
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'MostraNuova_Regular';
	color: #484848;
}
#loyalty_page td {
  border-left: 1px solid #D8D8D8;
}
#loyalty_page thead tr th{ background:#f1f1f1; }
#loyalty_page tr:nth-child(even) td{ background:#f1f1f1; }
#loyalty_page a#convert_voucher{
	background:#1e1e1e;
	height:52px;
	line-height:52px;
	display:inline-block;
	padding:0 30px;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	border:none;
	color:#fff;
	cursor:pointer;
	margin:30px 0;
}
#loyalty_page a#convert_voucher:hover{ background:#98df79; }

#loyalty_page #txt_loyalty{
	line-height:22px;
	margin:50px 0 0;
	padding:0 20px;
}
#loyalty_page #txt_loyalty h2{
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 0 15px;
	font-family:'ProximaNova_Bold';
}
#loyalty_page #txt_loyalty hr{
	border:none;
	height:1px;
	background:#d8d8d8;
	width:50%;
	margin:30px auto;
}



@media screen and (max-width: 980px){
	#loyalty_page{ font-size:16px; }
	#loyalty_page th:first-child,
	#loyalty_page td:first-child{ display:none; }
}
@media screen and (max-width: 800px){
	#loyalty_page{ font-size:18px; }
}


#history_page .cumule{
	margin-bottom: -51px;
}

/* ************************************************************************************************
		PASSWORD
************************************************************************************************ */
#password_page{
	text-align:center;
	font-size:14px;
	padding:0 0 100px;
}
#password_page form{
	margin:40px auto 0;
	float:none !important;
	text-align:left;
	border:1px solid #d8d8d8;
	box-sizing:border-box;
	padding:50px;
}
#password_page input[type=text]{
	margin:5px 0 17px;
	background:#fff;
	border:1px solid #d8d8d8;
	height:52px;
	padding:0 5px;
	display:block;
	width:100%;
	box-sizing:border-box;
}
	
#password_page .submit button{
	background:#1e1e1e;
	height:52px;
	display:block;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	border:none;
	color:#fff;
	cursor:pointer;
}
#password_page .submit button:hover{ background:#d3b47e; }

#password_page a{
	background:#b6b6b4;
	height:52px;
	line-height:52px;
	padding:0 30px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	color:#fff;
	margin-top:40px;
}
#password_page a:hover{ background:#1e1e1e; }









/* ************************************************************************************************
		USE CHECK
************************************************************************************************ */
#usecheck_page{
	text-align:center;
	font-size:14px;
	padding:0 0 100px;
}
#usecheck_page form{
	margin:40px auto;
	float:none !important;
	text-align:left;
	border:1px solid #d8d8d8;
	box-sizing:border-box;
	padding:50px;
}
#usecheck_page input[type=text]{
	margin:5px 0 17px;
	background:#fff;
	border:1px solid #d8d8d8;
	height:52px;
	padding:0 5px;
	display:block;
	width:100%;
	box-sizing:border-box;
}
	
#usecheck_page button{
	background:#1e1e1e;
	height:52px;
	display:block;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	border:none;
	color:#fff;
	cursor:pointer;
	outline: none;
}
#usecheck_page button:hover{ background:#98DE79; }

@media screen and (max-width: 980px){
	#usecheck_page{ font-size:18px; }
}
@media screen and (max-width: 800px){
	#usecheck_page{ font-size:20px; }
}





/* ************************************************************************************************
		404
************************************************************************************************ */
#pagenotfound_page{
	text-align:center;
	font-size:14px;
	padding:0 0 100px;
}
#pagenotfound_page h1{
 	font-family: "MostraNuova_Regular";
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 50px 0 30px;
    text-transform: uppercase;
    color: #000;
}
#pagenotfound_page h2{
 	font-family: "MostraNuova_Regular";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 36px;
    padding: 0 0 5px;
    text-transform: uppercase;
    color: #98de79;
}
#pagenotfound_page p{
 	font-family: "MostraNuova_Regular";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
    color: #000;
}
#pagenotfound_page .btn_home_page{
	background: #fff;
	padding: 0 40px;
	margin:50px 0 0;
	display: inline-block;
}
#pagenotfound_page a{
	background:#000;
	height:52px;
	line-height:52px;
	padding:0 30px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	color:#fff;
}
#pagenotfound_page a:hover{ background:#98de79; }
#pagenotfound_page hr{
	height: 1px;
	width: 100%;
	border:none;
	background: #dddddd;
	margin-top: -25px;
}

@media screen and (max-width: 980px){
	#pagenotfound_page{	font-size:16px;	}
}
@media screen and (max-width: 800px){
	#pagenotfound_page{	font-size:18px;	}
}

/*CARTE CADEAU*/
.usecheck_bg{
	background:url("../img/banner_usecheck.jpg") center center / cover;
    height: 384px;
    margin-bottom: 40px;
    width: 100%;
}
#cadeau{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	font-family: 'MostraNuova_Regular';
	color: #3b3b3b;
	padding: 0 0 40px;
	margin: 10px 0 50px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
#cadeau:after{
	display: block;
	content: '';
	height: 14px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('../img/offrir_top.png') center top no-repeat;
}
#carte-cadeau p{
	font-size: 16px;
	text-align: center;
}
#form_usecheck{
	border: 1px solid #d7d7d7;
	position: relative;
	width: 100%;
	max-width: 550px;
	margin: 60px auto 80px;
	padding: 65px 0;
	text-align: center;
}
#form_usecheck:before {
	display: block;
	content: '';
	height: 25px;
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	background: url('../img/bg_talk.png') center top no-repeat;
}
#form_usecheck:after {
	display: block;
	content: '';
	height: 20px;
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	background: url('../img/equipe_icon_after.png') center top no-repeat;
}
#form_usecheck input[type="text"]{
	border: 1px solid #c7c7c7;
	padding:0 20px;
	outline: none;
	clear: both;
	width: 268px;
	height: 52px;
	line-height: 52px;
	box-sizing: border-box;
	font-family: "ProximaNova_Semibold";
	font-size: 24px;
	text-align: center;
}
#form_usecheck button{
	outline: none;
	display: block;
	margin: 10px auto;
	width: 268px;
	height: 52px;
	line-height: 52px;
	box-sizing: border-box;
	background: #000;
	color: #fff;
	font-family: "ProximaNova_Semibold";
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	border: none;
}
#form_usecheck button:hover{
	background: #98DE79;
}
#form_usecheck ::-webkit-input-placeholder{
   color: #bfbfbf;
   font-family: "ProximaNova_Regular";
   font-size: 16px;
   font-style: italic;
}
#form_usecheck :-moz-placeholder{
   color: #bfbfbf;  
   font-family: "ProximaNova_Regular";
   font-size: 16px;
   font-style: italic;
}
#form_usecheck ::-moz-placeholder{
   color: #bfbfbf;  
   font-family: "ProximaNova_Regular";
   font-size: 16px;
   font-style: italic;
}
#form_usecheck :-ms-input-placeholder{  
   color: #bfbfbf; 
   font-family: "ProximaNova_Regular";
   font-size: 16px; 
   font-style: italic;
}

/*GLOBAL RESPONSIVE*/
@media screen and (max-width: 1024px){
	#header_nav{
		margin-top: 47px !important;
	}
	#how-work .step{
		width: 25%;
	}
	#decouverte_home{
		width: 100%;
		margin-bottom: 20px;
	}
	#decouverte_home .col-6{
		width: 50%;
	}
	#decouverte_home + div.col-4{
		float: none;
		clear: both;
		margin: 0 auto;
	}
	#product_list .ajax_block_product .content h3{
		min-height: 42px;
	}
	#wprecentposts .block_content li{
		width: 33%;
	}
	#wprecentposts li .content h3 a{
		min-height: 50px;
		display: block;
	}
	#reassurance_footer .col-4{
		width: 33%;
		padding-right: 10px;
		font-size: 13px;
	}
	#footer .col-3{
		width: 50%;
		border-left: none;
		padding: 0 60px;
	}
	#talk_about_us .instagram{
		width: 100%;
	}
	#talk_about_us .instagram iframe{
		display: block;
		margin: 0 auto;
	}
	#talk_about_us .presse, #talk_about_us .avis{
		padding-left: 0;
	}
	nav li,
	nav li.first{
		margin: 10px 0 !important;
		border: none;
		padding: 0;
	}
	nav .menu-btn-close{
		padding-right: 10px;
	}
	#store_home .col-8{
		width: 100%;
	}
	#store_home .col-8 + .col-4{
		float: none;
		margin: 20px auto; 
		clear: both;
	}
	nav li.with_submenu{
		padding-right: 0;
	}
	nav ul.submenu{
		position: static;
		transform: none;
	}
	nav ul.submenu li{
		text-align: center;
	}
	#filter_top h5{
		font-size: 18px !important;
		margin: 25px 0 17px !important;
	}	
	#talk_about_us .presse{
		padding-left: 20px !important;
	}
	nav li.with_submenu{
		background-size: 5%;
    	background-position-x: 90%;
		background-position-y: 12px;
	}
	nav li.with_submenu.open{
		background:url('../img/icon/submenu_close.gif') right 12px no-repeat;
		background-size: 5%;
    	background-position-x: 90%;
	}
}
@media screen and (max-width: 980px){
	#offrir_home{ margin-left:0; }
	#decouverte_home + div.col-4{ width:100%; }
}		
@media screen and (max-width: 640px){
	header{
		height: auto;
	}
	nav{
		width: 400px;
	}
	nav li{
		margin: 40px 0 !important;
	}
	.menu-icon{
		margin-right: 15px;
		margin-top: -4px;
	}
	#header_nav{
		max-width: 530px;
		margin-top:40px !important;
	}
	#header_nav li{
		margin-right: 15px !important;
	}
	#header_nav li#shopping_cart{
		top: 0 !important;
	}
	#header_nav li#giftcard{
		display: none;
	}
	#header_nav li a{
		font-size: 26px;
	}
	#header_logo{
		padding: 35px 0;
		float: none;
		clear: both;
		width: 342px;
		height: 82px;
	}
	#header_logo img{
		width: 100%;
		height: 100%;
	}
	
	header.sticky{
		position:fixed;
		border-bottom:1px solid #e1e1e1;
	}
	header.sticky #header_logo{ padding:20px 0 0; }
	header.sticky #header_logo img{
		width:auto;
		height:auto;
	}
	
	
	
	#content_home a{ font-size:24px; }
	#how-work .step {
		width: 50%;
		margin-bottom: 30px;
		/*text-align: center;*/
		font-size: 22px;
		line-height:normal;
	}
	#how-work .step strong{
		font-size: 22px;
	}
	#decouverte_home{
		height:auto;
		border:10px solid #98de79;
	}
	#decouverte_home p{
		font-size:20px;
		line-height:normal;
	}
	#decouverte_home .col-6{
		width: 100%;
		padding:0 30px;
	}
	#decouverte_home .decouverte{
		width: 100%;
		padding: 0 30px 60px;
	}
	#decouverte_home .content{
		padding-top: 45px;
	}
	#decouverte_home .decouverte p{
		width: 100%;
	}
	#offrir_home{
		margin-left: 0;
	}
	#homefeatured .ajax_block_product{
		width: 50% !important;
  		padding-right: 10px !important;
		max-width: 295px !important;
	}
	#homefeatured .title{
		float: none;
		clear: both;
		margin: 0 auto 20px !important;
		max-width: none !important;
		display:block;
		/*
		-webkit-box-ordinal-group: 5;
    	-moz-box-ordinal-group: 5;
    	box-ordinal-group: 5;
		*/
	}
	#homefeatured .title .title_h2 {
		padding: 65px 35px 0 !important;
		margin:30px auto !important;
	}
	#wprecentposts .block_content li{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#wprecentposts li .content{
		padding-left: 30px;
		font-size: 24px;
	}
	#wprecentposts .block_content li img{
		display: block;
		margin: 0 auto;
	}
	#wprecentposts li .content h3 a {
		min-height: 20px;
		display: block;
	}
	#wprecentposts li .content h3:after{
		margin: 20px auto !important;
	}
	#talk_about_us .presse, #talk_about_us .avis{
		padding-left: 0;
		padding-top: 20px;
	}
	#talk_about_us .bx-wrapper .bx-prev,
	#talk_about_us .bx-wrapper .bx-next{
		position: absolute;
		text-indent: -9999px;
		width: 13px;
		top: 50%;
		margin-top: -27px;
	}
	#reassurance_footer .col-4{
		width: 100%;
		padding-left: 120px !important;
		margin-bottom: 20px;
	}
	#reassurance_footer .sav {
		background: url('../img/icon/sav.png') 21px 36px no-repeat;
	}
	#reassurance_footer .livraison {
		background: url('../img/icon/livraison.png') 5px 30px no-repeat;
	}
	#reassurance_footer .paiement {
		background: url('../img/icon/paiement.png') 33px 33px no-repeat;
	}
	#footer .col-3{
		padding-left: 45px !important;
		padding-right: 45px;
	}
	#decouverte_home .inside{
		font-size: 24px;
	}
	#decouverte_home .inside strong{
		font-size: 24px;
	}
	#wprecentposts li .content h3 a{
		font-size: 30px;
	}
	#reassurance_footer .col-4{
		font-size: 24px;
	}
	#reassurance_footer h5{ font-size:30px; }
	#footer ul li a{
		font-size: 30px;
		line-height: 46px;
	}
	#footer .col-3{
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
    	padding: 20px 0;
	}
	#footer h5{
		font-size: 36px;
	}
	#footer p{
		font-size: 30px;
		line-height: 36px;
	}
	#social_footer a{
		margin: 10px 5px;
		float: none;
	}
	#social_footer a img{
		width: 60px;
		height: 60px;
	}
	#newsletter_block_left input[type=text]{
		width: -moz-calc(100% - 115px) !important;
		width: -webkit-calc(100% - 115px) !important;
		width: calc(100% - 115px) !important;
		height: 80px !important;
		padding: 0 30px;
		font-size: 30px;
	}
	#newsletter_block_left button {
		width: 80px !important;
		height: 80px !important;
		font-size: 30px;
	}
	#carte-cadeau p{
		font-size: 22px;
	}
	#form_usecheck button{
		width: 330px;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
	}
	#form_usecheck input[type="text"]{
		width: 330px;
		height: 80px;
		line-height: 80px;
		font-size: 28px;
	}
	.breadcrumb,
	.breadcrumb a span{
		font-size: 24px;
	}
	#homefeatured .product_list{
		margin-left: 16px;
	}
	#account_menu li:first-child a{
		line-height: 40px;
		padding-top: 0;
	}
	#identity_page .months .sbSelector,
	#identity_page .months .sbHolder{
	    width: 180px !important;
	    font-size: 20px;
	}
	#identity_page .years .sbSelector,
	#identity_page .days .sbSelector,
	#identity_page .years .sbHolder,
	#identity_page .days .sbHolder{
	    width: 100px !important;
	    font-size: 20px;
	}
	#product #product_list li{
		width: 50% !important;
	}	
}


#footer .presse{
	display: none;
}








#questions{ padding:50px 0 0; }
#questions .title_h2.faq,
#questions h2.faq{
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	color:#3b3b3b;
	padding:0 0 40px;
	margin:10px 0 50px;
	position:relative;
	border-bottom:1px solid #dcdcdc;
}
#questions .title_h2.faq:after,
#questions h2.faq:after{
	display:block;
	content:'';
	height:14px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	background:url('../img/offrir_top.png') center top no-repeat;
}
#questions .content_faq{
	text-align:left;
	font-size:16px;
	color:#818080;
	line-height:22px;
}
#questions .content_faq h1{
	display: none;
}
#questions .content_faq h2,
#questions .content_faq h4{
	font-family: "ProximaNova_Regular";
	font-size: 20px;
	background: url("../img/faq_icon.png") left 5px no-repeat;
	padding: 7px 0 7px 50px;
	font-weight: normal;
	color: #000;
}

#questions .content_faq h2.active,
#questions .content_faq h4.active{
	background: url("../img/faq_icon.png") left bottom no-repeat;	
}
#questions .content_faq p{
	display: none;
	padding-left: 50px;
}



#more_questions{
	border:1px solid #98de79;
	padding:30px;
	text-align:center;
	font-size:18px;
	position:relative;
	margin:50px auto;
}
#more_questions:before{
	display:block;
	content:'';
	height:14px;
	width:100%;
	position:absolute;
	left:0;
	top:-15px;
	background:url('../img/offrir_top.png') center top no-repeat;
}
#more_questions:after{
	display:block;
	content:'';
	height:14px;
	width:100%;
	position:absolute;
	left:0;
	bottom:-15px;
	background:url('../img/offrir_bottom.png') center top no-repeat;
}
#more_questions .title_h2,
#more_questions h2{
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	padding:0 0 10px;
	text-align:center;
	font-family:'MostraNuova_Regular';
	color:#3b3b3b;
}
#more_questions a{ text-decoration:underline; }



@media screen and (max-width: 800px) {
	#more_questions{ font-size:24px; }
	#questions .content_faq{ line-height:normal; }
	#questions .content_faq h2{
		font-size:30px;
		margin-bottom:30px;
		padding:0;
		background:none !important;
	}
}


/* ************************************************************************************************
		PAGINATION
************************************************************************************************ */
#pagination ul{
	display:block;
	list-style:none;
	text-align:center;
	margin:30px 0 50px;
	clear:both;
}
#pagination li{
	display:inline-block;
	margin:0 10px;
	padding:7px 12px;
	min-width:10px;
	border:1px solid #e1e1e1;
	color:#58585a;
}
#pagination li.truncate{
	border:none;
	padding:0;
}
#pagination li a{ color:#58585a; }
#pagination li.current{
	border-color:#98de79;
	color:#98de79;
	font-weight:bold;
}
#pagination li.disabled{ opacity:0.5; }





.rte strong{ font-family: 'ProximaNova_Bold'; }



/* ************************************************************************************************
		REFERRAL PROGRAM
************************************************************************************************ */
#referral_program .rte h1{
	color: #3b3b3b;
    font-family: "MostraNuova_Regular";
    font-size: 30px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
	font-weight: normal;
    letter-spacing: 1px;
    line-height: normal;
    padding: 0 0 15px;
}
#referral_program .page-subheading{
	display:inline-block;
	padding:0 30px;
	background:#fff;
	color: #3b3b3b;
    font-family: "MostraNuova_Regular";
	font-size: 30px;
    text-transform: uppercase;
	font-weight: normal;
    letter-spacing: 1px;
    line-height: normal;
	margin-top:-35px;
}
#referral_program .button{
	background:#1e1e1e;
	height:52px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'ProximaNova_Semibold';
	text-transform:uppercase;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:0 30px;
	outline: none;
}
#referral_program .button:hover{ background:#98df79; }
#referral_program .ui-widget-header{ background:#98de79; }




/* ************************************************************************************************
		BANDEAU COOKIE
************************************************************************************************ */
#cookies{
	padding:10px 0;
	background:rgba(0,0,0,0.8);
	color:#fff;
	text-align:center;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:99999999999999;
}
#cookies a#ok_cookie{ color:#98de79; }

/**
Menu et logo
 */

@media screen and (max-width: 1180px) {
    #header_logo img {
        width: 242px;
        height: 58px;
    }
    #header_logo {
        width: 100%;
        height: auto;
        text-align: center;
    }
}