body{
	margin:0;
	padding:0;
}
/* .container{
	width:90%
	margin:10px auto;
} */
.portfolio-menu{
	text-align:center;
}
.background-bandeau {
    background-image: url("/images/back.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}   
.t-text{
	color: var(--color-purple);
	border-style: 1px solid var(--color-bluenight);
	font-weight: 800;
}
.bandeau{
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: var(--color-yellow); 
	width:100%;
	height: 150px;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/* width:100%; */
	color: var(--color-text-dark);

}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}


.btn-return{ 
	background-color: var(--color-text-dark);
	position: relative;
	top: -40px;
	left: 10px;

}

.contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px; /* Largeur du cercle */
    height: 60px; /* Hauteur du cercle */
    border-radius: 50%; /* Rend l'élément circulaire */
    background-color: var(--color-purple); /* Couleur de fond du cercle */
    color: var(--color-white); /* Couleur de l'icône */
    text-decoration: none; /* Supprime la décoration du lien */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-icon i {
    color: inherit; /* Assure que l'icône utilise la couleur héritée de l'élément parent */
    font-size: 24px; /* Taille de l'icône */
}

.contact-icon:hover {
    background-color: var(--color-bluenight); /* Changez ceci à la couleur de fond souhaitée au survol */
	color: var(--color-yellow);
	text-decoration: inherit;
}








.content,
.overlay:before {
  background: url("/images/back.png") no-repeat fixed 0 0 / cover;
}

.content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.overlay {
 
  
 
 
  position: relative;
 
 
  position: relative;
  text-align: center;
  z-index: 0;
}
  .overlay::before {
    content: '';
    filter: blur(20px);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
.overlay-2{
	box-shadow: inset 22em 2em 4em var(--color-yellow);
}