/*
Theme Name: Halle TV
Theme URI: http://smashingMultiMedia.sarah-neuber.de/
Description: placedelahalle.tv dérivé de Smashingultimedia
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 1.0
*/
@import "css/reset.css";
@import "css/basic.css";

/* make sticky footer */
html, body, #wrap { height:100%;}
body > #wrap {height: auto !important; min-height: 100%;}
body {background:#261903 url(images/fond5.jpg) no-repeat top center fixed;font-family:"Trebuchet MS", Tahoma, sans-serif;color:#eee2ca;margin:0;}
#wrap {width:960px;margin:0 auto -91px;}
.actus {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background:#000000;margin:36px 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-khtml-opacity: 0.5;-moz-opacity: 0.5;opacity: 0.5;padding:5px;}
#main {margin: 0 10px;}
/* FOOTER */
#footer {position:relative;height:91px;margin-top:-91px;background:url(images/fond-footer.png) no-repeat top center;text-align:center;clear:both;}
.push {height:91px;}
.footer_navi {padding-top:40px;}
.footer_navi ul li { display: inline; margin: 0 10px;}
.footer_navi a { color:#FFFFFF; font-weight:bold;}
.footer_navi a:hover { color:#FFFF66;}
#footer .footer_notes {font-size:0.8em;text-align:center;margin:0;padding-top:20px;}

/* HEADER */
#header{height:214px;width:960px;}

/* LOGO */
#header h1 {
background:url("images/titre.png") no-repeat scroll center center transparent;
color:#FED751;
font-size:1em;
height:164px;
margin-bottom:0;
position:relative;
text-align:center;
}
#header h1 a {
bottom:32px;
color:#FED751;
cursor:pointer;
display:block;
font-weight:bold;
position:absolute;
width:960px;
}

/* MENU */
#menu {position: relative;padding:14px 0;height:35px; width: 672px;}
#menu ul {min-height: 35px;list-style-type: none;padding: 0;margin: 0;z-index: 1000;border-top:none;}
#menu li {display: inline;float: left;height: 25px;position: relative;text-align: left;padding: 5px 16px 5px;margin: 0px 0px 0px 0px;}
#menu li ul {height: auto;top: 100%;left: 0px;}
#menu li ul li {background: #351E12;width:100%;text-align: left;height: auto;min-height: auto;display: block;border-bottom:#B78E01 1px solid;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-khtml-opacity: 0.9;-moz-opacity: 0.9;opacity: 0.9;}
#menu a, #menu span {text-decoration: none;display:block;letter-spacing:1px;color:#B78E01;font-size:18px;}
#menu a:focus, #menu a:hover, #menu .current-cat a, #menu .current-cat-parent a, #menu .current_page_item a, #menu .current_page_parent a {text-decoration:none;color:#FED751;}
#menu ul ul {display: none;position: absolute;}/* sous menu non affiché initialement */
#menu li:hover ul {display: block;}/* affiché au survol */

/* RECHERCHE*/
#searchform {float:right; width:292px;padding-top:14px;}
#searchform label, #searchform input {float:left;}
#searchform label{color:#9f875f;padding-top:6px;width:60px;}
#searchform input[type='text'], #searchform .text {width:172px;background:#9F875F;border:1px solid #eee2ca;margin-right:12px;color:#261903;}
#searchform input[type='text']:focus, #searchform input[type='text']:hover {border:1px solid #000;}
#searchsubmit {margin-right:0;}
#main_col .main_col_searchform #searchform {float:left;}/* PaGE 404*/

/* CONTENU */
#pg_wrap, .seperator, #main_col, .sidebar {padding-top:36px;}
#pg_wrap {padding-bottom: 109px;}
.seperator {clear:both;}
#main_col {float:left;width:628px;display:inline;}
.sidebar {float:right;width:296px;display:inline;}


/* DOCUMENTAIRES */
 
/* Listes des 4 documentaires en images*/
#ListeImages {width:148px;}
#ListeImages li, #ListeImages li a {float:left;width:100%;}
#ListeImages li {margin-top:18px;}
#ListeImages li:first-child {margin-top:0;}
#ListeImages li span {display:block;width:80px;min-height:60px;overflow:hidden;border:1px solid #fff;font-size:5em;text-align:center;}
#ListeImages li img {margin-bottom:0;}
#ListeImages li a:focus, #ListeImages li a:hover {background:url(images/arrow.png) no-repeat 80px 0px;text-decoration:none;cursor:pointer;}
#ListeImages li a.current {background:url(images/arrow.png) no-repeat 80px -60px;}
#ListeImages li a:hover span {border:1px solid #B78E01;}

/* Le documentaire mis en avant */
#docEnAvant {width:812px;}
#docEnAvant .teaser {width:270px;margin-right:18px;}
#docEnAvant .post{display:none;}
#docEnAvant .post:first-child {display:block;}
#docEnAvant .cadrevideo {height:286px;width:508px;}
/* L'apercu de la video */
.cadrevideo {position:relative;background:#000;border:8px solid #000;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;text-align:center;}
.cadrevideo em {display:block;position:absolute;background:url(images/play-48.png) no-repeat center;width:508px;height:120px;bottom:0;font-size:18px;color:#FFFFFF;}

/* SEPARATEUR */
.seperator p, .seperator h1, .seperator h2, .seperator h3, 
.seperator h4, .seperator h5, .seperator h6 {display:block;margin-bottom:0;text-align:center;padding:18px 0;border-top:1px solid #32240b;border-bottom:1px solid #32240b;background:#1b1100;}

/*  GENERAL POST STYLING*/
.mediaPanes {float:left;display:inline;margin:0 0 36px 18px;}
.mediaPanes {width:303px;}/*305 - (1px border x 2) [300]*/
.first-post {margin-left:0;}
.blogPost, .search_post, .archive_post, .sidebar_blogPost {margin-bottom:36px;border-bottom:1px solid #32240b;}
.archive_post {border-bottom:0 none;border-top:1px solid #32240b;}

/* entetes/titres */
.cat-title {position:relative;}
.cat-title span {position:absolute; top:0;right:0;font-size:0.675em;color:#806c4b;background:#1b1100;margin-bottom:0;padding:6px;}
/* date des articles*/
.blog-entry-title span, .search-entry-title span {display:block;margin-right:18px;border-top:1px solid #32240b;border-bottom:1px solid #32240b;padding:9px 0;color:#9f875f;width:60px;text-align:center;font-size:0.8em;}
.search-entry-title span {margin-right:0;width:auto;text-align:right;}
.blog-entry-title a, .search-entry-title a, .archive-entry-title {padding-top:9px;}
.archive-entry-title {border-top:1px solid #1b1100;}

/* effet de survol dans les archives */
#main_col .cadrevideo {overflow:hidden;padding:5px;}
#main_col .cadrevideo .hover_link {position:absolute;top:0;left:0;}
#main_col .cadrevideo .teaser {overflow:hidden;padding:11px;background:#261903;position:relative;}
#main_col .mediaPanes .teaser {height:141px;}
#main_col .media3 .teaser {height:222px;}
#main_col .mediaPanesAlt .teaser {height:auto;padding:0px;margin-top:18px;}

/*option 2 - static image*/
.mediaLinkAlt {overflow:hidden;}
.mediaPanes .mediaLinkAlt {height:194px;}

/*if title wraps 2 lines use min height for nice and even rows*/
.mediaPanes  h3 {min-height:32px;font-size: 16px;font-weight: bold;text-align:left;}

/*.footnotesAlt .comments-link a {background:url(images/commentsWhite.png) no-repeat right;color:#261903;}*/
.footnotes {margin-top:5px;color:#261903;}
.comments-link a:focus, .comments-link a:hover {cursor:pointer;text-decoration:none;color:#eee2ca;}
.footnotesAlt .comments-link a:focus, .footnotesAlt .comments-link a:hover {color:#809c41;}

/* the post meta info */
.metaInfo {display:block;background:url(images/info.jpg) no-repeat bottom left;height:20px;width:19px;text-indent:-9999em;}
.single_post .metaInfo {margin-bottom:9px;}
.metaInfo:focus, .metaInfo:hover, .metaInfo-active {background:url(images/info.jpg) no-repeat top left;}
.tooltip {background:#1b1100;border:1px solid #32240b;padding:10px;display:none;}
.tooltip a {display:inline;}
.blogPost .meta  {text-align:right;}

/* images des articles */
.content_box img, .thumb_img img, .single_post img, .page_post img, .gallery img   {padding:10px!important;border:none;}
.thumb_img {margin-bottom:18px;}
.sidebar_blogPost .thumb_img, .archive_post .thumb_img {margin:0 18px 18px 0;}

/* SINGLE POST */

/*the media*/
div.attachment .attachment {text-align:center;}
/*extras*/
#socialtabs {display:table;margin:0 auto;width:100%;}
#socialtabs li {display:table-cell;width:50%;}
#socialtabs a {display:block;text-align:center;vertical-align:middle;padding:0 9px;font-size:1.333em;}
#socialtabs a:focus, #socialtabs a:hover {text-decoration:none;color:#eee2ca}
#socialtabs img {margin-right:10px;vertical-align: middle;}


/* the overlayed element (abonnement et partage)*/
.overlay {background-image:url(images/offwhite-trans.png);width:400px;height:300px;display:none;padding:55px;position:relative;color:#261903;}
.overlay .close {background-image:url(images/close-trans.png);position:absolute;right:10px;top:10px;cursor:pointer;height:28px;width:28px;}

/* overlay content */
.overlay .emailform-col {float:left;width:45%;}
.overlay .formbutton {clear:both;background:#809c41;color:#36431a;padding:4px;border:1px solid #485c1b;}
.overlay .formbutton:focus, .overlay .formbutton:hover {background:#657e2e;}
.overlay .formbutton:active {background:#4f651e;}
.ico a {display:block;float:left;width:50%;font-size:1.3em;margin-top:18px;}
.share_ico a {color:#261903;}
.subscribe_ico a {text-align:center;}
.share_ico img {margin-right:10px;float:left;}

/***  COMMENTAIRES ***/
.comments_title, .respond_title, .trackbacks {background:#1b1100;border-top:1px solid #32240b;clear:both;padding:4px;}
#comments {clear:both;}
#comments {margin-bottom:18px;}
.trackbacks_padding {position:relative;padding:9px;}
.trackback_title {float:left;width:50%;margin-bottom:0;}
.show_trackbacks {position:absolute;top:9px;right:9px;font-size:1.275em;}
.trackback {display:none;list-style-type: decimal;list-style-position:inside;}
.commentlist, .commentlist li {list-style-type:none;}
.commentlist li {list-style-position:outside;overflow:hidden;margin-bottom:36px;border:1px solid #32240b;padding:18px;}
.commentlist .comment-author-admin {background:#1b1100;}
.commentlist li .children {padding:18px 0 0 36px;}
.commentlist .children li {}
.who_when {float:left;width:88px;}
.what {margin-left:106px;}
.avatar {padding:5px;background:#fff;border:1px solid #32240b;margin-bottom:9px;}
.fn {display:block;margin-bottom:9px;}
.comment-meta {margin-bottom:18px;}
.comment_navigation  {padding:9px 0;}
#pings {margin:18px 0 0 0;}
#pings li {margin:9px 0;}

#respond {background:#351E12;border:1px solid #C5BA9F;color:#EEE2CA;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-khtml-opacity: 0.8;-moz-opacity: 0.8;opacity: 0.8;}
#commentform_left { float:left;width:280px; margin: 12px 6px 12px 12px; }
#commentform_right { float:right;width:280px; margin: 12px 12px 12px 6px}
#commentform input, #commentform textarea { width: 270px; border: 1px solid #9F875F; }
#commentform input { margin-bottom: 20px; }
#commentform label { display: block; background: #9F875F;width:272px;padding:4px; }
#commentform #submit { width: 50%; background: #9F875F;float: right;}


/*#commentform label {width:200px;text-align:left;margin:0 0 6px 0;}
#commentform input.text, #commentform input[type='text'], #commentform textarea, #commentform select {width:285px;}
#commentform textarea { width:616px;}
#commentform #submit {float:left;margin:0;padding:6px;}*/
#commentform .subscribe-to-comments {overflow:hidden;padding-top:18px;}
#commentform .subscribe-to-comments #subscribe {float:left;}
#commentform .subscribe-to-comments label {width:400px;}

/* COLONNE LATERALE */
/*widget boxes*/
.sidebar .widget {border:1px solid #C5BA9F;background:#351E12;color:#EEE2CA;margin:18px 0;padding: 5px 5px;}
.sidebar .widgetPadding {padding:18px;border:1px solid #7E684E;}
.sidebar .widget a {color:#809C41;}
.sidebar .widget a:focus, .sidebar .widget a:hover, .widget .current-cat a,  .sidebar .widget .current_page_item a {color:#f18f1d;}

/*related posts on single post view*/
.sidebar .widget li, .related li {border-top:1px solid #4a531b;}
.sidebar .widget li:first-child, .related li:first-child {border-top:0 none;}
.sidebar .widget li a, .related li a {display:block;padding:9px 0;}

/*widget tag*/
.sidebar .tags a {display:inline-block;padding:0 5px;}

/* PAGE CONTACT FORMS */
.cform {width:100%;}
.cform legend  {display:none;}
.cform fieldset {background:transparent;border:0 none;padding:0;margin:0;}
.cform li {clear:both;}
.cform label, .cform label span {text-align:left;font-size:1.1em;color:#eee2ca;}
.cform input, .cform textarea {width: 266px;}
.cform textarea {width:98%;margin-top:6px;}
.cform .reqtxt, .cform .emailreqtxt {color:#ff3333;position:absolute;top:0;left:-8px;}
.cform .cf-ol {list-style-type:none;margin:0;}
.cform .cf-ol li {position:relative;}
.cform .backbutton, .cform .resetbutton, .cform .sendbutton {width:100px;background:#9F875F;border:1px solid #330000!important;border-top-color:#663333!important;border-left-color:#663333!important;color:#222d0a;padding:5px;}
.cform .backbutton:hover, .cform .resetbutton:hover, .cform .sendbutton:hover, 
.cform .backbutton:focus, .cform .resetbutton:focus, .cform .sendbutton:focus {background:#907152;text-decoration:none;border:1px solid #663333;border-top-color:#330000;border-left-color:#330000;}
.cform .backbutton:active, .cform .resetbutton:active, .cform .sendbutton:active {background:#907152;}
div.waiting {background:transparent !important;color:#cc9900 !important;}
div.failure  {padding:3px;margin:36px 0;color:#ff3333;background:#f7e6e3;border:1px solid #fecfc7;}
div.success {padding:3px;margin:36px 0;color:#6A712C!important;background:#e3edcb!important;border:1px solid #ebfebc;}
#ll {position: absolute; top:-20px;}

/* WP-PAGENAVI */
.wp-pagenavi {padding:36px 0;text-align:right;clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {padding:4px 6px;margin:4px;}
.wp-pagenavi span.pages {margin-left:0;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, 
.wp-pagenavi span.extend {background:#1b1100;border:1px solid #32240b;color:#eee2ca;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, 
.wp-pagenavi a:active, .wp-pagenavi span.current {text-decoration:none;background:#eee2ca;border:1px solid #1b1100;color:#1b1100;}
.wp-pagenavi span.current {font-weight:bold;}