.projet-container{
	display:flex;
	/*background-color:var(--neutral-light-color);*/
	border-radius:20px;
	/*justify-content: space-between;*/
	align-items:center;
	height:230px;
	margin:3em;
	box-shadow: 2px 1px 1px 2px rgba(0, 0, 0, 0.52);
	position: relative;
	/*max-width:800px;*/
}




.projet-img{
	height:230px;
	border-radius: 20px 0 0 20px ;}

.projet-content{
	color:var(--neutral-color)!important;
	background-color:white;
	flex-grow:3;
	display: flex;
	flex-direction: column;
	animation: ease-in;
	text-align: left;
	height: inherit;
	justify-content: space-between;
	padding: .5em;
	border-radius:20px;
	z-index:1;
		}
.projet-content h4{
	color:var(--neutral-color);
	font-family:var(--main-text-font-family);
	text-transform:uppercase;
	line-height: .5em;
	}
.projet-content h5{
	color:var(--neutral-color);
	font-family:var(--main-text-font-family);
}

.projet-content p{
	overflow:hidden;
	line-height: 20px;
	font-size: .9em;
	margin:0;}

.projet-content a{color:var(--primary-color);}
.titre-overlay{
	writing-mode: vertical-lr;
	text-transform: uppercase;
	font-family: var(--main-title-fontfamily);
	font-weight:bolder;
	text-align: center;
	width: max-content;
	background-color:var(--secondary-color-2);
	/*color:white;*/
	position: absolute;
	left: 100%;
	height: 230px;
	width: 2em;
	padding: .2em;
	border-radius:0 20px 20px 0;
	
	z-index:1;
}

.projet-overlay{
background-color:var(--secondary-color-2)!important;
/*color:white;*/
text-align:right;
position: absolute;
/*bottom: 100%;*/
/*top: 0;*/
right:0;
background-color: #fff;
overflow: hidden;
width: 0;
height: 230px;
padding:.2em;
transition: 1s ease;
}
.projet-overlay ul {list-style:none;}
.projet-overlay a {color:var(--neutral-color);}

.titre-overlay:hover + .projet-overlay{
   /* left: 100%;*/
    width: 230px;
display:flex;
flex-direction:column;
justify-content:center;
z-index:1;
}

.results-info{display:none;} /* bug sur le decompte du nb de résultat */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.projet-container{flex-direction:column;height:auto;width:300px;}
	.projet-img{border-radius: 20px 20px 0 0 ;}
	.projet-content{min-width:auto;}
	.projet-overlay{display:none;}
	.titre-overlay{display:none;}
	}