/* --- RESETS --- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0; }

article, aside, figure, figure img, hgroup, footer, header, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, select {
  vertical-align: middle; }

a img {
  border: 0; }

:focus {
  outline: 0; }

a:hover, a:active {
  outline: none; }

/* GENERAL STYLES
----------------------------------------------- */
body {
  color: #222;
  font-size: 100%;
  font-family: 'Century Old Style W01', Georgia, Helvetica, Arial, sans-serif;
  background: #FFF;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

/* LINKS */
a:link, a:visited {
  text-decoration: none;
  color: #000;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

a:hover, a:focus {
  color: #555; }

/* SELECTION COLORS */
::selection {
  background: rgba(0, 0, 0, 0.1); }

::-moz-selection {
  background: rgba(0, 0, 0, 0.1); }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); }

/* STRUCTURE
----------------------------------------------- */
header[role="masthead"] {
  z-index: 1000;
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px; }

#container {
  overflow: hidden; }

#container.archive {
  width: 90%;
  padding: 120px 5%; }

#content {
  margin: 30px auto;
  padding: 0 5%;
  overflow: hidden; }

/* GRID = 1220px max-width / 65px columns / 40px margins */
.block {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  overflow: hidden; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
  margin-right: 3.2786885%;
  /* 40px/1220px */
  float: left;
  min-height: 1px; }

.col1 {
  width: 5.3278689%;
  /* 65px/1220px */ }

.col2 {
  width: 13.9344262%;
  /* 170px/1220px */ }

.col3 {
  width: 22.5409836%;
  /* 275px/1220px */ }

.col4 {
  width: 31.147541%;
  /* 380px/1220px */ }

.col5 {
  width: 39.7540984%;
  /* 485px/1220px */ }

.col6 {
  width: 48.3606557%;
  /* 590px/1220px */ }

.col7 {
  width: 56.9672131%;
  /* 695px/1220px */ }

.col8 {
  width: 65.5737705%;
  /* 800px/1220px */ }

.col9 {
  width: 74.1803279%;
  /* 905px/1220px */ }

.col10 {
  width: 82.7868852%;
  /* 1010px/1220px */ }

.col11 {
  width: 91.3934426%;
  /* 1115px/1220px */ }

.col12 {
  width: 100%;
  /* 1220px */
  float: left; }

.end {
  margin-right: 0;
  padding-right: 0; }

.mar1-left {
  margin-left: 8.6065574%; }

.mar2-left {
  margin-left: 17.2131148%; }

.mar3-left {
  margin-left: 25.81967245%; }

img, object, embed, video {
  max-width: 100%; }

img {
  height: auto; }

article header,
#page header {
  position: relative;
  width: 100%; }
article header img,
#page header img {
  width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

article footer {
  clear: both;
  margin: 20px 0 25px 0;
  padding: 0 5%;
  border-top: 1px dotted #cccccc; }

footer[role="site-info"] {
  position: relative;
  clear: both;
  width: 100%;
  padding: 3.5% 0 3%;
  background: #222; }

#archive-page footer[role="site-info"] {
  display: none; }

/* HEADER > BRANDING 
----------------------------------------------- */
header[role="masthead"] {
  font-family: 'DIN1451W01-Mittelschrif' ,stratum-2, sommet-rounded, Helvetica, Arial, sans-serif;
  background-color: rgba(0%, 0%, 0%, 0.6);}
header #branding {
  position: absolute;
  top: 12px;
  left: 8%;
  height: 70px;
}
header #branding h1 {
  margin-top: 8px;
  color: white;
  font-size: 2em;
  font-weight: 600;
  text-transform: uppercase; }

header a #branding {
  color: #111; }

header a:hover #branding {
  opacity: .5;
  color: #111; }

/* MAIN NAV */
header nav {
  position: relative;
  right: 0;
  text-transform: uppercase; }
header nav ul {
  position: absolute;
  top: 33px;
  right: 5%; }
header nav li {
  float: left;
  display: block;
  font-size: .75em;
  font-weight: 500; }

nav li a:link, nav li a:visited {
  padding: 10px ;
  color: black;
  background: white;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

nav li a:hover {
  color: #FFF;
  background: rgba(0, 0, 0, 0.5); }

nav li:first-child a {
  margin-right: 2px;
}
nav li:nth-child(2) a{
  margin-right: 2px;
}
nav li:last-child a {
}

/* ACTIVE PAGES */
#about-page #t-about a,
#about-page #t-about a:hover,
#archive-page #t-archive a,
#archive-page #t-archive a:hover {
  background: rgba(0, 0, 0, 0.35); }

/* CONTENT/ARTICLES
----------------------------------------------- */
h1, h2, h3, h4, h5 {
  font-family: 'DIN1451W01-Mittelschrif', stratum-2, sommet-rounded, Helvetica, Arial, sans-serif; }

#content strong, .archive strong {
  font-weight: bold; }

#content em, .archive em {
  font-style: italic; }

article,
#page {
  overflow: hidden;
  color: #232323; }
article #content h2,
#page #content h2 {
  padding-top: 4px;
  margin-bottom: 15px;
  font-size: 1.75em;
  text-transform: uppercase; }
article h3.interview,
#page h3.interview {
  display: none; }
article #content p, article #content ul,
#page #content p,
#page #content ul {
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.5em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
article sup,
#page sup {
  vertical-align: super;
  font-size: .625em;
  line-height: 1em; }
article .caption, article figcaption,
#page .caption,
#page figcaption {
  margin-bottom: 30px;
  line-height: 1.5em;
  font-size: .75em;
  font-style: italic; }

#content p.q {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

#content p.close {
  font-weight: bold;
  font-style: italic; }

#content blockquote {
  margin: 10px 0 30px 0;
  font-family:'DIN1451W01-Mittelschrif',stratum-2, sommet-rounded, Helvetica, Arial, sans-serif; }
#content blockquote p {
  margin: 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25em; }
#content blockquote p + p {
  margin-top: 20px; }
#content blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: .065em; }

#content blockquote.pull {
  margin-top: 0; }

#content blockquote.big {
  margin-bottom: 30px; }
#content blockquote.big p {
  font-size: 2em;
  line-height: 1.3em; }
#content blockquote.big cite {
  font-size: 1.5em; }

#content blockquote.medium {
  margin-bottom: 30px; }
#content blockquote.medium p {
  font-size: 1.75em;
  line-height: 1.25em; }
#content blockquote.medium cite {
  font-size: 1.25em; }

#content img {
  width: 100%;
  margin-bottom: 20px; }

#content img + .caption {
  margin-top: -20px; }

#content .video a img {
  margin-bottom: 0; }

#content figure.large {
  margin: 10px 0 20px; }
#content figure.large img {
  float: left;
  margin-bottom: 5px; }
#content figure.large figcaption {
  float: right;
  margin: 0;
  padding: 15px 0;
  font-size: .75em;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc; }
#content figure.large:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#content img.tgd-mark {
  display: inline;
  width: 16px;
  height: 16px;
  margin: 0 0 0 5px; }
#content .texte {
  padding-top:38px;
}

/* ----- ARTICLE HEADER ----- */
article header,
#page header {
  min-height: 600px; }
#page header.noimg,
article header.noimg{
  min-height:130px;
}
article header.agenda {
  min-height: 400px;
  margin-bottom: -30px;}
article header.noimg h1, article header.agenda h1{
  color:#222;
}
article header a:hover h1,
#page header a:hover h1 {
  opacity: .7; }
article header h1,
#page header h1 {
  position: absolute;
  bottom: 43%;
  left: 0;
  width: 100%;
  color: #FFF;
  font-size: 3.5em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
article header blockquote,
#page header blockquote {
  position: absolute;
  top: 38%;
  bottom: 35%;
  padding: 0 10%;
  line-height: 1.35em;
  color: #8FBDB7;
  color: rgba(3, 126, 133, 0.4);
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  font-family:'DIN1451W01-Mittelschrif', stratum-2, sommet-rounded, Helvetica, Arial, sans-serif;
  font-size: 2em; }
article header blockquote cite,
#page header blockquote cite {
  float: right;
  display: block;
  font-style: italic;
  font-size: .625em; }
article header blockquote a,
#page header blockquote a {
  font-style: italic;
  color: #037E85;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
article header blockquote a:hover,
#page header blockquote a:hover {
  color: #F5F5F5; }
article header .img-credit,
#page header .img-credit {
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 20px;
  padding: 0 15px;
  color: #888;
  font-size: .75em;
  font-family:'DIN1451W01-Mittelschrif', stratum-2,sommet-rounded, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5em;
  text-transform: uppercase; }
article header .img-credit a,
#page header .img-credit a {
  color: #888;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
article header .img-credit a:hover,
#page header .img-credit a:hover {
  opacity: .5; }

/* ----- ARTICLE INTRO ----- */
.dossier, .interview {
  /* padding-top: 150px;*/
}
#content .title h2 {
  padding-top: 10px;
}
#content .intro {
  font-size: .875em; }
#content .intro h3 {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 1.4em;
  text-transform: uppercase; }
#content .intro p.date {
  font-style: italic;
  color: #888; }
#content .intro img.profile {
  float: right;
  width: 85px;
  height: 85px;
  margin: 0 0 10px 20px;
  border-radius: 85px; }
#content .intro ul {
  overflow: hidden;
  margin-bottom: 25px;
  font-family: 'Century Old Style W01',ff-meta-serif-web-pro, Georgia, Helvetica, Arial, sans-serif; }
#content .intro li {
  float: left;
  margin: 0 10px 5px 0; }
#content .intro li a:before {
  content: "+";
  padding-right: 5px;
  opacity: .35; }

/* ----- ARTICLE/ABOUT ASIDES ----- */
#couvindex {
  margin-top:  30px;
  margin-bottom: 100px;
  padding-top: 13px;
}
aside #couvindex p {
  text-align: right;
}
article  h3 {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 1em;
  text-transform: uppercase; }
article aside figure {
  margin-bottom: 30px; }
article aside .note {
  margin-bottom: 30px;
  padding-top: 20px;
  font-size: .75em;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc; }
article aside img + .note, article aside figure + .note {
  margin-top: 0px; }
article aside blockquote p {
  font-size: 1.5em;
  line-height: 1.25em; }
article aside a:hover img {
  opacity: .7; }

#content aside figure img {
  padding-top:50px;
  margin-bottom: 5px;}

#page #content aside {
  font-size: .875em; }
#page #content aside h4 {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 1.5em;
  text-transform: uppercase; }
#page #content aside .note {
  margin-bottom: 30px;
  padding-top: 20px;
  font-size: .875em;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc; }

/* ----- ARTICLE FOOTER ----- */
#index {
  margin-top: 150px;
  margin-bottom: 50px;
}
article footer {
  /* ADJUSTMENTS FOR 1PX BORDER-RIGHT */ }
article footer section {
  padding: 30px 0 0;
  border-right: 1px dotted #cccccc; }
article footer .block .col2 {
  width: 13.852459%;
  /* 169px/1220px */ }
article footer .block .col3 {
  width: 22.4590164%;
  /* 274px/1220px */ }
article footer .block .col4 {
  width: 31.0655738%;
  /* 379px/1220px */ }
article footer h3 {
  text-transform: uppercase;
  color: #BBB;
  color: rgba(0, 0, 0, 0.25);
  font-size: 1em;
  font-weight: 600; }
article footer p + h3 {
  margin-top: 10px; }
article footer p, article footer li {
  margin-bottom: 0;
  padding-right: 20px;
  font-size: .95em;
  line-height: 1.5em; }
article footer .end {
  border: none; }

/* ENTRY NAVIGATION 
----------------------------------------------- */
#nav-entry {
  z-index: 1000;
  font-family: 'DIN1451W01-Mittelschrif', Helvetica, Arial, sans-serif;
  font-size: .75em; }
#nav-entry a {
  display: block;
  padding: 15px 20px;
  width: 155px;
  color: #F5F5F5;
  font-weight: 600;
  text-transform: uppercase;
  opacity: .25;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
#nav-entry a.newer {
  position: fixed;
  left: 0;
  top: 45%;
  margin-left: -185px;
  padding-right: 40px;
  text-align: left;
  background: #111111 url( /theme/images/icon-arrow-left.png) no-repeat right center;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }
#nav-entry a.older {
  position: fixed;
  right: 0;
  top: 45%;
  margin-right: -185px;
  padding-left: 40px;
  text-align: right;
  background: #111111 url( /theme/images/icon-arrow-right.png) no-repeat left center;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }
#nav-entry a:hover {
  margin: 0;
  opacity: 1; }

/* ARCHIVE PAGE
----------------------------------------------- */
#archive-page {
  background: #F5F5F5; }

.archive p {
  font-style: italic;
  color: #333;
  font-size: .875em; }
.archive ul {
  margin-bottom: 15px; }
.archive li {
  position: relative;
  font-family: 'DIN1451W01-Mittelschrif',stratum-2, sommet-rounded, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 3.75em;
  text-transform: uppercase;
  line-height: 1.25em; }
.archive span.date {
  font-size: 0.75em;
}
.archive li.upcoming {
  color: #D9D9D9; }
.archive li strong {
  z-index: 5;
  position: absolute;
  right: 0;
  color: #222;
  font-size: .25em; }
.archive li:nth-child(even) {
  margin-left: -20px;
  padding-left: 20px;
  background: #FFF; }
.archive li a {
  display: inline-block;
  color: #111;
  background-position: -45px 45%;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.archive li a:hover {
  padding-left: 60px;
  color: #AAA;
  background: url(../img/icon-arrow-right-lg.png) no-repeat left 45%; }

/*ABOUT PAGE
----------------------------------------------- */
#about-page {
  background: #F5F5F5; }

#about-page #content a {
  color: #037E85; }
#about-page #content a:hover {
  color: #000; }

/* ERROR PAGE
----------------------------------------------- */
#error-page header #branding h1 {
  text-shadow: 1px 1px 1px rgba(204, 59, 76, 0.5); }

#error-page #page h1 {
  position: absolute;
  width: 26%;
  top: 20%;
  right: 40%;
  bottom: auto;
  left: 60%;
  padding: 2% 2% 1.8%;
  background: #FFF;
  line-height: 1.6em;
  color: #353535;
  font-size: 1.1em;
  font-family: lint-mccree, Helvetica, Arial, sans-serif;
  text-transform: inherit;
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  -o-border-radius: 55px;
  -ms-border-radius: 55px;
  -khtml-border-radius: 55px;
  border-radius: 55px; }
#error-page #page h1 em {
  font-weight: bold;
  font-style: italic; }

#error-page #page h1:before,
#error-page #page h1:after {
  content: "";
  position: absolute;
  background: #FFF;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px; }

#error-page #page h1:before {
  width: 25px;
  height: 24px;
  bottom: 5px;
  left: -20px; }

#error-page #page h1:after {
  width: 13px;
  height: 13px;
  bottom: -5px;
  left: -35px; }

#error-page #content a {
  font-weight: bold;
  border-bottom: 1px dotted #cccccc; }

/* FOOTER 
----------------------------------------------- */
footer[role="site-info"] {
  color: #CCC;
  font-size: .875em;
  font-family: 'DIN1451W01-Mittelschrif',stratum-2, sommet-rounded, Helvetica, Arial, sans-serif; }
footer[role="site-info"] p, footer[role="site-info"] ul {
  padding-left: 5%; }
footer[role="site-info"] a {
  color: #CCC; }
footer[role="site-info"] #copyright a {
  font-weight: 500;
  text-shadow: 1px 1px 1px #000; }
footer[role="site-info"] a:hover {
  color: #666; }

ul.social {
  margin-top: 5px;
  font-size: .875em;
  font-weight: 500; }
ul.social li {
  display: inline-block;
  margin-right: 10px; }
ul.social li.twitter a {
  padding-left: 22px;
  background: url(/theme/images/icon-twitter-2x.png) no-repeat left -33px; }
ul.social li.rss a {
  padding: 1px 0 1px 22px;
  background: url(/theme/images/icon-rss-2x.png) no-repeat left -32px; }

.sponsors {
  position: absolute;
  right: 5%;
  top: 36%;
  bottom: 36%;
  min-width: 300px;
  font-size: .75em;
  font-weight: 500; }

.sponsors p {
  float: left;
  color: #333; }
.sponsors p a, .sponsors p a:hover {
  color: #555; }
.sponsors p a em {
  display: block;
  margin-top: 2px;
  text-indent: -999em;
  background-position: left top;
  background-repeat: no-repeat;
  opacity: .55;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
.sponsors p a:hover em {
  opacity: 1; }

.sponsors a.mt em {
  width: 180px;
  height: 15px;
  margin: 5px 20px 0 0;
  background-image: url(../img/mt-logo-wide-gray.png); }

.sponsors a.typekit em {
  width: 70px;
  height: 18px;
  background-image: url(../img/typekit-logo-gray.png); }

/* MINOR ADJUSTMENTS FOR SMALLER SCREENS
----------------------------------------------- */
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
#page header blockquote {
  top: 40%;
  bottom: 35%;
  padding: 0 5%;
  line-height: 1.35em;
  color: #67A9A3;
  color: rgba(3, 126, 133, 0.45);
  font-size: 1.5em; }

footer[role="site-info"] p#copyright {
  max-width: 50%; } }
/* MOBILE STYLES
----------------------------------------------- */
@media only screen and (max-width: 767px) {
body {
  
  -webkit-text-size-adjust: none; }

/* STRUCTURE */

body, .block, #container {
  width: 100%;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }

#container.archive {
  padding: 90px 5%; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  width: auto;
  float: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }
#pochette {
  margin-right: 3.2786885%;
  width: 20%;
  float: left;
  min-height:0px;
}
#content {
  clear: left;
  margin: 15px auto 25px; }

/* HEADER */
header[role="masthead"] {
  height: 40px;
  background-color:rgba(0,0,0, 0.6);}

header #branding {
  top: 5px;
  width: 75px; }

header #branding h1 {
  font-size: 1em;
  padding: 0;
  margin-top: 7px;
}
article header.agenda {
  min-height: 300px;
  margin-bottom: -30px;}
article header.noimg h1, article header.agenda h1{
  color:#222;
}
/* MAIN NAV */
header nav ul {
  top: 15px; }
header nav li {
  font-weight: 600; }

nav li a:link, nav li a:visited {
  padding: 5px 5px;
  color: white;
  background: none; }

nav li:first-child a,
nav li:last-child a, nav li:nth-child(2) a{

}

nav li:last-child a {
  padding-right: 0; }

nav li a:hover {
  color: inherit;
  opacity: .5;
  background: none; }

#about-page #t-about a,
#about-page #t-about a:hover,
#archive-page #t-archive a,
#archive-page #t-archive a:hover {
  background: none;
  opacity: .5; }

/* CONTENT */

article #content .title {
}
article.interview, article.editorial, #page {
  padding-top: 40px; }

article header, #page header {
  min-height: 150px;
  margin-bottom: 15px; }

article header h1 {
  font-size: 3em; }
article header .img-credit {
  display: none; }
article footer {
  margin-top: -10px; }
article footer .block:last-child {
  margin-bottom: 40px; }
article footer .block .col3 {
  width: auto;
  height: auto;
  float: none;
  margin-left: 0;
  margin-right: 0;
  border-right: none; }



#page header blockquote {
  position: static;
  display: block;
  padding: 10px 20px 30px;
  line-height: 1.4em;
  color: #67A9A3;
  color: rgba(3, 126, 133, 0.75);
  text-shadow: none;
  font-size: 1em; }
#page header blockquote cite {
  float: left;
  margin-top: 10px; }
#page header blockquote cite a:hover {
  color: #222; }

#page header .img-credit {
  position: static;
  float: right;
  margin-top: -25px;
  padding: 0 5%;
  color: #FFF;
  font-size: .675em;
  opacity: .75; }

#page #content .intro {
  margin-bottom: 30px;
  padding: 29px 0 9px;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc; }

.interview #content .intro,
.article #content .intro {
  margin-bottom: 30px;
  padding-bottom: 9px;
  border-bottom: 1px dotted #cccccc;
  font-size: .75em; }

#content .col6 {
  font-size: .875em; }

article aside.col3 > img {
  margin-top: 10px; }

#content .col9 img {
  margin-bottom: -38px; }

article .note {
  margin-top: 30px; }

#page #content aside {
  margin-top: 30px;
  padding-top: 29px;
  border-top: 1px dotted #cccccc; }

#error-page #page h1 {
  top: 7%;
  left: 52%;
  right: 40%;
  width: 45%;
  padding: 3% 3% 2.5%;
  font-size: .625em; }

#error-page #page h1:before {
  left: -15px;
  width: 16px;
  height: 16px; }

#error-page #page h1:after {
  bottom: 0;
  left: -25px;
  width: 8px;
  height: 8px; }

/* NAV-ENTRY */
#nav-entry {
  overflow: hidden;
  margin-top: 0;
  background: #F1F1F1;
  font-size: .625em; }
#nav-entry a {
  display: block;
  width: 50%; }
#nav-entry a.newer, #nav-entry a.older {
  position: static;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0; }
#nav-entry a.newer {
  float: left; }
#nav-entry a.older {
  float: right; }
#nav-entry a:hover {
  background-color: #222; }

/* ARCHIVE */
.archive li {
  padding: 6px 0 4px;
  line-height: 1em;
  font-size: 2.25em; }
.archive li a:hover {
  padding-left: 0;
  background: none; }

.archive p {
  font-size: .75em; }

/* FOOTER */
footer[role="site-info"] {
  padding-top: 6%; }

footer[role="site-info"] p#copyright {
  max-width: 80%; }

footer .social {
  position: static;
  display: inline-block;
  margin: 20px 0 10px 0; }

.sponsors {
  position: static;
  clear: both;
  overflow: hidden;
  margin: 1.5% auto 4%; } }
/* MOBILE + TABLET (PORTRAIT)
----------------------------------------------- */
@media only screen and (max-width: 1023px) {
#content figure.large {
  margin: 10px 0 20px; }
#content figure.large img {
  float: none;
  width: 100%; }
#content figure.large figcaption {
  width: auto;
  float: none;
  padding: 0;
  border: none; } 
#pochette {
  margin-right: 3.2786885%;
  width: 20%;
  float: left;
  min-height:0px;
  
}}

/* TABLET (LANDSCAPE) 
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#pochette {
  margin-right: 3.2786885%;
  width: 20%;
  float: left;
  min-height:0px;
  
}
article header, #page header {
  min-height: 400px; }

#about header blockquote {
  top: 40%;
  bottom: 35%;
  padding: 0 5%;
  line-height: 1.35em;
  color: #67A9A3;
  color: rgba(3, 126, 133, 0.5);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
  font-size: .75em; }

#error-page #page h1 {
  font-size: .95em; }

#nav-entry {
  min-height: 45px;
  margin-top: 0;
  background: #F1F1F1; }
#nav-entry a {
  display: block;
  width: 50%; }
#nav-entry a.newer, #nav-entry a.older {
  position: static;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0; }
#nav-entry a.newer {
  float: left; }
#nav-entry a.older {
  float: right; }
#nav-entry a:hover {
  background-color: #222; }

footer[role="site-info"] p#copyright {
  max-width: 45%; } }
/* TABLET (PORTRAIT)
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* STRUCTURE */
body, .block, #container {
  width: 100%;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  width: auto;
  float: none;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 0; }

/* CONTENT */
#page header blockquote {
  padding: 0 5%;
  font-size: 1.375em; }

#page #content .intro {
  margin-bottom: 30px;
  padding: 0 0 9px;
  border-bottom: 1px dotted #cccccc; }

.interview #content .intro,
.article #content .intro {
  margin-bottom: 30px;
  padding-bottom: 9px;
  border-bottom: 1px dotted #cccccc; }

.interview .col6,
.interview .col3 blockquote,
.article .col6,
.article .col3 blockquote {
  font-size: 1.1875em; }

#page #content aside {
  margin-top: 30px;
  padding-top: 29px;
  border-top: 1px dotted #cccccc; }

article header h1,
#page header h1 {
  bottom: 32%;
}

article aside.col3 > img {
  margin-top: 10px; }

#content .col9 img {
  margin-bottom: -38px; }

article .note {
  margin-top: 30px; }

/* FIGURES */
#content aside figure img {
  width: 70%;
  max-width: 70%; }
#content aside figure figcaption {
  width: 25%;
  margin: 0 0 0 5%;
  padding: 20px 0;
  font-size: .75em; }

article footer {
  /* WIDTH ADJUSTED FOR 1PX BORDER-RIGHT */
  margin-bottom:50px;
}
article footer section {
  height: 130px;
  padding: 30px 0 0;
  border-right: 1px dotted #cccccc; }
article footer .block .col3 {
  float: left;
  width: 23.0655738%;
  margin-right: 2.2786885%; }
article footer .block .col3.end {
  margin-right: 0; }

.archive li {
  font-size: 3.5em; }

.sponsors {
  position: absolute;
  right: 5%;
  top: 30%;
  bottom: 35%;
  font-size: .75em;
  font-weight: 500; } }
/* MOBILE (WIDE) through TABLET (PORTRAIT)
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 1023px) {
/* FIGURES */
#content aside figure {
  margin-top: 30px; }
#content aside figure img {
  float: left;
  width: 60%;
  max-width: 60%;
  margin: 0; }
#content aside figure figcaption {
  float: right;
  width: 35%;
  margin: 0 0 0 5%;
  padding: 15px 0;
  font-size: .75em;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc; }
#content aside figure:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
#content aside figure + .note {
  margin-bottom: 20px; }

article header h1,
#page header h1 {
  bottom: 32%;
}

article aside .note {
  clear: left; } 


}


/* MOBILE: WIDE (480px)
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#content aside figure figcaption {
  font-size: .625em; }

#nav-entry {
  font-size: .75em; } }
/* TYPEKIT EVENTS
----------------------------------------------- */
.wf-loading header #branding,
.wf-loading header nav,
.wf-loading article #headline,
.wf-loading article #deck,
.wf-loading #page header blockquote,
.wf-loading .archive ul {
  visibility: hidden; }

.wf-active header #branding,
.wf-active header nav,
.wf-active article #headline,
.wf-active article #deck,
.wf-active #page header blockquote,
.wf-active .archive ul,
.wf-inactive header #branding,
.wf-inactive header nav,
.wf-inactive article #headline,
.wf-inactive article #deck,
.wf-inactive #page header blockquote,
.wf-inactive .archive ul {
  visibility: visible; }

/* MODERNIZR + IE RULES
----------------------------------------------- */
.no-rgba nav li a:hover {
  background: #777; }

.no-rgba #error-page header #branding h1 {
  text-shadow: 0 0 0; }

.no-borderradius #error-page #page h1:before,
.no-borderradius #error-page #page h1:after {
  display: none; }

.ie header #branding,
.ie header nav,
.ie article #headline,
.ie article #deck,
.ie #page header blockquote,
.ie .archive ul {
  visibility: visible; }

.ie nav li a:link, .ie nav li a:visited {
  display: block; }

.ie nav ul {
  top: 38px; }

.ie7 article header h1 {
  width: 90%; }

.ie7 aside figure {
  display: inline-block; }

.ie7 #page header blockquote {
  display: none; }

.ie7 #nav-entry {
  font-size: .625em; }

.ie7 ul.social li {
  display: inline;
  padding: 2px 0; }

.ie7 #content figure.large img, .ie8 #content figure.large img {
  width: 65.5737705%; }
.ie7 #content figure.large figcaption, .ie8 #content figure.large figcaption {
  width: 31.147541%; }

/*  RETINA DISPLAY OVERRIDES
------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
  header #branding {
    background-position: -36px top;
  background-size: 110px auto; }

ul.social li.twitter a {
  background-position: -7px -1px;
  background-size: 24px; }

ul.social li.rss a {
  background-position: -7px 0;
  background-size: 24px; }

#nav-entry a.newer {
  background-image: url(  /theme/images/icon-arrow-left.png);
  background-size: 14px; }

#nav-entry a.older {
  background-image: url( /theme/images/icon-arrow-right.png);
  background-size: 14px; }

.sponsors a.mt em {
  background-position: left bottom;
  background-size: 180px auto; }

.sponsors a.typekit em {
  background-position: left bottom;
  background-size: 70px auto; } }