nav {
    background-color: #333;
    overflow: hidden;
    font-family: Arial;
}

.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.menu li {
    display: inline;
    margin-right: 10px;
}

.menu li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none
}

.menu li a:hover {
    background-color: #575757;
}

h1 { 
margin-top: 1%;
font-family: calibri;
font-size: 1.8em;
color: brown;
text-align: center;
}
#form {
 text-align: center;   
}
.tete { 
font-family: calibri;
font-size: 1.2em;
text-align: center;
color: blue;
}

#acceuil h3 { 
font-family: calibri;
font-size: 1.1em;
text-align: center;
color: green;
}
#admin h1 { 
margin-top: 3%;
font-family: calibri;
font-size: 1.8em;
color: brown;
text-align: left;
margin-left: 20%;
}
#admin h2 { 
font-family: calibri;
font-size: 1.2em;
text-align: left;
color: blue;
margin-left: 20%;
}
#admin h3 { 
font-family: calibri;
font-size: 1.1em;
text-align: left;
color: green;
margin-left: 20%;
}
.la_base {
	color:purple;
	font: bold 1.5em Arial;
}
#voalohany a, button {
	padding:3px 3px 3px 3px;
	border-radius:2px; 
	border:1px solid #ccc;
	width:10%;
	height:22%;
	box-shadow:3px 3px 3px #999;
	font:bold 1.1em Calibri;
	color:white;
	white-space: normal;
}
#voalohany a, button:hover, #voalohany a, button:focus, #voalohany a, button:active {
    background: navy ;
	border:3px solid white;
}
.bouton1 {
	background:#D2691E;
}
.bouton2 {
	background:DarkOrchid;
}
.bouton3 {
	background:olive;
}
.bouton4 {
	background:blue;
}
.bouton5 {
	background:red;
}
.bouton6 {
	background:green;
}
.bouton7 {
	background:gray;
}
.bouton8 {
	background:yellow;
}
.bouton9 {
	background:maroon;
}
.bouton10 {
	background:orange;
}
.bouton11 {
	background:lime;
}
.bouton12 {
	background:aqua;
}

.logo_Sompitra {
 margin-left: 30%   
}

#course table {
border-collapse: collapse;
margin-top: 1%;
margin-right: 5%;
max-width: 90%;
}
#course caption {
color: gray;
position: center;
font-size: 1.1em;
text-align: left;
}
#course th /* Mettre en forme les th*/ {
border: 2px solid blue;
font-size: 1em;
height: 20%;
text-align: center;
padding: 5px;
background-color: yellow;
color: red;
}
#course td /* Mettre en forme les td*/ {
border: 2px solid blue;
font-size: 0.9em;
height: 20%;
text-align: center;
padding: 5px;
background-color: #f5f5f5;
color: purple;
}
#fandraisana {
margin-top: 8%;	
margin-left: 8%;
margin-right: 5%;
width:80%; 
font-family: calibri;
}
#fandraisana  h1 {
font-size: 2.4em;
font-weight: bold;
text-align: center;
color: green;
}
#voalohany {
width: 100%;
height: 50%;	
}
#votoatiny {
margin-top: 10%;
}
#tab_score th {
border: 2px solid green;
border-collapse: collapse;
font-size: 1em;
height: 20%;
text-align: center;
padding: 5px;
background-color: yellow;
color: red;
}
#tab_score td {
border: 2px solid purple;
border-collapse: collapse;
font-size: 0.9em;
height: 20%;
text-align: center;
padding: 5px;
}	
#menu1 {
width: 90%;
left: 10%;
top: 12%;
}
#menu1 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu1 li{
display:inline-block;
position:relative;
}
#menu1 ul li{
display:inherit;
border-radius:0;
}
#menu1 ul li:hover{
border-radius:0;
}
#menu1 ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu1 ul{
position:absolute;
z-index: 50000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu1 li:hover ul{
max-height:14em;
}
/* background des liens menus */
#menu1 li:first-child{
background-color: #D2691E;
}
#menu1 li:nth-child(2){
background-color: DarkOrchid;
}
#menu1 li:nth-child(3){
background-color: olive;
}
#menu1 li:nth-child(4){
background-color: blue;
}
#menu1 li:nth-child(5){
background-color: red;
}
#menu1 li:nth-child(6){
background-color: green;
}
#menu1 li:nth-child(7){
background-color: maroon;
}
#menu1 li:last-child {
background-color: lime;
}
/* background des liens sous menus */
#menu1 li:first-child li{
background:#2A2333;
}
#menu1 li:nth-child(2) li{
background:#333A40;
}
#menu1 li:nth-child(3) li{
background:#9F391A;
}
#menu1 li:nth-child(4) li{
background:#2A2333;
}
#menu1 li:nth-child(5) li{
background:#333A40;
}
#menu1 li:nth-child(6) li{

}
#menu1 li:last-child li{
background:#677F35;
}
/* background des liens menus et sous menus au survol */
#menu1 li:first-child:hover, #menu1 li:first-child li:hover{
background:#65537A;
}
#menu1 li:nth-child(2):hover, #menu1 li:nth-child(2) li:hover{
background:#729EBF;
}
#menu1 li:nth-child(3):hover, #menu1 li:nth-child(3) li:hover{
background:#F6AD1A;
}
#menu1 li:nth-child(4):hover, #menu1 li:nth-child(4) li:hover{
background:#F6AD1A;
}
#menu1 li:nth-child(5):hover, #menu1 li:nth-child(5) li:hover{
background:#F6AD1A;
}
#menu1 li:nth-child(6):hover, #menu1 li:nth-child(6) li:hover{
background:#F6AD1A;
}
#menu1 li:last-child:hover, #menu1 li:last-child li:hover{
background:#CFFF6A;
}
/* les a href */
#menu1 a{
text-decoration:none;
display:block;
padding:4px 24px;
color:#fff;
font-family:arial;
}
#menu1 ul a{
padding:8px 0;
}
#menu1 li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu1 li:hover a, #menu1 li li:hover a{
color:#000;
}