/* CSS Document */

#container {
	position:absolute;
	left:183px;
	top:152px;
}

#nav {
	width:600px;
	margin: 0 0 0 0;
	padding: 0 0px 0px 0px;
	float:left;
}

#nav li {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	float:left;
}

#nav a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	letter-spacing:3px;
	text-align:center;
	height:18px;
	width:141px;
	padding: 14px 4px 0px 4px;
}
/* COMMUNICATION */
#nav a.communication:link, #nav a.communication:visited {
	background: url(../images/nav_groupe-forum.jpg) no-repeat top center;
}
#nav a.communication:link.active, #nav a.communication:visited.active, #nav a.communication:hover, #nav a.communication-on {
	background: url(../images/nav_groupe-forum.jpg) no-repeat bottom center;
	cursor:default;
	color:#66ccff;
}


/* IMPRESSION */
#nav a.impression:link, #nav a.impression:visited {
	background: url(../images/nav_groupe-forum.jpg) no-repeat top center;
}
#nav a.impression:link.active, #nav a.impression:visited.active, #nav a.impression:hover, #nav a.impression-on {
	background: url(../images/nav_groupe-forum.jpg) no-repeat bottom center;
	cursor:default;
	color:#66ccff;
}


/* EDITION */
#nav a.edition:link, #nav a.edition:visited {
	background: url(../images/nav_groupe-forum.jpg) no-repeat top center;
}
#nav a.edition:link.active, #nav a.edition:visited.active, #nav a.edition:hover, #nav a.edition-on {
	background: url(../images/nav_groupe-forum.jpg) no-repeat bottom center;
	cursor:default;
	color:#66ccff;
}


/* WEB DESIGN */
#nav a.web-design:link, #nav a.web-design:visited {
	background: url(../images/nav_groupe-forum.jpg) no-repeat top center;
}
#nav a.web-design:link.active, #nav a.web-design:visited.active, #nav a.web-design:hover, #nav a.web-design-on {
	background: url(../images/nav_groupe-forum.jpg) no-repeat bottom center;
	cursor:default;
	color:#66ccff;
}

#nav a span {
	display:block;
	padding:0px 0px 10px 0px;
	float:none;
}





#nav .sousMenuCommunication { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; }
#nav .sousMenuImpression { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; }
#nav .sousMenuEdition { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; }
#nav .sousMenuWeb { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; }

#nav .sousMenuCommunication li { float: none; margin: 0;	padding: 0px 0px 0px 4px; border: 0; width: 141px; }
#nav .sousMenuImpression li { float: none; margin: 0;	padding: 0px 0px 0px 4px; border: 0; width: 141px; }
#nav .sousMenuEdition li { float: none; margin: 0;	padding: 0px 0px 0px 4px; border: 0; width: 141px; }
#nav .sousMenuWeb li { float: none; margin: 0;	padding: 0px 0px 0px 4px; border: 0; width: 141px; }

#nav .sousMenuCommunication li a:link, #nav .sousMenuCommunication li a:visited {
	height:27px;
	display: block;
	color: #fff;
	font-size:10px;
	letter-spacing:0.1em;
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
	margin:0px 0 0 0;
	text-align:center;
	text-decoration: none;
	background-color:#3b3939;
}

#nav .sousMenuImpression li a:link, #nav .sousMenuImpression li a:visited {
	height:27px;
	display: block;
	color: #fff;
	font-size:10px;
	letter-spacing:0.1em;
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
	margin:0px 0 0 0;
	text-align:center;
	text-decoration: none;
	background-color:#3b3939;
}

#nav .sousMenuEdition li a:link, #nav .sousMenuEdition li a:visited {
	height:27px;
	display: block;
	color: #fff;
	font-size:10px;
	letter-spacing:0.1em;
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
	margin:0px 0 0 0;
	text-align:center;
	text-decoration: none;
	background-color:#3b3939;
}

#nav .sousMenuWeb li a:link, #nav .sousMenuWeb li a:visited {
	height:27px;
	display: block;
	color: #fff;
	font-size:10px;
	letter-spacing:0.1em;
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
	margin:0px 0 0 0;
	text-align:center;
	text-decoration: none;
	background-color:#3b3939;
}

#nav .sousMenuCommunication li a:link span, #nav .sousMenuCommunication li a:visited span { padding:7px 0 0 0; }
#nav .sousMenuImpression li a:link span, #nav .sousMenuImpression li a:visited span { padding:7px 0 0 0; }
#nav .sousMenuEdition li a:link span, #nav .sousMenuEdition li a:visited span { padding:7px 0 0 0; }
#nav .sousMenuWeb li a:link span, #nav .sousMenuWeb li a:visited span { padding:7px 0 0 0; }

#nav .sousMenuCommunication li a:hover {	background-color:#66ccff; }
#nav .sousMenuImpression li a:hover {	background-color:#66ccff; }
#nav .sousMenuEdition li a:hover {	background-color:#66ccff; }
#nav .sousMenuWeb li a:hover {	background-color:#66ccff; }

#nav li:hover > .sousMenuCommunication { display: block; }
#nav li:hover > .sousMenuImpression { display: block; }
#nav li:hover > .sousMenuEdition { display: block; }
#nav li:hover > .sousMenuWeb { display: block; }
