/********************************************
 * Domaine : freha.fr
 *
 * Exploitant : France Euro Habitat
 *
 * Rôle : Feuille de style générale
 *
 * Auteur : Ultra-Fluide, copyright 2009
 ********************************************/

/* Formatage général */
h1, h3, h4, h5, h6 { font-weight:bold; }
a img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline;	}
* { margin:0; padding:0; }
ul { list-style:none; list-style-position: outside; }
html { font-size: 100%; } /* Pour les IE, évite les effets multiplicateurs lors d'un zoom*/

/* BODY */
body { font: .9em/1.2em Arial, sans-serif; color: #7b6979; width: 980px; margin: auto; position: relative; top: 0; left: 0; }

/* Heading */
h1 {font-size: 1.4em; margin: 0 0 1.5em 0;}
h2 { font-size: 1em; font-weight: bold; margin: 1em 0 .5em 0;}
h3 { font-size: 1em; font-weight: bold; margin: .3em 0; margin: .6em 0 .3em 0;}

/* Classes génériques */
.left { float: left; }
.img-left { float: left; margin: 5px 10px 10px 0;}
.right { float: right; }
.img-right { float: right; margin: 5px 0 10px 10px; }
.img-home { padding: 14px 0 0 0; border-top: 1px solid #7b6979; display: block;}
.violet {color: #6C065A; }
.petit { font-size: .85em;}

/* Liens */
a, #nav a, #colonne-gauche ul a { color: white; }
#colonne-centre a, #colonne-droite a { color: #7b6979;}
a, #nav a, #colonne-gauche ul a, #contenu #colonne-centre a:hover { text-decoration: none; }
a:hover, #contenu #colonne-centre a  {text-decoration: underline; }
a.actif { font-weight: bold; }
a:focus, a:active { outline: 1px dotted #87aac6; }

/* HEADER */
#header { background: url("images/header.jpg") no-repeat; height: 207px; }
	#header h1 { width: 340px; }
	#header h1 img { position: absolute; top: 0; left: 0; }
	#header h1 a { display: block; }
	  #header h1 a img { position: absolute; top: 0; left: 15px; }

/* MENU HEADER */
#nav { background: #6c065a;  position: relative; z-index: 1;}
	#nav ul { color: #156d95; height: 40px;}
		#nav ul li { position: relative; float: left; height: 40px;}
		#nav ul li:hover { position: relative; }
			#nav ul li a { padding: 0 15px 0 30px; line-height: 40px; display: block; font-weight: bold;}
			#nav ul .accueil a { padding: 0 50px 0 75px; background: #FFFFFF url("images/accueil.jpg") bottom left; color: #6c065a;}
			#nav ul li.active { background: url("images/fleche.jpg") center left no-repeat; }
			/* 2ème niveau */
			#nav ul li ul { display: none; position: absolute; top: 40px; left: 0; background: #6c065a; padding: 0; height: auto; font-size: .9em; }
          	#nav ul li:hover ul { display: block; z-index: 20;}
          		#nav ul li ul li { float: none; height: auto; position: static; padding: 0; border-top: #4d003f solid 1px;}
          		#nav ul li ul li.active { background: transparent; }
          			#nav ul li ul li a { padding: 4px 4px 4px 20px; display: block; line-height: 1.1em; font-weight: normal; background: url("images/chevron.png") left center no-repeat; white-space: nowrap; font-size: .95em;}
          			#nav ul li ul li a:hover { background: #4D003F url("images/chevron.png") left center no-repeat;}
          			#nav ul li ul li.active a { font-weight: bold; }
/* COLONNE GAUCHE */
#colonne-gauche {	width: 220px; float: left; }
  #colonne-gauche ul li a { border-bottom: 1px solid #FFFFFF;}
  #colonne-gauche ul li ul { padding: 0 0 0 10px; font-size: .9em;}
    #colonne-gauche ul li ul li a { background: url("images/chevron.png") left center no-repeat;color: #FFFFFF; border: 0; padding: 3px 0 3px 17px; font-weight: normal;}
    #colonne-gauche ul li ul li.active a {font-weight: bold;}
/* CONTENU */
#contenu { margin: 0 auto; padding: 45px 0 0 0; line-height: 1.4em; border-left: #f0f5fa solid 1px;  border-right: #f0f5fa solid 1px; }
	#contenu p {  margin: 0 0 .5em 0; text-align: justify; }
	#colonne-centre { width: 500px; float: left; font-size: .9em; padding: 0 0 20px 14px;}
		#colonne-centre ul { list-style: square; list-style-position: inside; padding: 0 0 0 20px; }
		#colonne-centre h1 { color: #6c065a; letter-spacing: .15em;}
		#colonne-centre h2 { background: url("images/puce.jpg") left bottom no-repeat; padding: 0 0 0 15px; clear: both;}
		#colonne-centre a { color: #6c065a; font-weight: bold;}
	/* Colonne droite */
	#colonne-droite {	width: 230px; float: right; font-size: .9em; line-height:  1.3em;}
		#colonne-droite h3,  #colonne-droite h3 a { color: #6c065a; }

/* Citations */
#contenu blockquote { padding: 0 20px 0 0; background: url("images/quote-2.jpg") bottom right no-repeat; line-height: 22px; display:inline;}
		#contenu blockquote p { line-height: 22px; margin: 0; padding: 0 0 0 30px; background: url("images/quote.jpg") left top no-repeat; color: #7b6979; font-weight: normal; display:inline;}

/* PIED */
#pied { text-align: center; font-size: .8em; clear: both; padding: 3px 0; color: #5b7b8a; }
	#pied ul { background: #f0f5fa; padding: 4px 0; }
		#pied ul li { display: inline; }
			#pied ul li a { padding: 0 10px; color: #777c76; text-transform: uppercase; }

/* SIGNATURE */
#signature { text-align: right; font-size: .7em; width: 970px; margin: auto; padding: 3px 0; position: absolute; bottom: -20px; font-weight: normal;}
	#signature, #signature a { color: #C5Cacf; }

/********************************************
 * Domaine : freha.fr
 *
 * Exploitant : France Euro Habitat
 *
 * Rôle : Feuille de style générale
 *
 * Auteur : Ultra-Fluide, copyright 2009
 ********************************************/