/* CSS Document */

.menu {
	float:left;
	margin: 0px;
	padding:0 0px;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	display:inline;
}
.menu a span {border-bottom:2px solid #77bce4; margin-bottom:2px;}
.menu a span span {font-size:125%; border:none;}

.menu a{
	padding:7px 0px 13px 0px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	list-style-type:none;
	text-align:center;
	
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
.menu a:hover{ padding:7px 0px 13px 0px; display:block; color:#ffffff; text-decoration:none; list-style-type:none; display:block; margin:0px; width:100%; background:#1b5b9a;}


/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
	background-color:#1b5b9a; 
	padding:0px;
	z-index:1000;
}

.ssmenu ul, .ssmenu li.lienMenu {
/* Ne pas trop toucher. Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0px;
	list-style-type:none;
	background:transparent;
}


.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#ffffff;
	padding:2px 12px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #77bce4;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:4px 0;
	width:100%;
}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{
	/* Les liens sous le curseur. On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background:#1b5b9a;
	color:#ffffff;
	text-decoration:none;
}

.menuOuvert a{ padding:7px 0px 13px 0px; display:block; color:#ffffff; text-decoration:none; list-style-type:none; display:block; margin:0px; width:100%; background:#1b5b9a;}