.navbar{	
     background-color: #A9A1A1;
     color: white;
     text-align: center;
     padding: 10px;
     list-style-type: none;
}

.menu{
    list-style-type: none;

}

/*colors*/

.bg-grey{
	background-color: #A9A1A1;
}
.bg-blue-c{
	background-color: #D7F1F7;
}

.bg-vert{
  background-color:#BDF7E9;
}

.bg-orange{
  background-color: #F6EED0;
}

.bg-bleumarine{
  background-color: #B7D1F1;
}

.bg-bleu{
  background-color: #B0CAEB;
}


.bg-bleu-ciel{
  background-color: #CEE2F2;
}

.bg-orange-fonce{
  background-color:#DDB369;
}

.bg-violet{
  background-color: #EDDBF6;
}

.bg-grey-claire{
  background-color:#E4D5D5;
}

.bg-jaune{
  background-color: #F9F7C0;
}


.transp{ color: #F0E9E9;}
/* */



.principal {
  font-family: sans-serif;
  text-align: center;
}

.premiergauche {
  width: 50%;
  padding: 5px;
  flex-direction: column;
}


.nom {
      background-color: #f2f2f2;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 10px;

    }

 .contact {
      background-color: #f2f2f2;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

.phone-link {
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
  }

  .phone-link i {
    color: #282727;
    margin-right: 2px;
  }


/*.w-10{
  font-size: 10px
}

.w-15{
  font-size: 15px;
}*/

.w10{
  width: 10%;
}

.w30{
  width: 30%;
}

.w40{
  width: 40%;
}

.w70{
  width:70%;
}

.w80{
  width: 80%;
}

.project-items .item {
  max-height: 200px;
  overflow: hidden;
}


/**/
.ul .li i{
  list-style-type: none;

}
/**/

.tail-1{

  font-size: 5rem;
}

/**/

.indesign2 a:hover{
    background-color: rgb(255, 255, 255, 0.5);
}

.longue{
  display: none; /* Masquer la description longue par défaut */
  color: #F2167D;
  
}


/*.bxslider img{
        height: 100px; /* Hauteur souhaitée 
        object-fit: cover;  Remplit l'espace sans déformer l'image
        width: 100%; /* S'assure que l'image remplit la largeur du conteneur
        }*/

.over {
  height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}


.devheader h2{
    font-style: italic;

}

/*/ <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900*/

.playfair-display {
  font-family: "Playfair Display", serif;
  font-weight: normal;
  font-style: normal;
}