/* COMMUN */
body { background-repeat: repeat; text-align: center; background-image: url(images/site/wood.jpg); }
table { border-collapse: collapse; }
form { margin: 0px; padding: 0px; }
img { border: none; }
h1, h2, h3, p, ul, div, table { color: #FFCC99; }
h1, h2 { text-align: center; }
h1 { font-size: 14pt; margin-top: 0px; }
h2 { font-size: 13pt; font-style: normal; border-top: 2px solid #FFCC99; border-bottom: 2px solid #FFCC99; }
h3 { font-size: 12pt; font-weight: normal; border-top: 1px solid #FFCC99; }
p, ul, em { font-size: 12pt; }
ul { list-style-position: outside; list-style-type: circle; padding-left: 1em; margin-left: 0px; }
li { margin-bottom: 0.5em; }
li img { vertical-align: middle; }
q { font-style: italic; quotes: '« ' ' »'; }
q:before { content: open-quote; }
q:after { content: close-quote; }
a, a:visited { text-decoration: none; color: #FFFFCC; }
a:hover { text-decoration: none; color: orangered; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.exp { position: relative; bottom: 0.5em; font-size: 0.7em; }
.clear { clear: both; }
.half-column { width: 425px; }
.citation { width: 90%; margin-left: auto; margin-right: auto; }
.sub-title { text-align: center; font-style: italic; }
.highslide-caption { color: black; } /* légende pour les images zoomées (fond blanc) */
/* Cartouche achat dans les pages des albums */
h1.buy { margin-top: 10px; border-top: solid 2px #FFCC99; border-bottom: solid 1px #FFCC99; }
/* MISE EN PAGE */
#page-wrapper { margin: auto; width: 900px; text-align: left; }
div.content { padding: 15px; background-image: url(images/site/black_80.png); }
/* PAGE D'ACCUEIL */
#home { text-align: center; }
#home #headline { font-weight: bold; font-family: monospace; letter-spacing: 10px; font-size: 28px; background-image: url(images/site/alu3.jpg); margin-bottom: 10px; color: black; border: solid 2px whitesmoke; border-bottom-color: dimgray; border-right-color: dimgray; }
#home #headline img.vm { height: 100px; background-color: dimgray; border: solid 1px dimgray; border-right-color: whitesmoke; border-bottom-color: whitesmoke; }
#home #headline #headline-logo { margin-top: 10px; }
#home #headline #headline-logo img.left { margin-left: 35px; }
#home #headline #headline-logo img.right { margin-right: 35px; }
#home #headline #screws-top { height: 10px; }
#home #headline #screws-bottom { height: 15px; }
#home #headline img.screw { height: 15px; }
#home #motto { color: rgb(255, 204, 153); font-size: 16pt; }
#home #last-news { width: 700px; margin: 0 auto 15px auto; padding: 10px; background-image: url(images/site/white_80.png); text-align: left; color: black; border: solid 1px dimgray; }
#home #last-news h1 { color: black; margin-top: 0px; font-weight: normal; }
#home #last-news { font-size: 8pt; }
#home #events { width: 600px; margin: 0 auto 15px auto; padding: 10px; background-image: url(images/site/white_80.png); text-align: left; color: black; border: solid 1px dimgray; }
#home #events h1 { color: black; margin-top: 2px; font-weight: normal; }
#home #events { font-size: 14pt; }
#home #mute { font-family: monospace; }
#home #lang { font-family: monospace; font-size: 12px; }
#home #lang img { width: 60px; }
#home #toc { font-family: monospace; font-size: 16px; }
#home #toc td { text-align: center; padding: 0px; width: 90px; }
#home #toc img { height: 300px; width: 60px; }
#home #seuil { width: 80%; border: solid 1px rgb(255, 204, 153); margin: 10px auto; padding: 5px 0px; }
#home #seuil a { font-family: monospace; font-size: 16px; }
#home #seuil a img { vertical-align: middle; height: 70px; width: 300px; }
#home #cd { background-image: url(images/site/black_80.png); margin: 10px 0 0 0; padding: 5px 0;}
#home #cd table { width: 100% }
#home #cd td { text-align: center; vertical-align: top; }
#home #cd img { height: 120px; margin: 0 20px; vertical-align: middle; }
#home #player { text-align: center; }
#home #player embed { margin: 10px; }
/* BARRE DE MENU */
#menu { font-family: monospace; font-size: 15px; margin-bottom: 15px; }
#menu #menu-top { padding: 5px; background-image: url(images/site/alu2.jpg); border: solid 1px dimgray; border-left-color: whitesmoke; border-top-color: whitesmoke; }
#menu #menu-top table { font-family: monospace; font-size: 15px; border-spacing: 0px; margin: 0px; }
#menu #menu-top td { padding-right: 5px; vertical-align: middle; color: black; }
#menu #menu-top a { color: black; }
#menu #menu-top a:hover { color: #FFFFCC; }
#menu #menu-top a img { vertical-align: middle; height: 30px; margin: 0 5px; border: solid 1px dimgray; }
#menu #menu-top img.screw { vertical-align: middle; height: 15px; margin-top: 10px; }
#menu .sub-menu { position: absolute; padding: 4px; background-image: url(images/site/alu2.jpg); border: solid 1px dimgray; border-left-color: whitesmoke; border-top-color: whitesmoke; }
#menu .sub-menu a { color: black; display: block; }
#menu .sub-menu a:hover { color: #FFFFCC; }
#menu div.separator { border-top: solid 1px dimgray; border-bottom: solid 1px whitesmoke; margin: 4px 0px; }
/* PIED DE PAGE */
#footer { margin-top: 10px; clear: both; color: #FFCC99; }
#footer img { vertical-align: middle; }
#footer img.logo { height: 35px; }
#footer #firefox { margin-right: 50px; }
#footer #english { font-size: 11pt; }
#footer #updated { padding-top: 10px; margin-top: 0px; font-size: 10pt; clear: both; }
/* PAGE ACHAT */
#achat td.article { padding-right: 10px; }
#achat td.article img { width: 100px; }
#achat td.detail { padding-right: 40px; }
#achat .believe { margin: auto; display: block; margin-bottom: 1em; }
/* PAGE LES ALBUMS */
#albums { text-align: center; }
#albums img { width: 300px; height: 300px; margin: 1em; }
/* PAGE AUTRES SONS */
#autres-sons h2 { text-align: left; font-style: normal; }
#autres-sons a img { width: 200px; }
#autres-sons a.left { margin-right: 1em; }
#autres-sons div.right { margin-left: 10px; }
/* PAGE BIO */
#biographie a.right { margin: 0.5em 0 0.5em 0.5em; }
/* PAGE BUTOH */
#butoh img.right { margin-left: 1em; }
#butoh img.left { margin: 0 1em 1em 0; }
/* PAGE CD01 */
/* #cd01 { background-color: rgb(154,4,85); background-image: none; } */
#cd01 { background-image: url(images/site/pink_70.png); }
#cd01 h2 { text-align: left; }
#cd01 td { vertical-align: middle; }
#cd01 a.right img { width: 180px; margin: 0 0 1em 1em; }
/* PAGE CD02 */
/* #cd02 { background-color: rgb(153,0,0); background-image: none; } */
#cd02 { background-image: url(images/site/red_70.png); }
#cd02 h2 { text-align: left; }
#cd02 a.right img { margin: 0 0 1em 1em; }
#cd02 #cover { width: 180px; }
#cd02 #believe { width: 260px; height: 100px; }
/* PAGE CD03 */
/* #cd03 { background-color: rgb(0,153,0); background-image: none; } */
#cd03 { background-image: url(images/site/green_70.png); }
#cd03 h2 { text-align: left; }
#cd03 td { vertical-align: top; }
#cd03 a.right img { margin: 0 0 1em 1em; }
#cd03 a.left img { margin: 0 1em 1em 0; }
#cd03 #cover { width: 180px; }
#cd03 #disc { width: 100px; }
#cd03 #ina-logo { width: 50px; }
div.glossary * { text-align: left; font-size: 10pt; color: black; }
/* PAGE CD04 */
#cd04 { background-color: rgb(0,0,0); background-image: none;}
#cd04 h2 { text-align: left; }
#cd04 a.right img { width: 180px; margin: 0 0 1em 1em; }
#cd04 img.booklet { width: 220px; vertical-align: top; }
#cd04 ol { margin-right: 130px; }
/* PAGE CONTACT */
#contact { text-align: center; }
#contact #aea-logo { }
/* PAGE EVENEMENTS */
#evenements { background-image: url(images/evenements/ambiance-naxos.jpg); }
#evenements img { vertical-align: middle; }
#evenements img.h-view { width: 200px; }
#evenements img.v-view { height : 200px; }
#evenements #butoh { text-align: center; padding: 0.5em 0 0.5em 0; }
#evenements #butoh a { border: solid 2px brown; padding: 0.5em; }
/* PAGE LIENS */
#liens img.logo { height: 38px; }
/* PAGE MUSIQUE */
#musique div.book { }
/* PAGE RADIO */
#radio { text-align: center; }
#radio h3 { text-align: left; }
/* ************************************************************
* ADAPTATION POUR LES PAGES COMPAGNIE SEUIL
* ************************************************************/
/* MENU */
#menu #menu-top img.screw.seuil { margin-top: 2px; }
/* MISE EN PAGE */
div.content.seuil { background-image: url(images/site/white_80.png); }
div.content.seuil h1, div.content.seuil h2, div.content.seuil h3, div.content.seuil p , div.content.seuil ul, div.content.seuil div { color: black; }
div.content.seuil h2, div.content.seuil h3 { border-color: black; }
/* PAGE COMPAGNIE SEUIL */
#seuil_compagnie img.h-view { width: 200px; }
#seuil_compagnie img.v-view { height : 200px; }