@import url(../default.css); .contenu-carte {
    float: left;
    margin-right: 4%;
    width: 69%;
} .contenu-carte .description {
    color: #C60;
    margin-bottom: 6px;
} .carte {
    float: left;
    margin-right: 4%;
    width: 100%;
} .carte ul {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 640px;
    height: 378px;
    background: url("image/carte.gif") no-repeat;
}

/** LA BALISE A **
 * ------------- *
 * La balise A va nous permettre de définir les attributs communs à chaque élément du menu
 */ .carte ul a {
    /* La balise est déclarée en position "absolute" afin de pouvoir positionner nos elements
     * de menu au pixel près à l'interieur de la balise UL.
     */
    position: absolute;
    /* En temps normal, la balise A est une balise "inline". Pour les besoin de ce menu, nous
     * la transformons en balise "block"
     */
    display: block;
    /* Quoi qu'il arrive, les balises A auront toutes une hauteur de base de 16px et une largeur de base de 14px
     * NOTE : Cette hauteur dépend de l'image de fond qui sera utilisée.
     */
    width: 14px;
    height: 16px;
    /* On supprime le soulignement par défaut des liens */
    text-decoration: none;
    /* On definie les valeurs typographiques du texte de la balise */
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #E59732;
}

/** LA PSEUDO-CLASS :hover va nous permettre de définir les attributs communs à chaque balise A
 * survolée par la souris
 * NOTE : IE comprend la pseudo-class :hover uniquement lorsqu'elle est appliquée a la balise A
 */ .carte ul a:hover {
    /* On redéfinie les attributs de la police typographique */
    font-size: 9px;
    color: #FFFF9E;
    /* On modifie la largeur et la hauteur de la balise
     * NOTE : Cette largeur dépend de l'image de fond utilisée.
     */
    width: 200px;
    height: 129px;
} #ange-gardien {
    top: 127px;
    left: 392px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #ange-gardien:hover {
    top: 14px;
    left: 206px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/cote-de-beaupre/ange-gardien/image/carte.jpg") no-repeat;
} #anse-a-gagnon {
    top: 255px;
    left: 145px;
    padding: 0px 0px 0px 0px;
    background: url("image/oiseau-ouest.gif") no-repeat;
} #anse-a-gagnon:hover {
    top: 142px;
    left: -10px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/anse-a-gagnon/image/carte.jpg") no-repeat;
} #anse-aux-canots {
    top: 176px;
    left: 356px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #anse-aux-canots:hover {
    top: 63px;
    left: 170px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/sainte-petronille/anse-aux-canots/image/carte.jpg") no-repeat;
} #anse-benson {
    top: 242px;
    left: 278px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #anse-benson:hover {
    top: 242px;
    left: 278px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-est/anse-benson/image/carte.jpg") no-repeat;
} #anse-du-fort {
    top: 175px;
    left: 370px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #anse-du-fort:hover {
    top: 62px;
    left: 184px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/sainte-petronille/anse-du-fort/image/carte.jpg") no-repeat;
} #anse-gilmour {
    top: 193px;
    left: 352px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #anse-gilmour:hover {
    top: 193px;
    left: 352px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/desjardins/anse-gilmour/image/carte.jpg") no-repeat;
} #anse-gingras {
    top: 254px;
    left: 236px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #anse-gingras:hover {
    top: 141px;
    left: 50px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-ouest/anse-gingras/image/carte.jpg") no-repeat;
} #anse-ross {
    top: 273px;
    left: 182px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #anse-ross:hover {
    top: 273px;
    left: 182px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-ouest/anse-ross/image/carte.jpg") no-repeat;
} #anse-tibbits {
    top: 220px;
    left: 303px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #anse-tibbits:hover {
    top: 220px;
    left: 303px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-est/anse-tibbits/image/carte.jpg") no-repeat;
} #baie-de-beauport {
    top: 186px;
    left: 310px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #baie-de-beauport:hover {
    top: 73px;
    left: 124px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/baie-de-beauport/image/carte.jpg") no-repeat;
} #barrage-cyrille-delage {
    top: 134px;
    left: 194px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #barrage-cyrille-delage:hover {
    top: 21px;
    left: 10px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/saint-charles/barrage-cyrille-delage/image/carte.jpg") no-repeat;
} #beaupre {
    top: 38px;
    left: 529px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #beaupre:hover {
    top: -10px;
    left: 343px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/cote-de-beaupre/beaupre/image/carte.jpg") no-repeat;
} #boischatel {
    top: 139px;
    left: 369px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #boischatel:hover {
    top: 26px;
    left: 183px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/cote-de-beaupre/boischatel/image/carte.jpg") no-repeat;
} #boulevard-de-la-colline {
    top: 155px;
    left: 186px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #boulevard-de-la-colline:hover {
    top: 42px;
    left: 10px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/saint-charles/boulevard-de-la-colline/image/carte.jpg") no-repeat;
} #chateau-richer {
    top: 91px;
    left: 436px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #chateau-richer:hover {
    top: -10px;
    left: 250px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/cote-de-beaupre/chateau-richer/image/carte.jpg") no-repeat;
} #chemin-des-pluviers {
    top: 263px;
    left: 219px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #chemin-des-pluviers:hover {
    top: 263px;
    left: 219px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-ouest/chemin-des-pluviers/image/carte.jpg") no-repeat;
} #chemin-du-quai {
    top: 272px;
    left: 197px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #chemin-du-quai:hover {
    top: 272px;
    left: 197px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-ouest/chemin-du-quai/image/carte.jpg") no-repeat;
} #chute-montmorency {
    top: 148px;
    left: 352px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #chute-montmorency:hover {
    top: 35px;
    left: 166px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/chute-montmorency/image/carte.jpg") no-repeat;
} #cote-de-leglise {
    top: 305px;
    left: 53px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #cote-de-leglise:hover {
    top: 305px;
    left: 53px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/lotbiniere/saint-antoine-de-tilly/cote-de-leglise/image/carte.jpg") no-repeat;
} #cote-des-pionniers {
    top: 190px;
    left: 417px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #cote-des-pionniers:hover {
    top: 190px;
    left: 417px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/bellechasse/beaumont/cote-des-pionniers/image/carte.jpg") no-repeat;
} #greve-jolliet {
    top: 193px;
    left: 328px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #greve-jolliet:hover {
    top: 80px;
    left: 142px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/desjardins/greve-jolliet/image/carte.jpg") no-repeat;
} #ile-au-ruau {
    top: 60px;
    left: 625px;
    padding: 0px 0px 0px 0px;
    background: url("image/oiseau-est.gif") no-repeat;
} #ile-au-ruau:hover {
    top: -10px;
    left: 450px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/saint-francois/ile-au-ruau/image/carte.jpg") no-repeat;
} #marais-du-nord {
    top: 104px;
    left: 183px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #marais-du-nord:hover {
    top: 10px;
    left: 10px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/jacques-cartier/saint-charles/marais-du-nord/image/carte.jpg") no-repeat;
} #marina-de-la-chaudiere {
    top: 251px;
    left: 261px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #marina-de-la-chaudiere:hover {
    top: 251px;
    left: 261px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-est/marina-de-la-chaudiere/image/carte.jpg") no-repeat;
} #marina-de-saint-michel-de-bellechasse {
    top: 157px;
    left: 509px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #marina-de-saint-michel-de-bellechasse:hover {
    top: 157px;
    left: 450px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/bellechasse/saint-michel-de-bellechasse/marina/image/carte.jpg") no-repeat;
} #marina-du-havre {
    top: 117px;
    left: 620px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #marina-du-havre:hover {
    top: 117px;
    left: 450px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/montmagny/berthier-sur-mer/havre/image/carte.jpg") no-repeat;
} #parc-de-lanse-a-cartier {
    top: 198px;
    left: 274px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #parc-de-lanse-a-cartier:hover {
    top: 85px;
    left: 88px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/saint-charles/anse-a-cartier/image/carte.jpg") no-repeat;
} #parc-de-la-jetee {
    top: 229px;
    left: 269px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #parc-de-la-jetee:hover {
    top: 116px;
    left: 83px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/parc-de-la-jetee/image/carte.jpg") no-repeat;
} #parc-maritime-de-saint-laurent {
    top: 167px;
    left: 428px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #parc-maritime-de-saint-laurent:hover {
    top: 54px;
    left: 242px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/saint-laurent/parc-maritime/image/carte.jpg") no-repeat;
} #parc-nautique-de-cap-rouge {
    top: 246px;
    left: 214px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #parc-nautique-de-cap-rouge:hover {
    top: 133px;
    left: 28px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/parc-nautique-de-cap-rouge/image/carte.jpg") no-repeat;
} #parc-nautique-de-la-pointe-aux-trembles {
    top: 277px;
    left: 59px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #parc-nautique-de-la-pointe-aux-trembles:hover {
    top: 164px;
    left: 59px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/portneuf/neuville/parc-nautique-de-la-pointe-aux-trembles/image/carte.jpg") no-repeat;
} #plage-de-saint-vallier {
    top: 144px;
    left: 565px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #plage-de-saint-vallier:hover {
    top: 144px;
    left: 450px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/bellechasse/saint-vallier/plage/image/carte.jpg") no-repeat;
} #pointe-argentenay {
    top: 55px;
    left: 588px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #pointe-argentenay:hover {
    top: -10px;
    left: 402px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/saint-francois/pointe-argentenay/image/carte.jpg") no-repeat;
} #pointe-aubin {
    top: 290px;
    left: 101px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #pointe-aubin:hover {
    top: 290px;
    left: 101px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/lotbiniere/saint-antoine-de-tilly/pointe-aubin/image/carte.jpg") no-repeat;
} #quai-de-saint-antoine-de-tilly {
    top: 312px;
    left: 21px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #quai-de-saint-antoine-de-tilly:hover {
    top: 312px;
    left: -10px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/lotbiniere/saint-antoine-de-tilly/quai/image/carte.jpg") no-repeat;
} #quai-des-cageux {
    top: 238px;
    left: 252px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #quai-des-cageux:hover {
    top: 125px;
    left: 66px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/quebec/quai-des-cageux/image/carte.jpg") no-repeat;
} #rue-cote {
    top: 281px;
    left: 45px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #rue-cote:hover {
    top: 168px;
    left: 45px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/portneuf/neuville/rue-cote/image/carte.jpg") no-repeat;
} #rue-des-sarcelles {
    top: 280px;
    left: 25px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #rue-des-sarcelles:hover {
    top: 167px;
    left: -10px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/portneuf/neuville/rue-des-sarcelles/image/carte.jpg") no-repeat;
} #rue-horatio-walker {
    top: 174px;
    left: 342px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #rue-horatio-walker:hover {
    top: 61px;
    left: 156px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/sainte-petronille/rue-horatio-walker/image/carte.jpg") no-repeat;
} #saint-jean {
    top: 125px;
    left: 523px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #saint-jean:hover {
    top: 12px;
    left: 337px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/saint-jean/image/carte.jpg") no-repeat;
} #saint-joachim {
    top: 10px;
    left: 612px;
    padding: 0px 0px 0px 0px;
    background: url("image/oiseau-ouest.gif") no-repeat;
} #saint-joachim:hover {
    top: -10px;
    left: 425px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/cote-de-beaupre/saint-joachim-de-montmorency/image/carte.jpg") no-repeat;
} #sainte-anne-de-beaupre {
    top: 50px;
    left: 509px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #sainte-anne-de-beaupre:hover {
    top: -10px;
    left: 323px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/cote-de-beaupre/sainte-anne-de-beaupre/image/carte.jpg") no-repeat;
} #sainte-famille {
    top: 86px;
    left: 476px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #sainte-famille:hover {
    top: -10px;
    left: 290px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/sainte-famille/image/carte.jpg") no-repeat;
} #sainte-jeanne-darc {
    top: 216px;
    left: 317px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #sainte-jeanne-darc:hover {
    top: 216px;
    left: 317px;
    padding: 0px 0px 0px 0px;
    background: url("chaudiere-appalaches/levis/chutes-de-la-chaudiere-est/sainte-jeanne-darc/image/carte.jpg") no-repeat;
} #sentier-de-lestran {
    top: 269px;
    left: 82px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #sentier-de-lestran:hover {
    top: 156px;
    left: 82px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/portneuf/neuville/sentier-de-lestran/image/carte.jpg") no-repeat;
} #terminal-maritime-de-saint-francois {
    top: 66px;
    left: 571px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-est.gif") no-repeat;
} #terminal-maritime-de-saint-francois:hover {
    top: -10px;
    left: 385px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/saint-francois/terminal-maritime/image/carte.jpg") no-repeat;
} #terminal-maritime-de-saint-laurent {
    top: 166px;
    left: 447px;
    padding: 0px 0px 0px 0px;
    background: url("image/favorite-ouest.gif") no-repeat;
} #terminal-maritime-de-saint-laurent:hover {
    top: 53px;
    left: 261px;
    padding: 0px 0px 0px 0px;
    background: url("capitale-nationale/ile-dorleans/saint-laurent/terminal-maritime/image/carte.jpg") no-repeat;
}