html {
height:100%;
margin: 0;
padding: 0;
}
body {
font: 90% "Trebuchet MS", sans-serif;
position: relative;
}

a {
color:#999999;
font-weight: bold;
border:0;
}
a:hover {
color: #c00;
}
div#conteneur{
min-height: 100%;
width: 75%;
margin: 0 auto;
border: 2px solid #4169E1;
background: #fff;
position: relative;
}
#center {
overflow: auto;
padding-bottom: 50px; 
}
div#header {
width:98%;
height:230px;
vertical-align:middle;
}
div#header h1 {
margin: 0;
position: absolute;
top: 20px;
left:20px;
font: 3em Georgia, serif;
}
#linkList {  
float:left;
width: 20%;
}
ul#navlist
{
margin: 0;
padding: 0;
list-style: none;
}


ul#navlist li a{
display: block;
height: 30px;
line-height: 30px;
background: url(img/fond_lien.png) no-repeat left top;
padding-left: 35px;
margin: 2px 0;
border-bottom: 1px solid #483D8B;
color: #4B0082;
font: small-caps 1.1em/30px Georgia,serif;
font-weight:bold;
text-decoration: none;
}
ul#navlist li a:hover {
background-position: left bottom;
color: #c30;
font-weight:bold;
}
#texto {
float:right;
width: 75%;
margin-right:10px;
padding:5px;
}
div#texto h4 {
padding-left:45px;
background: #fff url(Logos/camera.jpg) left center no-repeat;
font-family: "Lucida Handwriting", Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
}

.marco1 { 
padding:8px; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;  
font-size:95%;
color:#999999;
text-align:center;
width:95%;
}

.pictitle {
	font-family: "Lucida Handwriting", Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
	margin-left:150px;
	}
	h1.pic {
	font-size:15px;
	color:#FFFFFF;
	font-family: "Lucida Handwriting", Verdana, Arial, Helvetica, sans-serif;
	}
	
#tableindex {
width:85%;
margin-left:6%;
border-collapse:collapse;
background-color:#CCCCCC;
}
#tableindex td.mini {
width: 33%;
text-align:center;
vertical-align:middle;
}	
#tableindex td.textmini {
background-color:white;
width:210px;
height:25px;
text-align:center;
font-size:10px;
color:#666666;
word-spacing:normal;
}
.topnav {
color:#666666;
font-size:1.2em;
}
#tablepresent {
width:90%;
margin-left:3%;
}
#tablepresent td.miniat {
width:25%;
background-color:#CCCCCC;
text-align:left;
}
#tablepresent td.texto {
width: 70%;
background-color:#FFFFFF;
color:#666666;
font-size:.9em;
text-align:justify;
}
#tablepresent td.titre {
background-color:#666666;
color:#FFFFFF;
}