html {
font-family:arial, helvetica, sans-serif;
font-size:76%;
color:#555;
background:#FFF; 
background-image:url("images/html.png");
background-position:center center;
background-repeat:repeat-y;
text-align: justify;
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
text-align: justify;
}

p{
width: 640px;
text-align: justify;
}

#ban{
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
background-color:#FFF;
background-image:url("images/header.jpg");
background-position:25px 0;
background-repeat:no-repeat;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
text-align: justify;
}

#ban p {
position:absolute;
top:17px;
left:90px;
padding:0;
margin:0;
font-family:serif;
font-size:3em;
font-style:italic;
line-height:1em;
color:#F3F8FF;
text-align: justify;
}

#menu_top {
position:relative;
right:75px;
margin-right:-25px;
}



#menu {
position:absolute;
top:230px;
right:0;
height:26px;
width:auto;
font-family:Georgia, serif;
font-size:1.2em;
z-index:1;
}

#menu ul {
margin:0;
}

#menu ul li {
display:inline;
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;

}

#contenu {
position:relative;
top:260px;
height:100%;
background-color: ;
margin-bottom:30px;
text-align: justify;
}

#texte {
position:relative;
width:525px;
background:transparent;
text-align: justify;
}

#texte p {
font-size:1.08em;
line-height:1.3em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
text-align: justify;

}

#texte ol, #texte ul {
font-size:1.08em;
line-height:1.3em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
text-align: justify;
width: 640px;
}

h1,h2,h3,h4,h5,h6 {
height: auto;
margin-top:0;
margin-left:11px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ECECEC;
text-align: justify;
}

h1 {
width:487px;
padding-top:0em;
padding-left:12px;
font-size:1.7em;
color:#555;
background-image:url("images/h.jpg");
background-position:bottom right;
height: 45px;
}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.5em;
color:#666;
padding-left:25px;
background-position:bottom left;
}

h2 {
background-image: url("images/h.jpg");
}

h3, h4, h5, h6 {
background-image: url("images/h.jpg");
}

h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#contact {
position:absolute;
text-align: center;
}

/*additional*/


A:link {
color:#888;

}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#888;

}

A:hover {
color: #000000;
text-decoration:none;
}



/*perso*/


A{
margin: 0px 2px 0px 2px;
}

.indent{

}

.middle{
text-align: center;
font-weight: bolder;
}

.center{
text-align: center;
}

.justify{
text-align: justify;
}