main {
	background-image: url('./background_index.jpg');
}


.easy-autocomplete {
    display: inline;
}
.easy-autocomplete-container {
    max-height: 160px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden; 
}
.easy-autocomplete.eac-round ul {
    top: 0;
}
.easy-autocomplete.eac-round ul li {
    border: none;
}
.easy-autocomplete.eac-round input,
input#name {
	color: #666;
}
.easy-autocomplete.eac-round input:hover,
.easy-autocomplete.eac-round input:focus {
	border-color: #268e93;
}
/* same design as autocomplete fields */
#name {
	border: 2px solid #888;
	border-radius: 10px;
	color: #888;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	min-width: 300px;
	padding: 10px;
}


.easy-autocomplete.eac-round input,
input#name,
button.btn-success {
	font-size: 20px;
}
.btn-success {
	border: 2px solid;
	border-radius: 10px;
	margin: 0;
	padding: 10px;
	color: white;
	background-color: #268e93;
	border-color: #268e93;
	padding: .5rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
}
.btn-success:hover {
	color: #fff;
	background-color: #268e93;
	border-color: #268e93;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
	background-color: #268e93;
	border-color: #268e93;
}
.btn-success.focus,
.btn-success:focus {
	color: #fff;
	background-color: #268e93;
	border-color: #268e93;
	box-shadow: none;
}




.ombre {
	filter: drop-shadow(0 0 0.5rem grey);
	}

.logo_connex {
	max-height: 22rem;
	max-width: 90%;
	margin-top: 1rem;
}
.logo_proximite {
	max-height: 10rem;
	max-width: 60%;
	margin-top: 3rem;
	margin-left: 4rem;
}

.logo_12eme {
	max-height: 12rem;
	margin-top: 3rem;
}

.contact-haut {
	margin-right: 6rem;
	text-align: center;
}

.contact-bas {
	margin-right: 6rem;
	text-align: center;
	margin-top: 0.5rem;
}


.logos-bas-droite {
	max-height: 18rem;
	margin-right: 6rem;
}

.logos-bas-gauche {
	max-height: 18rem;
	margin-left: 6rem;
}

.logos-bas-milieu {
	max-height: 18rem;
	filter: drop-shadow(0 0 0.5rem white);

}


.text_copyright {
	color: grey;
/* 	text-shadow: 0 0 1rem black, 0 0 2rem black, 0 0 3rem black; */
	text-shadow: 0 0 1rem black; /* light shadow whereas chrome android is very slow on index page */
}
.text_copyright a {
	color: orange;
}


@media (max-width: 768px) {
  .header-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .header-logos img {
    max-width: 60% !important;
    max-height: 60% !important;
    margin: 0.5rem 0 !important;
  }
  .footer-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-logos img {
  	max-width: 60% !important;
    max-height: 60% !important;
    margin: 0.5rem 0 !important;
  }
  .contact-haut{
  	text-align: center;
  	margin-right: 0;
  }
  .contact-bas{
  	text-align: center;
  	margin-right: 0;
  }
}