/**
 *  CSS Patchwork Théâtre
 */

html { background:#000; }
body { font-size:13px; font-family:"Trebuchet MS",verdana,arial,helvetica,sans-serif; position:relative; height:671px; color:#000; background:transparent url(../images/patchwork-theatre/bg-site.jpg) no-repeat center top; }
a { color:#A47229; }

/* Menu principal */
#main_menu { height:38px; width:950px; padding:5px 0 0 30px; clear:both; }
#main_menu li { float:left; }
#main_menu li a { display:block; padding:0 65px 10px 0; font-weight:bold; text-decoration:none; color:#FFF; font-size:1.42em;}
#main_menu li a.last { padding-right:0; }
/*#main_menu li:hover ul { left:auto; }*/
/*//#main_menu li.sfhover ul { left:auto; }*/
#main_menu .sous_menu { z-index:100; position:absolute; display:none; }
#main_menu .sous_menu li { float:none; background:#FFF; }
#main_menu .sous_menu li a { display:block; padding:5px 10px; color:#000; font-size:1.1em; }
#main_menu .sous_menu li a:hover { color:#2990F5; }

/* Sous-menu spectacles */
#sub_menu { clear:both; height:50px; margin-top:5px;}
#sub_menu li { float:left; padding-right:35px; }
#sub_menu li a { font-weight:bold; text-decoration:none; font-size:1.45em; color:#000; }
#sub_menu li a:hover { color:#999; }
#sub_menu li a.actif { color:#999; }

/* Zone cliquable autour du #content_panel */
#clickable { width:100%; height:630px; }

/* Panneau où est affiché le contenu */
#content_panel { position:absolute; left:70px; top:40px; width:810px; height:590px; padding:15px; background:transparent url(../images/patchwork-theatre/bg-content-v2.jpg) no-repeat left top; }

/* Bas de page du site */
#footer { font-size:0.85em; color:#FFF; padding:5px 0 10px 0; }
#footer a { color:#FFF; }

/* Contenu */
#content { padding:10px; height:560px; overflow:auto; }

#content h1 { font-size:2em; color:#000; font-weight:bold; }
#content h1 a { text-decoration:none; cursor:default; color:#000; }
#content #intro { margin-top:20px; color:#000; font-size:1em; text-align:justify; }

#content.type1 h1 { margin-bottom:20px; }
#content.type1 h2 { margin:30px 0 10px 0; }
#content.type1 h2 span { color:#F00; }
#content.type1 h2 a { color:#F00; text-decoration:none; }
#content.type1 h2.nomargin { margin:0; color:#F00; } /*murder party*/
#content.type1 p { width:660px; margin-bottom:10px; }
#content.type1 div.images { margin:20px 0 0 0; }
#content.type1 div.images img { margin-right:20px; }
#content.type1 ul.tags {  }
#content.type1 ul.tags li { display:inline; padding:0 10px; }
#content.type1 ul.tags li.plaquette { font-size:1.1em; display:block; margin-top:5px; text-align:right; }
#content.type1 ul.tags li img { vertical-align:-30%; }

#content.type2 h2 { margin:30px 0 20px 0; color:#F00; font-size:1.2em; }
#content.type2 h2 span { color:#000; }
#content.type2 h2 a { text-decoration:none; color:#F00; }
#content.type2 p { margin:10px 0; }

#content .bloc_video { height:380px; }
#content .bloc_video object { float:right; }
#content .bloc_video embed { float:right; }
#content .bloc_video object embed { float:none; }
#content .bloc_video p.video_description { float:left; text-align:justify; width:300px; margin-bottom:20px; }

.link_panel { text-align:right; }
.link_panel li { display:inline; padding:0 20px; border-right:1px solid #000; }
.link_panel li img { vertical-align:-30%; }
.link_panel li a { text-decoration:underline; }

#galerie { margin:20px 0 40px 0; }
#galerie_main_image { float:right; text-align:center; width:450px; }
.galerie_list { width:280px; float:left; min-height:400px; border:1px solid bottom;  }
.galerie_list li{ float:left; cursor:pointer; margin:0 10px 10px 0; width:80px; height:50px; overflow:hidden; }

.underline { padding-top:20px; text-decoration:underline }