/*
Title:      CSS Navigation
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    July 27 2012

Content: 	Main sub navigation
			Breadcrumb
			Side bar - Facets

*/
/* ---[ LESS IMPORT ]------------------------------- */
/*
	Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop
	Phone (Landscape and Portrait)
*/
/*Big Circle Iĉone*/
/*Landing (avec Corde) - Medium Circle Iĉone*/
/*Small Circle Iĉone*/
/*Advantage Icône*/
/* ---[ Main sub navigation ]------------------------------- */
#main-menu .box-container {
  position: absolute;
  padding: 0 12px 20px 12px;
  width: 940px;
  /*940px*/

  left: -8000px;
  /*-8000px*/

  top: 42px;
  overflow: hidden;
}
#main-menu .container {
  position: relative;
  overflow: hidden;
  padding: 24px 33px;
  width: 873px;
  /*939px*/

  text-align: left;
  /********************* background */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNTQ5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzIxNjlhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #125492 0%, #2169a2 99%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #125492), color-stop(99%, #2169a2));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #125492 0%, #2169a2 99%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #125492 0%, #2169a2 99%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #125492 0%, #2169a2 99%);
  /* IE10+ */

  background: linear-gradient(to right, #125492 0%, #2169a2 99%);
  /* W3C */

  background: #125492 \9;
  /* IE6-8 */

  /********************* shadow */

  /*IE*/

  box-shadow: 0px 0 10px 0px #838181;
  /*Firefox*/

  -moz-box-shadow: 0px 0 10px 0px #838181;
  -webkit-box-shadow: 0px 0 10px 0px #838181;
  z-index: 2;
}
#main-menu .level-2 {
  position: relative;
  text-align: left;
  z-index: 2;
  width: 100%;
}
#main-menu .level-2 li {
  float: left;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 200px;
}
#main-menu .level-2 li.last {
  width: 240px;
  padding-right: 0;
  border-right: 0 none;
}
#main-menu .level-2 li.last a {
  margin: 0;
  padding-top: 0;
}
#main-menu .level-2 li.tag-special.last,
#main-menu .level-2 li.tag-conseil.last {
  position: static;
}
#main-menu .tag-special > a {
  position: absolute;
  width: 240px;
  right: 0;
  top: 0;
}
#main-menu .product-item.tag-special .product-preview {
  width: 238px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZmM2Y5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6f3f9 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e6f3f9));
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6f3f9 100%);
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e6f3f9 100%);
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e6f3f9 100%);
  background: radial-gradient(ellipse at center, #ffffff 0%, #e6f3f9 100%);
  background-color: #eaf1f5\9;
}
#main-menu .level-2 li.title a {
  margin: 0 13px 6px 0;
}
#main-menu .level-2 li a {
  display: block;
  margin: 3px 13px 3px 9px;
  color: #fff;
}
#main-menu .level-2 li a strong {
  color: #fff;
}
#main-menu .level-2 > li,
#main-menu .level-2 li ul {
  min-height: 230px;
  /*TEMPORARY FIX FOR THE NEW CATEGORY */

}
#main-menu .level-2 > li {
  position: relative;
  width: 181px;
  border-right: 1px solid #1C5286;
  border-left: 1px solid #396B97;
  padding: 0 14px;
}
#main-menu .level-2 > li:first-child {
  padding-left: 0;
  border-left: 0 none;
}
#main-menu .level-2 ul > li {
  padding-top: .5em;
  padding-bottom: .5em;
  line-height: 1.3em;
}
/*Magasiner*/
#main-menu .level-2.store ul > li {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1em;
}
#main-menu .level-2.store ul li.title {
  padding-top: 24px;
}
#main-menu .level-2.store ul li.title:first-child {
  padding-top: 0;
}
#main-menu .product-item .product-item-description {
  padding-top: 14px;
}
#main-menu .product-item .product-item-description .product-brand,
#main-menu .product-item .product-item-description .product-name {
  color: #fff;
}
#main-menu .product-item:hover a .product-item-description .product-name {
  text-decoration: none;
}
#main-menu .product-item a:hover .product-item-description .product-name {
  text-decoration: underline;
}
/*Tag Special*/
#main-menu .tag-special .tag {
  position: absolute;
  width: 68px;
  height: 68px;
  top: -15px;
  right: -22px;
  left: auto;
  z-index: 2;
  text-indent: -3000px;
}
html[lang="fr"] #main-menu .tag-special .tag {
  background: url(Images/Generic/Products/Stickers/fr/en-vedette.png) no-repeat 0 0;
}
html[lang="en"] #main-menu .tag-special .tag {
  background: url(Images/Generic/Products/Stickers/en/featured.png) no-repeat 0 0;
}
/*Tag Conseil*/
#main-menu .tag-conseil .tag-conseil-content {
  position: absolute;
  width: 240px;
  right: 0;
  top: 0;
}
#main-menu .tag-conseil .tag-conseil-content a:hover {
  text-decoration: none;
}
#main-menu .tag-conseil .tag {
  position: relative;
  height: 33px;
  width: 230px;
  left: 14px;
  background-position: 0 -100px;
  text-indent: -3000px;
}
#main-menu .tag-conseil .conseil-description {
  display: block;
  width: 187px;
  /*231px*/

  min-height: 87px;
  /*139px*/

  padding: 26px 22px 26px 22px;
  background: url(Images/Generic/sub-menu-paper.png) no-repeat 0 0;
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
}
#main-menu .tag-conseil .conseil-description .conseil-qst,
#main-menu .tag-conseil .conseil-description .conseil-link {
  display: block;
}
#main-menu .tag-conseil .conseil-description .conseil-qst {
  font-size: 16px;
  color: #2d2d2d;
  line-height: 16pt;
  padding-bottom: 16px;
}
#main-menu .tag-conseil .conseil-description .conseil-link {
  color: #004990;
}
/* Nos Produits Tag */
#main-menu .tag-ourbrand {
  text-align: center;
}
.tag-ourbrand .brand-preview img {
  padding-top: 17px;
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.tag-ourbrand .ourbrand-name {
  display: inline-block;
  padding-top: 20px;
  text-align: center;
}
.tag-ourbrand:hover .ourbrand-name {
  text-decoration: underline;
}
/* ---[ Breadcrumb ]------------------------------- */
#breadcrumb {
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
  color: #c7c7c7;
  margin-bottom: 20px;
}
#breadcrumb .current-page {
  color: #2d2d2d;
}
/* ---[ Side bar - Facets ]------------------------------- */
#categories-landing,
#products-landing {
  position: relative;
}
#categories-landing.store-brand h1.title,
#products-landing.store-brand h1.title {
  width: 500px;
}
#categories-landing h1.title,
#products-landing h1.title {
  padding-bottom: 20px;
  padding-top: 18px;
}
#categories-landing h1.title .lower-title {
  font-size: 0.8em;
}
#categories-landing .others-brand,
#products-landing .others-brand {
  font-family: "Humanist777BT-BoldB", Verdana, Arial, Sans-Serif;
  position: absolute;
  right: 0;
  top: 23px;
  text-align: right;
}
.side-menu .sml-line {
  display: block;
  width: 25px;
  height: 1px;
  line-height: 1px;
  margin: 0 0 14px;
  background-color: #CBDFE9;
}
.side-menu ul .sml-line {
  margin: 1em 0 ;
  padding: 0;
}
.side-menu .bck-btn,
.side-menu.show-no-facet {
  margin-bottom: 30px;
}
.side-menu .bck-btn .rounded-button-light-blue {
  /*font-size: @font-size-12;*/

}
.side-menu .bck-btn .rounded-button-light-blue .icon.back-dark {
  font-size: 1.538em;
  height: 30px;
  width: auto;
  left: -5px;
  margin-right: 0px;
}
/* Classe pour Magasiner Phase 2 */
.side-menu .title,
.side-menu.niveau-0 .title-cat-group,
.side-menu.niveau-1 .title-cat-group,
.side-menu.niveau-2-3 .title-cat-group {
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
  font-size: 16px;
}
.side-menu .title,
.side-menu.niveau-2-3 .title-cat-group {
  padding: 5px 0 8px 0;
  margin-bottom: 0.75em;
  border-top: 1px solid #cbdfe9;
  border-bottom: 1px solid #cbdfe9;
}
.side-menu.niveau-1 .title-cat-group,
.side-menu.niveau-0 .title-cat-group {
  padding: 4px 0 4px 0;
  margin-bottom: 0.45em;
}
.side-menu .all-product {
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
  border-top: 1px solid #cbdfe9;
  margin-top: 30px;
  padding: 26px 0 35px 0;
  font-size: 1em;
}
.side-menu .dashed-separator {
  border: none;
  background: url(Images/Generic/dotted-line.png) repeat-x 0 bottom;
  padding-top: 10px;
  line-height: 1.4em;
}
.side-menu .first.dashed-separator {
  padding-top: 0;
  font-size: 1em;
}
.side-menu .first.dashed-separator span {
  font-size: 16px;
}
.side-menu ul,
.side-menu .all-packages {
  font-family: 'Humanist777BT-BoldB';
  font-size: 13px;
}
.side-menu ul {
  margin-bottom: 20px;
}
.side-menu ul li a {
  display: block;
  padding: 3px 0 8px 0;
  margin-bottom: 3px;
}
.side-menu ul li a.select {
  text-decoration: none;
  color: #000;
}
.side-menu ul li a.color-red {
  color: #db003d;
}
.side-menu a[data-param-value],
.side-menu.niveau-1 .title-cat-sub,
.side-menu .fn-toggle-ignore .fn-toggle {
  display: block;
  border: 1px solid transparent;
  padding: 5px 0 5px 13px;
}
.side-menu.niveau-1 .title-cat-sub {
  margin-bottom: 0;
}
.side-menu a[data-param-value] .fn-facet-count {
  font-family: 'Humanist777BT-RomanB', Verdana, Arial, Sans-Serif;
  color: #2d2d2d;
}
.search-filters {
  max-width: 520px;
  position: relative;
}
.search-filters a.fn-facet {
  color: #2d2d2d;
}
.search-filters .parent,
.reset-filter {
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
}
.reset-filter {
  *vertical-align: 0.4em;
}
.search-filters a[data-param-value],
.facets a[data-param-value].selected {
  background: #e0f4ff;
  border: 1px solid #cbdfe9;
  padding: 5px 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.search-filters a[data-param-value] {
  position: relative;
  margin-right: 0.5em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 5px 30px 5px 5px;
  margin-bottom: 3px;
  color: #2d2d2d;
}
.search-filters a[data-param-value] .ficon {
  position: absolute;
  top: 5px;
  right: 7px;
  color: #004990;
}
.facets-menu li.noDisplay {
  display: none;
}
.facets-menu .selected-cat,
.facets-menu a.selected {
  color: #121212;
}
.facets-menu a.selected-cat:hover {
  text-decoration: none;
}
.facets-menu .all-packages {
  padding: 15px 0 15px;
}
/*********
Checkout steps
*********/
.checkout #header {
  margin-top: 35px;
  margin-bottom: 0;
}
.checkout .logo img {
  margin-bottom: 10px;
}
.checkout-nav {
  margin-left: 300px;
}
.checkout-nav ul {
  height: 40px;
  /** FIX envoyer la navigation derriere le background parce que la gestion du hand cursor est buggé dans IE et de 
		toute facon le menu n'est pas cliquable, il le sera plus tard, il faudra donc enlever le z-index:-1
  
	position: relative;
	z-index: -1;
	background:#fff;  ***/

}
.checkout-nav li {
  margin-left: -9px;
  float: left;
  background: url(Images/Checkout/step-sprite.png) no-repeat right 0;
  padding-right: 13px;
}
.checkout-nav li:first-child a,
.checkout-nav li:first-child > span {
  background: #efefef;
  border: 1px solid #e3e3e3;
  border-right: none;
  padding-left: 3px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.checkout-nav li:first-child a span,
.checkout-nav li:first-child > span > span {
  border: none;
}
.checkout-nav li a,
.checkout-nav li > span {
  text-transform: uppercase;
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
  font-size: 1.153846153846154em;
  /* 15/ 13 */

  display: block;
  background: url(Images/Checkout/step-sprite.png) no-repeat 0 -34px;
  padding-left: 13px;
  color: #979797;
}
.checkout-nav li a.disabled:hover,
.checkout-nav li a.disabled:hover * {
  cursor: default;
  text-decoration: none;
}
.checkout-nav li a span,
.checkout-nav li > span > span {
  padding: 0 20px;
  border: 1px solid #e3e3e3;
  border-right: none;
  border-left: none;
  background: #efefef;
  line-height: 32px;
  display: block;
}
.checkout-nav li.last {
  background: none;
  border-right: 1px solid #e3e3e3;
  padding-right: 0;
}
.checkout-nav li.last a span,
.checkout-nav li.last > span > span {
  padding: 0 12px 0 9px;
  font-size: 1.23em;
}
.checkout-nav li.active {
  background-position: right -68px;
}
.checkout-nav li.active:first-child a,
.checkout-nav li.active:first-child > span {
  background: #1c88c2;
  border-color: #8bbed9;
}
.checkout-nav li.active:first-child a span,
.checkout-nav li.active:first-child > span > span {
  border: none;
  line-height: 32px;
}
.checkout-nav li.active a,
.checkout-nav li.active > span {
  background-position: 0 -102px;
  color: #fff;
}
.checkout-nav li.active a span,
.checkout-nav li.active > span > span {
  border-color: #8bbed9;
  background: #1c88c2;
  line-height: 32px;
}
.checkout footer {
  margin-top: 150px;
}
.checkout footer .help {
  text-align: center;
}
.checkout footer em {
  font-style: normal;
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
}
.checkout footer .section-wrapper.copyright .conditions {
  top: 1.4em;
}
/**************
	Error Page
****************/
.errorpage footer {
  margin-top: 115px;
}
.errorpage footer .help {
  text-align: center;
}
.errorpage footer em {
  font-style: normal;
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
}
.errorpage footer .section-wrapper.copyright .conditions {
  top: 1.4em;
}
/*********
Register steps
*********/
.register #header {
  margin-top: 35px;
  margin-bottom: 0;
}
.register .logo img {
  margin-bottom: 10px;
}
.register-nav {
  margin-left: 300px;
}
.register-nav li {
  margin-left: -9px;
  float: left;
  background: url(Images/Checkout/step-sprite.png) no-repeat right 0;
  padding-right: 13px;
}
.register-nav li:first-child a {
  background: #efefef;
  border: 1px solid #e3e3e3;
  border-right: none;
  padding-left: 3px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.register-nav li:first-child a span {
  border: none;
}
.register-nav li a {
  text-transform: uppercase;
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
  font-size: 0.9230769230769231em;
  /* 12/ 13 */

  display: block;
  background: url(Images/Checkout/step-sprite.png) no-repeat 0 -34px;
  padding-left: 13px;
  color: #979797;
  text-align: center;
}
.register-nav li a span {
  padding: 0 20px;
  border: 1px solid #e3e3e3;
  border-right: none;
  border-left: none;
  background: #efefef;
  line-height: 16px;
  display: block;
}
.register-nav li.last {
  display: block;
  background: none;
  border-right: 1px solid #e3e3e3;
  padding-right: 0;
}
.register-nav li.last a {
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
  font-size: 1.153846153846154em;
  /* 15/ 13 */

}
.register-nav li.last a .ficon {
  padding: 0 12px 0 9px;
  font-size: 1.23em;
  line-height: 32px;
}
.register-nav li.active {
  background-position: right -68px;
}
.register-nav li.active:first-child a {
  background: #1c88c2;
  border-color: #8bbed9;
}
.register-nav li.active:first-child a span {
  border: none;
}
.register-nav li.active a {
  background-position: 0 -102px;
  color: #fff;
}
.register-nav li.active a span {
  border-color: #8bbed9;
  background: #1c88c2;
  line-height: 16px;
}
.register footer {
  margin-top: 150px;
}
.register footer .help {
  text-align: center;
}
.register footer em {
  font-style: normal;
  font-family: 'Humanist777BT-BoldB', Verdana, Arial, Sans-Serif;
}
.register footer .section-wrapper.copyright .conditions {
  top: 1.4em;
}
#contentSnap {
  position: relative;
  z-index: 1;
}