/*----------------------------------------------------------
	= BAOCSS v.1.0
	/1 Reset
	/2 Styles génériques (Balises, Objets, Classes, Plugins)
	/3 Styles spécifiques (Layout, Style par page)
	/4 Styles responsive (Mobiles, tablettes, ...)
----------------------------------------------------------*/

/*====================
/1 Reset
======================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; }
img { font-style: italic; vertical-align:bottom; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
abbr, acronym { cursor: help; border: 0; }
a { text-decoration: none; }
pre, code { font-family: monospace; }
b, strong { font-weight: bold; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; } 
sub { bottom: -0.25em; }
input, select, option, optgroup, textarea { font: inherit; }
[type="submit"], [type="button"], [type="reset"], button { cursor:pointer; border:0; overflow:visible; }
[type="submit"]::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, button::-moz-focus-inner {border:0; padding: 0;}
[type="submit"]:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; }
textarea {resize:none;}

/* Box model */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

 /* Ballot screen pour IE7>=
==============================*/
#ballot {border:2px solid #FFD61F; border-left:none; border-right:none; background:#FFF7C0;}
	#ballot .inner {width:740px; margin:0 auto; overflow:hidden;}
		#ballot .warning {background:url(../images/ico_warning.png) no-repeat center 5px; width:85px; float:left; font-size:13px; text-align:center; font-weight:bold; padding:55px 0 0;}
		#ballot p {width:260px; float:left; font-size:12px; padding:12px 0 0 15px; line-height:14px;}
			#ballot p strong {display:block; font-size:14px; margin:0 0 5px;}
		#ballot ul {float:left;}
			#ballot li {float:left; width:75px; margin:7px 0 0; text-align:center; font-size:11px;}
				#ballot li a {background:url(../images/logos_browser.png) no-repeat left top; padding:35px 0 0; text-align:center; display:block; text-decoration:none; font-weight:bold; color:#000; line-height:14px; cursor:pointer;}
				#ballot .firefox a {background-position:-55px -2px;}
				#ballot .chrome a {background-position:22px -2px;}
				#ballot .safari a {background-position:-231px 0;}
				#ballot .opera a {background-position:-138px -1px;}
				#ballot .ie a {background-position:-328px -2px;}
				
/*====================
/2 Styles génériques
======================*/

/* Balises
=====================*/
html, body {min-height:100%;}
html {line-height:1.333; background-color:#dff7ff;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4MTQgMTc1MiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWVmYWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkYWY1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWY1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4MTQiIGhlaWdodD0iMTc1MiIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #eefaff 0%, #daf5ff 98.97%, #daf5ff 100%);
	background-image: -o-linear-gradient(bottom, #eefaff 0%, #daf5ff 98.97%, #daf5ff 100%);
	background-image: -webkit-linear-gradient(bottom, #eefaff 0%, #daf5ff 98.97%, #daf5ff 100%);
	background-image: linear-gradient(bottom, #eefaff 0%, #daf5ff 98.97%, #daf5ff 100%);}
	.ie {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf5ff', endColorstr='#eefaff',GradientType=0 );}
body {font-family: "pt-sans-n4","pt-sans","Arial","Helvetica",sans-serif; font-weight: 400; color: #525657; font-size:14px; background:url('../images/bgd_body.png') no-repeat center top;}


/* Boutons
=====================*/
.btn {display:inline-block; line-height:normal; vertical-align:middle; border:1px solid transparent; position: relative;}

/* Small boutons */
.btn-small {padding:0 5px; background: #f0f1f1; color: #525657; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400;}
.btn-small:hover {background: #6b7172; color: #ffffff;}

/* Medium boutons */
.btn-medium {padding:4px 12px; color: #FFF; font-size:16px; font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/* Maxi boutons */
.btn-big {position: relative; padding:8px 25px; color: #FFF; font-size:18px; text-transform: uppercase; font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.btn-add {border:1px solid #7a9400; background: #89a501;}
.btn-add:hover {background: #748B01;}
.btn-valid {border: 1px solid #0f7da2; background: #0f8db7;}
.btn-valid:hover {background: #0D799D;}
.btn-cancel {border: 1px solid #8c9495; background: #979f9f;}
.btn-cancel:hover {background: #7E8585;}

/* Groupe de boutons */
.buttons {width: 100%;}
.buttons.tabled .btn {width: 100%;}
.buttons > span:first-child {padding-right:15px;}

/* Bouton adjacent formulaire */
.btn-aside {padding:3px 8px; position: relative; vertical-align:top; color: #FFF; font-size:14px; text-transform: uppercase; font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/* Bouton contact (logo nutrimenthe) */
.btn-contact {background-color: #a3c309; text-transform: uppercase; color: #FFF!important; font-family: "pt-sans-n7", "pt-sans", Arial, Helvetica, sans-serif; font-weight:700; font-size: 16px; padding:2px 10px 2px;}
.btn-contact.i:before {background-position:0 -28px; width: 20px; height: 15px; float: left; margin:3px 7px 0 0;}
.btn-contact:hover {background-color: #8DA908;}


/* Bouton retour liste */
.btn-back {background: #108eb7; border:none; padding:0 13px;}
.btn-back.i:before {background-position:-43px -105px; width: 18px; height: 18px; float: left; margin:1px 7px 0 0;}
.btn-back:hover {background: #0E7A9D;}

/* Bouton pour formulaire embarqués */
.btn-flyout {background:#0f8db7; color:#FFF; text-transform: uppercase; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; font-size: 15px; padding:0 3px;}
.btn-flyout:hover {background: #0D799D;}
.btn-flyout-valid, .btn-flyout-cancel {padding:0 8px;}
.btn-flyout-cancel {background: #f0f1f1; color: #525657;}
.btn-flyout-cancel:hover {background: #6b7172; color: #ffffff;}

/* Bouton calcul */
.btn-refresh {padding:0 10px; border: 1px solid #8c9495!important; background: #979f9f; color: #FFF; font-size: 16px; text-transform: uppercase; font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.btn-refresh:hover {background: #7E8585;}

/* Bouton avec icone */
.btn-icon {border: 1px solid #0f7da2!important; background: #0f8db7; padding:3px; width:30px; height:25px; text-align: center; font-size:0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.btn-icon span {text-indent:-9999em; display: inline-block;}
.btn-icon:hover {background:#0D799D;}

/* Boutons liste de produit */
.btn-light, .btn-add-small {font-size:18px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400;}
.btn-light {padding:0 5px; background: #f0f1f1; color: #525657;}
.btn-light:hover {background: #6b7172; color: #ffffff;}
.btn-add-small {color: #89a502;}
.btn-add-small.i:before {background-position:0 -71px; width: 22px; height: 22px; float: left; margin:1px 5px 0 0;}

/*=====================================*/

/* Icônes 
================ */
.ico {background:url('../images/bgd_icons.png') no-repeat; display:inline-block;}

.i:before {content: ""; width:0; height:0; display:inline-block; background:url('../images/bgd_icons.png') no-repeat;} /* Icones sans balises supp */

/* Icones .i... */
.idelivery {background-position:-56px 0; width: 32px; height: 33px;}
.isearch {background-position:-28px 0; width: 17px; height: 20px; text-indent:-9999em;}
.ifb {background-position:-326px 0; width: 39px; height: 39px;}
.itwitter {background-position:-370px 0; width: 39px; height: 39px;}
.isprev {background-position:-1px -99px; width: 16px; height: 23px; cursor:pointer;}
.isprev:hover {background-position:-1px -128px; width: 16px; height: 23px;}
.isnext {background-position:-20px -99px; width: 16px; height: 23px; cursor:pointer;}
.isnext:hover {background-position:-20px -128px; width: 16px; height: 23px;}
.ipromo, .inew {background-position:-255px -42px; width: 58px; height: 59px;}
.iadd {background-position:-35px -70px; width: 29px; height: 29px;}
.ivalid {background-position:-71px -99px; width: 28px; height: 28px; float: left; margin:-2px 10px -2px 0;}
.idelete {background-position:-42px -128px; width: 24px; height: 23px;}
.iselect {background-position:-326px -43px; width: 16px; height: 19px;}

/*=====================================*/

/* Grid 
================ */
.row {width:975px; margin:0 auto; clear:both;}
	.grids {width:995px; margin:0 0 0 -15px; letter-spacing:-0.31em;}
	.grids :-o-prefocus, .grids {word-spacing: -0.43em;}
	/* La classe doit absolument commencer par .grid- */
	[class^="grid-"] {display: inline-block; margin:0 15px 0 0; vertical-align: top; letter-spacing:normal; word-spacing:normal;}
	.grids [class^="grid-"] {margin:0 0 0 15px;}
		/* Grid imbriquées */
		[class^="grid-"] .grids {width:auto; margin:0 -15px;}

	/* Grid : .grid-1, .grid-half, ... */
	.base-18 .grid-1 {width: 40px;}
	.base-18 .grid-2 {width: 95px;}
	.base-18 .grid-3 {width: 150px;}
	.base-18 .grid-4 {width: 205px;}
	.base-18 .grid-5 {width: 260px;}
	.base-18 .grid-6 {width: 315px;}
	.base-18 .grid-7 {width: 370px;}
	.base-18 .grid-8 {width: 425px;}
	.base-18 .grid-13 {width: 700px;}
	.base-18 .grid-14 {width: 755px;}

	/* Grid pour la partie catalogue */
	.catalog {overflow:visible;}
		.catalog .grid-full {width:975px;}
		.catalog .grid-3-4 {width:735px;}
		.catalog .grid-1-4 {width:230px;}
		.catalog .grid-list-item {width: 225px; padding:0 0 8px;}
	
	/* Grid en proportion (½ ⅓ ¼, etc) */
	.fluid {max-width:955px; margin-bottom:20px;}
	.grid-3-4 .fluid {width:717px;}
		.fluid .grids {width:auto; overflow:visible; /*word-spacing:-0.43em;*/ letter-spacing:-0.31em;}
			.fluid [class^="grid-"] {padding:0 0 0 15px; margin:0; word-spacing:normal; letter-spacing:normal; float:none; display: inline-block; vertical-align: top;}
			.fluid [class*="push-"] {position: relative;}
			.fluid [class^="grid-"] .grids, [class^="grid-"] .fluid .grids {margin:0 0 0 -15px;}

			.fluid .grid-full {width: 100%;}
			.fluid .grid-1-4 {width: 25%;}
			.fluid .grid-1-3 {width: 33.333%;}
			.fluid .grid-2-4 {width: 50%;}
			.fluid .grid-3-4 {width: 75%;}

			.fluid .push-2-4 {left: 50%;}

/*=====================================*/

/* Media object 
================== */
.media, .media .context {overflow:hidden;}
	.media .img {float:left; margin-right:15px;}
	.media .img-ext {float:right; margin-left:15px;}

/*=====================================*/

/* Table object
================*/
.tabled {display: table;}
	.tabled > * {display: table-cell;}
	.tabled-top > * {vertical-align:top;}
/*====================================*/

/* Boites de contenu 
======================*/
.box {border: 2px solid #f1f1f1; padding:10px;}
	.box .box-ttl {color: #108eb7; font-size:18px; margin:0 0 10px;}
	.box p {margin:0 0 10px;}
	.box ul {margin:0 0 15px;}
		.box li {margin:0 0 5px; background:url('../images/ico_label.png') no-repeat left 9px; padding:0 0 0 9px;}

/* Navigation
=====================*/
.nav > li, .nav > li > a {display:inline-block;}
.ie7 .nav > li, .ie7 .nav > li > a {display:inline; zoom:1;}

/* Navigation verticale */
.nav-vertical > li,
.children > li {display:list-item;}

/* Trigger sous-menu */
.has-children {position:relative;}
	/* Sous-menu */
	.nav-children .children {position:absolute; top:100%; left:-9999em;}
		.nav-children .children > li {min-width:200px; float:left;}
			.nav-children .children > li > a {display:block;}

/* Apparition sous-menu */
.nav-children .has-children:hover > .children {left:0;}
/* Second niveau */
.nav-children .children .has-children:hover > .children {top:0; left:100%;}

/*=====================================*/

/* Pagination
===============*/
.paginator {color:#525657; white-space:nowrap; text-align:right; margin:10px 0;}
	.paginator a, .paginator span {display:inline-block; line-height:normal; padding:3px 6px; font-size:12px; background:#ddd; color:#525657; text-align:center;}
	.paginator span {background:#A3C309; color:#fff;} /* Active */
	.paginator .sep {display: none;}
	.paginator a {background:#F0F1F1; text-decoration:none;}
	.paginator a:hover {background:#6B7172; color: #FFFFFF;}
	.paginator p {font-size:12px; padding:5px 0 0;}

/*=====================================*/

/* Alertes et erreurs
======================================*/
.alert {font-size:15px; background:#FCEEC1; border:1px solid #FFFFFF; outline:1px solid #EEDC94; margin:5px 5px 10px;}
	.alert li {padding:5px 20px; list-style:inside disc;}
	.alert li + li {border-top:1px solid #FFFFFF;}

.error {color:#FFF; background: #ff1e00; font-weight:bold; display: inline-block; padding:3px 10px 4px; vertical-align:top;}
/*=====================================*/

/* Tableaux (.layout-table)
============================*/
.layout-table {width: 100%; font-size:15px; border-bottom:4px double #ccdd72;}
	.layout-table th {color: #FFF; background: #525657; padding:3px 15px;}
	.layout-table td {padding:10px 15px;}
	.layout-table tbody tr {border-bottom:1px solid #ccdd72;}

/* Formulaires (.layout-form)
==============================*/
.layout-form p {margin:0 0 15px;}
	.layout-form label {display:block; color: #525657; text-transform: uppercase;}
	.layout-form .label-checkbox {text-transform: none;}
	.layout-form [type="text"], .layout-form [type="password"], .layout-form textarea, .layout-form select {position: relative; border: 1px solid #c9c9c9; color: #525657; font-family: "pt-sans-n4", "pt-sans", Arial, Helvetica, sans-serif; font-weight:400; font-size:14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.layout-form [type="text"], .layout-form [type="password"] {height:27px; line-height:27px; padding:0 5px;}
	.layout-form select {padding:2px;}

.reminder {color: #108EB7; font-size:75%; text-decoration: underline;}

/* Formulaire en ligne (+.layout-form-inline) */
.layout-form-inline p {clear:both;}
	.layout-form-inline label {display:inline; padding-right:10px;}
	.layout-form-inline .copy {width:auto; padding:0;}
	.layout-form-inline .copy, .layout-form-inline .ui-state-error {margin-left:160px;}

/* Grille pour formulaire en ligne
.form-grid-* sur le label ou sur l'élément parent */
label[class*="form-grid-"], [class*="form-grid-"] label {float:left; display:block;}
label.form-grid-150, .form-grid-150 label {width:150px;}
/* etc... */

/* Formulaires avec colonnes 
.form-row-col>p+p */
.form-row-col {overflow:hidden; width:100%; margin:0 0 15px; display:table;}
	.form-row-col p {display:table-cell; padding-left:15px;}
	.form-row-col > p:first-child {padding-left:0!important;}
	.form-row-col [type="text"], .form-row-col [type="password"], .form-row-col textarea, .form-row-col select {width:100%;}

/* Formulaires embarqués (.flyout-form) */
.flyout-form [type="text"], .flyout-form [type="password"], .flyout-form textarea, .flyout-form select {font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; font-size:14px; color: #525657; border:1px solid transparent;}
.flyout-form [type="text"], .flyout-form [type="password"] {height:21px; line-height:21px; padding:0 5px;}
.flyout-form .isearch {margin:2px 7px 0 6px;}

::-webkit-input-placeholder {text-transform: uppercase!important;}
::-moz-placeholder {text-transform: uppercase!important;}
:-moz-placeholder {text-transform: uppercase!important;}
:-ms-input-placeholder {text-transform: uppercase!important;}

/* Taille des champs */
.field-full {width: 100%;}

/*=====================================*/

/* Modules
==============================*/
/* jQuery UI Dialog */
.ui-dialog {background:#FFF; padding:3px;}
	.ui-dialog-titlebar {background:#a3c309; color: #FFF; font-size:14px; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; padding:0 10px; overflow: hidden;}
		.ui-dialog-title {float:left;}
		.ui-dialog-titlebar-close {display:inline-block; line-height:normal; vertical-align:middle; font-family: "pt-sans-n4","pt-sans","Arial","Helvetica",sans-serif; font-weight: 400; background: #108eb7; color: #FFF; padding:0 13px; float: right; margin-right:-10px;}
	.ui-dialog-content {padding:15px;}

/* jQuery UI Overlay */
.ui-widget-overlay {background:#000; position:absolute; top:0; left:0; width:100%; height:100%; opacity: .80; filter:Alpha(Opacity=80); z-index: 20000;}
/*=====================================*/

/* Classes réutilisables
==============================*/
.center {text-align:center;}
.right {text-align:right;}
.flleft {float:left;}
.flright {float:right;}
.clear {clear:both; line-height:1px; height:0; font-size:1px;}
.for-print, .no-display {display:none!important;}
.hidden {position:absolute; top:-9999em; left:-9999em;}

/* Clearfix */
.cf:before,
.cf:after {content: " "; display: table;}
.cf:after {clear: both;}

/* Largeur de base */
.base {width:980px; margin: 0 auto;}

/* Titre de catégorie avec icone */
.ttl-category {color: #89a502; font-size:14px; text-transform: uppercase; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; background:#FFF; padding:0 10px; display: inline-block;}
	.ttl-category.i:before {background-position:0 -48px; width: 33px; height: 16px; float: left; margin:2px 10px 0 0;}

/*====================
/3 Styles spécifiques
======================*/
/* Layout
==============*/
/* Header */
.header {background:#FFF;}
	.slogan {background:#e7edef; font-size:12px; color: #6b7172; padding:1px 0 3px;}

	.header > .base { position: relative; padding:5px 0;}
		.header-search {padding:10px 35px; position: relative;}
			.header-search > p:first-child {margin:0 0 6px 8px;}
				.num-phone {font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; font-size: 21px; line-height:27px; padding-right:10px;}
				.num-phone.i:before {background-position:0 0; width: 24px; height: 24px; float: left; margin:3px 10px 0 0;}
			.form-search {border: 1px solid #c9c9c9; background:#FFF; padding:1px; display: inline-block; position: absolute; left:35px; z-index:21; -webkit-border-radius:3px; border-radius:3px;}
				.form-search [type="text"] {width:315px;}
				.form-search .btn-flyout {font-family: "pt-sans-n4","pt-sans","Arial","Helvetica",sans-serif; font-weight: 400; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
				.form-search .filters {padding:10px; background: #A7D5E4; display: none;}
					.form-search .filters .form-row-col {margin:0 0 5px;}

		.user-actions {position: absolute; right:0; top:-18px;}

			.nav-user-item {background:#a3c309; color: #FFF; display: inline-block; position: relative; padding:45px 0 0; margin:-45px 0 0 5px; width:90px; height:90px; text-align: center; text-transform: uppercase; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight:700; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;}
			.nav-user-item:hover {background: #8DA908;}
				.nav-user-item a {color: #FFF;}

				.nav-user-basket .basket-count {position: absolute; bottom:-4px; left:20px; width:25px; height:25px; line-height:25px; display: inline-block; background-color: #515557; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.32); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.32); box-shadow: 0 1px 1px rgba(0,0,0,.32);}

				/* Icones */
				.nav-user-item.i:before {position: absolute; left:50%;}
				.nav-user-account.i:before {background-position:-128px 0; width: 18px; height: 24px; margin-left:-9px; bottom:1px;}
				.nav-user-basket.i:before {background-position:-255px 0; width: 21px; height: 28px; margin-left:-10px; bottom:-2px;}

		.ie7 .user-actions {top:0;}
			.ie7 .nav-user-item {margin:0; display: inline; padding:0; height:auto;}


			.msg-corpo {padding:10px 0 0; width:210px;}
				.msg-corpo .bigger {font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight:700; text-transform: uppercase; display: block;}

/* Nav */
.site-nav-cont {background:#50a8c5 url('../images/bgd_nav.png') repeat-x left top; border-bottom:2px solid #FFF; margin:0 0 10px; /*font-size:18px;*/ font-size: 15px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; line-height:1;}
	.site-nav a, .site-nav span {color: #FFF;}
	.site-nav span {cursor: pointer;}

	.site-nav-cont > .base { position: relative; z-index:20;}
	.site-nav {display: table;}
		/*.site-nav > li {display:table-cell; vertical-align:middle; padding:7px 15px 6px; text-align: center;}*/
		.site-nav > li {display:table-cell; vertical-align:middle; padding:7px 10px 6px; text-align: center;}
		.site-nav > li:hover {background: #FFF;}
			.site-nav > li:hover > a, .site-nav > li:hover > span {color: #89a502;}

	.site-nav .home {padding-left:0; width:45px;}
	.site-nav .home:hover {background:none;}
	.site-nav .home a {background: #FFF; color: #a3c309; width:45px; height:45px; text-align: center; vertical-align:middle; margin-top:-7px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
		.site-nav .home .ico {background-position:-283px 0; width: 26px; height: 20px; text-indent:-9999em; margin-top:12px;}

	.site-nav .has-children {position: static;}
		.site-nav .has-children > a {position: relative; display: block;}

	.site-nav .children {width:100%;}
		.sub-nav {border: 1px solid #a7d5e3; border-top:none; text-align: left; font-size:16px; font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; background:#FFF;
			background-image:  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background-image: -moz-linear-gradient(bottom, #e7e7e7 0%, #fff 100%);
			background-image: -o-linear-gradient(bottom, #e7e7e7 0%, #fff 100%);
			background-image: -webkit-linear-gradient(bottom, #e7e7e7 0%, #fff 100%);
			background-image: linear-gradient(bottom, #e7e7e7 0%, #fff 100%);}
			.ie .sub-nav {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );}
			.sub-nav .grid-3-4 > li {width:235px; float: left; padding-right:15px;}
				.sub-nav a {color: #525657; margin:0 0 5px;}
				.level-1.i:before {background-position:0 -156px; width: 6px; height: 5px; float: left; margin:7px 3px 0 0;}

				.sub-level {color: #525657; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight:400;}

				.illus-cat {background: #FFF; padding:1px; display: block;}
					.illus-cat > img {margin:0 0 5px; display: block; max-width:100%; width: 100%;}
					.illus-cat > .btn {margin:0 0 5px;}
			
			/* Gestion des colonnes sous menu */
			.sub-nav .fluid {width:950px; margin:0 auto; padding:20px 0;}

/* Conteneurs avec fond */
.main, .highlights, .widget-bar {background:#FFF;}

/* Main */
.main {margin-bottom:10px;}
	.container {padding:3px; position: relative; min-height:510px;}
	.container:before, .container:after {content:""; background:url('../images/bgd_shadows.png') no-repeat; width:12px; height:100%; position: absolute; top:0;}
	.container:before {background-position:left top; left:-12px;}
	.container:after {background-position:-22px 0; right:-12px;}

		.breadcrumb {background:#a3c309; color: #FFF; font-size:14px; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; padding:0 10px; margin:0 0 35px; overflow: hidden;}
			.breadcrumb a {color: #FFF;}
			.breadcrumb a:last-child {font-family: "pt-sans-n4","pt-sans","Arial","Helvetica",sans-serif; font-weight: 400;}
			.breadcrumb .btn-back {margin-right:-10px;}



/* Barre de réassurance */
.widget-bar {padding:6px;}
	.widget {padding:0 0 10px; color: #6b7172;}
		.widget-ttl {padding:1px 5px; margin:0 0 10px; background: #108eb7; font-size:14px; color: #FFF; text-transform: uppercase; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700;}
			.widget-ttl > .i:before {float:left; margin-right:8px;}
			.iwidpayment.i:before {background-position:-99px 0; width: 14px; height: 18px; margin-left:3px;}
			.iwiddelivery.i:before {background-position:-158px 0; width: 38px; height: 20px;}
			.iwiddeliverycost.i:before {background-position:-57px -43px; width: 27px; height: 28px;}
			.iwidnl.i:before {background-position:-213px 0; width: 30px; height: 25px; margin-top:-4px; margin-left:-6px;}
	
	/* Encart service + commande */
	.widget-service-ttl {font-size:17px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; text-align: center; margin:0 0 3px;}
	.widget-service-phone {position: relative; color: #FFF; border:1px solid #7a9400; background: #89a501; padding:0 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.block-service {border-top:1px solid #D3D9DB; margin:5px 0 0;}

	/* Encart paiement */
	.widget-payment p {font-size:17px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400;}
	.logos-payment > div {padding:0 10px;}
	.logos-payment img {margin:0 0 5px;}

	/* Encart FdP */
	.widget-delivery-cost p {font-size:16px;}
	.widget-delivery-cost .bigger {font-size:20px; text-transform: uppercase;}
	.widget-delivery-cost .i:before {float: left; margin:0 5px 0 15px;}
	
	/* Encart brochures */
	.widget select {max-width:180px;}

	/* Encart newsletter */
	.form-subscribe {border: 1px solid #c9c9c9; padding:1px; position: relative;}
		.form-subscribe [type="text"] {width:100%; padding-right:80px;}
		.form-subscribe .btn-flyout {width:75px; position: absolute; right:1px; top:1px;}

	/* Sliders */
	.small-slideshow {position: relative; border: 1px solid #d3d9db; margin:0 0 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
		.small-slideshow-ttl {font-size:16px; text-transform: uppercase; padding:8px;}
		.slider-container {width: 100%; height: 110px; overflow: hidden;}	
			.slider-container .slider {width:216px; height: 110px; text-align: center;}	
		.small-slideshow .slideshow-prev {left:4px; top:50%; z-index:5;}	
		.small-slideshow .slideshow-next {right:4px; top:50%; z-index:5;}	

/* Footer */
.footer {background:#979fa0; color: #ffffff; padding:10px 0;}
	.footer a, .signature {color: #e1e3e3;}
	.footer a:hover {color:#fff;}

	.footer-nav {padding-bottom:10px;}
		.footer-ttl {font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; text-transform: uppercase; margin:0 0 5px;}
		.footer-list {margin:0 0 10px;}
		.network-nav .ico {text-indent:-9999em;}

		.footer-pane {padding:20px; background:#a2a9aa;}
			.footer-pane-heading {margin:0 0 15px;}
			.footer-pane .num-phone {font-size:27px; padding-right:15px;}

	.signature {background:#6b7172; padding:0 0 2px;}


/* Accueil
============*/
.home-ttl {text-align:center;}

#default-index-index .main {background:none;}
	#default-index-index .container {padding:0;}
	#default-index-index .container:before, #default-index-index .container:after {display: none;}

.slideshow-shadow {background:url('../images/bgd_slideshow.png') no-repeat center bottom; padding:0 0 29px; margin-bottom:-9px; position: relative;}
.slideshow-shadow:before, .slideshow-shadow:after {content:""; background:url('../images/bgd_shadows.png') no-repeat; width:12px; height:100%; position: absolute; top:0;}
.slideshow-shadow:before {background-position:-44px 0; left:-12px;}
.slideshow-shadow:after {background-position:-66px 0; right:-12px;}

	.slideshow {background:#FFF; padding:7px 15px 0; border-bottom:3px solid #a3c309; position: relative;}
		.slides-container {width:950px; height:306px;  margin:0 0 15px; overflow: hidden;}
			.slides-container .slide {width:950px; height:306px; position: relative;}
				.slide-content {position: absolute; top:6px; right:45px; padding:12px 20px 5px; width:300px; height:300px; border: 3px solid #45a3c3; background-color: #0f8db7; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.33); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.33); box-shadow: 0 1px 2px rgba(0,0,0,.33); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
				.slide-content:after {content:""; display: block; position: absolute; right:-48px; top:-10px; background:url('../images/bgd_icons.png') no-repeat -99px -28px; width: 45px; height: 70px;}
					.slide-content .ttl-category {margin:0 -23px 20px 0;}
					.slide-product {color: #FFF; font-size:13px; max-height:185px; overflow-y:auto;}
						.slide-product h2 {font-size:22px; margin:0 0 10px;}
					.buttons-slide {position: absolute; bottom:10px; left:0; width: 100%;}
						.btn-slide-price {position: relative; padding:3px 15px 2px; background:#47a8c8; font-size:26px; color: #FFF; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
						.btn-slide-more {position: relative; padding:8px 15px; margin-left:5px; background: #ffffff; color: #89a502; text-transform: uppercase; font-size:18px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
						.btn-slide-more.i:before {background-position:-28px -29px; width: 20px; height: 14px; margin:0 10px 0 -10px;}

		.slideshow-prev {position:absolute; left:5px;}
		.slideshow-next {position:absolute; right:5px;}

		.slideshow-pagination {text-align: center; display: table; width: 98%; margin:0 auto;}
			.slideshow-pagination > li {display: table-cell; text-align: center;}
				.slideshow-pagination > li > a {color: #6b7172; font-size:13px; display: block; margin:0 1px; padding:10px 0 8px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; position: relative;}
				.slideshow-pagination a:before {content:""; height:5px; width:100%; display: block; position: absolute; top:0; left:0; background-color: #979f9f; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.4); box-shadow: inset 0 0 5px rgba(0,0,0,.4);
					background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDg1OCA1IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2YjcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NzlmOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijg1OCIgaGVpZ2h0PSI1IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
					background-image: -moz-linear-gradient(bottom, #6b7171 0%, #979f9f 100%);
					background-image: -o-linear-gradient(bottom, #6b7171 0%, #979f9f 100%);
					background-image: -webkit-linear-gradient(bottom, #6b7171 0%, #979f9f 100%);
					background-image: linear-gradient(bottom, #6b7171 0%, #979f9f 100%);}
				.slideshow-pagination .current a, .slideshow-pagination a:hover {color:#89a502;}	
				.slideshow-pagination .current a:before, .slideshow-pagination a:hover:before {background-color:#92ae08; background-image:none; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.4); box-shadow: inset 0 0 5px rgba(0,0,0,.4);}


.list-highlight-ttl {background: #89a502; padding:0 15px 0 90px; margin:0 0 10px; position: relative; color: #FFF; font-size:17px; text-transform: uppercase; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700;}
	.list-highlight-ttl a {color: #FFF;}
	.list-highlight-ttl .link-ttl {text-transform: none; font-size:16px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400;}

	/* Promotions */
	.ttl-promo.i:before {background-position:-157px -29px; width: 83px; height: 41px; position: absolute; left:15px; top:-10px;}

	/* Nouveautés */
	.ttl-new.i:before {background-position:-157px -77px; width: 83px; height: 41px; position: absolute; left:15px; top:-10px;}

/* Contact
===========*/
.contact-img {position: relative; margin:6px;  overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 6px #8f8f8f; -webkit-box-shadow: 0 0 6px #8f8f8f; box-shadow: 0 0 6px #8f8f8f;}
	.contact-phone {color: #FFF; font-size:16px; text-transform: uppercase; padding:6px; position: relative; background: #55aecc;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YWVjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iIzU1YWVjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjhkYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background-image: -moz-linear-gradient(bottom, #0f8db7 0%, #55aecc 59.06%, #55aecc 100%);
		background-image: -o-linear-gradient(bottom, #0f8db7 0%, #55aecc 59.06%, #55aecc 100%);
		background-image: -webkit-linear-gradient(bottom, #0f8db7 0%, #55aecc 59.06%, #55aecc 100%);
		background-image: linear-gradient(bottom, #0f8db7 0%, #55aecc 59.06%, #55aecc 100%);}
		.ie .contact-phone {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55aecc', endColorstr='#0f8db7',GradientType=0 );}
		.contact-phone .bigger {font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; font-size:20px; line-height:1;}
	.contact-phone.i:before {background-position:-69px -133px; width: 46px; height: 46px; position: absolute; top:-35px; left:50%; margin-left:-23px;}

.form-contact {border-bottom:2px solid #a7d5e4;}
	.ttl-form {color: #FFF; font-size: 17px; background: #108eb7; padding:0 10px 1px; margin:6px 0;}
		.ttl-form .bigger {text-transform: uppercase;}
	.reco {color: #108eb7; text-transform: uppercase;}
	.notice {color: #6b7172;}

/* Pages de contenu 
====================*/
.static {font-size:16px;}
	.static .intro {background: #97a940; padding:15px; font-size:17px; color: #FFF; font-style:italic; margin:0 0 15px;}
		.static .intro p {margin:0;}
	.static a {color: #108EB7; text-decoration: underline;}
	.static h2 {text-transform: uppercase; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; margin:0 0 10px;}
	.static h3 {font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; margin:0 0 5px;}
	.static p {margin:0 0 15px;}
	.static ul, .static ol {margin:0 0 15px 30px;}
		.static li {list-style:outside disc;}
		.static ol {padding:0 0 0 40px;}
			.static ol li {list-style:outside decimal;}

	.static .logo-text .img {width: 100px; text-align: center;}
		.static .logo-text img {max-width:100%;}

/* Espace utilisateur
======================*/
.nav-account .btn {margin-top:5px; width: 100%; text-align: center;}

/* Gestion des adresses */
.table-address td {vertical-align:top;}

/* Gestion des commandes */
.table-orders {font-size:13px;}
	.layout-table th {padding:3px 5px;}
	.layout-table td {padding:5px; vertical-align:top;}

.iorder.i:before {background-position:-129px -142px; width: 11px; height: 16px;}
.iinvoice.i:before {background-position:-143px -142px; width: 11px; height: 16px;}
.itrack.i:before {background-position:-189px -141px; width: 16px; height: 16px;}
.ipay.i:before {background-position:-156px -142px; width: 14px; height: 15px;}
.icoupon.i:before {background-position:-172px -141px; width: 14px; height: 16px;}

/* Catalogue
=============*/
/* Catégories */
/* Adaptation de la grille pour pages internes */
.grid-3-4.grid-catalog {width:732px; margin-left:12px; padding-left:15px;}

/* Titre de liste */
.list-ttl, .main-ttl {font-size:22px; color: #108eb7; margin:0 0 10px;}
.main-ttl {margin-bottom:10px!important;}

	.category-item {border: 3px solid #efefef; padding:5px;}
		.category-item > a {color: #525657;}
			.category-item-ttl {font-size:18px; margin:0 0 10px;}
			.category-item-img {display: table-cell; vertical-align:middle; height:233px;}
	.category-item:hover {border-color:#979f9f;}
		.category-item:hover .btn-light {background:#6b7172; color: #FFF;}

/* Liste produits & Mises en avant */
.list-products {background:url('../images/bgd_list_product.png') repeat-x left 306px; margin:0 0 20px;}
	.product-item {padding:5px; display:block; color: #525657; position: relative;}
		.product-item-ttl {margin: 0 0 10px; width: 100%;}
			.product-item-ttl .context {padding-left:8px;}
			.product-item-ttl .ipromo {font-size:16px; line-height:60px; color: #89a502; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; text-align: center;}
			.product-item-ttl .inew {font-size:12px; vertical-align:middle; text-transform: uppercase; color: #108eb7; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; text-align: center;}

			.product-item-ttl h2, .product-item-ttl h3 {vertical-align: middle; font-size:15px; height:60px;}
		
		.product-item-img {display: table; width: 100%;}
			.product-item-cell {display: table-cell; vertical-align:middle; height:233px; width: 100%; text-align: center;}
		.product-item-price {padding:8px; font-size:20px; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700;}
			.product-item-price .old-price {float: left; font-size:15px; line-height:27px; text-decoration: line-through; font-family: "pt-sans-n4","pt-sans","Arial","Helvetica",sans-serif; font-weight: 400;}
		.buttons-product-item li:first-child {margin-right:5px;}

	.product-item:hover {background: #FFF; -moz-box-shadow: 0 0 6px #898989; -webkit-box-shadow: 0 0 6px #898989; box-shadow: 0 0 6px #898989;}

/* Fiche produit */
/* Obligé de créer un nouveau système de grille */
.grids-product {margin-bottom:20px;}
	.grids-product .grid-4 {width:229px;}
	.grids-product .grid-6 {width:350px;}

	.product-img {width: 330px; padding-left:15px; min-height:1px;}
		.main-img {text-align: center; margin:0 0 25px;}
		.thumbnail-nav li {border:1px solid #eaeaea; margin-right:3px; cursor:pointer;}
		.thumbnail-nav li:hover, .thumbnail-nav .active {border-color:#9ea5a6;}

	.grids-product .ttl-category, .short-description, .tab h2, .tab p {margin:0 0 10px;}

	.grids-product .ttl-category {padding:0;}
	.short-description {color: #6b7172;}
	.brand-nav {margin:0 0 20px;}
		.brand-nav a {color: #89a502; font-size:15px; background:url('../images/ico_brand_nav.png') no-repeat left 8px; padding-left:13px;}
		.brand-nav a:hover {text-decoration: underline;}

	/* Onglets */
	.ui-tabs-hide {display:none;}
	.tab-nav {margin:0 0 15px;}
		.tab-nav a {padding:0 8px;}
		.ui-tabs-active a {background: #6b7172; color: #ffffff; position: relative;}
		.ui-tabs-active a:before {content:""; width:0; height:0; border:5px solid; border-color:#6b7172 transparent transparent transparent; position: absolute; bottom:-10px; left:50%; margin-left:-5px;}
	.tab h2 {color: #108eb7; font-size:18px;}
	.tab h3 {color: #108eb7; font-size:18px;}
	.tab a {color: #89A502; text-decoration: underline;}
	.description-options {margin:0 0 15px;}
		.description-options p {margin:0 0 5px;}
		.description-options .label {text-transform: uppercase; margin:0 0 5px; background:url('../images/ico_label.png') no-repeat left 8px; padding:0 0 0 9px;}

	/* Ajout au panier */
	.product-add {border:1px solid #89a502; position: relative; margin:0 0 15px;}
	.product-add:after {content:""; display: block; background:url('../images/bgd_product_add.png') no-repeat left top; width: 229px; height: 6px; position: absolute; bottom:-8px; left:0;}
		.product-price {background: #a3c309; padding:8px; color: #FFF;}
			.product-price .price {font-size: 25px; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700;}
			.product-price .old-price, .product-price .small {font-size:17px;}
			.product-price .old-price {text-decoration: line-through;}
			.fidelity {position: relative; background: #FFFFFF; padding:5px; width: 100px; text-align: right; color: #525657; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
				.fidelity .ttl {color: #108eb7; font-size:12px; text-transform: uppercase; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700;}
		
		.product-refs {padding:10px; text-transform: uppercase; color: #525657;}
			.product-refs p {background:url('../images/ico_product_ref.png') no-repeat left 9px; padding-left:9px; margin:0 0 10px;}
			.form-add [type="text"] {width:50px; padding:0 10px; text-align: center;}
			.form-add .btn-add {width: 100%; padding:8px 15px;}
				.form-add .iadd {float: left; margin:-3px 8px -3px 0;}

		/* Popin ajout */
		.box-add-cart {padding:15px 0 20px;}

				
	.product-reinsurance {padding-left:10px; border-left:1px solid #cbcfcf;}
		/* Partage */
		.social {color: #6b7172; font-size:16px; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400; margin:0 0 10px;}	
			.social a {color: #6b7172; display: block; margin:0 0 5px;}	
			.social .i:before {width: 19px; height: 19px; float: left; margin-right:10px;}	
			.share-fb.i:before {background-position:-411px 0; }		
			.share-twitter.i:before {background-position:-411px -21px;}
			.share-mail.i:before {background-position:-411px -42px;}

/* Recherche
=============*/
.form-search-site {border-bottom:2px solid #a7d5e4; margin:0 0 15px;}
	.box-search li a {color: #108EB7; text-decoration: underline;}

/* Processus de commande
=========================*/
.timeline {text-align: center; display: table; width: 60%; margin:-20px auto 30px;}
	.timeline > li {display: table-cell; text-align: center;}
		.timeline > li > a, .timeline > li > span {color: #979fa0; font-size:15px; display: block; margin:0 1px; padding:10px 0 8px; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; text-transform: uppercase; position: relative;}
		.timeline a:after, .timeline span:after {content:""; height:5px; width:100%; display: block; position: absolute; bottom:0; left:0; background-color: #979f9f; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.4); box-shadow: inset 0 0 5px rgba(0,0,0,.4);
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDg1OCA1IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2YjcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NzlmOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijg1OCIgaGVpZ2h0PSI1IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
			background-image: -moz-linear-gradient(bottom, #6b7171 0%, #979f9f 100%);
			background-image: -o-linear-gradient(bottom, #6b7171 0%, #979f9f 100%);
			background-image: -webkit-linear-gradient(bottom, #6b7171 0%, #979f9f 100%);
			background-image: linear-gradient(bottom, #6b7171 0%, #979f9f 100%);}
		.timeline .past a, .timeline .past span {color:#89a502;}	
		.timeline .past a:after, .timeline .past span:after {background-color:#92ae08; background-image:none; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.4); box-shadow: inset 0 0 5px rgba(0,0,0,.4);}

		.timeline .current {position: relative;}
			.timeline li:before {content: ""; width:0; height:0; display:inline-block; width: 27px; height: 20px;}
			.timeline .current:before {background:url('../images/bgd_icons.png') no-repeat -113px -105px;}

	/* Panier */
	.cart-table .idelete {text-indent:-9999em;}
	.cart-table .table-price {font-size: 17px;}
	.table-footer {border-top:1px solid #ccdd72; margin-top:2px; padding-top:15px;}
		.table-total {border:none; margin:0 0 10px; font-size:17px;}
			.table-total td {text-align: right; padding:5px 15px;}
			.table-total .total td {background: #a3c309; font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700;}
		.table-footer .ivalid {margin-right:0;}


	/* Codes promo & points fidélité */
	.box-promo, .trigger-fidelity {width:405px; margin:0 0 5px; font-size:18px; color: #525657; font-family: "pt-sans-narrow-n4","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 400;}
			.box-promo .head .bigger {font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; text-transform: uppercase; line-height:1; display: block;}
			.form-promo [type="text"] {width: 290px; margin-right:5px;}
			.form-promo select {width: 290px; margin-right:5px;}

		.trigger-fidelity {background: #f1f1f1; padding:5px 12px 7px;}	
			.trigger-fidelity .bigger {font-family: "pt-sans-narrow-n7","pt-sans-narrow","Arial Narrow","Arial","Helvetica",sans-serif; font-weight: 700; text-transform: uppercase; line-height:1;}		
			.trigger-fidelity a {color: #525657; text-decoration: underline;}


	/* Coordonnées */
	.box-address {margin:0 0 15px;}
	.box-address .grids {margin:0 0 0 -15px;}
		.addresses [class^="grid-"] {background:none; margin: 0 0 15px;}

	/* Récapitulatif */
	.iso {margin-bottom:15px!important;}
	
	/* Livraison & Paiement */
	.box .multiple-choice {padding:0; margin:0;}
		.box .multiple-choice li {padding:0; background:none; font-size:16px;}
			.multiple-choice .price {font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; color: #108EB7;}
	
		.multiple-choice .notice {font-style: italic; font-size:12px;}

	/* Affichage des points relais */
	.box-relay {margin:15px 0 0;}
	.wrap-list-relay {max-height:300px; overflow-x:auto; margin-left:-15px;}
		.box .list-relay {padding:0 15px;}
			.box .list-relay > li {background:none; font-size:12px;}
				
				.list-relay .relay {padding:15px 15px 10px; border:2px solid transparent;}
				.list-relay .relay:hover {border:2px solid #F1F1F1;}

					.list-relay p {margin:0 0 5px;}
					.list-relay .img {margin-right:5px;}
					.list-relay .name {font-weight: bold; display: block;}
					.list-relay .price {font-family: "pt-sans-n7","pt-sans","Arial","Helvetica",sans-serif; font-weight: 700; font-size:16px; color: #108EB7; margin:0 0 5px;}
				
					.list-relay .delivery {display: none;}
					
					.schedule h4 {font-weight: bold; font-size:13px;}
					.schedule ul {padding:0; margin:0;}
						.schedule li {padding:0; margin:0; background:none;}
	
		.box .relay-home {margin-bottom:15px!important;}

	.box-recap p {margin:0;}

	.valid-conditions {background: #f1f1f1; padding:5px 12px 7px;}		
		.valid-conditions a {color: #525657; text-decoration: underline;}