/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

:root {
	--Main-color: #ED7125;
	--Main-title-color: #ED7125;
 }

html {
	scroll-behavior: smooth;
}

body {
	padding-top: 54px;
}

@media (min-width: 992px) {
	body {
		padding-top: 56px;
	}
}

.carousel-item {
	height: 85vh;
	min-height: 300px;
	max-height:700px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.portfolio-item {
	margin-bottom: 30px;
}

.navbar-brand {
	display:inline-block;
	padding-top:.3125rem;
	padding-bottom:.3125rem;
	margin-right:1rem;
	font-size:2rem;
	line-height:inherit;
	white-space:nowrap

}
.bg-dark {background-color:var(--Main-color) !important;}
h1{color:var(--Main-title-color);}
h2{color:var(--Main-title-color);}
h3{color:#111;}
h4{color:var(--Main-title-color);}
h5{color:#111;}

@media (max-width: 575px) {
	.navbar-brand{font-size:0.8rem;} 
	.dropdown-item{font-size:0.8rem;} 
	.display-4{font-size:2.5rem;} 
	body{font-size:80%;} 
	h1{font-size:1rem;} 
	h2{font-size:1rem;} 
	h3{font-size:1rem;} 
	h4{font-size:1rem;} 
	h5{font-size:1rem;} 
legend {font-size:0.8rem!important;}
	.lead{font-size:1rem;} 
	.btn{font-size:0.8rem;} 
}

@media (min-width: 576px) and (max-width: 767px) {
	.navbar-brand{font-size:1.5rem;} 
	.display-4{font-size:2.5rem;} 
	body{font-size:90%;} 
	h1{font-size:1.2rem;} 
	h2{font-size:1.2rem;} 
	h3{font-size:1.2rem;} 
	h4{font-size:1.2rem;} 
	h5{font-size:1.2rem;} 
legend {font-size:0.9rem!important;}
	.lead{font-size:1.2rem;} 
	.btn{font-size:1rem;} 
}

@media (min-width: 768px) {
	.collapse.dont-collapse-md {
		display: block;
		height: auto !important;
		visibility: visible;
	}
	h1{font-size:1.6rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.4rem;}
	h5{font-size:1.2rem;}	
}

body{background-color:#D9DDC0;}
.dropdown-menu{background-color:var(--Main-color);}
.dropdown-item, .nav-item a{color:#050505!important;}
.dropdown-item:hover, .dropdown-item:focus, .nav-item:hover, .nav-item:focus {color: #fff!important;background-color:var(--Main-color);border-color: var(--Main-title-color);}
.dropdown-item.active, .dropdown-item:active, .nav-link.active, .nav-link:active {color: #fff!important;background-color:var(--Main-color);border-color: var(--Main-title-color);}

.navbar-toggler-icon {color:#050505!important;}

.color-icon{color:#F55208;}
.color-back{background-color:#F55208;}
.color-lien{color:#dee2e6;}
.badge-warning-resa{color:#fff;background-color:#AF8082;}
.badge-danger-resa{color:#fff;background-color:#AB001D;}
.img-page{max-height:400px;align-content:center;} 
.row-desc{background-color:#fff;}

.page-header { color:#050505!important;}
legend {font-size:1rem;}

.fcbk {color:#000;}
.fcbk:hover, .fcbk:focus, .fcbk.active, .fcbk:active  {color: #fff;}

.nav-footer {color:#050505;}
.nav-footer:hover, .nav-footer:focus, .nav-footer.active, .nav-footer:active {color: #fff;}

.btn-info1 {
  color: #000!important;
  background-color: #40ADF0!important;
  border-color: #1C75B3!important;
}

.btn-info1:hover {
  color: #fff!important;
  background-color:#4B41C3!important;
  border-color: #0F4F89!important;
}


.btn-info2 {
  color: #000;
  background-color: #FFB64D;
  border-color: #ED7125;
}

.btn-info2:hover {
  color: #050505;
  background-color:var(--Main-color);
  border-color: #EE752B;
}

.btn-info2:focus, .btn-info2.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 255);
}

.btn-info2.disabled, .btn-info2:disabled {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;
}

.btn-info2:not(:disabled):not(.disabled):active, .btn-info2:not(:disabled):not(.disabled).active,
.show > .btn-info2.dropdown-toggle {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;
}

.btn-info2:not(:disabled):not(.disabled):active:focus, .btn-info2:not(:disabled):not(.disabled).active:focus,
.show > .btn-info2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 255);
}

.btn-reserver {
  color: #fff!important;
  background-color: #218838!important;
  border-color: #0E5F1C!important;
}

.btn-reserver:hover {
  color: #fff!important;
  background-color:#0E5F1C!important;
  border-color: #0E5F1C!important;
}

.btn-form {
  color: #fff!important;
  background-color: #1C75B3!important;
  border-color: #004C9E!important;
}

.btn-form:hover {
  color: #fff!important;
  background-color: #004C9E!important;
  border-color: #003975!important;
}
.slogan-box {
	background-color: #ffffff;
	margin-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	border-radius: 5px;
}

.slogan-text {
	padding-top: 3px; 
	padding-bottom: 5px; 
	background-color: #0000000c;
}

.slogan-text p {
	font-size:1.4rem;
}

.breadcrumb{
	background-color:#e9ecef;
	border-radius:.25rem;
	padding:.75rem 1rem;
}

.breadcrumb-item.active {
	color:#40444A;
}

.breadcrumb-item:before {
	color:#40444A!important;
}
.breadcrumb a {
	color:#004C9E;
	text-decoration: underline;
}

.breadcrumb a:hover{
	color:#003975;
}

.lien a {
	color:#004C9E!important;
	text-decoration: underline!important;
}

.lien a:hover{
	color:#003975!important;
}

.text-info {
	color: #004C9E !important;
}

.image-header {
	display: flex;
}

.centered-modal.in {display: flex !important;}
.centered-modal .modal-dialog {margin: auto;}

.form-control::-webkit-input-placeholder {color: #087EB4;opacity: 1;font-style: italic}
.form-control::-moz-placeholder {color: #087EB4;opacity: 1;font-style: italic}
.form-control:-ms-input-placeholder {color: #087EB4;opacity: 1;font-style: italic}
.form-control::-ms-input-placeholder {color: #087EB4;opacity: 1;font-style: italic}
.form-control::placeholder {color: #087EB4;opacity: 1;font-style: italic}

#reserver {
  position: fixed;
  right: 10px;
  top: 50%;
  width: 10em;
  margin-top: -2.5em;
  z-index:800;
  align-content:center;
}

.card-action {
/*! background-color: #ff9800;
background:hsla(80,90%,40%,0.7); */
background-image:url('../media/Black_Paw.svg');
background-size: cover;
  border-radius: 2px;
  display: inline-block;
  height: 150px; 
  margin: 1rem;
  position: relative;
  width: 80px; 
  color:#fff;
}

.card-action-1 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-action-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

p[id^="Ancre_"] {
padding-top: 80px; 
margin-top: -80px; 
}
.ekko-lightbox-nav-overlay a{opacity:1;}

.bot {line-height: 1.1;}


.panel-heading .accordion-toggle.collapsed h2:after {
    /* symbol for "collapsed" panels */
    content:"+";
    float: right;        
    padding-right: 5px;      
}
.panel-heading .accordion-toggle.collapsed p:after {
    /* symbol for "collapsed" panels */
    content:"+";
    float: right;        
    padding-right: 5px;      
}



.PlanSitediv {
margin:auto;
font-size: 1.2em;
line-height: 1.4em;
}
.PlanSite ul {
margin-left: 10px;
}
.PlanSite ul li{
margin-left: 10px;
}
.PlanSite  a:hover, 
.PlanSite a:active {
  background: #CDFFCC;
}

.form-check-label {
  margin-left: -2px!important;
  margin-right: 10px!important;
}


footer hr {border-color:#050505!important;}
footer {line-height: 1em;}
.bg-orange {
  background-color: #ED7125 !important;
}
.orange {color:#ED7125;}

.bg-podium  {
  background-color:#C3534B;
  }

.orangemark {
  background: 0 0;
  background: linear-gradient(to right, rgba(#000, 0) 50%, rgba(#ED7125, 0.85) 50%);
  background-position: 0;
/*! make the background twice as big */
  background-size: 200%;
}

.darkgreen {
  background: 0 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(37, 176, 169, 0.85) 50%);
  background-position: 0;
  background-size: 200%;
}

mark {
  background: #ED7125;
  color: white;
}
p.small {
  font-variant: small-caps;
}

#podium-box {
  margin: 0 auto;
  display: flex;
}

.podium-number {
  font-weight: bold;
  font-size: 33px;
  color: white;
}

.step-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.step-container>div:first-child {
  margin-top: auto;
  text-align: center;
}

.step {
  text-align: center;
}

#first-step {
  height: 50%;
}

#second-step {
  height: 35%;
}

#third-step {
  height: 30%;
}
.text-podium { 
	font-size: 17px;
font-weight: bold;
}

.counter{
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 0 0 10px;
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.counter:before{
content: '';
background-color: #C3534B;
width: 100%;
border-radius: 20px;
position: absolute;
left: 0;
top: 30px;
bottom: 0;
z-index: -1;
}
.counter .counter-content{
background-color: #ffffff;
width: 190px;
padding: 20px 10px 25px;
margin: 0 auto 25px;
border-radius: 20px;
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
position: relative;
}
.counter .counter-content:before{
content: '';
background: linear-gradient(to right bottom,transparent 50%,#fff 51%);
height: 20px;
width: 20px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
transform: translateX(-50%) rotate(45deg);
position: absolute;
left: 50%;
bottom: -9px;
}
.counter .counter-icon{
color: #555;
font-size: 40px;
line-height: 40px;
margin: 0 0 15px;
}
.counter h3{
color: #C3534B;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.counter .counter-value{
color: #fff;
font-size: 33px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.5px;
display: block;
}
.counter.blue:before{ background-color: #1F69FF; }
.counter.blue h3{ color: #1F69FF; }
.counter.green:before{ background-color: #598212; }
.counter.green h3{ color: #598212; }
@media screen and (max-width:990px){
.counter{ margin-bottom: 40px; }
}



.shape{    
	border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer:hover {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform:rotate scale(1.1); 
    -webkit-transition: all 0.4s ease-in-out; 
-moz-transition: all 0.4s ease-in-out; 
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
    }
.shape {
	border-color: rgba(255,255,255,0) #96c42b rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
	border-radius:7px;
}
.offer-danger {	border-color: #598212; }
.offer-danger .shape{
	border-color: transparent #598212 transparent transparent;
}
.offer-success {	border-color: #1F69FF; }
.offer-success .shape{
	border-color: transparent #1F69FF transparent transparent;
}
.offer-default {	border-color: #999999; }
.offer-default .shape{
	border-color: transparent #999999 transparent transparent;
}
.offer-primary {	border-color: #428bca; }
.offer-primary .shape{
	border-color: transparent #428bca transparent transparent;
}
.offer-info {	border-color: #5bc0de; }
.offer-info .shape{
	border-color: transparent #5bc0de transparent transparent;
}
.offer-warning {	border-color: #f0ad4e; }
.offer-warning .shape{
	border-color: transparent #f0ad4e transparent transparent;
}

.shape-text{
	color:#fff; font-size:20px; font-weight:bold; position:relative; right:-45px; top:-6px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(30deg); /* Safari and Chrome */
	transform:rotate(30deg);
}	
.offer-content{
	padding:0 20px 10px;
}
@media (min-width: 487px) {
  .containerprice {
    max-width: 750px;
  }
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .containererprice {
    max-width: 970px;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
}

@media (min-width: 1200px) {
  .containererprice {
    max-width: 1170px;
  }
  .col-lg-3 {
    width: 25%;
  }
}