@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700,800,900|Nunito:300,300i,400,400i,700,700i,800,800i|Source+Sans+Pro:400,400i,600,700");
/* reset boostrap */
/*********************/
/* ### variables ### */
/*********************/
/*****************************************************************/
/* ### Règles globales  ###                                      */
/*****************************************************************/
body {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
}

h1, h2, h3, h4 {
  font-family: "Oswald", sans-serif;
}

.contextual-links:not(a) {
  font-family: "Oswald", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}

.ecole h4 {
  color: #742281;
}

.formations h4 {
  color: #E0673E;
}

.formations-continue h4 {
  color: #C3D558;
}

.entreprise h4 {
  color: #70B5D9;
}

.international h4 {
  color: #D9308A;
}

.recherche h4 {
  color: #742281;
}

.ecole p.telechargement a {
  background-color: #742281;
}

.formations p.telechargement a {
  background-color: #E0673E;
}

.formations-continue p.telechargement a {
  background-color: #C3D558;
}

.entreprise p.telechargement a {
  background-color: #70B5D9;
}

.international p.telechargement a {
  background-color: #D9308A;
}

.recherche p.telechargement a {
  background-color: #742281;
}

.ckeditor-accordion-container > dl {
  border: none;
}

.ckeditor-accordion-container dl dt.active, .ckeditor-accordion-container dl dt {
  padding-top: 0;
}
.ckeditor-accordion-container dl dt.active .ckeditor-accordion-toggler, .ckeditor-accordion-container dl dt .ckeditor-accordion-toggler {
  top: calc(50% - 0px);
  left: 0;
}
.ckeditor-accordion-container dl dt.active .ckeditor-accordion-toggler:after, .ckeditor-accordion-container dl dt.active .ckeditor-accordion-toggler:before, .ckeditor-accordion-container dl dt .ckeditor-accordion-toggler:after, .ckeditor-accordion-container dl dt .ckeditor-accordion-toggler:before {
  background-color: #f00;
}
.ckeditor-accordion-container dl dt.active a, .ckeditor-accordion-container dl dt.active a:hover, .ckeditor-accordion-container dl dt a, .ckeditor-accordion-container dl dt a:hover {
  background-color: transparent;
  color: inherit;
  padding: 0 0 0 35px;
  text-decoration: none;
  border: none;
  font-weight: 200;
}
.ckeditor-accordion-container dl dd.active {
  padding: 0;
}

.main-container .col-sm-12 {
  /*padding-left: 0;
  padding-right: 0;*/
}

.region-content {
  /*margin-left: 15px;
  margin-right: 15px;*/
  padding-left: 0;
  padding-right: 0;
}

/*****************************************************************/
/* ### Header                                                ### */
/*****************************************************************/
@media all and (max-width: 767px) {
  .container-fluid {
    /*padding-right: 0;
    padding-left: 0;*/
  }
}
/*****************************************************************/
/* ### Navbar   (header)                                     ### */
/*****************************************************************/
.navbar {
  border-radius: 0;
}
@media all and (min-width: 1200px) {
  .navbar {
    width: 80%;
    margin-bottom: 32px;
  }
}

/*****************************************************************/
/* ### Navbar - header - logo de l'ISAM - Region navigation  - bloc social media ### */
/*****************************************************************/
header .navbar-header {
  height: auto;
}
@media all and (min-width: 768px) {
  header .navbar-header .logo {
    padding-left: 0;
  }
  header .navbar-header .block-social-media-links {
    float: right;
  }
}
header .navbar-header .region-navigation {
  /* Uniquement pour régler un problème de comportement de Firefox */
  width: 100%;
}

/*****************************************************************/
/* ### Region Header : concerne uniquement la page d'accueil ### */
/*****************************************************************/
.region-header {
  background-image: url(../images/fond_accueil_2022.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 65%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.region-header h2 {
  border-bottom: none;
  color: #fff;
  padding-bottom: 0;
  margin: auto;
  width: 300px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  font-size: 36px;
  line-height: normal;
}

/*****************************************************************/
/* ### Region Highlighted (recadrage de l'image)             ### */
/*****************************************************************/
.region-highlighted {
  position: relative;
  /* smartphone jusqu'à 767px */
}
.region-highlighted .titre-sous-menu {
  position: absolute;
  top: 45%;
  left: 47%;
  transform: translate(-47%, -45%);
  width: 50%;
  text-align: center;
}
.region-highlighted .titre-sous-menu h2 {
  color: #ffffff;
  font-weight: 200;
  text-transform: uppercase;
}
@media all and (max-width: 767px) {
  .region-highlighted {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* Tablettes et écrans larges (tablets, 768px et plus) */
@media all and (min-width: 768px) {
  .region-highlighted .field--type-image .field--item {
    max-height: 27em;
    overflow: hidden;
  }
  .region-highlighted .field--type-image .field--item img {
    margin: -10em 0 0 0;
  }
}
/*****************************************************************/
/* ### Fil d'ariane  ###                                         */
/*****************************************************************/
.breadcrumb {
  background-color: transparent;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li + li:before {
  content: ">";
  padding: 0 3px;
  color: #0b333c;
}
.breadcrumb a {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.05em;
  color: #0b333c;
}

/*****************************************************************/
/* ### Page d'accueil ###                                        */
/*****************************************************************/
.path-frontpage .region-content {
  /* Tablettes et écrans larges (tablets, 768px et plus) */
}
@media all and (min-width: 768px) {
  .path-frontpage .region-content {
    width: 63%;
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  .path-frontpage .region-content {
    width: 100%;
    margin-top: 20px;
  }
}

/*****************************************************************/
/* ### Page de base ###                                          */
/*****************************************************************/
@media all and (min-width: 768px) {
  .container-fluid {
    background-color: #f0f5f6;
  }
}

@media all and (min-width: 768px) {
  .region-content {
    position: relative;
    width: 70%;
    margin: -40px auto 0;
    background-color: #fff;
  }
}

.page-node-type-page {
  color: #0b333c;
  /*  Affichage des 1 à n photos*/
}
@media all and (min-width: 768px) {
  .page-node-type-page {
    margin-top: 0;
    background-color: #fff;
    padding-top: 0;
  }
}
.page-node-type-page .field--name-node-title h2 {
  font-weight: 200;
  margin-bottom: 20px;
}
@media all and (min-width: 768px) {
  .page-node-type-page .field--name-node-title h2 {
    float: left;
    width: 6em;
    text-align: right;
    margin-top: 0;
  }
}
@media all and (min-width: 768px) {
  .page-node-type-page .field--name-field-contenu {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.page-node-type-page .field--name-field-contenu img {
  padding: 5px;
}
.page-node-type-page h3 {
  text-transform: uppercase;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5;
}
.page-node-type-page h4 {
  font-size: inherit;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page-node-type-page .niveau-diplome {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-weight: 200;
}
.page-node-type-page .telechargement a {
  color: #fff;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.85em;
  padding: 5px;
}
.page-node-type-page p {
  margin-bottom: 25px;
}
.page-node-type-page .bloc-candidature {
  background-color: #E0673E;
  color: #fff;
  text-align: center;
}
.page-node-type-page .bloc-candidature h2 {
  font-weight: 200;
  margin-bottom: 20px;
}
.page-node-type-page .bloc-candidature a {
  padding: 5px;
  color: #e0673e;
  background-color: #fff;
}
.page-node-type-page .field--name-field-image {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin: 10px;
}

/*****************************************************************/
/* ### Page /lecole/enseignants-chercheurs/annuaire  ###         */
/*****************************************************************/
@media all and (min-width: 768px) {
  .annuaire .field--name-field-contenu {
    margin-left: 16em;
    margin-right: 20px;
  }
}
.annuaire .field--name-field-contenu img {
  padding: 5px;
}

@media all and (max-width: 767px) {
  .bloc-candidature {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/*****************************************************************/
/* ### Pied de page ###                                          */
/*****************************************************************/
.footer {
  border-top: none;
}

/*****************************************************************/
/* ##### media queries #####                                     */
/*****************************************************************/
/* Extra Small Devices, Phones  jusqu'à 767px*/
@media all and (max-width: 767px) {
  .region-header {
    height: 400px;
  }
}
/* Tablettes et écrans larges (tablets, 768px et plus) */
@media all and (min-width: 768px) {
  .navbar-collapse .block-social-media-links {
    display: none;
  }
  .region-header {
    height: 403px;
  }
  .block-views-blockactualites-actu-front {
    width: 63%;
    margin: 0 auto;
  }
  .block-views-blockactualites-actu-front .actu-resume {
    padding-left: 0;
  }
  .block-views-blockactualites-actu-front img {
    max-width: 480px;
    max-height: 520px;
    float: left;
    margin-right: 30px;
  }
}
.navbar-default, .navbar-default .navbar-collapse {
  background-color: white;
  border-color: transparent;
}

/*  Couleur d'arrière plan du menu sandwitch selon le choix du menu*/
@media all and (max-width: 767px) {
  .navbar-toggle,
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #732181;
  }
  .navbar-default .navbar-nav .open > a:focus,
  .navbar-default .navbar-nav li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    background-color: #0b333c;
  }
  .navbar-toggle {
    border-radius: 0;
    padding: 13px 10px 13px 10px;
  }
  .navbar-default .navbar-toggle {
    border-color: #fff;
    margin-right: 15px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
}
.navbar-header {
  display: flex;
  height: 10em;
}

.region-navigation, .navbar-toggle {
  margin: auto;
}

/* Style global pour tous les supports */
.node--type-annuaire .field--name-node-title {
  float: left;
}
.node--type-annuaire .field--name-node-title p:after {
  content: " ";
}
.node--type-annuaire .field--name-field-prenom {
  border-bottom: 1px solid #000;
}
.node--type-annuaire .field--name-node-title, .node--type-annuaire .field--name-field-prenom {
  font-family: "Oswald", sans-serif;
  font-weight: 100;
  font-size: 2em;
  margin-bottom: 25px;
}
.node--type-annuaire .field--name-field-titre {
  font-style: italic;
}
.node--type-annuaire .field--name-field-laboratoire-recherche {
  font-weight: bold;
  color: #742281;
}
.node--type-annuaire .field--name-field-telephone:before {
  font-family: FontAwesome;
  content: "\f095";
  padding-right: 10px;
}
.node--type-annuaire .field--name-field-e-mail:before {
  font-family: FontAwesome;
  content: "\f003";
  padding-right: 10px;
}

/* Support < à 768px */
@media all and (max-width: 767px) {
  .node--type-annuaire .bs-region--top-left img.img-responsive {
    margin-left: 0;
  }
}
/* Support >= à 768px */
@media all and (min-width: 768px) {
  .node--type-annuaire {
    padding-bottom: 50px;
  }
  .node--type-annuaire .field--name-field-prenom {
    width: 95%;
  }
  .node--type-annuaire .bs-region--top-left img.img-responsive {
    margin-left: 60px;
  }
  .node--type-annuaire .bs-region--top-right {
    height: 240px;
  }
  .node--type-annuaire .bs-region--bottom-right {
    float: right;
  }
}
.page-node-type-article {
  /* Support < à 768px */
  /* Support >= à 768px */
}
.page-node-type-article .field--name-field-galerie {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.page-node-type-article .field--name-body a {
  background-color: #742281;
  color: #ffffff;
  text-decoration: none;
  padding: 2px 10px;
}
@media all and (min-width: 768px) {
  .page-node-type-article .col-sm-9 {
    padding-right: 60px;
    margin-top: 40px;
  }
  .page-node-type-article .col-sm-9 .field--name-field-date-debut {
    font-family: "Oswald", sans-serif;
    font-size: 1.4em;
    font-weight: 100;
    color: #0b333c;
  }
  .page-node-type-article .col-sm-9 .field--name-node-title h2 {
    margin-top: 0;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 1.7em;
  }
  .page-node-type-article .col-sm-9 .field--name-body {
    margin-bottom: 10px;
  }
  .page-node-type-article .col-sm-9 .field--name-field-credit-photo {
    clear: both;
    font-style: italic;
  }
  .page-node-type-article .col-sm-9 .field--name-field-credit-photo .field--label {
    font-weight: 100;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus {
    width: 24%;
    float: left;
    padding-bottom: 30px;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul {
    list-style-type: none;
    margin-top: 40px;
    margin-right: 30px;
    margin-bottom: 0;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul li {
    font-family: "Oswald", sans-serif;
    font-size: 1.4em;
    font-weight: 100;
    color: #0b333c;
    text-align: right;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #0b333c;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul li:nth-child(1) {
    padding-top: 0;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul li:last-child {
    border-bottom: 0;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul li h2 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0.8em;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul li h2 a {
    font-size: 0.7em;
    font-weight: 700;
    color: #0b333c;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus ul li h2 a:hover {
    text-decoration: none;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus .more-link {
    text-align: center;
    margin-right: 30px;
    margin-left: 20px;
    padding: 5px 0;
    background-color: #742281;
  }
  .page-node-type-article .block-views-blockactualites-liste-last-actus .more-link a {
    color: #ffffff;
    text-decoration: none;
  }
}

.path-actualites .view-id-actualites {
  margin-top: -40px;
  padding-top: 40px;
  margin-right: 30px;
}
.path-actualites .view-id-actualites ul {
  list-style-type: none;
  /* Liste des actualités */
}
.path-actualites .view-id-actualites ul li.liste-actu {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 30px;
  grid-column-gap: 20px;
}
.path-actualites .view-id-actualites ul li.liste-actu img {
  grid-column: 1;
  grid-row: 1;
}
.path-actualites .view-id-actualites ul li.liste-actu time {
  grid-column: 2;
  grid-row: 1;
  font-family: "Oswald", sans-serif;
  font-size: 1.4em;
  font-weight: 100;
  color: #0b333c;
}
.path-actualites .view-id-actualites ul li.liste-actu h2 {
  grid-column: 2;
  grid-row: 1;
  border-bottom: 1px solid #c2d0d3;
  margin-bottom: 0;
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1.7em;
}
.path-actualites .view-id-actualites ul li.liste-actu h2 a {
  color: #0b333c;
}
.path-actualites .view-id-actualites ul li.liste-actu h2 a:hover {
  text-decoration: none;
}

/* Gestion de l'affichage des sous-menus dans la zone de contenu : en général correspond au 3ème niveau */
.region-content .navbar-nav {
  float: none;
  display: grid;
  text-align: center;
  background-color: #e0ebed;
  margin-bottom: 0;
}
.region-content .navbar-nav li {
  padding: 0;
}
.region-content .navbar-nav li a {
  color: #0b333c;
  font-weight: normal;
  width: 80%;
  margin: 0 auto;
}
.region-content .navbar-nav li a:hover {
  background-color: #0b333c;
  color: #fff;
}
.region-content .navbar-nav li:hover {
  background-color: #0b333c;
}

/*****  Gestion de l'affichage du sélecteur de langue *****/
.language-switcher-language-url ul.links {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  justify-content: end;
}
.language-switcher-language-url ul.links li {
  padding-left: 10px;
}
.language-switcher-language-url ul.links li a {
  height: 32px;
  width: 32px;
  display: block;
  color: transparent;
}
.language-switcher-language-url ul.links li a.is-active {
  filter: opacity(50%);
}
.language-switcher-language-url ul.links li.fr a {
  background-image: url(../images/flag-fr-32x32.png);
}
.language-switcher-language-url ul.links li.en a {
  background-image: url(../images/flag-en-32x32.png);
}
.language-switcher-language-url ul.contextual-links {
  display: none;
}

/****************************************************************************/
/*  GESTION DU MENU PRINCIPAL POUR LES ECRANS A PARTIR DE 768px */
/****************************************************************************/
@media all and (min-width: 768px) {
  header .navbar-header {
    float: none;
  }
  /* Définition des couleurs pour chaque li du menu de Niveau 0 (menu principal) */
  .navbar-default {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-default .navbar-nav > li {
    /* Définition globale des liens de menu pour tous les niveaux */
  }
  .navbar-default .navbar-nav > li.l-ecole > a {
    border-top-color: #742281;
  }
  .navbar-default .navbar-nav > li.nos-formations > a {
    border-top-color: #e0673e;
  }
  .navbar-default .navbar-nav > li.formation-continue > a {
    border-top-color: #c3d558;
    width: 165px;
  }
  .navbar-default .navbar-nav > li.entreprise > a {
    border-top-color: #70b5d9;
    width: 95px;
  }
  .navbar-default .navbar-nav > li.international > a {
    border-top-color: #d9308a;
  }
  .navbar-default .navbar-nav > li.recherche > a {
    border-top-color: #742281;
  }
  .navbar-default .navbar-nav > li > a {
    border-top-width: 3px;
    border-top-style: solid;
    font-family: oswald, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #0b333c;
    letter-spacing: 1px;
    padding: 3px 0;
    font-size: 0.9em;
  }
  .navbar-default .navbar-nav > li > a .caret {
    display: none;
  }
  .nav > li {
    padding: 10px;
  }
  /* On cache le bloc de menu dans la région Navigation (collapsible) */
  .navbar-collapse .navbar-nav {
    display: none;
  }
  /* Positionnement du menu de Niveau 0 en static. cf note : https://stackoverflow.com/questions/18616040/bootstrap-horizontal-drop-down*/
  .nav > li.dropdown.open, .nav > li.dropdown.active {
    position: static;
  }
  .nav > li.dropdown.open a:focus, .nav > li.dropdown.active a:focus {
    background-color: transparent;
    color: #0b333c;
  }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
  }
  .nav > li.dropdown.open .dropdown-menu {
    z-index: 1001;
  }
  /* Gestion de l'affichage du sous-menu Niveau 1*/
  .nav > li.dropdown.open .dropdown-menu, .nav > li.dropdown.active .dropdown-menu {
    margin-right: 15px;
    margin-left: 14px;
    border: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 0;
    width: 98.3%;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*background-color: $couleur-ecole;*/
  }
  .nav > li.dropdown.open .dropdown-menu > li, .nav > li.dropdown.active .dropdown-menu > li {
    /*display: table-cell;
    vertical-align: middle;*/
    flex-grow: 1;
  }
  .nav > li.dropdown.open .dropdown-menu > li a, .nav > li.dropdown.active .dropdown-menu > li a {
    background-color: #e0673e;
    color: #fff;
    font-size: 12px;
  }
  /* Définir la couleur de fond pour chaque sous-menu */
  .nav > li.l-ecole.dropdown.open .dropdown-menu, .nav > li.l-ecole.dropdown.active .dropdown-menu {
    background-color: #742281;
  }
  .nav > li.l-ecole.dropdown.open .dropdown-menu > li a, .nav > li.l-ecole.dropdown.active .dropdown-menu > li a {
    background-color: #742281;
  }
  .nav > li.nos-formations.dropdown.open .dropdown-menu, .nav > li.nos-formations.dropdown.active .dropdown-menu {
    background-color: #E0673E;
  }
  .nav > li.nos-formations.dropdown.open .dropdown-menu > li a, .nav > li.nos-formations.dropdown.active .dropdown-menu > li a {
    background-color: #E0673E;
  }
  .nav > li.formation-continue.dropdown.open .dropdown-menu, .nav > li.formation-continue.dropdown.active .dropdown-menu {
    background-color: #C3D558;
  }
  .nav > li.formation-continue.dropdown.open .dropdown-menu > li a, .nav > li.formation-continue.dropdown.active .dropdown-menu > li a {
    background-color: #C3D558;
  }
  .nav > li.entreprise.dropdown.open .dropdown-menu, .nav > li.entreprise.dropdown.active .dropdown-menu {
    background-color: #70B5D9;
  }
  .nav > li.entreprise.dropdown.open .dropdown-menu > li a, .nav > li.entreprise.dropdown.active .dropdown-menu > li a {
    background-color: #70B5D9;
  }
  .nav > li.international.dropdown.open .dropdown-menu, .nav > li.international.dropdown.active .dropdown-menu {
    background-color: #D9308A;
  }
  .nav > li.international.dropdown.open .dropdown-menu > li a, .nav > li.international.dropdown.active .dropdown-menu > li a {
    background-color: #D9308A;
  }
  .nav > li.recherche.dropdown.open .dropdown-menu, .nav > li.recherche.dropdown.active .dropdown-menu {
    background-color: #742281;
  }
  .nav > li.recherche.dropdown.open .dropdown-menu > li a, .nav > li.recherche.dropdown.active .dropdown-menu > li a {
    background-color: #742281;
  }
  /* Gestion de l'affichage des sous-menus de Niveau N2 et plus : Pour le moment on affiche rien */
  .nav > li.dropdown.open .dropdown-menu li > ul {
    display: none;
  }
}
/*  FIN GESTION DU MENU PRINCIPAL POUR LES ECRANS A PARTIR DE 768px */
/************************************************************/
/*  GESTION DU MENU PRINCIPAL POUR LES ECRANS JUSQU'A 767px */
/************************************************************/
@media all and (max-width: 767px) {
  .navbar-default .navbar-collapse {
    background-color: #0b333c;
  }
  .navbar-default .navbar-collapse li {
    text-align: center;
  }
  .navbar-default .navbar-collapse li a {
    color: #fff;
    background-color: #0b333c;
  }
  .sml-nav {
    display: none;
  }
  .social-media-links--platforms {
    text-align: center;
  }
  .navbar-header .navbar-nav {
    display: none;
  }
}
.navbar-collapse .form-control {
  background-color: #0b333c;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid;
  color: #fff;
}
@media all and (max-width: 767px) {
  .navbar-collapse .form-control {
    display: block;
  }
}

@media all and (min-width: 768px) {
  .navbar-header .form-control {
    display: block;
  }
}

.btn-primary {
  border: none;
  background-color: transparent;
  color: inherit;
}
@media all and (min-width: 768px) {
  .btn-primary {
    display: block;
  }
}
.btn-primary .glyphicon {
  font-size: 21px;
}
.btn-primary .glyphicon-search:before {
  content: "\e258";
  color: #fff;
}
@media all and (min-width: 768px) {
  .btn-primary .glyphicon-search:before {
    color: #0b333c;
    content: "\e003";
  }
}

/* Cacher le formulaire de recherche pour les écrans > à 768px md-min */
@media all and (min-width: 768px) {
  .region-navigation-collapsible .block-search {
    display: none;
  }
}
/* Cacher le formulaire de recherche pour les écrans <= à 767px md-min */
@media all and (max-width: 767px) {
  .region-navigation .block-search {
    display: none;
  }
}
/***************************/
/* Bloc vue des actualités */
/***************************/
/***************************/
.block-views-blockactualites-actu-front {
  background-color: #fff;
  margin-top: -30px;
  margin-bottom: 20px;
  /* Extra Small Devices, Phones  jusqu'à 767px*/
}
.block-views-blockactualites-actu-front .slide__caption {
  padding: 0;
}
.block-views-blockactualites-actu-front .actu-resume h2 {
  font-weight: 200;
  letter-spacing: -1px;
  color: #0b333c;
}
.block-views-blockactualites-actu-front .actu-resume h3 {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0b333c;
  font-size: 1.3em;
}
.block-views-blockactualites-actu-front .actu-resume .views-more-link {
  background-color: #732181;
  color: #FFF;
  padding: 5px 40px;
}
.block-views-blockactualites-actu-front .slick__arrow {
  position: relative;
  margin-top: 20px;
}
.block-views-blockactualites-actu-front .slick__arrow button {
  display: inline-block;
  border: 1px solid #c5d3d5;
  width: 50%;
  border-radius: 0;
  background-color: #fff;
}
.block-views-blockactualites-actu-front .slick__arrow ::before {
  color: #c2d0d3;
}
.block-views-blockactualites-actu-front .slick__arrow .slick-prev::before {
  content: "<";
}
.block-views-blockactualites-actu-front .slick__arrow .slick-next::before {
  content: ">";
}
@media all and (max-width: 767px) {
  .block-views-blockactualites-actu-front {
    width: 100%;
  }
  .block-views-blockactualites-actu-front .actu-resume h2 {
    margin-top: 10px;
  }
  .block-views-blockactualites-actu-front img {
    float: none;
  }
}

/***************************/
/* Header image de fond    */
/***************************/
/***************************/
@media (max-width: 767px) {
  .region-header {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/*********************************************/
/* Blocs des points d'entrée "Vous êtes ..." */
/*********************************************/
/*  Avec le fond gris clair, il y a une bande de 15px de haut sur le div avec la classe .form-group */
.path-frontpage .form-group {
  margin-bottom: 0;
}

#block-vousetesetudiant, #block-vousetessalarie, #block-vousetesuneoranisation, #block-international {
  background-color: #e0ebed;
  color: #0b333c;
  text-align: center;
}
@media all and (max-width: 767px) {
  #block-vousetesetudiant, #block-vousetessalarie, #block-vousetesuneoranisation, #block-international {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#block-vousetesetudiant h2, #block-vousetessalarie h2, #block-vousetesuneoranisation h2, #block-international h2 {
  text-transform: uppercase;
  font-weight: 200;
  padding-top: 30px;
  font-size: 27px;
  letter-spacing: 2px;
}
#block-vousetesetudiant h3, #block-vousetessalarie h3, #block-vousetesuneoranisation h3, #block-international h3 {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  letter-spacing: 2px;
}
#block-vousetesetudiant .field--name-body, #block-vousetessalarie .field--name-body, #block-vousetesuneoranisation .field--name-body, #block-international .field--name-body {
  height: 340px;
}
#block-vousetesetudiant .field--name-body a, #block-vousetessalarie .field--name-body a, #block-vousetesuneoranisation .field--name-body a, #block-international .field--name-body a {
  visibility: hidden;
}
#block-vousetesetudiant:hover, #block-vousetessalarie:hover, #block-vousetesuneoranisation:hover, #block-international:hover {
  background-color: #732181;
  color: #fff;
  box-shadow: 8px 8px 0 #3a0643;
  margin-bottom: 8px;
}
#block-vousetesetudiant:hover a, #block-vousetessalarie:hover a, #block-vousetesuneoranisation:hover a, #block-international:hover a {
  visibility: visible;
  background-color: #fff;
  color: #732181;
  padding: 5px 0;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
  width: 30%;
}

#block-international h3 {
  padding-top: 30px;
  font-size: 27px;
  margin-top: 20px;
  letter-spacing: 0;
}

/*  Gestion des styles pour les smartphones jusqu'à 767px  */
/*  Gestion des styles pour les tablettes de 768px à 1200px  */
@media all and (min-width: 768px) and (max-width: 1200px) {
  #block-vousetesetudiant, #block-vousetessalarie {
    float: left;
    width: 50%;
    /*margin-top: 20px;*/
  }
  #block-vousetesetudiant:hover, #block-vousetessalarie:hover {
    width: calc(50% - 8px);
    margin-right: 8px;
  }
}

@media all and (min-width: 768px) and (max-width: 1200px) {
  #block-vousetesuneoranisation, #block-international {
    float: left;
    width: 50%;
  }
  #block-vousetesuneoranisation:hover, #block-international:hover {
    width: calc(50% - 8px);
    margin-right: 8px;
  }
}

@media all and (min-width: 768px) and (max-width: 1200px) {
  #block-vousetesuneoranisation {
    clear: both;
  }
}

/*  Gestion des styles pour les tablettes et grands écrans à partir de 1201px  */
@media all and (min-width: 1201px) {
  #block-vousetesetudiant, #block-vousetessalarie, #block-vousetesuneoranisation, #block-international {
    margin-bottom: 8px;
    float: left;
    width: 25%;
  }
  #block-vousetesetudiant:hover, #block-vousetessalarie:hover, #block-vousetesuneoranisation:hover, #block-international:hover {
    width: calc(25% - 8px);
    margin-right: 8px;
  }
}

/****************************/
/* Bloc "Gros plan sur ..." */
/****************************/
.gros-plan {
  background-color: #0b333c;
}
.gros-plan .field--name-body {
  color: #fff;
}
.gros-plan .field--name-body h2 {
  font-weight: 200;
}
.gros-plan .field--name-body h3 {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 0;
}
.gros-plan .field--name-body a {
  background-color: #fff;
  color: #0b333c;
  padding: 5px 40px;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
}
@media all and (max-width: 767px) {
  .gros-plan {
    padding-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .gros-plan .field--name-body {
    width: 85%;
    margin: 30px auto 10px auto;
  }
}
@media all and (min-width: 768px) {
  .gros-plan {
    clear: both;
    position: relative;
    width: 114%;
    right: 8%;
  }
  .gros-plan .field--name-field-logo {
    width: 50%;
    float: left;
  }
  .gros-plan .field--name-body {
    width: auto;
    float: left;
    padding-left: 20px;
    margin: 0;
  }
}

/******************************/
/* Bloc logos des partenaires */
/******************************/
.partenaires {
  background-color: #e0ebed;
  padding: 20px 20px 30px 20px;
}
.partenaires .field--name-field-logo {
  display: flex;
  justify-content: center;
}
.partenaires .field--name-field-texte {
  text-align: center;
}
.partenaires .field--name-field-texte h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1em;
}
@media all and (min-width: 768px) {
  .partenaires {
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  .partenaires {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.footer {
  margin-top: 0;
  padding-top: 0;
  background-color: #0b333c;
}
@media all and (min-width: 768px) {
  .footer {
    margin: -30px 0 0 0;
    padding-bottom: 36px;
    padding-top: 75px;
  }
}

.region-footer ul.menu {
  margin: 0 auto;
  width: 95%;
  text-align: center;
  padding-top: 20px;
  /*  Gestion des styles pour les écrans à partir de 768px  */
}
@media all and (min-width: 768px) {
  .region-footer ul.menu {
    padding-top: 0;
    display: flex;
  }
}
.region-footer ul.menu li {
  display: inline-block;
}
@media all and (min-width: 1201px) {
  .region-footer ul.menu li {
    padding-top: 0;
  }
}
.region-footer ul.menu li a {
  font-family: "Oswald", sans-serif;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}
@media all and (min-width: 768px) {
  .region-footer ul.menu li a {
    padding-top: 0;
  }
}
.region-footer ul.menu li a:hover {
  color: #0b333c;
}
.region-footer .block-social-media-links {
  padding-top: 30px;
}
@media all and (min-width: 768px) {
  .region-footer .block-social-media-links {
    padding-top: 0;
    margin: 0 auto;
    display: block;
    clear: both;
  }
}
.region-footer .block-social-media-links ul.social-media-links--platforms {
  text-align: center;
}
.region-footer .block-social-media-links ul.social-media-links--platforms li {
  padding-right: 20px;
}
.region-footer .block-social-media-links ul.social-media-links--platforms li a {
  color: #fff;
}
.region-footer .adresse {
  color: #fff;
  text-align: center;
  padding-top: 30px;
}
@media all and (min-width: 1201px) {
  .region-footer .adresse {
    clear: both;
  }
}
.region-footer .field--name-field-logo {
  padding-top: 30px;
  text-align: center;
}
.region-footer .field--name-field-logo img {
  display: inline-block;
}
.region-footer .mentions-legales {
  padding-top: 30px;
}
.region-footer .mentions-legales .field--name-body {
  border-top: 1px solid #788386;
  padding-top: 10px;
  padding-bottom: 20px;
}
.region-footer .mentions-legales .field--name-body p {
  color: #788386;
}
.region-footer .mentions-legales .field--name-body p a {
  color: #788386;
  text-transform: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: normal;
}
@media all and (min-width: 768px) {
  .region-footer {
    width: 64%;
    margin: 0 auto;
  }
}

/*****************************************************
*                                                    *
*  GESTION DES VUES BLOCS ET PAGES                   *
*                                                    *
*****************************************************/
@media all and (min-width: 768px) {
  .page-node-type-page .vue {
    margin-left: 16em;
  }
}
.page-node-type-page .vue.annuaire h3 {
  font-size: 3em;
  font-weight: 100;
  margin-left: -30px;
  border-bottom: 1px solid black;
  margin-right: 20px;
}
@media all and (max-width: 767px) {
  .page-node-type-page .vue.annuaire h3 {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-node-type-page .vue.annuaire ul {
  list-style-type: none;
}
.page-node-type-page .vue.annuaire ul li {
  margin-bottom: 10px;
}
.page-node-type-page .vue.annuaire .nom-prenom {
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
}
.page-node-type-page .vue.annuaire .nom-prenom a {
  font-weight: 500;
  color: #000;
}
.page-node-type-page .vue.annuaire .fonction {
  font-style: italic;
}
.page-node-type-page .vue.annuaire .laboratoire {
  font-weight: bold;
  color: #742281;
}

/*  Styles globaux des liens de paginations complètes pour les vues */
.pagination > li > a, .pagination > li > span {
  border: none;
  color: #742281;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #742281;
  border-color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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