/*
bleu foncé emera : #002156
bleu clair : #4980D9

nouveau bleu foncé emera : #0F1B5F
nouveau bleu clair emera : #4980D9
*/

*{
	border					: 0;
	margin					: 0;
	padding					: 0;
	font-family				: Arial,sans-serif;
	font-size				: 12px;
	line-height				: 180%;
	color					: #000000;
	text-decoration			: none;
}

body {
	background-color		: #0F1B5F;
	background-image		: url('images/emera/siteBackground.jpg');
	background-repeat		: repeat-y;
	
}

h1 {
	font-size				: 15px;
	color					: #0F1B5F;
}
h2 {
	font-size				: 12px;
	color					: #0F1B5F;
}

ul ul li {
 	margin 					: 0 0 0 32px;
 	list-style-type 		: none;
}

a {
	color					: #4980D9;
}

a b {
	color					: #4980D9;
}

input, select , textarea {
	background-color 		: #FFF;
	border-width 			: 1px;
	border-style			: solid;
	border-color 			: #B6CCF0;
	width					: 100%;
	height					: 17px;
	line-height				: 100%;
	padding					: 0 0 0 0 !important;
	padding					: 2px 0px 0px 2px;
}


input.release {
	border-width 			: 0;	
	width					: 100%;
	height					: 29px;
}

.notVisible {
	visibility				: hidden; 
}
	
.formTaille1 {
	width					: 162px !important;
	width					: 160px;
}

.formTaille2 {
	width					: 278px !important;
	width					: 272px;
}

.formTaille3 {
	width					: 628px !important;
	width					: 628px;
}


/* ====== header ====== */
#header {
  	background-image		: url('images/emera/headerBackground.gif');
  	background-repeat		: no-repeat;  
  	height					: 100px;
  	overflow				: hidden;
  	width 					: 100%;
}

#header #titre {
  	float					: left;
  	margin					: 0 0px 0 0;
}

#header #titre a {
  	display					: block;
  	overflow				: hidden;
 	width					: 227px;
  	height					: 107px;
  	text-indent				: -5000px; /* pour masquer le texte du lien */
  	background-image		: url('images/emera/logo.gif');
  	background-repeat		: no-repeat;
}

#header #titre span {
	/* masque les éléments textuels du lien du bandeau */
  	display					: block;
  	overflow				: hidden;
 	width					: 0;
  	height					: 0;
  	text-indent				: -5000px;
}

#header #header_top_right {
  	margin 					: 37px 0 0 895px !important;
  	margin 					: 37px 0 0 892px;
}

#header #header_top_right li {
  	list-style-type 		: none;
  	height					: 28px;
}

/* ====== container (menu + content) ====== */
#container {
	position				: relative;
	background-image		: url('images/emera/fondHabillage.gif');
	background-repeat		: no-repeat;
	background-position		: 898px 0;
}

/* ====== menu ====== */
#menu {
	position 				: absolute;
  	width					: 196px;
	margin 					: 0 0 0 0px;
	margin 					: 0 0 0 -196px !ie;
  	
}
#menu #liens {
	position 				: relative;
	top						: 15px;
}
#menu #liens li {
  	height					: 28px;
}
#menu #miniMap {
	position 				: relative;
	margin					: 55px 0 0 0;
}
/* ====== content ====== */
#content {
	left 					: 196px;
	top 					: 0px;
 	overflow				: hidden;
	background-image		: url('images/ombre.jpg');
	background-position		: top left;
  	background-repeat		: no-repeat;
  	background-color		: #ffffff;
	width					: 702px;
	margin-left 			: 196px;
	min-height 				: 592px; /* Pour l'affichage du background (ombre haute et image droite) sous FFX */
}
#content #diaporama {
	height					: 334px;
	margin					: 0 0 0px 0;
}
#content #diaporamaImpression {
	display 				: none;
	height					: 334px;
	margin					: -334px 0 0 0;
}
#content #citationHome {
	float 					: left;
	width					: 234px;
	height					: 300px;
	margin					: 17px 0 0 0;
}

#content #editoHome {
	width					: 402px;
	margin					: 45px 0 0 249px;
}

#content #imprimerHome {
	width					: 402px;
	margin					: 35px 0 0 249px;
}

#content #nav {
	padding					: 35px 37px 15px 37px;
	font-size				: 9px;	
	color					: #0F1B5F;
}

#content #nav a {
	font-size				: 9px;	
	color					: #4980D9;
}

#content h1 {
	margin					: 0 37px 10px 37px;
}

#content h2 {
	margin					: 10px 0 0px 0;
}

#content p {
	margin					: 0 37px 20px 37px;
}

#content #nouvellesResidences #imprimer{
	margin					: 0 37px 20px 37px;
}

#content #nouvellesResidences h2 {
    color                   : #4980D9;
	margin					: 20px 37px 0 37px;
}

#content #listeResidences li {
	margin					: 0 37px 20px 37px;
	list-style-type 		: none;
	background-image		: url('images/emera/more-listeResidences.gif');
  	background-repeat		: no-repeat;
  	background-position		: bottom;
  	height					: 58px;
}

#content #listeResidences h1 {
	margin					: 0 0px 0 0px;
	font-size				: 11px;
	line-height				: 160%;
	color					: #0A1336;
}

#content #listeResidences #presentation h1 {
	margin					: 0 0px 10px 37px;
	font-size				: 15px;
	line-height				: 160%;
	color					: #0F1B5F;
}

#content #listeResidences h1 a {
	font-size				: 11px;
	line-height				: 160%;
	color					: #0F1B5F;
}

#content #listeResidences p {
	margin					: 0 37px 0 37px;
}

#content #listeResidences p a {
	margin					: 0 -37px 0 -37px;
	font-size				: 11px;
	line-height				: 160%;
	color					: #000000;
}

#content #ficheResidence {
	width					: 702px;
}

#content .logoResidence {
	margin					: 0 0 10px 37px;
}
	
#content #ficheResidence #presentation {
	float					: left;
	width					: 511px;
}

#content #ficheResidence #presentation h1 {
	margin					: 2px 37px 0 37px;
}

#content #ficheResidence #prestations {
	width					: 511px;
	background-image		: url('images/emera/fichePrestations.jpg');
	background-position		: 37px 0px;
  	background-repeat		: no-repeat;
  	padding					: 23px 0 0 0;
}


#content #ficheResidence #prestations div.presta {
	background-image		: url('images/emera/ficheFiletLong.jpg');
	background-position		: 38px 0px;
	background-repeat		: no-repeat;
	padding					: 15px 0 0 0;
}

#content #ficheResidence #prestations div.presta h1 {
	margin 					: 0 37px 0px 37px;
	font-weight				: 700;
	font-size				: 12px;
	line-height				: 160%;
	color					: #0F1B5F;	
}

#content #ficheResidence #prestations div.presta p {
	margin 					: 0 37px 3px 37px;
	line-height				: 160%;
	color					: #000000;	
}

#content #ficheResidence #infos {
	float					: right;
	width					: 191px;
	height					: 765px;
	background-image		: url('images/ficheOmbre.jpg');
	background-position		: 0px 30px;
  	background-repeat		: no-repeat;
  	padding					: 30px 0 0 0;
}

#content #ficheResidence #infos img {	
	margin 					: 0 0 10px 15px;
}

#content #ficheResidence #infos img.logo {	
	margin 					: 0 0 0 15px;
}

#content #ficheResidence #adresse .numeroVert {
	margin                  : 8px 0 0 13px;
}

#content #ficheResidence #adresse .telephone {
	color					: #0F1B5F;
	font-weight				: 700;
}

#content #ficheResidence #contact {
	background-image		: url('images/emera/ficheContact.jpg');
  	background-repeat		: no-repeat;
  	background-position		: 12px 0px;
	padding					: 30px 0 0 0;
	margin					: 20px 0 0 0;
}

#content #ficheResidence #infos h1 {
	margin 					: 0 15px 0 15px;
	font-weight				: 700;
	font-size				: 11px;
	line-height				: 120%;
}

#content #ficheResidence #infos p {
	margin 					: 5px 15px 0 15px;
	font-size				: 11px;
	line-height				: 120%;
}

#content #ficheResidence #infos a {
	margin 					: 0 0 0 0;
	font-size				: 11px;
	line-height				: 120%;
}

#content #ficheResidence #infos div.info {
	background-image		: url('images/emera/ficheFiletCourt.jpg');
	background-position		: 15px bottom;
	background-repeat		: no-repeat;
	padding					: 10px 0 15px 0;
}

#content #ficheResidence #infos div.end {
	background-image		: none;
	padding					: 10px 0 15px 0;
}

#content #ficheResidence #imprimer {
	clear 					: both;
	padding					: 40px 0 0 37px;
}

#content #planacces {
	width 					: 702px;
}

#content #planacces h1 {
	margin 					: 0 37px 0 37px;
	font-weight				: 700;
	font-size				: 12px;
	line-height				: 120%;
	color					: #0F1B5F;	
}

#content #planacces p {
	margin 					: 5px 37px 0 37px;
	font-size				: 12px;
	line-height				: 120%;
}

#content #planacces p.telephone {
	color					: #0F1B5F;
	font-weight				: 700;
}

#content #planacces #map {
	margin 					: 18px 0px 0 37px;
	background-image		: url('images/emera/filetFullScreen.jpg');
	background-repeat		: no-repeat;
	padding					: 10px 0 0 0;
}

#content #planacces #acces {
	margin 					: 18px 0 0 0;
	background-image		: url('images/emera/accesEntete.jpg');
	background-position		: 37px 0;
	background-repeat		: no-repeat;
	padding					: 30px 0 0 0;
}

#content #planacces #acces h1 {
	margin 					: 15px 37px 0 37px;
}

#content #planacces #acces p {
	font-size				: 11px;
}

#content #planacces #itineraire {
	margin 					: 18px 0 0 0;
	background-image		: url('images/emera/calculItineraire.jpg');
	background-position		: 37px 0;
	background-repeat		: no-repeat;
	padding					: 30px 0 0 0;
}

#content #planacces #imprimer {
	margin 					: 18px 0 0 0;
}

#content #formulaire h1 {
	font-size				: 11px;
	line-height				: 120%;
	color					: #0F1B5F;
	margin					: 0 37px 5px 37px;
}

#content #formulaire p {
	font-size				: 11px;
	line-height				: 120%;
	color					: #000000;
}

#content #formulaire form {
	margin 					: 0 0 0 37px;
	background-image		: url('images/emera/filetFullScreen.jpg');
	background-repeat		: no-repeat;
	padding 				: 10px 0 0 0;
	height 					: 500px; 
}

#content #formulaire form p {
	margin 					: 0 0 2px 0;
}

#content #formulaire .imitFormulaire {
	background-color 		: #E6EAF7;
	border-width 			: 1px;
	border-style			: solid;
	border-color 			: #B6CCF0;
	height					: 15px;
	padding					: 2px 0 0 5px;
}

#content #formulaire div {
	float 					: left;
	margin 					: 10px 13px 0 0 !important;
	margin 					: 10px 7px 0 0;
}

#content #institutionnel {
	float 					: left;
	width 					: 454px;
	padding 				: 0 0 0 37px;
}

#content #institutionnel h1 {
	margin					: 0 0 10px 0;
}

#content #institutionnel p {
	margin					: 0 0 0 0;
}

#content #institutionnel p.legende {
	margin					: 5px 0 10px 0;
	font-size				: 9px;
	line-height				: 120%;
	color					: #0A1336;
}

#content #institutionnel #nav {
	padding					: 15px 0 15px 0;
}

#content #institutionnel #imprimer {	
	margin	 				: 20px 0 0 0;
}

#content #menuInstit {
	float 					: right;
	width 					: 180px;
	height					: 377px;
	background-image		: url('images/institOmbre.jpg');
	background-repeat		: no-repeat;
	margin					: 15px 0 0 0;
	padding					: 0 0 0 8px;
}
#content #menuInstit li {
	color 					: #0F1B5F;
	font-weight				: 900;
	list-style-type 		: none;
 	padding-left			: 10px;
 	line-height				: 240%;
}

#content #menuInstit li.selected {
 	list-style-type			: none;
 	background-image 		: url('images/emera/puce.gif');
 	background-repeat		: no-repeat;
 	background-position		: 0% 45%;
}

#content #menuInstit a {
	color 					: #0F1B5F;
	font-weight				: 500;
}

#content #recherche li {
	margin					: 0 0 0 50px;
}

/* ====== footer ====== */
#footer {
	bottom:0px; 
	clear 					: both;
  	width					: 898px;
  	height					: 80px;
  	overflow				: hidden;
  	z-index 				: 135;
  	
}
#footer a {
  	margin 					: 50px 0 0 0;
	display					: block;
  	overflow				: hidden;
 	width					: 196px;
  	height					: 30px;
  	text-indent				: -5000px; /* pour masquer le texte du lien */
  	background-image		: url('images/emera/btnMentionsLegales.jpg');
  	background-repeat		: no-repeat;
  	}

#footer #footer_top_right {
  	margin 					: -30px 0 0 196px;
  	text-align				: center;
}

#footer span {
  	font-size				: 11px;
  	line-height				: 32px !important;
  	line-height				: 30px;
	color					: #0F1B5F;
}

/*
ie 6 hacks
http://blog.semiodesign.com/hack-css
*/
select {
   font-size				: 12px; 
   !font-size				: 12px; 
}
*> select {
   font-size				: 12px; 
   !font-size				: 9px; 
}
/*
#content{
	left:0px;
	!left:-3px;
}
*> #content {
	left:0;
	!left:0;
}*/
/*
end ie6 hacks
*/