/* 
Css screen - Lunison
*/

/* -- Reset  -- */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, img, small, strike, strong, 
ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

ol, ul {
list-style: none;
}

hr {
display: none;
}

/* -- global -- */

html {
background: #000;
}

body {
background: #000;
font: 0.90em/1.1em Verdana, Arial, sans-serif;
color: #FFF;
height: 100%;
}

#global {
margin: 0px auto;
width: 900px;
}

a{
color: #fff;
}

a:hover, a:focus, a:active{
color : #b5b5b5;
}

/* logo */

h1{
float: left;
display: block;
width: 600px;
font-size: 2em;
margin-left: 35px;
word-spacing: 0.1em;
margin: 40px 0px 15px;
}

h1 span{
font-size: 1.1em;
font-style: italic;
border-bottom: solid 3px #383838;
}

/* -- colonne -- */

#colonne {
width : 300px;
float: right;
text-align : center;
margin-top: 40px;
}

#colonne p{
text-align: left;
font-size: 0.75em;
margin: 20px 20px 20px;
}

#colonne p strong{
font-size: 1.1em;;
}

/* vignette */
#vignette{
margin: 20px 0px;
}

#vignette a img{
border: solid 1px #000;
padding: 2px;
}

#vignette a:hover img, #vignette a:focus img, #vignette a:active img{
border: solid 1px #eee;
}

/* -- contenu -- */

#contenu {
width : 550px;
margin-top: 10px;
text-align: center;
float: left;
}

#contenu img {
margin-top: 35px;
}

/* -- pied -- */
#pied {
padding: 25px 10px 20px 10px;
font-size: 0.8em;
clear: both;
}

#pied p {
padding: 3px 0px;
}