@font-face {font-family: "Roundo-ExtraLight";src: url("../fonts/Roundo-ExtraLight.otf");}
@font-face {font-family: "Roundo-Light";src: url("../fonts/Roundo-Light.otf");}
@font-face {font-family: "Roundo-Regular";src: url("../fonts/Roundo-Regular.otf");}
@font-face {font-family: "Roundo-Medium";src: url("../fonts/Roundo-Medium.otf");}
@font-face {font-family: "Roundo-SemiBold";src: url("../fonts/Roundo-SemiBold.otf");}
@font-face {font-family: "Roundo-Bold";src: url("../fonts/Roundo-Bold.otf");}
@font-face {font-family: "Viga-Regular";src: url("../fonts/Viga-Regular.ttf");}


:root {
	--primary			: #D54B6E;
	--secondary			: #000000;
}

* { margin: 0; }
b { font-family: Roundo-Bold; font-weight: normal; }

.icon {
    height: 2.5vw;
    width: 2.5vw;
}
.icon img {
    width: 100%;
    height: 100%;
}

.mobile { display: none!important; }

/* START HEADER */
header section#navigation {
    display: flex;
    height: 100%;
    justify-content: space-around;
    align-items: center;
    width: 80vw;
    height: 7vw;
    margin: auto;
    background: #FFFFFF;
}
header section#navigation img.icon_head {
/*	height: 70%;*/
	width: 25%;
}

header section#navigation #titre p {
	text-transform:	uppercase;
}

header section#navigation p {
	text-align: center;
	font-size: 1.5vw;
	margin-top: 0.3vw;
}

header section#navigation article#phone p {
	text-align: right;
	font-size: 1.1vw;
}

header section#navigation article#phone a {
	display: flex;
	align-items: center;
    column-gap: 0.5vw;
    font-family: Roundo-Bold;
    text-decoration: none;
    color: #000000;
    font-size: 1.2vw;
    justify-content: right;
}
header section#navigation article#socials {
	display: flex;
    align-items: center;
    column-gap: 0.7vw;
}

header .img_head {
	width: 100%;
}

header section#text {
	display: flex;
    flex-direction: column;
    position: relative;
    margin-top: -12.3vw;
    left: 10vw;
    width: fit-content;
    row-gap: 1.6vw;
}
header section#text article#titles {
	display: flex;
    flex-direction: column;
    width: fit-content;
	margin-top: -1vw;
    margin-bottom: 1vw;
}
header section#text article#titles .title {
	text-transform: uppercase;
	font-family: Viga-Regular;
	font-weight: normal;
	font-size: 1.6vw;
	width: fit-content;
}
header section#text article#titles .title1 {
	order: 1;
	padding: 1vw;
	background-color: pink;
}
header section#text article#titles .title2 {
	order: 3;
	padding: 1vw;
}
header section#text article#titles:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 1.2vw solid #000000;
    border-left: 0.8vw solid transparent;
    border-right: 0.8vw solid transparent;
    order: 2;
    top: -0.1vw;
    left: 6vw;
    position: relative;
}
header section#text article#resume {
	background-color: #FFFFFF;
	color: #000000;
	padding: 1vw 2.5vw;
	font-family: Roundo-Regular;
	font-size: 1.05vw;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	visibility: hidden;
}
/* END HEADER */

/* START MAIN */
main {
	margin-top: 1.5vw;
    display: flex;
    flex-direction: column;
}

/*Debut Intro*/

main section#intro {
	width: 80%;
	position: absolute;
	margin-left: 10vw;
	line-height: 1.5vw;
}

main section#intro p {
	font-size: 1.1vw;
	margin-bottom: 0.7vw;
}

main section#intro div.container {
	width: 100%;
	display: flex;
	justify-content: space-between;
/*	line-height: 1.5vw;*/
}

main section#intro div.container h3 {
	font-family: "Viga-Regular";
	margin-top: 3vw;
	font-size: 1.6vw;
	color: var(--primary);
	margin-bottom: 1.5vw;
}
main section#intro div.container h4 {
	font-family: Roundo-Regular;
	font-size: 1.1vw;
	text-transform: uppercase;
	color: var(--secondary);
	margin-top: 1.5vw;
	margin-bottom: 1vw;
}

main section#intro div.container ul {
	margin-top: 2vw;
	
	font-size: 1.1vw;
}

main section#intro div#list-intro {
	width: 62%;
}

main section#intro div.container ul li {
	color: #D92D4B;
	font-size: 2vw;
	margin-top: 1vw;
	margin-bottom: 1vw;
}

main section#intro div.container ul li span.intro-list-text {
	color: #000000;
	font-size: 1.1vw;
	text-wrap: wrap;
}

main section#intro div.container div#image-intro {
	margin-top: 10%;
	max-width: 300px;
}

main section#intro div.container #grid {
	display: flex;
 	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -10px;
}
main section#intro div.container #grid .cell{
	width: calc(25% - 5px); /* 25% moins l'espace entre les colonnes */
  	padding: 10px;
  	box-sizing: border-box;
	display: flex; 
}
main section#intro div.container #grid .content{
	text-align: center;
	border: 1px solid var(--primary);
	padding: 20px 5px 10px;
	display: flex; /* Pour aligner le contenu */
  	flex-direction: column; /* Pour empiler le contenu */
  	justify-content: flex-start; 
}
main section#intro div.container #grid .content p{
	font-family: Roundo-Regular;
	font-size: 0.8vw;
	line-height: 0.9vw;
}

main section#intro div.container #grid .icon {
	width: 5vw;
	height: 5vw;
	border-radius: 50%;
	background-color: var(--primary);
	margin: 0 auto 20px;
	overflow: hidden;
	position: relative;
}

main section#intro div.container #grid .icon img{
	width: 50%;
	height: auto;
  	position: absolute; /* Pour positionner l'image par rapport à son parent (.icon) */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
/*Fin Intro*/

main section#form form div#fullname {
	display: flex;
	justify-content: space-between;
	row-gap: 2%;
}

main section#form form div#fullname input {
	width: 49%;
}

main section#form form div#fulladress {
	display: flex;
	justify-content: space-between;
	row-gap: 2%;
}

main section#form form div#fulladress input {
	width: 49%;
}

main section#form form select {
	font-family: Roundo-Regular;
	font-size: 0.85vw;
	line-height: 1.4vw;
	border: none;
	background-color: #f6f6f6;
	padding: 0.4vw;
}

main section#form form article#newsletter {
	display: flex;
	column-gap: 0.3vw;
	margin: 1vw 0 1vw 0;
	justify-content: center;
}

main section#form form article#newsletter p {
	font-size: 0.80vw;
}

main section#form {
	display: flex;
    flex-direction: column;
    position: sticky;
	min-height: 43vw;
    margin-top: -5vw;
    top: 4vw;
    left: 70%;
    width: 25%;
    z-index: 100;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 43px rgba(0, 0, 0, 0.08);
    /*
	position: absolute;
    top: 39vw;
    right: 10%;*/
}
main section#form h3 {
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-family: Viga-Regular;
    font-size: 1.25vw;
    padding: 1vw;
}
main section#form article#confirmation {
	font-family: Roundo-Regular;
    flex-direction: column;
    row-gap: 2vw;
    width: 80%;
    margin: 3vw auto;
}
main section#form article#confirmation h4 {
	font-size: 1.1vw;
}
main section#form article#confirmation p {
	font-size: 0.85vw;
}
main section#form form {
	font-family: Roundo-Regular;
    font-size: 0.85vw;
    display: flex;
    flex-direction: column;
    row-gap: 0.6vw;
    width: 85%;
    margin: 3vw auto;
}
main section#form form article#civilite {
	display: flex;
	column-gap: 1.5vw;
}
main section#form form input:not(input[type="checkbox"]), main section#form form textarea {
	font-family: Roundo-Regular;
    font-size: 0.85vw;
    line-height: 1.4vw;
    border: none;
    background-color: #F6F6F6;
    padding: 0.4vw;
}
main section#form form article#project {
	display: flex;
	flex-direction: column;
	row-gap: 0.5vw;
}
main section#form form article#project div.project {
	display: flex;
	flex-direction: row;
    column-gap: 2vw;
    justify-content: center;
}
main section#form form article#optin {
	display: flex;
    flex-direction: row;
    column-gap: 1vw;
    font-size: 0.73vw;
}
main section#form form article#optin input {
	width: 5vw;
}
#nonews {margin-left: 1vw;}

main section#form form button[type="submit"] {
	font-family: Roundo-Regular;
	font-size: 1.26vw;
	text-transform: uppercase;
	width: fit-content;
	margin: auto;
	padding: 0.2vw 2vw;
	background-color: #000000;
	color: #FFFFFF;
	border: none;
	border-radius: 27px;
	cursor: grab;
}

/*Section des blocs*/

main section#cards-bloc {
	width: 60%;
	margin-left: 10vw;
	margin-bottom: 4vw;
	margin-top: -8vw;
}
main section#cards-bloc h3{
	font-size: 1.7vw;
	color: #D54B6E;
}

main section#cards-bloc p {
	color: #D54B6E;
	font-size: 0.8vw;
}
main section#cards-bloc p span {
	color: #D54B6E;
	font-size: 1vw;
}

main section#cards-bloc div#container-blocs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	column-gap: 1vw;
	margin-left: -5.5vw;
}

main section.blocs12 {
	width: 40%;
	margin-top: 2vw;
	background-color: #F6F6F6;
	padding: 1vw;
	
}
main section.blocs13 {
	width: 26%;
	margin-top: 2vw;
	background-color: #F6F6F6;
	padding: 1vw;
	
}

main section#cards-bloc div#container-blocs section div {
	display: flex;
	justify-content: left;
	vertical-align: middle;
	margin-bottom: 1.5vw;

}

main section#cards-bloc div#container-blocs section div img {
	width: 1.05vw; 
}
main section#cards-bloc div#container-blocs section div p {
	font-size: 1.1vw;
	margin-left: 0.5vw;
	color: #000000;
	text-transform: uppercase;
}

.cards-emplacement{
	font-family: viga-regular;
}

main section#cards-bloc div#container-blocs section .patch {
	position: absolute;
    margin-top: -6vw;
    margin-left: 16.4vw;
}
main section#cards-bloc div#container-blocs section .patch img{
	width: 5vw;
	height: 5vw;
}
/*main section#bloc1 {
	
}*/
/*main section#bloc2 {
	
}*/
main section#bloc1 img,
main section#bloc2 img {
	width: 100%;
}
main article.text > * {
	width: fit-content;
}
main article.text {
    display: flex;
    flex-direction: column;
    row-gap: 0.6vw;
	width: fit-content;
	margin-top: 1vw;
}
main article.text h3 {
	font-size: 1.3vw;
	font-family: Viga-Regular;
	font-weight: normal;
	text-transform: uppercase;
}
main article.text h4 {
	font-size: 0.8vw;
	font-family: Roundo-Regular;
	font-weight: normal;
	min-height: 3.3vw;
}
main article.text ul {
	font-size: 1.0vw;
	font-family: Roundo-Regular;
	margin-bottom: 1vw;
	padding-left: 1.3vw;
}

main article li {
	line-height: 2vw;
	list-style-type:" - " ;
}

main article ul li span.deca {
	font-size: 1.0vw;
}
main article.text ul.margin > li:last-child{
	margin-bottom: 1.0vw;
}

/* prix */
main section.blocs12 article.text p, main section.blocs13 article.text p {
	font-size: 1.1vw;
	width: 100%;
	background-color: #ffffff;
	padding: 0.5vw 0 0.5vw 0.5vw;
	line-height: 1.2vw;
}

/*Fin Section bloc*/

/*Debut Section Logo*/

main div#zone-logo {
	background-color: #F6F6F6;
	margin-top: 2vw;
}

main div#zone-logo section#logo {
	width: 60%;
	display: flex;
	justify-content: space-around;
	margin-left: 10vw;
	padding: 3vw 0 3vw 0;
	background-color: #F6F6F6;
}

main div#zone-logo section#logo div.alllogo {
text-align: center;
line-height: 1.5vw;
font-size: 1.1vw;

}

main div#zone-logo section#logo div.alllogo p {
	margin-top: 1vw;
}

main div#zone-logo section#logo div.alllogo p span {
	font-size: 1.5vw;
}

/*Fin Section Logo*/
main section#form form div input.radioI {
	width: 1vw;
	height: 1vw;
	margin-right: 1vw;
	margin-bottom: -1vw;

}

main section#form form article#civilite input.radioCiv{
	width: 1vw;
	height: 1vw;
}

main section#form form div input.radlab {
	vertical-align: baseline;
	margin-top: -10px;
	width: 86%;
}

main section#form form div.pi {
	margin-bottom: 0.3vw;
}

main section#form form label#projet {
	line-height: 2vw;
}

main section#form form label#lblresidence {
	margin-top: 1vw;
}

.gris {
	background-color: #F6F6F6;
	padding: 1vw;
}

#text-news {margin-top: 1vw; text-align: center;}

/* END MAIN */

/* START FOOTER */
footer {
    background-color: #FFFFFF;
    padding: 2vw 10vw;
    text-align: justify;
    font-family: Roundo-Regular;
}
footer section#links {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3vw;
	width: 72%;
}
footer section#links article#left {
    display: flex;
    flex-direction: column;
    row-gap: 0.7vw;
    align-items: center;
    font-size: 1.35vw;
    font-family: Roundo-Bold;
}
footer section#links article#left img {
	width: 22vw;
}
footer section#links article#left a {
    text-decoration: none;
    color: #000000;
}
footer section#links article#right {
	display: flex;
	flex-direction: column;
	row-gap: 1vw;
}
footer section#links article#right a.phone {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
    column-gap: 1vw;
    text-decoration: none;
    color: #000000;
    font-family: Roundo-Bold;
    font-size: 1.2vw;
}
footer section#links article#right div.socials {
	display: flex;
	flex-direction: row;
	column-gap: 0.8vw;
	justify-content: flex-end;
}
footer section#mentions {
	display: flex;
	flex-direction: column;
	row-gap: 1vw;
	width: 72%;
}
footer section#mentions p {
	font-size: 0.85vw;
}
/* END FOOTER */

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/* MOBILE */
@media (max-width: 768px) {
	.desktop { display: none!important; }
	.mobile { display: block!important; }

	.icon {
	    height: 6.5vw;
	    width: 6.5vw;
	}

	/* START HEADER */

	

	header section#navigation img.icon_head {
		width: 43%;
	}
	header section#navigation {
		height: 10vh;
		width: 94%;
	   	justify-content: space-between;
	}
	header section#navigation article#socials { 
		display: none;
	}

	header section#navigation article#phone p {
    	text-align: right;
    	font-size: 4vw;
	}

	header section#navigation article#titre p,  header section#navigation #phone #horaire{
    	display: none;
	}

	header section#navigation article#phone p {
	  text-align: right;
    	font-size: 3vw;
    	margin-top: 0.3vw;
	}

	header section#navigation article#phone a {
		font-size: 3.7vw;
	}
	header section#text {
	    margin-top: -40vw;
		left: 3vw;
	    row-gap: 3.6vw;
		width: 94%;
	}
	header section#text article#titles .title {
		font-size: 5.6vw;
	    padding: 3vw;
	}
	header section#text article#titles:after {
	    border-top: 3.6vw solid #000000;
	    border-left: 1.8vw solid transparent;
	    border-right: 1.8vw solid transparent;
	    left: 24vw;
	}
	header section#text article#resume {
		padding: 5vw 7vw;
	    font-size: 4.2vw;
	}
	/* END HEADER */

	/* START MAIN */
	main {
		margin-top: 1vw;
	}
	main section#form {
		order: 3;
	    position: relative;
	    top: unset;
	    right: unset;
	    left: unset;
	    margin-top: 10vw;
	    width: 100%;
	}
	main section#form article#confirmation h4 {
		font-size: 4.73vw;
	}
	main section#form article#confirmation p {
		font-size: 3.73vw;
	}
	main article#form-button {
	    position: fixed;
	    bottom: 5vw;
	    width: 100%;
	    text-align: center;
        z-index: 1000;
        opacity: 0;
        transition: opacity 0.5s ease;
	}
	main article#form-button.visible {
	    opacity: 1;
        transition: opacity 0.5s ease;
	}
	main article#form-button h4 {
		background-color: #000000;
	    color: #FFFFFF;
	    text-transform: uppercase;
	    width: fit-content;
	    margin: auto;
        padding: 5vw;
	    font-family: Viga-Regular;
	    font-size: 4.8vw;
	    font-weight: normal;
	}

	/*Debut intro Mobile*/

	main section#intro {
		margin-left: 0;
		margin-right: 0;
		line-height: 5vw;
		width: 100%;
	}

	main section#intro p {
		font-size: 4vw;
	}

	main section#intro div.container {
		width: 90%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 3vw;
		margin-left: 5vw;
		margin-right: 5vw;
	}

	main section#intro div.container h3 {
		margin-top: 3vw;
		font-size: 4.3vw;
	}

	main section#intro div.container ul {
		margin-top: 2vw;
		margin-left: 0;
		font-size: 4vw;
		padding-left: 5vw;
	}

	main section#intro div#list-intro {
		width: 100%;
	}

	main section#intro div.container ul li {
		color: #D92D4B;
		font-size: 4vw;
		margin-top: 1vw;
		margin-bottom: 1vw;
	}

	main section#intro div.container ul li span.intro-list-text {
		color: #000000;
		font-size: 3.5vw;
		text-wrap: wrap;
	}

	main section#intro div.container div#image-intro {
		position: absolute;
    	top: -44%;
    	width: 30vw;
    	right: -9px;

	}

	main section#intro div.container h4 {
		margin-top: 5vw;
		font-size: 3.5vw;

	}
	/*Fin intro Mobile*/
	main section#intro div.container #grid {
		margin-left: 0;
	}

	main section#intro div.container #grid .cell {
		width: calc(50% - 3vw);
    	padding: 2vw 0 3vw;
	}

	main section#intro div.container #grid .content {
		width: 100%;
	}
	main section#intro div.container #grid .icon { 
		width: 15vw;
		height: 15vw;
	}
	main section#intro div.container #grid .content p {
		font-size: 2.8vw;
		line-height: 2.9vw;
	}	

	main section#cards-bloc div#container-blocs {
	display: flex;
	flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 1vw;
    margin: 0;
	}

	main section#cards-bloc {
		width: 100%;
    	margin-left: 0;
		margin-right: 0;
    	margin-top: 155vw;
	}
	main section#cards-bloc h3 {
		font-size: 4.3vw;
		margin: 0 4vw;
	}
	main section#cards-bloc p {
		font-size: 4vw;
	}
	main section#cards-bloc p span {
		font-size: 5vw;
	}

	main section.blocs12, main section.blocs13 {
		margin-top: 4vw;
		background-color: #F6F6F6;
    	padding: 4vw;
		width: 100%;
	}

	main section.blocs12 article.text p, main section.blocs13 article.text p {
		line-height: unset;
	}

	main section#cards-bloc div#container-blocs section div p {
		font-size: 4vw;
	}

	main section#cards-bloc div#container-blocs section div p {
		align-items: baseline;
	}

	main section#cards-bloc div#container-blocs section div {
	    display: flex;
	    justify-content: left;
	    align-items: center;
	    margin-bottom: 0.5vw;
	}

	main section#cards-bloc div#container-blocs section div img {
    	width: 20px;
    	height: 25px;
	}

	main section#cards-bloc div#container-blocs section .patch {
		position: absolute;
		margin-top: -24vw;
   		margin-left: 69vw;
	}
	main section#cards-bloc div#container-blocs section .patch img{
		width: 20vw;
		height: 20vw;
	}

	main section#bloc1 {
		position: unset;
	}
	main section#bloc2 {
		margin-top: unset;
	}
	main section#bloc1 img,
	main section#bloc2 img {
		width: 100%;
	}
	main article.text {
		width: 100%;
	    margin: -1vw auto 0 auto;
	    padding: 7vw 2vw;
	    row-gap: 2.6vw;
	}
	main article.text h3 {
		font-size: 4vw;
		width: fit-content;
		margin: auto;
		text-align: center;
	}
	main article.text h4 {
		font-size: 3.8vw;
		width: fit-content;
		margin: auto;
	}
	main article.text ul {
		font-size: 3.1vw;
		padding-left: 5.3vw;
	}
	main section#form form {
		font-size: 4vw;
		row-gap: 4vw;
		margin: 7vw auto;
	}
	main section#form h3 {
		font-size: 4.8vw;
    	padding: 5vw;
	}
	main section#form form article#optin input {
		width: 15vw;
	}
	main section#form form input:not(input[type="checkbox"]), main section#form form textarea {
	    font-size: 4vw;
	    line-height: 7vw;
	    padding: 1vw;
	}
	main section#form form button[type="submit"] {
		font-size: 6.26vw;
	    padding: 3.2vw 7vw;
	}
	main section#form form article#project {
		row-gap: 2.5vw;
	}
	main section#form form article#optin {
		column-gap: 3vw;
		font-size: 3.73vw;
	}

	main section#form form select {
	    font-family: Roundo-Regular;
	    font-size: 4vw;
	    line-height: 1.4vw;
	    border: none;
	    background-color: #f6f6f6;
	    padding: 1vw;
	}

	main section#form form article#newsletter {
    	display: flex;
    	column-gap: 2vw;
    	margin: 1vw 0 1vw 0;
	}

	main section#form form article#newsletter p {
    	font-size: 4vw;
	}

	main article li {
		line-height: 5vw;
	}

	/*main article a {
		margin-bottom: -7vh;
	}*/

	
	main section#bloc2 {
		margin-top: 10vw;
	}

	main section#bloc2 article.text {
		margin-left: 0%;
	}

	main section#form form div{
		padding: 0.3vw;
	}

	main article ul li span.deca {
		font-size: 3.1vw;
	}


	main section#form form article#civilite input.radioCiv{
		width: 5vw;
		height: 5vw;
	}

	main section#form form article#civilite {
		display: flex;
		column-gap: 5.5vw;
	}

	main section#form form label#projet {
		line-height: 5vw;
	}

	main div#zone-logo section#logo div.alllogo img {
		width: 20vw;
		height: 20vw;
    }

	main div#zone-logo section#logo div.alllogo {
    	text-align: center;
    	max-width: 36%;
    	text-wrap: wrap;
    	font-size: 4vw;
    	margin-top: 4vw;
    }

	main div#zone-logo section#logo div.alllogo p {
		line-height: 5vw;
	}

    main div#zone-logo section#logo div.alllogo p span {
    	font-size: 4vw;
	}

	main div#zone-logo section#logo {
		width: 70%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 3vw 0 3vw 0;
		background-color: #F6F6F6;
		margin: 0 auto;
	}

	main section#form form div.gris {
		padding: 2vw;
	}


	/* END MAIN */

	/* START FOOTER */
	footer {
		padding: 6vw 10vw;
	}
	footer section#links {
		flex-direction: column;
		row-gap: 3vw;
		width: 100%;
	}
	footer section#links article#left,
	footer section#links article#right {
		flex-direction: row;
		column-gap: 4vw;
	}
	footer section#links article#left {
	    font-size: 3.35vw;
	}
	footer section#links article#left img {
	    width: 40vw;
	}
	footer section#links article#right a.phone {
		font-size: 3.2vw;
	}
	footer section#links article#right div.socials {
		column-gap: 1.8vw;
	}
	footer section#mentions {
	    row-gap: 4vw;
		width: 100%;
	}
	footer section#mentions p {
	    font-size: 2.85vw;
	}
	
	/* END FOOTER */
}


.ui-helper-hidden-accessible { display:none !important; }
.ui-autocomplete { z-index:9999; }
ul.ui-autocomplete { list-style-type:none; background:white; color:black; padding:0; margin:0; border:solid 1px #ccc; display:inline-block; }
ul.ui-autocomplete > li { display:block; height:30px; line-height:30px; padding:0 10px; font-family:Arial, sans-serif; font-size:14px; cursor:pointer; border-bottom:solid 1px #eee; }
ul.ui-autocomplete > li:last-child { border:none; }
ul.ui-autocomplete > li:hover { background:#eee; }