/* --- GÉNÉRAL --- */
html, body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0;
 padding: 0;
 background: black url(loading.gif) center center no-repeat;
 height: 100%;
 color:white;
 /*
 */
}
html {font-size: 100%;}
body {font-size: 12px;}

body a {color:#ccc}
body a:hover {color:white}

/* --- BLOC CONTENEUR GLOBAL --- */
div#main {
 position: relative; /* permet au bloc de servir de référent pour ses descendants positionnés en absolu */
 width: 1200px;
 margin: 0 auto;
 padding:0;
 height: auto !important;
 height: 100%;
 min-height: 100%;
 background: transparent;
 color: white;
}

#firstline {
 text-align:center;
 height:30px;
 top:10px;
 left:50%;
 margin-left:-225px;
 position:absolute;
 width:450px;
}

#previous, #next, #info {
 display:inline;
}

.photo {
 top:40px;
 left:50%;
 margin-left:-450px;
 position:absolute;
 width:900px;
 height:600px;
 border:0;
}

.legende {
 text-align:center;
 background: transparent url(images/bg.png) ! important;;
 background: url(no-image);
 color:#dddddd;
 top:40px;
 left:50%;
 margin-left:-450px;
 position:absolute;
 width:900px;
 height:600px;
 padding:0px;
 font-weight:bold;
 line-height:120%;
}

.legende div {
 margin:auto;
 font-size: 110%;
}

.legende table {
 margin:0;padding:0;border:0;width:900px;height:600px;
}

.legende table td {
 text-align:center;vertical-align:middle;padding:20px;
}