/* Caractéristiques génériques */
/******************************/
BODY          {background-image:url("../Images/bg1.png");
							 background-repeat:repeat-y;
							 background-position:right;
					     font-family:verdana,arial,helvetica,sans-serif;
					     font-size:100%;
               margin:0;
              }
FORM {margin:0;}
IMG           {border:none; margin:0;padding:0;}
H1,H2,.center ,.applet{text-align:center;}
.center TABLE{margin-left:auto;  margin-right:auto; 
              text-align:left !Important;
             }
.right {text-align:right !Important;}
.left {text-align:left !Important;}
.justify {text-align:justify !Important;}
.u {text-decoration:underline}
.New          {font-size:80%; vertical-align: super;}

A:hover  {text-decoration:none;}

.petit    {font-size:90%;}
.applet {margin:2em 0;}

/* Toutes les couleurs */
/***********************/
BODY , A, #gauche H2
              {color:#996600; }
H1, H2, H3, .manuel SUP, #contenu  .manuel .tip P , #contenu H2 A
							{color:#CC3300;}
.Logo1				{color:#663300;}
.Logo2 A                {color:#FF9933; }
.New          {color:red;}
#gauche H2, #gauche H2	A
                                {color:#ffdd99; }
#contenu .award A .detail, #gauche LI A 
                  {background-color:#FCF6DC; 
             }
             /*  */
/* Les  hover */
A:hover       {color:#CC3300; }
#contenu .aide:hover SPAN     {background-color:#FCF6DC;}

/* Les  Border */
#contenu .legend DIV {border:1px outset #af572d;}
#contenu .legend {border-bottom:1px solid #aaa;
                      border-right:1px solid #aaa;}
#gauche LI A        {border-color#af572d;
                     border:2px outset;
                     }

/* Les  Hover+Border */
#contenu A:hover  {border:2px outset; 
                   border-color:#CC3300;
                   border-color:#FFCC99 !ie;
                   }  /*  */
#gauche LI A:hover {background-color:#F7E28E;
                 border:2px inset #FFCC66;
              }
.tabLetter  A:hover 
                       {border-style:none !Important;}        

                       
/* zone CONTENU : definition des caractéritiques */
/*************************************************/
#contenu              {margin-top:4em; margin-right:10px;}
#contenu H2		{margin-top:2em;
							 text-align:left;
							 padding-bottom:3px;
							 margin-bottom:0.8em;
							 display: list-item;
							 list-style-type:none;
							 list-style-image:url("../Images/fleche3s.png");
							 list-style-position:inside;
               padding-left:28px !ie;
							 list-style-position:outside !ie;
							}
#contenu A  {
              padding-left:2px;
              padding-right:2px;
              }
#contenu A:hover  {
              padding-left:0;
              padding-right:0;
              }
          

/* IE ne comprend pas les attributs de type [attribut] */
#contenu[id]   H2       {
               background-image:url("../Images/bg2.png");
               background-repeat:repeat-x;
               background-position:bottom;
              }

/* le prefixe *:first-child+html  est compris seulement par IE7 */
/* le prefixe * html   est compris seulement par IE6 */
/* IE6 ne gere pas la transparence des png */
* html #contenu H2          
{
      filter:progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#FFF4D763, StartColorStr=#00000000,
      GradientType=0);
      width:100%; height:20px;
      padding-left:5px;
               }


               
#contenu H3		{margin-bottom:0;margin-top:0;}

#contenu UL LI {list-style-image:url("../Images/arrow3.jpg"); 
                margin-left:2em;
		 	  			  list-style-type:none;
                padding-left:20px !ie; 
}

#contenu .info  {border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
width:80%; margin:auto;
-moz-border-radius: 20px;
}
#contenu  .info P {border:1px solid; margin:0; padding:5px;
-moz-border-radius: 20px;
}

/* Encadrés arrondi et ombré, 1/2 largeur, droit ou gauche */
#contenu .legend DIV {-moz-border-radius: 20px;
              padding: 0 0.5em;
                }
#contenu .legend {-moz-border-radius: 20px;
              margin:0.8em 4em;
                }
#contenu .legend H4 {margin:0.5em 0;}                
#contenu .legend UL {margin:0; padding-left:20px;}      
#contenu .legendRight {float:right;width:48%;margin:0.5em 0 0.5em 0.5em; }
#contenu .legendLeft {float:left;width:48%;margin:0.5em 0.5em 0.5em 0; }

/* IE6 */
* html #contenu .legendRight {width:290px;}
* html #contenu .legendLeft   {width:290px;}


#contenu .wide LI {padding-bottom:0.5em;}

#contenu .bordOut {border:3px outset;
               margin-top:1em;margin-bottom:1em;}
#contenu .bord ,#contenu .bordTour
                                 {border:3px inset;border-collapse: collapse;
               margin-top:1em;margin-bottom:1em;}
#contenu .bord TD, #contenu .bord TH
                 {border:1px solid;padding:0.2em 0.4em;}
#contenu .bordNo, #contenu .bordNo TD
                {border:none !Important;}


* html #contenu .bord   {border:2px outset;}    /* IE6 */
#contenu .bord     {border:2px outset !ie;}    /* IE7 */
#contenu .bordTour {border:2px outset !ie;}    /* IE7 */


/* Particularités de news.php */
.tabLetter  {margin:3em;}
.tabLetter  TD {padding:0.3em 0.3em 0.3em 0;text-align:right;}
.tabLetter  TH {padding:0.3em 0.3em 0.3em 1em;text-align:right;}
.tabLetter  A:hover , .tabLetter  .N2    {font-weight:700;}      
.letter P {text-align:left;}
        
.letter H3 {text-align:center;padding-bottom:2em;}
        
/* Particularrités de help.php */
#contenu  .manuel H3 {margin-top:3em;}
#contenu  .manuel .home {display:none;}

#contenu  .manuel .tip 
              {width:500px; margin:2em auto;text-align:center; }
#contenu  .manuel .tip P  {margin:0;}
#contenu  .manuel .tip2 P {margin:0.5em;color: #000000;}
#contenu  .manuel .tip2 {border:2px outset #000000; text-align:left; }
* html #contenu  .manuel PRE {font-size:80%;}

/* Particularrités de Tip.php */
#contenu .tipOL  {font-weight:800;}
#contenu .tipOL P {font-weight:100; margin-top:0.2em;}

/* Particularrités de demo.php */
#contenu .stepList  {margin:2em 0;       }
#contenu .stepList  UL
              {border:1px solid;
       -moz-border-radius: 5px;
       display:inline; 
       padding:3px 0;
       margin-left:0.2em !ie;
       padding:0 !ie;
       }
#contenu .stepList LI 
              {list-style-image: none; 
               display:inline;
               list-style-type:none;
               margin-left:0;margin-right:0;
               padding:0 !ie;
              }
#contenu .stepList .N2 {font-weight:900;}
#contenu .stepList  A {padding:5px 7px;}
#contenu .stepList  A:hover {padding:2px 5px;padding:3px 5px !ie;}

/* Particularités de fame.php */
#contenu .fame           {margin-left:3em;}
#contenu .fame .sub {border-left:0;border-right:0;}

#contenu .aide SPAN {display:none;}
#contenu .aide:hover SPAN 
              {display:block;
       position:relative;
       font-size:12pt;
       font-weight:normal;
       padding:0.7em;
       }

/* Particularités de Free-Games.php */
#contenu .award {margin-bottom:1em;}
#contenu .award A  {border:none;padding:0px 0;margin:0;}
#contenu .award A .detail {display:none; }
#contenu .award A .detail IMG {float:left; padding-right:0.5em;}
#contenu .award A  .title {margin:0 0 5px 0;display:block;font-weight:700; font-size:120%;}
#contenu .award A  .author {margin:0 0 5px 0; display:block;font-style:italic;}
#contenu .award A:hover .detail {
              display:block;
              position:absolute;
              border:1px solid #996600;
              -moz-border-radius: 9px;
              color:#996600;
              padding:10px;
              font-size:90%;
              }
       
/* Particularités de downloads.php */
#contenu .dw TD {text-align:center;}

/* Particularités des listes de planches */
#contenu .tabSet .im A{text-align:center;display:block; height:50px; padding:2px;}
#contenu .tabSet .im A:hover{display:block; padding:0;}

/* Particularités du détail des planches */
#contenu .imgDos {float:left;padding-right:0.5em;}

/* Pour les directory */
#contenu dt  {  background:url("../Images/arrow3.jpg") no-repeat left center;
              padding-left:35px;
              margin:1em 0 0 1em;
           }
#contenu dd {padding-left:39px;
            margin-left:1em;
           }
#contenu dd  P{margin:0.5em 0;}

/* zone GAUCHE : definition des caractéritiques */
/************************************************/

#gauche H2    {
              font-size:18px;
              background-image:url("../Images/p_bb1.png");
              background-repeat:no-repeat;
              letter-spacing:-0.02em;
              margin:0; 
              padding-top:2px;
              height:26px;
              }
#gauche .blocNav    {
							text-align:center;
              padding-top:5px;  padding-bottom:5px; margin-bottom:20px;
              border-left:1px dotted #af572d;
              border-right:1px dotted #af572d;
              border-bottom:1px dotted #af572d;
              }
#gauche UL    {list-style-type: none;
              margin:0; 
              padding:0;
              }
#gauche UL UL    {margin-left:30px; 
              }
#gauche LI A {display:block;
              padding: 3px 5px 2px 5px ;
              margin:0px 10px;
              height:20px;
              letter-spacing:-1px;
              text-decoration:none;
              font-weight:600;
              font-size:16px;
              -moz-border-radius: 20px;
             }
#gauche LI LI  A {padding: 1px 4px 3px 4px ;
              height:16px;
              text-align:left;
              font-weight:300;
              font-size:14px;
              -moz-border-radius: 20px;
             }
#gauche LI              A:hover {padding: 5px 3px 0 7px ;}
#gauche LI LI A:hover {padding: 3px 2px 1px 6px ;}

#gauche .cache     {display:none;}
#gauche .montre  {display:block;}

#xiti-logo    {text-align:center;}


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


#pied        {text-align:center;}
#pied UL     {margin:0; 
              padding:0;
              }
#pied LI     {display:inline; 
              border-left:dotted 2px #996600;
              }
#pied LI A   {text-decoration:none;
              font-size:90%;
              padding: 0 3px;
              font-weight:600;
              }
#pied IMG     {margin-top:0.25em; }

#pied P {margin:0; padding:13px 0 8px 0;
          font-size:12px;
}


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


H1.titre			{position: absolute;
              top: 215px;
              left:225px;
              width:584px;
              text-align:center;
              z-index:20;
              font-size:x-large;
              font-style:italic;
              padding: 18px 0 0 0;
              margin:0;
              }


/* IE ne comprend pas les attributs de type [attribut] */
H1.titre[class]          {background-image:url("../Images/bg_title.png");
              background-position:-2px -5px;
              background-repeat:no-repeat;
              height:54px;
              }

/* le prefixe *:first-child+html  est compris seulement par IE7 */
/* le prefixe * html   est compris seulement par IE6 */
/* IE6 ne gere pas la transparence des png, IE7?? */
* html H1.titre          {
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( 
      sizingMethod='crop', src="../Images/bg_title.png");
      height:588 width:79;  /* le filtre ne fonctionne qu'avec la taille */
              height:79px;
               }
H1.titrePop {top:1em;}

.Logo1, .Logo2 {
              position:absolute;
              width:800px;
}
.Logo1       {top:3px;
              top:26px !ie;
              left:2px;
              z-index:16;
              }
.Logo2      {top:0px;
              top:23px !ie;
              left:0px;
              z-index:18;
              }
.Logo2 A     {text-decoration:none;}

#pubBanner{
							top:70px;
              left:37px;
              width:728px;
              height:90px;
              margin-left:auto;
              margin-right:auto;
              position:absolute;
              z-index:18;
}

.pubBas {text-align:center;margin:2em 0 1em 0; clear:both;}
.pubBas SPAN{ border:1px dotted;padding:0.3em;}
.pubFloat {float:right; }
.pubFloatT {float:right; margin-top:3em;}
.pubFloatNo {clear:right; }
.pubTxt {margin:0 0 0.2em 0;}

/* zone LANG : definition des caractéritiques */
/**********************************************/
#lang        {position:absolute;
              top:180px;
              left:70px;
              z-index:40;
              width:90px;
              padding:0;
              }

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

#fil         {position:absolute;
              top:160px;
              left:195px;
              }
#gauche      {margin-top:260px;
              width:190px;
              float:left;
              padding-bottom:10px;
              margin-left:10px;
              margin-left:5px !ie;
              }

/* IE ne comprend pas les attributs de type [attribut] */
#bas[id]          {
              background-image:url("../Images/bg3.png");
							 background-repeat:repeat-X;
							 background-position:bottom;
              }

/* le prefixe *:first-child+html  est compris seulement par IE7 */
/* le prefixe * html   est compris seulement par IE6 */
/* IE6 ne gere pas la transparence des png */
* html #pied          {
      filter:progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#FFF4D763, StartColorStr=#00000000,
      GradientType=0);
      width:100%; height:20px;
               }
               
#pied        {clear:both;
              padding-top:1em;
              background:url("../Links/icra.gif") no-repeat +7px bottom;
						 }



#milieu      {margin-top:260px;
              margin-left:-226px; /* pour avoir le pied propre en bas sous IE */
              width:100%;
              float:right;
              }
#contenu     {margin-left: 215px;}
.contenuPop    {margin-left: 1em !Important;}


/* IE ne comprend pas les attributs de type [attribut] */
#page[id]          {background-image:url("../Images/bg_head.png");
              background-repeat:no-repeat;
              }

/* le prefixe *:first-child+html  est compris seulement par IE7 */
/* le prefixe * html   est compris seulement par IE6 */
/* IE6 ne gere pas la transparence des png, IE7?? */
* html #page          {
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( 
      sizingMethod='crop', src="../Images/bg_head.png");
      height:100%; width:100%;  /* le filtre ne fonctionne qu'avec la taille */
               }