/* Structure générale du thème (agencement des blocs etc.)
-------------------------------------------------------- */
html, body{margin:0;padding:0;text-align:center;}
img{border:0;}
#page{width:780px;margin:1em auto;text-align:left;}
#haut{margin:0;}
#haut h1{margin:0;}
#contenant{float:right;width:520px;}
#contenu{margin:0 30px 0 0;padding:1em 0 0 0;}
.post{margin-bottom:4em;}
#menu{float:left;width:240px;padding-bottom:4em;}
#menu div{margin:0 0 0 20px;padding:1ex 1em;}
#bas{padding:1ex 1em 1ex 1em;margin:0;clear:both;}

/* Principaux éléments HTML du thème
-------------------------------------------------------- */
body{color:#000000;font-size:75%;line-height:1.5em;
font-family:arial, helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:arial, helvetica, sans-serif;}
h1{font-size:1.8em;}
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 #cccccc;}
fieldset{border:none;text-align:center;}
label{cursor:pointer;}
.champs label{display:block;}
input,textarea{border:1px solid #805540;}
input.submit{background:#805540;color:#ffffff;}
textarea{width:100%;font-size:1em;
font-family:arial, helvetica, sans-serif;}
a{color:#805540;text-decoration:none;}
a:visited{color:#808040;}
a:hover{color:#807950;text-decoration:none;}

/* Gestion de l'arrière-plan (images, couleurs etc.)
-------------------------------------------------------- */
body{
background:transparent    ;}
#page{
background:#f7f8fa    ;}
#haut{
background:transparent url(http://image.mabulle.com/e/er/erems.mabulle.org/entete0106.jpg) no-repeat 0px 0px;}
#contenant{
background:transparent    ;}
#contenu{
background:transparent    ;}
#contenu h2{
background:a62929 url(http://image.mabulle.com/e/er/www.mabulle.com/logo.jpg) no-repeat 0px 0px;}
#menu{
background:#ffeecd    ;}
.date-article{
background:transparent;}
.titre-article{}
.titre-article a{}
.info-article{
background:transparent;}
.info-article a{
background:transparent;}
#retrolien blockquote, #commentaires blockquote{
background:transparent url(http://image.mabulle.com/e/er/erems.mabulle.org/unerei.gif) no-repeat  ;}
#menu div#recherche{
background:transparent;}
#q{
background:transparent url(http://image.mabulle.com/e/er/www.mabulle.com/q.png) no-repeat 4px 4px;}
#menu div#calendrier table th{
background:transparent;}
#menu div#calendrier table td a{
background:#fff;}
#menu div#calendrier table td a:hover{
background:#DBB8DC;}
#bas{
background:transparent    ;}
#bloc-a{}
#bloc-b{}
#bloc-c{}
#bloc-d{}
#bloc-e{}

/* Détail des blocs: La page
-------------------------------------------------------- */
#page{color:inherit;border:1px solid #deb100;}

/* Détail des blocs: L'entête
-------------------------------------------------------- */
#haut{height:120px;}
#haut h1{height:80px;line-height:80px;margin:0 0 0 40px;
padding-top:20px;color:#f7f8fa;}
#haut h1 a{text-decoration:none;color:#f7f8fa;}
#description{
position:relative;
top:1px;
left:300px;
color:#000000;}

/* Détail des blocs: Le contenu
-------------------------------------------------------- */
.date-article{padding-left:20px;margin-left:-15px;color:#000000;
font-style:italic;}
.titre-article{color:#993333;margin-bottom:5px;padding-left:15px;}
.titre-article a{color:#993333;text-decoration:none;}
#contenu h2{line-height:25px;}
.info-article{font-size:95%;margin-top:0;color:#993333;padding-bottom:1ex;
text-align:right;line-height:15px;}
.info-article a{font-size:95%;color:#993333;text-decoration:none;}
.contenu-article{text-align:justify;}
.contenu-article blockquote{font-family:arial, helvetica, sans-serif;font-style:italic;}
#retrolien blockquote, #commentaires blockquote{
border:1px dashed #a295e0;margin:1em 0;padding:1ex 1em;}
#commentaires blockquote p:first-letter{color:#6e59d3;
text-transform:uppercase;font-weight:bold;}

/* Détail des blocs: Le menu
-------------------------------------------------------- */
#menu div{color:inherit;}
#menu div ul{margin:0;padding:0;list-style:none;}
#menu h2, #menu h3{color:#a62929;margin:0 0 1ex 0;}
#menu h3{font-size:1em;margin:0;}
#menu div#recherche{color:inherit;line-height:2.3em;}
#recherche fieldset, #recherche p{margin:0;padding:0;}
#q{padding-left:18px;}
#menu div#calendrier{}
#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{color:#99333;}
#menu div#calendrier table td{width:14%;line-height:2em;
border:1px solid #cccc66;}
#menu div#calendrier table td a{display:block;color:#f2793d;
font-weight:bold;text-decoration:none;}
#menu div#calendrier table td a:hover{color:#f2793d;}
#menu div#rubriques{}
#menu div#liens{}
#menu div#derniers-articles{}
#menu div#derniers-commentaires{}
#menu div#archives{}
#menu div#syndication{}
#menu div#standards{}

/* Détail des blocs: Le pied de page
-------------------------------------------------------- */
#bas{margin:0;border-top:1px solid #ccc;color:#c74042;text-align:center;}
#bas a{color:#c74042;text-decoration:none;}
#bas a:hover{color:#7a2729;}
#bas ul{margin:1px;padding:1px;}
#bas ul li{display:inline;}