/* Caractéristiques génériques */
/******************************/
body         {font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
              font-size:100%;
             }
H1 A,A:hover {text-decoration:none;}
h1           {margin-top:0;}
IMG          {border:none; margin:0;padding:0;}
B            {font-weight:600;}
P            {margin:0.5em 0 1em 0;}
.center      {text-align:center;}
.center TABLE{margin-left:auto;  margin-right:auto; 
              text-align:left !Important;
             }

/* Toutes les couleurs */
/***********************/

/* Color puis hover */
body,A                    {color:#000066;}
#gauche H2                {color:#00FF00;}
#contenu H1, #contenu H1 A, #contenu H2 , #contenu H2 a, H1.titre
                          {color:#00CC00;}
.solComm,.dirPick,.new    {color:#FF6633;}
#pied LI A                {color:#FFFFFF;}
.Logo1                    {color:#999999;}
.Logo2 A                  {color:#000099;}
.pubG A,.solMate          {color:#009900;}

A:hover, #pied LI A:hover {color:#3399FF;}
#contenu H1 A:hover       {color:#00FF00;}


/* background puis hover */
body                    {background-color:#99CCFF;}
#page,#print,.dirLegend, .chessSol2 td {background-color:#FFFFFF;}
#pied                   {background-color:#000066;}
.mateDiff1,.mateDiff2   {background-color:#99FF99; }
.mateDiff3,.mateDiff4   {background-color:#FFFF99;}
.mateDiff5,.mateDiff6   {background-color:#FFCCCC;   }

#contenu A:hover        {background-color:#E0FFFF;}
#contenu H1 A:hover     {background-color:#D9FFD9;}
#contenu .mateDiff1 A:hover,#contenu .mateDiff2 A:hover  
                        {background-color:#66FF66; }
#contenu .mateDiff3 A:hover,#contenu .mateDiff4 A:hover  
                        {background-color:#FFFF33; }
#contenu .mateDiff5 A:hover,#contenu .mateDiff6 A:hover  
                        {background-color:#FF9999; }


/* zone CONTENU : definition des caractéritiques */
/*************************************************/
#contenu     {padding-right:1em;margin-top:1em;margin-bottom:1em;}
#contenu p   {text-align:justify;}

#contenu A:hover {
              border-top:dotted 1px;
              border-bottom:dotted 1px;
              }

#contenu H1  {margin:1.5em 0 0.8em 0;
              padding-left:35px;
              padding-top:5px;
              min-height:45px;
              font-size:140%;
              border-bottom:solid 1px #009900;
              background:url("../Images/chess2.gif") no-repeat left bottom;
             }
#contenu H2  {font-size:120%;margin-top:1em;}

/* Les types de liste */
#contenu UL  {list-style-image:url("../Images/chess1.gif");
              margin-left:25px;
             }
#contenu LI  {padding-left:10px;}
#contenu LI.artUS   {
              list-style-image:url("../Images/US.gif");
              margin-left:-5px;
              padding-left:20px;
             }
#contenu LI.artFR   {
              list-style-image:url("../Images/FR.gif");
              margin-left:-5px;
              padding-left:20px;
             }

#contenu dt, .puce  {
              background:url("../Images/chess1.gif") no-repeat left center;
              padding-left:25px;
              }

/* Utilisé pour le directory et news */
#contenu dt  {margin:15px 0 -5px 10px;}
#contenu dd  {margin-left:35px; }

/* Utilisé pour la page LinkUs */
#contenu OL   {margin-bottom:3em;}
#contenu OL LI{margin-bottom:2em;}
#contenu OL.ref {margin-top:0em;margin-bottom:0em;}
#contenu OL.ref LI{margin-bottom:0em;}


/* Style des astuces */
.Tip         {border:dotted 1px;
              margin:1em 4em 1.3em 4em;
              }
.Tip H2,.Tip P{display:inline;
               font-size:80%;
               }
.Tip P        {padding-left:1em;}


/* Styles pour les articles */
.artClear         {float:none;clear:both; }
.artDiaFixe     {float:none;
              margin-right:1em;
              clear:left;
              }
.artDiaL     {float:left;
              margin-right:1em;
              clear:left;
              }
.artDia      {float:right;
              margin-left:1em;
              clear:left;
              }
.artDia TABLE,.artDiaL TABLE
             {font-size:13px;
              page-break-inside:avoid;
              border-collapse: collapse ;
              }
.artDia TD, .artDiaL TD
             {padding:0;}

.artRight    {font-size:70%;
              font-style:italic;
              margin-top:-1em;
              }
.artNotation {margin:0 0 20px 40px ;
              font-family:Prestige,Courier,monospace;
              white-space:pre;
              page-break-inside: avoid;
              display:block;
              }
.artSig      {border:dotted 1px;
              margin:-1em 4em 0 4em;
              padding:0 1em;
              clear:left;
              }
			  

.artComm      {text-align:justify;
          font-style:italic; 
          font-size:1.2em; 
          color:#9999cc;
          margin:0 5em 2em 5em;}

		  
.artLegend {text-align:center; font-style:italic; font-size:90%}

H2.sig       {clear:left};

/* styles spécifiques de contenu */
#print       {text-align:center;}
#print TABLE {margin-left:auto;  margin-right:auto; }
#applet      {padding:2em 0 2em 0;
              text-align:center;
              }
.solComm     {font-weight:600;}
.dirLegend   {float:right; 
              border:dotted 1px;
              margin-top:0.5em !Important;
              margin-top:1.5em;
              padding:0.2em;
              }         
.figures     {border:outset 2px #000099;
              border-collapse: collapse;
              }
.figures TH,.figures TD{
              border:solid 1px #000066;
              padding:0.1em 0.3em;
              }
.figures tr td:nth-child(1){width:50px;}

.dateNews    {float:right; 
              padding-left:1em;
              font-size:80%;
              }


.chessSol2   {margin:1em auto;
              border: dotted 1px #000066;
              text-align:left
              }
.chessSol2 .td  {padding:0 0.5em 0.5em 0.5em;}
.hide        {text-align:right;
              position:relative; top:-10px; right:-10px;
              height:14px;
              }
.solNone     {display:none;}
.solDisplay  {display:block;}

.chessSol    {margin-top:1em;
              border: dotted 1px #000066;
              }
.chessSol TD  {padding:0.5em;}

.tabPGN      {padding: 0;
              margin:20px 0 30px 35px;
              }
.tabPGN  TD, .tabPGN  TH  {
              padding-top: 10px;
              padding-right:10px;
              }
.new         {vertical-align:super;
              font-size:80%;
              font-weight:600;
              }
.right       {text-align:right;}

.acts        {text-align:right;
           float:right;
          font-style:italic; 
          font-size:1.2em; 
          color:#9999cc;
          margin-top:2em;}
.acts B     {color:#333399;}
.acts IMG {margin-bottom:-10px; margin-left:0.1em;}

		  
#contenu .showRemk    {width:300px;float:right;margin-right:0px;
                       background:green;text-align:left;
                       height:100%;}
#contenu .showDiag    {float:left;text-align:left;}
#contenu .XshowDiag    {float:left;text-align:center;margin-left:auto;margin-right:auto; }
#contenu .test        {float:clear;background:red; }

#contenu .mateDiff         {text-align:center;padding:0px;}
#contenu .mateDiff A       {display:block;padding:5px;}
#contenu .mateDiff A:hover {border:none;}

#contenu .solDisplay DT    {border-bottom:1px dotted green;
	                        white-space:nowrap;
                            font-size:90%; 
							color:green;
							margin-top:5px; margin-left:0px;text-align:left;}
.nom                       {font-style:italic;font-weight:bold;}
#contenu .solDisplay DD    {margin-left:25px;text-align:justify;padding:5px 5px 5px 0;}




/* zone GAUCHE : definition des caractéritiques */
/************************************************/
#gauche      {font-family: Verdana,sans-serif;
              font-size:80%;
             }
              

/* Gauche : les titres */
#gauche H2   {margin:2.4em 0 0 0;
              padding:3px 0 5px 0;
              font-size:90%;
              border-bottom:solid 2px #AAAAAA;
              text-align:center;
              background-image:url("../Images/chess5.jpg");
              background-repeat:repeat-x;
             }
#gauche H2:first-child {margin-top:8px;}
/* Gauche : le menu */
#gauche UL   {list-style-type: none;
              padding:0;
              margin:0;
             }
#gauche UL UL{padding:0 0 0.2em 1.5em;}
#gauche LI A {display:block;
              padding: 0;
              height:1.5em;
              text-decoration:none;
             }
#gauche LI LI A {
              height:1.5em;
             }
#gauche LI A.current {
              font-style:italic;
             } 



/* zone MENU BAS : definition des caractéritiques */
/**************************************************/

#pied        {text-align:center;}
#pied UL     {margin:0; 
              padding:0;
              }
#pied LI     {display:inline; 
              border-left:dotted 1px #FFFFFF;
              border-right:dotted 1px #FFFFFF;
              }
#pied LI A   {text-decoration:none;
              font-size:80%;
              padding: 0 3px;
              }
#pied LI A.current {font-weight:600;}
#pied IMG     {margin-top:0.25em; }



#pied2 P     {padding:5px 0 5px 0; 
              margin:0;
              font-size:60%;
              }
#pied2 A     {text-decoration:none;
              font-weight:800;
              }
#pied2 .reserved {display:block;opacity:0.95;}

.icra        {float:left;}
.w3c         {float:right;}


/* zones Diverse */
/*************************************************/
#fil A       {text-decoration:none;}
#fil, #GoogleLink span
             {border-top:dotted 1px #6699CC;
              border-bottom:dottEd 1px #6699CC;
              }
#GoogleLink  {text-align:center;
              margin-top:2em;
              margin-bottom:0.5em;
              }

#page        {border-left:solid 2px #000066;
              border-right:solid 2px #000066;
              width:100%;
              margin:0;
              padding:0; 
              background-image:url("../Images/chessTop.gif"); /* -2px 0px;*/
              background-repeat:no-repeat;
              background-position: -2px 0;
             }
#xiti-logo   {position:relative;
              width:40px;
              bottom:10px;
              left:60px;
              clear:both;
              }
#xiti-logo P {margin:0;}



/* zones TITRES : definition des caractéritiques */
/*************************************************/

H1.titre     {position: absolute;
              top: 110px;
              right:08px !Important;
              right:11px;
              z-index:20;
              font-size:large;
              font-style:italic;
              padding: 2px 5px;
              background-image:url("../Images/chess5.jpg");
              border-bottom:solid 3px #AAAAAA;
              }

.Logo1,.Logo2{position:absolute;
              width:220px;
              font-family: "Comic Sans MS",cursive;
              font-size:30px;
              font-weight:900;
              line-height:95%;
              text-align:center;
              }

.Logo1       {top:18px;
              left:12px;
              z-index:16;
              }
.Logo2       {top:16px;
              left:10px;
              z-index:18;
              }
.Logo2 A     {text-decoration:none;
              }



/* zones et syles de PUB (+google, +search... */
/**********************************************/
#pubHaut     {position:absolute;
              width:468px;
              height:60px;
              top:8px;
              left:240px;
              z-index:11;
              border:inset 1px;
              margin:0;
              padding:0;
              }

.googleSearch FORM {margin:0.5em 0 0.5em 0;}
.googleSearch {text-align:center;}

/* Zone pub de la gauche */
.pubG A       {font-weight:600;}


/* Zone pub utilisé dans les articles */
.pubArt      {float:right;
              border:dotted 1px;
              margin:0.5em 0 0.5em 0.5em ; 
              clear:right;
              }

.pubCenter   {text-align:center;
              margin:3em; 
              }
.pubParag   {margin:3em;      }
.pubCenter SPAN,.pubCenter P   {
              border:dotted 1px;
              }

/* zone LANG : definition des caractéritiques */
/**********************************************/
#lang        {position:absolute;
              top:10px;
              left:745px;
              z-index:40;
              padding: 3px;
              border:inset 1px;
              }

#lang A      {display:block;
              height:20px;
              width:27px;
              }


/* Positionnement de la structure globale */
/******************************************/

body         {margin:0 10px 0 10px;}

#fil         {position:absolute;
              top:160px;
              left:195px;
              }
#gauche      {margin-top:160px;
              padding-left:5px;
              width:165px;
              float:left;
              padding-bottom:10px;
              }
#pied        {clear:both;}
#pied2       {text-align:center;
              height:35px;
              }

*:first-child+html #pied2                      /* OK pour IE7    */
             {margin:0 -5px 0 0px !Important;}
#pied2       {margin:0 -4px 0 0px !Important;  /* OK pour FF 1.5 */
              margin:0 -3px 0 -3px;            /* OK pour IE6    */
              }

#milieu      {margin-top:200px;
              margin-left:-186px; /* pour avoir le pied propre en bas sous IE */
              width:100%;
              float:right;
              }
#contenu     {margin-left: 185px;}



#contenu .chessRes   {clear:left;padding-top:1em;margin-left:85px;}
#contenu .chessRes IMG {float:left;margin-left:-85px;}
#contenu .chessRes H2  {font-size:100%;margin-top:0;margin-top:-6px;}
#contenu .chessRes P  {font-style:italic; margin:0;font-size:80%;}

.formErr {background-color:#FFDDDD; }
.formErr UL {margin:0;
             padding:0;
             margin-left:0 !Important;
             }
.formErr LI {color:red;
             list-style-type:circle;
             list-style-image:none;
             list-style-position:inside;
             }
#gauche FORM {margin: 5px 0;padding:0;}


.afficheMat {display: table;}
.afficheMat .tr {display: table-row;vertical-align:'top'}
.afficheMat .td {display: table-cell;}
.afficheMat .td:first-child {padding:0 5px;}

.afficheMat .diff {font-size:85%;padding:0 0.5em;}
.afficheMat .diff.msk span{display:none;}
.afficheMat .diff.msk:before {content:"(?)";}
.afficheMat .diff.msk:hover:before {content:"";}
.afficheMat .diff.msk:hover span{display:inline;}

.boardSet {margin:2em auto 1em auto;}
#gauche .icone {display:none;}

p.news {border:1px dotted #660000;padding:5px;color:#660000;}

.diagWelcome  img {margin-right:5px;}

.navCM  {height:32px;}
.navCM .next {position:absolute;right:15px;
              width:32px;height:32px;
              background:url("../Images/next.png") no-repeat left bottom;
}
.navCM .prev {position:absolute;width:32px;height:32px;
              background:url("../Images/previous.png") no-repeat left bottom;
              }