.icon {
    display: inline-block;
}

.icon-svg {
    vertical-align: middle;
    svg {
        display: block;
        height: 100%;
        width: 100%;
    }
}

.geolocation-outline {
    width: 25px;
    height: 39px;
    vertical-align: middle;
    background: url(../img/svg/icon-geolocation-outline.svg) no-repeat;
}

.geolocation-golden-outline {
    width: 25px;
    height: 39px;
    vertical-align: middle;
    background: url(../img/svg/icon-geolocation-golden-outline.svg) no-repeat;
}

.geolocation-full {
    width: 25px;
    height: 39px;
    vertical-align: middle;
    background: url(../img/svg/icon-geolocation.svg) no-repeat;
}

.icon-cards {
    width: 41px;
    height: 34px;
    vertical-align: middle;
    background: url(../img/svg/icon-cards.svg) no-repeat;

    &.xl {
        width: 82px;
        height: 68px;
    }

}

.icon-users {
    width: 41px;
    height: 34px;
    vertical-align: middle;
    background: url(../img/svg/icon-users.svg) no-repeat;

    &.xl {
        width: 82px;
        height: 68px;
    }

}

.icon-des {
    width: 41px;
    height: 34px;
    vertical-align: middle;
    background: url(../img/svg/icon-des.svg) no-repeat;

    &.xl {
        width: 82px;
        height: 68px;
    }

}

.icon-wheel {
    width: 41px;
    height: 34px;
    vertical-align: middle;
    background: url(../img/svg/icon-wheel.svg) no-repeat;

    &.xl {
        width: 82px;
        height: 68px;
    }

}

.icon-mas {
    width: 63px;
    height: 37px;
    vertical-align: middle;
    background: url(../img/svg/icon-mas.svg) no-repeat;
}

.icon-mas {
    width: 63px;
    height: 37px;
    vertical-align: middle;
    background: url(../img/svg/icon-mas.svg) no-repeat;
}

.icon-rouleaux {
    width: 57px;
    height: 54px;
    vertical-align: middle;
    background: url(../img/svg/icon-rouleaux.svg) no-repeat;
}

.icon-poker {
    width: 51px;
    height: 52px;
    vertical-align: middle;
    background: url(../img/svg/icon-poker.svg) no-repeat;
}

.icon-poker-circle {
    width: 37px;
    height: 37px;
    vertical-align: middle;
    background: url(../img/svg/icon-poker-circle.svg) no-repeat;

    &.xl {
        width: 60px;
        height: 60px;
    }

}

@mixin icon-video-player-mixin() {
    width: 70px;
    height: 70px;
    vertical-align: middle;
    background-image: url(../img/svg/icon-play2.svg);
    background-repeat: no-repeat;
}

.icon-video-player {
    @include icon-video-player-mixin();
}


.icon-jeton-locator {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../img/layout/icon-jeton-locator.png) no-repeat;
    background-size: 100%;
}

.icon-spectacle-locator {
    width: 20px;
    height: 19px;
    vertical-align: middle;
    background: url(../img/layout/icon-spectacle-locator.png) no-repeat;
    background-size: 100%;
}

.icon-hotels-locator {
    width: 20px;
    height: 14px;
    vertical-align: middle;
    background: url(../img/layout/icon-hotels-locator.png) no-repeat;
    background-size: 100%;
}

.icon-golf-locator {
    width: 14px;
    height: 17px;
    vertical-align: middle;
    background: url(../img/layout/icon-golf-locator.png) no-repeat;
    background-size: 100%;
}

.icon-spa-locator {
    width: 18px;
    height: 20px;
    vertical-align: middle;
    background: url(../img/layout/icon-spa-locator.png) no-repeat;
    background-size: 100%;
}

/* icons RESTAURANT / BAR */

.icon-to-take-away {
    height: 18px;
    width: 13px;
}

.icon-air-conditioning {
    height: 19px;
    width: 18px;
}

.icon-animals {
    height: 16px;
    width: 17px;
}

.icon-private-lounges {
    height: 18px;
    width: 18px;
}

.icon-children-menu {
    height: 25px;
    width: 10px;
}

.icon-bar {
    height: 19px;
    width: 17px;
}

.icon-payment-card {
    height: 11px;
    width: 17px;
}

.icon-accessibility {
    height: 20px;
    width: 20px;
}

.icon-free-parking {
    height: 16px;
    width: 16px;
}

.icon-sports-performances {
    height: 18px;
    width: 21px;
}

.icon-car-service {
    height: 12px;
    width: 19px;
}

.icon-free-wifi {
    height: 12px;
    width: 16px;
}

.icon-privatized {
    height: 12px;
    width: 20px;
}

.icon-terrace {
    height: 11px;
    width: 21px;
}

.icon-less-of-18 {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background: url(../img/skin/icon-less-of-18.png) no-repeat;
}

.icon-more-18 {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background: url(../img/skin/icon-more-18.png) no-repeat;
}

/* infos pratiques */

.icon-resto {
    height: 19px;
    width: 20px;
}

.icon-plane {
    height: 43px;
    width: 42px;
}

.icon-disco {
    height: 23px;
    width: 28px;
}

.icon-bed {
    height: 18px;
    width: 25px;
}

.icon-group {
    height: 17px;
    width: 29px;
}

.icon-forbidden {
    height: 20px;
    width: 20px;
}

.icon-spa {
    height: 22px;
    width: 22px;
    background: url(../img/skin/icon-spa.png) no-repeat;
}

.icon-golf {
    height: 25px;
    width: 21px;
    background: url(../img/skin/icon-golf.png) no-repeat;
}

.icon-show {
    height: 24px;
    width: 26px;
    background: url(../img/skin/icon-show.png) no-repeat;
}

/* OTHER ICONS */
.icon-phone {
    height: 25px;
    width: 18px;
}

.icon-ball {
    height: 20px;
    width: 20px;
}

.icon-ball2 {
    height: 20px;
    width: 20px;
}

.icon-ball3 {
    height: 20px;
    width: 20px;
}

.icon-tennis-ball {
    height: 20px;
    width: 20px;
}

/* TRANSPORTS */
.icon-car {
    height: 12px;
    width: 19px;
}

.icon-train {
    height: 12px;
    width: 19px;
}

.icon-bus {
    height: 12px;
    width: 19px;
}

.icon-boat {
    height: 12px;
    width: 19px;
}

.icon-plane {
    height: 12px;
    width: 19px;
}
