@font-face {
  font-family: 'Serpentine';
  src: url("/themes/projet/fonts/Serpentine-BoldOblique.ttf") format("truetype"); }
@font-face {
  font-family: 'SerpentineSansIcg';
  src: url("/themes/projet/fonts/SerpentineSansICG_LightOblique.ttf") format("truetype"); }
body {
  min-height: calc(100vh - 65px);
  margin: 0;
  background: url("/themes/projet/images/back.jpg") no-repeat center 0;
  background-size: cover; }

/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
/********************/
/* ##### base ##### */
/********************/
a {
  color: #000; }
  a:hover {
    color: orangered; }

header.navbar {
  min-height: auto;
  margin-bottom: 0;
  background: url("/themes/projet/images/head.png") no-repeat 0 0;
  background-position: 49% 0;
  background-size: auto;
  border: none; }
  header.navbar .navbar-collapse {
    background: #303030; }
    header.navbar .navbar-collapse a, header.navbar .navbar-collapse a:focus {
      color: #fff;
      text-transform: uppercase; }
      header.navbar .navbar-collapse a:hover, header.navbar .navbar-collapse a:focus:hover {
        color: orangered; }
    header.navbar .navbar-collapse .open a, header.navbar .navbar-collapse .open a:focus {
      color: orangered;
      text-transform: lowercase; }
      header.navbar .navbar-collapse .open a:first-letter, header.navbar .navbar-collapse .open a:focus:first-letter {
        text-transform: uppercase; }
    header.navbar .navbar-collapse .open .dropdown-menu > li > a {
      color: #fff; }
      header.navbar .navbar-collapse .open .dropdown-menu > li > a:hover {
        color: orangered; }
  header.navbar button.navbar-toggle {
    width: 64px;
    height: 44px;
    background: transparent url("/themes/projet/images/navbar.png") no-repeat;
    border: none; }
    header.navbar button.navbar-toggle:hover, header.navbar button.navbar-toggle:focus {
      background: transparent url("/themes/projet/images/navbar.png") no-repeat; }
    header.navbar button.navbar-toggle.collapsed .icon-bar {
      background-color: #888; }
    header.navbar button.navbar-toggle .icon-bar {
      width: 90%;
      background-color: #fff; }
header .logo.navbar-btn {
  display: block;
  position: relative;
  width: 156px;
  height: 154px;
  margin-top: -10px;
  margin-right: auto;
  margin-left: auto;
  z-index: 50; }

.main-container {
  margin-top: 104px; }
  .main-container .breadcrumb li::first-letter {
    text-transform: uppercase; }

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  border: none;
  background: url("/themes/projet/images/foot.png") no-repeat;
  background-position: center 0;
  background-size: cover;
  box-shadow: 0 -8px 12px #231f20;
  font-size: 1.3rem; }
  footer p {
    float: right;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 40px; }
    footer p:first-child {
      float: left;
      margin: 0 0 0 10px; }
    footer p a {
      color: #fff; }
      footer p a:hover {
        color: orangered; }

/********************/
/* ##### home ##### */
/********************/
/* reset BS margins */
.path-frontpage .main-container {
  padding: 0; }
  .path-frontpage .main-container .row {
    margin: 0; }
    .path-frontpage .main-container .row section.col-sm-12 {
      padding: 0; }

.path-frontpage {
  margin: 0; }
  .path-frontpage .bs-region--main {
    padding: 0; }

/* -- reset BS margins */
.path-frontpage .col-sm-12 {
  overflow: hidden; }
.path-frontpage .slick {
  position: relative; }
.path-frontpage .field--name-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(48, 48, 48, 0.5); }
  .path-frontpage .field--name-body .field {
    padding-left: 5%;
    color: #fff;
    font-family: 'SerpentineSansIcg', sans-serif; }
    .path-frontpage .field--name-body .field h1 {
      width: 35%;
      font-size: 6rem; }
    .path-frontpage .field--name-body .field h2 {
      padding-left: 5%;
      font-size: 3rem; }
    .path-frontpage .field--name-body .field h3 {
      padding-left: 25%;
      font-size: 2rem; }

/**************************/
/* ##### basic page ##### */
/**************************/
.path-node .breadcrumb, .path-sitemap .breadcrumb, .path-manifestations .breadcrumb, .path-webform .breadcrumb {
  margin-top: 75px;
  background-color: rgba(255, 255, 255, 0.9); }
.path-node section.col-sm-12, .path-sitemap section.col-sm-12, .path-manifestations section.col-sm-12, .path-webform section.col-sm-12 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px;
  background-color: rgba(225, 225, 225, 0.7);
  color: #000;
  border-radius: 6px; }
  .path-node section.col-sm-12 h1, .path-sitemap section.col-sm-12 h1, .path-manifestations section.col-sm-12 h1, .path-webform section.col-sm-12 h1 {
    font-family: 'SerpentineSansIcg', sans-serif; }
.path-node .footer, .path-sitemap .footer, .path-manifestations .footer, .path-webform .footer {
  position: static; }

.path-sitemap .sitemap a {
  display: block; }
  .path-sitemap .sitemap a::first-letter {
    text-transform: uppercase; }

.path-manifestations .main-container .views-row:not(:first-child) .node--type-article {
  margin-top: 10px;
  border-top: 2px solid #fff; }
.path-manifestations .main-container .field--name-node-post-date {
  padding: 5px;
  background-color: #e1e1e1;
  color: #000; }
.path-manifestations .main-container .field--name-body {
  margin-top: 8px;
  padding: 5px;
  background-color: #e1e1e1;
  color: #000; }
.path-manifestations .main-container .feed-icons {
  margin: 10px 10px; }

/*****************************/
/* ##### media queries ##### */
/*****************************/
/* Extra Small Devices, Phones */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  header.navbar .navbar-collapse {
    margin-top: 55px;
    padding: 0;
    width: auto;
    background: none; }
    header.navbar .navbar-collapse .menu li {
      background-color: transparent; }
      header.navbar .navbar-collapse .menu li a, header.navbar .navbar-collapse .menu li a.active, header.navbar .navbar-collapse .menu li a:focus, header.navbar .navbar-collapse .menu li a:hover {
        background-color: transparent;
        text-transform: uppercase; }
      header.navbar .navbar-collapse .menu li.active a, header.navbar .navbar-collapse .menu li a:focus, header.navbar .navbar-collapse .menu li a:hover {
        color: orangered; }
      header.navbar .navbar-collapse .menu li .dropdown-menu {
        background: transparent; }
        header.navbar .navbar-collapse .menu li .dropdown-menu li {
          background-color: rgba(225, 225, 225, 0.8); }
          header.navbar .navbar-collapse .menu li .dropdown-menu li a {
            color: #000;
            text-decoration: none; }
            header.navbar .navbar-collapse .menu li .dropdown-menu li a.is-active, header.navbar .navbar-collapse .menu li .dropdown-menu li a:focus, header.navbar .navbar-collapse .menu li .dropdown-menu li a:hover {
              color: orangered; }
  header.navbar .logo.navbar-btn {
    position: absolute;
    top: 39px;
    right: 13px; } }
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .main-container {
    margin-top: 93px; }

  header.navbar {
    background-size: cover; }

  section.col-sm-12 {
    clear: both;
    float: none; } }
/**************************/
/* accordions accessibles */
/**************************/
.js-accordion__header,
.js-noanim-accordion__header {
  display: block;
  background: none;
  border: 0;
  /** fix typo inputs **/
  font-family: inherit;
  font-size: 2em;
  line-height: 1.8462;
  margin: 0;
  padding: .25em 0;
  text-align: left;
  width: 100%;
  font-weight: normal; }

.vert {
  color: #148297; }

.violet {
  color: #56618e; }

.bleu {
  color: #2c88b1; }

.js-accordion__header:focus,
.js-noanim-accordion__header:focus {
  outline: 1px dotted; }

.js-accordion__header::before,
.js-noanim-accordion__header::before {
  content: '';
  display: inline-block;
  width: .9em;
  height: .9em;
  background-image: url(../images/calque_violet.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: contain;
  margin-right: .25em; }

.pratique-bleu .js-accordion__header::before, .pratique-bleu .js-noanim-accordion__header::before {
  background-image: url(../images/calque_bleu.png); }

.demarches-violet .js-accordion__header::before, .demarches-violet .js-noanim-accordion__header::before {
  background-image: url(../images/calque_violet.png); }

.etudiant-rose .js-accordion__header::before, .etudiant-rose .js-noanim-accordion__header::before {
  background-image: url(../images/calque_rose.png); }

.js-accordion_bleu__header::before,
.js-noanim-accordion__header::before {
  content: '';
  display: inline-block;
  width: .9em;
  height: .9em;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: contain;
  margin-right: .25em; }

[aria-expanded="true"].js-accordion__header::before,
[aria-expanded="true"].js-noanim-accordion__header::before {
  transform: rotate(90deg);
  transform-origin: 50% 50%; }

.js-accordion__header[aria-selected="true"]:after,
.js-noanim-accordion__header[aria-selected="true"]:after {
  content: "";
  position: relative;
  border-bottom: .4em solid transparent;
  border-top: .4em solid transparent;
  margin-left: .5em;
  top: .1em;
  border-left: .7em solid;
  display: inline-block;
  speak: none; }

.js-accordion__title,
.js-noanim-accordion__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.js-accordion__panel {
  display: block;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  max-height: 100em;
  /* magic number for max-height = enough height */
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  margin: 0;
  padding: 0;
  color: #000; }

/* This is the hidden state */
[aria-hidden=true].js-accordion__panel {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 1s, 0s, 0s;
  transition-delay: 1s, 0s, 0s;
  margin: 0;
  padding: 0; }

.js-noanim-accordion__panel {
  display: block; }

[aria-hidden=true].js-noanim-accordion__panel {
  display: none; }

/*# sourceMappingURL=style.css.map */