<?
header("Content-type: text/css");
header("Content-type: text/css");
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past
header("Content-type: text/css");
if(ereg("MSIE", getenv("HTTP_USER_AGENT")))
{
	?>
	body {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 0.8em;
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/fond/fond2.jpg);
	margin: 10px;
}
input, select, option {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-weight: bold;
	background-color: #ffe;
}
option {
	padding-left: 3px;
}
input {
	font-size: 0.9em;
}
h1 {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
	border: 1px solid #000;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 300%;
}
h2 {
	text-align: center;
	font-size: 130%;
	margin: 10px;
}
a, a:link, a:active, a:visited {
	color: #900;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #ffc;
	text-decoration: underline;
}
ul#pjLinks {
	float: left;
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
	margin-top: 5px;
	margin-left: 200px;
}
ul#pjLinks li {
	display: inline;
	padding: 10px;
}
form {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
	border: 1px solid #000;
	text-align: right;
	padding: 3px;
}
form label {
	font-weight: bold;
}
form div {
	display: inline;
}
form div.submit input {
	background-color: #666633;
	color: #fff;
	border-width: 1px;
	border-top-color: #cc0;
	border-left-color: #cc0;
	border-right-color: #300;
	border-bottom-color: #300;
	border-style: outset;
	border-width: 1;
}
input#ai_IDPJ, input#ai_IDPJ_Events {
	width: 50px;
}
dl {
	position: relative;
	border: 1px solid #000;
	border-top-width: 0;
	background-image: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
	width: 100%;
}
dt {
	float: left;
	clear: left;
	width: 170px;
	font-weight: bold;
	padding: 3px;
	height: 20px;
}
dt.distinctionsHorsJeu, dt.distinctions, dt.maladie, dt.trolligion {
	float: none;
	width: auto;
}
dd.distinctionsHorsJeu, dd.distinctions, dd.maladie, dd.trolligion {
	margin-left: 0;
	border-left: none;
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau1.jpg);
}
dd {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau1.jpg);
	padding: 3px;
	padding-left: 15px;
	margin-left: 176px;
	border-left: 1px solid #000;
	min-height: 20px;
}
dd ul {
	padding-left: 20px;
}
dd#rangGuilde {
	border-top-width: 0;
}
* html dd {
	height: 20px;
}
dt, dd {
	border-top: 1px solid #000;
}
.pnj {
	font-weight: bold;
}
#description {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
	border: 1px solid #000;
	padding: 25px;
}
#disclaimer {
	text-align: center;
}
dd.equipement ul, dd.possessions ul {
	padding-left: 0;
}
dd.equipement li, dd.possessions li {
	list-style-type: none;
	padding-left: 20px;
}
dd.equipement li {
	background: url(http://games.mountyhall.com/mountyhall/Images/greenball.gif) no-repeat;
}
dd.equipement li span.magie, dd.possessions li span.magie {
	font-weight: bold;
}
dd.possessions ul li {
	background: url(http://games.mountyhall.com/mountyhall/Images/orangeball.gif) no-repeat;
}
dt.blason {
	display: none;
}
dd.blason {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #000;
	border-right-width: 0;
	padding: 30px;
}

/* Page d'events */
div#navigation {
	float: left;
	margin-top: 5px;
	margin-left: 200px;
	font-weight: bold;
}
div#navigation span {
	padding-left: 15px;
}
p#suppressionEvents {
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
table#events {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table#events th, table#events td {
	border: 1px solid #000;
	font-size: 90%;
	padding: 2px;
}
table#events th {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
}
table#events td {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau1.jpg);
}
table#events td.eventDate {
	text-align: center;
}
table#events td.eventDescription a.mh_trolls_1 {
	color: #00f;
}

/* Page de classements */
dl#classements dt {
	width: 300px;
}
dl#classements dd {
	margin-left: 306px;
	font-weight: bold;
}

/* Page des mouches */
table#mouches {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table#mouches th, table#mouches td {
	border: 1px solid #000;
	font-size: 0.8em;
	padding: 2px;
}
table#mouches th {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau2.jpg);
}
table#mouches td {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau1.jpg);
	text-align: center;
}


* html dd.blason {
	right: -1px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html dt {
	margin-right: -3px;
}
* html dt.distinctionsHorsJeu, * html dt.distinctions, * html dt.maladie, * html dt.trolligion {
	margin-right: 0;
}
* html dd {
	height: 1%;
	margin-left: 0;
}
* html dl#classements dd {
	height: 1%;
	margin-left: 0;
}
* html dd#rangGuilde {
	margin-left: 170px;
}
/* End hide from IE5/mac */

#styleSwitcher {
	text-align: center;
	margin: 10px;
}


	<?
}else
{?>
* {
	margin: 0;
	padding: 0;
}

html{
	background: #E8C84C url("sans or rouge.jpg") repeat-y center 100%;
}

body {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 0.8em;
}

input, select, option {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-weight: bold;
	background: transparent;
}

option {
	padding-left: 3px;
}

input {
	font-size: 0.9em;
}

h1 {
	top:0px;
	background: url('<? echo $_GET['banniere'];?>') center no-repeat;
	text-align: center;
	height: 120px;
	margin-top: 0px;
	font-size: 0;
}

h2 {
	visibility:hidden;
}

a, a:link, a:active, a:visited {
	color: #800000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #531717;
	text-decoration: underline;
}

ul#pjLinks {
	margin-left:20%;
	margin-right:20%;
	width:60%;
	float: left;
	margin-top: 5px;
}

ul#pjLinks li {
	text-align: center;
	float:left;
	width:33%;
	display: inline;
}

form {
	background: #E8C84C url("sans or rouge.jpg") repeat-y center 100%;
	z-index: 10;
	width: 100%;
	margin:0;
	position:fixed;
	bottom:15px;
	text-align: center;
	border-top: 1px solid #000;
	text-align: center;
	padding: 3px;
}

form label {
	color: #800000;
	font-weight: bold;
}

div#infosVue{
 color:#800000;
 background:url("sans or rouge.jpg") center;
}

select, select option{
	background:url("sans or rouge.jpg") center;
}

select:hover, select option:hover{
	background:url("sans or rouge2.jpg") center;
}

form div {
	display: inline;
}

form div.submit input {
	color: #800000;
	border: 1px #800000 solid;
}

form div.submit input:hover {
	color: #531717;
	border: 1px #531717 solid;
}

input#ai_IDPJ, input#ai_IDPJ_Events {
	border: 1px solid #800000; 
	color: #800000;
	width: 50px;
}

input#ai_IDPJ:hover, input#ai_IDPJ_Events:hover {
	border: 1px solid #531717; 
	color: #531717;
	width: 50px;
}

dl {
	position: relative;
	border: 1px solid #000;
	-moz-border-radius:4px;
	width: 86%;
	left:7%;
}

dt {
	position:relative;
	float:left;
	width:25%;
	left:35%;
	font-weight: bold;
	height: 20px;
	padding-left:3px;
	
	}

dd {	
	position:relative;
	left:35%;
	text-align:left;
	min-height: 20px;
	width:65%;
}

dt.blason {
	display: none;
}

dd.blason{
	position:absolute;
	top:0px;
	left:0px;
	display:inline;
	margin:2px;
	visibility:visible;
	width:33%;
	height:auto;
    float:left;
	clear:right;
}

dd.blason img#blason {
	width:98%;	
}

/*dt.maladie:first-letter {
    float: left;
    padding-right: 50px;
   padding-bottom:60px;
    background: url(lettrine_M.gif) no-repeat top right ;
}
*/

dd.blason img#blason {

}

#rangGuilde{
	display:none;
}

dt.maladie, dt.possessions, dt.trolligion, dt.equipement, dt.distinctions{
	float: none;
}

dd.maladie, dd.possessions, dd.trolligion, dd.equipement, dd.distinctions{
	left:36%;
}

dd.equipement ul, dd.possessions ul , dd.maladie ul, dd.trolligion ul, dd.distinctions ul{
	left:26%;
	display:table;
	padding-left: 0;
}


.pnj {
	font-weight: bold;
}

#description {
	position:relative;
	border: 1px solid #000;
	padding:4px;
	-moz-border-radius:4px;
	/*border-bottom: 1px solid #000;*/
	width: 86%;
	left:7%;
}

#disclaimer {
	display:none;
}

dd.equipement li, dd.possessions li, dd.distinctions li , dd.maladie li , dd.trolligion li {
	list-style-type: none;
}

dd.maladie ul li {
	padding-left:40px;
	background: url(vaccin.gif) no-repeat;
}

dd.distinctions ul li {
	padding-left:40px;
	background: url(med.png) no-repeat;
}

dd.trolligion ul li {
	padding-left:40px;
	background: url(croix.png) no-repeat;
}

dd.equipement li {
	padding-left:30px;
	background: url(balluchon.png) no-repeat;
}

dd.equipement li span.magie, dd.possessions li span.magie {
	font-weight: bold;
}

dd.possessions ul li {
	padding-left:40px;
	background: url(balluchon.png) no-repeat;
}


div#navigation {
	float: left;
	margin-top: 5px;
	margin-left: 200px;
	font-weight: bold;
}

div#navigation span {
	padding-left: 15px;
}

p#suppressionEvents {
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

table#events {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table#events th, table#events td {
	border: 1px solid #000;
	font-size: 90%;
	padding: 2px;
}

table#events th {
	/*background: #E8C84C url("sans or rouge.jpg") repeat-y center 100%;*/
}

table#events tr:hover {
	/*background: #E8C84C url("sans or rouge.jpg") repeat-y center 100%;*/
background: #E15D25 url("sans or rouge2.jpg") repeat-y center 100%;
}

table#events td.eventDate {
	text-align: center;
}

table#events td.eventDescription a.mh_trolls_1 {
	color: #531717;
}


/* Page de classements */
dl#classements dt {
	width: 300px;
}

dl#classements dd {
	margin-left: 306px;
	font-weight: bold;
}

/* Page des mouches */
table#mouches {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table#mouches th, table#mouches td {
	border: 1px solid #000;
	font-size: 0.8em;
	padding: 2px;
}

table#mouches th {
	background: #E8C84C url("sans or rouge.jpg") repeat-y center 100%;
}

table#mouches td {
	background: url(http://games.mountyhall.com/MH_Packs/packMH_parchemin/tableau/tableau1.jpg);
	text-align: center;
}

#styleSwitcher {
	text-align: center;
	background: #E8C84C url("sans or rouge.jpg") repeat-y center 100%;
	z-index: 10;
	width: 100%;
	margin:0;
	position:fixed;
	bottom:0px;
	text-align: center;
}
<?
if ($_GET['fond']=='OUI')
{
	echo '
		dl:hover{
			background: #E15D25 url("sans or rouge2.jpg") repeat-y center 100%;
		}
		
		#description:hover {
			background: #E15D25 url("sans or rouge2.jpg") repeat-y center 100%;
		}';
}}?>