/**************************************************************
 * Document
 **************************************************************/
body {
 margin: 0;
 padding: 0;
 background-color: #FFFF64;
}

img {
 border: 0;
}

hr {
  border: 0 none;
  border-bottom: 2px dotted #DDD;
}

/**************************************************************
 * General
 **************************************************************/

div#main {
 width: 790px;
 height: 516px;
 margin: 0;
 padding: 5px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -300px;
 margin-left: -400px;
 border-top: 1px solid #333;
 border-left: 1px solid #333;
 border-right: 1px solid #333;
 border-bottom: 0;
 background-color: #fff;
}

dl#menu {
 width: 790px;
 height: 64px;
 margin: 0;
 padding: 5px;
 border: 1px solid #333;
 list-style-type: none;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: 227px;
 margin-left: -400px;
 background-color: #fff;
}

dl#menu dt {
 float: left;
 height: 100%;
 line-height: 80px;
 padding: 0 12px 0 12px;
}

div#copyright {
 position: absolute;
 bottom: 8px;
 right: 0;
 width: 100%;
 height: 8px;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: x-small;
}

div#logos {
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: 50px;
}
div#logos img {
 width: 50px;
}

table#tableContent {
 width: 100%;
 height: 100%;
}

td#contentCell {
 text-align: left;
 vertical-align: bottom;
}

td#image {
 width: 360px;
 text-align: center;
}

td#title {
 height: 75px;
 text-align: center;
 vertical-align: top;
 padding-top: 30px;
}

div#content {
 padding: 0;
 height: 370px;
 width: 100%;
 overflow: auto;
}

.note {
 font-style: italic;
 font-size: small;
}

.error {
 text-align: left;
 border: 2px dotted #F00;
 background-color: #FFFFC0;
 color: #F00;
 font-weight: bold;
 padding: 5px;
}

/**************************************************************
 * Specific lay-out
 **************************************************************/
#contentCell.accueil, #contentCell.presse, #contentCell.contact {
 padding-top: 80px;
}

#image.presse {
 vertical-align: bottom;
}

p.news, p.accueil, p.biographie, p#synopsis, p.presse, p.message, p.contact {
 text-align: justify;
 padding-right: 5px;
}

.newsTitle {
 font-variant: small-caps;
 font-weight: bold;
}

.newsNone, .linksNone, .noData {
 font-style: italic;
}

.linksVisits {
 float: right;
}

.albumsSort, .add {
 text-align: center;
}

.album img {
 float: left;
 padding-right: 15px;
}

.album a {
 font-weight: bold;
}

p.message span.date {
 float: right;
}

#tacheAccueil {
 position: relative;
 right: -300px;
 top: 25px;
 width: 100px;
}

#tacheNews, #tacheAlbums, #tachePresse, #tacheLivre, #tacheContact {
 position: relative;
 right: -50px;
 width: 50px;
}

#tacheLiens, #tacheContact2 {
 position: relative;
 right: -170px;
 top: 30px;
 width: 200px;
}

/**************************************************************
 * Album details Dialog
 **************************************************************/
#albumDialog td {
 text-align: left;
}

#albumDialog td.image {
 text-align: center;
 vertical-align: middle;
 width: 350px;
 height: 400px;
}

#albumDialog td.data {
 text-align: left;
}

th#dataHeaders {
 width: 150px;
}

td#dataContent {
 width: 250px;
}

p#synopsis {
 padding: 0 10px 0 10px;
 width: 750px;
 text-align: justify;
}

/**************************************************************
 * Album images Dialog
 **************************************************************/
#images {
 border-collapse: collapse;
}

#images td.image {
 width: 635px;
 height: 535x;
 text-align: center;
 vertical-align: middle;
}

#images td.list {
 text-align: center;
 vertical-align: top;
 width: 150px;
 border-left: 1px solid #000;
 border-bottom: 1px solid #000;s
 padding-bottom: 5px;
}

#images div.list {
 overflow: auto;
}

#images td.list div {
 overflow: auto;
 height: 560px;
}

#images td.controls {
 height: 25px;
 line-height: 25px;
 text-align: center;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

#images td#first, #images td#previous, #images td#next, #images td#last {
 width: 25px;
 text-align: center;
 vertical-align: bottom;
}

#images td#imageDescription {
 width: 535px;
 text-align: center;
}

#images td.back {
 padding-top: 10px;
}

/**************************************************************
 * Livre d'or Dialog
 **************************************************************/

#post_message {
 padding-top: 30px;
 padding-left: 100px;
 width: 100%;
}

#post_message th {
 width: 20%;
 text-align: left;
 vertical-align: top;
}

.message_posted {
 padding-top: 150px;
}