/* rollover.css */
#m-east {
position: relative;
width: 695px;
height: 282px;
background: #565045 url(../images/middle-east.gif) no-repeat;
margin: 2em auto;
padding: 0;
float:right;
}
#m-east li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#m-east a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:default;
}
/*#tropez {left: 1px; top: 420px; width: 10px; height: 10px; z-index: 10;}*/
#grimaud {left: 17px; top:176px; width: 60px; height: 20px; z-index: 10; cursor: auto}
#maxime {left: 46px; top: 157px; width: 73px; height: 18px;}
#tropez{left: 28px; top: 206px; width: 65px; height: 22px;}
#frejus{left: 110px; top: 142px; width: 52px; height:25px;}
#raphael{left: 131px; top: 118px; width:75px; height: 18px;}
#theoule{left: 274px; top: 127px; width: 60px; height: 34px;}
#grasse{left: 292px; top: 11px; width: 60px; height: 14px;}
#vence{left: 459px; top: 8px; width: 50px; height: 14px;}
#opio{left: 351px; top:29px; width: 50px; height: 16px;}
#paul{left: 440px; top:32px; width: 70px; height: 16px;}
#valbonne{left: 305px; top:46px; width: 70px; height: 16px;}
#mougins{left: 298px; top:65px; width: 70px; height: 16px;}
#mandelieu{left: 257px; top:93px; width: 75px; height: 16px; z-index: 10; }
#cannes{left: 314px; top:94px; width: 50px; height: 32px;}
#biot{left: 371px; top:75px; width: 50px; height: 24px;}
#antibes{left: 371px; top:105px; width: 50px; height: 18px;}
#cagnes{left: 432px; top:64px; width: 50px; height: 25px;}
#menton{left: 619px; top:66px; width: 50px; height: 22px;}
#monaco{left: 570px; top:77px; width: 50px; height: 25px;}
#nice{left: 489px; top:82px; width: 50px; height: 25px;}
#beaulieu{left: 548px; top:60px; width: 55px; height: 25px;}
#ville{left: 464px; top:65px; width: 80px; height: 25px; z-index: 10;}
#capferrat{left: 513px; top:95px; width: 80px; height: 25px; z-index: 10;}


#grimaud a {height:20px; cursor:auto}
#maxime a {height: 18px;}
#tropez a {height: 22px;}
#frejus a{height: 25px;}
#raphael a{height: 18px;}
#theoule a{height: 34px;}
#grasse a{height: 14px;}
#vence a{height: 14px;}
#opio a{height: 16px;}
#paul a{height: 16px;}
#valbonne a{height: 16px;}
#mougins a{height: 16px;}
#mandelieu a{height: 16px;}
#cannes a{height: 32px;}
#biot a{height: 24px;}
#antibes a{height: 18px;}
#cagnes a{height: 22px;}
#menton a{height: 22px;}
#monaco a{height: 25px;}
#nice a{height: 25px;}
#beaulieu a{height: 25px;}
#ville a{height: 25px;}
#capferrat a{height: 25px;}


#grimaud a:hover,
#maxime a:hover, #tropez a:hover, #frejus a:hover, #raphael a:hover, #theoule a:hover, #grasse a:hover, #vence a:hover, #opio a:hover
, #paul a:hover, #valbonne a:hover, #mougins a:hover, #mandelieu a:hover, #cannes a:hover, #biot a:hover, #antibes a:hover
, #cagnes a:hover, #menton a:hover, #monaco a:hover, #nice a:hover, #beaulieu a:hover, #ville a:hover, #capferrat a:hover{background: url(../images/middle-east.gif); background-repeat:no-repeat;}


#grimaud a:hover {background-position:-17px -458px; cursor: pointer}
#maxime a:hover {background-position:-46px -439px; cursor: pointer}
#tropez a:hover {background-position:-28px -488px; cursor: pointer}
#frejus a:hover{background-position:-110px -424px; cursor: pointer}
#raphael a:hover{background-position:-131px -400px; cursor: pointer}
#theoule a:hover{background-position:-275px -501px; cursor: pointer}
#grasse a:hover{background-position:-292px -293px; cursor: pointer}
#vence a:hover{background-position:-459px -290px; cursor: pointer}
#opio a:hover{background-position:-351px -311px; cursor: pointer}
#paul a:hover{background-position:-440px -314px; cursor: pointer}
#valbonne a:hover{background-position:-305px -328px; cursor: pointer}
#mougins a:hover{background-position:-298px -347px; cursor: pointer}
#mandelieu a:hover{background-position:-257px -375px; cursor: pointer}
#cannes a:hover{background-position:-314px -406px; cursor: pointer}
#biot a:hover{background-position:-371px -357px; cursor: pointer}
#antibes a:hover{background-position:-371px -387px; cursor: pointer}
#cagnes a:hover{background-position:-433px -527px; cursor: pointer}
#menton a:hover{background-position:-619px -348px; cursor: pointer}
#monaco a:hover{background-position:-570px -359px; cursor: pointer}
#nice a:hover{background-position:-489px -364px; cursor: pointer}
#beaulieu a:hover{background-position:-548px -342px; cursor: pointer}
#ville a:hover{background-position:-464px -456px; cursor: pointer}
#capferrat a:hover{background-position:-513px -404px; cursor: pointer}