body  {
	background-color: #A4A4A4;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.global {
	margin-left: auto;
	margin-right: auto;
   width: 795px;
	height: 623px; 	
}

.centre {
	width: 751px;
	height: 623px;
	float: left;
}

.bord-gauche {
	width: 22px;
	height: 623px;
	background-image: url(http://www.urbiscope.com/data/images/bords.jpg);	 
	float: left;
}

.bord-droit {
	width: 22px;
	height: 623px;
	background-image: url(http://www.urbiscope.com/data/images/bords02.jpg);	
	float: left; 
}

.flash-banner {
	width: 750px;
	height: 234px;
	float: left;
}

.menu {
	width: 219px;
	height: 361px;
	background-image: url(http://www.urbiscope.com/data/images/fond-menu.jpg);
	float: left;
}

.homeflash {
	color: Black;
	font-size: 11px;
	font-family: verdana;
	font-weight: bold;
}

.contenu {
	width: 532px;
	height: 361px;
	float: left;
}

.bar {
	float: left;
	width: 750px;
	height: 28px;
	background-image: url("http://www.urbiscope.com/data/images/fond-ref.jpg");
	
}

.tete {
	height:29px; 
	text-indent: 10px; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:13px;
	margin: 0px;
}

ul#titres
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#titres li
{
	margin: 0 0 3px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#titres li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	line-height: 20px ;
	color: #816d00;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("http://www.urbiscope.com/data/images/purple.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#titres li a:hover
{
	background: url("http://www.urbiscope.com/data/images/purple.gif") no-repeat 0 -20px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#titres2
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#titres2 li
{
	margin: 0 0 3px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#titres2 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	line-height: 20px ;
	color: #816d00;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("http://www.urbiscope.com/data/images/vert.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#titres2 li a:hover
{
	background: url("http://www.urbiscope.com/data/images/vert.gif") no-repeat 0 -20px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#titres3
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#titres3 li
{
	margin: 0 0 3px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#titres3 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	line-height: 20px ;
	color: #816d00;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("http://www.urbiscope.com/data/images/rouge.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#titres3 li a:hover
{
	background: url("http://www.urbiscope.com/data/images/rouge.gif") no-repeat 0 -20px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}