html {
margin:0;
padding:0;
font-family: Comic Sans MS;
color:#000000;
}

body {
margin:0;
padding:0;
background: #7777FF;
}

a:link, a:visited, a:active {
color: #000000;
}
a:hover, a:focus {
color: #7777FF;
}

.button {
color: #FFFFFF;
background-color: #7777FF;
}

#content {
position: absolute;
width: 1000px;
//left: 50%;
//margin-left: -550px;
padding: 20px 50px 20px 50px;
background: #ffffff;
text-align: center;
color:#000000;
font-size: 20px;
border: 1px solid #000000;
border-radius:10px 10px;
}


.tableaux {
border:1px solid #7777FF;
border-radius:10px;
margin-left:auto;
margin-right:auto;
width:600px;}
.tableaux th,td{padding:5px;border:1px solid #fff;}
.tableaux th{background:#7777FF; color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;}
.tableaux th a:link { color:#fff; }
.tableaux th a:visited { color:#fff; }
.tableaux th a:focus { color:#fff; }
.tableaux th a:hover { color:#fff; }
.tableaux th a:active { color:#fff; }
.tableaux td{background:#e5f1f4;}
.tableaux tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.tableaux tr:last-child td:last-child { border-bottom-right-radius: 10px; }


.navmenu{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.navmenu ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

font: bold 18px Comic Sans MS;
color:#000000;
text-align: center;
}

.navmenu li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

display: inline;
}

.navmenu li a{
margin: 0px -9px 0px 0px;
padding: 0px 10px 0px 10px;

border-top-left-radius:10px 10px;
border-top-right-radius:10px 10px;

text-decoration: none;
border: 1px solid #000000;
color: #000000;
background: #ffffff;
}

.navmenu li a:hover{
color: #7777FF;
text-decoration: none;
}

.dropmenu{
margin: -1px 0px 0px 0px;
text-align: left;
position:absolute;
border: 1px solid #000000;
border-top: none;
font: bold 18px Comic Sans MS;
line-height:20px;
z-index:100;
background-color: #ffffff;
width: auto;
visibility: hidden;
}

.dropmenu a{
width: auto;
padding: 3px 5px 3px 5px;
display: block;
border-top: 1px solid #000000;
border-right: none;
text-decoration: none;
color: #000000;
}

.dropmenu a:hover{
color: #7777FF;
}

.dropmenu a:focus{
color: #000000;
}