@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
*/
@font-face {
  font-family: "open_sansregular";
  src: url("fonts/opensans-regular-webfont.eot");
  src: url("fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/opensans-regular-webfont.ttf") format("truetype"), url("fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight";
  src: url("fonts/opensans-light-webfont.eot");
  src: url("fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-light-webfont.woff") format("woff"), url("fonts/opensans-light-webfont.ttf") format("truetype"), url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold";
  src: url("fonts/opensans-bold-webfont.eot");
  src: url("fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-bold-webfont.woff") format("woff"), url("fonts/opensans-bold-webfont.ttf") format("truetype"), url("fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbolditalic";
  src: url("fonts/opensans-bolditalic-webfont.eot");
  src: url("fonts/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-bolditalic-webfont.woff2") format("woff2"), url("fonts/opensans-bolditalic-webfont.woff") format("woff"), url("fonts/opensans-bolditalic-webfont.ttf") format("truetype"), url("fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url("fonts/opensans-semibold-webfont.eot");
  src: url("fonts/opensans-semibold-webfoicint.eot");
  src: url("fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-semibold-webfont.woff") format("woff"), url("fonts/opensans-semibold-webfont.ttf") format("truetype"), url("fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight_italic";
  src: url("fonts/opensans-lightitalic-webfont.eot");
  src: url("fonts/opensans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-lightitalic-webfont.woff") format("woff"), url("fonts/opensans-lightitalic-webfont.ttf") format("truetype"), url("fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansitalic";
  src: url("fonts/opensans-italic-webfont.eot");
  src: url("fonts/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-italic-webfont.woff") format("woff"), url("fonts/opensans-italic-webfont.ttf") format("truetype"), url("fonts/opensans-italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanscondensed_light";
  src: url("fonts/opensans-condlight-webfont.eot");
  src: url("fonts/opensans-condlight-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-condlight-webfont.woff") format("woff"), url("fonts/opensans-condlight-webfont.ttf") format("truetype"), url("fonts/opensans-condlight-webfont.svg#open_sanscondensed_light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sans_condensedbold";
  src: url("fonts/opensans-condbold-webfont.eot");
  src: url("fonts/opensans-condbold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-condbold-webfont.woff") format("woff"), url("fonts/opensans-condbold-webfont.ttf") format("truetype"), url("fonts/opensans-condbold-webfont.svg#open_sans_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold";
  src: url("fonts/opensans-extrabold-webfont.eot");
  src: url("fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-extrabold-webfont.woff2") format("woff2"), url("fonts/opensans-extrabold-webfont.woff") format("woff"), url("fonts/opensans-extrabold-webfont.ttf") format("truetype"), url("fonts/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "helvetica_neuethin";
  src: url("fonts/hlt_____thin35-webfont.eot");
  src: url("fonts/hlt_____thin35-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlt_____thin35-webfont.woff2") format("woff2"), url("fonts/hlt_____thin35-webfont.woff") format("woff"), url("fonts/hlt_____thin35-webfont.ttf") format("truetype"), url("fonts/hlt_____thin35-webfont.svg#helvetica_neuethin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "helvetica_neueblackcond";
  src: url("fonts/hlzc____blackcondensed97-webfont.eot");
  src: url("fonts/hlzc____blackcondensed97-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlzc____blackcondensed97-webfont.woff2") format("woff2"), url("fonts/hlzc____blackcondensed97-webfont.woff") format("woff"), url("fonts/hlzc____blackcondensed97-webfont.ttf") format("truetype"), url("fonts/hlzc____blackcondensed97-webfont.svg#helvetica_neueblackcond") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "helvetica_neuelight";
  src: url("fonts/hll_____light45-webfont.eot");
  src: url("fonts/hll_____light45-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hll_____light45-webfont.woff2") format("woff2"), url("fonts/hll_____light45-webfont.woff") format("woff"), url("fonts/hll_____light45-webfont.ttf") format("truetype"), url("fonts/hll_____light45-webfont.svg#helvetica_neuelight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "helvetica_neueroman";
  src: url("fonts/hlr_____roman55-webfont.eot");
  src: url("fonts/hlr_____roman55-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlr_____roman55-webfont.woff2") format("woff2"), url("fonts/hlr_____roman55-webfont.woff") format("woff"), url("fonts/hlr_____roman55-webfont.ttf") format("truetype"), url("fonts/hlr_____roman55-webfont.svg#helvetica_neueroman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "faraco_handregular";
  src: url("fonts/faraco_hand-webfont.eot");
  src: url("fonts/faraco_hand-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/faraco_hand-webfont.woff2") format("woff2"), url("fonts/faraco_hand-webfont.woff") format("woff"), url("fonts/faraco_hand-webfont.ttf") format("truetype"), url("fonts/faraco_hand-webfont.svg#faraco_handregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "storipro";
  src: url("fonts/storipro.eot?te13us");
  src: url("fonts/storipro.eot?te13us#iefix") format("embedded-opentype"), url("fonts/storipro.ttf?te13us") format("truetype"), url("fonts/storipro.woff?te13us") format("woff"), url("fonts/storipro.svg?te13us#storipro") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "storipro" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico:before {
  font-family: "storipro" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2em;
  display: inline-block;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tissus:before {
  content: "\e948";
}

.icon-360:before {
  content: "\e949";
}

.icon-360-2:before {
  content: "\e94a";
}

.icon-tissus-2:before {
  content: "\e94b";
}

.icon-showroom:before {
  content: "\e94d";
  margin-right: 10px;
}

.icon-showroom2:before {
  content: "\e94e";
  margin-right: 10px;
}

/* =========================================
=============== ICÔNES ORNEA ===============
========================================= */
@font-face {
  font-family: "ornea";
  src: url("../storipro/fonts/ornea.eot?sohbxd");
  src: url("../storipro/fonts/ornea.eot?sohbxd#iefix") format("embedded-opentype"), url("../storipro/fonts/ornea.ttf?sohbxd") format("truetype"), url("../storipro/fonts/ornea.woff?sohbxd") format("woff"), url("../storipro/fonts/ornea.svg?sohbxd#ornea") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*---------------------------------------------------------------------
				generalite
----------------------------------------------------------------------*/
body,
td,
p,
div,
input,
textarea {
  font-family: "open_sansregular";
}

body {
  background-color: #fff;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

a {
  text-decoration: none;
  color: #fecc00;
}
a.lien img,
a img {
  border: 0px;
}

input,
textarea {
  border: 1px solid #e5e5e5;
  font-size: 0.95em;
  color: #000000;
}
@media (max-width: 768px) {
  input,
  textarea {
    font-size: 16px !important;
  }
}

select {
  color: #000000;
  line-height: 28px;
  height: 36px;
  padding: 1px;
  font-size: 14px;
  font-family: "open_sansregular";
  border: 1px solid #e5e5e5;
}
select::-ms-expand {
  background: none;
  border: none;
}

input {
  line-height: 28px;
  padding-left: 5px;
  font-size: 14px;
  font-family: "open_sansregular";
}

input:hover,
textarea:hover {
  border: 1px solid #999999;
}

input.radioBox {
  border: none;
  vertical-align: middle;
}

form {
  margin: 0px;
  padding: 0px;
  display: block;
  clear: both;
}

h1 {
  /*color:#F7B716;*/
  font-weight: normal;
  font-size: 30px;
  color: #000;
  font-family: "open_sanslight";
}
h1 a {
  /*color:#F7B716;*/
  text-decoration: none;
  font-size: 14px;
}

h2 {
  font-family: "open_sanssemibold";
  font-size: 20px;
  font-weight: normal;
}
h2 a {
  text-decoration: none;
}

h3 {
  font-family: "open_sanslight_italic";
  font-size: 16px;
  font-weight: normal;
}

div {
  font-family: "open_sansregular";
}

.likeH1 {
  font-weight: normal;
  font-size: 24px;
  color: #000;
  display: block;
  font-family: "open_sanslight";
}
.likeH1.etape {
  margin-top: 0;
}

.likeH4 {
  font-family: "open_sanslight";
  font-size: 12px;
  color: #464b54;
}

.etape {
  margin-bottom: 15px;
}
.etape .likeH1:before {
  font-family: "open_sansextrabold";
  font-size: 30px;
  color: #fff;
  display: inline-block;
  background-color: #fecc00;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  margin-right: 15px;
  float: left;
}

#etape1 .likeH1:before {
  content: "1";
}

#etape2 .likeH1:before {
  content: "2";
}

#etape3 .likeH1:before {
  content: "3";
}

#formDimensionsSurMesure label,
.dimension label {
  margin-right: 10px;
}
#formDimensionsSurMesure label span,
.dimension label span {
  margin-right: 5px;
}
#formDimensionsSurMesure label span:before,
.dimension label span:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "storipro" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.4em;
  vertical-align: middle;
  margin-right: 5px;
  color: #e5e5e5;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#formDimensionsSurMesure label span.blocLargeur, #formDimensionsSurMesure label span.blocLongeur,
.dimension label span.blocLargeur,
.dimension label span.blocLongeur {
  width: 110px;
  display: inline-block;
}
#formDimensionsSurMesure label span.blocLargeur:before, #formDimensionsSurMesure label span.blocLongeur:before,
.dimension label span.blocLargeur:before,
.dimension label span.blocLongeur:before {
  content: "\e900";
}
#formDimensionsSurMesure label span.blocHauteur,
.dimension label span.blocHauteur {
  width: 110px;
  display: inline-block;
}
#formDimensionsSurMesure label span.blocHauteur:before,
.dimension label span.blocHauteur:before {
  content: "\e901";
}

.menuCommande.recapitulatif .dimension label span.blocHauteur, .menuCommande.recapitulatif .dimension label span.blocLongueur, .menuCommande.recapitulatif .dimension label span.blocLargeur {
  width: auto;
}

#etape1 .notification p {
  margin: 0;
  font-size: 13px;
}
#etape1 label {
  display: inline-block;
  margin-bottom: 10px;
}

.recapitulatifInfoProduit {
  padding-bottom: 40px;
}

.ficheProduit .zonePrix {
  font-size: 14px;
}
.ficheProduit .zonePrix .prix {
  font-size: 30px;
  font-family: "open_sansextrabold";
}
.ficheProduit .zonePrix .prix span {
  display: block;
  font-size: 14px;
  font-family: "open_sanssemibold";
}

.listeProduitListing .prix,
.listeProduitListing .prixPromotion {
  font-size: 24px;
  font-family: "open_sanssemibold";
  padding-left: 20px;
  color: #464b54;
}
.listeProduitListing .prix span,
.listeProduitListing .prixPromotion span {
  font-family: "open_sansregular";
  font-size: 14px;
}

p.messageInscriptionPro {
  font-size: 16px;
  line-height: 1em;
  margin-top: 0px;
}
p.messageInscriptionPro a {
  font-family: "open_sanssemibold";
  color: #fecc00;
}
/*---------------------------------------------------------------------
				la structure
----------------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
}

.page {
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 0;
}

#fondPage {
  position: relative;
  z-index: 2;
}

#header {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 100;
  height: 170px;
}
#zoneCompte {
  position: relative;
}
#zoneCompte div {
  cursor: pointer;
}

.zoneCentrale {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 0px;
}
.zoneCentrale > div.container {
  z-index: 50;
  position: relative;
}

.colonneGauche {
  float: right;
  margin: 0;
  overflow: hidden;
  padding: 8px 15px 0 0;
  width: 238px;
}

.colonneDroite {
  background-position: left 40px;
  background-repeat: no-repeat;
  border: 0 solid red;
  color: #515151;
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 0 0 0 17px;
  position: relative;
  top: 10px;
  width: 710px;
}

.footer {
  clear: both;
}

.zoneCentrale td {
  vertical-align: top;
}

.separateur {
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}

/*---------------------------------------------------------------------
				footer
----------------------------------------------------------------------*/
#footer {
  padding-left: 0px;
  text-align: left;
}

/*---------------------------------------------------------------------
				header
----------------------------------------------------------------------*/
a.logotype {
  left: 15px;
  position: absolute;
  top: 11px;
  width: 170px;
  color: #FFFFFF;
  height: 82px;
  width: 220px;
}
a.logotype img {
  border: 0px;
}

#header img {
  border: 0px;
}

a.logotype img {
  background-image: url("images/logo.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

#header {
  background-color: #000;
}
#header .menuCompte {
  text-transform: none;
  font-weight: normal;
  width: 250px;
  height: 48px;
  top: 15px;
  background-color: rgba(255, 255, 255, 0.26);
  vertical-align: middle;
  text-align: center;
  position: absolute;
  line-height: 48px;
  font-size: 24px;
  color: #fff;
  font-family: "helvetica_neuethin";
}
#header .menuCompte div {
  font-family: "helvetica_neuethin";
}
#header .menuCompte div#minimoduleEspaceClientPop {
  display: none;
}
#header .menuCompte a {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#header .menuCompte b {
  font-weight: normal;
}
#header .menuCompte strong,
#header .menuCompte div strong {
  font-family: "helvetica_neueblackcond", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#header .menuCompte strong *,
#header .menuCompte div strong * {
  font-weight: normal;
}
#header .menuCompte:hover {
  background-color: #fff;
  color: #000;
}
#header .descriptionCategorie {
  clear: both;
  padding-top: 215px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
  padding-left: 250px;
}
#header .descriptionCategorie img {
  vertical-align: top;
  margin-right: 5px;
}
#header #caddie {
  width: 250px;
  left: auto;
  right: 0px;
  padding-top: 0;
  overflow: hidden;
}
#header #caddie a span.richtext {
  margin-left: 41px;
}
#header #votreCompte.menuCompte {
  left: auto;
  right: 255px;
}

#commentAcheter {
  width: 145px;
  height: 22px;
  position: absolute;
  top: 63px;
  border: 0px solid blue;
  margin-left: 430px;
  /*bug ie6 vis à vis du lien*/
  background-image: url(images/spacer.gif);
  background-repeat: no-repeat;
  background-position: 160px 2px;
}
#commentAcheter a {
  display: block;
  width: 145px;
  height: 22px;
  border: 0px solid red;
}

#planDuSite {
  width: 85px;
  height: 30px;
  position: absolute;
  top: 0px;
  border: 0px solid blue;
  margin-left: 375px;
}
#planDuSite a {
  display: block;
  width: 85px;
  height: 30px;
}

.messageDefilant {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  text-transform: none;
  text-align: left;
}

#ejs_box2_box {
  position: absolute;
  z-index: 1;
  padding: 0px;
  width: 797px;
  height: 20px;
  overflow: hidden;
  border: 0px solid red;
  top: 37px;
  left: 196px;
}

#scrollme {
  display: inline;
  height: 14px;
  white-space: nowrap;
}

#famille {
  width: 997px;
  height: 24px;
  height: 14px;
  position: relative;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(images/fd_headerUni.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 991px;
  background-position: right 0px;
  background-color: transparent;
  border-bottom: 1px solid #000;
}

/*---------------------------------------------------------------------
				fil ariane
----------------------------------------------------------------------*/
.filAriane {
  margin: 15px 0;
  font-size: 11px;
}
.filAriane a {
  display: inline-block;
  color: black;
}
.filAriane a.lien:hover, .filAriane a:hover span {
  text-decoration: underline;
}
.filAriane a.selected {
  color: #F7B716;
}

/*---------------------------------------------------------------------
				colonne Droite
----------------------------------------------------------------------*/
.colonneDroite h1 a {
  color: #a09c89;
  padding-left: 5px;
}

/*---------------------------------------------------------------------
				colonneGauche
----------------------------------------------------------------------*/
.BlocProduit {
  border: 0px solid #F7B716;
  padding: 0px;
  background-repeat: no-repeat;
}

/*---------------------------------------------------------------------
				colonneGauche >>  menu 
----------------------------------------------------------------------*/
.colonneGauche .menu {
  padding: 0px;
  margin: 0px;
  border: 0PX solid RED;
  border: 1px solid #F7B716;
  font-family: Arial, Verdana, Georgia, "Times New Roman", Times, serif;
  color: #F7B716;
}
.colonneGauche .menu H1 {
  background-color: #F7B716;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bolder;
  color: #fff;
}
.colonneGauche .menu H2 {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: bolder;
  color: #000;
}
.colonneGauche .menu H2 b {
  padding-right: 5px;
}
.colonneGauche .menu form {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  color: #F7B716;
}
.colonneGauche .menu ul {
  padding: 0px;
  margin: 0px;
  border: 0PX solid RED;
}
.colonneGauche .menu ul li {
  padding: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  list-style: none;
}
.colonneGauche .menu a {
  display: block;
  border: 0px solid red;
  /*letter-spacing:-0.08em;*/
  font-family: Arial, Verdana, Verdana, Georgia, "Times New Roman", Times, serif;
  font-weight: bolder;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
  padding-bottom: 1px;
}
.colonneGauche .menu a b {
  color: #F7B716;
  padding-right: 5px;
  font-size: 13px;
}
.colonneGauche .menu a:hover {
  background-color: #F7B716;
  color: #BA5C08;
  color: #fff;
}
.colonneGauche .menu a:hover b {
  color: #BA5C08;
}

#dhtmlgoodies_listMenu {
  border-bottom: 1px solid white;
  margin: 0px;
  padding: 0px;
  display: block;
}
#dhtmlgoodies_listMenu ul {
  margin: 0px;
  padding: 0px;
  display: block;
}
#dhtmlgoodies_listMenu ul li {
  margin: 0px;
  padding: 0px;
  display: block;
}
#dhtmlgoodies_listMenu li {
  list-style-type: none;
  background-color: #F7B716;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bolder;
  color: #fff;
}
#dhtmlgoodies_listMenu li a {
  color: #fff;
  padding-left: 5px;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0px;
}
#dhtmlgoodies_listMenu ul {
  background-color: #FFFFFF;
  margin-left: 0px;
  padding-top: 5px;
}
#dhtmlgoodies_listMenu li li {
  background-color: #FFFFFF;
}
#dhtmlgoodies_listMenu li li a {
  font-size: 14px;
  font-size: 12px;
  font-weight: bolder;
}
#dhtmlgoodies_listMenu a:hover {
  background-color: #F7B716;
  color: #fff;
}
#dhtmlgoodies_listMenu ul a {
  color: #5C5C5C;
}
#dhtmlgoodies_listMenu ul a b {
  color: #F7B716;
  padding-right: 5px;
  font-size: inherit;
}
#dhtmlgoodies_listMenu ul a:hover b {
  color: #ba5c08;
}

/*premier element*/
/*---------------------------------------------------------------------
				colonneGauche >> bloc marque
----------------------------------------------------------------------*/
.blocMarque {
  margin-top: 18px;
  clear: both;
  background-image: url(images/titre_pave_marque.gif);
  background-repeat: no-repeat;
}
.blocMarque div {
  padding: 0px;
  margin: 0px;
}
.blocMarque .menu {
  padding: 0px;
  margin: 0px;
  padding-top: 42px;
  padding-left: 10px;
  font-size: 11px;
  float: left;
  width: 80px;
}
.blocMarque .menu a {
  font-size: 11px;
  letter-spacing: 0.05em;
  padding-left: 0px;
  margin: 0px;
  margin-left: 10px;
  line-height: 11px;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc engagement
----------------------------------------------------------------------*/
#blocEngagement .zoneBody {
  padding: 0px;
}
#blocEngagement a {
  padding-left: 0px;
  font-weight: normal;
  color: #000000;
  background-image: url(images/puce_verte.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: #F7B716;
  font-weight: bolder;
  padding-bottom: 4px;
  padding-left: 25px;
  margin-left: 15px;
  padding-top: 3px;
  display: block;
  font-size: 10px;
  color: #6E3113;
  text-transform: uppercase;
}
#blocEngagement a:hover {
  color: #F7B716;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc tag cloud
----------------------------------------------------------------------*/
.tagcloud {
  margin-top: 10px;
  clear: both;
  border: 0px solid #F7B716;
}
.tagcloud .menu {
  padding-bottom: 5px;
}
.tagcloud .menu a {
  padding-left: 18px;
  font-weight: normal;
  color: #000000;
  line-height: auto;
  margin-bottom: 4px;
  padding-bottom: 1px;
}
.tagcloud .menu a:hover {
  color: #fff;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc conseil
----------------------------------------------------------------------*/
.blocConseils {
  padding: 0px;
  margin: 0px;
  clear: both;
  border: 0px solid #F7B716;
  /*background-color:#5C3E0A;*/
  margin-bottom: 10px;
}

#conseil {
  width: 216px;
  height: 139px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-top: 1px solid #fff;
}

.blocConseils .menu {
  border: 0px;
  display: block;
  clear: both;
  position: static;
}
.blocConseils .menu a {
  color: #29B4B4;
  display: block;
  text-align: right;
  padding-right: 22px;
  padding-bottom: 5px;
  margin-right: 2px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: 10px;
}
.blocConseils .menu a:hover {
  background-color: transparent;
}
.blocConseils .menu p {
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  margin-left: 72px;
  margin-right: 5px;
  margin-top: 80px;
  margin-bottom: 4px;
}
.blocConseils .menu h1 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  text-align: center;
  display: none;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc meilleuresVentes
----------------------------------------------------------------------*/
#meilleures_ventes {
  width: 216px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #602f20;
  padding-bottom: 25px;
  margin-bottom: 10px;
}
#meilleures_ventes h1 {
  width: 216px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-top: 1px solid #fff;
}
#meilleures_ventes table {
  margin-right: 15px;
}
#meilleures_ventes .image {
  text-align: center;
  width: 50px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 7px;
  padding-bottom: 3px;
}
#meilleures_ventes .image a {
  display: block;
  width: 52px;
  height: 64px;
  overflow: hidden;
}
#meilleures_ventes .image a img {
  width: 50px;
  height: auto;
  border: 0px;
  border: 1px solid #DFDFDF;
}
#meilleures_ventes .description {
  padding-right: 10px;
  /*border-bottom:1px dashed #fff;*/
  background-image: url(images/tiret.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  vertical-align: middle;
}
#meilleures_ventes .description a {
  margin: 0px;
  padding: 0px;
  height: inherit;
  display: inline;
  display: inline;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 12px;
}

/*---------------------------------------------------------------------
			>>	bloc message marchand
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
				colonneGauche >> bloc menu client
----------------------------------------------------------------------*/
#menuClient {
  width: 216px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.menuClient {
  margin-top: 0px;
  clear: both;
}

.colonneGauche .menuClient .menu {
  padding-bottom: 5px;
  margin-left: 5px;
  border-width: 0px;
  border: 2px solid #F7B716;
}
.colonneGauche .menuClient .menu a {
  padding-left: 25px;
  font-weight: normal;
  color: #fff;
  font-weight: normal;
  background-image: url(images/puce_verte.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding-bottom: 4px;
  padding-top: 3px;
}
.colonneGauche .menuClient .menu a:hover {
  color: #83D6D4;
  text-decoration: none;
}
.colonneGauche .menuClient .menu img {
  display: block;
  margin: 0px;
  padding: 0px;
}
.colonneGauche .menuClient .menu p {
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  border-bottom: 2px dotted #83D6D4;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc menu marchand
----------------------------------------------------------------------*/
#menuMarchand {
  width: 216px;
}

.menuMarchand {
  clear: both;
  border: 0px solid #F7B716;
}

.colonneGauche .menuMarchand .menu {
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  border: 0px;
}
.colonneGauche .menuMarchand .menu a {
  font-weight: normal;
  color: #000;
  /*background-color:#F7B716;		*/
  margin: 0px;
  padding: 0px;
  margin-bottom: 2px;
  font-size: 12px;
  color: #fff;
  padding-left: 5px;
  line-height: normal;
  color: #F7B716;
}
.colonneGauche .menuMarchand .menu a:first-letter {
  text-transform: uppercase;
}
.colonneGauche .menuMarchand .menu a b {
  display: none;
}
.colonneGauche .menuMarchand .menu a:hover {
  color: #fff;
}
.colonneGauche .menuMarchand .menu h2 {
  margin-top: 15px;
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.colonneGauche .menuMarchand .menu h1 {
  margin-bottom: 8px;
  border-bottom: 2px dotted #83D6D4;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #5C3E0A;
  font-size: 18px;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc menu newsletter
----------------------------------------------------------------------*/
.blocNewsletter {
  margin: 0px;
  padding: 0px;
  clear: both;
  border: 0px solid #F7B716;
  margin-bottom: 10px;
}

#Newsletter {
  width: 245px;
  background-image: url(images/bloc_newsletter.png);
  height: 110px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 4px;
}

.blocNewsletter form {
  padding: 0px;
  margin: 0px;
  color: #000;
  font-size: 12px;
}
.blocNewsletter form h1 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-size: 15px;
  background-color: transparent;
  text-align: center;
  display: none;
}
.blocNewsletter form label {
  display: block;
  margin-top: 2px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  z-index: 3;
}
.blocNewsletter form p {
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 10px;
  line-height: 10px;
  margin-left: 84px;
  margin-right: 20px;
  margin-top: 20px;
}
.blocNewsletter form input.inputText {
  width: 90px;
  border-color: #3a87ad;
  vertical-align: bottom;
  margin-bottom: 8px;
  float: left;
  margin-left: 30px;
  float: none;
  clear: both;
  display: block;
}
.blocNewsletter form a {
  color: #29B4B4;
  color: #000;
  display: block;
  text-align: right;
  padding-right: 22px;
  padding-bottom: 5px;
  margin-right: 32px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  background-image: url(images/puce_verte.gif);
  background-repeat: no-repeat;
  background-position: top right;
  cursor: pointer;
  position: relative;
  top: -28px;
  left: 120px;
  width: 60px;
}
.blocNewsletter form a:hover {
  background-color: transparent;
}

/*---------------------------------------------------------------------
				colonneDroite
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
			>>Page Texte 
----------------------------------------------------------------------*/
.pageTexte {
  padding-bottom: 20px;
  margin-top: 30px;
  font-size: 14px;
}
.pageTexte a {
  color: #464b54;
  border-bottom: 1px solid #7d7d7d;
  text-decoration: none;
  line-height: 1.5rem;
}
.pageTexte a.lien {
  text-transform: uppercase;
  display: block;
  text-align: right;
  padding-bottom: 10px;
}
.pageTexte a strong {
  font-weight: normal;
}
.pageTexte a:hover {
  border-bottom: 2px solid #fecc00;
}

.pageTexte section.typeTable a {
  text-decoration: none;
}
.pageTexte section.typeTable + div {
  font-size: 16px;
  padding: 10px;
}
.pageTexte section.typeTable + div span,
.pageTexte section.typeTable + div b,
.pageTexte section.typeTable + div a {
  padding: 5px;
  text-decoration: none;
}

.pageTexte img {
  display: block;
  padding: 10px;
  margin: 10px;
}
.pageTexte .ficheTechnique {
  max-width: 100%;
}
.pageTexte .ficheTechnique br {
  clear: both;
}
.pageTexte #erreurPaiement::before {
  font-family: "storipro";
  content: "\e911";
  color: #990000;
  display: inline-block;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

.compteClient .pageTexte p.commentaire {
  margin-bottom: 30px;
}
.compteClient .pageTexte .colCell {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 20px;
  border: solid 1px #e7e7e5;
}
.compteClient .pageTexte .colCell .icon {
  font-family: "ornea" !important;
}
.compteClient .pageTexte .colCell .icon-user2:before {
  content: "\e62a";
}
.compteClient .pageTexte .colCell .icon-file-text-o:before {
  content: "\f0f6";
}
.compteClient .pageTexte .colCell .icon-share2:before {
  content: "\e90d";
}
.compteClient .pageTexte .colCell .icon-facebook:before {
  content: "\e602";
}
.compteClient .pageTexte .colCell .icon-twitter:before {
  content: "\e603";
}
.compteClient .pageTexte .colCell .icon-google-plus:before {
  content: "\e906";
}
.compteClient .pageTexte .colCell .icon-pinterest:before {
  content: "\e605";
}
.compteClient .pageTexte .colCell .icon-instagram:before {
  content: "\e625";
}
.compteClient .pageTexte .colCell .icon-rouage {
  font-family: "storipro" !important;
}
.compteClient .pageTexte .colCell .icon-rouage:before {
  content: "\e910";
}
.compteClient .pageTexte .colCell div#reseau a {
  text-decoration: none;
  font-size: 1.8em;
  margin: 5px;
}
.compteClient .pageTexte .colCell div#reseau a:hover:before {
  color: #fecc00;
}
.compteClient .pageTexte a {
  color: #464b54;
  border-bottom: 1px solid #7d7d7d;
  text-decoration: none;
  line-height: 1.5rem;
}
.compteClient .pageTexte a:hover {
  border-bottom: 2px solid #fecc00;
}
.compteClient .pageTexte #reseau a {
  border: 0;
}
.compteClient .pageTexte #reseau a:hover {
  color: #ffffff;
}

/*---------------------------------------------------------------------
			>>	Page produit
----------------------------------------------------------------------*/
.ficheProduit .header span span.richtext {
  border: none;
  padding: 0;
}
.ficheProduit .header h1 {
  /*border-top:2px solid #F7B716;*/
}
.ficheProduit .footer h1 {
  /*border-bottom:2px solid #F7B716; margin:0px; padding:0px;
  height:18px;line-height:18px; width:100%;*/
}

/*---------------------------------------------------------------------
			>>	Page produit >> zone images
----------------------------------------------------------------------*/
.imageProduit {
  float: left;
  display: block;
  margin-bottom: 30px;
}
.imageProduit a {
  /* border-left: 0px solid #8a8a8a;
    background-repeat: repeat-y;*/
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.imageProduit a:after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.imageProduit a::before {
  /*  content:$icon-logoNB;
  font-size:16em;
  margin-top: 35%;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0px;


   font-family: 'storipro' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  vertical-align: middle;

  color: transparentize(#ffffff,0.65);

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;*/
}
.imageProduit legend {
  border-left: 1px solid #8a8a8a;
  display: block;
  width: 100%;
  text-align: center;
  font-style: italic;
}
.imageProduit a img {
  border: 0px;
  width: 100%;
  /*width:345px; height:450px; a effacer*/
}

.vueSecondaire {
  float: left;
  display: block;
}

.imageProduit .vueSecondaire {
  clear: both;
  /*display:table; */
  position: static;
  width: auto;
  padding: 0px;
  margin: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.imageProduit .vueSecondaire a {
  background-image: none;
  border: 0px;
  padding: 0px;
  margin: 0 4px;
  display: inline;
  clear: none;
  float: left;
  overflow: visible;
  width: auto;
  cursor: pointer;
}
.imageProduit .vueSecondaire a img {
  width: 32px;
  height: 23px;
  border: 1px solid #7d7877;
  vertical-align: middle;
}
.imageProduit .vueSecondaire a.zoom img {
  background-image: url("images/icone_loupe.png");
  background-repeat: no-repeat;
  border: medium none;
}

/*---------------------------------------------------------------------
			>>	Page produit >> description principale
----------------------------------------------------------------------*/
.ficheProduit .description .etiquette h1 {
  margin: 0px;
  border: 0px;
  padding: 0px;
  display: block;
  text-align: left;
}
.ficheProduit .description .etiquette h3 {
  padding-left: 10px;
  padding-right: 5px;
  float: left;
}
.ficheProduit .description .etiquette h2 {
  font-weight: normal;
  background-image: url(images/b_nouveaute.gif);
  height: 11px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 7px;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ficheProduit .description .zonePrix {
  margin: 0px;
  padding: 0px;
  float: none;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 14px;
  border: 0px solid #000;
  width: inherit;
  color: #000;
  font-size: 16px;
  font-weight: bolder;
  float: right;
  width: 160px;
}
.ficheProduit .description .zonePrix h2 {
  font-weight: normal;
  background-image: url(images/b_nouveaute.gif);
  height: 11px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 7px;
  background-position: top center;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*---------------------------------------------------------------------
			>>	Page produit >> zone prix
----------------------------------------------------------------------*/
.description .produitDuMois {
  background-image: url(images/label_marchand.gif);
  width: 113px;
  height: 17px;
  overflow: hidden;
  background-repeat: no-repeat;
  margin-top: 3px;
  width: 100%;
  background-position: top right;
  display: none;
}
.description .zonePrix .pourcentage {
  background-image: url(images/fd_remise.gif);
  width: 66px;
  height: 31px;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bolder;
  color: #fff;
  background-position: left top;
  float: right;
  padding-top: 15px;
  text-align: center;
  /*position:relative;*/
}

.ficheProduit .description .zonePrix .prixPromotion {
  color: #2ABABA;
  float: right;
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
  padding-right: 5px;
  padding-top: 5px;
  text-align: right;
  font-size: 28px;
  display: inline;
}
.ficheProduit .description .zonePrix .prix {
  color: #273E6F;
  font-size: 24px;
  margin: 0;
  padding: 1px 0 0;
  position: absolute;
  right: 5px;
  text-align: left;
  top: 48px;
}
.ficheProduit .description .zonePrix .prix span {
  font-size: 11px;
  font-weight: normal;
  padding-left: 5px;
  display: block;
}
.ficheProduit .description .zonePrix .ancienPrix {
  margin: 0px;
  padding: 0px;
  width: 70px;
  font-weight: bolder;
  font-size: 12px;
  color: #4E360D;
  background-image: url(images/prix_barre.gif);
  background-repeat: no-repeat;
  background-position: center 0px;
  padding-top: 0px;
  border: 0px solid red;
  letter-spacing: 0em;
  text-align: center;
  float: right;
  clear: both;
}
.ficheProduit .description .prixConseil {
  clear: both;
  margin-top: 5px;
  font-size: 12px;
  font-weight: bolder;
  color: #000;
  margin-top: 15px;
  margin-bottom: 5px;
}
.ficheProduit .description .prixConseil .ancienPrix {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  font-weight: bolder;
  font-size: 11px;
  background-image: url(images/fd_prix_barre.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  padding-top: 5px;
  border: 0px solid red;
  display: inline;
  color: #000;
  height: 15px;
}

/*---------------------------------------------------------------------
			>>	Page produit >> zone attribut
----------------------------------------------------------------------*/
.attributProduit {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: "open_sanslight";
  font-size: 14px;
  line-height: 1.4em;
}
.attributProduit h2 {
  color: #3d3d3d;
  margin: 0;
}
.attributProduit h3 {
  color: #656565;
  text-transform: uppercase;
  text-align: center;
  margin-top: 25px;
}
.attributProduit ul {
  padding-left: 0px;
  margin: 0;
  margin-bottom: 15px;
}
.attributProduit li {
  list-style: none;
}
.attributProduit li:before {
  content: " ";
  border-radius: 4px;
  display: inline-block;
  background-color: #fecc00;
  width: 6px;
  line-height: 6px;
  height: 6px;
  margin-right: 10px;
  font-size: 4px;
  vertical-align: middle;
}
.attributProduit b {
  color: #000;
  font-size: 14px;
  font-weight: bolder;
}
.attributProduit label {
  display: block;
  color: #F7B716;
  padding: 0px;
  margin: 0px;
  padding-left: 0px;
  /*clear:both;*/
  margin-bottom: 5px;
  font-weight: bolder;
}
.attributProduit label b {
  color: #000;
  font-weight: normal;
  font-size: 12px;
  display: inline;
}
.attributProduit label a {
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
  background-image: url(images/puce_mini.gif);
  background-repeat: no-repeat;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 5px;
  margin-right: 10px;
  height: 15px;
  overflow: visible;
  width: auto;
  background-color: #5C3E0A;
  color: #FFFFFF;
  border: 1px solid #000;
  font-weight: bolder;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  clear: none;
  float: right;
  margin-left: 100px;
  margin-bottom: 15px;
}
.attributProduit iframe {
  width: 100%;
}

.ficheProduit .menuCommande p {
  color: #000;
}
.ficheProduit .menuCommande form {
  padding: 0px;
  margin: 0px;
}
.ficheProduit .menuCommande form#achatSurMesure {
  min-height: 150px;
}

.etape {
  margin-top: 30px;
  position: relative;
}
.etape form div:first-of-type {
  margin-bottom: 20px;
}
.etape .likeH1 {
  margin-bottom: 20px;
}

/*---------------------------------------------------------------------
			>>	Page produit >> menu commande 
----------------------------------------------------------------------*/
.recapitulatifInfoProduit .zoneBody .attributProduit a.lien,
.menuCommande form label a.lien {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #000000;
  background-color: #fecc00;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #ffffff;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
.recapitulatifInfoProduit .zoneBody .attributProduit a.lien:hover,
.menuCommande form label a.lien:hover {
  transition: 0.6s;
  color: #ffffff;
  border-color: #7d7d7d;
  background-color: #7d7d7d;
  -webkit-appearance: none;
}
.recapitulatifInfoProduit .zoneBody .attributProduit a.lien,
.menuCommande form label a.lien {
  font-family: "open_sanssemibold";
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .recapitulatifInfoProduit .zoneBody .attributProduit a.lien,
  .menuCommande form label a.lien {
    margin-top: 50px;
  }
}
@media (max-width: 991px) {
  .recapitulatifInfoProduit .zoneBody .attributProduit.lien,
  .menuCommande form label.lien {
    float: right;
    margin-bottom: 15px;
  }
}

/*---------------------------------------------------------------------
			>>	Page produit >> lien aide
----------------------------------------------------------------------*/
.footerProduit {
  clear: both;
  color: #8e1b61;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-right: 35px;
  padding-top: 5px;
  margin-top: 15px;
}
.footerProduit a {
  color: #F7B716;
  padding-left: 35px;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: bolder;
  text-decoration: underline;
  margin-left: 35px;
  display: block;
}
.footerProduit a.lien {
  background-image: url(images/b_Aide.gif);
  background-repeat: no-repeat;
  width: 216px;
  height: 19px;
  color: #fff;
  text-transform: none;
  text-decoration: none;
  padding-left: 25px;
  padding-top: 3px;
  font-weight: normal;
}

/*---------------------------------------------------------------------
			>>	navigation 
----------------------------------------------------------------------*/
.navigationProcessusAchat {
  clear: both;
  float: none;
  text-align: left;
  width: auto;
  margin: 0px;
  padding: 30px 0;
  position: static;
}
.navigationProcessusAchat a {
  display: inline-block;
  margin-right: 20px;
  color: #464b54;
  border-bottom: 1px solid #7d7d7d;
  text-decoration: none;
  line-height: 1.5rem;
}
.navigationProcessusAchat a:hover {
  border-bottom: 2px solid #fecc00;
}
.navigationProcessusAchat a:first-letter {
  text-transform: uppercase;
}
.navigationProcessusAchat a.retour {
  padding-bottom: 3px;
}
.navigationProcessusAchat h3 {
  display: inline;
  margin: 0px;
  padding: 0px;
  padding-left: 80px;
  padding-right: 10px;
  font-size: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 100;
}
.navigationProcessusAchat a.lien {
  background-position: 0 2px;
}
.navigationProcessusAchat a.lien:hover {
  background-position: 0 -18px;
}
.navigationProcessusAchat a#viderPanier:hover {
  background-position: 0 -18px;
}

/*----------------------------------------------------------------------------------
			>>pageNavigation
----------------------------------------------------------------------------------*/
.pageNavigation {
  padding-right: 80px;
  clear: both;
  background-color: #fff;
  padding-top: 10px;
}
.pageNavigation a {
  color: #F7B716;
  background-color: #fff;
  font-weight: bolder;
  margin-left: 5px;
  background-image: url(images/puce_barreNavigation.gif);
  background-repeat: no-repeat;
  text-indent: 20px;
}
.pageNavigation .numero {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  color: #F7B716;
  font-size: 13px;
  letter-spacing: normal;
  font-weight: bolder;
  background-image: none;
}
.pageNavigation .numero b {
  font-size: 13px;
  background-color: #59EEEF;
  text-align: center;
  padding-left: 2px;
  padding-right: 0px;
  border: 1px solid #F7B716;
  display: inline;
  background-image: none;
}
.pageNavigation .numero a {
  text-decoration: none;
  color: #F7B716;
  font-weight: normal;
  background-color: #fff;
  background-image: none;
}

/*---------------------------------------------------------------------
			liste Produit 
----------------------------------------------------------------------*/
.listeProduit form {
  color: #F7B716;
  font-size: 12px;
  font-weight: bolder;
}
.listeProduit .produit h2 {
  margin: 0px;
  font-size: 14px;
  text-align: center;
  font-family: "open_sanslight";
}
.listeProduit .produit h2 a {
  color: #000;
}
.listeProduit .produit h3 {
  display: none;
}
.listeProduit form {
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 340px;
}
.listeProduit select {
  border-color: #f1b0d8;
}

.categorieLayout #imageRubrique {
  position: absolute;
  right: 0px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 15px;
  margin-right: -15px;
}

/*---------------------------------------------------------------------
			>>Page accueil rubrique principale >>	produit nouveaute 
----------------------------------------------------------------------*/
.produitNouveaute {
  margin: 0px;
  padding: 0px;
  clear: both;
  border: 0px solid red;
  width: 100%;
  display: table;
  text-align: left;
  padding-bottom: 0px;
}
.produitNouveaute .listeProduit {
  margin-top: 5px;
}
.produitNouveaute h1 {
  font-size: 12px;
  padding-left: 350px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
  width: auto;
  border: 0px solid red;
  padding-top: 20px;
  padding-bottom: 5px;
}
.produitNouveaute h1 a {
  font-size: 12px;
  text-decoration: none;
  padding-left: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------------------
			>>Page accueil rubrique principale >>	produit promotion 
----------------------------------------------------------------------*/
.blocPromotion {
  margin: 0px;
  padding: 0px;
  border: 0px solid red;
  width: 272px;
  width: 203px;
  float: right;
  display: table;
  text-align: left;
  background-color: transparent;
  padding-top: 15px;
  overflow: hidden;
  border: 0px solid red;
}
.blocPromotion .listeProduit {
  padding: 0px;
  margin: 0px;
  width: auto;
  width: 203px;
  overflow: hidden;
  clear: both;
  background-image: none;
  background-color: #810000;
  text-align: center;
}
.blocPromotion .header {
  padding: 0px;
  margin: 0px;
  clear: both;
  float: none;
  display: table;
  width: 100%;
  height: 28px;
  overflow: visible;
  background-image: none;
  background-color: #810000;
}
.blocPromotion .header h1 {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding-top: 8px;
  font-size: 18px;
}
.blocPromotion .footer {
  padding: 0px;
  margin: 0px;
  clear: both;
  float: none;
  width: auto;
  height: 17px;
  overflow: hidden;
  background-color: #810000;
}
.blocPromotion .footer h1 {
  border-bottom: 2px solid #F7B716;
  height: 17px;
  line-height: 17px;
}
.blocPromotion .listeProduit .produit {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-image: none;
  display: block;
  background-color: #FFFFFF;
  text-align: left;
  width: 238px;
  width: 195px;
  margin-bottom: 8px;
  overflow: hidden;
  float: none;
  clear: both;
  margin-left: 3px;
}
.blocPromotion .listeProduit .produit .header {
  border-top: 0px solid #F7B716;
}
.blocPromotion .listeProduit .produit .image {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: auto;
  clear: none;
}
.blocPromotion .listeProduit .produit .description {
  margin: 0px;
  padding: 0px;
  width: auto;
  width: 95px;
  width: 90px;
  padding-left: 2px;
  overflow: hidden;
  clear: none;
}
.blocPromotion .listeProduit .produit a img {
  width: 100px;
  height: auto;
}
.blocPromotion .listeProduit .produit h1 {
  margin: 0px;
  padding: 0px;
  margin-top: 15px;
  text-align: left;
  color: #000;
  font-weight: bolder;
  font-size: 16px;
  line-height: 16px;
  border: 0px;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
}
.blocPromotion .listeProduit .produit h1 a {
  margin: 0px;
  padding: 0px;
  margin-top: 15px;
  text-align: left;
  color: #000;
  font-weight: bolder;
  font-size: 16px;
  line-height: 16px;
  border: 0px;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
}
.blocPromotion .listeProduit .produit .zonePrix {
  text-align: left;
  margin-top: 0px;
  clear: none;
}

/*************************** les produits*/
/*---------------------------------------------------------------------
			>>Page recherche 
----------------------------------------------------------------------*/
.resultatRecherche {
  padding-left: 20px;
}
.resultatRecherche h1 {
  color: #F7B716;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 0px solid red;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 45px;
}
.resultatRecherche form {
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 340px;
}
.resultatRecherche select {
  border-color: #f1b0d8;
}
.resultatRecherche .listeProduit .produit h1 {
  margin: 0px;
  padding: 0px;
  margin-right: 4px;
  padding-left: 10px;
  padding-right: 5px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  text-align: right;
  font-size: 18px;
  line-height: 18px;
  margin-left: 0px;
  padding-bottom: 3px;
  padding-top: 2px;
  border-left: 1px solid #7C7C7C;
  border-top: 1px solid #7C7C7C;
  background-color: #F7B716;
  background-image: url(images/blocProduit_entete_fd_b.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
.resultatRecherche .listeProduit .produit h1 a {
  color: #fff;
  font-weight: normal;
  text-align: right;
  font-size: 18px;
  line-height: 18px;
}

/*----------------------------------------------------------------------------------
			>>plan site
----------------------------------------------------------------------------------*/
.planSite {
  padding-bottom: 30px;
}
.planSite div {
  /*float:left;*/
  margin-left: 10px;
}
.planSite li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.planSite li a {
  display: block;
  font-family: "open_sanssemibold";
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  cursor: pointer;
  background-image: none;
  margin: 0px;
  padding: 0px;
}
.planSite li a:hover {
  text-decoration: underline;
}
.planSite li ul {
  padding: 0px;
  margin: 0px;
  padding-left: 24px;
}
.planSite li ul li {
  padding: 0px;
  margin: 0px;
  float: none;
}
.planSite li ul li a {
  font-family: "open_sansregular";
  font-weight: normal;
  color: #000;
}
.planSite li ul li a:hover {
  text-decoration: underline;
}
.planSite ul {
  margin-left: 8px;
}
.planSite ul ul {
  margin-left: 8px;
}
.planSite ul li {
  margin: 10px;
}

/*----------------------------------------------------------------------------------
			ProcessusCommande
----------------------------------------------------------------------------------*/
#envoiami {
  padding-bottom: 180px;
}

#retrouverMDP {
  padding-bottom: 150px;
}

/*----------------------------------------------------------------------------------
			>>personnalisation
----------------------------------------------------------------------------------*/
form.recapitulatifPanier {
  padding-bottom: 0px;
}

/*----------------------------------------------------------------------------------
			>>les tableaux
----------------------------------------------------------------------------------*/
table.recapitulatifPanier table {
  padding: 0px;
  width: auto;
  margin: 0px;
}
table.recapitulatifPanier table td {
  vertical-align: middle;
}
table.recapitulatifPanier table a,
table.recapitulatifPanier table img {
  margin: 0px;
  padding: 0px;
}

/*frais de livraison recapitulatif*/
.TotalCommandeValue {
  border: 0px;
}

/*frais de livraison recapitulatif libelle*/
.TotalCommandeRight {
  background-color: #ffffff;
}

.recapitulatifPanier thead th {
  text-align: center;
  color: #858585;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 13px;
  padding-top: 13px;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom: 0px;
  font-size: 12px;
}
.recapitulatifPanier thead th:first-child {
  border-left-width: 1px;
}
.recapitulatifPanier thead th:last-child {
  border-right-width: 1px;
}
.recapitulatifPanier thead td + td + th {
  border-left-width: 1px;
}
.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
  padding-bottom: 4px;
}
.recapitulatifPanier td.commandeRow2 strong, .recapitulatifPanier td.commandeRow1 strong {
  color: #000;
}

#panier .fondTitreEnTeteCommande td {
  background-color: #fff;
}
#panier .BasLigneCommande {
  border: 0px;
  line-height: 1px;
  font-size: 1px;
  height: 1px;
  border-top: 1px solid #e5e5e5;
}

table.recapitulatifPanier {
  width: 100%;
}

div.recapitulatifPanier {
  margin-bottom: 65px;
  padding: 0px;
  text-align: left;
}
div.recapitulatifPanier table {
  padding-left: 0px;
  width: 100%;
  margin-left: 0px;
  border: 0px solid red;
}
/*ligne du total panier, recapitulatif et frais de livraison*/
.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier tfoot td.basTotalCommandeValue {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  background-color: #fff;
}
.recapitulatifPanier td.basTotalCommande, .recapitulatifPanier td.basTotalCommandeValue {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  background-color: #fff;
}

.commande tfoot td.basTotalCommande {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  background-color: #fff;
}

.recapitulatifPanier tbody td.basTotalCommande {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  background-color: #fff;
}
.recapitulatifPanier tfoot tr td.basTotalCommande {
  text-align: right;
  border: 0px;
  font-size: 20px;
  font-family: "open_sanssemibold";
  background-color: #fff;
}
.recapitulatifPanier tfoot tr td.basTotalCommande b {
  font-weight: normal;
}
.recapitulatifPanier tfoot tr td.basTotalCommandeValue {
  color: #000;
  border: 0px;
  font-size: 18px;
  color: #000;
  padding-bottom: 25px;
  background-repeat: no-repeat;
  border-bottom-color: #000000;
  border-bottom-style: dotted;
  border-bottom-width: 0px;
}
.recapitulatifPanier tfoot tr.sousTot + tr + tr td.basTotalCommandeValue {
  color: #000;
  border: 0px;
  font-size: 18px;
  color: #000;
  padding-bottom: 25px;
  background-repeat: no-repeat;
  border-bottom-color: #000000;
  border-bottom-style: dotted;
  border-bottom-width: 0px;
}
.recapitulatifPanier tfoot tr td.basTotalCommandeValue b {
  font-size: 30px;
  font-family: "open_sansextrabold";
  font-weight: normal;
}
.recapitulatifPanier tfoot tr.sousTot + tr + tr td.basTotalCommandeValue b {
  font-size: 30px;
  font-family: "open_sansextrabold";
  font-weight: normal;
}
.recapitulatifPanier tfoot tr.sousTot td.basTotalCommande {
  font-family: "open_sanslight_italic";
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 0px;
  background-image: none;
}
.recapitulatifPanier tfoot tr.sousTot td.basTotalCommande b {
  font-weight: normal;
}
.recapitulatifPanier tfoot tr.sousTot td.basTotalCommandeValue {
  border: 0px;
  color: #000;
  padding-bottom: 0px;
  background-image: none;
}
.recapitulatifPanier tfoot tr.sousTot + tr td.basTotalCommandeValue {
  border: 0px;
  padding-bottom: 0px;
  background-image: none;
}
.recapitulatifPanier tfoot tr sup {
  font-size: 0.8em;
  font-family: "open_sanslight_italic";
}

/*----------------------------------------------------------------------------------
			>>les tableaux >> le panier
----------------------------------------------------------------------------------*/
/*titre prix total, commun au recapitulatif */
/*prix total panier , commun au recapitulatif*/
/*entete */
.fondTitreEnTeteCommande td {
  background-color: #ffffff;
}

/*----------------------------------------------------------------------------------
			>>les tableaux >> les frais de livraison
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
			>> commandes récapitulatif
----------------------------------------------------------------------------------*/
.commande th {
  color: #F3A3CB;
}
.commande th.fondTitreEnTeteCommande {
  text-align: center;
  font-size: 11px;
  color: black;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 13px;
  padding-top: 13px;
  border: none;
  border-left: 1px solid #EDEDED;
}
.commande th.fondTitreEnTeteCommande:last-child {
  border-right: 1px solid #EDEDED;
}
.commande th.fondTitreEnTeteCommande a img {
  padding: 0px;
  border: 0px;
}
.commande tr {
  height: auto;
  border-top: 1px solid #EDEDED;
}

.pageTexte .commande .commandeRow2,
.pageTexte .commande .commandeRow1 {
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  border: none;
  border-left: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
.pageTexte .commande .commandeRow2:last-child,
.pageTexte .commande .commandeRow1:last-child {
  border-right: 1px solid #EDEDED;
}
.pageTexte .commande .commandeRow2 a,
.pageTexte .commande .commandeRow1 a {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  color: #000;
}
.pageTexte .commande .commandeRow2 a:hover,
.pageTexte .commande .commandeRow1 a:hover {
  color: #F7B716;
}
.pageTexte .commande td.commandeRow2 a.fileicon,
.pageTexte .commande td.commandeRow1 a.fileicon,
.pageTexte .commande td.commandeRow2:nth-child(4n) a,
.pageTexte .commande td.commandeRow1:nth-child(4n) a {
  font-family: "icomoon";
  display: inline-block;
  height: 24px;
}
.pageTexte .commande td.commandeRow2 a.fileicon:before,
.pageTexte .commande td.commandeRow1 a.fileicon:before,
.pageTexte .commande td.commandeRow2:nth-child(4n) a:before,
.pageTexte .commande td.commandeRow1:nth-child(4n) a:before {
  content: "\f0f6";
  color: #fecc00;
  font-size: 21px;
}
.pageTexte .commande tr:nth-child(-n+2) th,
.pageTexte .commande tr:nth-child(-n+2) td {
  border-top: 1px solid #EDEDED;
}

/*icone facture*/
.pageTexte table.commande {
  width: 100%;
}

/*----------------------------------------------------------------------------------
			>> inscription
----------------------------------------------------------------------------------*/
table.identification,
.identification {
  padding: 0px;
  margin: 0px;
  margin-bottom: 80px;
  margin-top: 30px;
  clear: both;
  background-color: transparent;
}
table.identification td.cadreInscription,
.identification td.cadreInscription {
  width: 49%;
  background-color: transparent;
}

table.identification td.cadreInscription:first-child,
.identification .cadreInscription:first-child {
  display: flex;
  flex-wrap: wrap;
}
table.identification td.cadreInscription:first-child a.button,
.identification .cadreInscription:first-child a.button {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  background-color: #fecc00;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #ffffff;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
table.identification td.cadreInscription:first-child a.button:hover,
.identification .cadreInscription:first-child a.button:hover {
  transition: 0.6s;
  color: #ffffff;
  border-color: #7d7d7d;
  background-color: #7d7d7d;
  -webkit-appearance: none;
}
table.identification td.cadreInscription:first-child a,
.identification .cadreInscription:first-child a {
  font-family: "open_sanssemibold";
  font-size: 14px;
  border: 0px;
  line-height: 28px;
  text-transform: uppercase;
  margin-left: auto;
}
table.identification td.cadreInscription:first-child h2,
.identification .cadreInscription:first-child h2 {
  width: 100%;
}

.cadreInscription form fieldset,
#Connexion fieldset,
.cadreInscription form td fieldset {
  border: none;
}
.cadreInscription form .submitBouton,
#Connexion .submitBouton,
.cadreInscription form td .submitBouton {
  background-position: top left;
  padding-top: 0px;
}
.cadreInscription form errorbox,
#Connexion errorbox,
.cadreInscription form td errorbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

/*----------------------------------------------------------------------------------
			>>formulaire
----------------------------------------------------------------------------------*/
.blocFormulaire table,
.blocFormulaire .formulaire {
  float: none;
  padding-top: 10px;
  padding-left: 10Px;
}
.blocFormulaire table {
  width: 100%;
  border-left: 10px;
  padding-bottom: 15px;
}
.blocFormulaire .formulaire .formulaire {
  border-left: 10px;
  padding-bottom: 15px;
}

.processusCommande .blocFormulaire table,
.processusCommande .blocFormulaire .formulaire .formulaire {
  padding-left: 0Px;
}
.processusCommande .blocFormulaire div.formulaire {
  padding-left: 10Px;
}

.blocFormulaire td {
  font-family: "open_sanslight";
  font-size: 13px;
  padding-bottom: 0px;
}
.blocFormulaire .formulaire td {
  height: auto;
  padding-bottom: 2px;
  padding-top: 2px;
}
.blocFormulaire .errorBox {
  color: red;
}
.blocFormulaire + .submitBouton {
  display: block;
  float: right;
}
.blocFormulaire + .submitBouton:before, .blocFormulaire + .submitBouton:after {
  display: table;
  content: " ";
}
.blocFormulaire + .submitBouton + h2 {
  margin-top: 60px;
}

form#adresses_cli + h2 {
  margin-top: 60px;
}
form#adresses_cli input.submitBouton {
  float: right;
}

/*----------------------------------------------------------------------------------
			>>formulaire >>bouton
----------------------------------------------------------------------------------*/
/* version fond orange au survol
@include buttonValidation (".submitBouton",
#ffffff,
#000000,
#000000,
#000,
#000000,
$couleurSecondaire);
*/
.submitBouton {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #000000;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
.submitBouton:hover {
  transition: 0.6s;
  color: #000;
  border-color: #000000;
  background-color: #fff;
  -webkit-appearance: none;
}

.bigSubmitBouton {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #000000;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
.bigSubmitBouton:hover {
  transition: 0.6s;
  color: #000;
  border-color: #000000;
  background-color: #fff;
  -webkit-appearance: none;
}

.bigSubmitBoutonImage {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #000000;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
.bigSubmitBoutonImage:hover {
  transition: 0.6s;
  color: #000;
  border-color: #000000;
  background-color: #fff;
  -webkit-appearance: none;
}

.submitBouton,
.bigSubmitBouton,
.smallSubmitBouton,
.bigSubmitBoutonImage {
  font-family: "open_sanssemibold";
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
}

#filtreCommande {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#filtreCommande button {
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
  border: 1px;
  height: auto;
  padding-left: 2px;
  padding-right: 2px;
  clear: none;
}

.commentaire {
  padding-bottom: 10px;
  display: block;
}

.zoneAdresse {
  border: 0px solid #F7B716;
}

.zoneCoordonnees .zoneAdresse a {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #000000;
  background-color: #fecc00;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #ffffff;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
.zoneCoordonnees .zoneAdresse a:hover {
  transition: 0.6s;
  color: #ffffff;
  border-color: #7d7d7d;
  background-color: #7d7d7d;
  -webkit-appearance: none;
}
.zoneCoordonnees .zoneAdresse a {
  font-family: "open_sanssemibold";
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  margin-top: 50px;
}

table.formulaire {
  /*
    @include buttonValidation ("a",
   #000,
   #fff,
   $grisFonce,
   #ffffff,
   $grisFonce,
   $grisFonce);
    a {
   font-size: 13px;
   color: $textGris;
  line-height: 28px;
               font-family: 'open_sanssemibold';
       font-size: 14px;
      text-transform: uppercase;

   }*/
}
table.formulaire p {
  margin-top: 0px;
}
table.formulaire a {
  display: inline-block;
}
table.formulaire a:first-letter {
  text-transform: uppercase;
}
table.formulaire a:hover {
  color: #fecc00;
}
table.formulaire a.retour {
  padding-bottom: 3px;
}

.cadreInscription .submitBouton {
  float: left;
}

.message,
.messageResultatOk {
  font-style: italic;
  color: #F7B716;
  padding-bottom: 10px;
}

P.messageResultatErreur,
div.messageResultatErreur,
.messageError,
.messageResultatOk {
  color: #F44349;
  font-weight: normal;
  padding-left: 5px;
}

.messageError {
  color: #F44349;
}

P.messageResultatErreur img {
  margin: 2px;
  margin-right: 10px;
  margin-left: 5px;
}

div.errorBox {
  color: #F44349;
}

form > div.errorBox {
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 5px;
  min-height: 38px;
}
form > div.errorBox:before {
  font-family: "storipro" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.4em;
  vertical-align: middle;
  margin-right: 5px;
  color: #F44349;
  /* Better Font Rendering =========== */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\e918";
}

div.errorBox input,
div.errorBox select {
  border: 1px solid #F44349;
}

/*recapitulatif montant en bas frais de livraison*/
#commande {
  padding-left: 0px;
}

/*----------------------------------------------------------------------------------
			>>barre de navigation haut de page du processus d'achat
----------------------------------------------------------------------------------*/
.processusAchat {
  clear: both;
  margin: 0px;
  padding: 0px;
  margin-bottom: 26px;
  margin-top: 5px;
  border: 0px solid red;
  right: 0px;
  text-align: right;
}
.processusAchat a {
  text-transform: capitalize;
  font-size: 14px;
  margin: 0px;
  display: inline-block;
  float: none;
  margin: 0px;
  padding: 3px;
  color: #000;
}
.processusAchat a > b {
  font-family: "open_sansextrabold";
  font-size: 30px;
  color: #fff;
  display: inline-block;
  background-color: #e5e5e5;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
}
.processusAchat a:hover {
  color: #000;
}
.processusAchat a:hover b {
  background-color: #7d7d7d;
}
.processusAchat a.selected {
  /*background-color:#F7B716;*/
}
.processusAchat a.selected > b:first-child {
  background-color: #fecc00;
}
/*----------------------------------------------------------------------------------
			>>barre de navigation bas de page du processus d'achat
----------------------------------------------------------------------------------*/
.processusCommande .navigationProcessusAchat {
  position: relative;
  top: 25px;
  /**/
  border: 0px solid green;
  float: none;
}
.processusCommande .navigationProcessusAchat table {
  width: auto;
  margin: 0px;
  padding: 0px;
  padding-top: 25px;
}

/*---------------------------------------------------------------------
				zone code promo
----------------------------------------------------------------------*/
.codePromo {
  position: relative;
  float: left;
  border: 0px solid red;
  text-align: left;
  clear: left;
  top: -60px;
  margin-left: 60px;
}
.codePromo form {
  font-size: 0.95em;
  color: #F7B716;
  font-weight: bolder;
  white-space: nowrap;
}
.codePromo form .submitBouton {
  background-image: none;
  clear: both;
  font-size: 14px;
  display: inline;
  float: none;
  padding: 0px;
  margin: 0px;
  width: auto;
  height: auto;
  border: 1px solid #cccccc;
  background-color: #ECE9D8;
  text-align: center;
  padding-right: 2px;
}

/*---------------------------------------------------------------------
				zone texte marchand caddie
----------------------------------------------------------------------*/
#aideCaddie {
  margin-right: 10px;
  position: relative;
  color: #666666;
  font-size: 11px;
  padding: 5px;
  color: #666666;
  font-size: 11px;
  text-align: left;
}
#aideCaddie p {
  margin: 0px;
  margin-right: 20px;
  text-align: left;
  background-color: transparent;
  padding-bottom: 10px;
  overflow: visible;
  font-weight: bolder;
  /*background-image:url(images/fd_avertissement.gif);
  background-repeat:no-repeat;*/
  font-size: 11px;
}

/*----------------------------------------------------------------------------------
			page conseil achat 
----------------------------------------------------------------------------------*/
table.conseilAchat {
  margin-top: 10px;
  border: 1px solid #68C2EF;
}

.fondBleu {
  background-color: #68C2EF;
  color: #0D3551;
  font-weight: bolder;
  text-transform: uppercase;
}

.fondBleuClair {
  border-bottom: 1px dashed #68C2EF;
  background-color: #8FDAFF;
  color: #3a87ad;
}

/*---------------------------------------------------------------------
			menu coté compte client
----------------------------------------------------------------------*/
#menuClient {
  margin: 0 0 10px 10px;
}
#menuClient .header,
#menuClient .footer {
  background-repeat: no-repeat;
  height: 12px;
  width: 100%;
}
#menuClient .header {
  background-image: url("images/menuTop.jpg");
}
#menuClient .menu {
  background-color: #F7B716;
  background-image: none;
  color: #FFFFFF;
  padding-left: 5px;
}
#menuClient .footer {
  background-image: url("images/menuBas.jpg");
}
#menuClient .menu form h2 {
  border-bottom: 2px dotted #83D6D4;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  text-align: center;
}
#menuClient .menu form h2 b {
  color: #FFFFFF;
  display: block;
}
#menuClient .menu a {
  background-image: url("images/puce_verte.gif");
  background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: normal;
  padding-bottom: 4px;
  padding-left: 25px;
  padding-top: 3px;
}
#menuClient .menu a.lienSpecial {
  background-image: url("images/puce_verte.gif");
  background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: normal;
  padding-bottom: 4px;
  padding-left: 25px;
  padding-top: 3px;
}
#menuClient .menu a:hover {
  color: #83D6D4;
  text-decoration: none;
}

/* ==========================================================
====== FORMULAIRE INSCRIPTION CLIENT & ESPACE CLIENT ========
========================================================== */
form {
  text-align: left;
}
form .blocFormulaire .obligatoire > span:first-child:before {
  content: "* ";
}
form .blocFormulaire fieldset {
  border: none;
}
form .blocFormulaire fieldset div {
  margin-bottom: 5px;
}
form .blocFormulaire fieldset div span {
  display: inline-block;
}
form .blocFormulaire fieldset label {
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  form .blocFormulaire fieldset label select {
    width: 70%;
  }
}
form .blocFormulaire fieldset label input {
  margin-bottom: 5px;
}
form .blocFormulaire fieldset label > span {
  display: block;
  margin-bottom: 5px;
}
form .blocFormulaire fieldset span.radio label {
  display: inline-block;
}

/* ==========================================================
============== POP UP ESPACE CLIENT INSCRIPTION =============
========================================================== */
.espaceClient #minimoduleEspaceClientPop {
  padding: 20px;
}
.espaceClient #minimoduleEspaceClientPop .likeH2 {
  display: block;
  margin-bottom: 10px;
}
.espaceClient #minimoduleEspaceClientPop form fieldset {
  width: 100%;
}
.espaceClient #minimoduleEspaceClientPop form fieldset label {
  display: block;
  margin-bottom: 8px;
}
.espaceClient #minimoduleEspaceClientPop form fieldset label span {
  display: inline-block;
}
.espaceClient #minimoduleEspaceClientPop form fieldset label input {
  padding: 7px 8px;
}
.espaceClient #minimoduleEspaceClientPop form fieldset label input.champTexte {
  display: block;
  width: 100%;
  margin-top: 2px;
  background: none;
}
.espaceClient #minimoduleEspaceClientPop form fieldset label input.radioBox {
  margin-right: 2px;
}
.espaceClient #minimoduleEspaceClientPop form fieldset button {
  float: none;
  width: 100%;
  margin: 2px 0 8px;
}

/******************************************** CREABILIS tag cloud iCercle ****************************************/
#iCercle_tagCloud ul {
  padding: 0 0 10px 16px;
  margin: 10px 0 0 0;
  float: left;
  list-style-type: disc;
  font-size: 10px;
  width: 200px;
}
#iCercle_tagCloud ul li {
  white-space: nowrap;
  padding: 0px;
  margin: 0;
}
#iCercle_tagCloud ul li a {
  letter-spacing: 0.1em;
}

/******************************************** fin CREABILIS tag cloud iCercle ****************************************/
/******************************************** DEB CREABILIS ihm calcul AJAX ****************************************/
input.error {
  border: 1px solid red;
  background: rgba(255, 0, 0, 0.08);
}

.ficheProduit .menuCommande p.error {
  color: red;
}

#erreurLimite {
  color: red;
  padding: 4px;
  text-align: center;
  min-height: 43px;
  max-width: 1000px;
  padding-right: 40px;
}
#erreurLimite:before {
  font-family: "storipro";
  content: "\e918";
  color: red;
  margin-right: 10px;
}

#conteneurErreur {
  bottom: 101px;
  display: none;
  position: absolute;
  right: 12px;
  width: 200px;
}

#loader {
  text-align: center;
}

.zonePrix #loader {
  position: relative;
  top: 20px;
}

#achatSurMesure .zonePrix {
  position: absolute;
  margin-top: 20px;
  bottom: 0;
  right: 0;
}
#achatSurMesure .zonePrix #loader {
  position: relative;
  top: 0px;
}

/******************************************** FIN CREABILIS ihm calcul AJAX ****************************************/
#nanomoduleCaddie sup {
  size: 9px;
  vertical-align: middle;
}

/*----------------------------------------------------------------------------------
			bloc d'info de gestion du cache
----------------------------------------------------------------------------------*/
#cacheForce {
  background-color: #FF6600;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
}
#cacheForce a {
  color: #000;
}

/*----------------------------------------------------------------------------------
			fenetre modale d'achat
----------------------------------------------------------------------------------*/
#achatConfirm p {
  text-align: center;
  font-size: 24px;
  font-weight: bolder;
  padding: 0px;
  margin: 0px;
  padding-bottom: 15px;
  color: #F7B716;
}
#achatConfirm h1 a {
  font-size: 18px;
  padding-right: 24px;
}

* + html #achatConfirm h1 {
  position: relative;
  overflow: hidden;
}

#achatConfirm h1 img {
  float: left;
}
#achatConfirm .navigation.navigationProcessusAchat {
  text-align: center;
  padding: 5px 0 5px 25px;
  position: relative;
  overflow: hidden;
}

* + html #achatConfirm .navigation.navigationProcessusAchat {
  padding-left: 200px;
  clear: none;
  float: right;
  display: block;
  padding: 0px;
  margin: 0px;
}
* + html #achatConfirm .navigationProcessusAchat a {
  float: left;
  display: block;
}

#achatConfirm .navigationProcessusAchat span {
  /* a {
      background-color: transparent;
      background-image: url("images/btn_ajoutPanier.png");
      text-decoration: none;
      background-position: center -31px;
      background-position: center 0px;
      background-repeat: no-repeat;
      font-weight: normal;
      height: 30px;
      width: 173px;
      margin: 0;
      padding: 4px 0 0 7px;
      text-align: center;
      text-transform: none;
      line-height: 18px;
      border: 0px;
      color: #fff;
      font-size: 12px;
      height: 24px;
      display: -moz-inline-box;
      display: inline-block;

      &:hover {
          background-position: center -31px;
          color: #000;
      }
  }*/
}
#achatConfirm .navigationProcessusAchat span a {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #000000;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
#achatConfirm .navigationProcessusAchat span a:hover {
  transition: 0.6s;
  color: #000;
  border-color: #000000;
  background-color: #fff;
  -webkit-appearance: none;
}
#achatConfirm .navigationProcessusAchat span:first-child a, #achatConfirm .navigationProcessusAchat span:nth-child(2) a {
  background-color: #fff;
  color: #000;
  text-decoration: underline;
  border: 0px;
}

#services {
  color: #000;
  font-size: 13px;
  text-align: left;
}
#services .row div {
  min-height: 90px;
  padding-top: 20px;
  padding-bottom: 10px;
  position: relative;
}
#services .row div:before {
  color: #000;
  font-family: "storipro" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  float: left;
  margin-right: 15px;
}
#services .row div#biblio:before {
  content: "\e910";
  content: "\e910";
  font-size: 3em;
}
#services .row div#catalogue:before {
  content: "\e904";
  font-size: 4em;
}
#services .row div#devis:before {
  margin-right: 10px;
  content: "\e907";
  font-size: 4em;
}
#services .row div:hover:before {
  color: #fecc00;
}
#services p.likeH4 {
  text-transform: uppercase;
  font-family: "open_sans_condensedbold";
  font-size: 16px;
  line-height: normal;
}
#services p {
  margin: 0;
  margin-left: 55px;
  line-height: 1em;
}
#services a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
}

#rassuranceMarchand a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
}

@media (min-width: 1200px) {
  a.logotype {
    width: 268px;
  }
  .page #header h5 {
    font-size: 24px;
  }
  #achatSurMesure .zonePrix {
    margin-top: -40px;
  }
}
#footer #adresse h1 {
  font-size: 16px;
}

@media (min-width: 376px) {
  form#changeMDP .blocFormulaire fieldset label > span {
    display: inline-block;
    width: 165px;
  }
}
@media screen and (max-width: 767px) {
  .description .etiquette h1 {
    font-size: 24px;
  }
  .description .attributProduit h2 {
    font-size: 18px;
  }
  .description .attributProduit ul,
  .description .attributProduit p {
    font-size: 14px;
  }
  .imageProduit .vueSecondaire {
    top: -156px;
    right: -85%;
  }
  .imageProduit .vueSecondaire a {
    width: 100%;
    padding-bottom: 8px;
  }
  #formDimensionsSurMesure .notification {
    padding-left: 50px;
  }
  .row.descriptionProduitTop {
    display: flex;
    flex-direction: column;
  }
  .row.descriptionProduitTop .imageProduit {
    margin: auto;
  }
  .row.descriptionProduitTop .imageProduit > a img {
    height: 100%;
  }
  .blocFormulaire textarea,
  .blocFormulaire input#client_sujet {
    width: 100%;
  }
  .pageTexte form#message td > input,
  .pageTexte form#message td > select, .pageTexte form#inscriptionNewsletter td > input,
  .pageTexte form#inscriptionNewsletter td > select {
    width: 90%;
  }
  .pageTexte form#message .submitBouton, .pageTexte form#inscriptionNewsletter .submitBouton {
    margin-top: 50px;
  }
}
@media screen and (max-width: 992px) {
  #achatSurMesure .zonePrix {
    position: initial;
  }
  #achatSurMesure .zonePrix.col-xs-24 {
    text-align: center;
  }
}
@media screen and (max-width: 425px) {
  .ficheProduit .description .etiquette h1 {
    line-height: 1em;
  }
  .ficheProduit .etape .likeH1 {
    font-size: 22px;
  }
  .ficheProduit .etape .likeH1:before {
    font-size: 28px;
    margin-right: 5px;
  }
}
#contactForPro {
  position: fixed;
  bottom: 28%;
  right: 0px;
  background-color: rgba(254, 204, 0, 0.7);
  z-index: 20000;
  padding: 20px 5px 25px 5px;
  text-align: center;
  transition: 0.5s;
}
#contactForPro a {
  color: #000;
  text-transform: uppercase;
  font-family: "open_sanslight";
  font-size: 1rem;
  transition: 0.5s;
}
#contactForPro a strong {
  font-family: "open_sansregular";
  font-size: 1.2rem;
  display: block;
  color: #fff;
}
#contactForPro a:before {
  content: "\e90f";
  display: block;
  font-size: 3rem;
  font-family: "ornea";
  color: #fff;
}
#contactForPro:hover {
  background-color: #fecc00;
}
#contactForPro:hover * {
  color: #fff;
}
@media screen and (max-width: 992px) {
  #contactForPro {
    bottom: 0px;
    width: auto;
    padding: 5px;
    padding-right: 15px;
  }
  #contactForPro a {
    display: flex;
    align-items: center;
  }
  #contactForPro a strong {
    display: inline-block;
    padding-right: 5px;
  }
  #contactForPro a:before {
    display: inline-block;
  }
  #contactForPro ~ #footer {
    margin-bottom: 50px;
  }
}

body.compteClient #contactForPro, body.compteClientConnexion #contactForPro {
  display: none;
}

form button[name=afficher_archive] {
  margin-bottom: 2rem;
}

.toggle {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
  gap: 0.5rem;
}

.toggle-switch {
  display: inline-flex;
  border-radius: 16px;
  width: 8rem;
  height: 30px;
  position: relative;
  vertical-align: middle;
  align-items: center;
  transition: background 0.25s;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  flex-wrap: nowrap;
  background: #000;
  color: #fff;
  justify-content: flex-end;
}

.toggle-switch:before, .toggle-switch:after {
  content: "";
}

.toggle-switch:before {
  display: block;
  background: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 3px;
  right: auto;
  left: 3px;
  transition: left 0.25s;
}

.toggle-checkbox:checked + .toggle-switch {
  background: #fecc00;
  justify-content: flex-start;
  color: inherit;
}

.toggle-checkbox + .toggle-switch.click {
  background-color: #e5e5e5;
  color: #7d7d7d;
  font-style: italic;
}

.toggle-checkbox:checked + .toggle-switch:before {
  left: auto;
  right: 3px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/*# sourceMappingURL=style_generic.css.map */