/* ======================== */
/* selecteur sur id (dièse) */

/* Page complète */
#PhotoPage
{
  border:1px #000050 solid;
  border-radius:3px;
  margin-left:auto;
  margin-right:auto;
  width:1595px;
  background-color:#FFFFFF;
}

/* Le titre principal de la page */
#titre
{
  margin:0;
  font-size:4em;
  text-align:center;
  color:#000050;
}


/* ===================== */
/* navigation par bouton */

#navliste
{
  margin:8px;
  margin-left:2px;
  margin-top:11px;
  margin-bottom:10px;
  padding:0;
  list-style:none;
  text-align:left;
}

#navliste li
{
  display:inline;
  margin-right:2px;
  color:#FFFFFF;
  background:#000050;
}

#navliste li a
{
  padding:8px 55px;
  background:#000050;
  color:#FFFFFF;
  border:1px solid #000050;
  font-family:arial;
  line-height:1em;
  text-align:center;
  text-decoration:none;
}

#navliste li a:hover, #navliste li a:focus, #navliste li a:active
{
  background:#000090;
  text-decoration:none;
}


/* ==== */
/* Menu */

#mainMenu
{
  margin:0px;
  margin-left:0px;
  margin-right:0px;
  padding:0;
  list-style:none;
  text-align:left;
}

#mainMenu ul
{
  margin:0px;
  padding:0;
  list-style:none;
  text-align:left;
}

#mainMenu li
{
  margin-left:2px;
  margin-right:0px;
  display:inline-block;
  position:relative;
  padding:0px 5px;
}

#mainMenu ul li
{
  display:inherit;
}

#mainMenu ul
{
  position:absolute;
  z-index: 1000;
  max-height:0;
  left: 0;
  right: 0;
  overflow:hidden;
  -moz-transition: .8s all .3s;
  -webkit-transition: .8s all .3s;
  transition: .8s all .3s;
}

#mainMenu li:hover ul
{
  max-height:15em;
}

/* background des liens menus */
#mainMenu li
{
  background-color: #000050;
}

/* background des liens sous menus */
#mainMenu li li
{
  background:#505050;
  margin-left:0px;
  margin-right:0px;
}

/* background des liens menus et sous menus au survol */
#mainMenu li:hover, #mainMenu li li:hover
{
  background:#000090;
}

/* les a href */
#mainMenu a
{
  text-decoration:none;
  display:block;
  padding:8px 55px;
  color:#FFFFFF;
  font-family:arial;
}

#mainMenu ul a
{
  padding:8px 0;
}

#mainMenu li:hover li a
{
  color:#FFFFFF;
  text-transform:inherit;
}

#mainMenu li:hover a, #mainMenu li li:hover a
{
  color:#FFFFFF;
}


/* ============================ */
/* liens sur page intermédiaire */

#listeLinks
{
  margin-left:auto;
  margin-right:auto;
  width:920px;
}

#linkFrame
{
  text-align:center;
  margin-bottom:20px;
}

#linkTitreFrame
{
  width:920px;
  text-align:left;
}

#linkTitre
{
  font:2em "Trebuchet MS",Arial,sans-serif;
  line-height:1em;
  color:#FFFFFF;
  padding:10px;
  text-align:left;
  background-color:#000050;
  display:inline;
  margin-left:0px;
}

#linkPhoto
{
  padding:10px;
  text-align:left;
  background-color:#000050;
}

#listePhotos
{
  background-color:#000000;
}

#listePhotosWhite
{
  background-color:#FFFFFF;
}


/* ============================ */
/* selecteur sur classe (point) */

.BigMainTitle
{
  margin:0;
  font-size:4em;
  text-align:center;
  color:#f15c22;
  background-color:#CCCCCC;
}


/* ========== */
/* Thumbnails */

.listOfObjectsTitle
{
  font-size:3em;
  text-align:center;
  color:#FFFFFF;
  background-color:#000000;
  padding:10px;
}

.boxOfThumbnails
{
  padding:5px;
  color:#000000;
  background-color:#000000;
}

.thumbnail
{
  margin:4px;
  padding:2px;
  display:inline-block;
  background-color:#000000;
  border:1px solid white;
  border-radius:5px;
}

.thumbnailJPG
{
  color:#FFFFFF;
  background-color:#000000;
}

.thumbnailTitle
{
  font-size:2em;
  text-align:center;
  color:#FFFFFF;
  background-color:#000000;
}


/* ======== */
/* Pictures */

.pictureBox
{
  color:#000000;
  background-color:#000000;
  text-align:center;
}

.mainJPG
{
  display:inline-block;
  text-align:center;
  color:#000000;
  background-color:#000000;
  border:1px solid white;
}

.inverseJPG
{
  display:inline-block;
  text-align:center;
  color:#000000;
  background-color:#000000;
}

.googleMap
{
  display:inline-block;
  text-align:center;
  color:#000000;
  background-color:#000000;
  padding:0px 0px 0px 100px;
}

.fillingBlock
{
  color:#000000;
  background-color:#000000;
  padding:10px;
}

.fillingBlockBis
{
  color:#FFFFFF;
  background-color:#FFFFFF;
  padding:10px;
}

.fillingBlock20
{
  color:#000000;
  background-color:#000000;
  padding:20px;
}

.fillingBlock60
{
  color:#000000;
  background-color:#000000;
  padding:60px;
}

.fillingBlock80
{
  color:#000000;
  background-color:#000000;
  padding:80px;
}

.miscTitle
{
  text-align:center;
  color:#FFFFFF;
  background-color:#111111;
  border:1px solid white;
  padding:5px;
  width:99%;
}

.invTitle
{
  display:inline-block;
  text-align:center;
  color:#FFFFFF;
  background-color:#111111;
  border:1px solid white;
  padding:5px;
  width:800px;
}

.locTitle
{
  display:inline-block;
  text-align:center;
  color:#FFFFFF;
  background-color:#111111;
  border:1px solid white;
  padding:5px;
  width:600px;
}

.emptyTitle
{
  display:inline-block;
  text-align:center;
  color:#FFFFFF;
  padding:5px;
  width:100px;
}

.listOfObjectsMainTitle
{
  font-size:4em;
  text-align:center;
  color:#f15c22;
  background-color:#000000;
  padding:10px;
}

.listOfObjectsMainTitleBis
{
  font-size:4em;
  text-align:center;
  color:#f15c22;
  background-color:#FFFFFF;
  padding:10px;
}

.listOfObjectsNGCTitle
{
  font-size:2em;
  text-align:center;
  color:#FFFFFF;
  background-color:#000000;
  padding:10px;
}

.listOfObjectsCommonName
{
  font-size:1em;
  text-align:center;
  color:#FFFFFF;
  background-color:#000000;
  padding:10px;
}

.listOfObjectsCommonNameBis
{
  font-size:1em;
  text-align:center;
  color:#000050;
  background-color:#FFFFFF;
  padding:10px;
}

.descriptionBox
{
  text-align:center;
  color:#000000;
  background-color:#000000;
  padding:30px 50px 50px 50px;
}

.descriptionBox2
{
  text-align:center;
  color:#000000;
  background-color:#000000;
  padding:20px;
}

.descObject
{
  display:inline-block;
  color:#f15c22;
  background-color:#222222;
  text-align:center;
  padding:10px;
  border:1px solid white;
  width:97%;
  margin:20px 0px 4px 0px;
}

.descPicture
{
  display:inline-block;
  color:#f15c22;
  background-color:#222222;
  text-align:center;
  padding:10px;
  border:1px solid white;
  width:92%;
  margin:20px 0px 4px 0px;
}

.descBoxLegend
{
  display:inline-block;
  color:#EEEEEE;
  background-color:#111111;
  text-align:left;
  padding:10px;
  border:1px solid white;
  width:23%;
}

.descBoxText
{
  display:inline-block;
  color:#FFFFFF;
  background-color:#333333;
  text-align:center;
  padding:10px;
  border:1px solid white;
  width:23%;
}

.refTable
{
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  padding:10px;
  margin:auto;
}

.tableTD1
{
  color:#FFFFFF;
  background-color:#111111;
  border:1px solid white;
  text-align:center;
  padding:10px;
}

.tableTD2
{
  color:#FFFFFF;
  background-color:#000000;
  border:1px solid white;
  text-align:center;
  padding:10px;
}






.descTable
{
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  margin:auto;
  width:90%;
}

.descTableBis
{
  color:#000050;
  background-color:#FFFFFF;
  text-align:center;
  margin:auto;
  width:90%;
}

.descTableInside
{
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  margin:auto;
  width:100%;
}

.descTableInsideBis
{
  color:#000050;
  background-color:#FFFFFF;
  text-align:center;
  margin:auto;
  width:100%;
}

.descTableTitle
{
  border:1px solid white;
  color:#f15c22;
  background-color:#222222;
  padding:10px;
}

.descTableTitleBis
{
  border:1px solid #000050;
  color:#f15c22;
  background-color:#FFFFFF;
  padding:10px;
}

.descTableTitleZWO
{
  color:#f15c22;
  background-color:#222222;
  padding:20px;
}

.descTableKey
{
  text-align:left;
  background-color:#111111;
  border:1px solid white;
  padding:10px 10px 10px 10px;
  width:25%;
}

.descTableKeyBis
{
  text-align:left;
  background-color:#EEEEEE;
  border:1px solid #000050;
  padding:10px 10px 10px 10px;
  width:25%;
}

.descTableValue
{
  text-align:center;
  background-color:#333333;
  border:1px solid white;
  padding:10px 10px 10px 10px;
  width:25%;
}

.descTableValueBis
{
  text-align:center;
  background-color:#FFFFFF;
  border:1px solid #000050;
  padding:10px 10px 10px 10px;
  width:25%;
}

.fullWidth
{
  width:100%;
}

.quarterWidth
{
  width:25%;
}

.AllPicturesMainTitle
{
  color:#FFD700;
  text-align:center;
  font-size:4em;
}

.AllPicturesLegend
{
  color:#f15c22;
  text-align:center;
  font-size:1em;
}

#zoomView
{
  width:1500px;
  height:1000px;
}