* {
	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	spacing: 0px;
	border-style: none;
	border-width: 0px;
	border-spacing: 0px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px; 
} 
html {
	height: 100%;
}

body {
	background-color : #000000;
	padding-top:0; /*pour coller en haut sous Opera*/
	margin:0; /*pour coller à du 800x600 quoi qu'il arrive...*/
	font-size: 10px;
	color: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: normal;
	height: 100%;
}

img {
	clear: none;
}

p {
	line-height: 18px;
}

p.mini {
	line-height: 13px;
}


h1 {
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: bolder;
	margin: 0px;
}

/*H2 est à utiliser pour les dates
	vers le titre en H1, mais peut
	aussi être utilisé en milieu de
	page (assez l'oin des dates)*/
h2 {	
	font-size: 11px;
	line-height: 11px;
	color: #FF6600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: bolder;
	margin: 0px;
}

h3 {
	font-size: 12px;
	line-height: 13px;
	color: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: bolder;
	margin: 0px;
}

h4 {
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: bolder;
	margin: 0px;
}

h5 {
	font-size: 10px;
	line-height: 12px;
	color: #CC0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-weight: bolder;
	margin: 0px;
}
		
ul {
	border: 0px;
	vertical-align: top;
	margin-top: 6px;
	margin-bottom: 6px;	
}
		
a {
	color:#CC0000;
	text-decoration:underline ;
}
		
a:hover {
	text-decoration:none;
}

a:visited {
	color: #DD3300;
}

span.spacer {
	font-size: 0px;
}


table {
	border-width: 0px;
	border-style: none;
	text-align: left;
}


td.barre {
	background-image: url("../../media/common/barre.gif");
}

td.TextPage00 {
	background-image: url("../../media/common/backTextPage00.gif");
}
td.TextPage01 {
	background-image: url("../../media/common/backTextPage01.gif");
}
td.TextPage11 {
	background-image: url("../../media/common/backTextPage11.gif");
}

th.cols {
	border-right: solid;
	border-left: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: #000000;
}
td.cols {
	border-right: solid;
	border-left: solid;
	border-width: 1px;
	border-color: #000000;
}

.Page table {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.Page td {
	vertical-align: middle;
	text-align: center;
}

.Window {
	position: relative;
	margin: 0 auto;
	width: 760px;
	height: 455px;
	text-align: left;
}

.Bulle {
	position: absolute;
	top: 20px;
	left: 32px;
	width: 205px; 
	height: 235px;
}

.Perso {
	position: absolute;
	vertical-align: bottom;
	bottom: 19px;
	left: 14px;
}

.Perso img {
	position: relative;
	bottom:0px;
}

.Content {
	position: absolute;
	vertical-align: top;
	top: 17px;
	left: 270px;
	width: 446px; 
	height: 413px;
}

.cadre {
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
}

.contenu_principal {
	background-image:url('../../media/common/cadre_g.gif');
	background-repeat: repeat-y;
	background-color : #FFFFFF;
}

.contenu_principal2 {
	background-image:url('../../media/common/cadre_d.gif');
	background-repeat: repeat-y;
	background-position: right;
}

.contenu_haut {
	height:2px;
	background-image:url('../../media/common/cadre_h.gif');
	background-repeat:repeat-x;
	font-size:0px;
}

.contenu_haut img {
	vertical-align:top; /* for ie5*/
}

.contenu_coingh {
	width:2px;
	height:2px;
	background-image:url('../../media/common/cadre_hg.gif');
	background-repeat:no-repeat;
	float: left;
}

.contenu_coindh {
	width:2px;
	height:2px;
	background-image:url('../../media/common/cadre_hd.gif');
	background-repeat:no-repeat;
	float: right;
}

.contenu_contenu {
	/*padding: 10px 10px 10px 10px;*/ /*padding : haut droite bas gauche*/
	margin: 10px 10px 10px 10px; /*margin : haut droite bas gauche*/
}

.contenu_contenu p {
	margin: 0px;
}

.contenu_bas {
	height:2px;
	background-image:url('../../media/common/cadre_b.gif');
	background-repeat:repeat-x;
	font-size:0px;
}

.contenu_coingb {
	width:2px;
	height:2px;
	background-image:url('../../media/common/cadre_bg.gif');
	background-repeat:no-repeat;
	float: left;
}

.contenu_coindb {
	width:2px;
	height:2px;
	background-image:url('../../media/common/cadre_bd.gif');
	background-repeat:no-repeat;
	float:right;
}
		
a.menu {
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
}
		
a.menu:hover {
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#888888;
	text-decoration:none;
	font-weight: bold;
}

a.menu:visited {
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
}
		
a.menuselected {
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
	
a.menuselected:hover {
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
	
a.menuselected:visited {
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}


#outer {position: relative; height: 100%; width: 100%; overflow:expression(document.body.clientHeight > 453 ? 'hidden' : 'visible');}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only */
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50% } /* for explorer only */
/* optional: #inner[id] {position: static;} */