body { padding: 20px; background: #e6e6e6; color: white; font: 85%/1.45 "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0  }
form { margin: 0; }
table td { color: white }
a img { border: 0 }

.g { text-align: left }
.d { text-align: right }
.c { text-align: center }

.hg, .bg { margin-right: 9px }
.hd, .bd { margin-left: 9px;	margin-top: -9px }
.hd { background-position: 100% 0 }
.bg { background-position: 0 -9px }
.bd { background-position: 100% -9px }
img.tete { display: block; margin: 0; padding: 0 }

img#logo_mxtd_wseditor { width: 69px; height: 22px; position: absolute; border: 0 }

div.entrebloc { font-size: 2px; width: 10px; height: 10px; clear: both  }
div.basbloc { font-size: 2px; margin: 0; height: 1px; width: 1px; clear: both  }

/*
div#bandeauhaut { width: 800px; margin-left: auto; margin-right: auto }
div#bandeauhaut div.hg, div#bandeauhaut div.hd, div#bandeauhaut div.bg, div#bandeauhaut div.bd { background-image: url(/images/interface/coins_fff_1280x18.gif); height: 9px; font-size: 2px }
div#bandeauhaut div.inside { border-left: 1px solid #fff; border-right: 1px solid #fff; background: #fff; padding-left: 10px; padding-right: 10px }

div#barrenav { width: 800px; height: 40px; margin-left: auto; margin-right: auto }
div#barrenav form { margin: 0 }
div#barrenav table { margin: 0 }
div#barrenav table td img { display: block }
div#barrenav div#menu_actu { width: 120px; height: 87px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_genre { width: 89px; height: 81px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_genre div#menu_cafeth { width: 89px; height: 108px; display: block; visibility: hidden; position: absolute; left: 89px }
div#barrenav div#menu_salle{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
*/

div#conteneur { width: 98%; margin: 10px auto 10px auto }

div#identification { width: 340px; margin-right: auto; margin-left: auto; margin-top: 40px; margin-bottom: 40px }
div#identification div.hg, div#identification div.hd, div#identification div.bg, div#identification div.bd { background-image: url(/images/interface/coins_cacaca_1280x18.gif); height: 9px; font-size: 2px }
div#identification div.inside { border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background: #f6f6f6; padding-left: 6px; padding-right: 6px; text-align: left; }
div#identification form label { color: #555; font-size: 12px; display: block; position: absolute; width: 105px; margin-top: 4px; margin-right: 10px; text-align: right }
div#identification form input { color: #555; font-size: 12px; display: block; position: relative; width: 160px; left: 115px;  margin: 10px 0 6px 0 }
div#identification form img#btn_envoyer { display: block; float: right; width: 104px; height: 23px; border: 0; margin: 6px 2px 0 0 }

div#principal { width: 100% }
div#principal div.hg, div#principal div.hd, div#principal div.bg, div#principal div.bd { background-image: url(/images/interface/coins_cacaca_1280x18.gif); height: 9px; font-size: 2px }
div#principal div.inside { border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background: #f6f6f6; padding-left: 6px; padding-right: 6px; text-align: left; }
div#principal div#navcont { width: 100%; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #727272; border-top: 1px solid #e0e0e0; border-left: 1px solid #c5c5c5; overflow: visible }
div#principal div#navgauche { width: 130px; float: left; background: #a9a9a9 }
div#principal div#navgauche ul { margin: 0; padding: 0; list-style: none }
div#principal div#navgauche ul li a { font-size: 12px; color: white; text-decoration: none }
div#principal div#navgauche ul li { background: #808080; margin: 0 0 1px 0; padding-left: 16px; background-image: url(/images/interface/nav/puce-liste.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li:hover { background: #73677b; background-image: url(/images/interface/nav/puce-liste-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.hover_ { background: #73677b; background-image: url(/images/interface/nav/puce-liste-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.photos { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/photos.jpg); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.photos:hover { background: #73677b; background-image: url(/images/interface/nav/photos-over.jpg); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.photoshover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/photos-over.jpg); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.albums { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/albums.jpg); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.albums:hover { background: #73677b; background-image: url(/images/interface/nav/albums-over.jpg); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.albumshover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/albums-over.jpg); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.livres { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/livres.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.livres:hover { background: #73677b; background-image: url(/images/interface/nav/livres-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.livreshover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/livres-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.actus { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/actus.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.actus:hover { background: #73677b; background-image: url(/images/interface/nav/actus-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.actushover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/actus-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.auteurs { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/auteurs.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.auteurs:hover { background: #73677b; background-image: url(/images/interface/nav/auteurs-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.auteurshover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/auteurs-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.commandes { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/caddie.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.commandes:hover { background: #73677b; background-image: url(/images/interface/nav/caddie-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.commandeshover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/caddie-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.inscrits { background: #808080; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/inscrits.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.inscrits:hover { background: #73677b; background-image: url(/images/interface/nav/inscrits-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navgauche ul li.inscritshover_ { background: #73677b; min-height: 23px; padding-top: 8px; padding-left: 30px; background-image: url(/images/interface/nav/inscrits-over.gif); background-repeat: no-repeat; background-position: 2px }
div#principal div#navdroite { margin-left: 140px; width: auto; color: black }
div#principal div#navdroite table td { color: black; padding: 0 6px 0 8px }
div#principal div#navdroite a { text-decoration: none; color: #553579; font-weight: bold }
div#principal div#navdroite a:hover { text-decoration: underline; color: #666 }
div#principal div#navdroite table#liste { border-collapse: collapse }
div#principal div#navdroite table#liste th { background: #d0d0d0; border-bottom: 1px solid #aaa; font-size: 12px }
div#principal div#navdroite table#liste td.impair { background: #e9e9e9; border-right: 1px solid #fff; font-size: 11px }
div#principal div#navdroite table#liste td.pair { background: #ffffff; border-right: 1px solid #fff; font-size: 11px }
div#principal div#navdroite table#listeimg th { background: #d0d0d0; border-bottom: 1px solid #aaa; font-size: 12px }
div#principal div#navdroite table#listeimg td.impair { background: #e9e9e9; border-right: 1px solid #fff; height: 34px; font-size: 11px }
div#principal div#navdroite table#listeimg td.pair { background: #ffffff; border-right: 1px solid #fff; height: 34px; font-size: 11px }

/*
div#cafetheatre { width: 260px; float: right	 }
div#cafetheatre div.hg, div#cafetheatre div.hd, div#cafetheatre div.bg, div#cafetheatre div.bd { background-image: url(/images/interface/coins_932154_1280x18.gif); height: 9px; font-size: 2px }
div#cafetheatre div.inside { border-left: 1px solid #932154; border-right: 1px solid #932154; background: #932154; padding-left: 6px; padding-right: 6px; text-align: left }

div.bloc1 { width: 260px; margin-right: 10px; float: left }
div.bloc1 div.hg, div.bloc1 div.hd, div.bloc1 div.bg, div.bloc1 div.bd { background-image: url(/images/interface/coins_810040_1280x18.gif); height: 9px; font-size: 2px }
div.bloc1 div.inside { border-left: 1px solid #810040; border-right: 1px solid #810040; background: #810040; padding-left: 6px; padding-right: 6px; text-align: left }


div#credits { width: 800px; clear: both; font-size: 10px; margin-left: auto; margin-right: auto }
p.piecetitre { font-size: 13px; font-weight: bold; line-height: 13px; margin-top: 8px; margin-bottom: 0 }
p.piecetexte { font-size: 11px; line-height: 14px; margin-top: 0; margin-bottom: 4px; }
td.titre { color: #fcfcc2; font-size: 14px; font-weight: bold; vertical-align: middle; height: 20px; padding-left: 0; padding-right: 8px; padding-top: 10px }
td.texte { font-size: 12px; vertical-align: top; padding-right: 8px }
td.texte p { margin-top: 2px }
td.texte ul { list-style-type: disc; margin: 0; padding-left: 1.3em }
td.texte ul li { font-size: 11px; line-height: 13px; margin-top: 2px; padding-left: 0 }
td.salletitre { color: #fcfcc2; font-size: 13px; font-weight: bold; vertical-align: top; height: 20px; padding: 0 8px; text-align: center }
*/