/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	padding-top: 3rem;
	color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.carousel {
	//margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}

/* Declare heights because of positioning of img element */

.carousel-item {
	height: 90vh;
	background-color: #777;
}

.carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 90vh;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}

.marketing h2 {
	font-weight: 400;
}

.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
	margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */

.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
	/* Bump up size of carousel content */
	
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}
	
	.featurette-heading {
		font-size: 50px;
	}
}

@media (min-width: 62em) {
	.featurette-heading {
		margin-top: 7rem;
	}
}

/* ALBUM CSS
-------------------------------------------------- */

:root {
	--jumbotron-padding-y: 3rem;
}

.jumbotron {
	padding-top: var(--jumbotron-padding-y);
	padding-bottom: var(--jumbotron-padding-y);
	margin-bottom: 0;
	background-color: #fff;
}

@media (min-width: 768px) {
	.jumbotron {
		padding-top: calc(var(--jumbotron-padding-y) * 2);
		padding-bottom: calc(var(--jumbotron-padding-y) * 2);
	}
}

.jumbotron p:last-child {
	margin-bottom: 0;
}

.jumbotron-heading {
	font-weight: 300;
}

.jumbotron .container {
	max-width: 40rem;
}

footer {
	padding-top: 3rem;
	padding-bottom: 1rem;
}

footer p {
	margin-bottom: .25rem;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

/* CUSTOM CSS
-------------------------------------------------- */


@font-face {
font-family: Colroy;
src: url(fonts/NN_Colroy-Medium.otf);
font-weight: bold;
}

@font-face {
font-family: Colroy;
src: url(fonts/NN_Colroy-Regular.otf);
}

@font-face {
font-family: Brandon;
src: url(fonts/Brandon_med.otf);
}

body {
	font-family: Colroy;
	background-color: white;
}

.bg-light {
	background-color: #BDD09B !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .nav-item, .plandusite {
	font-family: Brandon;
}

h3, .h3 {
	font-size: 22px;
	color: #BDD09B;
}

.navbar a, .nav-item {
	text-decoration: none;
}

.dropdown-item {
	padding: .25rem 1rem;
}
	
.dropdown-menu {
    padding: .5rem 0;
	font-size: .75rem;
}

a {
	color: #9e9e9e;
	text-decoration: underline;
	//text-decoration-style: dotted;
}

a:hover {
	color: #86a564;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #bdd09b73;
}

.logo {
	width: 100px;
}

.navbar-nav {
	margin-left: 50px;
}

.carousel-caption {
	top: 50%;
	transform: translateY(-50%);
	bottom: initial;
	right: 10%;
	left: 10%;
}

.carousel-caption p {
	font-size: .75rem;
}

.btn-primary {
	color: #5a5a5a;
	background-color: #BDD09B;
	border-color: #86a564;
	text-decoration: none;
}

.btn-primary.focus, .btn-primary:focus {
    color: #5a5a5a;
	background-color: #BDD09B;
	border-color: #86a564;
    box-shadow: 0 0 0 0.2rem rgba(255,255,255,.5);
}

.btn-primary:hover {
	color: #5a5a5a;
	background-color: #86a564;
	border-color: #86a564;
}

.inforight {
	background-color: #ffffffe6;
	color: black;
	width: 40%;
	left: unset;
	padding: 25px;
	text-align: left;
}

.carousel-caption-content {
	padding: 10px 25px 0px 25px;
}

.numberleft {
	font-size: 50px !important;
	text-align: center;
}

.item {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.content {
	padding-top: 50px;
	padding-bottom: 75px;
}

.immeubletabs {
	padding-top: 75px;
}

.white {
	background-color: white;
}

.accordion .fa {
	margin-right: 0.5rem;
}

.imagecontainer {
	position: relative;
}

.imageoverlay {
	display: block;
	width: 100%;
	height: auto;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #bdd09b73;
}

.imagecontainer:hover .overlay {
	opacity: 1;
}

.textoverlay {
	color: white;
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.pagetitle {
	text-align: center;
	margin: 50px 0px 25px 0px;
}

.pagetitle h1 {
	font-family: Colroy;
	font-weight: bold;
}

.album {
	text-align: center;
}

.logo-footer {
	width: 200px;
	margin: 25px 0px;
}

.logo-transparent {
	max-width: 200px;
	margin-top: 100px;
}

.plandusite {
	margin-top: 35px;
	text-align: right;
}

.plandusite a {
	text-decoration: none;
	font-size: 14px;
}

.imgtext {
	font-family: Brandon;
	position: absolute;
	top: 42%;
	left: 35%;
	font-size: 50px;
	color: white;
	padding: 25px;
	background-color: #ffffff75;
}

.imgtextcrets {
	left: 28%;
}

.imgimmeuble1 {
	padding: 0px;
	background-image: url(img/carousel1.jpg);
	height: 90vh;
    background-position: center;
    background-size: cover;
}

.imgimmeuble2 {
	padding: 0px;
	background-image: url(img/carousel2.jpg);
	height: 90vh;
    background-position: center;
    background-size: cover;
}

.imgimmeuble3 {
	padding: 0px;
	background-image: url(img/carousel3.jpg);
	height: 90vh;
    background-position: center;
    background-size: cover;
}

.parking {
	padding: 0px;
	background-image: url(img/carousel4.jpg);
	height: 90vh;
    background-position: center;
    background-size: cover;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #86a564;
}

.nav-pills .nav-link {
    border-radius: 0rem;
	background-color: #BDD09B;
}

.tab-pane {
	padding: 25px;
}

.pictos {
	text-align: center;
	padding: 25px;
}

.pictos i {
	font-size: 50px;
	margin: 25px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.card-img, .card-img-top {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.card {
    border-radius: 0rem;
}

.card-body h4{
	font-family: Colroy;
}

.card-body h6{
	text-transform: uppercase;
	color: #BDD09B;
}

.card-body p{
	font-family: Brandon;
}

.pictos:hover{
    -webkit-box-shadow: 0 15px 30px -10px #bdd09b73;
    -moz-box-shadow: 0 15px 30px -10px #bdd09b73;
    box-shadow: 0 15px 30px -10px #bdd09b73;
	
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
}

.cardimmeuble {
	min-height: 500px;
}

.cardregie {
	min-height: 625px;
}

.cardabout {
	min-height: 500px;
}

*:focus {
	outline: none !important;
}

footer {
	background-color: #1d252d8c;
	color: white;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

footer a {
	color: white;
}

footer > p {
	text-align: center;
}

.credits {
	text-align: left;
}

hr {
	border-top: 1px solid #BDD09B;
}

.pagetitle a {
	line-height: 30px;
}

.buttonformulaire {
	text-align: center;
}

.inforight {
	display: none;
}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .75rem;
		padding-left: .75rem;
		font-size: 14px;
	}
}

@media (max-width: 1200px) {
	.cardimmeuble {
		min-height: 450px;
	}
	
	.cardregie {
		min-height: 575px;
	}
	
	.cardabout {
		min-height: 450px;
	}
	
	.imgtext {
		left: 30%;
	}
	
	.imgtextcrets {
		left: 22%;
	}
}

@media (max-width: 1024px) {
	.nodisplaymobile {
		display: none;
	}
	
	body, .dropdown-menu {
		font-size: .75rem;
	}
	
	p {
		font-size: 12px;
	}

	footer {
		text-align: center !important;
	}
	
	.plandusite {
		margin: 40px 0px;
		text-align: center;
	}
	
	.logo-transparent {
		margin-top: 0px;
	}
	
	.cardimmeuble {
		min-height: 350px;
	}
	
	.cardregie {
		min-height: 450px;
	}
	
	.cardabout {
		min-height: 475px;
	}
	
	.imgtext {
		left: 25%;
	}
	
	.imgtextcrets {
		left: 17%;
	}
}

@media (max-width: 768px) {
	.aboutimg {
		padding: 25px;
	}
	
	.content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.imgtext {
		font-size: 20px;
	}
	
	.dropdown-item {
	    padding: .25rem .5rem;
	}
	
	.dropdown-menu {
	    padding: .25rem 0;
	}
	
	.navbar-nav, .dropdown-menu {
		text-align: right;
	}
	
	.imgtext {
		left: 30%;
	}
	
	.imgtextcrets {
		left: 30%;
	}
	
	.cardabout {
		min-height: 425px;
	}
	
}