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

/* Formatage général */
* { margin:0; padding:0; }
h1, h3, h4, h5, h6 { font-weight:bold; font-size: 1em; }
a {color: #216953; }
a img { border: 0;}
a:hover { text-decoration: none; }
ul, ol { list-style-position: inside; }
hr { visibility: hidden; clear: both; }
html { font-size: 100%; } /* Pour les IE, évite les effets multiplicateurs lors d'un zoom */
p {text-align: justify;}
strong {color: #2B836A;}
fieldset { border: 0;}
/* Classes génériques */
.img-right { float: right; margin: 0 0 0 10px;}
.img-left { float: left;margin: 0 10px 0 0;}
.left { float: left; }
.right { float: right; }
.text-right { text-align: right;}
.text-left { text-align: left; }
.text-center { text-align: center;}
.petit { font-size: .8em; font-weight: normal; line-height: 1.2em;}
.vert { color: #51b36c;}
.bleu { color: #a4dbdb;}
.orange-home, .lien-orange, .lien-orange a { color: #c97421;}
.blanc-home { color: #FFFFFF;}
.deux-tiers { width: 380px;;}
.tiers {width: 240px;}
/*** BODY ***/
body { background: url("images/body.png") repeat-x #a4dcdb; width: 960px; color: #003535; font: .75em/1.4em Arial, sans-serif; margin: 0 auto; position: relative;}

/*** HEADER ***/
#header { height: 132px; background: url("images/header.png") top right no-repeat; }
	#header img { position: absolute; }
	#header a { position: absolute; top: 12px; left: 340px; }
	
/*** NAV ***/
#nav { position: absolute; top: 132px;left: 293px; height: 44px; width: 667px; padding: 0 0 10px 0; background: url("images/nav.png") no-repeat; z-index: 1;}
	#nav li { float: left; list-style-type:none; position: relative;}
	#nav li + li { border-left: solid 1px #FFFFFF; }
		#nav li a { display: block; height: 25px; padding: 22px 10px 0 10px; text-decoration: none; color: #317153; text-transform: lowercase; font-weight: bold; line-height: 1.3em;}
		#nav li a.accueil {padding: 22px 10px 0 27px; background: url("images/accueil-hover.png") repeat-x; color: #003535;}
		#nav li.active a { color: #003535; background: url("images/nav-hover.jpg") repeat-x;}
		#nav li a:hover, #nav li a.accueil:hover { color: #003333;}
		/* 2ème niveau */
		  #nav li ul {display: none; position: absolute; top: 47px; left: -1px; background: #FFFFFF; padding: 2px 2px 1px 2px; min-width: 100%;}
          	#nav li:hover ul { display: block; z-index: 20;}
          		#nav li ul li { float: none; height: auto;  margin: 0 0 1px 0;}
          			#nav li ul li a, #nav li.active ul li a { padding: 4px 4px 4px 10px; background: #92d2b3; line-height: 1.2em; height: auto; white-space: nowrap; color:#003333; font-weight: normal; text-transform: none;}
          			#nav li ul li a:hover { background: #58bb97; color: #FFFFFF;}
          			#nav li ul li + li { border: 0; }
  
/*** PIED DE PAGE ***/
#footer { text-align: center; font-size: .85em; clear: both; padding: 22px 0 0 0; margin: 0 0 17px 0;}
	#footer li { display: inline;list-style-type:none; }
	#footer li + li { border-left: 1px solid #FFFFFF; }
		#footer li a { line-height: 30px; color: #FFFFFF; text-decoration: none; padding: 0 1em;}
        #footer li a:hover { text-decoration: underline; }
        
/*** UF ***/
#uf { position: absolute; bottom: -17px;  text-align: right; right: 0;font-size: .8em; width: 960px; margin: auto; color: #FFFFFF;}
  #uf a { color: #FFFFFF; text-decoration: none;}
  #uf a:hover { text-decoration: underline; }

/*** Liste de liens oranges, à poser sur un ul ***/
.lien-orange { text-align: center; padding: 1em 0;}
  .lien-orange li { display: inline; list-style-type:none; padding: 0 1.2em}
    .lien-orange a { font-weight: bold; background: url("images/fleche-orange.png") no-repeat left; padding: 0 0 0 20px;}


/*** Retour formulaire ***/
.error, .success { padding: .1em 10px; margin: .5em 0 1em 0; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 2px solid; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
/********************************************
 * Domaine : obusass-idf.fr
 *
 * Exploitant : Observatoire des Usagers de l’Assainissement en Île de France
 *
 * Rôle : Feuille de style générale
 *
 * Auteur : Ultra-Fluide, copyright 2009
 ********************************************/