/********************************************** Global  */
img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

/* hidefocus ***/
*{padding: 0; margin: 0;}
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus */
:focus {-moz-outline-style: none} /* For Firefox */
/* Fin hidefocus */

html, body {
	margin:0;
	padding:0;
	text-align: center; /* pour corriger le bug de centrage IE */
}


#conteneurgm {
	position:relative;
	width:984px;
	top:0px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
/**********************************************    FIN Global  */


/*Skin */
h1#logo {/* On affiche le Logo  Dans la Balise h1#Logo */
	margin:0;
	position:absolute;
	border:0;
	z-index:20;
	background-image:url(../../../Skinl2a/bleu/Logol2a.png);
	background-repeat:no-repeat;
	width: 212px;
	height: 130px;
	left: 30px;
	top: 14px;
	text-indent: -5000px;
		}
#rhg {/* Rivet Haut gauche */
	margin:0px;
	position:relative;
	z-index:3;
	background-image:url(../../../Skinl2a/commun/rivethaut.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 29px;
	height: 31px;
	left: 16px;
	top: 0px;
	display:block;
	float:left;
}
#rhd {/* Rivet Haut Droit */
	margin:0px;
	position:relative;
	z-index:3;
	background-image:url(../../../Skinl2a/commun/rivethaut.png);
	background-repeat:no-repeat;
	background-position:center;
	left: -15px;
	top:0px;
	width: 29px;
	height: 31px;
	float:right;
}
#header {/*top fond noir  Position 1 */
	position:relative;
	z-index:1;
	background-image:url(../../../Skinl2a/commun/header.png);
	background-repeat:no-repeat;
	background-position:right center;
	width: 984px;
	height: 47px;
	margin-left:auto;
	margin-right:auto;
	top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
    
}
#headerb {/*cuivre au dessus du fond noir ci-dessus Position 2*/
	position:relative;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/Header02x.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 984px;
	height: 29px;
	left:0;
	top: 7px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
}
#headerc { /*barre de couleur bleu en dessous du header principale  Position 3*/
	position:relative;
	background-image:url(../../../Skinl2a/bleu/headerc.png);
	background-repeat:no-repeat;
	background-position:center;
	width:984px;
    left:0;
	height:15px;
	line-height:15px;
	top:5px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	z-index:0;
}
#headerd { /* Fond noir au dessous du header ,  menu principal  */
	margin:0px;
	position:relative;
	z-index:1;
	background-image:url(../../../Skinl2a/commun/Fondnoira.png);
	background-repeat:no-repeat;
	background-position:center;
	top:-4px;
	width:984px;
	height :88px;
	left: 0px;
	display:block;
	margin-bottom:0px;
	color:#FFFFFF;
	background-color:inherit;}
#topmenu2{ /* Fond noir au dessous du menu 2 */
	margin:0px;
	position:relative;
	z-index:0;
	background-image:url(../../../Skinl2a/commun/fondnoirb.png);
	background-repeat:no-repeat;
	background-position:center;
	top:-5px;
	width:984px;
	height :18px;
	left: 0px;
	display:block;
	color:#FFFFFF;
background-color:inherit;}
#membre { /* icone membre position à coté du menu 2 ecole*/
	margin:0px;
	position:absolute;
	z-index:20;
	width: 18px;
	height: 18px;
	left: 565px;
	top: 91px;
	color:#FFFFFF;
	background-color:inherit;
	display:block;
}
#membre img{ /* positionnement vertical de l'icone membre */vertical-align:top;}
#headere { /*barre de couleur noir  en dessous du menu2*/
	position:relative;
	background-image:url(../../../Skinl2a/bleu/fb4.png);
	background-repeat:no-repeat;
	background-position:left;
	width:960px;
	left:12px;
	height:27px;
	line-height:27px;
	top:-1px;
	display:block;
	float:left;
	z-index:1;
}
#bleu2 { /*barre de couleur  bleu en dessous du menu 2 Position 6*/
	position:relative;
	background-image:url(../../../Skinl2a/bleu/headerc1.png);
	background-repeat:no-repeat;
	background-position:center;
	width:984px;
	left:0px;
	height:01px;
	line-height:1px;
	top:1px;
	display:block;
	z-index:3;
}
#fondnoircontenu {
	margin:0px;
	position:relative;
	z-index:0;
	background-image:url(../../../Skinl2a/commun/fondnoirc.png);
	background-repeat:repeat-y;
	background-position:top;
	top:-6px;
	width:984px;
	/*height :676px;*/
	height:100%;
	min-height:610px;
	left: 0px;
	display:block;
	color:#FFFFFF;
	background-color:inherit;
	border:0px;
	padding-bottom:80px;
}
#couture {
	position:absolute;
	z-index:1;
	background-image:url(../../../Skinl2a/commun/pagecouture.png);
	background-repeat:no-repeat;
	background-position:center top;
	top:47px;
	width:9px;
	height :580px;
    left:490px;
	display: block;
	color:#FFFFFF;
    background-color:inherit;
}
#gg {
	margin:0;
	position:absolute;
	z-index:9;
	background-image:url(../../../Skinl2a/bleu/gg.png);
	background-repeat:no-repeat;
	width: 58px;
	height: 260px;
	left: 3px;
	top: 196px;
	float:left;
}
#gd {
	margin:0;
	position:absolute;
	z-index:9;
	background-image:url(../../../Skinl2a/bleu/gd.png);
	background-repeat:no-repeat;
	width: 60px;
	height:260px;
	left: 922px;
	top: 196px;
	float:left;
}
#rondominstruments {
	margin:0;
	position:absolute;
	z-index:4;
	top:-133px;
	width:110px;
	height :140px;
	left: 13px;
	float:left;
	display:inline;
}
#footer {
	margin:0;
	position:relative;
	z-index:1;
	background-image:url(../../../Skinl2a/commun/Footer.png);
	background-repeat:no-repeat;
	background-position:center;
	top:-8px;
	width:984px;
	height :32px;
	left: 1px;
	display:block;
	float:left;
}
#rbg {/* Rivet bas gauche*/
	margin:0;
	position:relative;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/rivetbas.png);
	background-repeat:no-repeat;
	background-position:center;
	top:3px;
	width:20px;
	height :20px;
	left: 15px;
	float:left;
	display:inline;
}
#rbd {/* Rivet bas droit */
	margin:0;
	position:relative;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/rivetbas.png);
	background-repeat:no-repeat;
	background-position:center;
	top:3px;
	width:20px;
	height :20px;
	left: -18px;
	float:right;
	display:inline;
}
#findeligne {
	z-index:10;
	position:relative;
	width:31px;
	height:29px;
	background-image:url(../../../Skinl2a/bleu/finlignetrs.png);
	background-repeat:no-repeat;
	left: 458px;
	float:left;
	top: -21px;
		   }
#copyright {
	margin:0;
	position:relative;
	z-index:10;
	top:-3px;
	width:277px;
	height :15px;
	line-height:15px;
	left: 117px;
	text-align:right;
	vertical-align:middle;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:inherit;
	float:left;
}
#realisation {
	margin:0;
	position:relative;
	z-index:9;
	top:-3px;
	width:277px;
	height :15px;
	line-height:15px;
	left: -188px;
	text-align:right;
	vertical-align:middle;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:inherit;
	float:right;
}
/* **************  FIN Skin
/*************************************  Navigation *************************************************************************/

/* *********************************************************    DEBUT MENU PRINCIPAL */
ul#menu {
	position:absolute;
	width:478px;
	height:42px;
	margin:0px;
	padding:0px;
	background: url(../../../Skinl2a/menu1/fondmenu1.png)  22px  no-repeat;
	text-align:center;
	list-style-type:none;
	text-decoration: none;
	left: 495px;
	top: 24px;
	z-index: 3;
	white-space: nowrap;
		}
ul#menu li {float:left;padding-left:20px;margin-top:10px; text-align:center; outline:none;text-decoration: none;}
ul#menu li a {/* dimensions et définitions des boutons */
           background:url(../../../Skinl2a/menu1/mg.png)  top  no-repeat;
		   display:block;	/* mise en block de <a> pour lui donner des dimensions */
           height: 22px;
           width:80px;
           font-size:11px;
           color:#000000;
           line-height: 22px;	/* hauteur de ligne pour éviter les paddings */
           font-weight:bolder;
           font-family:Verdana, Arial, Helvetica, sans-serif;
           text-decoration: none;
		   z-index:20;
		   list-style-type:none; 
		   outline:none;background-color:inherit;
		   }
ul#menu li a:hover   {
           background:url(../../../Skinl2a/menu1/mg.png)  no-repeat ;
           background-position:4px -22px ;
	       border:none;
	       list-style-type:none;
	 	   color:#CCCC99;
		   z-index:20; outline:none;text-decoration: none;background-color:inherit;}
ul#menu li a:active {background:url(../../../Skinl2a/menu1/mg.png) no-repeat ;
               background-position:4px -66px ;
			   border-style:none;
			   border:0px;
			   color:#FFFFFF;
			   z-index:20;
			   text-decoration : none;
			   outline:none;background-color:inherit;}
ul#menu li a#active {background:url(../../../Skinl2a/menu1/mg.png)  no-repeat ;
               background-position:4px -44px ;
			   border-style:none;
			   border:0;
			   color:#FFFFFF;
			   z-index:20;
			   outline:none;text-decoration: none;background-color:inherit;}
ul#menu li#home {float:left;padding-left:20px;margin-right:-7px;margin-top:9px; text-align:center; outline:none;text-decoration: none;white-space: nowrap ;text-indent: -5000px;}			   
ul#menu li#home a {/* dimensions et définitions des boutons  home*/
           background:  url(../../../Skinl2a/menu1/home.png)  top  no-repeat;
		   display:block;	/* mise en block de <a> pour lui donner des dimensions */
           height: 22px;
           width:53px;
           font-size:11.5px;
           color:#000000;
           line-height: 22px;	/* hauteur de ligne pour éviter les paddings home */
           font-weight:bolder;
           font-family:Georgia, "Times New Roman", Times, serif;
           text-decoration: none;
		   z-index:20;
		   list-style-type:none; outline:none;background-color:inherit;}
ul#menu li#home a:hover {background:url(../../../Skinl2a/menu1/home.png) no-repeat ;
               background-position:9px -22px ;
			   border:none;
			   list-style-type:none;
			   color:#CCCC99;
			   z-index:20; outline:none;text-decoration: none;background-color:inherit;}
ul#menu li#home a:active {background: url(../../../Skinl2a/menu1/home.png)  no-repeat ;
               background-position:9px -44px ;
			   border-style:none;
			   border:0;
			   color:#FFFFFF;
			   z-index:20;
			   text-decoration : none;
			   outline:none;background-color:inherit;}		
ul#menu li#home a#active {background: url(../../../Skinl2a/menu1/home.png)  no-repeat ;
               background-position:9px -44px ;
			   border-style:none;
			   border:0;
			   color:#FFFFFF;
			   z-index:20;
			   text-decoration : none;
			   outline:none;background-color:inherit;}		   
			   
			   
/*li#home a#active {background: url(Skinl2a/menu1/home.png) no-repeat ;
               background-position:4px -44px ;
			   border:none;
			   color:#FFFFFF;
			   z-index:20;
			   text-decoration : none; outline:0;background-color:inherit;}*/
img{border:none; outline:0;text-decoration: none;}
ul#menu1a {list-style-type:none;width:460px;height:46px;margin:0px;padding:0px;position:relative; outline:none;text-decoration: none;}
ul#menu1a li {float:left;padding-left:30px;margin-top:30px; outline:0;text-decoration: none;}
ul#menu1a li a {/* dimensions et définitions des boutons */
           background:url(../../../Skinl2a/menu1/mg.png)  top  no-repeat;
		   display:block;	/* mise en block de <a> pour lui donner des dimensions */
           height: 22px;
           width:80px;
           font-size:11px;
           color:#000033;
           line-height: 22px;	/* hauteur de ligne pour éviter les paddings */
           font-weight:bold;
           font-family:Verdana, Arial, Helvetica, sans-serif;
           text-decoration: none;
		   z-index:20;
		   list-style-type:none;background-color:inherit;} 
/*********************************************************************** Fin MENU PRINCIPALE */ 
/****************************** DEBUT Menu 2  */
 ul#menu2 {
	position:absolute;
	width:415px;
	height:12px;
	margin:0px;
	padding:0px;
	line-height:20px;
	text-align:center;
	left: 585px;
	top: 4px;
	z-index:20;
	text-decoration:none;
	list-style-type:none;
	vertical-align:top;
		}
ul#menu2 li {float:left;margin-left:15px; text-align:center; outline:none;text-decoration:none;z-index:5;line-height:13px;}
ul#menu2 li a {/* dimensions et définitions des boutons */
		   display:inline;	/* mise en block de <a> pour lui donner des dimensions */
           font-size:10px;
           color:#B0AA86;
           line-height: 10px;	/* hauteur de ligne pour éviter les paddings */
           font-family:Geneva, Arial, Helvetica, sans-serif;
		   font-weight:bold;
		   outline:none;
		   vertical-align:middle;text-decoration: none;background-color:inherit;z-index:5;}
ul#menu2 li a:hover{color:#3399FF;background-color:inherit;z-index:5;}
ul#menu2 li a:active{color:#FF9900;background-color:inherit;z-index:5;}
ul#menu2 li a#active{color:#FF6600;background-color:inherit;z-index:5;}
/********************* FIN MENU 2 */
/* ***************************DEBUT  Menu Adherer*/
ul#iconeadhesion {
	position:absolute;
	width:160px;
	height:10px;
	line-height:10px;
	margin:0px;
	padding:0px;
	text-align:center;
	left:425px;
	top: 21px;
	z-index:20;
	text-decoration:none;
	list-style-type:none;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
ul#iconeadhesion li {float:left;margin-left:0px; text-align:center; outline:none;text-decoration:none;z-index:5;}
ul#iconeadhesion li a {color:#3399FF;background-color:inherit;z-index:5;outline:none;text-decoration: none;}
ul#iconeadhesion li a:hover {color:#FF9900;background-color:inherit;z-index:5;text-decoration:underline;}
ul#iconeadhesion li a:active {color:#CCCCCC;background-color:inherit;z-index:5;}
ul#iconeadhesion a#active {color:#CCCCCC;background-color:inherit;z-index:5;}
/* ************************************************** FIN MENU ADHERER */ 
/*************************************************************  DEBUT MENU ADHERANT */
ul#menuclient {
	position:absolute;
	list-style-type:none;
	width:145px;
	height:33px;
	margin:0px;
	padding:0px;
	text-align:center;
	top: -32px;
	outline:none;
	text-decoration: none;
	left: 829px;
	z-index: 5;
	text-indent: -5000px;
}
ul#menuclient li {float: left;left:50px;padding-left:10px;margin-top:2px; outline:none;text-decoration: none;}
ul#menuclient li#messagerie a {/* dimensions et définitions des boutons */
           background:  url(../../../Skinl2a/menu2/enveloppe.png)  top  no-repeat;
		   display:block;	/* mise en block de <a> pour lui donner des dimensions */
           height: 26px;
           width:42px;
		   margin-top:2px;
           font-size:11px;
           color:#000033;
           line-height: 40px;	/* hauteur de ligne pour éviter les paddings */
           font-weight:bold;
           font-family:Verdana, Arial, Helvetica, sans-serif;
           text-decoration: none;
		   z-index:20;
		   list-style-type:none; outline:none;background-color:inherit;}
ul#menuclient li#messagerie a:hover {background-position:0px -26px ; outline:none;text-decoration: none;}
ul#menuclient li#messagerie a:active {background-position:0px -52px ; outline:none;text-decoration: none;}
ul#menuclient img{	border:none; line-height:36px; vertical-align:bottom; outline:none;text-decoration: none;}	   
ul#menuclient li#fichier a {/* dimensions et définitions des boutons */
           background:url(../../../Skinl2a/menu2/fichier.png)  top  no-repeat;
		   display:block;	/* mise en block de <a> pour lui donner des dimensions */
           height: 31px;
           width:41px;
           font-size:11px;
           color:#000033;
           line-height: 40px;	/* hauteur de ligne pour éviter les paddings */
           font-weight:bold;
           font-family:Verdana, Arial, Helvetica, sans-serif;
           text-decoration: none;
		   z-index:20;
		   list-style-type:none; outline:none;background-color:inherit;}
ul#menuclient li#fichier a:hover{background-position:0px -33px ; outline:none;text-decoration: none;}
ul#menuclient li#fichier a:active{background-position:0px -64px ;outline:none;text-decoration: none;}
ul#menuclient li#quitter a {/* dimensions et définitions des boutons */
           background: url(../../../Skinl2a/menu2/quitter.png)  top  no-repeat;
		   display:block;	/* mise en block de <a> pour lui donner des dimensions */
           height: 28px;
           width:23px;
           font-size:11px;
           color:#000033;
           line-height: 40px;	/* hauteur de ligne pour éviter les paddings */
           font-weight:bold;
           font-family:Verdana, Arial, Helvetica, sans-serif;
           text-decoration: none;
		   z-index:20;
		   list-style-type:none; outline:none;background-color:inherit;}	
ul#menuclient li#quitter a:hover {	background-position:0px -29px; outline:none;text-decoration: none;}   
ul#menuclient li#quitter a:active {	background-position:0px -59px;outline:none;text-decoration: none;} 
/***********************************************************FIN MENU ADHERANT

/************************************  FIN NAVIGATION ****************************************/
/***********************      Présentation             *******************************/
#date {
	margin:0px;
	position:relative;
	z-index:3;
	top:20px;
	width:176px;
	height :12px;
	line-height:12px;
	left: 161px;
	text-align:left;
	vertical-align:middle;
	color:#CCCCCC;
	background-color:inherit;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;}
#clock {
	margin:0px;
	position:absolute;
	z-index:3;
	top:20px;
	width:78px;
	height :14px;
	line-height:14px;
	left: 664px;
	text-align:right;
	vertical-align:middle;
	color:#0099FF;
	background-color:inherit;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;}
#connectes {
	margin:0;
	position:relative;
	z-index:5;
	top:20px;
	width:90px;
	height :14px;
	line-height:14px;
	left:-100px;
	text-align:center;
	vertical-align:middle;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	float:right;}
#ecolemusiquetop{margin:0px;padding:0px;position:relative;z-index:5;width:220px;height:60px;top:16px;left:268px; float:left;}
#ecran {
	margin:0px;
	position:relative;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/ecran.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 170px;
	height: 57px;
	left: 298px;
	top:17px;
	color:#FFFFFF;
	background-color:inherit;
	display:block;
	float:left;}
#statut1 { /* utilisateur*/
	margin:0;
	position:absolute;
	z-index:3;
	top:19px;
	width:215px;
	height :15px;
	line-height:15px;
	left: 380px;
	text-align:center;
	vertical-align:middle;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-color:inherit;
	float:left;}
#statut1 a {color:#3399FF;background-color:inherit;z-index:5;outline:none;text-decoration: none;}
#statut1  a:hover {color:#FF9900;background-color:inherit;z-index:5;text-decoration:underline;}
#statut1  a:active {color:#CCCCCC;background-color:inherit;z-index:5;}
#statut1 a#active {color:#CCCCCC;background-color:inherit;z-index:5;}
#statut3{ /* nouveaux messages*/
	margin:0;
	position:relative;
	z-index:3;
	top:21px;
	width:156px;
	height :15px;
	line-height:15px;
	left: 134px;
	text-align:center;
	vertical-align:middle;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	float:left;
	background-color:inherit;
	display:block;}  
#statut4 {/* messages archivés*/
	margin:0;
	position:relative;
	z-index:5;
	top:34px;
	width:156px;
	height :15px;
	line-height:15px;
	left: -22px;
	text-align:center;
	vertical-align:middle;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	float:left;
	background-color:inherit;

	display:block;}
#statut5 {/* nombre de connecté */
	margin:0;
	position:relative;
	z-index:3;
	top:48px;
	width:156px;
	height :15px;
	line-height:15px;
	left: -178px;
	text-align:center;
	vertical-align:middle;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:inherit;
	float:left;
	display:block;}
/***********************    FIN   Présentation             *******************************/