/* CSS Document */
body {
	background-color: #dcd1ca;
	color: rgba(135,135,135,1.00);
	font-size: 13px;
}

body img {
		max-width: 100%;
	height: auto;
}

.navbar {
	font-size: 17px;
}

.cover {
	background: url("img/cover.jpg") no-repeat right;
	background-color: white;
}

.barre {
background: url("img/barrebasse.png") no-repeat center;
	min-height: 28px;
}

.barre2 {
	background: url("img/barrehaute.png") no-repeat center;
	min-height: 22px;
}

h1, h2, h3 {
	color: #ef1886;
}

h1 {
	font-size: 25px;
}

h3 {
	font-size: 17px;
}

h1, h3 {
	text-transform: uppercase;
}

.bg-gris {
	background-color: #ececec;
}

.text-secondary {
	font-size: 13px;
}

.nav-link:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5db1+0,ef017c+100;Pink+3D+%231 */
background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5db1 0%, #ef017c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff5db1 0%,#ef017c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff5db1 0%,#ef017c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
	border-radius: 10px 10px 0 0;
	color: white !important;
}

.dropdown-item{
	color: white;
}

.nav-link {
	border-radius: 10px 10px 0 0;
	background-color: #e1e1d9;
}

.navbar-nav li {
	margin: 0 8px;
}

.dropdown-menu {
	background: #ff5db1; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5db1 0%, #ef017c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff5db1 0%,#ef017c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff5db1 0%,#ef017c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}

.danseuses img {
	margin: 30px 80px;
}

#equipe li {
	list-style: none;
	background: url("img/cercle.png") no-repeat left;
	padding: 0 15px;
}

.pink {
	color: #ef1886;
}

.legend {
	color:rgba(184,181,181,1.00);
	font-size: 11px;
}

.formulaire a {
		color: #ef1886;
}

.formulaire label {
	width: 150px;
}

.form-control {
	width: 50%;
}

.formulaire .col-7 h3 {
	padding-bottom: 15px;
}

.boutons .btn {
	padding: 0 75px;
}

.boutons {
		margin-left: 152px;
}

.formulaire .legend p {
	padding: 0 !important;
}

@media (max-width: 991.98px) { 

		.cover {
		background: none;
		background-color: white !important;
	}
	
	.nav-link {
		background-color: white;
	}
	
	nav {
		margin: auto;
	}
	
	nav button {
		margin: auto;
	}
	
	.danseuses img {
		display: block;
		margin: auto;
		padding-bottom: 15px
	}
}

@media (max-width: 767.98px) { 

	h2 {
		text-align: center;
	}
	
	img {
		margin: auto;
		display: block;
	}

}

@media (max-width: 575.98px) {

	.cover img:first-child {
		width: 60%;
		padding: 25px;
	}
	
	.boutons {
		margin: 0;
	}
	
	.boutons button {
				width: 100%;
	margin-bottom: 10px;
	}
	
}