#adresseform {
    padding-top: 2em;
}

#adresseform .button {
    display: initial;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 2em;
}

#adresseform .button:hover {
    transform: none;
}

form {
    position: relative;
    z-index: 10;
}

form .autoComplete_wrapper {
    width: 100%;
    padding: 0;
}

form .autoComplete_wrapper > ul > li mark {
    color: #ff6600; /* Remplacez $orange par sa valeur */
}

form #autoComplete {
    position: relative;
    height: 48px;
    font-size: 12px;
    font-family: 'Work Sans', sans-serif; /* Remplacez $work par la police */
    box-shadow: 0px 5px 5px 0px #0000001A;
    border: none;
    padding: 1.45em 4em;
    width: 100%;
    border-radius: 30px;
    background: left 15px center no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg transform='matrix(2.05951,0,0,2.05951,1.77897,1.7731)'%3E%3Cpath d='M45.83,40.09L36.57,30.81C36.022,30.265 35.299,29.931 34.529,29.867C33.759,29.803 32.991,30.013 32.36,30.46L30.57,28.67C33.481,25.268 34.961,20.871 34.701,16.402C34.44,11.932 32.459,7.737 29.172,4.697C25.886,1.656 21.55,0.006 17.074,0.093C12.597,0.18 8.329,1.997 5.163,5.163C1.997,8.329 0.18,12.597 0.093,17.074C0.006,21.55 1.656,25.886 4.697,29.172C7.737,32.459 11.932,34.44 16.402,34.701C20.871,34.961 25.268,33.481 28.67,30.57L30.47,32.37C30.021,33 29.81,33.768 29.874,34.539C29.938,35.31 30.273,36.033 30.82,36.58L40.1,45.86C40.714,46.469 41.545,46.811 42.41,46.811C43.275,46.811 44.106,46.469 44.72,45.86L45.83,44.75C46.139,44.446 46.384,44.083 46.552,43.683C46.719,43.283 46.806,42.854 46.806,42.42C46.806,41.986 46.719,41.557 46.552,41.157C46.384,40.757 46.139,40.394 45.83,40.09Z' style='fill:rgb(18,80,125);fill-rule:nonzero;stroke:rgb(18,80,125);stroke-width:0.5px;'/%3E%3Cpath d='M17.34,29.68C24.155,29.68 29.68,24.155 29.68,17.34C29.68,10.525 24.155,5 17.34,5C10.525,5 5,10.525 5,17.34C5,24.155 10.525,29.68 17.34,29.68Z' style='fill:white;fill-rule:nonzero;stroke:rgb(18,80,125);stroke-width:0.5px;'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    background-color: white;
    color: #0073aa; /* Remplacez $bluetext par sa valeur */
}

form #autoComplete::placeholder {
    color: #0073aa; /* Remplacez $bluetext par sa valeur */
    font-family: 'Work Sans', sans-serif; /* Remplacez $work par la police */
}

form input[type="submit"] {
    font-family: 'Work Sans', sans-serif; /* Remplacez $work par la police */
}

form #sans-adresse {
    text-align: left;
    text-decoration: underline;
    font-size: 16px;
    color: #0073aa; /* Remplacez $bluetext par sa valeur */
    margin-top: 16px;
    transition: 0.3s;
    cursor: pointer;
    margin-right: 0;
    width: fit-content;
    margin-left: auto;
}

form #sans-adresse:hover {
    color: white;
    transition: 0.3s;
}

#resultat {
    max-width: 450px;
}

#resultat div {
    border-radius: 30px;
    padding: 2em;
    background-color: white;
}

#resultat h3 {
    font-family: 'Fira Sans', sans-serif; /* Remplacez $fira par la police */
    font-size: 30px;
    color: #0073aa; /* Remplacez $bluetext par sa valeur */
}

#resultat p {
    font-size: 20px;
    color: #0073aa; /* Remplacez $bluetext par sa valeur */
    margin-bottom: 8px;
}

#resultat a {
    font-size: 16px;
}

#resultat .good {
    border: 2px solid #0073aa; /* Remplacez $bluetext par sa valeur */
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

#resultat .good .button{
    margin-top: 12px;
}

#resultat .good .contact-info {
    padding: 1em 0;
}

#resultat .good .contact-info p {
    width: 100%;
}

#resultat .good .contact-info p:not(:first-child) {
    border-top: 0.3px solid #000000;
}

#resultat .good .contact-info p:nth-of-type(1) {
    padding: 1em 0;
}

#resultat .good .contact-info p:nth-of-type(1)::before {
    content: "";
    background: url(../img/marqueur.svg);
    min-width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0;
}

#resultat .good .contact-info p:nth-of-type(2) {
    padding: 1em 0;
}

#resultat .good .contact-info p:nth-of-type(2)::before {
    content: "";
    background: url(../img/phone.svg);
    min-width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0;
}

#resultat .good .contact-info p:nth-of-type(3) {
    padding-top: 1em;
    padding-bottom: 2em;
}

#resultat .good .contact-info p:nth-of-type(3)::before {
    content: "";
    background: url(../img/train.svg);
    min-width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0;
}

#resultat .bad {
    border: 2px solid red;
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
