/*********** Eléments généraux ************/
body { 
  background: #000000 url('fond_marbre-rouge.jpg');
  margin: 0;
  padding: 0;
  text-align:center;
  min-width: 995px;
  width: expression(document.body.clientWidth < 995? "995px": "100%" );
}

div#dragon {
  background: url('fond_dragon-rouge.jpg') no-repeat 0px 50px;
  margin: 0;
  padding: 0;
  text-align:center;
}

div#panneau  {
  text-align: left;
  background: #000000;
  width:995px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 20px;
  border: 1px solid #000000;
}

.align-center {  text-align:center;  }
.align-left { text-align:left;  }
.align-right { text-align:right;  }
.align-justify { text-align:justify;  }
a img {border:0 none #000000; }

p,h1,h2,h3,h4,h5,h6 {
  margin: 0px;
}

.invalide {
  color: red;
  font-weight: bold;
}

div.blizzard-say {
  background: url('blizz-say.jpg') no-repeat 0px 0px;
  background-color:#000130;
  color:#4c89ee;
  border: 1px solid #2a2a82;
  width:484px;
  _width:expression('572px');
  min-height:118px;
  _height:expression('142px');
  margin: 0;
  padding: 12px 10px 12px 77px;
}

div#article div.blizzard-say li {
  color:#4c89ee;
}

div.youtube_video {
  width:570px;
  text-align:center;
}

.rmq {/* Style des "remarques" : information, erreur, question et attention */
  background-position:10px 10px;
  background-repeat: no-repeat;
  padding: 8px;
  padding-left: 50px;
  color:black;
}
.question {
  border: 1px solid blue;
  background-color:#D0DFF4;
  background-image: url('../../images/W3/guides/editeur-map_w3/point-interogation.png');
}
.attention {
  border: 1px solid rgb(236, 118, 0);
  background-color:#F4ECD0;
  background-image: url('../../images/W3/guides/editeur-map_w3/point-exclamation.png');
}
.information {
  border: 1px solid green;
  background-color:#D0F4D3;
  background-image: url('../../images/W3/guides/editeur-map_w3/point-information.png');
}
.information, .attention, .question, .erreur {
  height:30px; /* On fixe la hauteur, que IE interprete comme une "hauteur minimale" */
  text-align:left;
}
/* pour que FF comprenne la meme chose */
html>body .information, html>body .attention, html>body .question, html>body .erreur {
  height:auto;
  min-height:30px;
}

/*********** Barre des sites ************/
td#tdrsjs{
  width:168px;
}
/*
.barre_sites {
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  height: 18px;
  border-bottom:1px solid orange;
}

.barre_sites a:link, .barre_sites a:visited {
  /*color: #FFCC66;*/
/*
  color: orange;
  text-decoration:none;
}
.barre_sites a:hover, .barre_sites a:active, a:focus {
  /*color:#FFCC66;*/
/*
  color: red;
  text-decoration:underline;
}
*/
/*********** Bandeau supérieur du site ************/
img#transclic {
  width: 250px;
  height: 150px;
  float: left;
}

div#banniere_gauche {
  background-image: url(bann-wow.jpg);
  background-position: top left;  
  background-repeat: no-repeat;
  height: 150px;
  padding: 0;
  border: 0;
  margin: 0;
}

div#banniere_droite {
  background-repeat: no-repeat;
  background-position: top right;  
  float: right;
  width: 100%;
  height: 150px;
  padding: 0;
  border: 0;
  margin: 0;
}

div#banniere_bois {
  background-image: url(bann-degrade.gif);
  background-position:top left;
  background-repeat: repeat-x;
  height: 25px;
  top: 0px;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
  text-align: right;
}

div#banniere_bois_milieu {
  /*background-image: url(banniere_bois_milieu.jpg);
  background-position:top left;
  background-repeat: no-repeat;*/
  float: left;
  width: 116px;
  height: 25px;
  top: 0px;
  padding: 0;
  border: 0;
  margin: 0;
  margin-left: 118px;
}

table.bienvenue  {
  padding-top: 6px;
  padding-bottom: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFCC;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  padding-right : 10px;
}

table.bienvenue td#droite{
  width : 100%;
  text-align: right;
}

table.bienvenue td:first-letter{
  font-size: 110%;
  font-weight: bold;
}


div#sous_banniere_1 {
  background-color: #000000;
  height: 80px;
  top: 0px;
  padding: 0;
  border: 0;
  margin: 0;
}

div#pub_rg_mb {
  /*border: groove #16202A 5px;*/
  margin-top : 30px;
  /*margin-left: auto;*/
  margin-right: 10px;
  width : 728px;
  float: right;
}

div#pub_rg_sky {
  text-align:center;
  width:100%;
}
/*********** Styles des menus référencés dans le gabarit TS du site ************/
.menu1-level1-no {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  /*background-image:  url(banniere_bois_m.jpg);
  background-repeat: repeat;
  background-position:top center;*/
  background-image: url(menu-fond-titre.gif);
  background-repeat: repeat-x;
  background-color: #650101;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  /*color: #FFFFCC;*/
  color: #FFFFFF; 
  font-weight: 600;
  font-style:oblique;
}

.menu1-level1-no p:first-letter {
  font-size: 110%;
  font-weight: bold;
}

.menu1-level2-no {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #FFCC66 ;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 17px;
  border-bottom: 1px solid #650101;
}

.menu1-level2-no a {
  /*color: #FFCC66 ;*/
  color: #FFFFFF;
  text-decoration : none ;
}

.menu1-level2-no a:hover {
  /*color: #D7CEA4;
  text-decoration: underline;*/
  color:orange;
}

.menu1-level2-cur {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #FFCC66 ;
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 1px;
  border-bottom: 1px solid #650101;
}

.menu1-level2-cur a {
  /*color: #FFCC66 ;
  text-decoration : none ;*/
  color: #FFFFFF;
}

.menu1-level2-cur a:hover {
  /*color: #D7CEA4;
  text-decoration: underline;*/
  color:orange;
}

.menu1-level2-ifsub {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 1px;
  border-bottom: 1px solid #650101;
}

.menu1-level2-ifsub a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  /*color: #FFCC66 ;*/
  color: #FFFFFF;
  text-decoration : none ;
}

.menu1-level2-ifsub a:hover {
  /*color: #D7CEA4;
  text-decoration: underline;*/
  color: orange;
}

.menu1-level3-no {
  padding-top: 2px;
  padding-left: 20px;
  padding-bottom: 1px;
  margin-left: 10px;
  background-color: #3d0101;
}

.menu1-level3-no a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  /*color: #FFCC66 ;*/
  color: #FFFFFF;
  text-decoration : none ;
}

.menu1-level3-no a:hover {
  /*color: #D7CEA4;
  text-decoration: underline;*/
  color: orange;
}

.menu1-level3-cur {
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 5px;
  margin-left: 10px;
  background-color: #3d0101;
}

.menu1-level3-cur a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  /*color: #FFCC66;*/
  color: #FFFFFF;
  text-decoration : none ;
}

.menu1-level3-cur a:hover {
  /*color: #D7CEA4;
  text-decoration: underline;*/
  color: orange;
}


/*********** Contenu de la page ************/
div#page {
  text-align:left;
}

/*********** Menus ************/
div#colonne_gauche {
  background-image: url(menu-fond-degrade.gif);
  background-repeat: repeat-y;
  background-position: top-left;
  float:left;
  width: 175px;
  margin-top: 0px;
  text-align:left;
}

div#colonne_droite {
  background-image: url(menu-fond-degrade.gif);
  background-repeat: repeat-y;
  background-position: top left;
  float:right;
  width: 175px;
  margin-top: 0px;
  text-align:left;
}

.echos-forum {
  padding-top: 2px;
  padding-left: 15px;
  padding-bottom: 1px;
}

.echos-forum a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
  color: #FFFFFF;
}

.echos-forum a:hover {
  color: orange;
  text-decoration: underline;
}


.btnPrint {
  width: 100%;
  text-align: center;
  background-color:#000000;
  padding-top: 30px;
}


/*********** Traitement de la zone centrale ************/
div.zonecentrale {
  padding-left: 190px;
  padding-right: 190px;
  margin-top: 5px;
  margin-bottom: 15px;
}

div.zonearticle {
  padding-left: 190px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.zoneprint {
  margin-left : 5px;
  margin-top : 5px;
  margin-right: 5px;
  margin-bottom: 15px;
}

.bloctete {
  position: relative;
  left: 0;
  margin-bottom:10px;
  width:100%;
  text-align :left;
}

.bloctete p { /*Bloc utilisé pour la Une Spéciale */
  margin-top : 10px;
  margin-right: 10px;
  text-align: center;
}

.blocbreves {
  padding-top: 0px ;
  width: 99%;
  height: 250px;
  background-image:  url(pub-fond-ombres.jpg);
  background-repeat: no-repeat;
  background-position:top center;
}

.titrebreves {
  float: left;
  padding-right: 10px;
  padding-left: 5px;
  background-image:  url(banniere_droite3.gif);
  background-repeat: no-repeat;
  background-position:top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style:oblique;
  color: #FFFFCC; 
  width: 320px;
  height: 150px; 
  text-align: left;
}

.titrebreves p{
  margin-top: 15px;
  font-weight: 600;
  width: 10px;
}

.titrebreves p:first-letter{
  font-size: 110%;
  font-weight: bold;
}

.breves {
  /*margin-left : 40px;*/
  float:right;
  width: 290px;
  margin-top:-254px;
  border: 1px solid #010165;
  background-image: url(breves-fond-bleu.png);
}

.breves_texte {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width:100%;
}

.breves_texte a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: left;
  color: orange;
  text-decoration : none ;
}

div.rootline {
  width:600px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  margin-top: 30px;
}

div.rootline  p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}

div.rootline p a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}

div.rootline p a:hover {
  text-decoration: underline;
}

/*********** menus ************/

div#menugauche {
  width: 100%;
}

.maj {
  width: 100%;
}

.menudroit {
  width: 100%;
}

/*********** Styles des articles ************/
div#pub_rg_pave, div#pub_rg_half_page {
  float: right;
  margin-right: 0;
  margin-left: 10px;
  margin-top: 50px;
}

div#article {
  background-image: url(fond_menu0g.jpg);
  background-repeat: repeat-y;
  background-position: left;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 5px;
  text-align: justify;
  line-height: 18px;
  padding-left: 20px ;
  color: white ;
}

div#article, div#article p, div#article h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;  
}

/*div#article{
  float:right;
}*/

div#article p, div#article h4 {
  margin : 1em 5px 5px 5px ;
  padding: 0 10px 0 0;
}

div#article H1 {
  background-image:  url(news-fond-titre.gif);
  background-repeat: repeat-x;
  background-position:top center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style:oblique;
  font-size: 16px;
  color: #FFFFFF; 
  font-weight: 600;
  margin: 0 0 0 -25px ;
  padding: 11px 0 10px 5px ;
}

div#article H1:first-letter {
  font-size: 120%;
  font-weight: bold;
}

#article H2 {
  margin-top : 2.5em;
  margin-left : 30px;
  margin-right : 50px;
  margin-bottom : 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size: 16px;
  color: #FFFFFF;
  text-align: left;
}
#article H3 {
  margin-top : 2em;
  margin-left : 50px;
  margin-right : 50px;
  margin-bottom : 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size: 14px;
  color: #FFFFFF; 
  text-align: left;
}
#article H4 {
  color: #FFFFFF; 
  font-style: italic;
  font-weight: normal;
}

#article H5 {
  margin-top : 15px;
  margin-left : 50px;
  margin-right : 50px;
  margin-bottom : 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF; 
  text-align: left;
  font-style:oblique;
}

div#article a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  padding-top : 5px;
  padding-bottom : 5px;
  font-weight: bold;
  color: orange;
  text-decoration : none ;
}
div#article a:hover {
  color: red;
  text-decoration: underline;
}
#article td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
}

#article li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 13px;
  text-decoration: none;
  text-align: left;
}

#article li.listeAF {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFCC66;
  font-size: 13px;
  text-decoration: none;
  text-align: left;
}

#article .pjustify {
  text-align: justify;
}

#article .pcenter {
  text-align: center;
}

#article .pright {
  text-align: right;
}

#article .pleft {
  text-align: left;
}

hr.wow-divider {
  border: 1px solid #FFCC66;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.tx-jppageteaser-pi1 {
  margin-left: 10px;
}

/*********** news *****************/

div.booknews {
  /*background-image:  url(fond_menu2.jpg);
  background-repeat: repeat-x;
  background-position:top center;*/
  float: left;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left: 5px;
}

div.topic_content {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-decoration: none;
  text-align: justify;
  margin-top : 5px;
  margin-left : 10px;
  width: 98%;
}

div.titrenews {
  background-image:  url(news-fond-titre.gif);
  background-repeat: repeat-x;
  background-position: top bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style:oblique;
  font-size: 12px;
  /*color: #FFCC66;*/
  color: #FFFFFF; 
  font-weight: 600;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left: 45px;
  margin-left : -10px;
}

div.news_auteur {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  color: #FFFFCC;
  padding-right : 13px;
  height: 20px;
  background-image: url(fond_menu0d.jpg);
  background-repeat: repeat-y;
  background-position: right;
}

div.news_auteur:first-letter {
  font-size: 120%;
  font-weight: bold;
  font-variant:small-caps;
}

div.news_auteur a {
  font-size: 10px;
  font-weight: bold; 
  color: orange;
  text-decoration : none ;
}

div.btnCommentaires{
  width: 100%;
  text-align: right;
  text-decoration: none;
  position: relative;
  right : 10px;
}

div.boutonsNews {
  background-image:  url(fond_titr3.jpg);
  background-repeat: repeat-x;
  background-position: top bottom;
  position:relative;
  right:0;
  width:98%;
  margin-left : 6px;
  margin-right : 0px;
}

div#article_ref {
  float: right;
  width: 100%;
  text-align: right;
  line-height: 12px;
  margin-bottom : 15px;
}
div#article_ref a {
  font-size: 10px;
  font-weight: bold;
  color: orange;
  text-decoration : none ;
}
div#article_ref p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: right;
  color: #FFFFCC;
  padding-right : 15px;
  /*width: 200px;*/
  background-image: url(fond_menu0d.jpg);
  background-repeat: repeat-y;
  background-position: right;
}

div#article_ref a:hover {
  color: red;
  text-decoration: underline;
}

#QUOTE {
  color: white;
  font-size: 9px;
  border: 1px #04CAE4 solid;
}


hr.wow-divider {
  border: 1px solid #FFCC66;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

/*********** bas de page ************/
.printpage {
  background-image:  url(fond_titr3.jpg);
  background-repeat: no-repeat;
  background-position:top left;
  height: 52px;
}

.printpage a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF; 
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
}

div#logowow {
  background-image:  url(page-fond-bas.jpg);
  background-position:bottom;
  background-repeat: no-repeat;
  text-align: center;
  padding-top : 10px;
  padding-bottom : 10px;
  clear:both;
  width: 100%;
}

div#favori {
  text-align: center;
  text-decoration: none;
  background-color:#000000;
}

div#favori a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: green; 
  text-decoration: none;
}
div#favori a:hover {
  text-decoration: underline;
}

div#copyAF {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF; 
  width:100%;
  text-align: center;
}

div#copyAF a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: orange;
  text-decoration: none;
}
div#copyAF a:hover {
  text-decoration: underline overline;
  color: red;
}

.btnRetour{
  width: 100%;
  text-align: right;
  text-decoration: none;
  margin-right : 10px;
}

.btnRetour a {
  text-decoration: none;
}

div#xiti {
  width:100%;
  text-align: center;
}

/*********** Tables de Tournois **********/
div#article table.tablo_table {
border:none;}
div#article table.tablo_table td {
text-align:center; 
font-size:10px;
color:#B82929; }
div#article table.tablo_table td.tablo_head {
color:#B82929;
font-size:16px;
font-weight:bold;
background-color:#2A0A0A;
border:1px dotted #9B2323;}
div#article table.tablo_table td.tablo_joueur {
background-color:#DAC4C4;
color:#000000;}
/*--------> END */

div.comment_auteur {
  background-image:url('fond-comment-news.jpg');
  background-repeat:repeat-y;
  width:100%;
  border-bottom:2px solid black;
}
div.comment_all {
  margin-bottom:20px;
  
  
}