@import url('../css/grid.css') screen; 
@import url('../css/flexslider.css') screen; 
@import url('../css/fancybox.css') screen; 

/* #Reset (Inspired by E. Meyers) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* color professional : #e74010 */

		
/* #Global */

html {
	height: 100%; width: 100%;
/*
	margin:0;
  padding:0;
  background: url(../images/background-image.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  background-size: cover;
*/
}

body {
	height: 100%; width: 100%;
	font-size: 1em;
	font-smoothing: antialiased;
	text-size-adjust: none;
/*	background: #f2f2f2 url(../images/bg.png) 0 178px repeat-x; */
/*
	background-image: url(../images/background-image.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
*/
}

.bodyfullbackground {
	height: 100%; width: 100%;
	font-size: 1em;
	font-smoothing: antialiased;
	text-size-adjust: none;

	margin:0;
  padding:0;
  background: url(../images/background-image.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  background-size: cover;
}

.colored-background {
	background: #f2f2f2;
}

#containerhome {
	margin-top: 40px;
	position: relative;
	width: 100%;
}
#container {
	position: relative;
	width: 100%;
}
#main_content {
	position: relative; /* padding: 0 5px; */
	max-width: 1020px; max-width: 1116px;
	margin: 0 auto; margin-bottom: 60px;
}

/* #Header */

#slogan {
	top: 0px;
	width: 100%; 
	height: 40px; 
	background: #fff;
	padding-top: 9px;
	padding-bottom: 7px;
	text-align: center;
	color: #00c700;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	position: fixed;
	z-index: 99999;
}

#hp_head {
	position: relative; 
	width: 100%; background: #fff;
	/* padding-top: 30px; */ /* fixed toolbar */ 
}

#hp_head .inner {
	position: relative; 
/* 	padding: 5px; height: 190px; */
	height: 110px;
	max-width: 1116px; margin: 0 auto 10px auto;
	background: #fff;
}

#hp_head h1 {margin-bottom: 0;}

#hp_head h1.logo a {
	margin: 5px 0 0 0;
	display: block; width: 67px; height: 100px;
	background: transparent url(../images/logo-pharmavenir.gif) no-repeat;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}

	#hp_head.small-header {
		height: 70px; display: none;
	}
	#hp_head.small-header h1.logo, #hp_head.small-header h2 {margin: 0 auto;}
	#hp_head.small-header h2 {display: none;}
	#hp_head.small-header h1.logo a {
		background-image: url(../images/kiteon-logo-small.png);
	}
	.small-header h1, .small-header #order_step,
	.small-header .fdpfree {margin-bottom: 0 !important;}
	
	.small-header .small-logo a {
		position: absolute; top: 10px; right:12px;
		display: block; width: 58px; height: 30px;
		background: transparent url(../images/kiteon-logo-tiny.png) 0 0 no-repeat;
		text-indent: 100px; white-space: nowrap; overflow: hidden; 
	}
	
	#hp_head h2 {
/*
		display: block; 
		width: 1px; 
		height: 1px; 
		position: absolute; 
		top: 0; 
		left: 0;
		text-indent: 120%; 
		white-space: nowrap; 
		overflow: hidden;
*/
		position: absolute; 
		top: 64px; 
		left: 77px;
		font-size: 0.9em;
		color: #717171;
	}


	#search_header {
		position: absolute;
		top: 30px;
		right: 10px;
		text-transform: none; font-size: 0.7em;
		font-weight: bold;
		color: #8bcc28;
	}


/* #Nav */

#trigger {display: none;}

/*
#toolbar {
	height: 30px; padding: 5px;
	background: #f2f2f2;
}
*/
#toolbar {
	height: 30px; width: 100%;
	padding: 5px;
/*	background: rgba(240, 240, 240, 0.9); */
	background: rgba(255, 255, 255, 0.9); 
/*	background: rgba(70, 170, 66, 0.9); */
	/* Comenter pour qu'elle bouge */
	position: fixed;
	z-index: 99999;
}
#toolbar .inner {
	position: relative;
	max-width: 1116px; margin: 0 auto;
}

.toolbar-menu {padding: 0;}

.toolbar-menu > li {
	display: inline; margin-right: 0;
	padding: 0 5px; font-size: .9em;
}
.toolbar-menu > li a {
	text-decoration: none;
/*	text-transform: uppercase; */
/*	font-weight: bold; */
}
.toolbar-menu > li:first-child a {
	color: #00c700;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
.toolbar-menu > li a:hover {
	color: #000;
}



#site_menu li a {
/*	color: #fff; */
}
#site_menu li#home a {
	padding: 5px; padding-left: 0;
	color: #fff;
}
#site_menu li#home a:before {
	content: ""; margin: -2px 4px 0 0; 
	display: inline-block; width: 20px; height: 20px;
	background: transparent url(../images/icon-home.png) 0 no-repeat;
	opacity: 1;
}
#site_menu li#home a:hover:before {opacity: .7;}




/* USERS */

#users {
	position: absolute;
	top: -5px; right: 0;
}
#users li {
	position: relative;
	display: inline-block; 
	margin-left: 8px; padding: 5px 2px; 
	font-size: 0.9em;
	color: #fff;
}
#users li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
#users li a:hover { color: #eee; }

#users li#user_logout a {
	padding: 1px; padding-left: 0;
}
#users li#user_logout a:before {
	content: ""; margin: -2px 4px 0 0; 
	display: inline-block; width: 20px; height: 20px;
	background: transparent url(../images/icon-logout.png) 0 no-repeat;
	opacity: .7;
}
#users li#user_account a {
	padding: 5px; padding-left: 0;
}
#users li#user_account a:before {
	content: ""; margin: -2px 4px 0 0; 
	display: inline-block; width: 20px; height: 20px;
	background: transparent url(../images/icon-account.png) 0 no-repeat;
	opacity: .7;
}
#users li#user_account a:hover:before {opacity: 1;}

#users li#user_basket {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
#users li#user_basket a:before {
	content: ""; margin: -2px 4px 0 0; 
	display: inline-block; width: 20px; height: 20px;
	background: transparent url(../images/icon-basket.png) 0 no-repeat;
	opacity: .7;
}
#users li#user_basket a:hover:before {opacity: 1;}

.basketcount {
	position: absolute;
	top: 2px; left: -15px;
	display: block; height: 22px; width: 22px;
	line-height: 22px; text-align: center;
	background-color: #999; background-color: #00c700;
	border-radius: 11px;
	color: #fff; text-shadow: none;
}

/* FLAGS */

#users li.flag {margin-left: 5px;}
li.flag a {
	display: inline-block;
	width: 26px; height: 21px; 
	text-indent: 100%; white-space: nowrap; overflow: hidden;
	background: transparent url(../images/flags.png) 0 0 no-repeat;
}
li#fr a {background-position: 0 0;}
li#en a {background-position: -26px 0;}
li#it a {background-position: -52px 0;}
li#de a {background-position: -78px 0;}


/* MENU */

#menu {
	position: relative;
	margin: 55px 0 0 0;
	text-align: right;
}

#menu ul {
	display: block;
/* 	border-top: #999 1px solid; */
}
#menu li {
	position: relative;
	display: inline-block;
	padding: 0px 10px;
	text-transform: uppercase; 
	font-size: 0.85em;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
#menu li a {
	text-decoration: none;
	color: #717171;
}
#menu li a:hover, #menu li.current a { color: #00c700; }

#menu li.current:after {
	position: absolute; display: block;
	content: "";  
	border-color: transparent transparent #dad6d0 transparent;
	border-style: solid;
	border-width: 10px;
	height: 0; width: 0;
	bottom: -23px; left: 50%; margin-left: -10px;	
}

#menu li a:before {
	content: "";
	display: block; width: 60px; height: 45px;
	position: absolute; top: -42px; left: 50%; margin-left: -28px;
}

/* Breadcrumbs */

#breadcrumb .col {margin-bottom: 0;}

#breadcrumb li { display: inline; font-size: .8em; }
#breadcrumb li a:hover, #breadcrumb li.current a {text-decoration: none; }
#breadcrumb li:before { content: " › "; } 
#breadcrumb li:first-child:before { content: none; } 

#submenu, #submenu_2 { margin-bottom: 20px; }
#submenu li, #submenu_2 li, .subnav-content li {
	display: block; margin-bottom: 0;
}
#submenu li a, #submenu_2 li a, .subnav-content li a {
	display: block; 
	padding: 5px; width: 100%;
	text-decoration: none;
	background-color: #f5f5f5;
}

#submenu li:nth-of-type(odd) a,
#submenu_2 li:nth-of-type(odd) a,
.subnav-content li:nth-of-type(odd) a { background-color: #ebebed; }

#submenu li a:hover, #submenu li.current a,
#submenu_2 li a:hover, #submenu_2 li.current a,
.subnav-content li a:hover, .subnav-content li.current a { background-color: #00c700; color: #fff; }

#submenu h1, #submenu_2 h1, .subnav-item h1 {color: #00c700;}

#searchengine h1 {color: #717171;}

	.subnav-item h2 {
		font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
		color: #666;
		margin-bottom: 5px;
	}
	
	.subnav-item nav {margin-bottom: 15px;}


.subnav-item h1 {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	margin-bottom: 10px; font-size: 1.4em;
}



/* #Typo and colors */

h1, h2, h3, h4 {
	font-weight: normal; 
	/*text-transform: uppercase;*/
	text-shadow: 0 1px 1px #fff;
}
h1 {
	margin-bottom: 15px;
	font-size: 1.6em; color: #717171; 
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h2 {
	margin-bottom: 10px;
	font-size: 1.2em; color: #00c700;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
.professional h2, .professional h4 {color: #eeb62d;}

h3 {
	margin-bottom: 5px;
	font-size: 1em; color: #666;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
h4 {
	margin-bottom: 5px;
	font-size: .9em; color: #999;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}

p, li, table, figcaption {
	color: #666;
	font-size: 1em; line-height: 1.4em;
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
}
p { margin-bottom: 15px; }
p.legende {font-size: .8em;}

p img {max-width: 100%; height: auto !important;}

a {color: inherit;}
a:hover { text-decoration: none; }
p a { color: #666; }
a img {transition: opacity .2s linear;}
a:hover img {opacity: .8;}

h1 a, h2 a, h3 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration: underline;}

p strong {font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;}
ul strong {font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;}


.guestbook {
	margin-bottom: 10px;
	font-size: 1em; color: #00c700;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}

#content ul {
	list-style: square;
	margin-left: 20px;
}

#content li {
	margin-left: 10px;
}

.strong-rss {
	font-size: 1.2em;
}

.btn {
	display: inline-block;
	padding: 8px; text-decoration: none;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);	
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	border-radius: 10px 10px;
}
.btn-yellow {
	color: #fff;
	text-shadow: 0 1px 1px #9b7200;
	background: #ffbf00;
	background: linear-gradient(#ffbf00 40%, #e0a400 100%);
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
.btn-yellow:hover {background: #ffbf00;}

.btn-green {
	color: #fff;
	text-shadow: 0 1px 1px #759902;
	background: #00c700;
	background: linear-gradient(#00c700 40%, #639563 100%);
	font-family: 'Anivers-Regular', Helvetica, Arial, sans-serif;
}
.btn-green:hover {background: #00c700;}


.btn-blue {
	color: #fff;
	text-shadow: 0 1px 1px #029584;
	background: #717171;
	background: linear-gradient(#717171 40%, #8bbab4 100%);
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
}
.btn-blue:hover {background: #717171;}

.btn-red {
	color: #fff;
	text-shadow: 0 1px 1px #870225;
	background: #ff0043;
	background: linear-gradient(#ff0043 40%, #c00536 100%);
	font-family: 'Anivers-Regular', Arial, Helvetica, sans-serif;
}
.btn-red:hover {background: #ff0043;}


.professional .btn-yellow {
	text-shadow: 0 1px 1px #9b3012;
	background: #e74010;
	background: linear-gradient(#e74010 40%, #b42800 100%);
}
.professional .btn-yellow:hover {background: #e74010;}


.btn-white {
	color: #666;
	text-shadow: 0 1px 1px #fff;
	background: #e6e6e6;
	background: linear-gradient(#ffffff 40%, #e6e6e6 100%);
}
.btn-white:hover {background: #fff;}

.linkreadmore {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	color: #00c700;
	text-decoration: none;
}

.yellow {color: #00c700;}
.grey {color: #717171;}
.red {color: #c00;}
.green {color: #00c700;}
.redcoffee {color: #e74010;}

input[type="submit"] {
	border: 0; font-size: 1em;
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	cursor: pointer;
}



/* #Content and Shapes */


.bloc {
	padding-bottom: 30px;
	background: transparent url(../images/shadow.png) 50% bottom no-repeat;
	background-size: 100% 30px;
}

.bloc .inner {
	padding: 5px; 
	position: relative;
	background-color: #fff;
}

figure { overflow: hidden; }
figure img { width: 100%; /*  margin-top: -25%; */}



/* HOME */

#homebloctext h1 {
	color: #ff0043;
}

.homenavblocnew {
	border: transparent 1px solid; 
	min-height: 130px;
	padding-left: 10px;
}
.homenavblocnew:hover {border: #fff 1px solid;}

.homenavblocnew .picto-who {
	background: url(../images/picto-who.gif) left top no-repeat;
	height: 130px;

}

.homenavblocnew .picto-join {
	background: url(../images/picto-join.gif) left top no-repeat;
	height: 130px;
}

.homenavblocnew .picto-search {
	background: url(../images/picto-search.gif) left top no-repeat;
	height: 130px;
}

.homenavblocnew .picto-partners {
	background: url(../images/picto-partners.gif) left top no-repeat;
	height: 130px;

}

.homenavblocnew h3 {
	color: #fff;
	text-shadow: none;
	padding-left: 65px;
	padding-top: 10px;
}

.homenavblocnew h3 a:hover {text-decoration: none;}

.homenavblocnew p {
	padding-left: 65px;
}

.homenavblocnew a {
	color: #fff;
	text-decoration: none;
}

.homenavblocnew a:hover {text-decoration: none;}

.homenavblocnew a:hover, .homenavblocnew .picto-who:hover, .homenavblocnew .picto-join:hover, .homenavblocnew .picto-search:hover, .homenavblocnew .picto-partners:hover {opacity: .7;}






.homenavbloc {border: transparent 1px solid; min-height: 190px;}
.homenavbloc:hover {border: #999 1px solid;}

.homenavbloc h3 {
	text-align: center; font-size: 1em; margin-bottom: 10px;
	border-bottom: #999 1px solid;
	color: #2ea64c;
}
.homenavbloc h3.homenavbloc-title--product {color: #2ea64c;}
.professional .homenavbloc h3.homenavbloc-title--product {color: #eeb62d;}

.homenavbloc h3 a:hover {text-decoration: none;}

.homenavbloc p {
	text-align: justify; 
	font-size: 0.8em; 
	margin: 20px;
}

.homebloc-advice, .homebloc-buy, .homebloc-sell, .homebloc-expert {margin: 0;}

.homebloc-advice a, .homebloc-buy a, .homebloc-sell a, .homebloc-expert a {
	display: block; 
	width: 100%; 
	padding-top: 120px;
	text-align: center; text-decoration: none;
	color: #666; font-size: 1.1em;
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
}
.homebloc-advice a {
	background: url(../images/icon-advice.gif) top center no-repeat;
}
.homebloc-buy a {
	background: url(../images/icon-buy.gif) top center no-repeat;
}
.homebloc-sell a {
	background: url(../images/icon-sell.gif) top center no-repeat;
}
.homebloc-expert a {
	background: url(../images/icon-expert.gif) top center no-repeat;
}
.homebloc-buy a:hover, .homebloc-sell a:hover, .homebloc-expert a:hover {opacity: .7;}


.response {
	font-size: 0.8em;
	margin-left: 50px;
}

.responsehr {
		color: #f00;
		background-color: #f00;
    border-top: 1px solid #f00;
}






/*
.homenavbloc {border: transparent 1px solid; min-height: 190px;}
.homenavbloc:hover {border: #999 1px solid;}

.homenavbloc h3 {
	text-align: center; font-size: 1em; margin-bottom: 10px;
	border-bottom: #fff 1px solid;
	color: #fff;
	text-shadow: none;
}
.homenavbloc h3.homenavbloc-title--product {color: #00c700;}
.professional .homenavbloc h3.homenavbloc-title--product {color: #eeb62d;}

.homenavbloc h3 a:hover {text-decoration: none;}

.homenavbloc p {
	text-align: justify; 
	font-size: 0.8em; 
	margin: 20px;
}

.homebloc-advice, .homebloc-buy, .homebloc-sell, .homebloc-expert {
	margin: 0;
}

.homebloc-advice a, .homebloc-buy a, .homebloc-sell a, .homebloc-expert a {
	display: block; 
	width: 100%; 
	padding-top: 120px;
	text-align: center; text-decoration: none;
	color: #fff; font-size: 1.1em;
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
}
.homebloc-advice a {
	background: url(../images/icon-advice-green.gif) top center no-repeat;
}
.homebloc-buy a {
	background: url(../images/icon-buy-green.gif) top center no-repeat;
}
.homebloc-sell a {
	background: url(../images/icon-sell-green.gif) top center no-repeat;
}
.homebloc-expert a {
	background: url(../images/icon-expert-green.gif) top center no-repeat;
}
.homebloc-buy a:hover, .homebloc-sell a:hover, .homebloc-expert a:hover {opacity: .7;}
*/






.product-nav--article .product-pict {
	width: 38%; display: inline-block; overflow: hidden !important;
}
.product-nav--article .product-infos {
	width: 59%; display: inline-block;
	padding-top: 10px;
}
.product-nav--article .product-infos h4 a {text-decoration: none; color: #00c700;}
.professional .product-nav--article .product-infos h4 a {color: #eeb62d;}
.product-nav--article .product-infos h4 a:hover {color: #333;}
.product-nav--article .product-infos .price {margin-bottom: 20px;}
.product-nav--article .product-infos .discount {top: 20px;}

.product-nav--article .product-infotext p {margin: 0px;}


.home-post {clear: both; min-height: 186px;}
.home-post figure { max-height: 135px; border: #fff 4px solid; }
.home-post h4 {color: #717171;}
.home-post h4 a {text-decoration: none;}
.home-post h4 a:hover {color: #333;}


.videodiv {
	position: relative;
	height: 140px; overflow: hidden;
}
.videodiv img {
	width: 100%; margin-top: -30px;
}
.videodiv .play {
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background: transparent url(../images/video-play.png) center center no-repeat;
}
.videodiv .play:hover {background-color: rgba(255,255,255,0.3);}


.actus-nav--article {}
.actus-nav--article figure {
	width: 45%; margin-right: 3px;
	display: inline-block;
}
.actus-nav--infos {
	display: inline-block;
	width: 45%;
}
.actus-nav--infos h4 {color: #666;}


.home-title--news,
.home-title--photo,
.home-title--video,
.edito-block p strong {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	text-transform: none; font-size: 1.8em;
}
.edito-block p strong a {text-decoration: none;}

.home-title--news a:hover,
.home-title--photo a:hover,
.home-title--video a:hover,
.edito-block a:hover {
	text-decoration: none; color: #333;
}

.home--contact {
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #717171;
	min-height: 460px;
	text-align: center;
}


/* BASKET +preview */

.kontrolsolo, .kontrol {
	color: #f00;
}

.baskettitle {
	color: #dd0747;
	font-weight: bold;
	margin-bottom: 5px;
}
#basket {
	display: none;
	position: relative; padding: 25px;
	background: linear-gradient(#ffffff 40%, #e6e6e6 100%);	
}
#basket section {clear: both;}
p.welcome { 
	font-size: .8em;
	position: absolute; top: 25px; right: 25px;
}
.table_cart {width: 100%; margin-bottom: 20px;}
thead {
	border-bottom: #ccc 1px solid;
}
th {
	width: 15%;
	text-align: left; color: #444; 
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}
th:first-child { width: 45%; }

td { 
	padding: 5px 0; 
	border-bottom: 1px solid #ccc;
}
td input {
	margin-bottom: 0 !important; 
	/* width: 30px !important; */
	height: 25px !important; 
	text-align: center; display: inline !important;
}

td input[type="radio"] {
	width: 16px !important; 
	height: 16px !important; 
}

td input[type="checkbox"] {
	width: 16px !important; 
	height: 16px !important; 
}

td.td-image img {
	max-width: 75px;
	max-height: 75px;
}

td.td-prod {
	font-family: 'Anivers-Regular', Arial, Helvetica, sans-serif;	
	font-size: .8em;
}

.td-totalprice {
	color: #dd0747;
	font-weight: bold;
	font-size: 1em;
}

.delete a {
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.8em; padding-left: 12px; color: #999; margin-left: 10px;
	background: transparent url(../images/delete-icon.png) left center no-repeat;
	text-decoration: none;
}
.delete a:hover {text-decoration: underline;}
tfoot {
	border-bottom: #ccc 1px solid;
	border-top: #ccc 1px solid;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;	
	text-align: right; font-size: 125%;
}

tfoot td:first-child {padding: 10px 0 5px 0;}

tfoot td.fdp, span.fdp {
	font-size: 90%;
	color: #999; font-family: 'Anivers-Italic', Helvetica, Arial, sans-serif;
}
span.fdp {
	padding: 5px 0 5px 54px;
	background: transparent url(../images/draw-truck3.png) left center no-repeat;
}

#basketnav, #reco { margin-top: 20px; }

.fdpfree {
	margin: 60px 0 5px 0;
	border-bottom: #ccc 1px dashed;
	border-top: #ccc 1px dashed;
	clear: both;
}
.fdpfree p {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	text-transform: uppercase; padding: 10px 0 10px 90px;
	margin-bottom: 0; font-size: .9em; line-height: 1.2em;
	background: transparent url(../images/draw-truck2.png) left center no-repeat;
}
.fdpfree p strong {color: #c00;}



/* SLIDERS */


.slides li {position: relative;}

#slider_home {border: #fff 5px solid;}

#slider_home .flex-control-nav {bottom: 15px;}

#slider_home .flex-control-paging li a {width: 12px; height: 12px;}

.slide_infos {
	position: absolute; width: 33%;
	top: 28px; left: 28px; padding: 10px;
	background: rgba(0,0,0,0.5);
}
.slide_infos h1 {
	color: #00c700; text-shadow: none; 
	font-size: 1.3em; margin-bottom: 5px;
}
.slide_infos p {color: #fff; margin-bottom: 0; font-size: 1em;}

.slide-link a {color: #aaa;}


#slider_partner .flex-viewport { max-height: 210px; }
#slider_partner figure img { height: 150px; }
#slider_partner ul {
	list-style: none;
	margin-left: 0;
}
#slider_partner li {
	margin-left: 0;
}

#slider_advertising .flex-viewport { max-height: 210px; }
#slider_advertising figure img { height: 210px; }
#slider_advertising ul {
	list-style: none;
	margin-left: 0;
}
#slider_advertising li {
	margin-left: 0;
}

#slider_news .flex-viewport { max-height: 210px; }
#slider_news figure img { height: 150px; }
#slider_news figure p { 
	font-size: 0.8em; 
	text-align: center; 
	margin: 10px;
	min-height: 60px;
}
#slider_news ul {
	list-style: none;
	margin-left: 0;
}
#slider_news li {
	margin-left: 0;
}

#slider_rss .flex-viewport { max-height: 210px; }
#slider_rss figure p { 
	font-size: 0.8em; 
	text-align: center; 
	margin: 10px;
	min-height: 130px;
}
#slider_rss ul {
	list-style: none;
	margin-left: 0;
}
#slider_rss li {
	margin-left: 0;
}


/* #slider_photo .flex-viewport { max-height: 312px; } */
/* #slider_photo figure img { margin-top: -25px; } */

p.participate {
	position: absolute; top: 25px; left: 25px;
}
#slider_concours .flex-viewport { max-height: 410px; }
#slider_concours img { margin-top: -25px; }
#slider_concours .slide_infos {
	font-size: 90%; width: 66%;
}
#slider_concours .slide_infos h1, #slider_concours .slide_infos p {margin-bottom: 0;}

#slider { margin-bottom: 5px; /* max-height: 355px; */}
#carousel li { margin-right: 5px; }

#slider_product { margin-bottom: 5px; /* max-height: 355px; */}
#carousel_product li { margin-right: 5px; }


/* Shop New */

.shop-filters--container {
	position: relative;
	background-color: #fff;
	border: #fff 5px solid; 
	margin-bottom: 5px; min-height: 220px;
	background-position: 0 0; background-repeat: no-repeat;
}
.shop-filters--container:after {
	position: absolute; display: block;
	content: "";  
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height: 0; width: 0;
	bottom: -25px; left: 50%; margin-left: -10px;	
}

.shop-filters--container.shop-voyage {background-image: url(../images/bg-voyage.jpg);}
.shop-filters--container.shop-route {background-image: url(../images/bg-route.jpg);}
.shop-filters--container.shop-eau {background-image: url(../images/bg-eau.jpg);}
.shop-filters--container.shop-air {background-image: url(../images/bg-air.jpg);}
.shop-filters--container.shop-lovers {background-image: url(../images/bg-lovers.jpg);}
.shop-filters--container.shop-cadeaux {background-image: url(../images/bg-cadeaux.jpg);}

.shop-filters--animation {
	position: absolute; top: 85px; left: 0;
}

.shop-filters--container.shop-coffee {
	min-height: 0; height: auto;
}

.shop-coffee .shop-filters--title {padding: 0;}

.shop-filters--title {
/*
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
*/
	margin-bottom: 0px;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: 1.5em;	
}

.shop-filter--check {position: relative; margin-bottom: 0;}

.shop-filter--check label {display: inline-block;}

.filter-submit {
	margin-left: 7px;
}

/*
.shop-filter--check input[type="checkbox"] {
	position: absolute; visibility: hidden;
}

.shop-filter--check input[type="checkbox"] + label, .shop-filter--check p {
	display: inline-block; font-size: 1.2em;
	margin-bottom: 0;
	cursor: pointer;
}
.shop-filter--check input[type="checkbox"] + label:before {
	display: inline-block; width: 22px; height: 22px;
	content: ""; vertical-align: middle; 
	margin: -2px 6px 0 0;
	background: url(../images/sprite.svg) 0 -120px no-repeat;
}
.shop-filter--check input[type="checkbox"]:checked + label:before {
	background-position: -30px -120px;
}


.shop-filter--check input[type="radio"] {
	position: absolute; visibility: hidden;
}

.shop-filter--check input[type="radio"] + label, .shop-filter--check p {
	display: inline-block; font-size: 1.2em;
	margin-bottom: 0;
	cursor: pointer;
}
.shop-filter--check input[type="radio"] + label:before {
	display: inline-block; width: 22px; height: 22px;
	content: ""; vertical-align: middle; 
	margin: -2px 6px 0 0;
	background: url(../images/sprite.svg) 0 -120px no-repeat;
}
.shop-filter--check input[type="radio"]:checked + label:before {
	background-position: -30px -120px;
}
*/



.coffee-brands--container {position: relative;}

.coffee-filter--check {
	position: relative; margin-bottom: 0; padding-bottom: 0;
}
.coffee-filter--check img {
	width: 100%; height: auto;
}
.coffee-filter--check label {
	border: #fff 5px solid;
	background: #fff; margin-bottom: 0;
	text-align: center; text-transform: uppercase;
}
.coffee-filter--check input[type="checkbox"] {
	position: absolute; visibility: hidden;
}

.coffee-filter--check input[type="checkbox"] + label {
	cursor: pointer;
}
.coffee-filter--check input[type="checkbox"]:checked + label {
	background: #717171; color: #fff;
	border-color: #717171;
}


/* PRODUITS */


.productbloc { 
	min-height: 220px; padding-top: 10px !important;
	border-top: #ff0043 5px solid;
}
.professional .productbloc {border-color: #eeb62d;}

.productbloc:after {
    visibility: hidden; display: block;
    font-size: 0; height: 0; content: " ";
    clear: both;    
}

.productbloc-large { min-height: 200px; }
.product-pict-large.blogpic { max-height: 160px; }
.product-pict-large.forum { max-height: 160px; }
.product-pict-large.forum a { text-decoration: none; }
.product-pict-large.forum h1 { font-size: 1.2em; text-align: center;}

.productbloc figure { float: left; width: 40%; }
.productbloc .product-infos { float: left; width: 60%; padding: 5px; }
.product-pict-large {margin-bottom: 10px;}

.productbloc.product-small figure {
	float: none; width: 100%;
}
.productbloc.product-small .product-infos {
	float: none; width: 100%; padding-top: 5px;
	text-align: center;
}
.productbloc.product-small .product-infos p.product-small-title a {
	color: #717171; text-decoration: none;
}
.productbloc.product-small .product-infos p a:hover {color: #00c700;}

.price {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	margin-bottom: 10px; font-size: 1.6em; line-height: 1em;
	color: #00c700;
}
.oldprice {
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	font-size: .75em; color: #717171;
	text-decoration: line-through; /* padding-left: 5px; */	
}
.discount {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	color: #c00;
}
.infodispo { 
	margin-bottom: 20px;
}
.infodispo p {
	margin-bottom: 0; line-height: 1em; padding: 8px 0;
	border-bottom: #ccc 1px dashed;	
}
.infodispo strong { 
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif; 
	font-size: 95%;
}
.enreap {color: #f60;}
.enstock {color: #9c3;}
.enstock, .enreap {font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;}

/* .professional .price, */
.professional h2, .professional h3 {
	color: #eeb62d;
} 

.prod-description .btn {
	padding: 4px 6px; border-radius: 4px;
}

.prod-description.novideo {width: 100%; padding: 0;}

.prod-description, .prod-video {display: inline-block;}

.prod-description {width: 67%; padding-left: 10px;}
.prod-description p {font-size: .9em; margin-bottom: 10px;}
.prod-description p strong {color: #00c700;}
.prod-description h2 {font-size: 1em; margin-bottom: 5px;}

.prod-description ul {
    list-style: square;
    margin-left: 20px;
}

.prod-more { 
	display: none;
	background: #fff; padding: 15px;
}

.prod-video {width: 30%;}
.prod-video .videodiv {height: auto; border: #fff 4px solid;}
.prod-video .videodiv img {margin: 0;;}

.prod-complement--title {
	margin-bottom: 0; font-size: 1.2em;
	margin-top: 10px;
}

.product-infos--title {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	font-size: .75em; color: #00c700; margin-bottom: 4px;
}
.professional .product-infos--title {color: #eeb62d;}





.product-infos p {
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.9em; color: #717171; text-transform: none;
	margin-bottom: 6px;
}
.product-infos p { margin-bottom: 6px; }
.product-infos .price { font-size: 1.1em; }
.product-infos .discount {
	position: absolute;	left: 2%; top: 2%; 
	background-color: #c00; color: #fff;
	display: block; width: 40px; height: 40px;
	border-radius: 20px; line-height: 40px;
	font-size: .9em; text-align: center;
}
.product-infos .infodispo { font-size: .75em; margin-bottom: 15px;}



.forum-infos p {
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	font-size: 0.9em; color: #777; text-transform: none;
	margin-bottom: 6px;
	min-height: 40px;
}
.forum-infos p { margin-bottom: 6px; }


	.side-informations ul {
    list-style: square;
    margin-left: 20px;
	}


span.ok-produit {
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	color: #6c0;
	position: relative; top: 8px; left: 2px;
	display: none;
}

.specs {margin-bottom: 15px;}
.specs li {line-height: 1em; margin-bottom: 8px;}
.specs li:before {content: "☞ "; color: #000;}

#nav-asso li {
	padding: 10px 0;
	border-top: #ccc 1px solid;
}
#nav-asso li:last-child {border-bottom: #ccc 1px solid;}

#nav-asso li a {
	display: block; height: 40px; line-height: 40px;
	padding-left: 62px;
}
#nav-asso li a {text-decoration: none;}
#nav-asso li a:hover {text-decoration: underline;}

#caf_ese a {
	background: transparent url(../images/draw-ese.png) left center no-repeat;
}
#caf_moul a {
	background: transparent url(../images/draw-moulu.png) left center no-repeat;
}
#caf_amodo a {
	background: transparent url(../images/draw-amodo.png) left center no-repeat;
}



/* PAGES, BLOG, LOGIN... */


.bloc-blog {min-height: 220px;}
.bloc-blog p a {color: #00c700; text-decoration: none;}
.bloc-blog p a:hover {color: #00c700;}
.bloc-blog figure {height: 150px; /* min-height: 0; */}
.bloc-univers {min-height: 225px;}

.bloc-univers h2 {font-size: .95em; margin-bottom: 3px;}
.bloc-univers h3 {
	font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: .85em; color: #777;
}


.metas {
	font-family: 'Anivers-Italic', Helvetica, Arial, sans-serif;
	font-size: .8em;
}
.metas a {color: #717171;}

.prize, .prize-infos {float: left;}

.prize { width: 48%; margin-right: 2%;}
.prize-infos { width: 50%; }

p.file input[type="file"] {
	background-color: #00c700; padding: 5px; border-radius: 2px;
	color: #fff;
}
.pays-select select {width: 50%;}
.list-account li {
	margin-bottom: 20px;
}

#client input[type="text"], 
#client input[type="password"],
#client input[type="email"],
#client input[type="tel"],
#client textarea, #client select {width: 75%;}

#forgotten {
	padding: 20px; display: none;
}
#order_step { margin-bottom: 20px;}
#order_step li {
	position: relative;
	height: 50px; line-height: 35px;
	color: #717171;
	font-size: 1em; border-right: 5px #fff solid; 
	text-shadow: 0 1px 1px #fff;
	background: #e6e6e6;
	background: linear-gradient(#e6e6e6 40%, #cccccc 100%);
}
#order_step li div {
	display: inline-block; vertical-align: middle;
	line-height: 1.2em; padding-left: 25px;
}
#order_step li div span {
	position: absolute; top: 0; left: 5px;
	font-size: 2.8em; 
	display: inline-block; float: left;
	height: 50px; line-height: 50px;	
}
#order_step li.step_current {
	background: #00c700; color: #fff; 
	background: linear-gradient(#46aa42 40%, #498947 100%);
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif; 
	text-shadow: 0 1px 1px #2e552c;
}
#order_step li#step4 {border: 0;}


	.codepromo, .codepromo p {
		margin-bottom: 0 !important;
	}
	.codepromo input[type="text"] { 
		width: 400px !important; margin-bottom: 0; text-align: left;
		height: 25px !important; vertical-align: top;
	}
	#bouton_promotion {
		height: 25px !important; width: 60px !important;
		font-size: .65em; padding-top: 4px !important;
		box-shadow: 0 0 0 #fff; border: #ccc 1px solid;
	}
	
	#adddiscount {
		height: 30px !important; 
		margin-top: -3px;
		margin-left: 10px;
		font-size: .65em; padding-top: 0px !important;
		box-shadow: 0 0 0 #fff; border: #ccc 1px solid;
	}

/*	#registerbasket label, #login label, #registerfirst label {display: none;} */
	#login label, #registerfirst label {display: none;}
	
	.ie #registerbasket label, .ie #login label, .ie #registerfirst label {display: block;}


#small_table {width: 100%; margin-bottom: 15px;}

#small_table td {
	font-family: Helvetica, Arial, sans-serif; font-size: .8em;
	padding: 5px 0; border-bottom: #ccc 1px solid;
}

.small-table-lib {width: 70%;}
.small-table-price {width: 30%; text-align: right;}
.small-table-total {font-weight: bold;}
.small-table-infos {font-style: italic;}


.colissimo figure img {
	width: 30%; float: left; margin-right: 10px;
}
.colissimo figure figcaption {
	float: left; font-size: 1.8em;
}
		
		
		.cb-icons li {
			float: left; margin-bottom: 10px; margin-right: 30px;
		}
		a.pay, input.pay {
			display: inline-block; 
			padding-left: 55px; line-height: 50px;
			width: 54px; height: 34px; font-size: 1.4em;
			text-decoration: none; color: transparent;
			text-indent: 100%; white-space: nowrap; overflow: hidden;
		}
		a.pay:hover, input.pay:hover {opacity: .7;}
		
		a.pay-cb {background: transparent url(../images/cb-icons.png) 0 0 no-repeat;}
		a.pay-paypal, input.pay-paypal {background: transparent url(../images/cb-icon-paypal.png) 0 0 no-repeat;}
		a.pay-cheque {background: transparent url(../images/cb-icon-cheque.png) 0 0 no-repeat;}
		a.pay-virement {background: transparent url(../images/cb-icon-virement.png) 0 0 no-repeat;}

		input#bouton {
			display: inline-block; padding-left: 55px; margin-bottom: 15px;
			width: 176px; height: 34px; line-height: 50px;
			font-size: 1.4em; color: transparent;
			font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
			background: transparent url(../images/cb-icons.png) 0 0 no-repeat;
			cursor: pointer;
			font-smoothing: antialiased;
			
		}
		input#bouton:hover {opacity: .7;}
		
		.infobox {
			margin-bottom: 10px; padding: 10px;
			border: #eee 1px solid;
		}
		
		.alertbox {
			padding: 10px; margin-bottom: 15px;
			background-color: #c00;
		}
		.alertbox p {
			color: #fff;
		}
		
		select.fdp-select {
			width: 150px !important; margin-bottom: 5px;
			display: inline; margin-right: 5px !important;
			padding: 2px 0; height: 25px !important;
		}

		label, label a {vertical-align: middle;}

#paginate {text-align: center; padding-top: 15px;}

#somereviews {position: relative;}

.bubble {
  position: relative;
  background-color: #fff;
  margin: 0;  padding: 20px;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.2); 
}
.bubble:after {
  position: absolute; display: block;
  content: "";  
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;  width:0;
  bottom:-19px; left:1em;
}
.bubble.alt:after {left: auto; right: 1em;}

.bubble p {font-family: 'Anivers-Italic', Helvetica, Verdana, Arial, sans-serif;}
p.who {margin-left: .5em; margin-top: .8em;}
p.who.alt {text-align: right;}

.select-faq {width: 50%;}

#faq_list p {display: none;}
#faq_list h2, #faq_list h3 {margin-top: 20px;}
#faq_list h2:first-child, #faq_list h3:first-child {margin-top: 0}

.morefaq {cursor: pointer;}
.morefaq:before {content: "› ";}




/* MISC */


.clearfix {clear: both; float: none;}
.floatl {float: left;}
.floatr {float: right;}
.padright {padding: 5px 5px 0 0 !important;}
.padleft {padding: 5px 0 0 5px !important;}
.bloc.padright {padding: 5px 5px 30px 0 !important;}
.bloc.padleft {padding: 5px 0 30px 5px !important;}
.inlbk {display: inline-block !important;}

#ie {
	background: #f90 url(../images/ie.png) 0 50% no-repeat; padding: 10px; margin-bottom: 15px;
	height: 125px;
}
#ie p {
	color: #fff; padding-left: 110px; 
	font-size: 1em; line-height: 1.4em;
}
#ie p a {color: #fff;}

.addthis_toolbox {margin-bottom: 10px;}
.addthis_counter.addthis_bubble_style {width: 36px !important;}

.txtl {text-align: left;}

.ias_loader {
	position: absolute; bottom: 0; left: 50%; margin-left: -8px;
	width: 16px; height: 16px;
	clear: both;
}
.ias_trigger {
	clear: both; float: none; 
	position: absolute; 
	bottom: -5px;
	left: 50%;
	width: 160px;
	margin-left: -80px; 
}
.ias_trigger a {
	padding: 8px; width: 160px;
	color: #fff;
	text-shadow: 0 1px 1px #9b7200;
	text-decoration: none; text-align: center;
	font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
	background: #ffbf00;
	background: linear-gradient(#ffbf00 40%, #e0a400 100%);
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);	
}


/* #Footer */


#hp_foot {
	position: relative; clear: both;
	width: 100%; padding-bottom: 120px; 
	border-top: #ccc 1px solid;
/*
	background: #fff url(../images/kiteon-footer.png) center bottom no-repeat;
*/
}
#hp_foot .inner {
	position: relative; padding: 0 5px;
	max-width: 1020px; max-width: 1116px;
	margin: 0 auto;
}
#hp_foot .inner p {
	margin-top: -30px; font-size: 0.9em; color: #999;
}
.sitemap { margin-bottom: 15px; }
.sitemap h4 {
	color: #717171; font-size: 1.1em;
	margin-bottom: 5px;
	color: #00c700;
	font-family: 'Maven-Pro-Bold';
}

.sitemap li {
	font-size: 0.9em; margin-bottom: 5px;
	line-height: 1.2em; 
}
.sitemap li a {
	color: #717171;
	text-decoration: none;
}
.sitemap li a:hover {text-decoration: underline;}



#infos {
	position: relative; height: 110px;
	border-top: #ccc 1px solid;
	background: transparent url(../images/footer-cb-colis.png) 0 15px no-repeat;
	background-size: 100% auto;
}
#infos p {
	margin-top: 0; font-size: 1em !important;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}

#networks {
	position: absolute; right: 0; top: -45px;
	width: 490px; height: 80px; padding: 10px 0 0 130px;
	background: transparent url(../images/footer-follow.png) 0 0 no-repeat;
}
#networks a {
	display: block; width: 70px; height: 50px; float: left;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
	background: transparent url(../images/networks.png) 0 0 no-repeat;
}
#networks a.fb-bt {background-position: 0 0;}
#networks a.fb-bt:hover {background-position: -70px 0;}

#networks a.tw-bt {background-position: 0 -50px;}
#networks a.tw-bt:hover {background-position: -70px -50px;}

#networks a.gplus-bt {background-position: 0 -100px;}
#networks a.gplus-bt:hover {background-position: -70px -100px;}

#networks a.tumblr-bt {background-position: 0 -150px;}
#networks a.tumblr-bt:hover {background-position: -70px -150px;}

#networks a.pint-bt {background-position: 0 -200px;}
#networks a.pint-bt:hover {background-position: -70px -200px;}



/*
#address_hp {border-top: #ccc 1px solid; margin-top: 10px;}
*/
/*
#address_hp p {text-align: right; margin-top: 10px !important;}
*/
#address_hp h1 {font-size: 1em; text-align: center; color: #00c700;}
#address_hp p {text-align: center; margin-top: 10px !important;}
#address_hp strong {color: #717171;}


/* #Forms (Inspired by Skeleton) */


form {}
fieldset {margin-bottom: 20px;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 20px 0; padding: 6px 4px;
	font: 13px Helvetica, Arial, sans-serif;
	color: #777;
	background: #fff;
	outline: none;
	box-sizing: border-box;
    border-radius: 0;
}

select {padding: 0;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
#client input[type="tel"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #717171;
	box-shadow:  0 0 3px rgba(0,0,0,.2);
}
textarea {min-height: 60px;}
label,
legend {
	display: block;
	font-weight: normal;
	font-size: 1em; margin-bottom: 5px;
	font-family: 'Maven-Pro-Regular', Helvetica, Verdana, Arial, sans-serif;
	color: #717171; 
}

label.delivery,
legend.delivery {
	display: block;
	font-weight: normal;
	font-size: 0.7em; 
	margin-bottom: -4px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: @common_gray; 
}

.deliveryhelp {
	width: 15px;
	height: 15px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
}

select {width: 100%; padding: 6px 0; height: 30px;}
input[type="checkbox"] {display: inline;}
label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}

legend {
	margin-bottom: 15px;
	font-family: 'Maven-Pro-Bold', Helvetica, Verdana, Arial, sans-serif;	
}

form.placeholders label {display: none;}

form.placeholders label.showlabel,
.ie form.placeholders label {display: block;}

input.searchbar {
	box-sizing: border-box;
	width: 300px; 
	height: 45px; 
	color: #ccc; 
	background: #fff url(../images/search-icon.png) 98% 50% no-repeat;
}
input[type="submit"] {
	box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0; 
    border-radius: 0;	 
}

input.shortput {width: 30% !important;}

#visuels_sav {}
label img {width: 100%; margin-bottom: 5px;}


#msg {
	display: none;
	position: relative; padding: 25px;
	background: linear-gradient(#ffffff 40%, #e6e6e6 100%);	
}
#msg section {clear: both;}


/* #Fonts */


@font-face {
	font-family: 'Maven-Pro-Bold';
 	src: url('../fonts/maven_pro_bold-webfont.eot');
 	src: url('../fonts/maven_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
 		 url('../fonts/maven_pro_bold-webfont.woff') format('woff'),
 		 url('../fonts/maven_pro_bold-webfont.ttf') format('truetype'),
 		 url('../fonts/maven_pro_bold-webfont.svg#wf') format('svg');
 	font-weight: normal;
}
 
@font-face {
	font-family: 'Maven-Pro-Regular';
	src: url('../fonts/maven_pro_regular-webfont.eot');
	src: url('../fonts/maven_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/maven_pro_regular-webfont.woff') format('woff'),
		 url('../fonts/maven_pro_regular-webfont.ttf') format('truetype'),
		 url('../fonts/maven_pro_regular-webfont.svg#wf') format('svg');
 	font-weight: normal;
}







@font-face {
	font-family: 'Anivers-Bold';
 	src: url('../fonts/1047F9_0.eot');
 	src: url('../fonts/1047F9_0.eot?#iefix') format('embedded-opentype'),
 		 url('../fonts/1047F9_0.woff') format('woff'),
 		 url('../fonts/1047F9_0.ttf') format('truetype'),
 		 url('../fonts/1047F9_0.svg#wf') format('svg');
 	font-weight: normal;
}
 
@font-face {
	font-family: 'Anivers-Regular';
	src: url('../fonts/1047F9_1.eot');
	src: url('../fonts/1047F9_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/1047F9_1.woff') format('woff'),
		 url('../fonts/1047F9_1.ttf') format('truetype'),
		 url('../fonts/1047F9_1.svg#wf') format('svg');
 	font-weight: normal;
}

@font-face {
	font-family: 'Anivers-Italic';
	src: url('../fonts/1047F9_2.eot');
	src: url('../fonts/1047F9_2.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/1047F9_2.woff') format('woff'),
		 url('../fonts/1047F9_2.ttf') format('truetype'),
		 url('../fonts/1047F9_2.svg#wf') format('svg');
 	font-weight: normal;
}

@font-face {
	font-family: 'FeltTip';
 	src: url('../fonts/FeltTipRoman.eot');
 	src: url('../fonts/FeltTipRoman?#iefix') format('embedded-opentype'),
 		 url('../fonts/FeltTipRoman.woff') format('woff'),
 		 url('../fonts/FeltTipRoman.ttf') format('truetype'),
 		 url('../fonts/FeltTipRoman.svg#felt') format('svg');
 	font-weight: normal;
}


/* #MEDIA QUERIES anybodesign powered */



/* #Laptops 
/////////////////////////////////////////////////*/

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

	body {background-position: 0 130px;}	
	
	#hp_head h1.logo a {margin-top: 0;}
	#hp_head .inner {height: 100px;}
	#menu {margin-top: 60px;}
	#menu li.current:after {bottom: -6px;}
}

@media only screen and (max-width: 1280px) {
	
	#menu li {
		padding: 5px 10px; font-size: 1em;
	}	
}	
	
	
/* #Tablets 
/////////////////////////////////////////////////*/

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

	#hellomenu {
		display: none;
	}
	
	#slogan {font-size: 0.8em;}

/*
	#site_menu li a {
		color: #00c700;
	}
	#site_menu li#home a {
		color: #00c700;
	}

	#users {
		color: #00c700;
		z-index: 10000;
	}
*/

	#hp_head {padding-top: 0;}
/*
	#toolbar {position: relative; background: #fff;}
*/
	#toolbar {position: relative; background: rgba(70, 170, 66, 0.9);}
	
	.productbloc { 
		min-height: 200px;
	}

	#slider_news, #slider_advertising, #slider_rss { 
		min-height: 200px;
	}

	.prod-complement--title {
		font-size: 0.9em;
	}
	
/*
	// Modification pour rajouter barre de recherche
	#hp_head .inner {height: 148px; height: 168px;}
*/
	#hp_head .inner {height: 148px; height: 230px;}

	#hp_head h1.logo a {margin: 0 auto;}

	/*Rajout FS*/
	#search_header {position: relative;}
	#search_header .searchbar {margin: 0 auto;}
	
	input.searchbar {
		height: 35px; 
	}
	
	#users li#user_basket {padding-left: 8px;}

	#menu {
		margin: 30px auto 0 auto; text-align: center;
	}
	#menu ul {margin: 0; border: 0;}

	#menu li {font-size: .85em;}

	#menu li.current:after {
		position: absolute; display: block;
		content: "";  
		border-color: #fff transparent transparent transparent;
		border-style: solid;
		border-width: 10px;
		height: 0; width: 0;
		bottom: -18px; left: 50%; margin-left: -10px;	
	}

	
	#breadcrumb { /* visibility: hidden;  */display: none; }

	#subnav {
		position: absolute; top: 0;
		position: relative;
		width: 100% !important;
		background-image: none !important;
		clear: both; float: none;
	}
	#subnav .inner { background-color: transparent !important; }
	
	.subnav-item { 
		float: left; margin-right: 10px;
	}
	.subnav-item nav {margin-bottom: 0;}
	.subnav-item h1 {
		color: #717171 !important; margin-bottom: 0;
		font-family: 'Maven-Pro-Regular', Helvetica, Arial, sans-serif;
		font-size: 1em; padding-bottom: 5px;
		background: transparent url(../images/subnav-pointer.png) center bottom no-repeat;
		cursor: pointer;
	}
	.subnav-item h1.on {background: transparent url(../images/subnav-pointer2.png) center bottom no-repeat;}
	.subnav-content {
		display: none;
		position: absolute;
		z-index: 600; 
		padding: 5px; 
		background-color: #bebebe;		
	}
	#submenu, #submenu_2 {margin-bottom: 0;}
	#submenu li, #submenu_2 li, .subnav-content li {border-top: #eee 1px solid;}
	#submenu li:first-child, #submenu_2 li:first-child, .subnav-content li:first-child {border-top: none;}
	#submenu li a, #submenu_2 li a, .subnav-content li a {
		font-family: 'Maven-Pro-Bold', Helvetica, Arial, sans-serif;
		color: #fff; text-shadow: 0 1px 1px #333;
		background-color: #bebebe !important;
	}
	#submenu li a:hover, #submenu li.current a,
	#submenu_2 li a:hover, #submenu_2 li.current a,
	.subnav-content li a:hover, .subnav-content li.current a {
		background-color: #ccc !important;	
	}
	
	#searchengine input {margin-bottom: 0;}
	
	
	.home-post {
		clear: none; float: left;
		min-height: 0;
	}
	
	.slide_infos { top: 10px; left: 10px; font-size: 90%;}
	.flex-control-nav { bottom: -30px; }
	
	
	/* shop */
	
	
	.shop-filters--container {
		background-position: 0 -40px;
		min-height: 180px; 
	}	
	.shop-filters--title {
		padding: 0 0 0 5px;
		margin-bottom: 20px;
	}
	.shop-filters--animation {
		position: relative; top: 0; margin-top: -23px;
	}


	.prod-description {padding: 5px;}
	
	.bloc {
		padding-bottom: 15px;
		background: transparent url(../images/shadow.png) 50% bottom no-repeat;
		background-size: 100% 15px;
	}
	.bloc.padright {padding: 5px 5px 15px 0 !important;}
	.bloc.padleft {padding: 5px 0 15px 5px !important;}

	#reco .productbloc { height: 170px; }

	#slider_concours .flex-viewport { max-height: 340px; }
	
	#slider {margin-bottom: 0;}
	#carousel, #prod-videos {display: none;}
	#carousel_product {display: none;}
	
	.side-informations { width: 100% !important; }
	.side-informations .prod-asso { width: 25% !important; }

	#order_step li {height: 40px; line-height: 25px; margin-bottom: 5px;}
	#order_step li div {padding-left: 20px;}
	
	#order_step li div span {
		font-size: 2em; 
		height: 40px; line-height: 40px;	
	}

	#order_step li#step2 {border: 0;}
	
	#nlmenu {display: none;}
	
	.productbloc { font-size: 120%;}

	
	/* _footer */
	
	#hp_map, #prod_map, #com_map {
		width: 25%; float: left;
	}
	
	#infos, #search {display: none;}
	
	#address_hp {clear: both;}
/* 	#address_hp p {text-align: center;} */
	
	#networks {
		background-image: none; padding: 5px 0 0 0;
		width: 350px;	
	}
	
	#visuels_sav .col3 {width: 33.333% !important;}

}


/* #Tablets small 
/////////////////////////////////////////////////*/

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


	/* Hamburger Menu */
		
	#trigger {
		display: block; height: 30px; width: 20px;
		position: relative; top: -5px;
		text-indent: 60px; white-space: nowrap; overflow: hidden;
		cursor: pointer;
	}
	#trigger span {
		position: absolute; top: 12px; right: 0;
	}
	#trigger span, #trigger span:after, #trigger span:before {
		display: block;
		width: 20px; height: 4px;
		background-color: #000;
		transition: all .3s linear;
	}
	#trigger span:after, #trigger span:before {
		position: absolute;
		content: "";
	}
	#trigger span:after {bottom: -8px; left: 0;}
	#trigger span:before {top: -8px; left: 0;}
	
	#trigger.menu-opened span {background-color: transparent; height: 1px;}
	
	#trigger.menu-opened span:after {
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		background-color: #c00;
	}
	#trigger.menu-opened span:before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background-color: #c00;
	}


	#toolbar {background: #fff;}
	
	.toolbar-menu {
		display: none;
		z-index: 99999;
		position: absolute; top: 25px; left: 0;
		background: #f2f2f2; background: #fff;
	}
	.toolbar-menu > li {
		display: block; border-bottom: #666 1px dashed;
	}
	

	#hp_head .inner {height: 148px;}
	#menu li a span {
		display: inline-block; width: 20px; height: 5px; position: absolute;
		text-indent: 200%; white-space: nowrap; overflow: hidden;
	}

	#menu li {
		width: 80px; padding: 5px 0;
		font-size: .8em; margin: 0;
	}
	

}


/* #Smartphones 
/////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {
	
	#slider_news .flex-viewport { min-height: 210px; }

	#slider_news figure p { 
		font-size: 0.8em; 
		text-align: center; 
		margin: 5px;
		min-height: 100px;
	}

	#site_menu li a {
		color: #00c700;
	}
	#site_menu li#home a {
		color: #00c700;
	}

	#hp_head {
		background-position: -295px 5px; 
	}
	#hp_head h2 {font-size: .9em; display: none;}

	#hp_head .inner {height: 148px; height: 100px;}

	/*Rajout FS*/
	#search_header {position: relative;}
	#search_header .searchbar {margin-left: 10px;}


	
	#menu li {width: 53px;}
	#menu li.nav-voyage {width: 40px;}
	#menu li.nav-air {width: 60px;}
	#menu li.nav-voyage {width: 40px;}
	#menu li.nav-lovers {width: 36px;}
	#menu li.nav-cadeaux {width: 34px;}
	
	#users li {margin-left: 0; padding: 5px 0;}
	#users li a span {display: none;}
	
	#users li#user_basket {
		box-shadow: 0 0 0 #fff;	
		background: transparent;
		padding-left: 0; padding-right: 9px; margin-right: 10px;
	}
	
	#users li.flag {margin-left: 0;}
	
	.basketcount {left: auto; right: -10px;}

	/* shop */
	
	
	.shop-filters--container {
		background-image: none !important; 
	}	
	.shop-filters--title {
		display: inline-block;
		padding: 0; margin-bottom: 0; font-size: 1.5em;
	}
	.shop-filters--animation {
		width: 190px; display: inline-block; margin-top: 0;
	}	
	.shop-filters--animation img {width: 100%; height: auto;}
	
	.coffee-filter--check label {font-size: .7em;}


	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {width: 100% !important;}	

	.homenavbloc { height: auto; }
	.homenavbloc ul {
		display: none; 
		position: relative; top: auto ; left: auto;
	}
	.homenavbloc h1 {
		height: 60px; 
		text-align: left; font-size: 95%;
	}
	.homenavbloc h1 a {padding: 14px 0 0 90px;}

	p.welcome {position: relative; top: 0; left: 0;}
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	#small_table tr {display: table-row;}
	#small_table td {display: table-cell;}
	
	
	.productbloc { font-size: 100%;}

	thead {display: none;}
	tr { padding: 0 2px; border-bottom: #ccc 1px solid;}

	.td-qty input { width: 30px !important;	}
	
	.td-qty:before {content: "Quantity : "}
	.td-price-ht:before {content: "Price : "}
	.td-price:before {content: "Price + VAT : "}
	.td-totalprice:before {content: "Subtotal : "}
	
	.fr .td-qty:before {content: "Quantité : "}
	.fr .td-price-ht:before {content: "Prix H.T. : "}
	.fr .td-price:before {content: "Prix T.T.C : "}
	.fr .td-totalprice:before {content: "Sous-Total : "}
	
	tfoot tr { border: 0; }
	tfoot {border-top: 0;}
	tfoot td { padding: 10px 0 0 0; text-align: left;  border: 0; }
	#reco {display: none;}
	
	.cb-icons li {float: none;}
	
	.slide_infos h1 {font-size: 90%; line-height: 100%;}
	.slide-p {display: none;}
	#slider_concours .flex-viewport { max-height: 180px; }
	.side-informations .prod-asso { float: left; }
	.floatl, .floatr { float: none; }
	
	#order_step li {height: 30px; line-height: 0; margin-bottom: 5px;}
	#order_step li div {padding-left: 15px; line-height: .9em;}
	#order_step li div span {
		font-size: 1.8em; 
		height: 30px; line-height: 30px;	
	}

	.codepromo input[type="text"] { margin-top: -5px;}
	#adddiscount {position: relative; top: -5px;}
	.fdp span, select.fdp-select {display: block;}

	
	#order_step li {border: 0;}
	.maplinks {display: none;}

	.fdpfree {margin: 0;}
	.fdpfree p {
		line-height: 1em;
	}
	
	#visuels_sav .col {width: 33.333% !important; float: left;}
	
	li.flag a {margin: 0 5px;}


	#networks {
		width: 275px; top: -30px;
	}
	#networks li {display: inline-block; vertical-align: top;}
	#networks a {
		width: 50px; height: 36px; display: inline-block; float: none;
		background-size: 100px 178px;
	}
	#networks a.fb-bt {background-position: 0 0;}
	#networks a.fb-bt:hover {background-position: -50px 0;}
	
	#networks a.tw-bt {background-position: 0 -36px;}
	#networks a.tw-bt:hover {background-position: -50px -36px;}
	
	#networks a.gplus-bt {background-position: 0 -72px;}
	#networks a.gplus-bt:hover {background-position: -50px -72px;}
	
	#networks a.tumblr-bt {background-position: 0 -107px;}
	#networks a.tumblr-bt:hover {background-position: -50px -107px;}
	
	#networks a.pint-bt {background-position: 0 -143px;}
	#networks a.pint-bt:hover {background-position: -50px -143px;}

	#prod_map, #com_map, .copyright {
		display: none;
	}
	#prati_map, #hp_map {width: 45%; float: left;}

}


/* #Tiny 
/////////////////////////////////////////////////*/

@media only screen and (max-width: 320px) {
	
	#site_menu li a {
		color: #00c700;
	}
	#site_menu li#home a {
		color: #00c700;
	}

	#hp_head {}
	#hp_head .inner {
		background-image: none;
	}

	#slider_partner .flex-viewport { max-height: 165px; }

	#slider_news .flex-viewport { max-height: 165px; }

	#slider_rss .flex-viewport { max-height: 165px; }

	#slider_photo .flex-viewport { max-height: 165px; }
	.slide_infos { display: none; }

	#slider_concours .flex-viewport { max-height: 150px; }
	.side-informations .prod-asso { width: 50% !important; }
	
	#visuels_sav .col {width: 50% !important;}

	.shop-filters--title {font-size: 1.8em;}
	.shop-filters--animation {width: 130px;}		
	
	.prod-description, .prod-video {width: 100%;}
}


.bigloader {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 10000;
	display: none;
}
.bigloader .loading {
	position: absolute; top: 50%; left: 50%;
	width: 64px; height: 64px;
	margin: -32px 0 0 -32px;
	background: #fff url(../images/ajax-loader.gif) 50% 50% no-repeat;
	border-radius: 2px;
}

#website {display: none;}