#modele-article div.footnotes {
  margin: 30px 0 30px 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: #e30613 solid 1px;
  border-bottom: #e30613 solid 1px;
}

#modele-article .texte_article_renvoi {
  color: #666;
}

#modele-article sup.modele_renvoi,
#modele-article sup.modele_renvoi a {
  font-weight: bold;
  text-decoration: none;
  color: #c8d100;
}

#modele-article a.lien_renvoi,
#modele-article a.lien_externe {
  font-weight: normal;
  text-decoration: none;
  color: #e30613;
}

#modele-article a:hover.lien_renvoi,
#modele-article a:hover.lien_externe {
  text-decoration: underline;
}

#modele-article .contenu_rec {
  margin: 0 13px 0 13px;
  padding: 0;
}

#modele-article .texte_article {
  font-weight: normal;
  margin: 10px 0 0 0;
  padding: 0;
  color: #353535;
}

#modele-article .texte_article_enum {
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #353535;
}

#modele-article p.signature {
  font-weight: bold;
  float: left;
  margin: 25px;
  padding: 0;
}

#modele-article a.modele_pj {
  display: block;
  float: right;
  height: 20px;
  padding: 5px 0 0 30px;
  text-decoration: underline;
  color: #666;
  background-image: url(/images/picto_pdf.png);
  background-repeat: no-repeat;
}

#modele-article a.light {
  font-weight: bold;
  text-decoration: underline;
  color: #14267b;
}

#modele-article a.light:hover {
  text-decoration: none;
}

#modele-article .desclvl1 {
  font-weight: bold;
  margin: 20px 5px 5px;
  border-bottom: 2px solid #509650;
}

#modele-article .desclvl3,
#modele-article .desclvl4 {
  font-weight: bold;
  margin: 20px 5px 5px;
  text-decoration: underline;
}

#modele-commun-body,
#modele-commun-head,
#modele-commun-menu,
#modele-commun-foot {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

#modele-commun-body h1,
h2,
h3,
h4,
h5 {
  color: #e30613;
}

#modele-footer-navigation {
  margin: 20px auto 30px auto;
}

#modele-commun-foot {
  margin: 20px auto 30px auto;
  padding: 5px;
  background-color: #efefef;
}

#modele-site-footer {
  padding: 20px;
  color: white;
  background-color: #e30613;
}

#modele-sommaire span.modele-sommaire-doc {
  font-weight: bold;
}
/* JSTREE --------------------------------------------------------------------- */
#tree_container {
  min-width: 300px;
  min-height: auto;
}

.jstree-anchor {
  height: auto !important;
  padding-right: 24px;
  white-space: normal !important;
}

.input-lto {
  width: 300px;
}

.form-group {
  margin-bottom: 0;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-padding {
  padding: 0 !important;
}

.no-border-radius {
  border-radius: 0;
}

.no-margin {
  margin: 0;
}

.margin-30-0-30-0 {
  margin: 30px 0 30px 0;
}

.margin-30-0-0-0 {
  margin: 30px 0 0 0;
}

.padding-5 {
  padding: 5px;
}

.padding-15-0-0-0 {
  padding: 15px 0 0 0 !important;
}

.padding-25-0-0-0 {
  padding: 25px 0 0 0 !important;
}

.padding-0-0-25-0 {
  padding: 0 0 25px 0 !important;
}

.padding-20-0-0-0 {
  padding: 20px 0 0 0 !important;
}

.padding-10-0 {
  padding: 10px 0 10px 0 !important;
}

.padding-10-0-10-10 {
  padding: 10px 0 10px 10px !important;
}

.padding-10-10-10-0 {
  padding: 10px 10px 10px 0 !important;
}

.bg {
  background-color: #263c46 !important;
}

.colorDark {
  color: #263c46 !important;
}

.colorGreyLight {
  color: #f8f8f8;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.v-align-center {
  vertical-align: middle;
}

.bg-transparent {
  background: rgba(17, 17, 17, .4);
}

.nodeco:focus,
.nodeco:hover {
  text-decoration: none;
}

.img-center {
  margin: 0 auto;
}

#backtop {
  font-size: 20px;
  line-height: 54px;
  position: fixed;
  z-index: 200000;
  right: 54px;
  bottom: 30px;
  display: none;
  width: 54px;
  height: 54px;
  content: '';
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: rgba(51, 51, 51, .4);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#backtop:hover {
  background: #333;
}

.viewBody {
  padding-top: 216px;
}

html body {
  font-family: 'Open Sans', sans-serif;
}

html body .navbar-fixed-top {
  top: 110px;
  margin-bottom: 0;
  border-color: #263c46;
  background-color: #263c46 !important;
}

html body .navbar-header a.navbar-brand {
  font-size: 22px;
  color: #f2f2f2 !important;
}

html body .navbar-header button.btnBarMenu {
  border: none;
}

html body .navbar-header button.btnBarMenu:hover,
html body .navbar-header button.btnBarMenu:focus {
  background-color: transparent;
}

html body .navbar-header i.barMenu {
  font-size: 22px;
  line-height: 16px;
  color: #f2f2f2;
}

html body .navbar-fixed-middle {
  position: fixed;
  z-index: 1031;
  top: 30px;
  width: 100%;
  height: 80px;
  margin-bottom: 0;
  background-color: #fff;
}

html body .navbar-fixed-middle .align-logo {
  margin-top: 20px;
  text-align: left;
}

html body .navbar-fixed-middle .logo p.baseline {
  font-size: 16px;
  line-height: 21px;
}

html body .navbar-fixed-middle .btnAbo {
  font-size: 16px;
  color: #263c46 !important;
  border-color: #263c46 !important;
  border-radius: 0;
  background-color: #f8f8f8 !important;
}

html body .navbar-fixed-middle .btnAbo i {
  font-size: 20px;
}

html body .navbar-fixed-middle .dropdown-menu {
  z-index: 999999999999999999 !important;
  right: 0 !important;
  left: unset;
}

html body .navbar-fixed-middle .dropdown-menu li {
  margin-bottom: 5px;
}

html body .navbar-fixed-middle .input-log {
  border-radius: 0;
  background-color: #fff !important;
}

html body .navbar-fixed-middle .btn-log {
  width: 100%;
}

html body .navbar-collapse a.page-scroll {
  font-size: 16px;
  font-weight: 300;
  color: #f2f2f2;
}

html body .navbar-collapse a.page-scroll:hover {
  color: #263c46;
  background-color: #fff !important;
}

html body .navbar-collapse a.page-scroll:focus {
  color: #263c46;
  background-color: #fff !important;
}

html body .navbar-collapse li.active a.page-scroll {
  background-color: #fff !important;
}

html body .navbar-collapse li.active a.page-scroll:hover {
  color: #263c46;
  background-color: #fff !important;
}

@media (max-width: 768px) {
  html body .navbar-fixed-top {
    top: 80px !important;
  }

  html body .navbar-fixed-middle {
    top: 0 !important;
  }

  html body .navbar-fixed-middle .btnAbo {
    font-size: 13px;
  }

  html body .navbar-fixed-middle .btnAbo i {
    font-size: 18px;
  }

  html body .navbar-fixed-middle .logo p.baseline {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (min-width: 768px) {
  html body .navbar-fixed-middle .logo p.baseline {
    padding-left: 10px !important;
  }
}

@media (min-width: 992px) {
  html body .navbar-fixed-middle .logo p.baseline {
    padding-left: 32px !important;
  }
}

@media (min-width: 1200px) {
  html body .navbar-fixed-middle .logo p.baseline {
    padding-left: 0 !important;
  }
}

.menuAbsolute {
  position: fixed;
  z-index: 106;
  z-index: 999999999999;
  top: 0;
  left: 0;
  width: 100%;
}

.menuAbsolute .navbar-fixed-top,
.menuAbsolute .menuWp {
  position: relative !important;
  top: 0 !important;
}

.menuAbsolute .menuWp {
  z-index: 5;
}

.menuAbsolute .navbar {
  margin-bottom: 0;
}

div#header1 {
  position: relative;
  top: 0;
}

.mega #megabanner iframe {
  background: rgba(0, 0, 0, .1);
}

.paddinGrille {
  padding: 0 65px !important;
}

#HeaderRowLogo a {
  font-size: 14px;
}

.wrap {
  padding: 30px;
}

div.footerGrid {
  margin-top: 30px !important;
}

@media (max-width: 1199px) {
  .paddinGrille {
    padding: 0 50px !important;
  }
}

@media (max-width: 991px) {
  .paddinGrille {
    padding: 0 25px !important;
  }
}

@media (max-width: 767px) {
  .global div.margeMenuWpp {
    margin-top: 40px !important;
  }
}
/* Menu les autres sites */
#HeaderRowLogo {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px !important;
  line-height: 30px;
  position: fixed;
  z-index: 1001;
  padding: 0 20px;
  cursor: pointer;
  color: #263c46;
  background-color: #f8f8f8;
}

#sitesRF {
  text-align: center;
}

#sitesBtn {
  text-decoration: none;
  color: #263c46;
}

#sitesBtn div {
  margin-top: 2px;
  margin-bottom: 2px;
}

.flecheSites {
  font-size: 35px;
  position: relative;
  position: absolute;
  z-index: 1000;
  top: 5px;
  left: 50%;
  height: 0;
  margin-left: -20px;
  color: #fff;
}

.chevron::before {
  position: relative;
  top: .15em;
  left: .15em;
  display: inline-block;
  width: .45em;
  height: .45em;
  margin-top: 10px;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  border-width: 1px 1px 0 0;
  border-style: solid;
}

.chevron2::before {
  position: relative;
  top: .15em;
  left: .15em;
  display: inline-block;
  width: .75em;
  height: .75em;
  margin: 15px 0 0 10px;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  border-width: 1px 1px 0 0;
  border-style: solid;
}

.chevron.bottom:before {
  top: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

#HeaderRowSite {
  position: relative;
  z-index: 1050;
  display: none;
  width: 100%;
  padding: 10px 0;
  background-color: rgba(38, 60, 70, .9);
    /*top:20px;*/
}

#HeaderRowSite .grilleSites {
  display: inline-block;
  width: 170px;
  margin: 0;
  text-align: center;
  color: #f2f2f2;
}

#HeaderRowSite .grilleSites p {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  margin: 5px 0 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #f2f2f2;
}

.grilleSites {
  margin: 0;
  padding: 20px;
  text-align: center;
}

.grilleSites img {
  -webkit-transition: all .7s ease-in-out 0s;
  transition: all .7s ease-in-out 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
    /*vertical-align: middle;
  border:0;
  position: relative;
  left:-45px; */
}

.grilleSites:hover img {
  z-index: 999999999;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

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

#HeaderRowSite #fermer {
  font-size: 16px;
  line-height: 35px;
  cursor: pointer;
  text-align: center;
  color: #e1e1e1;
}

#HeaderRowLogo {
  position: relative;
  z-index: 1050;
  top: 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}
/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
  width: 100%;
  height: 100%;
}

html {
  width: 100%;
  height: 100%;
}

@media (min-width: 767px) {
  .navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
  }

  .top-nav-collapse {
    padding: 0;
  }
}
/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */
.intro-section {
  text-align: center;
  background: #fff;
}

.about-section {
  text-align: center;
}

.services-section {
  text-align: center;
  background: #fff;
}

.contact-section {
  text-align: center;
  background: #fff;
}

.tarifs-section {
  text-align: center;
  background: #fff;
}

.about-section,
.contact-section,
.services-section,
.tarifs-section {
  padding-top: 0;
  text-align: center;
}

p#intro,
p#about,
p#services,
p#contact,
p#price {
  position: relative;
  top: -150px;
}

@media (max-width: 768px) {
  html body p#intro,
    html body p#about,
    html body p#services,
    html body p#contact,
    html body p#price {
    position: relative;
    top: -120px;
  }
}

html body #headerwrap {
  width: 100%;
  min-height: 650px;
  margin-top: -50px;
  padding-top: 120px;
  text-align: center;
  background: url('/images/header_bg1.jpg') no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  background-size: 100%;
  background-size: cover;
}

html body #headerwrap .scroll {
  font-size: 60px;
}

html body #headerwrap h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 100px;
  font-weight: 700;
  margin-top: 160px;
  padding-bottom: 30px;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}

html body #headerwrap p {
  font-family: 'Raleway', sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  margin-left: 15px;
  text-align: center;
  letter-spacing: 3px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

html body #greywrap {
  margin-top: 0;
  padding: 40px 0 0 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
}

html body #greywrap .callout {
  margin-bottom: 20px;
}

html body #greywrap .callout h1,
html body #greywrap .callout h2,
html body #greywrap .callout h3,
html body #greywrap .callout h4,
html body #greywrap .callout h5,
html body #greywrap .callout h6 {
  font-family: 'Raleway';
  font-weight: 300;
  color: #333;
}

html body #greywrap .callout p {
  margin-right: 30px;
  margin-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 1px;
}

html body #greywrap .callout i {
  font-size: 60px;
  line-height: 22px;
  margin-bottom: 10px;
}

html body section hr {
  position: relative;
  display: block;
  height: 1px;
  border: none;
}

html body section hr:before {
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: 2px;
  content: ' ';
  background: #ccc;
}

html body section h1 {
  font-family: 'raleway';
  font-size: 36px;
  font-weight: 300;
  padding-top: 35px;
  text-transform: uppercase;
}

html body section h2 {
  font-family: 'raleway';
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
  text-transform: uppercase;
  color: #263c46;
}

html body section p {
  font-size: 16px;
  line-height: 28px;
}

html body section ul {
  margin: 0;
  padding: 0 0 0 20px;
}

html body section ul li {
  font-size: 16px;
}

html body .divider2 {
  background-image: url('/images/bgdownload.jpg');
}

html body .section-divider {
  z-index: 999;
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-height: 450px;
  margin-top: 45px;
  padding-top: 30px;
  padding-bottom: 70px;
  text-align: center;
  border-bottom: 2px solid #e6eaed;
  background-attachment: relative;
  background-position: center center;
  background-size: 100%;
  background-size: cover;
  -ms-box-sizing: border-box;
}

html body .section-divider .container {
  padding-bottom: 40px;
}

html body .textdivider h1 {
  font-size: 40px;
  padding-top: 0;
  color: white;
}

html body .textdivider p {
  font-size: 25px;
  color: white;
}

html body .btn-home {
  font-size: 20px;
  font-weight: 300;
  padding: 15px 100px;
  border: 1px solid #fff;
}

html body .btn-home:hover {
  border: 1px solid #fff;
}

html body [class^='hvr-'] {
  font-size: 20px;
  margin: .4em;
  padding: .8em 4.2em;
  cursor: pointer;
  text-decoration: none;
  color: #263c46;
  background: #e30613;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 768px) {
  html body #headerwrap h1 {
    font-size: 60px !important;
  }
}

html body #tarifs .plan-container {
  position: relative;
  top: 0;
  width: 100%;
  margin: 30px auto;
  -webkit-transition: all 1s;
  transition: all 1s;
  border-radius: 5px;
  background-color: #fff;
}

html body #tarifs .plan-container .plan-header {
  padding: 50px 0;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background-color: #e30613;
}

html body #tarifs .plan-container .plan-header .icon-box {
  margin: 0 auto;
}

html body #tarifs .plan-container .plan-header .icon-box .icon {
  font-size: 3.125em;
  color: #447f71;
}

html body #tarifs .plan-container .plan-header h2 {
  font-weight: lighter;
  margin: 0;
  padding-top: .625em;
  color: #fff;
}

html body #tarifs .plan-container .plan-header p {
  margin: 0;
  color: #f8f8f8;
}

html body #tarifs .plan-container .plan-details {
  margin: 0 auto;
  padding: 60px;
  background-color: #f5f5f5;
}

html body #tarifs .plan-container .plan-details ul {
  padding-left: 0;
  list-style: none;
}

html body #tarifs .plan-container .plan-details ul li {
  font-weight: bold;
  padding: 14px 0;
  color: #5f5f5f;
  border-top: 1px solid #ccc;
}

html body #tarifs .plan-container .plan-details ul li span {
  font-weight: lighter;
  color: #777;
}

html body #tarifs .plan-container .plan-details ul li:last-child {
  border-bottom: 1px solid #ccc;
}

html body #tarifs .plan-container .plan-details p {
  font-size: 12px;
  line-height: 1.8;
  margin: 2em 0;
  padding: 1.25em;
  color: #263c46;
  background-color: #fff;
}

html body #tarifs .plan-container .plan-details .button {
  display: block;
  width: 100%;
  padding: 20px 28px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 0;
  background-color: #e30613;
}

html body #tarifs .plan-container .plan-details .button:hover {
  background-color: #8e0b13;
}

html body #tarifs .plan-container:hover {
  position: relative;
  top: -10px;
  cursor: pointer;
  -webkit-transition: top 1s;
  transition: top 1s;
}

html body section#footer .footer1 {
  font-size: 14px;
  padding: 15px;
  text-align: center;
  color: #111;
  background: #fff;
}

html body section#footer .footer1 a {
  display: inline-block;
  margin: 0 10px;
  color: #111;
}

@media (max-width: 767px) {
  html body section#footer .footer1 a {
    display: block;
    padding: 5px;
  }
}

html body section#footer .footer2 {
  padding: 5px;
  text-align: center;
  background: #f2f2f2;
}

html body section#footer .footer3 {
  padding-bottom: 30px;
  color: #f2f2f2;
  background: #263c46;
}

html body section#footer .footer3 .btnRS {
  font-size: 40px;
  line-height: 70px;
  width: 70px;
  height: 70px;
  margin: 30px auto 0 auto;
  -webkit-transition: background .25s ease-in-out;
  transition: background .25s ease-in-out;
  text-align: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

html body section#footer .footer3 .btnRS a {
  color: #66747f;
}

@media (max-width: 767px) {
  html body section#footer .footer3 .btnRS {
    font-size: 25px;
    line-height: 60px;
    width: 60px;
    height: 60px;
  }
}

html body section#footer .footer3 .lk {
  background: #1d2e35;
}

html body section#footer .footer3 .lk:hover {
  background: #0078b5;
}

html body section#footer .footer3 .lk:hover a {
  color: #f2f2f2;
}

html body section#footer .footer3 .tw {
  background: #1d2e35;
}

html body section#footer .footer3 .tw:hover {
  background: #00abf0;
}

html body section#footer .footer3 .tw:hover a {
  color: #f2f2f2;
}

html body section#footer .footer3 .fb {
  background: #1d2e35;
}

html body section#footer .footer3 .fb:hover {
  background: #3a589e;
}

html body section#footer .footer3 .fb:hover a {
  color: #f2f2f2;
}

html body section#footer .footer3 .gg {
  background: #1d2e35;
}

html body section#footer .footer3 .gg:hover {
  background: #dc4b38;
}

html body section#footer .footer3 .gg:hover a {
  color: #f2f2f2;
}

html body section#footer .footer3 .titreFooter {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

html body section#footer .footer3 .lienFooter {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

html body section#footer .footer3 .lienFooter a {
  color: #f2f2f2;
}

html body section#footer .footer3 .lienFooter a:hover {
  text-decoration: underline;
}

html body section#footer .footer3 .blockFooter {
  margin-top: 30px;
}

@media (max-width: 767px) {
  html body section#footer .footer3 .blockFooter {
    display: block;
    min-height: auto;
    text-align: center;
  }
}

html body section#footer .footer3 .minHeight {
  min-height: 185px;
}

@media (max-width: 767px) {
  html body section#footer .footer3 .minHeight {
    min-height: auto;
  }
}

html body section#incContact {
  font-size: 16px;
  text-align: center;
  background: #e30613;
}

html body section#incContact a {
  font-size: 20px;
  line-height: 100px;
  position: relative;
  display: block;
  padding-left: 30px;
  text-align: center;
  color: #f2f2f2;
}

html body section#incContact a:before {
  font-family: 'Fontello';
  font-size: 2em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -115px;
  content: '\e80c';
}

html body section#incContact a:hover {
  text-decoration: none;
  color: #111;
  background: #e5e5e5;
}

html body #thematiques .pre-scrollable {
  max-height: 600px;
  margin-top: 30px;
  padding: 15px;
  background-color: #f2f2f2;
}

html body #thematiques .pre-scrollable ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html body #thematiques .pre-scrollable ul li {
  margin: 0;
  padding: 0;
}

html body #thematiques .pre-scrollable ul li:first-letter {
  font-size: 20px;
}

html body #thematiques .pre-scrollable ul li {
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  text-transform: uppercase;
}

html body #thematiques .pre-scrollable ul li li:first-letter {
  font-size: 18px;
}

html body #thematiques .pre-scrollable ul li li {
  font-size: 16px;
  margin-top: 0;
  padding-left: 30px;
  text-transform: none;
}

html body #thematiques .pre-scrollable ul li li li:first-letter {
  font-size: 16px;
}

html body #thematiques .pre-scrollable ul li li li li:first-letter {
  font-size: 14px;
  font-sze: 20px;
}

html body #thematiques .pre-scrollable ul li span {
  font-size: 14px;
  font-weight: 300;
}

html body #bg {
  position: fixed;
  z-index: -1;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}

html body #bg img {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 50%;
  min-height: 50%;
  margin: auto;
}

html body #forgetPasswordForm {
  padding-top: 200px;
}

html body #forgetPasswordForm .bloc-conteneur-sansBg {
  font-weight: 400;
  position: relative;
  padding: 15px!important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

html body #forgetPasswordForm .pastilleIcon.dark {
  color: #f2f2f2;
  background: #263c46;
}

html body #forgetPasswordForm .pastilleIcon {
  font-size: 40px;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  border-radius: 35px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

html body #forgetPasswordForm .pastilleIcon .icon-group-lock:before {
  margin-top: 15px;
  margin-left: 15px;
}

html body #forgetPasswordForm .bloc-conteneur-titre1 h1 {
  font-family: Raleway, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
  text-align: center;
  color: #111;
  text-shadow: 1px 1px 1px #fef;
}

html body #forgetPasswordForm .divider {
  position: relative;
  width: 100%;
  height: 1px;
  background: #fff;
}

html body #forgetPasswordForm .pastilleDivider {
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  color: #111;
  border-radius: 20px;
  background: #eee;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

html body #forgetPasswordForm .pastilleDivider .icon-chevron-down:before {
  margin-top: 10px;
  margin-left: 11px;
}

html body #forgetPasswordForm .btn-log {
  width: 100%;
}

html body .opacity {
  background-color: rgba(255, 255, 255, .7);
}

html {
  height: 100%;
}

html body {
  position: relative;
  overflow-x: hidden;
  height: 100%;
    /*-------------------------------*/
    /*           Wrappers            */
    /*-------------------------------*/
    /*-------------------------------*/
    /*     Sidebar nav styles        */
    /*-------------------------------*/
    /*-------------------------------*/
    /*       Hamburger-Cross         */
    /*-------------------------------*/
    /*-------------------------------*/
    /*            Overlay            */
    /*-------------------------------*/
}

html body .nav .open > a,
html body .nav .open > a:hover,
html body .nav .open > a:focus {
  background-color: transparent;
}

html body #wrapper {
  padding-top: 160px;
  padding-left: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

html body #wrapper h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

html body #wrapper.toggled {
  padding-left: 300px;
}

html body #sidebar-wrapper {
  z-index: 1000;
  left: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 0;
  height: 100%;
  margin-left: -300px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background: #1a1a1a;
}

html body #sidebar-wrapper .panel-default {
  border: none;
  background-color: #f5f5f5;
}

html body #sidebar-wrapper .panel-default .panel-body {
  color: #f2f2f2;
}

html body #sidebar-wrapper .panel-default .panel-body input,
html body #sidebar-wrapper .panel-default .panel-body select,
html body #sidebar-wrapper .panel-default .panel-body button {
  border-radius: 0;
}

html body #sidebar-wrapper .panel-default .panel-body .btn-primary {
  border-color: #e30613;
  background-color: #e30613;
}

html body #sidebar-wrapper div.search-sidebar {
  width: 90%;
  margin: auto;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}

html body #sidebar-wrapper div.search-sidebar .panel {
  margin-bottom: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html body #sidebar-wrapper div.search-sidebar .panel-body {
  padding: 0;
}

html body #sidebar-wrapper div.search-sidebar .form {
  font-size: 12px;
  color: #263c46;
}

html body #sidebar-wrapper div.search-sidebar div.form-group:last-child {
  height: 15px;
}

html body #sidebar-wrapper div#tree_container {
  margin-top: 20px;
  padding-left: 20px;
}

html body #sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

html body #wrapper.toggled #sidebar-wrapper {
  width: 300px;
  padding-bottom: 200px;
}

html body #page-content-wrapper {
  width: 100%;
  min-height: 660px;
  padding-top: 70px;
}

html body #wrapper.toggled #page-content-wrapper {
  margin-right: -420px;
}

html body div#tree_container i.jstree-ocl {
  display: none;
}

html body div#tree_container a {
  font-weight: 300;
  color: #f2f2f2;
}

html body .jstree-default .jstree-icon,
html body .jstree-default .jstree-node {
  background-image: none;
}

html body .jstree-default .jstree-icon:empty {
  width: 0;
  height: 0;
}

html body .jstree-default > ul > li > a {
  font-size: 16px;
  text-transform: uppercase;
}

html body .jstree-default > ul > li:hover,
html body .jstree-default > ul > li.jstree-open {
  background-color: #1a2930;
}

html body .jstree-default > ul > li > ul > li > a {
  font-size: 16px;
}

html body .jstree-default > ul > li > ul > li:hover,
html body .jstree-default > ul > li > ul > li.jstree-open {
  background-color: #121c22;
}

html body .jstree-default > ul > li > ul > li > ul > li:hover,
html body .jstree-default > ul > li > ul > li > ul > li.jstree-open {
  background-color: #060a0d;
}

html body li.item:hover,
html body li a.jstree-clicked.item {
  background-color: #e30613 !important;
}

html body .jstree-default .jstree-clicked,
html body .jstree-default .jstree-hovered {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html body #tree_container > ul > li,
html body #tree_container > ul > li > ul > li,
html body #tree_container > ul > li > ul > li > ul > li,
html body #tree_container > ul > li > ul > li > ul > li > ul > li {
  padding: 8px 5px 8px 5px;
}

html body .top-sb {
  top: 160px;
}

html body .sidebar-nav {
  position: absolute;
  top: 150px;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html body .sidebar-nav li {
  line-height: 20px;
  position: relative;
  display: inline-block;
  width: 100%;
}

html body .sidebar-nav li:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  content: '';
  -webkit-transition: width .2s ease-in;
  transition: width .2s ease-in;
  background-color: #1c1c1c;
}

html body .sidebar-nav li:hover:before,
html body .sidebar-nav li.open:hover:before {
  width: 100%;
  -webkit-transition: width .2s ease-in;
  transition: width .2s ease-in;
}

html body .sidebar-nav li a {
  display: block;
  padding: 10px 15px 10px 30px;
  text-decoration: none;
  color: #ddd;
}

html body .sidebar-nav li a:hover,
html body .sidebar-nav li a:active,
html body .sidebar-nav li a:focus,
html body .sidebar-nav li.open a:hover,
html body .sidebar-nav li.open a:active,
html body .sidebar-nav li.open a:focus {
  text-decoration: none;
  color: #fff;
  background-color: transparent;
}

html body .sidebar-nav > .sidebar-brand {
  font-size: 20px;
  line-height: 44px;
  height: 65px;
}

html body .sidebar-nav .dropdown-menu {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #222;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html body .hamburger {
  position: fixed;
  z-index: 999;
  top: 180px;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  border: none;
  background: transparent;
}

html body .hamburger:hover,
html body .hamburger:focus,
html body .hamburger:active {
  outline: none;
}

html body .hamburger.is-closed:before {
  font-size: 14px;
  line-height: 32px;
  display: block;
  width: 100px;
  content: '';
  -webkit-transition: all .35s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 0;
  color: #fff;
}

html body .hamburger.is-closed:hover:before {
  display: block;
  -webkit-transition: all .35s ease-in-out;
  -webkit-transform: translate3d(-100px, 0, 0);
  opacity: 1;
}

html body .hamburger.is-closed .hamb-top,
html body .hamburger.is-closed .hamb-middle,
html body .hamburger.is-closed .hamb-bottom,
html body .hamburger.is-open .hamb-top,
html body .hamburger.is-open .hamb-middle,
html body .hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
}

html body .hamburger.is-closed .hamb-top,
html body .hamburger.is-closed .hamb-middle,
html body .hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}

html body .hamburger.is-closed .hamb-top {
  top: 5px;
  -webkit-transition: all .35s ease-in-out;
}

html body .hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}

html body .hamburger.is-closed .hamb-bottom {
  bottom: 5px;
  -webkit-transition: all .35s ease-in-out;
}

html body .hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}

html body .hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}

html body .hamburger.is-open .hamb-top,
html body .hamburger.is-open .hamb-middle,
html body .hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}

html body .hamburger.is-open .hamb-top,
html body .hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}

html body .hamburger.is-open .hamb-top {
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
  -webkit-transform: rotate(45deg);
}

html body .hamburger.is-open .hamb-middle {
  display: none;
}

html body .hamburger.is-open .hamb-bottom {
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
  -webkit-transform: rotate(-45deg);
}

html body .hamburger.is-open:before {
  font-size: 14px;
  line-height: 32px;
  display: block;
  width: 100px;
  content: '';
  -webkit-transition: all .35s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 0;
  color: #fff;
}

html body .hamburger.is-open:hover:before {
  display: block;
  -webkit-transition: all .35s ease-in-out;
  -webkit-transform: translate3d(-100px, 0, 0);
  opacity: 1;
}

html body .overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(250, 250, 250, .8);
}

html body {
  font-size: 16px !important;
  background-color: #f5f5f5;
    /* articles */
}

html body div#modele-sommaire {
  padding-top: 170px;
  color: #333;
}

html body div.contain-sommaire {
  min-height: 400px;
  margin-top: 30px;
  padding: 15px;
  background-color: #fff;
}

html body div.contain-sommaire ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html body div.contain-sommaire ul li {
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 0;
  padding: 0;
  text-transform: uppercase;
}

html body div.contain-sommaire ul li li {
  font-size: 16px;
  margin-top: 0;
  padding-left: 30px;
  text-transform: none;
}

html body div.contain-sommaire ul li li a {
  font-size: 14px;
  font-weight: 300;
  color: #333;
}

html body div#modele-article {
  margin-top: 30px;
  padding: 15px;
  background-color: #fff;
}

html body div#modele-article #modele-doc-telecharger {
  float: right;
  clear: left;
}

html body div#modele-article #modele-doc-telecharger a {
  text-decoration: underline;
  color: #333;
}

html body div#modele-article .container-fluid {
  clear: both;
  margin-top: 40px;
}

html body div#modele-article .container-fluid p.titre_article_actu {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #e30613;
}

html body div#modele-article .container-fluid .desclvl1 {
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 20px 0;
  text-transform: uppercase;
  border-bottom: none;
}

html body div#modele-article .container-fluid .desclvl2 {
  font-size: 24px;
  font-weight: 400;
  margin: 20px 0 20px 0;
  text-transform: uppercase;
}

html body div#modele-article .container-fluid .desclvl4 {
  font-weight: 400;
}

html body div#modele-article .container-fluid .texte_article_enum,
html body div#modele-article .container-fluid .texte_article {
  font-weight: 300;
  margin-top: 10px !important;
}

html body div#modele-article .container-fluid a.lien_renvoi {
  font-weight: 300;
  text-decoration: underline;
  color: #333;
}

html body div#modele-article .container-fluid a:hover.lien_renvoi {
  text-decoration: none;
}

html body div#modele-article .container-fluid .date_article {
  font-weight: 300;
}

html body div#modele-article .container-fluid .texte_article_att {
  font-weight: 300;
  font-style: italic;
  margin: 10px 0 0 0;
  padding: 0;
  color: #333;
}

html body div#modele-article .container-fluid .texte_article_att_enum {
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #333;
  color: #8e0b13;
}

html body div#modele-article .container-fluid .headerLetter {
  font-weight: 300;
  margin-top: 30px;
  border-top: 1px dashed #333;
}

html body div#modele-article .container-fluid .headerLetter table {
  margin-top: 20px;
}

html body div#modele-article .container-fluid a.light {
  font-weight: 300;
  text-decoration: underline;
  color: #333;
}

html body div#modele-article .container-fluid a.light:hover {
  text-decoration: none;
}

html body div#modele-article .container-fluid .footerLetter {
  font-weight: 300;
}

html body div#modele-article .container-fluid .letterSign {
  margin-bottom: 30px;
}

html body div#modele-article .container-fluid .variante {
  margin: 10px 10px 20px 10px;
}

html body div#modele-article .container-fluid .exp {
  margin-top: 20px;
}

html body div#modele-article .container-fluid a.footnote,
html body div#modele-article .container-fluid div.footnotes ul li a {
  color: #fff;
  border-radius: 50%;
  background-color: #e30613;
}

html body div#modele-article .container-fluid div.footnotes {
  font-size: 14px;
  font-weight: 300;
  border-top: 5px solid #f5f5f5;
  border-bottom: none;
}

html body div#modele-article .container-fluid div.footnotes ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

html body div#modele-article .container-fluid .variante {
  padding: 10px;
  border: 1px solid #ccc;
}

html body div#modele-article #afficheArticleHierarchie ul {
  display: inline-block;
  margin: 5px;
  padding: 0;
  list-style: none;
}

html body div#modele-article #afficheArticleHierarchie a:after {
  content: ' > ';
}

html body div#modele-article #afficheArticleHierarchie a:last-child:after {
  content: '';
}

html body div#modele-article #afficheArticleHierarchie a {
  text-decoration: none;
  color: #333;
}

html body div#modele-article #afficheArticleHierarchie a:hover {
  text-decoration: underline;
}

html body .bold {
  font-weight: 600;
}

html body .txtGreen {
  color: #e30613;
}

html body .padding-15 {
  padding: 15px;
}

html body .badge {
  background-color: #e30613;
}

html body #contain_recherche {
  padding-top: 170px;
  color: #333;
}

html body #contain_recherche .alert-heading {
  color: #333;
}

html body #contain_recherche .show {
  opacity: 1!important;
}

html body #contain_recherche .contain_centre {
  background-color: #fff;
}

html body #contain_recherche .contain-bandeau-rec {
  min-height: 310px;
}

html body #contain_recherche #query {
  margin-bottom: 30px;
}

html body #contain_recherche #query .form-control {
  margin-bottom: 15px;
  border-radius: 0;
}

html body #contain_recherche .resultSearch a {
  color: #263c46;
}

html body #contain_recherche .resultSearch .nocut {
  width: 105px;
    /* à adapter selon vos contraintes */
  table-layout: fixed;
}

html body #contain_recherche .pagination > li > a {
  color: #e30613;
}

html body #contain_recherche .pagination > .active > a,
html body #contain_recherche .pagination > .active > a:focus,
html body #contain_recherche .pagination > .active > a:hover,
html body #contain_recherche .pagination > .active > span,
html body #contain_recherche .pagination > .active > span:focus,
html body #contain_recherche .pagination > .active > span:hover {
  color: #fff;
  border-color: #e30613;
  background-color: #e30613;
}

html body #contain_recherche .contain-form {
  padding-top: 50px;
  padding-bottom: 50px;
  background: url('/images/header_bg1.jpg') no-repeat right -544px;
}

html body #contain_recherche .contain-form form.form-horizontal {
  width: 80%;
  margin: 0 auto;
  padding: 20px 20px;
  text-align: right;
  color: #2e8a8a;
  background-color: rgba(38, 60, 70, .5);
}

html body #contain_recherche .contain-form form.form-horizontal select.form-control,
html body #contain_recherche .contain-form form.form-horizontal input.form-control,
html body #contain_recherche .contain-form form.form-horizontal .btn {
  border-radius: 0;
}

html body #contain_recherche .contain-form form.form-horizontal select.form-control {
  margin-top: 5px;
}

html body #contain_recherche .contain-form form.form-horizontal .checkbox {
  color: #fff;
}

html body #contain_recherche .contain-form form.form-horizontal .btn {
  margin-top: 30px;
  color: #fff;
  border: none;
  border: 1px #e30613 solid;
  background-color: #e30613;
}

html body #contain_recherche .contain-form form.form-horizontal .btn:hover,
html body #contain_recherche .contain-form form.form-horizontal .btn:focus,
html body #contain_recherche .contain-form form.form-horizontal .btn:active {
  border: 1px #fff solid;
}

html body #contain_recherche .contain-form form.form-horizontal .form-check-inline {
  display: inline-block;
  margin-top: 15px;
  margin-left: 45px;
  color: #fff;
}

html body #contain_recherche .contain-form form.form-horizontal .form-check-inline label {
  font-weight: 400;
}

html body #contain_recherche .contain-form form.form-horizontal .form-check-inline input {
  position: absolute;
  left: -9999px;
}

html body #contain_recherche .contain-form form.form-horizontal .radio-grf:before {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: -24px;
  content: '';
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  background: #efefef;
}

html body #contain_recherche .contain-form form.form-horizontal input[type=radio]:checked + .radio-grf:after {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -17px;
  margin-left: -21px;
  content: '';
  border: 1px solid #e1e1e1;
  border-radius: 7px;
  background: #e30613;
}

html body #contain_recherche .nbr-results {
  margin-top: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #e30613;
}

html body div#chg {
  display: inline-block;
  margin-bottom: 50px;
}

html body .lds-default {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
}

html body .lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  -webkit-animation: lds-default 1.2s linear infinite;
          animation: lds-default 1.2s linear infinite;
  border-radius: 50%;
  background: #fff;
  background-color: #263c46;
}

html body .lds-default div:nth-child(1) {
  top: 29px;
  left: 53px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

html body .lds-default div:nth-child(2) {
  top: 18px;
  left: 50px;
  -webkit-animation-delay: -.1s;
          animation-delay: -.1s;
}

html body .lds-default div:nth-child(3) {
  top: 9px;
  left: 41px;
  -webkit-animation-delay: -.2s;
          animation-delay: -.2s;
}

html body .lds-default div:nth-child(4) {
  top: 6px;
  left: 29px;
  -webkit-animation-delay: -.3s;
          animation-delay: -.3s;
}

html body .lds-default div:nth-child(5) {
  top: 9px;
  left: 18px;
  -webkit-animation-delay: -.4s;
          animation-delay: -.4s;
}

html body .lds-default div:nth-child(6) {
  top: 18px;
  left: 9px;
  -webkit-animation-delay: -.5s;
          animation-delay: -.5s;
}

html body .lds-default div:nth-child(7) {
  top: 29px;
  left: 6px;
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s;
}

html body .lds-default div:nth-child(8) {
  top: 41px;
  left: 9px;
  -webkit-animation-delay: -.7s;
          animation-delay: -.7s;
}

html body .lds-default div:nth-child(9) {
  top: 50px;
  left: 18px;
  -webkit-animation-delay: -.8s;
          animation-delay: -.8s;
}

html body .lds-default div:nth-child(10) {
  top: 53px;
  left: 29px;
  -webkit-animation-delay: -.9s;
          animation-delay: -.9s;
}

html body .lds-default div:nth-child(11) {
  top: 50px;
  left: 41px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

html body .lds-default div:nth-child(12) {
  top: 41px;
  left: 50px;
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

@-webkit-keyframes lds-default {
  0%,
    20%,
    80%,
    100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes lds-default {
  0%,
    20%,
    80%,
    100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

html body .page-results .txtGreen a {
  color: #e30613;
}

html body .page-results #s_result {
  margin-top: 15px;
  background-color: #fff;
}

html body .page-results #accordion {
  position: relative;
}

html body .page-results .detail_recherche {
  margin-bottom: 10px;
}

html body .page-results .dropdown-search {
  margin-top: -12px;
}

html body .page-results .results:nth-child(even) {
  background-color: #f3f5f5!important;
}

html body .page-results .results:nth-child(odd) {
  background-color: #fff!important;
}

html body .page-results .results .badge-green {
  font-size: 14px;
  font-weight: 300;
  border-color: #e30613 !important;
}

html body .page-results .results p.sourceDates {
  font-size: 14px;
  padding: 5px 0 0 5px;
}

html body .page-results .results p.sourceDates .date-results {
  font-weight: 600;
  font-style: italic;
  text-transform: capitalize;
}

html body .page-results .results p.sourceDates span.bgGreen:first-child {
  padding: 2px 15px;
  color: #333;
  border: 2px solid #006e49;
  background-color: #fff;
}

html body .page-results .nav-results {
  color: #333;
  border-bottom: 1px solid #006e49;
}

html body .page-results .nav-results button.btPlus {
  font-size: 14px;
  margin-top: 5px;
  padding: 6px 16px!important;
  color: #333;
  border: 0;
  background-color: transparent;
}

html body .page-results .nav-results button.btPlus:not(:disabled):not(.disabled):active {
  color: #333;
  border: 0;
  background-color: transparent;
}

html body .page-results .nav-results button.btPlus:focus {
  color: #333;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media all and (max-width: 992px) {
  html body .page-results .nav-results {
    position: relative;
    overflow-x: scroll;
    overflow-y: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media all and (max-width: 992px) {
  html body .page-results #ffacets {
    position: relative;
  }

  html body .page-results #ffacets #ffacets-left {
    font-family: fontello;
    line-height: 25px;
    position: absolute;
    top: 25px;
    left: 0;
    display: block;
    width: 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    color: #000;
    speak: none;
    -webkit-font-smoothing: antialiased;
  }

  html body .page-results #ffacets #ffacets-left::after {
    font-size: 30px;
    position: relative;
    left: -18px;
    content: '\E816';
    color: #006e49;
  }

  html body .page-results #ffacets #ffacets-right {
    font-family: fontello;
    line-height: 25px;
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 0;
    color: #000;
    speak: none;
    -webkit-font-smoothing: antialiased;
  }

  html body .page-results #ffacets #ffacets-right::after {
    font-size: 30px;
    position: relative;
    right: 18px;
    content: '\E816';
    color: #006e49;
  }
}

html body .page-results .nav-results a {
  color: #333;
}

html body .page-results .nav-results a:focus {
  outline: none;
}

html body .page-results .nav-results .nav-link.active {
  font-weight: 700;
  color: #333;
  border-bottom: 2px solid #006e49;
  border-radius: 0;
  background-color: #fff;
}

html body .page-results .nav-results .dropdownPlus button {
  font-size: 14px;
  margin-top: 10px;
  padding: 0;
  color: #333;
  border-color: transparent;
  background-color: transparent;
}

html body .page-results .nav-results .dropdownPlus .dropdown-menu {
  right: auto;
  left: 0;
  border-radius: 0;
}

html body .page-results .nav-results .dropdownPlus.show .dropdown-menu {
  display: block!important;
}

html body .page-results .nav-results .dropdownPlus button:active,
html body .page-results .nav-results .dropdownPlus button.active,
html body .page-results .nav-results .dropdownPlus button:active:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

html body .page-results .nav-results .dropdownPlus button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

html body .page-results .nav-results .dropdownPlus button:active {
  color: #333;
  border-color: transparent;
  background-color: transparent;
}

html body .page-results .nav-results .dropdownPlus .dropdown-menu {
  margin-top: 4px;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

html body .page-results .nav-results .dropdown-item:hover,
html body .page-results .dropdown-item:focus {
  color: #fff;
}

html body .page-results .nav-results .nav-item {
  float: left;
  margin: 0 5px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

html body .page-results .nav-results > li > a {
  margin-top: 5px;
  padding: 6px 16px!important;
  text-overflow: ellipsis;
}

html body .page-results .domaines .btn {
  width: 116px;
  padding: 2px 6px!important;
  opacity: .80;
  border: 1px solid #cdd0d2;
  background-color: #cdd0d2!important;
}

html body .page-results .domaines .btn:disabled {
  background-color: #fff !important;
}

html body .page-results .domaines .active-facet {
  opacity: 1!important;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
}

html body .page-results .bfsouscategories .active-facet {
  opacity: 1!important;
  border: 1px solid #fff!important;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
}

html body .page-results .bfsouscategories .btn {
  min-width: 128px;
  padding: 2px 6px!important;
  opacity: .80;
  border: 1px solid #006e49;
  background-color: #006e49!important;
}

html body .page-results .bfsouscategories .btn:disabled {
  opacity: .65!important;
  color: #006e49;
  border: 1px solid #006e49;
  background-color: #fff !important;
}

@media (max-width: 992px) {
  html body .page-results .thematique > .btn {
    width: 110px!important;
    margin: 0 2px;
  }

  html body .page-results #s_result iframe {
    width: 450px;
  }
}

@media (max-width: 767px) {
  html body .page-results .thematique > .btn {
    width: 100%!important;
    margin: 0!important;
    border-bottom: 1px solid #fff;
  }

  html body .page-results .thematique > .btn:disabled {
    display: none;
  }

  html body .page-results .nav-results .ffacet_categorie {
    width: auto;
    margin: 0;
  }

  html body .page-results .nav-results .nav-link.active {
    border-bottom: none;
  }

  html body .page-results .nav-results .ffacet_categorie.activeli {
    border-bottom: 2px solid #006e49;
  }

  html body .page-results #s_result iframe {
    width: 372px!important;
  }
}

html body .page-results div#chg {
  display: inline-block;
  margin-bottom: 50px;
}

html body .page-results .lds-default {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
}

html body .page-results .lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  -webkit-animation: lds-default 1.2s linear infinite;
          animation: lds-default 1.2s linear infinite;
  border-radius: 50%;
  background: #fff;
  background-color: #263c46;
}

html body .page-results .lds-default div:nth-child(1) {
  top: 29px;
  left: 53px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

html body .page-results .lds-default div:nth-child(2) {
  top: 18px;
  left: 50px;
  -webkit-animation-delay: -.1s;
          animation-delay: -.1s;
}

html body .page-results .lds-default div:nth-child(3) {
  top: 9px;
  left: 41px;
  -webkit-animation-delay: -.2s;
          animation-delay: -.2s;
}

html body .page-results .lds-default div:nth-child(4) {
  top: 6px;
  left: 29px;
  -webkit-animation-delay: -.3s;
          animation-delay: -.3s;
}

html body .page-results .lds-default div:nth-child(5) {
  top: 9px;
  left: 18px;
  -webkit-animation-delay: -.4s;
          animation-delay: -.4s;
}

html body .page-results .lds-default div:nth-child(6) {
  top: 18px;
  left: 9px;
  -webkit-animation-delay: -.5s;
          animation-delay: -.5s;
}

html body .page-results .lds-default div:nth-child(7) {
  top: 29px;
  left: 6px;
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s;
}

html body .page-results .lds-default div:nth-child(8) {
  top: 41px;
  left: 9px;
  -webkit-animation-delay: -.7s;
          animation-delay: -.7s;
}

html body .page-results .lds-default div:nth-child(9) {
  top: 50px;
  left: 18px;
  -webkit-animation-delay: -.8s;
          animation-delay: -.8s;
}

html body .page-results .lds-default div:nth-child(10) {
  top: 53px;
  left: 29px;
  -webkit-animation-delay: -.9s;
          animation-delay: -.9s;
}

html body .page-results .lds-default div:nth-child(11) {
  top: 50px;
  left: 41px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

html body .page-results .lds-default div:nth-child(12) {
  top: 41px;
  left: 50px;
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

@keyframes lds-default {
  0%,
    20%,
    80%,
    100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

html body .page-results .info {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

html body .page-results .info button:focus {
  outline: 0!important;
}

html body .page-results .info button.close {
  top: -2px;
  right: -10px;
}

html body .page-results .info .info {
  cursor: pointer;
  text-decoration: underline;
  text-transform: lowercase;
}

html body .page-results #fresultshitstotal {
  padding: 15px;
  color: #9a9b9c;
}