/* Définitions des couleurs du thème
------------------------------------------------------------*/
/* Couleurs de la charte : background */
/* Couleurs de la charte : footer & divers */
/* Couleurs de la charte : menus */
/* Couleurs de la charte : sous menus ou menu secondaire*/
/* Couleurs des textes */
/* Couleurs des arrières plans */
/* Couleurs des bordures */
/* Couleurs des titres */
/* Couleurs des sous-titres */
/* Éléments cliquables (liens, boutons, etc.) */
/* Champs de formulaires */
/* Encart */
/* Modules */
/*.center-block() {
	display: block;
	margin-left: auto;
	margin-right: auto;
}*/
/*.ie7-restore-left-whitespace() {
  *margin-left: .3em;

	&:first-child {
		*margin-left: 0;
	}
}*/
/*.ie7-restore-right-whitespace() {
  *margin-right: .3em;
}*/
/*.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}*/
/*---------------------------------------------------
    DIV
  ---------------------------------------------------*/
/* Clearfix */
/* Possibilité de redimentionner la div pour le navigateur : sur un textarea par exemple */
/* https://www.w3schools.com/cssref/playit.asp?filename=playcss_resize&preval=none
	 https://developer.mozilla.org/fr/docs/Web/CSS/resize */
/* Pas compatible ie et edge */
/* permet d'inclure le padding et la border dans la height et width de l'element */
/* https://www.w3schools.com/cssref/css3_pr_box-sizing.asp
	 https://developer.mozilla.org/fr/docs/Web/CSS/box-sizing */
/* rectangle */
/* carré */
/*---------------------------------------------------
    BORDURES et COINS ARRONDIS
  ---------------------------------------------------*/
/* Coins arrondis
	 https://developer.mozilla.org/fr/docs/Web/CSS/border-radius */
/* Même valeur pour tous les coins */
/* Valeurs différentes pour les coins */
/* Un seul arrondi */
/* En haut à gauche */
/* En haut à droite */
/* En bas à droite */
/* En bas à gauche */
/* Arrondis d'un côté */
/* En haut */
/* À droite */
/* En bas */
/* À gauche */
/*---------------------------------------------------
    FOND
  ---------------------------------------------------*/
/* Définit la taille des images d'arrière-plan pour l'élément : cover */
/* https://developer.mozilla.org/fr/docs/Web/CSS/background-size */
/* Définit la façon dont l'arrière-plan d'un élément (que ce soit l'image ou la couleur) s'étend sous la boîte de bordure, la boîte de remplissage (padding) ou la boîte de contenu */
/* https://developer.mozilla.org/fr/docs/Web/CSS/background-clip */
/* Dégradés
	 https://developer.mozilla.org/fr/docs/Web/CSS/Utilisation_de_d%C3%A9grad%C3%A9s_CSS */
/* Dégradés avec deux couleurs */
/* Horizontal */
/* Vertical */
/* Diagonale */
/* Radial */
/* Dégradés avec trois couleurs */
/* Horizontal */
/* Vertical */
/* Diagonale */
/* Radial */
/*---------------------------------------------------
    CHANGEMENT DE COULEUR
  ---------------------------------------------------*/
/*---------------------------------------------------
    OPACITE
  ---------------------------------------------------*/
/*---------------------------------------------------
    OMBRES
  ---------------------------------------------------*/
/* Sur une boite */
/* Ombre externe sur une boite */
/* Ombre interne sur une boite */
/* Sur un texte */
/*---------------------------------------------------
    TEXTE
  ---------------------------------------------------*/
/* Gestion des traits d'union lors des sauts de ligne */
/* https://developer.mozilla.org/fr/docs/Web/CSS/hyphens
   https://www.w3schools.com/cssref/css3_pr_word-wrap.asp */
/* Autoriser ou non la sélection de texte */
/* Masquer le texte qui dépasse de la div */
/* Limiter l'affichage du contenu d'un bloc à un nombre donné de lignes
	 https://developer.mozilla.org/fr/docs/Web/CSS/-webkit-line-clamp */
/*---------------------------------------------------
    INPUT
  ---------------------------------------------------*/
/* Placeholder text */
/*---------------------------------------------------
    3D
  ---------------------------------------------------*/
/* Prevent browsers from flickering when using CSS 3D transforms.
Default value is `visible`, but can be changed to `hidden
See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
https://developer.mozilla.org/fr/docs/Web/CSS/backface-visibility */
/*---------------------------------------------------
    Transformations
  ---------------------------------------------------*/
/* La propriété transform modifie l'espace de coordonnées utilisé pour la mise en forme visuelle.
	 https://developer.mozilla.org/fr/docs/Web/CSS/transform */
/* Déplacer */
/* Déplacement 3D */
/* Modifier la taille */
/* Tourner */
/* Perspective */
/*---------------------------------------------------
    Transitions
  ---------------------------------------------------*/
/* Contrôler la vitesse d'animation
	 https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Transitions/Utiliser_transitions_CSS
	 https://developer.mozilla.org/fr/docs/Web/CSS/transition */
/* Durée de l'animation */
/* Durée à attendre avant de débuter la transition */
/* Définir une courbe d'accelération, de manière à ce que la vitesse de la transition varie au cours de sa durée
https://developer.mozilla.org/fr/docs/Web/CSS/transition-timing-function */
/* Pagination site */
.ul_pagination {
  *zoom: 1;
  border: 0;
  margin: 1em auto;
  padding: 0;
  clear: both;
  text-align: center;
}
.ul_pagination:before,
.ul_pagination:after {
  display: table;
  content: "";
  line-height: 0;
}
.ul_pagination:after {
  clear: both;
}
.ul_pagination li {
  border: 0;
  margin: 0 3px;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.ul_pagination a.pagination_link,
.ul_pagination .active {
  border-radius: 0;
  padding: 10px 15px;
  text-decoration: none;
  text-align: center;
  /*width: 2.6em;
		height: 2.6em;*/
}
.ul_pagination a.pagination_link {
  background-color: #e0cdc2;
  color: #749307;
  display: block;
}
.ul_pagination a.pagination_link:hover {
  opacity: 0.8;
}
.ul_pagination .active {
  background: #749307;
  color: #ffffff;
  font-weight: bold;
}
.ul_pagination a.pagination_grp {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #555555;
}
a {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.commonImage {
  border-radius: 0;
}
.commonHoverImageScale {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  transition: all .7s ease;
}
.commonHoverImageScale:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.commonErrorBox,
.commonSuccessBox {
  margin: 20px 0;
  padding: 1px;
  position: relative;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
}
.commonErrorBox p,
.commonSuccessBox p,
.commonErrorBox ul,
.commonSuccessBox ul {
  display: block;
  margin: 0;
  padding: 20px;
}
.commonErrorBox {
  border: 2px solid #cc0000;
  padding: 15px;
  color: #cc0000;
  /*background-color:@clickable_background_color;*/
}
.commonErrorBox p,
.commonErrorBox ul {
  display: block;
  margin: 0;
  color: #cc0000;
  /*background-color:@clickable_background_color; border:2px solid @clickable_border_color;*/
}
.commonErrorBox ul {
  padding-left: 2em;
  list-style: none;
}
.commonSuccessBox {
  background-color: #c6cdaa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a8ae8e), to(#c6cdaa));
  background-image: -o-linear-gradient(top, #a8ae8e 0%, #c6cdaa 100%);
  background-image: linear-gradient(to bottom, #a8ae8e 0%, #c6cdaa 100%);
  -webkit-box-shadow: 0px 0px 6px rgba(223, 230, 198, 0.7);
  box-shadow: 0px 0px 6px rgba(223, 230, 198, 0.7);
}
.commonSuccessBox p,
.commonSuccessBox ul {
  display: block;
  margin: 0;
  color: #676b5b;
  text-shadow: 1px 1px 0px #d6dcc3;
  background-color: #e2e8c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c8a7), to(#e2e8c9));
  background-image: -o-linear-gradient(top, #c1c8a7 0%, #e2e8c9 100%);
  background-image: linear-gradient(to bottom, #c1c8a7 0%, #e2e8c9 100%);
  -webkit-box-shadow: inset 0px 1px 0px #ebf0da;
  box-shadow: inset 0px 1px 0px #ebf0da;
}
.commonSuccessBox ul {
  padding-left: 2em;
}
/* .drop-shadow à mettre en variable */
/*-- Fil d'ariane --*/
.arianne {
  /*a.light{ color:lighten(@main_text_color, 10%); }*/
}
@media (min-width: 992px) {
  .arianne {
    margin: 0;
    padding: 45px 0;
  }
}
.arianne a {
  color: #555555;
  text-decoration: none;
  font-size: 1.8rem;
}
.arianne a:hover {
  color: #749307;
}
.arianne .fa-chevron-right {
  color: #749307;
  font-size: 2rem;
  margin: 0 5px;
}
/*-- Listing rubrique :produits --*/
.cadre_photo {
  text-align: center;
}
#listeRubrique .rubWrapper {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#listeRubrique .rubWrapper .cadre_photo {
  background: #f0ebe8;
  color: #555555;
}
#listeRubrique .rubWrapper .cadre_photo img {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#listeRubrique .rubWrapper .cadre_photo img:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#listeRubrique .rubWrapper .cadre_photo i {
  font-size: 5rem;
}
@media (min-width: 768px) {
  #listeRubrique .rubWrapper .cadre_photo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #listeRubrique .rubWrapper .cadre_photo {
    min-height: 91px;
  }
  #listeRubrique .rubWrapper .cadre_photo img {
    max-height: 91px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #listeRubrique .rubWrapper .cadre_photo {
    min-height: 122px;
  }
  #listeRubrique .rubWrapper .cadre_photo img {
    max-height: 122px;
  }
}
@media (min-width: 1200px) {
  #listeRubrique .rubWrapper .cadre_photo {
    min-height: 150px;
  }
  #listeRubrique .rubWrapper .cadre_photo img {
    max-height: 150px;
  }
}
#listeRubrique .nomRubrique {
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0;
  padding: 15px;
  background: #749307;
  text-align: center;
}
@media (min-width: 768px) {
  #listeRubrique .nomRubrique {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 2rem;
    height: 65px;
  }
}
#listeRubrique .nomRubrique a {
  color: #ffffff;
  width: 100%;
  text-decoration: none;
}
#listeRubrique .nomRubrique a:hover {
  color: rgba(255, 255, 255, 0.7);
}
/*-- Gestion du tooltip pour les étiquettes --*/
.vignetteNoStock,
.vignetteNouveaute,
.vignettePhare {
  background: #749307;
  color: #ffffff;
}
.vignetteNoStock .tooltip,
.vignetteNouveaute .tooltip,
.vignettePhare .tooltip {
  background: #749307;
  color: #ffffff;
}
.vignetteNoStock .tooltip:after,
.vignetteNouveaute .tooltip:after,
.vignettePhare .tooltip:after {
  border-bottom-color: #749307;
}
.vignetteStock,
.vignettePromo {
  background: #e0cdc2;
  color: #749307;
}
.vignetteStock .tooltip,
.vignettePromo .tooltip {
  background: #e0cdc2;
  color: #749307;
}
.vignetteStock .tooltip:after,
.vignettePromo .tooltip:after {
  border-bottom-color: #e0cdc2;
}
@media (max-width: 767px) {
  .vignette_mini {
    display: flex;
    padding: 5px;
    margin-bottom: 1px;
  }
  .vignette_mini .tooltip {
    padding-left: 5px;
  }
}
@media (min-width: 768px) {
  .vignette_mini {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px;
    font-size: 1.4rem;
    float: left;
    position: relative;
  }
  .tooltip {
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    /*width:auto; word-wrap:no-wrap;*/
    top: 45px;
    left: 50%;
    transform: translate(-50%);
    transform-style: preserve-3d;
    z-index: 200;
    font-size: 0.9em;
    display: none;
  }
  .tooltip:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: -5px;
    display: inline-block;
    height: 0;
    width: 0;
    border-bottom: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    z-index: 1;
  }
  .vignetteStock:hover .tooltip,
  .vignetteNoStock:hover .tooltip,
  .vignettePhare:hover .tooltip {
    display: block;
  }
}
/* A trier */
#alert_erreur {
  margin: 20px 0;
  padding: 1px;
  position: relative;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  border: 2px solid #cc0000;
  padding: 15px;
  color: #cc0000;
  /*background-color:@clickable_background_color;*/
}
#alert_erreur p,
#alert_erreur ul {
  display: block;
  margin: 0;
  padding: 20px;
}
#alert_erreur p,
#alert_erreur ul {
  display: block;
  margin: 0;
  color: #cc0000;
  /*background-color:@clickable_background_color; border:2px solid @clickable_border_color;*/
}
#alert_erreur ul {
  padding-left: 2em;
  list-style: none;
}
.lien_invisible {
  text-decoration: none;
}
.liste_livraison img {
  max-height: 50px;
}
.pagination {
  *zoom: 1;
  border: 0;
  margin: 1em auto;
  padding: 0;
  clear: both;
  text-align: center;
}
.pagination:before,
.pagination:after {
  display: table;
  content: "";
  line-height: 0;
}
.pagination:after {
  clear: both;
}
.pagination li {
  border: 0;
  margin: 0 3px;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.pagination a.pagination_link,
.pagination .active {
  border-radius: 0;
  padding: 10px 15px;
  text-decoration: none;
  text-align: center;
  /*width: 2.6em;
		height: 2.6em;*/
}
.pagination a.pagination_link {
  background-color: #e0cdc2;
  color: #749307;
  display: block;
}
.pagination a.pagination_link:hover {
  opacity: 0.8;
}
.pagination .active {
  background: #749307;
  color: #ffffff;
  font-weight: bold;
}
.pagination a.pagination_grp {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #555555;
}
#menu_bottom #menuderoulant .nav a {
  padding: 0 15px !important;
}
.wp30 {
  width: 30% !important;
}
.margI0 {
  margin: 0 !important;
}
#formPanier .col-xs-12 {
  text-align: center;
}
#formPanier .col-sm-4 {
  text-align: center;
}
#formPanier input[type=submit] {
  width: 100%;
}
.alignright {
  text-align: right;
}
/* ---------------------------- Style Global ----------------------------- */
.btnClose {
  display: inline-block;
  /* Utilisé dans button.less */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 10px 20px;
  font-size: 1.3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  -o-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  color: #ffffff;
  background-color: #749307;
  border: 1px solid transparent;
  text-decoration: none;
  padding: 4px 6px;
}
.btnClose:focus {
  /* Utilisé dans button.less, form.less, plugins CodeMirror */
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}
.btnClose.active,
.btnClose:active {
  outline: none;
}
.btnClose:hover {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
.btnClose.active,
.btnClose:active {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
.btnClose:hover {
  text-decoration: none !important;
}
.btn,
.btn2,
.btn_lien {
  display: inline-block;
  /* Utilisé dans button.less */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 10px 20px;
  font-size: 1.3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  -o-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  color: #ffffff;
  background-color: #749307;
  border: 1px solid transparent;
  text-decoration: none;
  margin-bottom: 5px;
  padding: 10px 20px !important;
}
.btn:focus,
.btn2:focus,
.btn_lien:focus {
  /* Utilisé dans button.less, form.less, plugins CodeMirror */
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}
.btn.active,
.btn2.active,
.btn_lien.active,
.btn:active,
.btn2:active,
.btn_lien:active {
  outline: none;
}
.btn:hover,
.btn2:hover,
.btn_lien:hover {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
.btn.active,
.btn2.active,
.btn_lien.active,
.btn:active,
.btn2:active,
.btn_lien:active {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
.btn:hover,
.btn2:hover,
.btn_lien:hover {
  text-decoration: none !important;
}
.cache {
  display: none;
}
.floatLeft {
  float: left;
}
dt {
  display: block;
  margin: 0 0 6px 18px;
  font-weight: normal;
}
.droite {
  text-align: right;
}
.gauche {
  text-align: left;
}
.pagesize {
  width: 45px;
}
.message {
  display: none;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 10px auto;
  font-style: italic;
  color: #AA5555;
  border: 1px dotted #333333;
  padding: 5px;
  background: none repeat scroll 0 0 #FAFAFA;
}
.message a {
  color: #AA5555;
  font-weight: normal;
}
.pagination {
  clear: both;
  text-align: center;
  padding: 5px 0;
}
.remise_err {
  color: #FE0000;
  font-weight: bold;
  display: block;
  margin-right: 145px;
  float: right;
}
/*Stepper (bouton + et -)*/
.stepper-widget input[type="text"] {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 6px 6px;
}
.stepper-widget .fa-plus,
.stepper-widget .fa-minus {
  color: #ffffff;
  font-size: .7em;
  margin-top: 6px;
  font-weight: 400;
}
.stepper-widget .js-qty-down,
.stepper-widget .js-qty-up {
  background-color: #749307;
  color: #ffffff;
  width: 35px;
  height: 35px;
  margin-top: 1px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  border-radius: 6px;
  padding: 0;
  border: none;
}
.stepper-widget .js-qty-down:hover,
.stepper-widget .js-qty-up:hover {
  opacity: .7;
}
/*** XS ***/
@media (max-width: 767px) {
  .wrapSelect {
    width: 49%;
    display: inline-block;
    margin-top: .5em;
  }
  .wrapSelect .col-sm-7 {
    height: 5em;
  }
  .wrapSelect .stepper-widget .js-qty-down,
  .wrapSelect .stepper-widget .js-qty-up {
    width: 41px;
    height: 45px;
    margin: 0 3px;
  }
  .wrapSelect .stepper-widget .fa-plus,
  .wrapSelect .stepper-widget .fa-minus {
    font-size: 1.2em;
  }
  .wrapSelect .stepper-widget input[type="text"] {
    width: 45px;
    height: 45px;
  }
}
/*petit ecran iphone 4/5*/
@media (max-width: 374px) {
  .wrapSelect .stepper-widget .js-qty-down,
  .wrapSelect .stepper-widget .js-qty-up {
    width: 35px;
    height: 38px;
  }
  .wrapSelect .stepper-widget input[type="text"] {
    width: 39px;
    height: 39px;
  }
}
/*Fil d'ariane */
#breadcrumbs-two {
  overflow: hidden;
  width: 100%;
  list-style: none;
  padding: 0;
  margin-bottom: 2em;
}
#breadcrumbs-two a {
  font-size: 1.5rem;
}
#breadcrumbs-two li {
  background: #e0cdc2;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #749307;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  -webkit-transition: color linear 0s, background-color linear 0s, border linear 0s;
  transition: color linear 0s, background-color linear 0s, border linear 0s;
  margin: 0 .4em 0 .9em;
  width: 23%;
  text-align: center;
}
/*** MD ***/
@media (min-width: 992px) and (max-width: 1199px) {
  #breadcrumbs-two li {
    font-size: .8em;
  }
}
/*** SM ***/
@media (min-width: 768px) and (max-width: 991px) {
  #breadcrumbs-two li {
    width: 20%;
  }
}
@media (max-width: 991px) {
  #breadcrumbs-two li {
    font-size: .8em;
    padding: .3em .1em;
    height: 26px;
  }
}
#breadcrumbs-two li::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #e0cdc2 #e0cdc2 #e0cdc2 transparent;
  left: -1em;
}
#breadcrumbs-two li:hover::before {
  border-color: #e0cdc2 #e0cdc2 #e0cdc2 transparent;
}
#breadcrumbs-two li::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #e0cdc2;
  right: -1em;
}
/*current*/
#breadcrumbs-two li.current {
  background: #749307;
  color: #ffffff;
}
#breadcrumbs-two li.current::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #749307 #749307 #749307 transparent;
  left: -1em;
}
#breadcrumbs-two li.current:hover::before {
  border-color: #749307 #749307 #749307 transparent;
}
#breadcrumbs-two li.current::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #749307;
  right: -1em;
}
#breadcrumbs-two li.current:hover::after {
  border-left-color: #749307;
}
/*Fin fil d'ariane */
/* ------------------------------ Les "nettoyeurs" ----------------------- */
.clearb,
.clear {
  clear: both;
}
.clearer {
  clear: both;
  width: 0;
  height: 0;
  line-height: 0;
}
/* ------------------------------ Pagination ------------------------------ */
.pagerRubrique {
  padding: 10px 0;
  text-align: center;
  clear: both;
}
.pagerRubrique button {
  font-size: 1.5rem;
  background-color: transparent;
  border: none;
  color: #ffffff;
  text-decoration: none;
  width: 30px;
  height: 30px;
  transition: .2s linear;
  -webkit-transition: 0.2s linear;
}
.pagerRubrique label {
  text-align: center;
  width: 60px;
  height: 30px;
  line-height: 29px;
  display: inline-block;
  border: 1px dotted #ccc;
  cursor: auto;
}
.pagerRubrique select {
  border: 1px solid #ccc;
  padding: 4px 0;
}
/* ------------------------------  Tooltip ------------------------------  */
#tooltip {
  position: absolute;
  z-index: 3000;
  padding: 10px;
  border: 1px solid #999;
  background-color: #eee;
  text-align: left;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#tooltip h3,
#tooltip div {
  margin: 0;
}
#tooltip table td {
  vertical-align: top;
}
.infobulleBonCadeau {
  margin: 0;
  border: none;
}
.infobulleBonCadeau td {
  margin: 0;
  border: none;
  padding: 3px 20px 3px 0;
}
/* ------------------------------ Moteur de recherche ----------------------- */
#slider-txt {
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
}
#slider-range {
  display: block;
  width: 171px;
  margin: 2px 0;
}
/* -------------------------- Paiement -------------------------- */
.cb,
.paypal {
  height: 50px;
}
/* -------------------------- Popup -------------------------- */
.popupGlobal,
.cgdv {
  background-color: #ffffff;
}
.cgdv {
  width: 700px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: justify;
  padding: 0 10px;
}
/* -------------------------- Formulaire spécifique  ------------------------------ */
form.formPanier,
form.formModification {
  margin: 0 0 1em;
}
form.formPanier .field,
form.formModification .field {
  margin: 0.5em 0;
  padding: 0;
}
form.formPanier .field label,
form.formModification .field label,
form.formPanier .field .fake-label,
form.formModification .field .fake-label {
  display: block;
}
form.formPanier .field label,
form.formModification .field label {
  cursor: pointer;
}
form.formPanier .field label.error,
form.formModification .field label.error {
  color: #c00;
  font-style: italic;
  font-size: 0.9em;
}
form.formPanier .required,
form.formModification .required {
  font-weight: bold;
}
form.formPanier .required:before,
form.formModification .required:before {
  content: '* ';
  color: #c00;
}
form.formPanier fieldset,
form.formModification fieldset {
  padding: 0.5em;
  margin: 1.8em 0 1em;
  border: none;
  border-top: 1px solid #ffffff;
}
form.formPanier legend,
form.formModification legend {
  margin: 0;
  padding: 0.2em 0.8em;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-style: italic;
}
form.formPanier select,
form.formModification select,
form.formPanier textarea,
form.formModification textarea,
form.formPanier input[type="text"],
form.formModification input[type="text"],
form.formPanier input[type="password"],
form.formModification input[type="password"],
form.formPanier input[type="datetime"],
form.formModification input[type="datetime"],
form.formPanier input[type="datetime-local"],
form.formModification input[type="datetime-local"],
form.formPanier input[type="date"],
form.formModification input[type="date"],
form.formPanier input[type="month"],
form.formModification input[type="month"],
form.formPanier input[type="time"],
form.formModification input[type="time"],
form.formPanier input[type="week"],
form.formModification input[type="week"],
form.formPanier input[type="number"],
form.formModification input[type="number"],
form.formPanier input[type="email"],
form.formModification input[type="email"],
form.formPanier input[type="url"],
form.formModification input[type="url"],
form.formPanier input[type="search"],
form.formModification input[type="search"],
form.formPanier input[type="tel"],
form.formModification input[type="tel"],
form.formPanier input[type="color"],
form.formModification input[type="color"] {
  display: inline-block;
  padding: 4px 6px;
  color: #000000;
  border-radius: 6px;
  vertical-align: middle;
}
form.formPanier textarea,
form.formModification textarea,
form.formPanier input[type="text"],
form.formModification input[type="text"],
form.formPanier input[type="password"],
form.formModification input[type="password"],
form.formPanier input[type="datetime"],
form.formModification input[type="datetime"],
form.formPanier input[type="datetime-local"],
form.formModification input[type="datetime-local"],
form.formPanier input[type="date"],
form.formModification input[type="date"],
form.formPanier input[type="month"],
form.formModification input[type="month"],
form.formPanier input[type="time"],
form.formModification input[type="time"],
form.formPanier input[type="week"],
form.formModification input[type="week"],
form.formPanier input[type="number"],
form.formModification input[type="number"],
form.formPanier input[type="email"],
form.formModification input[type="email"],
form.formPanier input[type="url"],
form.formModification input[type="url"],
form.formPanier input[type="search"],
form.formModification input[type="search"],
form.formPanier input[type="tel"],
form.formModification input[type="tel"],
form.formPanier input[type="color"],
form.formModification input[type="color"] {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  -webkit-transition: all border linear .2s, box-shadow linear .2s ease-out;
  -o-transition: all border linear .2s, box-shadow linear .2s ease-out;
  transition: all border linear .2s, box-shadow linear .2s ease-out;
}
form.formPanier textarea:focus,
form.formModification textarea:focus,
form.formPanier input[type="text"]:focus,
form.formModification input[type="text"]:focus,
form.formPanier input[type="password"]:focus,
form.formModification input[type="password"]:focus,
form.formPanier input[type="datetime"]:focus,
form.formModification input[type="datetime"]:focus,
form.formPanier input[type="datetime-local"]:focus,
form.formModification input[type="datetime-local"]:focus,
form.formPanier input[type="date"]:focus,
form.formModification input[type="date"]:focus,
form.formPanier input[type="month"]:focus,
form.formModification input[type="month"]:focus,
form.formPanier input[type="time"]:focus,
form.formModification input[type="time"]:focus,
form.formPanier input[type="week"]:focus,
form.formModification input[type="week"]:focus,
form.formPanier input[type="number"]:focus,
form.formModification input[type="number"]:focus,
form.formPanier input[type="email"]:focus,
form.formModification input[type="email"]:focus,
form.formPanier input[type="url"]:focus,
form.formModification input[type="url"]:focus,
form.formPanier input[type="search"]:focus,
form.formModification input[type="search"]:focus,
form.formPanier input[type="tel"]:focus,
form.formModification input[type="tel"]:focus,
form.formPanier input[type="color"]:focus,
form.formModification input[type="color"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
form.formPanier input[type="radio"],
form.formModification input[type="radio"],
form.formPanier input[type="checkbox"],
form.formModification input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  margin-top: 1px \9;
  line-height: normal;
  vertical-align: baseline;
}
form.formPanier input[type="file"],
form.formModification input[type="file"],
form.formPanier input[type="image"],
form.formModification input[type="image"],
form.formPanier input[type="submit"],
form.formModification input[type="submit"],
form.formPanier input[type="reset"],
form.formModification input[type="reset"],
form.formPanier input[type="button"],
form.formModification input[type="button"],
form.formPanier input[type="radio"],
form.formModification input[type="radio"],
form.formPanier input[type="checkbox"],
form.formModification input[type="checkbox"] {
  width: auto;
}
form.formPanier select,
form.formModification select {
  border: 1px solid #e6e6e6;
  background-color: #e6e6e6;
}
form.formPanier select:focus,
form.formModification select:focus,
form.formPanier input[type="file"]:focus,
form.formModification input[type="file"]:focus,
form.formPanier input[type="radio"]:focus,
form.formModification input[type="radio"]:focus,
form.formPanier input[type="checkbox"]:focus,
form.formModification input[type="checkbox"]:focus {
  /* Utilisé dans button.less, form.less, plugins CodeMirror */
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
form.formPanier input::-webkit-input-placeholder,
form.formModification input::-webkit-input-placeholder,
form.formPanier textarea::-webkit-input-placeholder,
form.formModification textarea::-webkit-input-placeholder {
  color: #666666;
}
form.formPanier input::-moz-placeholder,
form.formModification input::-moz-placeholder,
form.formPanier textarea::-moz-placeholder,
form.formModification textarea::-moz-placeholder {
  color: #666666;
}
form.formPanier input:-ms-input-placeholder,
form.formModification input:-ms-input-placeholder,
form.formPanier textarea:-ms-input-placeholder,
form.formModification textarea:-ms-input-placeholder {
  color: #666666;
}
form.formPanier input::-ms-input-placeholder,
form.formModification input::-ms-input-placeholder,
form.formPanier textarea::-ms-input-placeholder,
form.formModification textarea::-ms-input-placeholder {
  color: #666666;
}
form.formPanier input::placeholder,
form.formModification input::placeholder,
form.formPanier textarea::placeholder,
form.formModification textarea::placeholder {
  color: #666666;
}
form.formPanier input[type="submit"],
form.formModification input[type="submit"],
form.formPanier button.button,
form.formModification button.button {
  display: inline-block;
  /* Utilisé dans button.less */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 10px 20px;
  font-size: 1.3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  -o-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  color: #ffffff;
  background-color: #749307;
  border: 1px solid transparent;
}
form.formPanier input[type="submit"]:focus,
form.formModification input[type="submit"]:focus,
form.formPanier button.button:focus,
form.formModification button.button:focus {
  /* Utilisé dans button.less, form.less, plugins CodeMirror */
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}
form.formPanier input[type="submit"].active,
form.formModification input[type="submit"].active,
form.formPanier button.button.active,
form.formModification button.button.active,
form.formPanier input[type="submit"]:active,
form.formModification input[type="submit"]:active,
form.formPanier button.button:active,
form.formModification button.button:active {
  outline: none;
}
form.formPanier input[type="submit"]:hover,
form.formModification input[type="submit"]:hover,
form.formPanier button.button:hover,
form.formModification button.button:hover {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
form.formPanier input[type="submit"].active,
form.formModification input[type="submit"].active,
form.formPanier button.button.active,
form.formModification button.button.active,
form.formPanier input[type="submit"]:active,
form.formModification input[type="submit"]:active,
form.formPanier button.button:active,
form.formModification button.button:active {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
form.formPanier a.button,
form.formModification a.button {
  display: inline-block;
  /* Utilisé dans button.less */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 10px 20px;
  font-size: 1.3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  -o-transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  transition: all color linear .2s, background-color linear .2s, border linear .2s ease-out;
  color: #ffffff;
  background-color: #749307;
  border: 1px solid transparent;
  text-decoration: none;
}
form.formPanier a.button:focus,
form.formModification a.button:focus {
  /* Utilisé dans button.less, form.less, plugins CodeMirror */
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}
form.formPanier a.button.active,
form.formModification a.button.active,
form.formPanier a.button:active,
form.formModification a.button:active {
  outline: none;
}
form.formPanier a.button:hover,
form.formModification a.button:hover {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
form.formPanier a.button.active,
form.formModification a.button.active,
form.formPanier a.button:active,
form.formModification a.button:active {
  color: #ffffff;
  background-color: #33251c;
  border: 1px solid transparent;
}
form.formPanier .width100,
form.formModification .width100 {
  width: 100% !important;
}
form.formModification label {
  display: inline-block;
}
form.formModification label.code_reduction {
  width: 250px;
}
form.formModification input,
form.formModification textarea,
form.formModification select {
  vertical-align: top !important;
}
form.formModification input.val_com {
  color: #ffffff;
}
#commentaire_commande {
  min-height: auto;
}
/* ------------------------------ Page Livraison ------------------------------- */
.info_livraison input {
  margin: 0 5px 0 15px;
}
.wrapLivraison {
  background: transparent;
  margin-bottom: 1em;
  padding: 1em;
  text-align: left;
}
.wrapLivraison .info_livraison {
  font-size: 2rem;
  line-height: 1.3;
}
.commande-titre {
  font-size: 2.4rem;
}
.modeLivraison {
  min-height: 85px;
  display: flex;
  align-items: center;
}
#FormLivraison .customBtnRadio label:after {
  background: #749307;
}
/* ----------------------------- Block catégorie ----------------------------- */
#menuderoulant {
  color: transparent;
  font: normal 11px/20px Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 5px 0 15px 0px;
  position: relative;
  z-index: 99;
  clear: both;
  width: 100%;
  margin: 0;
}
#menuderoulant ul {
  list-style: none;
  width: 100%;
}
#menuderoulant ul li {
  list-style: none;
  margin: 0;
  border-bottom: dashed 1px transparent;
}
#menuderoulant li ul {
  background: transparent;
  color: transparent;
  border: transparent;
}
#menuderoulant a {
  display: block;
  /*padding:4px 10px;*/
  margin: 0;
  text-decoration: none;
  color: transparent;
  /*border-bottom:dashed 1px @main_border_color;*/
  font-size: 12px;
}
#menuderoulant a:hover,
#menuderoulant .bold {
  background: transparent;
}
#menuderoulant li:hover {
  background: transparent;
}
#menuderoulant li:hover a,
#menuderoulant li:hover ul li:hover a {
  color: transparent;
}
#menuderoulant li:hover ul a,
#menuderoulant li:hover ul li:hover ul a {
  color: transparent;
}
#menuderoulant li ul a {
  display: block;
  /*padding:4px 10px 4px 0;*/
  margin: 0;
  text-decoration: none;
  color: transparent;
}
#menuderoulant li ul a:hover,
#menuderoulant li:hover ul li:hover ul a:hover,
#menuderoulant li ul .bold {
  background: transparent;
  color: transparent;
}
.catalogueRubriques .toggleMenu {
  left: -9999px;
  position: absolute;
}
/* -------------------------- Panier -------------------------- */
.blockDetailPanier table {
  width: 100%;
}
.blockDetailPanier .fl-table {
  width: 100%;
  border: 1px solid #f0ebe8;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
@media (max-width: 991px) {
  .blockDetailPanier .fl-table {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0;
  }
  .blockDetailPanier .fl-table p {
    margin: .5em 0;
  }
}
.blockDetailPanier .fl-table th {
  text-align: center;
  font-weight: 400;
  font-size: 1.6rem;
  padding: 5px;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .blockDetailPanier .fl-table th {
    text-align: left;
    padding: 10px;
  }
}
.blockDetailPanier .fl-table th span {
  color: #749307;
  font-size: 2.5rem;
}
.blockDetailPanier td {
  padding: 5px;
}
@media (min-width: 992px) {
  .blockDetailPanier td {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  .blockDetailPanier td,
  .blockDetailPanier th {
    width: 100%;
    display: block;
  }
}
.blockDetailPanier .tablePanierProduit p {
  color: #26221f;
  font-size: 2.5rem;
}
@media (max-width: 991px) {
  .blockDetailPanier .tablePanierProduit p {
    font-size: 1.5rem;
  }
}
.blockDetailPanier .tablePanierImg img {
  width: 30%;
}
@media (min-width: 992px) {
  .blockDetailPanier td {
    display: table-cell;
    width: auto;
  }
  .blockDetailPanier .tablePanierImg {
    width: 15%;
  }
  .blockDetailPanier .tablePanierImg img {
    width: auto;
  }
  .blockDetailPanier .tablePanierProduit {
    width: 30%;
    vertical-align: text-top;
    text-align: left;
    padding-left: 2em;
  }
  .blockDetailPanier .tablePanierProduit .fa-trash-alt {
    margin-right: 20px;
  }
  .blockDetailPanier .tablePanierUnite {
    width: 24%;
  }
  .blockDetailPanier .tablePanierNbreArticle {
    width: 15%;
  }
  .blockDetailPanier .tablePanierTotal {
    width: 16%;
  }
}
.blockDetailPanier .tablePanierProduit,
.blockDetailPanier .tablePanierUnite,
.blockDetailPanier .tablePanierNbreArticle,
.blockDetailPanier .tablePanierTotal {
  border-bottom: 1px solid #f0ebe8;
}
@media (min-width: 992px) {
  .blockDetailPanier .tablePanierNbreArticleTotal {
    text-align: left;
  }
}
.blockDetailPanier .tablePanierNbreArticleTotal {
  white-space: nowrap;
}
.blockDetailPanier th,
.blockDetailPanier .celluleGrise {
  background: #f0ebe8;
}
.blockDetailPanier tr.celluleGrise {
  border-top: solid 5px #ffffff;
}
.blockDetailPanier tr.celluleGrise td {
  padding: 15px 10px;
}
.blockDetailPanier tr.celluleGrise td:nth-of-type(1) {
  font-size: 1.7rem;
  font-weight: 600;
}
.blockDetailPanier tr.celluleGrise td:nth-of-type(3) {
  font-size: 3.2rem;
}
.blockDetailPanier .celluleFond {
  background-color: #ffffff;
  color: #ffffff;
  border-top: solid 5px #ffffff;
}
.blockDetailPanier .celluleFond td {
  padding: 15px 10px;
}
.blockDetailPanier .celluleFond td:nth-of-type(1) {
  font-size: 1.7rem;
  font-weight: 600;
}
.blockDetailPanier .celluleFond td:nth-of-type(3) {
  font-size: 3.2rem;
}
.blockDetailPanier .ligneFinCommande {
  padding: 15px;
  font-size: 1.6em;
  margin-bottom: 5px;
}
.blockDetailPanier .margeP {
  margin: 5px 0;
}
.blockDetailPanier .tablePanierUnite,
.blockDetailPanier .tablePanierNbreArticle {
  text-align: left;
}
.blockDetailPanier .tablePanierTotal {
  background-color: #f0ebe8;
  font-size: 1.6rem;
  text-align: center;
}
.blockDetailPanier .tablePanierTotal span {
  font-size: 2.5rem;
  color: #26221f;
}
@media (min-width: 992px) {
  .blockDetailPanier .tablePanierTotal span {
    font-size: 3rem;
  }
}
.blockDetailPanier .tablePanierPrixTotal {
  background-color: transparent;
  color: #ffffff;
  text-align: center;
}
.blockDetailPanier .tablePanierPrixTotal p {
  margin: 0 0 12px 0;
}
.blockDetailPanier .tablePanierPrixTotal span {
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .blockDetailPanier .tablePanierPrixTotal span {
    font-size: 3rem;
  }
}
.blockDetailPanier .fl-table tr:last-child td,
.blockDetailPanier .fl-table tr.borderTopPanier td {
  border-top: solid 1px #f0ebe8;
}
.blockDetailPanier #btnGestionPanier a,
.blockDetailPanier #btnGestionPanier input {
  margin: 10px 0;
}
.blockDetailPanier .btnPanierVider,
.blockDetailPanier .btnPanierValider {
  padding: 8px 11px;
  font-weight: 700;
  text-align: center;
  font-size: 1.5rem;
  border: none;
  border-radius: 0;
  width: 100%;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  margin: 0;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: inherit;
  text-transform: uppercase;
  line-height: 1.1;
}
.blockDetailPanier .btnPanierVider {
  background: none;
  border: solid 1px transparent;
  color: transparent;
}
.blockDetailPanier .btnPanierVider .fa-trash-alt {
  margin-right: 10px;
}
.blockDetailPanier .btnPanierVider:hover {
  background-color: none;
  color: rgba(0, 0, 0, 0);
}
.blockDetailPanier .btnPanierValider {
  background-color: #e6e6e6;
  color: #000000;
}
.blockDetailPanier .btnPanierValider:hover {
  background-color: #cdcdcd;
}
.blockDetailPanier .ligneInfo {
  background-color: #ffffff;
  border: solid 1px #f0ebe8;
  padding: 21px 15px;
  font-size: 2.2rem;
}
.blockDetailPanier .ligneInfo span {
  color: #26221f;
  text-transform: uppercase;
  font-size: 1.6rem;
}
/*FIN blockDetailPanier*/
/*.infoProduits .partirde{
    font-size:1.5rem;
    padding-right:10px;
}*/
/*Tableau de la page de validation*/
#detailPanier .tablePanierUnite,
#detailPanier .tablePanierNbreArticle {
  text-align: left;
}
#detailPanier .tablePanierProduit {
  vertical-align: inherit;
}
@media (min-width: 992px) {
  #detailPanier .moyenPaiement {
    padding-left: 5em;
  }
}
/*.affichage_panier table{ border:@fourth_border_color; margin:auto; width:100%; }
.affichage_panier table th, .affichage_panier .td2{ border:@fourth_border_color; padding:3px; font-weight:bold; background:@third_background_color; }
.affichage_panier table td{ border:@fourth_border_color; padding:3px; vertical-align:top; }
.affichage_panier table td.td3{ border:none; height:3px; background:transparent; padding:0;}
.affichage_panier .ui-spinner{ margin:0; }*/
.liste_composition {
  list-style-type: none;
}
.classe_obligatoire h4:after {
  content: " *";
}
/* ------------------------------ Affichage du produits (généralités) ------------------------------- */
#cadre_produit_detail .declinaison {
  padding: 5px 0;
}
.vignette_precommande {
  background: none repeat scroll 0 0 #FF8432;
  border: 1px solid #AD560A;
  float: left;
  font-size: 9px;
  margin: 0 5px 0 0;
  padding: 0 4px 2px;
}
input.spinner_quantite,
input.quantite_produit {
  border: none;
  box-shadow: none;
  padding: 0 !important;
}
/* ------------------------------ Affichage du détail du produits ------------------------------- */
#cadre_produit_detail #cadre_produit_detail_gauche {
  margin-bottom: 2em;
  text-align: center;
}
@media (min-width: 992px) {
  #cadre_produit_detail #cadre_produit_detail_gauche {
    margin-bottom: 0;
  }
}
#cadre_produit_detail .cadre_vignette {
  position: static;
  justify-content: flex-end;
}
#cadre_produit_detail .cadre_prix {
  font-weight: 700;
  font-size: 3.5rem;
  color: #26221f;
}
#cadre_produit_detail .cadre_prix span {
  margin: 10px 0;
}
#cadre_produit_detail #wrapDescription {
  border-bottom: solid 1px #f0ebe8;
  margin-bottom: 1em;
}
#cadre_produit_detail .bouton_ajouter {
  padding: 14px 50px;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 1em 0;
  transition: .2s linear;
  -webkit-transition: .2s linear;
}
#cadre_produit_detail .numimage {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}
#cadre_produit_detail .numimage .produit_miniature {
  margin: 0 0 0 5px;
  cursor: pointer;
  opacity: .5;
  transition: .2s linear;
  -webkit-transition: .2s linear;
}
#cadre_produit_detail .numimage .produit_miniature:hover {
  opacity: 1;
}
/*cadre_produit_detail*/
.tableDeclinaison {
  border: 1px solid #000;
  width: 100%;
}
.tableDeclinaison th {
  padding: 4px;
  border: 1px solid #000;
  font-weight: bold;
  background: #7f543f;
}
.tableDeclinaison td {
  padding: 4px;
  border: 1px solid #000;
  vertical-align: top;
}
.tableDeclinaison .even {
  background: #E0E0E0;
}
.centrage_module_accueil,
.centrage_module_encart {
  display: table;
  margin: auto;
}
#cadre_produit_pdf {
  margin: 5px 0 10px 0;
  background-color: #fff;
  border: 1px dotted #666;
  padding: 3px 0;
}
#cadre_produit_pdf li {
  float: left;
  margin: 5px 20px;
}
/*SUIVI DE MES COMMANDES*/
.page_commande .celluleGrise {
  background: #f0ebe8;
}
.ligne6 {
  min-height: 130px;
}
.row-legend {
  font-weight: bold;
}
.statut_table div.statut_cmd_site {
  padding: 10px 10px 10px 15px;
  text-align: left;
  font-size: 1em;
  background: #f0ebe8;
  margin-top: 5px;
}
.statut_table div {
  font-size: 0.7em;
  padding: 5px 10px 5px 15px;
}
.couleur .itemCommande:nth-child(even) {
  background: #f0ebe8;
}
.couleur .itemCommande:nth-child(odd) {
  background: #e6ded9;
}
.itemCommande .col-sm-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* ------------------------------ Affichage associe ------------------------------ */
.cadre_liste_produit_associe {
  border: transparent;
  background: #7f543f;
  float: left;
  padding: 5px 5px 0 5px;
  margin: 5px 6px;
  width: 100%;
  text-align: center;
  -webkit-box-shadow: #666 0px 1px 3px;
  -moz-box-shadow: #666 0px 1px 3px;
  box-shadow: #666 0px 1px 3px;
  behavior: url('oktCommon/css/pie/PIE.php');
  position: relative;
}
.ligne_produit_entete_associe:hover {
  background: transparent;
  cursor: pointer;
}
.ligne_produit_entete_associe a {
  font-weight: bold;
  text-decoration: none;
}
.produit_image_associe {
  float: left;
  width: 60px;
  margin-right: 5px;
}
.cadre_rubrique_droite_associe {
  width: 100px;
  float: right;
}
.description_courte_associe {
  min-height: 72px;
  _height: 72px;
  height: 60px;
  overflow: hidden;
  margin: 10px;
}
.produit_nom_associe {
  float: left;
  text-align: left;
}
.produit_nom_associe a {
  text-decoration: none;
  font-weight: bold;
}
.affichage_produit_prix_rubrique_associe {
  background: #749307;
  font-size: 11px;
  border: 1px solid #000;
  color: #FFFFFF;
  font-size: 12px;
  margin: 4px auto 7px auto;
  padding: 2px 4px 4px 4px;
  text-align: center;
}
.titre_produit_associe {
  height: 35px;
  font-size: 12px;
}
.lien_info_associe {
  display: block;
  min-height: 20px;
  _height: 20px;
}
.produit_nom_associe .btn_lien {
  font-weight: normal;
}
.cadre_liste_produit_associe2 {
  border: transparent;
  background: #7f543f;
  width: 100%;
  float: left;
  padding: 5px 5px 0 5px;
  margin: 5px 5px;
  text-align: center;
  -webkit-box-shadow: #666 0px 1px 3px;
  -moz-box-shadow: #666 0px 1px 3px;
  box-shadow: #666 0px 1px 3px;
  behavior: url('oktCommon/css/pie/PIE.php');
  position: relative;
}
.ligne_produit_entete_associe2:hover {
  background: transparent;
  cursor: pointer;
}
.ligne_produit_entete_associe2 a {
  font-weight: bold;
  text-decoration: none;
}
.produit_image_associe2 {
  margin: 0 auto 5px auto;
  height: 125px;
}
.cadre_rubrique_droite_associe2 {
  width: 100px;
  float: right;
}
.description_courte_associe2 {
  min-height: 72px;
  _height: 72px;
  height: 60px;
  overflow: hidden;
  margin: 10px;
}
.produit_nom_associe2 {
  float: left;
  text-align: left;
}
.produit_nom_associe2 a {
  text-decoration: none;
  font-weight: bold;
}
.titre_produit_associe2 {
  height: 35px;
  font-size: 12px;
}
.lien_info_associe2 {
  display: block;
  height: 20px;
}
.produit_nom_associe2 .btn_lien {
  font-weight: normal;
}
.affichage_produit_prix_rubrique_associe2 {
  background: #749307;
  font-size: 11px;
  border: 1px solid #000;
  color: #FFFFFF;
  font-size: 12px;
  margin: 4px auto 7px auto;
  padding: 2px 4px 4px 4px;
  text-align: center;
}
.cadre_liste_produit_associer {
  margin-bottom: 30px;
}
.cadre_liste_produit_associer .titre_produit {
  text-transform: uppercase;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  background: #749307;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .cadre_liste_produit_associer .titre_produit {
    height: 40px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .cadre_liste_produit_associer .titre_produit {
    min-height: 40px;
    height: 40px;
    overflow: hidden;
  }
}
.cadre_liste_produit_associer .titre_produit a {
  text-decoration: none;
  color: #ffffff;
  transition: .2s linear;
  -webkit-transition: .2s linear;
}
.cadre_liste_produit_associer .titre_produit a:hover {
  opacity: .5;
}
.cadre_liste_produit_associer .infoProduits {
  background-color: #f0ebe8;
  position: relative;
  /*.affichage_produit_prix_rubrique{
			display:flex;
			align-items:center;
			justify-content:flex-end;
			font-size:2.5rem;
			font-weight:700;
			padding:10px;
			min-height:60px;
		}*/
  /*.partirde{
			font-size:1.5rem;
			padding-right:10px;
		}*/
}
.cadre_liste_produit_associer .infoProduits .infoNiv1 {
  display: flex;
}
.cadre_liste_produit_associer .infoProduits .wrapPrixAbsolute {
  position: absolute;
  top: -5px;
  right: 0;
}
.cadre_liste_produit_associer .icoLoupe {
  font-size: 2rem;
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.cadre_liste_produit_associer .icoLoupe:hover {
  opacity: .6;
}
/* ------------------------------ Caroussel Produit Associé ------------------------------ */
.jcarousel-skin-tango .jcarousel-container-horizontal {
  padding: 5px;
  width: 505px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
  height: 240px;
  width: 510px;
}
.jcarousel-skin-tango .jcarousel-clip {
  overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item {
  height: 240px;
  width: 160px;
}
.jcarousel-scroll {
  text-align: center;
  margin-bottom: 5px;
}
.jcarousel-left {
  float: left;
  width: 100px;
}
.jcarousel-right {
  float: right;
  width: 100px;
}
/* ------------------------------ Formulaire emballage bon cadeau ------------------------------ */
form.formEmballage .texte_emballage {
  border: 1px dotted #749307;
  margin: 0 10px 5px;
  width: 490px;
}
form.formEmballage legend {
  margin: 0 5px;
  padding: 3px 5px;
  border: 1px dotted #749307;
  color: #000000;
  font-size: 1.1em;
}
form.formEmballage label {
  margin: 0 0 0 10px;
}
.liste_emballage_texte {
  width: 100%;
}
.cadre_emballage_texte,
.cadre_emballage_texte2 {
  width: 265px;
  padding: 15px;
  float: left;
  text-align: center;
}
.cadre_emballage_texte {
  border-right: 1px dotted #666;
}
.cadre_emballage_texte textarea,
.cadre_emballage_texte2 textarea {
  width: 250px;
  height: 90px;
}
.emballage_popup {
  width: 600px;
}
.hors_stock,
.precommande {
  color: #444;
  font-style: italic;
  float: none !important;
}
.sousCadre {
  border-top: 1px solid #000000;
  padding: 5px;
}
/* ------------------------------ Langue----------------------------------- */
.lang-switcher-button {
  margin: 0 5px;
}
/* -------------------------- Suivi commande -------------------------- */
#listeCommande {
  width: 95%;
  margin: 0.8em auto 0;
  padding: 0;
  vertical-align: top;
}
#listeCommande th,
#listeCommande td.fake-th {
  padding: 0.5em;
  border-bottom: 1px solid #749307;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
#listeCommande td,
#listeCommande th.fake-td {
  padding: 0.5em;
  border-bottom: 1px solid #749307;
  vertical-align: top;
}
#listeCommande tr.even th,
#listeCommande tr.even td {
  background-color: #7f543f;
}
#listeCommande tr.over th,
#listeCommande tr.over td {
  background-color: transparent;
}
#listeCommande th .title,
#listeCommande td .title {
  margin: 0;
  font-size: inherit;
  white-space: normal;
}
#listeCommande thead tr .header {
  background-image: url(images/icones/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
#listeCommande thead tr .headerSortUp {
  background-image: url(images/icones/asc.gif);
}
#listeCommande thead tr .headerSortDown {
  background-image: url(images/icones/desc.gif);
}
.pager {
  margin: 10px auto;
  text-align: center;
}
.pager img {
  cursor: pointer;
  vertical-align: text-top;
  margin: 0 2px;
}
.pager label {
  text-align: center;
  width: 60px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  border: 1px dotted #ccc;
  cursor: auto;
}
.pager select {
  border: 1px solid #ccc;
  background: transparent;
  color: #fff;
  vertical-align: top;
  padding: 0;
}
.pager div {
  height: 18px;
  line-height: 18px;
  font-weight: bold;
  float: right;
  margin-right: 15px;
}
.filter {
  float: right;
}
.filter input {
  border: 1px solid #ccc;
  width: 200px;
  height: 16px;
  font-size: 12px;
  background: url(images/icones/find.png) 0 1px no-repeat #e4e4e4;
  padding: 0 0 2px 16px;
  color: #010101;
}
.filter img {
  cursor: pointer;
}
/* -------------------------- Détail des commandes -------------------------- */
.blockCommande,
.blockDetailCommande {
  padding: 0;
  display: block;
  float: left;
}
.blockDetailCommande {
  width: 560px;
}
.large1 {
  width: 345px !important;
}
.large2 {
  width: 705px !important;
}
.blockCommande fieldset,
.blockDetailCommande fieldset {
  border: 1px solid #749307;
  margin: 0;
  behavior: url('oktCommon/css/pie/PIE.php');
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.blockCommande legend,
.blockDetailCommande legend {
  color: #ffffff;
  font-size: 1.1em;
  border: 1px dotted #749307;
  padding: 3px 5px;
  margin: 0 5px;
}
.blockCommande legend img,
.blockDetailCommande legend img {
  margin-right: 5px;
}
.blockCommande div {
  padding: 10px;
  line-height: 18px;
  /*min-height:95px; _height:95px;*/
}
.blockDetailCommande div {
  padding: 10px;
  line-height: 18px;
  /*min-height:95px; _height:95px;*/
}
.blockCommande div span {
  display: inline-block;
  width: 135px;
}
.blockCommande div img {
  vertical-align: text-bottom;
}
.blockCommande table,
.blockDetailCommande table {
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-collapse: collapse;
  border: 1px solid #aaa;
}
.blockCommande table th,
.blockDetailCommande table th {
  padding: 0.3em 0.5em;
  border: 1px dotted #aaa;
  background: transparent;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}
.blockCommande table td,
.blockDetailCommande table td {
  padding: 0.5em;
  border: 1px dotted #aaa;
  vertical-align: top;
  text-align: right;
  font-weight: normal;
}
.blockDetailCommande table td table {
  border: 1px dotted #ccc;
  width: auto;
}
.blockDetailCommande table td table td {
  text-align: left;
  border: 1px dotted #D1B17F;
}
.blockDetailCommande table th.total {
  font-size: 15px;
}
.blockDetailCommande table th.left,
.blockDetailCommande table td.left {
  text-align: left;
}
.blockDetailCommande table td img {
  float: left;
  margin-right: 0.5em;
  border: 1px solid #ccc;
}
.blockDetailCommande table td span {
  float: left;
}
.blockDetailCommande table td.spacer {
  border: none;
  height: 3px;
  background: transparent;
  padding: 0;
}
.blockCommande table th,
.blockCommande table td {
  text-align: left;
}
.blockCommande table td {
  padding: 0.2em 0.5em;
  font-size: 11px;
}
.blockCommande table th.col_entete {
  width: 130px;
  white-space: normal;
}
.blockCommande table td.fake-th {
  padding: 0.3em 0.5em;
  font-size: 12px;
}
/* ------------------------------ Coffret----------------------------------- */
.cadre_rubrique_produit_titre {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #000000;
  padding: 5px !important;
  text-align: center;
  margin: 5px 0 !important;
  font-weight: bold;
}
.produit_image_coffret {
  height: 120px;
}
.totalCoffret {
  width: 100px;
}
#cadre_validation {
  display: none;
}
#tab_contenu_coffret {
  border: 1px solid #000000;
}
#tab_contenu_coffret td,
#tab_contenu_coffret th {
  border: 1px solid #000000;
  padding: 2px;
}
.cadre_contenu_coffret,
.cadre_contenu_coffret_detail {
  border: 1px solid #000000  !important;
  box-shadow: 0 1px 3px #666666;
  margin: 0 auto 5px  !important;
  position: relative;
  width: 490px !important;
  background: none repeat scroll 0 0 #EEEEEE;
  padding: 5px !important;
  color: #000;
}
.cadre_contenu_coffret p,
.cadre_contenu_coffret_detail p {
  color: #000;
}
.cadre_quantite input {
  color: #000;
  width: 25px;
}
.cadre_rubrique_produit {
  padding: 0 !important;
  background: none;
  border: 0;
}
.cadre_produit_composition {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #000000;
  width: 140px;
  padding: 5px !important;
  text-align: center;
  float: left;
  margin: 5px !important;
  height: 210px;
}
/* -------------------------- PERSO BUTTON -------------------------------------*/
.ui-button_mini .ui-button-text {
  padding: 0.1em !important;
}
.ui-button_mini .ui-button-icon-primary {
  margin-top: -9px !important;
}
a.btn_close_fa {
  padding: 9px;
}
#filters-form label {
  display: inline-block;
  width: 110px;
}
#filters-form #filtre_commande label {
  width: 100%;
}
@media (max-width: 299px) {
  #listeCommandeR > div {
    border: none;
  }
  .row {
    margin-bottom: 5px;
  }
  .listeRubriqueSite li {
    width: 100%;
  }
  .aligntaille {
    text-align: left;
  }
  #panier {
    background: none !important;
  }
  #panier p {
    padding-right: 0 !important;
  }
  .listeRubriqueSite li {
    padding: 0;
  }
}
@media (min-width: 300px) and (max-width: 767px) {
  #listeCommandeR > div {
    border: none;
  }
  .row {
    margin-bottom: 5px;
  }
  .listeRubriqueSite li {
    width: 100%;
  }
  .aligntaille {
    text-align: left;
  }
  #panier {
    margin: 0 auto;
  }
  #affiche_panier {
    padding: 0 0 0 40px;
  }
  .listeRubriqueSite li {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #listeCommandeR .row div {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .aligntaille {
    text-align: left;
  }
  .blockPanierList ul {
    margin-top: 5px;
  }
  #affiche_panier a.lien_voir_panier {
    min-height: 50px !important;
    padding: 7px 10px;
  }
  #affiche_panier {
    padding: 0 0 0 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .aligntaille {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .aligntaille {
    text-align: right;
  }
  #search-form {
    margin-top: 30px;
  }
}
#menuderoulant ul,
#affiche_panier ul {
  line-height: 1;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
p.mini_info {
  text-transform: none;
  opacity: 0.6;
  font-size: 1em;
  font-style: italic;
}
.cycle-slideshow {
  width: 100%;
}
.cycle-slideshow div.centrage_module_encart {
  width: 100%;
  height: auto;
}
/*STYLE_MEHREZ*/
.content_box_produit {
  padding: 10px;
  background: #f3f3f3;
  border-radius: 4px;
  margin-bottom: 30px;
}
.affichage_produit_prix {
  font-weight: bold;
  color: #26221f;
  font-size: 1.8rem;
}
.rupture {
  color: red;
}
.fancybox-skin {
  background: #26221f;
  color: #ffffff;
  border-radius: 0;
}
.fancybox-skin h3 {
  color: #ffffff;
}
.fancybox-skin .bouton-panier .btn {
  padding: 10px;
  background: #f3f3f3;
  color: #26221f;
  font-size: 1.8rem;
  font-weight: bold;
  border: 0;
}
@media (max-width: 767px) {
  .fancybox-skin .bouton-panier .btn {
    width: 80%;
  }
}
.fancybox-skin .texte_price {
  font-size: 2.55rem;
  margin-bottom: 30px;
}
.fancybox-skin .texte_price .price {
  color: #ffffff;
}