body {
	/* font-family: 'Wire One', sans-serif; * 
	/* font-family: 'Comfortaa', cursive; */
	font-family: 'Montserrat', sans-serif;
	/* font-family: 'Oxanium', cursive; */
	/* font-family: 'Poiret One', cursive; */
	/* font-family: 'Raleway', sans-serif;*/
	/* font-family: 'Wire One', sans-serif; */
}

body {
  	overflow-y: scroll; /* Add the ability to scroll */
  	position:relative;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE and Edge */
body {
    -ms-overflow-style: none;
}

h1, h2, h3, h4, h5, .card-title, .navbar-brand {font-family: 'Raleway', sans-serif;font-weight:600;}

section {min-height: calc(100vh - 50px);}

p.clients {
	text-align:center;
	padding:0.5rem;
	margin:1rem 0;
	color:#fff;
	font-weight:600;
	font-family: 'Raleway', sans-serif;font-weight:600;
}

.navbar {padding-top:0;padding-bottom:0;}

.navbar-brand {font-size:1.75rem;margin:0 0 0 -1rem;padding:0;}

.align-v {align-items:center;display:flex;}


.navbar-dark .navbar-nav .nav-link.blanc.active{
	color: #fff!important;
    border-bottom: 0.25rem solid #fff;
    padding-bottom: 0.25rem;

}

.navbar-dark .navbar-nav .nav-link.vert.active{
	color: #2a9d8f!important;
    border-bottom: 0.25rem solid #2a9d8f;
    padding-bottom: 0.25rem;
}

.navbar-dark .navbar-nav .nav-link.jaune.active{
	color: #e9c46a!important;
    border-bottom: 0.25rem solid #e9c46a;
    padding-bottom: 0.25rem;
}

.navbar-dark .navbar-nav .nav-link.rouge.active{
	color: #e76f51!important;
    border-bottom: 0.25rem solid #e76f51;
    padding-bottom: 0.25rem;
}

.navbar-dark .navbar-nav .nav-link.orange.active {
	color: #f4a261!important;
    border-bottom: 0.25rem solid #f4a261;
    padding-bottom: 0.25rem;
}

.navbar-dark .navbar-nav .nav-link.bleu.active{
	color: #313048!important;
    border-bottom: 0.25rem solid #313048;
    padding-bottom: 0.25rem;
}


/* PALETTE */
.bleu {color:#313048;}
.vert {color:#2a9d8f;}
.jaune {color:#e9c46a;}
.orange {color:#f4a261;}
.rouge {color:#e76f51;}

.fond-bleu {background-color:#313048;}
.fond-vert {background-color:#2a9d8f;}
.fond-jaune {background-color:#e9c46a;}
.fond-orange {background-color:#f4a261;}
.fond-rouge {background-color:#e76f51;}

/* GLOBAL STYLES
-------------------------------------------------- */

body {
  padding-top: 50px;
  color: #101010;
}

.reseaux-sociaux {
	font-size:3rem;
}

p.guillemets-gauche::before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 2rem;
    font-style: normal;
    color: #f4a261;
    position: relative;
    float: left;
    margin-right: 0.75rem;
}

p.guillemets-droit::after {
    font-family: "FontAwesome";
    content: "\f10e";
    font-size: 2rem;
    font-style: normal;
    color: #f4a261;
    position: relative;
    float: right;
    margin-left: 0.75rem;
}

/* CAROUSSEL
-------------------------------------------------- */

.carousel {
  margin-bottom: 1rem;
}

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

.carousel-item {
  height: 18rem;
}

.carousel-inner {
  height: 100%;
}

.item {
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 18rem;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 18rem;
}

.carousel-caption {
  padding-bottom: 0;
}

/* Contenu marketing
-------------------------------------------------- */

.marketing {padding:0 1rem;}

.marketing h2 {
  font-weight: 400;
}

.separateur-encart{
  margin: 5rem 0;
}

.titre-encart {
  font-weight: 300;
  color:#313048;
  margin-bottom: 1rem;
}


.btn-primary.vert {
	background-color:#2a9d8f;
	border-color:#2a9d8f;
	color:#fff;
}

.btn-primary.vert:hover {
	background-color:#1c6a61;
	border-color:#1c6a61;
}

.btn-primary.jaune {
	background-color:#e9c46a;
	border-color:#e9c46a;
	color:#fff;
}

.btn-primary.jaune:hover {
	background-color:#b69953;
	border-color:#b69953;
}

.btn-primary.orange {
	background-color:#f4a261;
	border-color:#f4a261;
	color:#fff;
}

.btn-primary.orange:hover {
	background-color:#c1804d;
	border-color:#c1804d;
}

.btn-primary.rouge {
	background-color:#e76f51;
	border-color:#e76f51;
	color:#fff;
}

.btn-primary.rouge:hover {
	background-color:#b4573f;
	border-color:#b4573f;
}


.bg-dark {
    /*background-color: #3c3b54!important;*/
    background-color: #313048!important;
}

.jumbotron {
    background-color: #e2e0ff;
    margin: 0 1rem;
    margin-bottom: 1rem;
}

.accordion a.btn {padding:0rem 0.50rem;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .titre-encart {font-size: 2.2rem;}
}

@media (min-width: 576px) {

  .jumbotron {padding:2rem;border-radius: 0.25rem;}
}

@media only screen and (max-width: 768px) {

  /* Pour les téléphones portables */

	nav {width: calc(100% - 1.05rem);}

  .carousel-item {height: 18rem;}

  .carousel-item > img {height: 18rem;}

}

@media only screen and (max-width: 1368px) {

  .carousel-indicators {display:none;}
  .carousel-item {height: 13rem;}
  .carousel-item > img {height:13rem;}
  .carousel-caption{bottom:1.5rem;}
  .carousel-caption p {margin-bottom: 1rem;}
  p.bouton-extra {margin-bottom: 0;}


  p.bouton-extra a {font-size:1rem;line-height:1.2rem;}
  .jumbotron {padding:1rem;}
  .jumbotron p {margin-bottom:0;}
  .card-title {margin-bottom:0.5rem;}
  .card-body {padding:0.75rem;}
  .card-text {line-height: 1.2rem;margin-bottom:1rem;}


/*
@media only screen and (max-width: 1368px) {

  .carousel {margin-bottom: 1rem;}
  .carousel-item, .item, .carousel-item > img {height: 9.5rem;}
  .carousel-caption {bottom: 0.5rem;}
  .carousel-indicators {display:none;}

  .titre-petit {font-size:1.8rem!important;}
  .carousel-caption p {margin-bottom: 1rem;}

  .jumbotron {padding:1rem!important;margin:-1rem 0 1rem 0;border-radius: 0;}
  .jumbotron p {margin-bottom:0;}

  p.bouton-extra, .carousel-control-next, .carousel-control-prev {display:none;}



}

*/

@media screen and (max-width: 1368px) and (orientation: portrait) {
  .carousel-item, .item, .carousel-item > img {height: 20rem;}
  .carousel-caption h1 {font-size:1.8rem!important;}
  .carousel-control-next, .carousel-control-prev {display:none};


}