/* CSS Boutique */ 
.badge {
	background: #009D2F none repeat scroll 0 0;
	color: #fff;
	height: auto;
	min-width: 25px;
	padding: 5px;
	position: absolute;
	width: auto;
	font-size: 1rem;
	left: 45%;
	border: 1px solid white;
	top: 25px;
}
.ajout-animation{
   animation: ajoutFrames linear 1s;
   animation-iteration-count: 1;
   transform-origin: 50% 50%;
   -webkit-animation: ajoutFrames linear 1s;
   -webkit-animation-iteration-count: 1;
   -webkit-transform-origin: 50% 50%;
   -moz-animation: ajoutFrames linear 1s;
   -moz-animation-iteration-count: 1;
   -moz-transform-origin: 50% 50%;
   -o-animation: ajoutFrames linear 1s;
   -o-animation-iteration-count: 1;
   -o-transform-origin: 50% 50%;
   -ms-animation: ajoutFrames linear 1s;
   -ms-animation-iteration-count: 1;
   -ms-transform-origin: 50% 50%;
}
#formajout2 input {
	z-index: 1000;
}
.ajoutdirect {
	margin: 0 15px;
}
.ajoutdirect p {
	margin: 0;
	color: #333;
	font-size: 0.75rem;
	font-weight: 600;
}
@keyframes ajoutFrames{
   0% {
   transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-moz-keyframes ajoutFrames{
   0% {
   -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -moz-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -moz-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -moz-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-webkit-keyframes ajoutFrames {
   0% {
   -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -webkit-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -webkit-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -webkit-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-o-keyframes ajoutFrames {
   0% {
   -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -o-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -o-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -o-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-ms-keyframes ajoutFrames {
   0% {
   -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -ms-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -ms-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -ms-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}
#tabpanier {
   width: 100%;
   margin-top: 20px;
   min-height: 200px;
}
.titrepanier {
   height: 50px;
   line-height: 50px;
   margin-top: 0;
   -moz-box-shadow: 3px 3px 9px 0px #666666;
   -webkit-box-shadow: 3px 3px 9px 0px #666666;
   -o-box-shadow: 3px 3px 9px 0px #666666;
   box-shadow: 3px 3px 9px 0px #666666;
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=135, Strength=9);
}
.lienpanier .fa.fa-shopping-cart {
   margin-right: 20px;
}

#listearticles p {
	font-size: 0.75rem;
   margin: 0.5em 0;
}
#listearticles .designation {
   font-size: 0.75rem;
   line-height: 1.25;
   font-weight: 600;
   padding-bottom: 5px;
}
#listearticles a.designation:hover {
	color: #009d2fe3;
	background-color: transparent;
   text-decoration: none;
}
.infopanier {
   background-color: #4D4D4D;
}
.infopanier:before {
   background: #4D4D4D;  
}
.infospanier {
   background-color: #fff;
   color: #666;
   float: left;
   text-align: center !important;
   width: 100%;
   margin-bottom:20px;
}
.infospanier li {
	padding:0 8px;
}
.infospanier .btn-orange  {
	padding: 3px 7px 3px 7px;
}
.bastableau {
   height: 36px;
   background-color: #009D2F;
   display: block;
   bottom: 0;
   position: sticky;
   text-align: center;
   color: white;
   line-height: 2.4em;
}
a.supprimearticle, a.supprimearticle .fa {
   color: #333;
   font-size: 12px;
}
a.supprimearticle {
   display: block;    
   margin: 6px 0;
}
a:hover.supprimearticle, a:hover.supprimearticle .fa {
   color: #fa4000;
}
input.cart {
   height: 36px!important;
   margin: 5px 0 6px 0;
   width: 29px;
}
.btn.cart_small {
   font-weight: bold;
   height: 30px !important;
   line-height: 20px;
   margin: 1px 0;
}
.fa.cart {
   vertical-align: top;
}
.cart-quantity {
   margin: 0;
   line-height: 47px;
}
.parentinfostock.blocspace {
	bottom: -15px;
}
.compare {
	margin-top: 2rem;
}
.parentinfostock {
	float: right;
	display: flex;
	height: 50px;
	z-index: 100;
	position: relative;
   bottom: 2px;
   line-height: 1.2;
   width: 100%;
}
.infostock {
	font-size: 0.8rem;
	font-weight: bold;
	margin: auto 15px auto auto;
}
.inforetour {
	font-size: 0.7rem;
}
.vert.cart-quantity .infostock {
   line-height: 21px;
}
.input-append .btnpanier {
   height:30px;
   padding-top:0;
   font-weight: bold;
}
.btn-ajouter {
	height: 48px;
	border-radius: 0;
   width: 58px;
   z-index: 1000;
   border-right: 1px solid #fff;
}
.btn-ajouter .svg-icon svg {
	fill: #fff;
	display: block;
	width: 2rem;
	height: 2rem;
	text-align: center;
	margin: 0 auto;
}
#formajout2 {
	padding: 10px 0;
}
#resultat .btn {
   width: 95%;
}
.maj .fa {
   line-height:1.8em;
   margin:0;
}
a:hover.maj .fa.fa-times {
	color: #E16D38;
}
a.maj .fa.fa-times {
	color: #999;
}
.majqte {
   width: 54px;
   float: none;
}
.maj {
   white-space: nowrap;
   text-decoration: navajowhite;
}
.designation {
   font-size: 0.75rem;
   text-decoration: navajowhite;
}
.affprix {
   float: right;
   width: 100%;
   padding-bottom: 10px;
}
.table.table-panier > tbody > tr.lignepanier > td {
   border: none;
   padding-bottom: 0;
}
.table.table-panier > tbody > tr > th, .table.table-panier> tbody > tr > td {
   border-top: unset;
   border-bottom: 1px solid #ccc;
}
.table-panierfooter {
   width: 40%;
   background-color: #009D2F;;
   color: white;
   font-size: 1.2em;
}
.table.table-panierfooter > tbody > tr > th, .table.table-panierfooter> tbody > tr > td {
   border:unset;
   padding: 9px 12px;
}
.table.table-panierfooter > tbody > tr > td.totalht {
   border-bottom: dashed 1px white;
}
.typearticle {
   text-transform: uppercase;
   font-weight: 600;
   text-decoration: underline;
   font-style: italic;
}
.baspanier h6 {
   margin: 0;
   font-family: arial;
   color: #666;
   font-weight: normal;
}
.baspanier {
   margin: 0;
}
#commander {
   font-size: 1.0rem;
   text-transform: uppercase;
   font-weight: 600;
}
.apayer {
   background-color: #4d4d4d;
}
#corps .baspanier .btn.btn-default {
   color: #4d4d4d;
}
#corps a.maj {
   line-height: 2.3rem;
   float: right;
   color: #4d4d4d;
   text-decoration: unset;
}
#corps a.maj:hover {
   color: #fa4000;
}
.table.table-striped.tcart tbody tr .apayer  {
   font-weight: bold;
   background-color: #ffffff;
   vertical-align: middle;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: #CCC;
   border-bottom-color: #CCC;
}
.text-left {
   text-align:left;
}
.text-right {
   text-align:right;
}
.text-center {
   text-align:center;
}
.reduction {
   font-weight: normal;
   color: #009D2F;
}
.pactive {
   font-size: 1.1em;
   font-weight: bold;
   color: #009D2F;	
}
.pnonactive {
   color: #999;
}
#resultat a.designation, #corps a.designation {
   color: #666;
   text-decoration:none;
   font-style: oblique;
   word-wrap: break-word;
}
#resultat a.designation:hover, #corps a.designation:hover {
   color: #fa4000;
}
/* fiches articles */
.descriptif p {
	margin: 5px 0;
	font-size: 1rem;
	line-height: 1.2;
}
.descriptif p.description {
   line-height: 20px;
}

.blocatal.bordGD {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
}
.textvente  {
   height: 60px;
   overflow: hidden;
   width: 100%;
   padding: 0 6px;
}
.textvente, .atextvente {
   font-size: 0.825rem;
   line-height: 1.1;
   margin-top: 5px;
}
.textvente a, .atextvente a {
   text-decoration: none;
}
.descriptif p.titrearticle {
   font-size: 1.35rem;
   font-weight: 800;
}
.ref.col-xs-6.text-right {
	font-size: 1rem;
	font-weight: 600;
}
.descriptif p.ref {
	font-size: 1.19rem;
}
.ref {
   font-size: 1rem;
   font-weight: 700;
   margin: 0.25rem 0;
}
.logos {
   display: inline-block;
   margin: 0.75rem;
   vertical-align: middle;
}
.titrecatal {
   margin-top: 60px;
   text-transform: uppercase;   
}
.vert {
   color: #009900;
}
.vert img {
   vertical-align: initial;
}
.vert.cart-quantity {
   line-height: 1.5;
   text-align: center;
}
.surcommande {
   font-size: 10px;
   color: #009D2F;
}
h4.title {
   clear:both;
   font-weight: bold;
   margin: 10px 0;
}
.prix {
   color: #009D2F;
   font-size: 1.5rem;
}
.prixliste {
	color: #009D2F;
	font-weight: 800;
	margin: 0.5rem 0 0 0;
}
.prixliste span {
	font-size: 1.6rem;
	line-height: 1rem;
}
.prixliste span .labelht, .prixdetail .labelht {
   font-size: 1rem;
   text-transform: uppercase;
}
.prixliste.obsolete {
   margin-top: 45px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 1rem;
}
.prixpu {
   font-weight:600;
   font-size: 1rem;
}
.bookmark {
   display: inline-block;
   margin: 0 1rem;
}
#corps .descriptif .bookmark a span.absent .fa.fa-circle-thin {
   border: 1px solid #bbb;
	height: 32px;
	border-radius: 20px;
	box-shadow: 0 0 5px 0 #bbb;
	color: #090;
}
#corps .descriptif .bookmark a span.absent .fa.fa-circle-thin::before {
	content: "";
}
#corps .descriptif .bookmark a .fa.fa-star-o.fa-stack-1x {
	color: #666;
}
#corps .descriptif .bookmark a:hover .fa.fa-star-o.fa-stack-1x {
	color: #E16D38;
}
.product-main .prixdetail {
	font-size: 2.0rem;
	font-weight: 800;
	margin-top: 0;
	line-height: 1;
	margin-bottom: 15px;
}
.cart-detail {
	margin-bottom: 15px;
}
#myCarouselPC .prixdetail {
	font-size: 1.25rem;
}
.prixdetail {
   color: #009D2F;
   font-size: 1.5rem;
   font-weight: bold;
   margin-top: 10px;
}
.btn.btn-lg {
	width: 200px;
	font-weight: bold;
	border-radius: 16px;
   height: 32px;
	font-size: 1rem;
	border: 2px solid #009D2F;
}
.btn.btn-orange.btn-lg:hover, .btn.btn-orange.btn-lg:active {
	background-color: transparent;
	color: #009D2F !important;
}
#qtedetail {
	width: 200px;
   border-radius: 16px;
}
#qtedetail.spinner input[type="text"] {
	width: 140px;
	height: 27px;
	background-color: #fff;
	color: #333;
	margin-top: 2px;
   font-weight: 600;
}
.remise {
	font-size: 1rem;
	font-style: italic;
	font-weight: 600;
	white-space: nowrap;
	display: inline-block;
	margin-top: 0;
	color: red;
}
.image_produit {
   text-align:center;
   height:auto;
   line-height:375px;
   position:relative;
   padding: 15px;
}
image_produit a {
   height: 100%;
   display: inline-flex;
}
.image_produit .ribbon {
	top: -6px;
}
.ribbon {
   position: absolute;
   right: -5px;
   top: -10px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: right;
}
.ribbon span {
   font-size: 9px;
   font-weight: bold;
   color: #FFF;
   text-transform: uppercase;
   text-align: center;
   line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   width: 100px;
   display: block;
   background: #79A70A;
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: "";
   position: absolute; left: 0px; top: 100%;
   z-index: -1;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
}
.ribbon span::after {
   content: "";
   position: absolute; right: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
}
.ribbon.ribbon-rouge span {
   background: linear-gradient(#F70505 0%, #8F0808 100%);
}
.ribbon.ribbon-rouge span::before {
   border-left: 3px solid #8F0808;
   border-top: 3px solid #8F0808;
}
.ribbon.ribbon-rouge span::after {
   border-right: 3px solid #8F0808;
   border-top: 3px solid #8F0808;
}
.ribbon.ribbon-vert span {
   background: linear-gradient(#00D43F 0%, #009D2F 100%);
}
.ribbon.ribbon-vert span::before {
   border-left: 3px solid #009D2F;
   border-top: 3px solid #009D2F;
}
.ribbon.ribbon-vert span::after {
   border-right: 3px solid #009D2F;
   border-top: 3px solid #009D2F;
}
.ribbon.ribbon-outlet span {
   background: linear-gradient(#238061 0%, #238061c9 100%);
}
.ribbon.ribbon-outlet span::before {
   border-left: 3px solid #238080;
   border-top: 3px solid #238080;
}
.ribbon.ribbon-outlet span::after {
   border-right: 3px solid #238080;
   border-top: 3px solid #238080;
}

.divignette {
   position: relative;
   height:160px;
   line-height:160px;
   text-align:center;
   margin-top:5px;
}
.divignette .promotion {
   bottom: 0;
   margin: -5px;
   position: absolute;
   right: 1px;
}
.vignette {
   max-height: 160px;
   max-width: 100%;
}
#imgarticle {
	max-height: 500px;
}
.picto .vignette {
   max-width:55px;
   max-height: 50px;	
}
#corps .picto a {
   border: 1px solid #fff;
   display: inline-table;
   float: left;
   font-weight: bold;
   height: 50px;
   margin: 0 1px;
   padding: 0 1px;
}
#corps .picto a.vignetteselect{
   border: 1px solid #009D2F;
}
.nouveaute {
   left: -4px;
   margin: 0;
   position: absolute;
   top: -4px;
}
.promotion {
   bottom: -5px; 
   right: -3px;
   margin: 0;
   position: absolute;
   z-index:10;
}
.descriptif {
   min-height:200px;/*image + margin + picto*/
}
.picto {
   float: left;
   margin-top: 15px;
}
#corps .picto a {
   font-weight: bold;
}
.nav-tabs {
   border-bottom: none;
}
.nav-tabs.detail > li {
   border-bottom: 2px solid #333;
   padding: 0 15px;
}
.nav-tabs.detail > li:first-child {
	padding-left: 0;
}
.nav-tabs.detail > li:last-child {
	padding-right: 0;
}
.nav .navbar-header .fa-stack {
   margin-bottom: 9px;
}
.nav-tabs.detail > li > a, .nav-tabs.detail > li > a:focus, .dropdown .btnfiltre {
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
	padding: 10px 0;
	border: unset;
	margin: 0 2px;
}
.nav-tabs.detail > li > a::before, .nav-tabs.detail > li > a.active::before {
	content: "\f0d8";
	margin-top: 10px;
	position: absolute;
	margin-left: 50%;
   font: normal normal normal 30px/1 FontAwesome;
   opacity: 0;
   visibility: hidden;
}
.nav-tabs.detail > li > a.active::before {
   opacity: 1;
   visibility: visible;
   transition: opacity 0.8s, visibility 0.8s;
}
#corps .nav-tabs.detail > li > a:focus {
   background-color: transparent;
   color: #333;
}
.nav.nav-tabs.detail.cdes a {
   font-size: 0.8rem;
}
#corps .nav-tabs.detail > li > a:hover {
   background-color: transparent;
}
.dropdown .btnfiltre:hover {   
   background-color: #666666;
   color: white;
}
.dropdown .btnfiltre:hover {
   color: white;
}
.tab-content {
   margin: 10px 0;
   padding: 0;
}
.ft {
   background-color: #e6e6e6;
   border-radius: 6px;
   padding: 10px;
}