body, td {
                font-family : arial ;
                font-size : 11px ;
                color : #444 ;
                              
        }
        
        a {
                color : #444 ;
        }
        
        a:hover {
                color : #1E6CB5 ;
                text-decoration : none ;
        }
        
        a {
                font-size : 12px ;
                FONT-WEIGHT: 700;
                color : #0080C0 ;
                TEXT-DECORATION: none
        }
        
        a:hover {
                color :#FF0000;
                text-decoration : underline ;
        }
        
        p {
                margin : 0px ;
                padding : 5px ;
        }
        
        h1 {
                font-size : 11px ;
                margin : 0px ;
                color : #1E6CB5 ;
        }
        
        h2 {
                font-size : 13px ;
                margin : 0px ;
                color : #1E6CB5 ;
                vertical-align:middle;
        }
        
        h3 {
                font-size : 15px ;
                margin : 0px ;
                color : #1E6CB5 ;
        }
        
        h1 {
                padding : 5px ;
        }
        
        ul, li {
                margin : 10px ;
                padding : 0px ;
                height : 3em;
                line-height : 3em;
                text-align:left;              
                list-style-image:url(Pictures/puceroun.gif);
                
        }
        
.tv {
 display:inline-block;
 FONT-SIZE: 8pt;
 COLOR: #FFFFFF;
 width: 150px;
 height: 80px;
 background-image: url(Pictures/tv_150x80.jpg);
 background-repeat:no-repeat;
 border: 0px solid #B3DAE1;
 padding-top:6px;
 padding-left:10px;
 margin-top:29px;
 margin-left:25px;
}

.tvinside{ 

 display:inline-block;
 FONT-SIZE: 8pt;
 COLOR: #FFFFFF;
 width: 133px;
 height: 60px;
 background-image: url(Pictures/tvsnow.gif);
 background-image: url(Pictures/promebat_tvphone_white.gif);
 background-repeat:no-repeat;
 border: 0px solid #B3DAE1;
 padding: 0px;
 margin : 0px ;}

 
.Categl {
float: left;
height : 49px;
line-height:13px;
background-image: url(Pictures/button_left.gif);
background-repeat:no-repeat;
background-position:left;
 border: 0px solid #B3DAE1;
padding-left:20px;
padding-top:0px;
}

.Categl p {
   vertical-align: middle; display: inline-block;
}

#Categr {
float: right;
width: 34px;
height : 49px;
background-image: url(Pictures/button_right.gif); 
}


#left {
float: left;
    width: 60px;
    height : 800px;
    background-image: url(Pictures/bkgrd_leftpromebat60x200.gif); 
    background-repeat:repeat;
 }
    
 
    
#right{
float: right;
    width: 60px;
    height : 800px;
    background-image: url(Pictures/bkgrd_rightpromebat60x200.gif); 
    background-repeat:repeat;
 border: 0px solid #B3DAE1;
 }
    
       
#middle
{
position:absolute;
    margin-left: 65px;
	margin-right: 65px;
    background-image: url(Pictures/bkgrd_Promebatuni.gif); 
    background-repeat:repeat;
    overflow:hidden;
    }
 
.menu {width: 240px;
 height: 685px;
/* background-image: url(Pictures/bk_menu312x685.gif);*/
 background-repeat:no-repeat;
 border: 0px solid #B3DAE1;
 padding-left:10px;
}
       
 .tabtext
{
    
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e4eaef
}
.tabtext A
{
    FONT-SIZE: 8pt;
    COLOR: #012830;
    TEXT-DECORATION: none
}
.tabtext A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #012830;
    TEXT-DECORATION: underline
}

.text10
{
    FONT-SIZE: 8pt;
    color : #444 ;
    FONT-FAMILY: Comic Sans Ms;
    FONT-FAMILY: Verdana;
        
}

.tabtitle
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    ALIGN: MIDDLE;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #1e6cb5
}

.tableblue
{


}

.bl {background: url(images/2bl.gif) 0 100% no-repeat #e4eaef; width: 30em}
.br {background: url(images/2br.gif) 100% 100% no-repeat}
.tl {background: url(images/2tl.gif) 0 0 no-repeat}
.tr {background: url(images/2tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.divhd {
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  background-image: url(pictures/2tr.gif);
  float: right;
  background-position: right top;
  }
.divhg {
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  background-image: url(Pictures/2tl.gif);
}

.divbd {
  width: 40px;
  height: 40px;
  background-image: url(Pictures/2br.gif);
  float: right;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.divbg {
  width: 40px;
  height: 40px;
  font-size: 1px;
  background-image: url(Pictures/2bl.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.divhd2 {
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-image: url(Pictures/2tr.gif);
  float: right;
  background-position: right top;
  }
.divhg2 {
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-image: url(Pictures/2tl.gif);
}

.divbd2 {
  width: 20px;
  height: 20px;
  background-image: url(Pictures/2br.gif);
  float: right;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.divbg2 {
  width: 20px;
  height: 20px;
  font-size: 1px;
  background-image: url(Pictures/2bl.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.container { /* boite qui entoure les 3 colonnes */
  background-image:url(Pictures/bkgrdPromebatuni.GIF); /* couleur de fond */
  margin:0 ; padding:0} /* marges int�rieures et ext�rieures � 0 */

.gauche { /* boite gauche (avec le menu) */
   position: absolute; /* positionn� par rapport � la boite parent (ici .container) */
   left: 0px; /* d�marre � 10 pixels de la gauche de la boite parent */
   width: 60px; /* largeur de la boite */
   height:200%;
   background-image: url(Pictures/bkgrd_leftpromebat60x200.gif);
   background-repeat:repeat;
    /*border:dashed 1px orange} encadrement discret de la boite */
    }

.centre { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0 65px 0 65px; /* marges gauche et droite, pour la place des 2 autres colonnes */
   /*border-left: 3px solid black;  bordure gauche */
   /* border-right: 3px solid black; bordure droite */
  padding: 10px; /* marge int�rieure - indispensable */
 background-image:url(Pictures/bkgrdPromebatuni.GIF);} /* couleur du fond */

.droite { /* boite droite (avec le commentaire) */
  position: absolute; /* positionn� par rapport � la boite parent (ici .container) */
  right: 0px; /* d�marre � 10 pixels de la droite de la boite parent */
  width: 60px; /* largeur de la boite */
  height: 200%;
  /* border:dashed 1px orange encadrement discret de la boite */
background-image: url(Pictures/bkgrd_rightpromebat60x200.gif);
 background-repeat:repeat;}

 .humans { display: none; }