* { padding: 0; margin: 0; }
html, body { height: 100%; }
body { background: #111; color: #ccc; font-family: arial; font-size: 13px; }
img { border: 0 none; }
a { border: 0 none; }

.display-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(null.gif); }
.display-image div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
.display-image img { position: absolute; display: block; left: 50%; top: 50%; background: #fff; }
.display-image img.close { position: absolute; display: none; left: 50%; top: 50%; width: 16px; height: 16px; background: url(displayimg/close.png); cursor: pointer; }

.bleue { color: #f60; }
.gris { color: #aaa; }
.blanc { color: #fff; }
ins { color: #f60; font-weight: bold; letter-spacing: 2px; text-decoration: none; }

#conteneur { position: relative; width: 640px; margin: 0 auto; padding: 30px 30px 30px 230px; }
#menugauche { position: absolute; left: 0; top: 30px; }
#menu ul { width: 178px; border-top: 1px solid #630; border-right: 1px solid #310; border-bottom: 1px solid #310; border-left: 1px solid #630; }
#menu ul li { list-style: none; padding-top: 3px; width: 176px; height: 19px; border-top: 1px solid #310; border-right: 1px solid #630; border-bottom: 1px solid #630; border-left: 1px solid #310; }
#menu a { color: #ccc; text-decoration: none; font-family: arial; font-size: 9pt; letter-spacing: 1px; padding-left: 10px; }
#menu a:hover { color: #fff; text-decoration: none; font-family: arial; font-size: 9pt; letter-spacing: 1px; padding-left: 10px; }
#menu a.active { color: #f60; }

#exemples img { border: 1px solid #f60; }

h2 { font-size: 13px; font-weight: normal; font-family: arial; letter-spacing: 1px; color: #f60; margin: 5px 2px 2px 12px; }
h1 { font-size: 15px; font-family: arial; letter-spacing: 2px; color: #f60; margin: 5px 2px 20px 0; }
h3 { color: #fff; letter-spacing: 2px; }

em { color: #099; }
big { color: #f60; font-weight: bold; font-size: 50px; }
hr {border:1px solid #333;}

.screenshots { width: 640px; height: 114px; }
.screenshots .espace { width: 202px; }
.screenshots a img { border: 1px solid #f60; }
.screenshots a:hover img { border: 1px solid #fff; }

.tableau { border-top: 1px solid #000; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #000; width: 650px; }
.tableau td { padding: 10px; height: 19px; border-top: 1px solid #666; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #666; background:#333;}
.tableau td a { color: #fff; }

#footer { font-size: 11px; letter-spacing: 2px; position: absolute; bottom: 10px; left: 0; text-align: center; width: 900px; }
#footer img { border: 0 none; }
#footer span { display: none; }

#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

.tablefonction { width: 650px; border: 0 none; }
.tablefonction .fonctiondescr { text-align: justify; font-size: 12px; background:url(images/bulle.gif) no-repeat; padding: 5px 12px 5px 40px; width: 570px; }
.tablefonction .fonctiondescr strong{color:#f60; font-size:15px;}
.tablepicto { width: 80px; }

#location { background:#222; padding: 8px; text-align: justify; width: 160px; font-size: 9pt; border-top: 1px solid #666; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #666; }

#flv-player { height: 400px; width: 640px; }