/* CSS Document */
body {
	background-image: url(http://groupe-nery.net/PGE/IMG/fp.jpg);
	background-repeat: repeat;
	background-color: #000000;
}
div#menu {width: 120px;}

/* fond blanc pour le menu */ 
div#menu a {color:#FFFFFF;}
div#menu a:hover {color:#FF0000;}
div#menu ul {padding: 0; width: 238px; border-left:1px solid #120A0A; margin:0px; background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li  {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu li.beta  {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu ul li {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu ul li.beta {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu li:hover {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu li.sousmenu:hover {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu li.beta:hover {background: url(http://groupe-nery.net/PGE/IMG/menu_fond2.png);}
div#menu li.sousmenu2:hover {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu ul li {position:relative; list-style: none; border-bottom:0px solid;}
div#menu ul ul {position: absolute; top: 1px; left:203px; display:none;border-left:0px}
div#menu ul ul ul {position: absolute; top: 0px; left:203px; display:none; margin:0 auto 0 auto ;background: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);border-left:0px solid;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 0px/*hauteur*/ 0px/*espace entre les sous menus*/ 0px 0px; margin:0 auto 0 auto; display:block; border-left: 0px solid #FF0000; width:238px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3, 
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}

div#menu ul.niveau1 li.beta:hover ul.niveau2, 
div#menu ul.niveau2 li.beta:hover ul.niveau3, 
div#menu ul.niveau3 li.beta:hover ul.niveau4 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol
div#menu li a:hover {border-left-color: url(http://groupe-nery.net/PGE/IMG/menu_fond.png);}
div#menu ul ul li a:hover {border-left-color: url(http://groupe-nery.net/PGE/IMG/menu_fond2.png);}
div#menu ul ul ul li a:hover {border-left-color: url(http://groupe-nery.net/PGE/IMG/menu_fond2.png);} */

.Style2 {
	font-family: "Borg 9";
	font-weight: bold;
}
.Style3 {color: #FF0000}
.Style4 {color: #00FF00}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
.piedpage {color: #FFFFFF}
.texte {color: #FFFFFF}
/*noir gras*/
.titrecadre {color: #000000; font-weight: bold; }
/*rouge gras*/
.Style26 {
	color: #FF0000;
	font-weight: bold;
}
.Style28 {font-size: 12px}
.info {
color: #FF0000;
text-decoration: blink;
}

/*blanc gras*/
.titre {
	color: #FFFFFF;
	font-weight: bold;
}
.Style1 {
	font-size: 9px;
	color: #FF0000;
}
.c0 {color: #FFFFFF}
.c1 {color: #000000}
.c2 {color: #000099}
.c3 {color: #006600}
.c4 {color: #FF0000}
.c5 {color: #330000}
.c6 {color: #990099}
.c7 {color: #FF6633}
.c8 {color: #FFFF00}
.c9 {color: #00FF00}
.c10 {color: #006666}
.c11 {color: #00FFFF}
.c12 {color: #0000FF}
.c13 {color: #FF00FF}
.c14 {color: #666666}
.c15 {color: #999999}


#header     {height:30px; background:url(http://groupe-nery.net/PGE/IMG/header.png) no-repeat top;margin:0 auto 0 auto;width:1020px}   
#conteneur  {margin:0 auto 0;position:relative;text-align:center;width:1021px}	
#contenu    {background:url(http://groupe-nery.net/PGE/IMG/fond_contenu.png);margin:0 auto 0 auto;width:1020px; min-height:1020px}  
#left       {width:240px;float:left;color:#000;padding:0 0 0 5px;text-align:center}	 	 
#right      {width:240px;float:right;color:#000;padding:0 0 0 5px;text-align:center} 
#pied       {height:30px; background:url(http://groupe-nery.net/PGE/IMG/pied.png) no-repeat top;margin:0 auto 0 auto;width:1020px} 
<!--.cadre_haut	  {height:8px; background:url(IMG/cadre_bas.png);margin:0 auto 0 auto;width:530px}-->
.cadre_haut	  {background:url(http://groupe-nery.net/PGE/IMG/cadre_haut.png);margin:0 auto 0 auto;width:500px;padding:0 10px 0 20px}
.cadre_fond	  {background:url(http://groupe-nery.net/PGE/IMG/cadre_fond.png);margin:0 auto 0 auto;width:500px;padding:0 10px 0 20px}
.cadre_bas	  {height:15px; background:url(http://groupe-nery.net/PGE/IMG/cadre_bas.png);margin:0 auto 0 auto;width:530px}
.menu_haut	  {padding:10px 0 0 0;height:21px; background:url(http://groupe-nery.net/PGE/IMG/menu_haut.png);margin:0 auto 0 auto;width:238px;font:bold italic 12px "trebuchet ms";color:#fff;}
.menu_fond	  {background:url(http://groupe-nery.net/PGE/IMG/menu_fond.png);margin:0 auto 0 auto;width:238px;font:bold italic 12px "trebuchet ms";color:#fff}
.menu_bas	  {height:20px; background:url(http://groupe-nery.net/PGE/IMG/menu_bas.png) no-repeat;margin:0 auto 0 auto;width:238px}
.menu2_haut	  {padding:10px 0 0 0;height:21px; background:url(http://groupe-nery.net/PGE/IMG/menu2_haut.png);margin:0 auto 0 auto;width:238px;font:bold italic 12px "trebuchet ms";color:#fff;}
.menu2_fond	  {background:url(http://groupe-nery.net/PGE/IMG/menu2_fond.png);margin:0 auto 0 auto;width:238px;}
.menu2_bas	  {height:20px; background:url(http://groupe-nery.net/PGE/IMG/menu2_bas.png) no-repeat;margin:0 auto 0 auto;width:238px}
.radio {margin:0 auto 0 auto;width:180px}
.menuleft { padding:0 10px 0 30px; text-align:left; margin:30 left 30 auto; } 
.menuleft2 { padding:0 10px 0 50px; text-align:left; margin:30 left 30 auto; } 
.rmh	  {padding:10px 0 0 0;height:21px; background:url(http://groupe-nery.net/PGE/IMG/RMH.png);margin:0 auto 0 auto;width:187px;font:bold italic 12px;}
.rmf	  {padding:10px 0 0 0;height:38px; background:url(http://groupe-nery.net/PGE/IMG/RMF.png);margin:0 auto 0 auto;width:187px;font:bold italic 12px;}
.rmth	  {padding:10px 0 0 0;height:2px; background:url(http://groupe-nery.net/PGE/IMG/RMT_01.png);margin:0 auto 0 auto;width:187px;}
.rmtf	  {padding:10px 0 0 0;height:10px; background:url(http://groupe-nery.net/PGE/IMG/RMT_02.png);margin:0 auto 0 auto;width:187px;font:bold italic 12px;}
.rmtb	  {padding:10px 0 0 0;height:2px; background:url(http://groupe-nery.net/PGE/IMG/RMT_03.png);margin:0 auto 0 auto;width:187px;}
.rmb	  {padding:10px 0 0 0;height:2px; background:url(http://groupe-nery.net/PGE/IMG/RMB.png);margin:0 auto 0 auto;width:187px;}
#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	/*--background: #000000;--*/
	background: url(http://groupe-nery.net/PGE/IMG/toolbare.png);
	border: 0px solid;
	border-bottom: none;
	width: 100%;
	margin: 0 0%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : 
document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 0px solid; /*-- #FF0000Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
}
html #footpanel ul li a:hover{	/*--background: url(http://groupe-nery.net/PGE/IMG/toolbare.png);--*/ }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	/*--background-color: #000000;--*/
	background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);
	height: 17px;
	margin-top: -1px; /*--Push it up 2px to attach the active button to subpanel--*/
	/*--border: 0px solid;--*/
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(http://groupe-nery.net/PGE/IMG/home.png) no-repeat 35px center;
	/*--width: 45px;--*/
	padding-left: 36px;
	border-right: 0px solid;
	text-indent: 0; /*--Reset text indent--*/
	cursor: pointer;
}
a.help{	
	background: url(http://groupe-nery.net/PGE/IMG/help.png) no-repeat center center;
	cursor: pointer;
}
 a.membre{	
	background: url(http://groupe-nery.net/PGE/IMG/homem.png) no-repeat center center;
	cursor: pointer;
}
a.profile{	
background: url(http://groupe-nery.net/PGE/IMG/user.png) no-repeat 30px center;
cursor: pointer;
}
a.inscri{      
background: url(http://groupe-nery.net/PGE/IMG/usernew.png) no-repeat center center;
cursor: pointer;
}
a.contacts{	
background: url(http://groupe-nery.net/PGE/IMG/address_book.png) no-repeat center center; 
cursor: pointer;
}
a.contacts2{	
background: url(http://groupe-nery.net/PGE/IMG/ctticon.ico) no-repeat center center; 
cursor: pointer;
}
a.rm{	
background: url(http://groupe-nery.net/PGE/IMG/document_music_playlist.png) no-repeat center center; 
cursor: pointer;
}
a.bref{	
background: url(http://groupe-nery.net/PGE/IMG/ftp.png) no-repeat center center; 
cursor: pointer;
}
a.delcompte{	
background: url(http://groupe-nery.net/PGE/IMG/delcompte.png) no-repeat center center; 
cursor: pointer;
}
a.moddonee{	
background: url(http://groupe-nery.net/PGE/IMG/moddonee.png) no-repeat center center; 
cursor: pointer;
}
a.messages{	
background: url(http://groupe-nery.net/PGE/IMG/mail.png) no-repeat 30px center; 
cursor: pointer;
}
a.addami{	
background: url(http://groupe-nery.net/PGE/IMG/addami.png) no-repeat 30px center; 
cursor: pointer;
}
a.prenium{	
background: url(http://groupe-nery.net/PGE/IMG/star--plus.png) no-repeat 30px center; 
cursor: pointer;
}
a.guestbook{	
background: url(http://groupe-nery.net/PGE/IMG/guestbook.png) no-repeat 30px center; 
cursor: pointer;
}
a.tickets{	
background: url(http://groupe-nery.net/PGE/IMG/ticket.png) no-repeat 30px center; 
cursor: pointer;
}
a.photo{	
background: url(http://groupe-nery.net/PGE/IMG/photo.png) no-repeat 30px center; 
cursor: pointer;
}
a.blog{	
background: url(http://groupe-nery.net/PGE/IMG/blogs.png) no-repeat 30px center; 
cursor: pointer;
}
a.lien{	
background: url(http://groupe-nery.net/PGE/IMG/liens.png) no-repeat 30px center; 
cursor: pointer;
}
a.modprofil{
background: url(http://groupe-nery.net/PGE/IMG/wrench_screwdriver.png) no-repeat center center; 
cursor: pointer;
}
a.stat{  background: url(http://groupe-nery.net/PGE/IMG/stats.png) no-repeat center center; }
a.tchat{  background: url(http://groupe-nery.net/PGE/IMG/balloons.png) no-repeat center center; }

a.receptmess{	
background: url(http://groupe-nery.net/PGE/IMG/mailrecept.png) no-repeat center center; 
cursor: pointer;
}
a.envoimess{	
background: url(http://groupe-nery.net/PGE/IMG/mailenvoi.png) no-repeat center center; 
cursor: pointer;
}
a.newmess{	
background: url(http://groupe-nery.net/PGE/IMG/mailnew.png) no-repeat center center; 
cursor: pointer;
}
#footpanel a.chat{	
	background: url(http://groupe-nery.net/PGE/IMG/tick.png) no-repeat 10px center;
	width: 126px;
	/*--border-left: 0px solid;
	border-right: 0px solid;--*/
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
	cursor: pointer;
}

#footpanel a.deco{	
	background: url(http://groupe-nery.net/PGE/IMG/deco.png) no-repeat 10px center;
	width: 126px;
	/*--border-left: 0px solid;
	border-right: 0px solid;--*/
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
	cursor: pointer;
}

a.alerts{	
	background: url(http://groupe-nery.net/PGE/IMG/newspaper.png) no-repeat center center;	 
	cursor: pointer;
}
#footpanel li#chatpanel {	float: right; }
#footpanel li#decopanel {	float: right; }
#footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #FFFFFF;
	font-size: 12px;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #FF0000;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 26px;
	display: none;	/*--Hide by default--*/
	width: auto;
	/*-border: 0px solid #555;--*/
	/*--background: #000000;--*/
 background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);
	overflow: hidden;
	padding-bottom: 0px;
}
#footpanel h3 {
	background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);
padding: 0px 0px;
	color: #000000;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 12px;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	/*--background: #000000;--*/
 background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	/*--background: #000000;--*/
 background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li {/*-- background: url(http://groupe-nery.net/PGE/IMG/dash.gif) repeat-x left center;--*/ } 
#chatpanel .subpanel li span {
	padding: 5px;
	/*--background: #000000;--*/
 /*--background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);--*/
	color: #FFFFFF;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	/*--background: #000000;--*/
	/*-- background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);--*/
	display: block;
}
#chatpanel .subpanel li a:hover {
	/*--background: #000000;--*/
 /*--background: url(http://groupe-nery.net/PGE/IMG/fondtool.png);--*/
	 color: #000000;
	text-decoration: none;
}


#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 0px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}

hr{background-color:#FF0000;color:#FF0000;border:0;height:1px;}
hrG{font-weight: bold;}
hrI{font-style: italic;}
hr0{background-color:none;color:#FFFFFF;border:0;height:1px;}
hr1{background-color:none;color:#000000;border:0;height:1px;}
hr2{background-color:none;color:#000099;border:0;height:1px;}
hr3{background-color:none;color:#006600;border:0;height:1px;}
hr4{background-color:none;color:#FF0000;border:0;height:1px;}
hr5{background-color:none;color:#330000;border:0;height:1px;}
hr6{background-color:none;color:#990099;border:0;height:1px;}
hr7{background-color:none;color:#FF6633;border:0;height:1px;}
hr8{background-color:none;color:#FFFF00;border:0;height:1px;}
hr9{background-color:none;color:#00FF00;border:0;height:1px;}
hr10{background-color:none;color:#006666;border:0;height:1px;}
hr11{background-color:none;color:#00FFFF;border:0;height:1px;}
hr12{background-color:none;color:#0000FF;border:0;height:1px;}
hr13{background-color:none;color:#FF00FF;border:0;height:1px;}
hr14{background-color:none;color:#666666;border:0;height:1px;}
hr15{background-color:none;color:#999999;border:0;height:1px;}
hrS0{background-color:#FFFFFF;color:none;border:0;height:1px;}
hrS1{background-color:#000000;color:none;border:0;height:1px;}
hrS2{background-color:#000099;color:none;border:0;height:1px;}
hrS3{background-color:#006600;color:none;border:0;height:1px;}
hrS4{background-color:#FF0000;color:none;border:0;height:1px;}
hrS5{background-color:#330000;color:none;border:0;height:1px;}
hrS6{background-color:#990099;color:none;border:0;height:1px;}
hrS7{background-color:#FF6633;color:none;border:0;height:1px;}
hrS8{background-color:#FFFF00;color:none;border:0;height:1px;}
hrS9{background-color:#00FF00;color:none;border:0;height:1px;}
hrS10{background-color:#006666;color:none;border:0;height:1px;}
hrS11{background-color:#00FFFF;color:none;border:0;height:1px;}
hrS12{background-color:#0000FF;color:none;border:0;height:1px;}
hrS13{background-color:#FF00FF;color:none;border:0;height:1px;}
hrS14{background-color:#666666;color:none;border:0;height:1px;}
hrS15{background-color:#999999;color:none;border:0;height:1px;}
hreG{background-color:none;color:#FFFFFF}
hreI{background-color:none;color:#FFFFFF}
hreC{background-color:none;color:#FFFFFF}
hreS{background-color:none;color:#FFFFFF}
hreg{background-color:none;color:#FFFFFF}
hrei{background-color:none;color:#FFFFFF}
hrec{background-color:none;color:#FFFFFF}
hres{background-color:none;color:#FFFFFF}


#plop {
       text-decoration: blink;
	color:#FF0000;
}