/********************************************
 * Domaine : obusass-idf.fr
 *
 * Exploitant : Observatoire des Usagers de l’Assainissement en Île de France
 *
 * Rôle : Feuille de style Blog
 *
 * Auteur : Ultra-Fluide, copyright 2009
 ********************************************/

/* Lien Manifeste */
#manifeste {position: absolute; top: 140px; width: 250px; font-weight: bold; font-size: 2.4em; line-height: 1em; text-align: center; left: 10px;  }
  #manifeste a { color: white; display: block; text-decoration: none; height: 72px; padding: 12px 0 0 0;}
  #manifeste a:hover { text-decoration: underline;}
#nav li a.blog { color: #FFFFFF; background: url("images/nav-hover.jpg") repeat-x;}
#footer { margin: 0;}
#uf { bottom: 0;width: 500px; }
#dotclear { font-size: .8em; color: #FFFFFF;}
  #dotclear a { color: #FFFFFF; text-decoration: none;}
  #dotclear a:hover { text-decoration: underline;}
#colonne-gauche h2 { padding: 1em 0 .2em 0; border-bottom: 1px solid #67bd84; color: #216953;}
#colonne-gauche #search fieldset { border: 0; margin: .5em 0 0 0;}
  #colonne-gauche #search fieldset #q {width: 174px; border: 1px solid #ced9db; height: 15px; vertical-align: top; padding: 2px 0 0 4px; color: #2f6a99; background: #FFFFFF;}
   #colonne-gauche #search .submit { background: url("images/ok.png"); width: 18px; height: 18px; border: 0; cursor: pointer;}
#colonne-gauche #calendar table { width: 202px;}
  #colonne-gauche #calendar table caption { margin: .7em 0 0 0;}
    #colonne-gauche #calendar a { color: #51b36c; font-weight: bold;}
      #colonne-gauche #calendar td { text-align: center;}
#colonne-gauche .syndicate h2 { background: url("images/syndicate.png") no-repeat bottom right;}
#colonne-gauche ul {width: 200px;}
  #colonne-gauche ul li a { border: 0; padding: .2em 0 .2em 12px; zoom: 1;}
#colonne-droite h2 { margin: 16px 0 .5em 0; }
  #colonne-droite h2 a {text-decoration: none;}
#colonne-droite .post-content { margin: 1.5em 0 0 0;}
#colonne-droite .post-tags, #colonne-droite .post-info { font-style: italic; margin: 0;}
/* Formatage de la date */
#colonne-droite .post-info { text-transform: lowercase; font-style: italic;}
#colonne-droite .post-info:first-letter { text-transform: uppercase;}
/* Sous-titre date auteur et lien lire la suite */
#colonne-droite .day-date { margin: 1.4em 0 .5em 0; text-align: right; color: #2B836A; font-weight: bold;}
#colonne-droite .read-it { text-align: right; font-style: italic; font-weight: bold;}
/* Liste des commentaires et formulaire */
#comments { padding: 1em 0 0 0;}
  #comments dl { margin: 0 0 0 23px;}
    #comments dt { font-style: italic;}
      #comments dd p { padding: 0 0 .5em 1.5em;}
  #comment-form fieldset { border: 0;}
    #comment-form fieldset label { display:block; width: 125px; float: left; text-align: right; padding: 0 .2em 0 0;}
      #comment-form input, #comment-form textarea { border: 1px solid #ced9db; vertical-align: top; padding: 2px 0 0 4px; color: #2f6a99; background: #FFFFFF;}
      #comment-form input {height: 15px; }
      #comment-form .form-help { font-style: italic; font-size: .9em; padding: 0 0 0 125px;}
      #comment-form .buttons { margin: 0;}
      #comment-form .buttons input { padding: .3em .2em; height: auto; background: #58bb97; color: #FFFFFF; font-weight: bold; margin: 0 0 0 125px;}
      #comment-form .buttons .submit { margin: 0;}  
      #comment-form .comment-preview { border: 2px solid #58BB97; padding: 1em; margin: 0 0 .5em 0;}
#colonne-droite #comments-feed { margin: 1.5em 0 1em 0;}
.error { color: #c97421; font-weight: bold;}

/* tags */
#colonne-gauche .tags p { display: none; }
#colonne-gauche .tags ul {font-size : 1.2em;width: 100%; padding: .5em 0 0 0; list-style-type : none;margin : 0; text-align: center;}
#colonne-gauche .tags ul li  {margin:0;padding:0;display : inline; line-height: 1.4em;}
#colonne-gauche .tags ul li a { display: inline; font-weight: normal; padding: .1em;}
/* Taille de police selon le poid du tag */
.tag0 { font-size: .6em; }
.tag10 { font-size: .7em; }
.tag20 { font-size: .8em; }
.tag30 { font-size: .9em; }
.tag40 { font-size: 1em; }
.tag50 { font-size: 1.1em; }
.tag60 { font-size: 1.2em; }
.tag70 { font-size: 1.3em; }
.tag80 { font-size: 1.4em; }
.tag90 { font-size: 1.5em; }
.tag100 { font-size: 1.6em; }
/* Citations */
q { font-style: italic; quotes: none;}
p { overflow:auto }