/* 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 ;
  min-width:728px;
  min-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#article h2 {
  color:#DD6611;
  padding: 1px ;
  margin: 0 ;
  margin-bottom: 5px ;
  white-space: nowrap ;
}

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;
}
.rgmediaimages-media{ margin:0 auto;}