/* Style du blog
-------------------------------------------------------- */
html,body{
margin:0;
padding:0;
text-align:center;
}
body{
font-size:80%;
line-height:1.3em;
border-top-style:solid;
border-top-width:10px;
}
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;}
pre,code{
font-size:1.2em;
}
pre{
width:100%;
overflow:auto;
border:1px solid #ccc;
}
fieldset{
border:none;
}
p.field{
clear:left;
margin-left:10px;
}
label.float{
position:relative;
float:left;
width:45%;
}
input,textarea,option{
-moz-border-radius:7px;
padding:2px;
font-size:12px;
}
input.text:focus,textarea:focus{
border-style:inset;
}
textarea{
width:100%;
}
a:hover{
text-decoration:none;
}
.left{
float:left;
margin-right:1em;
}
.right{
float:right;
margin-left:1em;
}
img{
border:0;
}
.erreur,.message{
margin-top:5px;
border-left:6px solid #8b120d;
margin:20px;
padding:15px;
width:100%;
}
.message{
border-left:6px solid #006600;
}
.erreur span,.message span{
color:#8b120d;
font-weight:bold;
}
.message span{
color:#006600;
}
.erreur li{
list-style-type:square;
}

/* Style de la page
-------------------------------------------------------- */
#page{
color:inherit;
width:780px;
margin:0 auto;
text-align:left;
}

/* Style de l'entête (haut)
-------------------------------------------------------- */
#haut{
margin:0;
height:120px;
text-align:right;
}
#haut h1{
height:80px;
line-height:80px;
margin:0 80px 0 0;
padding-top:20px;
color:#faa302;
}
#haut h1 a{
text-decoration:none;
}
#prelude{
position:absolute;
width:780px;
top:7px;
left:50%;
margin:0 0 0 -390px;
padding:0 1ex;
background:transparent;
text-align:center;
}
#prelude a{
background:transparent;
}
#prelude a:hover{
background:transparent;
}

/* Style du contenant
-------------------------------------------------------- */
#contenant{
float:left;
width:520px;
margin-top:150px;
}

/* Style du contenu
-------------------------------------------------------- */
#contenu{
margin:0 0 0 30px;
padding:1em 0 0 0;
}

/* Contenu: style des articles
-------------------------------------------------------- */
.post-chapo{
margin-bottom:2em;
}
.post-date{
font-size:1em;
font-weight:bold;
margin-top:2em;
text-align:right;
background:transparent;
}
.post-titre{
margin:1.5em 0 0 0;
}
.post-titre a{
text-decoration:none;
}
.post-info,.post-com{
font-size:0.85em;
}
.post-info{
margin:0;
}
.post-com{
clear:both;
margin-top:0;
}
.form-aide{
font-size:0.85em;
text-align:center;
}

/* Contenu: style des commentaires et rétroliens
-------------------------------------------------------- */
#coms,#retroliens{
margin:0.2em;
}
#coms blockquote,#retroliens blockquote,#preview blockquote{
display:block;
margin:0;
padding:1px 1em;
font-style:normal;
background:transparent;
}
.com-info{
margin-bottom:0;
font-size:0.85em;
}

/* Style du menu
-------------------------------------------------------- */
#menu{
float:right;
width:240px;
padding-bottom:4em;
}
#menu a{
font-size:1em;
text-decoration:none;
}
#menu div{
margin:0 30px 0 0;
padding:1ex 1em;
}
#menu div{
color:inherit;
}
#menu div ul{
margin:0;
padding:0;
list-style:none;
}
#menu h2,#menu h3{
margin:0 0 1ex 0;
}
#menu h2{
font-size:1.2em;
}
#menu h3{
font-size:1em;
margin:0;
}

/* Menu: style des blocs
-------------------------------------------------------- */
#menu div#calendrier table{
font-size:0.8em;
text-align:center;
margin:0 auto;
border-collapse:collapse;
}
#menu div#calendrier table caption{
margin:0 auto;
}
#menu div#calendrier table th{
background:transparent;
}
#menu div#calendrier table td{
width:14%;
line-height:2em;
}
#menu div#calendrier table td a{
display:block;
font-weight:bold;
text-decoration:none;
}

/* Style du pied de page (bas)
-------------------------------------------------------- */
#bas{
padding:1ex 1em 1ex 1em;
margin:0;
clear:both;
text-align:center;
}
#bas ul{
clear:both;
margin:5px;
padding:0;
}
#bas li{
display:inline;
list-style-type:none;
}