/** SHOP **/

.Shop input[type="submit"], .buttonShop, .buttonPanier, .btnScan {
   border: 1px solid transparent;
   padding: .375rem .75rem .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: 3px;
   border: none;
   background-color: #0076be;
   color: #fff;
   background-color: #ffffff;
   color: #3f3e3e;
   text-align: center;
   margin: 0;
   font-family: "Arial", "Helvetica", sans-serif;
}

.wrapperPanierListeV2 .RadComboBox .rcbActionButton {
  padding: 6px 4px 5px;
}

/* detail produit */

.highlightProduct, .secondsNomsCommerciaux{
  margin: 1rem 0 1.5rem;
  border: 1px solid;
  border-color: #cdcdcd;
  background-color: #e7e7e7;
  padding: 0.7rem;
}

.detailProduct{
  max-width: 1400px;
}

.imgProduct, .caracProduct{
  display: inline-block;
  vertical-align: middle;
  padding: 1rem;
  box-sizing: border-box;
}

.caracProduct{
  width: calc(100% - 120px);
}

.imgProduct{
  max-width: 100px;
}

.imgProduct img {
    max-width: 100%;
}

.imgProduct ul{
  padding-left: 0;
  list-style: none;
}


.sectionProduct{
  padding: 0.5rem 0;
}

.subtitleProduct, .titleReglementaire{
  font-size: 2rem;
}

.docProduct{
  margin: 0;
}

.titleProduct{
  display: inline-block;
  width: 79%;
  margin-top: 1rem;
  font-family: "Barlow Condensed", sans-serif;;
}

.titleProduct h1{
      color: #0076be;
      font-size: 2.2rem;
      margin: 0;
}

.listProduct .itemProduct .titleProduct{
width: 100%;
}

.priceProductHT{
  font-size: 2rem;
  margin-top: 0.7rem;
}

.priceProductTTC{
  font-size: 0.7rem
}

.priceProduct{
  display: none;
}

.stockProduct{
  margin: 1.2rem 0 0.4rem;
}

.catProduct ul, .catProduct li{
  display: inline-block;
  padding-left: 0.2rem;
  margin: 0;
}

.catProduct li{
  padding: 0 0.2rem;
}


/** ecommerce extranet **/

/* menu ecommerce*/


.menuCat > ul{
  margin: 0;
  padding: 0;
  text-align: right;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  flex-wrap: wrap;
  text-transform: uppercase;
}

.menuCat > ul > li {
    margin: 0.5rem;
    /* padding: 0.5rem; */
    text-align: center;
    border: 1px solid;
    border-color: #cdcdcd;
    background-color: #e7e7e7;
    font-size: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 3px;
}

.menuCat > ul > li > a::before {
    content: '';
    width: 30px;
    height: 25px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0.2rem 0 0;
    background-image: url(../Images/Shop/semence.png);

}


.menuCat .catItem > a {
    text-transform: uppercase;
    padding: 0.7rem 0.5rem 0.7rem 1.1rem;
    font-size: 1.1rem;
    white-space: nowrap;
    display: block;
    text-align: left;
    text-decoration: none;
    color: #3e3e3e;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.catSubMenu{
    display: block;
    background: #E6E9ED;
    padding-left: 0;
    position: absolute;
    z-index: 2;
    padding: 0.2rem 0.5rem;
    border-top: #245629 4px solid;
}

.catSubMenu .catSubMenu {
    border-width: 2px;
}

.menuCat .sf-submenu a {
  font-size: 0.85rem;
  padding: 0.3rem 0.5rem;
  display: block;
}

.menuCat .sf-submenu .sf-submenu {
  position: relative;
}

.menuCat .sf-submenu .sf-submenu a {
  font-size: 0.75rem;
  text-decoration: none;
  color: #0076be;
}

.menuCat .sf-submenu .sf-submenu a:before {
    content: "- ";
}

a.sf-opened {
    color: #245629;
}

.menuButtonShop{
  display: none;
}


ul.sf-opened {
    display: block;
    animation-duration: 0.5s;
    animation-name: fadeInFromNone;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadeInFromNone;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-duration: 0.5s;
    -ms-animation-name: fadeInFromNoneIE;
    -ms-animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInFromNoneIE {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


/***** menu vertical  *****/

.menuCatVerti > ul{
  margin: 0 0.5rem;
}

.menuCatVerti > ul > li {
    width: 100%;
    margin: 0.5rem 0;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}

.menuCatVerti > ul > li > a {
    padding-left: 2rem;
}

.menuCatVerti .catSubMenu {
    position: relative;
    background-color: transparent;
    margin-left: 0!important;
}

.menuCatVerti .activeP{
  background-color: #E6E9ED;
}

.menuCatVerti  .sf-submenu .sf-submenu {
    position: relative;
    border: none;
    background: #c8d5e6;
}

.menuCatVerti > ul > li >a::before {
    display: inline-block;
}

.menuCatVerti .catItem > a {
    display: inline-block;
}


.titreMenuCat{
  text-transform: uppercase;
margin: 3rem 0 1rem;
}

.catHasSub:after {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  right: 10px;
  top: 24px;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #3e3e3e;
  transform: rotate(90deg);
}


/******/
/*** nnew menu cat *****/


/*** menu cat simple ****/


.mainCatProduct li {
    display: inline-block;
    margin: 0.2rem 0.5rem;
}

.mainCatProduct li > div {
    padding: 0.4rem 0.8rem!important;
    background: #eee;
    border-radius: 3px 0 0 3px;
    transition: color 0.2s;
}

.mainCatProduct .rtHover .rtIn, .mainCatProduct .rtLI:hover .rtIn{
    border-color: transparent;
    color: #fff;
    background-color: transparent;
    transition: 0.2s;
}

.mainCatProduct .catItemLv1{
  color: #999;
  display: inline-block;
    vertical-align: middle;
    margin-left: 0.4rem;
    text-transform: capitalize;
    font-size: 1rem;
}


.mainCatProduct .rtSp{
  width: 17px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../Images/Shop/semence.png);

  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.mainCatProduct .rtLI:hover .rtSp {
    background-image: url(../Images/Shop/semence-bl.png);
}

.mainCatProduct  li > div:hover {
  background-color: #0076be;
  color: white;
}

.mainCatProduct  li > div:hover::after {
   border-left-color: #0076be;
}

.mainCatProduct .rtSelected .rtIn, .catProduct .rtSelected .rtIn {
    border-color: #0076be;
    background-color: #0076be;
}




/****/
/* cmd rapide et durabilite */

.btnEnd {
    text-align: center;
    background: #e6e6e6;
    padding: 0.8rem 0.1rem;
    border: 1px solid #c6c6c6;
}


.btnScan .rbDecorated, .Shop .itemNoEdit input[type=submit], .durabiliteWrapper .itemNoEdit input[type=submit]{
    background-image: url(../Images/Shop/scan-bl.png);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
    padding: 0.3rem 0.5rem;
    line-height: 0;
    font-size: 0;
    height: 2rem;
    width: 2rem;
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: #0076be!important;
}


.Shop .btnEnd input, .durabiliteWrapper .btnEnd input{
  border: none;
}


.Shop .itemNoEdit input[type=submit], .durabiliteWrapper .itemNoEdit input[type=submit]{
   background-image: url(../Images/Shop/supprimer.png);
   background-size: 0.8rem;
   background-color: transparent!important;

}

.fastCmd .riContSpinButtons, .durabiliteWrapper .riContSpinButtons {
    margin-left: 10px;
}

.fastCmd .itemNoEdit, .fastCmd .itemEdit, .durabiliteWrapper .comboWrapper, .durabiliteWrapper .itemNoEdit, .durabiliteWrapper .divSaisie,  .durabiliteWrapper .numeroDePacage, .durabiliteWrapper .mentionsLegales{
  max-width: 615px;
  margin: 0.5rem auto;
  box-sizing: border-box;
}

.fastCmd .itemNoEdit, .durabiliteWrapper .itemNoEdit{
  padding: 0.5rem 1rem;
  /* text-align: center; */
  border: 1px solid;
  border-color: #cdcdcd;
  background-color: #e7e7e7;
  font-size: 0.9rem;
  line-height: 0.9rem;
  border-radius: 3px;
}

.fastCmd .itemNoEdit > span:first-of-type{
  width: calc(100% - 200px);
  display: inline-block;
}

.fastCmd .itemEdit > div{
  width: calc(100% - 42px)!important;
}

input.btnScan{
  padding: 0!important;
  background-color: #0076be!important;
  border: none!important;
  vertical-align: bottom;
}

.fastCmd .RadComboBox_Office2010Silver .rcbActionButton, .durabiliteWrapper .comboWrapper .rcbActionButton{
  background: transparent;
  border: none;
}

.fastCmd  .itemEdit .RadComboBox .rcbLabel, .wrapperRecherche .searchBarShopLabel h4, .durabiliteWrapper .comboWrapper .rcbLabel, .durabiliteWrapper .lblPacage, .durabiliteWrapper .produitWrapper{
  display: block;
  float: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: bold;
  padding-bottom: 0.4rem;
  color: #3e3e3e;
}

.fastCmd .btnEnd span, .durabiliteWrapper .btnEnd span, .btnScan{
  margin: 0!important;
  padding: 0!important;
  border: none;
}

.btnScan {
    vertical-align: bottom;
}


/**** specifique durabilite *****/

.durabiliteWrapper .comboWrapper > div{
  width: 100%!important;
}

.durabiliteWrapper .produitWrapper .lblProduit{
  text-transform: uppercase;
}

.durabiliteWrapper .campagneSelect{
  margin-bottom: 1rem;
}

.durabiliteWrapper .btnEnd{
      margin-top: 2rem;
}

.durabiliteWrapper .btnEnd span .rbDecorated{
  margin-right: 0;
}

.durabiliteWrapper .btnValider .rbDecorated{
  background: #0076be;
  color: #fff!important;
}

.divMessage{
  font-weight: bold;
  font-size: 0.85rem;
}


.divSaisie .RadGrid_Metro .rgRow>td, .divSaisie .RadGrid_Metro .rgAltRow>td{
  padding: 0.6rem 1rem;
  border-color: #d2d2d2;
  background-color: #e7e7e7;
  font-size: 0.9rem;
  margin-top: 1rem;
}

.divSaisie thead{
  display: none;
}

.divSaisie .lblStatut{
  display: block;
    float: none;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: bold;
    padding-bottom: 0.4rem;
    color: #3e3e3e;
}

.divSaisie .RadGrid_Metro{
  width: 100%!important;
}

.divSaisie .RadGrid_Metro .rgRow>td:nth-child(2), .divSaisie .RadGrid_Metro .rgAltRow>td:nth-child(2){
  text-align: center;
}

.divSaisie .RadGrid_Metro .rgAltRow>td{
  background: #F5F5F5;
}


.durabiliteWrapper .numeroDePacage .RadInput{
  width: 100%!important;
}

.durabiliteWrapper .numeroDePacage .riTextBox{
      font-family: "Rubik", sans-serif;
      font-size: 1rem;
      border: 1px solid #bababa;
}

.durabiliteWrapper .produitWrapper, .durabiliteWrapper .selectionPS{
  display: inline-block;
}

p.titlePS {
    margin: 0;
    font-size: 0.7rem;
}

.durabiliteWrapper .riContSpinButtons{
  width: 100%;
}

.durabiliteWrapper .selectionPS .RadInput a.riDown {
    margin-top: 0px;
}

.durabiliteWrapper .selectionPS .riContSpinButtons{
  margin-left: 0;
}

.durabiliteWrapper .lblCorrespondant {
    padding: 0.5rem;
}

.durabiliteWrapper .produitWrapper {
    min-width: 115px;
}

.durabiliteWrapper  .btnDelete{
  float: right;
    margin: 1rem 0.5rem 0.55rem;
}

.durabiliteWrapper .riContSpinButtons{
  width: 100px;
}


.durabiliteWrapper .selectionPS .RadInput_Metro .riTextBox {
    font-size: 1rem;
    padding: 0.2rem;
        width: 8rem;
}

/******/

/****

search

*****/


.wrapperRecherche{
  text-align: center;
  margin: 1rem 0;
  border: 1px solid;
  border-color: #cdcdcd;
  background-color: #e7e7e7;
}


.searchBarShopLabel{
  width: fit-content;
  max-width: 230px;
  text-align: left;
}

.searchBarShopLabel h4{
  padding-bottom: 0;
  margin: 0;
}

.searchBarShopLabel span{
  font-size: 11Px;
  display: block;
}


/****** search mvc  ****/
/**/
.searchBoxProduct, .sbRechercheProduit{
  position: relative;
  margin: 0.5rem 0;
  width: calc(100% - 90px);
}

.sbRechercheProduit {
      width: calc(100% - 100px);
      margin: 0;
}

.wrapperRecherche .RadSearchBox .rsbLoadingIcon, .wrapperRecherche .RadSearchBox .rsbButton{
  vertical-align: middle;
}

.wrapperRecherche .RadSearchBox .rsbButton{
  z-index: 0;
}

.searchProdBtn, .rsbButtonSearch{
  background-size: 20px;
  background-repeat: no-repeat;
  width: 35px;
  font-size: 0;
  height: 37px;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  background-color: transparent;
  position: absolute;
  z-index: 99;
  right: 0;
  background-position: center;
  top: 0px;
  border: none;
}

.searchProdInput, .sbRechercheProduit input{
    width: 100%;
    padding: 0.2rem 0.5rem;
    box-sizing: border-box;
}

.sbRechercheProduit.RadSearchBox .rsbInput{
    font-size: 1rem;
    height: auto;
    width: calc(100% - 50px)!important;
    line-height: 2rem;
    padding: 0.2rem 0.5rem;
    margin: 0;
    vertical-align: middle;
}

.searchResProductTitle a, .searchResProduct a{
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 0.4rem;
    color: #0076be;
    text-decoration: none;
}


.searchResultTitleProduct{
  margin: 1rem 0 0.5rem;
}

.hightlightResultProduct{
  font-size: 0.9rem;
    text-transform: lowercase;
    margin: 0.5rem;
}

.searchBarShop{
  width: 50%;
  display: inline-block;
}

.searchBarShopLabel{
  display: inline-block;
    width: fit-content;
    max-width: 230px;
    text-align: left;
    vertical-align: top;
    padding-top: 0.8rem;
    box-sizing: border-box;
}

/***/

.wrapperRecherche{
  position: relative;
}

/* .searchBarShop .search input.btnQRCode,  */
.wrapperRecherche .btnQRCode .rbDecorated, .wrapperRecherche input.btnQRCodeInput{
  border: 1px solid transparent;
    padding: .375rem .75rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #0076be;
    color: #fff;
    text-align: center;
    margin: 0;
    font-family: "Arial", "Helvetica", sans-serif;
    background-image: url(../Images/Shop/scan-bl.png);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
    padding: 0.3rem 0.5rem;
    line-height: 0;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    height: 37px;
    width: 37px;
    background-size: 28px;

    position: relative;
    margin: 0.5rem;
}


.btnQRCode{
  background: transparent!important;
  border: none!important;
}

.cbOnlyProductAlreadyOrdered{
  display: block;
  text-align: left;
  font-size: 0.8rem;
  margin-bottom: 0.6rem;
  text-indent: 20px;
}


/****  LISTE PRODUIT *****/


.listProduct > li, .itemCard {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    box-sizing: border-box;
    padding: 0 1rem;
    margin: 0 0.5rem 2rem;
    background: #f8f8f8;
    border: 1Px solid #dddddd;
    border-radius: 2px;
    position: relative;
}


.owl-carousel .listProduct > li, .itemCard {
width: 100%;
}



.listProductCarousel .itemCard {
  width: auto;
  display: block;
  padding: 0 1rem;
margin: 0 0.5rem 2rem;
}

.listProductV2 .listProduct > li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    box-sizing: border-box;
    padding: 0 1rem;
    margin: 0 0.5rem 2rem;
    background: #f8f8f8;
    border: 1Px solid #dddddd;
    border-radius: 2px;
}

.imgListProduct{
  margin: 0 auto;
  display: block;
  width: 100%;
  padding: 2rem;
  box-sizing: border-box;
  max-height: 200px;
  -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
}

.newsVignetteOwl  .imgListProduct{
  padding: 0;
}

ul.imgListProductUl, ul.listProdUnique{
  padding: 0;
}

.listProdUnique .carouselProdLi  {
    padding: 0;
    margin: 0;
}

.listProdUnique{
  margin-top: 0;

}

.listProdUnique.listProduct h3 {
    min-height: auto;
    margin-top: 0.6rem;
}

.listProdUnique h3 a {
    text-align: center;
    display: block;
    font-size: 1rem;
}


.listProdUnique .priceListProduct {
    display: block;
    text-align: right;
    font-size: 0.9rem;
    padding: 0 0.5rem;
}

.listProdUnique .priceListTTC {
    font-size: 0.6rem;
}

.listProduct h3 {
  margin-bottom: 0;
  text-align: left;
  min-height: 48px;
  font-size: 1rem;
}

.listProduct h3 a {
    text-decoration: none;
    color: #0076be
}

.catListProduct{
    /* display: inline-block;
    width: calc(100% - 113px); */
    text-transform: uppercase;
    font-size: 0.6rem;
    margin: 0.5rem 0.2rem;
    padding: 0;
    list-style: none;
    min-height: 35px;
    vertical-align: top;
}

.priceListProduct{
    display: inline-block;
    font-weight: bold;
    margin: 0.5rem 0;
}


/***/




/****** expedition panier ******/

.expeditionWrapper{
padding: 0.2rem;
border-bottom: 1px solid #cdcdcd;
background-color: #f0f0f0;
}


.divDebutExp, .divFinExp {
    display: inline-block;
}

.divModeExp a {
    text-decoration: none;
    padding: 0.5rem;
    display: block;
    color: #707070;
}

.divModeExp .itemCard{
  margin-bottom: 1rem;
  background: #def0e9;
  margin-left: 0;
}

.divModeExp {
    margin-bottom: 1rem;
    border-bottom: 1Px solid #cdcdcd;
}

.divModeExp .itemCardSelect {
  background: #A9DBAE;
}

.divModeExp .itemCardSelect a{
  color: #fff;
}

.lblMessageLivraisons, .lblMessageRetraits, .lblModeExpeditionNoSelect {
	font-size: 0.8rem;
	font-weight: bold;
	padding: 0.5rem 0 0;
  display: inline-block;
}

.divSelectUsages .lblSelectionUsage{
  display: block;
  padding: 0.5rem 0;
  font-size: 0.7rem;
  font-style: italic;
}

.cibleTitre {
    font-size: 0.8rem;
    display: inline-block;
    vertical-align: bottom;
}

.divSelectUsages {
    margin-bottom: 0.3rem;
}

.cbSelectionUsage{
    width: calc(100% - 50px)!important;
    max-width: 400px;
}


.cbModeExpedition.RadComboBox_MetroTouch .rcbArrowCell a {
    height: 20px;
    background-position: -11px -64px;
}

.cbModeExpedition.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell{
  border-color: #A9DBAE;
  background-color: #A9DBAE;
}

.cbModeExpedition.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell {
    border-color:  #A9DBAE;;
    background-color:  #A9DBAE;;
}

.divModeExp .btnMesInfos, .divModeExp .btnMesInfos.rbHovered{
  background-color: #0076be;
}

.divModeExp .btnMesInfos input.rbDecorated {
    font-size: 0;
    line-height: 0.8rem;
    background: url(../Images/Shop/plus.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0.5rem 0.8rem;
    background-position: center;
}

a.hlAjouterUneNouvelleAdresse {
  text-align: right;
  text-decoration: underline;
  font-style: italic;
  color: #284e74;
}


/*****************/
/*****************/
/*** NEW VERSION ***/


/*****  PREVIEW *****/


.lnkCountPanier{
  display: block;
  width: 22px;
  height: 22px;
  background: url(../Images/Shop/cart-icone.png);
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  margin: 0 0 0 auto;

  bottom: auto;
  top: 5px;
}

.countHeaderCart, .countHeaderCart::before {

  border-radius: 50%;
  padding: 0rem;
  text-decoration: none;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  font-size: 10px;
  position: absolute;
  text-align: center;
}

.countHeaderCart{
  right: -5px;
  top: -5px;
  z-index: 1;
}

.countHeaderCart::before{
  content: '';
    background: #0076be;
    z-index: -1;
}

.itemPreview {
    width: 200px;
}

.imgPreview{
  max-width: 50px;
  vertical-align: middle;
  padding: 0.5rem
}

.linkPreview {
    color: #333;
    text-decoration: none;
}

.titlePreview{
  vertical-align: middle;
  margin: 0.5rem 0;
  color: #0076be;
}

.btnPreviewWrapper{
  margin-top: 0.6rem;
}

.divWrapperPanierTooltip .lblQuantite::before {
    content: 'x';
    margin-left: 0.5rem;
    display: inline-block;
}

.divWrapperPanierTooltip .lblQuantite {
    font-style: italic;
    font-size: 0.75rem;
}

.btnPreviewWrapper .lblAutresProduits{
  display: inline-block;
  width: calc(100% - 75px);
  font-style: italic;
}

.btnPreviewWrapper .btnPanier{
  margin-right: 0;
}


.pop {
      animation-duration: 2s;
        animation-name: bounce;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }

@keyframes bounce {
        0%   { transform: scale(1,1)      translateY(0); }
        30%  { transform: scale(.9,1.1)  translateY(-8px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-1px); }
        64%  { transform: scale(1,1)      translateY(0); }

    }

@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(66, 156, 75, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(33, 176, 222, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(33, 176, 222, 0);
	}
}



/****** PRODUIT LIGNE ***********/

.imgLine {
    max-width: 60px;
    padding: 0.5rem;
    vertical-align: middle;
    display: inline-block;
}

.linkLine{
  color: #333;
  text-decoration: none;
}

.titleLine{
  vertical-align: middle;
  margin: 0.5rem 0;
  color: #0076be;
}

.btnLine, .itemLine .riContSpinButtons {
    max-height: 32px;
    z-index: 0;
}

.itemLine .riContSpinButtons {
  padding-right: 0;
}

.btnLine input.rbDecorated {
    /* height: 100%; */
    font-size: 0.7rem;
}

.lblTotalPanier, .lblTotalPanierHT, .lblTotalPanierTTC {
    text-align: right;
    display: block;
    padding: 0.2rem;
}

.lblTotalPanierTTC {
    font-size: 0.7rem;
}

span.btnShop .rbDecorated, .btnCard .rbDecorated, .btnLine input.rbDecorated{
  margin: 0;
  padding: 0.5rem 0.7rem;
}

.btnShop, .btnCard, .btnLine, .btnRemoveAllFiltre, .divWrapperPanierTooltip .btnPanier, .toolTipManagerWishlist .btnNouvelleWishlist, .toolTipManagerWishlist .btnAnnuler,  .toolTipManagerWishlist .btnValider{
    padding: 0!important;
    border: 0!important;
}

.btnCmd input.rbDecorated, .btnAddShop.btnShop input.rbDecorated, .btnMettreAuPanier input.rbDecorated, .btnAdd.btnLine input.rbDecorated  {
    background-color: #0076be;
    color: #fff;
}

.rbDisabled.btnCmd input.rbDecorated {
    background: #bfbfbf;
}

.btnAjouterProduitPerso.rbHovered .rbDecorated, .btnCmd.rbHovered input.rbDecorated, .btnMettreAuPanier.rbHovered input.rbDecorated {
  background-color: #005521!important;
  color: #fff;
}

.btnAnnulerProduitPerso.rbHovered .rbDecorated, .detailWorkflowWrapper .btnDel.rbHovered input.rbDecorated, .itemPanierLeft .btnDel.rbHovered input.rbDecorated, .btnReplaceProduitPerso.rbHovered input.rbDecorated{
  background-color: #e7e7e7;
}

.btnShopWrapper{
  text-align: right;
    margin: 2rem 0;
}

.linkCmdDiv .btnShopWrapper{
    margin: 0;
}

.titrePageArticle{
  position: relative;
}

.shopBtnArticle.fixed{
  position: fixed;
  max-width: calc(1600px - 4rem);
width: 100%!important
}



.LblNomWishlist{
  display: block;
}


.itemLine, .headerListLine {
  display: flex;
  justify-content: space-between;
  border-bottom: 1Px solid #d1d1d1;
  margin-bottom: 1rem;
  align-items: center;
}

.headerDel{
  min-width: 60px;
}

.headerQuantite{
  min-width: 192px;
  text-align: center;
}


.itemPrix, .itemTotal, .headerPrix, .headerTotal {
    min-width: 80px;
    text-align: right;
}

.itemProduit, .headerProduit{
    width: 50%;
}

.itemListName, .headerListes{
    width: 50%;
}

.itemProduit .lblProduitEnStock {
    padding: 0.2rem 0;
    display: inline-block;
}

.btnDetail  input.rbDecorated{
  font-size: 0;
    line-height: 0.8rem;
    background: url(../Images/Shop/oeil.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0.5rem 0.8rem;
    background-position: center;
}

.rbHovered.btnDetail  input.rbDecorated{
  background-position: center;
}

.headerListLine{
text-transform: uppercase;
padding: 0.6rem;
border-bottom: 1Px solid #c1c1c1;
margin-bottom: 1rem;
color: #032B4F;
color: #053969;
background: #e8e8e8;
}

.btnReturn.btnShop input.rbDecorated, .addToCartWrapper .btnPanier.btnShop input.rbDecorated{
  font-size: 0;
  line-height: 1rem;
  background: url(../Images/Shop/return.png);
  background-size: 1rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0.8rem;
  background-position: center;
}

.btnShopWrapper .btnEmpty input.rbDecorated, .btnShop.btnDelWishlist input.rbDecorated, .btnEnd .btnEmpty input.rbDecorated,  .btnDelWishlist.rbHovered input.rbDecorated,  .btnRemoveAllFiltre input.rbDecorated, .btnRemoveAllFiltre.rbHovered input.rbDecorated{
  font-size: 0;
  line-height: 1rem;
    background: url(../Images/Shop/delete-trash.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0.5rem 0.8rem;
    background-position: center;
}

.btnRemoveAllFiltre input.rbDecorated, .btnRemoveAllFiltre.rbHovered input.rbDecorated{
  background-image: url(../Images/Shop/delete-trash-b.png);
  background-repeat: no-repeat;
  background-color: #0076be;
  padding: 0.6rem 1rem;

 }

.btnCard.btnAddList.rbHovered input.rbDecorated, .btnEnd .btnEmpty.rbHovered input.rbDecorated, .btnEnd .btnAddWishlist.rbHovered input.rbDecorated{
  background-color: #e7e7e7;
}

.btnShopWrapper .btnAddWishlist input.rbDecorated, .btnCard.btnAddList input.rbDecorated, .btnShop.btnAjouterDansUneWishlist input.rbDecorated, .btnEnd .btnAddWishlist input.rbDecorated{
  font-size: 0;
  line-height: 1rem;
    background: url(../Images/Shop/list.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0.5rem 0.8rem;
    background-position: center;
}

.btnRenommer.btnLine input.rbDecorated {
    background: url(../Images/Shop/edit.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0.5rem 0.8rem;
    background-position: center;
}

.btnAddShop.btnShop input.rbDecorated, .btnMettreAuPanier input.rbDecorated, .btnAdd.btnLine input.rbDecorated, .btnMettreAuPanier.rbHovered input.rbDecorated {
  font-size: 0;
  line-height: 1.5rem;
  background-image: url(../Images/Shop/addCart.png);
  background-size: 1.5rem;
  background-repeat: no-repeat;
  padding: 0.5rem 1.5rem;
  background-position: center;
}


/******/
/*  list de liste */

.itemBtn {
    min-width: 200px;
    text-align: right;
}

.itemList{
  padding-bottom: 0.7rem;
}

.itemListName {
    color: #0076be;
    text-transform: uppercase;
}

.listLine {
    text-align: left;
}


/******* produit *******/

.btnCardWrapper{
  text-align: right;
  margin: 1rem 0;
  min-height: 50px;
}

.linkCard {
    text-decoration: none;
    color: #0076be;
}

.lblPrixTTC, .lblPriceLineTTC, .lblTotalPrixTTC, .priceListTTC {
    font-size: 0.7rem;
    font-weight: normal;
    display: block;
    text-align: right;
}

.itemsPanierWrapper .lblTotalPrixTTC, .itemsPanierWrapper .lblPriceLineTTC{
  display: block;
  padding: 0;
}

.itemsPanierWrapper .itemProduit, .headerProduit {
    padding-bottom: 0.2rem;
}


.itemQteWrapper {
    display: inline-block;
    vertical-align: top;
}

.lblConditionnement {
  display: block;
  font-size: 0.7rem;
  text-align: right;
  padding: 0.1rem;
}

.PasDeProduits {
    padding: 0.5rem 0.2rem;
}

/*** produit carousel ****/

.carouselProdLi {
    padding: 0 1rem;
    margin: 0 0.5rem 2rem;
    background: #f8f8f8;
    border: 1Px solid #dddddd;
    border-radius: 2px;
}

.listProductCarousel {
  padding-left: 0;
}

.listProductCarousel  .owl-nav{
  text-align: center;
}

.listProductCarousel  .owl-next, .listProductCarousel .owl-prev{
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background: rgba(51, 51, 51, 0.4)!important;
  color: #f4f4f4!important;
  display: inline-block;
  margin: 1rem 0.5rem 0.1rem;
}

.listProductCarousel .owl-next span, .listProductCarousel .owl-prev span  {
    content: '';
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}

.listProductCarousel .owl-next span  {
    -webkit-transform: translate(100%, 0%) rotate(46deg);
    transform: translate(100%, 0%) rotate(46deg);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}



.listProductCarousel .owl-prev span {
    -webkit-transform: translate(100%, 0%) rotate(226deg);
    transform: translate(100%, 0%) rotate(226deg);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}



/****/

.catProduct li {
    display: block;
}


/* cat menu cote */

.wrapperFiltre{
  margin: 1rem 0;
}

.menuCatWrapper{
  width: 260px;
  display: inline-block;
  vertical-align: top;
  margin: 2rem 0 1rem;

}


.listProductWrapper{
  display: inline-block;
  width: calc(100% - 270px);
}

.shopHome .listProductWrapper{
  width: 100%;
}

.listCard{
  text-align: left;
  padding: 0;
  margin: 2rem 0 1rem
}


.menuCatWrapper .rtUL {
    width: 100%;
}

.catProduct > ul > li.rtLI {
    margin: 0.5rem 0;
    border: 1px solid;
    border-color: #cdcdcd;
    background-color: #e7e7e7;
    line-height: 0.9rem;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 0.7rem 0.5rem 0.7rem 1.1rem;
    font-size: 1.1rem;
    text-align: left;
    text-decoration: none;
    color: #3e3e3e;
    max-width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.catProduct > ul > li.rtLI > ul > .rtLI{
  font-size: 0.8rem
}


.catProduct > ul > li.rtLI > ul > .rtLI > ul > .rtLI{
  font-size: 0.7rem;
  text-transform: lowercase;
}

.catProduct .rtIn {
  white-space: normal;
}

/* spe clef */

.titleCatCatalogue {
  font-weight: bold;
  font-size: 0.9rem;
}

.cbFiltreFournisseur {
  width: 100%!important;
  margin-bottom: 1rem;
}

/*** pager ***/

 .pagerProduct{
   text-align: center;
   background: transparent;
 }

 .pagerProduct .rdpWrap{
   float: none;
   display: inline-block;
 }

 /*******/


.btnCardWrapper .RadInput_Metro a.riUp, .btnCardWrapper .RadInput_Metro a.riDown, .itemQuantite .RadInput_Metro a.riUp, .itemQuantite .RadInput_Metro a.riDown, .btnShopWrapper .RadInput_Metro a.riDown, .btnShopWrapper .RadInput_Metro a.riUp, .durabiliteWrapper .RadInput_Metro a.riUp, .durabiliteWrapper .RadInput_Metro a.riDown, .fastCmd .RadInput_Metro a.riUp, .fastCmd .RadInput_Metro a.riDown
{
	  box-sizing: border-box;
    width: 35px;
    height: 100%;
		position: absolute;
		top: 0px;
    background-size: 18px;
		background-position: 9px 50%;
		margin: 0;
		border-radius: 3px;
    /* border: 1px solid #c6c6c6;
		background-color: #f1f1f1; */
		background-repeat: no-repeat;
    border: 1px solid #0076be;
    background-color: #0076be;
    z-index: 2;
    background-image: none;
}

.btnCardWrapper  .riTextBox, .itemQuantite .riTextBox, .btnShopWrapper .riTextBox, .durabiliteWrapper .itemNoEdit .riTextBox,  .fastCmd .itemNoEdit .riTextBox{
  text-align: center;
}

.btnCardWrapper  .RadInput, .itemQuantite  .RadInput, .btnShopWrapper .RadInput{
    max-width: 8rem;
}

.durabiliteWrapper .itemNoEdit .RadInput {
    width: 8rem!important;
}

.fastCmd .itemNoEdit .RadInput {
    width: 7rem!important;
    margin: 0.1rem 2rem 0.1rem 0.5rem;
}

.btnCardWrapper  .RadInput .riSelect, .itemQuantite .RadInput .riSelect, .btnShopWrapper  .RadInput .riSelect, .durabiliteWrapper  .RadInput .riSelect, .fastCmd .RadInput .riSelect{
  position: initial;
}

.btnCardWrapper .RadInput_Metro a.riUp, .itemQuantite .RadInput_Metro a.riUp, .btnShopWrapper .RadInput_Metro a.riUp, .durabiliteWrapper .RadInput_Metro a.riUp, .fastCmd .RadInput_Metro a.riUp{
	right: 0;
	border-radius: 0 3px 3px 0;
}

.btnCardWrapper .RadInput_Metro a.riDown, .itemQuantite .RadInput_Metro a.riDown, .btnShopWrapper  .RadInput_Metro a.riDown, .durabiliteWrapper .RadInput_Metro a.riDown,  .fastCmd .RadInput_Metro a.riDown{
	left: 0;
	border-radius: 3px 0 0 3px;
}

.btnCardWrapper  .RadInput .riDown:before, .itemQuantite  .RadInput .riDown:before, .btnShopWrapper .RadInput .riDown:before{
    content: url(../Images/Shop/moins.png);
    vertical-align: middle;
}

.btnCardWrapper .RadInput .riUp:before, .itemQuantite .RadInput .riUp:before, .btnShopWrapper .RadInput .riUp:before{
    content: url(../Images/Shop/plus.png);
    vertical-align: middle;
}

.btnCardWrapper  .RadInput .riDown:hover:before, .itemQuantite  .RadInput .riDown:hover:before, .btnShopWrapper  .RadInput .riDown:hover:before  {
    content: url(../Images/Shop/moins.png);
    vertical-align: middle;
}

.btnCardWrapper .RadInput .riUp:hover:before, .itemQuantite .RadInput .riUp:hover:before, .btnShopWrapper .RadInput .riUp:hover:before{
    content: url(../Images/Shop/plus.png);
    vertical-align: middle;
}

 .itemQuantite .RadInput .riDown:before,  .itemQuantite .RadInput .riUp:before, .durabiliteWrapper .RadInput .riDown:before,  .durabiliteWrapper .RadInput .riUp:before, .fastCmd .RadInput .riDown:before, .fastCmd .RadInput .riUp:before  {
    display: none;
}

 .itemQuantite .RadInput .riDown span,  .itemQuantite .RadInput .riUp span,  .durabiliteWrapper .RadInput .riDown span,  .durabiliteWrapper .RadInput .riUp span, .fastCmd .RadInput .riDown span,  .fastCmd .RadInput .riUp span{
  background-image: url(../Images/Shop/moins.png);
  width: 22px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  font-size: 0;
}

 .itemQuantite  .RadInput .riUp span, .durabiliteWrapper .RadInput .riUp span, .fastCmd .RadInput .riUp span{
 background-image: url(../Images/Shop/plus.png);
}


/** filtre **/

.headerFiltre {
    display: inline-block;
}

.itemFiltre {
  display: inline-block;
  margin: 0.5rem 1rem;
  background: #A9DBAE;
  padding: 0.3rem 0.5rem;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 2px;
}

.btnRemoveAllFiltre .rbDecorated{
  font-size: 0.8rem;
}

.itemFiltre .btnDelete .rbDecorated{
    background-color: #fff;
    color: #9c9c9c;
    padding: 0rem 0.3rem;
}



/*  bouton */


.divWrapperPanierTooltip .btnPanier input.rbDecorated, .toolTipManagerWishlist  input.rbDecorated{
  text-decoration: none;
    font-size: 0.7rem;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding: 0.3rem 0.5rem;
    text-transform: uppercase;
    background: #fff;
    color: #3f3e3e;
    box-shadow: 1px 1px 6px 0px rgba(48, 48, 48, 0.2);
    border-radius: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.toolTipManagerWishlist .RadButton {
    margin: 0.6rem 0.1rem 0.3rem;
}

.toolTipManagerWishlist h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9rem;
}


.toolTipManagerWishlist h3{
  color: #0076be;
  text-align: center;
}


.ItemListe {
    padding: 0.6rem 0.2rem;
    margin: 0.4rem 0;
    color: #3C454C;
    transition: color 200ms ease-in;
    background: #fff;
}

.toolTipManagerWishlist .btnValider{
  background: #0076be;
}


.headerPanierWrapper{
  margin-top: 1rem;
}




/***/
/**new panier**/
/***/

.wrapperPanierListe {
  box-sizing: border-box;
}

.wrapperPanierListe *, .wrapperRecapCommande * {
  box-sizing: border-box;
}

.wrapperPanierListe .blocPanierListeWrapper, .wrapperRecapCommande .blocRecapCmd, .detailWorkflowWrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.itemPanierLeft, .itemRecapCmdLeft, .detailWorkflowLeft{
  width: 69%;
  padding-right: 1rem;
}

.itemPanierRight, .itemRecapCmdRight, .detailWorkflowRight {
  width: 30%;
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 116px;
  height: 100%;
  background: #FAFEFF;
  padding: 1rem;
}


/***/


.titlePanier{
    color: #184E77;
    text-align: center;
    font-size: 1.5rem;
}

.icnPanierTitle {
    background-image: url(../Images/Shop/livraison.png);
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
}

.titlePanier span {
    display: inline-block;
    vertical-align: middle;
}

.titlePaiement .icnPanierTitle{
    background-image: url(../Images/Shop/euro.png);
}

.subtitlePanier {
    color: #6C6C6C;
    padding: 0.3rem 0;
    border-bottom: 1px solid #B4B4B4;
    font-size: 1.15rem;
}

.inputSectionPanier {
    width: 100%!important;
    margin: 0.5rem 0;
}

.itemExpeditionWrapper {
  max-height: 200px;
  overflow-y: auto;
}

.sectionRightPanier .itemCard {
    text-align: center;
    font-size: 0.85rem;
    padding: 0;
    width: calc(50% - 0.6rem);
    margin: 0 0.3rem 0.6rem 0;
}

.lblCodePostal {
    padding-right: 0.2rem;
}

.divModeExp .lblCodePostal {
    padding-right: 0.2rem;
}

.divModeExp .lblAdresse {
  display: block;
}

.itemPanierRight .riSingle {
    width: 100%!important;
}

.itemPanierRight .btnShopWrapper{
  text-align: center;
}

.itemPanierRight .lblDeputExpedition, .itemPanierRight .lblFinExpedition {
  display: block;
  color: #939393;
  font-size: 0.9rem;
}

.itemPanierRight .divDebutExp, .itemPanierRight .divFinExp,
.itemRecapCmdRight .divDebutExp, .itemRecapCmdRight .divFinExp  {
  padding-right: 0.8rem;
  width: 48%;
}


.lblDeputExpedition, .lblFinExpedition {
    display: block;
    color: #939393;
    font-size: 0.9rem;
}

.sectionRightCommentaireInterne .RadInput_MetroTouch textarea.tbCommentaires {
  background: #e5f0f3;
  color: #d25242;
  font-style: italic;
}

/**/


.itemPanierDetailLeft, .commentaireDetail {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

.itemPanierDetailLeft {
  padding-right: 2rem;
}

.wrapperPanierListeV2, .wrapperRecapCommande, .wrapperWorkflowManager {
  /* Set counter to 0 */
  counter-reset: panier-counter-element;
}

.itemPanierLine1 .itemProduit:before, .wrapperWorkflowManager .itemPanierLine1 .divProperties:before {
    content: "";
    text-align: center;
    display: inline-block;
    height: 18px;
    width: 18px;
    color: #fff;
    background: #92ba44;
    padding: 1px;
    border-radius: 50%;
    font-size: 11px;
    margin-right: 0.2rem;

  /* Increment by 1 */
  counter-increment: panier-counter-element;
  content: counter(panier-counter-element);
  /* content: counter(panier-counter-element) " \002F"; */
}

.itemPrix strike, .itemTotal strike {
  font-size: 0.6rem;
}

.lblPriceLineTTC strike {
  font-size: 0.6rem;
}

/* .itemPanierLeft .itemQuantite .RadInput .riDown span, .itemPanierLeft .itemQuantite .RadInput .riUp span{
  width: 17px;
  height: 17px;
  margin: 0 auto;
} */

.itemPanierLeft .itemProduit, .itemPanierLeft .headerProduit {
  width: 45%;
}

.itemPanierLeft .headerListLine {
    background: transparent;
}

.commentaireDetail .riSingle, .itemPanierLeft .riSingle{
    width: 100%!important;
}

.inputPanierTitle {
  width: 110px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  vertical-align: middle;
}

.inputPanierContent, .divSelectUsages .riSingle {
  width: calc(100% - 105px)!important;
  margin: 0.5rem 0;
  display: inline-block;
  font-size: 1rem;
}

.doseRecommandeeTitre {
  width: 135px;
}

.divSelectUsages .riSingle {
  /* width: calc(100% - 145px)!important; */
  width: 160px!important;
}

.inputPanierContent .rcbInput {
  height: auto;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.itemsPanierWrapper > .itemProductWrapper:nth-of-type(even) {
    background: #E3F0F3;
}

.itemsPanierWrapper >.itemProductWrapper {
    padding: 1rem 0.5rem;
    border-bottom: 1px solid #bfd2d9;
}

.itemPanierLeft .itemLine:last-of-type, .wrapperRecapCommande .itemLine:last-of-type {
  border-bottom: none;
}


.itemPanierLeft .checkboxPanier label {
  font-size: 0.75rem;
  font-weight: 600;

}

.itemPanierLeft .checkboxPanier input, .itemPanierLeft .checkboxPanier input{
  display: inline-block;
  vertical-align: middle;  
}

.itemPanierLeft .divChampPersoConditionnement {
  margin-top: 0.5rem;
}

/**/

.divListMelangeAvec {
  margin: 0.5rem 0 0.5rem 1rem;
  background: rgb(234 234 234 / 50%);
  padding: 0.5rem 0 0;
  border-bottom: 1px solid #a6aeb5;
}

.divTitleMelangeAvec {
  color: #184f77;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 0.5rem 0.5rem 0.2rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid;
}

.spanTitleMelangeAvec:before {
  content: "+";
  display: inline-block;
  margin-right: 0.3rem;
}

.itemLineMelange {
  background: rgb(236 234 234 / 35%);
  margin-bottom: 0;
  padding: 0.3rem 0.5rem;
}

.itemLineMelange:nth-of-type(even) {
  background: rgb(255 255 255 / 35%);
}

.itemsPanierWrapper > .itemProductWrapper:nth-of-type(even) .itemLineMelange:nth-of-type(even) {
  /* background: #e3f7fb; */
}

.itemsPanierWrapper > .itemProductWrapper:nth-of-type(even) .itemLineMelange {
  /* background: #dce8eb; */
  /* margin-left: 1.5rem; */
}

.itemPanierLeft .btnDel input, .itemPanierLeft .btnDel input.rbDecorated {
  font-size: 0;
  padding: 0.75rem;
  background-image:url(../Images/Shop/delete-trash.png);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}


/* a supr apres ancien enleve */

.itemPanierRight .divModeExp{
  border-bottom: none;
}

.itemPanierRight .expeditionWrapper{
padding: 0;
border-bottom: none;
background-color: transparent;
}

.itemPanierLeft .headerListLine {
    background: transparent;
}


/*** spe version panier ***/

.wrapperPanierListeV2 .RadInput .riTextBox, .wrapperWorkflowManager .RadInput .riTextBox{
  height: auto;
}

.wrapperPanierListeV2 .btnLine.btnDel {
  max-height: none;
}

/*.wrapperPanierListeV2 .itemPanierLine2{
  display: none;
}*/


/*** lien panier entete **/

.sf_colsOut.lienPanierTxt {
  width: calc(100% - 25px)!important;
}

.sf_colsOut.lienPanierIcn {
  width: 25px!important;
}

.lienPanierWrapper {
  padding: 2rem 0.5rem 1rem 0;
}


/******/
/** reglementaire  **/

.wrapperReglementaire {
  margin-bottom: 1.5rem;
}

.tabStripConditionsEmploiGenerales li,
.tabStripUsages li {
  font-weight: bold;
}

.multiPageConditionsEmploiGenerales,
.multiPageUsages {
  background: #a5dff2;
  margin: 0;
  padding: 1.5rem;
  border: 1px solid;
  border-color: #cdcdcd;
  background-color: #e7e7e7;
  background: #fff;
}

.collapseTitle {
  padding: 0.2rem 0;
}

.collapseTitle span {
  background: transparent !important;
  border: none !important;
}

.collapseTitle input {
  font-size: 1.1rem !important;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-weight: bold !important;
  color: #3f3e3e !important;
}

/* .collapseTitle::after */
.imgCollapseTitle {
  /* content: "\25BC"; */
  content: "";
  display: inline-block;
  font-size: 0.9rem;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin: 0.8rem;
  border-top: 3px solid #3f3e3e;
  border-right: 3px solid #3f3e3e;
  -webkit-transform: translate(0%, -27%) rotate(134deg);
  transform: translate(0%, -27%) rotate(134deg);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.collapseTitle::before {
  /* content: '\27A5'; */
  content: '\279C';
  padding: 0.3rem;
  display: inline-block;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.collapseTitle input:hover,
.collapseTitle.open input,
.collapseTitle.open::before {
  color: #21B0DE !important;
}

.collapseTitle:hover .imgCollapseTitle {
  border-color: #21B0DE;
}

.collapseContent {
  padding: 0 2rem;
}

.subtitleReglementaire {
  text-transform: uppercase;
}

.subtitleReglementaire,
.subtitleLvl2Reglementaire {
  font-size: 0.9rem;
  margin: 1rem 0 0.5rem;
}

.wrapperReglementaire p,
.blocFiche p {
  margin: 0.5rem 0;
}

h3.idNomUsage {
  font-size: 1.2rem;
  margin: 1.5rem 0 0;
  border-bottom: 4px solid #707070;
  border-color: #3f3e3e;
  padding-bottom: 0.3rem;
  max-width: 300px;
  display: inline-block;
}

.blocFiche .tableUsage th {
  font-size: 0.8rem;
  padding: 0.5rem;
  text-align: center;
}

.blocFiche .tableUsage td {
  font-size: 1rem;
  margin: 0.5rem;
  text-align: center;
  font-weight: bold;
  color: #21B0DE;
}

.headerReglementaire .title {
  margin-right: 2rem;
}

.autorisation,
.headerReglementaire .title,
.lnk_fds {
  display: inline-block;
  vertical-align: middle;
}


.autorisation {
  margin: 0.8rem 0;
  border: 1px solid #21B0DE;
  color: #21B0DE;
  padding: 0.7rem;
  font-weight: bold;
}

.autorisation.autorise,
.title .nom.autorise,
.titulaireProduit.autorise {
  border-color: #669900;
  color: #669900;
}

.autorisation.retire,
.title .nom.retire,
.titulaireProduit.retire {
  border-color: #C00;
  color: #C00;
}

.blocInfoWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  text-align: center;
  padding: 2rem 0 0.5rem;
  width: 100%;
}

.blocInfoWrap .valeur {
  color: #21B0DE;
  font-weight: bold;
  border-top: 1px solid #454f79;
  background: #e7e7e7;
  padding: 0.3rem 0.5rem;
  margin-top: 0.2rem;

}

 .lnk_fds {
  text-decoration: none;
  margin: 0.5rem;
  padding: .5rem 0.7rem;
  border-radius: 0.25rem;
  border: 1px solid #0076be;
  background-color: #0076be;
  color: #fff;
  float: right;
  font-weight: bold;
  font-size: 1.1rem;
}

.lnk_fds:before {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url('../Images/Icones/icone-pdf-bl.png');
  margin-right: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  transition: 0.2s;
}

 .lnk_fds:hover {
   border: 1px solid #00629e;
   background-color: #00629e;
 }

.blocFiche .nom {
  margin: 0.5rem 0 0.1rem;
  color: #21B0DE;
  font-weight: bold;
  font-size: 1.1rem;
}

.title .nom,
.titulaireProduit {
  margin: 0.8rem 0;
  color: #21B0DE;
  font-weight: bold;
  font-size: 1.2rem;
  display: inline-block;
}

.titulaireProduit {
  margin-left: 0.5rem;
}

.titulaireProduit:before {
  content: '-';
}


/*** specifique catalogue en ligne ***/
/* changer la classe en productListMode */


.listProductTable .listCard .itemProduct {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0.5rem 0.5rem;
}

.listProductTable .imgListProduct {
  max-height: 25px;
  display: inline-block;
  padding: 0.2rem;
  width: 35px;
  vertical-align: middle;
}

.listProductTable .itemProduct .titleProduct {
  margin: 0.2rem 0;
  min-height: unset;
  vertical-align: middle;
  width: calc(100% - 50px);
}

.listProductTable .priceListProduct {
  margin: 0 auto 0 2rem;
}

.listProductTable .linkCard {
  width: 40%;
  position: relative;
}

.listProductTable .catListProduct {
  width: 25%;
  min-height: unset;
  margin: 0 0.5rem 0 auto;
  font-size: 0.65rem;
  font-style: italic;
  min-width: 70px;
}

.listProductTable .lblCode {
  margin: 0.5rem;
  font-size: 0.8rem;
  color: #595959;
  min-width: 60px;
}


.listProductTable .btnCardWrapper {
  margin: 0 0 0 auto;
  min-height: unset;
  padding: 0.2rem 0;
}

.listProductTable .btnCardWrapper .itemQteWrapper{
  padding-top: 0.2rem;
}

.listProductTable  .itemQteWrapper + .btnCard.btnAddList {
  padding-top: 0.2rem!important;
}

/* spe clef ajout produit perso */

.btnSaisieProduitPersoWrapper {
  margin-top: 1rem;
  text-align: center;
}

.produitsPersoWrapper .divChampProduitPerso {
  margin: 0.5rem 0;
}

.produitsPersoWrapper .quantiteProduitPerso {
  margin: 1rem 0;
}

.produitsPersoWrapper .titleProductPerso {
  padding: 0 0.5rem;
}

.produitsPersoWrapper .itemProduitPerso {
  padding-bottom: 0.7rem;
  margin-bottom: 0.7rem;
}

/* ajout produit perso panier engrais */

.wrapperEngrais .titleProductPerso:last-of-type {
  display: block;
  font-weight: 300;
  color: #7b7b7b;
  margin-bottom: 0.7rem;
}

.wrapperEngrais .titleProductPerso:nth-last-of-type(2) {
  color: #676565;
  margin-left: 1rem;
}


/* stock */

.listProductTable .imgNoStock + .imgListProduct {
  opacity: 0;
}

.listProductTable  .imgNoStock {
  top: 2px;
  right: unset;
  left: 2px;
  width: 23px;
  height: 23px;
}

/** catalogue en ligne avec affichage fournisseur **/

.listProductTableFournisseur .linkCard{
   width: 30%;
   min-width: 130px;
}

.listProductTableFournisseur .catListProduct{
   width: 20%;
   padding-left: 2rem;
   margin-left: 0.5rem;
}

.listProductTableFournisseur .lblFournisseur {
  font-size: 0.8rem;
  margin: 0.5rem 0.2rem;
  font-style: italic;
  width: 20%;
  min-width: 80px;
}


/**/

.wrapperPanierListe.wrapperPanierListeV2 .imgProduct.imgLine, .detailWorkflowLeft .imgProduct.imgLine{
  display: none;
}


/* ajout commande rapide dans panier */

.divCommandeRapidePanier {
  background: #e8e8e8;
  padding: 0.2rem 0.5rem 0.5rem;
  margin: 2rem 0;
  border: 1px #ccc solid;
  border-radius: 2px;
}

.divCommandeRapidePanier .rcbLabel {
  color: #6C6C6C;
  padding: 0;
  display: block!important;
  width: 100%;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5rem!important;
}

.divCommandeRapidePanier .RadComboBox {
  width: 100%!important;
}

/*.divCommandeRapidePanier .rcbInner input {
  padding: 0;
}*/

/* panier modif prix */

.panierModifPrix .itemPrix .RadInput_MetroTouch.RadInputDisabled .riTextBox{
  background: transparent;
  border: none;
}

.panierModifPrix .headerTotal {
  display: none;
}

.panierModifPrix .headerQuantite, .panierModifPrix .itemQuantite {
  min-width: 145px;
  text-align: right;
}

.panierModifPrix  .itemPrix, .panierModifPrix  .headerPrix {
  flex-grow: 1;
  text-align: left;
}

.panierModifPrix .riSingle {
  max-width: 150px!important;
}

/* recap commande nouveau panier ecommande */

span.titleRecapCmdBtm {
  display: block;
}

.titleRecapCmdName {
  font-size: 0.85rem;
}

.titleRecapCmdBtmDate {
  font-size: 1rem;
  margin-top: 0.5rem;
}

.itemRecapCmdRight .btnReturn.btnShop input.rbDecorated {
  font-size: 1rem;
  padding-left: 1.5rem;
  background-position: 7px center;
  background-size: 10px;
}


/* stock */

/* stock catalogue */

.cbOnlyProductAlreadyOrdered, .cbOnlyProductSearchFilter{
  text-align: left;
  font-size: 0.8rem;
  margin-bottom: 0.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  text-indent: 15px;
}

.divMagasin .cbMagasin.RadComboBox_MetroTouch .rcbReadOnly td {
  border: none;
  border-bottom: 1px solid #cdcdcd;
  background: transparent;
  height: auto;
}

.imgNoStock{
  display: block;
  width: 30px;
  height: 30px;
  background: url(../Images/Shop/out-of-stock.png);
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
}

.wrapperCatalogue .icnCbMagasin {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 20px;
  background: url(../Images/Shop/pin.png);
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  background-position: left;
  margin: 0;
}

.wrapperCatalogue .titleDivMagasin {
  display: none;
  text-transform: uppercase;
  font-size: 0.7rem;
  display: inline-block;
  margin: 0.2rem;
}

.wrapperCatalogue .divMagasin .RadComboBox_MetroTouch .rcbInput {
  /* font-family: 'Montserrat', sans-serif; */
  text-transform: uppercase;
  font-size: 0.7rem;
}

.wrapperCatalogue .icnDivMagasin {
  display: inline-block;
  vertical-align: middle;
  width: 8Px;
  height: 20Px;
  background: url(../Images/Shop/pin.png);
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  background-position: left;
  margin: 0 0.4rem;
}

.wrapperCatalogue .divMagasin .rcbArrowCell a {
  background-image: url(../Images/Shop/arrow-down.png);
  background-position: center;
  background-size: 15px;
  height: 14px;
}

.wrapperCatalogue .divMagasin .rcbFocused .rcbReadOnly .rcbArrowCell a {
  background-position: center;
}


.dropDownMagasinCatalogue.RadComboBoxDropDown_MetroTouch .rcbHovered{
  background-color: #a5dff2;
}


/* stock choix magasin page detail ajouter au panier */

.addToCartWrapper .lblStockMagasinSelect, .addToCartWrapper  .itemMagasin {
  font-size: 0.7rem;
  font-weight: normal;
  color: #3f3e3e;
}

.addToCartWrapper .divAutresMagasinsTitre {
  font-size: 0.7rem;
  font-weight: normal;
  color: #3f3e3e;
  text-decoration: underline;
  margin: 0.5rem 0;
}

.addToCartWrapper .divAutresMagasinsTitre .arrow {
  display: inline-block;
  vertical-align: middle;
  border: solid #3f3e3e;
  border-width: 0 1px 1px 0;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 0.2rem;
}

.addToCartWrapper .divAutresMagasins .itemMagasinWrapper {
  padding: 0.2rem 0.5rem;
  border: 1px solid #cdcdcd;
  background-color: #e7e7e7;
  margin: 0 0 0 auto;
}

.addToCartWrapper .itemMagasin {
  padding: 0.2rem 0;
}

.addToCartWrapper .lblItemMagasin {
  display: inline-block;
}

.addToCartWrapper .lblItemMagasinTitle{
  font-weight: bold;
}

.addToCartWrapper span.btnChangeMagasin.RadButton_MetroTouch {
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  margin-left: 0.5rem;
}

.addToCartWrapper span.btnChangeMagasin .rbDecorated {
  padding: 0;
}

.wrapperListeProduit .linkItemMagasin, .wrapperMettreAuPanier .linkItemMagasin {
  font-size: 0.7rem;
  color: #21B0DE;
  margin-left: 0.5rem;
}

.wrapperListeProduit .linkItemMagasin{
  font-size: 0.9rem;
}

.msgAlertMagasinPanier {
  font-size: 0.8rem;
  padding: 0.5rem;
  margin: 0.5rem 0;
  text-align: center;
  color: #6e2222;
  border: 1px solid #ebcccd;
  background: #ffeced;
  display: block;
}


/**/
.btnCardWrapper .RadInput, .itemQuantite .RadInput, .btnShopWrapper .RadInput {
  max-width: 9rem;
}



/* entete multi catalogue */

.enteteEcommande{
  background: #005521;
  background: linear-gradient(-90deg, rgb(205 222 168) 0%, rgb(245 243 238) 80%);
  box-sizing: border-box;
  padding-left: 1rem;
  border-bottom: 5px solid #005521;
  margin-bottom: 0.5rem;
}

.enteteEcommandeTxt {
  padding: 0.5rem 0;
  box-sizing: border-box;
}

.enteteEcommande h1 {
 margin: 0.2rem 0;
 color: #005521;
 font-size: 1.9rem;
 line-height: 2rem;
}

.enteteEcommande h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  color: #777777;
}

.enteteEcommande h3{
  margin: 0;
  font-style: italic;
  font-size: 0.8rem;
  padding: 0.5rem 0;
}

.dashboardLinkEcommande img {
  max-width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.dashboardLinkEcommande {
  padding: 0.2rem;
  display: inline-block;
}

.dashboardLinkEcommande:before {
  display: inline-block;
  content: " \279C";
  margin-right: 0.5rem;
}

.dashboardLinkEcommande, .dashboardLinkEcommande:after {
  color: #005521;
  border-color: #005521;
}

.enteteEcommandeImg img{
  display: block;
  margin: 0 0 0 auto;
  max-width: 100%;
  max-height: 80px;
  width: 100%;
  object-fit: cover;
}

.enteteEcommandeImg{
  position: relative;
}

.enteteEcommandeImg .sfimageWrp:after {
  content: "";
  height: 100%;
  width: 45px;
  background: #005521;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: skewX(-15deg);
}

.enteteEcommandeLinkList{
  text-align: right;
}

.enteteEcommandeLinkList .sf_colsIn{
  text-align: left;
  display: inline-block;
  transform: skewX(-15deg);
}

.titreEcommande .sfContentBlock {
  color: #005521;
  font-size: 1rem;
  font-style: italic;
  font-weight: normal;
  margin: -0.2rem 1rem 1rem;
}

.titreEcommande .sfContentBlock.linkCmdWrapper {
  margin: 0 0 0 auto;
}

/* gestion engrais cere worklowmanager*/

.wrapperWorkflowManager .gridCommande {
  overflow: auto;
  max-width: 100%;
}

.detailWorkflowWrapper{
  margin-top: 2rem;
}

h3.titleDetailWorkflow{
  color: #184E77;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  width: 100%;
}

h3.titleListAddProduitPerso {
  color: #184E77;
  margin-bottom: 1rem;
  border-color: #b2c5d3;
}



/* gestion engrais liste produit panier */

.wrapperWorkflowManager .itemProduit, .wrapperWorkflowManager .headerProduit {
  width: calc(100% - 835px);
}

.wrapperWorkflowManager .itemCommentaire, .wrapperWorkflowManager .headerCommentaire {
  width: 300px;
  padding: 0 0.5rem;
  max-width: 100%;
}

.wrapperWorkflowManager .headerCommentaire{
  text-align: center;
}

.wrapperWorkflowManager .itemPrix, .wrapperWorkflowManager .headerPrix{
  min-width: 230px;
  padding-right: 0.5rem;
}

.wrapperWorkflowManager .headerPrix {
  text-align: center;
}

.wrapperWorkflowManager .itemQuantite, .wrapperWorkflowManager .headerQuantite{
    min-width: 160px;
    text-align: right;
}

.wrapperWorkflowManager .headerTotal , .wrapperWorkflowManager .itemTotal{
  min-width: 135px;
  margin-right: 1rem;
}

.wrapperWorkflowManager .btnModifPrix .rbDecorated{
  padding: 0.2rem 0.3rem;
  font-size: 0.7rem;
}

.wrapperWorkflowManager .btnModifPrix, .wrapperWorkflowManager .btnReplaceProduit, .wrapperWorkflowManager .btnReplaceProduitPerso{
  margin: 0.5rem 0;
}

.itemsDetailWorkflowWrapper .lblPrixWrapper, .itemsDetailWorkflowWrapper  .btnModifPrix {
  display: inline-block;
  margin: 0 0.3rem;
  vertical-align: middle;
}

.wrapperWorkflowManager .itemCommentaire .lblCommentaire {
  display: block;
}

.wrapperWorkflowManager .itemLine:not(.itemProduitPerso) {
  border: none;
  margin: 0;
}

/* gestion worflow partie droite */


.detailWorkflowRight {
  width: 100%;
  background: #FAFEFF;
  padding: 1rem;
  margin: 1rem 0;
  position: relative;
  height: auto;
  top: auto;
}

.detailWorkflowRight .divButtonsCommande {
  text-align: center;
  display: block;
  background: transparent;
  margin: 2rem 0 1rem;
}

.detailWorkflowRight .btnValidAndSendEmail {
  margin-right: 1rem;
}

.detailWorkflowRight .btnValidAndSendEmail.btnShop:hover {
  background: transparent;
}

.detailWorkflowRight .btnValidAndSendEmail.btnShop .rbDecorated:hover {
  background: #005521;
  color: #fff;
}

.detailWorkflowRight .btnCancelCommande.rbHovered .rbDecorated{
  background: #e7e7e7;
}

.detailWorkflowLeft{
  width: 100%;
}

.detailWorkflowRight .lblTitleEmail.inputSectionPanier {
  width: 100px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  vertical-align: middle;
  margin: 0;
  padding: 0.3rem 0;
}

.detailWorkflowRight .riSingle {
  width: 100%!important;
}

.detailWorkflowRight .inputPanierTitle.lblMsgFournisseur {
  width: auto;
  margin: 1rem 0.5rem 1rem 0;
}

/* produit perso gestion cmd engrais et autres semences */

.wrapperWorkflowManager .detailProduitPersoWorkflowWrapper .itemQuantite {
  /*flex-basis: 200px;*/
  text-align: center;
  flex-shrink: 1;
}

/*.wrapperWorkflowManager .itemProduitPersoWorkflowWrapper .itemDel {
  width: 35px;
}

.wrapperWorkflowManager .itemProduitPersoWorkflowWrapper .btnReplaceProduitPerso{
  width: 150px;
}*/

.wrapperWorkflowManager .detailProduitPersoWorkflowWrapper .divProperties{
  flex-grow:1;
  flex-shrink: 1;
}

.wrapperWorkflowManager .detailProduitPersoWorkflowWrapper p {
  padding: 0.2rem 0.5rem 0.5rem;
  display: inline-block;
  vertical-align: middle;
  color: #0076be;
}

.wrapperWorkflowManager .detailProduitPersoWorkflowWrapper p span {
  font-weight: 300;
}

.wrapperWorkflowManager .detailProduitPersoWorkflowWrapper  .btnReplaceProduitPerso, .wrapperWorkflowManager .detailProduitPersoWorkflowWrapper  .itemDel{
  margin: 0.5rem;
}

.wrapperWorkflowManagerEngrais .detailProduitPersoWorkflowWrapper p:nth-last-of-type(2) {
  margin-left: 1rem;
  color: #676565;
}

.wrapperWorkflowManagerEngrais .detailProduitPersoWorkflowWrapper p:last-of-type {
  display: block;
  margin-bottom: 1rem;
  font-weight: 300;
  color: #7b7b7b;
}

/** tableau gestion commande engrais **/

.wrapperWorkflowManagerEngrais .RadGrid_MetroTouch th.rgHeader {
  background: #005521;
  color: #fff;
  font-weight: bold;
}

/** grid workflow  tableau commande en cours **/

.wrapperGridWorkflow .RadGrid_MetroTouch th.rgHeader {
  background: #005521;
}

.wrapperGridWorkflow .RadGrid_MetroTouch th.rgHeader,
.wrapperGridWorkflow .RadGrid_MetroTouch th.rgHeader a {
  color: #fff;
  font-weight: bold;
}

.headerGridWorkflow {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  flex-wrap: wrap;
}

.headerGridWorkflow .btnExporter.RadButton.rbSkinnedButton input.rbDecorated {
  background-image: url(../Images/Icones/export.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 1rem;
  background-position: 5px center;
  padding: 0.2rem 0.5rem 0.2rem 20px;
  font-size: 0.9rem;
  font-weight: 400;
  color: #2c2c2c;
}

.headerGridWorkflow .filtresDates, .headerGridWorkflow .btnExporter.btnGridWorkflow {
  margin: 0.5rem 0;
}

/**/

.enteteEcommandeAliment{
  background: linear-gradient(-90deg, rgb(255 235 218) 0%, rgb(245 243 238) 80%);
  border-color: #6b1e03;
  
}

.enteteEcommandeAliment .dashboardLinkEcommande, .enteteEcommandeAliment .dashboardLinkEcommande:after, .enteteEcommandeAliment h1 {
  color: #6b1e03;
  border-color: #6b1e03;
}

.enteteEcommandeAliment .enteteEcommandeImg .sfimageWrp:after{
  background-color: #6b1e03;
}

.titreEcommandeAliment .sfContentBlock{
  color: #6b1e03;
}


/**/

.enteteEcommandeEngrais{
  background: linear-gradient(-90deg, rgb(210 210 228) 0%, rgb(245 243 238) 80%);
  border-color: #5C5C84;
  
}

.enteteEcommandeEngrais .dashboardLinkEcommande, .enteteEcommandeEngrais .dashboardLinkEcommande:after, .enteteEcommandeEngrais h1 {
  color: #5C5C84;
  border-color: #5C5C84;
}

.enteteEcommandeEngrais .enteteEcommandeImg .sfimageWrp:after{
  background-color: #5C5C84;
}

.titreEcommandeEngrais .sfContentBlock{
  color: #5C5C84;
}


/**/

.enteteEcommandePhytos{
  background: linear-gradient(-90deg, rgb(196 205 211) 0%, rgb(245 243 238) 80%);
  border-color: #4386A5;
}

.enteteEcommandePhytos .dashboardLinkEcommande, .enteteEcommandePhytos .dashboardLinkEcommande:after, .enteteEcommandePhytos h1 {
  color: #4386A5;
  border-color: #4386A5;
}

.enteteEcommandePhytos .enteteEcommandeImg .sfimageWrp:after{
  background-color: #4386A5;
}

.titreEcommandePhytos .sfContentBlock{
  color: #4386A5;
}


/******* portail ecommande *****/

/*
.livraisonCmdDirWrapper > .sf_colsIn {
  margin-left: 2rem !important;
}

.dashboardColCmdClef, .dashboardCmdDir{
  display: flex;
  flex-wrap: wrap;
}

.dashboardColPortailEcommande > .sf_colsIn {
  border-radius: 2px 2px 12px 12px;
}

.portailEcommandeAccueil .dashboardCol, .portailEcommandeAccueil .dashboardColSimple{
  flex-grow: 1;
}*/

.dashboardColPortailEcommande{
  margin: 1rem 0.5rem;
  background: #ffffff;
  overflow: hidden;
  border: 1px solid #cdcdcd;
  border-radius: 2px 2px 12px 12px;
}

.dashboardColPortailEcommande h4 {
  margin: 1rem 0.2rem 0.3rem;
}

.dashboardColPortailEcommande h5 {
  margin: 0;
  font-size: 0.7rem;
  font-style: italic;
  text-align: center;
  font-weight: normal;
}

.dashboardColPortailLongWrapper > .sf_colsIn, .dashboardColPortailWrapper > .sf_colsOut > .sf_colsIn{
  display: flex;
  flex-wrap: wrap;
}

.dashboardColPortail{
  width: calc(100% - 1rem);
}

.dashboardColPortailLong{
  width: calc(25% - 1rem);
}

/* img portail */

.imgPortailCommande img {
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1);
  transition: .3s ease-in-out;
  height: 55px;
  width: 100%;
}

.imgPortailCommande:hover  img{
  transform: scale(1.1);
  opacity: 0.5;
}

.imgPortailCommande {
  max-height: 55px;
  overflow: hidden;
  border-bottom: 10px solid #cdcdcd;
}

.imgPortailCommande a {
  display: block;
  background: #005521;
}

/* liste portail */

.dashboardColPortailEcommande ul {
  padding: 0.5rem 0;
  list-style: none;
}

.dashboardColPortailEcommande li{
   padding: 0.2rem 1rem;
   list-style: none;
}

.dashboardColPortailEcommande li:before {
  content: " \279C";
  margin-right: 0.5rem;
}

.dashboardColPortailEcommande li a{
      text-decoration: none;
}

.dashboardColPortailEcommande a:hover {
  font-weight: bold;
}

.dashboardColPortailEcommande a, .dashboardColPortailEcommande {
  color: #005521;
}

/**/

/*.dashboardColPhytoDirect {
  background: #ffffff;
  -webkit-box-flex: 1;
  flex: 1;
  overflow: hidden;
  border: 1px solid #cdcdcd;
  border-radius: 2px 2px 12px 12px;
}

.dashboardColPhytoDirect ul{
  padding: 0.5rem 0;
  list-style: none;
}*/

/**/

.dashboardColEngrais, .dashboardColEngrais a{
  color: #5C5C84;
}

.dashboardColEngrais .imgPortailCommande{
  border-bottom-color: #5C5C84;
}


.dashboardColEngrais .imgPortailCommande a{
  background: #5C5C84;
}


.dashboardColSemences, .dashboardColSemences a{
  color: #005521;
}


.dashboardColSemences .imgPortailCommande{
  border-bottom-color: #005521;
}

.dashboardColSemences .imgPortailCommande a{
  background: #005521;
}

.dashboardColPhyto, .dashboardColPhyto a, .dashboardColPhyto .imgPortailCommande{
  color: #4386A5;
}

.dashboardColPhyto .imgPortailCommande{
  border-bottom-color: #4386A5;
}

.dashboardColPhyto .imgPortailCommande a{
  background: #4386A5;
}


.dashboardColAliment,
.dashboardColAliment a {
  color: #6b1e03;
}

.dashboardColAliment .imgPortailCommande {
  border-bottom-color: #6b1e03;
}


.dashboardColAliment .imgPortailCommande a {
  background: #6b1e03;
}


/**** stock consignation ***/

.wrapperStockConsignation .listProductWrapper {
  display: inline-block;
  width: 100%;
}

.wrapperStockConsignation .lblStockValue {
  margin: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
}

.wrapperStockConsignation .lblFournisseur {
  margin: 0.5rem;
  font-size: 0.9rem;
  font-style: italic;
}

/** couleur des differnet panier / catalogue **/

/**/

.wrapperEngrais .linkCard {
  color: #5C5C84;
}

.wrapperEngrais .RadInput_Metro a.riUp, .wrapperEngrais .RadInput_Metro a.riDown, .wrapperEngrais .btnMettreAuPanier input.rbDecorated {
  border-color: #5C5C84;
  background-color:#5C5C84;
}

.wrapperEngrais  .btnCmd input.rbDecorated, .wrapperEngrais .btnAdd.btnLine input.rbDecorated, .wrapperEngrais .btnAddShop.btnShop input.rbDecorated{
  background-color:#5C5C84;
}

.wrapperEngrais  .itemPanierLine1 .itemProduit:before{
  background-color:#5C5C84;
}

.wrapperEngrais .itemsPanierWrapper > .itemProductWrapper:nth-of-type(even){
  background: #eceaf6;
}

.wrapperAliments .divModeExp .itemCardSelect {
  background: #5C5C84;
}

/**/

.wrapperSemences .linkCard {
  color: #005521;
}

.wrapperSemences .RadInput_Metro a.riUp, .wrapperSemences .RadInput_Metro a.riDown, .wrapperSemences .btnMettreAuPanier input.rbDecorated {
  border-color: #005521;
  background-color:#005521;
}

.wrapperSemences .btnCmd input.rbDecorated, .wrapperSemences .btnAdd.btnLine input.rbDecorated, .wrapperSemences .btnAddShop.btnShop input.rbDecorated{
  background-color:#005521;
}

.wrapperSemences .itemPanierLine1 .itemProduit:before{
  background-color:#005521;
}

.wrapperSemences .itemsPanierWrapper > .itemProductWrapper:nth-of-type(even){
  background: #e8f9fb;
}

.wrapperSemences .divModeExp .itemCardSelect {
  background: #005521;
}

/**/

.wrapperPhytos .linkCard {
  color: #4386A5;
}

.wrapperPhytos .RadInput_Metro a.riUp, .wrapperPhytos .RadInput_Metro a.riDown, .wrapperPhytos .btnMettreAuPanier input.rbDecorated {
  border-color: #4386A5;
  background-color:#4386A5;
}

.wrapperPhytos .btnCmd input.rbDecorated, .wrapperPhytos .btnAdd.btnLine input.rbDecorated, .wrapperPhytos .btnAddShop.btnShop input.rbDecorated{
  background-color:#4386A5;
}

.wrapperPhytos  .itemPanierLine1 .itemProduit:before{
  background-color:#4386A5;
}

.wrapperPhytos .itemsPanierWrapper > .itemProductWrapper:nth-of-type(even){
  background: #eff6f7;
}

.wrapperPhytos .divModeExp .itemCardSelect {
  background: #4386a5;
}


/**/

.wrapperAliments .linkCard {
  color: #6b1e03;
}

.wrapperAliments .RadInput_Metro a.riUp,
.wrapperAliments .RadInput_Metro a.riDown,
.wrapperAliments .btnMettreAuPanier input.rbDecorated {
  border-color: #6b1e03;
  background-color: #6b1e03;
}

.wrapperAliments .btnCmd input.rbDecorated,
.wrapperAliments .btnAdd.btnLine input.rbDecorated,
.wrapperAliments .btnAddShop.btnShop input.rbDecorated {
  background-color: #6b1e03;
}

.wrapperAliments .itemPanierLine1 .itemProduit:before {
  background-color: #6b1e03;
}

.wrapperAliments .itemsPanierWrapper>.itemProductWrapper:nth-of-type(even) {
  background: #6b1e03;
}

.wrapperAliments .divModeExp .itemCardSelect {
  background: #6b1e03;
}


.btnCmd input.rbDecorated


/* alert tc choix agri */
 
.wrapperPanierCmdMsgChoixAgri, .factCmdMsgChoixAgri .RadAjaxPanel {
  position: relative;
}
 
.wrapperPanierCmdMsgChoixAgri .divAlertMsgChoixAgri, .factCmdMsgChoixAgri .divAlertMsgChoixAgri {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(205 205 205 / 20%);
  backdrop-filter: blur(3px);
  z-index: 3;
  color: #d90000;
  font-weight: bold;
  padding: 3rem 0.5rem 0.5rem;
  font-size: 1.2rem;
  text-align: center;
}
 
.wrapperCatalogueCmdMsgChoixAgri .divAlertMsgChoixAgri {
  color: #d90000;
  font-weight: bold;
  text-align: right;
}

/* affichage prix specifique catalogue engrais et gestion commande autres semences*/

.wrapperCatalogue.wrapperEngrais .priceListProduct {
  display: none;
}

.wrapperEngrais .divSectionPrix{
  display: none;
}

.wrapperEngrais .headerTotal, .wrapperEngrais .itemTotal,
.wrapperWorkflowManager .headerTotal, .wrapperWorkflowManager .itemTotal{
 display: none;
}

.wrapperEngrais strike, .wrapperWorkflowManagerEngrais strike{
  display: none;
}

.produitsPersoWrapperEngrais .itemProduit{
  width: 60%;
}


/** formulaire validation commande (page publique) **/

.wrapperPublicForm {
  min-height: 100vh;
  background: #f8f8f8;
}

.publicFormValidateCmd {
  margin: 0 auto;
  width: 600px;
  background: #fff;
}

.publicFormValidateCmd .wrapper {
  padding: 2rem;
}

.publicFormValidateCmd h2{
  text-align: center;
  margin: 1rem auto 3rem;
  font-size: 1.5rem;
}

.publicFormValidateCmd .spanMessageRefus {
  display: block;
  font-weight: 600;
}

.publicFormValidateCmd .riSingle {
  width: 100%!important;
  display: block;
}

.publicFormValidateCmd  textarea {
  width: 100%;
  min-width: 300px;
}

.publicFormValidateCmd  .lblMessage {
  margin-top: 2rem;
  display: block;
}

.publicFormValidateCmd  .RadButton {
  border: none;
  background: #005521;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 2px;
  font-weight: bold;
  margin: 1rem 0 1rem auto;
  display: block;
}

.publicFormValidateCmd  .RadCaptcha input {
  width: 100%;
  line-height: 1.5rem;
  border: solid 1px #7B7B7B;
  padding: 0 0.2rem;
}

/* spe etnos bouton export et livraison catalogue */

.divButtonsCatalogue {
  text-align: right;
  margin: 0.5rem 0;
}

.divButtonsCatalogue span.RadButton_MetroTouch.btnToutMettreAuPanier, .divButtonsCatalogue span.RadButton_MetroTouch.btnExportCsv {
  font-size: 0.9rem;
  padding: 0.2rem 0.3rem;
  text-transform: uppercase;
  background: #fff;
  color: #005521;
  border-color: #005521;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}


.divButtonsCatalogue span.RadButton_MetroTouch.btnToutMettreAuPanier.rbHovered, .divButtonsCatalogue span.RadButton_MetroTouch.btnExportCsv.rbHovered{
  color: #ffffff;
  background-color: #428d5f;
}