/*
 castagnari.css
 */

#Masthead,
#ficheDiato { 
  background: url(https://castagnari-2001.trad.org/images/fond.jpg) 50% 0 repeat-y fixed;
}

#TopCenter { 
  width: 100%;
}

#TopRight {
  width: 194px;
  background-image: url(https://castagnari-2001.trad.org/images/arbre.jpg);
  white-space: nowrap;
}

#Footer { 
  background-color: #e9ecf3;
  background-image: url(https://castagnari-2001.trad.org/images/3casta_back.jpg);
  padding: 3px;
}

#MemberActionsBox { 
  background-color:#899;
  border-style: solid;
  border-color: #fff;
  border-width: 1px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#languageSelector input { 
  margin-top: 1px;
}

td.ActionTitle { 
  width: 100%;
}

.ActionLink {
  white-space: nowrap;
}


#mainHeader, .mainHeader {
  padding: 1px 0;
  margin: 0;
  background-color: #e9ecf3;
  background-image: url(https://castagnari-2001.trad.org/images/3casta_back.jpg);
  text-align: center;
}

#mainHeader h1 { 
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  text-shadow: #999 0.2em 0.2em 3px;
}

#Breadcrumbs {
  background: none;
  background-color: #fff;
  filter:alpha(opacity=50);
  opacity: 0.5;
  text-align: left;
}

#Desktop {
  padding: 0 0.5em;
}

a:hover {  
  color: #97ccff;
}

.calque {  
  background-color: #fff;
  filter:alpha(opacity=50);
  opacity: 0.5;
  padding: 1px;
}

/* 
 * Familles / résultats
 */

#listeFamilles { 
  margin-left: auto;
  margin-right: auto;
  width: 90%;  
  border: 1px solid black;    
}

#listeFamilles td {
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  white-space: nowrap;
}

.enteteFamille th {
  padding: 0.5em;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 120%;
  text-align: left;
  text-shadow: #333 0.2em 0.2em 3px;
}

.enteteFamille td,
td.enteteFamille {
  padding: 2px;
  background-color: #899;
  color: #fff;
  font-family: Georgia, Times New Roman, Times, serif;
  font-weight: bold;
}

.even td { 
  background-color: #eee;
}

.selected { 
  background-color: #eee;
  font-weight:bold;
  font-style:italic;
  text-decoration:underline;
}

/*
 * Edition d'une famille
 *

.echantillon {
  height: 3em;
  width: 3em;
  border: 1px solid black;
}


/*
 * Fiche d'un accordeon
 */

#ficheDiato {  
  background-color: none;
  margin-top: 0;
}

#ficheDiato h1{
  white-space: nowrap;
  padding: 0.25em 0.5em;
  margin: 0;
  text-shadow: #333 0.2em 0.2em 3px;
}

#ficheDiato table#fiche{
  width: 100%;
}

#caisse {
  text-align: right;
}

#bois {
  padding: 0.5em 0 0.5em 0.5em;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 80%;
  font-style: italic;
}

#bois a img {  
  border-width: 0;
}

#photo {
  text-align:center;
}

#photo img {
  margin: 1em 1em 0 1em;
  border: 2px solid black;
}

#legende {
  margin: 0.5em;
  padding: 0.5em;
  background-color: #fff;
  filter:alpha(opacity=50);
  opacity: 0.5;
}

#ficheDiato table.specs td {
  white-space: nowrap;
}

#ficheDiato table.specs td.header {
  padding-top: 0.5em;
  padding-bottom: 0;
  border-bottom: 1px solid #999;
  font-weight: bold; 
}

#ficheDiato th {
  padding: 0.2em 0.4em;
  white-space: nowrap;
  text-align: center;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 120%;
  font-weight: normal;
  font-style: italic;
}

#ficheDiato th a {
  text-decoration: none;
}

#ficheDiato th a:hover {
  text-decoration: underline;
}

.dimensions {
  padding: 1px 0.5em;
  background-color: #42272b;
  border-top: 2px solid #7a5652;
  border-left: 2px solid #7a5652;
  border-bottom: 2px solid #251b21;
  border-right: 2px solid #251b21;
  font-family: Georgia, Times New Roman, Times, serif;
  color: #fff;
}

/*
 * Formulaire de recherche
 */

#tableForm th { 
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding: 0.5em;
}

#tableForm td {
  padding: 0.5em;
  text-align: left;
}

.legendeForm { 
  font-size: 85%;
  color: #566;
}

#tableForm label { 
  white-space: nowrap;
}

#tableForm #exemple { 
  text-align:center;
  font-style: italic;
}

/*
 * GMaps
 */

.gBulle {
  width: 290px;
  font-size: 85%;
}

.gBulle h1 {
  margin-top: 0;
  border-bottom: 1px solid #ccc;
}

.gBulle img {
  float: left;
  margin-right: 1em;;
}
