@font-face {
    font-family: 'Pluto-Cond-Light';
    src: url(../fonts/PlutoCondLight.otf);
}

.sprite {
    background-image: url('../images/carte.png');
    background-repeat: no-repeat;
    display: block;
}

.content-commune .sprite {
    background-image: url('../images/carte_blue.png');
}

.sprite-carte {
    width: 393px;
    height: 397px;
}

.sprite-carte-1 {
    width: 393px;
    height: 397px;
    background-position: -403px 0px;
}

.sprite-carte-10 {
    width: 393px;
    height: 397px;
    background-position: -806px 0px;
}

.sprite-carte-11 {
    width: 393px;
    height: 397px;
    background-position: -1209px 0px;
}

.sprite-carte-12 {
    width: 393px;
    height: 397px;
    background-position: -1612px 0px;
}

.sprite-carte-13 {
    width: 393px;
    height: 397px;
    background-position: -2015px 0px;
}

.sprite-carte-14 {
    width: 393px;
    height: 397px;
    background-position: -2418px 0px;
}

.sprite-carte-15 {
    width: 393px;
    height: 397px;
    background-position: 0px -407px;
}

.sprite-carte-16 {
    width: 393px;
    height: 397px;
    background-position: -403px -407px;
}

.sprite-carte-17 {
    width: 393px;
    height: 397px;
    background-position: -806px -407px;
}

.sprite-carte-18 {
    width: 393px;
    height: 397px;
    background-position: -1209px -407px;
}

.sprite-carte-19 {
    width: 393px;
    height: 397px;
    background-position: -1612px -407px;
}

.sprite-carte-2 {
    width: 393px;
    height: 397px;
    background-position: -2015px -407px;
}

.sprite-carte-20 {
    width: 393px;
    height: 397px;
    background-position: -2418px -407px;
}

.sprite-carte-21 {
    width: 393px;
    height: 397px;
    background-position: 0px -814px;
}

.sprite-carte-22 {
    width: 393px;
    height: 397px;
    background-position: -403px -814px;
}

.sprite-carte-23 {
    width: 393px;
    height: 397px;
    background-position: -806px -814px;
}

.sprite-carte-24 {
    width: 393px;
    height: 397px;
    background-position: -1209px -814px;
}

.sprite-carte-25 {
    width: 393px;
    height: 397px;
    background-position: -1612px -814px;
}

.sprite-carte-26 {
    width: 393px;
    height: 397px;
    background-position: -2015px -814px;
}

.sprite-carte-27 {
    width: 393px;
    height: 397px;
    background-position: -2418px -814px;
}

.sprite-carte-28 {
    width: 393px;
    height: 397px;
    background-position: 0px -1221px;
}

.sprite-carte-29 {
    width: 393px;
    height: 397px;
    background-position: -403px -1221px;
}

.sprite-carte-3 {
    width: 393px;
    height: 397px;
    background-position: -806px -1221px;
}

.sprite-carte-30 {
    width: 393px;
    height: 397px;
    background-position: -1209px -1221px;
}

.sprite-carte-31 {
    width: 393px;
    height: 397px;
    background-position: -1612px -1221px;
}

.sprite-carte-32 {
    width: 393px;
    height: 397px;
    background-position: -2015px -1221px;
}

.sprite-carte-33 {
    width: 393px;
    height: 397px;
    background-position: -2418px -1221px;
}

.sprite-carte-34 {
    width: 393px;
    height: 397px;
    background-position: 0px -1628px;
}

.sprite-carte-35 {
    width: 393px;
    height: 397px;
    background-position: -403px -1628px;
}

.sprite-carte-36 {
    width: 393px;
    height: 397px;
    background-position: -806px -1628px;
}

.sprite-carte-37 {
    width: 393px;
    height: 397px;
    background-position: -1209px -1628px;
}

.sprite-carte-38 {
    width: 393px;
    height: 397px;
    background-position: -1612px -1628px;
}

.sprite-carte-39 {
    width: 393px;
    height: 397px;
    background-position: -2015px -1628px;
}

.sprite-carte-4 {
    width: 393px;
    height: 397px;
    background-position: -2418px -1628px;
}

.sprite-carte-40 {
    width: 393px;
    height: 397px;
    background-position: 0px -2035px;
}

.sprite-carte-41 {
    width: 393px;
    height: 397px;
    background-position: -403px -2035px;
}

.sprite-carte-42 {
    width: 393px;
    height: 397px;
    background-position: -806px -2035px;
}

.sprite-carte-43 {
    width: 393px;
    height: 397px;
    background-position: -1209px -2035px;
}

.sprite-carte-44 {
    width: 393px;
    height: 397px;
    background-position: -1612px -2035px;
}

.sprite-carte-45 {
    width: 393px;
    height: 397px;
    background-position: -2015px -2035px;
}

.sprite-carte-46 {
    width: 393px;
    height: 397px;
    background-position: -2418px -2035px;
}

.sprite-carte-47 {
    width: 393px;
    height: 397px;
    background-position: 0px -2442px;
}

.sprite-carte-48 {
    width: 393px;
    height: 397px;
    background-position: -403px -2442px;
}

.sprite-carte-49 {
    width: 393px;
    height: 397px;
    background-position: -806px -2442px;
}

.sprite-carte-5 {
    width: 393px;
    height: 397px;
    background-position: -1209px -2442px;
}

.sprite-carte-50 {
    width: 393px;
    height: 397px;
    background-position: -1612px -2442px;
}

.sprite-carte-51 {
    width: 393px;
    height: 397px;
    background-position: -2015px -2442px;
}

.sprite-carte-52 {
    width: 393px;
    height: 397px;
    background-position: -2418px -2442px;
}

.sprite-carte-53 {
    width: 393px;
    height: 397px;
    background-position: -2821px 0px;
}

.sprite-carte-54 {
    width: 393px;
    height: 397px;
    background-position: -2821px -407px;
}

.sprite-carte-6 {
    width: 393px;
    height: 397px;
    background-position: -2821px -814px;
}

.sprite-carte-7 {
    width: 393px;
    height: 397px;
    background-position: -2821px -1221px;
}

.sprite-carte-8 {
    width: 393px;
    height: 397px;
    background-position: -2821px -1628px;
}

.sprite-carte-9 {
    width: 393px;
    height: 397px;
    background-position: -2821px -2035px;
}

#tooltip-commune {
    background: white;
    box-shadow: -2px -1px 3px 0 #999;
    border-radius: 5px;
    color: #000;
    font-size: 0.8em;
    height: 30px;
    width: 150px;
    padding: 8px 10px 0;
    display:none;
    position:fixed;
    text-align: center;
}
#tooltip-commune:after {
    content:"";
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 69px;
    top: 30px;

}
.map-commune #commune {
    color: #4176BA;
    border-bottom: 1px solid #4176BA;
    margin-bottom: 30px;
}
#commune {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    width: 100%;
    font-family: 'Pluto-Cond-Light';
    color: white;
}

#commune option {
    color: #000;
}


map area {
    outline: none;
}