@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 */
/* center vertically */
/* 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-bandesticky {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  right: -90px;
  top: 306px;
  z-index: 500;
  transform: rotate(90deg) translateZ(0);
  -webkit-transform: rotate(90deg) translateZ(0);
  /* WebKit */
  -moz-transform: rotate(90deg) translateZ(0);
  /* Mozilla */
  -o-transform: rotate(90deg) translateZ(0);
  /* Opera */
  -ms-transform: rotate(90deg) translateZ(0);
  width: 205px;
  height: 25px;
  background-color: #FFD600;
  -webkit-transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
  opacity: 0;
}
#block-bandesticky.show {
  opacity: 1;
}
#block-bandesticky.show.invert-on-jaune {
  background-color: black;
  border: none;
}
#block-bandesticky.show.invert-on-jaune a {
  color: #FFD600;
}
#block-bandesticky p {
  margin: 0;
  text-align: center;
  font-family: "Helvetica";
}
#block-bandesticky p a {
  color: black;
  text-decoration: none;
}
#block-bandesticky.invert {
  background-color: transparent;
  border: solid 1px #FFD600;
}
#block-bandesticky.invert a {
  color: #FFD600;
}
#block-bandesticky.invert.invert-on-jaune {
  background-color: black;
  border: none;
}