@charset "UTF-8";
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
@font-face {
  font-family: "Geneva";
  src: url("police/Geneva Regular.ttf"); }
@font-face {
  font-family: "DIN Condensed Bold";
  src: url("police/DIN Condensed Bold.ttf"); }
.logo img {
  height: auto;
  max-width: 100%; }

body {
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  color: #222; }

h2 {
  font-family: 'DIN Condensed Bold', sans-serif;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 1.7em;
  letter-spacing: 1px;
  color: #222; }

a {
  color: #224F77; }

/***** Affichage des accordéons *****/
.ckeditor-accordion-container > dl dt > a {
  color: #343639;
  text-transform: uppercase;
  border: none; }

/*  Couleur de fond du contenu pour les pages de bases   */
.page-node-type-page .main-container {
  background-color: #f1f1eb; }
  .page-node-type-page .main-container .ckeditor-accordion-toggle::before, .page-node-type-page .main-container .ckeditor-accordion-toggle::after {
    background-color: #343639; }

/*Gestion du contenu de la page d'accueil pour les supports < à 768px  */
@media (max-width: 767px) {
  section.col-sm-12 {
    padding-left: 0;
    padding-right: 0; } }
/*Gestion du contenu de page d'accueil pour les supports >= à 768px */
/*****************************/
/* ##### media queries ##### */
/*****************************/
/* Extra Small Devices, Phones */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*     Affectation des largeurs maximales pour les différentes zones    */
  header.nav-bar {
    max-width: 1200px; } }
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
/******************************************************************************
****  Gestion des contenus de la page d'accueil                            ****
******************************************************************************/
.path-frontpage .page-header {
  padding: 0;
  margin: 0;
  border: 0; }

/*****************************************************
**** FRONT-INFO : Pourquoi Choisir l'UFR ALL METZ ****
*****************************************************/
.region-content .front-info {
  background-color: #f1f1eb; }
  .region-content .front-info li {
    list-style-type: none; }
    .region-content .front-info li h3 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1em;
      font-weight: 600; }
    .region-content .front-info li p {
      font-family: Arial, Helvetica, sans-serif; }
  .region-content .front-info img {
    float: left;
    margin-right: 10px; }
  .region-content .front-info .bloc {
    display: flex;
    position: relative; }
    .region-content .front-info .bloc a {
      font-size: 1.5em;
      line-height: 1em;
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 0 6px;
      color: #fff;
      background-color: #878374;
      margin-right: 5px; }

/*Gestion du contenu Pourquoi choisir l'UFR ALL Metz pour les supports < à 768px  */
@media (max-width: 767px) {
  .region-content .front-info li {
    clear: both; }
  .region-content .front-info img {
    width: 120px; } }
/*Gestion du contenu Pourquoi choisir l'UFR ALL Metz pour les supports >= à 768px */
@media (min-width: 768px) {
  .region-content .front-info .bloc {
    position: initial; }
  .region-content .front-info h2, .region-content .front-info .view-accueil-informations {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; }
    .region-content .front-info h2 ul, .region-content .front-info .view-accueil-informations ul {
      display: grid;
      grid-template-columns: 50%;
      grid-gap: 20px; }
      .region-content .front-info h2 ul li, .region-content .front-info .view-accueil-informations ul li {
        position: relative; }
      .region-content .front-info h2 ul a, .region-content .front-info .view-accueil-informations ul a {
        position: absolute;
        bottom: 20px; }
      .region-content .front-info h2 ul li:first-child, .region-content .front-info .view-accueil-informations ul li:first-child {
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1; }
      .region-content .front-info h2 ul li:last-child, .region-content .front-info .view-accueil-informations ul li:last-child {
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
/*  Gestion des cas particuliers pour les images  */
@media (min-width: 768px) and (max-width: 1024px) {
  .region-content .front-info ul li img {
    width: 60%; } }
/****************************************
****            ACTUALITES           ****
****************************************/
.region-content .front-actualite {
  background-color: #f1f1eb;
  padding-bottom: 30px; }
  .region-content .front-actualite .view-actualites .view-content {
    display: grid;
    grid-gap: 15px; }
    .region-content .front-actualite .view-actualites .view-content .views-row {
      position: relative; }
      .region-content .front-actualite .view-actualites .view-content .views-row .views-field-title {
        font-family: "DIN Condensed Bold", Arial, serif;
        letter-spacing: 1px;
        position: absolute;
        bottom: 0;
        background-color: rgba(190, 82, 89, 0.85);
        width: 100%;
        padding: 10px 5px;
        height: 65px;
        color: #fff; }
      .region-content .front-actualite .view-actualites .view-content .views-row a {
        font-size: 2em;
        position: absolute;
        bottom: 0;
        right: 10px;
        color: #fff; }
    .region-content .front-actualite .view-actualites .view-content .views-row:nth-child(1) {
      grid-area: premiere; }
    .region-content .front-actualite .view-actualites .view-content .views-row:nth-child(2) {
      grid-area: deuxieme; }
    .region-content .front-actualite .view-actualites .view-content .views-row:nth-child(3) {
      grid-area: troisieme; }

.view-footer a {
  width: 100%;
  display: inline-block;
  background-color: #e4e4d9;
  text-align: right;
  height: 2em;
  line-height: 2em;
  color: #60615d;
  margin-top: 5px; }
  .view-footer a:after {
    content: "+";
    padding: 0 10px;
    margin-left: 10px;
    font-size: 1.5em;
    background-color: #c4c1af;
    color: #fff; }

/*Gestion du contenu des actualités pour les supports < à 768px  */
@media (max-width: 767px) {
  .region-content .front-actualite {
    background-color: #f1f1eb;
    padding-bottom: 30px; }
    .region-content .front-actualite .view-actualites .view-content {
      grid-template-columns: 48% 48%;
      grid-template-rows: auto;
      grid-template-areas: "premiere premiere" "deuxieme troisieme"; } }
/*  Gestion du contenu des actualités pour les supports >= à 768px */
@media (min-width: 768px) {
  .region-content .front-actualite {
    background-color: #f1f1eb;
    padding-bottom: 30px; }
    .region-content .front-actualite h2 {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; }
    .region-content .front-actualite .view-actualites .view-content {
      max-width: 1400px;
      margin: 0 auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-template-areas: "premiere deuxieme troisieme"; }
    .region-content .front-actualite .view-actualites .view-footer {
      max-width: 1400px;
      margin: 0 auto; } }
/**********************************************
****            NOS DEPARTEMENTS           ****
**********************************************/
.region-content .front-nos-departements {
  background-color: #e4e4d9; }
  .region-content .front-nos-departements ul:not(.contextual-links) {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 1rem; }
    .region-content .front-nos-departements ul:not(.contextual-links) li {
      display: grid;
      list-style-type: none;
      min-width: 150px;
      min-height: 150px;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 50%; }
      .region-content .front-nos-departements ul:not(.contextual-links) li a {
        color: #fff;
        text-align: center;
        display: block;
        text-decoration: none;
        font-family: "DIN Condensed Bold", Arial, serif;
        padding-top: 10px;
        line-height: 1.1em;
        font-size: 1.2em; }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(1) {
        background-color: #b5b09b;
        background-image: url("images/fond-scolarite.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(2) {
        background-color: #cf3f63;
        background-image: url("images/fond-allemand.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(3) {
        background-color: #d7814e;
        background-image: url("images/fond-franco-allemand.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(4) {
        background-color: #70a558;
        background-image: url("images/fond-lea.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(5) {
        background-color: #38b2a7;
        background-image: url("images/fond-anglais.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(6) {
        background-color: #eec66f;
        background-image: url("images/fond-art.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(7) {
        background-color: #8d78a3;
        background-image: url("images/fond-lettres.png"); }
      .region-content .front-nos-departements ul:not(.contextual-links) li:nth-child(8) {
        background-color: #1f4663;
        background-image: url("images/fond-musique.png"); }

/*Gestion du contenu des départements pour les supports < à 768px  */
/*  Gestion du contenu des départements pour les supports >= à 768px */
@media (min-width: 768px) {
  .region-content .front-nos-departements ul li:nth-child(5) {
    clear: both; }

  .region-content .front-nos-departements h2, .region-content .front-nos-departements .field--name-body {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; } }
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
/******************************************************************************
****  Gestion des contenus des pages internes   (pages de base)            ****
******************************************************************************/
.ariane {
  background-color: #d7d7c8; }
  .ariane .breadcrumb {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    max-width: 1400px;
    background-color: transparent; }

.col-sm-12 {
  padding-left: 0;
  padding-right: 0; }
  .col-sm-12 .region-header {
    background-color: #fff; }
    .col-sm-12 .region-header .page-header {
      border-bottom: 0;
      max-width: 1400px;
      margin-left: auto; }

.alerte {
  font-size: 1.5em;
  background-color: red;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px; }

@media (min-width: 768px) {
  .main-container .col-sm-9, .main-container .col-sm-3 {
    /*background: top repeat-x url("images/fond-contenu-page-interne-250.png");*/
    background-color: #f1f1eb; } }

/***** CONTENU CENTRAL  *****/
.main-container, .col-sm-9 {
  padding-top: 20px;
  color: #434341;
  background-color: #f1f1eb;
  /***** Gestion des 2 colonnes avec dans champs body --temporaire-- en attente de la prise en compte des style de Bootstrap  *****/ }
  .main-container .page-header, .col-sm-9 .page-header {
    border-bottom: 0;
    font-family: "DIN Condensed Bold", Arial, serif;
    color: #777771;
    letter-spacing: 2px; }
  .main-container .bs_grid .row, .col-sm-9 .bs_grid .row {
    display: flex; }
    .main-container .bs_grid .row .col, .col-sm-9 .bs_grid .row .col {
      width: 50%; }

/***** Gestion des accordéons dans les champs BODY ******/
.ckeditor-accordion-container dl.styled {
  border: 0; }
  .ckeditor-accordion-container dl.styled dt a {
    background-color: transparent;
    color: #434341;
    border-bottom: 1px solid #c7c7be;
    text-transform: uppercase; }
    .ckeditor-accordion-container dl.styled dt a:hover {
      background-color: transparent;
      text-decoration: none; }
    .ckeditor-accordion-container dl.styled dt a .ckeditor-accordion-toggle::before, .ckeditor-accordion-container dl.styled dt a .ckeditor-accordion-toggle::after {
      background: #878374; }

.main-container .col-sm-3 {
  /*****  Affichage des blocs à droite  *****/ }
  .main-container .col-sm-3 ul li a {
    color: #434341;
    padding: 10px; }
  .main-container .col-sm-3 .dropdown-menu {
    background-color: #d7d7c8;
    position: initial;
    padding: 0 0 0 20px;
    border: 0;
    box-shadow: none; }
  .main-container .col-sm-3 .dropdown-menu > .active > a, .main-container .col-sm-3 .dropdown-menu > .active > a:hover, .main-container .col-sm-3 .dropdown-menu > .active > a:focus {
    background-color: #eeeeee;
    color: #434341; }
  .main-container .col-sm-3 .well {
    background-color: transparent;
    border: 0;
    border-radius: 0; }
    .main-container .col-sm-3 .well.region-sidebar-second > section {
      border: 2px solid #cd4263;
      border-radius: 15px;
      margin-bottom: 1em; }
      .main-container .col-sm-3 .well.region-sidebar-second > section h2 {
        background-color: #cd4263;
        color: white;
        margin: 0;
        border-radius: 12px 12px 0 0;
        padding: 15px 15px 15px 65px;
        background-repeat: no-repeat;
        background-position: center left 10px; }
      .main-container .col-sm-3 .well.region-sidebar-second > section.chiffres h2 {
        background-image: url("./images/icone-ufr-en-chiffres.png"); }
      .main-container .col-sm-3 .well.region-sidebar-second > section.telechargement h2 {
        background-image: url("./images/ic-telechargement.png"); }
      .main-container .col-sm-3 .well.region-sidebar-second > section.information h2 {
        background-image: url("./images/ic-information.png"); }
      .main-container .col-sm-3 .well.region-sidebar-second > section .field--name-body {
        padding: 20px; }
        .main-container .col-sm-3 .well.region-sidebar-second > section .field--name-body ul {
          list-style: none;
          padding-left: 0; }

/*Gestion pour les supports < à 768px  */
/*Gestion pour les supports >= à 768px */
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
.region-header a.pull-left {
  float: none !important; }

/***************************************************************
****  Gestion du menu principal pour les supports < à 768px ****
***************************************************************/
@media (max-width: 767px) {
  /* Cacher la barre de menu des vues full screen*/
  .navbar-default .navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
    float: none; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff; }

  /* On cache le bloc de menu principal utilisé pour les supports > à 768px*/
  .region-header nav {
    display: none; }

  /*  On cache le slide */
  .region-header .block-views-blockslide-slide-accueil {
    display: none; }

  .navbar {
    border: none; }
    .navbar .logo {
      display: none; }

  .navbar-header {
    padding-top: 15px;
    background-color: #878374; }
    .navbar-header .region-navigation {
      width: 73%;
      float: left;
      margin-left: 15px;
      margin-right: 10px; }
      .navbar-header .region-navigation button.btn-primary {
        background-color: #878374;
        border: none; }
        .navbar-header .region-navigation button.btn-primary .glyphicon {
          font-size: 1.5em;
          transform: rotate(90deg); } }
/***************************************************************
****  Gestion du menu principal pour les supports >= à 768px
***************************************************************/
@media (min-width: 768px) {
  /* Cacher la barre de menu des vues mobile */
  .carrousel nav.slick__arrow {
    max-width: initial; }

  .region-navigation-collapsible {
    display: none; }

  .region-header a.logo img {
    display: none; }

  .navbar-default {
    border: none;
    border-top: 15px solid #878374;
    border-radius: unset;
    margin-bottom: 0; }
    .navbar-default .navbar-header {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      float: none; }
      .navbar-default .navbar-header .region-navigation {
        display: flex;
        flex-wrap: wrap; }
        .navbar-default .navbar-header .region-navigation .logo {
          flex: 2; }
        .navbar-default .navbar-header .region-navigation .block-search {
          flex: 1;
          align-self: flex-end; }
          .navbar-default .navbar-header .region-navigation .block-search .form-control {
            border-radius: 0;
            border: none;
            border-bottom: 2px solid #878374;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #60615d;
            background-color: transparent; }
          .navbar-default .navbar-header .region-navigation .block-search .btn-primary {
            color: #60615d;
            background-color: transparent;
            border: none; }
            .navbar-default .navbar-header .region-navigation .block-search .btn-primary .glyphicon {
              font-size: 1.5em;
              transform: rotate(90deg); }

  .region-header nav {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; }
    .region-header nav ul.navbar-nav {
      font-family: "DIN Condensed Bold", Arial, serif;
      font-size: 1.3em;
      letter-spacing: 1px;
      text-transform: uppercase;
      display: flex;
      float: none;
      margin-top: 5px; }
      .region-header nav ul.navbar-nav > li {
        flex: 1;
        text-align: center; }
        .region-header nav ul.navbar-nav > li a:hover {
          background-color: #d7d7c8;
          color: #000; }
        .region-header nav ul.navbar-nav > li a {
          color: #2e2e2e; }
        .region-header nav ul.navbar-nav > li.active {
          background-color: #878374; }
          .region-header nav ul.navbar-nav > li.active a.is-active {
            color: #fff; } }
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
/***************************************************************
****  Gestion du pied de page pour les supports < à 768px
***************************************************************/
.footer {
  border: none;
  background-color: #e4e4d9;
  padding-bottom: 10px;
  margin-top: 0; }
  .footer .region-footer {
    font-family: "DIN Condensed Bold", Arial, serif;
    letter-spacing: 1px; }
    .footer .region-footer .menu-footer {
      margin-top: 10px; }
      .footer .region-footer .menu-footer ul {
        padding-left: 0; }
        .footer .region-footer .menu-footer ul li {
          list-style-type: none;
          background-color: #d7d7c8;
          height: 2em;
          margin-bottom: 3px;
          padding-left: 5px;
          line-height: 2em; }
          .footer .region-footer .menu-footer ul li a {
            color: #464646; }
    .footer .region-footer .reseaux-sociaux ul {
      margin-bottom: 0; }
      .footer .region-footer .reseaux-sociaux ul li a .fa {
        font-size: 1.5em; }
      .footer .region-footer .reseaux-sociaux ul li a .fa-envelope {
        font-family: "Font Awesome 5 Free"; }
      .footer .region-footer .reseaux-sociaux ul li a .fa-facebook, .footer .region-footer .reseaux-sociaux ul li a .fa-twitter {
        font-family: "Font Awesome 5 Brands"; }
    .footer .region-footer .adresse {
      padding: 0 5px; }

/***************************************************************
****  Gestion du pied de page pour les supports < à 768px
***************************************************************/
@media (max-width: 767px) {
  .footer {
    padding-right: 0;
    padding-left: 0; }
    .footer .reseaux-sociaux {
      position: absolute;
      bottom: 18px;
      right: 10px; }

  .footer .maps {
    display: none; } }
/***************************************************************
****  Gestion du pied de page pour les supports >= à 768px
***************************************************************/
@media (min-width: 768px) {
  .footer {
    margin-left: 0;
    margin-right: 0; }
    .footer .region-footer {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 50px; }
      .footer .region-footer .adresse, .footer .region-footer .menu-footer {
        flex: auto; }
      .footer .region-footer .menu-footer ul li {
        margin-bottom: 15px; }
      .footer .region-footer .reseaux-sociaux {
        position: relative;
        left: -125px;
        bottom: -97px; }
        .footer .region-footer .reseaux-sociaux .social-media-links--platforms.horizontal li {
          padding: .7em .35em; } }
/*********************/
/* ### variables ### */
/*********************/
/* reset boostrap */
aside nav {
  /***************************************************************
  ****  Gestion pour les supports >= à 768px
  ***************************************************************/
  /***************************************************************
  ****  Gestion pour les supports < à 768px
  ***************************************************************/ }
  @media (min-width: 768px) {
    aside nav {
      margin-left: 25%; }
      aside nav h2 {
        background-color: #e1e1d6;
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top: 5px;
        border: 5px solid #fff;
        border-bottom: 0;
        border-top-right-radius: 5px; }
      aside nav ul.navbar-nav {
        display: flex;
        flex-direction: column;
        background-color: #e1e1d6;
        width: 100%;
        border: 5px solid #fff;
        border-top: 0; } }
  @media (max-width: 767px) {
    aside nav {
      border-bottom: 2px solid #d7d7c8; }
      aside nav h2 {
        display: none; } }

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