﻿/* Joomgallery local Style - wont be overwritten by updates etc.
 * Rename this file to "joom_local.css" to have it included in
 * Joomgallery.
 * You can override any Style Definition of Joomgallery
 * Be sure to place !important behind each definition that could be
 * defined elsewhere. 
 * 
 * A basic sample style is included below. Feel free to edit or 
 * comment to your liking.
 *
 * 
 * Diese Datei wird nicht von Updates o.ä. überschrieben.
 * Benennen Sie diese in "joom_local.css" um, damit sie von der Joomgallery 
 * erkannt und eingebunden wird.
 *
 * Sie können jede Style-Definition 'überschreiben', die von der Joomgallery
 * standardmäßig in den anderen CSS-Dateien vergeben wird.
 *
 * Bitte fügen Sie ein '!important' in jeder Definition ein, die schon an
 * anderer Stelle definiert ist.
 *
 * Ein grundlegendes Beispiel für geänderte Styles finden Sie untenstehend.
 * Sie können diese nach Ihren Vorstellungen ändern.
 * 
 */
 
 
/* Main style / Background of whole gallery */
.gallery {
	padding: 2px;
  background:#fff;
  color:#333;
}

/* Heading of the component */
.gallery .componentheading {
	text-align:left;
	color:#003C69;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	background-color: #003C69;
	height: 33px;
	line-height: 33px;
	background-image: url(../../../../templates/sua_composants/images/bg_td.jpg);
	padding-left: 5px;
	background-repeat: repeat-x;
	border: 1px solid #003C69;
	background-position: center;
}

.jg_pathway {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	background-image: url(../../../../templates/sua_composants/images/bg_bleu.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 20px;
	vertical-align: middle;
	}

/* Links in pathway */
.jg_pathway a,.jg_pathway a:visited, .jg_pathway a:link {
  color: #BA7314;
}
.jg_pathway a:hover {
  color:#FFF;
}
div.gallery .sectiontableheader {
	font-size:1em !important;
	font-weight:bold !important;
	text-align:center !important;
	background-color:#EEE !important;
	background-image:url(../../../../templates/sua_composants/images/bg_bleu.png) !important;
	color:#333 !important;
	padding:0.3em !important;
	background-repeat: repeat-x;
	background-position: center;
}
div.gallery .sectiontableentry {
  background-color:#c0c0c0 !important;
  background-image:none !important;
  color:#fff !important;
}
div.gallery .sectiontableentry1 {
  background-color:#FFF !important;
  background-image:none !important;
}
div.gallery .sectiontableentry2 {
  background-color:#EEE !important;
  background-image:none !important;
}

/* box elements in detailed view */
div.jg_details, div.jg_voting, div.jg_send2friend, div.jg_commentsarea{
  border: 1px solid #999;  
}

/* Images displayed in the category overview   */
/* Uncomment below e.g. to align the text left */
.jg_catelem{
  /* text-align:left;   */
}

/* Category elements in gallery overview */
.jg_element_gal {
  /* text-align:center; */ 
}

/* Subcategory elements in category view */
.jg_element_cat {
  /* text-align:left;   */
}

/* Toplists picture elements */
.jg_top_element {
   /* text-align:left; */
   /* uncomment below to have elements ordered vertically 
      instead of horizontally */   
   /*  float:none; */
}
.jg_pagenav {
	color: #FFF;
	text-decoration: none;
	border: 1px solid #003C69;
	background-image: url(../../../../templates/sua_composants/images/bg_td.jpg);
	background-position: center center;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-transform: uppercase;
	font-size:10px;
}
