/* GENERAL */

* {
margin: 0;
padding: 0;
}

body,
input,
textarea
{
font-family: arial, verdana, arial, times, "times new roman", serif;
font-size: 12px;
}

html {
color: #000;
background-color: #fff;
}

a {
color: #000;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}

img {
border: 0;
vertical-align: middle;
}

p {
text-align: left;
}

input {
padding: 1px 2px;
}

textarea {
padding: 2px;
}

.none {
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size: .1em;
}

li {
list-style: none;
}








/* STRUCTURE */

html {
background-color: #000;
}

body {
font-family: "Trebuchet MS";
background: #000 url(../img/str-body.jpg) no-repeat right top;
}

div#corps {
position: relative;
margin: 0 auto;
padding: 50px 0 0 0;
width: 606px;
}


/* ENTETE */

div#entete {
width: 606px;
height: 100px;
background: #fff url(../img/str-entete.gif) no-repeat 0 0;
}

div#entete h1 {
padding: 10px 0 0 10px;
width: 94px;
height: 55px;
background: transparent url(../img/str-entete-logo.jpg) no-repeat 10px 10px;
}

h2.titre_page {
padding: 215px 30px 0 0;
text-align: right;
font-size: 1.5em;
text-transform: uppercase;
background: transparent url(../img/str-titre_page.png) no-repeat right 215px;
}


/* KONTENT */

div#kontent {
padding: 0 20px 40px 20px;
background: #fff url(../img/str-kontent.gif) no-repeat left bottom;
height: auto !important;
min-height: 200px;
height: 200px;
}


/* PIED */

div#pied {
}

div#pied p {
}

div#pied p span {
}




/* ELEMENTS EN ABSOLUTE */

div#menu_principal {
position: absolute;
top: 25px;
right: 0;
}