body {
color:#333;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
text-align:center;
background-color:#fff;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

a {
color:#aa9b55;
text-decoration:none;
}

a:hover{
color:#58a;
text-decoration:none;
}


div#popup {
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color: #333;
margin: 10px 10px 10 px 10px;
text-align:center;
}

#popup img {
border-width: 1px;
border-style: solid;
border-color: #999;
margin:10px;
padding:4px;
}
	

#popup a {
color:#999;
text-decoration:none;
}

#popup a:hover{
color:#333;
text-decoration:underline;
}
 


div#logo{
text-align:center;
font-family:verdana,arial,helvetica,sans-serif;
font-size:25px;
color:#867666;
margin:10px 0 25px 0;
letter-spacing:0.1em;
}

h1{
font-family:arial,helvetica,sans-serif;
font-size:16px;
font-weight:blod;
color:#867666;
line-height:1.4em;
margin:10px 0 5px 0;
}

h2{
text-align:left;
font-family:arial,helvetica,sans-serif;
font-size:20px;
color:#cc6600;
letter-spacing:0.1em;
margin:25px 0 0 0;
border-bottom: 1px solid;
}


div#conteneur{

margin-left:150px;
margin-top:25px;
margin-right:150px;
text-align:left;
}

div#conthome{
margin:100px 90px 0 90px ;
width:750px;
margin-right:auto;
margin-left:auto;
}


div#illustration{
float:left;
padding:10px;
}

.vignette{
float: left;
width: 220px;
height: 240 px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color: #333;
text-align: center;
margin: 0px 10px 10px 10px;
}

.horiz {margin:60px 0 10PX 0;
}

.carre {margin:10px 0 10PX 0;
}

.verti {margin:0 0 10PX 0;
}

div#bio{
margin-top: 25px;
margin-right:150px;
margin-left:150px;
padding:10px;
color:#333;
text-align:left;
}


div#annonce{
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color: #333;
padding:10px;
text-align:left;
}


ul#menu {
margin:0;
padding-left:20;
padding-top:10px;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
letter-spacing:0.5em;
text-align: center;
border-top: 1px solid;
}

#menu a {
color:#867666;
text-decoration:none;
}

#menu a:hover{
color:#333;
text-decoration:none;
}

#menu li {
display: inline;
padding-left: 0;
margin: 0 15px 0 15px;
}

.active {
color:#cc6600;
}

img#portrait {
float:right;
padding: 10px 10px 10px 10px;
}



.separation {
clear:both;
visibility: hidden;
}