/*
texte
*/
body {
font-family: verdana;
font-size: 11px;
color: #ccffff;
background-size: 100%;
}

li { margin-left: 20px; margin-top: 1px; margin-bottom:1px; padding: 0px; }

form {
margin: 0px;
}

input,textarea,select 
{
font-family: verdana;
font-size: 11px;
color: #000;
}

h1 {
margin: 0px 0px 0px 0px;
font-family: "Trebuchet MS";
font-size: 11px;
text-align: right;
text-transform: uppercase;
}

h2 {
margin: 0px 10px 10px 10px;
font-family: "Trebuchet MS";
font-size: 15px;
text-transform: uppercase;
}

h3 {
margin: 0px 10px 10px 10px;
font-family: "Trebuchet MS";
font-size: 11px;
text-align: right;
text-transform: uppercase;
}

a:link { color: #ccffff; font-weight: bold; }
a:visited { color: #ccffff; font-weight: bold; }
a:hover {color: #999; font-weight: bold; }
a:active { color: #999; font-weight: bold; }


.titre {
border-bottom: 1px dotted #fff;
font-weight: bold;
}

.tiny {
font-family: "Trebuchet MS";
text-transform: uppercase; 
font-size: 8px;
text-align: right;
}

.border { border: 1px dotted #fff; }

.edit a:link { color: yellow; text-decoration: none; }
.edit a:visited { color: yellow; text-decoration: none; }
.edit a:hover { color: white; text-decoration: none; }

.del a:link { color: red; text-decoration: none; }
.del a:visited { color: red; text-decoration: none; }
.del a:hover { color: white; text-decoration: none; }

.partenaire a:link { color: #fff; text-decoration: none; font-weight: lighter; }
.partenaire a:visited { color: #fff; text-decoration: none; font-weight: lighter; }
.partenaire a:hover { color: #993300; text-decoration: none; font-weight: lighter; }

/*
site agencement
*/

#formulaire
{
width: 480px;
}

#lisible
{
background-image: url('images/lisible.png');
background-repeat:repeat;
background-position: center middle;
background-attachment: scroll;
height: 620px;
width: 100%;
}

#alignementbody
{
margin-left: auto;
margin-right: auto;
width: 740px;
}

#titre
{
width: 702px;
height: 112px;
background-image: url('images/banniere.png');
}

#liens
{
position: relative;
left: 250px;
top: 75px;
width: 400px;

  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;

}

#middle
{
width: 500px;
position: relative;
}

#middle_top
{
height: 16px;
background-image: url('images/middle_top.png');
}

#middle_center
{
background-image: url('images/middle_center.png');
padding-left: 10px;
padding-right: 10px;
}

#middle_bottom
{
height: 30px;
background-image: url('images/middle_bottom.png');
background-repeat: no-repeat;
}

#edito
{
width: 478px;
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 12px;
margin: 2px;
border: 1px dotted #fff;
background-image: url('images/edito.png');
background-repeat: repeat-x;
background-position: bottom;
}

#right
{
position: absolute;
width: 222px;
margin-left: 515px;
}

#right_top
{
height: 16px;
background-image: url('images/right_top.png');
}

#right_center
{
padding-top: 6px;
padding-left: 11px;
padding-right: 10px;
background-image: url('images/right_center.png');
}

#right_bottom
{
height: 15px;
background-image: url('images/right_bottom.png');
}

#date
{
width: 475px;
position: absolute;
margin-right: 15px;
padding-top: 6px;
text-align:right;
}

#bottom
{
height: 10px;
margin-top: 8px;
}

#commentfond
{
width: 475px;
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 12px;
margin: 2px;
border: 1px dotted #fff;
background-image: url('images/edito.png');
background-repeat: repeat-x;
background-position: bottom;
}

#commentaire
{
position: absolute;
text-align: right;
width: 470px;
}

#page
{
width: 465px;
text-align: right;
}

#number
{
position: absolute;
width: 475px;
text-align: right;
}

#matete
{
margin-top: 12px;
margin-bottom: 12px;
margin-left: 10px;
width: 200px;
height: 267px;
border: 1px solid #fff;
}

#quote
{
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 12px;
margin: 0px;
border: 1px dotted #fff;
background-image: url('images/edito.png');
background-repeat: repeat-x;
background-position: bottom;
}

#source
{
border: 1px dotted #fff;
background-image: url('images/edito.png');
background-position: bottom;
padding: 5px;
}