/* fiche.css */

.Fiche {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-top: 22px;
}
#MembreFiche .tabs,
#AssociationFiche .tabs,
#VilleFiche .tabs,
#CommerceFiche .tabs {
  position: absolute;
  margin: -22px 0 0 0;
}
.Fiche .tabs li {
  float: left;
  list-style-type: none;
  margin: 0 5px 0 0;
}
.Fiche .tabs li .normal {
  background: url(/images/fiche/bt_fiche.gif) no-repeat;
  color: white;
}
#MembreFiche .tabs li a,
#AssociationFiche .tabs li a,
#VilleFiche .tabs li a,
#CommerceFiche .tabs li a {
  background: url(/images/fiche/bt_fiche.gif) no-repeat;
  color: white;
  line-height: 23px;
  height: 23px;
  font-weight: bold;
  width: 151px;
  display: block;
  text-align: center;
  cursor: pointer;
}
#MembreFiche .tabs li a:hover,
#AssociationFiche .tabs li a:hover,
#VilleFiche .tabs li a:hover,
#CommerceFiche .tabs li a:hover {
  background: url(/images/fiche/bt_fiche_hover.gif) no-repeat;
  text-decoration: none;
  color: #2E3192;
  line-height: 23px;
  height: 23px;
}
#MembreFiche .tabs li .hover,
#AssociationFiche .tabs li .hover,
#VilleFiche .tabs li .hover,
#CommerceFiche .tabs li .hover {
  background: url(/images/fiche/bt_fiche_hover.gif) no-repeat;
  color: #2E3192;
}
#fiche,
#association,
#bureau,
#actualite,
#commande,
#commercant,
#geo {
  display: block;
  background: transparent url(/images/fiche/header_background.gif) no-repeat top left;
  padding: 10px;
}
#geo ul {
  color: white;
  padding-bottom: 5px;
  display: block;
}
.Fiche {
  background: transparent url(/images/fiche/background.gif) no-repeat bottom left;
}
.Fiche h4 {
  padding: 0 0 5px 5px;
  font-size: 13px;
}
.Fiche .title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2A3990;
  font-style: normal;
  font-weight: bold;
}
.Fiche .cyanTitle {
  font-size: 14px;
  font-weight: bold;
  color: #0071BC;
  text-align: left;
}
.Fiche .sector {
  background: transparent url(/images/red-arrow.png) no-repeat top left;
  border-bottom: 1px solid #CECECE;
  margin: 10px 20px 10px 0;
  padding-bottom: 2px;
  color: #0071BC;
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
}
.Fiche .information {
  margin-top: 10px;
}
.Fiche .bigimage {
  width: 350px;
}
.Fiche .smallimage {
  width: 80px;
  height: 53px;
  border: 1px solid #A5A2A2;
  cursor: pointer;
  margin-bottom: 2px;
}
.Fiche .bigimage,
.Fiche .pic { 
  margin-right: 10px;
  border: 1px solid #A5A2A2;
}
.Fiche .address {
  color: #231F20;
}
.Fiche .phone {
  font-weight: bold;
  font-size: 15px;
  color: #2A3990;
}
.Fiche a.website {
  font-size: 11px;
  color: #2A3990;
  text-align: left;
}
.Fiche .website {
  text-align: left;
}
.Fiche .addressGeo {
  font-weight: bold;
}
.Fiche .return {
  margin-top: 20px;
  text-align: center;
  color: #0071BC;
}
.Fiche a.returnLink {
  background: transparent url(/images/return.png) no-repeat;
  padding: 0 0 20px 20px;
}
.Fiche .promo_geo a,
#CommerceFiche .promo_geo a,
#CommerceFiche .promo_commande a {
  font-size: 14px;
  font-weight: bold;
  color: #2E3192;
  cursor: pointer;
}
.Fiche .promo_geo a {
  background: url(/images/fiche/bt_geo.gif) no-repeat top left;
  padding-left: 25px;
  line-height: 20px;
  height: 20px;
  display: block;
}
#AssociationFiche .galleryLink a,
#AssociationFiche .geoLink a,
#VilleFiche .geoLink a,
#CommerceFiche .geoLink a {
  background: url(/images/fiche/bt_geo.gif) no-repeat top left;
  padding-left: 25px;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #2E3192;
  cursor: pointer;
}
#AssociationFiche .galleryLink a {
background: url(/images/fiche/bt_galerie.gif) no-repeat top left;
}

/* CommerceFiche */

#CommerceFiche .activity {
  font-style: italic;
  text-transform: uppercase;
  color: #2A3990;
}
#CommerceFiche .cardPicto {
  width: 30px;
  float: left;
  margin-right: 10px;
}
#CommerceFiche .cardText {
  padding-top: 3px;
}
#CommerceFiche .description {
  width: 350px;
  margin-top: 5px;
  font-style: italic;
  color: #2A3990;
}
#CommerceFiche .animBox {
  border: 1px solid #A5A2A2;
  background: #dee7ea;
  width: 220px;
  min-height: 120px;
  padding: 5px;
}
#CommerceFiche .promoTitle,
#CommerceFiche .animTitle {
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
  color: #ED1C24;
}
#CommerceFiche .promoContent,
#CommerceFiche .animContent {
  font-style: italic;
  color: #2E3192;
}
#CommerceFiche .promoBox {
  border: 1px solid #A5A2A2;
  width: 220px;
  min-height: 120px;
  margin-bottom: 10px;
  padding: 5px;
}
#CommerceFiche .dates {
  font-size: 11px;
  color: #515151;
  padding: 0;
  margin-top: -5px;
}
#CommerceFiche .subtitle1,
#CommerceFiche .subtitle2 {
  font-size: 14px;
  color: #F7931E;
  margin-top: 10px;
  font-weight: bold;
}
#CommerceFiche .subtitle1 {
  border-top: 1px dotted #2A3990;
  margin-right: 15px;
  padding-top: 10px;
}
#CommerceFiche .promo_commande a {
  background: url(/images/fiche/bt_commande.gif) no-repeat top left;
  padding-left: 25px;
  line-height: 20px;
  height: 20px;
  display: block;
}

/* DemandeForm */

#CommerceFiche .DrWForm {
  color: #2E3192;
}
#CommerceFiche .SubmitButton {
  text-align: center;
  margin-top: 10px;
}
#CommerceFiche .SubmitButton input {
  background: transparent url(/images/fiche/order-button.png) no-repeat;
  height: 28px;
  padding-bottom: 5px;
  width: 183px;
  border: none;
  color: white;
  font-size: 14px;
  cursor: pointer;
}
input, textarea {
  cursor: pointer;
}
input:disabled, textarea:disabled {
  color: #2A3990;
  background: #cccccc;
}
input:focus, textarea:focus {
  background: #d3d9fc;
  border: 2px solid #2A3990;
} 

/* AssociationFiche */
/* VilleFiche */

#AssociationFiche .city {
  font-size: 11px;
  color: #6b6b6b;
}
#AssociationFiche .listText {
  font-style: italic;
}
#MembreFiche a.childLink,
#AssociationFiche a.childLink,
#VilleFiche a.childLink {
  color: black;
}
#AssociationFiche .storeList,
#VilleFiche .storeList {
  margin-left: 30px;
}
#VilleFiche .description,
#AssociationFiche .description {
  font-style: italic;
  color: #2A3990;
}
#AssociationFiche .actuLink a,
#VilleFiche .shopLink a {
  font-size: 14px;
  font-weight: bold;
  color: #2E3192;
  cursor: pointer;
}
#VilleFiche .shopLink a,
#AssociationFiche .actuLink a {
  background: url(/images/fiche/bt_actu.gif) no-repeat top left;
  padding-left: 25px;
  line-height: 20px;
  height: 20px;
  display: block;
}

/* PhotoViewer */

#PhotoViewer .Thumbs {
  list-style-type: none;
  margin: 5px 0 10px 0;
  width: 353px;
}
#PhotoViewer .thumb {
  display: inline;
}

/* Tableau des horaires */

#horairesTable {
  width: 606px;
  margin-top: 10px;
  margin-left: -8px;
}
#horairesTable td {
  border: 1px solid #a5a4a4;
  font-size: 11px;
  text-align: center;
}
.jour {
  line-height: 28px;
  font-weight: bold;
  color: white;
  background: #2E3192;
}
.separator {
  margin-right: 3px;
}

/* Actualites */

#ActuBox .author {
  text-align: justify;
  color: #5a5a5c;
}
#ActuBox .photo {
  float: left;
  margin-right: 10px;
}
#ActuBox .NewsArchive {
  list-style-type: none;
  margin: 0 10px;
  padding: 0;
}
#ActuBox .NewsArchive li {
  margin: 10px 0;
}
#ActuBox .NewsArchive li .photo {
  margin: 0;
}
#ActuBox .NewsArchive .NewsArchivePage .photo img {
  height: 56px;
  width: 75px;
  border: none;
  margin: 2px 5px 0 2px;
}
#ActuBox .NewsArchive li.NewsArchivePage {
  clear: both;
  padding-bottom: 20px;
  height: 55px;
  cursor: pointer;
}
#ActuBox .NewsTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
}
#ActuBox .NewsTitle a {
  color : #2A3990;
  font-weight: bold;
}
#ActuBox .NewsArchive .NewsArchivePage .NewsTitle {
  font-size: 13px;
}
#ActuBox .NewsDate {
  font-weight: normal;
  font-size: 11px;
  color: #0071BC;
}


/* MembreFiche */

#MembreFiche .photo {
  float: left;
}
#MembreFiche ul {
  list-style-type: none;
  margin-left: 0;
}
#MembreFiche .associationList li {
  margin: 10px 0;
}
#MembreFiche ul li .photo img {
  height: 56px;
  width: 75px;
  margin: 2px 5px 0 0;
}
#MembreFiche ul li.associationItem {
  clear: both;
  padding-bottom: 30px;
  height: 55px;
  cursor: pointer;
}
#MembreFiche .associationName a {
  color : #2A3990;
  font-weight: bold;
}
#MembreFiche .associationName {
  font-size: 14px;
}
#MembreFiche .city {
  font-size: 11px;
  color: #6b6b6b;
}