body {margin: 0;padding: 0;background: #F4FBFF url(images/fond.jpg) repeat-x;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;color: #405A67;}

h1, h2, h3 {margin: 0;font-weight: normal;color: #4F6977;}
h1 {letter-spacing: -1px;font-size: 44px;}
h2 {font-size: 28px;}
h3 {font-size: 16px;}

p, ul, ol {margin: 0 0 1.5em 0;line-height: 1.5em;}
p {}

blockquote {font-style: italic;}

ul {}
ol {}

a {color: #38B5F1;text-decoration: none;}
a:hover {color: #38B5F1;text-decoration: underline;}

.pseudoem {color: blue;text-decoration: none;}
.pseudoem:hover {color: blue;text-decoration: underline;}
.pseudoef {color: pink;text-decoration: none;}
.pseudoef:hover {color: pink;text-decoration: underline;}

.pseudoam {color: blue;text-decoration: none;}
.pseudoaf {color: pink;text-decoration: none;}

small {}

hr {display: none;}

img {border: none;}
img.left {float: left;margin: 0 15px 0 0;}
img.right {float: left;margin: 0 0 0 15px;}

#haut {width: 954px;height: 183px;margin: 0 auto;background: url(images/bandeau.jpg);}

#intitule {position: absolute;float: right;width: 550px;color: #fff;}
#intitule h1, #intitule p {color: #FFFFFF;}
#intitule h1 {padding-top: 50px;padding-left: 35px;position: absolute;font-size: 50px;font-weight: bold;}
#intitule p {font-size: 18px;position: absolute;padding-top: 105px;padding-left: 55px;}
#intitule a {text-decoration: none;color: #FFFFFF;}

#menu {float: right;}
#menu ul {margin: 0;padding: 140px 20px 0 0;list-style: none;line-height: normal;}
#menu li {display: inline;}
#menu a {padding: 0 22px 0 0;text-decoration: none;font-size: 16px;font-weight: bold;color: #FFFFFF;}
#menu a#version {padding: 0 28px 0 0;text-decoration: none;font-size: 16px;font-weight: bold;color: blue;}

#page {width: 954px;margin: 0 auto;background: #FFFFFF url(images/barreseparateur.jpg) repeat-y;}

#fond {background: url(images/pagebas.jpg) no-repeat left bottom;}

#contenu {float: left;width: 680px;background: url(images/pagegauche.jpg) no-repeat;}
#navigation {padding-left: 30px;padding-top: 15px;float: left;width: 635px;height: 30px;}

.billet {width: 606px;padding: 30px 0 0 48px;}
.billet .titre {padding: 0 0 0 12px;}
.billet .titre a {color: #38B5F1;text-decoration: none;}
.billet .titre a:hover {color: #38B5F1;text-decoration: underline;}
.billet .titre2 {margin: -26px 25px 15px 0;text-align: right;color: #79AFCD;}
.billet .texte {padding: 25px 20px 0 12px;background: url(images/billethaut.jpg) no-repeat;}
.billet .meta {padding: 15px 12px;background: url(images/billetbas.jpg) no-repeat left bottom;}
.billet .meta b {display: none;}
.billet .plus, .billet .commentaires {padding: 0 10px 0 20px;}
.billet .plus {background: url(images/plus.gif) no-repeat left center;}
.billet .commentaires {background: url(images/commentaires.gif) no-repeat left center;}

#barre {float: right;width: 274px;background: url(images/pagedroite.jpg) no-repeat;}
#barre ul {width: 206px;margin: 0;padding: 0 0 0 30px;list-style: none;}
#barre li {}
#barre li ul {width: auto;padding: 0 15px 0 10px;}
#barre li li {padding: 5px 0 5px 0;background: url(images/barreligne.gif) repeat-x;}
#barre li li.premier {padding-top: 0;background: none;}
#barre li h2.menu {font-size: 18px;padding: 20px 0 30px 10px;background: url(images/barrehaut.jpg) no-repeat left bottom;}
#barre li h2.espacemembre {font-size: 18px;padding: 30px 0 15px 10px;}

#pied {padding: 30px 0;}
#pied p {text-align: center;font-size: 12px;color: #83B3CE;}
#pied a {color: #83B3CE;}