/* selecteur sur id (dièse) */
/* Le titre principal de la page */
#titre
{
  margin:0;
  font-size:4em;
  text-align:center;
  color:#000050;
}


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


/* ============================================= */
/* 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;
}



/* ============================================= */
/* selecteur sur classe (point) */
/* Le thumbnail d'une photo, normal */

.thumbnailPhoto
{
  width:154px;
  height:104px;
  border:1px #888888 solid;
  border-radius:5px;
  box-shadow:3px 3px 3px darkgray;
  background-color:#FFFFFF;
  overflow:auto;
  margin:3px;
  padding:3px;
  display:inline-block;
}

.thumbnailVerPhoto
{
  width:104px;
  height:154px;
  border:1px #888888 solid;
  border-radius:5px;
  box-shadow:3px 3px 3px darkgray;
  background-color:#FFFFFF;
  overflow:auto;
  margin:3px;
  padding:3px;
  display:inline-block;
}

/* Le thumbnail d'une photo, quand la souris est dessus */
.thumbnailPhoto:hover
{
  width:154px;
  height:104px;
  border:2px #000000 solid;
  border-radius:5px;
  box-shadow:0px 0px 0px darkgray;
  background-color:#CCCCCC;
  overflow:auto;
  margin:3px;
  padding:3px;
  display:inline-block;
}

.thumbnailVerPhoto:hover
{
  width:104px;
  height:154px;
  border:2px #000000 solid;
  border-radius:5px;
  box-shadow:0px 0px 0px darkgray;
  background-color:#CCCCCC;
  overflow:auto;
  margin:3px;
  padding:3px;
  display:inline-block;
}

/* Photo en plein écran */
.fullPhoto
{
  border:2px #000000 solid;
  border-radius:20px;
  background-color:#EEEEEE;
  margin:70px;
  padding:20px;
  display:center;
}

.Photo
{
  text-align:center;
}

.PhotoTitle
{
  font-size:2em;
  text-align:center;
}

.PhotoDesc
{
}

.PhotoDate
{
  text-align:right;
}