/* Scss Document */
/* ==================================================
  Dropdown
  ================================================== */
.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.9rem;
  color: #131313;
  text-align: left;
  list-style: none;
  background-color: #212529;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1rem; }

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #d8dce0;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  @media (min-width: 768px) {
    .dropdown-item {
      font-size: 0.875rem; } }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #e9ecef;
    text-decoration: none;
    background-color: #000; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #6D4F9B; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #757A7E;
    background-color: transparent; }

.dropdown-menu .dropdown-menu .dropdown-item {
  white-space: normal; }

@media (min-width: 992px) {
  .dropdown-menu .dropdown-menu {
    min-width: 200px; } }
@media (min-width: 1200px) {
  .dropdown-menu .dropdown-menu {
    min-width: 300px; } }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.7875rem;
  color: #757A7E;
  white-space: nowrap; }

/* ==================================================
  Typo
  ================================================== */
body {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'Lora', serif; }

h1, h2, h3, h4, h5, h6,
.nav, .lead, main small, .small, section small,
.fontTitre, .btn {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  line-height: 105%;
  font-weight: 700; }

@media (max-width: 575px) {
  h1.display-4, .h1.display-4 {
    font-size: 1.8rem; } }
@media (max-width: 767px) {
  h1.display-4, .h1.display-4 {
    font-size: 2rem; } }
.lead, .h4, .lead p {
  font-family: "Lora", serif;
  font-size: 1.23rem;
  line-height: 1.7rem; }

/*h4, h5, .h4 {
    font-weight: 900 !important;
}*/
h4 {
  font-size: 1.48rem; }

h5 {
  line-height: 110%; }

h6 {
  line-height: 120%; }

.h4 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25rem;
  line-height: 1.7rem; }

.content h3, .content .h3 {
  margin-bottom: 1rem; }
.content p:first-child,
.content .lead p:first-child {
  margin-top: 0 !important; }

small,
.small {
  line-height: 148.75% !important;
  color: #495057; }

.xs-small {
  font-size: 70%;
  line-height: 148.75% !important;
  color: #495057; }

.credit {
  font-size: 70%; }

/* le style pour les legendes et credits dans la lightbox */
#cboxTitle {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 1rem; }

.sansSerif {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.serif {
  font-family: "Lora", serif; }

a {
  color: #131313; }
  a:hover {
    color: #343a40;
    text-decoration: none; }
  a:focus {
    color: #000; }

.content a:not(.btn) {
  text-decoration: underline !important; }
.content li.nav-item a {
  text-decoration: none !important; }

.text-danger a,
a.text-danger {
  color: #dc3545; }
  .text-danger a:hover,
  a.text-danger:hover {
    color: #343a40;
    text-decoration: none; }
  .text-danger a:focus,
  a.text-danger:focus {
    color: #000; }

ul.spip {
  padding-left: 1rem;
  clear: both; }

/* Navigation liens */
.navbar,
.nav {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  .navbar > .nav-item.active a.nav-link,
  .nav > .nav-item.active a.nav-link {
    font-weight: 500;
    color: #212529; }
  .navbar a.nav-link.active,
  .nav a.nav-link.active {
    font-weight: 500;
    color: #212529; }
  .navbar a.nav-link:hover,
  .nav a.nav-link:hover {
    color: #495057; }

a.nav-link,
.linkColor,
.linkColor a {
  color: #757A7E; }

a.nav-link:hover,
.linkColor a:hover {
  color: #343a40; }

/* end Navigation liens */
blockquote {
  margin-bottom: 1rem;
  font-size: 1.125rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #757A7E; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

/* Graisses */
/*p {
  font-size: 1.025rem;
  line-height: 1.5rem;
}*/
.regular {
  font-weight: 400;
  color: #343a40; }

.medium {
  font-weight: 500; }

.bold {
  font-weight: 700; }

.ultraBold {
  font-weight: 900; }

/* end graisses */
/* couleurs */
.text-primary {
  color: #6D4F9B !important; }

.btn-primary {
  background-color: #6D4F9B !important;
  border-color: #6D4F9B !important; }

/* end couleurs */
/* Material design icons */
.material-icons {
  margin-right: 0.3rem; }

.md-icon-16 {
  font-size: 16px;
  height: 16px;
  width: 16px; }

.md-icon-18 {
  font-size: 18px;
  height: 18px;
  width: 18px; }

.md-icon-24 {
  font-size: 24px;
  height: 24px;
  width: 24px; }

.md-icon-36 {
  font-size: 36px;
  height: 36px;
  width: 36px; }

.material-icons.md-12 {
  font-size: 12px; }

.material-icons.md-16 {
  font-size: 16px; }

.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

.material-icons.md-72 {
  font-size: 72px; }

/* end material design icons */
/* ==================================================
  Layout
  ================================================== */
body {
  /*font-size: 15px;*/ }
  @media (max-width: 575px) {
    body .introduction {
      padding-top: 5rem !important; } }

footer#footer {
  padding: 0 0 60px 0; }
  footer#footer .logo img {
    height: 70px; }

.container {
  max-width: 1230px; }

nav .navbar {
  align-self: flex-end; }
nav.fixed-top {
  right: inherit !important;
  left: inherit !important; }

.navbar {
  border-bottom: 1px solid #d8dce0; }

.page_sommaire .navbar:not(.is-sticky) {
  border-bottom: none; }

#infosFoter,
#signature {
  border-top: 1px solid #d8dce0; }

section.titresParties {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da; }
  section.titresParties * {
    margin-bottom: 0; }

main {
  margin-top: 50px; }

#documents_portfolio {
  clear: both; }

/* ==================================================
  Navbar
  ================================================== */
.navbar .navbar-nav {
  width: 100%;
  justify-content: center; }
  .navbar .navbar-nav li.nav-item {
    padding-left: 1.15rem;
    padding-right: 1.15rem; }
    .navbar .navbar-nav li.nav-item a.nav-link {
      padding-bottom: 0.17rem;
      padding-left: 0;
      padding-right: 0; }

@media (min-width: 768px) {
  header#nav {
    height: 250px; } }
@media (min-width: 960px) {
  header#nav {
    height: 266px; } }
header#nav .logo {
  display: block;
  padding-top: 1rem; }
  @media (min-width: 992px) {
    header#nav .logo {
      padding-top: 1.5rem; } }
  header#nav .logo img {
    max-height: 180px !important; }

@media (min-width: 768px) {
  .navbar .navbar-nav > .nav-item a {
    position: relative; }
  .navbar .navbar-nav > .nav-item > a .menu-item-label:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #757A7E;
    transition: all 0.135s ease-out; }
  .navbar .navbar-nav > .nav-item > a:hover .menu-item-label:after {
    left: 0;
    width: 100%; }
  .navbar .navbar-nav > .nav-item.active > a .menu-item-label:after {
    left: 0;
    width: 100%; } }
/* couleur des liens */
.navbar.navbar-light .navbar-nav .nav-item {
  text-transform: uppercase; }
  .navbar.navbar-light .navbar-nav .nav-item a.nav-link {
    color: #757A7E; }
    .navbar.navbar-light .navbar-nav .nav-item a.nav-link:hover {
      color: #343a40; }
  .navbar.navbar-light .navbar-nav .nav-item.active {
    font-weight: 500; }
  .navbar.navbar-light .navbar-nav .nav-item.active > a {
    color: #212529; }
  .navbar.navbar-light .navbar-nav .nav-item.active > a:hover {
    color: #495057; }
.navbar.navbar-light .brandTtr {
  font-family: "Lora", serif;
  text-transform: inherit !important; }

/* adaptation du menu en sm */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar.navbar-light a.navbar-brand {
    color: #000 !important; }

  .navbar .navbar-nav {
    font-size: 0.875rem; }
    .navbar .navbar-nav li.nav-item {
      padding-left: 0.4rem !important;
      padding-right: 0.4rem !important; } }
/* ne sert pas avec le off-canvas */
@media (max-width: 767px) {
  .navbar {
    padding-left: 0;
    padding-right: 0; }
    .navbar #navbarsExample04 form {
      padding-left: 1rem;
      padding-right: 1rem; }

  .sticky-wrapper {
    display: none !important; }

  .navbar-light .navbar-toggler {
    border-width: 0; }

  .navbar.navbar-light {
    font-size: 0.875rem;
    background-color: #fff;
    color: #e9ecef; }
    .navbar.navbar-light .navbar-brand {
      color: #fff; }
    .navbar.navbar-light .navbar-nav .nav-item .dropdown-menu {
      padding-top: 0;
      border: none; }
      .navbar.navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-menu {
        padding-left: 1.5rem; }
    .navbar.navbar-light .navbar-nav .nav-item > a .menu-item-label::after {
      content: '';
      height: 0; }
    .navbar.navbar-light .navbar-nav .nav-item a.nav-link,
    .navbar.navbar-light .navbar-nav .nav-item .dropdown-item {
      color: #d8dce0; }
      .navbar.navbar-light .navbar-nav .nav-item a.nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item a.nav-link:focus,
      .navbar.navbar-light .navbar-nav .nav-item .dropdown-item:hover,
      .navbar.navbar-light .navbar-nav .nav-item .dropdown-item:focus {
        color: #f8f9fa;
        background-color: transparent !important; }
    .navbar.navbar-light .navbar-nav .nav-item.active > a {
      color: #e9ecef; }
    .navbar.navbar-light .navbar-nav .nav-item.active > a:hover {
      color: #e9ecef; } }
/* Alignement de la puce caret arrow a droite - pour les sub-dropdown et les dropdown en responsive offcanvas-nav */
.navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle,
.offcanvas-nav .dropdown-toggle {
  position: relative; }
.navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle::after,
.offcanvas-nav .dropdown-toggle::after {
  position: absolute;
  top: 0.9rem;
  right: 0.3rem; }
  @media (min-width: 768px) {
    .navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle::after,
    .offcanvas-nav .dropdown-toggle::after {
      right: 1rem; } }

.dropdown .dropdown-menu {
  -webkit-transition: background 12s ease-in-out;
  -moz-transition: background 12s ease-in-out;
  -ms-transition: background 12s ease-in-out;
  -o-transition: background 12s ease-in-out;
  transition: background 12s ease-in-out;
  opacity: 0; }

@media (max-width: 767px) {
  .dropdown.show .dropdown-menu {
    max-height: inherit !important;
    opacity: 1; } }
@media (min-width: 768px) {
  .dropdown.show .dropdown-menu {
    max-height: inherit !important;
    opacity: 1; } }
/* ==================================================
  off-canvas modifs
  ================================================== */
.divNavbarBrand {
  display: none; }

/* Habillage de la barnav logo */
.c-offcanvas-content-wrap {
  /* Hauteur du navbar */ }
  .c-offcanvas-content-wrap .navbar > .container a.navbar-brand {
    margin: 0;
    max-width: 300px; }

/* Habillage du off-canvas */
.c-offcanvas-content-wrap .logoOffcanvas img {
  max-width: 400px !important; }

.c-offcanvas {
  background-color: #212529;
  padding-bottom: 3rem;
  /*end navbar*/
  /* Conflit css avec off-canvas */ }
  .c-offcanvas .dropdown-menu {
    background-color: #000; }
  .c-offcanvas .navbar {
    background-color: transparent !important;
    padding: 0.5rem 0  4rem 0;
    border-bottom: none;
    /*end nav-link*/
    /* PADDDING des sous-menus sub-dropdonwn */ }
    .c-offcanvas .navbar > .container {
      align-items: flex-start; }
    .c-offcanvas .navbar li.nav-item {
      /* Inverser les background pour les liens du dropdown */ }
      .c-offcanvas .navbar li.nav-item:hover {
        background-color: #000; }
      .c-offcanvas .navbar li.nav-item a.dropdown-item:hover, .c-offcanvas .navbar li.nav-item a.dropdown-item:active {
        background-color: #212529; }
    .c-offcanvas .navbar a.nav-link,
    .c-offcanvas .navbar a.dropdown-item {
      color: #757A7E; }
      .c-offcanvas .navbar a.nav-link:hover,
      .c-offcanvas .navbar a.dropdown-item:hover {
        color: #ced4da; }
      .c-offcanvas .navbar a.nav-link:focus,
      .c-offcanvas .navbar a.dropdown-item:focus {
        color: #adb5bd; }
    .c-offcanvas .navbar .dropdown-menu {
      padding: 0; }
      .c-offcanvas .navbar .dropdown-menu a.dropdown-item {
        padding: 0.25rem 0.5rem; }
      .c-offcanvas .navbar .dropdown-menu .dropdown-menu a.dropdown-item {
        padding: 0.25rem 1rem; }
  .c-offcanvas .navbar-toggler {
    border-width: 0; }
  .c-offcanvas .navbar-toggler-icon {
    /*background-image: none;
    &::before {
        height: 30px;
        font-size: 1.8rem;
        display: block;
        content: "\E5CD";
        font-family: 'Material Icons';
        color: $gray-600;
    }*/ }
  .c-offcanvas hr {
    border-color: #343a40 !important; }

/*end c-offcanvas*/
/* ==================================================
  Sticky
  ================================================== */
/* Attention quand la navbar est fixed ET max-width=1168px -> diminuer aussi le font-size et les paddings */
/* definition des font-size en fonction du device - a cause de la longueur du menu primaire */
@media (min-width: 768px) and (max-width: 1177px) {
  .sticky.navbar .navbar-nav {
    font-size: 0.875rem; }
    .sticky.navbar .navbar-nav li.nav-item {
      padding-left: 0.4rem !important;
      padding-right: 0.4rem !important; } }
@media screen and (min-width: 768px) {
  .navbar {
    border-radius: 0;
    background-color: #FFF; }

  .sticky.navbar {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }

  /*.sticky .show-is-sticky,
  .sticky .show-not-sticky {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    opacity: 0;
    visibility: hidden;
  }*/
  /*.sticky .show-not-sticky {
    opacity: 1;
    visibility: visible;
  }*/
  .navbar,
  .sticky {
    padding-top: 1.8rem;
    padding-bottom: 1.1rem; }

  .is-sticky.sticky {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem; }

  .sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%; }
  .sticky .show-is-sticky {
    opacity: 1;
    visibility: visible; }
  .sticky .show-not-sticky {
    opacity: 0;
    visibility: hidden; }

  .sticky.is-sticky .navbar-brand {
    display: block; }

  .navbar.sticky {
    /* end &.is-sticky */ }
    .navbar.sticky .container {
      flex-wrap: wrap; }
      .navbar.sticky .container .divNavbarBrand {
        display: none;
        font-size: 2rem !important;
        margin-top: 0;
        padding-top: 0; }
        .navbar.sticky .container .divNavbarBrand .brandTtr {
          display: none; }
    .navbar.sticky.is-sticky .container .divNavbarBrand {
      display: block;
      height: inherit;
      width: auto;
      text-align: inherit; }
      .navbar.sticky.is-sticky .container .divNavbarBrand .navbar-brand {
        font-size: 1.2rem !important; }
        .navbar.sticky.is-sticky .container .divNavbarBrand .navbar-brand img {
          height: 70px; }
      .navbar.sticky.is-sticky .container .divNavbarBrand .brandTtr {
        display: inline; } }
/* End media min-width: 768px */
/*end Sticky*/
/* ==================================================
  Corrections Bootstrap
  ================================================== */
.navbar-toggler:not([disabled]):not(.disabled) {
  cursor: pointer; }

/* hover pour les dropdowns */
@media (min-width: 768px) {
  .dropdown-menu {
    margin-top: -0.03rem; } }
.wrap {
  flex-wrap: wrap; }

/*end corrections Bootstrap*/
/* Onglets */
ul.nav-tabs > li.nav-item {
  padding: 0 0.4rem; }

ul.nav-tabs > li.nav-item:first-child {
  padding-left: 0; }

ul.nav-tabs > li.nav-item:last-child {
  padding-right: 0; }

ul.nav-tabs > li.nav-item > a.nav-link {
  padding: 0.5rem 0.7rem; }

/* end onglets */
/* btn- */
.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.6rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.btn-outline-dark {
  background-color: #fff;
  border-color: #adb5bd; }

/* end btn */
/* borders */
.border-gray-250 {
  border: 1px solid #e2e6e9; }

.border-gray-300 {
  border: 1px solid #d8dce0; }

.border-gray-400 {
  border: 1px solid #ced4da; }

/* end borders */
/* ==================================================
  TSPIP
  ================================================== */
/* Logos, documents et images */
.spip_logo {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0;
  border: none; }

.spip_logo {
  margin: 0 0 10px 10px;
  padding: 0;
  border: none; }

.spip_logo_center {
  clear: both;
  display: block;
  margin: 0 auto 1.5em auto; }

.spip_logo_left {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.spip_logo_right {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

.spip_documents {
  margin-bottom: 1.5em;
  padding: 0;
  background: none;
  max-width: 100%; }

.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }

.spip_documents_center {
  clear: both;
  display: block;
  width: 100%; }

.spip_documents_left {
  float: left;
  margin-right: 1.5em; }

.spip_documents_right {
  float: right;
  margin-left: 1.5em; }

.spip_doc_descriptif {
  clear: both; }

.spip_doc_credits {
  font-size: x-small;
  clear: both; }

/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
@media (max-width: 640px) {
  .spip_documents, .spip_doc_titre, .spip_doc_descriptif {
    max-width: 100% !important; } }
/* ==================================================
  Styles
  ================================================== */
/* 5 Colonnes columns -> pour les auteurs -> 12/5 = 2.4 -> 2_4-5 */
@media (min-width: 768px) {
  .col-md-2_4-5 {
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 992px) {
  .col-lg-2_4-5 {
    flex: 0 0 20%;
    max-width: 20%; } }

/* 3 colonnes particulieres pour le header en lg*/
@media (min-width: 989px) {
  .headerLogo .col-lg-3 {
    flex: 0 0 32.6315789473684%;
    max-width: 32.6315789473684%; }
  .headerLogo .col-lg-6 {
    flex: 0 0 34.7368421052632%;
    max-width: 34.7368421052632%; } }

/* Utilities
------------------------------------------ */
/*Colors*/
.gray-100 {
  color: #f8f9fa; }

.gray-200 {
  color: #e9ecef; }

.gray-250 {
  color: #e2e6e9; }

.gray-300 {
  color: #d8dce0; }

.gray-400 {
  color: #ced4da; }

.gray-500 {
  color: #adb5bd; }

.gray-600 {
  color: #757A7E; }

.gray-700 {
  color: #495057; }

.gray-800 {
  color: #343a40; }

.gray-900 {
  color: #212529; }

/*End colors*/
/* min heights*/
.min-height-1 {
  min-height: 2.5rem; }

.min-height-2 {
  min-height: 5rem; }

.nav > .nav-item {
  padding-left: 1rem;
  padding-right: 1rem; }
  .nav > .nav-item a {
    position: relative;
    padding-bottom: 0.2rem;
    padding-left: 0;
    padding-right: 0; }
  .nav > .nav-item > a .menu-item-label:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #757A7E;
    transition: all 0.15s ease-out; }
  .nav > .nav-item > a:hover .menu-item-label:after {
    left: 0;
    width: 100%; }
  .nav > .nav-item.active > a .menu-item-label:after {
    left: 0;
    width: 100%; }

.nav.theme > .nav-item a {
  padding-bottom: 0.3rem; }

.menu2 .nav-item,
.arbo .nav-item,
.nav.arrow .nav-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .menu2 .nav-item:first-child,
  .arbo .nav-item:first-child,
  .nav.arrow .nav-item:first-child {
    padding-left: 0; }
  .menu2 .nav-item:last-child,
  .arbo .nav-item:last-child,
  .nav.arrow .nav-item:last-child {
    padding-right: 0; }

@media (max-width: 1070px) {
  .menu2 .nav-item {
    padding-left: 0.25rem;
    padding-right: 0.25rem; } }
nav.section-nav {
  padding-bottom: 1.5rem !important; }
  nav.section-nav:not(:first-of-type) {
    padding-top: 1.5rem !important; }
  nav.section-nav h3 {
    margin-bottom: 0;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #d8dce0; }
  nav.section-nav .nav-item {
    border-bottom: 1px solid #d8dce0; }
    nav.section-nav .nav-item .nav-link {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem; }

.nav.flex-column:not(.documents) .nav-item,
.nav.arrow.flex-column .nav-item {
  padding: 0; }

.nav.arrow.flex-column .nav-item,
.nav.documents.flex-column .nav-item {
  padding: 0; }
  .nav.arrow.flex-column .nav-item .nav-link,
  .nav.documents.flex-column .nav-item .nav-link {
    padding-top: 0; }
    .nav.arrow.flex-column .nav-item .nav-link:hover,
    .nav.documents.flex-column .nav-item .nav-link:hover {
      text-decoration: underline; }

.nav.arrow .nav-item .nav-link,
.nav.documents .nav-item .nav-link {
  display: inline-block; }
  .nav.arrow .nav-item .nav-link:hover,
  .nav.documents .nav-item .nav-link:hover {
    text-decoration: underline; }

.nav.documents.flex-column .nav-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  .nav.documents.flex-column .nav-item .nav-link {
    padding-bottom: 0; }
  .nav.documents.flex-column .nav-item .small {
    padding-left: 1.45rem !important; }

.menu2 .nav-link {
  padding: 0; }
.menu2.menu-reseauxSociaux .nav-item:first-child .nav-link {
  padding-left: 0; }
.menu2.menu-reseauxSociaux .nav-item:last-child .nav-link {
  padding-right: 0; }
.menu2.menu-reseauxSociaux .nav-item .nav-link {
  padding: 0 0.5rem; }

.arbo .nav-link {
  padding: 0 0.3rem; }
  .arbo .nav-link .fa {
    margin-right: 0.3rem; }
  .arbo .nav-link.active {
    color: #343a40;
    font-weight: 600;
    pointer-events: none; }

/* Liens sur les images */
.containerHover,
.containerHover a img {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.containerHover {
  /*end a*/ }
  .containerHover a {
    display: block; }
    .containerHover a:hover {
      background: #000; }
    .containerHover a img {
      opacity: 1; }
      .containerHover a img.alpha-50 {
        opacity: 0.5; }
    .containerHover a:hover img, .containerHover a:focus img, .containerHover a:active img {
      opacity: 0.6; }

/*end containerHover*/
/* av lists icones
------------------------------------------ */
.arrow,
i.material-icons {
  color: #757A7E; }

.arrow > li::before,
.arrowDiv::before {
  font-size: 0.875rem;
  content: "\E5C8";
  font-family: 'Material Icons';
  padding: 0.3rem 0.3rem 0.3rem 0;
  margin-right: 0.1rem; }

.documents > li::before {
  font-size: 0.875rem;
  content: "\f1c1";
  font-family: 'FontAwesome';
  padding: 0.3rem 0.3rem 0.3rem 0;
  margin-right: 0.1rem; }

/*End lists icones*/
/* End Navigation liens */
/* Opacity
------------------------------------------ */
.text-opacity-70 {
  opacity: 0.7; }

/* divers
------------------------------------------ */
.tetiere {
  display: block;
  width: 15px;
  height: 60px;
  background-color: #6D4F9B;
  content: ' '; }

.ancre {
  height: 100px;
  /*same height as header*/
  margin-top: -100px;
  /*same height as header*/
  visibility: hidden; }

.alpha-50 {
  opacity: 0.5; }

/* End divers */
/* Components
------------------------------------------ */
.btn:hover {
  cursor: pointer; }

@media (min-width: 992px) and (max-width: 1199px) {
  .card-columns {
    column-count: 2; } }
@media (min-width: 1200px) {
  .card-columns {
    column-count: 3; } }

/*end components*/
/* Videos
------------------------------------------ */
.fluid-vids {
  margin: 1rem 0 0.5rem 0; }
  .fluid-vids + p {
    font-size: 0.875rem;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-bottom: 1rem; }

/* Reseaux sociaux
------------------------------------------ */
.reseauxSociaux a.facebook .fa-stack .fa-circle::before {
  color: #3D68B5; }
.reseauxSociaux a.twitter .fa-stack .fa-circle::before {
  color: #02A1F5; }
.reseauxSociaux a.print .fa-stack .fa-circle::before {
  color: #961282; }
.reseauxSociaux a.envelope .fa-stack .fa-circle::before {
  color: #6D4F9B; }

/*End reseaux sociaux*/
/* Listings
------------------------------------------ */
@media (max-width: 575px) {
  .listing-item {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; } }
.listing-item:last-child hr {
  display: none !important; }

/*ATTENTION PAS ASSEZ PRECIS - A REDEFINIR*/
/*End listings*/
h4.inter-filet {
  text-align: center;
  position: relative; }
  h4.inter-filet::after {
    background-color: #d8dce0;
    content: "";
    display: block;
    height: 1px;
    margin-top: -15px; }
  h4.inter-filet span {
    padding: 0 30px;
    background: #FFF; }
  h4.inter-filet.--blue::after {
    background-color: rgba(255, 255, 255, 0.4); }
  h4.inter-filet.--blue span {
    background: #7ca3a8; }

/* */
/* Carousel
------------------------------------------ */
@media (min-width: 768px) {
  .carousel-control-prev-icon {
    opacity: 0.5;
    background-image: url("../assets/media/control-prev.svg");
    transition: all 0.3s ease; }

  .page_sommaire .carousel-control-prev-icon {
    background-image: url("../assets/media/control-prev-black.svg"); }

  .carousel-control-next-icon {
    opacity: 0.5;
    background-image: url("../assets/media/control-next.svg");
    transition: all 0.3s ease; }

  .page_sommaire .carousel-control-next-icon {
    background-image: url("../assets/media/control-next-black.svg"); }

  a.carousel-control-prev:hover .carousel-control-prev-icon,
  a.carousel-control-next:hover .carousel-control-next-icon {
    opacity: 1; } }
.carousel-control-prev {
  justify-content: left; }

.carousel-control-next {
  justify-content: right; }

.carousel-control-prev,
.carousel-control-next {
  width: 8.33333%; }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  @media (max-width: 767px) {
    .carousel-indicators {
      bottom: 0px; } }
  .carousel-indicators li:hover {
    cursor: pointer; }
  .carousel-indicators li {
    border-radius: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.2rem;
    background-color: #FFF;
    opacity: 0.4; }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  text-align: left;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  left: 0;
  right: 0;
  bottom: 20px;
  padding: 20% 30% 5% 30%; }
  @media (max-width: 575px) {
    .carousel-caption h1 {
      font-size: 1.4rem; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .carousel-caption h1 {
      font-size: 1.8rem; } }
  @media (max-width: 575px) {
    .carousel-caption {
      padding: 10% 10% 5% 10%; } }
  @media (max-width: 767px) {
    .carousel-caption {
      bottom: 0;
      padding: 20% 10% 5% 10%; } }

.page_sommaire .carousel-control-prev, .page_sommaire .carousel-control-next {
  width: 100%;
  color: #242424; }

/* Animation du hover */
.carousel-fade .carousel-inner {
  transition: all 0.5s ease-in-out;
  /*end carousel-item*/ }
  .carousel-fade .carousel-inner .carousel-item {
    /*end active*/ }
    .carousel-fade .carousel-inner .carousel-item .carouselHover img {
      transition: all 0.5s ease-in-out; }
    .carousel-fade .carousel-inner .carousel-item.active .carouselHover a:hover img {
      opacity: 0.6; }
    .carousel-fade .carousel-inner .carousel-item.active .carouselHover:hover {
      background: #000; }
    .carousel-fade .carousel-inner .carousel-item .credit {
      height: 20px; }
      @media (max-width: 767px) {
        .carousel-fade .carousel-inner .carousel-item .credit {
          display: none !important; } }

/* Fin nimation du hover */
.carousel-fade .carousel-inner .carousel-item {
  perspective: 0 !important;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: opacity .25s ease-in-out;
  perspective: 0 !important; }

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .carousel-item .carousel-caption {
  opacity: 0; }

.carousel-fade .carousel-inner .carousel-item.active,
.carousel-fade .carousel-inner .carousel-item.active .carousel-caption {
  opacity: 1; }

/* carousel films */
#carouselFilms {
  padding-bottom: 40px; }

/*end carousel slider*/
/*card animation hover*/
.card {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  /*min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;*/
  height: auto;
  background: #3085a3;
  text-align: left;
  cursor: pointer;
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */ }
  .card img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8; }
  .card .card-img-overlay {
    padding: 2em;
    color: #fff;
    /*text-transform: uppercase;
    font-size: 1.25em;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  .card .card-img-overlay::before,
  .card .card-img-overlay::after {
    pointer-events: none; }
  .card .card-img-overlay,
  .card .card-img-overlay > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .card .card-img-overlay > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0; }
  .card h3 {
    /*word-spacing: -0.15em;
    font-weight: 300;*/ }
  .card h3 span {
    /*font-weight: 800;*/ }
  .card h3,
  .card p {
    margin: 0; }
  .card p {
    /*letter-spacing: 1px;
    font-size: 68.5%;*/ }

/*---------------*/
/***** Effect *****/
/*---------------*/
.card.hoverImage {
  background: #2f3238; }

.card.hoverImage img {
  max-width: none;
  height: 400px;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.card.hoverImage .card-img-overlay {
  text-align: left; }
.card.hoverImage h3 {
  position: relative;
  padding: 0.5em 0; }
.card.hoverImage p {
  /*display: inline-block;
  margin: 0 0 0.25em;
  padding: 0.4em 1em;
  background: rgba(255,255,255,0.9);*/
  /*color: #2f3238;*/
  /*text-transform: none;
  font-weight: 500;
  font-size: 75%;*/
  -webkit-transition: opacity 0.5s, -webkit-transform 0.15s;
  transition: opacity 0.5s, transform 0.15s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }
.card.hoverImage p {
  opacity: 0;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }
.card.hoverImage:hover .card-img-overlay {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.card.hoverImage:hover img {
  opacity: 0.4;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1); }
.card.hoverImage:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/*end card animation hover*/