/***************************************************************************
 *                            site_style.css
 *                            -------------------
 *   begin                : Sunday, Mar 23, 2008
 *   copyright            : (C) deciBelges.com
 *   email                : Nicolas@decibelges.com
 *   brief                : Main Stylesheet
 *
 ***************************************************************************/

/***************************************************************************
 *   	General page properties           		      
 ***************************************************************************/

/* page format */
body
{
  background-color:#A9A9A9;
  background-image:url(page_background.png);
  background-repeat:repeat;
  background-attachment:fixed;
  background-position:0 0;
  
  margin-top:0px;
}

/***************************************************************************
 *   	Texts         		      
 ***************************************************************************/

/* Proprietes generales du texte */
body
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:0.70em;
  font-weight:100;
}

/* Texte en bloc general */ 
.generalText
{
  text-align:justify;
}

/* Texte en italique general */ 
.generalIntro
{
  font-size:1em;
  font-style:italic;
}

/* Petit texte sans modifs */ 
.generalSubText
{
  font-size:0.9em;
}

/* Petit texte sans modifs */ 
.generalSubSubText
{
  font-size:0.8em;
}

/* Texte relief pour nouveautés */
.hotText
{
  color:#D10909;
  font-weight:bold;
}

/* Texte relief pour fondu */
.coldText
{
  color:#646464;
  font-weight:bold;
}

/* Proprietes du footer */
.fontFooter
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:0.9em;
  font-weight:100;
}

/* Titre General */
.generalTitle
{
  font-family:Arial, Helvetica, sans-serif;
  color:#c50404;
  font-size:1.5em;
  font-weight:bold;
}

/* Sous Titre general */
.generalSubTitle
{
  font-family:Arial, Helvetica, sans-serif;
  color:#646464;
  font-size:1.1em;
  font-weight:bold;
  font-style:italic;
}

/* Sous Titre general 2 */
.generalSubTitle2
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:1.1em;
  font-weight:bold;
  font-style:italic;
}

/* Sous Titre general 3 */
.generalSubTitle3
{
  font-family:Arial, Helvetica, sans-serif;
  color:#c50404;
  font-size:1.1em;
  font-weight:bold;
}

/* Titre des categories */
.catTitle
{
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:0.8em;
  font-weight:bold;
}

/* Description */
.description
{
  font-family:Arial, Helvetica, sans-serif;
  color:#646464;
  font-size:0.9em;
  font-style:italic;
}

/* Format de date */
.date
{
  color:#5d1515;
  font-size:0.85em;
}

.plus
{
  font-size:0.85em;
  font-style:italic;
}

/***************************************************************************
 *   	Links          		      
 ***************************************************************************/

/* Proprietés generales */ 
a:link 
{
  color:#646464;
  text-decoration:none;
} 

a:visited 
{
  color:#646464;
  text-decoration:none;
} 

a:hover 
{
  color:#D10909;
  text-decoration:underline;
} 

/* Proprietés de lien récent */ 
a.hotLink:link
{
  color:#D10909;
  font-size:1.0em;
}

a.hotLink:visited
{
  color:#D10909;
  font-size:1.0em;
}

a.hotLink:hover
{
  color:#D10909;
  font-size:1.0em;
}

/* Proprietés du footer */ 
a.fontFooter:link
{
  color:#000000;
  font-size:1.0em;
}

a.fontFooter:visited
{
  color:#000000;
  font-size:1.0em;
}

a.fontFooter:hover
{
  color:#000000;
  font-size:1.0em;
}

/***************************************************************************
 *   	Lists          		      
 ***************************************************************************/

/* format de listes */
ul 
{
  list-style-type:disc;
  list-style-position:outside;
}

/***************************************************************************
 *   	Images          		      
 ***************************************************************************/

.generalImage
{
  border:0px;
}

.textImage
{
  margin-right:10px;
  margin-bottom:5px;
  border:1px #000000 solid;
}

/* Image de sous rubrique */
.rubriqueImage
{
  height:26px;
}

/* Image de sous rubrique */
.ssrubriqueImage
{
  margin-bottom:10px;
  height:17px;
}

/* Image invisible pour le link propre en spacer sur banniere */
.linkableTableImage
{
  width:955px;
  height:120px;
  border:0px;
}

/* Images artistes */
.artistImage
{
  margin-right:10px;
  border:1px #000000 solid;
  width:250px;
  height:188px;
}

.artistImageWithoutMargin
{
  border:1px #000000 solid;
  width:250px;
  height:188px;
}

.artistMiniImage
{
  margin-right:10px;
  border:1px #000000 solid;
  width:60px;
  height:45px;
}

.artistMiniImageWithoutMargin
{
  border:1px #000000 solid;
  width:60px;
  height:45px;
}

/* Images albums */ 
.albumImage
{
  margin-right:10px;
  border:1px #000000 solid;
  width:200px;
}

.albumImageWithoutMargin
{
  border:1px #000000 solid;
  width:200px;
}

.albumMiniImageWithoutMargin
{
  border:1px #000000 solid;
  width:70px;
}

.albumMiniImage
{
  border:1px #000000 solid;
  width:70px;
  margin-right:10px;
}

.albumDiscoImage
{
  margin-top:5px;
  margin-bottom:5px;
  border:2px #FFFFFF solid;
  width:70px;
  height:70px;
}

/* Images itws */
.itwsBannImage
{
  width:240px;
  height:88px;
  border:1px #000000 solid;
}

.itwMiniBannText
{
  margin-right:10px;
  margin-bottom:5px;
  border:1px #000000 solid;
  width:250px;
  height:88px;
}

/* Images events */
.eventsBannImage
{
  width:240px;
  border:1px #000000 solid;
}

/* Images partners */
.partnersBannImage
{
  width:240px;
  height:88px;
  border:1px #000000 solid;
}

/* Image contact */
.staffMiniText
{
  margin-right:10px;
  margin-bottom:5px;
  border:1px #000000 solid;
}

/* Images news */
.newsRageImage
{

}

/* Images RSS */
.rssIcon
{
  border:0px;
  height:15px;
  width:14px;
} 

.rssMiniIcon
{
  border:0px;
  height:10px;
  width:10px;
}

/* Images Flag */
.flagMiniIcon
{
  border:#000000 solid 1px;
  width:12px;
  height:8px;
}

/* Images concerts */
.mapImage
{
  margin-top:10px;
  margin-bottom:5px;
  border:0;
  width:460px;
  height:460px;
}

.mapMiniImage
{
  margin-top:5px;
  margin-bottom:5px;
  border:0;
  width:230px;
  height:230px;
}

/***************************************************************************
 *   	Tables        		      
 ***************************************************************************/

/* Proprietes du tableau de la banniere */
.tableBanner
{
  height:126px;
  width:962px;
  
  background-image:url(banner_background.png);
  background-repeat:no-repeat;
  background-color:#FFFFFF;
}

/* Proprietes du tableau de la banniere */
.tableNavigation
{
  height:35px;
  width:962px;
  
  background-image:url(navigation_background.png);
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  
  text-align:right;
  vertical-align:middle;
}

/* Proprietes du tableau entre navig et main */
.tableInter
{
  height:16px;
  width:962px;
  
  background-image:url(inter_background.png);
  background-repeat:no-repeat;
}

/* Proprietes du tableau main */
.tableMain
{
  width:962px;
  
  background-image:url(maintable_background.png);
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  
  border:solid #000000 1px;
}

/* Propriétés du tableau des colonnes */
.tableMainColumn
{
  width:100%;
}

/* Proprietes du tableau du footer */
.tableFooter
{
  height:27px;
  width:962px;
  
  text-align:center;
  vertical-align:middle;
  
  border-spacing:0px;
  padding:0px;
}

/* Proprietes du tableau d'affichage de rubrique */
.tableRubrique
{
  margin-bottom:10px;
}

/* Proprietes d'affichage d'un tableau avec creux */
.tableBorders
{
  width:100%;
}

/***************************************************************************
 *   	Specialized tables          		      
 ***************************************************************************/

/* Proprietés de la colonne Artistes de gauche */
.tableArtistsRight
{
  width:260px;
}

/* Proprietés de la colonne Artistes de droite */
.tableArtistsLeft
{
  width:670px;
  margin-right:10px;
}

.tableArtistsDisco
{
  /*margin-top:10px;*/
}

.tdTableArtistsDisco
{
  width:100px;
  height:70px;
  padding:3px;
  background-color:#DDDDDD;
  border:1px #BBBBBB solid;
}

/***************************************************************************
 *   	Tds           		      
 ***************************************************************************/

/* Td general de liste fond 1 */
.tdRowList1
{
  height:25px;
  background-color:#E9E9E9;
}

/* Td general de liste fond 1 */
.tdRowList2
{
  height:25px;
  background-color:#FFFFFF;
}

/* Td general de liste fond 1 */
.tdLargeRowList1
{
  height:80px;
  background-color:#E9E9E9;
}

/* Td general de liste fond 1 */
.tdLargeRowList2
{
  height:80px;
  background-color:#FFFFFF;
}

/* Td du tableau de menu de navig */
.tdTableNavigation
{
  padding-right:10px;
}

/* Td du tableau des colonnes */
.tdTableMainColumn
{
  vertical-align:top;
}

/* Td de categories */
.tdCatTitle
{
  height:17px;
  background-image:url(/styles/v1/cattitle_background.png);
  background-repeat:repeat;
  background-color:#b50808; 
}

/* Td de la case sous une categorie */
.tdUnderCatTitle1
{
  padding-top:5px;
  padding-bottom:11px;
}

/* Td de la case sous une categorie */
.tdUnderCatTitle2
{
  padding-top:5px;
  padding-left:5px;
  padding-bottom:8px;
  padding-right:5px;
  background-color:#E9E9E9;
  border:1px #CCCCCC solid;
}

.tdUnderCatTitle3
{
  padding-top:5px;
  padding-left:5px;
  padding-bottom:5px;
  padding-right:5px;
  background-color:#DDDDDD;
  border:1px #BBBBBB solid;
}

/* Td de separation sans fond */
.tdSeparation
{
  height:3px;
}

.tdSeparation2
{
  height:13px;
}

/* Td de concerts */
.tdRowConcerts1
{
  padding:3px;
  background-color:#DDDDDD;
  border:1px #BBBBBB solid;
  vertical-align:middle;
}

.tdRowConcerts2
{
  padding:3px;
  background-color:#BDBDBD;
  border:1px #BBBBBB solid;
  vertical-align:middle;
}

/* Td de concerts avec saut de ligne */
.tdRowConcerts1UpBorder
{
  padding:3px;
  
  background-color:#DDDDDD;
  border:1px #BBBBBB solid;

  border-top:10px #E9E9E9 solid;
  vertical-align:middle;
}

.tdRowConcerts2UpBorder
{
  padding:3px;
  
  background-color:#BDBDBD;
  border:1px #BBBBBB solid;
  
  border-top:10px #E9E9E9 solid;
  vertical-align:middle;
}

/***************************************************************************
 *   	Scriptaculous elements          		      
 ***************************************************************************/

/*  */
div.autocomplete 
{
  position:absolute;
  width:500px;
  background-color:#FFFFFF;
  border:1px solid #000000;
  margin:0px;
  padding:0px;
}

div.autocomplete ul 
{
  list-style-type:none;
  margin:0px;
  padding:0px;
  max-height:20em;
}

div.autocomplete ul li.selected
{
  background-color:#D10909;
  color:#FFFFFF;
}

div.autocomplete ul li 
{
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

div.autocomplete ul li span.informal 
{
  color:#555555;
  font-size:0.75em;
}
