@media screen and (min-width: 1170px) {
#carte {
position: relative;
height: 600px;
margin-left: 50px;
}
#carte img {
max-width: 100% !important; 
}
#vide {
position: absolute; 
left: 0px; 
top: 0 px; 
} 
#zone1{
position: absolute; 
left: 375px; 
top: 87px; 
}
#zone2{
position: absolute; 
left: 252px; 
top: 76px; 
}
#zone3{
position: absolute; 
left: 119px; 
top: 77px; 
}
#zone4{
position: absolute; 
left: 104px; 
top: 147px; 
}
#zone5{
position: absolute; 
left: 88px; 
top: 134px; 
}
#zone6{
position: absolute; 
left: 6px; 
top: 122px; 
}
#zone7{
position: absolute; 
left: 124px; 
top: 225px; 
z-index: 100;
}
#zone8 {
    left: 303px;
    position: absolute;
    top: 216px;
}
#zone9 {
    left: 356px;
    position: absolute;
    top: 336px;
}
#zone10 {
    left: 182px;
    position: absolute;
    top: 264px;
	z-index: 150;
}
#zone11 {
    left: 211px;
    position: absolute;
    top: 346px;
	z-index: 200;
}
#zone12 {
    left: 109px;
    position: absolute;
    top: 312px;
}
#zone13 {
    left: 197px;
    position: absolute;
    top: 379px;
}
#belgique {
    left: 417px;
    position: absolute;
    top: 54px;
}
#suisse {
    left: 466px;
    position: absolute;
    top: 238px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1169px) {
#carte {
max-width: 100%;
position: relative;
height: 600px;
margin-left: 50px;
}
#carte img {
max-width: 100% !important; 
}
#vide {
position: relative; 
width: 100%;
height: 100%;
}
#zone1{
position: relative; 
width: 25%;
height: 23%;
top: -89%;
left: 74%;
}
#zone2{
position: relative; 
width: 32%;
height: 33%; 
top: -113%;
left: 50%;
}
#zone3{
position: relative; 
width: 22%;
height: 18%; 
top: -146%;
left: 24%;
}
#zone4{
position: relative; 
width: 40%;
height: 24%;
top: -155%;
left: 21%;
}
#zone5{
position: relative; 
width: 13%;
height: 21%; 
top: -181%;
left: 18%;
}
#zone6{
position: relative; 
width: 23%;
height: 17%;
top: -203%;
left: 2%;
}
#zone7{
position: relative; 
width: 22%;
height: 22%;
top: -207%;
left: 25%;
z-index: 100;
}
#zone8 {
position: relative; 
width: 34%;
height: 34%;
top: -230%;
left: 60%;

}
#zone9 {
position: relative; 
width: 28%;
height: 39%;
top: -249%;
left: 70%;

}
#zone10 {
position: relative; 
width: 22%;
height: 21%;
top: -297%;
left: 36%;
z-index: 150;
}
#zone11 {
position: relative; 
width: 23%;
height: 17%;
top: -307%;
left: 41%;
z-index: 200;
}
#zone12 {
position: relative; 
width: 28%;
height: 33%;
top: -329%;
left: 22%;

}
#zone13 {
position: relative; 
width: 37%;
height: 24%;
top: -353%;
left: 39%;
}
#belgique {
position: relative; 
width: 37%;
height: 24%;
top: -425%;
left: 71%;
}
#suisse {
position: relative; 
width: 37%;
height: 24%;
top: -420%;
left: 88%;
}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
#carte {
max-width: 100%;
position: relative;
height: 600px;
margin-left: 50px;
}
#carte img {
max-width: 100% !important; 
}
#vide {
position: relative; 
width: 100%;
height: 100%;
}
#zone1{
position: relative; 
width: 25%;
height: 23%;
top: -89%;
left: 74%;
}
#zone2{
position: relative; 
width: 33%;
height: 33%; 
top: -113%;
left: 50%;
}
#zone3{
position: relative; 
width: 22%;
height: 18%; 
top: -146%;
left: 23%;
}
#zone4{
position: relative; 
width: 40%;
height: 24%;
top: -155%;
left: 21%;
}
#zone5{
position: relative; 
width: 13%;
height: 21%; 
top: -181%;
left: 18%;
}
#zone6{
position: relative; 
width: 23%;
height: 17%;
top: -203%;
left: 2%;
}
#zone7{
position: relative; 
width: 22%;
height: 22%;
top: -207%;
left: 25%;
z-index: 100;
}
#zone8 {
position: relative; 
width: 34%;
height: 34%;
top: -230%;
left: 60%;

}
#zone9 {
position: relative; 
width: 28%;
height: 39%;
top: -249%;
left: 69%;

}
#zone10 {
position: relative; 
width: 21%;
height: 21%;
top: -297%;
left: 37%;
z-index: 150;
}
#zone11 {
position: relative; 
width: 23%;
height: 17%;
top: -308%;
left: 41%;
z-index: 200;
}
#zone12 {
position: relative; 
width: 28%;
height: 33%;
top: -329%;
left: 22%;

}
#zone13 {
position: relative; 
width: 37%;
height: 24%;
top: -354%;
left: 39%;
}
#belgique {
position: relative; 
width: 37%;
height: 24%;
top: -425%;
left: 71%;
}
#suisse {
position: relative; 
width: 37%;
height: 24%;
top: -420%;
left: 88%;
}
}

@media screen and (min-width: 480px) and (max-width: 767px){
#carte {
max-width: 100%;
position: relative;
height: 600px;
margin-left: 50px;
}
#carte img {
max-width: 100% !important; 
}
#vide {
position: relative; 
width: 100%;
height: 100%;
}
#zone1{
position: relative; 
width: 25%;
height: 23%;
top: -92%;
left: 74%;
}
#zone2{
position: relative; 
width: 33%;
height: 33%; 
top: -116%;
left: 50%;
}
#zone3{
position: relative; 
width: 22%;
height: 18%; 
top: -148%;
left: 24%;
}
#zone4{
position: relative; 
width: 40%;
height: 24%;
top: -160%;
left: 21%;
}
#zone5{
position: relative; 
width: 13%;
height: 21%; 
top: -185%;
left: 18%;
}
#zone6{
position: relative; 
width: 23%;
height: 17%;
top: -207%;
left: 2%;
}
#zone7{
position: relative; 
width: 22%;
height: 22%;
top: -207%;
left: 25%;
z-index: 100;
}
#zone8 {
position: relative; 
width: 34%;
height: 34%;
top: -230%;
left: 60%;

}
#zone9 {
position: relative; 
width: 28%;
height: 39%;
top: -249%;
left: 69%;

}
#zone10 {
position: relative; 
width: 21%;
height: 21%;
top: -297%;
left: 37%;
z-index: 150;
}
#zone11 {
position: relative; 
width: 23%;
height: 17%;
top: -308%;
left: 41%;
z-index: 200;
}
#zone12 {
position: relative; 
width: 28%;
height: 33%;
top: -329%;
left: 22%;

}
#zone13 {
position: relative; 
width: 37%;
height: 24%;
top: -354%;
left: 39%;
}
#belgique {
position: relative; 
width: 37%;
height: 24%;
top: -425%;
left: 71%;
}
#suisse {
position: relative; 
width: 37%;
height: 24%;
top: -420%;
left: 88%;
}
}


@media screen and (min-width: 321px) and (max-width : 479px){
    
#carte {
position: relative;
height: 600px;
margin-left: 50px;
}
#carte img {
max-width: 100% !important; 
}
#vide {
position: absolute; 
left: 0px; 
top: 0 px; 
}
#zone1{
position: absolute; 
left: 375px; 
top: 87px; 
}
#zone2{
position: absolute; 
left: 252px; 
top: 76px; 
}
#zone3{
position: absolute; 
left: 119px; 
top: 77px; 
}
#zone4{
position: absolute; 
left: 104px; 
top: 147px; 
}
#zone5{
position: absolute; 
left: 88px; 
top: 134px; 
}
#zone6{
position: absolute; 
left: 6px; 
top: 122px; 
}
#zone7{
position: absolute; 
left: 124px; 
top: 225px; 
z-index: 100;
}
#zone8 {
    left: 303px;
    position: absolute;
    top: 216px;
}
#zone9 {
    left: 356px;
    position: absolute;
    top: 336px;
}
#zone10 {
    left: 182px;
    position: absolute;
    top: 264px;
    z-index: 150;
}
#zone11 {
    left: 211px;
    position: absolute;
    top: 346px;
    z-index: 200;
}
#zone12 {
    left: 103px;
    position: absolute;
    top: 313px;
}
#zone13 {
    left: 197px;
    position: absolute;
    top: 379px;
}
#belgique {
    left: 417px;
    position: absolute;
    top: 54px;
}
#suisse {
    left: 466px;
    position: absolute;
    top: 238px;
}
    }


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

#carte {
position: relative;
height: 600px;
margin-left: 50px;
}
#carte img {
max-width: 100% !important; 
}
#vide {
position: absolute; 
left: 0px; 
top: 0 px; 
}
#zone1{
position: absolute; 
left: 375px; 
top: 87px; 
}
#zone2{
position: absolute; 
left: 252px; 
top: 76px; 
}
#zone3{
position: absolute; 
left: 119px; 
top: 77px; 
}
#zone4{
position: absolute; 
left: 104px; 
top: 147px; 
}
#zone5{
position: absolute; 
left: 88px; 
top: 134px; 
}
#zone6{
position: absolute; 
left: 6px; 
top: 122px; 
}
#zone7{
position: absolute; 
left: 124px; 
top: 225px; 
z-index: 100;
}
#zone8 {
    left: 303px;
    position: absolute;
    top: 216px;
}
#zone9 {
    left: 356px;
    position: absolute;
    top: 336px;
}
#zone10 {
    left: 182px;
    position: absolute;
    top: 264px;
    z-index: 150;
}
#zone11 {
    left: 211px;
    position: absolute;
    top: 346px;
    z-index: 200;
}
#zone12 {
    left: 103px;
    position: absolute;
    top: 313px;
}
#zone13 {
    left: 197px;
    position: absolute;
    top: 379px;
}
#belgique {
    left: 417px;
    position: absolute;
    top: 54px;
}
#suisse {
    left: 466px;
    position: absolute;
    top: 238px;
}

    }