/* -------------------------------------------------------------------------------------- //
 * -------------------------------------// RESET CSS //---------------------------------- //
 * -------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
body {
  font: normal 62.5% 'Source Sans Pro', sans-serif;
  background: url("../images/bg-rep.png") repeat scroll 0 0 #fff;
  color: #000000;
}
#corps {
  background: url("../images/bg-body2.png") no-repeat scroll bottom center transparent;
  padding-bottom: 10px;
}
body.page-fond-blanc {
  background: url("../images/bg-rep2.png") repeat-x scroll 0 0 #fff;
}
body.page-fond-blanc #body2 {
  background: none transparent;
}
#header {
  background: url("../images/bg-header2.png") repeat-x scroll 0 0 transparent;
}
#c1-header {
  margin: 0 auto;
  position: relative;
  width: 960px;
  min-height: 126px;
}
/*
.page-lunettes-vue {
	background: url(../images/bg-body2-lunettes-vue-rep.jpg) repeat-x left top;
}

.page-lunettes-soleil {
	background: url(../images/bg-body2-lunettes-soleil-rep.jpg) repeat-x left top;
}

.page-lunettes-vue #body2 {
	background: url(../images/bg-body2-lunettes-vue.jpg) no-repeat center top;
}

.page-lunettes-soleil #body2 {
	background: url(../images/bg-body2-lunettes-soleil.jpg) no-repeat center top;
}*/
.page-standard #corps {
  background: #fff;
}
/*
font-family: 'Source Sans Pro', sans-serif;

.msie6, .msie7, .msie8 {
	background: #cccccc;
}*/
img {
  border: none;
}
a,
label,
button {
  cursor: pointer;
}
a {
  color: #BFD446;
}
a:hover,
a:focus {
  text-decoration: none;
}
p,
li,
label,
address,
td,
th {
  font-size: 1.2em;
  color: #000000;
}
label {
  color: #000000;
}
strong {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-weight: bold;
}
ul {
  padding-left: 2em;
}
address {
  font-style: normal;
  margin: 0.6em 0;
}
input,
textarea,
select,
textarea,
button {
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
  font-size: 1.2em;
  color: #000000;
}
.textbox,
textarea {
  border: 1px solid #cccccc;
  padding: 2px 3px;
  color: #000000;
}
.textbox:hover,
.textbox:focus,
textarea:hover,
textarea:focus {
  border-color: #bfd446;
}
textarea {
  height: 6em;
}
select {
  border: 1px solid #cccccc;
  color: #000000;
}
.textbox:hover,
.textbox:focus,
textarea:hover,
textarea:focus {
  border: 1px solid #cccccc;
}
.clear {
  clear: both;
}
.clear1px {
  clear: both;
  font-size: 1px;
}
.hidden {
  display: none !important;
}
/* ---------------------------------- Boutons ----------------------------------- */
.button {
  cursor: pointer;
  overflow: visible;
  width: 1;
  display: -moz-inline-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  border: 0;
  background: none;
  border: none;
  font-size: 1em;
}
.button span {
  position: relative;
  float: left;
  vertical-align: middle;
}
.button span span {
  display: block;
}
a.button,
a.button:hover,
a.button:focus {
  text-decoration: none;
}
.btnT1 span,
#w_dialog-message #w_pagepanier span {
  display: block;
  padding: 0;
  background: none;
}
.btnT1 span span,
#w_dialog-message #w_pagepanier span span {
  padding: 0 8px;
  height: 25px;
  line-height: 23px;
  font-size: 13px;
  background: #cddd6d;
  background: -moz-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cddd6d), color-stop(100%, #c0d447));
  background: -webkit-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -o-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -ms-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cddd6d', endColorstr='#c0d447', GradientType=0);
  border: 1px solid #c0d447;
  color: #fff;
}
.btnT2 span,
#w_dialog-message #w_pageretour span {
  display: block;
  padding: 0;
  background: none;
}
.btnT2 span span,
#w_dialog-message #w_pageretour span span {
  padding: 0 8px;
  height: 25px;
  line-height: 23px;
  font-size: 13px;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  border: 1px solid #d6d6d6;
  color: #212121;
}
.btnT3 span span {
  border: none;
  height: 22px;
  line-height: 21px;
  padding: 0 8px;
  font-size: 1.2em;
  background: #cddd6d;
  background: -moz-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cddd6d), color-stop(100%, #c0d447));
  background: -webkit-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -o-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -ms-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cddd6d', endColorstr='#c0d447', GradientType=0);
  color: #fff;
}
.btnT4 span {
  display: block;
  float: right;
  padding: 0;
  background: #cddd6d;
  background: -moz-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cddd6d), color-stop(100%, #c0d447));
  background: -webkit-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -o-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -ms-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cddd6d', endColorstr='#c0d447', GradientType=0);
  border: 1px solid #c0d447;
  color: #fff;
}
.btnT4 span span {
  padding: 6px 47px 6px 10px;
  border: none;
  background: url(../images/c-btn-valider-blanc.png) no-repeat right 13px;
}
.msie6 .btnT4 span span {
  background: url(../images/c-btn-valider-blanc-ie6.png) no-repeat right 13px;
}
.btnT4 span span span {
  padding: 0 12px 0 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 1px solid #97b100;
  color: #ffffff;
  background: none;
}
.msie6 .btnT4 span span span {
  background: none;
}
.btnT5 span {
  padding: 0 10px;
  background: #cddd6d;
  background: -moz-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cddd6d), color-stop(100%, #c0d447));
  background: -webkit-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -o-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -ms-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cddd6d', endColorstr='#c0d447', GradientType=0);
  border: 1px solid #c0d447;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.btnT5 span span {
  padding: 0;
  height: 35px;
  line-height: 35px;
  background: none;
  border: none;
}
.btnT6 span {
  padding: 0 10px;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  border: 1px solid #d6d6d6;
  color: #212121;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.btnT6 span span {
  padding: 0;
  height: 35px;
  line-height: 35px;
  background: none;
  border: none;
}
.btn-ajpan-fiche span {
  float: right;
  display: block;
  padding: 2px 10px;
  background: #4b4b4b;
  background: -moz-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -o-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -ms-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: linear-gradient(top, #4b4b4b 0%, #000000 100%);
  border: 3px solid #b2b2b2;
  color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.btn-ajpan-fiche span span {
  border: none;
  padding: 0 0 0 26px;
  height: 26px;
  line-height: 24px;
  text-indent: 0;
  width: auto;
  background-position: 0 3px;
  font-size: 13px;
  color: #ffffff;
  background: url(../images/c-btn-ajpan2.png) no-repeat 0 3px;
}
.msie6 .btn-ajpan-fiche span span {
  background: url(../images/c-btn-ajpan2-ie6.png) no-repeat 0 3px;
}
.btn-ajpan-fiche span span span {
  float: none;
  display: inline;
  padding: 0 6px 0 0;
  border-right: 1px solid #000;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-right: 6px;
  font-size: 1em;
  vertical-align: baseline;
}
#BtnAddCartSup span span span {
  background: none;
}
#btn-aller-pop span {
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  border-color: #d6d6d6;
}
#btn-aller-pop span span {
  background: url(../images/p-btn-aller-panier-noir.png) no-repeat right 7px;
  color: #212121;
}
.msie6 #btn-aller-pop span span {
  background: url(../images/p-btn-aller-panier-noir-ie6.png) no-repeat right 7px;
}
.zone-btn {
  padding-top: 10px;
}
/* -------------------------------------------------------------------------------------- //
 * -----------------------------------// COMBOBOX //------------------------------------- //
 * -------------------------------------------------------------------------------------- */
.comboBox,
.comboBoxChild {
  cursor: default;
}
.comboBox {
  border: 1px solid #666666;
  height: 18px;
  background: #e7e7e7;
}
.comboBox input {
  height: 16px;
  font-size: 11px;
  padding: 1px 4px;
  background: transparent;
  color: #000000;
}
.comboBox .comboBoxSelect {
  cursor: pointer;
  height: 18px;
  width: 25px;
  background: #666666 url(../images/c-btn-combobox-blanc.png) no-repeat 8px 4px;
}
.msie6 .comboBox .comboBoxSelect {
  background: #666666 url(../images/c-btn-combobox-blanc-ie6.png) no-repeat 8px 4px;
}
.comboBoxList {
  border: 1px solid #000000 !important;
  background: #ffffff;
}
.comboBoxList li {
  font-size: 11px;
}
.comboBoxList .alt {
  background: #cccccc;
}
.comboBoxList .comboBoxChildHover {
  background: #666666 !important;
}
.comboBoxList .comboBoxChildHover a {
  color: #ffffff !important;
}
.comboBoxList .current {
  background: #444444 !important;
}
/* ------------- Chosen --------------- */
.chzn-container {
  font-size: 1em;
}
.chzn-container .chzn-results {
  max-height: 340px;
}
.chzn-container .chzn-results li {
  padding: 5px 7px 6px;
  font-size: 11px;
}
.chzn-container .chzn-results .group-result {
  color: #000;
}
.chzn-container-single .chzn-single {
  font-size: 11px;
  color: #000;
  height: 19px;
  line-height: 19px;
  border-color: #dfdede;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}
.chzn-container,
.chzn-container * {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.chzn-container-single .chzn-single div {
  width: 22px;
  border-color: #dfdede;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}
.chzn-container-single .chzn-single div b {
  background-position: 3px -2px;
}
.chzn-container-single .chzn-drop {
  border-color: #dfdede;
}
.chzn-container-single .chzn-search {
  display: none;
}
/* -------------------------------------------------------------------------------------- //
 * -------------------------------------// BLOCS //-------------------------------------- //
 * -------------------------------------------------------------------------------------- */
.block p,
.block li,
.bloc address {
  margin-bottom: 6px;
}
/* -------------------------------------------------------------------------------------- //
 * -------------------------------------// TITRES //------------------------------------- //
 * -------------------------------------------------------------------------------------- */
.h1 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 7px;
  color: #212121;
}
.h1 strong {
  display: block;
  text-transform: uppercase;
}
.h2 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 16px 0;
  padding: 6px 14px;
  background: #363636;
  background: -moz-linear-gradient(top, #363636 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #363636 0%, #000000 100%);
  background: -o-linear-gradient(top, #363636 0%, #000000 100%);
  background: -ms-linear-gradient(top, #363636 0%, #000000 100%);
  background: linear-gradient(top, #363636 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#000000', GradientType=0);
  border: 1px solid #000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
}
.h3 {
  font-size: 1.3em;
  text-transform: uppercase;
  margin: 10px 0;
  color: #666666;
}
.h1 a {
  color: #333333;
}
.h1 a:hover,
.h1 a:focus {
  text-decoration: underline;
  color: #000000;
}
.h1 a,
.h2 a {
  text-decoration: none;
}
/* Titres des blocs de l'accueil, des pages informatives, des listes de produits et de catégories, etc. */
.titre-blocT1 {
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.6em;
  margin: 1em 0;
  color: #bfd446;
}
.sous-titre-blocT1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4em;
  margin: 1em 0;
}
/* Titres des rubriques du processus de commande */
.titre-processus {
  font-size: 2em;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  margin-bottom: 16px;
  background: url(../images/c-pointillets-h.png) repeat-x left top;
  color: #212121;
}
.titre-processus strong {
  display: block;
  padding: 6px 0 4px 0;
  text-transform: uppercase;
  background: url(../images/c-pointillets-h.png) repeat-x left bottom;
}
/* -------------------------------------------------------------------------------------- //
 * -------------------------------------// TABLEAUX //----------------------------------- //
 * -------------------------------------------------------------------------------------- */
table,
td,
th {
  border: none;
}
th {
  padding: 4px 8px;
  font-weight: normal;
  background: #666666;
  background: -moz-linear-gradient(top, #666666 0%, #444444 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #444444));
  background: -webkit-linear-gradient(top, #666666 0%, #444444 100%);
  background: -o-linear-gradient(top, #666666 0%, #444444 100%);
  background: -ms-linear-gradient(top, #666666 0%, #444444 100%);
  background: linear-gradient(top, #666666 0%, #444444 100%);
  color: #ffffff;
}
.tableT1 thead th {
  background: none;
}
td {
  padding: 4px 8px;
}
td p,
td li,
td address,
td label,
td input,
td select,
th p,
th li,
th address,
th label,
th input,
th select {
  font-size: 1em;
}
table caption {
  font-size: 1.4em;
  padding-bottom: 8px;
}
.tableT1,
.tableT1 th,
.tableT1 td {
  border-collapse: collapse;
}
.tableT1 thead th {
  padding: 0 1px;
}
.tableT1 thead th div {
  overflow: hidden;
  white-space: nowrap;
  padding: 4px 8px;
  background: #4b4b4b;
  background: -moz-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -o-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -ms-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: linear-gradient(top, #4b4b4b 0%, #000000 100%);
  color: #ffffff;
}
.cadre-tableT2 {
  padding: 5px;
  background: #4b4b4b;
  background: -moz-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -o-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -ms-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: linear-gradient(top, #4b4b4b 0%, #000000 100%);
}
.c1-cadre-tableT2 {
  padding: 5px;
  background: #ffffff;
}
.tableT2,
.tableT2 th,
.tableT2 td {
  border-collapse: collapse;
}
.tdl {
  text-align: left;
}
.tdc {
  text-align: center;
}
.tdr {
  text-align: right;
}
/* -------------------------------------------------------------------------------------- //
 * -----------------------------------// FORMULAIRES //---------------------------------- //
 * -------------------------------------------------------------------------------------- */
.success {
  color: green;
}
.erreur {
  margin-bottom: 2em;
}
.erreur * {
  font-weight: bold;
  color: red;
}
/* Formulaires généraux */
.formT1 {
  overflow: hidden;
  margin-bottom: 10px;
}
.formT1 .titre-form {
  font-size: 1.8em;
  font-weight: bold;
  font-style: italic;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 12px;
}
.formT1 fieldset {
  margin: 1em 0 2em 0;
  padding: 6px 0;
  border: none;
}
.formT1 fieldset legend {
  padding: 0 4px;
  font-size: 1.3em;
  font-weight: bold;
  color: #000000;
}
.formT1 fieldset legend em {
  font-size: 11px;
  font-weight: normal;
}
.regroupement {
  padding-right: 30px;
  margin-bottom: 0.6em;
  overflow: hidden;
  clear: both;
  position: relative;
}
.msie6 .no-column .formT1 .regroupement {
  width: 900px;
}
.verif-champ {
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  height: 12px;
  width: 12px;
}
.champ-ko .textbox,
.champ-ko textarea,
.champ-ko select {
  border-color: #bfd446;
}
.champ-ko .verif-champ {
  background: url(../images/c-champ-ko.png) no-repeat right center;
}
.msie6 .champ-ko .verif-champ {
  background: url(../images/c-champ-ko-ie6.png) no-repeat right center;
}
.champ-ok .verif-champ {
  background: url(../images/c-champ-ok.png) no-repeat right center;
}
.msie6 .champ-ok .verif-champ {
  background: url(../images/c-champ-ok-ie6.png) no-repeat right center;
}
.msie6 .regroupement {
  width: 100%;
  float: right;
}
.formT1 label {
  float: right;
  margin-top: 0.2em;
}
.formT1 label em {
  font-size: 11px;
}
.formT1 .precision {
  clear: both;
  float: right;
  width: 292px;
  font-size: 1.1em;
  font-style: italic;
  color: #666666;
}
#check-livraison {
  padding-top: 4px;
}
#check-livraison label {
  width: 322px;
}
.formT1 .textbox,
.formT1 textarea,
.formT1 select {
  float: right;
  width: 284px;
  margin-left: 20px;
}
.formT1 textarea {
  max-width: 284px;
}
.formT1 select {
  width: 292px;
}
.choix-horiz ul {
  margin-left: 20px;
  list-style: none;
  list-style-image: none;
  float: right;
  width: 292px;
  padding-left: 0;
}
#inscription p {
  float: right;
  width: 218px;
  font-size: 1.1em;
  text-align: right;
}
.choix-horiz ul li {
  float: left;
  font-size: 1em;
  margin-right: 2em;
}
.formT1 .choix-horiz ul.choix-select li select {
  width: auto;
  margin-left: 0;
}
.formT1 .choix-horiz ul.choix-select li {
  margin-right: 0.3em;
}
.formT1 .choix-horiz ul.full {
  clear: both;
}
.msie6 .choix-horiz ul li label,
.msie6 .choix-horiz ul li select {
  float: left;
}
.formT1 .zone-button {
  padding: 6px 27px 0 0;
  float: right;
  clear: both;
}
.formT1 .zone-button a {
  margin-right: 20px;
  font-size: 1.1em;
  color: #000000;
}
.formT1 .zone-button2 {
  float: right;
  width: auto;
  margin-bottom: 1em;
}
.formT2 .regroupement {
  margin-bottom: 0.6em;
  overflow: hidden;
}
.formT2 label {
  float: right;
  margin-top: 0.2em;
}
.formT2 .textbox {
  float: right;
  width: 14em;
  margin-left: 0.4em;
}
.warning {
  margin-right: 2px;
}
/* -------------------------------------------------------------------------------------- //
 * ---------------------------------// LISTES DE PRODUITS //----------------------------- //
 * -------------------------------------------------------------------------------------- */
/* Blocs conteneurs des textes des listes de produits et de catégories, des pages informatives, des articles du blog, etc. */
.block {
  margin-bottom: 1.4em;
  overflow: hidden;
}
.tooltip {
  font-size: 1.2em;
}
/* --------------------------- Listes des produits générales ----------------------------- */
.list-prod {
  clear: both;
}
.list-tri {
  font-size: 11px;
  margin-bottom: 1em;
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
}
.list-tri a,
.list-tri span {
  white-space: nowrap;
}
.list-prod .list-tri a {
  text-decoration: underline;
}
.list-prod .list-tri a:hover,
.list-prod .list-tri a:focus {
  text-decoration: none;
}
.ligne-prod {
  clear: both;
  margin-bottom: 8px;
}
.list-prod .prod {
  width: 175px;
  float: left;
  cursor: pointer;
  border: 1px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  border-top: none;
  margin-right: 8px;
}
.selection .prod,
.cross-sell .prod {
  margin-right: 11px;
}
.list-prod .last {
  margin-right: 0px;
}
.msie6 .list-prod .prod {
  margin-right: 16px;
}
.list-prod .prod:hover,
.list-prod .prod:focus {
  border-color: #323232;
  background: #323232;
}
.list-prod .ligne-prod .last {
  margin-right: 0;
}
.msie6 .list-prod .ligne-prod .last {
  margin-right: 0;
}
.list-prod .cont-prod {
  position: relative;
}
.list-prod .haut-prod {
  text-align: center;
  padding: 10px 10px 0 10px;
}
.list-prod a.photo {
  display: block;
  margin: -10px -10px 8px -10px;
  background: #fff;
}
.list-prod a {
  text-decoration: none;
}
.list-prod .haut-prod .nom {
  font-size: 14px;
  text-align: left;
}
.list-prod .nom,
.list-prod .nom a {
  text-align: left;
  color: #202020;
  font-weight: normal;
}
.list-prod .brand a {
  font-size: 12px;
  font-weight: normal;
  display: block;
  text-transform: none;
  text-align: left;
  color: #bfd446;
}
.list-prod .prod:hover .nom a,
.list-prod .prod:focus .nom a,
.list-prod .prod:hover .brand a,
.list-prod .prod:focus .brand a,
.list-prod .prod:hover .prix strong,
.list-prod .prod:focus .prix strong,
.list-prod .prod:hover .prix a del,
.list-prod .prod:focus .prix a del,
.list-prod .prod:focus .prix span,
.list-prod .prod:hover .prix span {
  color: #fff;
}
.list-prod .brand a:hover,
.list-prod .brand a:focus {
  text-decoration: underline;
}
.list-prod .bas-prod {
  overflow: hidden;
  width: 166px;
  padding: 4px 0px 4px 10px !important;
}
.list-prod .prix {
  font-size: 10px;
}
.list-prod .prix a {
  color: #303030;
}
.list-prod .prix span {
  font-size: 11px;
  display: block;
}
.list-prod .prix strong {
  font-size: 18px;
  color: #131313;
}
.list-prod .prix a strong.promo-prix {
  color: #ca1919;
}
.list-prod .prix a del {
  color: #333333;
}
.list-prod .prix del {
  font-size: 13px;
}
.list-prod .btn-ajpan,
.list-prod .btn-voir-fiche {
  float: right;
  border: none;
  background: none;
  width: 21px;
}
.list-prod .prod .description,
.cross-sell .prod .description {
  display: none;
}
.etatPrix {
  padding: 3px 6px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  background: #bfd446;
  color: #ffffff;
}
.promo {
  background: #df0000;
  color: #ffffff;
}
.nouveaute {
  background: #20a4e2;
  color: #fff;
}
.list-prod .etatPrix {
  position: absolute;
  top: 0;
  left: 0;
}
.etatPrix span {
  white-space: nowrap;
}
.etatPrix strong {
  text-transform: none;
}
/* --------------------------------- Filtres ----------------------------------- */
#filtres-liste,
.pagination {
  margin-bottom: 20px;
  background: #f3f3f3;
  padding: 4px 10px;
  width: 715px;
}
#filtres-liste p {
  font-size: 1.2em;
}
#filtres-liste select {
  font-size: 11px;
}
#filtres-liste .comboBox {
  display: block;
  float: left;
}
#liste-categories .comboBox,
#liste-categories .comboBox input {
  width: 200px !important;
}
#liste-tri .comboBox,
#liste-tri .comboBox input {
  width: 160px !important;
}
#filtres-liste strong,
.pagination strong {
  float: left;
  display: block;
  height: 18px;
  line-height: 18px;
  margin-right: 6px;
  font-weight: normal;
  padding-top: 3px;
}
#liste-tri {
  float: left;
}
#liste-tri .chzn-search {
  display: none;
}
/* ------------------------------------------- Pagination ---------------------------------------- */
.pagination {
  overflow: hidden;
}
.navig-page {
  text-align: right;
  margin-left: 20px;
  float: right;
}
.navig-page a {
  margin-left: 6px;
  float: left;
  display: block;
  text-align: center;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-decoration: none;
  color: #212121;
}
.navig-page a.current,
.navig-page a:hover,
.navig-page a:focus {
  background: #bfd446;
  color: #fff;
}
/* -------------------------------------------------------------------------------------- //
 * --------------------------------------// HEADER //------------------------------------ //
 * -------------------------------------------------------------------------------------- */
#c2-header {
  margin: 0 auto;
  position: absolute;
  padding: 0;
  min-height: 113px;
}
#logo {
  font-size: 1em;
  margin-bottom: 0;
  float: left;
}
#logo a {
  display: block;
  text-decoration: none;
}
#logo a span {
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  height: 0;
}
#logo #nom-boutique {
  text-transform: uppercase;
  font-size: 2.4em;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b2b2b;
}
#logo #slogan-boutique {
  font-size: 1.8em;
  font-style: italic;
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
  color: #000000;
}
/* -------------- Compte / Panier ----------------- */
#comptepanier {
  margin-top: 20px;
  float: right;
}
#compte-panier {
  height: 52px;
  float: right;
  background: url(../images/h-compte-panier.png) no-repeat left bottom;
  margin-top: 25px;
  width: 242px;
}
#c1-compte-panier {
  height: 32px;
  padding: 0 0 0 74px;
  margin-top: 10px;
  border-left: 1px solid #ffffff;
  float: left;
}
#mon-compte {
  border-right: 1px solid #C4C4C4;
  float: right;
  font-size: 12px;
  height: 18px;
  margin-top: 36px;
  padding: 7px 10px 7px 0;
  position: absolute;
  right: 242px;
}
#mon-compte.connected {
  padding: 7px 34px 7px 0;
  background: url("../images/puce-compte.png") no-repeat scroll 80px 13px transparent;
}
#mon-compte a {
  font-size: 12px;
  color: #212121;
  text-transform: uppercase;
  text-decoration: none;
}
#mon-compte a:hover,
#mon-compte a:focus {
  text-decoration: underline;
}
#mon-compte #lien-compte {
  font-size: 12px;
  color: #212121;
  font-weight: 600;
}
#lien-deconnexion {
  margin-left: 6px;
}
#mon-panier a {
  display: block;
  float: right;
  font-weight: 600;
  text-decoration: none;
  color: #212121;
  overflow: hidden;
  font-size: 15px;
}
#nb_prod span {
  text-transform: uppercase;
  display: block;
}
#mon-panier span.port {
  color: #9f0606;
  font-size: 12px;
}
#mon-panier strong {
  text-transform: uppercase;
  text-decoration: none;
}
/* -------------- Recherche ----------------- */
#form-recherche {
  float: right;
  height: 23px;
  width: 308px;
  background: none;
  position: absolute;
  top: 39px;
  border: 1px solid #e8e8e8;
  left: 235px;
}
#form-recherche fieldset {
  border: none;
  position: relative;
  width: 308px;
  height: 23px;
  background: #fff;
}
#search {
  position: absolute;
  top: 0;
  left: 5px;
  height: 19px;
  width: 265px;
  line-height: 16px;
  padding: 2px 3px;
  font-size: 12px;
  background: none;
  border: none;
  font-style: italic;
  color: #666666;
}
#search:hover,
#search:focus {
  color: #000000;
}
#btn-recherche {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}
.firefox #btn-recherche,
.safari #btn-recherche {
  top: -1px;
  right: -3px;
  background: none;
}
#btn-recherche span {
  display: block;
}
#btn-recherche span span {
  height: 20px;
  width: 26px;
  overflow: hidden;
  text-indent: -9000px;
  background: url(../images/h-recherche-btn.png) no-repeat center center;
}
/* -------------------------------------------------------------------------------------- //
 * ---------------------------------------// MENU //------------------------------------- //
 * -------------------------------------------------------------------------------------- */
#div-menu {
  position: absolute;
  bottom: 4px;
  left: 263px;
}
#c1-div-menu {
  margin: 0 auto;
  height: 30px;
  position: relative;
  overflow: hidden;
}
#menu {
  float: left;
  width: 700px;
  padding: 0;
  overflow: hidden;
  list-style: none;
  list-style-image: none;
}
.msie #menu {
  padding-left: 5px;
}
#menu li {
  float: left;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
#menu li a {
  float: left;
  display: block;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  background: url(../images/h-menu-sep.png) no-repeat right center;
  padding-right: 2px;
}
#menu li.first a {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#div-menu.first-over li.first a {
  -moz-border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
#menu li a span {
  float: left;
  display: block;
  height: 30px;
  padding: 0 10px;
  margin: 0 10px;
  line-height: 30px;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#div-menu.first-over li.first a span {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#menu li a:hover,
#menu li a:focus,
#menu li.current a,
#menu li.ssm a.over {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#menu li a:hover span,
#menu li a:focus span,
#menu li.current a span,
#menu li.ssm a.over span {
  background: #bfd446;
}
#menu #blog {
  float: right;
  text-transform: uppercase;
  font-size: 1.6em;
}
#menu #blog a {
  float: right;
  display: block;
  text-decoration: none;
  border-left: 1px solid #97b100;
  color: #ffffff;
}
.msie6 #menu #blog,
.msie7 #menu #blog {
  width: 70px;
}
#menu #blog a span {
  float: right;
}
/* Zone dans laquelle est placée le sous menu */
.div-ssm {
  display: none;
}
#ssmenu {
  display: none;
  position: absolute;
  left: 0;
  z-index: 9999;
  width: 960px;
  border-top: none;
  background: #c0d447;
}
.ssm-haut {
  background: #c0d447 url(../images/h-ssm-haut.png) repeat-x left bottom;
  padding: 10px;
}
.ssm-bas {
  background: #c0d447 url(../images/h-ssm-bas.png) repeat-x left top;
  padding: 10px;
}
.ssm-bloc-cat {
  float: left;
  width: 227px;
  margin-right: 10px;
}
.ssm-bloc-cat-haut {
  padding: 0 10px 10px 10px;
  width: 207px;
  min-height: 164px;
  background: url(../images/h-ssm-bloc-cat.png) repeat-x left bottom;
  margin-bottom: 1px;
}
.ssm-haut .last {
  margin-right: 0;
}
.ssm-titre-cat {
  padding: 4px 0 6px 0;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 2px solid #fff;
}
.ssm-titre-cat a {
  color: #fff;
  text-decoration: none;
}
#ssmenu ul {
  list-style: none;
  list-style-image: none;
  padding-left: 0;
}
#ssmenu ul li {
  float: none;
  padding-bottom: 2px;
  background: url(../images/h-ssm-li-sep.png) repeat-x left bottom;
}
#ssmenu ul li.last4 {
  padding-bottom: 0;
  background: none;
}
#ssmenu ul li a {
  display: block;
  float: none;
  text-decoration: none;
}
#ssmenu ul li a span {
  display: block;
  float: none;
  text-transform: none;
  font-weight: normal;
  padding: 8px 14px 8px 8px;
  color: #585858;
  background: url(../images/h-ssm-puce.png) no-repeat 194px 13px;
}
.msie6 #ssmenu ul li a {
  display: inline-block;
}
#ssmenu ul li a:hover,
#ssmenu ul li a:focus,
#ssmenu ul li.current2 a {
  background: #a1b42c;
  color: #ffffff;
}
#ssmenu ul li a:hover span,
#ssmenu ul li a:focus span,
#ssmenu ul li.current2 a span {
  background-position: 194px -81px;
  color: #fff;
}
.ssm-bloc-cat-illust {
  display: block;
  position: relative;
  padding-bottom: 20px;
  text-decoration: none;
}
.ssm-voir-tous {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 205px;
  line-height: 18px;
  text-align: right;
  padding: 1px 20px 1px 2px;
  background: #8c9b3b url(../images/h-ssm-puce2.png) no-repeat 214px 7px;
  font-size: 11px;
  color: #fff;
}
.ssm-bloc-img {
  float: left;
  margin-right: 12px;
}
.ssm-bas .last {
  margin-right: 0;
}
.ssm-gauche {
  float: left;
  width: 412px;
}
.ssm-titre-gauche {
  margin-bottom: 10px;
  padding: 0 10px;
  height: 20px;
  line-height: 18px;
  background: #97b100;
  color: #fff;
}
.ssm-bloc-img-g {
  display: block;
  border: 1px solid #97b100;
  margin-bottom: 10px;
}
.ssm-gauche .last {
  margin-bottom: 0;
}
.ssm-droite {
  float: right;
  width: 498px;
  padding: 6px 10px 45px 10px;
  background: #fff;
  position: relative;
}
.ssm-droite p {
  margin-bottom: 8px;
  font-size: 10px;
  color: #adadad;
}
.ssm-droite .ssm-titre-droite {
  font-size: 12px;
  margin-bottom: 4px;
  color: #000;
}
.ssm-bloc-logos {
  background: #dbdce2;
  padding-top: 1px;
}
.ssm-logo {
  float: left;
  margin: 0 0 1px 1px;
  position: relative;
}
.ssm-logo:hover,
.ssm-logo:focus {
  -moz-box-shadow: 0 0 5px #ff9b00;
  -webkit-box-shadow: 0 0 5px #ff9b00;
  box-shadow: 0 0 5px #ff9b00;
  z-index: 99;
}
.ssm-bloc-logos .first {
  clear: both;
}
.btn-voir-collections {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.btn-voir-collections span {
  display: block;
  padding: 0 8px;
  background: #229acd url(../images/h-btn-collections.png) repeat-x left top;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-voir-collections span span {
  height: 25px;
  line-height: 24px;
  padding: 0 14px 0 0;
  background: url(../images/h-ssm-fleche-collection.png) no-repeat right 8px;
  color: #fff;
  font-size: 1.2em;
}
/* -------------------------------------------------------------------------------------- //
 * --------------------------------------// FOOTER //------------------------------------ //
 * -------------------------------------------------------------------------------------- */
#footer {
  clear: both;
  background: url("../images/bg-foot.png") repeat-x scroll 0 0;
}
#c1-footer {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0 20px 0;
  overflow: hidden;
}
#bloc-note-boutique {
  float: left;
  width: 110px;
  margin: 0;
  text-align: center;
}
#footer #bloc-note-boutique {
  float: left;
  width: 120px;
  margin: 15px 0 0 0;
  text-align: left;
}
.titre-note-boutique {
  color: #303030;
  text-transform: uppercase;
  line-height: 14px;
  margin-bottom: 4px;
}
#footer .wizicss-etoiles-completes .wizicss-etoiles-bg {
  float: left;
}
.wizicss-etoiles-completes {
  float: none;
  padding: 4px 0;
  margin-bottom: 4px;
}
.wizicss-etoiles-completes .wizicss-etoiles-bg {
  float: none;
  display: inline-block;
  margin: 0 0 6px 0;
}
#footer .wizicss-etoiles-completes .wizicss-etoiles-valeur {
  float: right;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  color: #BFD446;
}
.wizicss-etoiles-completes .wizicss-etoiles-valeur {
  float: none;
  font-size: 15px;
  font-weight: bold;
}
#bloc-note-boutique .wizicss-lire-avis a {
  display: block;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 24px;
  line-height: 12px;
  color: #f5f5f5;
  background: url(../images/f-avis-boutique-picto.png) no-repeat left 0px;
}
#footer .wizicss-lire-avis {
  border-left: none;
}
#bloc-note-boutique .wizicss-lire-avis a strong {
  color: #DD7C1D;
}
.bloc-foot {
  float: left;
  padding: 0 10px 0 20px;
  width: 170px;
}
#bloc-menu-foot {
  padding-left: 20px;
}
.titre-foot {
  font-size: 16px;
  margin-bottom: 6px;
  color: #c9c9c9;
}
/* Menus du footer, contenant les menus principaux, secondaires, les derniers articles ou commentaires du blog */
.menu-foot {
  padding-left: 14px;
}
.menu-foot li {
  font-size: 1.2em;
  color: #c9c9c9;
}
.menu-foot li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-decoration: none;
  color: #c9c9c9;
}
.menu-foot li a:hover,
.menu-foot li a:focus,
.menu-foot li.current {
  color: #aaaaaa;
}
#droite-footer {
  float: right;
  width: 520px;
}
#droite-droite-footer {
  width: 260px;
  color: #ffffff;
  float: right;
}
#contact-telephone {
  margin-bottom: 15px;
}
#contact-telephone .telephone {
  font-size: 30px;
  display: block;
  font-weight: 600;
  padding-left: 20px;
  background: url("../images/telephone.png") no-repeat scroll 0 center transparent;
}
#contact-telephone span {
  font-size: 12px;
  font-weight: 200;
}
#bloc-nous-suivre {
  float: left;
}
#bloc-idealo {
  background: url("../images/s4_idealo-partner.png") no-repeat;
  display: block;
  height: 70px;
  width: 70px;
  text-indent: -9000px;
  overflow: hidden;
  margin-top: 20px;
}
/* ------------------------- Formulaire Newsletter ---------------------*/
#form-newsletter {
  float: right;
}
#form-newsletter fieldset {
  border: none;
}
#form-newsletter .titre-foot {
  color: #c9c9c9;
  font-size: 14px;
}
#form-newsletter fieldset p {
  margin-bottom: 6px;
  font-size: 11px;
  font-style: italic;
  color: #c9c9c9;
}
#form-newsletter div {
  position: relative;
  height: 23px;
  width: 250px;
  background: #d1d1d1;
}
#Newsletter {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 220px;
  line-height: 19px;
  padding: 2px 3px;
  font-size: 1.2em;
  background: none;
  border: none;
  color: #1d1d1d;
}
#Newsletter:hover,
#Newsletter:focus {
  color: #000000;
}
#btn-newsletter {
  border: none;
  background: none;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 1em;
}
.msie6 #btn-newsletter,
.msie7 #btn-newsletter {
  width: 22px;
}
.firefox #btn-newsletter,
.safari #btn-newsletter {
  top: 1px;
  right: -1px;
  background: none;
}
#btn-newsletter span {
  display: block;
}
#btn-newsletter span span {
  height: 19px;
  line-height: 19px;
  font-size: 1.1em;
  width: 30px;
  background: url("../images/puce-mail.png") no-repeat scroll center center transparent;
  color: #ffffff;
  text-indent: -9000px;
}
#reseaux-foot {
  background: url(../images/f-fleche.png) no-repeat 80px bottom;
  padding-bottom: 4px;
  overflow: hidden;
}
#btn-like-foot {
  float: left;
  margin-left: 40px;
}
#facebook-foot,
#twitter-foot,
#google-plus-foot {
  display: block;
  padding: 0 0 0 25px;
  font-size: 12px;
  color: #ffffff;
  line-height: 12px;
  float: left;
  text-decoration: none;
  clear: both;
  min-height: 25px;
  margin-bottom: 5px;
}
#facebook-foot span,
#twitter-foot span,
#google-plus-foot span {
  display: block;
  color: #c9c9c9;
}
#facebook-foot {
  float: left;
  background: url(../images/f-facebook.png) no-repeat left center;
}
#twitter-foot {
  background: url(../images/f-twitter.png) no-repeat left center;
}
#google-plus-foot {
  background: url(../images/f-blog.png) no-repeat left center;
}
#google-plus-foot a {
  color: #dd7c1d;
}
#devenez-fan {
  float: left;
  background: #5873aa;
  color: #fff;
  padding: 3px 6px;
}
#bas-footer {
  width: 920px;
  margin: 0 auto;
  padding: 6px 20px;
  background: #000 url(../images/f-cartes-bancaires.png) no-repeat right center;
}
#copyright {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  color: #fff;
}
/* -------------------------------------------------------------------------------------- //
 * ----------------------------------// BARRE LATERALE //-------------------------------- //
 * -------------------------------------------------------------------------------------- */
/* ----------------------- Gauche ------------------------- */
.bloc-lat {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 60;
}
/* Menus des blocs de la barre latérale, contenant le menu principal */
.titre-bloc-lat {
  margin-bottom: 1px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.4em;
  padding: 12px 20px;
  background: #bfd446;
  color: #ffffff;
}
.titre-bloc-lat strong {
  display: block;
  text-transform: uppercase;
  padding-right: 20px;
  background: url(../images/s-menu-fleche.png) no-repeat right 12px;
}
.titre-bloc-lat a {
  text-decoration: none;
  color: #ffffff;
}
.titre-bloc-lat a:hover,
.titre-bloc-lat a:focus {
  text-decoration: underline;
}
.menu-lat {
  list-style: none;
  list-style-image: none;
  padding: 0;
}
.menu-lat li {
  font-size: 12px;
  padding: 7px 0;
  border-bottom: 1px solid #f2f2f2;
}
.menu-lat .li-131 a {
  background: url("../images/puces/puce-banana.png") no-repeat scroll center left !important;
  height: 30px;
}
.menu-lat .li-75 a {
  background: url("../images/puces/Bolle-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-73 a {
  background: url("../images/puces/Serengeti-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-71 a {
  background: url("../images/puces/Oakley-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-69 a {
  background: url("../images/puces/Julbo-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-105 a {
  background: url("../images/puces/Bulgari-puce.png?2") no-repeat scroll bottom left;
}
.menu-lat .li-81 a {
  background: url("../images/puces/Carrera-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-79 a {
  background: url("../images/puces/Cebe-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-83 a {
  background: url("../images/puces/Dolce-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-113 a {
  background: url("../images/puces/soleil-Electric-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-93 a {
  background: url("../images/puces/Elle-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-91 a {
  background: url("../images/puces/Esprit-puce.png?2") no-repeat scroll bottom left;
}
.menu-lat .li-117 a {
  background: url("../images/puces/Givenchy-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-107 a {
  background: url("../images/puces/Guess-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-69 a {
  background: url("../images/puces/Julbo-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-95 a {
  background: url("../images/puces/Lacoste-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-127 a {
  background: url("../images/puces/puce-nike.png") no-repeat scroll center left !important;
}
.menu-lat .li-119 a {
  background: url("../images/puces/IceWatvh-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-129 a {
  background: url("../images/puces/puce-oxbow.png") no-repeat scroll center left !important;
}
.menu-lat .li-101 a {
  background: url("../images/puces/Roxy-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-87 a {
  background: url("../images/puces/Rayban-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-89 a {
  background: url("../images/puces/Police-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-123 a {
  background: url("../images/puces/puce-pullin.png") no-repeat scroll center left !important;
}
.menu-lat .li-97 a {
  background: url("../images/puces/Puma-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-99 a {
  background: url("../images/puces/QuikSilver-puce.png") no-repeat scroll bottom left;
  height: 30px;
}
.menu-lat .li-111 a {
  background: url("../images/puces/Rudy-puce.png") no-repeat scroll bottom left;
  height: 30px;
}
.menu-lat .li-109 a {
  background: url("../images/puces/Salomon-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-125 a {
  background: url("../images/puces/puce-tagg.png") no-repeat scroll center left !important;
}
.menu-lat .li-121 a {
  background: url("../images/puces/Uvex-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-85 a {
  background: url("../images/puces/Versace-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-103 a {
  background: url("../images/puces/Vogue-puce.png") no-repeat scroll bottom left;
}
.menu-lat .li-115 a {
  background: url("../images/puces/VonZipper-puce.png") no-repeat scroll bottom left;
  height: 30px;
}
.menu-lat .li-133 a {
  background: url("../images/puces/Gucci-puce.png?2") no-repeat scroll bottom left;
}
.menu-lat .li-135 a {
  background: url("../images/puces/EmporioArmani-puce.png?2") no-repeat scroll bottom left;
  height: 30px;
}
.menu-lat li a {
  display: block;
  padding: 0 3px 0 35px;
  text-decoration: none;
  color: #323232;
  height: 14px;
  overflow: hidden;
}
.menu-lat .li-cat a {
  padding-left: 5px;
}
.barre-lateral .menu-lat li a:hover,
.barre-lateral .menu-lat li a:focus,
.barre-lateral .menu-lat li a.current,
.barre-lateral .menu-lat li.current a {
  color: #bfd446;
  background-position: top left;
}
.menu-lat li.current a {
  font-weight: bold;
}
.menu-lat li a span {
  display: block;
}
.menu-lat li ul li {
  border-bottom: none;
  font-size: 0.9em;
}
/* ------------------------- Flux RSS ---------------------*/
#rss-blog {
  padding: 0 0 0 10px;
}
#rss-blog a {
  display: block;
  text-decoration: none;
  color: #000000;
  overflow: hidden;
}
.picto-rss {
  display: block;
  background: #bfd446 url(../images/s-picto-rss.png) no-repeat center center;
  width: 28px;
  height: 28px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#rss-blog .picto-rss {
  float: left;
  margin: 1px 8px 0 0;
}
.msie #rss-blog a {
  padding-bottom: 4px;
}
#rss-blog a strong {
  display: block;
  color: #bfd446;
}
/* -------------------------------------------------------------------------------------- //
 * ---------------------------------// PANIER DEPLIANT //-------------------------------- //
 * -------------------------------------------------------------------------------------- */
/* Pop-up du contenu du panier au survol du nombre d'articles dans le header */
#panier-pop {
  position: absolute;
  z-index: 9999;
  width: 230px;
  display: none;
  background: #666666;
}
#c1-panier-pop {
  border: 2px solid #666666;
  background: #ffffff;
}
#fermer-panier {
  float: right;
  margin: 6px;
}
#p-cont-panier {
  margin: 6px 0 6px 8px;
}
#diapo-panier {
  clear: both;
  overflow: hidden;
  margin: 0.4em 6px 0 6px;
  border-bottom: 1px solid #2b2b2b;
}
#diapo-panier ul {
  display: block;
  list-style: none;
  list-style-image: none;
  padding-left: 0;
}
#diapo-panier ul li {
  font-size: 1em;
  overflow: hidden;
  width: 214px;
}
#diapo-panier .prod {
  padding: 0.6em 0;
}
#diapo-panier .prod .photo {
  float: left;
}
#diapo-panier .prod .photo img {
  border: 1px solid #ffffff;
}
#diapo-panier .prod p {
  margin-left: 58px;
}
#diapo-panier .prod p a {
  text-decoration: none;
}
#diapo-panier .prod .nom {
  font-size: 1.2em;
  font-weight: bold;
}
#diapo-panier .prod .nom a {
  color: #000000;
}
#diapo-panier .prod .marque {
  font-size: 1.1em;
  margin-bottom: 0.4em;
}
#diapo-panier .prod .prix {
  font-size: 1.4em;
  font-weight: bold;
}
#diapo-panier .prod .quantite {
  font-size: 1.1em;
  float: right;
  margin-left: 0;
}
#diapo-panier .prod .marque a,
#diapo-panier .prod .quantite a {
  color: #000000;
}
#diapo-panier .prod .quantite a strong {
  color: #000000;
}
#prevBtn,
#nextBtn {
  float: left;
  margin-bottom: 10px;
}
#prevBtn {
  margin-left: 6px;
}
#prevBtn a,
#nextBtn a {
  float: left;
  display: block !important;
  overflow: hidden;
  text-indent: -9000px;
  width: 35px;
  height: 25px;
  outline: none;
}
#prevBtn a {
  background: #2b2b2b url(../images/p-img-pan-prec-o.png) no-repeat center center;
}
#prevBtn a.disable {
  background: #2b2b2b url(../images/p-img-pan-prec.png) no-repeat center center;
}
#nextBtn a {
  background: #2b2b2b url(../images/p-img-pan-suiv-o.png) no-repeat center center;
}
#nextBtn a.disable {
  background: #2b2b2b url(../images/p-img-pan-suiv.png) no-repeat center center;
}
#total-panier-pop {
  width: 120px;
  float: right;
  margin: 4px 6px 0 0;
  padding: 2px 0;
  text-align: right;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4em;
}
#total-panier-pop a {
  text-decoration: none;
  color: #000000;
}
#total-panier-pop a span {
  font-weight: bold;
  color: #bfd446;
}
#commander-panier-pop {
  clear: both;
  overflow: hidden;
  padding: 8px 6px;
}
.msie6 #commander-panier-pop {
  height: 30px;
}
#commander-panier-pop p {
  font-size: 1em;
}
#btn-aller-pop {
  float: left;
}
#btn-aller-pop span {
  display: block;
  padding: 0 6px 0 8px;
  border: 1px solid #d0d0d0;
}
#btn-aller-pop span span {
  padding: 0 14px 0 0;
  border: none;
  height: 25px;
  line-height: 23px;
  font-size: 1.3em;
}
#btn-commander-pop {
  float: right;
}
/* Pop-up du contenu du panier au survol du nombre d'articles dans le header */
#compte-pop {
  position: absolute;
  z-index: 9999;
  width: 230px;
  display: none;
  background: #666666;
}
#c1-compte-pop {
  border: 2px solid #666666;
  padding: 6px;
  background: #ffffff;
}
#compte-pop ul li {
  font-size: 11px;
  margin-bottom: 10px;
  color: #bfd446;
}
#compte-pop ul li a {
  text-decoration: none;
  color: #212121;
}
#compte-pop ul li a strong {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  color: #bfd446;
}
.msie #compte-pop ul li a strong {
  display: inline-block;
}
.msie #compte-pop ul li a span {
  display: block;
}
#compte-pop ul li a:hover strong,
#compte-pop ul li a:focus strong {
  text-decoration: underline;
}
#zone-bloc .block {
  float: left;
  margin-right: 12px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);
}
#zone-bloc .block.last {
  margin-right: 0;
}
/* -------------------------------------------------------------------------------------- //
 * -------------------------------------// CONTENT //------------------------------------ //
 * -------------------------------------------------------------------------------------- */
#content {
  width: 970px;
  margin: 0 auto;
}
#content2 {
  background: #ffffff;
}
#content.avec-fil-ariane {
  margin: 15px auto;
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);
}
#content.avec-fil-ariane #contenu {
  padding: 19px;
  background: #ffffff;
}
#contenu {
  padding: 0;
  min-height: 300px;
}
#content-principal {
  padding: 15px 20px;
  background: #ffffff;
  -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
  margin-bottom: 25px;
}
#zone-marque {
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);
  width: 950px;
  margin-bottom: 20px;
}
#zone2-marque {
  background: #ffffff;
}
#zone2-marque ul {
  padding: 0;
}
#zone2-marque ul li {
  list-style: none;
  float: left;
}
.onglet-marque {
  width: 475px;
  text-align: center;
  padding: 10px 0;
  background: #efefef;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
#onglet-2 {
  -webkit-box-shadow: inset -2px -2px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset -2px -2px 5px 0px rgba(0, 0, 0, 0.25);
}
#onglet-10 {
  -webkit-box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.25);
}
#onglet-10.current,
#onglet-2.current {
  background: #ffffff;
  -webkit-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
}
#onglet-2 span {
  padding-left: 45px;
  background: url("../images/picto-lun-sol.png") no-repeat scroll 0 center transparent;
}
#onglet-10 span {
  padding-left: 50px;
  background: url("../images/picto-lun-vue.png") no-repeat scroll 0 center transparent;
}
#onglet-2.current span {
  background: url("../images/picto-lun-sol-h.png") no-repeat scroll 0 center transparent;
}
#onglet-10.current span {
  background: url("../images/picto-lun-vue-h.png") no-repeat scroll 0 center transparent;
}
.bloc-marque {
  background: #ffffff;
}
.bloc-marque .ssm-bloc-logos {
  background: #ffffff;
  padding: 5px 18px 18px;
}
.bloc-marque .ssm-bloc-logos .ssm-logo {
  display: block;
  height: 70px;
  text-align: center;
  width: 113px;
}
.bloc-marque .ssm-bloc-logos .ssm-logo:hover,
.bloc-marque .ssm-bloc-logos .ssm-logo:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/* -------------------------- Eléments de réassurance --------------------------- */
#reassurances {
  width: 960px;
  height: 55px;
  margin: 0 auto;
  padding-top: 7px;
}
#c1-reassurances {
  list-style: none;
  padding-left: 0;
}
.rea {
  float: left;
  width: 223px;
  height: 38px;
  padding-left: 20px;
}
.rea #rea-paiement span {
  width: 152px;
}
.rea #rea-livr-offerte span {
  width: 165px;
}
.rea #rea-securite span {
  width: 165px;
}
.rea #rea-satisfait span {
  width: 197px;
}
#reassurances .first {
  width: 230px;
  padding: 0;
}
.rea a {
  float: left;
  display: block;
  text-decoration: none;
  color: #303030;
  font-size: 10px;
}
.rea span {
  float: left;
  display: block;
  padding: 6px 10px 0 41px;
  width: 160px;
  height: 32px;
}
.rea span strong {
  display: block;
  line-height: 14px;
  font-size: 13px;
}
#rea-paiement span {
  background: url(../images/h-rea-paiement.png) no-repeat 0px 8px;
}
#rea-paiement:hover span,
#rea-paiement:focus span {
  background-position: 0px -92px;
}
#rea-livr-offerte span {
  background: url(../images/h-rea-livraison.png) no-repeat 0px 7px;
}
#rea-livr-offerte:hover span,
#rea-livr-offerte:focus span {
  background-position: 0px -97px;
}
#rea-securite span {
  background: url(../images/h-rea-securite.png) no-repeat 0px 7px;
}
#rea-securite:hover span,
#rea-securite:focus span {
  background-position: 0px -103px;
}
#rea-satisfait span {
  background: url(../images/h-rea-satisfait.png) no-repeat 0px 6px;
}
#rea-satisfait:hover span,
#rea-satisfait:focus span {
  background-position: 0px -95px;
}
/* ---------------------------- Fil d'ariane -------------------------- */
#fil-ariane {
  border-bottom: 2px solid #F2F2F2;
  padding: 10px 20px 15px;
  background: #ffffff;
}
#fil-ariane a {
  color: #000000;
}
#fil-ariane span {
  color: #bfd446;
  font-weight: bold;
}
#retour {
  margin-right: 30px;
  padding: 0 0 0 14px;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/c-puce-ariane.png) no-repeat left 5px;
}
#retour:hover,
#retour:focus {
  color: #bfd446;
}
/* ---------------------------------------------- Accueil -------------------------------------------- */
#titre-accueil {
  font-size: 1.2em;
  margin-bottom: 1em;
}
/* ------------------------- Slider ------------------------- 
.bg-slider {
	display: none;
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-slider {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#bg-slider-0 {
	background: #fff url(../images/bg-slide-lunettes-soleil-rep.jpg) repeat-x left top;
}

#bg-slider-1 {
	background: #fff url(../images/bg-slide-lunettes-vue-rep.jpg) repeat-x left top;
}
/*
#bg-slider-2 {
	background: #fff url(../images/bg-body2-rep.png) repeat-x left top;
}

#bg-slider-3 {
	background: #fff url(../images/bg-body2-lunettes-rep.png) repeat-x left top;
}

#bg-slider-0 .img-slider {
	background: url(../images/bg-slide-lunettes-soleil.jpg) no-repeat center top;
}

#bg-slider-1 .img-slider {
	background: url(../images/bg-slide-lunettes-vue.jpg) no-repeat center top;
}

#bg-slider-2 .img-slider {
	background: url(../images/bg-body2.jpg) no-repeat center top;
}

#bg-slider-3 .img-slider {
	background: url(../images/bg-body2-lunettes.jpg) no-repeat center top;
}

#slider {
	height: 357px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#slide {
	display: block;
	height: 357px;
	width: 960px;
	text-decoration: none;
}

#slider ul {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	list-style: none;
}

#slider li {
	float: left;
	margin-right: 10px;
}

#slider #li-slide-3 {
	margin-right: 0;
}

#slider li a {
	float: left;
	display: block;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: 1px solid #fff;
}

#slider li a img {
	width: 200px;
	height: 80px;
}

#slider li a.current, #slider li a:hover, #slider li a:focus {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
}

#slider .btn-slider {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 161px;
	width: 34px;
	height: 34px;
	text-indent: -9000px;
}

#slider:hover .btn-slider, #slider:focus .btn-slider {
	display: block;
}

#slider .prev-slide {
	left: 0;
	background: url(../images/h-slider-prec.png) no-repeat center top;
}

#slider .next-slide {
	right: 0;
	background: url(../images/h-slider-suiv.png) no-repeat center top;
}

#slider .btn-slider:hover, #slider .btn-slider:focus {
	background-position: center bottom;
}
*/
#slider-liste {
  height: 250px;
  width: 734px;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
#c1-slider-liste {
  height: 250px;
  width: 734px;
  display: block;
  position: relative;
}
#slider-liste .slid-liste {
  position: absolute;
  top: 0;
  left: 0;
}
.nivo-controlNav {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding-left: 0;
  list-style: none;
}
.nivo-controlNav a {
  margin-left: 5px;
  float: left;
  display: block;
  background: url(../images/s-nav.png) no-repeat 0 top;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -9000px;
  outline: none;
}
.nivo-controlNav a.active,
.nivo-controlNav a:hover,
.nivo-controlNav a:focus {
  background-position: left bottom;
  background: url(../images/s-nav.png) no-repeat 0 bottom;
  width: 12px;
  height: 12px;
}
/* ------------------ Liste sélections -------------------- */
#liste-selections {
  margin: 0 0 20px 0;
}
#liste-selections li {
  float: left;
  margin-left: 20px;
}
#liste-selections li.first {
  margin-left: 0;
}
.selection {
  position: relative;
}
.voir-toute-selection {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.3em;
}
.voir-toute-selection a {
  padding-right: 16px;
  color: #323232;
  text-decoration: none;
  background: url(../images/c-plus-btn.png) no-repeat right center;
}
.voir-toute-selection a:hover,
.voir-toute-selection a:focus {
  color: #000;
}
#zone-promo {
  padding-top: 30px;
  background: url(../images/c-ombre-selection.png) no-repeat center top;
}
#sel-promo {
  float: left;
  width: 470px;
  padding-bottom: 16px;
  position: relative;
}
#titre-sel-promo {
  float: left;
  margin-bottom: 20px;
  display: block;
  background: #363636;
  background: -moz-linear-gradient(top, #363636 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #363636 0%, #000000 100%);
  background: -o-linear-gradient(top, #363636 0%, #000000 100%);
  background: -ms-linear-gradient(top, #363636 0%, #000000 100%);
  background: linear-gradient(top, #363636 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#000000', GradientType=0);
  border: 1px solid #000;
  color: #fff;
  border-bottom: none;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  width: 428px;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.bloc-acc {
  clear: right;
  float: right;
}
#bloc-acc-2 {
  margin-bottom: 15px;
}
/* ------------------------------ Pages informatives et blocs de contenu ---------------------------- */
.Iimgtxt img,
.Itxtimg img {
  border: 1px solid #d0d0d0;
}
.Iimgtxt {
  margin: 0 1em 1em 0;
  float: left;
}
.Itxtimg {
  margin: 0 0 1em 1em;
  float: right;
}
.Ileftimg {
  text-align: left;
}
.Icenterimg {
  text-align: center;
}
.Irightimg {
  text-align: right;
}
/* --------------------------------------- Fiche -------------------------------------- */
#zone-achat {
  float: right;
  width: 500px;
  margin-bottom: 20px;
}
#titre-fiche {
  font-size: 2.4em;
  line-height: 21px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #202020;
}
#titre-fiche strong {
  font-weight: 600 !important;
}
#zone-achat .brand {
  margin-bottom: 10px;
}
#zone-achat .brand a {
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
  color: #bfd446;
}
#zone-achat .brand a:hover,
#zone-achat .brand a:focus {
  text-decoration: underline;
}
#description-courte {
  margin-bottom: 16px;
}
.prod-indisponible {
  margin: 0.4em 0 0 0;
  font-size: 1.8em;
  font-weight: bold;
}
#bloc-achat {
  border-top: 1px solid #d9d9d9;
  padding: 15px 0px 0 0px;
}
/* --------------------------------------- Variations -------------------------------------- */
#variations,
#Personnalisation {
  padding-bottom: 10px;
}
.bloc-variations,
.bloc-personnalisation {
  clear: both;
  padding-bottom: 1em;
}
#configurateur {
  float: left;
  width: 628px;
  margin-bottom: 20px;
}
#bloc-ordonnance {
  float: right;
  width: 300px;
  background: #f8f9fb;
  border: 1px solid #dedfe4;
}
#configurateur,
#bloc-ordonnance {
  display: none;
}
#expli-ordonnance {
  padding: 10px;
}
#expli-ordonnance p {
  font-size: 11px;
  color: #3d3d3d;
}
#expli-ordonnance #titre-ordonnance {
  font-size: 12px;
  color: #225cb5;
  text-transform: uppercase;
  padding: 12px 60px 14px 66px;
  background: url(../images/c-illust-ordonnance.png) no-repeat left top;
}
#bloc-ordonnance .bloc-personnalisation {
  background: #dedfe4;
  padding: 10px;
  margin: 0;
}
#configurateur .bloc-variations {
  margin: 10px 0 0 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
  position: relative;
}
.msie6 #configurateur .bloc-variations,
.msie7 #configurateur .bloc-variations {
  float: left;
  width: 628px;
}
.oeil {
  clear: both;
}
.sous-titre-perso {
  text-transform: uppercase;
  color: #20a4e2;
  margin-bottom: 6px;
}
.oeil .bloc-personnalisation {
  clear: none;
  float: left;
  margin-left: 10px;
  width: 149px;
}
.oeil .first {
  margin-left: 0;
}
.oeil .config-aide,
.oeil label {
  float: left;
  padding-top: 6px;
}
.oeil label {
  margin-right: 6px;
}
.oeil .config-aide {
  margin-left: 6px;
}
.oeil select,
.oeil .chzn-container {
  float: left;
  width: 68px !important;
}
.oeil .comboBoxList {
  max-height: 300px !important;
}
#variations .chzn-search,
#configurateur .chzn-search {
  display: none;
}
#bloc-pupillaire .oeil {
  clear: none;
}
.show-pupillaire {
  position: relative;
  text-decoration: underline;
}
.show-pupillaire #illust-pupillaire {
  display: none;
  position: absolute;
  left: 100px;
  top: -60px;
  z-index: 200;
}
.opened #illust-pupillaire {
  display: block;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}
#bloc-pupillaire #bloc-perso-9 {
  clear: both;
  float: left;
}
#bloc-pupillaire #bloc-perso-10 {
  float: left;
  margin-left: 20px;
}
#bloc-pupillaire #bloc-perso-11 {
  clear: both;
}
#bloc-pupillaire #bloc-perso-11 .config-aide {
  float: none;
}
#photo-pupillaire {
  clear: both;
  padding: 10px 10px 0 10px;
  background: #eee;
  border: 1px solid #e0e0e0;
}
#texte-ecart {
  clear: both;
  margin-bottom: 10px;
}
.bloc-variations p,
.bloc-personnalisation p,
.bloc-variations label,
.bloc-personnalisation label {
  font-size: 1.2em;
}
#variations .titre-variation {
  float: left;
  width: 240px;
  padding: 0 0 4px 0;
  margin-right: 10px;
  color: #3d3d3d;
  font-size: 12px;
}
.titre-configurateur {
  margin: 0 0 20px 0;
}
#configurateur .titre-variation {
  float: left;
  margin-bottom: 16px;
  padding: 0 12px;
  background: #dfe0e5;
  color: #3d3d3d;
  font-size: 12px;
}
.titre-personnalisation {
  padding: 4px 16px;
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 4px;
  color: #ffffff;
  background: #666;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #444));
  background-image: -moz-linear-gradient(center top, #666 0%, #444 100%);
}
.variationRadio .thickbox,
#variations .thickbox,
#variations .lightbox {
  float: left;
  margin: 0 0.4em 1em 0;
}
#variations .comboBox {
  width: auto !important;
}
#variations .photo-variation {
  float: left;
  margin-right: 0.6em;
}
#variations .quantite-choix {
  float: left;
}
#variations img {
  border: 1px solid #d0d0d0;
}
.variationQuantiteRadio {
  display: block;
  padding-top: 0.4em;
}
.variationRadio {
  clear: both;
  margin-bottom: 0.6em;
  padding: 0 6px;
  overflow: hidden;
}
.msie6 #config-var-2 .variationRadio,
.msie7 #config-var-2 .variationRadio {
  float: left;
}
#config-var-2 .variationRadio {
  display: inline-block;
  clear: none;
  margin-bottom: 0.6em;
  padding: 0 6px;
  overflow: hidden;
}
#configurateur .variation-prix {
  color: #20a4e2;
}
.msie7 #configurateur .variationOption {
  float: left;
  position: relative;
}
.variationRadio p {
  font-size: 1em;
}
.variationRadio label,
.variationRadio input {
  vertical-align: middle;
}
.bloc-variations .qtVariation {
  width: 3em;
  padding: 0.1em 0.2em;
}
.variationGroupeMenu {
  margin-bottom: 1em;
}
#variations h4 {
  font-size: 1.3em;
  font-style: italic;
  margin: 0.4em 0;
  font-family: Georgia, Times, Gramond, serif;
  color: #857367;
}
#variations .qte-combo {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}
.bloc-variations {
  position: relative;
}
.bloc-variation-select,
.bloc-variation-select2 {
  float: left;
  display: block;
  width: 288px;
  position: relative;
}
.variation-select {
  display: block;
  background: #c3c3c3 url(../images/c-variation-bg.png) repeat-x left top;
  width: 286px;
  height: 33px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.variation-select.opened {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.variation-select span {
  display: block;
  background: none;
  padding: 4px 30px 4px 4px;
  width: 252px;
  height: 25px;
  font-size: 11px;
  background: url(../images/c-variations-btn.png) no-repeat right center;
  color: #000;
}
#variations .bloc-variation-select ul {
  display: none;
  position: absolute;
  z-index: 60;
  right: 0;
  top: 33px;
  list-style: none;
  padding: 0;
  width: 286px;
  max-height: 200px;
  overflow-y: scroll;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border-top: none;
}
#variations .chzn-container {
  width: 286px !important;
}
#variations .chzn-container .chzn-drop {
  width: 284px !important;
}
#variations .chzn-search input {
  width: 249px !important;
}
.chzn-container .chzn-results li {
  line-height: 12px;
}
.msie6 #variations,
.msie7 #variations {
  z-index: 100;
  position: relative;
}
.msie6 #variations .bloc-variation-select ul li,
.msie7 #variations .bloc-variation-select ul li {
  z-index: 100;
  position: relative;
}
.msie6 #variations .bloc-variation-select ul li label,
.msie7 #variations .bloc-variation-select ul li label {
  z-index: 100;
  position: relative;
}
#variations .bloc-variation-select ul.opened {
  display: block;
}
.variations-li {
  background: #e1e1e1;
  border-top: 1px solid #d0d0d0;
}
.variations-li:last-child {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#variations .bloc-variation-select ul li.alt {
  background: #ebebeb;
}
#variations .bloc-variation-select ul li.current,
#variations .bloc-variation-select ul li:hover,
#variations .bloc-variation-select ul li:focus {
  background: #29abe2;
}
.variation-select *,
.variations-li * {
  vertical-align: middle;
}
.variations-li label {
  display: block;
  background: none;
  padding: 3px 30px 3px 4px;
  line-height: 14px;
  font-size: 11px;
}
.variations-li label img {
  float: left;
}
.variations-li .s-option {
  display: block;
  overflow: hidden;
  width: 262px;
}
.variations-li .s-option-texte {
  float: left;
  display: block;
  width: 230px;
  font-weight: normal;
}
.variation-select .s-option-texte {
  font-weight: normal;
}
#variations .bloc-variation-select ul li.current label,
#variations .bloc-variation-select ul li:hover label,
#variations .bloc-variation-select ul li:focus label {
  color: #fff;
}
#variations .bloc-variation-select ul li label input {
  display: none;
}
#variations .variation-select img,
#variations .variations-li img {
  height: 25px;
  border: none;
  margin-right: 4px;
}
#variations .chzn-container {
  width: 254px;
}
#p-ajpan-config {
  overflow: hidden;
  background: #f8f9fb;
  padding: 10px;
}
#btn-finaliser-fiche {
  float: right;
  margin-left: 20px;
}
#total-config {
  display: block;
  padding-top: 6px;
  float: right;
  text-transform: uppercase;
  font-weight: bold;
}
#total-config .prix {
  font-size: 18px;
  color: #20a4e2;
}
.p-ajpan {
  font-size: 1em;
}
/* Personnalisation */
.titre-personnalisation {
  text-transform: uppercase;
}
.titre-personnalisation #PersoOblig {
  text-transform: none;
  font-size: 0.7em;
}
#Personnalisation label {
  display: block;
}
.bloc-personnalisation .textbox,
.bloc-personnalisation textarea {
  width: 472px;
}
.bloc-personnalisation textarea {
  max-width: 472px;
}
.dateForm {
  width: 80px;
  padding-right: 22px;
  background: #ffffff url(/_t/_/img/picto-calendrier.png) no-repeat right 1px;
}
.bloc-personnalisation .dateForm {
  width: 80px;
}
/* --------------------- Prix -------------------- */
#bloc-commander {
  padding: 15px 0 0 0;
  border-top: 2px solid #d9d9d9;
}
#bloc-prix {
  padding: 0 0 15px 0;
}
.prix-monture-verres {
  padding-bottom: 20px;
}
.prix-monture-seule {
  border-top: 1px solid #D8D8D8;
  padding-top: 20px;
}
.prix-monture-verres,
.prix-monture-seule {
  width: 500px;
}
.prix-monture-verres a,
.prix-monture-seule a {
  display: block;
  text-align: center;
}
.prix-configurateur .prix-fiche {
  float: left;
  margin-bottom: 6px;
}
.prix-fiche del {
  font-size: 20px;
  font-weight: normal;
  color: #000000;
}
.prix-fiche strong {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  font-weight: 600;
}
.prix-standard #prix-fiche {
  float: left;
  padding-right: 20px;
}
.prix-standard #prix-fiche {
  float: left;
  padding-right: 20px;
}
.prix-configurateur .p-ajpan-configurateur {
  float: right;
}
#BtnAddCart {
  float: right;
}
.p-ajpan-configurateur #BtnAddCart {
  display: none;
}
#reassurance-fiche {
  border: 1px solid #dadada;
  border-bottom: 2px solid #dadada;
  overflow: hidden;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0 0 5px 5px;
  margin-bottom: 19px;
}
#reassurance-fiche strong {
  font-size: 14px;
  font-weight: 600;
}
#svc-client-fiche {
  float: left;
  width: 300px;
}
#livraison-fiche {
  width: 162px;
  text-align: center;
  float: right;
  font-size: 14px;
  padding: 5px;
  background: #f2f2f2;
  margin: 5px 5px 0 0;
}
#svc-client-fiche em,
#livraison-fiche strong {
  display: block;
}
#svc-client-fiche span {
  display: block;
}
#svc-client-fiche strong {
  margin-left: 10px;
}
#svc-client-fiche em {
  color: #7e7e7e;
  font-size: 12px;
  font-style: normal;
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
}
/*Colonne de droite de la #zone-achat de la fiche produit*/
.stock-fiche {
  margin-top: 10px;
  padding: 0 0 14px 18px;
  clear: both;
}
.StockOK {
  background: url(../images/c-stock-ok.png) no-repeat left 1px;
  color: #1f8f08;
}
.StockKO {
  background: url(../images/c-stock-ko.png) no-repeat left 1px;
  color: #f00;
}
/* Zone photo */
#zone-photo {
  width: 400px;
  float: left;
  position: relative;
  margin-bottom: 30px;
}
#principale {
  width: 400px;
  border: 1px solid #dadada;
  overflow: hidden;
  text-align: center;
  position: relative;
}
#principale a {
  display: block;
}
#principale a img {
  max-width: 400px;
}
#principale span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px 4px;
  font-size: 1.1em;
  background: url(../images/c-transparence-grise.png) repeat left top;
  color: #ffffff;
}
#principale .wizicss-zone-note {
  overflow: hidden;
  padding: 6px 0;
  background: #f3f3f3;
}
#principale .wizicss-zone-note p {
  float: left;
  margin: 0 10px;
  font-size: 10px;
  text-transform: uppercase;
  color: #444;
  line-height: 14px;
}
#principale .wizicss-zone-note p a {
  text-transform: none;
  color: #444;
  text-decoration: underline;
}
#principale .wizicss-zone-note p a.wizicss-lire-avis {
  color: #2491e6;
  margin-left: 10px;
}
#principale .wizicss-etoiles-bg {
  float: left;
}
#miniatures {
  position: relative;
  width: 402px;
  padding: 10px 0 0 0;
}
#c1-miniatures {
  overflow: hidden;
  width: 340px;
  height: 52px;
}
#prec,
#suiv {
  position: absolute;
  right: 0;
  height: 18px;
  width: 16px;
  padding: 4px 0 0 2px;
  background: #666666;
}
#prec.disable,
#suiv.disable {
  background: #cccccc;
}
#prec {
  top: 11px;
}
#suiv {
  bottom: 1px;
}
#miniatures ul {
  padding: 0;
  list-style: none;
  list-style-image: none;
  overflow: hidden;
  width: 10000px;
}
#miniatures ul li {
  height: 52px;
  margin-left: 5px;
  float: left;
}
#miniatures ul li.first {
  margin-left: 0;
}
#miniatures ul li a {
  display: block;
  outline: none;
}
#miniatures ul li a img {
  border: 1px solid #ffffff;
}
#miniatures ul li a:hover img,
#miniatures ul li a:focus img {
  border-color: #dedede;
}
.etatPrixFiche {
  position: absolute;
  top: 1px;
  left: 1px;
}
/* ---------------- Partage ---------------- */
#zone-partage {
  display: none;
}
#partage {
  padding: 8px 8px 8px 20px;
  background: url("../images/bg-partage.png") repeat scroll 0 0 transparent;
}
#partager {
  float: left;
  padding-top: 4px;
  margin-right: 10px;
  font-size: 10px;
  text-transform: uppercase;
}
#sendFriend,
#btn-facebook,
#btn-like,
.twitter-share-button,
#btn-plusone,
.pin-it-button {
  float: left;
}
#btn-like {
  width: 110px;
}
.twitter-share-button {
  width: 128px !important;
}
#btn-plusone {
  width: 85px;
}
.pin-it-button {
  width: 80px !important;
}
#sendFriend {
  margin: 0 10px 0 0;
  display: block;
}
#sendFriend span {
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff, #e7e7e7 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7e7e7));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#sendFriend span span {
  height: 18px;
  line-height: 18px;
  font-size: 1.1em;
  border: 1px solid #d9d9d9;
  padding: 0 5px 0 26px;
  color: #666666;
  background: url(../images/c-picto-partage-mail.png) no-repeat 3px 3px;
}
.msie #sendFriend span span {
  background: url(../images/c-picto-partage-mail.png) no-repeat 3px 4px;
}
.msie6 #sendFriend span span {
  background: url(../images/c-picto-partage-mail-ie6.png) no-repeat 3px 4px;
}
.msie #sendFriend span span {
  height: 19px;
}
#sendFriend:hover span,
#sendFriend:focus span {
  background: #ffffff;
}
#sendFriend:hover span span,
#sendFriend:focus span span {
  background: url(../images/c-picto-partage-mail.png) no-repeat 3px 3px;
  border-color: #cccccc;
}
/* --------- Suite des infos (description, caractéristiques, cross-selling --------- */
.liste-onglets {
  clear: both;
  overflow: hidden;
  float: left;
  width: 960px;
  list-style: none;
  list-style-image: none;
  padding: 0;
  border-bottom: 1px solid #000;
  background: #f2f2f2;
}
.msie6 #liste-infos,
.msie7 #liste-infos {
  float: left;
  position: relative;
}
.liste-onglets li {
  float: left;
  margin: 0 0 0 7px;
}
.liste-onglets li.first {
  margin: 0;
}
.liste-onglets li a {
  float: left;
  display: block;
  color: #000;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-bottom: none;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.liste-onglets li a.current,
.liste-onglets li a:hover,
.liste-onglets li a:focus {
  background: #f8fbec;
  border-color: #000;
  color: #fff;
}
.liste-onglets li a.current {
  font-weight: bold;
}
#zone-infos {
  overflow: hidden;
}
#liste-infos {
  border: none;
}
#liste-infos li {
  margin: 0;
}
#liste-infos li a {
  height: 32px;
  padding: 0 0 0 0;
  background: #f2f2f2;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #252525;
  font-size: 1em;
}
#liste-infos li a.current,
#liste-infos li a:hover,
#liste-infos li a:focus {
  background-color: #f8fbec;
  background-position: center bottom;
  color: #bfd446;
}
#liste-infos li a span {
  float: left;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border-right: 2px solid #ffffff;
  font-size: 14px;
}
#liste-infos #li-description a span {
  border-left: none;
}
.cont-onglet {
  clear: both;
  padding: 20px 0 0 0;
}
#zone-infos .cont-onglet {
  padding: 10px 0px;
}
.msie6 .cont-onglet,
.msie7 .cont-onglet {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#description p,
#description li {
  margin-bottom: 6px;
}
#description :first-child {
  margin-top: 0;
}
#caracteristiques li {
  margin-bottom: 6px;
}
#content-list-cross {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
  margin: 15px auto 20px;
  padding: 5px;
  width: 970px;
}
#cross-sell-fiche {
  background: #ffffff;
  margin-bottom: 0;
  padding: 19px;
}
#cross-sell-fiche .h2 {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #252525;
  font-size: 18px;
  margin: 0 0 10px;
  padding: 0;
}
#cross-sell-fiche .h2 strong {
  font-weight: normal;
}
#cross-sell-fiche .h2 strong strong {
  font-weight: 600;
}
#cross-sell-fiche .ligne-prod {
  margin-bottom: 0;
}
.wizicss-ecrire-avis {
  color: #444444;
  padding-right: 5px;
}
.wizicss-lire-avis {
  border-left: 1px solid #252525;
  color: #444444;
  padding-left: 5px;
}
.wizicss-zone-note {
  clear: both;
  display: block;
}
#note-produit p {
  font-size: 11px;
  line-height: 21px;
  padding-top: 1px;
}
#note-produit p,
#note-produit .wizicss-etoiles-bg {
  display: inline-block;
  vertical-align: middle;
  padding-right: 14px;
}
#note-produit {
  margin: 0 0 10px;
}
/* -------------------------------------------------------------------------------------- //
 * ----------------------// PANIER ET PROCESSUS DE COMMANDE //--------------------------- //
 * -------------------------------------------------------------------------------------- */
/* ----------------- Processus de commande ------------------ */
#processus-commande {
  text-align: center;
  margin-bottom: 2em;
  background: url(../images/c-fond-processus-commande.png) repeat-x left 13px;
}
.msie6 #processus-commande,
.msie7 #processus-commande {
  height: 56px;
  padding-left: 220px;
}
#processus-commande p {
  display: inline-block;
  width: 120px;
  text-align: center;
  font-size: 1em;
  color: #212121;
}
.msie6 #processus-commande p,
.msie7 #processus-commande p {
  display: block;
  float: left;
}
#processus-commande p a {
  text-decoration: none;
  color: #212121;
}
#processus-commande p strong {
  display: block;
  margin: 0 auto 3px auto;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 2em;
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  border: 1px solid #d6d6d6;
  /*-moz-box-shadow: 0 3px 3px #666;
	-webkit-box-shadow: 0 3px 3px #666;
	box-shadow: 0 2px 3px #666;*/
}
#processus-commande p.current strong {
  background: #cddd6d;
  background: -moz-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cddd6d), color-stop(100%, #c0d447));
  background: -webkit-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -o-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: -ms-linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  background: linear-gradient(top, #cddd6d 0%, #c0d447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cddd6d', endColorstr='#c0d447', GradientType=0);
  border: 1px solid #c0d447;
  color: #fff;
}
#processus-commande p span {
  font-size: 1.3em;
  text-align: center;
  display: block;
  color: #000000;
}
#processus-commande p.current span {
  color: #bfd446;
}
.msie6 processus-commande,
.msie7 processus-commande {
  height: 56px;
  padding-left: 240px;
}
.msie6 #processus-commande p,
.msie7 #processus-commande p {
  display: block;
  float: left;
}
/* ----------------- Panier vide ------------------ */
#no-prod {
  background: url(../images/c-panier-vide.jpg) no-repeat left -30px;
  height: 350px;
  padding: 115px 0 0 400px;
}
#texte-no-prod {
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
}
#texte-no-prod strong {
  display: block;
  color: #bfd446;
  font-size: 40px;
  font-weight: normal;
  text-transform: uppercase;
}
/* ----------------- Panier rempli ------------------ */
#col-pan-g {
  float: left;
  width: 580px;
  margin-bottom: 20px;
}
#col-pan-d {
  float: right;
  width: 330px;
  margin-bottom: 20px;
}
/* ----------------- Votre panier ------------------ */
#form-print {
  display: none;
}
#votre-panier {
  width: 100%;
  font-size: 1em;
}
#votre-panier .last td {
  background: none;
}
.image-panier {
  padding: 4px 0;
  width: 52px;
}
.panier-description {
  font-size: 1.2em;
}
.panier-quantite {
  width: 55px;
}
#votre-panier td.panier-supprimer {
  padding-right: 0;
  width: 23px;
}
#votre-panier td.panier-supprimer a {
  display: block;
  width: 21px;
  height: 21px;
  overflow: hidden;
  text-indent: -9000px;
  background: #cccccc url(../images/c-btn-suppr-blanc.png) no-repeat 4px 5px;
}
.msie6 #votre-panier td.panier-supprimer a {
  background: #cccccc url(../images/c-btn-suppr-blanc-ie6.png) no-repeat 4px 5px;
}
.panier-titre-produit {
  font-size: 13px;
}
.panier-titre-produit a {
  text-decoration: none;
}
.panier-marque-produit {
  margin-bottom: 6px;
}
td.panier-sstot,
td.panier-prix {
  text-align: right;
  white-space: nowrap;
}
.panier-prix p strong {
  display: block;
  font-weight: normal;
}
.panier-prix p del,
.panier-sstot p del {
  font-size: 11px;
}
.panier-sstot p strong {
  display: block;
  color: #bfd446;
}
.ecopart {
  font-size: 10px;
}
.zone-qte {
  position: relative;
  width: 54px;
  height: 30px;
}
.zone-qte input,
.zone-qte a {
  position: absolute;
}
.zone-qte input {
  top: 4px;
  left: 0;
  width: 30px;
  padding: 3px 4px;
  border: 1px solid #ffffff;
}
.zone-qte a {
  right: 0;
}
.plus {
  top: 4px;
}
.moins {
  top: 18px;
}
#votre-panier tfoot td {
  background: none;
  white-space: nowrap;
}
#votre-panier tfoot th {
  padding: 4px 8px;
  font-weight: bold;
  color: #000000;
  background: none;
}
#votre-panier tfoot th,
#votre-panier tfoot td {
  border-top: 1px solid #666;
  padding: 8px;
}
#votre-panier tfoot td {
  font-size: 1.6em;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
}
#votre-panier tfoot .total th,
#votre-panier tfoot .total td {
  border-top: 2px solid #666;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 12px 8px;
}
#votre-panier tfoot .total th {
  padding-right: 30px;
  font-size: 1.8em;
  font-style: italic;
  font-weight: bold;
  color: #000000;
}
#panier-validation {
  padding-top: 30px;
}
#panier-validation button {
  float: right;
  margin-left: 4px;
}
#votre-panier tfoot .total td {
  font-size: 2.4em;
  font-weight: bold;
  color: #bfd446;
}
#continuer span span span,
#retour-recap span span span {
  padding: 0 0 0 16px;
  border: none;
  font-size: 1em;
  background: transparent url(../images/c-fleches-noires-btn.png) no-repeat left 13px;
}
.msie6 #continuer span span span,
.msie6 #retour-recap span span span {
  background: transparent url(../images/c-fleches-noires-btn-ie6.png) no-repeat left 9px;
}
#infos-panier {
  overflow: hidden;
  margin-bottom: 20px;
  background: #4b4b4b;
  background: -moz-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -o-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -ms-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: linear-gradient(top, #4b4b4b 0%, #000000 100%);
}
.msie6 #infos-panier {
  height: 64px;
  overflow: visible;
}
#enregistrement-auto {
  float: left;
  width: 223px;
  border-right: 1px solid #000;
}
#enregistrement-auto p {
  padding: 8px 8px 7px 55px;
  font-size: 1.2em;
  background: url(../images/c-illustration-info.png) no-repeat left 9px;
  color: #ffffff;
}
#boncommande {
  border-left: 1px solid #666666;
  float: right;
  width: 89px;
  text-align: center;
  padding: 3px 8px;
  margin: 0;
}
#w_btn-bon-commande {
  border: none;
  background: none;
  width: auto;
  height: auto;
}
#boncommande label {
  display: block;
  font-size: 1.2em;
  color: #ffffff;
}
#remise-panier {
  position: relative;
  padding: 33px 0 0 0;
}
#titre-remise {
  position: absolute;
  top: 12px;
  left: 50px;
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 0 6px 0 26px;
  font-size: 1.4em;
  border: 1px solid #000;
  z-index: 30;
  color: #ffffff;
  background: #4b4b4b;
  background: -moz-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -o-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: -ms-linear-gradient(top, #4b4b4b 0%, #000000 100%);
  background: linear-gradient(top, #4b4b4b 0%, #000000 100%);
}
#illus-remise {
  position: absolute;
  top: 0;
  left: 8px;
  z-index: 31;
}
#c1-remise-panier {
  border: 1px solid #1b1b1b;
  overflow: hidden;
  padding: 10px 6px 6px 6px;
}
#remise-panier label {
  display: none;
}
#remise-panier p,
#remise-panier label {
  color: #1b1b1b;
}
#bon-reduction * {
  vertical-align: middle;
}
.msie6 #reduc,
.msie7 #reduc {
  margin-right: 4px;
}
/* ---------------------------------- Commande --------------------------------- */
#ChoixLivraison,
#choix-paiement {
  overflow: hidden;
  margin-bottom: 20px;
}
.mode-livr {
  float: left;
  width: 290px;
  padding: 5px;
  border: 2px solid #cccccc;
  margin: 0 0 8px 8px;
  position: relative;
  cursor: pointer;
}
.picto-selected {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #1f8f08 url(../images/p-picto-v.png) no-repeat center center;
}
.msie6 .picto-selected {
  background: #1f8f08 url(../images/p-picto-v-ie6.png) no-repeat center center;
}
#ChoixLivraison .first {
  clear: both;
  margin-left: 0;
}
#ChoixLivraison .selected,
#choix-paiement .selected {
  border-color: #1f8f08;
}
.mode-livr label,
.mode-paiement label {
  display: block;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.mode-livr label *,
.mode-paiement * {
  vertical-align: middle;
}
.mode-livr label span {
  display: inline-block;
  margin-left: 6px;
  width: 264px;
}
.mode-livr label span * {
  vertical-align: baseline;
}
.mode-livr label span strong {
  display: block;
  text-transform: uppercase;
  color: #bfd446;
}
.mode-livr label span span {
  margin: 0;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
}
/* Mondial Relay */
.choisir-relais span span span {
  border: none;
  background: url(../images/c-point-relais-puce.png) no-repeat left 8px;
  padding: 0 0 0 12px;
}
#frame-mondial-relay {
  display: none !important;
}
#simplemodal-container #frame-mondial-relay {
  display: block !important;
}
.LivrDesc {
  padding: 6px 28px 0 0;
  font-size: 1.1em;
  border-top: 1px solid #cccccc;
  color: #666;
}
#PapierKdo,
#MsgColis {
  margin-bottom: 20px;
}
#PapierKdo {
  clear: both;
  padding: 6px 6px 6px 60px;
  background: #e7e7e7 url(../images/c-illustration-cadeau.jpg) no-repeat 3px 6px;
}
#PapierKdo h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #bfd446;
}
#PapierKdo p strong,
#MsgColis p strong {
  font-family: 'Source Sans Pro', sans-serif;
}
#MsgColis {
  padding: 6px 6px 6px 60px;
  background: #e7e7e7 url(../images/c-illustration-message.png) no-repeat 7px 7px;
}
.msie6 #PapierKdo,
.msie6 #MsgColis {
  width: 864px;
}
.msie6 #PapierKdo .regroupement {
  width: 834px;
}
#MsgColis h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #bfd446;
}
#MsgColis textarea {
  width: 476px;
  max-width: 476px;
}
.p-aj-option {
  padding: 10px 0 6px 0;
  overflow: hidden;
}
.p-aj-option .button {
  margin-left: 20px;
}
.p-aj-option .button span span {
  border: none;
  height: 22px;
  line-height: 21px;
  padding: 0 8px;
  font-size: 1em;
  background: #bfd446;
  color: #ffffff;
}
/* ------------------------- Récapitulatif panier ------------------------- */
/*Début Nouveau processus de commande*/
#div-deja {
  border: 1px dotted #444444;
  overflow: hidden;
  height: 80px;
  margin-bottom: 8px;
}
#div-deja ul {
  padding: 0;
  list-style: none;
}
#div-deja ul li {
  float: left;
  font-size: 1em;
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
}
#div-deja ul li.current,
#div-deja ul li:hover,
#div-deja ul li:focus {
  background: #b2e5ff;
}
#li-deja-oui {
  border-right: 1px dotted #444444;
}
#div-deja ul li input {
  position: absolute;
  top: 15px;
  left: 14px;
}
#div-deja ul li#li-deja-oui label {
  width: 224px;
}
#div-deja ul li label {
  position: relative;
  display: block;
  padding: 10px 10px 10px 40px;
  height: 60px;
  width: 223px;
  font-size: 1em;
}
#div-deja ul li label strong {
  font-size: 1.8em;
  text-transform: uppercase;
  display: block;
}
#div-deja ul li label em {
  font-weight: bold;
  font-style: normal;
}
#zone-form {
  border: 1px solid #444444;
  padding: 16px 14px;
}
#p-ou {
  font-size: 2.4em;
  font-weight: bold;
  font-style: italic;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  padding: 8px 0 0 50px;
  margin-bottom: 8px;
  background: url(../images/c-sep-ou.png) repeat-x left 24px;
  color: #cccccc;
}
#p-ou span {
  padding: 0 5px;
  background: #ffffff;
}
/*Fin Nouveau processus de commande*/
#menu-compte,
#infos-compte,
#AddFact,
#AddLivr,
#histo-link {
  margin-bottom: 20px;
}
#votre-panier.validation thead {
  display: none;
}
#votre-panier.validation tfoot td {
  font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
}
#votre-panier.validation tfoot th {
  font-size: 1.3em;
  font-weight: normal;
  font-style: italic;
}
#votre-panier.validation .panier-sstot p strong {
  color: #000000;
}
#votre-panier.validation tfoot .total td {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #bfd446;
}
#votre-panier.validation tfoot .total th {
  font-size: 1.4em;
  font-weight: bold;
  padding-right: 8px;
}
#choix-paiement {
  padding: 0;
  border: none;
}
.mode-paiement {
  float: left;
  width: 210px;
  padding: 5px;
  border: 2px solid #cccccc;
  margin: 0 8px 8px 0;
  position: relative;
  cursor: pointer;
}
.mode-paiement label img {
  max-width: 190px;
}
.mode-paiement label {
  text-align: center;
}
#contentCgv {
  display: none;
}
#form-cgv fieldset {
  border: none;
  margin-bottom: 1em;
}
#form-cgv fieldset#cgv {
  padding: 8px 8px 4px 8px;
}
#valid-pai {
  overflow: hidden;
}
#cgv {
  clear: none;
  float: right;
  width: 500px;
  text-align: right;
}
#cgv p {
  padding-top: 6px;
  font-size: 1.4em;
}
#cgv p strong {
  font-family: 'Source Sans Pro', sans-serif;
  color: #bfd446;
}
#btn-paiement {
  margin-left: 30px;
  float: right;
}
#infocom {
  margin-bottom: 20px;
}
/* ---------------------------- Cnil, etc. ------------------------------ */
#PwdOk {
  margin-bottom: 1em;
}
#Cnil {
  clear: both;
  margin-top: 1em;
  color: #666;
}
#perdu {
  clear: both;
  float: right;
  margin-top: 1em;
  width: 33.8em;
}
/* -------------------------------------- Mon compte ------------------------------*/
#pass-oublie {
  margin-top: 1em;
  padding: 10px 0;
}
#pass-oublie * {
  vertical-align: middle;
}
#pass-oublie .textbox {
  width: 12em;
  margin-right: 4px;
}
/* -------------------------------------------------------------------------------------- //
 * --------------------------------------// MODAL //------------------------------------- //
 * -------------------------------------------------------------------------------------- */
#simplemodal-container {
  background: #ffffff !important;
}
#simplemodal-container p,
#simplemodal-container li,
#simplemodal-container label,
#simplemodal-container address {
  color: #000000 !important;
}
#simplemodal-container a {
  color: #bfd446 !important;
}
#simplemodal-container #basicModal h4,
#simplemodal-container #basicModalCgv h4 {
  color: #000;
}
/* -------------------------------------------------------------------------------------- //
 * -------------------------------// BANDEAUX FICHE //----------------------------------- //
 * -------------------------------------------------------------------------------------- */
#w_bandeau #pagepanier2 {
  border: none;
}
#w_bandeau #prod-nom,
#w_bandeau .price strong {
  color: #ffffff;
}
#w_bandeau .price del {
  color: #dddddd;
}
#w_dialog-message {
  overflow: hidden;
  padding-bottom: 10px;
}
#w_dialog-message .prix-fiche {
  font-size: 24px;
}
#w_dialog-message .prix-fiche strong {
  color: #97b100 !important;
}
#w_dialog-message #w_pagepanier {
  clear: both;
}
/* -------------------------------------------------------------------------------------- //
 * ---------------------------------------// BLOG //------------------------------------- //
 * -------------------------------------------------------------------------------------- */
/* ------------------------------ Billets du blog ---------------------------- */
.i-img {
  margin: 1em 0;
}
.i-leftimg {
  text-align: left;
}
.i-centerimg {
  text-align: center;
}
.i-rightimg {
  text-align: right;
}
.i-imgtxt {
  float: left;
  margin: 1em 3em 1em 0;
}
.i-txtimg {
  float: right;
  margin: 1em 0 1em 1em;
}
.billet {
  margin-bottom: 30px;
}
.billet img {
  border: 1px solid #dddddd;
}
.billet .block {
  clear: both;
}
.block .h1:first-child,
.block .h2:first-child,
.block .h3:first-child {
  margin-top: 0;
}
.block p,
.block ul,
.block ol {
  margin-bottom: 0.6em;
}
.infos-billet {
  padding-bottom: 4px;
  border-bottom: 1px solid #444444;
  margin-bottom: 1em;
}
.titre-billet {
  margin-bottom: 0.4em;
}
/* ------------------------------ Commentaires des billets du blog ---------------------------- */
.commentaires-billet {
  margin-top: 2em;
  padding-top: 7px;
  border-top: 1px solid #444444;
}
.nb-com {
  padding-left: 36px;
  background: url(../images/c-bulle-comments.png) no-repeat left top;
}
.msie6 .nb-com {
  background: url(../images/c-bulle-comments-ie6.png) no-repeat left top;
}
#zone-commentaires {
  margin-top: 1em;
  padding-top: 7px;
  border-top: 1px solid #444444;
}
#zone-commentaires .nb-com {
  margin-bottom: 2em;
}
#zone-commentaires ol {
  margin-left: 2em;
}
#zone-commentaires ol li {
  margin-bottom: 0.6em;
  padding: 6px;
  background: #f2f2f2;
}
#zone-commentaires ol li.alt {
  background: #dddddd;
}
#zone-commentaires ol li.admin {
  border: 1px dashed #bfd446;
  background: #b2e5ff;
}
#zone-commentaires ol li * {
  font-size: 1em;
}
#zone-add-com {
  margin-top: 2em;
}
.bloc-info {
  padding: 10px 0 10px 50px;
  margin: 1em 0 2em 0;
  background: url(../images/c-illustration-info.png) no-repeat left 1px;
}
.bloc-info div {
  border: 1px solid #2471a4;
  padding: 8px;
  background: #EFFAFF;
}
.bloc-info div p {
  color: #000000;
}
#div-img-raw {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 1px;
  z-index: -9999;
}
#div-img-raw img {
  visibility: hidden;
}
/* ----------------- Début Avis ----------------- */
.wizicss-commentaires .wizicss-prod-pres {
  width: 600px;
}
.wizicss-commentaires .wizicss-prod-pres h2 {
  width: 400px;
}
.wizicss-etoiles-bg,
.wizicss-etoiles-fg {
  background-image: url(../images/c-etoiles-vertes.png);
}
/*Confirmation de la commande*/
.wizicss-com-conf-titre {
  color: #bfd446;
  margin-top: 40px;
}
.wizicss-zone-btn-commande {
  padding-top: 20px;
}
.cont-bloc-lat-note {
  margin: 10px;
}
/* ----------------- Fin Avis ----------------- */
.wizi-hidden {
  display: none;
}
#page-menu .left,
#page-menu .right {
  float: left;
  margin-right: 20px;
}
#page-menu .i-img.last {
  margin-right: 0;
}
#page-menu .page-menu {
  font-weight: 600;
  font-size: 14px;
  clear: both;
}
#content.une-colonne #contenu {
  width: 734px;
  float: right;
  padding: 10px 20px 10px 10px;
}
#content.une-colonne .barre-lateral {
  width: 177px;
  padding: 10px;
  float: left;
  background: #ffffff;
  position: relative;
}
.barre-lateral .titre {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/*----------------- prix decressif  **************/
.range-h1 {
  padding-top: 20px;
  margin-bottom: 6px;
}
.range-table {
  margin-bottom: 20px;
}
.range-th {
  background: #f2f2f2;
}
.range-td {
  background: #f2f2f2;
}
/*----------------- vente flash   **************/
.flash-sale {
  position: absolute;
  top: 0;
  left: 0;
}
.flash-sale {
  width: 175px;
}
.flash-sale .flash-sale-h1 {
  font-size: 10px;
}
.flash-sale .countdown {
  width: 95px;
}
.flash-sale .flash-sale-h2 {
  display: none;
  font-size: 11px;
}
.flash-sale .dash .digit {
  font-size: 12px;
}
.flash-sale .dash .dash-ext {
  font-size: 12px;
}
#flash-sale {
  margin-bottom: 20px;
  width: 400px;
}
#flash-sale-h1 {
  font-size: 16px;
}
/*----------------- formulaire   ***************/
.w_form .field-ko .textbox,
.w_form .field-ko .date-input,
.w_form .field-ko textarea {
  background: #f6e6e6;
  border: 1px solid #a80e0e;
  color: #a80e0e;
}
.w_form .field-ko .date-input {
  background: #f6e6e6 url(/_t/_/images/images-sp1.png?2) no-repeat 63px -1183px;
}
.w_form .textbox:hover,
.w_form .textbox:focus,
.w_form .date-input:hover,
.w_form .date-input:focus,
.w_form textarea:hover,
.w_form textarea:focus {
  border-color: #db5449;
}
.success {
  color: #328b1a;
}
.success-group {
  background: #e7f5e4;
}
.success-group .success {
  color: #328b1a;
}
#wishnbox-button {
  clear: right;
  float: right;
  padding-top: 10px;
}
#wishnbox-button #wishnbox-btn span span {
  font-size: 16px;
  height: 32px;
  line-height: 30px;
  width: 242px;
}
#prix-monture-seule #wishnbox-button {
  margin-right: -3px;
}
.checkout .options-list .field {
  width: 65%;
}
.checkout .checkout-r {
  width: 315px;
}
.checkout .checkout-contact {
  float: right;
  margin-bottom: 10px;
}
.checkout .prod-quantity-input {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  padding: 5px;
  float: left;
  margin-right: 10px;
}
.checkout .td-prod-qty {
  text-align: center;
}
.prod-less {
  float: left;
  margin: 4px 10px 0 10px;
}
.prod-more {
  float: left;
  margin: 4px 0 0 0;
}