@import "./variables.less";
@import './mixins.less';
@import './typo.more.less';
@import './figure.more.less';

// @import './utils.more.less';

@import "../mots.more.less";

// @import '../modeles/biographie.more.less';
// @import "../modeles/portrait-jean.more.less";
@import "../modeles/liste-films.more.less";
@import "../modeles/direct-access.more.less";
@import "../modeles/portraits-artistes.more.less";

@import "../modeles/mea-films.more.less";

// @import '../inclure/nav/nav.more.less';
@import "../inclure/header/header.more.less";
@import '../inclure/introduction/introduction.more.less';
@import '../inclure/footer/footer.more.less';

body.open .page {
  padding-left:@menuWidth;
  .container {
    padding-left: 2em;
  }
}

hr {
  margin:8em auto;
}

.page {
  transition:padding 450ms ease-in-out, opacity 450ms ease-in-out;
  .container {
    padding-right:2em;
    padding-left:6em;
  }
}

.page_rubrique_1 .container {
  padding-right:0;
}

.clear {
  clear: both;
}

.page_mot ul.videos {
  display:flex;
  flex-flow: row wrap;
  justify-content: space-between;
  .video {
    width:24%;
    h3 {
      min-height: 4.5em;
    }
  }
}

ul.liste-extraits {
  display: flex;
  flex-flow: row wrap;
  li.parent-container-iframe {
    padding:.25em;
    width: 50%;
    &, 
    .container-iframe {
      margin-bottom:0;
    }
  }
}

.page_mot_artiste {
  &.open .page .main header {
    background-attachment:inherit;
    background-size:inherit;
  }
  .main {
    display:flex;
    flex-flow: row wrap;
    header {
      width:50%;
      background-attachment: fixed;
      background-size: contain;
      img {
        width:100%;
        height:auto;
      }
    }
    section {
      width:50%;
      padding:1em;
    }
  }
}

.video {
  a.auvio {
    width:auto;
    float: right;
  }
}

.page_article_3 table.spip tr td:nth-child(2) {
  column-count: 2;
}