/* CSS Document */
body{
	background: url("images/bg1.jpg") no-repeat;
}

.container{
	margin-bottom: 250px;
	background: rgba(255,255,255,0.40);
	-webkit-box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.30); 
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.30); 
}

h1{
	font-family: 'Pacifico', cursive;
	color: #FFFFFF;
	text-align: center;
	padding: 35px 0px 25px 0px;
}

/*------------ Header ------------*/

.noGutter{
	padding: 0px;
}

.carousel-indicators [data-bs-target]{
  width: 8px;
  height: 8px;
  border-radius: 100%;
}

/*------------ Navbar ------------*/

.bgOrange{
	background:#F99729;
}

#headerMenu a{
	color: #5B5B5B;
}

.bg-light {
    background:none!important;
}

.navbar-light .navbar-toggler {
    border-color: rgb(255, 255, 255, 1);
}

.nav-pills .nav-link.active{
	background-color: #fff;
}
/*------------ Accueil ------------*/

#corpsAccueil{
	margin-top: 25px;
}

#corpsAccueil .col{
	padding: 2%;
}

#corpsAccueil .col-md-4 p{
	text-align: justify;
}

#corpsAccueil h2{
	font-size: 1.5rem;
	font-family: 'Pacifico', cursive;
	color: #363636;
}

#corpsMenu .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #4D4D4D;
    background-color: #fff;
}

.separateur{
	border-right: 1px dotted #000;
}

.navbar-toggler {  
  margin-left: 90% !important;
}

/*------------ Footer ------------*/

footer{
	text-align: center;
}

#footerFin{
	margin-top: 45px;
}

/*------------ Media 768px ------------*/

@media screen and (max-width: 768px) {
	
  .container{
	padding-bottom: 5px;
	margin-bottom: 0px;
	}

	#footerFin{
	-webkit-box-shadow: 0px 6px 7px -5px rgba(0,0,0,0.4); 
	box-shadow: 0px 6px 7px -5px rgba(0,0,0,0.4);
	}

	.separateur{
		border-right: none;
		border-bottom: 1px dotted #000;
		margin-bottom: 15px;
	}
}