html {
}

body {
/*background-color: darkgray;*/
background-color: #008F40;
padding: 5px;
}

body div.Page {
background-color: white;
padding: 10px;
padding-bottom: 20px;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
border: 1px solid black;
}

a {
color: #008F40;
text-decoration: none;
}

a:link {
}

a:hover {
color: White;
background-color: #008F40;
}

a img {
border: 2px solid white;
}

a img:hover {
border: 2px solid #008F40;
background-color: #008F40;
}

table {
border: 0;
}

h1 {
font-family: "Copperplate Gothic Light";
font-size: 14pt;
font-weight: bold;
color: #008F40;
}

h2 {
border-left: 10px solid #FFCC99;
padding: 5px;
font-family: "Copperplate Gothic Light";
font-size: 12pt;
font-weight: bold;
color: #008F40;
font-style: italic;
}

h3 {
border-left: 10px solid #FFCC99;
padding: 5px;
font-family: "Copperplate Gothic Light";
font-size: 10pt;
font-weight: bold;
color: #008F40;
}

.h0 {
font-family: "Copperplate Gothic Light";
display: block;
text-align: center;
color: #008F40;
font-size: 14pt;
}

.lettrine {
font-size: 150%;
color: #008F40;
}

.medievale {
font-family: "Copperplate Gothic Light";
}

.moderne {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}

.topmenu {
text-align: center;
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
color: gray;
background-color: #FFCC99;
border-top: 2px solid black;
border-bottom: 2px solid black;
padding: 2px;
}

.topmenu a {
color: #008F40;
text-decoration: none;
margin-left: 2px;
margin-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
}

.topmenu a:link {
}

.topmenu a:hover {
background-color: #008F40;
color: white;
}

.bottommenu {
text-align: center;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: gray;
background-color: #FFCC99;
border-top: 2px solid black;
border-bottom: 2px solid black;
padding: 2px;
}

.bottommenu a {
color: #008F40;
text-decoration: none;
margin-left: 2px;
margin-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
}

.bottommenu a:link {
}

.bottommenu a:hover {
background-color: #008F40;
color: white;
}

a.malvoyant1 {
font-size: 20pt;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-color: white;
color: #008F40;
padding: 5px;
display: block;
}

a.malvoyant1:hover {
color: white;
background-color: #008F40;
}

table.ObjectList {
width: 100%;
border: 1px solid #8fbc8f;
}

table.ObjectList * {
}

table.ObjectList tr {
}

table.ObjectList tr.head {
font-weight: bold;
background-color: #8fbc8f;
}

table.ObjectList tr.odd {
}

table.ObjectList tr.even {
background-color: #f5f5dc;
}

table.ObjectList tr.status {
background-color: #8fbc8f;
color: white;
font-weight: bold;
}
table.ObjectList tr.status td {
text-align: center;
}

table.ObjectList td {
padding-left: 3px;
padding-right: 3px;
}

table.ObjectList tr#rowadd td {
padding: 10px;
}

table.liste1 {
width: 100%;
font-size: 10pt;
}

table.liste1 tr:hover {
background-color: #FFCC99;
}

table.liste1 td {
border-bottom: 1px dotted silver;
padding: 5px;
}

table.Liste2 {
font-size: 10pt;
font-family: "Copperplate Gothic Light";
}

table.Liste2 tr td {
text-align: left;
}

table.Liste2 tr td:first-child {
text-align: right;
font-weight: bold;
}

table.liste3 {
/*background-color: #fdca89;*/
width: 100%;
font-size: 10pt;
}

table.liste3 td {
border-bottom: 1px dotted silver;
padding: 5px;
}

table.liste3 td:first-child {
width: 200px;
}

.box1 {
background-color: #FDCA89;
}

.box1 a {
text-decoration: none;
}

.box1 a:link {
color: #008F40;
}

.box1 a:hover {
background-color: #008F40;
color: white;
}

.manuscrit {
font-family: cursive;
font-style: italic;
font-size: 12pt;
}

div.menu1 {
width: 20%;
float: right;
background-color: #FFCC99;
border-right: 2px solid black;
border-left: 2px solid black;
padding: 5px;
margin-right: 10px;
margin-bottom: 30px;
}

div.menu1 a:hover {
background-color: #008F40;
color: White !important;
}

div.menu1 a.h1 {
display: block;
font-size: 12pt;
color: #008F40;
font-family: Arial, Helvetica, sans-serif;
}

div.menu1 a.h2 {
display: block;
font-size: 10pt;
color: #008F40;
font-family: Arial, Helvetica, sans-serif;
padding-left: 10px;
border: none;
}

div.menu1 a.h3 {
display: block;
font-size: 10pt;
color: #008F40;
font-family: Arial, Helvetica, sans-serif;
padding-left: 10px;
border: none;
}

div.ContenuPage {
width: 75%;
border-right: 1px solid silver;
clear: none;
}

.AnimationTitre {
float: right;
margin-left: 10px;
background-color: #FFCC99;
border-top: 2px solid black;
border-bottom: 2px solid black;
text-align: right;
color: black;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
width: 200px;
}

div.MenuLangue {
float: right;
width: 150px;
vertical-align: middle;
}

div.MenuLangue * {
vertical-align: top;
}

div.MenuLangue a {
width: 100%;
display: block;      
}

div.PageFooter {
font-size: 8pt;
margin-top: 30px;
padding-top: 15px;
border-top: 1px dotted #008F40;
width: 100%;
clear: both;
}

div.PageFooter * {
font-size: 8pt;
}