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

html, body {
    height: 100%;
}


#conteneurgm {
	position:relative;
	width:984px;
	top:5px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
    margin-top:0px;
	margin-bottom:auto;
padding:0px;

}
#hgmf{position:absolute; height:641px; width:942px;top:165px;
left:20px;background-image:url(../../../Skinl2a/bleu/hgmf.png) ;
background-position:center;
background-repeat:no-repeat;
z-index:3;}
#gmslecteuraudio{position:absolute;
          margin:0;
		  padding:0;
		  top:210px;
		  left:650px;
		  z-index:3;}
		  
#gmhrtop{/*separation top gauche */
	margin:0px;
	padding:0px;
	line-height:1px;
	position:absolute;
	width:909px;
	height:1px;
	top:173px;
	left:36px;
	border:0px;
	z-index:3;
	color:#C2C187;
	background-color:#C2C187;
	clear: both;
}

#gmhr-1{/*separation lecteur musique */
	margin:0px;
	padding:0px;
	line-height:1px;
	position:absolute;
	width:945px;
	height:1px;
	top:206px;
	left:19px;
	border:0px;
	z-index:10;
	color:#C2C187;
	background-color:#C2C187;
	display:block;
}
#gmhr-5{/*separation lecteur musique */
	margin:0px;
	padding:0px;
	line-height:1px;
	position:absolute;
	width:944px;
	height:1px;
	top:232px;
	left:19px;
	border:0px;
	z-index:10;
	color:#C2C187;
	background-color:#C2C187;
	display:block;;
}

#nomgm{
	position:absolute;
	display:inline;
	width:284px;
	height:22px;
	left:96px;
	top:174px;
	z-index:5;
	line-height:20px;
	text-align:left;
	margin:0;
	padding:0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
}
#nomgmarabe{
	position:absolute;
	display:inline;
	width:328px;
	height:25px;
	left:384px;
	top:172px;
	z-index:5;
	line-height:24px;
	text-align:left;
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	font-weight:bolder;
	vertical-align:middle;
	color:#FFFFFF;
	
	}
#datesgm{
	position:absolute;
	display:inline;
	width:197px;
	height:22px;
	left:69px;
	top:210px;
	z-index:5;
	line-height:20px;
	text-align:center;
	margin:0;
	padding:0;
}

#histoiredediv{/*div ;back ground image l'histoire de */
	position:absolute;
	width:110px;
	height:22px;
	top:176px;
	left:36px;
	line-height:20px;
	background-color:#AFAE7A;
	z-index:5;
}
#histoiredeimg {
	position:absolute;
	width:105px;
	height:18px;
	top:147px;
	left:340px;
	line-height:18px;
	vertical-align:middle;
	z-index:6;
}
#enmusique{
	position:absolute;
	width:107px;
	height:20px;
	left:742px;
	top:176px;
	z-index:5;
	line-height:20px;
	vertical-align:center;
	text-align:left;
}
#mgmphoto{
	position:absolute;
	width:25px;
	height:25px;
	left:871px;
	top:176px;
	z-index:5;
	line-height:25px;
	vertical-align:center;
}
#mgmvideo{
	position:absolute;
	width:25px;
	height:25px;
	left:904px;
	top:176px;
	z-index:5;
	line-height:25px;
	vertical-align:center;
}
#mgmacrobat{
	position:absolute;
	width:25px;
	height:25px;
	left:937px;
	top:176px;
	z-index:5;
	line-height:25px;
	vertical-align:center;
}
#illustrationpagegm{ /*postion gauche detail grand maitre*/
	margin:0;
	position:absolute;
	z-index:9;
	top:147px;
	width:60px;
	height :60px;
	line-height:14px;
	left: 19px;
	text-align:center;
	vertical-align:top;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:inherit;
}

/************************************************************** Lecteur page histoire grand maitre */
#wrapper {
	position:absolute;
	left:741px;
	top:212px;
	width:224px;
	height:19px;
	z-index:20;
	overflow:hidden;
}
#placeholde {position:absolute; left:0px; top:0px; width:301; height:140; z-index:20; overflow:hidden;}
#l2aecoute{margin:0px;padding:0px;width:48px;height:48px;top:220px;left:540px;position:absolute;z-index:5;}
#interprete{
	margin:0px;
	padding:0px;
	width:230px;
	height:30px;
	top:246px;
	left:490px;
	position:absolute;
	line-height:20px;
	z-index:5;
}
#title{
	margin:0px;
	padding:0px;
	width:399px;
	height:15px;
	top:235px;
	left:564px;
	position:absolute;
	line-height:15px;
	z-index:5;
	text-align:right;
	display:inline;
}
#infoambiance {margin:0px;padding:0px;top:300px;width:300px;height:20px; line-height:20px;position:absolute;}

#listingphotos{}
#listingpdf{}
/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
#notes{
	position:absolute;
	z-index:20;
	width:150px;
	height:20px;
	top:264px;
	left:818px;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:center;
}
.ratingblock {
width:50%;
	display:block;
	padding-bottom:2px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#CCCCCC;
	}

.loading {
	height: 20px;
	background: url('../../../Skinl2a/commun/vote/working.gif') 0% 0% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('../../../Skinl2a/commun/vote/etoiles.gif') top left repeat-x;	
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	position: absolute;
	padding: 0px;
	
	}
	
.unit-rating li a:hover{
	background: url('../../../Skinl2a/commun/vote/etoiles.gif') left center;
	z-index: 6;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 20px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url('../../../Skinl2a/commun/vote/etoiles.gif') left bottom ;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	left:0px;
	z-index: 5;
	}

.voted {font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#CCCCCC;}
.thanks {font:Geneva, Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold;color:#36AA3D;}
.static {font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#FFFFFF;font-size:11px;text-align:center;}		
#friend{
	position:absolute;
	z-index:5;
	width:194px;
	height:14px;
	top:213px;
	left:546px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
}
#friendimage{}
/* ******************************* GESTION FORMAT EXTENSSIBLE */
#headergm {/*top fond noir*/
	position:absolute;
	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: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
    
}
#headerbgm {/*cuivre au dessus du fond noir ci-dessus*/
	position:absolute;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/Header02x.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 984px;
	height: 29px;
	margin-left:auto;
	margin-right:auto;
	top: 7px;
	margin-bottom:0px;
	display:block;
}
#headercgm { /*barre de couleur en dessous du header principale*/
	position:absolute;
	background-image:url(../../../Skinl2a/bleu/headerc.png);
	background-repeat:no-repeat;
	background-position:center;
	width:984px;
	margin-left:auto;
	margin-right:auto;
	height:15px;
	line-height:15px;
	top:47px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	z-index:0;
}
#headerdgm { /*barre de couleur en dessous du header principale*/
	position:absolute;
	background-image:url(../../../Skinl2a/bleu/headerc1.png);
	background-repeat:no-repeat;
	background-position:center;
	width:983px;
	left:0px;
	height:01px;
	line-height:1px;
	top:164px;
	display:block;
	z-index:3;
}
#headeregm { /*barre de couleur noir en dessous du menu2*/
	position:absolute;
	background-image:url(../../../Skinl2a/bleu/fb4.png);
	background-repeat:no-repeat;
	background-position:left;
	width:960px;
	left:12px;
	height:27px;
	line-height:27px;
	top:139px;
	display:block;
	z-index:1;
}
#fondnoiragm {
	margin:0px;
	position:absolute;
	float:left;
	z-index:1;
	background-image:url(../../../Skinl2a/commun/Fondnoira.png);
	background-repeat:no-repeat;
	background-position:center;
    top:53px;
	width:984px;
	height :88px;
	left: 0px;
	display:block;
	margin-bottom:0px;
	color:#FFFFFF;
	background-color:inherit;}
	
#fondnoirbgm{ /*1*/	
    margin:0px;
	position:absolute;
	z-index:0;
	background-image:url(../../../Skinl2a/commun/fondnoirb.png);
	background-repeat:no-repeat;
	background-position:center;
	top:140px;
	width:984px;
	height :18px;
	left: 0px;
	display:block;
	color:#FFFFFF;
background-color:inherit;}
#fondnoircgm1 { /*4 */
	margin:0px;
	position:absolute;
	z-index:0;
	background-image:url(../../../Skinl2a/commun/fondnoirc.png);
	background-repeat:repeat-y;
	background-position:top;
	top:158px;
	width:984px;
	height:100px;
	left: 0px;
	display:block;
	color:#FFFFFF;
	background-color:inherit;
	border:0px;
	
}
#fondnoircgm{
	margin:0px;
	padding:0px;
	position:relative;
	z-index:0;
	background-image:url(../../../Skinl2a/commun/fondnoirc.png);
	background-repeat:repeat-y;
	background-position:top;
	top:103px;
	width:984px;
	height:100%;
	left: 0px;
	color:#FFFFFF;
	background-color:inherit;
	border:0px;
	display:block;
	min-height:400px;
	padding-bottom:0px;
}
#gggm {
	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: 353px;
}
#gdgm {
	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: 354px;
}

#rbggm {/* Rivet bas gauche*/
	margin:0;
	padding:0;
	position:relatives;
	float:left;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/rivetbas.png);
	background-repeat:no-repeat;
	background-position:center;
	top:0px;
	width:20px;
	height :20px;
	left: 0px;
	display:block;
}
#rbdgm {/* Rivet bas droit */
	margin:0;
	padding:0;
	position:relative;
	float:right;
	z-index:2;
	background-image:url(../../../Skinl2a/commun/rivetbas.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:0px;
	width:20px;
	height :20px;
	left: 0px;
	display:block;
}
#rondominstrumentsgm {
	margin:0px;
	padding:0px;
	position:absolute;
	display:inline;
	float:left;
	z-index:3;
	top:0px;
	width:110px;
	height :140px;
	margin-left: 50px;
}
#findelignegm {
	z-index:10;
	position:static;
	width:31px;
	height:29px;
	background-image:url(../../../Skinl2a/bleu/finlignetrs.png);
	background-repeat:no-repeat;
	left: 465px;
	top: 0px;
    margin:0;
	padding:0;   }
#footergm {
	margin:0;
	padding:0;
	position:absolute;
z-index:1;
	background-image:url(../../../Skinl2a/commun/Footer.png);
	background-repeat:no-repeat;
	background-position:center;
	width:984px;
	height :31px;
	bottom:0px;
}
fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
#photos{position:relative;width:820px;margin-top:5px; padding-bottom:10x;display:block;left:0px;margin-left:auto;margin-right:auto;}
#pdf {position:relative;width:820px;margin-top:5px;margin-bottom:0px;display:block;padding-bottom:10x;margin-left:auto;margin-right:auto;}
#recommander{position:relative;width:820px;margin-top:0px;margin-bottom:0px;display:block;text-align:leftmargin-left:auto;margin-right:auto;;}
#options{position:static;width:800px;height:20px;margin-top:0px;margin-bottom:100px;display:block;top:0px;left:0px; text-align:center;background-color:#666666; margin-left:auto;margin-right:auto;}
#hrgm {position:relative;width:801px;height:1px; margin:0;padding:0; text-align:center; margin-left:auto;margin-right:auto;}
#hrgm1 {position:relative;width:801px;height:2px; margin:0;padding:0; text-align:center; margin-left:auto;margin-right:auto;}
#etiquettephotos {position:relative; width: 90px; height:30px; padding-top:20px;margin-left:auto;margin-right:auto;}
#etiquettefichiers{position:relative; width: 97px; height:30px;padding-top:22px;margin-left:auto;margin-right:auto;}
/*************************************************************  DEBUT MENU ADHERANT */
ul#menuclientgm {
	position:relative;
	list-style-type:none;
	width:145px;
	height:33px;
	margin:0px;
	padding:0px;
	text-align:center;
	top: 0px;
	outline:none;
	text-decoration: none;
	left:0px;
	z-index: 5;
	margin:0;
	display:inline;
	float:right;
}
ul#menuclientgm li {float: left;left:50px;padding-left:10px;margin-top:2px; outline:none;text-decoration: none;}
ul#menuclientgm 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#menuclientgm li#messagerie a:hover {background-position:0px -26px ; outline:none;text-decoration: none;}
ul#menuclientgm li#messagerie a:active {background-position:0px -52px ; outline:none;text-decoration: none;}
ul#menuclientgm img{	border:none; line-height:36px; vertical-align:bottom; outline:none;text-decoration: none;}	   
ul#menuclientgm 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#menuclientgm li#fichier a:hover{background-position:0px -33px ; outline:none;text-decoration: none;}
ul#menuclientgm li#fichier a:active{background-position:0px -64px ;outline:none;text-decoration: none;}
ul#menuclientgm 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#menuclientgm li#quitter a:hover {	background-position:0px -29px; outline:none;text-decoration: none;}   
ul#menuclientgm li#quitter a:active {	background-position:0px -59px;outline:none;text-decoration: none;} 
/***********************************************************FIN MENU ADHERANT*/
#copyrightgm {
	margin:0;
	padding:0;
	margin-top:100px;
	position:static;
	float:left;
	display:inline;
	z-index:9;
	top:11px;
	width:277px;
	height :15px;
	line-height:15px;
	left: 100px;
	text-align:right;
	vertical-align:middle;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:inherit;
}
#realisationgm {
	margin:0;
	padding:0;
	margin-top:100px;
	position:static;
	float:right;
	display:inline;
	z-index:9;
	top:11px;
	width:277px;
	height :15px;
	line-height:15px;
	left: -200px;
	text-align:right;
	vertical-align:middle;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:inherit;
}
#compteurgeneralgm{/* compteurs visite  gm*/
	margin:0;
	padding:0;
	position:absolute;
	z-index:9;
	float:left;
	top:235px;
	width:705px;
	height :15px;
	line-height:15px;
	left: 19px;
	text-align:center;
	vertical-align:middle;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:inherit;
}
/****************************************** PAGE DE GARDE ***************************************************/
#lastgmillustration{margin:0;
	position:absolute;
	z-index:15;
	top:220px;
	width:60px;
	height :35px;
	line-height:14px;
	left: 205px;
	text-align:center;
	vertical-align:top;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:inherit; }
#lastgmtitrefr {margin:0;
	position:absolute;
	z-index:15;
	top:252px;
	width:400px;
	height :40px;
	line-height:35px;
	left:65px;
	text-align:center;
	vertical-align:top;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
 }
#lastgmtitreAr {margin:0;
	position:absolute;
	z-index:15;
	top:272px;
	width:400px;
	height :35px;
	line-height:35px;
	left: 65px;
	text-align:center;
	vertical-align:top;
	color:#FFFFFF;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
}
	
	
#lastgmphoto{
	position:absolute;
	z-index:15;
	top:341px;
	width:130px;
	height :150px;
	line-height:50px;
	left: 199px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;

}
#lastgmphoto img{text-align:center;  line-height:150px}
#lastgmphoto a:link img{color:#AFAE7A}
#photoarticlegm {
	position:absolute;
	z-index:15;
	top:286px;
	width:89px;
	height :96px;
	line-height:35px;
	left: 90px;
	text-align:center;
	vertical-align:top;
	color:#FFFFFF;
}
	#photoarticlegm img{text-align:center; border:0px; border-style:solid; color:#AFAE7A}
#lastgm{}
#lastgmlien{}