/********************************************
 * Domaine : obusass-idf.fr
 *
 * Exploitant : Observatoire des Usagers de l’Assainissement en Île de France
 *
 * Rôle : Feuille de style page accueil
 *
 * 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;}
#accroche { background: #FFFFFF url("images/accroche2.png") top no-repeat; padding: 76px 0 0 0; overflow: auto;}
	#accroche h2 {  padding: 45px 0 15px 20px; font-size: 1.4em; color: #1b3b2c;}
	#accroche h2 .turquoise { font-size: 1.35em;}
    #accroche p { padding: 0 0 0 20px; text-align: justify;}
    #accroche img { margin: 0 5px 0 0; padding: 0 0 0 30px; position: relative;}   
/*** CONTENU ***/
#contenu { background: #FFFFFF url("images/contenu.png") no-repeat bottom; width: 647px; padding: 0 12px 10px 20px; margin: -14px 0 0 0; overflow: auto; float: left;}

/*** DEBAT ***/
#contenu #debat { background: url("images/debat2.png") no-repeat; width: 394px; float: left; padding: 0 20px;}
	#debat h2 { color: #317153; padding: .3em 0 .5em 15px; font-size: 1em; text-transform: lowercase;}
	#debat h3 { font-size: 1.3em; margin: 1em 0 .5em 0;}
	#debat p { margin: 0 0 1em 0; }
	#debat p.text-right { margin: -15px 0 0.8em; }
	#debat p.right a { color: #c97421; font-size: .9em;}
	#debat ul { margin: 0 0 1em 0;}
	
/*** NEWSLETTER - AGENDA ***/
#contenu #colonne { width: 192px; float: right; margin: 24px 0 0 0;}
	#contenu #colonne form { background: url("images/newsletter.png") top no-repeat ; padding: 8px; height: 60px; margin: 0 0 8px 0;}
		#contenu #colonne form fieldset { border: 0; }
			#contenu #colonne form fieldset h3 { border-bottom: solid 1px #21a39b; padding: 0 0 .5em 0; margin: 0 0 .5em 0; text-transform: lowercase;}
			  #contenu #colonne form fieldset .champ { width: 142px; border: 1px solid #ced9db; height: 15px; vertical-align: top; padding: 2px 0 0 4px; color: #2f6a99; background: #FFFFFF; font-size: .9em;}
			#contenu #colonne #agenda { background: #216953 url("images/newsletter-haut.png") top no-repeat; color: #FFFFFF; padding: 5px 10px 0 10px;}
			#contenu #colonne #agenda h3 { border-bottom: solid 1px #aaddcd; padding:  0 0 5px 0;  }
			#contenu #colonne #agenda .date { margin: .5em 0 0 0; padding: 0 0 0 25px; background: url("images/news-puce.png") center left no-repeat; line-height: 1.1em; min-height: 19px;}
			  #contenu #colonne #agenda .date p { text-align: left; }
			  #contenu #colonne #agenda h4 a { color: #FFFFFF; text-decoration: none;}
			  #contenu #colonne #agenda h4 a:hover {text-decoration: underline;}
			  #contenu #colonne #agenda h4 { padding: .5em 0; border-bottom: 1px solid #397965; font-size: .9em;}
			  #contenu #colonne #agenda-date { background: #216953 url("images/newsletter-bas.png") bottom no-repeat; padding: 10px 10px 20px 10px; display: block; text-align: right; margin: 0 0 20px 0;}
			  
/*** ACTUALITE ***/
#actu { float: right; width: 265px; background: url("images/actu.png") top no-repeat; padding: 18px 0 10px 16px; font-size: .9em;}
  #actu h3 { border-bottom: solid 1px #FFFFFF;padding: 0 0 .5em 0; margin: 0 0 .8em 0; text-transform: lowercase; font-size: 1.1em;}
  	#actu h3 .blanc { color: #FFFFFF;}
  #actu h4 a { text-decoration: none; color: #003535}
  #actu h4 a:hover { text-decoration: underline;}
  #actu p { padding: 0 0 .5em 0; margin: 0 0 .8em 0; text-align: left;}
  #actu p.suite { border-bottom: 1px solid #b4e6e7; margin: -20px 0 0.8em; text-align: right;}
  #actu p.date { border: 0; color: #FFFFFF; margin: .3em 0 .2em 0; padding: 0;}
  #actu a.right { color: #003333;}
  #actu a { color: #003535;}
  #actu a:hover p { text-decoration: underline;}

#footer {background: url("images/footer.png") no-repeat; padding: 8px 0 0 0;}

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