@charset "UTF-8";
/*!
* Start Bootstrap - Agency v7.0.12 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
*/
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 .logo-text-container {
   display: flex;
   align-items: center;
 }

 .conteneur-logo {
  border-radius: 50%; /* Définit un rayon de 50% pour créer un conteneur rond */
  display: inline-block; /* Assure que le conteneur s'adapte à la taille de l'image */
  overflow: hidden; /* Masque tout contenu débordant du conteneur */
}

.texte-logo {
  font-family: "HP Simplified Hans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;
  color: #45a2ef;
}

 /* .navbar .navbar-brand .title {
    background-color: #ebebed;
 } */

 .header-title {
    font-size: 4.5rem;

 }
 
 .bienvenue {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 3.25rem;
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }

 .seo {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  margin-bottom: 2rem;
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }

 .coordonnees {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    font-family: 'Montserrat';
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    background-color: #ffc800;
    background-clip: padding-box;
    border: 2px solid #ced4da;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 2.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 1em;
 }

 .text-telephone {
  font-size: 1.5rem;  
  color: #111;
  display: flex;
  margin-left: 0.5em;
 }

 .text-telephone p {
  margin-bottom: 0rem;
 }

 .text-mail {  
  font-size: 1.1rem;
  color: #111;
  margin-left: 0.5em;
 }

 .text-mail p{  
  margin-bottom: 0rem;
 }

 .infoContact {
      font-size: 1.3rem;
      font-style: italic;
      text-align: center;
      color: #fff;
      line-height: 1.5rem;
      margin-bottom: 25px;
      font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }

 .col-lg-4 .portfolio-link img {
   height: 250px;
   width : 100%;
 }

 .map {
   width : 330px;
   height : 300px;
 }

 #services h4{
  display: none;
 }

  .contenu-portfolio {
   width : 270px;
   height : 270px;
 }

 .navAdmin {
  width : 250px;
 }

 .description-chantier-admin {
  width : 250px;
 }


 @media (min-width: 576px) {
   .map {
      width : 500px;
      height : 300px;
    }

    #services h4 {
      display: block;
    }

    .contenu-portfolio {
      width : 300px;
      height : 300px;
    }

    .navAdmin {
      width : 300px;
     }

    .description-chantier-admin {
      width : 300px;
    }
 }

 
 @media (min-width: 768px) {
   .map {
      width : 360px;
      height : 300px;
    }

    #services h4 {
      display: block;
    }

    .contenu-portfolio {
      width : 380px;
      height : 380px;
    }

    .navAdmin {
      width : 380px;
     }

    .description-chantier-admin {
      width : 380px;
    }
 }

 @media (min-width: 992px) {
   .map {
      width : 380px;
      height : 300px;
    }

    #services h4 {
      display: block;
    }

    .contenu-portfolio {
      width : 410px;
      height : 410px;
    }

    .navAdmin {
      width : 420px;
     }

    .description-chantier-admin {
      width : 420px;
    }
 }

 @media (min-width: 1200px) {
   .map {
      width : 580px;
      height : 300px;
    }

    #services h4 {
      display: block;
    }

    .contenu-portfolio {
      width : 450px;
      height : 450px;
    }

    .navAdmin {
      width : 580px;
     }

    .description-chantier-admin {
      width : 580px;
    }
 }

 @media (max-width: 575px) {
  #services .row > * {
    width: 27%;
  }
 .page-section {
    padding: 1.8rem 0;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
 }

 .navAdmin {
  margin-top: 5.1rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  display:flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #3a3c41;
  border: 3px solid #ffffff;
  border-radius: 0.375rem;
  padding-bottom: 1rem;
}

.menuAdmin-item {
   margin-top : 11px;
   font-size: 1.2rem;
 }

 .bouton-ajouter-chantier {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.7rem;
}

.description {
  font-size: 1.1rem;
  /* border: 0.25px solid #c3c3c3; */
  /* border-radius: 0.375rem; */
  padding: 0.25rem;
  background-color:#287fc5;
  word-wrap: break-word;
}

.description-chantier-admin {
  font-size: 1rem;
  border: 1px solid #ffffff;
  border-radius: 0.375rem;
  padding: 0.25rem;
  background-color:var(--bs-gray-600);
  word-wrap: break-word;
}

.boutons-gestion-chantier {
  font-size: 1.3rem;
  margin-bottom: 2rem;
}

.titre-chantier-admin {
  margin-top: 2.5rem;
}