.wrapperComparPhyto, .wrapperComparPhyto *{
    box-sizing: border-box;
}

.wrapperComparPhyto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
}

.wrapperFiltrePhyto {
    width: 30%;
    padding: 0 1rem;
    border-right: 1px solid #cdcdcd;
    background: #eff0f0;
}

.wrapperMainComparPhyto {
    width: 69%;
    padding-left: 1rem;
    margin: 0 auto;
}

.wrapperComparPhyto h3 {
    color: #6C6C6C;
    padding: 0.3rem 0;
    font-size: 1.05rem;
    text-transform: uppercase;
    font-weight: 600;
}

.wrapperFiltrePhyto h3{
  border-bottom: 1px solid #B4B4B4;
}

.wrapperComparPhyto h2 {
    color: #184E77;
    text-align: center;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}

.wrapperComparPhyto .btnShop{
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem 0.7rem!important;
    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;
    cursor: pointer;
}

.wrapperComparPhyto .btnShop.btnValidate{
background-color: #669900;
    color: #fff;
}

.wrapperComparPhyto .btnShop:hover, .wrapperComparPhyto .btnShop:focus, .wrapperComparPhyto .btnShop:active {
    background: #fff;
    color: #184E77;
    box-shadow: 1px 1px 6px 0px rgba(48, 48, 48, 0.6);
}

.wrapperComparPhyto .btnShop.btnValidate:hover, .wrapperComparPhyto .btnShop.btnValidate:focus, .wrapperComparPhyto .btnShop.btnValidate:active {
    color: #669900;
}


.wrapperComparPhyto .btnShop.btnValidate.aspNetDisabled {
    color: #888888;
    background: #cccccc;
}

.validateFilterPhyto {
    text-align: center;
    margin: 1rem 0;
}

.d-flex.flex-wrap input {
    display: inline-block;
    margin: 0.3rem 0.5rem;
    background: #ffffff;
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
    border-radius: 10px;
    border: none;
}

.itemFilterPhyto .RadAutoCompleteBox, .itemFilterPhyto .RadAutoCompleteBox input, .itemFilterPhyto .RadInput {
    width: 100%;
}

/****/

.productListComparPhyto {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.itemListComparPhyto {
    width: 30%;
    /* padding: 0 1rem; */
    margin: 0 0.5rem 2rem;
    background: #e8eaee;
    overflow: hidden;
    border: 1Px solid #dddddd;
    border-radius: 5px;
}

.itemContentListComparPhyto {
        height: calc(100% - 2.8rem);
}

.itemListComparPhyto .autorisation.validMarche {
  border: none;
}

.topItemListComparPhyto {
    background: #fff;
}

img.imgProductListComparPhyto {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    padding: 0.5rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.txtTopItemListComparPhyto {
    word-break: break-word;
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem 0;
}

.txtTopItemListComparPhyto h4 {
    font-size: 1.1rem;
    color: #4b515e;
    margin: 0;
}

.txtTopItemListComparPhyto p{
  margin: 0;
  padding: 0;
}

.btmItemListComparPhyto {
    padding: 0.5rem;
    text-align: center;
}

.btmItemListComparPhyto .autorisation, .comparPhytoTd  .autorisation {
    font-size: 0.8rem;
    margin: 0.3rem 0;
    padding: 0.3rem;
}

.btmItemListComparPhyto .commercialisation {
    font-size: 0.7rem;
}

.btmItemListComparPhyto p {
    text-align: left;
    padding: 0.2rem 0;
}

.btmItemListComparPhyto p span {
    font-weight: 500;
    font-size: 0.9rem;
}

.btnItemListComparPhytoWrapper {
    text-align: center;
    height: 2.8rem;
    padding-top: 0.3em;
}


/****/


.wrapperValidateComparPhyto {
    background: #fafeff;
    border: 1px solid #cdcdcd;
    padding: 0.5rem;
    margin: 0 auto 1rem;
    width: 100%;
}

.wrapperValidateComparPhyto h5{
  margin: 0;
}

.validateComparPhyto {
    margin: 1rem 0;
    text-align: center;
}

.productToCompar {
    display: inline-block;
    margin: 0 1rem;
    font-size: 1.2rem;
    vertical-align: middle;
}

.productToComparName {
    display: inline-block;
}

.productToCompar .token {
    word-break: break-word;
    background: #fff;
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    display: inline-block;
}

.productToCompar .token .close:before {
    color: #C00;
}

.productVSIcn {
    display: inline-block;
}

.productVSIcn:before {
    content: "vs";
    font-weight: bold;
    font-size: 1rem;
}




/** comparaison **/

.comparPhytoTd .autorisation {
    border: none;
    padding-bottom: 0.2rem;
    padding: 0.3rem 0 0;
    border-color: #3f3e3e;
    color: #3f3e3e;
    font-weight: normal;
    text-transform: uppercase;
}

.comparPhytoTd .autorisation.retire {
    border-color: #C00;
    color: #C00;
}

.comparPhytoTdAutor{
  text-align: center;
}

.tableComparResultPhyto {
    margin: 1rem 0 2rem;
    width: 100%;
}

.tableComparResultPhyto tr {
    border-bottom: 1px solid #cdcdcd;
}

.tableComparResultPhyto .firstTdPhyto {
    font-size: 0.7rem;
    padding-right: 1rem;
    line-height: 1.8rem;
}

.owl-item .tableComparResultPhyto .firstTdPhyto{
    color: #3f3e3e;
}

.tableComparResultPhyto .comparPhytoTd  {
    width: 70%;
    padding: 0.3rem;
    vertical-align: top;
    font-weight: 500;
    text-align: center;
}

.comparPhytoTd>ul {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    text-align: left;
    display: inline-block;
}

.comparPhytoTd .unit {
    font-weight: 400;
}

.wrapperComparResultPhyto .owl-item h4{
    margin: 0.5rem 0;
    font-size: 0.9rem;
    text-align: center;
}

.tableComparResultPhyto th{
    text-align: center;
    color: #fff;
    padding: 0.3rem;
}

/**/

.wrapperComparResultPhyto .owl-item td, .wrapperComparResultPhyto .owl-item h4,
.nomComDetailStock a.btnCmd{
    color: #73a88f;
}

 .wrapperComparResultPhyto .owl-item:nth-of-type(even) td.comparPhytoTd, .wrapperComparResultPhyto .owl-item:nth-of-type(even) h4,
 .wrapperComparResultPhyto .owl-item:nth-of-type(even) .nomComDetailStock a.btnCmd {
    color: #c08b6f;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(3n) td.comparPhytoTd, .wrapperComparResultPhyto .owl-item:nth-of-type(3n) h4,
.wrapperComparResultPhyto .owl-item:nth-of-type(3n) .nomComDetailStock a.btnCmd {
   color: #3E92CC;
}

 .wrapperComparResultPhyto .owl-item th, .nomComDetailStock span.icnBtnCmb{
    background-color: #73a88f;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(even) th, .wrapperComparResultPhyto .owl-item:nth-of-type(even) .nomComDetailStock span.icnBtnCmb{
    background-color: #c08b6f;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(3n) th, .wrapperComparResultPhyto .owl-item:nth-of-type(3n) .nomComDetailStock span.icnBtnCmb{
    background-color: #3E92CC;
}

.nomComDetailStock a.btnCmd:hover{
    color: #8ed7b5;
}

.nomComDetailStock a:hover span.icnBtnCmb{
    background-color: #8ed7b5;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(even)  .nomComDetailStock a.btnCmd:hover{
    color: #efab87;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(even) .nomComDetailStock a.btnCmd:hover span.icnBtnCmb{
    background-color: #efab87;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(3n)  .nomComDetailStock a.btnCmd:hover{
    color: #21B0DE;
}

.wrapperComparResultPhyto .owl-item:nth-of-type(3n)  .nomComDetailStock a.btnCmd:hover span.icnBtnCmb{
    background-color: #21B0DE;
}

/**/

.collapseTitle .btnExpandFichePhyto {
    font-size: 1.2rem;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-weight: bold;
    color: #3f3e3e;
    text-decoration: none;
}

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

/**/

.comparReglPhytoProduct1 {
    padding-right: 0.2rem;
}

.comparReglPhytoProduct2 {
    padding-left: 0.2rem;
}

.comparReglPhytoProduct.comparReglPhytoProduct h4 {
    font-size: 1rem;
    margin: 0.7rem 0;
}

.wrapperComparResultPhyto .RadComboBox {
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 0.5rem 0;
}

.comparDetailPhyto .titleReglementaire {
    display: none;
}

.comparReglPhytoProduct > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comparReglPhytoProduct li {
    padding: 0.2rem 0;
}

.wrapperComparResultPhyto .collapseContent {
    padding: 0 0.5rem 2rem;
}

.wrapperComparResultPhyto .collapseTitle::before {
    padding: 0.3rem;
    display: inline-block;
}

.wrapperComparPhyto .subtitleReglementaire {
    font-size: 1.02rem;
    text-decoration: underline;
}

.subtitleUsageComparPhyto {
    font-size: 0.95rem;
    min-height: 2.3rem;
}

.subtitleComparReglPhyto {
    font-weight: 500;
}


/*** titre page detail et comparaison ***/


.wrapperTitleComparPhyto {
    text-align: center;
    margin-bottom: 2rem;
    position: sticky;
    background: #fbfbfb;
    z-index: 2;
    top: 115px;
    padding-top: 1rem;
    max-width: 100%;
}

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

.titleComparPhyto h2 {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.titleComparPhyto h4 {
    color: #184E77;
    text-align: center;
    font-size: 0.8rem;
    margin: 0;
    min-width: 90px;
}

.subtitleComparPhyto {
    color: #184E77;
}

.returnTitleComparPhyto {
  background: #184E77;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  margin-right: 0.5rem;
}


.returnTitleComparPhyto a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    font-weight: bold;
    padding: 0.8rem 0.4rem;
}

.returnTitleComparPhyto a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    margin-left: 5px;
}

.carouselProductNameComparPhyto .current .btmLine {
	background: #184E77;
}

.carouselProductNameComparPhyto .current .btmLine:after{
	content: "";
	display: block;
	height: 0;
	margin: 0 auto;
	width: 0;
	border-top: 12px solid #184E77;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}


.carouselProductNameComparPhyto .owl-stage{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 0 auto;
}

.carouselProductNameComparPhyto .owl-item{
    margin-right: 0px!important;
}



/** detail **/

.comparDetailPhyto .headerReglementaire {
    text-align: center;
    margin: 1rem 0 0;
}


/**/

.wrapperComparPhyto.comparaison .wrapperValidateComparPhyto, .wrapperComparPhyto.details .wrapperValidateComparPhyto,
.wrapperComparPhyto.comparaison .wrapperFiltrePhyto, .wrapperComparPhyto.details .wrapperFiltrePhyto
{
  display: none;
}



/* second noms commerciaux detail et page comparateur */

.secondsNomsCommerciaux .libelle {
    font-weight: 600;
    text-align: center;
    font-size: 1.1rem;
}

ul.nomComDetailStock {
    /* margin-bottom: 0.5rem; */
    list-style: none;
    padding-left: 0.5rem;
}

.nomComDetailStock li {
    padding: 0 0 0.3rem;
}

.nomComDetailStock li:last-of-type {
    padding: 0 0 0.8rem;
}

.nomComDetailStock li:before{
    content: "\2794";
    margin-right: 0.5rem;
}

.nomComDetailStock .linkToOrderWrapper, .nomComDetailStock .intituleWrapper {
    display: inline-block;
}

.nomComDetailStock .btnCmd {
    font-weight: 600;
    margin-right: 0.5rem;
    font-size: 0.9rem;
    text-decoration: none;
}

.nomComDetailStock a.btnDetailStock {
    text-decoration: none;
    color: #184E77;
    font-size: 0.8rem;
    display: block;
    font-size: 0;
}

.nomComDetailStock .btnDetailStock span {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 0.1rem;
  font-size: 0.7rem;
  border-bottom: 1px solid;
}

.nomComDetailStock .btnDetailStock span.valeur {
    font-size: 0.75rem;
}

.btnDetailStock span.dispo, .nomComDetailStock span.icnBtnDetailStock {
    display: none;
}

.nomComDetailStock a.btnDetailStock:hover{
    color: #21B0DE;
}

/**/

.nomComDetailStock .btnShop.btnCmd {
  padding: 0.3rem 0.5rem!important;
  margin-top: 0.2rem;
}

.comparDetailPhyto .nomComDetailStock .btnShop.btnCmd {
  margin-left: 1rem;
}

.comparDetailPhyto .btnCmd .libelle{
vertical-align: middle;
}

.nomComDetailStock span.icnBtnCmb {
    background-image: url(../Images/Shop/cart-icone-bl.png);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center;
    width: 18Px;
    height: 18px;
    margin-left: 0.2rem;
    display: inline-block;
    vertical-align: middle;
    padding: 0.2rem;
    border-radius: 50%;
}


/** fleche **/

.wrapperComparPhyto .owl-dots{
    display: none;
}

.wrapperComparPhyto .owl-nav{
    opacity: 1;
    -webkit-transition: 0.2s ease;
      transition: 0.2s ease;
  }

  .wrapperComparPhyto .owl-prev, .wrapperComparPhyto .owl-next{
      position: absolute;
  
    background-color: #a8a3a3!important;
    width: 32px;
    height: 32px;
    margin: 0;
      border-radius: 50%!important;
      z-index: 10;
      top: 30%;
      -webkit-transform: translate(0px, -45%);
      transform: translate(0px, -45%);
      outline: none;
      -webkit-transition: 0.2s ease;
      transition: 0.2s ease;
  }
  
  .wrapperComparPhyto .owl-prev:hover, .wrapperComparPhyto .owl-next:hover, .wrapperComparPhyto .owl-prev:focus, .wrapperComparPhyto .owl-next:focus, .wrapperComparPhyto .owl-prev:active, .wrapperComparPhyto .owl-next:active{
    background-color: #a8a3a3!important;
  }
  
  
  .wrapperComparPhyto  .owl-prev span, .wrapperComparPhyto  .owl-next span {
      display: block;
      width: 12px;
      height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
      -webkit-transform: translate(70%, 0%) rotate(45deg);
      transform: translate(70%, 0%) rotate(45deg);
      -webkit-transition: 0.2s ease;
      transition: 0.2s ease;
    font-size: 0;
  }
  
  .wrapperComparPhyto  .owl-next{
      right: 0;
  }
  
  .wrapperComparPhyto  .owl-prev{
      left: 0;
  }
  
  .wrapperComparPhyto  .owl-prev.disabled, .wrapperComparPhyto  .owl-next.disabled{
    opacity: 0;
  }
  
  .wrapperComparPhyto  .owl-prev span{
      -webkit-transform: translate(100%, 0%) rotate(-135deg);
      transform: translate(100%, 0%) rotate(-135deg);
  }

  
.wrapperProductNameComparPhyto .owl-stage-outer{
    margin: 0 2rem;
}  

.wrapperProductNameComparPhyto .owl-prev, .wrapperProductNameComparPhyto .owl-next {
    background-color: transparent!important;
}

.wrapperProductNameComparPhyto .owl-prev span, .wrapperProductNameComparPhyto .owl-next span{
    border-color: #284d74!important;
}


/* mobile */

@media screen and (max-width: 768px) {
    .wrapperFiltrePhyto {
        width: 100%;
    }

    .wrapperFiltrePhyto h2 {
        margin: 0.5rem 0;
    }

    .itemListComparPhyto {
        width: 100%;
    }

    .tableComparResultPhyto .firstTdPhyto, .tableComparResultPhyto  .firstThPhyto {
        display: none;
    }

    .tableComparResultPhyto .comparPhytoTd {
        width: 50%;
        font-size: 0.9rem;
    }

    .tableComparResultPhyto td:before {
        content: attr(data-table);
        font-size: 0.65rem;
        display: block;
        text-transform: uppercase;
        color: #3f3e3e;
        font-weight: 400;
    }

    .wrapperMainComparPhyto {
      width: 100%;
      padding: 0;
    }

    .wrapperComparPhyto .blocFiche .collapseTitle.close {
        margin: 0.5rem 0;
    }

    .collapseTitle .btnExpandFichePhyto {
        font-size: 1.1rem;
    }

    .wrapperValidateComparPhyto .btnValidate {
        margin-top: 1rem;
    }

    .wrapperValidateComparPhyto {
      position: sticky;
      left: 0;
      right: 0;
      top: 67px;
      z-index: 1;
    }

    .validateComparPhyto {
        margin: 0.5rem 0;
    }

    .wrapperValidateComparPhyto h2{
      font-size: 1rem;
      margin: 0;
    }

    .wrapperTitleComparPhyto {
        top: 0;
    }

    .titleComparPhyto{
        display: block;
    }
    

}


@media screen and (max-width: 450px) {


  .comparPhytoTd>ul {
        list-style: none;
        margin-top: 0.5rem;
  }

  .nomComDetailStock {
      padding-left: 0;
  }

  .nomComDetailStock .btnDetailStock span{
      font-size: 0.7rem!important;
  }

  .nomComDetailStock .btnShop.btnCmd {
      margin: 0.5rem auto;
      font-size: 0.7rem;
      display: block;
      text-align: center;
  }

  .nomComDetailStock .icnBtnDetailStock {
    width: 20Px;
    height: 20px;
    padding: 0;
  }



}