// out: ../css/theme.css, compress: true
@import (less) "../css/style.css";
@charte_logo: #dc901b;
@footer: #2f2d2d;
@header: #2f2d2d;
@contact_header: black;
@couleur_fond: #868685;

//****************************MENU

.fond_2 {
  background-color: #5c636a;
}
.hr_code_couleur {
  height: 4px;
  background-color: @charte_logo;
}

h1, h2, h3, h4 {
  color: @charte_logo;
  font-weight: bold;
  text-align: center;
}

html, body {
  background-color: @couleur_fond !important;
}

.index_garantie {
  height: 100px;
  width: auto;
}

#img_logo {
  margin-top: 100px;
}
.row {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#contact_header {
  background-color: @charte_logo;
  font-weight: bold;
}

.lien_mise_page {
  font-weight: bold;
  text-decoration: none;
  color: @contact_header;
  font-size: 1.2em;
}

.lien_mise_page:hover {
  color: red;
}

#menu {
  background-color: @header;
}



footer {
  background-color: @footer;
  color: @charte_logo;
}

@media (min-width: 1000px) {

  .navbar-nav {
    display: block;
    width: 100%;
    max-height: 80px;
  }

  #border_menu {
    border: 10px solid red;
  }

  .nav-item {
    width: 20%;
    text-align: center !important;

  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  .navbar-nav {
    display: block;
    width: 100%;
    text-align: center;
  }
  #logo_menu {
    display: none;
  }
  #diaporama_index {
    display: none;
  }

}

@media screen and (max-width: 767px) {
  .navbar-nav {
    display: block;
    width: 100%;
    text-align: center;
  }
  #logo_menu {
    display: none;
  }

  #diaporama_index {
    display: none;
  }
}

.nav-link {
  color: @charte_logo !important;
}




.nav-item-background {
  text-align: center;
  color: @charte_logo;
  font-weight: bold;
  margin: 20px;
  height: 60px;
}

.dropdown {
  text-align: center;
  color: @charte_logo;
  font-weight: bold;
  margin: 20px;
  height: 60px;
}

.dropdown-menu {
background-color: @header !important;
}

.dropdown-menu a {
  color: @charte_logo;
}

.nav-item-background:hover {
  background-color: red;
}

//*****************************FIN MENU *********************************


//--------------------------INDEX----------------------------

.diaporama_index {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  max-height: 800px;
}

.img_diapo {
  height: 600px;
  width: auto;
}



//--------------------------------FIN INDEX-----------------------


.prestations {
  background-color: #adadad;
  border-radius: 15px;
  padding: 15px;
}