html {
	margin: 0;
}
body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
   font-family : Arial, Helvetica, sans-serif;	
}

/***********************************************************************
*  L'ENSEMBLE DE LA PAGE : CONTIENT TOUT LE RESTE  
*     Changer Width pour changer la largeur
***********************************************************************/
div#page
{
	width:98%;   /*  768px  */
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:12px;
	background-color:#FCFCFF;
}
/********************************
* BLOC HAUT ENTETE  
*********************************/
h3#haut
{
	height: ,5em ;
	font-size:11px;
	text-align:center;
	margin:0;
}
/********************************
* BLOC HEADER
*********************************/
h1#header
{
	height: 100px ;
	color:#FFFFFF;
	background-color:#FF6600;
	text-align:center;
}

/*************************************************************
* CONTENU : CONTIENT TOUT EN DESSOUS DE L'ENTETE SAUF FOOTER 
/*************************************************************/
#contenu
{
   color:#FFFFFF;
	background-color:inherit;

}

   /****  Colonne 1  ****/
   #col1
   {
	  width: 160px ;        /*  Changer Width pour changer la largeur */
	  float:left;
	  border:1px solid #CCCCCC;
	  margin:0;
   }
   /****  Centre ****/
   #centre
   {
     width:auto;
	  margin-left:170px;
	  margin-right:170px;
     color:#000000;
	  background-color:transparent;
	  padding:2px 10px;
	  border:1px solid #CCCCCC;
	 /* overflow:auto;*/
   }
   /****  Colonne 2  ****/
   #col2
   {
	  width: 160px ;  /*  Changer Width pour changer la largeur */
	  float:right;
	  border:1px solid #CCCCCC;
	  margin:0;
   }
   
   /****  Blocs dans colonnes  ****/
   div.bloc1 {
     margin:15px 10px 15px 10px;   
	  padding:0 0 15px 0;
	  border-bottom:1px solid #CCCCCC;
     background-color:inherit;
     color:#FFFF99;
   }
      .bloc1 h4 {
         font-size:1,1em;
         background-color:transparent;
         color:#FF6600;
         margin:0;
         padding:1px 0 1px 3px;
      }
  
   div.bloc2 {
     margin:10px;   
     font-size:1em;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
     background-color:inherit;
     color:#CCCCCC;
	  border-left:1px solid #CCCCCC;
	  border-right:1px solid #CCCCCC;
	  border-bottom:1px solid #CCCCCC;
   }
      .bloc2 h4 {
         font-size:1em;
         padding:1px 0 1px 3px;
         border:none;
      }
      
   div.pub1 {
      border:0;
      text-align:center;
      margin:0 0 15px 0;
   }
      div.pub1 img {
         border:0;
      }
   
   /****************************
   * MENUS  
   ****************************/
   ul.menu {
	  margin: 0;
	  padding:0 0 0 10px;
	  list-style: none;
	  font-size:,9em;
	  font-weight:bold;
	}
     ul.menu li {
        height:1,3em;
        line-height:1em;
        text-align: left;		
        padding-left:12px;		
        list-style:none;
        padding:0px;
        margin:4px 0px 4px 0px;
}

	  ul.menu li a {
         color:#000066;
         background-color:inherit;
         display: block;
         padding:3px 0 3px 0;
         margin:0;

         text-decoration: underline;
      }
      ul.menu li a:hover {
         color:#FF0000;
         background-color:transparent;
         /*background-image: url('../images/rook2.gif');		
         background-repeat: no-repeat;
         background-position: center right;*/
     
      }
   
   /****************************
   * MENUS NAV HAUTE INTERIEURE   
   ****************************/
   #navHaute {
	  margin:0 0 2px 0;
	  padding: 0;
	}
      #navHaute ul {
	     margin:0;
	     padding: 0;
	     list-style: none;
      }
      #navHaute ul li {
	     display: inline;
      }
      #navHaute ul li a {
	     color:#888F3D;
        background-color:inherit;
	     height: 1em;
	     padding-left: 3px;
	     margin: 2px 0;
      }
      #navHaute ul li a:hover {
        color:#847EC8;
        background-color:inherit;
      }
      
/********************************
* BLOC FOOTER
*********************************/
#footer
{
	width: 99,9%;
	clear:both;
	color:#FFFFFF;
	background-color:#FF6600;
	margin:5px 0 0 0;
	padding:2px;
   text-align:center;
	border-top:3px solid #7E9DC8;
}
   /***** Menu footer *****/
	#footer a, #footer a:visited {
	  color:#FFFFFF;
	  background-color:inherit;
	  font-weight:bold;
	  padding-left: 5px;
	  padding-right: 5px;
     text-decoration: none;
     font-size:,9em;
   }
   #footer a:hover {
     text-decoration:underline;
   }
   #footer ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  display: inline;
	}
   #footer ul li {
	  display: inline;
	}

   /****************************
   * LOGIN  
   ****************************/
   #login {
     color:#847EC8;
     background-color:#FFFFFF;
     margin:0;
   }  
      #login label {
         display:block;
         padding:0 0 0 1em;
      }  
      #login input {
         color:#888F3D;
         background-color:#FFFFFF;
         display:block;
         padding:0;
         margin:0 auto;
      }  
      #login input.submit {
         display:block;
         color:#FFFFFF;
         background-color:#888F3D;
         margin-left:auto;
         margin-right:auto;
         margin-top:5px;
         margin-bottom:5px;
         padding:0;
         border:0;
         height:1,2em;
         vertical-align:top;
      }  

   /****************************
   * LIENS AUTO RELATIFS TOURNOI 
   ****************************/
      .liensAuto{
         color:#FFFFFF;
         background-color:inherit;
         font-size:1em;
         padding:4px 0 4px 15px;
         margin:0 0 3px 0;
         text-align:right;

      }
      .liensAuto a{
         color:#FFFFFF;
         background-color:#847EC8;
         font-size:1em;
         margin:0 0 0 5px;
         padding:1px 5px;
         text-decoration:none;
         font-weight:bold;
      }
      .liensAuto a:hover{
         color:#FFFF00;
         background-color:#847EC8;
         text-decoration:none;
      }

/***********************************************************************
*  MISE EN PAGE SELON PAGES
***********************************************************************/
/****  ACCUEIL  ****/
.accueil {
}
   .accueil .article {
     margin:10px 0 5px 0;
     padding:0 3px 0 3px;
     overflow:auto;
   }
      .accueil .article h3{
         color:#000000;
         /*background-color:#660000;*/
         font-size:1,2em;
         padding:4px 0 4px 15px;
         margin:0 0 2px 0;
         background-image:url(../images/ico_fond1.gif);
         background-position:center left;
         background-repeat: repeat
      }.accueil .article .image {
        margin: 10px 20px 10px 0px;
        float:left;
   }
   .tournois {

 }

/****  RESULTATS  ****/
.resultats {
  /* width:auto;
  overflow:auto;  */
}
.resultats table {
      border-collapse:collapse !important;
      padding:0;
      margin:0;
}
   .resultats caption {
     font-size:1.5em;
     color:#FF6600;
     background-color:inherit;
   }
   .resultats th {
      background-color:#FFCC00;
      border:1px solid #000000 !important;
      font-size:.9em !important;
   }
   .resultats th, .resultats td {
      font-size:.9em !important;
      border:1px solid #000000 !important;
   }

      
/****  LISTES EN GENERAL  ****/
.liste {
   width:99%; /* pour IE6, sinon 100%*/
   margin-left:auto;
   margin-right:auto;
   margin-bottom:5px;
   margin-top:0;
   padding:0 3px 0 3px;
   border:1px solid #000000;
   border-collapse:collapse;
}
   .liste th {
     border:1px solid #000000;
     text-align: center;
     color: #000000;
     background-color:#FFCC00;
     height:2em;
/*     line-height:10,5em;	padding: 1em;	font-size: 1,1em;	font-family: Verdana, Helvetica, Arial, sans-serif;	font-weight: bold;*/
   }
   .liste td, .liste tr {
     border:1px solid #000000;
 /*    height:1,3em;*/
     padding:4px 0 4px 15px;
   }
   .liste caption a {
     font-size:.7em;
     font-weight:normal;
     color:#847EC8;
     background-color:inherit;
     text-decoration: none;
     margin:0;
     padding:0;
   }
   .liste caption a:hover {
     color:#888F3D;
     background-color:inherit;
     text-decoration: underline;
   }
   .liste a {
     text-decoration:none;
     color:#847EC8;
     background-color:inherit;
   }
   .liste a:hover {
     text-decoration:underline;
     color:#888F3D;
     background-color:inherit;
   }
   .liste td a {
     display:block;
   }
   
   /****  LIEN TH POUR TRI DE COLONNES  ****/
   .liste th a {
     text-decoration:none;
     color:#FFFFFF;
     background-color:inherit;
     display:block;
     border:0;
     line-height:2em;
   }
   .liste th a:hover {
     text-decoration:none;
     color:#847EC8;
     background-color:#D5E4F9;
   }
   .liste th a.colTri {
     text-decoration:none;
     color:#847EC8;
     background-color:#D5E4F9;
   }


/****  DETAIL EN GENERAL  ****/
.detail {
   margin:0 0 5px 0;
   padding:0 3px 0 3px;
}
   .detail h3 {
     font-size:1,2em;
     margin:0 0 2px 0;
     padding:2px 0 2px 20px;
     color:#FFFFFF;
     background-color:#888F3D;
   }
   .detail dl {
     margin:0 0 10px 0;
     overflow:auto;
   }
   .detail dt {
     width:25%;
     float:left;
     margin:0;
     font-weight:bold;
   }
   .detail dd {
     float:right;
     width:75%;
     margin:0;
   }
   
/****  LISTES CAS PARTICULIERS  ****/
.liens .liste {
   border:0; 
   width:100%;
   margin:0;
   padding:0;
}
   .liens .liste h3 {
     border:1px solid #000000;
     text-align: center;
     color:#FFFFFF;
     background-color:#888F3D;
     font-size:1,2em;
   }
   .liens .liste dl {
     margin:0 0 10px 0;
   }
   .liens .liste dt {
     margin:0 0 0 0;
     font-weight:bold;
     
   }
   .liens .liste dd {
     margin:0 0 0 20px;
   }
   .liens .liste dd.url {
     color:#888F3D;
     background-color:inherit;
     font-style:italic;
   }
   .liens .liste dd.des {
     margin-left:40px;
   }
   .liens .liste a {
     color:#847EC8;
     background-color:inherit;
     text-decoration:underline;
   }
   .liens .liste a:hover {
     color:#888F3D;
     background-color:inherit;
   }
   .liens .liste .rub {
     margin-left:40px; 
   }
      .liens .liste .rub a {
         font-size:,9em;
         font-style:italic
      }
     .liens .liste .notation {
         /*float:right; */
         padding-left:,5em;
         font-size:1,4em;
         line-height:,2em;
         color:#FF0000;
     }
   
.listeChoix {
   border:0;
   width:60%;
   margin:0 auto;
}
   .listeChoix h3 {
     border:0;
     text-align: center;
     color:#FFFFFF;
     background-color:#888F3D;
     font-size:1,2em;
     margin:0;
     padding:3px;
   }
   .listeChoix ul{
     list-style:none;
     padding:0;
     margin:0;
   }
   .listeChoix li{
   }
   .listeChoix a {
     font-weight:bold;
     background-image:url(../images/ico_1.gif) ;
     background-position:left center;
     background-repeat:no-repeat;
     padding-left:15px;
     text-decoration:none;
     color:#847EC8;
     background-color:inherit;
   }
   .listeChoix a:hover {
     text-decoration:underline;
     color:#888F3D;
     background-color:inherit;
   }



/***********************************************************************
*  ELEMENTS COMMUNS
***********************************************************************/
form.chercher {
  margin:0 10px 5px 10px;
  color:#888F3D;
  padding:2px;
}
   form.chercher input, form.chercher select {
      font-size:1em;
      background-color: #FFFFFF;
      color:#888F3D;
      border:1px solid #339900;
   }
   form.chercher input.submit{
      background-color:#FF9900;
      color:#FFFFFF;
      border:0;
   }

input:focus {
   color:#000000 !important;
   background-color: #DBDEB4 !important;
}
caption {
     font-size:1.5em;
     font-weight:bold;
     color:#FF6600;
     background-color:inherit;
     text-align: center;
     margin:2px 0 5px 0;
     padding:2px;
}
acronym, abbr{
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #339900;
        cursor:help;
}
.textNotice {
   color: #008000;
   background-color:inherit;
}
.textWarning {
   color: #FF6600;
   background-color:inherit;
}
.textError {
   color: #FF0000;
   background-color:inherit;
}
.textNote {
   color: #FF0000;
   background-color:inherit;
   font-size:100%;
   font-style:italic;
}
.inactif {
   color:#808080 !important;
   background-color:#CCCCCC;
   font-style:italic;
}
.ligne1 {
   background-color:#FBF5D2;
   color;inherit;  
}
/*******************************************************
     Gestion des pages
*******************************************************/
.gestionPages{
   width:95%;
   background-color:inherit;
   color:#333333;
   font-size:0,8em;
   font-weight:bold;
   margin:5px 0 5px 0;
   line-height:1,5em;
   padding:0 0 0 5px;
   text-align:left;
}
      .gestionPages a{
            color:red !important;
            background-color:inherit !important;
            background-image:none !important;
            font-weight:bold;
            padding:0 4px 0 4px !important;
            border:1px outset #800000 !important;
            text-decoration:none !important;
      }
      .gestionPages a:hover{
            color:#FFFFFF !important;
            background-color:#FF0000 !important;
            border:1px inset #FF8000 !important;
      }
      .gestionPages a.selected{
            color:#FFFFFF !important;
            background-color:#FF0000 !important;
      }
      .gestionPages a:hover.selected{
       /*  color:#800000;
           background-color:#009933;
      }
      
/*************************** TABLEAUX ********************************/
.droite{
text-align:right;
}
.gauche{
text-align:left;
}
.centre{
text-align:center;
}
#tablo{
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
border:1px solid #000000;
width:95%;
}
#tablo td{
border:1px solid #000000;padding: 1em;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 12px;}
#tablo th{
border:1px solid #000000;
background-color: #339900;
text-align:center;padding: 1em;color: #ffffff;font-size: 1,1em;font-family: Verdana, Helvetica, Arial, sans-serif;font-weight: bold;}

/*************************** Formulaire ********************************/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}