/* Custom bootstrap CSS
------------------------- */

		.bg-light-gray{
			background-color: #f5f5f5;
		}
		.bg-light-secondary{
			background-color: #828a90;
		}
		.bd-light-secondary{
			border-color: #828a90;
		}
		.bg-dark-black{
			background-color: #181b1f;
		}
		.bd-dark-black{
			border-color: #50575d;
		}
		.bg-color-secondary{
			background-color: #008E89;
		}
		.bd-color-secondary{
			border-color: #008E89;
		}
		.bg-color-secondary-dark{
			background-color: #005f63;
		}
		.bd-color-secondary-dark{
			border-color: #005f63;
		}
		.smalltextcustom{
			font-size: .9em;
		}
		.mediumsmalltextcustom{
			font-size: 1em;
		}
		.extrasmalltextcustom{
			font-size: .8em;
		}
		.text-color-secondary{
		color: #008E89;
		}
		.text-color-secondary-dark{
		color: #005f63;
		}
		.btn-color-secondary{
			color: #fff;
			background-color: #008E89;
			border-color: #008E89;
		}
		.btn-color-secondary:hover{
			color: #fff;
			background-color: #005f63;
			border-color: #005f63;
		}
		.btn-color-secondary:focus {
    		color: #fff;
    		background-color: #005f63;
    		border-color: #005f63;
    		box-shadow: 0 0 0 0.25rem rgb(130 138 145 / 50%);
		}
		.btn-color-secondary:disabled {
    		color: #fff;
    		background-color: #6c757d !important;
    		border-color: #6c757d!important;
    		shadow: none!important;
			opacity:0.25 !important;
		}
		.header-icon{
			padding-right: 10px;
		}
		.header-img{
			margin-bottom: 20px;
		}
		.paddingtop40{
			padding-top: 40px;
		}
		.custom-color{
			background-color: #fbdd73;
		}
		.text-custom-color{
			color: #fbdd73;
		}
		.link-footer{
			color: #6c757d;
			text-decoration: none;
			opacity: 0.8;
		}
		.text-footer{
			color: #6c757d;
			opacity: 0.7;
		}
		.link-footer:hover{
			color: #fbdd73;
			text-decoration: none;
			opacity: 1;
		}
		.link-prices{
			color: #6c757d;
			text-decoration: none;
			opacity: 0.65;
		}
		.link-prices:hover{
			color: #6c757d;
			text-decoration: none;
			opacity: 1;
		}
		.sizex2{
			font-size: 160%;
			line-height: 125%;
		}
@media (min-width: 425px){
		.sizex2{
			font-size: 200%;
			line-height: 125%;
		}
}
		.text-muted-custom{
			opacity: 0.5;
		}
/* 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.25;
  /* rtl:remove */
  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;
  }
}

@media (max-width: 767px){
	.modal-body{
		font-size: .9em;
	}
	.modal-body p{
		margin-bottom: .75rem;
		line-height: 1.45;
	}
}

@media (min-width: 320px){
 .featurette-heading {
    font-size: 26px;
  }
	.feattextright p,
	.feattextleft p {
	font-size: 1.07rem;
	}
}

		
@media (max-width: 767px){
	.featurette-heading,
	.featurette p{
		text-align: center;
	}
	.featurette-image{
	padding: 30px;
	}
	.featurette{
		padding-left:25px;
		padding-right:25px;
	}
}
@media (min-width: 768px) {
  .featurette-heading {
    font-size: 28px;
  }
	.feattextright p,
	.feattextleft p {
	font-size: 1.07rem;
	}
	.feattextright{
	padding-right: 60px;
	}
 .feattextleft{
	padding-left: 60px;
	}
}

@media (min-width: 992px) {
.feattextright{
	padding-right: 100px;
	}
 .feattextleft{
	padding-left: 80px;
	}
}

@media (min-width: 1200px) {
  .featurette-heading {
    font-size: 32px;
  }
	.feattextright p,
	.feattextleft p {
	font-size: 1.25rem;
	}
  .feattextright{
	padding-right: 140px;
	}
  .feattextleft{
	padding-left: 100px;
	}
}

@media (min-width: 1400px) {
.feattextright{
	padding-right: 250px;
	}
.feattextleft{
	padding-left: 130px;
	}
.featurette-image{
	padding: 30px;
	}
}

/*Card tarifs*/
@media (max-width: 767px) {
	.card-tarifs{
		margin-bottom: 70px;
	}
	.card-tarifs:last-child{
		margin-bottom: 0px;
	}
}

/*--CAROUSEL--*/
@media (min-width: 1400px) {
	#carouselExampleCaptions{
		max-width: 1600px;
		margin-left: auto;
		margin-right: auto;
	}
}

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


/*Contact form*/
input#collectivite.form-control:focus,
input#email.form-control:focus,
textarea#message.form-control:focus{
	background-color: #181b1f;
}

#formulaire-contact{
	border-bottom:1px solid #50575d;
}

select#jeSouhaite.form-select:disabled,
input#collectivite.form-control:disabled,
input#email.form-control:disabled,
textarea#message.form-control:disabled { 	
	background-color:#212529!important ;
 }
#contactForm button.btn.disabled{
	opacity: 0.3 !important;
}
#contactForm [contenteditable="false"]{
	opacity: 0.5 !important;
}

/*--*/
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

/*Footer*/
#brand-link-to-top{
	display: inline-block;
}
#brand-link-to-top span{
	font-size: 0.75em;
}