/* =============================================================================
   Mentions
   ========================================================================== */

/*
	@author Julien (I can do it)
	@date Dec 2011
*/


/* =============================================================================
   Colors
   ========================================================================== */

/*
	Gris       (texte)    :#55565b
	Rose       ()         :#d91c5c
	Violet     ()         :#4d1f41
	Orange     ()         :#f25a28
*/


/* =============================================================================
   Background
   ========================================================================== */

body {
	background:#fff url("../img/layout/bkg.gif") repeat-x;
}


/* =============================================================================
   Typography
   ========================================================================== */


/*
 * Font-face generated
 */

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

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

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

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

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

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

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


/*
 * 1. Use px units for <S5, <FF3.6, <IE9, <O11.10
 * 2. Use rem units for other
 *    http://www.pompage.net/traduction/dimensionner-ses-fontes-avec-rem
 */

body,
p {
	font-family:abarasanslight,arial,sans-serif;
	font-size:13px; /* 1 */
	font-size:1.3rem; /* 2 */
	color:#000;
}

/*blockquote {
	font-size:13px;
	font-size:1.3rem;
}

blockquote > p { */ /* Patch f* editor */ /*
	font-size:13px;
	font-size:1.3rem;
}*/


/* =============================================================================
   Links
   ========================================================================== */

a:link,
a:visited,
a:active {
    color:#4d1f41;
	text-decoration:none;
}
a:hover,
a:focus{
	color:#d91c5c;
}

a.hover{
	color:#d91c5c !important;
}

a.current-menu{
	color:#d91c5c;
}
/*
 * Buttons
 */

a.b-return:link,
a.b-return:visited {
	display:block;
	padding:10px 0 0 38px;
	width:114px; /* -38px (padding) */
	height:21px; /* -10px (padding) */

	font-family:abarasansregularbold,arial,sans-serif;
	font-size:11px;
	font-size:1.1rem;
	color:#fff;

	background:url("../img/layout/b-return.gif") no-repeat;
}
a.b-return:hover,
a.b-return:focus,
a.b-return:active {
	color:#4d1f41;

	background:url("../img/layout/b-return.gif") no-repeat 0 -31px;
}

a.b-arrow-left,
a.b-arrow-right {
	font-family:abarasansregularbold,arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	color:#d91c5c;
}
	a.b-arrow-left {
		padding:0 0 0 15px;

		background:url("../img/layout/arrow-pink-left.png") no-repeat 0 1px;
	}
	a.b-arrow-right {
		padding:0 15px 0 0;

		background:url("../img/layout/arrow-pink.png") no-repeat right 2px;
	}
a.b-arrow-left:hover,
a.b-arrow-left:focus,
a.b-arrow-left:active {
	color:#f25a28;
	background:url("../img/layout/arrow-orange-left.png") no-repeat 0 1px;
}
a.b-arrow-right:hover,
a.b-arrow-right:focus,
a.b-arrow-right:active {
	color:#f25a28;
	background:url("../img/layout/arrow-orange.png") no-repeat right 1px;
}

a.b-purple:link,
a.b-purple:visited {
	display:block;
	width:142px;
	height:26px;
	line-height:26px;
	text-align:center;

	font-family:abarasansregularbold,arial,sans-serif;
	font-size:11px;
	font-size:1.1rem;
	color:#fff;

	background-image:none;
	background-color:#4d1f41;
}
a.b-purple:hover,
a.b-purple:focus,
a.b-purple:active {
	color:#fff;

	background-image:none;
	background-color:#d91c5c;
}


/* =============================================================================
   Forms
   ========================================================================== */

button,
input,
select,
textarea {
    font-family:abarasansregular,arial,sans-serif;
	font-size:13px;
	font-size:1.6rem;
}


/*
 * Default fieldset's borders.
 */

fieldset {
    margin:0;
    padding:0;
    border:0;
}


/*
 * Default form styles.
 */

form > p + p {
	margin:10px 0 0;
}

	label {
		display:inline-block;

		font-family:abarasansregular,arial,sans-serif;
		font-size:18px;
		font-size:1.8rem;
	}

		label > span {
			color:#d91c5c;
		}
		.mandatory{
			color:#d91c5c;
			font-size:10px;
			padding-top:30px;
			font-style:italic;
		}
	#wrapper input[type="text"],
	#wrapper input[type="password"],
	#wrapper textarea {
		background-image: linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, rgb(255,255,255)), color-stop(0.78, rgb(245,245,245)));

		border:1px solid #c6bdc3;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;

		-webkit-box-shadow: 0px 0px 1px 1px #e3dee1;
		-moz-box-shadow: 0px 0px 1px 0px #e3dee1;
		box-shadow: 0px 0px 1px 0px #e3dee1;
	}
	#wrapper input[type="text"],
	#wrapper input[type="password"] {
		height:24px;
	}

	#wrapper input[type="submit"] {
		float:right;
		padding:0 15px 0 0;

		font-family:abarasansregularbold,arial,sans-serif;
		font-size:14px;
		font-size:1.4rem;
		color:#d91c5c;

		background:transparent url("../img/layout/arrow-pink.png") no-repeat right 2px;
		border:0;
	} .ie7 #wrapper input[type="submit"] { background-position:right 4px; }
	#wrapper input[type="submit"]:hover,
	#wrapper input[type="submit"]:focus {
		color:#f25a28;
		background:transparent url("../img/layout/arrow-orange.png") no-repeat right 1px;
	} .ie7 #wrapper input[type="submit"]:hover { background-position:right 3px; }
	  .ie7 #wrapper input[type="submit"]:focus { background-position:right 3px; }


/*
 * Default outline on element's focus.
 */

input:focus,
select:focus,
textarea:focus {
}


/* =============================================================================
   Defautl box
   ========================================================================== */

.cmd-default_box {
	border:1px solid #d8d4d5;
	background-color:#fff;
}

	.cmd-default_box > h2 {
		padding:7px 10px;

		font-family:abarasansmedium,arial,sans-serif;
		font-size:14px;
		font-size:1.4rem;
		font-weight:normal;
		color:#4d1f41;

		background-color:#ecebe7;
	}

	.cmd-default_box > form,
	.cmd-default_box > div {
		padding:10px;
	}


/* =============================================================================
   Breadcrumb
   ========================================================================== */

#breadcrumb {
	margin:0 0 19px;

	font-size:12px;
	font-size:1.2rem;
	line-height:12px;
}

	#breadcrumb li {
		display:inline;
	}
	#breadcrumb > li + li:before {
		content:" > "; /* Génère le séparateur */
		color:#d91c5c;
	}

		#breadcrumb a:link,
		#breadcrumb a:visited {
			color:#4d1f41;
		}
		#breadcrumb a:hover,
		#breadcrumb a:focus,
		#breadcrumb a:visited {
			text-decoration:underline;
		}


/* =============================================================================
   Success/warning/error
   ========================================================================== */

p.success {
	padding:13px;

	color:#28bc2b;

	background-color:#a7f1a9;
	border:1px solid #28bc2b;
}

input.error {
	border:1px solid #fd5353 !important;
	background:none !important;
}

p.error {
	padding:13px;
	color:#de0808;
	border:1px solid #fd5353;
	background-color:#fddada;
}

div.error {
	padding:13px;
	border:1px solid #fd5353;
	color:#de0808;
	margin-bottom:20px;
	background-color:#fddada;
}
div.success {
	padding:13px;
	background-color: #DEF7DF;
	border: 1px solid #28bc2b;
	color: #28bc2b;
	margin-bottom:20px;
}
em.ok {
	font-weight:bold;
	font-style:normal;
	color:#28bc2b;
}


em.warning {
	font-weight:bold;
	font-style:normal;
	color:#de0808;
}


/* =============================================================================
   Textes administrables
   ========================================================================== */

/*
 * Style par défaut des éléments d'un texte administrable par le client (description courte et description longue)
 */

.editable h3,
.editable h4,
.editable h5,
.editable h6 {
	margin:18px 0 5px;
}

.editable p,
.editable blockquote {
	margin-top:15px;
	font-family:abarasanslight,arial,sans-serif;
}

	.editable > p + p {
	}

	.editable blockquote {
		padding:18px;
	}

.editable img {
}

.editable ul,
.editable ol {
    margin:1em 0;
    padding:0 0 0 40px;
	list-style-type:disc;
}

.editable hr {
	margin:18px 0;
	height:1px;
	border-top:1px dotted #55565b;
}

.editable dd {
    margin:0 0 0 40px;
}


/* =============================================================================
   =STRUCTURE
   ========================================================================== */

body > header,
body > nav,
body > #wrapper,
body > footer > div {
	position:relative;
	margin:0 auto;
	width:954px;
}


/*
 * =HEADER
 */

body > header {
	z-index:200;
	padding:32px 0 16px;
}

	#logo {
		display:block;
		/*width:227px;*/
        width:467px;
	}

    #logo  iframe {
        border: 0px!important;
    }

	#h-extra {
		position:absolute;
		top:32px;right:0;
	}

		#h-extra > div {
			float:left;
		}
		#h-extra > div + div {
			margin-left:10px;
		}

			#h-extra-account {
				position:relative;
				padding:0 10px;
				color:#deb754;

				background-color:#ecebe8;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
			}

			#h-extra-account > ul > li {
				float:left;
				padding:8px 0;
			}
			#h-extra-account > ul > li + li:before {
				padding:0 5px;
				content:"|";
			}
			.ie7 #h-extra-account > ul > li + li { padding-left:14px; }

				#h-extra-account-login-box {
					display:none;
					z-index:1500;
					position:absolute;
					top:30px;left:0;
					padding:15px 11px 11px;
					width:318px; /* -22 (padding) */

					background-color:#fff;
					border:1px solid #ecebe8;

					-webkit-box-shadow: 0px 0px 1px 1px #e3dee1;
					-moz-box-shadow: 0px 0px 1px 0px #e3dee1;
					box-shadow: 0px 0px 1px 0px #e3dee1;
				} .ie7 #h-extra-account-login-box { left:-131px; }

					#h-extra-account-login-box > span {
						font-size:24px;
						font-size:2.4rem;
						color:#4d1f41;
					}

						#h-extra-account-login-box > form {
							margin:5px 0 0;
						}

						#h-extra-account-login-box > form span {
							display:block;
							margin:5px 0 0;
							text-align:right;

							color:#4d1f41;
						}

						#h-extra-account-login-box > form span > a:link,
						#h-extra-account-login-box > form span > a:visited {
							font-weight:bold;
							color:#d91c5c;
						}
						#h-extra-account-login-box > form span > a:hover,
						#h-extra-account-login-box > form span > a:focus,
						#h-extra-account-login-box > form span > a:active {
							color:#4d1f41;
						}

						#h-extra-account-login-box label {
							display:inline-block;
							padding:0 10px 0 0;
							width:100px;
							text-align:right;

							font-size:15px;
							font-size:1.5rem;
							color:#4d1f41;
						}

						#h-extra-account-login-box input[type="text"],
						#h-extra-account-login-box input[type="password"] {
							width:200px;
							height:24px;

							background-image: linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
							background-image: -o-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
							background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
							background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
							background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
							background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, rgb(255,255,255)), color-stop(0.78, rgb(245,245,245)));

							border:1px solid #c6bdc3;
							-webkit-border-radius:3px;
							-moz-border-radius:3px;
							border-radius:3px;

							-webkit-box-shadow: 0px 0px 1px 1px #e3dee1;
							-moz-box-shadow: 0px 0px 1px 0px #e3dee1;
							box-shadow: 0px 0px 1px 0px #e3dee1;
						}

						#h-extra-account-login-box input[type="submit"] {
							float:right;
							padding:6px 8px;

							font-size:16px;
							font-size:1.6rem;
							color:#fff;

							background-color:#d91c5c;
							border:0;
						}
						#h-extra-account-login-box input[type="submit"]:hover,
						#h-extra-account-login-box input[type="submit"]:focus {
							background-color:#4d1f41;
						}

			#h-extra-search {
				float:right;
				margin:7px 0 0;
				width:212px;

				background:url("../img/layout/all-sprite.png") no-repeat 0 -18px;
			}

				#h-extra-search input[type="text"] {
					padding:0 33px 0 15px;
					width:137px !important; /* -48px (padding) */
					height:36px;
					font-family:abarasansregularitalic,arial,sans-serif;
					color:#a4a090;

					background:none;
					border:0;
				} .ie7 #h-extra-search input[type="text"] { padding-top:9px;height:25px; }
				  .ie8 #h-extra-search input[type="text"] { padding-top:8px;height:28px; }

				#h-extra-search input[type="submit"] {
					margin:0;
					width:18px;
					height:18px;

					background:url("../img/layout/all-sprite.png") no-repeat;
					border:0;

					/* hide text */
					text-indent:-300px;
					overflow:hidden;
					text-transform:uppercase; /* ie7 hack */
				}

			#h-extra-basket {
				position:relative;
				width:217px;
				cursor:pointer;
			}

				#h-extra-basket-title {
					padding:6px 11px;
					width:167px; /* -22 (padding) */
					height:19px; /* -12 (padding) */

					font-size:18px;
					font-size:1.8rem;
					color:#4d1f41;

					background-color:#ecebe8;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px;
				}

				#h-extra-basket-nb_items {
					z-index:150;
					position:absolute;
					top:-16px;right:-38px;
					width:76px;
					height:86px;

					font-family:abarasansregularbold,arial,sans-serif;
					color:#fff;

					background:url("../img/layout/all-sprite.png") no-repeat -212px 0;
				}

					#h-extra-basket-nb_items > span {
						position:absolute;
						top:12px;left:50px;
						width:20px;
						text-align:center;
					}

				#h-extra-basket-total {
					padding:18px 11px 0 11px;

					font-size:14px;
					font-size:1.4rem;
					color:#4d1f41;
				}

					#h-extra-basket-total > span {
						font-family:abarasansregularbold,arial,sans-serif;
					}

				#h-extra-basket-list {
					display:none;
					z-index:500;
					position:absolute;
					top:29px;left:0;
					padding:6px 11px 11px;
					width:207px; /* -22 (padding) */

					background-color:#fff;
					border:1px solid #ecebe8;

					-webkit-box-shadow: 0px 0px 1px 1px #e3dee1;
					-moz-box-shadow: 0px 0px 1px 0px #e3dee1;
					box-shadow: 0px 0px 1px 0px #e3dee1;
				}

					#h-extra-basket-list > ul > li {
						position:relative;
						margin:5px 0 0;
						padding:0 0 5px;

						border-bottom:1px solid #ecebe8;
					}

						#h-extra-basket-list > ul > li > img {
							float:left;
							margin:0 0 0 -6px;
						}

						#h-extra-basket-list > ul > li > p {
							width:170px;
						} .ie7 #h-extra-basket-list > ul > li > p { width:163px; }

						#h-extra-basket-list > ul > li > span {
							position:absolute;
							bottom:3px;right:0;

							font-family:abarasansmedium,arial,sans-serif;
							font-size:16px;
							font-size:1.6rem;
							color:#d91c5c;
						}

						#h-extra-basket-list > ul > li a:link,
						#h-extra-basket-list > ul > li a:visited {
							font-family:abarasansmedium,arial,sans-serif;
							color:#000;
						}
						#h-extra-basket-list > ul > li a:hover,
						#h-extra-basket-list > ul > li a:focus,
						#h-extra-basket-list > ul > li a:active {
							color:#d91c5c;
						}

					#h-extra-basket-list > div {
						position:relative;
						margin:10px 0;
					}

						#h-extra-basket-list > div > p {
							color:#4d1f41;
						}

							#h-extra-basket-list > div em {
								font-style:normal;
								color:#d91c5c;
							}

						#h-extra-basket-list > div > span {
							position:absolute;
							top:0;right:0;

							font-family:abarasansmedium,arial,sans-serif;
							font-size:16px;
							font-size:1.6rem;
							color:#d91c5c;
						}

					#h-extra-basket-valid:link,
					#h-extra-basket-valid:visited {
						display:block;
						margin:0 0 0 51px;
						width:156px;
						line-height:30px;
						text-align:center;

						font-family:abarasansmedium,arial,sans-serif;
						font-size:17px;
						font-size:1.7rem;
						color:#fff;

						background-color:#d91c5c;
					}
					#h-extra-basket-valid:hover,
					#h-extra-basket-valid:focus,
					#h-extra-basket-valid:active {
						background-color:#4d1f41;
					}


/*
 * =NAV
 */

nav {
	height:22px;
	width:100%;
	/*background:url("../img/layout/nav-bkg.gif") no-repeat;*/
} .ie7 nav { z-index:1000; }

	nav > ul > li { float:left; }
	nav > ul > li > a { display:block; }

	nav > ul > li {
		/*margin-left:14px;*/
	}
	li.separateur{
		width:2px;
		height:22px;
		background:url(../img/layout/separateur.gif) top center;
		padding:0px;
	}
		nav > ul > li > a:link,
		nav > ul > li > a:visited {
			line-height:22px;
			font-size:16px;
			font-size:1.6rem;
		}
		nav > ul > li > a:hover,
		nav > ul > li > a:focus,
		nav > ul > li > a:active,
		nav > ul > li > a.active {
			color:#d91c5c;
		}

		#nav-bio > a,
		#nav-primeurs > a,
		#nav-offres > a,
		nav #nav-bio > .nav-sub > span,
		nav #nav-primeurs > .nav-sub > span,
		nav #nav-offres > .nav-sub > span {
			font-family:abarasansregularbold,arial,sans-serif;
		}

		#nav-bio .nav-icon-bio,
		#nav-primeurs .nav-icon-primeurs,
		#nav-offres .nav-icon-offres {
			position:relative;
			top:2px;
			margin:0 5px 0 0;
			padding:15px 15px 0 0;

			font-size:0;

			background:url("../img/layout/all-sprite.png") no-repeat;
		} .ie7 #nav-bio .nav-icon-bio,
		  .ie7 #nav-primeurs .nav-icon-primeurs,
		  .ie7 #nav-offres .nav-icon-offres,
		  .ie8 #nav-bio .nav-icon-bio,
		  .ie8 #nav-primeurs .nav-icon-primeurs,
		  .ie8 #nav-offres .nav-icon-offres { padding-top:12px; }
		#nav-bio .nav-icon-bio {
			background-position:0 -54px;
		}
		#nav-primeurs .nav-icon-primeurs {
			background-position:-15px -54px;
		}
		#nav-offres .nav-icon-offres {
			background-position:-30px -54px;
		}

		nav > ul > li {
			/*position:relative;*/
			 padding: 0px 6px 8px;
		}
			nav .nav-sub {
				z-index:500;
				display:none;
				position:absolute;
				top:35px;
				padding:12px 7px;
				width:938px !important;

				background-color:#F9F9F9;
				border:1px solid #ecebe8;

				-webkit-box-shadow: 0px 0px 1px 1px #e3dee1;
				-moz-box-shadow: 0px 0px 1px 0px #e3dee1;
				box-shadow: 0px 0px 1px 0px #e3dee1;
			}

			/*#nav-rouge{
				padding-left:9px;
			}*/
			/*nav #nav-rouge > .nav-sub {
				left:-14px;
			}
			nav #nav-blanc > .nav-sub {
				left:-82px;
			}
			nav #nav-rose > .nav-sub {
				left:-146px;
			}
			nav #nav-effervescent > .nav-sub {
				left:-199px;
			}
			nav #nav-grandcru > .nav-sub {
				left:-324px;
			}
			nav #nav-alcools > .nav-sub {
				left:-428px;
			}
			nav #nav-accessoires > .nav-sub {
				left:-513px;
			}
			nav #nav-bio > .nav-sub {
				left:-627px;
			}
			nav #nav-primeurs > .nav-sub {
				left:-689px;
			}
			nav #nav-offres > .nav-sub {
				left:-803px;
			}*/

		.nav-sub {
				left:0px;
				top:0px;
			}

		#nav-rouge:hover,
		#nav-blanc:hover,
		#nav-effervescent:hover,
		#nav-grandcru:hover,
		#nav-alcools:hover,
		#nav-accessoires:hover,
		#nav-bio:hover,
		#nav-primeurs:hover
		{
			z-index:20;
			background-color:#fff;
			border-top:1px solid #ecebe8;
			border-left:1px solid #ecebe8;
			border-right:1px solid #ecebe8;
			padding: 5px 5px 12px;
			margin-top:-6px;
		}
		#nav-bio:hover,
		#nav-primeurs:hover		{
			padding: 5px 5px 9px;
		}

		.no-bk,
		#nav-rouge:hover + li,
		#nav-blanc:hover + li,
		#nav-effervescent:hover + li,
		#nav-grandcru:hover + li,
		#nav-alcools:hover + li,
		#nav-accessoires:hover + li,
		#nav-bio:hover + li,
		#nav-primeurs:hover + li
		{
			background:none !important;
		}
				nav .nav-sub > span {
					z-index:250;
					position:absolute;
					top:-43px;
					padding:8px 8px 15px;

					font-size:16px;
					font-size:1.6rem;
					color:#d91c5c;

					background-color:#fff;
					border-top:1px solid #ecebe8;
					border-left:1px solid #ecebe8;
					border-right:1px solid #ecebe8;

					cursor:pointer;
				} .ie9 nav .nav-sub > span { padding:8px 9px 15px; }

				nav #nav-rouge > .nav-sub > span {
					left:-1px;
				}
				.ie9 nav #nav-rouge > .nav-sub > span { left:3px; }
				nav #nav-blanc > .nav-sub > span {
					left:67px;
				}
				.ie9 nav #nav-blanc > .nav-sub > span { left:71px; }
				nav #nav-rose > .nav-sub > span {
					left:136px;
				}
				.ie9 nav #nav-rose > .nav-sub > span { left:135px; }
				nav #nav-effervescent > .nav-sub > span {
					left:185px;
				}
				.ie9 nav #nav-effervescent > .nav-sub > span { left:188px; }
				nav #nav-grandcru > .nav-sub > span {
					left:310px;
				}
				.ie9 nav #nav-grandcru > .nav-sub > span { left:313px; }
				nav #nav-alcools > .nav-sub > span {
					left:431px;
				}
				.ie9 nav #nav-alcools > .nav-sub > span { left:417px; }
				nav #nav-accessoires > .nav-sub > span {
					left:517px;
				}
				.ie9 nav #nav-accessoires > .nav-sub > span { left:502px; }
				nav #nav-bio > .nav-sub > span {
					left:630px;
				}
				.ie9 nav #nav-bio > .nav-sub > span { left:616px; }
				nav #nav-primeurs > .nav-sub > span {
					left:692px;
				}
				.ie9 nav #nav-primeurs > .nav-sub > span { left:678px; }
				nav #nav-offres > .nav-sub > span {
					left:793px;
				}
				.ie9 nav #nav-offres > .nav-sub > span { left:792px; }

				nav .nav-sub > div {
					float:left;
				}

				nav .nav-sub > .nav-sub-list {
                    margin: 0px 10px 0;
                    padding: 10px 10px 4px 0px;
                    width: 560px;
                    min-height: 217px;
                    border-right: 2px solid #efdbaa;

				}

nav .nav-sub  .prenav-sub-list  ul > li {
    float: none;
}

                nav .nav-sub > .prenav-sub-list {
                    margin:0 10px 0;
                    padding:10px 10px 0 0;
                    min-height:217px;

                }

                .toggle {
                    display: none!important;
                }

nav .nav-sub > .prenav-sub-list ul > li {
    width: auto;
}

                nav .nav-sub > .prenav-sub-list ~ .nav-sub-list {
                    margin:0 10px 0;
                    padding:10px 10px  0;
                    width:680px;
                    min-height:217px;
                    border-left: 2px solid #efdbaa;
                    border-right: 0;
                    float: right;
                }

                nav .nav-sub > .prenav-sub-list +  .nav-sub-list > ul li {
                        width: 229px;
                }

					nav .nav-sub ul {
						float:left;
						/*width:200px;*/

						text-transform:uppercase;
					}

						nav .nav-sub ul > li {
							margin-bottom:6px;
							width:279px;
							float:left;
						}
						nav .nav-sub ul > li.no_float {
							float:none;
						}

							nav .nav-sub ul a:link,
							nav .nav-sub ul a:visited {
								display:block;
								padding:7px 5px 7px 15px;

								/* font-size:13px;
								font-size:1.3rem; */
								font-size:17px;
								font-size:1.6rem;
								line-height: 24px;

								background:transparent url(../img/layout/tic-round-purple.png) no-repeat 5px 15px;
							}
							nav .nav-sub ul a:hover,
							nav .nav-sub ul a:focus,
							nav .nav-sub ul a:active {
								color:#4d1f41;

								background-color:#ecebe8;
							}


/*
 * =CONTENT
 */

body > #wrapper {
	margin-top:13px;
}

	body > #wrapper > #banner {
		margin:0 0 10px;
	}


/*
 * Products
 */

.product-line {
	margin-bottom:10px; margin-left:10px;
	/* padding:0 0 20px 10px; */ /* padding:0 0 10px 10px; */ padding:0 0 10px 0;
	/*border-bottom:1px #b3afa2 solid;*/
}

	.product {
		position:relative;
		float:left;
		padding:30px 14px 0 14px;
		width:312px; /* -28px (padding) */
		height:207px; /* -30px */
		cursor:pointer;
		background:url("../img/layout/product-ban-default.gif") no-repeat;
	}
	.product.product-promo {
		background:url("../img/layout/product-ban-promotion.gif") no-repeat;
	}
	.product.product-qualite_prix {
		background:url("../img/layout/product-ban-qualiteprix.gif") no-repeat;
	}

	.product + .product {
		margin:0 0 0 25px;
	}

		.product > .product-ban {
			position:absolute;
			top:0;left:0;
		}

		.product > h3,
		.product > p {
			width:180px;
		}

		.product > h3 {
			line-height:20px;
			font-family:abarasansmedium,arial,sans-serif;
			font-size:20px;
			font-size:2rem;
			font-weight:normal;
		}
		.product > h3 > a {
			color:#000;
		}
			.product > h3 > a:hover {
				color:#D91C5C;
			}

		.product > p {
			line-height:16px;
			font-family:abarasanslight,arial,sans-serif;
			font-size:14px;
			font-size:1.4rem;
		}

		.product-icons {
			position:absolute;
			bottom:99px;
		}

		/*#product-icons > p {
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
		}*/

			.product > .product-icons > span {
				display:inline-block;
				margin:1px 0;
				width:26px;
				height:26px;

				background:url("../img/layout/all-sprite.png") no-repeat;

				/* hide text */
				height:0;
				padding-top:26px;
				overflow:hidden;
			}

				.product > .product-icons > .product-icons-favorite {
					background-position:0 -84px;
				}

				.product > .product-icons > .product-icons-top {
					background-position:-26px -84px;
				}

				.product > .product-icons > .product-icons-medal {
					background-position:-131px -84px;
				}

				.product > .product-icons > .product-icons-hachette {
					background-position:-158px -84px;
				}

				.product > .product-icons > .product-icons-medal-text {
					background:none;
				}

				.product > .product-icons > .product-icons-red {
					background-position:-52px -84px;
				}

				.product > .product-icons > .product-icons-new {
					background-position:-78px -84px;
				}

				.product > .product-icons > .product-icons-bio {
					background-position:-104px -84px;
				}

				.product > .product-icons > span {
					display:inline-block;
					margin:1px 0;
					width:26px;
					height:26px;

					background:url("../img/layout/all-sprite.png") no-repeat;

					/* hide text */
					height:0;
					padding-top:26px;
					overflow:hidden;
				}

			#product-details > #product-icons{
				margin-bottom:10px !important;
			}
				#product-icons > .product-icons-favorite {
					background-position:0 -84px;
					padding-top:26px;
				}

				#product-icons > .product-icons-top {
					background-position:-26px -84px;
					padding-top:26px;
				}

				#product-icons > .product-icons-medal {
					background-position:-131px -84px;
					padding-top:26px;
				}

				#product-icons > .product-icons-hachette {
					background-position:-158px -84px;
					padding-top:26px;
				}

				#product-icons > .product-icons-red {
					background-position:-52px -84px;
					padding-top:26px;
				}

				#product-icons > .product-icons-new {
					background-position:-78px -84px;
					padding-top:26px;
				}

				#product-icons > .product-icons-bio {
					background-position:-104px -84px;
					padding-top:26px;
				}
				#product-icons > span {
				display:inline-block;
				margin:1px 0;
				width:26px;
				height:26px;

				background:url("../img/layout/all-sprite.png") no-repeat;

				/* hide text */
				height:0;

				overflow:hidden;
			}
				.css-line-height {
					line-height:26px;
				}

				.product-icons-medal-text {
					height:26px !important;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					display:inline-block !important;
					height:26px !important;
					margin-left:0px;
					width: 95px !important;
					padding-left:5px;
					background:none !important;
				}

		.product > .product-price {
			position:absolute;
			bottom:0;

			font-family:abarasansmedium,arial,sans-serif;
			font-size:12px;
			font-size:1.2rem;
		}

			.product > .product-price > span {
				font-size:16px;
				font-size:1.6rem;
				color: #F05A28;
			}

			.product > .product-price > strong {
				display:block;
				margin:10px 0 0;

				line-height:40px;
				font-size:40px;
				font-size:4.0rem;
				letter-spacing:-1px;
				font-weight:normal;
				color:#d91c5c;
			}

				.product > .product-price > strong > sup {
					position:relative;
					top:-11px;
					font-size:25px;
					font-size:2.5rem;
				}

		.product > .product-thumb {
			position:absolute;
			top:30px;right:0;
		}

			.product > .product-thumb .sticker-remise {
				position: absolute;
				left: 0; top: 10px;
				/*width: 50px;*/
			}

				/*.product > .product-thumb .sticker-remise img {
					max-width: 100%;
				}*/

		.product .product-link {
			position:absolute;
			bottom:4px;right:0;
		}

			.product .product-link-basket,
			.product .product-link-info {
				font-family:abarasansregularbold,arial,sans-serif;
				font-size:11px;
				font-size:1.1rem;
			}

			.product .product-link-info {
				padding:1px 14px 0 0;

				color:#d91c5c;

				background:url("../img/layout/arrow-pink.png") no-repeat right;
			}
			.product .product-link-basket:hover,
			.product .product-link-basket:focus,
			.product .product-link-basket:active {
				color:#f05a28;
			}
			.product .product-link-info:hover,
			.product .product-link-info:focus,
			.product .product-link-info:active {
				color:#4d1f41;
			}

				.product .product-link-basket > span {
					position:relative;
					top:4px;
					margin:0 5px 0 0;
					padding:16px 16px 0 0;
					font-size:0;

					background:url("../img/layout/all-sprite.png") no-repeat 0 -110px;
				}


/*
 * Title like homepage
 */

.title {
	margin:10px 0 6px 5px;

	font-family:abarasansregularbold,arial,sans-serif;
	font-size:17px;
	font-size:1.7rem;
	font-weight:normal;
	color:#4d1f41;
}

	.title > em {
		font-style:normal;
	}
	.title.pink > em { color:#d91c5c; }
	.title.orange > em { color:#f05a28; }
	.title.gold > em { color:#cc9933; }

	.title > span {
		position:relative;
		margin:0 4px 0 0;
		padding:15px 15px 0 0;

		font-size:0;

		background:url("../img/layout/all-sprite.png") no-repeat;
	} .ie8 .title >  span { padding-top:12px; }
	  .ie7 .title >  span { padding-top:12px; }
	.title > span.heart { top:2px; background-position:-15px -69px; }
	.title > span.star { background-position:-30px -69px; }
	.title.orange > span.circle { top:2px; background-position:0 -69px; }
	.title.gold > span.circle { top:2px; background-position:-45px -69px; }


/*
 * =ASIDE
 */

#wrapper aside {
	float:left;
	width:239px;
}
	.cuvelier_mag {
		padding:10px 10px 10px 14px;

		border-top:1px solid #d9d3d7;
		border-right:1px solid #d9d3d7;
		border-left:1px solid #d9d3d7;
	}

		.cuvelier_mag > div {
			float:left;
			width:126px;
		}
		.cuvelier_mag > div + div {
			margin:0 0 0 7px;
			width:80px;
		}

			.cuvelier_mag h3 {
				line-height:29px;
				font-family:absarathin,"times new roman",serif;
				font-size:33px;
				font-size:3.3rem;
				font-weight:normal;
			}

				.cuvelier_mag h3 > a:link,
				.cuvelier_mag h3 > a:visited {
					color:#f05a28;
				}
				.cuvelier_mag h3 > a:hover,
				.cuvelier_mag h3 > a:focus,
				.cuvelier_mag h3 > a:active {
					color:#d91c5c;
				}

			.cuvelier_mag p {
				margin:5px 0 0;

				font-family:abarasansregularitalic,arial,sans-serif;
				font-size:14px;
				font-size:1.4rem;
			}

			.cuvelier_mag .cuvelier_mag-more {
				display:block;
				margin:6px 0 0 20px;

				font-family:abarasansregularbold,arial,sans-serif;
				font-size:11px;
				font-size:1.1rem;

				background:url("../img/layout/arrow-orange.png") no-repeat right -1px;
			}

	/* STICKERS */

	.sticker {
		border:1px solid #d9d3d7;
		border-bottom:0;
	}
	.sticker:hover {
		border:1px solid #A3AAAF;
		border-bottom:0;
	}

	/*.sticker + .sticker {
		border-top:0;
	}*/
	.sticker:hover + .sticker {
		border-top:1px solid #A3AAAF;
	}
	.last-sticker{
		border-bottom:1px solid #d9d3d7;
	}
	.last-sticker:hover{
		border-bottom:1px solid #A3AAAF;
	}


/*
 * =FOOTER
 */

body > footer {
	margin-top:24px;
	padding:0 0 15px;
	background-color:#c6c3b9;
	overflow:hidden;
}

	#extra_links {
		margin-top:8px;
	}

		#extra_links > #extra_links-legal {
			float:left;
			margin-top:4px;

			font-family:abarasansmedium,arial,sans-serif;
			color:#fff;
		}

		#extra_links > #extra_links-social {
			float:right;

			font-family:abarasansregularbold,arial,sans-serif;
		}

			#extra_links > #extra_links-social > #extra_links-social-blog {
				display:inline-block;
				padding:5px 6px;

				background-color:#fff;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
			}


			#extra_links > #extra_links-social > #extra_links-social-tel {
				display:inline-block;
				padding:0 0 0 15px;

				font-size:16px;
				font-size:1.6rem;
				color:#4d1f41;

				background:url("../img/layout/icon-tel.png") no-repeat;
			} .ie7 #extra_links > #extra_links-social > #extra_links-social-tel { position:relative;top:-2px; }

	#sitemap  {
		margin-top:20px;
		background:url("../img/layout/footer-fake-bkg.gif") repeat-y;
	}

		#sitemap > div {
			float:left;
		}

		#sitemap > div:first-child {
			width:142px;
		}

		#sitemap > div + div {
			padding:0 0 0 19px;
			width:139px; /* -19px (padding) */
		}

			#sitemap span {
				font-family:abarasansregularbold,arial,sans-serif;
				color:#fff;
			}
				#sitemap span > a{
					font-family:abarasansregularbold,arial,sans-serif;
					color:#fff;
					text-transform:uppercase;
				}
				#sitemap span > a:hover{
					color:#d91c5c;
				}

			#sitemap a {
				font-family:abarasansregular,arial,sans-serif;
			}
/* =============================================================================
   Popups
   ========================================================================== */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container { width:492px; }


/*
 * Inscription à la newsletter
 */

#p-newsletter {background:#fff}

	.popup label {
		width:200px;
	}

	.popup input[type="text"] {
		width:264px;
		height:24px;

		background-image: linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 11%, rgb(245,245,245) 78%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, rgb(255,255,255)), color-stop(0.78, rgb(245,245,245)));

		border:1px solid #c6bdc3;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;

		-webkit-box-shadow: 0px 0px 1px 1px #e3dee1;
		-moz-box-shadow: 0px 0px 1px 0px #e3dee1;
		box-shadow: 0px 0px 1px 0px #e3dee1;
	}

	.popup input[type="submit"] {
		float:right;
		padding:0 15px 0 0;

		font-family:abarasansregularbold,arial,sans-serif;
		font-size:14px;
		font-size:1.4rem;
		color:#d91c5c;

		background:transparent url("../img/layout/arrow-pink.png") no-repeat right 2px;
		border:0;
	} .ie7 .popup input[type="submit"] { background-position:right 4px; }
	.popup input[type="submit"]:hover,
	.popup input[type="submit"]:focus {
		color:#f25a28;
		background:transparent url("../img/layout/arrow-orange.png") no-repeat right 1px;
	} .ie7 .popup input[type="submit"]:hover { background-position:right 3px; }
	  .ie7 .popup input[type="submit"]:focus { background-position:right 3px; }


/*********************************************************
	= POPUP
*********************************************************/

.popup {
	display: none;
	position: fixed;
	z-index: 300;
	left: 0; top: 0;
	width: 100%; height: 100%;
	font: 12px 'abarasansmedium', arial, sans-serif; font-size: 1.2rem;
	background: url(../img/layout/popup.png);
}

.popup.show {
	display: block;
}

.popup,
.popup * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.popup .ir {
	background-color: transparent;
	color: transparent;
	border: 0;
	overflow: hidden;
	text-indent: 100%;
}

.popup .ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

	/* POPUP - Vertical Center */
	.popup .vertical_center {
		display: table;
		overflow: hidden;
		margin: 0 auto;
		width: 100%; height: 100%;
	}
	*:first-child + html .popup .vertical_center { position: relative; }	/* IE 7 */
	* html .popup .vertical_center { position: relative; }	/* IE 6 */

		/* PAGE - Wrapper */
		.popup .vertical_center-wrap { display: table-cell; vertical-align: middle; }
		*:first-child + html .popup .vertical_center-wrap { position: absolute; top: 50%; }	/* IE 7 */
		* html .popup .vertical_center-wrap { position: absolute; top: 50%; }	/* IE 6 */

			/* PAGE - Content */
			.popup .vertical_center-content { height: 500px; }
			*:first-child + html .popup .vertical_center-content { position: relative; top: -50%; }	/* IE 7 */
			* html .popup .vertical_center-content { position: relative; top: -50%; }	/* IE 6 */

	.popup .inner {
		margin: 0 auto;
		/*border-top: 2px solid purple;
		border-bottom: 2px solid purple;*/
		width: 510px;
	}

	/* POPUP - Content */
	.popup-content {
		position: relative;
		/*padding: 210px 100px 0;*/
		padding: 210px 50px 0;
		width: 510px; height: 511px;
		text-align: center;
		background: url(../img/layout/popup-content.png) no-repeat 0 0;
	}

	/* POPUP - Header */
	.popup-head {
		position: absolute;
		left: 0; top: 0;
		width: 100%;
		padding-top: 90px;
	}

		.popup-head .popup-title {
			margin-left: -20px;
		}

		.popup-btn-close,
		.popup-btn-close:link,
		.popup-btn-close:visited {
			display: block;
			position: absolute;
			z-index: 10;
			right: -100px; top: 70px;
			margin: 0;
			padding: 0;
			border: 0;
			width: 22px; height: 23px;
			background: url(../img/layout/popup-btn-close.png) no-repeat 0 0;
			cursor: pointer;
		}

		a.popup-btn-close:hover,
		a.popup-btn-close:focus,
		a.popup-btn-close:active,
		button.popup-btn-close:hover,
		button.popup-btn-close:focus {
			background-position: 0 -50px;
		}

	/* POPUP - Figure */
	.popup-fig {
		position: absolute;
		right: -110px; top: -60px;
	}

	/* POPUP - Body */
	.popup-body {
		color: #4d1f41;
	}

		.popup-body p {
			margin-bottom: 0;
			font: 28px/28px 'abarasansmedium', arial, sans-serif; font-size: 2.8rem;
			color: #4d1f41;
		}

			.popup-body p strong {
				font-weight: normal;
				color: #f05a28;
			}

			.popup-body p em {
				position: relative;
				top: -4px;
				font: 22px 'abarasanslight', arial, sans-serif; font-size: 2.2rem;
				color: #f05a28;
			}

		.popup-body form {
			margin-top: 10px;
		}

			.popup-body form * + * {
				margin-top: 5px;
			}

				.popup-body .input {
					margin: 0;
					padding: 10px;
					border: 0;
					width: 328px; height: 44px;
					font: italic 16px/28px 'abarasanslight', arial, sans-serif; font-size: 1.6rem;
					text-align: center;
					background: url(../img/layout/popup-input.png) no-repeat 0 0;
				}

				.popup-body .input:hover,
				.popup-body .input:focus {
					outline: 0;
				}

				.popup-body .input.error {

				}

				.popup-body .form-label {
					display: block;
					font: 18px 'abarasanslight', arial, sans-serif; font-size: 1.8rem;
					width: auto;
					white-space: nowrap;
					color: #4d1f41;
				}

				.popup-body .form-info {
					font: 10px 'Arial', 'Helvetica', sans-serif; /*font-size: 1rem;*/
					color: #4d1f41;
				}

				.popup-body .form-action {

				}

					.popup-body .form-action input[type='submit'],
					.popup-body .form-action input[type='button'] {
						display: inline-block;
						float: none;
						margin: 0;
						padding: 8px 20px;
						border: 0;
						font-weight: bold;
						font-size: 22px; font-size: 2.2rem;
						background: #f05a28;
						color: #fff;
						cursor: pointer;
					}

					.popup-body .form-action input[type='submit']:hover,
					.popup-body .form-action input[type='submit']:focus,
					.popup-body .form-action input[type='button']:hover,
					.popup-body .form-action input[type='button']:focus {
						background: #d91c5c;
						color: #fff;
					}

	/* POPUP - Footer */
	.popup-foot {

	}


#product-add_it-container{
	font-size:1.4rem;
}
	#product-add_it-container  optgroup{
		font-size:1.2rem;
		padding-bottom:5px;
	}

.opt-millesime{
	color:#D91C5C;
	font-size:1.2rem;
	font-style:normal;
}
.opt-contenant{
	color:#000;
	font-size:1.4rem;
}

#label-nl{
	width:auto !important;
	font-size:12px;
}

#contact-info{
	font-family: abarasansmedium,arial,sans-serif;
    font-size: 3rem;
    font-weight: normal;
}
#contact-info-compl{
	font-family: abarasansmedium,arial,sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
}
.contact-rose{
	color:#D91C5C;
}


.btn.disabled {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    opacity: 0.8;
}

.btn.confirm {
    margin: 10px;
    padding: 10px;
    font-family: abarasansregularbold,arial,sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background: #d91c5c;
}


.btn.confirm:hover {
    background: #4d1f41;
}

* {
     -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     box-sizing: content-box;
}

[data-toggle="modal"] {
    z-index: 9000;
}

.modal {
    top: 20%!important;;
}

html #h-extra-search input[type="submit"] {
    position: absolute;
    margin-top: 10px;
    width: 8px;
    height: 13px;
}

html #product-add_it-price > input[type="submit"] {
    width: 147px;
    height: 28px;
}

html .btn-primary {
    background: #d91c5c;
    border: 0;
}

/* dark: #4d1f41*/
html .btn-primary:hover {
    background: #4d1f41;
    border: 0;
}

.product .margin {
    margin-right: 200px;
}

.product .product-link {
    bottom: 0px;
}
.product .product-link-info {
    line-height: 24px;
}

.product .product-link-alerte {
    font-family: abarasansregularbold,arial,sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    color: #4d1f41;
}

.product .product-link-alerte:hover {
    text-decoration: none;
    color: #f05a28;
}

.important {
  color: #d91c5c;
}

.note {
    font-size: 14px;
    font-style: italic;
    text-align: center;
    padding-top: 20px;
}

.btn-block {
    width: 90%!important;
}