/* Dioxyde.org */
* { margin: 0; padding: 0; }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; }

#haut {
    width: 98%;
    background: url(pics/fond-liberte.jpg) repeat-x -1px 0;
    height: 50px;
    padding-top: 46px;
    padding-left: 20px;
}
#haut h1 a {
    display: block;
    text-indent: -100em;
    overflow: hidden;
    width: 300px;
    height: 50px;
    background: url(pics/logo1.png) no-repeat 0 0;
}
#haut h2 {
    position: absolute;
    top: 100px;
    left: 30px;
    font-size: 14px;
    font-variant: small-caps;
}

#page { width: 800px; padding: 12px; padding-top: 30px;}
#page p,#page h2,#page h3 { margin-bottom: 10px; }

h4 { font-variant: small-caps; font-size: 0.9em; letter-spacing: 0.2em; }

ul { margin-bottom: 1em; margin-left: 2em; }

#page .intro { width: 17em; float: left; }
#page .news, #page .gallery { margin-left: 19em; border-left: 2px dashed #999; padding-left: 2em; }
#page .gallery { margin-bottom: 1em; }
#page .old { float: left; width: 17em; clear: left; margin-top: 2em; }
dt { font-weight: bold; font-size: 1.2em;  margin-bottom: 0.5em; }
dt a { color: #000; text-decoration: none; }
dd { margin-left: 2em; }
dd.date { font-style: italic; margin-bottom: 0.7em; }
dd.texte { font-family: Times New Roman, Times, serif; margin-bottom: 0.7em; }
dd.texte h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 !important;
	padding: 0;
	font-size: 1em;
}
dd.lien { font-size: 0.8em; border-bottom: 2px dashed #999; margin-bottom: 1.5em; padding-bottom: 0.5em; }
dd.lien a { color: #666; }

.gallery a { display: inline-block; width: 33%; vertical-align: middle; text-align: center; }
.gallery a img { border: 1px solid #ccc; }

.pictureGallery { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%;
    text-align: center; vertical-align: middle; background: rgba(0, 0, 0, .7); padding-top: 10em; }
.pictureGallery img { border: 2px solid #666; max-width: 90%; max-height: 800px; }

div.footer { font-size: 8pt; clear: both; }