body{
	margin:0 ;
	font-family: 'proxima-soft', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.alignement {
	margin-top: 20px;
} /*index.html-confessiondefoi-contact*/



.navbar-collapse {
	padding-left: 20px;
}/*navbar*/


.logo-néon {
	margin-right: 50px;
	margin-left: 50px;
}/*navbar*/

#cartemaps {
	display: flex;
	justify-content: start;
	align-items: flex-start;
	background-color: rgb(250, 235, 215);
	margin: 0;
	text-align: left;
} /*carte maps*/



footer {
	background: #333;
	color: white;
	text-align: center;
	padding: 1rem 0;
}




.carousel-fade .carousel-item {
	transition: 1ms;
	transform: none !important;
}

#carousel-concert {
	height: 400px;
	background-image: url(AdobeStock_9965665812.jpeg);
	background-size: cover;
	background-position: center;
}

.overlay {
	max-width: 350px;
	max-height: 350px;
	width: 350px;
	height: 350px;
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	text-align: center;
}


.carousel-inner img {
	max-width: 350px;
	max-height: 350px;
	height: 350px;
	width: 350px;
	object-fit: cover;
}

.btn {
	display: inline-block;
	padding: 10px 20px;
	background-color: #2f22bd;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
}

.btn:hover {
	background-color: #2f22bd;
}


#concert {
	position: relative;
	/* Nécessaire pour positionner l'overlay par rapport à cette image */
	display: block;
	width: 100%;
	/* Ajuste la largeur de l'image */
	height: auto;
}



.lien {
	color: #fff;
	text-decoration: none;
	/*Pour le lien des informations légales et la naviguation dans le footer*/
}

.background {
	background-color: #333;
	margin: 0 !important;
	color: white;
}



/* Carrousel images */
@media (max-width: 768px) {
	.carousel img {
	  width: 200px;
	  height: 200px;
	  object-fit: cover;
	  margin: 0 auto;
	  margin-top: 20% !important;

	}
  }
  /* Image de fond concert */
  .concert-background {
	background-image: url(Concert2.jpeg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: auto; /* ajuste la hauteur si nécessaire */
  }
  
/* Centrer le carrousel */
.carousel-inner {

	justify-content: center;
	align-items: center; /* Centrer verticalement */
	height: 100%; /* Assurer que le conteneur du carrousel occupe toute la hauteur disponible */
  }
  
  
  



.photo-de-groupe {
	padding-bottom: 20px;
	margin-bottom: 20px;
}






.espacement {
	margin-bottom: 10px;
	margin-top: 20px;
}

.interligne {
	padding-bottom: 50px;
}


#titre {
	margin-top: 20px;
}

#soire {
	margin-top: 20px;
}

.card-img-top {
	margin-top: 10px;
}





#gras {
	font-weight: 500;
	font-size: larger;
  }

  #séparation {

	margin-bottom: 50px;
  }

  #bouttons {
	margin-top: 20px;
  }
  .accueil {
	padding-top: 20px;
  }
  #filles {
	width: 500px;
	height: auto;
	margin-left: 50px;
	margin-top: 20px;
  }

  #gars {
	width: 500px;
	height: auto;
	margin-left: 45px;
	margin-top: 20px;
  }

  


/*navbar : supprimer les marges*/
			.navbar {
				margin: 0 !important; /* Supprime les marges externes */
				padding: 0 !important; /* Supprime les marges internes */
			}
			
			.navbar-collapse {
				padding: 0 !important; /* Supprime les marges internes de la partie collapsible */
			}
			


			footer {
				margin: 0 !important;
			}
/* Supprime toutes les marges de la navbar et de ses enfants */
.navbar {
    margin: 0 !important; /* Supprime les marges externes */
    padding: 0 !important; /* Supprime les marges internes */
    border: none; /* Supprime toute bordure si présente */
    box-shadow: none; /* Supprime une éventuelle ombre */
}

/* Cible également les conteneurs internes */
.navbar .container-fluid {
    margin: 0 !important; /* Supprime les marges du conteneur interne */
    padding: 0 !important; /* Supprime le padding du conteneur interne */
}



.navbar-nav {
    margin: 0 !important;
    padding: 0 !important;
}

/* Supprime les marges dans le menu collapsible */
.navbar-collapse {
    margin: 0 !important;
    padding: 0 !important;
}
.navbar .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}
/* Appliquer à tous les containers */
.container {
    margin: 0 !important; /* Enlever les marges */
    padding: 0 !important; /* Enlever les espacements */
    max-width: 100% !important; /* Étendre sur toute la largeur */
    width: 100% !important; /* S'assurer que ça s'étend */
}

/* Pour cibler spécifiquement la navbar si nécessaire */
.navbar .container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
			
		#confession-texte{
			margin-left: 30px;
			margin-top: 20px;
		}	
		#boutton-retour-confession{
			margin-top: 20px;
			margin-bottom: 20px;
		}