/* --- Général --------------------------------------------- */

body {
    background: url(mosalis.jpg) no-repeat #868686;
    color:#DEDED0;
    font-family: arial, verdana, helvetica, sans-serif;
}

a {
    text-decoration:none;
    color: white;
}

img {
    border:none;
}


/* --- Imagettes ------------------------------------------- */
div.imagette {
    float: left; 
    position:relative;
    height: 210px; 
    width: 210px;
    margin: 3px 3px;
    background:#666666;
    border:1px solid #DEDED0;
    -moz-border-radius:12px;
}

div.rang {
    position:absolute;
    top:5px;
    left:5px;
    font-family: Verdana, Arial, sans-serif;
    font-size:30px;
    font-weight:bolder;
}

div.rang a {
    color:#DEDED0;
}

div.rang a:hover {
    color:#EEC900;
}


/* --- Titre ----------------------------------------------- */
#titre {
    margin: 20px 10px 10px 70px;
    width:85%;
    font-size: 180%;
    font-weight: bolder;
}
#haut {
    margin: 20px auto 10px auto;
    text-align:center;
    font-size:150%;
    font-weight:bolder;
}

/* --- Blocs ----------------------------------------------- */
#blocs {
    margin: 20px 10px 10px 70px;
    width: 900px;
    text-align:left;
}

/* --- Pied ------------------------------------------------ */
#pied { 
    margin: 20px 10px 10px 70px;
    width:85%;
    padding-top:4px;
    border-top:2px solid #AAA;
    font-weight:bolder;
    font-size:11px;
}

/* --- Bas -------------------------------------------------- */
#bas {
    position: absolute;
    background:#666666;
    color:#DEDED0;
    font-size:12px;
    padding:5px;
    left:0px;
    bottom:0px;
    width:99%;
}

#bas a {
    color: inherit;
    font-weight: bolder;
}

/* --- Présentation ---------------------------------------- */
img.presentation {
 background:#666666;
 padding:15px;
 -moz-border-radius:12px;
}

/* --- Légende ---------------------------------------------- */
div.legende {
    margin:2px auto;
    text-align:left;
    font-size: 0.9em;
    color:#DEDED0;
    border-bottom:1px dotted #DEDED0;
}

/* --- EXIF -------------------------------------------------- */
span.exif {
    font-weight: bolder;
}

/* == splash info ========================================== */
/* JMS 14 septembre 2007				     */
#splashfond {
	display: none;
	background: url(style/fond1.png);
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 100%;
}
#splashaffichage {
	display: none;
	background: white url(style/fond2.png) no-repeat;
	position: absolute;
	color: #666666;
	font-family: verdana, arial, helvetica, sans-serif;
	border:1px solid yellow;
	padding:100px 15px 15px 15px;
	width: 100%;
}
/* ========================================================= */