/* Le CSS est d�fini dans les classes bootstrap.  */
/* Dans ce fichier il n'y a que les modifs des classes bootstrap.  */
h1, .h1 {
	font-size: 1.5rem;
  }

/*modifie les couleurs et les liens de la navbar*/

.navbar-light .navbar-nav .nav-link {
	color: #007bff;
	text-decoration: none;
    background-image: linear-gradient(#28a745, #28a745);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
  }
  
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	text-decoration: none;
	color: #28a745;
	background-size: 100% 1px;
  }
  
 

  .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #28a745;
  text-decoration: underline;
  background-size: 0% 0px;
}
.navbar-brand:hover, .navbar-brand:focus {
	color: #007bff;
	text-decoration: underline;
	background-size: 0% 0px;
  }

/*modifie l'aspect des liens : transition de gauche � droite*/

a {
    color: #007bff;
	text-decoration: none;
    background-image: linear-gradient(#28a745, #28a745);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
}

a:hover, a:focus {
    text-decoration: none;
	color: #28a745;
	background-size: 100% 1px;
}

/*aligne le texte dans le carousel*/

.carousel-item {
	position: relative;
	display: none;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	text-align: center;
  }
.carousel-item.active { 
	display: block;
	transition: -webkit-transform 0.6s ease;
	transition: transform 0.6s ease;
	transition: transform 0.6s ease, -webkit-transform 0.6s ease;
	text-align: center;
	 }
/*pas de modif sur ceux la mais si on ne les met pas le fade ne marche pas !!!*/
	 
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
-webkit-transform: translateX(0);
transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}