@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
#bandeau {
 z-index: 99;
}
#chemin {
 display:none
}
#page-article #chemin {
 display:block;

  margin-bottom:.5vw;
    font: 400 1.14583rem "Calibre";
  color: gray;
}
html {
  line-height: 1;
}


ol, ul {
  list-style: none;
}


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


caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}


q, blockquote {
  quotes: none;
}

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


a img {
  border: none;
}

a{  text-decoration: none;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Global styles */

html {
  font-family: sans-serif;
  font-size: 1.2vw;


}
/*
    // Scales by 1px for every 100px from 600px onwards
    @media (min-width: 600px) {
      font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
    }

    // Sets font-size to 22px after a viewport of 1000px
    @media (min-width: 1000px) {
      font-size: calc(137.5%)
    }
*/
@media (min-width: 1420px) {

  html {
    font-size: 1.1vw;
  }
}
@media (min-width: 1544px) {

  html {
    font-size: 1.3vw;
  }
}


body {
  position: relative;
}


.shameful-container {
  width: 100%;
  margin: 0px 3vw;
}

/* Base */
@font-face {
  font-family: 'Calibre';
  src: url("/fonts/CalibreLight_gdi.eot");
  src: url("/fonts/CalibreLight_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/CalibreLight_gdi.woff") format("woff"), url("/fonts/CalibreLight_gdi.ttf") format("truetype"), url("/fonts/CalibreLight_gdi.svg#CalibreLight-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: 'Calibre';
  src: url("/fonts/CalibreRegular_gdi.eot");
  src: url("/fonts/CalibreRegular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/CalibreRegular_gdi.woff") format("woff"), url("/fonts/CalibreRegular_gdi.ttf") format("truetype"), url("/fonts/CalibreRegular_gdi.svg#CalibreRegular-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: 'Calibre';
  src: url("/fonts/calibre-medium.woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url("/fonts/calibre-semibold.woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT-Pressura';
  src: url("/fonts/GT-Pressura-Mono-Regular.otf");
  font-style: normal;
  font-stretch: normal;
}
/* Helpers */
/* Font-sizing */
/* Font types */
/* Color */
/* Layout */

#page-sommaire #contexte1 {
margin:0;
padding:0;
 margin-top:8.8vw;

}

#page-rubrique #contexte1 {
margin:0;
padding:0;
 margin-top:8.8vw;

}
#page-article #contexte1 {
margin:0;
padding:0;
 margin-top:8.8vw;

}
#page-auteur #contexte1 {
margin:0;
padding:0;
 margin-top:8.8vw;

}
#recherche {max-width:6vw}
.navbar {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.61483vw 3vw 1.19617vw;
  background-color: white;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 99;
  opacity: 1;
}

.navbar:after {
  content: " ";
  display: block;
  clear: both;
}


.navbar--border {
  border-bottom: #EC1C23 solid 0.17943vw;
}


.navbar__menu {
  width: 70.28571%;
  float: left;
  margin-right: 7.14286%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;  overflow:hidden;
}
.busqueda{width:12vw;  overflow:hidden}

.navbar__meta {
  width: 35.57143vw;
  float: right;
  margin-right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  height: 6vw;
  font-size: 1.3vw;
  overflow:hidden;
}


.navbar__logo {
  width: 16.66667vw;
  float: left;
  margin-right: 4.16667%;
  font-size: 0;
}

.navbar__logo img {
  width: 100%;
}


.navbar__search {
  color: red;
  font: 500 1.30208rem "Calibre";
  align-items: baseline;
  height: 20px;
}


.main {

  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0vw 3vw 0;
}

.main:after {
  content: " ";
  display: block;
  clear: both;
}

.main.home > .main__item:nth-child(3n) {
  margin-right: 0;
}
.main.home > .main__hist:nth-child(4n +2) {
  margin-right: 0;
}

.main.category > .main__item:nth-child(3n + 5) {
  margin-right: 0;
}
.main.category > .main__hist:nth-child(3n + 5) {
  margin-right: 0;
}


#page-rubrique .main--no-vid {
  margin-top: 12.07416vw;
}

#page-article .main--no-vid {
  /*margin-top: -2.07416vw;*/
}
#page-archivo .main--no-vid {
  margin-top: 12.07416vw;
}
#page-rubrique #corps {
  margin-top: 2.07416vw;
}
#corps {
  margin-top: 3vw;
}

.main__item {
  width: calc((100% - 6vw)/3);
  margin-bottom: 3vw;
  margin-right: 3vw;
}
.main__hist {
  width: calc((100% - 9vw)/4);
  margin-bottom: 3vw;
  margin-right: 3vw;
}

.main__item--last {
  margin-right: 0;
}

#contexte2{
  width: calc((100% - 6vw)/3);
  margin-bottom: 3vw;

}
#page-rubrique #contexte2{
display:none;

}

.main__item3 {
  width: 100%;
  margin-bottom: 3vw;

}

.main__item--double {
  width: calc(((100% - 1.5vw)/3)*2);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

}

.main__item--half {
  width: calc((100% - 12vw)/2);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
margin-left:4vw;
}


.main__item--double-plus {
  width: 100%;
  margin-bottom: 0px;
/*  margin-right: 100px;*/
    margin-right: 14vw;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}


.main__item--full {
  width: 100%;
  margin-bottom: 0px;
  margin-right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}


.site-footer {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 3vw;
}

.site-footer:after {
  content: " ";
  display: block;
  clear: both;
}


.site-footer__item {
  width: 21.05263%;
  float: left;
  margin-right: 5.26316%;
  line-height: 1.6em;
  margin-bottom: 63px;
}

.site-footer__item:nth-of-type(4n) {
  width: 21.05263%;
  float: right;
  margin-right: 0;
}

.site-footer__item h2 {
  font: 600 1.875rem "Calibre";
}

.site-footer__item .social-menu {
  font-size: 1.2em;
  width: 60%;
margin-bottom:23px
}


.site-footer__logo {
  width: 100%;
}


.site-footer__list {
  font: 400 1.14583rem "Calibre";
  line-height: 1.5rem;
  color: grey;
}

.site-footer__list > li > a {
  text-decoration: none;
  color: grey;
}

.site-footer__list > li > a::before {
  content: "— ";
}

/* Components */

.menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 73.68421%;
  float: right;
  margin-right: 0;
  -webkit-align-items: baseline;
  align-items: baseline;
  height: 20px;
}


.menu__item {
  text-transform: uppercase;
  font: 500 1.50208vw "Calibre";
}

.menu__item a {
  vertical-align: baseline;
  text-decoration: none;
  color: black;
}

.menu__item--bold, .menu__item--active {
  font: 600 1.50208vw "Calibre";
}

.menu__item--active a {
  color: #EC1C23;
}


.expanded-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 25px 3vw 40px;
  position: fixed;
  z-index: 998;
  width: calc(100% - 6vw);
  background-color: rgba(255, 255, 255, 0.98);
  top: 0;
  display: none;
}


.expanded-menu__item {
  width: 28.57143%;
  float: left;
  margin-right: 7.14286%;
  line-height: 1.6em;
  margin-bottom: 15px;
}

.huge-box.social-menu{width:45vw}
.expanded-menu__item:nth-of-type(3n) {
  width: 28.57143%;
  float: right;
  margin-right: 0;
}

.expanded-menu__item h2 {
  font: 600 1.875rem "Calibre";
}


.expanded-menu__item--full {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-top: 15px;
}


.expanded-menu__list {
  font: 400 1.14583rem "Calibre";
  color: grey;
}

.expanded-menu__list > li > a {
  text-decoration: none;
  color: grey;
}

.expanded-menu__list > li > a::before {
  content: "— ";
}


.categories {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  align-content: center;
}


.tag {
  display: block;
  text-transform: uppercase;
  font: 400 1.14583rem "Calibre";
}

.tag a {
  color: #FFF;
  padding: 0 3vw;
  text-decoration: none;
  display: block;
  line-height: 46px;
}



.social-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: baseline;
  height: 20px;
}


.social-menu__item {
  margin-right: 0.7rem;
}

.social-menu__item a {
  color: white;
}

.social-menu__item--black a {
  color: black;
}

.social-menu__item--red a {
  color: red;
}







@media all and (orientation: portrait) {

.ajuste_video_portada {
margin:0;
padding:0;
 margin-top:0vh;

}
.bg-video {
  width: 100vw;
 height: calc((100vw * 9 / 16 ));
  overflow: hidden;
  position: relative;
      margin-bottom:6vw;


}
  .bg-video video {
position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
background-position: center top;
 width: 100vw;
 height: calc((100vw * 9 / 16 ));

  }
}
@media all and (orientation: landscape) {

.ajuste_video_portada {
margin:0;
padding:0;
margin-top:-7vw;

}
.bg-video {
  width: 100%;
 height: 100vh;
  overflow: hidden;
  position: relative;
background-color:#000000;
      margin-bottom:6vw;


}
  .bg-video video {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
 height: 100vh;
  }
}



#section10 a {
  position: absolute;
  bottom: 1.49522vw;
  left: 50%;
  width: 65px;
  height: 65px;
  margin-left: -32.5px;
  border-radius: 50px;
  box-sizing: border-box;
  background-color: rgba(236, 28, 35, 0.8);
  z-index: 2;
}


#section10 a span {
  position: absolute;
  left: 50%;
  bottom: 15%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}


#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.banner-box {
  background-size: calc((100vw)) ;
  background-repeat: no-repeat;
  color: white;
  overflow: hidden;
  background-position: bottom ;
  width: 100%;
  height: 18.90909vw;
  background-color: #CECECE;
  margin-bottom: -8.77vw;
}
#page-article .banner-box {

  margin-bottom: -12.77vw;
}
.post-box {
  position: relative;
  background-size: calc((100vw - 6vw)/3) ;
  color: white;
  overflow: hidden;
  background-position: center ;
}
.post-hist {
  position: relative;
  background-size: calc((100vw - 9vw)/4) ;
  color: white;
  overflow: hidden;
  background-position: center ;
}

.post-box--full {
  width: 100%;
  margin-bottom: 3vw;

}


.post-box--half {
  width: calc((100% - 3vw)/2);
  margin-right: 2.9vw;
  margin-bottom: 3vw;
  height: 15.90909vw;
}

.post-box--half:nth-of-type(2n + 2) {
  margin-right: 0;
}


.post-box--small {
  height: 15.90909vw;
background-size:cover;

}
.post-hist--hist {
  height: 9.90909vw;

}
.posteo {
  margin-top:2vw;
  margin-bottom:2vw;
  flex-direction: rown wrap;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.post__miniatura{
  width:16%;
  height: 9vw;
  margin-bottom:-9vw;
  background-size: cover;
  margin-left: 0;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

}

.post-box--medium {
  height: 22.78708vw;
}


.post-box__tag {
/*  display: none;*/

  top: 10%;


  padding: 5px 3px;
  text-transform: uppercase;
color:#FFFFFF;
}
.post-box a{
/*  display: none;*/

   text-decoration: none;
color:#FFFFFF;
}


.post-box__overlay {
  box-sizing: border-box;
width:100%;
  height: 100%;
  padding: 21px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-transition: all, ease, 0.8s;
  -o-transition: all, ease, 0.8s;
  -webkit-transition: all, ease, 0.8s;
  transition: all, ease, 0.8s;
  margin-top: 100%;
opacity:.85
}

.post-box__header {/*overflow:hidden*/}
.post-box__title {
    display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.30208rem;
  width:100%;
}

.post-box__title h1 {
  width:80%;

  margin-bottom: 8px;

}


.post-box__title ul {

  align-self:baseline ;
}

.post-box__antetitle {
  font: 400  0.96406rem "Calibre";

  margin-bottom:  0.72406rem;
}
.post-box__subtitle {
  font: 400  0.96406rem "Calibre";

  margin-bottom:  0.72406rem;
}


.post-box__extract {
  font: 400 1.14583rem "Calibre";
  line-height: 1.2em;
  width: 90%;
  overflow: hidden;
}


.post-box__link {
  color: #FFF;
  text-decoration: none;
}


.post-box__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  font: 600 1.14583rem "Calibre";
}


.media-banners {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 3vw;
}

.media-banners:after {
  content: " ";
  display: block;
  clear: both;
}


.media-banner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  height: 22.9067vw;
  background-color: #5a7fd2;
  width: 100%;
  margin-bottom: 3vw;
  padding: 2.69139vw 0.89713vw 2.39234vw;
  color: white;
  overflow: hidden;
}

.media-banner:last-of-type {
  margin-right: 0;
}


.media-banner__title {
  font: 600 4.16667rem "Calibre";
  line-height: 43.75pt;
}


.media-banner__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.media-banner__footer .fa {
  font-size: 60px;
}


.media-banner__meta {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: 20px;
  width: 80%;
  font: 400 1.14583rem "Calibre";
}

.media-banner__meta p:first-child {
  border-bottom: 2px solid white;
  margin-bottom: 9px;
  padding-bottom: 9px;
}


.newsletter {
  width: 100%;
}


.newsletter__input {
  border: none;
  border-bottom: 2px solid red;
  width: 100%;
  font-size: 0.9em;
  line-height: 1.75em;
  margin-bottom: 15px;
  padding-left: 5px;
}


.newsletter__button {
  background-color: red;
  border: none;
  padding: 15px 10px;
  color: white;
  text-transform: uppercase;
  font-size: 0.9em;
  width: 100%;
}


.twitter-box {
  background-color: #e3e3e3;
  box-sizing: border-box;
  height: 15.90909vw;
  overflow-y: scroll;
  padding: 2.69139vw 2.0933vw 2.0933vw;
  width: 100%;
  margin-bottom: 3vw;
}


.tweet {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-decoration: none;
  color: red;
  margin-bottom: 3vw;
}


.tweet__portrait {
  border-radius: 0.89713vw;
  height: 5.98086vw;
  width: 5.98086vw;
  margin-right: 0.7177vw;
  margin-bottom: 0.95694vw;
}


.tweet__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}


.tweet__user {
  font: 600 1.875rem "Calibre";
}


.tweet__screen-name {
  font: 500 1.30208rem "Calibre";
}


.tweet__time {
  color: grey;
  font: 0.66406rem "GT-Pressura";
}


.tweet__text {
  font: 400 1.14583rem "Calibre";
}


.big-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc((100% - 20px));
  margin: 0 auto;
  padding: 0.65789vw 0.89713vw;
  height: 22.9067vw;
  box-sizing: border-box;
  position: relative;
}


.big-box--main1 {
  background-color: rgba(236, 28, 35, 0.91);
}


.big-box--main3 {
  background-color: rgba(206, 143, 0, 0.91);
}


.big-box--main5 {
  background-color: rgba(57, 181, 74, 0.91);
}


.big-box--main7 {
  background-color: rgba(145, 0, 207, 0.91);
}


.big-box__thumbnail {
  position: absolute;
  background-size: cover;
  height: 15.72967vw;
  width: calc(100% + 20px);
  left: -10px;
  top: 11px;
}


.big-box__overlay {
  position: absolute;
  height: 15.72967vw;
  width: calc(100% + 20px);
  left: -10px;
  top: 11px;
  padding: 1.67464vw 1.67464vw 2.39234vw;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-decoration: none;
  -moz-transition: all, ease, 0.8s;
  -o-transition: all, ease, 0.8s;
  -webkit-transition: all, ease, 0.8s;
  transition: all, ease, 0.8s;
opacity:.85
}




.big-box__excerpt {
  font: 400 1.14583rem "Calibre";
  color: white;
}


.big-box__author {
  font: 600 1.14583rem "Calibre";
  color: white;
}


.big-box__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}


.big-box__title {
  width: 100%;
  padding-right: 8%;
  margin-bottom: 0.29904vw;
  font: 500 1.30208rem "Calibre";
  line-height: 1.30208rem;
  color: white;
  text-transform: lowercase;
}

.big-box__title:first-letter {
  text-transform: capitalize;
}


.big-box__subtitle {
  font: 0.66406rem "GT-Pressura";
  color: white;
}


.post {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.post-resume {
  border-bottom: 1px solid black;
  margin-bottom: 3.88756vw;
}

.post-resume .post__excerpt {
  margin-bottom: 1.49522vw;
}
.postportada__featured-image {
  width: 100%;
  height: 42vw;
  margin-bottom: .5vw;
  background-size: cover;
  background-position: center top;
  position: relative;
  overflow: hidden;
}
.postportada__featured-image img {
  width: 100vw;
  height: calc(100vw / 2000 * 800);
  margin-bottom: .5vw;
  background-size: cover;
  background-position: center top;
  position: relative;
  overflow: hidden;
}
.postseccion__featured-image {
  width: 100%;
  height: 42vw;
  margin-bottom: .2vw;
  background-size: cover;
  background-position: center top;
  position: relative;
  overflow: hidden;
}
.postseccion__featured-image img {
  width: 100vw;
  height: calc(100vw / 2000 * 800);
  margin-bottom: .5vw;
  background-size: cover;
  background-position: center top;
  position: relative;
  overflow: hidden;
}
.post__featured-image {
  width: 100%;
  height: 32vw;
  margin-bottom: .5vw;
  background-size: cover;
  background-position: center top;
  position: relative;;
  overflow: hidden;
}
@media all and (orientation: portrait) {

}
@media all and (orientation: landscape) {
.post__featured-image {

  height: 65vh;

}
}



.post__featured-image > img {
  top: 0;
  transform: translate(0, -10%);
}
.postportada__featured-image > img {
  top: 0%;
  transform: translate(0, -10%);
}
.postseccion__featured-image > img {
  top: 0%;
  transform: translate(0, -10%);
}


.post__slider img {
  top: 10%;
  transform: translate(0, -10%);
}


.post__title {
  margin-left:3vw;
  font: 600 2.16667rem "Calibre";
  line-height: 2.3rem;
  margin-bottom: 1.49522vw;  margin-top: 0.49522vw;

}

.post__title:first-letter {

}

h5.post__antetitle{margin-left:3vw}
h4.post__subtitle{margin-left:3vw}

.post__subtitle, .post__antetitle  {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin-bottom: 1.79426vw;
    font: 500  1.66406rem "Calibre";
}
.nota_relacionada{
margin-bottom:1vw}
.rel__subtitle  {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: baseline;
  align-items: baseline;

    font: 500  1.66406rem "Calibre";
}
.rel__principal{
width:100%;
height:3vw;
margin-top:-5vw;
z-index:2;
opacity:.8;
padding:1vw;
overflow:hidden;
}
.rel__principal a{color:#fff;
      font: 800  1.76406vw "Calibre";
}
.rel__items {
  width:100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: baseline;
  align-items: baseline;

    font: 800  1.06406rem "Calibre";
}

.post__subtitle .social-menu {
  height: 45px;
}

.post__subtitle .fa-circle {
  color: red;
}
.whatsapp .fa-circle {
  color: green;
}
@media all and (orientation: landscape)

{
.whatsapp
{
display:none;
}

}


.post__date {
  font: 400 1.14583rem "Calibre";
  color: grey;
  margin-left: 1rem;
}


.post__excerpt {
  font: 500 1.30208rem "Calibre";
  color: grey;
  margin-bottom: 1.97368vw;
}
 #page-article .post__excerpt      { }


.post__link {
  color: #EC1C23;
  font: 400 1.14583rem "Calibre";
  margin-bottom: 1.79426vw;
  text-decoration: none;
}


.post__text {
  font: 400 1.22396rem "Calibre";
  margin-bottom: 1.79426vw;
  line-height: 1.75781rem;
}
 #page-article .post__text p,#page-article .autobr {   margin-bottom: 1.0vw;}




.post__tags {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: baseline;
  align-items: baseline;
      display:none;
}

.post__tags p {
  margin-right: 0.89713vw;
}

.post__tags .tag {
  margin: 0 0.89713vw 1.31579vw 0;
}


.media-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
 /* width: 90%;*/
  width: 100%;
  background-color: #cccccc;
padding:1vw;
margin:1vw auto;
float:left;
  margin-top:0
  }

.media-box--full {
  height: auto;
  margin-bottom: 2.0933vw;
  padding: 0;
  background-color: transparent;
}


.media-box__tag {
 /* display: none; */
}


.media-box__image{
margin:0 auto;
width:100%;
}

#imagen {
position: relative; top: 0%;
height: 21vw;
width: 100%;
background-size: cover;
z-index:2;
}

#page-article #imagen {
position: relative; top: 0%;
height: 13vw;
width: 100%;
background-size: cover;
z-index:2;
}
.media-box__control {
margin:0 auto;
width: 100%;
margin-top:-3.1vw;
z-index:3;
}
.media-box__control audio {
width: 100%;
height:3vw;
background-color:rgba(0, 0, 0,1);
opacity:.9
}
.media-box-banner {
margin-top:0vw;
margin-bottom:0;
width:100%;
background-size: cover;
position:relative;
background-repeat: no-repeat;
background-position:center;
}
.media-box-banner.canal{
/*background-image:url("pluginsg/auto/magusine-portage-spip3/themes/portal2016/banner-canal.png");*/
}
.media-box-banner.radio{
/*background-image:url("/IMG/jpg/banner_radio_central.jpg");*/
}
.media-box-banner img {
width:100%;
height:4.5vw;
}
.media-box__player {
margin:0 auto;
width: 100% ;
  background-color: black;
  height: 20.8125vw;

}

.media-box__player--full {
  width: 100%;
  height: 35.88517vw;
  margin-bottom: 1.49522vw;
  background-color: transparent;
}


.media-box__meta {
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: column;
flex-direction: column;
   padding:0;
    margin:0;
width: 100%;
height: 10vw;
overflow:auto;
padding-top:10px;
padding-bottom:10px;

}
.media-box__meta--full {
  width: 100%;
}
.media-box__playlist {
height: 20vw;
width: 100%;
overflow-y: scroll;
font: 500 0.812583rem "Calibre";
color: #000000;
background-color:#cecece
}
#page-article .media-box__meta {
height: auto;
}
.media-box__playlist-video,
.media-box__playlist-audio{
}

.media-box__playlist--with-thumb {
margin:0 auto;
height: auto;
overflow-y: auto;
width:100%;
}

.media-box__playlist--with-thumb li {
  display: -webkit-flex;
  display: flex;
  margin-bottom: .4vw;
  border-bottom:1px solid black;
    font: 400 1.012583rem "Calibre";
}

.media-box__playlist--with-thumb .media-box__playlist-item {
  border-bottom: none;
 padding: 0 1vw 0 1vw;

}

.media-box__playlist-item {
  display: block;
  border-bottom: 0.10962vw #EC1C23 solid;
  line-height: 1.15rem;
  color: #222222;
  text-decoration: none;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  height: 2.6vw;
margin-left:7vw;
margin-bottom:1vw
}

.media-box__playlist-item--active {
  font-weight: 600;
}
.media-box__playlist-item .img1{
width:7vw;
height: 3.5vw;
float:left;
overflow:hidden;
margin: 0vw 1vw -1vw -8vw;
}


.media-box__archive-link {
  width: 100%;
  display: block;
  font: 400 1.14583rem "Calibre";
  color: #EC1C23;
}


.huge-box {
  width: 100%;
  height:34.81818vw;
  position: relative;
  background-size: cover;
  background-position: center;
}


.huge-box__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 0 1.79426vw;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}


.huge-box__tag {
  display: none;
}


.huge-box__title {
  width: 90%;
  color: white;
  font: 600 4.16667vw "Calibre";
  text-decoration: none;
  line-height: 4vw;

}



.huge-box__extract {
  width: 90%;
  color: white;
  font: 600 2vw "Calibre";
  margin-bottom: 1.69139vw;
}


.huge-box__footer {
  width: 90%;
  color: white;
  margin-bottom: 3.88756vw;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.huge-box__footer .social-menu {

  height: auto;
}

.huge-box__footer .fa-circle {
  color: #EC1C23;
}


.huge-box__date {
  font: 400 1.14583rem "Calibre";
}


.huge-box__author {
  font: 600 1.14583rem "Calibre";
}

#page-rubrique .bloque{

  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom:3vw;
  margin-right:3vw;
  width:  calc((100vw - 13.6vw)/3)

}
#page-rubrique .bloque1{
  width: calc(((100% - 1.5vw)/3)*2);
margin-left:0;
margin-bottom:-35.0912vw}
#page-rubrique .bloque2{
  margin-left:calc((((100% - 1.5vw)/3)*2) + 3vw);

  margin-right:0;}
#page-rubrique .bloque3{
  margin-left:calc((((100% - 1.5vw)/3)*2) + 3vw);
  margin-right:0;}
#page-rubrique .bloque4 ~ .bloque{

}
#page-rubrique .bloque6 {
  margin-right:0;
}
#page-rubrique .bloque9 {
  margin-right:0;
}

/* Pages */


#texteconteneur .texte {
 font: 500 1.30208rem "Calibre";
  color: grey;
  margin-bottom: 1.97368vw;}
/* Pages */

#texteconteneur .texte {
 font: 500 1.30208rem "Calibre";
  color: grey;
  margin-bottom: 1.97368vw;}
/* Pages */
#page-rubrique #texteconteneur,#page-rubrique #header{

position:relative;
width:calc(100vw - 16vw);

  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

  position: relative;
}


.texteheader {
  margin-left:0;
  font: 600 2.16667rem "Calibre";
  line-height: 2.3rem;

   /* text-transform: lowercase;*/
}





.cierre{
width:calc(100vw - 16vw);
  height:.1px;
  margin-top:3vw;
   margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom:3vw;
  margin-right:3vw;
  position: relative;
  background-size: calc((100vw - 6vw)/3) ;
  color: red;
  overflow: hidden;
  background-position: center ;
}




/* line 27, ../scss/components/_bg-video.scss */
#rueda .rueda {
  position: absolute;
  bottom: 5.49522vw;
  left: 50%;
  width: 65px;
  height: 65px;
  margin-left: -32.5px;
  border-radius: 50px;
  box-sizing: border-box;
  background-color: rgba(236, 28, 35, 0.8);
  z-index: 98;
}

/* line 39, ../scss/components/_bg-video.scss */
#rueda .rueda span {
  position: absolute;
  left: 50%;
  bottom: 15%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}

/* line 50, ../scss/components/_bg-video.scss */
#rueda .rueda span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb12 2s infinite;
  animation: sdb12 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb12 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb12 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* line 31, ../scss/components/_post-box.scss */
.post-hist__tag {
/*  display: none;*/
  top: 10%;
  padding: 5px 3px;
  text-transform: uppercase;
color:#FFFFFF;
}
.post-hist a{
/*  display: none;*/
   text-decoration: none;
color:#FFFFFF;
}

/* line 41, ../scss/components/_post-box.scss */
.post-hist__overlay {
  box-sizing: border-box;
width:100%;
  height: 100%;
  padding: 21px 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-transition: all, ease, 0.8s;
  -o-transition: all, ease, 0.8s;
  -webkit-transition: all, ease, 0.8s;
  transition: all, ease, 0.8s;
  margin-top: 100%;
opacity:.85
}

/* line 68, ../scss/components/_post-box.scss */
.post-hist__title {

  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  font: 500 1.00208rem "Calibre";
  line-height: 1.00208rem;
}
/* line 74, ../scss/components/_post-box.scss */
.post-hist__title h1 {
  width: 75%;
  margin-bottom: 8px;

}

/* line 82, ../scss/components/_post-box.scss */
.post-hist__title ul {
  width: 10%;
  align-self: baseline;
}

/* line 88, ../scss/components/_post-box.scss */
.post-hist__subtitle {
    font: 400  0.96406rem "Calibre";

  margin-bottom:  0.72406rem;
}

/* line 93, ../scss/components/_post-box.scss */
.post-hist__extract {
  font: 400 .94583rem "Calibre";
  line-height: 1.2em;
  width: 90%;
  overflow: hidden;
}

/* line 100, ../scss/components/_post-box.scss */
.post-hist__link {
  color: #FFF;
  text-decoration: none;
}

/* line 105, ../scss/components/_post-box.scss */
.post-hist__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  font: 600 .9rem "Calibre";
}
.pagination{ width:100vw;margin-bottom:1vw;
      font: 600 1.2rem "Calibre";

  }
.pagination a{

  }
.ancla:after{
      display: block;
      content: " ";
  /*    margin-top: -12vw;*/
     margin-top: -12vw;
      height: 8vw;
      visibility: hidden;
}


/* Titraille / Intertitres */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
hr { height: 1px; margin: 1.5em 0; border: 0; background: #222222; color: #222222; }

h1,.h1 { font: 500 1.50208rem "Calibre";line-height: 1.30208rem; margin-bottom: .75em; margin-top: .75em;}
h2,.h2 { font: 600 1.50208rem "Calibre";line-height: 1.10208rem; margin-bottom: 1em;margin-top: .75em; }
h3,.h3 { font: 700 1.30208rem "Calibre";line-height: 0.90208rem; margin-bottom: 1.2em;margin-top: 2.75em; }
h4,.h4 { font: 500 0.90208rem "Calibre";line-height: 0.70208rem; margin-bottom: 1.364em;margin-top: .75em; }
h5,.h5 { font: 500 1.30208rem "Calibre";line-height: 0.50208rem; margin-bottom: 1.5em;margin-top: .75em; }
h6,.h6 { font: 500 0.50208rem "Calibre";line-height: 0.30208rem; }


/* Enrichissements typographiques */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
small, .small { font-size: 90%; }
big, .big { font-size: 130%; }
abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
@media print { abbr[title]:after { content: " (" attr(title) ")"; } }
dfn { font-weight: bold; font-style: italic; }
del, .del { background-color: #FFDDDD; border-color: #CC0000; color: #CC0000; text-decoration: line-through; }
ins, .ins { background-color: #DDFFDD; border-color: #00AA00; color: #00AA00; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
sup { vertical-align: super; }
.ie sup { vertical-align: text-top; }
sub { vertical-align: sub; }
.ie sub { vertical-align: text-bottom; }
.caps { font-variant: small-caps; }

/* Listes */
ul, ol, li, dl, dt, dd {}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

dl dt { font-weight: bold; }
dl dd {}

/* Tableaux */
table {}
caption { background: #EEE; }
th { font-weight: bold; }
thead th { background: #DDD; }
th,td,caption { padding: 0.75em; }
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td,
tbody tr.even th,
tbody tr.even td { background: #EEE; }
tfoot { font-style: italic; }

/* Citations, code et poesie */
q { font-style: italic; }
blockquote { padding: 0 50px; }
cite { font-style: italic; }

address { font-style: italic; }

pre,code,kbd,samp,var,tt { font-family: 'Courier New', Courier, monospace; font-size: 1em; }
pre { margin: 1.5em 0;
  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}
kbd { background-color: #222222; color: #FFFFFF; }
samp { font-weight: bold; }
var { font-style: italic; }


h3.spip{margin-top:1.5vw;
margin-bottom:1vw;
  line-height: 1.3rem;
font: 700 1.40208rem "Calibre"}


.post-archivo__miniatura{
  width:16%;
  height: 9vw;
  margin-bottom:-9vw;
  background-size: cover;
  margin-left: 0;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

}
.post-archivo__texto{
      width:100%;
      margin-left: 1vw;
  margin-right: auto;
}


.post-archivo__date {
  font: 600 1.14583rem "Calibre";
  color: #000000;
  margin-left: 1rem;
}
.post-archivo__antetitle {
  font: 500 1.10208rem "Calibre";
  color: #000000;
  margin-bottom: 0.17368vw;
}
.post-archivo__title {
  font: 500 1.60208rem "Calibre";
  color: grey;
  margin-bottom: 0.17368vw;
}
.post-archivo__excerpt {
  font: 500 1.30208rem "Calibre";
  color: grey;
  margin-bottom: 1.97368vw;
}
 #page-article .post__excerpt      { }


.post-archivo__link {
  color: #EC1C23;
  font: 300 1.14583rem "Calibre";
  margin-bottom: 1.79426vw;
  text-decoration: none;
}

.post-archivo__rubrique{
  font: 600 1.14583rem "Calibre";
  text-transform: uppercase;

}
.post-archivo__text {
  font: 400 1.02396rem "Calibre";
color:#000000;
  line-height: 1.25781rem;
}
 #page-article .post-archivo__text      { }
 #page-auteur #corps      {margin-left:-20vw;margin-right: 10vw;}
 #page-auteur #footer      {float:left}
#apropos {padding-top:3vw;margin-left: 5vw;}