/*
autopaint webpage f2e9ca

 marges intérieures
   ie6 largeur totale = width + margin
   ff  largeur totale = width + margin + padding + border
=> conteneur : padding = 0 et width = width + padding contenu
   contenu   : padding 

ordre : link visited hover active
*/
/*-----------------------------------------------------------*/
* { margin: 0px;  padding: 0px;}
img {
margin: auto;/**/
display: block; 
border: 0px;
}
ul {
list-style-type: none;
}
html{ font-size: 100%;  }
body {
background-color: #a19b86; /*#f2e9ca #a19b86 */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.625em;
color:#f6f0db;
/*text-align: center; centrage global_frame ie6*/
}
#global_frame {
position: relative;
width: 1004px;
margin: 8px auto;
background-color:  #6f6653; /*marron clair #a19b86 #6f6653 */
/*text-align: left;  à cause du centrage ie6 dans body */
border: 2px solid Silver;
}
#container {
position: relative;
}
.fullheight {
padding: 0 4px;
clear: both;
font-size: 1.2em;
}
/* -------------------------------------------------------- */
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 2.8em;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 2.2em;
}
h3 {
font-size: 1.6em;
line-height: 1.4em;
color: #f0f6db;/*vert clair*/
}
h4 {
font-family: "Times New Roman", Times, serif;
font-size: 1.6em;
line-height: 1.4em;/**/
color: #f0f6db;/*vert clair*/
}
h5 {
font-size: 1.6em;
line-height: 1.4em;
color:#f6f0db;/*beige clair*/
}
h6 {
font-family: "Times New Roman", Times, serif;
font-size: 1.6em;
line-height: 1.4em;
color:#f6f0db;/*beige clair*/
}
/* -------------------------------------------------------- */
.head_title {
padding: 8px 160px 0 148px;
text-align: center;
}
.selection {
    color: Maroon;
    font-size: 1em;
}
.button {
    color: Maroon;
    font-size: 1em;
}
/* -------------------------------------------------------- */
#topright_menu {
position: absolute; top: 20px; right: 12px;
width: 160px;
text-align: center;
z-index: 10;
}
.button_menu {
width: 160px;
height: auto;
background-color: #faf7ed;/* beige très clair*/
font-size: 1.1em;
border-bottom: 6px solid #605d53; /* marron clair */
}
.button_menu img {float: left;}
.button_menu a, .button_menu a:visited {
color: maroon;
text-decoration: none;
}
.button_menu a:hover {
background-color: #a19b86; /* marron clair */
color: #faf7ed;
}
/* -------------------------------------------------------- */
.index_list {
border-bottom: 16px solid #6f6653; /*beige très clair*/
overflow: auto;
}
.index_list dt {
	height: 22px; /*text-align: center;*/
	font-size: 1.1em;
	color: maroon;
	border-bottom: 1px solid #a19b86;
	background: #faf7ed url(res/boussol2.gif) no-repeat top left;
}
.index_list ul {
padding-left: 3px;
line-height: 160%;
color: maroon;
/*border-bottom:4px solid #faf7ed;*/
background-color: #f6f0db;
}
#index_gen, #index_randos {
display: none;
}
#map {
position: absolute;
width:1000px;
top: 148px;
left: 2px;
background-color: #ffefe8;
color: #6C6681;
font-size: 1.2em;
visibility: hidden;
/*border: 3px outset #E9F2CA;
border: 1px solid red;*/
}
.map_title {
width: 760px;
text-align: center;
}
#map_canvas {
width: 760px;
height: 620px;
z-index: 6;
}
#tabs {
float: right;
width: 230px;
text-align: left;
}
#map p {
background-color: #fffefe;
line-height: 160%;
	font:1.4em;
	font-weight: bolder;
	color: Maroon;
}
#markertip {
position: absolute;
width: 160px;/**/
top: 240px;
left: 305px;
background-color: #fffefe;
font-weight: bolder;
border:2px #006699 solid;
visibility: hidden;/**/
z-index: 10;
}
#map100 {
position: absolute;
top: 190px;
left: -1000px;
width:879px; /* pour ie */
display: none;
border: 3px outset #E9F2CA;
}
#map100 p{
background-color: #fff8f8;
text-align: center;
line-height: 160%;
font-size: 1.2em;
font-weight : bold;
color: #6C6681;
}
/*-----------------------------------------------------------*/
.info {
	margin: 2px auto;
	padding: 2px;
	width: 1004px;
	background-color: #F0F6DB;
	text-align: center;
	font-weight: bold;
	color: #6C6681;
	font-size: 1.1em;
}
.footer {
margin:2px auto;
width: 998px;
padding: 2px 4px;
background: #eee;
border: 1px solid white;
text-align: center;
color: Maroon;
}
.footer a {
font-weight : bold;
}
.footer a:hover {
background-color: #f0f6db;
}
/*-----------------------------------------------------------*/


/*-----------------------------------------------------------*/
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #445588;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover, a:active {
color: maroon;
text-decoration: underline;
}
/*-----------------------------------------------------------*/


/*http://meyerweb.com/eric/tools/css/diagnostics/index.html
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], img, a[href],
  font, center {border: 5px solid red;}
*[class=""], *[id=""] {border: 5px dotted red;}
table, th {border: 5px solid red;}

img {border: 5px solid red;}
img[alt][title] {border-width: 0;}
img[alt] {border-color: fuchsia;}
img[alt], img[title] {border-style: double;}
img[alt=""][title],
img[alt][title=""] {border-width: 3px;}
img[alt=""][title=""] {border-style: dotted;}

table[summary],
  th[scope="col"],
  th[scope="row"] {border: 1px solid #AAA;}

a[title] {border-width: 0;}
a[title=""] {border-width: 3px;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/