/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   http: //kurafire.net/log/archive/2005/07/26/starting-css-revisited
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1.5em;}

/* Miscellaneous conveniences: */
html {background: #004791; color: #000; font-size: 68.75%;}
body {background: #004791;}
h1 {
	font-size: 1em;
	margin: 0;
	}
h2 {
	color: #a63293;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 0.67em;
	padding: 0.67em 0 0;
	}
	body.actualite h2, body.actualite h3{color: #02448d;}
	body.publicite h2, body.publicite h3 {color: #0094c2;}
	body.rubriqueRacine h2 {
		background: url(../_media/img/bordureMenu.gif) repeat-x 0 100%;
		color: #000;
		font-size: 1.6em;
		letter-spacing: -1px;
		height: 23px;
		padding-top: 1.2em;
		}
		body.rubriqueRacine h2 img{position: absolute;}
		body.rubriqueRacine h3 {color : #000 !important;}
h3 {
	font-size: 1.53em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: .83em 0 0;
	padding: 6px 0 0;
	}
	body.rubriqueRacine h3 {
		font-size: 1em;
		letter-spacing: 0;
		margin: 0;
		padding: 6px 0;
		}
h4 {
	font-size: 1.1em;
	margin: 1em 0;
	}
h5 {margin: 1.33em 0;}
h6 {
	font-size: 0.83em;
	margin: 1.67em 0;
	}
body.rubriqueRacine ul {margin-left: 60px;}
	body.rubriqueRacine ul ul {margin-left: 0;}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px inset #aaa;
	}
a img {border: none;}

table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
	}
	caption {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0;
		}
	th, td {padding: 0.2em;}
	th {font-size: 1.1em;}
pre {
	overflow: auto;
	width: 100%;
	}
.clear {clear: both;}
.float_left, .spip_documents_left {float: left;}
.float_right, .spip_documents_right {float: right;}
	/*.spip_documents_left img {padding: 0 1em 1em 0;}*/
	.spip_documents_left {margin: 0.5em;}
	.spip_documents_right img {padding: 0 0 1em 1em;}
.spip_documents_center {
	display: block;
	text-align: center;
	}
.spip_documents_center img {margin: 0 auto;}
dfn  {
	color: #C222A8;
	font-style: normal;
	font-weight: bold;
	}

/* Form field text-scaling */
input, select, textarea {font-size: 100%;}
.selectbox {position: relative;}
#wrapper {
	margin: 0 auto;
	width: 955px;
	}
#outilsContact a, #mainMenu a, #footer a {
	color: #fff;
	text-decoration: none;
	}
	.contact_plugin_form .err label {color: #00488C;}
	p.contact_plugin_form {margin-top: 170px;}
	.outils_contact .err label, .contact_plugin_erreurs p{color: #A73492;}
	span.err{
		color: #00428E;
		display: block;
		margin: 1em 0;
		}
	#outilsContact a:hover, #mainMenu a:hover, #footer a:hover,
	#outilsContact a:focus, #mainMenu a:focus, #footer a:focus {text-decoration: underline;}
#outilsContact a, #mainMenu a {text-transform: uppercase;}

/* =LIENSEVITEMENT */
#liensEvitement {
	position: absolute;
	}
	#liensEvitement a{color: #000;}

/* =HEADER */
#header {
	margin: 0 1px;
	position: relative;
	}
	#logo {
		color: #fff;
		font-size: 4em;
		margin: 0;
		min-height: 92px; /* !IE */
		}
		#logo a {color: #fff;}
			#logo img {vertical-align: bottom;}


	#outilsContact {
		font-size: 0.9em;
		position: absolute;
			top: 0;
			right: 0;
		}
		#outilsContact ul {
			list-style: none;
			margin: 0;
			position: relative;
			}
			#outilsContact li {
				float: left;
				margin: 0;
				padding: 0;
				}
		#outilsContactCoinGauche, #outilsContactCoinDroit {
			position: absolute;
				bottom: 0;
			}


/* =MAINMENU */
#mainMenu {
	clear: both;
	font-size: 0.9em;
	list-style: none;
	margin: 0;
	}
	#mainMenu li {
		float: left;
		margin: 0;
		padding: 0;
		}
	#mainMenu img {vertical-align: bottom;}

/* =CONTENU */
#contenu {
	background: #fff url(../_media/img/fonds/Moorhouse_net.jpg) no-repeat;
	clear: both;
	height: 453px;
	position: relative;
		z-index: 1;
	}

	/* =SUBMENU */
	#subMenu {
		background: #fff url(../_media/img/fonds/Moorhouse_flou.jpg) no-repeat;
		float: left;
		height: 100%;
		padding: 0 9px;
		width: 202px;
		}

		.subMenuTitle {
			color: #a63293;
			font-size: 1.6em;
			font-weight: normal;
			height: 20px;
			position: relative;
			letter-spacing: -1px;
			margin: 10px 0 6px;
			}
		.titre2lignes {height: 40px;}
			.subMenuTitle img {position: absolute;}
			body.actualite .subMenuTitle {color: #02448d;}
			body.publicite .subMenuTitle {color: #0094c2;}

		#subMenu dt {
			background: url(../_media/img/bordureMenu.gif) repeat-x;
			font-weight: normal;
			font-size: 1.53em;
			height: 25px;
			letter-spacing: -1px;
			margin-top: 6px;
			padding: 4px 0 0;
			position: relative;
			width: 200px;
			}
		#subMenu dt.titre2lignes {height: 45px;}
			#subMenu dt img {position : absolute;}
		#subMenu dd {
			background: url(../_media/img/puceMenu.gif) no-repeat 0 3px;
			margin-left: 0;
			padding-left: 10px;
			}
			#subMenu.actualite dd {background-image: url(../_media/img/puceMenuActualite.gif);}
			#subMenu.publicite dd {background-image: url(../_media/img/puceMenuPublicite.gif);}
		#subMenu p {margin: 0.7em 0;}
		#subMenu ul {list-style: none;}
		#subMenu li {
			background: url(../_media/img/puceMenu.gif) no-repeat 0 3px;
			float: left;
			margin-left: 0;
			padding-left: 10px;
			padding-bottom: 5px;
			width: 125px;
			}
			#subMenu li a {
				color: #000;
				text-decoration: none;
				}
			body.actualite #subMenu dd {background-image: url(../_media/img/puceMenuActualite.gif);}
			body.publicite #subMenu dd {background-image: url(../_media/img/puceMenuPublicite.gif);}
			#subMenu dd a {
				color: #000;
				text-decoration: none;
				}
				#subMenu dd a:hover, #subMenu dd a:focus {
					color: #a63392;
					text-decoration: underline;
					}
					body.actualite #subMenu dd a:hover, body.actualite #subMenu dd a:focus {color: #02448d;}
					body.publicite #subMenu dd a:hover, body.publicite #subMenu dd a:focus {color: #0094c2;}
				#subMenu dd.on h1 {
					color: #a63293;
					font-weight: bold;
					}
					body.actualite #subMenu dd.on h1 {color: #02448d;}
					body.publicite #subMenu dd.on h1 {color: #0094c2;}

			#subMenu.subMenu_grand	dt {margin-top: 1.5em;}

	/* =PUSHSOUSRUBRIQUES*/
	#pushSousRubriques { /* !IE */
		float: left;
		height: 433px;
		list-style: none;
		margin: 0 0 0 335px;
		padding: 20px 8px 0 9px;
		overflow: auto;
		width: 382px;
		}

		#pushSousRubriques.nbSousRub_5 {
			height: 453px;
			padding-top: 0;
			}
		#pushSousRubriques li { /* !IE */
			background: #fff url(../_media/img/fonds/Moorhouse_flou.jpg) no-repeat fixed 50% 120px; /* !IE *//* !JS */
			margin: 1em 0;
			min-height: 57px; /* !IE */
			padding: 10px 10px 10px 100px;
			position: relative;
			}
			#pushSousRubriques.nbSousRub_5 li {
				margin: 0.8em 0;
				padding: 7px 10px 7px 100px;
				}
			#pushSousRubriques li.noLogo {padding-left: 10px;} /* !IE */
			#pushSousRubriques li li, #pushSousRubriques.nbSousRub_5 li li { /* !IE */
				background: none;
				list-style: disc;
				margin: 0 0 0 1.5em;
				min-height: 0; /* !IE */
				padding: 0;
				position: static;
				}
		#pushSousRubriques h2 {
			background: none;
			font-weight: normal;
			letter-spacing: -1px;
			margin: 0 0 0.2em;
			padding: 0;
			}

		#pushSousRubriques h2 a img {position : absolute;}
		#pushSousRubriques h2 a img.format_png{
			left: 80px;
			top: 5px;
			}


		#pushSousRubriques h2, #pushSousRubriques a {color: #a63293;}
			body.actualite #pushSousRubriques h2, body.actualite #pushSousRubriques a {color: #02448d;}
			body.publicite #pushSousRubriques h2, body.publicite #pushSousRubriques a {color: #0094c2;}

		#pushSousRubriques p, #pushSousRubriques pre, #pushSousRubriques blockquote,
		#pushSousRubriques ul, #pushSousRubriques ol, #pushSousRubriques dl,
		#pushSousRubriques address {margin: -10px 0 0 -15px;} /* IE 7 + IE */
		 #pushSousRubriques a {text-decoration: none;}
			#pushSousRubriques a:hover, #pushSousRubriques a:focus {text-decoration: underline;}
			#pushSousRubriques .spip_logos {
				position: absolute;
					top: 6px;
					left: 6px;
				}



	/* =TEXTE */
	#texte {
		background: #fff url(../_media/img/fonds/Moorhouse_flou.jpg) no-repeat 100% 0;
		float: left; /* !IE */
		height: 100%;
		margin-left: 322px;
		padding: 0 15px;
		position: relative;
		overflow: auto;
		width: 383px;
		}
		#texte.deuxColones {
			margin-right: -9px;
			overflow: visible;
			}
		#texte h2, #texte h3 {
			clear: both;
			color: #A92C90;
			}
		#texte h3 {font-size: 1.3em; font-weight: bold;}
		#texte ul {list-style: none;}
			#groupe #texte ul {margin-left: 58px;}
			#texte li { /* IE */
				background: url(../_media/img/puceTexte.gif) no-repeat 0 4px;
				margin: 0;
				padding-left: 10px;
				}
				#texte li a {
					color: #000;
					text-decoration: none;
					}
					#texte li a:hover, #texte li a:focus {text-decoration: underline;}


		#texte.redirection h2 {margin: 2em 0pt 2.5em 15em;}
		#texte.redirection ul {margin: 0 0 0 20em;}
			#texte.redirection ul li{
				background: none;
				margin-top:1em;
				 }

		.illustration {
			float: left;
			margin: 0 5px 5px 0;
			}

			#animation div {
				margin: 0 auto;
				position: absolute;
					top: 190px;
					left: 260px;
				}

		.animation {} /* IE IE7 */
		#deuxColonnes, #psDeuxColonnes {overflow: auto;}
		#deuxColonnes {
			float: right;
			height: 452px;
			margin-right: -15px; /* IE */
			padding-right: 9px;
			position : relative;
			width: 57%
			}
		#psDeuxColonnes {
			float: left;
			height: 418px;
			padding: 34px 0 0 1% ;
			width: 37%;
			}

		#texte.article p.spip, #texte.article ul.spip li{text-align: justify;}

		#texte .colonne {
			float: left;
			padding-right: 10px;
			text-align: left;
			width:  217px;
			}
			#texte.article .colonne p.spip{text-align: left;}

	/* =FLOAT_IE */
	#float_ie {
		float: left;
		height: 100%;
		}

	/* =ACTIFSHAMMERSON */
	#actifsHammerson #texte {
		margin-left: 88px;
		width: 617px;
		}
		.pointCarte img, .pointCarteTexte {position: relative;}
		.pointCarte img {	z-index: 1;}
		.pointCarteTexte {	z-index: 2;}

	#carteFranceActifs, #carteIDFActifs {position: relative;}
		#carteFranceActifs ul, #carteIDFActifs ul {
			position: relative;
				z-index: 2;
			}
		#carteFranceActifs ul {margin-left: 50px;}
			#carteFranceActifs ul img {display: block;}
			#carteFranceActifs li {
				position: absolute;
				width: 100%;
				}
		#carteIDFActifs ul {margin-left: 0;}
			#carteIDFActifs li {
				margin: 0;
				padding: 0;
				}
			#carteFranceActifs li a:hover, #carteFranceActifs li a:focus, #carteIDFActifs li a:hover, #carteIDFActifs li a:focus {
				color: #AA0077;
				font-weight: bold;
				text-decoration: none;
				}
			#carteFranceActifs ul .pointCarte, #carteIDFActifs ul .pointCarte {
				color: #555;
				display: block;
				float: left;
				position: absolute;
				}
			#carteIDFActifs ul .pointCarte a {color: #555;}
			#carteFranceActifs ul #lienIdf .pointCarte {
					top: 30px;
					left: 140px;
				}
			#carteFranceActifs ul #lienPlaceDesHalles .pointCarte {
					top: 50px;
					left: 210px;
					width: 120px;
				}
			#carteFranceActifs ul #lienGrandMaine .pointCarte {
					top: 65px;
					left: 100px;
					width: 120px;
				}
			#carteFranceActifs ul #lienTerrassesPort .pointCarte {
					top: 158px;
					left: 174px;
					width: 120px;
				}
			#carteIDFActifs ul #lienCergy3fontaines {
					top: 0;
					left: 17px;
				}
			#carteIDFActifs ul #lienBercy2 {
					width: 120px;
					top: 177px;
					left: 266px;
				}
			#carteIDFActifs ul #lienEspaceSaintQuentin {
					top: 206px;
					left: 28px;
				}
				#carteIDFActifs ul #lienEspaceSaintQuentin .pointCarteTexte{
						bottom: 28px;
						right: 26px;
					}
			#carteIDFActifs ul #lienItalie2 {
					top: 155px;
					left: 169px;
				}
				#carteIDFActifs ul #lienItalie2 img {
					position: relative;
						}
			#carteIDFActifs ul #lienParinor {
				float: right;
					top: 2px;
					right: 69px;
				text-align: right;
				}
			#carteIDFActifs ul #lienVillebon2 {
					top: 229px;
					left: 162px;
				}
				#carteIDFActifs ul #lienVillebon2 .pointCarteTexte{
						bottom: 25px;
						right: 20px;
					}
			/*#carteIDFActifs ul #lienLes3quartiers {
					top: 68px;
					left: 150px;
				}
				#carteIDFActifs ul #lienLes3quartiers .note {
					margin-left: 18px;
					}*/
			#carteIDFActifs ul #lienFbrgStHonore {
				float: right;
					top: 65px;
					right: 240px;
				text-align: right;
				}
				#carteIDFActifs ul #lienFbrgStHonore .note {
					margin-right:14px;
					}
			#carteIDFActifs ul #lienUniversiteParis7 {
					top: 102px;
					left: 98px;
				}
				#carteIDFActifs ul #lienUniversiteParis7 img {
					position: relative;
						left: 40px;
					}
				#carteFranceActifs ul .pointCarte img {vertical-align: bottom;}
			#carteFranceActifs .note, #carteIDFActifs .note {font-size: 0.8em;}
			#carte, #carteIDF {
				position: relative;
					z-index: 1;
				}
			#carte {margin-left: 90px;}
			#carteIDF {
				margin-left: 30px;
				padding-bottom: 3em;
				}

			#carteIDFActifs ul li {background: none;}
				#carteIDFActifs li img {vertical-align: bottom;}

			.listeActifs h2 {padding-top: 0;}

			#carteFranceActifs #lienPollestres .pointCarte {
				left: 104px;
				top: 143px;
				}
				#carteFranceActifs #lienPollestres .pointCarte .pointCarteTexte{
					left: 0px;
					top: 11px;
					}
				#carteFranceActifs #lienPollestres .pointCarte img {
					padding-left: 25px;
					}
			#carteFranceActifs #lienCapMalo .pointCarte {
				width: 150px;
				left: -24px;
				top: 39px;
				}
				#carteFranceActifs #lienCapMalo .pointCarte .pointCarteTexte {
					left: 0px;
					top: -12px;
					}
				#carteFranceActifs #lienCapMalo .pointCarte img {
					padding-left: 103px;
					}
					#carteFranceActifs #lienCapMalo .pointCarte .pointCarteTexte .note {
						position: absolute;
							top: 13px;
							right: 0px;
						}
			#carteFranceActifs #lienSaintOmer .pointCarte {
				width: 120px;
				left: 97px;
				top: 0px;
				}
				#carteFranceActifs #lienSaintOmer .pointCarte .pointCarteTexte {
					top: -18px;
						left: 0px;
					}
					#carteFranceActifs #lienSaintOmer .pointCarte img {
						position: absolute;
						left: 45px;
						top: 17px;
						}

				#legende_carte_france li{
					background: none;
					}
					#legende_carte_france li img{
						margin-right: 7px;
						}

	/* =BANQUE IMAGE */
	#texte_liste_banque p {margin-bottom: 0;}
	#liste_banque, #liste_banque_sous_rubriques ul {margin-top: 0;}
	#liste_banque_sous_rubriques div {
		width: auto;
		}
		#liste_banque_sous_rubriques h3 {
			margin: 0;
			padding: 0;
			text-align: center;
			}
		#liste_banque li, #liste_banque_sous_rubriques li {
			display: block;
			float: left;
			width: 124px;
			}
			#liste_banque li a.on, #liste_banque_sous_rubriques li a.on {
				color: #004791;
				font-weight: bold;
				}
#liste_banque_sous_rubriques #liste_images, #liste_images {
		background: transparent;
		overflow: auto;
		height: 325px;
		float: right;
/*		position: absolute;
			bottom: 35px;
			right: 20px;
		clear: left;
*/
		text-align: center;
		width: 155px;
		}
		#liste_banque_sous_rubriques #liste_images li,#liste_images li{
				background: none;
				margin:0 0 1em 0;
				padding: 0;
				width: 130px;
				}
				#liste_images li.on a img {border: 3px solid #004791;}
		#zoom_image {
			height: 350px;
			margin: 50px 0 0 0;
/*			position: absolute;
				bottom: 10px;
				left: 10px;
*/
			text-align : center;
			width: 460px;
		 }
		 #zoom_image p {
		 	margin: 15px 0 0 230px;
/*		 	position: absolute;
		 		bottom: 0;
		 		left: 60%;*/
		 	float: left;
		 	text-align: center;
		 	}

		 #zoom_image div.off {display: none;}
		 #zoom_image div.on {display: block; height: 330px;}
		 #zoom_image a {margin-left: 1em;}

	/* =COMMUNIQUES */
	#form_communiques fieldset {
		border: none;
		clear: left;
		}
	#form_communiques legend {display: none;}
	#form_communiques label, #form_communiques input { float: left;}
	#form_communiques label {color: #004791;}
	#form_communiques fieldset fieldset label {color: #000;}
	#form_communiques #txt_rech_id {margin: 5px 5px 20px 150px}
	#form_communiques .submit {margin-top: 5px;}
	#form_communiques fieldset fieldset legend {
		color: #004791;
		display: block;
		margin: 0 0 10px -10px;
		}
	#form_communiques fieldset fieldset input {
		margin: 0 15px 0 5px;
		width: 100px;
		}

	#liste_communiques li {
		background: none;
		border-bottom: 2px solid #ccc;
		display: block;
		float: left;
		margin-bottom: 10px;
		padding-bottom: 5px;
		width: 350px;
		}
		#liste_communiques li div, #liste_communiques li img{float: left;}
		#liste_communiques li div {
			padding-left: 5px;
			padding-top: 5px;
			width: 250px;
			}
		.retour_recherche_communique {
			color: #064591;
			font-weight: bold;
			text-decoration: underline;
			}

	#form_communiques .loupe {
		border: none !important;
		height: 29px;
		margin-top: 0;
		width: 28px;
		}
	#date_deb_id, #date_fin_id  {background: url(../_media/img/Pict-Calendrier.png) no-repeat 100% 0 #fff}


	/* =RECRUTEMENT =NOS OFFRES */
	#recrutement li {
		border-bottom: #02448A 1px solid;
		margin-top: 1em;
		padding-bottom: 1em;
		width: 350px;
		}
		#texte .retour {padding-top: 0.6em;}
		.detail_offre .postuler {
			border: 1px solid #004388;
			color: #004388;
			display: block;
			float: right;
			font-weight: bold;
			padding: 0.5em 1.5em;
			text-decoration: none;
			}

	/* =INSCRIPTION NEWSLETTER */
	.newsletter fieldset {border: none;}
	.newsletter legend{
		color : #034490;
		font-weight: bold;
		font-size: 1.4em;
		margin-left: 0;
		padding: 10px 10px 10px 0;
		}
		.newsletter fieldset div {color : #034490;}
		.lettre.newsletter ul  {margin-left: 2em;}
		.lettre.newsletter .mail{float: left;}
		.lettre.newsletter .submit{
			background: #034490;
			border: none;
			color: #fff;
			float: right;
			margin-top: 2em;
			}
		.confirm_insc {margin-top: 220px;}
		.mention_legal {
			clear: both;
			float: left;
			font-size: 85%;
			margin-top: 60px;
			}
		/* CONSULTER NEWSLETTER */
		#consulterNewsletter h2 {margin-top:0; padding-top: 0;}
		#consulterNewsletter h4, #consulterNewsletter h5{ clear: both;}
		#consulterNewsletter #cadreEdito, #consulterNewsletter #sommaireNews {float: left;}
		#cadreEdito {
			margin-right: 5px;
			padding:  0;
			width: 226px;
			}
			#consulterNewsletter #subCadreEdito {
				float:left;
				height: 100%;
				padding: 0;
				width: 226px;
				}
				#consulterNewsletter #edito, #consulterNewsletter .ombreDroite, #consulterNewsletter .ombreGauch {
					float: left;
					height: 100%;
					}
					#consulterNewsletter #edito {
						padding: 0 10px;
						width: 198px;
						}


		#CadreSommaireNews {
			float: left;
			width: 350px;
			}
			#subCadreSommaireNews {width: 350px;}
				#consulterNewsletter #sommaireNews {
					padding: 10px;
					width: 322px;
					}
		#sommaireNews li {
			background: transparent url(../_media/img/bordureMenu.gif) repeat-x scroll 100% 0%;
			padding: 0.5em 0pt;
			}
			#sommaireNews li a {
			text-decoration: none;
			color: #000;
			}
			#sommaireNews li a:hover, a:focus {
			text-decoration: none;
			color: #00428E;
			}

			#sommaireNews li strong {
				background: transparent url(../_media/img/puceTexte.gif) no-repeat scroll 2px 4px;
				padding-left:12px;
				}
				#sommaireNews li span {padding-left:12px;}
		#consulterNewsletter .ombreDroite{
			background:transparent url(../_media/img/ombree_droit_mid.png) repeat-y scroll 100% 0%; /* IE */
			height:100%;
			width: 4px;
			}
		#consulterNewsletter .ombreGauche {
			background:transparent url(../_media/img/ombree_gauche_mid.png) repeat-y scroll 0%; /* IE */
			float: left;
			height:100%;
			width: 4px;
			}
		#consulterNewsletter .ombreBas {vertical-align:top;}
		#consulterNewsletter .ombreHaut {vertical-align:bottom;}
		#consulterNewsletter h3 {background:transparent url(../_media/img/bordureMenu.gif) repeat-x scroll 0% 100%;}

	/* =DEVELOPPEMENT DURABLE */
	body#developpementDurable #texte {background: none;}
	body#developpementDurable h3 {margin-bottom: 0.83em; padding-top: 0;}
		body#developpementDurable h3 a {
			color: #A73492;
			text-decoration: none;
			}
	#flashBulles {
		position: absolute;
			top: -100px;
		width: 100%;
		height: 100%;
		z-index: 100;
	}

/* =FOOTER */
#footer {
	clear: both;
	background: #0193c4;
	margin-bottom: 2em;
	min-height: 22px; /* !IE */
	}
	#footer ul {
		float: right;
		list-style: none;
		margin: 4px 0 6px;
		}
	#footer li {
		float: left;
		margin: 0;
		padding: 0;
		}
		#footer li {border-left: 1px solid #fff}
		#footer li:first-child {border-left: none} /* !IE js */
		#footer li  {
			color: #08468C;
			padding: 0 18px;
			font-weight: bold;
			}
			#footer li a {font-weight: normal;}