/*
* Version: 2.1.1
* File Description: Place here your custom CSS styles
*/
body.canvas-sliding,
body.canvas-slid {
  overflow-x: hidden;
}

.no-trans * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

img {
  display: block;
  max-width: 100%;
  height: auto;

}

.spip_documents_center img{
  margin-left: auto;
  margin-right: auto;
  margin-top: 19px;
}

.spip_documents_left img{
  padding-right: 10px;
}

.spip_documents_right img{
  padding-left: 10px;
}

.spip_doc_titre {
  margin-left: auto;
  margin-right: auto;
  font-size: small;
  text-align: center;
}

img.puce {
  display: inline;
}

.nav-item img{
  border: solid;
}

.spip_descriptif {
  color: #2a5f2b;
  background-color: #bcdab0;
}
.spip_form_ok{
  color: #2a5f2b;
  background-color: #bcdab0;
}

.previsu{
  color: #2a5f2b;
  background-color: #bcdab0;
}
.comment-titre{
  color: #2a5f2b;
}

.spip:not(.table-bordered) {
  border-bottom: 2px solid #f3f3f3;
}


.spip > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #eaeaea;
  background-color: #eaeaea;
  color: #333333;
  font-weight: 400;
}

.table-colored > thead > tr > th {
  color: #ffffff;
}

tbody {
  background-color: #ffffff;
}

.spip > thead > tr > th,
.spip > tbody > tr > th,
.spip > tfoot > tr > th,
.spip > thead > tr > td,
.spip > tbody > tr > td,
.spip > tfoot > tr > td {
  padding: 8px 15px;
  border-top: 1px solid #f3f3f3;
}

.spip tbody {
  background-color: #ffffff;
}

.spip > tbody > tr:nth-child(odd) > td,
.spip > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}

.spip.table > tbody > tr > td {
  border-color: #e8e8e8;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #f3f3f3;
}

.table-hover > tbody > tr:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.dark .table:not(.table-bordered) {
  border-bottom: 2px solid rgba(255, 255, 255, 0.07);
}

.dark .spip > tbody {
  background-color: transparent;
}

.dark .spip > tbody > tr > td {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.dark .spip > thead > tr > th {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background-color: rgba(0, 0, 0, 0.15);
  color: #f1f1f1;
  font-weight: 400;
  border-top: none;
}

.header {
  border-top: 1px solid #2C4A52;
  border-bottom: 2px solid #2C4A52;
  background-color: #537072;
}
.header .navbar-nav li .nav-link {
  color: #ffffff;
}

.light-gray-bg {
  background-color: #f4ebdb;
}

.section {
  background-color: #F4EBDB;
  color:#2C4A52;
}
.footer {
  padding: 40px 0;
  background-color: #8E9B97;
}

.header-top.dark {

  background-color: #2C4A52;
  border-bottom: 1px solid #201c1c;

}
.footer-top {
  background-color: #2C4A52;
}
.footer {
  background-color: #8E9B97;
  color:#fff;
}
.text-muted {

  color: #2C4A52 !important;

}
h1, h2, h3, h4, h5, h6 {

  color: #2C4A52;

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  color: #2C4A52;

}
.nav.flex-column > li .nav-link {
  color: #2C4A52;
}
.main-container {
  background-color: #F4EBDB;
}

.image-box-rubrique  {
  background-color: #8E9B97;
  color:#fff;
}


/*Second level*/
.header .navbar-nav li ul {

  background-color: #F4EBDB;

}

.nav-tabs.style-4 > li > a.active {

  background-color: #537072 !important;
  color:#fff;
}

.tag a {

  background-color: #537072;
  border: 1px solid #537072;

}
a:focus, a:active {

  color: #F4EBDB;

}

.overlay-bottom,
.overlay-top {

  background-color: rgba(30, 30, 30, 0.1);

}

.white-bg {

  background-color: #8E9B97;
  color:#fff;

}
.carousel-inner {

  display: block;
  margin-left: auto;
  margin-right: auto

}
.carousel {

  position: relative;
  padding: 5px;

}

.header .navbar-nav li .nav-link {
  font-size: 16px;
}
.alert-danger {
  color: #fff;
  background-color: #537072;
}
dd {
    margin-left: auto;
    margin-right: auto;
    font-size: medium;
    text-align: center;
}

/* Habillage des portfolios
---------------------------------------------- */
.documents_portfolio li {display:inline;margin:0;padding:0;}
.documents_portfolio a {display:inline-block;padding:10px;margin:5px;border:1px solid #ccc !important;color:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}
.documents_portfolio a:hover {color:#999;opacity:0.8;}
.documents_portfolio img {margin:0;}

.documents_joints .descriptif p {margin:0;}