html,body { width:100%; height:100%; }
html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
body { background:#000000 url(/images/bg-header.gif) center 0 no-repeat; }
ul,ol { list-style-type:none; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:arial; font-size:12px; line-height:16px; color:#ffffff; font-weight:normal; }
.btn { cursor:pointer; }
textarea { overflow: auto; }
img { display:block; border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
td { vertical-align:top; }

.clear { clear:both; }

#background { width:990px; margin:0 auto; background-repeat:repeat-y; }
#container { background-position:0 214px; background-repeat:no-repeat; }

#container #header a img#facebook { position:absolute; margin:15px 0 0 946px; width:24px; height:24px; opacity:1; }
#container #header a:hover img#facebook { opacity:1; }

#container #menu { background:#767779; height:35px; }
#container #menu ul.menu { position:absolute; width:990px; background:#636467; }
#container #menu ul.menu li { float:left; }
#container #menu ul.menu li a.btn { position:relative; display:block; overflow:hidden; text-indent:-10000px; height:35px; background-repeat:no-repeat; }
#container #menu ul.menu li a.btn:hover { background-position:0 -35px; }
#container #menu ul.menu li a.btn-active { position:relative; display:block; overflow:hidden; text-indent:-10000px; height:35px; background-repeat:no-repeat; background-position:0 -35px; }
#container #menu ul.menu li a.btn-active:hover { background-position:0 -35px; }
#container #menu ul.menu li a#btn-accueil { background-image:url(/images/menu/accueil.jpg); width:102px; }
#container #menu ul.menu li a#btn-nouvelles { background-image:url(/images/menu/nouvelles.jpg); width:96px; }
#container #menu ul.menu li a#btn-spectacles { background-image:url(/images/menu/spectacles.jpg); width:99px; }
#container #menu ul.menu li a#btn-biographie { background-image:url(/images/menu/biographie.jpg); width:99px; }
#container #menu ul.menu li a#btn-musicographie { background-image:url(/images/menu/musicographie.jpg); width:132px; }
#container #menu ul.menu li a#btn-filmographie { background-image:url(/images/menu/filmographie.jpg); width:117px; }
#container #menu ul.menu li a#btn-editions { background-image:url(/images/menu/editions.jpg); width:83px; }
#container #menu ul.menu li a#btn-photos { background-image:url(/images/menu/photos.jpg); width:75px; }
#container #menu ul.menu li a#btn-medias { background-image:url(/images/menu/medias.jpg); width:71px; }
#container #menu ul.menu li a#btn-contacts { background-image:url(/images/menu/contacts.jpg); width:116px; }
#container #menu ul.menu li ul.submenu { position:absolute; visibility:hidden; z-index:500; }
#container #menu ul.menu li ul.submenu li { float:none; }
#container #menu ul.menu li ul.submenu li a { position:relative; display:block; overflow:hidden; font-size:11px; color:#000000; padding:3px 12px 2px 12px; background:#ffe8a7; border-bottom:1px solid #ffffff; }
#container #menu ul.menu li ul.submenu li a:hover { background:#ffd44f; }
#container #menu ul.menu li ul.submenu li a.active { background:#ffd44f; }
#container #menu ul.menu li ul.submenu li.last a { border-bottom:none; }

#container #column { float:left; width:235px; }
#container #column ul { margin:26px 0 0 32px; }
#container #column ul li { float:left; margin:7px 29px 0 0; }
#container #column ul li a img { margin:3px; }
#container #column ul li a:hover img { margin:0; border:3px solid #c9002a; }
#container #column ul li a.active img { margin:0; border:3px solid #c9002a; }
#container #column ul li div { font-size:10px; line-height:11px; padding:2px 3px 5px 3px; }
#container #column div.links { clear:both; text-align:center; padding-top:15px; }
#container #column div.links img { display:inline; }
#container #column div.print { padding-top:490px; text-align:center; }
#container #column div.print a { font-size:10px; font-weight:bold; line-height:14px; color:#000000; text-decoration:underline; padding:2px 0 2px 22px; background:url(/images/print.gif) 0 0 no-repeat; }
#container #column ul.spectacles { margin-left:25px; }
#container #column ul.spectacles li { margin-right:15px; }
#container #column div.copyrights { clear:both; font-size:10px; line-height:13px; color:#000000; padding:20px 0 0 28px; }
#container #column div.back { text-align:center; padding-top:20px; }
#container #column div.back a { font-size:10px; font-weight:bold; line-height:14px; color:#000000; text-decoration:underline; }
#container #column div.back a:hover { text-decoration:underline; }


#container #content { float:left; width:685px; padding:35px 35px 35px 35px; }
#container #content h1 { font-size:14px; font-weight:bold; color:#dd202e; text-transform:uppercase; padding-bottom:10px; }
#container #content h1 span { color:#fde28e; text-transform:none; margin-left:10px; }
#container #content h2 { font-size:14px; font-weight:bold; color:#fde28e; padding:10px 0 10px 0; }
#container #content h2.h1 { font-size:14px; font-weight:bold; color:#dd202e; text-transform:uppercase; padding:10px 0 10px 0; }
#container #content h3 { font-size:14px; font-weight:bold; color:#fde28e; }
#container #content h3 span { font-size:12px; color:#ffffff; }
#container #content p { padding-bottom:10px; }
#container #content p.note { font-size:11px; }
#container #content ul li { padding-bottom:10px; }
#container #content a { text-decoration:underline; }
#container #content div.top { float:right; }

#container #content div.large { padding-right:50px; }

#container #content div.highlight { padding-bottom:30px; }
#container #content div.highlight div.image { float:left; width:220px; }
#container #content div.highlight div.details { float:left; width:415px; }
#container #content div.highlight div.details h2 { padding-top:0; }
#container #content div.nouvelle { padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ffffff; }

#container #content div.spectacles { width:448px; }
#container #content div.spectacle { background:#000000; padding:5px 10px 5px 10px; margin-bottom:5px; }
#container #content div.spectacle div.date { float:left; color:#dd202e; width:120px; }
#container #content div.spectacle div.date span.note { color:#fde28e; }
#container #content div.spectacle div.details { float:left; width:545px; }
#container #content div.spectacle div.details span.city { color:#fde28e; text-transform:uppercase; }
#container #content div.spectacle div.details span.name { font-weight:bold; }
#container #content div.spectacle div.details p { padding:0; }
#container #content div.spectacles div.spectacle div.details { float:left; width:308px; }

#container #content div.musicographie { width:448px; }
#container #content div.musicographie div.album { float:left; width:220px; }
#container #content div.musicographie div.album img { width:200px; }
#container #content div.musicographie div.album img.itunes { width:140px; margin-top:10px; }
#container #content div.musicographie div.album h1 { width:200px; padding-top:10px; }
#container #content div.musicographie ul { float:left; width:228px; }
#container #content div.musicographie ul li { clear:both; }
#container #content div.musicographie ul li img { position:absolute; width:16px; margin-top:0; cursor:pointer; }
#container #content div.musicographie ul li div.no { float:left; width:22px; margin-left:20px; }
#container #content div.musicographie ul li div.title { float:left; width:186px; }
#container #content div.musicographie div.kanasuta h1 { text-transform:none; width:448px; padding-top:10px; }
#container #content div.musicographie div.kanasuta ul { float:none; width:448px; }
#container #content div.musicographie div.kanasuta ul li { clear:none; float:left; padding-right:8px; padding-bottom:0; }
#container #content div.musicographie img.itunes { width:140px; margin-top:10px; }

#container #content div.filmographie { width:448px; }
#container #content div.filmographie h1 { padding-top:10px; }

#container #content div.ecrits { width:448px; }
#container #content div.ecrits h1 { padding-top:10px; }

#container #content form#frmLogin table { margin-top:10px; }
#container #content form#frmLogin table td { vertical-align:middle; padding-right:5px; }
#container #content form#frmLogin table td input { color:#000000; width:125px; padding:3px; background:#ffffff; border:1px solid #a5a6a8; }
#container #content form#frmLogin table td.alert { font-weight:bold; color:#dd202e; }

#container #content ul.medias li { float:left; text-align:center; width:175px; padding-right:20px; }
#container #content ul.medias li img { width:175px; margin:10px 0 5px 0; }
#container #content ul.medias li a { font-size:11px; }
#container #content ul.medias li div { font-size:11px; }

#container #content div.right { position:absolute; top:239px; width:182px; padding-bottom:25px; margin-left:513px; }
#container #content div.right h2 { color:#dd202e; text-transform:uppercase; padding:10px 0 0 0; }
#container #content div.right h3 { font-size:14px; font-weight:bold; color:#fde28e;text-transform:uppercase; padding-bottom:10px; }
#container #content div.right h3 a { font-size:14px; font-weight:bold; color:#fde28e;text-transform:uppercase; }
#container #content div.right ul li { padding-bottom:10px; }
#container #content div.right ul li p { padding:0; }
#container #content div.right ul li p.auteur { padding-left:10px; }

#container #bottom { vertical-align:bottom; padding-bottom:10px; }
#container #bottom div { float:left; padding-left:35px; font-size:10px; line-height:14px; }
#container #bottom div.b1 { width:200px; font-weight:bold; color:#000000; }
#container #bottom div.b1 a { font-size:10px; font-weight:bold; line-height:14px; color:#000000; text-decoration:underline; }
#container #bottom div.b2 { width:483px; }
#container #bottom div.b2 span { margin-right:10px; }
#container #bottom div.b2 span.infolettre a { font-size:12px; color:#fde28e; text-decoration:underline; }
#container #bottom div.b2 a { font-size:10px; line-height:14px; }
#container #bottom div.b3 { font-weight:bold; width:202px; }