/*scss/qdt/_bc.scss*/
/*scss/qdt/_variables.scss*/
/* -- COULEURS -- */
/* Texte */
/* Autre */
/* -- TYPO --
BASE 14PX, DEFINI PAR "BODY"
NB : REM SE REFERE AU font-size: 62.5% DEFINI PAR "HTML", DONC BASE 10PX;
*/
/*F_scss/qdt/_variables.scss*/
/*scss/qdt/_mixins.scss*/
/*F_scss/qdt/_mixins.scss*/
/*scss/qdt/_typo.scss*/
/* -- Font Family -- */
body,
button,
input,
textarea {
  font-family: Raleway, Arial, sans-serif; }

h1 {
  font-family: Raleway, sans-serif;
  font-weight: 700;
  font-size: 4rem;
  color: #393939;
  margin: 25px 0 15px; }

h2 {
  font-family: Raleway, sans-serif;
  font-weight: 700;
  font-size: 3rem;
  color: #393939;
  margin: 25px 0 10px; }

h3 {
  font-family: Raleway, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  color: #393939;
  margin: 25px 0 10px; }

h4 {
  font-family: Raleway, sans-serif;
  font-weight: 600;
  font-size: 2.2rem;
  color: #393939;
  margin: 25px 0 5px; }

h5 {
  font-family: Raleway, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #393939;
  margin: 25px 0 5px; }

/* -- Font Size -- */
body {
  font-size: 1.6rem; }

/*F_scss/qdt/_typo.scss*/
/*scss/qdt/_colors.scss*/
/* -- Background color -- */
.main-menu .menu > li.on > a,
.main-menu .menu > li:hover > a,
.main-menu .menu > li:focus > a,
form.searchform .searchform-btn,
.article.article-full .article-title::after,
.newsletter-block a:hover,
.newsletter-block a:focus,
.authors .authors-title::before {
  background-color: #5598dd; }

.btn {
  background-color: #5598dd; }
  .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 0 2px 1px #5598dd;
    -moz-box-shadow: 0 0 2px 1px #5598dd;
    box-shadow: 0 0 2px 1px #5598dd; }

.inside-header,
.surtop .icon-btn.newsletter-btn,
.sondage .bg-percent {
  background-color: #87bae1; }

.header-abo a,
.paywall,
.paywall::after {
  background-color: #e9a908; }

body,
.surtop,
.article-full .encadre {
  background-color: #f6f6f6; }

.main-menu .drop-menu,
.footer-content .newsletter-block {
  background-color: #1d1d1d; }

.burger-block,
.main-footer {
  background-color: #303030; }

/* -- Font color -- */
body,
.breadcrumbs a,
.article-list .article > a,
.most-read li > a:hover .time,
.most-read li > a:focus .time {
  color: #393939; }

.magazine-meta,
.agenda .event-location,
.jobs .job-description {
  color: #717171; }

.popin-title,
.popin-subtitle {
  color: #393939; }

a,
.close:hover,
.close:focus,
.surtop .icon-btn,
.burger-btn,
.header-social-menu .drop-menu a {
  color: #333; }

.btn.btn-simple,
a.oubli:hover,
a.oubli:focus,
form.searchform .searchform-text,
.burger-footer-menu,
.burger-footer-menu ul a,
.social-bar a.print {
  color: #737373; }

.breadcrumbs a:hover,
.breadcrumbs a:focus,
a.oubli,
.surtop,
.main-menu .drop-menu a,
.footer-links .menu li a {
  color: #afafaf; }

a:focus,
a:hover,
.close,
.btn.btn-simple:focus,
.btn.btn-simple:hover,
.burger-btn.show-block,
.burger-btn:hover,
.burger-btn:focus,
.widget-title,
.agenda .event-date,
.agenda .event::before,
.our-magazines .magazine-meta,
.surtop .icon-btn.newsletter-btn:hover,
.surtop .icon-btn.newsletter-btn:focus
.breadcrumbs li:last-of-type a,
.page-title,
.article-list .article > a:hover .article-title,
.article-list .article > a:focus .article-title,
.article-list.article-une:not(.home-publi-redac) .article-title,
#agenda-events-data.article-list .article .article-surtitle .event-date,
.article-list .article-surtitle,
.article.article-full .article-surtitle,
.article.article-full .article-content .intertitre,
.article.article-full .article-content h3,
.article.article-full .article-content h4,
.article.article-full .article-content h5,
.authors,
.pagination-list a.on,
.statics p a,
.statics ul a,
.statics ol a,
.article.article-full .article-content p a,
.article.article-full .article-content ul a,
.article.article-full .article-content ol a {
  color: #5598dd; }

.main-menu .menu a.home:hover,
.main-menu .menu a.home:focus,
.main-menu .menu > li.on > a.home {
  color: #87bae1; }

.visu {
  padding-top: 20px;
}
.article.article-full .article-media .caption {
  color: #dcdcdc; }

.ico-free::before,
.social-bar a.mail {
  color: #e9a908; }

/* -- Border color -- */
.article.article-full .article-meta span,
.social-bar li {
  border-color: #717171; }

.footer-links .menu li {
  border-color: #afafaf; }

.article-list.article-une .article,
.article-list .article-surtitle span,
.article-list .article-surtitle time,
form.searchform .searchform-btn,
.most-read .time {
  border-color: #5598dd; }

.main-menu .menu > li.parent > a::after {
  border-color: #5598dd transparent transparent transparent; }

form .input-text,
form input[type="email"],
form input[type="date"],
form input[type="number"],
form input[type="password"],
form input[type="search"],
form input[type="tel"],
form input[type="text"],
.pagination-list a.on,
.inside-header,
.connected-user .drop-menu li:nth-child(n+2),
.popin .col,
.popin-title,
.article-list .article,
.article.article-full .encadre,
.authors .author:nth-child(n +2),
.data-bloc .data-element,
.biblio .magazines-list,
.visu-col2 .widget,
.agenda .event,
.most-read .most-read-element,
.jobs .job {
  border-color: #dcdcdc; }

.footer-social-menu {
  border-color: #7b7b7b; }

/* -- Responsive -- */
/* ----------------------------- */
/* ==max-width: 780              */
/* ----------------------------- */
@media screen and (max-width: 780px) {
  .surtop,
  .connect-block,
  .header-abo,
  .sticky-header .surtop,
  .logo {
    background-color: #5598dd; }
  .inside-header {
    background-color: #fff; }
  .burger-btn {
    color: #333; }
  .surtop .icon-btn {
    color: #fff; }
  .header-searchform-block .searchform .searchform-text {
    border-color: #dcdcdc; }
  .header-searchform-block .searchform .searchform-btn {
    border-color: #5598dd; } }

/*F_scss/qdt/_colors.scss*/
/*scss/qdt/_general.scss*/
/* ----------------------------- */
/* ==Elements                    */
/* ----------------------------- */
.page-title,
.statics > h1 {
  padding-left: 30px; }
  .page-title::before,
  .statics > h1::before {
    content: "";
    left: -20px;
    width: 40px;
    height: 8px;
    background-color: #5598dd;
    position: absolute;
    top: .5em; }

.statics > h1 {
  margin-left: -20px; }

.contact-form {
  margin-top: 0;
  padding: 20px;
  background: #fff; }
  .contact-form .bloc-int {
    font-size: 2.5rem;
    font-weight: 400;
    color: #87bae1; }
  .contact-form .parent {
    display: flex;
    justify-content: space-between; }
    .contact-form .parent .regroup {
      flex: 0 1 48%; }
  .contact-form .champ {
    margin-bottom: 30px; }
    .contact-form .champ p {
      margin-bottom: 2px; }
    .contact-form .champ input {
      margin: 0; }
      .contact-form .champ input::placeholder {
        text-transform: uppercase; }
    .contact-form .champ img {
      margin-bottom: 10px; }

/*F_scss/qdt/_general.scss*/
/*scss/qdt/_article.scss*/
/* ----------------------------- */
/* ==Article                     */
/* ----------------------------- */
.article .article-title::after {
  display: block;
  margin: 5px 0 0 0;
  width: 40px;
  height: 3px;
  background-color: #87bae1;
  content: ""; }

.article-2 figure, .article-3 figure {
  order: -1; }

/*F_scss/qdt/_article.scss*/
/*scss/qdt/_sidebar.scss*/
/* ----------------------------- */
/* ==Sidebar                     */
/* ----------------------------- */
/*-- Newsletter --*/
.newsl strong::before {
  content: url(../img/widget-newsl-qdt.png); }

.pub-habillage {

  z-index: -10;
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 1240px;
    width: 100%;
    height: 175px;
}
.pub-habillage [id^=sas_] {
  min-height: 150px;
}
.pub-habillage [id^=sas_] img[width="1920"] {
    min-width: 1920px;
}
.pub-habillage [id^=sas_] img[width="1920"] {
  position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
/* spécifique pub habillage */
body.qdt {
    background-position-y: 220px !important;
}

/*F_scss/qdt/_sidebar.scss*/
/* ----------------------------- */
/* ==max-width: 960              */
/* ----------------------------- */
@media screen and (max-width: 960px) {
  .contact-form .parent {
    flex-direction: column; }
  .contact-form select {
    width: 100%; }
  .footer-social-menu {
    flex-direction: column; }
    .footer-social-menu .menu {
      margin-left: 0;
      margin-top: 30px; } }

/* ----------------------------- */
/* ==max-width: 680              */
/* ----------------------------- */
@media screen and (max-width: 680px) {
  .contact-form .parent {
    flex-direction: row; }
  .contact-form select {
    width: auto; } 
    .pub-habillage {
      display: none;
    }
  }

/* ----------------------------- */
/* ==max-width: 480              */
/* ----------------------------- */
@media screen and (max-width: 480px) {
  .contact-form .parent {
    flex-direction: column; }
  .contact-form select, .contact-form .btn {
    width: 100%; } }

/*F_scss/_responsive.scss*/
/*F_scss/qdt/_bc.scss*/