/*************************************************************************************************************
* MENU HAUT
*************************************************************************************************************/
#menu-haut ul{
  list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: .83em;
	height: 2.25em;
	font-weight: bold;
	background-color: #005AA1;
	margin-right: 0em;
}
#menu-haut li {
	display: block;
	z-index: 100;
	float: left;
	position: relative;
	margin-right: .1em;
	height: 2.17em;
}
#menu-haut li a {
	display: block;
	z-index: 100;
	border-right: .1em solid white;
}
#menu-haut li:first-child a {
	border-left: 0;
}
#menu-haut dl {
	position: absolute;
	top: 2.17em;
	left: 0;
	margin: 0;
	padding: 0;
	background: url(transparency.gif);
}
#menu-haut dd {
	display: none;
	background: transparent;
	border-top: .1em solid white;
	clear: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu-haut dd a, #menu-haut dd a:visited  {
	display: block;
}
#menu-haut li a, #menu-haut dd a, #menu-haut dd a:visited {
	text-decoration: none;
	text-transform: uppercase;
	background: #005AA1;
	color: white;
	padding: .5em .3em .5em .4em;
	white-space: nowrap;
}
#menu-haut li:hover dd{
	display: block;
}
#menu-haut dd a:hover{
	background: #009DE0;
}
#menu-haut li:hover>a {
	background: #009DE0;
}
#menu-haut dd.hidden{
	width: 14em;
	height: .1em;
	overflow: hidden;
	background: transparent;
}
#menu-haut .mon-compte{
	float:right;
	margin:0;
	border:0;
}
#menu-haut li.mon-compte, #menu-haut li.mon-compte a{
	background: #EB6911;
	border-right: 0;
}
#menu-haut li.mon-compte a:hover{
	background: #F29500;
}

.skip{
	display: none;
	visibility: hidden;
}

/*************************************************************************************************************
* MENUS VERTICAUX
*************************************************************************************************************/
#menu-gauche ul, #menu-gauche h2, #menu-gauche h3{
	margin: 0;
	padding: 0 .83em .67em .83em;
	clear: both;
}
#menu-gauche li{
	list-style-type: none;
	clear: left;
}
#menu-gauche a{
	padding-left: 1em;
	background: url(../images/puce_fleche_g.gif) left .17em no-repeat;
	display: block;
}

/*************************************************************************************************************
* ENCARTS PROFILS
*************************************************************************************************************/
#menu-gauche h2.titre-profils{
	background: white url(../images/fnd_profils.gif) left top repeat-y;
	color: white;
	font-size: 1.2em;
	padding: .6em;
}
#menu-gauche ul.profils{
	margin: -0.25em 0 0 0;
	padding: 0;
}
#menu-gauche ul.profils li{
	list-style-type: none;
	clear: left;
	padding: .35em;
	padding-left: 2em;
	margin: 1px;
	background: white url(../images/puce_profils_off.gif) left .17em no-repeat;
}
#menu-gauche ul.profils a{
	padding-left: 0;
	background: none;
}
#menu-gauche ul.profils li.selected{
	background: white url(../images/puce_profils_on.gif) left .17em no-repeat;
}
#menu-gauche ul.profils li b{
	color: #005AA1;
}
#menu-gauche h3{
	color: #005AA1;
	font-size: 1.1em;
	padding-top: .3em;
	padding-bottom: 0;
}

/*************************************************************************************************************
* ENCARTS LES + DEMANDES
*************************************************************************************************************/
#menu-gauche h2.titre-lesplus{
	background: url(../images/fnd_titres_formulaires.gif) repeat;
	color: white;
	font-size: 1.2em;
	padding: .6em;
	border-bottom: .16em solid white;
	border-top: .16em solid white;
}

/*************************************************************************************************************
* MENUS DROITE
*************************************************************************************************************/
#menu-droite div{
	background-color: white;
	margin: 0 1px 1px 1px;
	padding: 0 1em 1em 1em;
}
#menu-droite ul{
	margin: 0;
	padding: 0 1em;
}
#menu-droite ul{
	list-style-type: none;
	/*margin-bottom: 1em;*/
}

#menu-droite li{
	list-style-type: none;
	margin-bottom: 0.5em;
}

#menu-droite b{
	padding-left: 1.6em;
	display: block;
	color: #005AA1;
	margin-bottom: 1em;
	font-weight: bold;
	margin-bottom: 0;
	background: transparent url(../images/puce_fleche_o.gif) left .17em no-repeat;
}
#menu-droite h3{
	color: gray;
	font-weight: normal;
	position: relative;
	left: -0.8em;
	padding-left: 1.3em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	background: url(../images/fnd_titres_infos.gif) left bottom no-repeat;
}
#menu-droite #rec{
	background-color: transparent;
	margin: 0 0 0 -1px;
	padding: 1em .8em;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
#menu-droite #rec span{
	font-weight: bold;
	font-size: .8em;
	color: #005AA1;
}
#menu-droite #rec input{
	border: 1px solid #F0F0F0;
	font-size: .8em;
	width: 18.4em;
	margin-left: .4em;
}
#menu-droite #rec input.btn{
	font-size: 75%;
	background-color: #005AA1;
	text-align: center;
	color: white;
	width: 2.2em;
	margin: 0 0 0 1px;
	padding-left: 0;
	text-indent: 0;
}

/*************************************************************************************************************
* ENCARTS ANNUAIRE + URGENCES
*************************************************************************************************************/
#menu-droite #annuaire{
	background: url(../images/fnd_annuaire.jpg) no-repeat;
	margin: 0;
	padding: 1.6em 1.4em 1.3em 1.4em;
	color: white;
	font-weight: bold;
}
#menu-droite #urgences{
	background: url(../images/fnd_urgences.jpg) no-repeat;
	margin: 0;
	padding: 1.6em 1.4em 2em 1.4em;
	color: white;
	font-weight: bold;
}
#menu-droite #plan{
	background: url(../images/fnd_plan.jpg) no-repeat;
	margin: 0;
	padding: 1.6em 1.4em 2em 1.4em;
	color: white;
	font-weight: bold;
}


#menu-droite #annuaire ul, #menu-droite #urgences ul, #menu-droite #plan ul{
	padding: 0;
}
#menu-droite #annuaire li, #menu-droite #urgences li, #menu-droite #plan li{
	list-style-type: none;
	margin: 0;
	padding-left: 1.2em;
	background: transparent url(../images/puce_fleche_transparant.gif) left .17em no-repeat;
}
#menu-droite #annuaire a, #menu-droite #urgences a, #menu-droite #plan a{
	color: white;
	background: none;
	padding: 0;
	margin: 0;
}
#menu-droite #agenda-interactif{
	background: transparent;
	margin: 0;
	padding: 0;
}
#menu-droite #agenda-interactif h3{
	background: none;
	font-size: 1.6em;
	margin: 1em 0 0 0;
	color: #005AA1;
}
#menu-droite #agenda-interactif a{
	margin-left: 1em;
}

#menu-droite #menu-compte h3{
	padding-right: 0;
	font-weight: bold;
}
#menu-droite #menu-compte span.bonjour{
	font-size: 1.2em;
	color: #005AA1;
	font-weight: bold;
}
#menu-droite #menu-compte span.nom{
	font-size: 1em;
	color: #EB9422;
	font-weight: bold;
}
#menu-droite #menu-compte a.lien{
	margin-left: 1em;
	/*font-weight: bold;*/
}
#menu-droite #menu-compte ul b{
	font-size: 1.1em;
	color: #41A9D9;
}

/*************************************************************************************************************
* CREER MON COMPTE
*************************************************************************************************************/
div.creer-mon-compte{
	background: white url(../images/creation-compte.jpg) no-repeat left top;
	color: white;
	height: 2.42em;
	position: relative;
	background-color: white;	
	width:22.75em;
	float:right;
	right: 1em;
	z-index:90;
}
#menu-haut-content div.creer-mon-compte{
	margin: 0 1px 2px -1em;
	padding: 0.5em 0 1em 1em;
	width: 22em;
	background-position: -15px top;
}
#menu-droite div.creer-mon-compte{
	padding-right: 0;
	padding-top: .5em;
}
div.creer-mon-compte a{
	color: white;
	text-decoration: underline;
}
div.creer-mon-compte:hover{
	background: white url(../images/creation-compte-rollover.jpg) no-repeat left top;
}
#menu-haut-content div.creer-mon-compte:hover{
	width: 22em;
	background-position: -15px top;
}
div.creer-mon-compte img{
	position: absolute;
	right: -1em;
	top: 0;
	visibility: hidden;
}
div.creer-mon-compte img.visible{
	visibility: visible;
}