html, body { font-size: 13px; color: #111; font-family: times, times new roman; line-height: 130% ; background-color: #f5f5dc;}

#menu {position:absolute; top: 5px; left:5px; z-index:5; }
#date {position: absolute; top:30px; left:750px;}
#middle {position: absolute; left:250px; top: 20px; }
#diapos {position: absolute; left:150px; top:0px;}
#controls {position: absolute; top: 250px; left:15px; width:160px;}


A:link { text-decoration: none; color: #556671;}
A:visited { text-decoration: none;  color: #234567; }
A:hover { text-decoration: none; color: firebrick;}
A:active { text-decoration: none; color: #234567;}

A.current-page:link { text-decoration: none; color: beige; background:firebrick;}
A.current-page:visited { text-decoration: none; color: beige; background:firebrick;}
A.current-page:hover { text-decoration: none; color: firebrick; }
A.current-page:active { text-decoration: none; color: firebrick; }

* html .menulist a.current-page:visited {
text-decoration: none; color: #f7b202;}


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 3px;
 list-style: none;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 50px; margin-top: 5px; /* I'm using ems and px to allow people to zoom their font */
left: 140px;
 width: 110px;


}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 1px; margin-top: 0;
 left: 170px;


}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: beige;
 margin-right: -1px;

}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 border-right: 2px solid firebrick;

}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */

.menulist a {
 display: block;
 padding-left: 5px;
font-size: 14px;
color: #234567;
text-decoration:  none;

}



/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

.menulist a:hover {color: beige;background-color: #234567;}
.menulist a:focus {color: #234567;background-color: beige;}
.menulist a.highlighted {color: #234567; background-color: beige;}
.menulist a.highlighted:hover {color: #234567;background-color: beige;}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */
/* END VITAL DATA  */

/* Les polices et autres styles */

.rubrik { font-family:times;font-size:11px; color: #234567;}
.b { color: #222;}
.bitalic { color: #111; letter-spacing:0.20em;}
h1 { font-size: 14px; color: #234567;}
h2 { font-size:13px; font-weight: bold; color: #82b399;  background-color:transparent;background-image: url('img/bgh2.gif'); background-repeat:repeat-x;}
.s9 {font-size: 9px; line-height: 110% ;}
.s10 { font-size: 10px; line-height: 115% ;}
.s11 { font-size: 11px; line-height: 115% ;}
.hide {visibility:hidden;}
hr {height:1px; color:#69a484; background-color:#69a484; border:0;}

/* END polices */

/* Les tables */

table.vert {
	 font-size: 0.9em;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #1c7545 #1c7545 #1c7545 #1c7545;
	border-collapse: collapse;
	background-color: white;
}

table.vert th {
	 font-size: 0.9em;  color: #ccc; 
	background-color:#234567;
	border-width: 1px 1px 1px 1px;
	padding: 1px 2px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #69a484 #69a484 #69a484 #69a484;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.vert td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: #1c7545 #1c7545 #1c7545 #1c7545;
	background-color: #69a484;
	-moz-border-radius: 0px 0px 0px 0px;
}

/* END tables */

/* Les formulaires */

.logfield { font-size:0.8em; color:#444; background-color: #69a484; border: none;}

.mailfield { font-family:times, arial, sans-serif; color: #234567; font-size:0.9em; border-bottom: 1px dotted #122666 ; 
border-top:  none ; 
border-left:  none ; 
border-right:  none; 
background-color:transparent; 
line-height: 115% ;
color:#234567;}

.recherche { font-family:times, arial, sans-serif; color: #234567; font-size:9px; border-bottom: 1px dotted #122666 ; 
border-top:  none ; 
border-left:  none ; 
border-right:  none; 
background-color:transparent; 
line-height: 115% ;
color:#234567;}

input.btn {background-color: #234567;font-family:times, arial, sans-serif;font-style:normal;color: #ffffff;font-size:11px;font-weight:normal;border-left:1px solid #69a484; border-top:1px solid #69a484; border-bottom:none;border-right:none;
}

input.btnhov{background-color: #234567;font-family:times, arial, sans-serif;font-style:normal;color: #ff7700;font-size:11px;font-weight:normal; border-top-color:#ff7700; border-left-color:#ff7700; border-right:none; border-bottom:none;}

input.fld {border: 1px solid #1c7545;background-color: #69a484;font-family:times, arial, sans-serif;font-style:normal;color: #555555;font-size:0.9em;font-weight:normal;
}


.fst {font-size: 0.8em; font-style: italic; letter-spacing: 0.5em;}
.pays { font-size:0.75em; background-color: #69a484; border: 1px solid #1c7545; color:#333;}

/* END formulaires */
/* END style sheet */