/********************************************
	* Domaine : carre-pleyel.fr
	*
	* Exploitant : AG Real Estate
	*
	* Rôle : Feuille de style spécifique contenus page bureaux 
	*
	* Auteur : Ultra-Fluide, copyright 2021
********************************************/

/**** couleurs  ********/
/************************/
:root{
	--fond-trame: #e1e9f6;
	--titre: #90b0de;
	--sous-titre: #284879;
	--encart: #90b0de;
}
p.labels img {
	margin-top:20px
}
p.labels span {
	width:calc(100% - 85px);
	max-width:300px;
}
p.labels {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
}
section#spaceplan > div > article{
	width:80%;
}
section#spaceplan > div > article:nth-child(2){
	margin-top:80px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end ;
}
section#spaceplan > div > article:nth-child(2) h3{
	margin-bottom:3px;
}
section#spaceplan > div > article > div {
	width:47.5%;
}
section#spaceplan > div > article > div:nth-of-type(2) {
	margin-top:-2.4%;
	margin-left:-3.2%;
}
section#spaceplan > div > article > div:nth-of-type(3) {
	margin-top:-13.45%;
}
section#spaceplan > div > article > div:nth-of-type(4) {
	margin-top:-3.15%;
	margin-left:-3.1%;
	margin-right: 8%;
}
section#spaceplan > div > article > div img{
	display:block;
	width:100%;
}
section#spaceplan > div > article > div > div{
	display:none;
	position:absolute;
	width:85%;
	z-index:10;
	top:0;
	left:3%;
	background-color: white;
	padding:5%;
	border-radius: 3px;
	box-shadow: 0 0 4px 0px var(--sous-titre);
}
section#spaceplan > div > article > div:hover > div{
	display:block;
}
section#spaceplan > div > article:nth-child(2) > p{
	margin-top:80px;
	width:100%;
}
section#spaceplan > div > article > p img{
	width:100%;
	max-width:599px;
}
@media screen and (max-width: 950px) {
	section#spaceplan > div > article{
		width:100%;
	}
}