/* LSV communication - web : http://www.lsv.fr*/
/* Commentaires : Modele  immo graphique*/
/*<agl.folder "balises generales">*/
	* {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify
}

body  { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #003399; text-align: center; margin: 0; padding: 0; height: 100% }

/* text-align: center; sert a centrer le bloc page dans IE */
	p {
	color: #333;
	text-align: justify;
	margin: 2px 0 4px;
	padding: 0;
}

strong  { color: #333; font-weight: bold }

a:link  { color: #003399; text-decoration: underline }

a:visited  { color: #003399 }

a:hover  { color: #ff9900; text-decoration: none }

a:active  { color: #ff9900 }

acronym {
	color: #ccafe3;
	cursor: help
}

span {
	visibility: hidden
}

img {
	margin: 0 5px 2px 0;
	padding: 0;
	float: left
}

ul {

}

li {

}

hr {
	visibility: hidden;
	clear: both;
	display: none;
}

h1  { background-image: url("../IMAGES_IMMO_DESIGN/logo_h1.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; z-index: 1; top: 0; left: 15px; width: 260px; height: 180px }

h2 {
	color: #333;
	font-size: 22px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 40px; text-align: right; margin: 0 10px 0 0; padding: 0; position: absolute; z-index: 2; top: 80px; right: 40px; width: 400px; height: 40px ; display: none;
}

h3  { color: #ff9900; font-size: 25px; letter-spacing: 2px; margin: 0 0 20px; padding: 0 }

h4 {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 4px;
	clear: both;
	border-bottom: 1px dotted #333
}

h5  { color: #ffffff; font-size: 10px; font-weight: bold; background-color: #003399; text-transform: uppercase; letter-spacing: 1px; padding: 2px 4px; clear: both }

label {

}

input {

}

select {

}

form {

}
	u { color: #333; font-weight: bold }
/*</agl.folder>*/
/*<agl.folder "structures">*/
	body>#page>#conteneur {
	height: auto;
	min-height: 630px
}

#page {
	background-image: url("../IMAGES_IMMO_DESIGN/fd_page.gif");
	background-repeat: repeat-y;
	margin: 0 auto auto;
	padding: 0;
	position: relative;
	width: 851px
}

#entete {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 851px;
	height: 200px
}

#coordonnees  { color: #fff; font-size: 11px; line-height: 13px; background-image: url("../IMAGES_IMMO_DESIGN/fd_coordonnees.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0; padding: 15px 5px 0 10px; position: absolute; top: 300px; right: 15px; width: 185px; height: 137px }

#visuel {
	background-image: url("../IMAGES_IMMO_DESIGN/visuel.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 851px;
	height: 295px
}

#conteneur {
	margin: 0 0 10px;
	padding-top: 300px;
	padding-left: 220px;
	width: 405px;
	height: 630px
}

#extras {
	background-color: #8fbdd8;
	margin: 0;
	padding: 0
}

#coupDeCoeur  { background-color: #ff9900; background-image: url("../IMAGES_IMMO_DESIGN/fd_moteurRecherche.gif"); background-repeat: no-repeat; background-position: left bottom; margin: 0; padding: 0 6px 20px 0; position: absolute; z-index: 1; top: 595px; left: 20px; width: 165px; float: left }

#actualite {
	color: #fff;
	background-image: url(../IMAGES_IMMO_DESIGN/fd_actualite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 440px;
	right: 20px;
	width: 171px
}

#moteurRecherche  { background-color: #cccccc; background-image: url("../IMAGES_IMMO_DESIGN/fd_extras.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0 0 70px; position: absolute; z-index: 0; top: 300px; left: 20px; width: 171px; height: 300px }

#menu {
	background-image: url("../IMAGES_IMMO_DESIGN/fd_menu.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 246px;
	left: 0;
	width: 851px;
	height: 17px
}

#pied {
	color: #fff;
	font-size: 11px;
	line-height: 40px;
	background-image: url(../IMAGES_IMMO_DESIGN/fd_pied.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	z-index: 2;
	width: 851px;
	height: 12px
}

/*</agl.folder>*/
/*<agl.folder "entete">*/
	#entete h2 span {
	visibility: visible;
	z-index: 2
}

/*</agl.folder>*/
/*<agl.folder "coordonnees">*/
	#coordonnees p {
	color: #666;
	margin: 0 0 2px;
	padding: 0 0 0 0
}

/*</agl.folder>*/
/*<agl.folder "visuel">*/
/*</agl.folder>*/
/*<agl.folder "conteneur">*/
	#conteneur p.chapeau {
	color: #333;
	font-weight: bold;
	text-align: justify;
}
	#conteneur p.fildariane { color: #000000; font-size: 11px; text-align: left }
	#conteneur p img {
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	border-width: 0
}

#conteneur p.tri {
	color: #666;
	font-size: 11px;
	margin: 0 0 5px;
	padding: 0;
	float: left
}

#conteneur p.nbr {
	color: #666;
	font-size: 11px;
	margin: 0 0 5px;
	padding: 0;
	float: right
}

#conteneur form {
	margin: 0;
	padding: 0
}

#conteneur p.conversion {
	color: #800;
	font-size: 11px;
	background-image: url(../IMAGES/pct_conversion.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	margin: 0 0 20px;
	padding: 0 11px 0 0
}

#conteneur p.tranches {
	font-size: 12px;
	text-align: center;
	word-spacing: 2px;
	margin: 0 0 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc
}

#conteneur form.formContact {
	text-align: right;
	margin: 0;
	padding: 0 0 0 10px;
	width: 90%
}

#conteneur span.legende {
	color: #666;
	font-size: 11px;
	font-style: italic;
	visibility: visible
}

#conteneur label {
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
	width: 110px;
	float: left
}

#conteneur input {
	width: 60%
}

#conteneur textarea {
	width: 60%
}

#conteneur input.bouton {
	text-align: center;
	cursor: pointer;
	margin-right: 18px;
	width: auto
}

/*</agl.folder>*/
/*<agl.folder "extras">*/
/*</agl.folder>*/
/*<agl.folder "coupDeCoeur">*/
	#coupDeCoeur h3 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	letter-spacing: normal;
	margin: 0 0 5px 10px;
	padding-top: 5px
}

#coupDeCoeur img {
	margin-top: 0;
	margin-right: 4px;
	margin-left: 10px;
	padding: 0;
	width: 150px;
	float: left;
	border-style: none;
}

#coupDeCoeur img.valorisation {
	margin: -17px 10px 8px 8px;
	padding: 0;
	width: 138px;
	height: 17px;
	float: left;
	clear: both;
	border-style: none
}

#coupDeCoeur p {
	color: #fff;
	text-align: left;
	margin: 0 0 5px 10px;
	padding: 0
}

#coupDeCoeur p.date {
	font-size: 10px;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0
}

#coupDeCoeur p.adresse {
	font-size: 10px;
	text-align: left;
	margin: 0 0 10px 10px;
	padding: 0
}

#coupDeCoeur p.prix {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin: 0 0 0 10px;
	padding: 10px 0 0;
	border-top: 1px dotted #fff
}

#coupDeCoeur a:link,  #coupDeCoeur a:visited {
	color: #fff;
	text-decoration: none
}

#coupDeCoeur a:hover, #coupDeCoeur a:active  { color: #fff; text-decoration: underline }

/*</agl.folder>*/
/*<agl.folder "actualite">*/
	#actualite h3 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 12px;
	margin-left: 10px;
	height: 25px;
	padding-top: 10px;
	border-bottom-style: dotted;
}

#actualite ul {
	background-image: url("../IMAGES_IMMO_DESIGN/fd_actualite_ul.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	padding: 0 0 40px
}

#actualite li {
	color: #666;
	font-size: 11px;
	line-height: 12px;
	list-style-type: none;
	margin: 5px 10px 0;
	padding: 0 0 10px;
	border-bottom: 2px dotted #ccc
}

/*</agl.folder>*/
/*<agl.folder "moteurRecherche">*/
	#moteurRecherche h3 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	letter-spacing: normal;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 5px
}

#moteurRecherche h3 span {
	font-weight: inherit;
	visibility: visible
}

#moteurRecherche form {
	text-align: right;
	padding: 0;
	width: 96%;
	margin: 0 0 0 3px;
	border-width: 0
}

#moteurRecherche fieldset    { margin: 0 0 1px; padding: 0 1px 5px; border: solid 1px #fff }

#moteurRecherche legend {
	color: #4e4963;
	font-size: 11px;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0;
	border-width: 0
}

#moteurRecherche select {
	font-size: smaller;
	cursor: pointer;
	margin: 2px 0 0 2px;
	padding: 0;
	width: 98%;
	clear: both;
	border-width: 0;
	outline-width: 0
}

#moteurRecherche option {
	color: #333;
	margin: 0;
	padding: 0;
	border: 0
}

#moteurRecherche ul {
	background-image: none;
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0
}

#moteurRecherche li {
	color: #333;
	font-size: 11px;
	text-align: left;
	list-style-image: none;
	display: inline;
	margin: 0;
	padding: 0
}

#moteurRecherche label  { font-size: 9px; margin: 0; padding: 0 2px 0 0 }

#moteurRecherche input    { white-space: nowrap; list-style-image: none; display: inline; margin: 0 1px 0 0; padding: 0; border: 1; outline-width: 0 }

#moteurRecherche input.formulairePrix   { margin: 0 2px 0 0; padding: 0; width: 50px; border: 1 }

#moteurRecherche img {
	margin: 0 3px 0 0;
	padding: 0;
	width: auto;
	float: right;
	border: 0
}

/*</agl.folder>*/
/*<agl.folder "menu">*/
	#menu h3 {
	display: none
}

#menu ul {
	list-style-type: none;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0 0 0 0
}

#menu li {
	background-image: url("../IMAGES_IMMO_DESIGN/pce_menu.gif");
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px
}

/*#menu li:hover  { }*/
	#menu strong  { color: #ff9900; font-size: 13px; font-weight: bold }

#menu a:link, #menu a:visited  { color: #003399; font-size: 13px; font-weight: normal; line-height: 12px; text-decoration: none }

#menu a:hover, #menu a:active  { color: #ff9900; font-size: 13px; font-weight: normal; line-height: 12px; text-decoration: none }

/*</agl.folder>*/
/*<agl.folder "pied">*/
	#pied a:link, #pied a:visited  { color: #ffffff; text-decoration: none !important }

#pied a:hover, #pied a:active  { color: #ff9900 }

#mentions {
	padding-top: 5px;
	position: absolute;
	right: 5px
}

/*</agl.folder>*/
/*<agl.folder "listeOffres">*/
	div.listeOffres { margin-bottom: 25px; position: relative; width: 98%; height: auto }
	div.listeOffres h4 { font-size: 11px; margin: 0 0 5px; padding: 0 0 0 4px; position: relative; width: 100% }
	div.listeOffres span.date { color: #333; font-size: 10px; font-weight: normal; text-align: right; visibility: visible; margin: 0 3px 0 0; padding: 0; position: absolute; right: 0 }
	div.listeOffres img { margin: 0 5px 5px 0; padding: 3px; width: 100px; float: left; border: solid 1px #e6e6e6 }
	div.listeOffres img.valorisation { background-image: none; background-position: left top; display: block !important; margin: 0 0 0 5px; padding: 0; width: 138px; height: 17px; float: none; clear: both !important; border-style: none !important }
	div.listeOffres p.prix { color: #f33; font-size: 13px; font-weight: bold; text-align: right; margin: 10px 0 5px; padding-right: 2px; clear: none }
	div.listeOffres p.type { font-size: 11px; line-height: 12px; text-align: left; margin: 0; padding: 0; clear: none }
	div.listeOffres p.adresse { font-size: 11px; line-height: 12px; text-align: left; margin: 0; padding: 0; clear: none }
	div.listeOffres p.reference { font-size: 11px; text-align: left; margin: 0; padding: 0; clear: none }
	div.listeOffres p { color: #333; font-size: 12px; line-height: 13px; display: block !important; margin: 10px 0 0 5px; padding: 0 0 10px; clear: both }
	div.piedOffre a:link { color: #f33; background-image: url("../IMAGES/flc_texte.gif"); background-repeat: no-repeat; background-position: left center; margin: 0; padding-left: 16px; bottom: 5px; left: 0 }
	div.piedOffre a:hover, div.piedOffre a:active { color: #f33; text-decoration: underline; background-image: url("../IMAGES/flc_texte.gif"); background-repeat: no-repeat; background-position: left center; margin: 0; padding-left: 16px; bottom: 5px; left: 0 }
	div.piedOffre a:visited { color: #f33; font-style: italic; background-image: url("../IMAGES/flc_texte.gif"); background-repeat: no-repeat; background-position: left center; margin: 0; padding-left: 16px; bottom: 5px; left: 0 }
	div.piedOffre p.tel { font-weight: bold; background-image: url("../IMAGES/pct_tel.gif"); background-repeat: no-repeat; background-position: right center; text-align: right; display: inline; margin: 15px 0 5px; padding: 0 20px 0 0; right: 0; bottom: 0 }
/*</agl.folder>*/
/*<agl.folder "detailOffre">*/
	div.detailOffre {
	width: 100%;
	margin-bottom: 30px;
	padding: 0;
}

div.detailOffre h4 {
	color: #333;
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0 2px 10px;
	padding: 0;
}

div.detailOffre span.date {
	color: #333;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	position: absolute;
	right: 0;
	visibility: visible;
	margin: 0;
	padding: 0 230px 0 0;
}

div.detailOffre img {
	margin: 0 10px;
	width: 204px;
	float: left
}

div.detailOffre p.prix {
	color: #e8000c;
	font-weight: bold;
	text-align: right;
	margin: 10px 10px 90px 0;
	clear: none
}

div.detailOffre p.adresse {
	margin: 0;
	padding: 0;
	clear: none
}

div.detailOffre p.type {
	margin: 0;
	padding: 0;
	clear: none
}

div.detailOffre p.reference {
	margin: 0 0 20px;
	padding: 0;
	clear: none
}

div.detailOffre img.valorisation {
	background-image: none;
	display: block;
	margin: 20px 0 5px 10px;
	padding: 0;
	width: 138px;
	height: 17px;
	float: none;
	clear: both;
	border-style: none
}

div.detailOffre p {
	color: #333;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	margin: 15px 10px 10px;
	padding: 0;
	clear: both
}

div.detailOffre p img {
	line-height: 11px;
	vertical-align: middle;
	display: inline;
	margin: 3px 0 0;
	width: auto;
	height: auto;
	float: left;
	padding: 0;
}

div.detailOffre p.tel {
	font-weight: bold;
	background-image: url(../IMAGES/pct_tel.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	padding-right: 20px
}

div.detailOffre div.vignettes {
	color: #666;
	margin: 0 0 15px 10px;
	padding: 0
}

div.detailOffre div.vignettes img {
	color: #666;
	margin: 3px;
	padding: 0;
	width: 110px;
	float: left
}

div.detailOffre ul {
	clear: both;
	list-style-type: circle;
	margin-bottom: 25px
}

div.detailOffre ul li {
	color: #333;
	font-size: 12px;
	list-style-type: circle
}

div.detailOffre a:link, div.detailOffre a:visited, div.detailOffre a:hover {
	font-size: 11px !important;
	text-decoration: none !important;
	text-align: left;
	margin: 0 5px 10px;
	padding: 0
}

div.detailOffre ul.fonctionnalites {
	font-size: 10px !important;
	background-color: #f8f9f8 !important;
	text-align: center !important;
	word-spacing: -1px;
	margin-top: 15px !important;
	margin-bottom: 0 !important;
	margin-left: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 0 !important;
	width: 96%;
	clear: both;
	border-style: solid none;
	border-width: 1px 0;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}

div.detailOffre li.imprimer {
	font-size: 10px !important;
	background-image: url(../IMAGES/pct_imprimer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	margin-right: 5px;
	padding-left: 15px
}

div.detailOffre li.envoyer {
	font-size: 10px !important;
	background-image: url(../IMAGES/pct_envoyer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	padding-left: 15px
}

div.detailOffre ul.liensNavigation {
	font-size: 10px !important;
	background-color: #f8f9f8 !important;
	text-align: center !important;
	word-spacing: -1px;
	margin-top: 0 !important;
	margin-left: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 0 !important;
	width: 96%;
	clear: both;
	border-style: none none solid;
	border-width: 0 0 1px;
	border-bottom-color: #ccc;
}

div.detailOffre li.precedente {
	font-size: 10px !important;
	background-image: url(../IMAGES/pct_precedente.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	margin-right: 2px;
	padding-left: 15px
}

div.detailOffre li.retour {
	font-size: 10px !important;
	background-image: url(../IMAGES/pct_retour.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	margin-right: 4px;
	padding-left: 15px
}

div.detailOffre li.suivante {
	font-size: 10px !important;
	background-image: url(../IMAGES/pct_suivante.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	display: inline;
	margin: 0;
	padding-right: 15px
}

/*</agl.folder>*/
/*<agl.folder "listeGalerie">*/
	table.tableOffre td  { background-color: #e6e6e6; background-image: url("../IMAGES/fd_listegallerie.gif"); background-repeat: no-repeat; background-position: left bottom; margin: 0; padding: 0; width: 170px; vertical-align: top; border: solid 7px #dde4f1 }
	table.tableOffre a:link, table.tableOffre a:visited { color: white }
	div.listeGalerie { background-color: #e6e6e6; background-image: url("../IMAGES/fd_listegallerie.gif"); background-repeat: no-repeat; background-position: left bottom; margin: 0 5px 5px 10px; padding: 0; position: relative; width: 170px; height: 210px; float: left }
	img.image { margin: 0; padding: 0 0 10px; width: 170px; clear: both; border-width: 0 }
	table.tableOffre p.type { font-size: 11px; line-height: 12px; margin: 5px 0 0 5px; padding: 0 }
	table.tableOffre img.valorisation { margin: 10px 0 0 10px; padding: 0; width: 138px; height: 17px; border-style: none }
	table.tableOffre p.prix { color: #f33; font-size: 13px; font-weight: bold; background-image: url("../IMAGES/flc_texte.gif"); background-repeat: no-repeat; background-position: left top; text-align: right; margin-top: 10px; margin-right: 0; margin-bottom: 5px; padding: 0 2px 0 16px; right: 0; bottom: 5px; float: right }
/*</agl.folder>*/
/*<agl.folder "listeEtablissement">*/
	div.listeEtablissement {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

div.listeEtablissement ul {
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 2px solid #3e1213;
	list-style-type: none;
}

div.listeEtablissement li {
	margin: 0;
	padding: 0;
}

/*</agl.folder>*/
/*<agl.folder "popUp">*/
	#popUp {
	background-color: #fff;
	background-image: none;
	padding-right: 15px;
	padding-left: 15px
}

#popUp h3  { color: #ff9900; font-size: 13px; font-weight: bold; text-align: left; margin-top: 15px }

#popUp ol ol {
	list-style-type: lower-alpha;
}

#popUp li {
	margin-top: 3px;
	margin-bottom: 3px;
}

#popUp p.fermer {
	font-size: 11px !important;
	background-image: url(../IMAGES/pct_fermer.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	margin: 5px 10px 5px 0;
	padding-right: 20px;
	padding-bottom: 2px
}

#popUp p.fermer a {
	font-size: 11px !important;
	text-transform: lowercase
}

#popUp span.legende {
	color: #666;
	font-size: 11px;
	font-style: italic;
	visibility: visible
}

#popUp form.envoiAmi {
	background-color: #ddd;
	text-align: center;
	margin: 0;
	padding: 5px
}

#popUp form.envoiAmi textarea {
	width: 280px;
	height: 50px
}

#popUp form.envoiAmi ul li {
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0
}

#popUp form.envoiAmi ul li ol li {
	list-style-type: decimal;
	margin: 0;
	padding: 0
}

#popUp input {
	margin-right: 10px
}

#popUp input.bouton {
	text-align: center;
	cursor: pointer;
	margin-right: 45px;
	width: auto
}

/*</agl.folder>*/
/*<agl.folder "blocOption">*/
	div.blocOption ul li {
	margin: 0;
	padding: 2px 0;
	list-style-type: circle;
}

div.blocOption img.visuelGauche {
	margin-top: 0 !important;
	margin-right: 10px !important;
	margin-bottom: 5px !important;
	float: left !important
}

div.blocOption img.visuelDroite  { margin: 0; float: right !important; border: solid 5px #f5f5f6 !important }

/*</agl.folder>*/
/*<agl.folder "switcher">*/
	#switcher {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 180px
}

#switcher h3 {
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	background-color: transparent;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	height: 15px;
	border-width: 0
}

#switcher h3 span {
	visibility: visible
}

#switcher form {
	margin: 10px 0 0;
	padding: 0
}

#switcher select {
	display: block;
	margin: 0;
	padding: 0
}
/*</agl.folder>*/
#conteneur ul li.special { color: #333; text-align: justify; list-style-type: disc }