body
{ font-family: Verdana; font-size: 8pt; color: #000080;
margin-top:0;
}
/*.img {border: 3px double #000080}
:hover.img {border: 3px double #000080}*/
a:hover     { color: #000080 }
a:link     { color: #0000ff }
a:active     { color: #000080 }
a:visited     { color: #0000ff }
a
{
	text-decoration:none;
	font-weight:bold;
}
.bold
{
	font-weight:bold;
}
img
{
	border:0;
}
/*
.divimg
{
	width:300px;;
	float:left;
	margin:5px;
	border:1px solid;
	text-align:center;
	padding:5px;
}*/
.listdir div
{
	width:25%;
	float:left;
	text-align:left;
}
.hrl
{
	width:150px;
	text-align: left;
	margin: 0 auto 0 0;
}
.clear
{
	clear:both;
	visibility:hidden;
}

#navi
{
	padding:5px;
	text-align:center;
	border:1px solid;
}

.ok
{
	font-weight:bold;
	color:#008000;
}
.warning
{
	font-weight:bold;
	color:red;
}
/*
textarea.link
{
	width:100px;
	height:50px;
}

*/
/* Mise en page inspirée de Mahlon E. Smith <mahlon@martini.nu> pour LiveJournal.com / PicPix.com --> */

div.picbox
{
    /*width: 800px;*/
    text-align: left;
}

.pic
{
    float: left;
    padding: 5px 5px 20px 20px;
    min-height: 0px;
border-right:1px solid;
border-bottom:1px solid;
margin:2px;
width:30%;
}

.picshadow
{
	margin-left:auto;
	margin-right:auto;
    background: url("images/imgshadow.png") no-repeat bottom right;
}

.picshadow .img
{
    background-color: #ffffff;
    margin: -6px 6px 4px -8px;
    padding: 6px; /*liseré blanc*/
    border: 1px solid #bbb;
}

.pic p.des {
    font-size: 9px;
    color: #777777;    
    border-top: 1px dotted #999999;
    border-bottom: 1px dotted #999999;
overflow-y: auto;
	height:50px;
}

div.spacer
{
    clear: both;
}

.msg {
font-weight:bold;
}

.error, .attention {
color:red;
}