/* 1 - Styles du corps de la page */

body {background: #FFF; color: #000;  behavior: url(css/csshover.htc);}




/* 2 - le titre du site */
td#title {width:100%;height: 90px;font: bold 48px Garamond,Arial,Helvetica,Verdana,sans-serif;
					vertical-align: middle;color: #207E20; border-bottom: 1px solid; margin-bottom: 0;
					padding: 10px  0 0  150px;       background:   no-repeat  url(topbg.jpg) top left #C6C600;}
td#title2 {
					vertical-align: middle;color: #207E20; border-bottom: 1px solid; margin-bottom: 0;
					padding: 10px  0 0  10px;       background: #C6C600;}

td#subtitle {background:  #F4F0B0;height: 40px;color: #207E20;font: bold 32px Garamond,Arial,Helvetica,Verdana,sans-serif;text-align:center;
					vertical-align: middle;border-bottom: 3px inset #207E20;margin: 0;padding: 1px 50px 1px 50px; }

td#content {background:  #F4F0B0;}

/* 3 - le corps de la page */
div#main {font:  12px Arial, Helvetica,Verdana,sans-serif;color: #000;
			margin-left:10em; padding: 1px 10px 1px 50px;  border-left: 1px solid;}
div#main table {font:  12px Arial, Helvetica,Verdana,sans-serif;color: #000;}


/* 4 - le menu */
div#nav {float: left; width: 10em; margin: -1px 0 0 0;
  background: #FDD;}
div#nav ul {margin: 0; padding: 0; width: 10em; background: #C0FFC0;
  border: 1px solid #207E20;}
div#nav ul.level2 {background: #C0FFC0;}

div#nav li {position: relative; list-style: none; margin: 0;
  border: 1px solid #00C000;}
div#nav li:hover {background: #5AD05A;}
div#nav li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #5AD05A;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0em;  text-decoration: none; width: 6em; border-left: 0.5em solid #5AD05A;font: bold 1em Garamond,Arial, Helvetica, Verdana, sans-serif;text-align: center;color : #7B3A0B; }
div#nav li a:hover {border-left-color: #00C000;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: -1.8em; left: 10em;
  display: none;width: 16em}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover {display:block;}

/* 5 - Les tips*/
div#tip {color:#404000;border: 2px solid #00C000; background: #C0FFC0;
				font:  12px Arial, Helvetica, Verdana, sans-serif; text-align: left; margin-top: 1.5em; padding: 8px; }
  
/* 6 - Les photos*/
div#figure table {padding: 0;}
div#figure td#image {padding: 0;vertical-align:top;}
div#figure td#imgtitle {height: 15px ;border-right: 0.5em solid #52522A;border-bottom: 1px solid #52522A;border-top: 1px solid #52522A;
												color: black; letter-spacing: 1px;font: bold 12px  Arial, Verdana, Helvetica, sans-serif;
												padding-left: 0;background : #C6C600;
												white-space: nowrap}
div#figure td#caption {padding-bottom: 100px;font: italic 11px Arial, Verdana, Helvetica, sans-serif; color: #555;}
div#figure img {height: 100px;}

/* 6 - Les cartes*/
div#map table {padding: 0;}
div#map td#image {padding: 0;border: 1px solid #52522A;}
div#map td#imgtitle {height: 15px ;border-right: 0.5em solid #52522A;border-bottom: 1px solid #52522A;border-top: 1px solid #52522A;
												color: black; letter-spacing: 1px;font: bold 12px  Arial, Verdana, Helvetica, sans-serif;
												padding-left: 0;background : #C6C600;
												white-space: nowrap}
div#map td#caption {padding-bottom: 100px;font: italic 11px Arial, Verdana, Helvetica, sans-serif; color: #555;}
div#map img {height: 250px;}


/* 8 - les liens */   
div#main a:link, a:visited {font:  bold 14px Garamond,Arial, Helvetica, Verdana, sans-serif;color : #6B3375;text-decoration:none;}
div#main a:hover {color : #C5134E; text-decoration:underline;}
div#end a:link, a:visited {font:  bold 14px Garamond,Arial, Helvetica, Verdana, sans-serif;color : #6B3375;text-decoration:none;}
div#end a:hover {color : #C5134E; text-decoration:underline;}

/* 9 - les listes */
div#main ul {list-style-image: url('arrow.gif') }


/* 10 - Les onglets du bandeau*/
div#tab {display:block; margin: -1px 0 -1px 0;
  }

div#tab ul {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 25px;
    border-bottom: 1px solid #f00;
    margin: 0;
}

div#tab ul li {
    float: left;
    height: 21px;
    background-color: #f87602;
    margin: 3px 2px 0 2px;
    border: 1px solid #f00;
}

div#tab ul li.active {
    border-bottom: 1px solid #f4e7aa;
    background-color: #f4e7aa;
}

div#tab ul a {
    float: left;
    display: block;
    color: #404040;
    text-decoration: none;
    padding: 4px;
}

div#tab ul a:hover {
    background: #FFCAA7;
}

div#tab ul li.active a:hover {
    background: #f4e7aa;
}