@charset "UTF-8";
/* Valeur global*/
body {
  position: relative !important;
  padding-left: 15px;
  padding-right: 15px; }

#accueil {
  box-shadow: 1px 1px 8px #0A6AA4; }

#quisommesnous {
  box-shadow: 1px 1px 8px #0A6AA4;
  height: 800px; }

#nosmissions {
  box-shadow: 1px 1px 8px #0A6AA4; }

#references {
  box-shadow: 1px 1px 8px #0A6AA4; }

#contact {
  box-shadow: 1px 1px 8px #0A6AA4;
  height: 800px; }

#titre {
  font-style: bold;
  font-size: 1.2rem;
  color: #0A6AA4;
  font-family: "Times New Roman", Times, serif !important; }

/* Barre de navigation */
.navbar {
  width: 100%;
  box-shadow: 1px 1px 8px #0A6AA4;
  background: white;
  font-family: "Times New Roman", Times, serif !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  }
  .navbar .navbar-brand {
    padding-top: 0;
    margin-top: 0;
   }

  .navbar img {
    width: 50%;
   }
  .navbar h6 {
    font-size: 0.8rem;
    color: #f97308;
    opacity: 0.9;
    margin-bottom: 0.1rem; }

/* diaporama accueil */
  #showcase {
  margin-top: 0.2rem; }
  #showcase .carousel-indicators {
    justify-content: center;
    margin-bottom: 5px;
    margin-top: 5px; }
  #showcase .carousel-indicators li {
    background-color: #f97308; }
  #showcase .carousel-caption {
    padding: 0;
    align-content: center; }
  #showcase .carousel .carousel-item {
    transition-duration: 3s; }
  #showcase p {
    color: #f97308;
    font-family: "Times New Roman", Times, serif !important; }
  #showcase i {
    margin-right: 10px; }

  #showcase .carousel-item .img-fluid {
      width:100%;
      height:100%; }

/* Cards pour nos missions */
#nosmissions .card-title {
  color: #0A6AA4;
  text-align: center;
  font-family: "Times New Roman", Times, serif !important; }
#nosmissions .card-text {
  font-family: "Times New Roman", Times, serif !important; }

/* Cards pour nos missions + search menu */
#references {  
  /* Create three equal columns that floats next to each other */
  /* Clear floats after rows */
  /* The "show" class is added to the filtered elements */ }
  #references .column {
    float: left;
    width: 33.33%;
    display: none;
    /* Hide columns by default */ }
  #references .row:after {
    content: "";
    display: table;
    clear: both; }
  #references .show {
    display: block; }
  #references button.btn {
    color: #0A6AA4;
    border-color: rgba(43, 109, 175, 0.8);
    font-family: "Times New Roman", Times, serif !important;
    padding: 0px 2px;
    font-size: 1rem; }
  #references button.btn:hover {
    color: black;
    background-color: rgba(43, 109, 175, 0.8);
    border-color: rgba(43, 109, 175, 0.8);
    font-family: "Times New Roman", Times, serif !important; }
  #references button.btn:active, #references button.btn:focus, #references button.btn:target, #references button.btn:active:focus {
    color: black;
    outline: none;
    box-shadow: none;
    background-color: rgba(43, 109, 175, 0.8);
    border-color: rgba(43, 109, 175, 0.8);
    font-family: "Times New Roman", Times, serif !important; }
  #references .fas.fa-plus-circle {
    color: #0A6AA4 !important;
    size: 22px; }
  #references .fas.fa-minus-circle {
    color: #f97308 !important;
    size: 22px; }
  #references .row > [class*="col"] {
    transition: all .3s ease; }

/* pour resolutions superieur a 576 px */
@media (min-width: 576px) {
  
  .navbar {
    width: 100%;
    box-shadow: 1px 1px 8px #0A6AA4;
    background: white;
    font-family: "Times New Roman", Times, serif !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0; }
    .navbar .navbar-brand {
      padding-top: 0;
      margin-top: 0; }
    .navbar .nav-item {
      font-size: 0.8rem;
      color: #0A6AA4 !important;
      padding: 0;
      padding-right: 0.6rem;
      padding-left: 0.6rem;
      align-content: center; }
    .navbar .nav-link {
      padding-right: 0.2rem;
      padding-left: 0.2rem; }
    .navbar .nav-item a {
      color: #0A6AA4 !important; }
    .navbar .navbar-toggler {
      border-color: #0A6AA4 !important; }
    .navbar .fa-bars {
      color: #0A6AA4 !important;
      font-size: 22px; }
    .navbar img {
      width: 50%; }
    .navbar h6 {
      font-size: 0.8rem;
      color: #f97308;
      opacity: 0.9;
      margin-bottom: 0.1rem; }
    #showcase .carousel-item {
      max-height: 450px; }
}
/* pour resolutions superieur a 768 px */
@media (min-width: 768px) {
  .navbar .nav-item a {
    opacity: 0.8;
    padding: 0; }
  .navbar .nav-item a:hover {
    color: #0A6AA4 !important;
    opacity: 1; }
  .navbar .active {
    border-bottom: 2px solid rgba(249, 115, 8, 0.5); }
  #showcase .carousel-item {
    max-height: 450px; }

  #references button.btn {
    padding: 6px 12px; } 
}
/* pour resolutions supérieur a 920 px , pour tablette */
@media (min-width: 992px) {
  .navbar .nav-item {
    font-size: 1rem;
    padding-right: 0.8rem;
    padding-left: 0.8rem; }

  #showcase .carousel-item {
    max-height: 600px; }
}
/* pour resolutions supérieur a 1200 px, ecrans de bueaux */
@media (min-width: 1200px) {
  .navbar .nav-item {
    font-size: 1.3rem;
    padding-right: 1rem;
    padding-left: 1rem; }

  #showcase .carousel-item {
    max-height: 800px;
    width: 100%; }
  }