/*PREMIUMBASE*/


/*Import Fonts*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
/*GENERAL*/
:root{
    --bleu: #006fb7;
    --bleuclair: #8bbfe4;
}
body {
    font-family: 'Poppins', sans-serif;}

.moteur {
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  background-color: rgba(0, 111, 183, 0.0);
}


.deco:after, .page-heading:after{
  content: "";
  display: block;
  position: relative;
  background: var(--bleu);
  height: 2px;
  width: 100%;
  margin: 14px auto 24px auto;
}
.h50{
width: 100%;
height: 50px
}

.sidebar {
  margin-top: 0px;
}
.btn {
    border-radius: 0;
}
.btn-primary {
  color: #fff;
  background-color: var(--bleu);
  border-color: var(--bleu);
  transition: all 0.2s ease
}
.btn-primary:hover {
  color: var(--bleu);
  background-color: var(--bleuclair);
  border-color: var(--bleuclair);
  transition: all 0.5s ease

}
.home_heading {
  font-size: 28px;
  text-align: left;
  color: var(--bleu);
  font-weight: 900

}

.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: var(--bleu);
    height: 2px;
    width: 100%;
    margin: 14px auto 24px auto;
}




/*BIENS  ACCUEIL*/
.prod_accueil article {
  border: 1px solid var(--bleu);
  width: calc(33.3% - 20px);
  margin: 10px;
}
.prod_accueil article a{
    color: var(--bleu);
    font-weight: 600
}


/*PRESENTATION  ACCUEIL*/
.home_cont_presentation {
  position: relative;
  background: url("/assets/images/home-background-presentation.jpg") no-repeat center top;
    background-size: auto;
  background-size: cover;
  color: var(--bleu);
  margin: 0 auto;
  padding: 128px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home_cont_presentation .fond{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 20px
}
/*footer*/

.home_cont_alertes {
  padding: 10px 10px;
  background: var(--bleu);
  text-align: center;
}
.cont_coordonnees {
  padding-bottom: 40px;
  background-color: var(--bleuclair);
  color: #fff;
}
.cont_coordonnees a{
    color: #fff;
}
footer {
  background-color: var(--bleu);
  padding: 10px 10px;
}
/*PAGE DETAILS*/
.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: var(--bleu) !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid var(--bleu);
}
.detail_header .titre:after {
    background: var(--bleu);
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: var(--bleu);
}
.retour_pret span {
    color: var(--bleu);
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid var(--bleu);
    padding-left: 10px;
}
.detail .info_titre {
    text-transform: inherit;
}
.detail .info_prix {
    padding: 0;
}
.detail .header-item {
    padding: 0;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: var(--bleu) !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: var(--bleu) !important;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #fff;
}
.detail .bloc-champ{
    background: #fff;
}

@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #000;
    }
    .index .not-sticking .menu ul > li > a {
        color: #fff;
    }
    .header__logo {
        display: block;
        height: 100px;
        padding: 20px;
    }
}

@media (max-width: 991px){
.prod_accueil article {
  border: 1px solid var(--bleu);
  width: calc(100% - 20px);
  margin: 10px;
}
.index-logo-sticking,.index-logo-not-sticking{
padding: 5px 0
}
}