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

/**
* LOGO BLOCK...................
* NAVIGATION BLOCKS...................
* CONTENT BLOCKS......................
* FOOTER BLOCKS.......................
* SELECTEUR DE LANGUE................
* MEDIA QUERIES BLOCKS................
*/

/* ------------------------------------ *\
  ==LOGO BLOCK
\* ------------------------------------ */

.custom-logo {
  text-align: center;
  align-items: center;
}

.custom-logo img {
  width: 20rem;
}

/* ------------------------------------ *\
  ==NAVIGATION BLOCKS
\* ------------------------------------ */

.navigation__wrapper {
  background: #f4f4f4;
  color: #fff;
  min-height: 40px;
}

.navigation__wrapper > div {
  max-width: 90rem;
  margin: auto;
}

.block[role="navigation"] li {
  border-left: 1px solid rgb(255 255 255 / 20%);
  display: inline-block;
}

.block-topmenu .menu a,
.block-intramutopmenu .menu a {
  padding: 14px 1rem;
  font-size: .86rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .09rem;
}

.block-intramutopmenu .menu li:last-child {
  background-color: #eac041;
}

.block-intramutopmenu .menu li:last-child:hover {
  background-color: #dbb042;
}

.block-intramutopmenu .menu li:last-child a {
  /* Bleu qui permet de passer l'accessiblité */
  color: #1b5561;
  font-weight: 700;
}

/* Header Background */
.header {
  background-color: #00558b;
}

.url-pattern--intramu .header {
  background-color: #377784;
}

/* Logo intramu */
.block-intramutopmenu .menu li:first-child a {
  background: url("../images/logo-intramu.png") no-repeat 50%;
  display: block;
  margin: 0;
  padding-top: 15px;
  width: 88px;
  text-indent: -9999px;
}

.block-intramutopmenu .menu li:first-child {
  padding: 0 .75rem;
}

.block[role="navigation"] a:hover {
  color: #e3c164;
}

a[data-drupal-link-system-path="cas"],
a[data-drupal-link-system-path="caslogout"] {
  background-color: #eac041;
}

a[data-drupal-link-system-path="cas"]::before,
a[data-drupal-link-system-path="caslogout"]::before {
  content: "\f007";
  position: relative;
  top: 0;
  left: -5px;
  font-family: "Font Awesome 5 Pro", sans-serif;
}

.block-amu-www-main-menu[role="navigation"] {
  display: flex;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 600;
}

.block-utilisateurdeconnexion,
.block-utilisateurdeconnexion--2 {
  float: right;
}

.block-utilisateurdeconnexion ul,
.block-utilisateurdeconnexion--2 ul {
  margin: 0;
  color: #fff;
}

.block-utilisateurdeconnexion .block__content li,
.block-utilisateurdeconnexion--2 .block__content li {
  display: inline-flex;
}

.block-utilisateurdeconnexion .utilisateur li:first-child,
.block-utilisateurdeconnexion--2 .utilisateur li:first-child {
  font-size: .688rem;
  text-transform: uppercase;
  margin-left: .5rem;
}

.block-utilisateurdeconnexion .utilisateur__display-name,
.block-utilisateurdeconnexion--2 .utilisateur__display-name {
  margin-top: -3px; /* Correction d'un décalage vers le bas */
  margin-left: .5rem;
}

.block-utilisateurdeconnexion .utilisateur li:last-child a,
.block-utilisateurdeconnexion--2 .utilisateur li:last-child a {
  background-color: #eac041;
  padding: .5rem .7rem;
  font-size: 1rem;
}

.region-toolbar .block-reseauxsociaux ul,
.bottom_navigation .block-reseauxsociaux-2 ul {
  margin: 0;
}

.region-toolbar .block-reseauxsociaux {
  text-align: right;
  max-width: 25%;
}

.bottom_navigation .block-reseauxsociaux-2 {
  margin: 1rem 0; /* Alignement vertical */
}

.region-toolbar .block-reseauxsociaux .block__content li,
.bottom_navigation .block-reseauxsociaux-2 .block__content li {
  display: inline-flex;
}

.region-toolbar .block-reseauxsociaux .block__content a {
  padding: 8.3px 10px;
  border-left: 1px solid rgb(255 255 255 / 20%);
  font-size: 1rem;
  color: #fff;
  line-height: inherit; /* surcharge le module toolbar */
}

.bottom_navigation .block-reseauxsociaux-2 li {
  margin-left: 1rem;
}

.bottom_navigation .block-reseauxsociaux-2 a {
  font-size: 1.5rem;
}

.block-intramumainnavigation {
  background: #f6f6f6;
  display: flex;
}

.block-intramumainnavigation a {
  color: #5398a9;
}

/* ------------------------------------ *\
  nth-last-child(-n+2)= les deux derniers éléments
\* ------------------------------------ */

.block-intramutopmenu li:last-child,
.block-topmenu li:last-child {
  border-right: 1px solid rgb(255 255 255 / 20%);
}

.block-topmenu li:nth-last-child(-n+3),
.block-topmenu li:nth-child(3) {
  background-color: #e3c164;
}

.block-topmenu li:nth-last-child(-n+3):hover,
.block-topmenu li:nth-child(3):hover {
  background-color: #dbb042;
}

.block-topmenu li:nth-last-child(-n+3) a,
.block-topmenu li:nth-child(3) a {
  color: #1b5561;
  font-weight: 700;
}

.block-topmenu li:nth-last-child(-n+3):hover a,
.block-topmenu li:nth-child(3):hover a {
  color: #1b5561;
}

.actualites__wrapper {
  background: #f6f6f6;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/* ------------------------------------ *\
  ==CONTENT BLOCKS
\* ------------------------------------ */

.block-pictoswww,
.block-pictosintramu {
  border-bottom: 2px dotted #ccc;
  border-top: 2px dotted #ccc;
  padding: 0;
}

.pictos .card {
  text-align: center;
  border: 0;
  margin: 0;
}

.pictos .image {
  flex: 1; /* L'image prend toute la place possible */
}

.pictos .card a {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem 0;
}

.pictos .card a:hover {
  background-color: #eee;
}

.pictos .section {
  font-size: .875rem;
  color: #000;
  text-transform: uppercase;
  padding: 0;
}

.pictos h2 {
  font-size: 1.2rem;
  margin: 1rem 0 0;
}

.pictos img {
  height: 60px;
}

.block-frontcarrousel {
  padding-bottom: 70px;
}

.block_il a {
  display: block;
  position: relative;
}

.block_il:hover {
  cursor: pointer;
}

.block_il:hover .block_il__container {
  opacity: .95;
  transform: translateY(-170px);
  transition-duration: .2s;
  transition-timing-function: ease-in-out;
}

.block_il__container {
  position: absolute;
  height: 50%;
  padding-top: 1.5rem;
  padding-left: 15px;
  padding-right: 15px;
  bottom: -100px;
  width: 100%;
  overflow: hidden;
  background: #f6f6f6;
  opacity: 0;
  display: block;
}

.block_il__titre {
  margin-top: 1.5rem;
  color: #000;
  font-weight: 600;
}

.block_il__sous_titre {
  color: #00558a;
}

.block_il_texte_au_survol {
  text-transform: uppercase;
  display: block;
}

.block_il__container-titre,
.block_il__container-content {
  display: block;
}

.block_il__container-titre {
  color: #00558a;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.block_il__container-content {
  color: #000;
}

.block-views-block-tuiles-block-1,
.block-views-block-tuiles-block-2 {
  clear: both;
}

.block-titreactualites {
  padding: 2.5rem;
}

.block-titreactualites,
.block-navigationparpublicsvousetes {
  align-items: center;
  color: #00558a;
  text-transform: uppercase;
  background: #f6f6f6;
}

.block-navigationparpublicsvousetes {
  font-weight: 700;
  padding: 1rem;
  margin-bottom: 20px;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
}

.block-navigationparpublicsvousetes h2 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}

.block-titreactualites h2 {
  font-size: 2rem;
}

.block-titreactualites__content {
  margin-left: auto;
  font-size: .7rem;
  font-weight: 400;
  color: #575757;
}

/* Un bouton « appliquer » apparait puis disparait */
#edit-actions--2,
#edit-actions--3 {
  display: none;
}

.js-form-item-sort-by {
  display: none;
}

/* ------------------------------------ *\
  ==FOOTER BLOCKS
\* ------------------------------------ */
.block-amu-www-footer {
  margin: 4rem 0 0;
  padding: 1rem 0;
  font-size: .7rem;
  font-weight: 600;
  color: #1779ba;
  text-transform: uppercase;
  border-top: 2px dotted #ccc;
}

.block-amu-www-footer .menu {
  justify-content: center;
}

.block-amu-www-footer .menu > li {
  padding: 0 1rem;
}

.block-amu-www-footer .menu a {
  font-size: 1rem;
  color: #00558a;
  text-transform: uppercase;
  padding: 0;
}

.block-amu-www-footer .menu a:hover {
  color: #1779ba;
}

.block-copyrights {
  padding: 1rem 0;
}

.copyright {
  text-align: center;
  color: white;
  padding: 1rem 0;
}

.url-pattern--intramu .block-copyrights {
  background: #5398a9;
}

.block-copyrights p {
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
  line-height: 1;
}

/* Intranet */
.url-pattern--intramu .block-amu-www-footer {
  color: #5398a9;
}

.url-pattern--intramu .block-amu-www-footer .menu > li > a {
  color: #5398a9;
}

.url-pattern--intramu .block-amu-www-footer .menu > li > ul > li > a {
  color: #000;
}

.block-reseauxsociaux-2__content {
  text-align: center;
}

/* ------------------------------------ *\
  ==SELECTEUR DE LANGUE
\* ------------------------------------ */

.language-switcher-language-url ul {
  list-style-type: none;
  margin: unset;
}

.language-switcher-language-url li:last-child {
  border-right: 1px solid rgb(255 255 255 / 20%);
}

.language-switcher-language-url li a {
  padding: 12.3px 1rem;
  font-size: .688rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .09rem;
  display: inline-flex;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES BLOCKS
\* ------------------------------------ */

@media screen and (max-width: 63.9375em) {
  .block-pictoswww {
    order: -3;
  }

  .pictos h2 {
    font-size: 1.5rem;
  }

  .block-amu-www-footer {
    width: 100%;
  }

  .bottom_navigation .block-reseauxsociaux-2 {
    width: 100%;
    float: left;
  }

  .megamenu .block-reseauxsociaux__content {
    margin: 1rem 0;
    text-align: center;
  }

  .megamenu .block-reseauxsociaux .block__content a {
    font-size: 1.5rem;
    color: #00558a;
  }

  .megamenu .block-reseauxsociaux .block__content li {
    margin-right: 1rem;
  }

  .language-switcher-language-url li:last-child {
    border: 0;
  }

  .language-switcher-language-url .links a,
  .language-switcher-language-url .links a.is-active {
    color: #fff;
    border: 0;
  }

  .language-switcher-language-url .links li a:hover,
  .language-switcher-language-url .links li a.is-active:hover {
    color: #fff;
    text-decoration: underline;
  }
}

/* Mobile */
@media screen and (max-width: 39.9375em) {
  .custom-logo img {
    height: 100px;
  }

  .pictos h2 {
    font-size: .9rem;
    letter-spacing: normal;
  }

  .pictos span {
    display: none;
  }

  .block-reseauxsociaux-2 {
    width: 100%;
  }

  .block-amu-www-footer {
    width: 100%;
  }

  .block-socialmenu-2 .menu {
    margin-bottom: 1rem;
  }
}

/* Phablet */
@media screen and (min-width: 40em) {
  .carrousel__body {
    max-height: 14vh;
  }
}

/* Desktop */
@media screen and (min-width: 64em) {
  /* Garde pour l'exemple */
}