/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
* ELEMENTS
* MEDIA QUERIES
*/

/* ------------------------------------ *\
  ==ELEMENTS
\* ------------------------------------ */
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700");

body {
  font-family: "Titillium Web", sans-serif;
}

a {
  color: #00558a;
}

ul {
  margin-left: 2rem;
}

/* Intranet */
.url-pattern--intramu a {
  color: #5398a9;
}

a:hover {
  text-decoration: none;
}

a.external-link {
  display: inline-block;
  padding-right: .2rem;
}

a.external-link:after {
  content: "\f35d";
  position: relative;
  font-size: .8rem;
  bottom: .05rem;
  left: 5px;
  font-family: "Font Awesome 5 Pro", sans-serif;
}

/* File Link */
.file-link:after {
  display: inline-block;
  position: relative;
  padding: 0 .2rem;
  font-size: .75rem;
  background-color: #ebebeb;
  color: #000;
  border-radius: .2rem;
  margin: 0 .25rem;
  border: solid 1px #cfcfcf;
}

.pdf-link:after {
  content: "PDF";
}

.doc-link:after {
  content: "DOC";
}

.tab-link:after {
  content: "XLS";
}

.pres-link:after {
  content: "PPT";
}

.img-link:after {
  content: "IMAGE";
}

/* Headers */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Titillium Web", sans-serif;
  color: #00558a;
}

/* Permalinks Headers */
.headerlink {
  display: none;
}

h2:hover .headerlink,
h3:hover .headerlink,
h4:hover .headerlink,
h5:hover .headerlink,
h6:hover .headerlink {
  display: inline;
  visibility: hidden;
  border: 0;
}

h2:hover .headerlink::after,
h3:hover .headerlink::after,
h4:hover .headerlink::after,
h5:hover .headerlink::after,
h6:hover .headerlink::after {
  visibility: visible;
  content: "\f0c1";
  font-family: "Font Awesome 5 Pro", sans-serif;
  display: inline-block;
  font-size: 1.4rem;
  color: #6ab0de;
  font-weight: 300;
  margin: -2px -2px -2px .5rem; /* Corrige le décalage au survol */
}

/* Intranet */
.url-pattern--intramu h1,
.url-pattern--intramu h2,
.url-pattern--intramu h3,
.url-pattern--intramu h4,
.url-pattern--intramu h5,
.url-pattern--intramu h6 {
  color: #5398a9;
}

h2,
h3,
h4,
h5,
h6 {
  margin-top: 2rem;
}

h1 {
  font-size: 1.75rem;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}

h2 {
  font-size: 1.75rem;
  line-height: 2rem;
  letter-spacing: 2px;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 2px;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 2px;
}

h5 {
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 2px;
}

h6 {
  font-size: .75rem;
  line-height: 1rem;
  letter-spacing: 2px;
}

.carrousel__body p {
  color: #333;
}

.links {
  list-style: none;
  margin: 0;
}

.block__title {
  margin: 0;
}

blockquote {
  padding: 2rem;
  margin: 1.5rem 0;
  border: 0;
  background-color: #eee;
}

blockquote p {
  color: #383838;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 300;
}

blockquote p em {
  color: #00558a;
  font-size: .75rem;
  line-height: 1.5rem;
  font-style: initial;
  font-weight: bold;
}

blockquote p:first-child::before {
  content: "\f10d";
  display: inline-block;
  margin-right: .5rem;
  color: #555;
  font-size: 3rem;
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-weight: 600;
}

select:hover {
  cursor: pointer;
}

.relative {
  position: relative;
}

/* Print button */
.print_action {
  padding: .25rem .75rem;
  border: 0;
  color: white;
  cursor: pointer;
}

.print_action:before {
  content: "\f02f";
  display: inline-block;
  color: #1779ba;
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-weight: 600;
}

.url-pattern--intramu .print_action:before {
  color: #5398a9;
}

.print_action:hover .print_action:before {
  background-color: #14679e;
}

/* Bouton retour haut de page */
.scroll-top-trigger {
  bottom: .5rem;
  opacity: 1;
  filter: "alpha(opacity=100)";
  border-radius: 4px;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  position: fixed;
  right: 16px;
  transition: all .5s;
  z-index: 999;
  background-color: #000;
}

.scroll-top:hover {
  background-color: #575757;
  opacity: 1;
  filter: "alpha(opacity=100)";
}

.scroll-top-trigger::before {
  content: "\f077";
  display: inline-block;
  padding: .25rem .5rem;
  color: white;
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-weight: 900;
}

.feed-icon {
  display: block;
  width: 10em;
  margin: 1.5rem 0;
  max-width: 20em;
  padding: .5rem .75rem;
  text-align: center;
  background-color: #00558a;
  color: #fff;
}

.feed-icon:hover {
  color: #fff;
  background-color: #14679e;
}

/* Intranet */
.intramu .print_action:before {
  color: #5398a9;
}

.intramu blockquote p em {
  color: #5398a9;
}

.megamenu.intramu > ul > li > a {
  color: #5398a9;
}

.megamenu.intramu > ul > li > a:hover {
  color: #5398a9;
}

.megamenu.intramu > ul > li > ul > li a:hover {
  color: #5398a9;
}

.megamenu.intramu span {
  color: #5398a9;
  border-bottom: 1px solid #5398a9;
}

.intramu .block[role="navigation"] .megamenu > ul > li > a:hover {
  color: #5398a9;
}

.intramu .block[role="navigation"] .megamenu > ul > li > ul > li > ul > li > a:hover {
  color: #5398a9;
}

.toolbar-menu-administration a {
  color: #000;
}

/* ------------------------------------ *\
  ==Accordion
\* ------------------------------------ */
.accordion-title {
  font-size: 1rem;
}

.accordion-item.is-active {
  background-color: #f0f0f0;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */
@media only screen and (max-width: 1000px) {
  .print_action {
    display: none;
  }
}

@media only screen and (min-width: 64em) {
  .scroll-top-trigger {
    bottom: 4rem;
  }
}