@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp .btn-close:hover, #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .btn-suite:hover, #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link a:hover {
  background-color: #d9534f;
  color: white;
}

#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp .btn-close, #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .btn-suite, #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link a {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  font-size: 0.8333em;
  font-family: "brutal_bold";
  text-transform: uppercase;
  color: white;
  display: inline-block;
  padding: 15px 50px;
  border-radius: 30px;
  background-color: #212851;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
}

#block-views-block-liste-des-publications-block-3 {
  max-width: 1320px;
  width: calc(100% - 40px);
  margin: 0 auto 50px;
  background-color: #F3F2F2;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content {
  padding: 20px 20px;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row {
  background-color: #fff;
  margin: 0 0 30px 0;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .image {
  float: left;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .image img {
  display: block;
  width: 100px;
  max-height: 100px;
  height: auto;
  margin: 0 20px 0 0;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte {
  width: 100%;
  margin: -5px 0 0 0;
  font-size: 0.8333em;
  position: relative;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date {
  margin: 20px 20px 0 20px;
  height: 100px;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date .titre {
  width: calc(100% - 0px);
  padding: 20px 0 0 0px;
  color: #212851;
  text-transform: uppercase;
  font-family: "brutal_extra_bold";
  font-size: 0.8333em;
  line-height: 120%;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date .date {
  width: calc(100% - 0px);
  padding: 0 0 0 0px;
  font-size: 0.8333em;
  line-height: 120%;
  margin: 10px 0 0 0;
  color: #706C68;
  font-family: "brutal_medium";
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link {
  margin: 0 20px 0px 20px;
  padding: 0 0 20px 0;
  line-height: 120%;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link img {
  display: none;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link p {
  margin: 15px 0;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .short.hide {
  display: none;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .btn-suite, #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link a {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  padding: 15px 35px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .btn-suite.hide, #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link a.hide {
  display: none;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp {
  display: none;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp img {
  width: 100%;
  height: auto;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp p {
  margin: 15px 0 20px 0;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp.show {
  display: block;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp .btn-close {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  float: right;
  padding: 15px 60px;
  margin: 0 0 20px 0;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.no-image .texte .wrapper-title-date {
  height: auto;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.txt-complementaire .texte .wrapper-body-link {
  padding: 0 0 70px 0;
}
#block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.not-published {
  background-color: #fff4f4;
}

@media only screen and (min-width: 768px) {
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content {
    padding: 30px 40px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte {
    display: -moz-flex;
    display: flex;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .image {
    float: none;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .image img {
    margin: 0 0px 0 0;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date {
    display: -moz-flex;
    display: flex;
    height: auto;
    margin: 20px 40px 0 20px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date .titre {
    width: calc(100% - 180px);
    padding: 0px 0 0 0px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date .date {
    width: 180px;
    margin: 0 0 0 0;
    text-align: right;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link {
    padding: 0 0 0 0;
    margin: 0 40px 0 20px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .short {
    margin-top: 15px;
    text-align: justify;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp {
    margin-top: 25px;
    text-align: justify;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .btn-suite {
    right: 40px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.no-image .texte .wrapper-title-date {
    margin-left: 40px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.no-image .texte .wrapper-body-link {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content {
    padding: 40px 60px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .image img {
    width: 130px;
    max-height: 130px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-title-date {
    margin: 20px 80px 0 20px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link {
    margin: 0 80px 0 20px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .btn-suite {
    bottom: 20px;
    right: 80px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte .wrapper-body-link .texte-supp p {
    margin: 15px 0 30px 0;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.no-image .texte .wrapper-title-date {
    margin-left: 80px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.no-image .texte .wrapper-body-link {
    padding: 0 0 0 0;
    margin-left: 80px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.no-image .texte .wrapper-body-link .short {
    max-width: 840px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte.txt-complementaire .texte .wrapper-body-link {
    padding: 0 0 75px 0;
  }
}
@media only screen and (min-width: 1280px) {
  #block-views-block-liste-des-publications-block-3 {
    margin: 0 auto 100px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content {
    padding: 40px 130px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .image img {
    width: 143px;
    max-height: 143px;
  }
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content .views-row .wrapper-image-texte .texte {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1440px) {
  #block-views-block-liste-des-publications-block-3 .view-liste-des-publications .view-content {
    padding: 60px 180px;
  }
}