/* M_header */

/* @auteur	Alsacreations, VP	*/
/* @cree	2008-06-19          */
/* @modif	2008-06-25          */
/* @gabarit	0                 */
/* @version	1                 */


#M_header {
  width: 958px;
  padding: 12px 11px 0 11px;
  margin: 0 auto;
	background: url(../img/fond_header.png) left top no-repeat;
	color: black;
}

#M_header p {
	margin-bottom: 0;
}

#M_header ul#M_header_evitement {
  list-style: none;
  padding: 6px 0;
  text-align: right;
  border-top: 1px solid #164F80;
  border-bottom: 1px solid #164F80;
}
#M_header ul#M_header_evitement li {
  display: inline;
  padding-left: 5px;
}
#M_header ul#M_header_evitement li a {
  color: #9B9C9E;
}

#M_header #M_header_principal {
  position: relative;
  width: 958px;
  height: 94px;
  background: url(../img/M_header_fond.jpg) left top no-repeat;
  border-bottom: 1px solid #164F80;
}

#M_header #M_header_sinscrire {
  position: absolute;
  right: 0;
  top: 0;
  width: 225px;
  height: 54px;
  padding: 9px 8px 0 8px;
  background: white;
}

#M_header #M_header_sinscrire p {
  text-transform: uppercase;
  margin: 10px 0 0 0;
  padding: 0;
  background: white;
}
#M_header #M_header_sinscrire p a {
  background: url(../img/M_header_sinscrire_fleche.png) left center no-repeat;
  padding-left: 20px;
}

#M_header #M_header_sinscrire p a.premier {
  padding-right: 9px;
}

#M_header #M_header_recherche {
  float: right;
  padding-right: 7px;
  position: relative;
  top: -5px;
}

#M_header #M_header_recherche input, #M_header #M_header_recherche img {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

#M_header #M_header_recherche #M_header_saisie {
  border: 1px solid #000; 
  font-size: 1em;
  width: 114px;
  vertical-align: top;
  margin-right: 9px;
  padding: 3px 7px;
}

#M_header #M_header_navigation {
  margin-top: 8px;
  border-bottom: 1px solid #164F80;
}
#M_header #M_header_navigation p {
  margin-top: 0;
}

/* ---------------------------------------------- */
/* Menu dï¿½roulant Code original du GroupeMoniteur */
/* ---------------------------------------------- */

/* fond, hauteur et largeur du menu */
#M_header #menu-container {
	background:white url(../img/M_header_menu_separation.png) no-repeat left top;
	height:21px;
	width:958px;
	padding: 0 0 0 10px;
}

#M_header #menu-courrier-maires, #M_header #menu-courrier-maires li ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#M_header #menu-courrier-maires li {
	float:left;
	white-space: nowrap;
	margin-right: 9px;
}




/* Libellï¿½s des menus (ï¿½tat par dï¿½faut) */
#M_header #menu-courrier-maires li a {
	display:block;
	height:21px;
}

/* Libellï¿½s des menus au survol de la souris + signalement de rubrique courante */
#M_header #menu-courrier-maires li a:hover, #M_header #menu-courrier-maires li a.currentSection {
	/* 	18/06/08 par Philippe : en cas d'agrandissement des tailles de police,
		le libellï¿½ orange passe au-dessus des libellï¿½s plus ï¿½ droite que lui grï¿½ce ï¿½ z-index sur un ï¿½lï¿½ment positionnï¿½ */
	z-index: 20;
}

/* Largeurs des libellï¿½s des menus, des sous-menus et des libellï¿½s des sous-menus */
#M_header #menu-item-accueil {width:66px;} #M_header #sub-menu-accueil, #M_header #sub-menu-accueil li {width:210px;}
#M_header #menu-item-actualites {width:79px;} #M_header #sub-menu-actualites, #M_header #sub-menu-actualites li {width:150px;}
#M_header #menu-item-juridique {width:82px;} #M_header #sub-menu-juridique, #M_header #sub-menu-juridique li {width:200px;}
#M_header #menu-item-communautes {width:113px;} #M_header #sub-menu-communautes, #M_header #sub-menu-communautes li {width:260px;}
#M_header #menu-item-offres {width:57px;}
#M_header #menu-item-abonner {width:87px;}

/* Etat par dï¿½faut des sous-menus */
#M_header #menu-courrier-maires #sub-menu-accueil, #M_header #menu-courrier-maires #sub-menu-actualites, #M_header #menu-courrier-maires #sub-menu-juridique, #M_header #menu-courrier-maires #sub-menu-communautes {
	border: 1px solid #5F94C9;
	display:none;
	position:absolute;
	z-index:80;	
	padding: 5px;
	background: white;
}

#M_header #menu-courrier-maires li ul li {
	margin-right: 0;
}


/* Etat par dï¿½faut des libellï¿½s des sous-menus */
#M_header #sub-menu-accueil li a, #M_header #sub-menu-actualites li a, #M_header #sub-menu-juridique li a, #M_header #sub-menu-communautes li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	text-align:left;
	height: 15px;
	background: white url(../img/M_header_menu_fleche.png) left center no-repeat;
	padding: 2px 0 2px 20px;
}

/* Etat des libellï¿½s des sous-menus au survol de la souris */
#M_header #sub-menu-accueil li a:hover, #M_header #sub-menu-actualites li a:hover, #M_header #sub-menu-juridique li a:hover, #M_header #sub-menu-communautes li a:hover {
	text-decoration: underline;
}

/* Premier libellï¿½ de chaque sous-menu */
#M_header #sub-menu-accueil li:first-child a, #M_header #sub-menu-actualites li:first-child a, #M_header #sub-menu-juridique li:first-child a, #M_header #sub-menu-communautes li:first-child a {
	border:none;
}
