/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#535353; font-weight:normal}
html, body {background-image: url("http://www.bergerac-informatique.com/images/bg.gif"); margin:0; padding:0}

/* lien par défaut */
A {color:#666; text-decoration:none}
A:hover {color:#96D100; text-decoration:none}

/* liste par défaut */
ul {list-style-type:none;}

/* titre par défaut */
h1 {color:#96D100; font-weight:bold;font-size:16px;margin:0;padding:6}
h2 {color:#535353; font-weight:bold;font-size:14px;margin:0;padding:6}
h3 {color:#535353; font-weight:bold;font-size:10px;margin:0;padding:6}
h4 {color:#535353; font-weight:normal;font-size:10px;margin:0;padding:6}
h5 {color:#535353; font-family:arial; font-weight:bold;font-size:16px;margin:0;padding:6}
h6 {color:#FFFFFF; text-align:center; font-family:arial; font-weight:bold;font-size:16px;margin:0;padding:0}
h7 {color:#FFFFFF; text-align:center; font-family:arial; font-weight:bold;font-size:9px;margin:0;padding:0}




/* image par défaut */
IMG{border:0}


/* temp.html */

#header{
	margin-top:1em;
	margin-bottom:0;
	left:0;
	width:100%;
	height:69px;
	BORDER-BOTTOM:#000 6px solid
}

	#hh01{height:41px; float:left}
		#hh01 a:hover {background:#FFF}
	#hh02{float:right; font-weight:bold; padding-top:4em; padding-bottom:0}

/* MODIF : hauteur de bordure droite de l'UL du menu horizontal (FF et IE), bordure droite parasite UL 2e niveau (IE) - 16/O5/2006 */
      #hh02 ul {padding:0; margin:0; margin-right:1em; display:inline; border-right:2px solid #96D100;}
      #hh02 ul ul {border-right:0;}

		#hh02 ul li {border-left:2px solid #96D100; display:inline; padding:0 0.6em 0 1em}
		#hh02 a {color:#666}
		#hh02 a:hover {color:#96D100}

#header2{
	clear:left;
	width:100%;
	height:68px;
	background:#CCC;
	border-bottom:4px solid #96D100
}
	#hh03{float:left; font-size:10px; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}

#mentete {
	width:100%;
	height:21px;
	background:#666
}
	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color:#FFF; font-weight:normal
	}
		#entete A {color:#FFF}
		#entete A:hover {color:#FF8000}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

	DIV.mg1 {clear:left; font-size:9pt; color:#a1bd15; font-weight:bold; background:#000; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em}
	DIV.mg3 {color:#000; padding-left:0.4em; line-height:15px}
	DIV.mg3 a {color:#000}


#menugauche {
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	width:135px;
	float:left;
	background:#EEE
}    
 
#contenupage {
	padding-left:135px;
	padding-right:5px
} 
	#coulcentre {padding:20px; background:#FFF}



#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:21px;
	background:#666;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#a1bd15}


/* page accueil */

 #rubriques h1, #aa02 h1, #aa01 h1 {font-size:1.5em}

#accueil{
	width:99%
}

#aa01{
	float:left;
	width:62%;
	padding:0.5em
}

#aa02{
	float:right;
	width:31%;
	BORDER:#003366 1px dotted;
	padding:0.5em;
	background:#EEE
}
	#aa02 h1 {display:inline}



#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid
}

	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	#rubriques A {color:#a1bd15}
	#rubriques A:hover {color:#a1bd15}
	#rubriques img {float:left}

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}

/* ###################### LE MENU #######################*/

table.menuh {  background-color:#FFFFFF  ;spacing: 0px ; border-collapse: separate ;	font-family: Verdana; font-size: 10px; }
td.menuh {  border-left: solid  ;spacing: 0px ; border-collapse: separate ; border-width:1px ; border-color:White; text-align: center; 	font-family: Verdana; font-size: 10px;}
A.menuh:link, A.menuh:visited { color: White ; text-decoration: none ; }
A.menuh:hover { color: White ; text-decoration: underline ;}

div.menudyn {font:11px Verdana, Arial, Tahoma, Lucida, sans-serif; font-weight: bold; color : black;text-align:center;padding-top:3px; background-color:#FFFFFF;}
div.menudyn:hover {color: White ; text-decoration: underline ;background-color:#000000;}

/* ###################### LE TEXTE #######################*/

    #edito2 {background:#none;font-family: arial;text-align:left;color:#000000;font-weight:bold;font-size:0.8em;margin:5;padding:5}
	#titre {background:#none;font-family: arial;text-align:left;color:#c4c4c4;font-weight:bold;font-size:1em;margin:2;padding:2}
	#titretarifs {background:#eee;padding:0.5em;border:1px dotted #666;background:#none;font-family: arial;text-align:center;color:#000000;font-weight:bold;font-size:0.8em;}
	#titretarifs2 {background:#none;font-family: arial;text-align:center;color:#000000;font-weight:bold;font-size:0.8em;}
	#titreexplicationtarifs {background:#none;font-family: arial;text-align:center;color:#000000;font-weight:none;font-size:0.6em;}

	#prix {background:#cccccc;padding:0em;border:1px dotted #000000;font-family: arial;text-align:center;color:#888888;font-weight:bold;font-size:1.6em;margin:0}
	#mentions {background:#none;font-family: arial;text-align:left;color:#000000;font-weight:bold;font-size:0.7em;margin:1;padding:1}
	#mentions a {background:#none;font-family: arial;text-align:left;color:#000000;font-weight:bold;font-size:0.7em;margin:1;padding:1}
	#etapes {background:#none;font-family: arial;text-align:left;color:#888888;font-weight:bold;font-size:0.8em;margin:1;padding:1}
	#etapes2 {background:#none;font-family: arial;text-align:left;color:#8888888;font-weight:bold;font-size:0.8em;margin:1;padding:1}

	#demandedevis {background:#ffffff;padding:0.5em;border:1px dotted #666;font-family: arial;text-align:center;color:#000000;font-weight:bold;font-size:0.8em}
	#demandedevis a {font-family: arial;text-align:center;color:#000000;font-weight:bold;font-size:0.8em}
	#asterix {background:#888888;padding:0em;border:1px dotted #FFFFFF;font-family: arial;text-align:left;color:#FFFFFF;font-weight:none;font-size:0.6em;margin:0}
	#texte {font-family: arial;text-align:left;color:#000000;font-weight:none;font-size:0.6em}
	#texte2 {background:#eeeeee;padding:0em;border:1px dotted #000000;font-family: arial;text-align:left;color:#000000;font-weight:bold;font-size:0.6em;valign=bottom}
	#textebas {background:#none;font-family: arial;text-align:left;color:#000000;font-weight:bold;font-size:0.8em;}
	
	#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('/media/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('/media/stars.gif') left 25px; FONT-SIZE: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; }

<div id="tweet">
li{list-style-type:none;}
<span class="twitterPrefix">Remy said: </span>
<span class="twitterStatus">I just had a bizarre spaces moment - moving my cursor to the bottom of the screen switched space - annoying if it hadn't just gone away.</span>
<span class="twitterTime">20 minutes ago</span>

<span class="twitterPrefix">Remy said: </span>
<span class="twitterStatus">Great quote - Michael J Fox: "my happiness grows in direct proportion to my acceptance, and in inverse proportion to my expectations."</span>
<span class="twitterTime">7 days ago</span>

</div>