/* Présentations générales par défaut */

body {
	font-family: arial, helvetica, sans-serif ;
	margin: 0 ; 
	padding: 0 ;
	min-width: 1017px;
	_width: expression(document.body.clientWidth < 1000? "1000px": "100%" );
	font-size: 12px ;
	line-height: 140% ;
	letter-spacing: .02em ;
	background: #555577 ;
	color: black ;
	text-align: center;
	background-image: url("background-js-degrade.png");
	*background-image: url("background-js-degrade.gif");
	_background-image: url("fond-js.jpg");
	_background-position:50% 20px;
	background-repeat:repeat-x;
}

div#cadre_site[id] {
	/*width:100%;*/
	background-image:url(background-js-logo-vert.png);
	background-repeat:no-repeat;
	background-position:5% 120px;
}

.align-center {	text-align:center;	}
.align-left { text-align:left;	}
.align-right { text-align:right;	}
.align-justify { text-align:justify;	}

a {
	text-decoration: none ;
	font-weight: bold ;
	color: #660000 ;
}

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

a img {border:0 none #000000; }

td {
	font-size: 12px ;
}

h1,h2,h3,h4,h5,h6 {
	text-align:left;
}

div#clear {
	width: 100%;
	clear: both ;
	margin: 0px;
	padding:0px;
}

/*div#barre_sites,*/ div.barre, div.copyaf {
	*width:99%;
	_width:100%;
}

div#page {
	width:957px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	z-index: 2;
}

/* La barre des sites */
div#decalage_haut {
	margin-top:10px;
}
/*
div#barre_sites {
	background: #333333 url("/images/menu_sites_alliance.gif") no-repeat right ;
	color: #FFCC00 ;
	padding: 0 0 0 0 ;
	font-size: 11px ;
	font-weight: bold ;
	letter-spacing: .05em ;
	border-bottom: 1px solid white ;
	height: 15px ;
	position:relative;
	z-index:4;
}

div#barre_sites a {
	color: white ;
}
*/
a#barre_forum {
	background: url("/images/menu_sites_forum_small.gif") no-repeat ;
	padding-left: 15px ;
	}

/* Logo et pub */
div#titre {
	height: 90px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
*div#titre[id] {
	height: 95px;
}

div#logo_flottant {
	background: url("logo-js.png") no-repeat;
	position:absolute;
	width:347px;
	height:213px;
	margin-top:-4px;
	margin-left:-77px;
	*margin-left:-320px;
	_width:0px;
	_height:0px;
}

div#logo_flottantjs {
  background:transparent url(logojs.png) no-repeat scroll 0 0;
  height:110px;
  margin-left:995px;
  width:110px;
  _margin-left:870px;
  margin-top:5px;
  position:absolute;
}

img#logo {
	float:left;
	border:none;
	width:250px;
	height:98px;
	position:relative;
	z-index:4;
	_width:0px;
	_height:0px;
}

div#pub {
	float: right ;
	border: 1px solid white ;
	margin-top: 5px ;
	margin-right: 5px ;
	line-height: 0 ;
	font-size: 0 ;
}

div#pub_hp_mb, div#pub_portail_mb {
	float: right ;
	border: 1px solid white ;
	margin-top: 5px ;
	margin-bottom: 5px ;
	line-height: 0 ;
	font-size: 0 ;
	width:728px;
	height:90px;
}

div#pub_hp_sky, div#pub_portail_sky {
	width: 160px;
	float: left;
	position: relative;
	z-index: 3;
	margin-top: 7px;
}

/* Barre rouge supérieure et inférieure */

div.barre[class], div.copyaf[class] {
	background-image: url("fond-rouge-trans.png");
}

div.barre, div.copyaf {
	/*background: #660000 ;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='fileadmin/template/JS/fond-rouge-trans.png');
	color: white ;
	padding: 2px ;
	margin: 0px ;
	margin-top: 5px ;
	border-top: 1px dashed white ;
	border-bottom: 1px dashed white ;
	clear: both ;
	font-size: 13px ;
}

div.barre[class], div.copyaf[class] {
	position:relative;
	z-index:4;
}

div.barre a, div.copyaf a {
	color: #FFCC00 ;
	font-weight: bold ;
}

div.barre div#bienvenue {
	/*float: right ;*/
	padding-top: 2px ;
}

div.copyaf {
	text-align: center ;
}

div.xiti {
	width: 100%;
	clear: both;
	text-align:center;
}

div#sommaire {
	display: inline ;
	width : 460px;
	_width :615px;
	text-align: left;
	_padding-left:expression('28px');
}

div#sommaire ul {
	display: inline ;
}

div#slogan {
	display: inline ;
	/*width : 380px;*/
	color: white ;
	margin-left : 5px;
}

div#slogan span {
	margin-left : 20px;
}

/* Cadre principal */

div#central {
	/*margin: 10px 0 10px 160px ;*/
	background-color:white;
	padding: 10px ;
	min-height:650px;
	_height:expression('650px');
	width:760px;
	border:1px solid black;
}

div#central h1 {
	font-size: 130% ;
	color: white ;
	padding: 1px ;
	margin-top: 0 ;
	margin-bottom: 10px ;
	border-top: 1px dotted black ;
	border-bottom: 1px dotted black ;
	white-space: nowrap ;
}

div#central ul {
	margin: 0 ;
	list-style: square ;
	padding-left: 20px ;
}

div#central p.more {
	text-align: right ;
}

/*************** Colonne de droite *******************/
div#colonne_droite {
	float: right;
	width: 288px; /*288*/
	_width: expression("303px") ; /*303*/
	margin-top: 0px ;
	margin-right: 5px ;
	_margin-right: expression("0px") ;
	padding-right: 10px;
	_padding-right: expression("0px");
}

div#fichejeux {
	border: 1px solid #DDDDFF ;
	margin-bottom: 10px ;
	padding: 5px ;
	width: 100%;
	background: #F5FFF5 ;
}

div#fichejeux h1 {
	background: #66BB00 ;
}

div#fichejeux form,input {
	padding: 0px;
	margin: 0px;
}

div#fichejeux form input#searchtext {
	width: 200px;
}

div#pub_hp_pave, div#pub_portail_pave, div#pub_hp_half_page {
	border: 0 ;
	margin-bottom: 10px ;
	padding: 0px ;
	width: 100% ;
	font-size: 0px ;
	background: #FFFFFF ;
	position:relative;
}

div#pub_banner250rg {
	position:relative;
}

div#avantpremieres {
	border: 1px solid #DDDDFF ;
	margin-bottom: 10px ;
	padding: 5px ;
	width: 100% ;
	background: #FFF5F5 ;
}

div#avantpremieres h1 {
	background: #DD1111 ;
}

div#images {
	border: 1px solid #DDDDFF ;
	margin-bottom: 10px ;
	padding: 5px ;
	width: 100% ;
	background: #F5F0FF ;
}

div#images h1 {
	background: #443355 ;
}

div#sondage {
	width: 100% ;
	border: 1px solid #DDDDFF ;
	margin-bottom: 10px ;
	padding: 5px ;
}

div#sondage form {
	padding: 0px;
	margin:0px;
}

div#sondage p {
	text-align: center ;
	font-weight: bold ;
	margin:0px;
}

div#sondage h1 {
	color: black ;
}

div#sondage ul {
	list-style: none ;
	text-align: left ;
	margin: 0px;
	margin-bottom:10px;
	padding: 0px;
}

div#sondage div#poll_answer {
	margin: 0px;
	padding-top: 10px;
	width: 100%;
}

div#sondage div#poll_answer img {
	margin-top: 10px;
}

div#sondage div#poll_answer p {
	margin: 0px;
	text-align: center;
	padding: 0px;
	width: 100%;
	font-weight:bold;
}


div#sondage {
	/*display: none;*/
}

/************************* Bloc gauche *******************/
div#content {
	margin: 0px;
	padding: 0px ;
	margin-right: 313px; /*305*/
	width: auto;
	_width: expression("100%");
}

div#continu {
	border: 1px solid #DDDDFF ;
	margin-bottom: 10px ;
	padding: 5px ;
}

div#continu {
	background: #F5F5FF ;
	height: auto ;
}

div#continu a {
	font-size: 12px ;
}

div#continu h1 {
	background: #0099CC ;
}

div#continu ul {
	list-style-image: url("carre_news.gif");
	list-style-type: none;
	font-size: 10px ;
}

div#continu li {
	margin: 2px ;
}

div#une {
	background: #FFFFF5 ;
	border: 1px solid #DDDDFF ;
	margin-bottom: 10px ;
	padding: 5px ;
	width: auto;
	_width: expression("100%");
}

div#une img {
	margin: 3px ;
	width: expression(this.width > 400 ? 400: true);
}

div#une table tr {
	vertical-align: top ;
}

div#une h1 {
	background: #FFCC00 ;
}

div#une h2 {
	font-size: 120% ;
}


/**************************** Zone en bas *****************/

div#tests  {
	border: 1px solid #DDDDFF ;
	padding: 5px ;
	margin: 0px ;
	margin-left: 200px;
	_margin-left: expression("180px");
	width: auto;
	_width: expression("100%");
	background: #FFF5F0;
}

div#tests h1 {
	background: #DD6611 ;
}

div#dossiers {
	float: left;
	background: #F5F5F5 ;
	width: 180px;
	border: 1px solid #DDDDFF ;
	padding: 5px ;
	margin: 0px ;
}

div#dossiers h1 {
	background: #999999 ;
}

/*********************** Menu dynamique ***************/

#menuList1 {
  border: none;
  margin: 0;
  padding: 0;
  /* do not use a position other than 'static' here */
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  /* do not change these rules */
}

#menuList1 li a {
  background-color: transparent;
  color: #FFCC00;
  display: inline;
  line-height: 1.8em;
  border: none;
  margin: 0;
  padding: 2px 2px;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
  color: #FFCC00;
  text-decoration: underline;
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  /*background: url("fleche_bas.gif") no-repeat 100% 50%;*/
  color: #FFCC00;
  padding-right: 12px;
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus, #menuList1 li a.actuator:active {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  color: #FFCC00;
  text-decoration: underline;
}

#menuList1 .menu {
	background: #FFF5DD ;
	border-top: 2px solid #660000 ;
	border-bottom: 2px solid #660000 ;
	border-left: 2px dotted #555566 ;
	border-right: 2px dotted #555566 ;
	margin: 0px;
	padding: 2px;
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 4;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu .menu {
  margin-left: 2px;
  /* if a non-zero padding is set on .menu, set margin-left to margin-left + padding */
}

#menuList1 .menu li a {
  color: #660000 ;
  display: block;
  line-height: normal;
}

#menuList1 .menu li a.actuator {
  background: url("fleche_droite.gif") no-repeat 100% 50%;
}

#menuList1 .menu li a.actuator:hover, #menuList1 .menu li a.actuator:focus {
  background: url("fleche_droite.gif") no-repeat 100% 50%;
}

/******************************* Bas de Page **************************/
div#content_bottom_left {
	width: 100%;
	clear: both ;
}

/****************************** Affichage d'une news ******************/
div.news {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #006688;
	position:relative;
	padding: 5px ;
	height: auto ;
}

div.news h1 {
	background-image:url(fond-bleu-trans72.png);
	background-color:transparent;
	border:1px solid #006688;
	position:relative;
	font-size: 130% ;
	color: white ;
	padding: 1px ;
	margin-top: 0 ;
	margin-bottom: 10px ;
	white-space: normal;
}

div.news h2 {
	font-size: 100% ;
	color:#0099CC;
	padding: 1px ;
	margin: 0 ;
	margin-bottom: 5px ;
	/*white-space: nowrap ;*/
}

div.news h2 a {
	color:#0099CC;
}

div.news a {
	font-size: 12px ;
}

div.news table {
	font-size: 100% ;
	color: white ;
	padding: 1px ;
	margin-top: 0 ;
	margin-bottom: 10px ;
	white-space: normal ;
	background: #0099CC ;
	text-align : left;
	width : 50%;
}

div.news table th#QUOTE {
	border-top : 1px dotted black ;
	background:#ccddff;
}

div#liste-news {
	position: relative;
}

/* Fiche Jeux */
div#article {
	text-align:center;
	line-height: 150%;
}

div#article div.news div{
	width : 98%;
}

div.centrage_all {
	/*width: 675px;
	position: relative;
	margin-left: auto ;
	margin-right: auto ;*/
}

div#fiche {
	width: 500px ;
	border: 1px solid black ;
	padding: 5px ;
	background: #FFFFF0 ;
	text-align:left;
	margin-left: auto ;
	margin-right: auto ;
}

div#fiche h1 {
	font-size: 130% ;
	color: white ;
	padding: 1px ;
	margin-top: 0 ;
	margin-bottom: 10px ;
	border-top: 1px dotted black ;
	border-bottom: 1px dotted black ;
	/*white-space: nowrap ;*/
	background: #FFCC00 ;
	/*position: relative;*/
	_margin-left:expression('1px');
}

div#fiche h2 {
	font-size: 120% ;
	margin: 10px 0 2px 0 ;
	border-top: 1px dotted black ;
	width: 100%;
}

div#fiche h3 {
	font-size: 120% ;
	font-style:italic;
	margin: 10px 0 2px 0 ;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

div#fiche ul,div#fiche div {
	margin-bottom: 10px ;
}

h2#genre {
	/*clear: left ;*/
}

div#fiche p {
	margin: 0 0 2px 0 ;
}

div#fiche div#notes {
	margin: 8px ;
}

div#boite{
	float: left ;
	padding: 0px 5px 5px 0px ;
	background: #FFFFF0 ;

}

div#fiche div#galeries p {
	line-height: 50px;
}

div#fiche div#galeries p a img {
	vertical-align: middle;
	margin-right : 10px;
}

/******************* Fiche de notation dans test *****************/

div#notationtest {
	position: relative;
	text-align: center;
	padding: 5px ;
	width: 100% ;
}

div#notationtest div#inside {
	position: relative;
	border: 1px solid black ;
	background: #FFFFF0 ;
	text-align:left;
	margin-left: auto ;
	margin-right: auto ;
	width: 500px ;
	padding-left: 10px;
	padding-right: 10px;
}

div#notationtest div#inside h1 {
	font-size: 130% ;
	color: white ;
	margin: 10px 0px 10px 0px ;
	border-top: 1px dotted black ;
	border-bottom: 1px dotted black ;
	white-space: nowrap ;
	background: #DD6611 ;
	position: relative;
	width: auto;
	_width: expression("100%");
}

div#notationtest div#inside ul,div#notationtest div#inside div {
	margin-bottom: 10px ;
}

div#notationtest div#inside p {
	margin: 0 0 2px 0 ;
}

div#notationtest div#inside table {
	padding-right: 10px;
	width: "100%";
}

div#notationtest td {
	font-size: 16px;
	border-top: 1px solid black ;
	color:#DD6611;
#	white-space: nowrap ;
	font-weight: bold; 
}

td#notej,td#noteg,td#noteb,td#notem,td#notes {
	width: 60px;
	text-align: right;
	padding-right: 15px;
}

div#notationtest td#commentj, 
div#notationtest td#commentg,
div#notationtest td#commentb,
div#notationtest td#commentm,
div#notationtest td#comments {
	font-size: 12px ;
	font-weight: bold; 
	color:#000000;
	width: 300px;
}

div#notationtest p#commentaire {
	font-size: 12px ;
	font-weight: bold; 
}

#pub_articles_theme_728 {width:100%; text-align:center; padding-bottom:10px; padding-top:10px;}

/************************************************************/
div.tx-afplayers-pi1-form-wrap form {
	text-align: left;
}

div.tx-afplayers-pi1-form-label,
div.tx-afplayers-pi1-form-field {
	margin-right: 10px;
	display: inline;
	vertical-align: top;
}

div.tx-afplayers-pi1-form-label {
	width: 100px;
}

div.tx-afplayers-pi1-form-field input,
div.tx-afplayers-pi1-form-field textarea
{
	width: 400px;
}

/******************* les cases transparentes de la home *****************/
/*c'est tout à la fin pour que ie6 puisse garder les anciens styles*/

div#continu[id] {
	background-image:url(fond-bleu-trans72.png);
	background-color:transparent;
	border:1px solid #006688;
}
div#continu[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #006688;
	position:relative;
}
div#continu[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#continu[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#une[id] {
	background-image:url(fond-jaune-trans72.png);
	background-color:transparent;
	border:1px solid #ffcc00;
}
div#une[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #ffcc00;
	padding:4px 4px 4px 4px;
	position:relative;
}
div#une[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#une[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#dossiers[id] {
	background-image:url(fond-gris-trans72.png);
	background-color:transparent;
	border:1px solid #999999;
}
div#dossiers[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #999999;
	position:relative;
}
div#dossiers[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#dossiers[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#tests[id] {
	background-image:url(fond-orange-trans72.png);
	background-color:transparent;
	border:1px solid #dd6611;
}
div#tests[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #dd6611;
	position:relative;
}
div#tests[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#tests[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#avantpremieres[id] {
	background-image:url(fond-rouge-trans72.png);
	background-color:transparent;
	border:1px solid #dd1111;
}
div#avantpremieres[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #dd1111;
	position:relative;
}
div#avantpremieres[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#avantpremieres[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#images[id] {
	background-image:url(fond-violet-trans72.png);
	background-color:transparent;
	border:1px solid #443355;
}
div#images[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #443355;
	position:relative;
}
div#images[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#images[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#fichejeux[id] {
	background-image:url(fond-vert-trans72.png);
	background-color:transparent;
	border:1px solid #66bb00;
}
div#fichejeux[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #66bb00;
	position:relative;
}
div#fichejeux[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#fichejeux[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
}

div#sondage[id] {
	background-image:url(fond-noir-trans72.png);
	background-color:transparent;
	border:1px solid #000000;
}
div#sondage[id] div.divblanc[class] {
	background-image:url(fond-blanc-trans72.png);
	background-color:transparent;
	border:1px solid #000000;
	padding:4px 4px 4px 4px;
	position:relative;
}
div#sondage[id] h1 {
	background-color:transparent;
	border:none;
	margin:0;
	position:relative;
}
div#sondage[id] h1 span.text {
	font-family:Minion std, Minion, Verdana, Tahoma;
	color:white;
}

div#sondage input[type=submit] {
	border:1px solid black;
	background-color:transparent;
	background-image:url(fond-noir-trans72.png);
	color:white;
	width:90%;
}

div#elfe_sexy[id] {
	background-image:url(fond-elfe-archer-trans70.png);
	position:absolute;
	width:731px;
	height:701px;
}


/************** les ombres qui entourent la page ****************************/

table#table_cadre_site {
	/*text-align: left;*/ /* pour corriger le bug de centrage IE */
	/*width:1000px;
	min-height:900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
	margin-bottom: 20px;*/
}
td#ombre_top_g[id] {
	background-image:url(ombre_top_g.png);
	background-repeat:no-repeat;
	width:6px;
	height:6px;
}
td#ombre_top_m[id] {
	background-image:url(ombre_top_m.png);
	background-repeat:repeat-x;
	height:6px;
}
td#ombre_top_d[id] {
	background-image:url(ombre_top_d.png);
	background-repeat:no-repeat;
	width:6px;
	height:6px;
}
td#ombre_gauche[id] {
	background-image:url(ombre_gauche.png);
	background-repeat:repeat-y;
	width:6px;
}
td#ombre_contenu[id] {
	background-color:white;
	border:1px solid black;
}
td#ombre_droite[id] {
	background-image:url(ombre_droite.png);
	background-repeat:repeat-y;
	width:6px;
}
td#ombre_bot_g[id] {
	background-image:url(ombre_bot_g.png);
	background-repeat:no-repeat;
	width:6px;
	height:6px;
}
td#ombre_bot_m[id] {
	background-image:url(ombre_bot_m.png);
	background-repeat:repeat-x;
	height:6px;
}
td#ombre_bot_d[id] {
	background-image:url(ombre_bot_d.png);
	background-repeat:no-repeat;
	width:6px;
	height:6px;
}