html {
    overflow:auto; font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; background-color: #007404;
    text-align:center;
}

body {
    color: #000000;
    
    margin: 0px;
    padding: 0px;
    width: 95%;
    height: 100%;
}

#map_canvas { 
    height : 600px; /* IMPERATIF */
    width : 600px;
    margin : auto;
    border : 1px solid #888;
}

#boutonup {
    position:fixed;
    bottom:5px;
    left : 780px;
    z-index:5;
}

#boxmenu {
    position:absolute;
    top: 2px;
    margin-top:2px;
    margin-left: 2px;
    z-index:2;
    width: 770px;
    background-color:  #fff8df;
    height: 152px;
    left: 0;
    font-size: 12px;
}

#page {
    position:absolute;
    top: 157px;
    margin :2px;
    width:770px;
    background-color: #fff8df;
    left: 0;
}

#texte {
    position:absolute;
    top: 157px;
    margin :2px;
    width:670px;
    background-color: #fff8df;
    left: 0;
    text-align: justify;
    padding: 0 50px;
}
#texte p{
  text-indent: 15px;
}
h1{font-size: 1.5em;}
h2{font-size: 1.25em;}
h3{font-size: 1.15em;}
p{font-size: 1em;}

img {
    border-width: 0px;
    text-align:center;
    vertical-align:middle;
    margin: 0px 0px 0px 0px;
    border-style:none;
    image-orientation: unset;
}

table.tableizer-table {
	border: 1px solid #CCC;
	/*font-family: Courier New, Courier, monospace;*/
	font-size: 1em;  margin-left:auto;
	margin-right:auto;
}
.tableizer-table td {
	background-color: #ffffff;
	padding: 4px;
	margin: 3px;
	border: 1px solid #ccc;
	max-width: 260px;
}
.tableizer-table th {
	background-color: #104E8B;
	color: #FFF;
	font-weight: bold;
	text-align:center;
}

#menu ul { /*, #menu li*/
	margin-top:0px;
	margin-left:10px;
	padding: 0;
	list-style-type: none;
}
#menu li {
	width: 153px;
}	
#menu li a {
	display: block;
	text-decoration: none;
	text-align: center;
	border: 1px solid #fff;
}
/*---------- Niveau 1 ----------*/
#menu .niveau1 li {
	width: 150px; /* origine 150 */
	float: left;
	margin: 0 -1px 0 0;
}
#menu .niveau1 li a {
	padding: 2px 0;
	height: 16px;
	color: white;
	background: darkgrey;
}
#menu .niveau1 li:hover a,
#menu .niveau1 li a:hover {
	color: #fff;
	background: gray;
}
/*---------- Niveau 2 ----------*/
#menu .niveau2 {
		padding: 2px 0;
	height: 16px;
    position: absolute;
	top: -9999em;
}
#menu .niveau2 li {
   width: 150px; /* origine 239 */
	clear: left;
	margin: 0px;
}
#menu .niveau2 li a {
	color: #fff;
	background: gray;
}
#menu .niveau2 li a:hover {
	color: #746756;
	background: lightgray;
}
#menu li:hover .niveau2,
#menu .sfhover .niveau2 {
	top: auto;
	min-height: 0; /* corrige un bug IE7 */
	margin: -2px 0 0 0px;
}
/*---------- Niveau 3 ----------*/
#menu .niveau1 .niveau2 .niveau3 {
	position: absolute;	
	top: -9999em;
	border-top: 1px solid #fff; /* corrige un bug IE6 */
}
#menu .niveau3 li a {
	color: #fff;
	background: gray;
}
#menu .niveau3 li:hover a, #menu .niveau3 li a:hover {
	color: #746756;
	background: lightgray;
}
#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-17px 0 0 124px;/* origine 149*/
}

.nom {
    font-size: 1.15em; 
    color: red;
}
div.diapo {
    margin-top: 3px;
    height: auto;  width: 128px;  
    /*float: left;  */
    text-align: center;  
    border: 1px solid #f3a56a;
    display: inline-block;
    vertical-align:top;
    background-color:#ffffff;
}	
div.diapo img {margin: 5px;  border: 1px solid white; }
div.diapo a:hover img {border: 1px solid #926340;}
div.desc {  text-align: center;  font-weight: normal;   font-size: 0.75em; width: 130px;  margin-top: -15px; border: 0px solid white; }