body {
background-image: url("fonds.png") ;
background-attachment: fixed;
margin:5px 5px 5px 5px;
}

h1 {
font-family:sans-serif;
text-align: center;
font-size:160%;
color:navy;
text-align:center;
}

h2 {
font-family:Courier New;
font-size:140%;
color:navy;
text-align:center;
}

h3 {
font-family:verdana, sans-serif;
font-size:100%;
color:white;
background-color:#696969;
text-align:center;
}

h4 {
font-family:Courier New;
font-size:120%;
color:navy;
background-color:#EFECCA;
text-align:center;
}

a:link { color :#663300;
	text-decoration:none ;  
}

a:visited { color: purple ;
		text-decoration:none ;  
} 

A:hover { color: ffd700 ; font-size: 14pt ;
		text-decoration:underline ;
}

ul,li {
	list-style-type: none;
	margin: 20;
	padding: 25px;
	font-size:100%;

	line-height: 35px;
}	


div#haut {
	
	clear : both;
	height:160px;
	padding : 1px;
	font-family:times new roman, serif;
	color:black;
}

.logo {
	position:absolute;
	top:5px;
	right:150px;
	width:8%;
}


.menuh { 
	position:absolute;
	top:260px;
	left:190px;
	width:80%;
}


div#navbarh {
    height: 30px;
    width: 100%;
    margin-top:200px;
    margin-left:200px;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #cc9966;
}

div#navbarh ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 100%;
    color: #222222;
    line-height: 20px;
    white-space: nowrap;
}
div#navbarh li {
    list-style-image: url(loupe.gif);
    display: inline;
}
div#navbarh li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #222222;
}
div#navbarh li a:link {
    color: #FFF:
}
div#navbarh li a:visited {
    color: #3300CC;
}
div#navbarh li a:hover {
    font-weight: bold;
    color: #ffd700;
    background-color: #CC9966;
}

li {
font-family:times new roman, serif;
font-size:80%;
color:cyan;
background-color:none;
text-align:left;
margin-left:0px;
margin-right:0px;
}


div#menuh { 
	position:absolute;
	top:115px;
	left:180px;
	width:80%;
}

div#menuv {
	position : fixed;
	background-color: #cc9966;
	width: 140px;
	margin : 30px 0px;
	padding: 10px;font-family:times new roman, serif;
	color:black;
}

div#corps {
	clear both;
	padding : 10px 15px 0px 15px;
	margin : 100px 200px;
	font-family:times new roman, serif;
	color:black;
}

div#espacedroite {
	float : right;
	width: 200px;
	margin : 20px 0px;
	
}

div#pied { 
	clear: both;
	margin : 20px 0px 0px 0px
}

.HEURE {
	position:absolute;
	background-color: #80a0a0;
	top:10px;
	left:10;
	widht:140px;
	height:50px;
}

dl, dt, dd, ul, li {
margin: 5px;
padding: 0;
list-style-type: none;
}
#menu {
 height: 30px;
    width: 75%;
    margin-left:200px;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #cc9966;
}
#menu dl {
float: left;
width: 8em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;


}
#menu dd {

}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {

text-decoration: none;
display: block;
height:120%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}


  
#wrapper {  
    
    margin: 0 auto;             /* center the page */  
}  
  
#content {  
    background-color: #fff;  
    border: 1px solid #000;  
    float: left;  
    font-family: Arial;  
    padding: 20px 30px;  
    text-align: left;  
    width: 100%;                /* fill up the entire div */  
}  
  
#menu {  
    float: left;  
    border: 1px solid #000;  
    border-bottom: none;        /* avoid a double border */  
    clear: both;                /* clear:both makes sure the content div doesn't float next to this one but stays under it */  
    width:100%;  
    height:20px;  
    padding: 0 30px;  
    background-color: #FFF;  
    text-align: left;  
    font-size: 85%;  
}  
  
#menu a:hover {  
    background-color: #009FC1;  
}  
  
#userbar {  
    background-color: #fff;  
    float: rightright;  
    width: 250px;  
}  
  
#footer {  
    clear: both;
    margin : 20px 0px 0px 0px  
}  
  
/* begin table styles */  
table {  
    border-collapse: collapse;  
    width: 100%;  
}  
  
table a {  
    color: #000;  
}  
  
table a:hover {  
    color:#373737;  
    text-decoration: none;  
}  
  
th {  
    background-color: #B40E1F;  
    color: #F0F0F0;  
}  
  
td {  
    padding: 5px;  
}  
  
/* Begin font styles */  
h1, #footer {  
    font-family: Arial;  
    color: #F1F3F1;  
}  
  
h3 {margin: 0; padding: 0;}  
  
/* Menu styles */  
.item {  
    background-color: #00728B;  
    border: 1px solid #032472;  
    color: #FFF;  
    font-family: Arial;  
    padding: 3px;  
    text-decoration: none;  
}  
  
.leftpart {  
    width: 70%;  
}  
  
.rightpart {  
    width: 30%;  
}  
  
.small {  
    font-size: 75%;  
    color: #373737;  
}  
#footer {  
    font-size: 65%;  
    padding: 3px 0 0 0;  
}  
  
.topic-post {  
    height: 100px;  
    overflow: auto;  
}  
  
.post-content {  
    padding: 30px;  
}  
  
textarea {  
    width: 500px;  
    height: 200px;  
}