/*  must be before other rules - import foot */
@import "foot.css";

html {
  background:     #bbbbbb;
}

body {
  background:     #fff4d4;
  border:         solid thin black;
  margin:         3ex;
  margin-top:0;
  padding:        1ex;
  font-family:    serif, Helvetica, Verdana;
  font-size:      14px;
}

div#container {
    margin : 0 auto;
    width: 760px;
/*    border:1px solid red; */
}


h5 {
 font-size: 14px;
}

/* text */

#text {
    margin: 0;
}

#text h4 {
  background:     #7da7d1;
  padding:        3px 0px 3px 10px;
  border:         solid thin black;
  margin:         1ex 0ex 0ex 0ex;
}



.programlisting {
  color:#121210;
  background: #eeeeff;
  border: solid 1px #aaaaff;
  padding: 0.5em;
  overflow: auto;
}

#text h1, #text h2 {
  text-align:     center;
  color : navy;
}


#text p {
  color:          #300000;
  text-indent:    2em;
  text-align:     justify;
  margin:         1ex 0ex 1ex 0ex;
}

#text dl {
  color:          #300000;
}

#text p em, #text li em {
  color:          #900000;
  text-indent:    2em;
  text-align:     justify;
  margin:         1ex 0ex 1ex 0ex;
}

#text .pictures, #text .tables, #text .textCenter
{
  text-align:     center;
}

#text .pictures img
{
  border: 0 none;
}

#text ul, #text ol {
  color:          #300000;
  margin-top:     1ex;
  margin-bottom:  1ex;
}

#text ul p {
  text-indent:    0em;
}

#text ul li {
  list-style-image: url(item.gif);
}

.table {
/*  width:50%; */
  border:2px solid black;
  margin:auto;
}

.table-noborder {
  border: 0px;
  margin:auto;
}

.table th {
  text-align: center; 
  border:1px solid black;
  font-weight: bold
}
.table td {
 text-align:     center;
  border:1px solid black;
}

.table td em {
  color:          #900000;
}

/* img image with no border */
.noborder {
  border:01px;
}
	
/* Topmenu */

#headMenu {
    position: relative;
    margin: 10px 0px 10px 0px;
    width: 580px;                 /* centrage menu horizontal */ 
    height: 20px;
    padding: 10px 10px 10px 100px; /* centrage menu horizontal with width */ 
    border:10px solid;
    border-style: ridge;
    border-color: #7da7d1;
}

#menuH {
	font-size: 12px;
	position: absolute;
}

#menuH dl, #menuH dt, #menuH dd, #menuH ul, #menuH li {
   margin: 0;
   padding: 0;
   list-style-type: none;
/*   overflow: hidden; */
}

#menuH dl {
	float: left;
	width: 100px;
}

#menuH dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	background-color:#2F6397;
	background-image: url(/res/button_link.gif);
}

#menuH dt:hover {
	background-image: url(/res/menu_hover.gif);
}


#menuH dd {
	display: none;
	width: 160px;
	margin-top: -1px;
	border-top: 1px solid #7C3213;
	border-right: 1px solid #7C3213;
	border-bottom: 1px solid #7C3213;
	border-left: 1px solid #7C3213;
}

#menuH li {
	width: 160px;
	background-color: #7FE4D1;
}

#menuH dt a {
	color: #A6D6F7;
	text-decoration: none;
	display: block;
	height: 25px;
	border: 0 none;
}


#menuH li a {
	color: #A24119;
	padding-left: 14px;
	text-decoration: none;
	display: block;
	height: 20px;
	line-height: 20px;
	border: 0 none;
	background-image: url(bullets_14.gif);
	background-repeat: no-repeat;
	background-position: 3px;
}

#menuH dt a:hover {
	background-color: #CC6601;
	background-image: url(/res/menu_hover.gif);
	color: #FFE4D1;
}

#menuH li a:hover {
	color: #7C3213;
	background-color: #FFD5B7;
}

.default_cursor{
	cursor:default
}

code {
  display: inline-block;
  white-space: nowrap;
}

blockquote::before {
    color: #999;
    content: "“";
    display: block;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
    height: 0;
    margin-left: -0.95em;
}

blockquote {
    border-left: 0.5em solid #ddd;
    background-color: #FFD5B7;
}