/* CSS Document */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

#container {width:980px; margin-left:auto; margin-right:auto; border: 1px solid #000000;}

#header {width:980px; background-color:#DDDDDD; padding-left:5px; padding-right:5px;}
#footer {width:980px; background-color:#DDDDDD; height:40px; text-align:center;}

a:link {text-decoration: none; color: #666666;}
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: none; color: #CCCCCC;}
a:active {text-decoration: none; color: #0033FF;}

.texte2 {font-size: 10px}

#main {width:980px; margin-left:auto; margin-right:auto;}
#main #tdleft {width:200px;}
#main #tdcenter { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:5px; padding-right:5px;}
#main #tdcenter h1 { font-size:20px;}
#main #tdcenter h2 { font-size:16px;}
#main #tdcenter h3 { font-size:14px;}
#main #tdcenter p { text-align:left; }
#main #tdcenter li { text-align:justify;}
#main #tdcenter img { padding-left:6px; padding-right:6px;}

#main #tdright {width:182px; padding-right:5px;}


#boitemenu { width:190px; margin-left:auto; margin-right:auto;}
#boitemenu #mtdh{background:url(img/fondhautmenu.gif) no-repeat; height:20px;}
#boitemenu #mtdc { padding-left:10px; background:url(img/fondcorpsmenu.gif) repeat-y;}
#boitemenu #mtdb {background:url(img/fondbasmenu.gif) no-repeat; height:9px;}

#boitespacepro { width:190px; margin-left:auto; margin-right:auto;}
#boitespacepro #tdh{background:url(img/fondhautmenu.gif) no-repeat; height:20px;}
#boitespacepro #tdc {background:url(img/fondcorpsmenu.gif) repeat-y; text-align:center;}
#boitespacepro #tdb {background:url(img/fondbasmenu.gif) no-repeat; height:9px;}

#boitespacepro #tdc .titrerouge { color:#FF0000;}

/* css carte */
#map {
	margin:0;
    padding:0;
    width:511px;
    height:492px;
    background:url(img/carte.jpg) top center no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
	color:#000000;
    font-size:8pt;
}
#map li {
    margin:0;
    padding:0;
    list-style:none;
}
#map li a {
    position:relative;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(img/blank.gif);
}
#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:150px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
}
#map a.Lille { top:37px; left:240px; width:40px; height:20px; }
#map a.Namur { top:20px; left:330px; width:40px; height:20px; }
#map a.Valenciennes { top:45px; left:260px; width:40px; height:20px; }
#map a.Charleville { top:15px; left:330px; width:40px; height:20px; }
#map a.Sarreguemines { top:55px; left:404px; width:40px; height:20px; }
#map a.Malo { top:20px; left:85px; width:40px; height:20px; }
#map a.Villepreux { top:35px; left:220px; width:40px; height:20px; }

#map a.Verdun { top:0px; left:340px; width:40px; height:20px; }


#map a.Bischoffsheim { top:-15px; left:420px; width:30px; height:20px; }
#map a.Rennes { top:-35px; left:90px; width:40px; height:20px; }
#map a.Epinal { top:-15px; left:370px; width:40px; height:30px; }
#map a.Troyes { top:-65px; left:295px; width:40px; height:20px; }
#map a.Colmar { top:-65px; left:404px; width:40px; height:30px; }
#map a.Dijon { top:-65px; left:295px; width:40px; height:30px; }
#map a.Annecy { top:-25px; left:380px; width:40px; height:30px; }
#map a.Nantes { top:-110px; left:80px; width:40px; height:30px; }
#map a.Lyon { top:-70px; left:310px; width:40px; height:30px; }
#map a.Grenoble { top:-75px; left:350px; width:40px; height:30px; }
#map a.Brives { top:-90px; left:200px; width:40px; height:30px; }