/*
** Common styles
*/

#CSSViewer_block,
#CSSViewer_center,
#CSSViewer_footer,
.CSSViewer_category,
span.CSSViewer_property,
#CSSViewer_block h1,
#CSSViewer_block h2,
#CSSViewer_block ul,
#CSSViewer_block li,
#CSSViewer_block span
{
	font-family:"Lucida sans", "Trebuchet MS", tahoma, arial !important;
	font-size:10px !important;
	z-index:9999 !important;
	padding:0 !important;
	margin:0 !important;
	text-indent:0px !important;
	text-align:left !important;
	background:transparent !important;
	visibility: visible !important;
	width:auto !important;
	height:auto !important;
}

#CSSViewer_block
{
	display:none;
	min-width:332px !important;
	font-size:10px !important;
	color:#555 !important;
	position:absolute !important;
}

#CSSViewer_block h1
{
	color:#fff !important;
	font-size:12px !important;
	text-transform:none !important;
	text-align:center !important;
	width:332px !important;
	display:block !important;
	background:url(header.png) !important;
	padding:30px 0 10px 0 !important;
}

#CSSViewer_center
{
	padding:10px 32px 0 32px !important;
	background:url(body.png) repeat-y !important;
}

#CSSViewer_footer
{
	padding-top:5px !important;
	color:#CCC !important;
	text-align:center !important;
	width:332px !important;
	height:30px !important;
	display:block !important;
	background:url(footer.png) !important;
}

.CSSViewer_category
{
	background:url(list.png) no-repeat top left !important;
	padding:0 5px !important;
}

#CSSViewer_block h2
{
	padding-top:6px !important;
	color:#BEEA71 !important;
	font-size:13px !important;
	text-align:left !important;
	letter-spacing:-0.5px !important;
}

#CSSViewer_block ul
{
	padding:5px 5px 10px 5px !important;
	list-style:none !important;
}

#CSSViewer_block li
{
	background:url(bullet.png) no-repeat left center !important;
	padding-left:10px !important;
}


#CSSViewer_block span.CSSViewer_property
{
	color:#888 !important;
	float:left !important;
	width:95px !important;
}

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */

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

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

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 21px ;
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(bg_menu.gif) no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */

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

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

ul#menuhaut li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 98px ;
	line-height: 25px ;
	color: #000 ;
	text-indent: 8px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(menuhaut.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menuhaut li a:hover
{
	background: url(menuhaut.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	color: white;

}

/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */

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

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

ul#menuhautinv li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 98px ;
	line-height: 25px ;
	color: white;
	text-indent: 8px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(menuhautinv.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menuhautinv li a:hover
{
	background: url(menuhautinv.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	color: white;

}

/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */