@charset "iso-8859-1";

body {background-color:#EEC45D ; color:black; font-family:Trebuchet MS,verdana,arial,helvetica;}

a {text-decoration: none; color:#003366; font-weight: bold;}

#menu {position:absolute; top:10px; text-align:center; padding:0px; margin-left:10px;margin-top:0px;}
#menu li {font-style:italic; font-size:10pt; line-height:25pt; display:inline;}
#menu a {border:solid 3px #ffcc00; padding:6px;}
#menu a:hover {background-color:#ffff33;}

#france{position:absolute; left:0px; top:0px; width:779px; height:735px; background:url(../Imgs/accueil.gif); no-repeat;}

#img-lien-cote-azur {position: absolute; width:74px; height:68px; left:496px; top:484px;}
#img-lien-cote-azur:hover {width:180px; height:191px; left: 490px; top: 440px; background: url(../Imgs/petite-cote_azur.gif) top left no-repeat; z-index: 20;}
#img-lien-cote-bleue {position: absolute; width:79px; height:58px; left:425px; top:494px;}
#img-lien-cote-bleue:hover {width:180px; height:119px; left: 400px; top: 480px; background: url(../Imgs/petite-cote_bleue.gif) top left no-repeat; z-index: 40;}
#img-lien-languedoc {position: absolute; width:74px; height:46px; left:363px; top:490px;}
#img-lien-languedoc:hover {width:180px; height:113px; left: 340px; top: 480px; background: url(../Imgs/petite-languedoc.gif) top left no-repeat; z-index: 60;}
#img-lien-sud-connaisseurs {position: absolute; width:72px; height:46px; left:399px; top:460px;}
#img-lien-sud-connaisseurs:hover {width:180px; height:113px; left: 380px; top: 440px; background: url(../Imgs/petite-sud_connaisseurs.gif) top left no-repeat; z-index: 80;}
#img-lien-cevennes-ardeche {position: absolute; width:80px; height:54px; left:355px; top:442px;}
#img-lien-cevennes-ardeche:hover {width:180px; height:121px; left:260px; top: 380px; background: url(../Imgs/petite-cevennes_ardeche.gif) top left no-repeat; z-index: 100;}
#img-lien-cote-vermeille {position: absolute; width:61px; height:63px; left:303px; top:525px;}
#img-lien-cote-vermeille:hover {width:156px; height:160px; left:260px; top: 500px; background: url(../Imgs/petite-cote_vermeille.gif) top left no-repeat; z-index: 120;}
#img-lien-alpes-provence {position: absolute; width:63px; height:64px; left:480px; top:446px;}
#img-lien-alpes-provence:hover {width:155px; height:160px; left:480px; top: 360px; background: url(../Imgs/petite-alpes_provence.gif) top left no-repeat; z-index: 140;}
#img-lien-drome {position: absolute; width:63px; height:64px; left:424px; top:404px;}
#img-lien-drome:hover {width:156px; height:161px; left:400px; top: 360px; background: url(../Imgs/petite-drome.gif) top left no-repeat; z-index: 160;}
#img-lien-bourgogne {position: absolute; width:63px; height:64px; left:399px; top:239px;}
#img-lien-bourgogne:hover {width:156px; height:161px; left:350px; top:190px; background: url(../Imgs/petite-bourgogne.gif) top left no-repeat; z-index: 180;}
#img-lien-lyon {position: absolute; width:51px; height:33px; left:414px; top:351px;}
#img-lien-lyon:hover {width:180px; height:121px; left:350px; top:300px; background: url(../Imgs/petite-lyon.gif) top left no-repeat; z-index: 200;}
#img-lien-basque {position: absolute; width:68px; height:63px; left:121px; top:453px;}
#img-lien-basque:hover {width:156px; height:146px; left:121px; top:453px; background: url(../Imgs/petite-basque.gif) top left no-repeat; z-index: 220;}
#img-lien-perigord {position: absolute; width:84px; height:52px; left:227px; top:376px;}
#img-lien-perigord:hover {width:180px; height:120px; left:200px; top:350px; background: url(../Imgs/petite-perigord.gif) top left no-repeat; z-index: 240;}
#img-lien-charente-maritime {position: absolute; width:62px; height:64px; left:156px; top:316px;}
#img-lien-charente-maritime:hover {width:156px; height:161px; left:100px; top:250px; background: url(../Imgs/petite-charente.gif) top left no-repeat; z-index: 260;}
#img-lien-bordeaux {position: absolute; width:74px; height:76px; left:150px; top:378px;}
#img-lien-bordeaux:hover {width:156px; height:161px; left:100px; top:350px; background: url(../Imgs/petite-bordeaux.gif) top left no-repeat; z-index: 280;}

#pied {clear:both; position:absolute; top:965px; left:0px; width:100%; height:14px; background-color:#ffcc00;}

#menuDeroulant {
                position: absolute; top:99px; left:10px; margin-top:0px; margin-left:0px;
                font-size: 8pt; font-family: verdana,sans-serif;
                list-style-type: none; padding: 0;
               }
#menuDeroulant li {float:left; width:156px; margin:0px; padding:0px; border:0;}
#menuDeroulant li a:link, #menuDeroulant li a:visited {
                        display: block; height: auto; color: #003366; 
                        background: #ffcc00; margin: 0; padding: 4px 8px; 
                        border-right: 1px solid #003366; 
                        border-left: 1px solid #003366; text-decoration: none;}
#menuDeroulant li a:hover { background-color: #ff6600; }
#menuDeroulant .sousMenu {display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}
#menuDeroulant .sousMenu li {
                             float: none; margin: 0; padding: 0; border: 0; width: 155px; 
                             border-top: 1px solid transparent; 
                             border-right: 1px solid transparent;}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
                                 display: block; color: #003366; 
                                 margin: 0; border: 0; 
                                 text-decoration: none; 
                                 background: transparent url("../Imgs/SousmenuTrans.png") repeat;}
#menuDeroulant .sousMenu li a:hover {background-image:none; background-color: #ff6600;}
#menuDeroulant li:hover .sousMenu { display: block; }
#belleIframe {border:2px solid #AB6A20; }