/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

*{
  box-sizing: border-box;
}

/**** disabling Isotope CSS3 transitions ****/

.grid.no-transition,
.grid.no-transition .grid-item,
.grid .isotope-item.no-transition {
  -webkit-transition-duration: 0s !important;
     -moz-transition-duration: 0s !important;
      -ms-transition-duration: 0s !important;
       -o-transition-duration: 0s !important;
          transition-duration: 0s !important;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

.logo-container {
  clear: left;
  float: none !important;
  margin: 0 auto;
  position: relative;
  z-index:9999;
  left: -4px;
}

.logo-container.hidden{
  top:-200px;
}

img#logo{
      visibility: hidden;
}

.frame-container {
    position: fixed;
}

.frame-container .frame {
    top: 0px;
    position: absolute;
    width: 100%;
    visibility: hidden;
}

.frame-container .frame.visible {
    visibility: visible;
}

.frame-container .frame img {
    width: 100%;
}

input[type="submit"] {
    display: none;
}

input[type="search"] {
    width: 165px;
}

.menu-sections {
    position: absolute;
    bottom: 10px;
    width: 90%;
}



article header {
    left: 21em;
}

.right-nav input#mysearch {
    width: 55%;
    margin-bottom: 10px;
    margin-right: 12px;
    border: 1px solid black;
    font-size: 0.85em;
    padding: 0.2em;
}

.author {
    /* font-family: Times; */
    font-variant: italic;
    /* font-style: italic; */
}

.supermenu li {
    padding: 0.1em 0;
}

.left-nav {
    position: fixed;
    left: 3em;
    top: 2.5em;
    z-index: 9999999;
}

.right-nav {
    position: relative;
    right: 1.5em;
    tp^: ^;
    top: 0em;
    text-align: right;
}

form#search-form {
    width: 100%;
    margin-top: 0px;
}


.spacer {
    height: 0.25em;
}

.center-align {
    text-align: center;
}

.archive-list {/* display: table; */position: relative;z-index: 999;background: rgb(237, 253, 255);}

.col {
    width: 10%;
    float: left;
    padding: 0.5em;
}

.col {
    vertical-align: middle;
    display: table-cell;
    top: 7px;
    position: relative;
}

li .col.titre {
    /* padding-top: 0px; */
    top: 0;
}

li .col.titre {
    font-size: 1.5em;
    text-align: left;
}

.col.titre {
    width: 70%;
}

.horizontal-wrapper {
    margin: 0 1em;
    overflow: hidden;
}

.header .horizontal-wrapper {
    margin: 0 4em;
}

#nav-toggle span.burger { position: absolute; left: 50%; top: 50%; }

#nav-toggle span.burger, 
#nav-toggle span.burger:before,
#nav-toggle span.burger:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 29px;
  background: #000;
  position: relative;
  display: block;
  content: '';
  left: 0px;
  top: 6px;
}

#nav-toggle span.burger:before {
  top: -11px;
}
#nav-toggle span.burger:after {
  bottom: -5px;
}

#nav-toggle span.text {
    margin-left: 41px;
    position: relative;
}


footer {
}

article sup {font-size: 0.6em;padding-right: 0.3em;}

figure {
    text-align: center;
    font-size: 0.7em;
    font-style: italic;
    margin: 2em 0px;
}

figure img {
    width: 70%;
}

figure.c-figure--left, figure.c-figure--right {
    width: 65%;
    margin: 2em auto;
}

@font-face {
  font-family: 'Bruise';
  src: url('fonts/Bruise-Regular.eot');
  src: url('fonts/Bruise-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Bruise-Regular.woff') format('woff'),
    url('fonts/Bruise-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Media77';
  src: url('fonts/Media-77.eot');
  src: url('fonts/Media-77.eot?#iefix') format('embedded-opentype'),
    url('fonts/Media-77.woff') format('woff'),
    url('fonts/Media-77.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.grid-item a {
    color: rgba(0, 0, 0, 0.77);
    text-decoration: none;
}

.grid-item a:hover {
    color: #be8749;
    text-decoration: none;
    border: none;
}

.grid-item a:hover hr {
    border-color: #be8749;
}

.main-container {
    /* display: inline-block; */
    max-width: 1680px;
    margin: 0 auto;
    width: 100%;
}

article p {
    margin: 1em 5em 1em 5em;
    /* font-family: 'Media77'; */
}


  article figcaption {
      margin: 1em 10em 1em 10em;
  }


article .video-container {
    position: relative;
    width: 80%;
    height: 0;
    padding-bottom: 46%;
    margin: 1em 5em 1em 5em;
}

.video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

article p {
    font-size: 1.2em;
    line-height: 1.45em;
    font-family: Times;
    clear: left;
}

article cite{
  font-style: normal;
}


article cite sup{
    font-size: 0.8em;
    padding-left: 4px;
}

cite sup a {
    color: #be8749 !important;
}

.references-container{
  width: 95.5%;
}

.mw-references-wrap.mw-references-columns {
    /* -webkit-column-width: 32em; */
    -moz-column-width: 30em;
    /* column-width: 28em; */
    /* -webkit-columns: 3; */
    columns: 3;
    column-gap: 1.3em;
    width: 100%;
    /* margin-left: 20px; */
    /* padding: 1em; */
}

.references {
    font-size: 0.75em;
    line-height: 1.4em;
    margin: 0em 0em 0em 0em;
    padding: 0;
    list-style-type: decimal;
    list-style-type: oriya;
}

.footnote-reader{
    position: fixed;
    width: 280px;
    border: 2px solid #000;
    padding: 1em;
    background: #fff;
    font-size: 0.75em;
    display: none;
}

.footnote-reader.visible{
  display: block;

}

.menu-open .main-container {
    transform: scale(0.9, 1);
    -webkit-transform: scale(0.9, 1);
}

.main-container {
    transition: 200ms;
    transform-origin: right;
    -webkit-transform-origin: right;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

sup, sub {
    font-size: 27%;
    font-family: 'Bruise';
}

sup {
    padding-right: 10px;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    /* margin: 1em 0; */
    padding: 0;
}

.leaders li hr {top: 80px;position: relative;}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

.content img {
    text-align: center;
    margin: 0 auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    background: #ffffff;
    line-height: 100%;
}

a {
    color: black;
    /* padding-bottom: 0px; */
    /* border-bottom: 1px solid #b8b8b8; */
    text-decoration: none;
}

.toolbox a:hover {
    border: none;
    color: #be8749;
}

a:hover {
    text-decoration: none;
    border: none;
    text-decoration-skip: ink;
    color: #be8749;
}

a:hover .title {
    color: #be8749;
}

li {
    list-style: none;
}

.footer li {
    margin: 0.1em 0;
}

.references li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    display: list-item;
    text-align: -webkit-match-parent;
    break-inside: avoid-column;
    box-sizing: content-box;
    /* margin-top: 1em; */
    margin-bottom: 1em;
    list-style-position: inside;
}

ul {
    margin: 0.5em 0;
    padding: 0;
}

.font-bruise {
    font-family: 'Bruise';
}

.meta-content {
    float: left;
}

.right-align {
    text-align: right;
}

.s {
    font-size: 1rem;
}

.wrapper {/* margin: 3em 1.5em; */}

.wrapper div {}

.footer .item {
    /* margin-left: 0.65em; */
    padding: 0 1.3em;
}

.toolbox {
    text-align: center;
}

.toolbox i {
    font-size: 1.3em;
}

.toolbox.m-not-visible {
    height: 100%;
}

.back-to-top-container {
    position: absolute;
    bottom: 30px;
    text-align: center;
}

.close-menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 99;
    display: none;
}

.menu-open .close-menu-overlay {
    display: block;
}

.serif {
     font-family: Times; 
   /* font-family: 'Media77';*/
}

.aside {
    background: white;
    z-index: 999999;
    /* margin-top: 430px; */
    padding-right: 2em;
    position: relative;
}

.supermenu {
    position: fixed;
    height: 100%;
    background: #ffffff;
    overflow: hidden;
    top: 0px;
    left: 0px;
    z-index: 99;
    padding: 1em;
    border-right: 2px solid;
    width: 25%;
    transition: 300ms;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(0,1);
    -webkit-transform: scale(0,1);
    transform-origin: left;
    -webkit-transform-origin: left;
}

menu-open .supermenu {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}

.menu-open .supermenu {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}

.label {
    float: left;
    padding-top: 1px;
}

.burger {
    height: 20px;
    width: 17px;
    float: left;
    margin-right: 6px;
    overflow: hidden;
}

.grid-item {
    padding: 1.5em;
    /* border: 1px solid; */
}

.grid-item.ad {
    padding: 0em 1.5em;
}


.aside .grid-item {
    opacity: 0.55;
    padding: 0.5em 0;
}

.aside .grid-item:hover {
    opacity: 1;
}

.aside:hover .grid-item {
}

.grid-item:hover {
    /* border: 1px solid #000; */
}

.grid-item {
    /* border: 1px solid #fff; */
}

.d-5of10.t-5of10 .title{
      font-size: 2.6em;

}

.d-3of10.t-3of10 .xl {
    font-size: 2.6em;
}

.d-2of10.t-2of10 .xl{
    font-size: 2.1em;
}


.meta {
    position: relative;
}

.meta {
    /* border-bottom: 1px solid black; */
}

  .burger .line {
    position: relative;
    height: 3px;
    margin: 3px 0 0 0;
    width: 100%;
    background: black;
    display: block;
    border-radius: 102px;
}

.row-header {
    border-bottom: 1px solid black;
    padding-bottom: 9px;
}

.center-col {
    margin: 0 auto;
    clear: left;
    float: none !important;
}

.header {
    z-index: 999;
    overflow: hidden;
    /* height: 199px; */
    margin-top: 20px;
    /* margin: 0px 60px; */
}

.lang-selector a {
    border-bottom: 2px solid #000;
    padding-bottom: 0;
}

.lang-selector a.selected {
    border-bottom: 2px solid transparent;
}

.titre.d-3of5 {}

.right {
    /* text-align: right; */
}

.type {
    font-size: 0.8em;
    margin-top: 14px;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {padding: 1.5em 1em 1em 1em;}

.footer-container,
.main aside {
}

.header-container,
.footer-container,
.main aside {
}

.title {
    text-align: content-box;
}

.title.serif{
  letter-spacing: -1px;
}

.xl {
    font-size: 2.85em;
    line-height: 0.95em;
    /* font-family: Junicode; */
    /* hyphens: auto; */
}

.l {
    font-size: 1.75em;
    line-height: 1.1em;
}

.mono {
    font-family: monospace;
    font-family: Monaco;
}

.aside .title {
    font-size: 1.4em;
}

p {
    margin: 0.3em 0;
}

.m {
    font-size: 1.65em;
    line-height: 1.05em;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

}

nav a:hover,
nav a:visited {
}

nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */

/* * * * * * * * * * * 
*      Dot Leader
* * * * * * * * * * * */

      
    /* Page setup & Styling */
    *::selection {
      background-color: #1a1a1a;
      color: aliceblue;
    }

body {
}


span.center {
    font-size: 4.5em;
    text-align: center;
    float: center;
    line-height: 1em;
}

span.right {
    float: right;
}



.main {
    margin-top: 240px;
}

.main.wrapper, .header.wrapper, .footer.wrapper {
    margin: 1em 1.5em 0em 1.5em;
}


.footer {
    padding-bottom: 2em;
}

.footer hr {
    margin: 0.25em 1.5em;
}

.main article h1 {
    font-size: 2.8em;
    line-height: 1.1em;
    font-weight: 500;
    margin: 0;
}

.main aside {
}

.footer-container footer {
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

h1{
    /* display: inline; */
}

h2{
    display: block;
    margin: 0;
    font-family: "Bruise";
    font-size: 0.75em;
    font-weight: normal;
}

article{
    display: inline;
    /* display: block; */
}

img{
    vertical-align: baseline;
}

img {  
  /* Same as first example */
  /* min-height: 50px; */
}

/* * * * * * * * * * * 
*      Dot Leader
* * * * * * * * * * * */
ul.sommaire {
  list-style: none;
  margin: 0;
  position: relative;
  padding: 0;
  /* margin: 0 10em; */
  display: block;
  /* margin-top: 210px; */
  margin-bottom: 0;
}

.sommaire a:hover{
  text-decoration: none;
}

ul.sommaire li {
    width: 50%;
    display: block;
    padding: 0em 1em;
    text-align: center;
}

ul.sommaire li .titre{
  line-height: 1em;
}

ul li {
  margin: 0.3em 0;
}

ul.m li {
  margin: 0em 0;
}

.archive-list li {
    display: block;
    width: 100%;
    clear: left;
    border-bottom: 1px solid;
    font-size: 0.8em;
    padding: 1.1em 0;
    overflow: hidden;
}

.row-header .col {
    font-size: 0.9rem;
}

li:hover {
}



ul.leaders li:before {
  float: left;
  width: 0;
  white-space: nowrap;
}

ul.leaders > li > span:first-child {
   /* font-weight: 600; */
   /* letter-spacing: 2px; */
   padding-right: 0.33em;
   background: #edfdff;
   text-align: left;
   float: left;
   padding-left: 11em;
   line-height: 2em;
}

ul.leaders span + span {
  float: none;
  padding-left: 0.33em;
  background: #edfdff;
  /* margin: 2em; */
  /* vertical-align: baseline; */
  /* vertical-align: baseline; */
  position: relative;
  top: -91px;

}

li .wrapper:hover {
      color: #ff7000;
}

li img{
  /* background: #edfdff; */
  transform: rotate(6deg);
  top: 0px; 
  /* position: absolute; */
  /* display: none; */
}

/* Page setup & Styling */
*::selection {
  background-color: #1a1a1a;
  color: aliceblue;
}

li:hover img{
  color:blue;
}


.sommaire .titre {
    font-size: 2.8em;
    text-align: center;
    line-height: 1em;
    position: relative;
    top: 0px;
}

.content .titre {
    font-size: 2.3em;
    line-height: 1.1em;
    text-align: center;
}

.titre span {
    font-weight: 200;
}


.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.header-logo{
  text-align: center;
}

.nav, .nav a, .nav hr{
  color: #be8849;
  border-color: #be8849;
}

.nav{
    z-index: 9999;
    right: 0%;
}

.logo-placeholder{
  position: relative;
  left: 0%;
  margin-top: -20px;
  height: 250px;
}


.nav a:hover{
  text-decoration: none;
}

.meta hr{
  position:absolute;
  left:0px;
  width: 100%;
  z-index: -1;
  border-top-width: 1px;
}

span.meta-left, span.meta-right, .meta-author{
  font-size: 0.8em;
}

span.meta-left{
  background: white;
  padding-right: 8px;
}

span.meta-right{
  background: white;
  padding-left: 8px;
}


/* MOBILE */

@media (max-width: 767px) {



  .m-not-visible{
    display: none;
  }

  .m-only-visible{
    display: block;
  }

  body{
    font-size: 15px;
  }

  .grid-item{
    padding: 1em;
  }

  .grid-item.ad {
      padding: 0em 1em;
  }

  .main.wrapper, .header.wrapper, .footer.wrapper{
      margin: 0em 0em 0em 0em;
  }

  .header-container{
    padding-top:0px;
  }

  .logo-container{
    margin-top: 60px;
  }

  article p {
      margin: 1em 0em 1em 0em;
  }

  article figcaption {
      margin: 1em 0em 1em 0em;
  }

  article figure img{
    width: 100%;
  }

  .mw-references-wrap.mw-references-columns {
      /* -webkit-column-width: 32em; */
      -moz-column-width: 30em;
      /* column-width: 28em; */
      /* -webkit-columns: 3; */
      columns: 1;
      column-gap: 1.3em;
      width: 100%;
  }

  .aside{
    padding-right: 0em;
    padding: 1em;
  }

  .aside .grid-item{
    opacity: 1;
  }

  .left-nav{
    float: left;
    width: 61px;
    left: 1em;
    top: 16px;
  }

  .right-nav {
      top: 20px;
      right: 0px;
  }

  .left-nav .label{
    padding-top:3px
  }

  .l {
    font-size: 1.5em;
    line-height: 1.1em;
  } 

  .footer .item{
    padding: 0 1em;
  }

  .footer hr{
    margin: 0.25em 1em;
  }

  .footnote-reader{
    margin-left: -220px;
    margin-top: 40px;
    width: 180px;
  }

  input[type='text'],
  input[type='number'],
  input[type='search'],
  textarea {
    font-size: 16px !important;
  }

}


/* TABLET */
@media (min-width: 768px) and (max-width: 1029px) {

  .m-not-visible{
    display: block;
  }

  .m-only-visible{
    display: none;
  }

  body{
    font-size: 20px;
    font-size: 1.45vw;
  }

  .l {
    font-size: 1.5em;
    line-height: 1.1em;
  } 

  
}

/* DESKTOP */
@media (min-width: 1030px) {

  .m-not-visible{
    display: block;
  }

  .m-only-visible{
    display: none;
  }

  body{
    font-size: 20px;
    font-size: 1.2vw;
  }

}


@media (max-width: 1430px) {
    body {
        font-size: 0.95em;
    }
}