/* begin Header */
div.art-Header
{
/*	margin: 0 auto; */
	position: relative;
	z-index:0;
/*	width: 1086px; */
	height: 150px; 
}


div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 100%; 
	height: 150px; 
	background-image: url('images/Header.jpg');
	background-repeat: repeat-x;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
	display : block;
	position: absolute;
	left: 10px;
	top: 32px;
/*	width: 1056px; */
}

h1.art-Logo-name
{
	display: block;
	text-align: left;
}

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 38px;
font-style: normal;
font-weight: bold;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
	padding:0;
	margin:0;
	color: #04070B !important;
}

h2.art-Logo-name
{
	display: block;
	text-align: left;
}

h2.art-Logo-name, h2.art-Logo-name a, h2.art-Logo-name a:link, h2.art-Logo-name a:visited, h2.art-Logo-name a:hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
	padding:0;
	margin:0;
	color: #04070B !important;
}

.art-Logo-text
{
	display: block;
	text-align: left;
}

.art-Logo-text, .art-Logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
	padding:0;
	margin:0;
	color: #BFCFE8 !important;
}
/* end Logo */

.backlinkNG {
	
display: block;
text-align: left;

font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
color: #BFCFE8 !important;
}

#backlingNG {

font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
color: #BFCFE8 !important;
font-weight: bold;
letter-spacing: 1px;

}

.backlinkIMG {

vertical-align:middle;
margin-right:5px;

}


/* debut Classe special pour Affichage Serveur dans Menu Manager */
.mm_serveur {
background-color:#FFEEEA;
	border-top-width: 1px;
	border-top-spacing: 0px;
	border-top-style: dashed;
	border-top-color: gray;
	border-top-collapse: collapse;
}

/* Colorisation du menu principal (css utilisé par le plugin Menu Manager) */
.top-menu-1, .top-menu-2, .top-menu-3, .top-menu-4, .top-menu-5, .top-menu-6 {
border-right:7px solid #fff;
}

.top-menu-1 {
background-color:#98D6F8;
}

.top-menu-2 {
background-color:#BAEBA3;
}

.top-menu-3 {
background-color:#F8F198;
}

.top-menu-4 {
background-color: #FFE5E5;
/*background-color: #EBA3A3;*/
}

.top-menu-5 {
background-color:#B9B0EE;
}

.top-menu-6 {
background-color:#DCDDDD;
}

#mm_nav {
	padding: 0;
	margin: 0px 0px 0px 0px;
	display: block;
	list-style: none;
	text-align: left;
}

#mm_nav .mm_sub_nav {
background-color:#fff;border-color:#333;border-style:solid;border-width:1px 1px 1px 1px;
}

/
*#mm_nav li .mm_sub_nav a:hover {
background:#E1DEE3;
}

*/
#mm_nav li:hover .mm_sub_nav li .mm_sub_nav {
border-width:1px;
}

#mm_nav li .mm_serveur a:hover, .mm_serveur {
  background-image:url('http://www.les-newsgroup.fr/Fichiers-Usenet/information.png');
  background-position: 97% 85%;
background-repeat:no-repeat;
}

.mm_sub_nav ul li {
 z-index:5;

}

/*** SUPERFISH STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */	z-index:1;
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index:1;
}

.sf-menu li {
	float:			left;
	position:		relative;	z-index:1;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		1;
width:300px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;	z-index:		1;
width:300px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0.5em;	z-index:		1;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;	z-index:		1;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			-1em;	z-index:		1;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	display:none;
}

a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
 background-position:  -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
 background-position:  0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}