/****************************************************************************************
COMMON
*****************************************************************************************/
body{
	background: #f9f9f7 url(img/mainbg.png) repeat-x top left;
	font-size:100%;
}

* html body{
	background: #f9f9f7 url(img/mainbg_IE6.jpg) repeat-x top left;
}


#centerSlot{
	color:#7f7f7f;
	font-size:75%;
}

a{
	color:#788A95;
}

a:hover{
	text-decoration:underline;
}

h1{
	background:url(img/h1.gif) no-repeat top left;
	color:#bc2716;
	font:normal 1.75em verdana;
	border:0;
	padding:8px 10px 12px 27px;
	margin:0;
	min-height:27px;
}

* html h1{
	height:27px;
}

#twocols_left_template #centerSlot h1{
	padding-right:70px;
}

h2{
	color:#bc2716;
	font:normal 1.5em verdana;
	border:0;
	padding:8px 0 12px 0;
	margin:0;
}

h3{
	background:url(img/h3.gif) repeat-x bottom left;
	color:#7f7f7f;
	font:normal 1.25em verdana;
	border:0;
	padding:8px 0 2px 0;
	margin:0 0 8px 0;
}

h4, h5, h6{
	color:#7f7f7f;
	font:normal 1.25em verdana;
	border:0;
	padding:8px 0 2px 0;
	margin:0 0 8px 0;
}

/****************************************************************************************
TABLE
*****************************************************************************************/
dt, dd{
	padding:0;
}


/****************************************************************************************
MORE DOC
*****************************************************************************************/
.moreDocList{
	padding-top:10px;
}


.moreDoc{
	padding-top:5px;
	clear:right;
}

.moreDoc p{
	text-align:justify;
	color:#744872;
}

.moreDoc .moreInfo{
	float:right;
	color:#5375a5;
}

.moreDoc .photo{
	float:left;
	width::49px;
	height:37px;
	margin-right:10px;
}

.moreDoc .moreInfo a{
	font:normal 0.9em verdana;
	color:#A0CFE2 !important;
}

.moreDoc .moreInfo a:hover{
	text-decoration:underline;
}



/****************************************************************************************
CALENDAR
*****************************************************************************************/
#calendar{
    margin-top: 10px;
}

/****************************************************************************************
NEWSLETTER HOME
*****************************************************************************************/
.newsletterHome{
	width:195px;
	height:80px;
	background:url('img/newsletter_home_bg.gif') no-repeat;
}

.newsletterHome h2{
	width:140px;
	height:24px;
	display:block;
	background:url('img/menu_newsletter_h2.jpg') no-repeat;
	color:white;
	font-weight: bold !important;
	font-size: 0.8em !important;
	font-family:arial !important;
	border:0px !important;
	margin:0 !important;
	padding:4px 0 0 55px !important;
}

.newsletterHome form{
	padding:2px 0 0 24px;
}

.newsletterHome .emailField{
	width:117px;
	height:20px;
	border:none;
	background:url('img/newsletter_input.gif') no-repeat;
	color:#414c59;
	font:0.7em arial;
	padding:3px 5px 0 5px
}


.newsletterHome .okButton{
	border:0;
	background:url('img/button_ok.jpg') no-repeat;
	width:23px;
	height:22px;
	margin-left:7px;
}

.newsletterHome .moreInfo{
	display:block;
	width:120px;
	color:#414c59;
	font:0.8em arial;
	background:url('img/bullet_yellowbg.gif') no-repeat 0px 3px;
	margin:5px 0 0 30px;
	padding-left:20px;
}


/***********************/
div.xmlExportButtons {
	padding-top:1em;
	text-align:right;
}

.portlet_rss .xmlExportButtons{
    position:absolute;
    margin:-38px 0px 0px 149px;
}


/****************************************************************************************
SEARCH RESULTS
*****************************************************************************************/
.ajaxtd table{
	width:100%;
}



/****************************************************************************************
PORTLETS
*****************************************************************************************/

/*header
*****************************************************************************************/
.portlet_header{
	margin-left:33px;
	width:933px;
	height:150px;
	background: url(img/header.png) no-repeat 0px 0px;
}

.portlet_header .searchForm{
	float:left;
	position:relative;
	top:91px;
	left:182px;
	width:476px;
	height:27px;
	padding-top:6px;
	padding-left:7px;
	background:url(img/searchbg.png) no-repeat top left;
}

.portlet_header .searchForm label{
	font: normal 0.7em verdana;
	color:#7f7f7f;
	float:left;
	padding:3px 3px 0 0;

}

.portlet_header .searchForm .searchField{
	float:left;
	color:#777777;
	border:0;
	background:url('img/search_input.png') no-repeat;
	width:167px;
	height:18px;
	padding-right:10px;
	padding-top:4px;
	font-size:0.7em;
	font-family:verdana;
}


.portlet_header .searchForm .searchButton{
	float:left;
	border:0;
	background:url('img/search_ok.gif') no-repeat;
	width:33px;
	height:22px;
}



.portlet_header  .lang{
	/*width:42px;
	float:right;
	position:relative;
	top:99px;
	left:-158px;
	z-index:1;*/
	display:none;
}

.portlet_header  .lang .fr{
	display:block;
	width:20px;
	height:17px;
	background:url('img/lang_fr.gif') no-repeat;
	float:left;
}

.portlet_header  .lang .en{
	display:block;
	width:20px;
	height:17px;
	background:url('img/lang_en.gif') no-repeat;
	float:right;
}


.portlet_header  .homeLink{
	float:left;
	display:block;
	width:127px;
	height:150px;
	position:relative;
	left:18px;
}

.portlet_header  .lilleLink{
	float:left;
	display:block;
	width:120px;
	height:22px;
	background:url('img/logo_lille.png') no-repeat;
	position:relative;
	top:95px;
	left:657px;
	z-index:1;
}


.portlet_header .news{
	float:left;
	color:#798b96;
	font:normal 0.9em verdana;
	background:url('img/news.gif') no-repeat 0px 2px;
	padding-left:48px;
	position:relative;
	top:94px;
	left:306px;
	width:418px;
}

.portlet_header .news marquee{
	width:430px;
	height:19px;
	padding-top:2px;
}

/*breadcrumb
*****************************************************************************************/
.portlet_breadcrumb{
	color:#a1cfe2;
	font: italic 0.9em verdana;
	width:490px;
	position:absolute;
	top:190px;
}

.portlet_breadcrumb a{
	color:#a1cfe2;
	font: italic 1em verdana;
}

.portlet_breadcrumb a:hover{
	text-decoration:underline;
}

/*tools
*****************************************************************************************/
.portlet_tools{
	position:absolute;
	z-index:50
}

.tools{
	width:219px;
	height:21px;
	position:relative;
	left:742px;
	top:10px;
	overflow:hidden;
}

.tools .print{
	display:block;
	float:left;
	height:22px;
	width:19px;
	background:url('img/icon_print.gif') no-repeat;
	margin-left:10px;
}

.tools .newsletter{
	display:block;
	float:left;
	height:22px;
	width:19px;
	background:url('img/icon_newsletter.gif') no-repeat center left;
	margin-left:10px;
}

.tools .fontIncrease{
	display:block;
	float:left;
	height:21px;
	width:19px;
	background:url('img/font_plus.gif') no-repeat;
	margin-left:10px;
}

.tools .fontDecrease{
	display:block;
	float:left;
	height:21px;
	width:19px;
	background:url('img/font_moin.gif') no-repeat;
	margin-left:10px;
}

.tools .readspeaker{
	width:64px;
	overflow:hidden;
}

.tools .modalInput{
	display:block;
	float:left;
	height:21px;
	width:19px;
	background:url('img/theme.gif') no-repeat;
	margin-left:10px;
	cursor:pointer}

/*main nav
*****************************************************************************************/
.portlet_main_nav{
	margin-left:33px;
	width:933px;
	height:31px;
	background: url(img/mainnavbg.png) repeat-x 0px 0px;
	position:relative;
	z-index:9999;
}

/* transversal navigation
*****************************************************************************************/
.portlet_transversal_navigation{
	padding:20px 0 0 55px;
}

.portlet_transversal_navigation .body div{
	margin-bottom:10px;
}


.portlet_transversal_navigation .body h1{
	margin:0 0 10px 0;
	padding:0;
	border:0;
	width:169px;
	min-height:35px;
	background:url(img/dotted_white.gif) repeat-x bottom left;
}

* html .portlet_transversal_navigation .body h1{
	height:35px;
}

.portlet_transversal_navigation .body h1 a{
	display:block;
	background:url(img/dotted_white.gif) repeat-x top left;
	width:169px;
	color:#566772;
	font:normal 0.75em verdana;
	padding-top:5px;
}


.portlet_transversal_navigation .Lille_pratique h1{
	margin:0 0 10px 0;
	padding:0;
	border:0;
	width:169px;
	height:35px;
	overflow:hidden;
}

.portlet_transversal_navigation .Lille_pratique h1 a{
	display:block;
	background:url(img/h1_lille_pratique.png) no-repeat top left;
	width:169px;
	height:35px;
	line-height:100px;
	overflow:hidden;
}

.portlet_transversal_navigation .body ul{
	list-style-type:none;
	padding:0;
	width:174px;
}

.portlet_transversal_navigation .body li.even, .portlet_transversal_navigation .body li.odd{
	background:transparent;
	padding:0;
	margin:0;
	line-height:1em;
}

.portlet_transversal_navigation .body li a{
	text-decoration:none;
	color:#a1cfe2;
	font:normal 0.75em verdana;
}

.portlet_transversal_navigation .body li a:hover{
	color:#bc2716;
}

/* appendix
*****************************************************************************************/
.portlet_appendix{
	min-height:460px;
	padding:20px 0 0 55px;
}

* html .portlet_appendix{
	height:460px;
}

.portlet_appendix .body h1{
	margin:0 0 10px 0;
	padding:0;
	border:0;
	width:169px;
	min-height:35px;
	background:url(img/dotted_white.gif) repeat-x bottom left;
}

* html .portlet_appendix .body h1{
	height:35px;
}

.portlet_appendix .body h1 a{
	display:block;
	background:url(img/dotted_white.gif) repeat-x top left;
	width:169px;
	color:#566772;
	font:normal 0.75em verdana;
	padding-top:5px;
}
.portlet_appendix .body ul{
	list-style-type:none;
	padding:0;
	width:174px;
}

.portlet_appendix .body li.even, .portlet_appendix .body li.odd{
	background:transparent;
	padding:0;
	margin:0;
	line-height:1em;
}

.portlet_appendix .body li a{
	text-decoration:none;
	color:#a1cfe2;
	font:normal 0.75em verdana;
}

.portlet_appendix .body li a:hover{
	color:#bc2716;
}

/* actu nav
*****************************************************************************************/
.portlet_actualities_navigation{
	padding:20px 0 0 55px;
}


.portlet_actualities_navigation .body h1{
	margin:0 0 10px 0;
	padding:0;
	border:0;
	width:169px;
	min-height:35px;
	background:url(img/dotted_white.gif) repeat-x bottom left;
}

* html .portlet_actualities_navigation .body h1{
	height:35px;
}

.portlet_actualities_navigation .body h1 span{
	display:block;
	background:url(img/dotted_white.gif) repeat-x top left;
	width:169px;
	color:#566772;
	font:normal 0.65em verdana;
	padding-top:5px;;
}
.portlet_actualities_navigation .body ul{
	list-style-type:none;
	padding:0;
	width:174px;
}

.portlet_actualities_navigation .body li.even, .portlet_actualities_navigation .body li.odd{
	background:transparent;
	padding:0;
	margin:0;
	line-height:1em;
}

.portlet_actualities_navigation .body li a{
	text-decoration:none;
	color:#a1cfe2;
	font:normal 0.75em verdana;
}

.portlet_actualities_navigation .body li a:hover{
	color:#bc2716;
}

.portlet_actualities_calendar{
	padding:10px 0 0 55px;
}

/* actualities
*****************************************************************************************/
.portlet_actualities .groupCatBlock h2{
	background:url(img/h3.gif) repeat-x bottom left;
	color:#7f7f7f;
	font:normal 1.25em verdana;
	border:0;
	padding:20px 0 2px 0;
	margin:0 0 8px 0;
}

.portlet_actualities .moreDoc h2{
	color:#A0CFE2;
	font:normal 1.25em verdana;
	border:0;
	padding:8px 0 2px 0;
	margin:0 0 0 0;
}

.portlet_actualities .moreDoc p{
	color:#7F7F7F;
}

.portlet_actualities .moreDoc .moreInfo{
	color:#A0CFE2;
	font:normal 0.9em verdana;
}


/*back and up
*****************************************************************************************/
.portlet_go_back{
	position:absolute;
}

.back{
	position:relative;
	left:-90px;
}

.back a{
	color:#bc2716;
	background: url('img/back.gif') no-repeat 0px 4px;
	padding-left:11px;
	font:normal 1em verdana;
}

.back a:hover{
	text-decoration:underline;
}

.goup{
	padding-top:10px;
	clear:both
}

.goup a{
	color:#744872!important;
	background: url('img/goup.gif') no-repeat 0px 0px;
	display:block;
	width:23px;
	height:20px;
	float:right;
}



/* welcome
*****************************************************************************************/
.portlet_welcome{
	font-size:130%;
}

.portlet_welcome .news{
	display:none;
}

/* a la une */
.aLaUne{
	width:679px;
	background:#f4f3ef url(img/alaunebg.png) no-repeat	bottom left;
}

.aLaUne .boxHeader{
	padding-bottom:5px;
	width:679px;
	height:59px;
}

.aLaUne_fr .boxHeader{
	background:transparent url(img/alaune_fr.png) no-repeat top left;
}

.aLaUne .boxHeader .week_images{
	color:#bc2716;
	font:normal 0.8em verdana;
	float:left;
	position:relative;
	top:36px;
	left:174px;
}

.aLaUne .boxHeader .week_images:hover{
	text-decoration:underline;
}

.aLaUne .boxHeader .xmlExportButtons{
	float:right;
	position:relative;
	top:17px;
	left:-6px;
}

.aLaUne .xmlExportButtons a{
	display:block;
	height:18px;
	width:42px;
	background:url('img/rss.gif') no-repeat;
	border:0;
}

.aLaUne .boxBody{
	padding:0 25px 10px 10px;
	min-height:361px;
}

* html .aLaUne .boxBody{
	height:361px;
}

.aLaUne .boxBody{
	clear:left;
}

.aLaUne .boxBody .linkPhoto{
	display:block;
	width:394px;
	height:300px;
	float:left;
	background:transparent url(img/alaune_shadow.png) no-repeat top left;
}

.aLaUne .boxBody .photo{
	width:353px;
	height:264px;
	margin:18px 0 0 22px;
}

.aLaUne .boxBody h1{
	font:bold 0.95em  verdana;
	text-transform:uppercase;
	border:0 !important;
	color:#a1cfe2 !important;
	padding:20px 0 0 0 !important;
	margin:0 0 15px 0 !important;
	background:none !important;
	overflow:visible;
}

.aLaUne .boxBody h1 a{
	color:#a1cfe2;
}

.aLaUne .boxBody h1 a:hover{
	text-decoration:underline;
}

.aLaUne .boxBody .itemDescription{
	display:block;
	height:210px;
	color:#798b96;
	background:url('img/alaune_more.gif') no-repeat 232px 200px;
	margin-left:395px;
	padding-bottom:20px;
}

.aLaUne .boxBody .itemDescription:hover{
	color:#a1cfe2;
	text-decoration:none;
}

.aLaUne .boxBody .itemDescription span{
	display:block;
	text-align:justify;
	font:normal 0.75em verdana;
	height:198px;
	overflow:hidden;
}


.aLaUne .boxBody .moreInfo{
	display:none;
}

.aLaUne .boxFooter{
	clear:both;
}

/* actus */
.actu{
	margin-top:10px;
	width:679px;
	background:url('img/actusbg.png') no-repeat bottom left;
	padding-bottom:30px;
}

.actu  .boxHeader{
	width:679px;
	height:43px;
	padding-bottom:5px;
}

.actu_fr .boxHeader{
	background:url('img/actus_fr.png') no-repeat top left;
}


.actu  .boxHeader .allActu{
	color:#a1cfe2;
	font:normal 0.8em verdana;
	float:left;
	position:relative;
	top:25px;
	left:126px;
}

.actu  .boxHeader .allActu:hover{
	text-decoration:underline;
}

.actu .boxHeader .xmlExportButtons{
	float:right;
	position:relative;
	top:5px;
	left:-6px;
}

.actu .xmlExportButtons a{
	display:block;
	height:18px;
	width:42px;
	background:url('img/rss.gif') no-repeat;
	border:0;
}


.actu .boxBody{
	float:left;
	width:213px;
	padding:0 5px;
	background:url(img/actus_more.gif) no-repeat 192px 385px;
	height:400px;
	overflow:hidden;
}

.actu .boxBody .linkPhoto{
	display:block;
	width:213px;
	height:174px;
	background:url(img/actus_shadow.png) no-repeat top left;
}
.actu .boxBody .linkPhoto .photo{
	width:175px;
	height:129px;
	margin:22px 0 0 18px;
}

.actu .boxBody .cat{
	font:normal 0.7em verdana;
	float:right;
	color:#7B7A76 !important;
	padding:0 15px 0 15px;
	position:relative;
	top:-17px;
}

.actu .boxBody .cat:hover{
	text-decoration:underline;
}

.actu .boxBody h1{
	clear:right;
	border:0 !important;
	color:#89b0c0 !important;
	padding:0 15px 0 15px !important;
	font:normal 0.95em verdana !important;
	background:none !important;
	margin-top:0;
	overflow:visible;
/*	position:relative;
	top:-13px;*/
}

.actu .boxBody h1 a{
	color:#89b0c0;
}

.actu .boxBody h1 a:hover{
	text-decoration:underline;
}

.actu .boxBody .itemDescription{
	padding:0 15px 0 15px;
	display:block;
	color:#798b96;
	text-align:justify;
	font:normal 0.8em verdana;
	line-height:1.1em !important;
	height:200px;
/*	position:relative;
	top:-13px;*/
}

.actu .boxBody .itemDescription:hover{
	color:#89b0c0;
	text-decoration:none;
}

.actu .boxBody .moreInfo{
	display:none;
}

.actu .hr{
	display:none
}

.actu .boxFooter{
	clear:both;
}

/* other documents
*****************************************************************************************/
#documents{
	background:url(img/otherdocbg.gif) repeat-y top center;

}

* html #documents{
	border:1px solid white;
}

#documents .even, #documents .odd{
	background:transparent;
	width:47%;
	float:left;
}

#documents .even{
	padding-right:10px;
}


#documents .odd{
	padding-left:10px;
}

#documents .title{
	display:block;
	float:left;
	color:#788A95;
	font:normal 1em verdana;
	line-height:1.2em !important;
/*	width:70%;*/
	padding-top:6px;
	height:46px;
	overflow:hidden;
}

#documents .title:hover{
	text-decoration:underline;
}

#documents .photo{
	display:block;
	width:51px;
	height:41px;
	background:url(img/otherdoc_img.png) no-repeat top left;
	float:left;
}

#documents .photo img{
	width:35px;
	height:25px;
	margin:8px 0 0 8px;
}

#documents .description, #documents .more{
	display:none;
}

#documents .footer{
	clear:left;
}

/* nav
*****************************************************************************************/
.portlet_navigation{
	width:197px;
	background:#f4f3ef;
}

.portlet_navigation .header{
	background:url(img/nav_header.png) no-repeat top left;
	height:22px;
}

.portlet_navigation h1{
	display:none;
}

.portlet_navigation ul{
	padding:0;
	margin:0px !important;
	list-style-type:none;
}

.portlet_navigation ul .even, .portlet_navigation ul .odd{
	background:transparent;
}

.portlet_navigation ul li{
	padding:0;
}

* html .portlet_navigation ul li{
	height:1px;
}

.portlet_navigation ul ul{
	padding-bottom:5px;
}

.portlet_navigation ul li li.first{
	background:url(img/navbg.gif) repeat-x top left;
}

.portlet_navigation ul li li.last{
	background:url(img/navbg.gif) repeat-x bottom left;
}

.portlet_navigation ul li a{
	display:block;
	text-decoration:none;
	font:0.75em verdana;
	color:#0860a6;
	background:url('img/li_navoff.gif') no-repeat 15px 9px;
	padding:2px 5px 2px 28px;
}

html>/**/body .portlet_navigation ul li a{
	background-position:15px 4px;
	padding:2px 5px 2px 28px;
}

* html body .portlet_navigation ul li a{
	background-position:15px 7px;
	padding:2px 5px 2px 28px;
}


.portlet_navigation ul li a:hover{
	color:#7aaad1;
	background-image:url('img/li_navoff_over.gif');
}

.portlet_navigation ul li.selected a{
	background-image:url('img/li_navon.gif');
	background-position:12px 7px;
}

.portlet_navigation ul li li{
	width:152px;
	margin:0 0 0 40px;
}

.portlet_navigation ul li li a{
	display:block;
	text-decoration:none;
	font:0.7em arial;
	color:#5578a6;
	background-image:url('img/li_li.gif') !important;
	background-position:0px 7px !important;
	background-repeat:no-repeat;
	padding:2px 5px 2px 10px !important;
}

.portlet_navigation ul li li a:hover{
	background-image:url('img/li_li.gif');
	text-decoration:underline;
}

.portlet_navigation ul li li.selected a{
	font-weight:bold;
}


.portlet_navigation .footer{
	background:url(img/nav_footer.png) no-repeat top left;
	height:22px;
}


/* actions
*****************************************************************************************/
#header .portlet_actions{
	margin:0 24px 0px 33px;
}

#header .portlet_actions ul{
	margin-top:0px;
	font:normal 0.8em verdana;
}

/* footer
*****************************************************************************************/
.portlet_footer ul{
	list-style-type:none;
	position:relative;
	padding:0px;
	display:inline;
}

.portlet_footer ul li{
	display:inline;
	padding-right:5px;
}

.portlet_footer ul li.even, .portlet_footer ul li.odd{
	background:none;
}

.portlet_footer ul li a{
	font:normal 0.7em verdana;
	color:#a9a8a6;
	text-decoration:none;
}

.portlet_footer ul li a:hover{
	text-decoration:underline;
}

#twocols_left_template .portlet_footer ul{
	top:10px;
	padding-left:333px;
}

#threecols_reverse_template .portlet_footer ul{
	top:10px;
	padding-left:275px;
}

.portlet_footer ul li.accueil-presse{
	background:url(img/icon_accueil.gif) no-repeat 0px 3px;
	padding-left:15px
}

.portlet_footer ul li.mentions-legales{
	background:url(img/icon_mention.gif) no-repeat 0px 3px;
	padding-left:15px
}

.portlet_footer ul li.plan-du-site{
	background:url(img/icon_plan.gif) no-repeat 0px 3px;
	padding-left:15px
}

.portlet_footer ul li.aides{
	background:url(img/icon_aide.gif) no-repeat 0px 3px;
	padding-left:15px
}

.portlet_footer ul li.contactez-nous{
	background:url(img/icon_contact.gif) no-repeat 0px 3px;
	padding-left:15px
}

.portlet_footer ul li.flux-rss{
	background:url(img/icon_rss.gif) no-repeat 0px 3px;
	padding-left:15px
}

/* sitemap
**************************************************************************************/

#sitemap a, #sitemap ul{
    color : #5578a6;
    text-decoration: none;
}


/****************************************************************************************
BACKOFFICE
*****************************************************************************************/
#threecols_reverse_template #portal_status_message{
	position:absolute;
	margin:-176px 0px;
}

#threecols_template #portal_status_message{
	position:absolute;
	margin:-176px 0px;
}

#twocols_left_template #portal_status_message{
	position:absolute;
	margin:-176px 0px;
}

#twocols_right_template #portal_status_message{
	position:absolute;
	margin:-176px 0px;
}

#twocols_template #portal_status_message{
	position:absolute;
	margin:-176px 0px;
}

/* Sélecteur de thème
*****************************************************************************************/
.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333;  
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc;
    z-index:9999;
} 
 
.modal h2 { 
    margin:0px; 
    padding:10px 0 10px 5px; 
    font-size:20px; 
	border-bottom:1px dotted gray;
}

#theme_selection ul{list-style-type:none;padding:0}
#theme_selection ul li {float:left;padding:7px}
#theme_selection ul li a{display:block;border:2px solid white}
#theme_selection ul li img {width:150px;cursor:pointer}
#theme_selection ul li a:hover{border:2px solid #922318}
#theme_selection .cross {position:absolute;margin:-77px 0 0 342px;display:block;width:36px;height:36px;background:url(img/close.png);cursor:pointer;border:0}