body {
       margin : 10px 0;
       padding : 0;
       margin : 0;
       text-align : center;
       font : 0.8em "Trebuchet MS", helvetica, sans-serif;
       background : #AFCAD5;
    }

    .separation {
       margin : 20px;
       margin-top : 40px;
       padding : 5px;
       border-bottom : 2px solid blue;
       text-align : right;
    }

    div#conteneur {
       width : 900px;
       margin : 0 auto;
       text-align : left;
       border : 2px solid #15F;
       background : #fff;
    }

    /* EN TETE */

    div#headerLeft {
       float : left;
       margin-top : 5px;
       width : 150px;
       height : 150px;
       background : url(../images/logo_torball_fr_1.jpg) no-repeat left top;
    }

    .publiciteLeftMenu {
       padding : 0px;
       margin : 0px;
       width : 100px;
       height : 70px;
       overflow : hidden;
       background-color : #000;
    }

    .publicite {
       padding : 0px;
       margin : 0px;
       width : 480px;
       height : 70px;
       overflow : hidden;
       background-color : #000;
    }

    div#pub {
       margin-left: 150px;
       padding-left : 65px;
       padding-top : 25px;
       padding-bottom : 25px;
       margin-right : 0;
       margin-bottom : 0;
       width : 535px;
    }

    div#headerRight {
       margin-top : 5px;
       float : right;
       width : 150px;
       height : 150px;
       background : url(../images/torball_ballabrest_1.JPG) no-repeat left top;
    }

    div#header {
       height : 50px;
       text-align : center;
    }

    .titreHeader {
       font : 3em "verdana";
       font-weight : bold;
       letter-spacing : 5px;
       text-decoration : none;
    }

    /* AUTHENTIFICATION ESPACE CLUB */

    .authEspaceClub {
      margin-left : 150px;
      margin-right : 160px;
      padding : 0;
      width : 100%;
      background-color : #DDD;
      border-bottom : solid 5px #777;
      border-right : solid 5px #777;
    }
    .formEspaceClub {
       margin-top : 10px;
       margin-left : 150px;
       width : 155px;
    }


    /* MENU GAUCHE*/

    div#leftMenu {
       float : left;
       width : 150px;
    }

    div#contenu {
       margin-left : 155px;
       padding : 10px;
    }

    /* TITRES REGLEMENTS */

    .reglementH1 {
       margin-top : 5px;
       padding-top : 5px;
       text-align : left;
       font-size : 1.5em;
       color : black;
    }
    .reglementH2 {
       margin-left : 5px;
       margin-top : 5px;
       padding-top : 5px;
       text-align : left;
       font-size : 1.4em;
       color : #15F;
    }
    
    .reglementH3 {
       margin-left : 10px;
       margin-top : 5px;
       padding-top : 5px;
       text-align : left;
       font-size : 1.3em;
       color : red;
    }

    .reglementH4 {
       margin-left : 15px;
       margin-top : 5px;
       padding-top : 5px;
       text-align : left;
       font-size : 1.2em;
       color : green;
    }

    .titreH1 {
       margin-top : 5px;
       padding-top : 5px;
       text-align : left;
       font-size : 1.5em;
       color : black;
    }

    .titreH2 {
       margin-top : 5px;
       padding-top : 5px;
       text-align : center;
       font-size : 1.3em;
       color : #15F;
       border-bottom : 1px solid #15F;
    }


    .titreH3 {
       padding-top : 10px;
       padding-left : 35px;
       margin : 5px;
       font-size : 1.2em;
       color : #FF0A10;
    }

    .titreH4 {
       font-size : 1.2em;
       color : blue;
    }

    div#contenu li {
       margin-left : 20px;
    }

    div#contenu h4 a{
       padding-left : 10px;
       font-size : 0.8em;
       color : black;
       text-decoration : none;
    }

    div#contenu p {
       text-align : justify;
       text-indent : 2em;
       margin : 5px;
       padding : 5px;
       color : black;
    }
    


    /* LIEN DU CONTENU */

    div#contenu a {
       color : red;
    }
    div#contenu a:hover {
       color : blue;
    }


    /* MISE EN FORME DE TEXTE */
    .auteur {
       color : red;
       text-align : right;
       margin-right : 20px;
    }

    .BlueColor {
       color : Blue;
    }
    .RedColorBold {
       color : red;
       font-weight : bold;
    }

    .introduction {
       margin : 5px;
       padding : 5px;
       text-align : center;
       font-weight : bold;
       font-style : italic;
    }

    .alignRight {
       text-align : right;
    }


    /* LES FORMULAIRES */

    .erreurSaisie {
       margin-left : 25px;
       color : green;
    }
    .erreurSaisieCentre {
       text-align : center;
       color : green;
    }

    .txtNewsLeftMenu {
       color : green;
       width : 100px;
    }
    .btnOKLeftMenu {
       width : 25px;
    }


    .titre_partie_formulaire{
       color : red;
    }
    .labelChamp {
       display : inline;
       float : left;
       width : 230px;
       color : blue;
    }
    .labelChampMemeLigne {
       color : blue;
       padding : 10px;
    }
    .labelChampAuth {
       display : inline;
       float : left;
       width : 150px;
       color : blue;
    }
    
    .selectResultSport {
       width : 100px;
    }
    .champForm {
       width : 180px;
    }
    .btnSubmit {
       margin-left : 120px;
    }





    /* POSITION IMAGES */

    .leftImg {
       float : left;
       padding-right : 5px;
       margin-right : 5px;
    }

    .rightImg {
       float : right;
       padding-left : 5px;
       margin-left : 5px;
    }


    /* PIED DE PAGE */

    #footer img {
       width : 88px;
       height : 31px;
       border : 0;
    }
    p#footer{
       padding : 0;
       margin-top : 220px;
       padding-top : 30px;
       padding-bottom : 10px;
       text-align : center;
       color : #800;
       border-top : 1px solid blue;
    }


    /* menu principal (horizontal) */

    ul#menu {
       height : 25px;
       margin : 0;
       margin-top : 5px;
       padding : 0;
       /*background-color : #88AAFF;*/
       background : url(../images/fond_menu_2.JPG) repeat-x;
       list-style-type : none;
    }
    ul#menu li {
       float : left;
       text-align : center;
    }
    ul#menu li a {
       width : auto;
       /* marge intérieur de l'élément : haut, droite, bas, gauche*/
       padding : 2.5px 7px 2.5px 7px;
       font : 0.97em sans-serief;
       font-weight: bold;
       letter-spacing : 0.1em;
       color: blue;
       display : block;
       text-decoration : none;
       border-right : 1px solid blue;
    }
    ul#menu li a:hover {
       background : url(../images/fond_menu_1.JPG) repeat-x;
       color : #0000FF;
    }
    

    /* menu (secondaire) (gauche)*/

    .divLeftMenu {
       margin : 5px;
       padding : 5px;
       margin-bottom : 15px;
       width : 140px;
       background-color : #BBCCFF;
       text-align : justify;
    }
    .divLeftMenuTitre {
       display : block;
       width : 140px;
       margin-bottom : 5px;
       margin-left : -5px;
       margin-right : -5px;
       margin-top : -5px;
       padding-left : 5px;
       text-align : center;
       font : 1.2em arial;
       font-weight: bold;
       color : blue;
       letter-spacing : 1px;
       border-bottom : 2px solid #88AAFF;
       background : url(../images/fond_menu_2.JPG) repeat-x;
    }



    /* LES TABLEAUX */

    .resultatsTable {
       width : 70%;
       margin-left : 20px;
       margin-right : 20px;
       border-collapse : collapse;
       border : 2px solid gray;
    }
    .resultatsTh {
       background-color : orange;
       color : blue;
       font : 1.1em "arial";
       font-weight : bold;
       text-align : center;
       border : 1px solid #0A58A4;
    }
    .resultatsTd {
       color : white;
       font : 1em "comic sans ms";
       background-color : #0A58A4;
       border:1px solid yellow;
       padding : 2px;
    }
    .resultatsTdScore {
       font : 1em "tahoma";
       font-weight : bold;
       color : white;
       background-color : #2A7FDD;
       border : 1px solid yellow;
       text-align : center;
    }



  div.pic { float:left;
            height:150px;
            width:110px;
            border : 1px solid blue;
            background:white;
            margin : 10px;
            padding: 0;}
  div.pic img { border : none;
                width:200px;
                margin : 5px 5px 0;
                }

  div.pic ul {      margin : 0;
                    padding : 0;
                    font : 1em bold small verdana;
             width : 205px;
  }
  li.title { display : block;
             text-align : center;
             list-style : none;
             }
  li.lieu { display : block;
             text-align : center;
             list-style : none;

             }