@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" /> */
/* 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 */
body {
  font-size: 16px;
  line-height: 150%;
  font-family: "basier_squareregular";
}

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

#formulaire {
  position: relative;
  top: -50px;
}

.node-5 header .region-header #block-sentinelle-page-title h1,
.node-4 header .region-header #block-sentinelle-page-title h1 {
  margin: 30px 0 30px 0px;
  font-size: 1.8em;
}
.node-5 .layout-content,
.node-4 .layout-content {
  width: calc(100% - 40px);
  max-width: 1440px;
  margin: 40px auto;
}
.node-5 .layout-content .field--name-body strong, .node-5 .layout-content .field--name-body b,
.node-4 .layout-content .field--name-body strong,
.node-4 .layout-content .field--name-body b {
  font-family: "basier_squarebold";
}
.node-5 .layout-content .field--name-body h2,
.node-4 .layout-content .field--name-body h2 {
  color: #212b51;
  font-size: 1.5em;
  font-family: "basier_squaresemibold";
}
.node-5 .layout-content .field--name-body h3,
.node-4 .layout-content .field--name-body h3 {
  color: #212b51;
  font-size: 1.2em;
  font-family: "basier_squaresemibold";
}
.node-5 .layout-content .field--name-body h4,
.node-4 .layout-content .field--name-body h4 {
  color: #212b51;
  font-size: 1.1em;
  font-family: "basier_squaresemibold";
}
.node-5 .layout-content .field--name-body p, .node-5 .layout-content .field--name-body ol, .node-5 .layout-content .field--name-body ul,
.node-4 .layout-content .field--name-body p,
.node-4 .layout-content .field--name-body ol,
.node-4 .layout-content .field--name-body ul {
  text-align: justify;
}
.node-5 .layout-content .field--name-body a,
.node-4 .layout-content .field--name-body a {
  color: inherit;
}

.CybotCookiebotDialogContentWrapper #CybotCookiebotDialogPoweredbyLink {
  background-image: url(../images/logo-sentinel-en-cookie-banner.png);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 80px;
}
.CybotCookiebotDialogContentWrapper #CybotCookiebotDialogPoweredbyLink img {
  display: none;
}

body.lang-fr .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogPoweredbyLink {
  background-image: url(../images/logo-sentinelle-fr-cookie-banner.png);
}

@media only screen and (min-width: 768px) {
  #formulaire {
    top: -100px;
  }
  .node-5 header .region-header #block-sentinelle-page-title h1,
  .node-4 header .region-header #block-sentinelle-page-title h1 {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1024px) {
  .node-5 .layout-content,
  .node-4 .layout-content {
    width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 1280px) {
  .node-5 header .region-header #block-sentinelle-page-title h1,
  .node-4 header .region-header #block-sentinelle-page-title h1 {
    font-size: 2.2em;
    max-width: 60%;
  }
  .node-5 .layout-content,
  .node-4 .layout-content {
    width: calc(100% - 160px);
  }
}
@media only screen and (min-width: 1440px) {
  .node-5 main,
  .node-4 main {
    max-width: 1440px;
    margin: 0 auto;
  }
  .node-5 .layout-content,
  .node-4 .layout-content {
    width: calc(100% - 240px);
  }
}