@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');

/********************************************************************
							GENERAL
********************************************************************/
body{
	margin:0;
	font-family: 'Livvic', sans-serif;
	/* font-family:Arial, Helvetica, sans-serif; */
	/* background:#121212; */
	color:#023C48;
}

.row {
    margin: 0;
}

.text-orange{
	color:#EF7C45;
}

.text-marine{
	color:#023C48;
}

.text-grey{
	color:#C5C5C5;
}

.text-bold{
	font-weight:bold;
}

.text-justify{
	text-justify: inter-word;
}

.centeredUnderline h5, .centeredUnderline h2 {
	display: inline-block;
	position: relative;
}
  
.centeredUnderline h5:after, .centeredUnderline h2:after {
	content: "";
	height: 2px;
	width: 75%;
	background-color: #023C48;
	position: absolute;
	bottom: -.3em;
	left: 50%;
	transform: translate(-50%);
}

ul{
	padding:0;
}

ul li{
	list-style:none;
}

input {
    outline: 0;
}

input:hover, input:active, input:focus {
    outline: 0;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
}

.summaryTitle{
	font-family: 'Mali', cursive;
	font-weight:400;
	color:#FD6F31;
}

.carouselCaptionText{
	background:rgba(2,60,72,1);
	padding:10px 10px;
	border-radius:50px;
	color:white;
	text-decoration:none;
}

.carouselCaptionText:hover{
	background:rgba(128,195,226,1);
	color:white;
}

.firstSection{
	/* background-color:#0066FF; */
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.spacer{
	aspect-ratio: 900/50;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.layer1, .layer2 {
	background-image: url('../img/layer1.svg');
}

.flip{
	-webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.pieceContainer{
	height:100vh;
	background:#121212;
	width:100%;
	display:flex;
	justify-content:center;
}

#mapImg{
	align-self:center;
	height:100vh;
}

#mapArea, map area{
	outline: none !important;
}

area:focus{
	border: none !important;
	outline: none !important; 
  }

  *::-moz-focus-inner {
	border-width: 0 !important;
	border-style: none !important;
	padding: 0 !important;
}

.list-group-item-warning {
	color: white;
	background-color: #EF7C45;
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
	color:white;
	background-color: #EF7C45;
}

.list-group-item-info {
	color:white;
	background-color: #80C3E2;
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
	color:white;
	background-color: #80C3E2;
}

.list-group-item-primary {
	color: white;
	background-color: #023C48;
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
	color: white;
	background-color: #023C48;
}

.titleChargeBailleur{
	color:#023C48;
}

.titleChargeLocataire{
	color:#EF7C45;
}

.titleContratEntretien{
	color:#80C3E2;
}

.titleFAI{
	color:black;
}

.tipsIconContainer{
	height:65px;
	width:65px;
	background:rgba(255,255,255,0.95);
  	position: fixed;
	  bottom:135px;
	right:25px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50px;
}

.homeIconContainer{
	bottom:50px;
}

.tipsIconContainer:hover{
	cursor:pointer;
}

.tipsIcon{
	position:relative;
	width:45px;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	background-color:rgba(0,0,0,0.8);
}


/********************************************************************
							INDEX
********************************************************************/

.custom-active{
	color:#EF7C45 !important;
}

.customLink{
	text-decoration:none;
	color:#023C48;
}

.customLink:hover{
	color:#EF7C45;
}

.sticky-md-top{
	align-self:flex-start;
	top:90px;
}

section{
	min-height:100vh;
}

.sideMenu{
	display:flex;
	flex-direction:column;
	justify-content:center;
	background:white;
}

.moreInformationsSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	margin-top:10px;
}

.arrow
{
  position: relative;
  bottom:-0.7rem;
  width: 40px;
  height: 40px;

  /**
   * Dark Arrow Down
   */
  background-image: url("../img/elements/downarrow2.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-7.5px);
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	/* Hide scrollbar for Chrome, Safari and Opera */
	/* .c-main::-webkit-scrollbar {
		display: none;
	} */
	
	/* Hide scrollbar for IE, Edge and Firefox */
	.c-main {
		/* IE and Edge */
		/* -ms-overflow-style: none;  */
		/* Firefox */
		/* scrollbar-width: none;  */
	}
	
	/* .c-main {
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
		scroll-snap-points-y: repeat(100vh);
		scroll-snap-type: y mandatory;
	} */
	
	/* .c-section {
		padding-top:20px;
		width: 100%;
		min-height: 100vh;
		scroll-snap-align: center;
	} */
    
}

/****************************
		SUMMARY SECTION
****************************/

.indexTitle{
	font-weight:bold;
}

.elementsContainer .element{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
}




/****************************
		CONTACT SECTION
****************************/

.logoSection{
	display:flex;
	justify-content:center;
	margin-bottom:30px;
}

.indexHeader{
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
}

.mainTile{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}

#astreinteTile .addressBody{
	height:auto;
	margin-bottom:20px;
}

.addressHead, .agenciesHead{
	color:#EF7C45;
	text-transform:uppercase;
	font-weight:bold;
}

.addressBody{
	height:100px;
}

.openingTimeSection{
	height:110px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.openingTime, .agenciesOpeningTime{
	padding:15px 10px;
	border:1.5px solid #023C48;
	border-radius:50px;
	text-align:center;
}

.agenciesSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.agencyCol{
	width:250px;
	text-align:center;
}