/* ======================================================================================== */
/* PROJET : SITE COULLIER.COM VERSION 2010                                                  */
/* ---------------------------------------------------------------------------------------- */
/* MODULE : STYLESHEET.CSS - GESTION DE l'AFFICHAGE DE LA LISTE DES SPECTACLES              */
/*                     EN MODE PLEINE PAGE                                                  */
/* VERSION: 2.0                                                                             */
/* ---------------------------------------------------------------------------------------- */
/* ELEMENT INTEGRE AU CMS JOOMLA                                                            */
/* ---------------------------------------------------------------------------------------- */
/* ©2010 Software-Alley.com                                                                 */
/* ======================================================================================== */
 

/* ---------------------------------------------------------------------------------------- */
/* CARACTERSTIQUES COMMUNES A L'ENSEMBLE DES PAGES                                          */
/* ---------------------------------------------------------------------------------------- */
body 
{
	background-color:Transparent;
	background-image: url(images/sheet_c.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	line-height : em;	
	color: #000000;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
}

/* STYLE DES FORMULAIRES */ 
form, fieldset 
{ 
  	margin: 0; 
  	padding: 0; 
  	border: none; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
  	height:auto;
	width:auto;
}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}

/* GESTION DES TABLEAUX POUR L'AFFICHAGE DES DONNEES */
td,th
{
	background-image:url('images/fnd_tableau_right.png');
	height:25px;
	border:none; 
	background-color:Transparent;
	color:#FFFFFF;
}

/* STYLE DES OBJETS DE SAISIE */
input, button, select 
{ 
  	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000; 
}


/* ---------------------------------------------------------------------------------------- */
/* STYLES POUR L'AFFICHAGE EN MODE "PLEINE PAGE"                                            */
/* ---------------------------------------------------------------------------------------- */

/* MainDiv */
Div#MainDiv 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFF00;
	width:945px;
	background-color:Transparent;
/*	background-image:url('fnd_tableau.png');*/
}

/* HeaderDiv : EN TETE DE LA PAGE  */
/* HEADER DE LA PAGE */
Div#HeaderDiv 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFF00;
}

/* TabDiv : ZONE D'AFFICHAGE DES DONNEES */
Div#TabDiv
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	width:945px;
}

/* FooterDiv : BAS DE PAGE */
Div#FooterDiv
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* AFFICHAGE DES INFO-BULLES SUR LA LISTE DES REPRESENTATIONS */
.info
{
	position:relative;text-decoration:none;background:Transparent;color:#FFFFFF;text-decoration:none;
}
a.lien
{
	color:black;
}
.info:visited
{
	color:#000;
}

/* parametres des infos-bulle */
a.info span
{
	position:absolute;
	z-index:99;
	padding:3px;
	text-align:center;
	color:#FFFFFF;
	background:#000000;
	top:2px;
	left:-9999px;
	white-space:nowrap;
}

/*rends visible l'infobulle*/
.info:hover span,.info:active span,.info:focus span
{
	left:0;
}

.TabListeGlobale
{
	background-image:url('images/fnd_tableau_right.png');
	height:20px;
	border:none; 
	background-color:Transparent;
	color:#FFFFFF;
}

.TabListeGlobale:tr,td,th
{
	background-image:url('images/fnd_tableau_right.png');
	height:20px;
	border:none; 
	background-color:Transparent;
	color:#FFFFFF;
}

/* ======================================================================= */
/* DESCRIPTION DES DIFFERENTES DIV DE LA PAGE                              */
/* ======================================================================= */


/* ---------------------------------------------------------------------------------------- */
/* STYLES POUR L'AFFICHAGE EN MODE COLONNES RIGHT ou LEFT                                   */
/* ---------------------------------------------------------------------------------------- */
/* HEADER DE LA PAGE */
Div#HeaderRightDiv 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFF00;
	width:250px;
}

Div#TabRightDiv
{
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	width:250px;
	border:none;
}
Div#FooterRightDiv
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:250px;
}

/* ZONE DE LISTE PAR ARTISTE (FICHE ARTISTE) */
Div#TabArtisteDiv
{
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	width:300px;
	border:none;
}