/* Réalisations */




nav.real-nav {
	
}

	nav.real-nav > ul {
		padding-left: 0;
		margin: auto;
		list-style: none;
		display: flex;
		justify-content: center;
		position: relative;
		
	}

		nav.real-nav > ul li {
			padding: 0 1em;
		}

			nav.real-nav > ul li:not(.nav-first)::before {
				content: "-";
				position: relative;
				left: -1em;
			}

			nav.real-nav > ul li:hover > span:not(.active) {
				/*border-bottom: 1px solid #C4A287;*/
				color: #D6D9CE;
				cursor: pointer;
			}

			nav.real-nav > ul li > span.active {
				color: #6F8089;
				border-top: 1px solid #6F8089;
			}



/* Galerie */

.projects {
	width : 100%;
}

.projects div.photo-sizer, .projects div.photo-projet {
	width: 32%;
}

.projects div.photo-projet {
	margin-bottom: 2%;
	overflow: hidden;
	z-index: 999;
	border-radius: 0.35em;
}

	.projects div.photo-projet > img {
		width: 100%;
		display: block;
		transform: scale(1);
		transition: transform .3s ease-in-out;
	}

		.projects div.photo-projet:hover > img {
			transform: scale(1.1);
		}


	.projects div.photo-projet > .info-projet {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(21, 21, 21, 0.6);
			opacity: 0;
			visibility: hidden;
			transition: opacity .4s ease-in-out;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #D6D9CE;
		}

		.projects div.photo-projet:hover > .info-projet {
			visibility: visible;
			opacity: 1;
		}

		.projects div.photo-projet > .info-projet > p {
			margin: 0 1em;
		}

	.projects div.photo-projet > div.info-projet.projet-link {
			flex-direction: column;
		}

		.projects div.photo-projet > div.info-projet.projet-link > a {
			color: #D6D9CE;
			border: 1px #D6D9CE solid;
			min-width: 0;
		}

.projects div.gutter-sizer {
	width: 2%;
}


/* Responsive */

@media screen and (max-width: 1800px) {

	/* Galerie */

		.projects div.photo-sizer, .projects div.photo-projet {
			width: 49%;
		}

		.projects div.gutter-sizer {
			width: 2%;
		}

		.projects div.photo-projet > .info-projet > p {
			font-size: 1.5em;
		}

}


@media screen and (max-width: 980px) {

	/* Galerie */

		.projects div.photo-sizer, .projects div.photo-projet {
			width: 100%;
		}

		.projects div.gutter-sizer {
			width: 0%;
		}

}

@media screen and (max-width: 492px) {

	/* Galerie */

		nav.real-nav > ul li {
			padding: 0 0.5em;
		}

			nav.real-nav > ul li:not(.nav-first)::before {
				left: -0.5em;
			}

}


@media screen and (max-width: 480px) {

	/* Galerie */

		#main {
			padding: 2.25em 0 0.25em 0;
		}

		.projects div.photo-projet {
		    border-radius: 0;
		}
#
}

@media screen and (max-width: 410px) {

	/* Galerie */

		nav.real-nav > ul {
			flex-direction: column;
		}

			nav.real-nav > ul li:not(.nav-first)::before {
				content: "";
			}

				nav.real-nav > ul li > span.active {
					color: #D6D9CE;
					border-top: none;
					font-weight: bold;
				}

}


/* IS-TOUCH */