/* 
	-- GENERAL -- 
*/
html, body {

	margin:0;
	padding:0;
}

body { padding-top: 100px; }

h2 {
	font-family: 'Cambria';
	font-weight: bold;
	color:rgba(60,60,60,1);
}

h3 {
	font-family: 'Roboto';
	font-size: 1em;
	color:rgba(130,130,130,1);
}

h4 {
	font-family: 'Roboto';
	font-size: 1.3em;
	color:rgba(60,60,60,1);
}

h5 {
	font-family: 'Roboto';
	font-size: 0.9em;
	color:rgba(60,60,60,1);
}

p {
	font-family: 'Roboto';
	color:rgba(60,60,60,1);
}

.white {
	color:white;
}

.container-fluid {
	padding:0!important;
}

.row {
	margin:0!important;
}

.btn-sancy {
	border : 1px solid white;
	border-radius: 0;
	color:white;
	animation:1.7s;
}

.btn-sancy:hover {
	border : 1px solid white;
	background-color:white;
	color:rgb(50,50,50);
	animation:1.7s;
}

.bar {
	width:40px;
	height:4px;
	background-color: #6f0101;
	margin-right: 10px;
}

.bg-primary {
	background-color: #6f0101!important;
}

.bg-secondary {
	background-color: #454545!important;
}

.lock {
	color:rgba(130,130,130,0.6);
}

.lock:hover {
	color:rgba(130,130,130,1);
}


/* ################################################################################### */
/* 
	-- MENU -- 
*/

nav img {
	height:70px;
}

nav a {
	margin-right: 0!important;
	color:rgba(60,60,60,1);
	font-family: 'Roboto';
	font-size: 0.8em;
}

span i {
	color:rgba(50,50,50,1);
	font-size:28px;
}

.navbar {
	min-height: 100px;
	background-color: rgba(255,255,255,0.9);
	padding:0;
}

.collapse {
	flex-grow: 0;
}



/* ################################################################################### */
/* 
	-- SECTION SLIDER -- 
*/

.slider {
	height:900px;
	position:relative;
	background-image: url('../img/slide1.png');
	background-position: center;
	background-repeat: no-repeat;
}

.filter-slide {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background-color: rgba(50,50,50,0.2);
}

.filter-slide img {
	height:25%;
}


/* ################################################################################### */
/* 
	-- SECTION ABOUT -- 
*/

#about {
	margin-top: -100px;
	padding-top: 140px;
}

.img-band-lien {
	position:absolute;
	top:40%;
	left:50%;
	transform: translateX(-50%);
}

.img-band {
	position: relative;
}

.img-band .icon-band {
	border: 1px solid white;
	width:65px;
	height:65px;
	border-radius: 40px;
	animation:0.7s;
}

.img-band-row {
	margin-top:40px!important;
}

.img-band img {
	max-width: 100%;
	max-height: auto;
	transition:0.7s;
}

.tripad {
	min-height:150px;
	background-color: #6f0101;
}

/* ################################################################################### */
/* 
	-- SECTION APPARTMENTS -- 
*/

#appartments {
	margin-top: -100px;
	padding-top: 140px;
}

#appartments img{
	max-width: 100%;
	height:auto;
}

.app-block {
	padding:10px;
	border:1px solid rgba(150,150,150,0.5);
}

.app-block:hover {
	border:1px solid rgba(150,150,150,1);
}

.app-block p, hr, h4, a {
	margin:4px;
}

.app-block h4 {
	font-weight:bold;
	font-size: 1em;
}

.app-block p {
	color:rgba(130,130,130,1);
	font-size: 0.9em;
}

.app-block a {
	color:rgba(60,60,60,1);
	font-size:1em;
}

.app-block a:hover {
	color:#980202;
	text-decoration: none;
}



/* ################################################################################### */
/* 
	-- SECTION PRICES -- 
*/

#prices {
	margin-top: -100px;
	padding-top: 140px;
}

#prices h2 {
	font-weight: normal;
}

#prices .bar {
	background-color: white;
	height: 3px;
}

.shadow-grey {
	background-color:#343434;
}



/* ################################################################################### */
/* 
	-- ARRAYS -- 
*/

table {
	overflow: auto;
	font-size: 0.8em;
	font-family: 'Roboto';
	font-weight: 500;
	width:100%;
}

table th {
	text-align:center;
	padding:10px;
}

table tr:hover {
	background-color: rgba(150,150,150,0.5);
}

.bg-tr-light {
	background-color: #eeeeee;
}

.bg-tr-dark {
	background-color: #e6e6e6;
}



/* ################################################################################### */
/* 
	-- FOOTER -- 
*/


.page-footer {
	background-color:#454545;
	color:white;
}

.footer-copyright {
	background-color: #343434;
	position:relative;
	font-size: 0.9em;
}

footer p {
	color: white;
	font-weight:500;
	font-size: 0.9em;
}

.footer div {
	border: 1px solid rgba(180,180,180,0.5);
	min-height: 200px;
}

.footer div:hover {
	border: 1px solid white;
}

footer h2 {
	color:white;
	font-weight: normal;
}

footer h3 {
	color:rgba(180,180,180,1);
}

footer .h-change {
	min-height: 380px;
	align-items: center;
	display:flex;
}
footer .bar {
	background-color: white;
	height:3px;
}

.shadow-red {
	background-color: #4F0101;
}

.footer {
	position:relative;
}

.corner-l {
	position:absolute;
	top:0;
	left:0;
	border-top:2px solid #6f0101;
	border-left:2px solid #6f0101;
	width:40px;
	height:40px;
}

.corner-r {
	position:absolute;
	bottom:0;
	right:0;
	border-bottom:2px solid #6f0101;
	border-right:2px solid #6f0101;
	width:40px;
	height:40px;
}

footer .designed {
	position: absolute;
	right:10px;
	color:grey;
	font-size: 0.9em;
}

footer a {
	text-decoration: none;
	color:white;
}

footer .designed a {
	text-decoration: none;
	color:grey;
}

footer a:hover {
	text-decoration: none;
	color:#6f0101;
}


/* ################################################################################### */
/* 
	-- RESPONSIVE -- 
*/


@media screen and (max-width: 450px) {
	nav img {
		height:60px;
	}
	.slider {
		height:450px;
		background-size: 300%;
	}
}

@media screen and (max-width: 800px) {
	footer .designed {
		position: absolute;
		right:10px;
		top:-20px;
		color:grey;
		font-size: 0.9em;
		z-index: 3;
	}

	nav img {
		height:50px;
	}
}



/* ################################################################################### */
/* 
	-- ANIMATION -- 
*/

.pulse {
	animation: pulse 1.2s infinite;
}

@keyframes pulse {
    
    0% {
    	opacity:0;
        transform: translateY(-20px);
    }
    
    100% {
    	opacity:1;
        transform: translateY(0);
    }
    
}


/* ################################################################################### */
/* 
	-- CAROUSEL -- 
*/

.carousel img {
	max-height:500px;
	width:auto;
	margin:auto;
	image-orientation: from-image;
}

.carousel-control-next .fas {
	color:black;
}

.carousel-control-prev .fas {
	color:black;
}



/* ################################################################################### */
/* 
	-- TINYMCE -- 
*/


.tox {
	width:80%;
}