/*-----------------------------------------------------------------------------------*/
/*	01: NAVIGATION BAR 
/*-----------------------------------------------------------------------------------*/
nav a:hover{
	box-shadow: 0 5px #ffffffbf;
	background-color: #168091;
	border-radius:0;
}
nav .nav-link:focus, .nav-link:hover {
	background-color: #168091;
}
nav .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	box-shadow: 0 5px #ffffffbf;
	background-color: #168091;
	border-radius:0;
}
nav .nav-pills .nav-link {
	border-radius: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	02: Image 
/*-----------------------------------------------------------------------------------*/
img {
	display: block;
	max-width: 100%;
}
.img-title {
	max-height: 100px;
}
.img-title2 {
	max-height: 50px;
}
.img-brand{
	max-height: 40px;
}
.img-size {
	width: 100%;
	height: 20vh;
	object-fit: contain;
}
/*-----------------------------------------------------------------------------------*/
/*	03: CAROUSEL 
/*-----------------------------------------------------------------------------------*/
.carousel-inner {
	height: 50vh;
	padding-bottom: 25%; /* this sets carousel aspect ratio (4:1 here) */
}
.carousel-item {
	position: absolute !important; /* Bootstrap is insistent */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.carousel-item img {
	height: 100%; /* Bootstrap handles width already */
	object-fit: cover; /* or 'contain' if you want stretch instead of crop */
}
/*-----------------------------------------------------------------------------------*/
/*	04: Animation 
/*-----------------------------------------------------------------------------------*/
a:hover > i.fa-shakeH {
	-webkit-animation-name: fa-shake;
	animation-name: fa-shake;
	-webkit-animation-duration: var(--fa-animation-duration,1s);
	animation-duration: var(--fa-animation-duration,1s);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing,linear);
	animation-timing-function: var(--fa-animation-timing,linear);
}
/*-----------------------------------------------------------------------------------*/
/*	00: AUTRES 
/*-----------------------------------------------------------------------------------*/
/* CONTACT */ 
input, textarea, .input-contact {
	background-color: transparent!important;
	border: 0!important;
	border-bottom: 1px solid #14546285!important;
	border-radius:0!important;
}
.bg-img1 {
	background-image: linear-gradient( to bottom,#83c5be45,#f1efdeb3), url(../img/bannertest4.jpg);
	background-size: cover;	
}

#Tarifs .card:hover {
	margin-top: -.25rem;
	margin-bottom: .25rem;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
#map {
	min-height: 600px;
	/* The height is 400 pixels */
	width: 100%;
	/* The width is the width of the web page */
}
#BackToTop {
	position: fixed;
	bottom: 40px;
	right: 40px;
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	00: COULEUR 
/*-----------------------------------------------------------------------------------*/
:root {
	--bs-lightbeige: #f1efde;
	--bs-beige: #e3ccab;
	--bs-cyanblue: #157685;
	--bs-cyanlight: #128a9d;
}
/* BTN NORMAL */
.btn-lightbeige {
	color: #000;
	background-color: #f1efde;
	border-color: #f1efde;
}
.btn-lightbeige:hover {
	color: #000;
	background-color: #e5e1c4;
	border-color: #dfdcc4;
}
.btn-check:focus + .btn-lightbeige, .btn-lightbeige:focus {
	color: #000;
	background-color: #e5e1c4;
	border-color: #dfdcc4;
	box-shadow: 0 0 0 0.25rem rgba(209, 204, 160, 0.5);
}
.btn-check:checked + .btn-lightbeige, .btn-check:active + .btn-lightbeige, .btn-lightbeige:active, .btn-lightbeige.active, .show > .btn-lightbeige.dropdown-toggle {
	color: #000;
	background-color: #dfdcc4;
	border-color: #d9cf76;
}
.btn-check:checked + .btn-lightbeige:focus, .btn-check:active + .btn-lightbeige:focus, .btn-lightbeige:active:focus, .btn-lightbeige.active:focus, .show > .btn-lightbeige.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(209, 204, 160, 0.5);
}
.btn-lightbeige:disabled, .btn-lightbeige.disabled {
	color: #000;
	background-color: #f1efde;
	border-color: #f1efde;
}
/* BTN OUTLINE */
.btn-outline-lightbeige {
	color: #d9cf76;
	border-color: #d9cf76;
}
.btn-outline-lightbeige:hover {
	color: #000;
	background-color: #f1efde;
	border-color: #f1efde;
}
.btn-check:focus + .btn-outline-lightbeige, .btn-outline-lightbeige:focus {
	box-shadow: 0 0 0 0.25rem rgba(209, 204, 160, 0.5);
}
.btn-check:checked + .btn-outline-lightbeige, .btn-check:active + .btn-outline-lightbeige, .btn-outline-lightbeige:active, .btn-outline-lightbeige.active, .btn-outline-lightbeige.dropdown-toggle.show {
	color: #000;
	background-color: #f1efde;
	border-color: #f1efde;
}
.btn-check:checked + .btn-outline-lightbeige:focus, .btn-check:active + .btn-outline-lightbeige:focus, .btn-outline-lightbeige:active:focus, .btn-outline-lightbeige.active:focus, .btn-outline-lightbeige.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(209, 204, 160, 0.5);
}
.btn-outline-lightbeige:disabled, .btn-outline-lightbeige.disabled {
	color: #d9cf76;
	background-color: transparent;
}
/* ALERT */ 
.alert-lightbeige {
	color: #c1b760;
	background-color: #f1efde;
	border-color: #e7e4ca;
}
.alert-lightbeige .alert-link {
	color: #c1b760; /* #c5b951 */
}
/* LIST GROUP ITEMS */
.list-group-item-lightbeige {
	color: #c1b760;
	background-color: #f1efde;
}
.list-group-item-lightbeige.list-group-item-action:hover, .list-group-item-lightbeige.list-group-item-action:focus {
	color: #c1b760;
	background-color: #f7f2ca; /* #ede8c2 #f7f2ca */
}
.list-group-item-lightbeige.list-group-item-action.active {
	color: #000;
	background-color: #c1b760;
	border-color: #c1b760;
}
/* LINK */
.link-lightbeige {
	color: #f1efde;
}
.link-lightbeige:hover, .link-lightbeige:focus {
	color: #e3deb5;
}
/* Border */ 
.border-lightbeige {
	border-color: #f1efde !important;
}
/* Text */
.text-lightbeige {
	color: #f1efde !important;
}
/* Bg */
.bg-lightbeige {
	background-color: #f1efde !important;
}
.bg-beige {
	background-color: #e3ccab !important;
}
/* BTN NORMAL */
.btn-cyanblue {
	color: #fff;
	background-color: #157685;
	border-color: #157685;
}
.btn-cyanblue:hover {
	color: #fff;
	background-color: #83C5BE;
	border-color: #83C5BE;
}
.btn-check:focus + .btn-cyanblue, .btn-cyanblue:focus {
	color: #fff;
	background-color: #83C5BE;
	border-color: #83C5BE;
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5); /* 131 197 190 */
}
.btn-check:checked + .btn-cyanblue, .btn-check:active + .btn-cyanblue, .btn-cyanblue:active, .btn-cyanblue.active, .show > .btn-cyanblue.dropdown-toggle {
	color: #fff;
	background-color: #105e6a!important;
	border-color: #105e6a!important;
}
.btn-check:checked + .btn-cyanblue:focus, .btn-check:active + .btn-cyanblue:focus, .btn-cyanblue:active:focus, .btn-cyanblue.active:focus, .show > .btn-cyanblue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5);
}
.btn-cyanblue:disabled, .btn-cyanblue.disabled {
	color: #fff;
	background-color: #157685;
	border-color: #157685;
}
/* BTN OUTLINE */
.btn-outline-cyanblue {
	color: #83C5BE;
	border-color: #83C5BE;
}
.btn-outline-cyanblue:hover {
	color: #fff;
	background-color: #157685;
	border-color: #157685;
}
.btn-check:focus + .btn-outline-cyanblue, .btn-outline-cyanblue:focus {
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5);
}
.btn-check:checked + .btn-outline-cyanblue, .btn-check:active + .btn-outline-cyanblue, .btn-outline-cyanblue:active, .btn-outline-cyanblue.active, .btn-outline-cyanblue.dropdown-toggle.show {
	color: #fff;
	background-color: #157685;
	border-color: #157685;
}
.btn-check:checked + .btn-outline-cyanblue:focus, .btn-check:active + .btn-outline-cyanblue:focus, .btn-outline-cyanblue:active:focus, .btn-outline-cyanblue.active:focus, .btn-outline-cyanblue.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5);
}
.btn-outline-cyanblue:disabled, .btn-outline-cyanblue.disabled {
	color: #83C5BE;
	background-color: transparent;
}
/* ALERT */ 
.alert-cyanblue {
	color: #83C5BE;
	background-color: #157685;
	border-color: #096674;
}
.alert-cyanblue .alert-link {
	color: #83C5BE; /* #c5b951 */
}
/* LIST GROUP ITEMS */
.list-group-item-cyanblue {
	color: #83C5BE;
	background-color: #157685;
}
.list-group-item-cyanblue.list-group-item-action:hover, .list-group-item-cyanblue.list-group-item-action:focus {
	color: #83C5BE;
	background-color: #02505c; /* #ede8c2 #02505c */
}
.list-group-item-cyanblue.list-group-item-action.active {
	color: #fff;
	background-color: #83C5BE;
	border-color: #83C5BE;
}
/* LINK */
.link-cyanblue {
	color: #157685;
}
.link-cyanblue:hover, .link-cyanblue:focus {
	color: #145462;
}
/* Border */ 
.border-cyanblue {
	border-color: #0c6876 !important;
}
/* Text */
.text-cyanblue {
	color: #157685 !important;
}
/* Bg */
.bg-cyanblue {
	background-color: #157685 !important;
}

/* BTN NORMAL */
.btn-cyanlight {
	color: #fff;
	background-color: #128a9d;
	border-color: #128a9d;
}
.btn-cyanlight:hover {
	color: #fff;
	background-color: #68bbbf;
	border-color: #68bbbf;
}
.btn-check:focus + .btn-cyanlight, .btn-cyanlight:focus {
	color: #fff;
	background-color: #68bbbf;
	border-color: #68bbbf;
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5); /* 131 197 190 */
}
.btn-check:checked + .btn-cyanlight, .btn-check:active + .btn-cyanlight, .btn-cyanlight:active, .btn-cyanlight.active, .show > .btn-cyanlight.dropdown-toggle {
	color: #fff;
	background-color: #68bbbf!important;
	border-color: #68bbbf!important;
}
.btn-check:checked + .btn-cyanlight:focus, .btn-check:active + .btn-cyanlight:focus, .btn-cyanlight:active:focus, .btn-cyanlight.active:focus, .show > .btn-cyanlight.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5);
}
.btn-cyanlight:disabled, .btn-cyanlight.disabled {
	color: #fff;
	background-color: #128a9d;
	border-color: #128a9d;
}
/* BTN OUTLINE */
.btn-outline-cyanlight {
	color: #68bbbf;
	border-color: #68bbbf;
}
.btn-outline-cyanlight:hover {
	color: #fff;
	background-color: #128a9d;
	border-color: #128a9d;
}
.btn-check:focus + .btn-outline-cyanlight, .btn-outline-cyanlight:focus {
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5);
}
.btn-check:checked + .btn-outline-cyanlight, .btn-check:active + .btn-outline-cyanlight, .btn-outline-cyanlight:active, .btn-outline-cyanlight.active, .btn-outline-cyanlight.dropdown-toggle.show {
	color: #fff;
	background-color: #128a9d;
	border-color: #128a9d;
}
.btn-check:checked + .btn-outline-cyanlight:focus, .btn-check:active + .btn-outline-cyanlight:focus, .btn-outline-cyanlight:active:focus, .btn-outline-cyanlight.active:focus, .btn-outline-cyanlight.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(131, 197, 190, 0.5);
}
.btn-outline-cyanlight:disabled, .btn-outline-cyanlight.disabled {
	color: #68bbbf;
	background-color: transparent;
}
/* LINK */
.link-cyanlight {
	color: #68bbbf;
}
.link-cyanlight:hover, .link-cyanlight:focus {
	color: #168091;
}
/* Text */
.text-cyanlight {
	color: #128a9d !important;
}
/* Bg */
.bg-cyanlight {
	background-color: #83C5BE !important;
}
textarea#Contactmessage{height: 200px}
img#mango{background-color: #fd6a02}
.shadow-blue{text-shadow: 0px 0px 0px #157685;}
.text-st-white{-webkit-text-stroke: 0.1rem #fff}