body{ text-align:center; margin:0px; color:#FFFFFF; background:#160d02 url(images/bg.gif) top repeat-x; font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif; }

.myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; }
.myhrLeft{ clear:left; visibility:hidden; height:0px; overflow:hidden; }

div#container{ width:942px; margin:0px auto 0px auto; background:url(images/container.jpg) top left no-repeat; text-align:left;
	padding:17px 13px 0px 0px; }

div#player{ float:right; width:426px; height:133px; margin:0px 0px 0px 0px; }

div#logo{ background:url(images/jo-garlet.gif); width:197px; height:65px; margin:70px 0px 0px 36px; }
div#logo h1{ margin:0px; padding:0px; }
div#logo h1 a:link, div#logo h1 a:visited, div#logo h1 a:hover, div#logo h1 a:active{ display:block; width:197px; height:65px; outline:none; }
div#logo h1 a:link span, div#logo h1 a:visited span, div#logo h1 a:hover span{ display:none; }

div#content{ float:right; margin:27px 1px 0px 0px; width:434px; }

div#menu{ float:left; width:384px; padding:340px 0px 0px 47px; }
div#menu ul{ margin:0px; padding:0px; list-style:none; background:url(images/menu.jpg) top left no-repeat; }
div#menu ul li{ float:left; display:block; }

div#menu ul li a:link, div#menu ul li a:visited, div#menu ul li a:active{ display:block; height:25px; text-decoration:none; outline:none; }
div#menu ul li a:hover{ background-image:url(images/menu.jpg); background-repeat:no-repeat; outline:none; }

div#menu ul li#jogarlet a:link, div#menu ul li#jogarlet a:visited{ width:72px; }
div#menu ul li#disco a:link, div#menu ul li#disco a:visited{ width:87px; }
div#menu ul li#photos a:link, div#menu ul li#photos a:visited{ width:100px; }
div#menu ul li#medias a:link, div#menu ul li#medias a:visited{ width:52px; }
div#menu ul li#contact a:link, div#menu ul li#contact a:visited{ width:62px; }

div#menu ul li#jogarlet a:hover{ background-position:0px -61px; }
div#menu ul li#disco a:hover{ background-position:-72px -61px; }
div#menu ul li#photos a:hover{ background-position:-159px -61px; }
div#menu ul li#medias a:hover{ background-position:-259px -61px; }
div#menu ul li#contact a:hover{ background-position:-311px -61px; }

div#menu ul li a:link span, div#menu ul li a:visited span, div#menu ul li a:hover span{ visibility:hidden; }

/*****************************************************************************************/
div#contenu{ background:url(images/content.jpg) top left no-repeat; height:392px; padding:22px 22px 0px 22px; line-height:1.8em; text-align:justify; }

/***************/
div#home-personnage{ background:url(images/home-personnage.jpg) top right no-repeat; padding:18px 20px 0px 70px; height:142px; text-align:justify; }
div#home-personnage div{ text-align:right; color:#be5d0f; }
div#home-personnage a:link, div#home-personnage a:visited, div#home-galerie a:link, div#home-galerie a:visited{ color:#be5d0f; }
div#home-personnage a:hover, div#home-galerie a:hover{ color:#FFFFFF; }

div#home-galerie{ background:url(images/home-galerie.jpg) top right no-repeat; padding:18px 20px 0px 100px; height:142px; text-align:justify; }
div#home-galerie div.lien-galerie{ text-align:right; color:#be5d0f; clear:both; }

div.galerie{ float:left; margin:10px 10px 5px 0px; }
div.galerie img{ border:solid 1px #d68507; }