body {
         font-family : "Comic Sans MS", Arial, Courier;
         font-size : 0.95em;
         color : #000099;
         margin : auto;
         padding : 0;
         background-color : #FFFF99;
      background-image : url(../image/background.png);
      background-repeat:no-repeat;
      background-repeat:repeat-x;
    
      }
    p {
         margin-right : 1em;
         margin-left : 1em;
         text-align : justify;
      }
    .message
    {
        margin:auto;
        width:30%;
        background-color:#FF0000;
        color:#CCCCCC;
        font-weight:bold;
        text-align:center;
    }
    a:link {
         font-size : 0.95em;
         color : #9900cc;
         text-decoration:none;
         border-color:#FFFFFF;
         padding:opx;
      }
    a:visited {
         font-size : 0.95em;
         color : #ff3300;
                 text-decoration:none;

      }
    a:hover {
         font-size : 0.95em;
         background-color : #ffff99;
                 text-decoration:none;

      }
    #header {
         height : 100px;
         background-color : #ffffff;
         padding-top : 10px;
         padding-bottom : 10px;
         background-image : url(../image/bandeau.png);
         background-repeat : no-repeat;
         text-align : center;
      }
    #ajouter_favoris {
         position : absolute;
         left : 95px;
         top : 100px;
         font-size : 0.85em;
         width:900px;
         padding:0.1em;
         margin:o;
      }
	  //pour l'affichage de la présentation du 1000m//
	  #fond_affiche
	  {
	  height:100%;
	  width:100%;
	  background-image:url(../image/1000m.jpg);
	  background-color:#003399;
	  
	  }
    h1 {
    font-size : 1.3em;
    margin-left : auto;
    margin-top : 1em;
    text-align : center;
    font-weight : bold;
    margin-right: auto;
      } 
          h1#resultats {
         font-size : 2em;
         margin-left : 12em;
         margin-top : 0.4em;
         text-align : justify;
         font-weight : bold;
      } 

    h2 {
         margin-left : 2.3em;
         font-size : 1.2em;
         text-decoration : underline;
         font-weight : bold;
      }
    h3 {
         margin-left : 1em;
         font-size : 110%;
         margin-bottom:0;
         padding-bottom:0px;
         background-image:url(../image/trait.jpg);
         background-repeat:no-repeat;
         background-position:bottom;
         background-position:left;
         height:3em;
      }
   .trait_long {
         background-image:url(../image/trait1.jpg);
         margin:0;
      }
      
      .sport_up
      {
      margin-left:auto;
      margin-right:auto;
      width:30%;
      
      }
      
      
      
         h4 {
         margin-left : 0;
         font-size : 90%;
         text-align:center;
         padding:o;
         margin:0;
      }
      .entete_news
      {
       font-size : 70%;
       padding:0;
       margin:0;
      }

      /*partie qui concerne les infobulles lors du passage de la souris*/
    a.survol {
         position:relative; 
    z-index:24; 
}    
    a.survol span {
         display : none;  }
         
    a.survol:hover {
    z-index:25;  background-color : #ffff99;
}
 
    a.survol:hover span {
 display:block; 
 position:absolute;
    top:2em; left:2em; width:20em;
    border:0px solid #6699cc;
    background-color:#ffff99;
    text-align: justify;
    font-weight:bold;
    font-size:1.1em;
    padding:1px;
    color:#0000FF;
    }
    /*fin de la zone passage e la souris infobulle*/
        
        .paragraphe_centree {
         text-align : center;
      }
    .annonce_centree {
         font-size : 100%;
         font-weight : bold;
         text-align : center;
      }
    .photo_centree {
         position : absolute;
         left : 493px;
         margin-left : -157px;
         top : 291px;
      }
    .photo-centree2 {
         position : absolute;
         left : 432px;
         margin-left : -157px;
         top : 582px;
      }
    .photo-centree3 {
         position : absolute;
         left : 399px;
         margin-left : -157px;
         top : 929px;
      }
    .texte_gras {
         font-weight : bold;
      }
    .texte_souligne {
         text-decoration : underline;
      }
    .texte_gras_souligne {
         font-weight : bold;
         text-decoration : underline;
      }
    #conteneur {
         width : 94%;
         text-align : justify;
         margin-top :5px;
         margin-left :auto;
         margin-right :auto;
         margin-bottom : 5px;       
         background-color : #ffffff;
      }
    #centre {
         background-color : #ffffff;
         margin-left : 0;
         margin-right : 0;
         line-height : 1.5;
         padding-top:70px;
      }
    #droit {
         float : right;
         margin-top : 40px;
         width : 23%;
         margin-left : 0;
         padding:0px;
         font-size : 0.7em;
         padding-top :100px;


      }
    .info {
         background : url(../image/calquehaut.gif) no-repeat left top;
         padding-top : 2px;
         padding-right:1px;
         padding-left:1px;
         width : 90%;
         margin-bottom : 2em;
         border-style:outset;
        
         
      }
    

    div .news {
        padding-right : 1em;
        padding-left : 1em;
        padding-bottom : 1em;
        margin-top : 2em;
         background-image : url(../image/cadre_news.gif);
         background-repeat : no-repeat;
         background-repeat : repeat-x;
         margin-right : 0.5em;
         margin-bottom : 1em;
         border-style : outset;
         width: 70%;
         
        
      }
      
      img.news_photo
      {
      float:right;
      padding-top:70px;
      margin-left:2em;
      margin-bottom:2em;
      }
      img.trait
      {
      margin:o;
      padding:0;
      border:none;
      }
	  img
	  {
	  border:none;
	  margin-top:2px;
	  
	  }
      
    .autre{
        padding-right : 1em;
        padding-left : 1em;
        padding-bottom : 1em;
        margin-top : 2em;
         list-style-image : none;   
         list-style :none   ;
         line-height : 2em;
         margin-right : 0.5em;
         margin-bottom : 1em;
         border-style : outset;
         width: 70%;
      }
      
    #lettrine:first-letter {
         font-size : 2em;
         font-weight : bold;
      }
    #photo1 {
         float : left;
         width : 230px;
         height : 150px;
         border-bottom-style : outset;
         border-bottom-color : #ffff00;
         margin-left : 1em;
      }
    #photo2 {
         float : right;
         width : 230px;
         height : 150px;
         border-bottom-style : outset;
         border-bottom-color : #ffff00;
      }
    #ajouter_favris {
         position : relative;
         width : 500px;
         left : 140px;
         font-size : 0.75em;
      }
    /* POUR LES TABLEAUX */
    
   #centre table 
    {
      font-family:Arial, Helvetica, sans-serif;
         margin-left : auto;
         margin-right : auto;
         font-size : 0.65em;
         empty-cells : show;
         text-align : center;
         vertical-align : middle;
         table-layout : fixed;
         border-collapse: collapse ;
         border-color:#999999;
         border-width:thin;
         width:auto;
         
     }
     #centre #court100
     {
         width : 100%;
     }
      #centre #court50
     {

         width : 50%;
     }
         #centre #court75 
     {

         width : 75%;
     }
     
     #centre #court30 
     {
        position:relative;
        width : 30%;
      }


    #centre #court75galerie
    {
      
        border-spacing:1em;
        empty-cells:show;
        width:75%;
    }
      
     #centre #court75galerie .vignette
     {
    width:96px;
    padding:opx;
    background-color : #ffff99;
    empty-cells:show;
     }
    #centre #tpspassage 
    {
         float : left;
         margin-left : auto;
         margin-right : auto;
         width : 45%;
         font-size : 0.55em;
         empty-cells : show;
         text-align : center;
         vertical-align : middle;
         table-layout : fixed;
      }
         #centre #bilan {
         margin-left : auto;
         margin-right : auto;
         width : 100%;
         font-size : 0.65em;
         empty-cells : show;
         vertical-align : middle;
         table-layout : fixed;
      }

    #centre #listedesclub {
         float : left;
         margin-left : auto;
         margin-right : auto;
         width : 95%;
         font-size : 0.65em;
         font-family : Arial, Helvetica, sans-serif;
         empty-cells : show;
         text-align : center;
         vertical-align : middle;
         table-layout : fixed;
      }
    #largeur_speciale {
         width : 2%;
      }
    caption {
         font-size : 1.1em;
         text-align : center;
         color : #000099;
      }
	  legend
	  {
	  color:#000099;
	  }
  
     tfoot,  thead {
     font-family:"Comic Sans MS", Arial, Narkisim ;
         background : url(../image/calquehaut.gif);
         background-repeat:no-repeat;
         background-repeat:repeat-x;
         font-weight : bold;
         font-size : 1.2em;
         text-align:center;
         height : 40px;
      }
     
	  td
      {
      padding : 3px;
	  
	 
      }
      th
      {
      text-align:center;
      } 
      td.droit
      {
      text-align:right;
      }
      td.gauche
      {
      text-align:left;
      }
      .special
      {
      width:100%;
      text-align:left;
      }
      
      
      .titre_compet
      {
      text-align:left;
      border-bottom:medium;
      border-bottom-color:#0033CC;
      font-weight:bold;
      }
      
      
    .F {
         color : #ff0099;
      }
     .plus_licencie {
         color:#A8A8FF;
         text-decoration:line-through;
      }

    .premieres_filles {
         font-weight : bold;
         color : #ff0099;
      }
    .premiers_garcons {
         font-weight : bold;
      }
    .cellules_gauche {
         text-align : left;
      }
      .cellules_droite {
      text-align:right;
      }
// pour les largeurs de collones
.date
{
width : 40px;
}
.nom_prenom
{
width : 130px;
}
.categorie
{
width : 35px;
}
.perf
{
width : 45px;
}
.epreuve
{
width : 100px;
}
.points
{
width : 40px;
}
.classement
{
width : 40px;
}
.classant
{
width:60px;
}
.niveau
{
width : 40px;
}
.type
{
width:60px;
}
.pts_hong
{
width:60px;
}
.lieu
{
width:80px;
}
.sexe
{
    width: 50px;
}
.resultats_complets
{
    width : 40px;
}


    #pied {
    text-align:center;
         clear : both;
         height : 65px;
         background-color : #FFFF99;
         font-size : 0.8em;
         background-image:url(../image/background_conteneur_bas.gif);
         background-repeat:no-repeat;
         background-repeat:repeat-x;

      }
    #formulaire {
         margin-left : auto;
         margin-right : auto;
         width : 50%;
      }
    .logo {
         float : right;
         margin-top : 10px;
         margin-left:1em;
         margin-right:1em;
         margin-bottom:1em;
      }
    #compte {
         margin-top : 15px;
      }
 /*tout sur les formulaire*/

/*Tout pour le calendrier auto */


.ds_box {
    background-color:#000099;
    border: 1px solid #000;
    position: absolute;
    z-index: 32767;
}

.ds_tbl {  //arrieree plan
    background-color:#000099;
}

.ds_head { // l'entete du calendrier
    background-color:#000099;
    color:#FFFFFF; /*couleur du texte de l'entete */
    font-family:"Comic Sans MS", Arial, Courier;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

.ds_subhead {
    background-color:#0000FF;
    color:#FFFFFF; /*couleur des jours*/
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif ;
    width: 12px;
}

.ds_cell {
    background-color:#FFFF66;
    color:#0000CC;
    font-size: 8px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    cursor: pointer;
}

.ds_cell:hover {
    background-color: #F3F3F3;
} /* This hover code won't work for IE */





/*pour la galerie photo*/

.tablo {
    border: thin solid #000099;
    height: 100%;
}
.tablo-titre {
    background-color: #FFFF66;
    font-size:130%;
    }
    
.texte {
    font-family: "Comic Sans MS", Arial, Times;
    font-weight:bold;
    color: #000099;
}
a.lien {
    font-family:  "Comic Sans MS", Arial, Times;
    color: #000099;
    font-weight: normal;
    text-decoration: none;
    font-size:1.3em;
	border:none;
}
a.lien:visited{
    font-family:  "Comic Sans MS", Arial, Times;
    color: #000099;
    font-weight: normal;
    text-decoration: none;
    font-size:1.3em;
}

a.lien:hover {

    font-family:  "Comic Sans MS", Arial, Times;
    color: #CC0000;
    font-weight: bold;
        font-size:1.3em;

}
.texte-photo {

    font-family:  "Comic Sans MS", Arial, Times;
    color:#000099;
}
.liste_ligne{
position:relative;
height:2.4em;
}
.liste_checkbox{
margin-top:1ex;
}
.liste_img{
position:absolute;
left:1.5em;
border:1;
height:2.3em;
}
.liste_name{
position:absolute;
left:5em;
margin-top:1ex;
}
.liste_reso{
position:absolute;
right:6em;
width:8em;
margin-top:1ex;
}
.liste_size{
position:absolute;
right:6em;
width:6em;
margin-top:1ex;
}
.liste_action{
position:absolute;
right:0;
width:6em;
margin-top:1ex;
}
.liste_logo{
height:1.2em;
}
#diapo{
margin:5em;
text-align:center;
}


/*pour faire patienter pdt le chargement de la page */
#cache {

    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 25px;
    margin-left: -125px;
    margin-top: -75px;
    padding:1em;
    background-color:#000099;
    text-align: center;
    z-index: 50;
    visibility: hidden;
    color:#FFFFFF;
    font-size : 1em;
    background-repeat : no-repeat;  
    background-position : center;
}