/* CSS Document */
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;

background-color:#003;
}

#global {
    position:absolute;
    left: 50%;
    width: 994px;
    margin-left: -497px;
    height: 800px;
    border: 1px solid #333333;
background-color:#FFF;
}

h2 {
    position: absolute;
    width:500px;
    z-index: 18;
    top: 308px;
    left: 245px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #00408A;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin-top:0;
}

h3 {
    position: absolute;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    color: #000000;
    text-align: center;
    margin: 0;
    width:500px;
    height:12px;
    z-index: 11;
    left:245px;
    top:735px;
}

h4 {
    position: absolute;
    width:180px;
    z-index: 18;
    top: 280px;
    left: 407px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #00408A;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin-top:0;
    background-color: #FFFFFF;
}

a:link {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight:bold;
}

a:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight:bold;
}

a:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #00408A;
    text-decoration: none;
    font-weight:bold;
}

#liensPrefs a:link {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
    font-weight:bold;
}

#liensPrefs a:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
    font-weight:bold;
}

#liensPrefs a:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
    font-weight:bold;
}

a.sites:link {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-style: italic;
    font-weight:normal;
}

a.sites:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-style: italic;
    font-weight:normal;
}

a.sites:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #00408A;
    text-decoration: none;
    font-style: italic;
    font-weight:normal;
}


a.blanc:link {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
}

a.blanc:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
}

a.blanc:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
}

.justifie {
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #303030;
    font-size: 11px;
    text-align: justify;
    font-weight:normal;
}

.centre {
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #303030;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top:0;
}

a.soustitre {
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #303030;
    font-size: 12px;
    width: 195px;
    left:15px;
    font-weight:bold;
}

a.subtitre {
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #303030;
    font-size: 12px;
    width: 195px;
    left:15px;
    font-style:italic;
}

#lien-pdf {
    position: absolute;
    width:195px;
    height:30px;
    z-index: 19;
    top: 284px;
    left: 20px;
    text-align:center;
    background-image: url(barre.gif);
}

.texte {
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #303030;
    font-size: 12px;
    text-align: left;
}

.justifie {
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #303030;
    font-size: 11px;
    text-align: justify;
    margin-top:0;
}

.header {
    position:absolute;
    left: 0;
    top: 0;
    width: 994px;
    height: 669px;
    z-index: 0;
}

.bt_accueil {
    position:absolute;
    left: 890px;
    top: 0;
    width: 90px;
    height: 23px;
    z-index: 1;
}

#decouvrir {
    position:absolute;
    left: 245px;
    top: 280px;
    width: 500px;
    z-index: 17;
    text-align: center;
    padding-top:0;
}

.central {
    position:absolute;
    left: 245px;
    top: 160px;
    width: 500px;
    z-index: 1;
    text-align: center;
    padding-top:0;
}

.central-milieu {
    position:absolute;
    left: 250px;
    top: 300px;
    width: 500px;
    z-index: 1;
    text-align: center;
}

.central-bas {
    position:absolute;
    left: 245px;
    top: 775px;
    width: 500px;
    z-index: 3;
    text-align: center;
    font-weight: bold;
}

.central-texte-bas {
    position:absolute;
    left: 245px;
    top: 640px;
    width: 500px;
    z-index: 3;
    text-align: center;
}

.central-texte-bas a {
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    color:#303030;
}

#trait {
    position: absolute;
    width:508px;
    height:2px;
    z-index: 1;
    text-align: center;
    top: 287px;
    left: 245px;
}

#infos {
    position: absolute;
    width:507px;
    height:302px;
    z-index: 17;
    top: 853px;
    left: 244px;
}

#bt_entrez {
    position: absolute;
    width:150x;
    height:16px;
    z-index: 2;
    top: 755px;
    left: 458px;
    background-image: url(barre.gif);
    padding-left:20px;
    padding-right:20px;
}

#fd_infosville {
    position: absolute;
    width:994x;
    height:70px;
    z-index: 1;
    top: 730px;
    left: 0;
}

#recherche {
    position: absolute;
    width:502x;
    height:65px;
    z-index: 1;
    top: 780px;
    left: 247px;
}

#guide {
    position: absolute;
    width:195px;
    height:129px;
    z-index: 2;
    top: 155px;
    left: 20px;
}

#sap {
    position: absolute;
    width:195px;
    height:159px;
    z-index: 2;
    top: 155px;
    left: 780px;
}

#pdf-mini {
    position: absolute;
    width:40px;
    height:30px;
    z-index: 19;
    top: 680px;
    left: 20px;
    text-align:center;
}

#photos-44 {
    position: absolute;
    width:195px;
    height:387px;
    z-index: 19;
    top: 328px;
    left: 20px;
}

#demarches {
    position: absolute;
    width:155px;
    height:30px;
    z-index: 19;
    top: 680px;
    left: 60px;
    text-align:center;
    background-image: url(barre.gif);
}

.mot-du-president {
    position:absolute;
    left: 20px;
    top: 155px;
    width: 195px;
    height: 400px;
    z-index: 1;
}

.barre-bleu-mot-du-president{
    position:absolute;
    left: 0;
    top: 20px;
    width: 195px;
    height: 4px;
    z-index: 2;
    background-image: url(barre.gif);
}

.titre-mot-du-president {
    position:absolute;
    left: 0;
    top: 0;
    width: 195px;
    height: 15px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00408A;
    font-size: 13px;
    text-align: left;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    font-weight: bold;
    z-index: 1;
}

.texte-mot-du-president {
    position:absolute;
    left: 10px;
    top: 140px;
    width: 175px;
    height: 400px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    text-align: justify;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    z-index: 11;
}

.nom-mot-du-president {
    position:absolute;
    left: 95px;
    top: 40px;
    width: 90px;
    height: 85px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    text-align: left;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    z-index: 10;
    font-weight:bold;
    vertical-align:  bottom;
}

.photo-mot-du-president {
    position:absolute;
    left: 10px;
    top: 40px;
    width: 80px;
    height: 85px;
    z-index: 10;
}

.gris-mot-du-president {
    position:absolute;
    left: 0;
    top: 24px;
    width: 195px;
    height: 500px;
    z-index: 2;
    background-image: url(fd_gris.gif);
}

.adresses-utiles {
    position:absolute;
    left: 780px;
    top: 330px;
    width: 195px;
    height: 300px;
    z-index: 1;
}

.barre-bleu-adresses-utiles{
    position:absolute;
    left: 0;
    top: 20px;
    width: 195px;
    height: 4px;
    z-index: 2;
    background-image: url(barre.gif);
}

.titre-adresses-utiles {
    position:absolute;
    left: 0;
    top: 0;
    width: 195px;
    height: 15px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00408A;
    font-size: 13px;
    text-align: left;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    font-weight: bold;
    z-index: 1;
}

.texte-adresses-utiles {
    position:absolute;
    left: 10px;
    top: 40px;
    width: 175px;
    height: 400px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    text-align: center;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    z-index: 11;
}

.gris-adresses-utiles {
    position:absolute;
    left: 0;
    top: 24px;
    width: 195px;
    height: 358px;
    z-index: 2;
    background-image: url(fd_gris.gif);
}

#choixville  {
    position: absolute;
    width:505px;
    height:278px;
    z-index: 10;
    top: 324px;
    left: 245px;
    text-align:center;
    border: 1px solid #000000;
}

a.alphabet {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
} 

a.alphabet:link {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
} 

a.alphabet:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
} 

a.alphabet:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
}

ul.colonne {
    position: absolute;
    width: 365px;
    height: 262px;
    z-index: 12;
    top: 0;
    left: 0;
    text-align:left;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    margin-left:20px;
}

div#a-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 0;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#a-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 0;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#a-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: 0;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#a-alphabet:hover div#a-villes {
    visibility:visible;
}

div#b-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 20px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#b-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 20px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#b-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -20px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#b-alphabet:hover div#b-villes {
    visibility:visible;
}

div#c-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 40px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#c-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 40px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#c-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -40px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#c-alphabet:hover div#c-villes {
    visibility:visible;
}

div#d-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 60px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#d-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 60px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#d-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -60px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#d-alphabet:hover div#d-villes {
    visibility:visible;
}

div#e-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 80px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#e-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 80px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#e-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -80px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#e-alphabet:hover div#e-villes {
    visibility:visible;
}

div#f-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 100px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#f-alphabet:hover {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 100px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#f-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -100px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#f-alphabet:hover div#f-villes {
    visibility:visible;
}

div#g-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 120px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#g-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 120px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#g-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -120px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#g-alphabet:hover div#g-villes {
    visibility:visible;
}

div#h-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 140px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#h-alphabet:hover {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 140px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#h-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -140px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#h-alphabet:hover div#h-villes {
    visibility:visible;
}

div#i-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 160px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#i-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 160px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#i-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -160px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#i-alphabet:hover div#i-villes {
    visibility:visible;
}

div#j-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 180px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#j-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 180px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#j-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -180px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#j-alphabet:hover div#j-villes {
    visibility:visible;
}

div#k-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 200px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#k-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 200px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#k-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -200px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#k-alphabet:hover div#k-villes {
    visibility:visible;
}

div#l-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 220px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#l-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 220px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#l-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -220px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#l-alphabet:hover div#l-villes {
    visibility:visible;
}

div#m-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 240px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#m-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 240px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#m-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -240px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#m-alphabet:hover div#m-villes {
    visibility:visible;
}

div#n-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 260px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-bas.gif);
}

div#n-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 260px;
    left: 0;
    text-align:center;
    background-image: url(bloc-lettre-bas-hover.gif);
}

div#n-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -260px;
    left: 50px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#n-alphabet:hover div#n-villes {
    visibility:visible;
}

div#o-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 0;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#o-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 0;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#o-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: 0;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#o-alphabet:hover div#o-villes {
    visibility:visible;
}

div#p-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 20px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#p-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 20px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#p-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -20px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#p-alphabet:hover div#p-villes {
    visibility:visible;
}

div#q-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 40px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#q-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 40px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#q-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -40px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#q-alphabet:hover div#q-villes {
    visibility:visible;
}

div#r-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 60px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#r-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 60px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#r-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -60px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#r-alphabet:hover div#r-villes {
    visibility:visible;
}

div#s-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 80px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#s-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 80px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#s-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -80px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#s-alphabet:hover div#s-villes {
    visibility:visible;
}

div#t-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 100px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#t-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 100px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#t-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -100px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#t-alphabet:hover div#t-villes {
    visibility:visible;
}

div#u-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 120px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#u-alphabet:hover {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 120px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#u-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -120px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#u-alphabet:hover div#u-villes {
    visibility:visible;
}

div#v-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 140px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#v-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 140px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#v-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -140px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#v-alphabet:hover div#v-villes {
    visibility:visible;
}

div#w-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 160px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#w-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 160px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#w-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -160px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#w-alphabet:hover div#w-villes {
    visibility:visible;
}

div#x-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 180px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#x-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 180px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#x-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -180px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#x-alphabet:hover div#x-villes {
    visibility:visible;
}

div#y-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 200px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#y-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 200px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#y-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -200px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#y-alphabet:hover div#y-villes {
    visibility:visible;
}

div#z-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 220px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#z-alphabet:hover {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 220px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#z-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -220px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#z-alphabet:hover div#z-villes {
    visibility:visible;
}

div#cp-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 260px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-bas.gif);
}

div#cp-alphabet:hover {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 260px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-bas-hover.gif);
}

div#cp-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 11;
    top: -260px;
    left: -405px;
    visibility:hidden;
    background-color: #FFFFFF;
    overflow:auto;
}

div#cp-alphabet:hover div#cp-villes {
    visibility:visible;
}

div#toutes-alphabet  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 240px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre.gif);
}

div#toutes-alphabet:hover  {
    position: absolute;
    width:50px;
    height:20px;
    z-index: 11;
    top: 240px;
    left: 455px;
    text-align:center;
    background-image: url(bloc-lettre-hover.gif);
}

div#toutes-villes  {
    position: absolute;
    height:278px;
    width:405px;
    z-index: 1;
    top: -240px;
    left: -405px;
    background-color: #FFFFFF;
    overflow:auto;
}

div#toutes-alphabet:hover div#toutes-villes {
    visibility:visible;
}

.liste-villes {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    font-weight:bold;
    background-color: #FFFFFF;
    line-height:16px;
    list-style-image:url(puce-liste.gif);
}

.liste-villes:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    font-weight:bold;
    background-color: #D8E4F3;
    line-height:16px;
    list-style-image:url(puce-liste.gif);
}

#liensPrefs {
    position:absolute;
    top:850px;
    text-align: justify;
}