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

#nav li a.accueil { background: transparent; color: #317153;}
/* contenu princiapl */
#content { background: #FFFFFF url("images/accroche2.png") top no-repeat; padding: 76px 0 0 0; overflow: auto;}
    hr {clear:both;}
    #colonne-gauche { float: left; padding: 30px 0 30px 30px; width: 202px;}
    #colonne-gauche ul { width: 172px; list-style: none;}
      #colonne-gauche ul li a, #colonne-gauche h3 { padding: 1em 0; border-bottom: 1px solid #67bd84; display: block; text-decoration: none; color: #003535; font-weight: bold;}
      #colonne-gauche ul li a.active, #colonne-gauche ul li a:hover { color: #58bb97;}
      #colonne-gauche ul li ul li {border-bottom: 1px solid #aaddcd;}
        #colonne-gauche ul li ul li a {  border: none; font-weight: normal; font-size: .85em; line-height: 1.2em;}
        #colonne-gauche ul li ul li ul li { border: 0; list-style-type: disc; margin: 0 0 0 20px;}
        #colonne-gauche ul li ul li ul li:hover { color: #58bb97;}
          #colonne-gauche ul li ul li ul li a { padding: 0 0 .5em 0;}
  #colonne-droite { float: right; width: 640px; padding: 30px 20px 30px 0; }
    #colonne-droite .ariane { padding: 1em 0 0 0; color: #25ADAB; font-size: .9em; margin: 0 0 25px 0;}
      #colonne-droite .ariane a { text-transform: lowercase; color: #25ADAB;}
    #colonne-droite h2 { color: #216953; font-size: 2em; margin: 0 0 1em 0; line-height: 1.1em; background: url("images/degrade-titre.png") repeat-x bottom; padding: 0 0 14px;}
/*    #colonne-droite h2:first-letter { text-transform: uppercase; }*/
    #colonne-droite h3, .csc-sitemap ul li a { color: #51B36C; font-size: 1.3em; margin: 1em 0 .5em 0; background: url("images/puce-goutte.png") no-repeat left top; padding: 0 0 0 18px; min-height: 16px;}
      #colonne-droite h3 a { text-decoration: none;}
    #colonne-droite h4, .csc-sitemap ul li ul li a { color: #216953; font-size: 1.1em; margin: 1em 0 .5em 0;}
    #colonne-droite p { margin: .5em 0 1em 0;}
      #colonne-droite p.citation { margin: .2em 0; font-style: italic;}
    #colonne-droite ul li { margin: .7em 0; text-align: justify;}
    #colonne-droite blockquote { padding: 0 25px 0 0; background: url("images/quote-2.png") bottom right no-repeat; line-height: 20px; display: inline;}
    #colonne-droite blockquote p { display: inline; margin: 0; padding: 0 0 0 25px; background: url("images/quote.png") no-repeat; line-height: 20px; }
  /* prix */
  #prix-colonne-gauche { float: left; padding: 30px 10px 30px 30px; width: 100px;}
    #prix-colonne-gauche ul { width: 82px; list-style: none;}
      #prix-colonne-gauche ul li a, #prix-colonne-gauche h3 { padding: 1em 0; border-bottom: 1px solid #67bd84; display: block; text-decoration: none; color: #003535; font-weight: bold;}
      #prix-colonne-gauche ul li a.active, #prix-colonne-gauche ul li a:hover { color: #58bb97;}
      #prix-colonne-gauche ul li ul li {border-bottom: 1px solid #aaddcd;}
        #prix-colonne-gauche ul li ul li a {  border: none; font-weight: normal; font-size: .85em; line-height: 1.2em;}
        #prix-colonne-gauche ul li ul li ul li { border: 0; list-style-type: disc; margin: 0 0 0 20px;}
        #prix-colonne-gauche ul li ul li ul li:hover { color: #58bb97;}
          #prix-colonne-gauche ul li ul li ul li a { padding: 0 0 .5em 0;}
  #prix-colonne-droite { float: right; width: 800px; padding: 30px 20px 30px 0px; }
    #prix-colonne-droite .ariane { padding: 1em 0 0 0; color: #25ADAB; font-size: .9em; margin: 0 0 25px 0;}
      #prix-colonne-droite .ariane a { text-transform: lowercase; color: #25ADAB;}
    #prix-colonne-droite h2 { color: #216953; font-size: 2em; margin: 0 0 1em 0; line-height: 1.1em; background: url("images/degrade-titre.png") repeat-x bottom; padding: 0 0 14px;}
/*    #prix-colonne-droite h2:first-letter { text-transform: uppercase; }*/
    #prix-colonne-droite h3, .csc-sitemap ul li a { color: #51B36C; font-size: 1.3em; margin: 1em 0 .5em 0; background: url("images/puce-goutte.png") no-repeat left top; padding: 0 0 0 18px; min-height: 16px;}
      #prix-colonne-droite h3 a { text-decoration: none;}
    #prix-colonne-droite h4, .csc-sitemap ul li ul li a { color: #216953; font-size: 1.1em; margin: 1em 0 .5em 0;}
    #prix-colonne-droite p { margin: .5em 0 1em 0;}
      #prix-colonne-droite p.citation { margin: .2em 0; font-style: italic;}
    #prix-colonne-droite ul li { margin: .7em 0; text-align: justify;}
    #prix-colonne-droite blockquote { padding: 0 25px 0 0; background: url("images/quote-2.png") bottom right no-repeat; line-height: 20px; display: inline;}
    #prix-colonne-droite blockquote p { display: inline; margin: 0; padding: 0 0 0 25px; background: url("images/quote.png") no-repeat; line-height: 20px; }
    /*   prix style    */



/* Site map */
.csc-sitemap ul { list-style: none;}
  .csc-sitemap ul ul {padding: 0 0 0 2em;}
  .csc-sitemap ul a { text-decoration: none; font-weight: bold;}
  .csc-sitemap ul a:hover { text-decoration: underline;}
  .csc-sitemap ul li ul li a { background: transparent;}  
#footer { background: url("images/footer-page.png") no-repeat;}

/* Page news */
.tx-ttnews-browsebox a { text-decoration: none; padding: 0 .2em;}
.tx-ttnews-browsebox a:hover { text-decoration: underline; }
.tx-ttnews-browsebox-SCell a { font-weight: bold; font-size: 1.1em;}

/* Map Google */
.tx-wecmap-pi1 table { border: 1px solid #2B836A;}

/* Formulaire sésabonnement */
fieldset.desabonnement { border: none; }
  fieldset.desabonnement input { vertical-align: middle;}
  
/* Manifeste */
.logo-soutiens { text-align: center; padding: 30px 0;}
  .logo-soutiens li { display: inline; padding: 0 .5em;}
    .logo-soutiens li img { padding: 5px 10px;}
.contenttable td { vertical-align: top; }
.contenttable td p {text-align: left; }
.contenttable tr { margin: .5em 0 0 0; }
.contenttable .table-middle td { vertical-align: middle;}
table.manifeste { border-collapse: collapse;}
  table.manifeste td, table.manifeste th { border: 1px solid #ced9db; padding: .2em .5em;}
  table.manifeste th {font-weight: bold;}
  table.manifeste .large { width: 200px;}
#prix-colonne-droite .code  { margin: 0; border: #51b36c 1px solid; padding: .5em; text-align: left;}

/* Formulaire*/
.tx-ufguestbook-pi1 fieldset input { width: 194px; border: 1px solid #ced9db; height: 15px; vertical-align: top; padding: 2px 0 0 4px; color: #2f6a99; background: #FFFFFF; float: left;}
.tx-ufguestbook-pi1 fieldset #capture { margin: 0 5px 0 0;}
.tx-ufguestbook-pi1 fieldset input.long { width: 484px;}
.tx-ufguestbook-pi1 fieldset input.code-postal { width: 88px;}
.tx-ufguestbook-pi1 fieldset input.commune { width: 300px;}
.tx-ufguestbook-pi1 fieldset input.submit { height: 19px; width: 160px; padding: 0 10px 2px 0; margin: 0 0 0 52px; background: url('images/bouton_1.jpg'); border: 0; color: #FFFFFF; cursor: pointer; float: none;}
.tx-ufguestbook-pi1 fieldset textarea { width: 484px; border: 1px solid #ced9db; height: 75px; vertical-align: top; padding: 2px 0 0 4px; color: #2f6a99; background: #FFFFFF; margin: 0 0 1em 0;}
.tx-ufguestbook-pi1 label { float: left; width: 105px; margin: 0 0 1em 0;}
.tx-ufguestbook-pi1 label.droite { padding: 0 0 0 15px; width: 75px;}
.tx-ufguestbook-pi1 br { clear: both;}
.tx-ufguestbook-pi1 .error { width: 572px}

input[type=text]:focus, input.text:focus, input.title:focus, .tx-ufguestbook-pi1 textarea:focus, select:focus { border-color:#51b36c;}

/* COmpteur */
#prix-colonne-droite #compteur { position: absolute; right: 20px; top: 245px; font-size: .9em;}

/* Liens sociaux */
#prix-colonne-gauche h3 { width: 172px; margin: 1.5em 0 0 0;}
#prix-colonne-gauche #share { padding: 1em 0 0 0; width: 172px;}
  #prix-colonne-gauche #share li { display: inline;}
    #prix-colonne-gauche #share li a { display: inline; border: 0; padding: 0.2em 18px .2em .2em; font-weight: normal;}
      #prix-colonne-gauche #share li a img {vertical-align: middle;}

/* Recommandation */
.tx-mbviralmail-pi1 { width: 172px;}
  .tx-mbviralmail-pi1 label { display: block; margin: .5em 0 0 0;}
  .tx-mbviralmail-pi1 input { display: block; border: 1px solid #ced9db; height: 15px; background: #FFFFFF; width: 170px;}
  .tx-mbviralmail-pi1 input.submit { height: 19px; width: 160px; padding: 0 10px 2px 0; margin: 0; background: url('images/bouton_1.jpg'); border: 0; color: #FFFFFF; cursor: pointer;}

/* Auto-suggestion */
#results { border: 1px solid #ced9db; border-bottom: 0px;	padding: 0px;	display: none;left: 405px;}
  #results div { border-bottom: 1px solid #ced9db; padding: 3px; text-transform: capitalize;}
  #results .selected { background-color: #666;	color: #fff;}
  #results .unselected { background-color: #fff;}
  
 /* page prix css cache */
 #c131{
   /*visibility: hidden;*/
    display: none;
 }