@charset "UTF-8";
/*@import "compass/css3/box-shadow";
@import "compass/css3/border-radius";
@import "compass/css3/transform";
@import "compass/css3/box";*/
/*----------------------------------------------------------------------------------
			les fonts
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
			mixin lié au template  : ProcessusCommande
----------------------------------------------------------------------------------*/
/*
	code couleur
*/
/*---------------------------------------------------------------------
				menu secondaire
----------------------------------------------------------------------*/
#header > .container {
  position: relative;
}
#header #menuSecondaire {
  position: absolute;
  top: 120px;
  right: 0px;
  width: 100%;
  height: 25px;
}
#header #menuSecondaire a {
  color: #fff;
  text-decoration: none;
  padding-right: 15px;
  padding-left: 10px;
  min-width: 180px;
  font-size: 15px;
}
#header #menuSecondaire a:hover {
  color: #fecc00;
}
#header #menuSecondaire ul {
  padding: 0px;
}
#header #menuSecondaire li {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  min-width: 120px;
}
#header #menu {
  position: absolute;
  height: 52px;
  width: 100%;
  z-index: 50;
  top: 90px;
}
#header #menu ul {
  padding: 0px;
}
#header #menu ul#niveau1 {
  height: 52px;
  position: relative;
  margin: 0;
  float: right;
  width: 100%;
  padding-right: 15px;
  text-align: right;
}
#header #menu ul#niveau1 li {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0px;
  height: 52px;
  overflow: visible;
  text-align: center;
}
#header #menu ul#niveau1 > li {
  padding-right: 0px;
}

#header h5 {
  font-family: "faraco_handregular";
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  left: 14px;
  top: 43px;
  color: rgba(255, 255, 255, 0.65);
}

/*---------------------------------------------------------------------
				menu premier niveau
----------------------------------------------------------------------*/
#header #menu ul#niveau1 li.last {
  margin-right: 0px;
}
#header #menu ul#niveau1 li.selected span.menu {
  display: none;
}
#header #menu ul#niveau1 li span.menu + a {
  padding-left: 15px;
  padding-right: 15px;
  color: #FFFFFF;
  display: block;
  font-size: 24px;
  font-size: 19px;
  line-height: 52px;
  overflow: visible;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "helvetica_neuelight";
}
#header #menu ul#niveau1 li:last-child, #header #menu ul#niveau1 li:first-child + li + li + li + li + li {
  margin: 0px;
}
#header #menu ul#niveau1 li a span.richtext {
  margin: 0px;
  position: relative;
  left: auto;
  top: 10px;
  /*centrage*/
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
#header #menu ul#niveau1 li.selected a {
  font-weight: bolder;
  background-color: #7fbbd5;
  color: #f5f5f5;
}
#header #menu ul#niveau1 li a.off {
  cursor: default;
}
#header #menu ul#niveau1 li.hover span.menu + a {
  background-color: #fff;
  color: #000;
}
#header #menu ul#niveau1 li:hover a .richtext {
  background-position: 0 bottom;
}
#header #menu ul#niveau1 span.menu + a + div.niveau2 {
  background-color: transparent;
  display: none;
  height: auto;
  left: 0px;
  top: 52px;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 50;
  padding-top: 40px;
  background-color: #fff;
  margin-left: -15px;
}
#header #menu ul#niveau1 span.menu + a + div.niveau2 .fond {
  /*99bee6*/
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  padding-bottom: 12px;
  overflow: hidden;
  border-bottom: 1px solid #6b6b6b;
}
#header #menu ul#niveau1 span.menu + a + div.niveau2 .fond .fond {
  border: 0px;
}

/* l'élément sélectionné */
/*---------------------------------------------------------------------
				Prevoir customisation par niveau mere 1
----------------------------------------------------------------------*/
#header #menu ul#niveau1 ul li a {
  color: #af78a0;
}
#header #menu ul#niveau1 ul li a:hover {
  background-color: #fecc00;
  color: #fff;
}
#header #menu ul#niveau1 div.niveau2 .fond #infoRubrique {
  top: 8px;
  position: absolute;
}
#header #menu ul#niveau1 div.niveau2 div.niveau2 img {
  display: none;
}
#header #menu ul#niveau1 .sousCategorie {
  overflow: hidden;
  position: relative;
  text-align: left;
  margin: 0px;
}
#header #menu ul#niveau1 .sousCategorie ul {
  padding: 0px;
}
#header #menu ul#niveau1 .sousCategorie .separateur + li {
  border: 0px;
}
#header #menu ul#niveau1 .sousCategorie > li {
  height: inherit;
  overflow: hidden;
  padding: 0;
  padding-right: 15px;
  padding-left: 15px;
  border-left: 1px solid #6b6b6b;
  float: none;
  vertical-align: top;
  min-width: 195px;
  margin-bottom: 5px;
  max-width: 205px;
  display: inline-block;
  -webkit-column-break-after: always;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}
#header #menu ul#niveau1 .sousCategorie > li span {
  display: inline-block;
  position: relative;
  width: 170px;
  padding-bottom: 2px;
}
#header #menu ul#niveau1 .sousCategorie > li span a {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-family: "open_sanscondensed_light";
  color: #000;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 5px;
}
#header #menu ul#niveau1 .sousCategorie > li span a:hover {
  /*color:#FFF;*/
}
#header #menu ul#niveau1 .sousCategorie > li span a + a:hover {
  background-color: transparent;
}
#header #menu ul#niveau1 .sousCategorie .niveau2 {
  margin: 0;
  padding: 0;
}
#header #menu ul#niveau1 .sousCategorie .niveau2 .fond {
  border: 0px;
}
#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie li {
  width: 100%;
  border: 0px !important;
  text-align: left;
  padding: 0px;
  margin-bottom: 0px;
  display: block;
}
#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie li span a {
  color: #000;
  padding: 0;
  padding-left: 5px;
  text-align: left;
  text-transform: none;
  font-family: "open_sansregular";
  font-size: 13px;
}
#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie li span a:hover {
  color: #fff;
}
#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie .produit {
  display: none;
}
#header #menu ul#niveau1 .sousCategorie .produit {
  width: 166px;
  height: 69px;
  margin-right: 3px;
  margin-bottom: 4px;
  background-color: #fff;
}
#header #menu ul#niveau1 .sousCategorie .produit .image {
  border: 0px;
  top: 8px;
  left: 1px;
  width: 73px;
  height: 56px;
}
#header #menu ul#niveau1 .sousCategorie .produit .image a {
  min-width: inherit;
  width: 100%;
  text-align: left;
}
#header #menu ul#niveau1 .sousCategorie .produit .description {
  left: 79px;
  top: 5px;
  width: 87px;
  padding: 0px;
  height: 60px;
}
#header #menu ul#niveau1 .sousCategorie .produit h2 {
  background-color: #559bba;
  color: #fff;
  padding-left: 4px;
}
#header #menu ul#niveau1 li.selected .niveau2 .sousCategorie .produit h2 a,
#header #menu ul#niveau1 li .niveau2 .sousCategorie .produit h2 a {
  font-weight: normal;
  text-align: left;
  min-width: inherit;
  float: none;
  color: #fff;
  font-size: 10px;
  line-height: 11px;
  padding-bottom: 1px;
  font-family: Verdana, Geneva, sans-serif;
  background-color: #559bba;
}
#header #menu ul#niveau1 .sousCategorie .produit .description p {
  color: #645d5a;
  margin-left: 2px;
  font-size: 10px;
  padding-left: 4px;
  display: block;
  line-height: 11px;
  font-family: Verdana, Geneva, sans-serif;
}
#header #menu ul#niveau1 li.firstElement a span {
  width: 47px;
}

@media (min-width: 1200px) {
  #header #menu {
    top: 80px;
  }
}
@media (min-width: 1200px) {
  #header #menu ul#niveau1 .sousCategorie > li {
    display: table-cell;
    margin-bottom: 0;
  }
  #header #menu ul#niveau1 .sousCategorie > li:first-child {
    border: 0px;
  }
  #header #menu {
    top: 90px;
  }
}
@media (min-width: 992px) {
  #header #menu ul#niveau1 li.firstElement, #header #menu ul#niveau1 li.lastElement {
    display: none;
  }
}
@media (max-width: 960px) {
  #header #menu ul#niveau1 > li {
    min-width: inherit;
  }
  #header #menu ul#niveau1 li span.menu + a {
    font-size: 17px;
  }
  li.firstElement span.menu {
    display: none;
  }
}
/*---------------------------------------------------------------------
				menu 2 niveau
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
				menu 3 niveau
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
				onglet
----------------------------------------------------------------------*//*# sourceMappingURL=moduleBlocMenu.css.map */