/*
Theme Name: BD-FIL 2015 Institutionnelle	
Theme URI: http://exiledesigns.com
Description: A theme for BD-FIL
Author: Corinne Stoppelli
Author URI: http://exiledesigns.com
*/


@import url('css/reset.css');
@import url('css/typography.css');


/* == global ===========================================================
             main layout & global classes, before applying media queries
             for effects/colors/fonts => check typography.css
             author:
   --------------------------------------------------------------------- */
   
/* handy default wordpress img and caption alignments */
.alignleft{float:left;margin:0 20px 10px 0;}
.alignright{float:right;margin:0 0 10px 20px;}
.aligncenter{margin:20px auto;}
.alignnone{margin:0 0 10px 0;}

/*fixes width to this maximum*/
.wrap{width:1080px;margin:0 auto;position:relative;padding:0 30px;}
.content{padding-bottom:20px;margin-top:24px;}
#mobile,#nav-mobile-archives{display:none;}
.social img,#partenaires img{width:40px;margin:0 2px;}

/* == header ===========================================================
             what's above it all...
             and also, main (top) navigation & its sub-menus
   --------------------------------------------------------------------- */

header{position:relative;padding-left:190px;margin-right:-30px}
img#logo{position:absolute;top:6px;z-index:100;width:170px;margin-left:-25px;}
h1{padding-top:40px;}
header p{margin-bottom:25px;}

header .actions,header .social{position:absolute;right:0;top:60px;z-index:100;}
header .actions,header .social{float:left;}
header .actions{margin-right:20px;padding-top:10px;}
header .actions li{padding:3px;display:block;float:left;}
header .actions a{padding:3px 7px;}
header .social img{width:35px;height:35px;}
/*new*/
header .social{top:46px;}
header .actions{right:-20px;top:86px;}

nav{clear:both;}
nav,footer .menu{padding:10px 0;}
nav a,footer .menu a{padding:9px 0;}
nav li,footer .menu li,.social li,#partenaires li,#cta .cta,#sidebar #cta img{display:inline-block;}
nav li{margin-right:22px;position:relative;}
/**/
nav ul ul{position:absolute;z-index:1000;top:28px;}
nav ul ul li{padding:4px 6px;white-space:nowrap;width:100%}
nav ul > li > ul{display:none;}

/*nav mobile*/
/*.menu-mobile-container{overflow:hidden;display:none;} /*hide mobile nav*/
.menu-mobile-container select,#nav-mobile-archives select{width:100%;background:transparent;line-height:1;border:0;border-radius:0;height:20px;-webkit-appearance:none;margin-right:20px;} /*select reset*/
.menu-mobile-container,#nav-mobile-archives{padding:5px 0 4px 0;cursor:pointer;}
#nav-mobile-archives{padding:5px 10px;margin-bottom:10px;}
#nav-mobile-archives div{padding-right:20px;}
#nav-mobile-archives .subnav{padding-left:20px;}

/* == home specific ====================================================
   --------------------------------------------------------------------- */
   
/*ctas home*/
#cta{margin:0 -24px 25px 0;}
#sidebar #cta{margin-top:50px;}
.cta-home{padding-top:30px;}
.cta-home .cta{width:33.3%;position:relative;margin-left:-4px;}
#cta a{display:block;background:black;margin-right:20px;}
#cta span{position:relative;z-index:100;}
.bdfil-overlay-title{position:absolute!important;height:100%;top:0;left:0;opacity:0.9;display:none;z-index:10;}
/*ctas - specific to sidebar*/
#cta div{position:relative;margin-bottom:20px;}
#sidebar #cta a{margin-right:0;}
#cta h3{position:absolute;width:100%;z-index:20;padding:20px 40px 0 20px;-moz-hyphens:none;-webkit-hyphens:none;}
#sidebar #cta h3{padding:0 40px 0 40px;-moz-hyphens:none;-webkit-hyphens:none;}
.cta{cursor:pointer;width:100%;}

/*slider*/
#slider img{width:100%;}
#slider .desc{background: rgba(255, 255, 255, 0.8);z-index:50;position:absolute;bottom:0px;left:0;width:100%;padding: 15px 20px 15px 20px;}

#slider ul{text-align:right;padding-top:10px;}
#slider ul li{border:0;display:inline-block;text-indent:9999px;margin:0 0 0 5px;padding:0;}
#slider ul a{display:block;width:10px;height:10px;}
#slider ul a{background-image:url('images/slider-nav.png');background-size:10px 10px;background-repeat:no-repeat;}
#slider ul a.active{background-image:url('images/slider-nav-on.png');background-size:10px 10px;background-repeat:no-repeat;}

/*news*/
#news{margin-top:0;overflow:hidden;}
#news h2,#partenaires h2{margin-bottom:15px;}
#news h3{padding:0 20px;-moz-hyphens:none;-webkit-hyphens:none;}

/*news-posts*/
.apost,.thepost{width:100%;}
#posts{margin-right:-17px;}
.post h3{position:absolute;top:0;width:94%;margin:0 auto;}
#news .thepost{display:block;float:left;width:25%;position:relative;cursor:pointer;}
.post{margin-right:20px;}
.post-over,.post-base{position:absolute;width:100%;height:100%;}
.post-over{z-index:3;padding-left:20px;padding-right:40px;}
.post-base{z-index:5;padding-right:20px;}
#posts h2{margin-bottom:10px;}
.read-more,#news .tags span,.blog-comment a{padding:3px 6px;}
.post-over p{padding-bottom:20px;}
#news .tags{position:absolute;right:17px;bottom:20px;z-index:200;padding-top:6px;}

/*partenaires*/
#partenaires{margin-top:30px;}
#partenaires li{margin:0 15px;}
#partenaires .lausanne img{width:140px;}
#partenaires .matin img{width:80px;}
#partenaires .loterie img{width:120px;}
   
   
/* == inside ==========================================================
   --------------------------------------------------------------------- */
.attachment-entete{margin-top:30px;width:100%;}

#content{overflow:hidden;}
#content h2{margin-top:50px;padding-bottom:15px;padding-top:15px;margin-bottom:15px;-moz-hyphens:none;-webkit-hyphens: none;}
#content h3{padding-top:30px;padding-bottom:5px;margin-bottom:15px;clear:both;-moz-hyphens:none;-webkit-hyphens:none;}

#content p,#content ul,#content ol{margin-bottom:10px;}
#content ul,#content ol{clear:left;}
#content ul li{padding-left:16px;}
#content li{padding-top:3px;padding-bottom:3px;}
#content ol{padding-left:20px;}
#content ol li{list-style-type:decimal;}
#content .meta{padding-top:20px;}

#content{width:70%;float:left;}

.single .social,.category .social{padding-bottom:30px;}
.single .social div,.category .social div{float:left;}
.single .social div.fb-like,.category .social div.fb-like{margin-top:-4px;margin-right:30px;}

#mininav{overflow:hidden;margin-top:20px;}
#mininav a{padding:3px 8px 4px 8px;}
#mininav .left{float:left;}
#mininav .right{float:right;}

.single #nav-mobile-archives{margin-top:20px;}

/*captions*/
p.wp-caption-text{padding-top:4px;padding-right:20px;}

/*comments*/
#content ol#single-comments{padding-left:0;}
#content ol#single-comments li{list-style-type:none;padding-left:0;margin-bottom:10px;}
	li.depth-2{margin-left:60px;padding-bottom:10px!important;padding-top:10px!important;}
#single-comments img{float:left;}
#single-comments .comment-author,#single-comments .comment-body,#single-comments .reply{margin-left:80px;}
.comment-form-comment label{display:block;}
.comment-form-comment textarea{width:100%;}


/* == sidebar ==========================================================
               default widgets & things!
               for additional widgets and plugins,
               => use widgets.css + plugins.css
   --------------------------------------------------------------------- */
   
#sidebar{width:30%;float:right;padding-left:40px;padding-top:0;}
.page #cta li,#sidebar #cta img{width:100%;margin-right:0;}
#sidebar #cta{margin-right:0;margin-bottom:0;}

/* == footer ===========================================================
              down, down, down…
   --------------------------------------------------------------------- */

footer{position:relative;margin-top:30px;}
#copy{margin-top:70px;margin-bottom:20px;}
footer .menu li{margin:0 10px;}
footer .social li{padding:30px 4px;}

#back-top{width:40px;height:40px;position:fixed;z-index:10;bottom:135px;right:20px;}

/* == forms ============================================================
   --------------------------------------------------------------------- */

.wpcf7 .text,.wpcf7 textarea,.wpcf7 input.submit,#searchform input{width:100%;padding:5px 5px;}
.wpcf7 label{display:block;}
.wpcf7 fieldset{margin-bottom:20px;padding-bottom:30px;}
.wpcf7 .line{padding:8px 0;}
.wpcf7 input.submit{margin-top:-60px;}

/* == pages spéciales ==================================================
   --------------------------------------------------------------------- */

/*sommaire archives*/
.page-template-archivesbd-php #content{float:none;width:100%;}
.affiche{width:25%;display:inline-block;margin-right: -4px;}

/*partenaires*/
.page-id-108 #content ul li{padding-left:0;display:inline-block;margin-right:40px;margin-bottom:20px;}

/*archives*/
#nav-archives{margin-top:15px;}
#nav-archives ul{margin-left:20px;}
h3#title-archives{margin-bottom:10px;margin-top:50px;}
#nav-archives ul{display:none;margin-right:-6px;}
#nav-archives li,#nav-archives ul li{padding:6px;}
span.subnav{width:16px;height:16px;display:block;float:right;}

/*sommaire expos*/
.expo{margin-bottom:20px;overflow:hidden;padding-bottom:20px;}
#expos .thumb{float:left;width:170px;}
.page-template-expositions-php #content h3{padding-top:0;clear:none!important;}

/*cinéma*/
#content #cinema ul li{background:none;padding-left:0;float:left;width:33.3%;padding-right:20px;height:380px;margin-top:15px;margin-bottom:15px;padding-bottom:20px;}

/*liste vignettes + desc*/
.page-template-liste-vignettes-php #content ul li{padding-left:0;overflow:auto;padding-top:10px;}
.page-template-liste-vignettes-php h4{margin-top:-20px;}

/*galeries*/
.ngg-album-compact{width:33.3%;margin-bottom:40px;height:270px!important;}
.ngg-album-compact .Thumb{width:100%;}
a.ngg-album-desc{margin-bottom:0!important;padding-bottom:0!important;height:auto!important;}

/*catégorie listing*/
.category .article{clear:both;padding-bottom:20px;padding-top:20px;overflow:auto;}
	.category-vie-du-festival .article,.category-vu-par-les-auteurs .article{margin-bottom:30px;}
.category .article img{width:200px;float:left;}
	.category-vie-du-festival .article img,.category-vu-par-les-auteurs .article img{width:auto;float:none;}
.category #content .article h3{clear:none;padding-top:0;}
.article-content{margin-left:220px;}

/*sommaire auteurs*/
#bdauteurs{margin-top:-40px;}
#bdauteurs .auteur{width:25%;float:left;padding-bottom:20px;height:150px;}
#content #bdauteurs h3{padding:0;margin:0;}

/*bio auteur*/
#auteur .pic{margin-top:15px;margin-bottom:10px;}
.attachment-bdauteurs-wide{float:left;width:65%;}
.attachment-bdauteurs-bio{float:right;width:30%;}
.page-template-bdauteur-php p.dedicaces{padding-top:15px;padding-bottom:10px;}

/*illustrations presse*/
.page-id-102 table img.download{width:25px;}
.page-id-102 td{vertical-align:middle!important;}
.page-id-102 .column-1{width:20%;}
.page-id-102 .column-2{width:25%;}
.page-id-102 .column-3{width:45%;}
.page-id-102 .column-4{width:5%;}

/*infos pratiques*/
#infos-pratiques{margin-left:-3%;margin-top:-40px;}
#infos-pratiques div{margin-left:3%;float:left;width:22%;margin-bottom:20px;}

/* == retina ===========================================================
   --------------------------------------------------------------------- */
   
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
 #news .tags{
  background-image:url(images/tag@2x.png);
  background-size:4px 3px;
  background-repeat: no-repeat;
  background-position: right top;
 }
 #slider ul a{background-image:url('images/slider-nav@2x.png');background-size:10px 10px;background-repeat:no-repeat;}
 #slider ul a.active{background-image:url('images/slider-nav-on@2x.png');background-size:10px 10px;background-repeat:no-repeat;}
}


/* == search ============================================================
   --------------------------------------------------------------------- */
.searchfield-img{position:relative;z-index:15;}
.searchfield-rbg{width:35px;height:35px;float:left;position:absolute;border-radius:50%;background-color:#000000;z-index:10;top:0;margin:0 3px;}
.searchfield-input{float:right;top:0;height:35px;position:absolute;width:0px;right:17.5px;z-index:5;border-radius: 17.5px 0px 0 17.5px;border:0px;padding-left:10px;}

.searchfield-input {
	width: 160px !important;
}
.page-id-12953 #content ul {
  float: left;
  list-style: outside none none;
  width: 50%;
  padding: 0 20px;
  clear: none;
}
#partenaires img {
	width: 120px;
	margin: 0 2px;
}
.edi{
    vertical-align: super;
    text-transform: none;
    font-size: smaller;
}