body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 30px;
margin-left:170px;
background-color: #99CCCC;
width:740px;
position:fixed;
}
#conteneur {
position: absolute;
width: 900px;
height:100%;
background-color:#FFFFFF;
}
#centre {
background-color:#FFFFFF;
margin-left: 175px;
padding-left: 30px;
margin-top: 65px;
}
#centreworks {
background-color:#FFFFFF;
margin-left: 160px;
padding-left: 15px;
margin-top: 71px;
}
#centrewords {
background-color:#FFFFFF;
margin-left: 160px;
padding-left: 15px;
margin-top: 93px;
}
#centrebio {
background-color:#FFFFFF;
margin-left: 160px;
padding-left: 15px;
margin-top: 50px;
}
#centreindex {
background-color:#FFFFFF;
margin-left: 160px;
padding-left: 10px;
margin-top: 55px;
}
#langue {
float: right;
margin-right: -1px;
margin-top: -50px;
}

#centre2 {
background-color:#FFFFFF;
margin-left: 160px;
padding-left: 60px;
margin-top: 10px;
}

#centre2 a {
background : #000000; 
color:#FFFFFF;
}
#centre2 a:visited {
color:#CCCCCC;
}


#barre {
position: relative;
background-color:#fffff;
border:1px solid black;
margin-left:170px;
padding-left: 4px;
padding-top: 1px;
height:20px;
width:740px;
margin-top: 200px;
color:#000000;
}
#gauche {
position: fixed;
left:0;
width:160px;
height: 100%;
background-color: #FFFFFF;
}
#droite {
position: fixed;
left:900px;
width:1px;
height: 100%;
background-color: #000000;
}
#sousmenu {
position:fixed;
left:0;
margin-top: 200px;
width:160px; 
background-color: #FFFFFF;
font-style: italic;
}
.titre1 {
background-color: white;
height: 25px;
}
.titre2 {
background-color: black;
height: 22px;
color:white;
}
#recent {
background-color:#FFFFFF;
width:530px;
height:80px;
margin-left:4px;
margin-top:10px;
position:relative;
float:left;
}
#image {
background-color:#FFFFFF;
position:relative;
float:left;
width:75px;
height:75px;
}
#boite0, #boite1, #boite2, #boite3, #boite4, #boite5, #boite6      {
background-color:#FFFFFF;
position:fixed;
left:174px;
top:200px;
width:600px; 
height: 160px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#mail {
margin-top:84px;
position:relative;
float:left;
}

#dump {
	background-color:#FFFFFF;
	width:690px;
	height:160px;
	position:relative;
	float:left;
	text-decoration:none;
}

#dump span {
padding-top: 80px;
float:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
}

#dump a {
text-decoration: none;
}

#dump a span {
visibility: hidden;
}

#dump a:hover {
text-decoration: none;
}

#dump a:hover span {
visibility: visible;
margin-top: 40px;
}

#dump img {
	position:absolute;
	padding-top: 35px;
	left: -47px;
	top: 1px;
}


#moben {
display:block;
text-align:right;
padding-top: 2px;
padding-right: 2px;
}


#maurice2 {
float:left;
padding-top:3px;
}

input {
border:1px solid black;
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:black;
font-size:10px;
}


.menugauche {
list-style-type: none;
margin: 0;
padding-top:30px;
padding-left:10px;
color: #666;
letter-spacing: normal;
font-size: 14px;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche li:hover {
background : #999999; 
}
.menugauche li.choice {
margin-bottom: 5px;
background : black; 
}
.menugauche li.mauben{
margin-bottom: 5px;
background : white;
color: #666;
letter-spacing: normal;
font-size: 14px;
font-weight: bold;
}
.menugauche a {
margin: 0 2px;
color: #000000;
letter-spacing: normal;
text-decoration: none;
font-size: 14px;
font-weight:bold;
}
.mauben a {
margin: 0 2px;
color: #666;
letter-spacing: normal;
text-decoration: none;
font-size: 14px;
font-weight:bold;
}
.menugauche a.choice {
margin: 0 2px;
color: #FFFFFF ;
}
.menugauche a:hover {
color: #333;
}
.mauben a:hover {
margin: 0 2px;
color: #666;
letter-spacing: normal;
text-decoration: none;
font-size: 14px;
font-weight:bold;
}
.menugauche a.choice:hover {
color: #FFFFFF ;
}



p {margin: 0 0 10px 0;}

.menugauchebas {
list-style-type: none;
margin: 0;
padding-top:30px;
padding-left:10px;
color: #666;
letter-spacing: normal;
font-size: 14px;
}
.menugauchebas li {
margin-bottom: 5px;
}
.menugauchebas li:hover {
background : #999999; 
}
.menugauchebas li.choice {
margin-bottom: 5px;
background : #999999; 
}
.menugauchebas li.parent{
margin-bottom: 5px;
background : black;
color: #FFFFFF ;
}
.menugauchebas a {
margin: 0 2px;
color: #000000;
letter-spacing: normal;
text-decoration: none;
font-size: 12px;

}
.menugauchebas a.choice {
margin: 0 2px;
color: #FFFFFF ;
}
.menugauchebas a.parent {
margin: 0 2px;
color: #FFFFFF ;
}
.menugauchebas a:hover {
color: #333;
}
.menugauchebas a.choice:hover {
color: #FFFFFF ;
}


form {
display:inline;
margin:0px;
padding:0px;
}
ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin: 0px;
margin-top: -3px;
}

.menu li {
float: left;
height: 18px;
}

.menu a {
padding-left: 10px; 
padding-right: 10px; 
padding-top: 4px; 
height: 18px;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
background: #000;
letter-spacing: normal;
font-size: 12px;
}

.menu a:active {
background: #999;
color: #000;
}
.mentions {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a.test {
text-decoration: none;
color: #222;
}
a.test:hover{
text-decoration: none;
}



.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
padding-left: 2px; 
letter-spacing: 1px;
}

#test {
padding-left: 10px; 
padding-right: 10px; 
height: 22px;
display: block;
text-align: center;
text-decoration: none;
color: #CCC;
background: #fff;
letter-spacing: normal;
}
.projet{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
font-weight: bold;
font-style: italic;
}
a.projets {
color: #000;
text-decoration: none;
font-size: 12px;
font-style: italic;
}
.nature {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
}
.photos{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
}