body{
margin:0 ;
padding:0 0%;
background-color: #cdf;
background-image: url("../design/images/hacoms_bkg.jpg") ;
background-repeat: repeat ;
text-align: center ; /* pour les viel navigateurs*/
font-family:arial,verdana,webddings,tahoma, sans serif;
}


/* ===================== LE LOGO DU SITE ============================ */
div#logo_site{
/*position:absolute; */
margin-bottom: 0px; /* position de la barre nav par defaut */
padding:0px;
padding-bottom:0px;
margin:0;
float:left;
}  
div#logo_site a img {border: none;}
 
/* ============= POSITION LARGEUR et HAUTEUR DE LA BANIERER ========== */
div#baniere1_site{	
margin:0;
padding:0px;
float:right;
border:0px ;
height:60px;  width:536px;
/*background-color:#fc3;*/
margin-top:5px;
margin-right:5%;

}

/* ============================================= */




/*div#container  pour centrer le tableau pour tous navigateurs
{
margin-left: 5%;
margin-right:5%;
}*/
.table_fx_div { width: 100%; border-collapse: collapse; text-align:center;}
.table_fx_div td { padding: 0px; }

.HG, .HD, .EG, .ED, .SG, .SD, .CG, .CD, .BG, .BD { width: 25px;} /* les angles */
.HG, .HD{height:30px;} /* barre de titre */
.EG, .ED, .CG, .CD{height: 10px;} /* header */
.SG, .SD, .BG, .BD{height: 46px; } /* nav et foot */

.HM{ height: 30px;}
.EM{ height: 135px; }/**/
.SM, BM{ height: 46px; }
/*
.table_fx_div .haut .HG, .table_fx_div .haut .HD, .table_fx_div .entete .EG, .table_fx_div .entete .ED, .table_fx_div .separation .SG, .table_fx_div .separation .SD,  .table_fx_div .bas .BG, .table_fx_div .bas .BD { width: 25px; height: 20px; }
*/
/*.table_fx_div .contenant .CG, .table_fx_div .contenant .CD{width: auto; height: auto; }*/

/* barre de titre */
.HG {background-image: url(../design/images/hacoms_hg.gif); }
.HM {background-image: url(../design/images/hacoms_hm.gif); background-repeat: repeat;}
.HD {background-image:url(../design/images/hacoms_hd.gif); }

/* img entree-sortie et background de l'entête */
.EG { background-image: url(../design/images/hacoms_header_g.gif); }
.EM { background-image: url(../design/images/new_baniere_background.gif); /*hacoms_header_m.gif*/
font-family: Verdana, Arial, Helvetica, sans-serif; /* Police utilisée */
font-size:12px; /* Taille de la police */
color: #C4B550; /* Couleur de la police */
text-align: center;
background-color:#06f;
}
.ED { background-image: url(../design/images/hacoms_header_d.gif); }

/*=======  ici NAV =========== */
.SG { background-image: url(../design/images/hacoms_nav_g.gif); }
.SM { background-image: url(../design/images/hacoms_nav_m.gif);}
.SD { background-image: url(../design/images/hacoms_nav_d.gif); }

/* ========== CONTENU =================  */
.CG { background-image: url(../design/images/hacoms_contenu_g.gif); }
.CM { background-image: url(../design/images/hacoms_contenu_m.gif);
font-family: Verdana, Arial, Helvetica, sans-serif; /* Police utilisée */
font-size: 12px; /* Taille de la police */
color: #fff; /* Couleur de la police */
text-align: left;
}
.CD { background-image: url(../design/images/hacoms_contenu_d.gif); }

/* 3img dessus  FOOT */
.BG { background-image: url(../design/images/hacoms_foot_g.gif); }
.BM { background-image: url(../design/images/hacoms_foot_m.gif); }
.BD { background-image: url(../design/images/hacoms_foot_d.gif); }

/* ===================== ================= */
#table_header{
width:100%;
height:166px;
padding:0px;
margin:0px;
border-width:0px;
}