body {
background-color: #3A6EA5;
font-family: sans-serif;
}

p {
text-indent: 2%;
}

img {
border: none;
}

a {
color: #3A6EA5;
text-decoration: none;
}

a:visited { color: #666; }

a:hover {
color: white;
background-color: #3A6EA5;
}

a:active { color: #DD4A00; }

hr {
border: 0;
color: #DD4A00;
background-color: #DD4A00;
height: 3px;
} 


div#main {
background-color: #E0DFE3;
margin: 0;
padding: 0;
border: none;
}

div#corps {
background-color: #F5F8FC;
border: none;
margin: 0 1% 0 20%;
padding : 15px;
}

div#menu {
left: 0%;
font-size:small;
position: fixed !important;
position: absolute;
top: 2em;
width: 18%;
overflow: hidden;
}

ul {
list-style-type: square;
}

#menu ul {
list-style-type: none;
}


#menu li:hover, #menu a:hover {
color: #3A6EA5;
background-color: #FFC;
}

#menu ul > li > ul > li:hover, #menu ul > li > ul > li > a:hover {
background-color: #E0DFE3;
}

div#bas {
margin: 0 2% 0 20%;
padding-bottom: 1px;
}

td {
background-color: #FFC;
border: solid #DD4A00 1px;
}

.encadre {
background-color: #FFC;
border: solid #DD4A00 2px;
margin: 10px;
padding: 10px;
}

.spacer {
clear: both;
}

.img {
font-weight: bold;
text-align: center;
}

.smallcaps {
font-variant: small-caps;
}

.gauche {
float: left;
width: 25%;
margin: 0;
}

.admin {
border-bottom: solid #DD4A00 1px;
}

div#astro {
background-color: #000;
background-image: url(astro/images/back.jpg);
border: none;
padding : 15px;
}