@images: '../../images';
@img: '../../images/dist';

.ico-search{display: inline-block;vertical-align: middle;background: url('@{img}/sprite_search.svg') no-repeat 0px -1px transparent;width: 26px; height: 25px;
  &-hover{background-position: -26px -1px}
  .no-svg & {background-image: url('@{img}/sprite_search.png');}
}

.ico{
  display: inline-block;vertical-align: middle;margin: 0 10px 0 0;background: url('@{img}/s_site.svg') no-repeat 0% 0% transparent;
  .no-svg & {background-image: url('@{img}/s_site.png');}
  &-cross{width: 16px;  height: 16px; background-position: -1251px -34px;}


  &.ico-macro{
    width: 16px;height: 16px;
    &.close{background-position: -1200px -34px;width: 17px;}
  }
  &.meta{
    width:10px;height: 5px;margin: 0 0 0 5px;overflow: hidden;
    &.arrow{background-position: -50px -445px;}
  }

  &-pdf{background-image: url('@{images}/pdf-icon.png');width:22px;height: 24px;display: inline-block;vertical-align: middle;}

  &.pdf_old{background-image: url('@{img}/pdf_36_old.png');width:36px;height: 36px;}
  &.secure{background-position:-280px -366px;width:20px;height: 20px;}

  &.arrow{
    //btn_compta_parent
    &.w_bottom{background-image: url('@{img}/w_b_23.png');width: 23px;height: 23px;margin: 0 10px;}
    &.w_top{background-image: url('@{img}/w_t_23.png');width: 23px;height: 23px;margin: 0 10px;}
  }
  &.no-arrow.menu{width:10px;height: 5px;margin: 0 0 0 5px;}

  &.ico-middle{
    width:34px;height: 34px;
    &.tele{background-position: -173px -358px;}
  }
  &.ico-mini{
    width:24px;height: 24px;
    &.news{background-position: -234px -366px; width: 34px;height: 25px;}
    &.info{background-position: -1000px -706px;width: 25px;height: 25px;}
    &.next-b{background-image: url('@{img}/slides_right_w.png');}
    &.prev{background-image: url('@{img}/slides_left.png');}
    &.telPhone{background-image: url('@{img}/tel_w.png');width: 17px}
    &.message_h{background-image: url('@{img}/message_25_w.png');width: 25px}
    &.auto{background-image: url('@{img}/auto.png');width: 29px}
    &.call{background-image: url('@{img}/call.png');width:28px;}
  }
  &.ico-little{
    width:26px;height: 26px;
    &.tel{background-position: -120px -494px;}
    &.mes{background-position: -120px -609px;}
    &.courrier{background-position: -120px -551px;}
    &.address{background-position: -170px -724px;}
  }
  &.ico-macro{
    width: 16px;height: 16px;
    &.close{background-position: -1200px -34px;width: 17px;}
    &.see{background-image: url('@{img}/see.png');width:29px;}
  }
  &.ico-big{
    width:60px;height: 50px;display: block;margin: 10px auto 0;
    &.secure{background-image: url('@{img}/secure_o_33.png');width: 48px;height: 48px;margin: 0;background-position: 6px 6px}
  }
}


.icoCharte{display: inline-block;vertical-align: middle;background: url('@{img}/sprite_charte.svg') no-repeat 0% 0% transparent;
  .no-svg & {background-image: url('@{img}/sprite_charte.png');}
  &-angle-right{width: 5px; height: 8px; background-position: -79px -19px}
  &-author{width: 14px; height: 15px; background-position: -93px -99px}
  &-arrow{width: 14px; height: 8px; background-position: -122px -1px}
  &-back{width: 19px; height: 21px; background-position: -81px -133px}
  &-carret{width: 6px; height: 10px;
    &-right{background-position: -54px -19px;
      &-grey{background-position: -93px -1px; width: 5px; height: 8px;}
    }
    &-left{background-position: -61px -19px;}
    &-left-blue{background-position: -20px -41px;}
    &-top{background-position: -70px -19px; width: 8px; height: 4px;}
    &-blue{background-position: -70px -24px; width: 8px; height: 4px;}
  }
  &-check{width: 14px; height: 12px; background-position: -35px -1px}
  &-chevron{width: 8px; height: 12px;
    &-white{
      &-bottom{background-position: -112px -47px; width: 12px; height: 8px;}
      &-left{background-position: -74px -1px}
      &-right{background-position: -83px -1px}
    }
  }
  &-chrome{width: 34px; height: 34px; background-position: -1px -63px}
  &-clock{width: 20px; height: 20px; background-position: -112px -58px}
  &-collapse{width: 18px; height: 18px; background-position: -91px -53px}
  &-connect{width: 16px; height: 16px; background-position: -56px -1px;
    a:hover &{background-position: -74px -99px}
    &-full{width: 14px;height: 14px;background-position: -152px -1px;
      a:hover &{background-position: -152px -18px}
    }
  }
  &-contact{width: 29px; height: 20px; background-position: -129px -128px;
    &-blue{width: 29px; height: 20px;background-position: -125px -84px;}
  }
  &-cross{width: 12px; height: 12px; background-position: -1px -35px}
  &-date{width: 14px; height: 15px; background-position: -93px -82px}
  &-download{width: 15px; height: 15px; background-position: -104px -1px}
  &-download-arrow{width: 16px; height: 15px; background-position: -35px -22px}
  &-error{width: 4px; height: 13px; background-position: -50px -1px}
  &-firefox{width: 32px; height: 34px; background-position: -38px -63px}
  &-ie{width: 31px; height: 34px; background-position: -39px -99px}
  &-pager{width: 16px; height: 7px;
    &-next{background-position: -86px -14px}
    &-prev{background-position: -86px -22px}
  }
  &-pdf{width: 21px; height: 28px; background-position: -105px -18px}
  &-phone{width: 21px; height: 21px; background-position: -130px -106px}
  &-postal{width: 16px; height: 11px; background-position: -1px -49px}
  &-safari{width: 34px; height: 34px; background-position: -1px -99px}
  &-search{width: 18px; height: 18px; background-position: -54px -32px;
    a:hover &{background-position: -36px -39px}
  }
  &-select{width: 10px; height: 6px; background-position: -36px -15px}
  &-share{
    &-big{width: 32px; height: 32px;
      &-fb{background-position: 0 -154px;}
      &-twitter{background-position: -32px -154px;}
      &-linkedin{background-position: -64px -154px;}
      &-google{background-position: -96px -154px;}
    }
    &-small{width: 20px; height: 20px;
      &-fb{background-position: 0 -134px;}
      &-twitter{background-position: -20px -134px;}
      &-linkedin{background-position: -40px -134px;}
      &-google{background-position: -60px -134px;}
    }
  }
  &-tel{width: 15px; height: 15px; background-position: -74px -117px}
  &-video{width: 50px; height: 36px; background-position: -129px -150px}
  &-xls{width: 27px; height: 24px; background-position: -101px -119px}
  &-backspace{width: 38px;height: 29px;background-position: -140px -35px;
    &-mobile {width: 29px;height: 23px;background-position: -157px -66px;}
  }
}


//Page contact
.ico-contact{
  width: 44px;height: 44px;
  &.client{
    background: url('@{img}/s_site.svg') no-repeat 0 -706px transparent;margin: 0 10px 0 0;
    .lt-ie9 &{margin-right: 10px}
    .no-svg &{background-image: url('@{img}/s_site.png');}
  }
  &.agences{background-position:  0px -556px}
  &.question{background-position: 0px -631px}
}



//Picto
.customtag-picto {
  background-image: url('@{img}/check.png');background-repeat: no-repeat;width: 27px;height: 24px;display: inline-block;  margin: 0px auto; position: relative; top: 7px;

  &.plus {background: url("@{img}/black_btn.png");display: block;height: 22px;margin: 10px auto 0;width: 22px;}
  &.check-grey {background-position: 0 -48px;}
  &.check-yellow {background-position: 0 -72px;}
  &.check-black {background-position: 0 -24px;}
}