/* GLOBAL */
@font-face {
	font-family: "BebasNeue";
	src: url("/font/BebasNeue.otf");
	font-weight: normal;
	font-style: normal;
}@font-face {
	font-family: "Whitney";
	src: url("/font/Whitney-Bold-ProGkCy.otf");
	font-weight: bold;
	font-style: normal;
}@font-face {
	font-family: "Whitney";
	src: url("/font/Whitney-Medium-ProGkCy.otf");
	font-weight: normal;
	font-style: normal;
}@font-face {
	font-family: "Whitney";
	src: url("/font/Whitney-Semibld-ProGkCy.otf");
	font-weight: bolder;
	font-style: normal;
}@font-face {
	font-family: "WhitneySB";
	src: url("/font/Whitney-Semibld-ProGkCy.otf");
	font-weight: bolder;
	font-style: normal;
}@font-face {
	font-family: "Whitney";
	src: url("/font/Whitney-BoldItal-ProGkCy.otf");
	font-weight: bold;
	font-style: italic;
}@font-face {
	font-family: "WhitneyBook";
	src: url("/font/Whitney-Book-ProGkCy.otf");
	font-weight: normal;
	font-style: normal;
}

body{
	max-width: 708px;
	margin: auto;
	font-family: "Whitney";
	font-weight: normal;
	font-size: 11px;
	line-height: 12.5px;
	overflow-x: hidden;
}
body>div{
	/* overflow: hidden; */
	padding: 43px;
	position: relative;
	/* border: solid black 1px; */
}
.bleu * {
	color: #1D71B8;
}
p{
	padding: 8.5px 13px;
	margin: 0px;
}
p:first-child{
	padding: 17px 13px 8.5px 13px;
}
p:last-child {
	padding: 8.5px 13px 17px 13px;
}
.medium{
	font-weight: bolder;
	font-family: "WhitneySB";
}
.green{
	font-weight: bolder;
	font-family: "WhitneySB";
	font-size: 14px;
	line-height: 16px;
	background-color: #B6CD32;
	transform: rotate(-9deg);
	color: white;
	border-radius: 5px;
	padding: 12px;
}
a{
	color: #1D71B8;
	text-decoration: none;
}
a:hover{
	color: #B6CD32;
}
.round{
	border-radius: 27px;
}

/* HEADER */
header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	/* background-color: antiquewhite; */
	margin-bottom: 23px;
}
header span:first-child{
	flex-grow: 1;
}
#logo{
	display: inline-block;
	position: relative;
	flex-basis: 235px;
}
#logo #slogan{
	position: absolute;
	top: 16px;
	left: 140px;
}
h1{
	margin: 0px;
	display: inline;
}
h1 img{
	width: 103px;
}
#slogan{
	font-family: "BebasNeue";
	font-size: 20px;
	line-height: 22px;
}
#contact{
	margin: 10px 43px 10px 10px;
}
#contact *{
	font-size: 14px;
	text-decoration: none;
}#contact p {
	margin: 0px 8px;
}
#tel{
	height: 22px;
	margin-right: 8px;
}
#mail{
	height: 13px;
	margin-left: 15px;
}
#contact div *{
	vertical-align: middle;
}

/* SECTIONS */
.chapitre{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	row-gap: 20px;
}
main>.chapitre:not(:nth-child(2)){
	margin-top: 30px;
}
.colonne{
	flex-direction: column;
}
.colonne div{
	width: 100%;
}
.row-reverse{
	flex-direction: row-reverse;
}
.chapitre section{
	flex-grow: 1;
	flex-basis: 225px;
	flex-shrink: 1;
	/* max-width: 225px; */
	position: relative;

	/* border: solid black 1px; */


	display: flex;
	align-items: center;
	justify-content: center;
}
.chapitre_1, .chapitre_2{
	height: 397px;
}
.chapitre section div{
	position: absolute;
}
.chapitre section .chapitre{
	position: initial;
}
.chapitre_1 div{
	width: 255px;
	background-color: rgba(29, 113, 184, .7);
	color: white;
	border-radius: 5px;
	/* padding: 17px 13px; */
	transform: translate(0%, 93px);
	z-index: 10;
}
.chapitre_2>div{
	transform: translate(-50px, -34px);
	z-index: 0;
	max-width: 100vw;
	width: 498px;
	height: 328px;
	flex-grow: 2;
	background-image: url("/img/openspace.jpg");
	background-size: cover;
}
.flex{
	position: fixed;
	top: 10%;
	right: 8%;
}
.solution{
	color: white;
	font-weight: bolder;
	font-family: "WhitneySB";
	font-size: 16px;
	line-height: 17px;
	position: fixed;
	top: 35%;
	left: 3%;
}
@media (max-width: 541px){
	.chapitre_1, .chapitre_2 {
		height: auto;
	}
	.chapitre section>div{
		transform: none;
		position: initial;
	}
	.chapitre_1 div{
		width: 100%;
		font-size: 16px;
		line-height: 17.5px;
	}
}

.chapitre_3, .chapitre_4{
	height: 593px;
}
.chapitre_3a{
	height: 300px;
}
.chapitre_4{
	transform: translate(0px, 70px);
}
h2{
	font-size: 16px;
	line-height: 14px;
	color: #1D71B8;
	font-weight: bolder;
	font-family: "WhitneySB";
	text-align: center;
	margin: 0px 0px 40px 0px;
}
.dynamique{
	width: 234px;
	margin: auto;
}
.colonne div.privatif{
	width: auto;
	transform: translate(88px, 36px) rotate(-9deg);
	z-index: 10;
}
.distances{
	max-width: 100vw;
	max-height: 100vh;
}
.plus{
	height: 30px;
	transform: translate(25%, 36%);
}
ul{
	column-count: 2;
	column-gap: 43px;
	height: 333px;
	column-fill: auto;
	padding: 0px 0px 0px 25px;
}
li{
	list-style-image: url(/img/SVG/bullet-point.svg);
}
li:not(:first-child){
	margin: 22px 0px 0px 0px;
}
li::marker{
	font-size: 22px;
}
.parking {
	background-color: #B6CD32;
	transform: translate(10%, -34%) rotate(-9deg);
	color: white;
	border-radius: 5px;
	padding: 6px;
	position: absolute;
}
@media (max-width: 541px) {
	.chapitre_3{
		margin-top: 64px;
	}
	.chapitre_3,
	.chapitre_4 {
		height: auto;
	}
	.chapitre section>div {
		transform: none;
		position: initial;
	}

	.chapitre_3 div {
		width: 100%;
		font-size: 16px;
		line-height: 17.5px;
	}
	.chapitre_3a {
		height: initial;
		margin-bottom: 91px;
	}

	ul {
		height: initial;
	}
}

.chapitre_5{
	height: 310px;
	z-index: -20;
}
.chapitre_5 div {
	transform: translate(-5%, 0%);
	z-index: 10;
	background-image: url("/img/bureau.jpg");
	background-size: cover;
	width: 100vw;
	max-width: 643px;
	height: 310px;
	background-position: center center;
}
.chapitre_5 h2{
	position: absolute;
	top: -50px;
	left: 45%;
}
.chapitre_5 p{
	position: absolute;
	top: 35%;
	right: 10%;
	background-color: white;
	color: #1D71B8;
	font-size: 14px;
	line-height: 16px;
	border-radius: 18px;
	padding: 12px;
}
#t14{
	z-index: -5;
}
@media (max-width: 541px) {
	.chapitre_5{
		margin-top: 120px;
	}
	.chapitre_5 h2 {
		position: absolute;
		top: -5%;
		left: 10%;
	}
}

.chapitre_6, .chapitre_7 {
	height: 452px;
}
.chapitre_6 h2{
	text-align: left;
	transform: translate(-20px, 0px);
	font-weight: normal;
}
.chapitre_6 div{
	transform: translate(0px, -50px);
}
.chapitre_6 div p{
	width: 196px;
}
.chapitre_7{
	z-index: -15;
}
.chapitre_7>div{
	width: 110%;;
	transform: translate(-5%, 0px);
	z-index: 10;
}
.chapitre_7a {
	height: 237px;
	z-index: 10;
}
.chapitre_7b {
	height: 215px;
}
.exterieur {
	max-width: 100vw;
	max-height: 237px;
	height: 100vh;
	width: 100%;
	background-image: url(/img/exterieur.jpg);
	background-size: cover;
	background-position: center center;
	transform: translate(45px, -50px);
	z-index: 20;
}
.exterieur h2{
	transform: translate(-30px, 30px);
}
.exterieur .green{
	position: absolute;
	top: 50%;
	right: 5%;
}
.exterieur .green img{
	position: absolute;
	transform: translate(-49px, 16px);
	width: 29px;
}
.exterieur>img{
	width: 94px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	transform: translate(-63px, 32px);
	z-index: 0;
}
.luxite{
	width: 95px;
}
.map{
	height: 193px;
	width: 303px;
}
@media (max-width: 541px) {
	.chapitre_6, .chapitre_7 {
		height: auto;
	}
	.chapitre_6 h2{
		transform: none;
		text-align: center;
	}
	.chapitre_6 div p{
		width: initial;
		font-size: 16px;
		line-height: 17.5px;
	}
	.chapitre_7>div {
		width: 100%;
	}
	.chapitre_7b{
		margin-top: 50px;
	}
	.map {
		height: 215px;
		width: 100%;
	}
}

/* FOOTER */
footer{

}
.contact{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	align-content: center;
	column-gap: 34px;
	row-gap: 15px;
	text-align: center;
	margin: 36px 0px 0px 0px;
}
.contact>div:first-child {
	width: 100%;
	margin: 36px 0px 0px 0px;
	z-index: 10;
}
.infos {
	width: 100%;
	padding: 36px 36px;
	margin: 0px 20px;
	background-color: #1D71B8;
	transform: translate(0px, -40px);
	border-radius: 27px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	align-content: center;
	column-gap: 34px;
	row-gap: 15px;
}
.infos *{
	color: white;
}
.contact>div>div{
	width: fit-content;
	display: inline-block;
}
.tel{
	height: 16px;
	transform: translate(0px, 5px);
	margin-right: 6px;
}
.mail{
	height: 10px;
	transform: translate(0px, 2px);
	margin-right: 6px;
}
.adresse{
	height: 14px;
	transform: translate(0px, 3px);
	margin-right: 6px;
}
@media (max-width: 541px) {
	.contact>*{
		width: 100%;
	}
	.infos{
		margin: 0px 0px;
	}
}
aside{
	font-size: 8px;
	line-height: 12px;
}
.mentions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: space-between;
	column-gap: 34px;
	row-gap: 15px;
	margin: 36px 0px;
	font-family: "WhitneyBook";
	font-size: 7px;
	line-height: 12px;
	margin: 15px 0px;
}
.mentions>*{
	width: fit-content;
}
.mentions p{
	padding: 0px;
}
.mentions p:last-child{
	margin-right: 11px;
}
#fullsvg {
	left: 0px;
	top: 0px;
	position: absolute;
	margin: 0px;
	pointer-events: none;
	/* width: 100%; */
	width: 100vw;
	height: 100%;
	/* max-width: 100vw; */
	object-fit: contain;
	/* object-position: left top; */
	z-index: -10;
}
@media (max-width: 541px) {
	#fullsvg{
		display: none;
	}
}