Body {}
	a { text-decoration: none;}
	a:link {color: BLUE;}	
	a:visited {color: black;}
 	a:hover {color: red;}
	a:active {color: lime;}

<!-- entete  -->

.haut {background-color: #fff;   font-size: 16px; font-weight: bold; img: center;}
.bas {height: 68px;}

#conteneur {position: absolute; left: 10%;  width: 858px; margin-top: 1px;}
#entete {width: 858px;height: 150px;}
#left {float: left; width: 158px;}
#contenu {float: left; width: 695px; margin-right: 1px; margin-left: 3px; margin-top: 3px; background-image: url(../site/image/grandcarreau.gif);}
<!-- #right {float: right; width: 140px;} -->
#pied_page {clear: both; width: 858px; margin-top: 10px; margin-top: 3px;  border-top: 2px solid orange;}



#tt1 {background-color: rgb(1,5,169); height: 45px; font-size: 16px; color: rgb(255,255,0); font-weight: bold;  text-align: center}
#tt2 {background-color: rgb(1,5,169); height: 45px; font-size: 10px; color: rgb(255,255,0); font-weight: bold;  text-align: center}


#nav {margin-left: 0;}

<!-- style de texte  font-weight: bold;  text-align: justify;color: black; -->
	h1 {font-size: 18px; font-weight: bold; color: black;  font-family: arial;}
	h2 {font-size: 17px; font-family: arial; color: black; text-align: justify;  line-height: 20px;}
	h3 {font-size: 16px; font-family: arial; color: black; text-align: justify; line-height: 25px; text-indent: 45px;}
	h4 {font-size: 14px; color: black;  font-family: verdana; text-align: justify; line-height: 25px; text-indent: 45px;}
	h5 {font-size: 13px; font-family: arial;}
	h6 {font-size: 10px; font-family: arial;}

	p { text-align: justify; padding: 7px; text-indent: 45px}



<!-- couleur des tables du menu gauche -->
#trl1 {background-color: rgb(133,178,235); font-size: 16px; font-weight: bold; height: 25px; font-family: georgia;}
#trl2 {background-color: rgb(133,215,235); font-size: 14px; font-weight: bold; padding-left: 20px; height: 25px; font-family: arial;}


<!-- class enfant / complément  -->

.activ1 { font-size: 15px; font-weight: bold; }
.activ2 {background-color:rgb(98,176,255); font-size: 13px; font-weight: bold;}
.activ3 {background-color: rgb(192,192,192); font-size: 13px; font-weight: bold;}
.activ4 {background-color: rgb(232,151,232); font-size: 13px; font-weight: bold;}

<!-- Class Légende Image -->
.Leg1 { font-size: 13px; font-weight: bold;}
.Leg2 { font-size: 8px; font-weight: lighter; font-style: oblique;}

<!-- class tableau de menu des rubriques  -->
.rub1 {background-color:rgb(37,160,160); font-size: 14px; font-weight: bold; color: white;}
.rub2 {background-color: rgb(183,238,238); font-size: 14px; font-weight: bold; color: rgb(138,157,244);}