/****************************************************************************************
COMMON
*****************************************************************************************/
body{
	font-size:100%;
	position:relative;
}

h1, h2, h3, h4, h5, h6{overflow:auto}

font{
	font-size:100%;
}

font[size="1"]{
	font-size:0.7em !important;
}

font[size="2"]{
	font-size:1em !important;
}

font[size="3"]{
	font-size:1.2em !important;
}

font[size="4"]{
	font-size:1.4em !important;
}

font[size="5"]{
	font-size:1.7em !important;
}

font[size="6"]{
	font-size:2.2em !important;
}

#rightSlot{
    vertical-align: top;
}

#centerSlot{
    vertical-align: top;
}

#leftSlot{
    vertical-align: top;
}

#main{
    background: url('img/background_home.gif') repeat-y;
	border-collapse:collapse;
	width:100%;
}

#leftSlot{
    background-color:#E0E7F1;
    background-image:url('img/leftcol_bg.gif');
    background-position:left top;
    background-repeat:repeat-y;
    color:#5578A6;
}

h1{
	background: url('img/bullet_h1.gif') no-repeat 0px 7px;
}



h1, .h1{font:bold 1.5em arial;padding:0 0 2px 20px;margin:5px 0 5px 0;border-style:none none dotted none;border-width:1px}
h2, .h2{font:bold 1.25em arial;padding:0 0 2px 0px;margin:5px 0 5px 0;border-style:none none dotted none;border-width:1px}
h3, .h3{font:bold 1em arial;padding:0 0 2px 0px;margin:5px 0 5px 0;border-style:none none dotted none;border-width:1px}
h4, .h4, h5, .h5, h6, .h6{font:bold 0.9em arial;padding:0 0 2px 0;margin:5px 0 5px 0;border-style:none none dotted none;border-width:1px}

h1, .h1{border-color:#744872;color:#744872}
h2, .h2{border-color:#744872;color:#744872}
h3, .h3{border-color:#744872;color:#744872}
h4, .h4, h5, .h5, h6, .h6{border-color:#744872;color:#744872}



/****************************************************************************************
HEADER
*****************************************************************************************/
.mainHeader{
	width:1024px;
	height:176px;
	background: url('img/header.jpg') no-repeat;
	position:relative;
	top:1px;
	
}

.mainHeader_fr{
	width:1024px;
	height:176px;
	background: url('img/header_fr.jpg') no-repeat;
	position:relative;
	top:1px;
}

.mainHeader_en{
	width:1024px;
	height:176px;
	background: url('img/header_en.jpg') no-repeat;
	position:relative;
	top:1px;
}

.headerPrint_fr{
	width:700px;
	height:110px;
	background: url('img/header_print_fr.jpg') no-repeat;
}

.headerPrint_en{
	width:700px;
	height:110px;
	background: url('img/header_print_en.jpg') no-repeat;
}


html>body .mainHeader, html>body .mainHeader_fr, html>body .mainHeader_en{
	top:0px;
}

.headerLinks{
	color:#20428c;
	font:0.6em arial;
	text-align:right;
	padding-right:180px;
}

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


/*lang
*****************************************************************************************/
.lang{
	width:46px;
	float:left;
	position:relative;
	top:135px;
	left:790px;
}

.lang .fr{
	display:block;
	width:22px;
	height:21px;
	background:url('img/french.gif') no-repeat;
	float:left;
}

.lang .en{
	display:block;
	width:24px;
	height:21px;
	background:url('img/english.gif') no-repeat;
	float:right;
}

/*search
*****************************************************************************************/
.searchForm{
	float:left;
	position:relative;
	top:131px;
	left:793px;
	width:170px;
	height:23px;
}

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


.searchForm .searchButton{
	border:0;
	background:url('img/search_button.gif') no-repeat;
	width:22px;
	height:21px;
}

/*map
*****************************************************************************************/
.quartier{
	width:192px;
	height:120px;
	float:left;
	position:relative;
	left:600px;
	top:7px;
}

/*homeLink
*****************************************************************************************/
.homeLinkBg{
	display:block;
	width:392px;
	height:157px;
	float:left;
	position:relative;
	left:-393px;
	top:7px;
	overflow:hidden;
}

.homeLink{
	display:block;
	width:392px;
	height:157px;
}


.home_mairie{
	background:url('img/header_mairie.jpg') no-repeat -15px -20px !important;
}

.home_cadre{
	background:url('img/header_cadre.jpg') no-repeat -15px -20px;
}

.home_citoyen{
	background:url('img/header_citoyen.jpg') no-repeat -15px -20px;
}

.home_culture{
	background:url('img/header_culture.jpg') no-repeat -15px -20px;
}

.home_decouvrir{
	background:url('img/header_decouvrir.jpg') no-repeat -15px -20px;
}

.home_economie{
	background:url('img/header_economie.jpg') no-repeat -15px -20px;
}

.home_education{
	background:url('img/header_education.jpg') no-repeat -15px -20px;
}

.home_solidarite{
	background:url('img/header_solidarite.jpg') no-repeat -15px -20px;
}

.home_sport{
	background:url('img/header_sport.jpg') no-repeat -15px -20px;
}

.home_urbanisme{
	background:url('img/header_urbanisme.jpg') no-repeat -15px -20px;
}

#flash{
	position:relative;
	left:-15px;
	top:-20px;
}

/****************************************************************************************
COLUMNS FIXE
*****************************************************************************************/
.colormainbackground{

}
.colorrightCol{
    margin:0px;
    padding:0px;
}

.colorcenterColContent{
    padding:0 40px 0 35px;
}

.colorcenterColHome{
    padding:0 30px 0 40px;
}



/*news
*****************************************************************************************/
.news{
	color:#414c59;
	font:1em arial !important;
	background:url('img/news.gif') no-repeat 0px 2px;
	padding-left:60px;
	margin-top:3px;
}

.news marquee{
	/*width:400px;*/
	height:19px;
}

/* a la une
*****************************************************************************************/
.aLaUne_fr{
	width:723px;
	background:url('img/alaune_fr.gif') no-repeat !important;
}

.aLaUne_en{
	width:723px;
	background:url('img/alaune_en.gif') no-repeat !important;
}

.aLaUne{
	width:723px;
	background:url('img/alaune_fr.gif') no-repeat;
	padding-top:69px;
	position:relative
}

.aLaUne .boxBody{
	padding:30px 25px 10px 10px;
}

.aLaUne .boxBody .photo{
	float:left;
	margin:15px 30px 10px 10px;
}

.aLaUne .boxBody h1{
	border:0 !important;
	color:#3a4aa5 !important;
	text-align:right !important;
	padding:0 !important;
	margin:0 0 15px 0 !important;
	font:bold 1.3em arial !important;
	background:none !important;
	overflow:visible;
}

.aLaUne .boxBody h1 a{
	color:#3a4aa5 !important;
}

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

.aLaUne .boxBody  .itemDescription{
	display:block;
	color:#414c59 !important;
	text-align:justify;
	font:normal 1em arial !important;
}

.aLaUne .boxBody  .itemDescription:hover{
	color:#3a4aa5;
}

.aLaUne .boxBody  .itemDescription span{
	color:#414c59 !important;
}

.aLaUne .boxBody .moreInfo{
	float:right;
	font: bold 1em arial !important;
	color:#3a4aa5 !important;
	background:url('img/bullet_blue.gif') no-repeat 0px 5px;
	padding-left:13px !important;
}

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

.aLaUne .boxFooter{
	clear:both;
	height:20px;
	width:723px;
	background:url('img/alaune_bottom.gif') no-repeat;
}



.aLaUne .xmlExportButtons{
	width:50px;
	position:absolute;
	left:650px;
	top:22px;
}

.actu .xmlExportButtons{
	width:50px;
	position:relative;
	left:650px;
	top:-5px;
}

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

.portlet_rss .xmlExportButtons{
    position:absolute;
}

/* video
*****************************************************************************************/
.video_fr{
	width:723px;
	background:url('img/alaune_fr.gif') no-repeat !important;
}

.video_en{
	width:723px;
	background:url('img/alaune_en.gif') no-repeat !important;
}

.video{
	width:723px;
	background:url('img/alaune_fr.gif') no-repeat;
}

.video .boxBody{
	padding:30px 25px 10px 10px;
	text-align: center;
}

.video .boxBody .photo{
	float:left;
	margin:15px 30px 10px 10px;
}

.video .boxBody h1{
	border:0 !important;
	color:#3a4aa5 !important;
	text-align:right !important;
	padding:0 !important;
	margin:0 0 15px 0 !important;
	font:bold 1.3em arial !important;
	background:none !important;
	overflow:visible;
}

.video .boxBody h1 a{
	color:#3a4aa5 !important;
}

.video .boxBody h1 a:hover{
	text-decoration:underline !important;
}

.video .boxBody  .itemDescription{
	display:block;
	color:#414c59 !important;
	text-align:justify;
	font:normal 1em arial !important;
}

.video .boxBody  .itemDescription:hover{
	color:#3a4aa5;
}

.video .boxBody  .itemDescription span{
	color:#414c59 !important;
}

.video .boxBody .moreInfo{
	float:right;
	font: bold 1em arial !important;
	color:#3a4aa5 !important;
	background:url('img/bullet_blue.gif') no-repeat 0px 5px;
	padding-left:13px !important;
}

.video .boxBody .moreInfo:hover{
	text-decoration:underline;
}

.video .boxFooter{
	clear:both;
	height:20px;
	width:723px;
	background:url('img/alaune_bottom.gif') no-repeat;
}

.video .week_images{
	color:#AC315A !important;
	font:bold 1em arial !important;
	position:relative !important;
	left:387px !important;
	top:20px !important;
}



.video .xmlExportButtons{
	width:50px;
	position:relative;
	left:650px;
	top:10px;
}

.actu .xmlExportButtons{
	width:50px;
	position:relative;
	left:650px;
	top:-5px;
}

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


/* actus
*****************************************************************************************/
.actu_en{
	width:723px;
	background:url('img/actu_en.png') no-repeat;
	margin-top:15px;
}

.actu_fr{
	width:723px;
	background:url('img/actu_fr.png') no-repeat;
	margin-top:15px;
}

.actu .allActu{
	color:#3f84c9 !important;
	font:bold 1em arial !important;
	position:relative !important;
	left:387px !important;
	top:6px !important;
}


.groupCatBlock{
	padding-top:15px;
	clear:both;
}

.groupCatBlock .moreDoc{
	padding-bottom:13px;
}

.groupCat{
	color:white !important;
	padding:2px 0 0 10px !important;
	border:0 !important;
	background:#5375A5 url('img/title_corner.gif') no-repeat top right;
}




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

.actu .boxHeader{
	padding-bottom:20px;
}

.actu .boxBody{
	float:left;
	width:340px;
	padding:15px 9px 5px 9px;
	margin-left:2px;
	height:210px;
}


.actu .boxBody .photo{
	width:77px;
}

.actu .boxBody .cat{
	font-size:0.9em !important;
	font-weight:bold !important;
	color:#498ACD !important;
	float:right !important;
}


.actu .boxBody h1{
	border:0 !important;
	color:#3a4aa5 !important;
	text-align:right !important;
	padding:0 !important;
	margin:0 0 15px 0 !important;
	font:bold 1.3em arial !important;
	clear:right !important;
	background:none !important;
    overflow:visible;
}

.actu .boxBody h1 a{
	color:#3a4aa5 !important;
}

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

.actu .boxBody .photo{
	float:left;
	margin-right:20px;
}

.actu .boxBody  .itemDescription{
	display:block;
	color:#414c59 !important;
	text-align:justify;
	font:normal 1em arial !important;
}

.actu .boxBody .moreInfo, .portlet_welcome .items .mainNews .moreInfo{
	float:right;
	font: bold 1em arial !important;
	color:#3a4aa5 !important;
	background:url('img/bullet_blue.gif') no-repeat 0px 5px;
	padding-left:13px;
}

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

.actu .hr{
	height:4px;
	width:687px;
	background:url('img/actu_hr.gif') no-repeat;
	margin:10px auto 0px auto;
	clear:both;
}

html>body .actu .boxBody .hr{
	margin:10px auto 10px auto;
}

.actu .boxFooter{
	clear:both;
	height:22px;
	width:723px;
	background:url('img/actu_bottom.gif') no-repeat;
}

/****************************************************************************************
TOOLS
*****************************************************************************************/
.portlet_tools{
	display:inline;
	position:absolute;
	z-index:50
}

.fiche .tools{
	position:static;
	padding-bottom:15px;
}

* html .fiche .tools{
	position:static;
    width:180px;
}

* html .fiche .tools .print{
	margin-left:0px;
}

.tools{
	width:209px;
	height:21px;
	position:relative;
	left:783px;
	top:7px;
	overflow:hidden;
}

.fiche .tools{width:180px;height:45px}

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

.tools .print{
	display:block;
	float:left;
	height:21px;
	width:19px;
	background:url('img/icon_print.gif') no-repeat;
	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;
}

.fiche .readspeaker{padding-top:8px;clear:both;margin:0 auto}

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

/****************************************************************************************
WEATHER
*****************************************************************************************/
.weather{
	color:#3a4aa5;
	width:195px;
	text-align:center;
	font:bold 0.9em arial;
	margin-bottom:8px;
}

.weather .date{
	display:block;
	background:url('img/separator_weather.jpg') no-repeat center bottom;
	width: 195px;
	height:22px;
}

.weather .picto{
	margin:0 5px 0 5px;
}

.weather .temp{
	margin:0;
	font:bold 1.1em arial;
}


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


/****************************************************************************************
MENU
*****************************************************************************************/
.portlet_transversal_navigation{
	width:195px;
	background:url('img/menu_bg.gif') repeat-y;
	margin-right:16px;
}

.portlet_transversal_navigation h1{
	width:140px;
	height:24px;
	display:block;
	background:url('img/menu_h2.jpg') no-repeat;
	color:#3d6087;
	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;
}

.portlet_transversal_navigation .Lille_pratique h1{
	background:url('img/menu_h2Rounded.jpg') no-repeat !important;
}

.portlet_transversal_navigation ul{
	list-style-type:none;
	padding:0;
}

.portlet_transversal_navigation ul li.even, .portlet_transversal_navigation ul li.odd{
	padding:1px 0;
	width:195px;
	background:url('img/menu_separator.gif') no-repeat;
}

.portlet_transversal_navigation ul li.first{
	background:none;
}

.portlet_transversal_navigation ul a{
	display:block;
	color:#414c59;
	font:bold 0.7em arial;
	background:url('img/bullet_menu.gif') no-repeat 30px 8px;
	height:20px;
	padding:5px 0 0 52px;
	text-decoration:none;
}

html>body .portlet_transversal_navigation ul a{
	height:auto;
	min-height:20px;
}

.portlet_transversal_navigation ul a:hover{
	color:#5B8AB5;
}


.portlet_transversal_navigation .Jeunesse h1, .portlet_transversal_navigation .young-people h1{
	display:block;
	width:140px;
	height:23px;
	display:block;
	background:url('img/menu_jeunesse.gif') no-repeat;
	color:white;
	font: bold 0.8em arial;
	padding:4px 0 0 55px;
}

.portlet_transversal_navigation .Jeunesse h1 a, .portlet_transversal_navigation .young-people h1 a{
	color:white;
}

.portlet_transversal_navigation .Jeunesse h1 a:hover, .portlet_transversal_navigation .young-people h1 a:hover{
	color:#830000;
}

.portlet_transversal_navigation .Jeunesse ul, .portlet_transversal_navigation .young-people ul{
	display:none;
}


.portlet_transversal_navigation .Senior h1, .portlet_transversal_navigation .seniors h1{
	display:block;
	width:140px;
	height:23px;
	display:block;
	background:url('img/menu_senior.gif') no-repeat;
	color:white;
	font: bold 0.8em arial;
	padding:4px 0 0 55px;
}

.portlet_transversal_navigation .Senior h1 a, .portlet_transversal_navigation .seniors h1 a{
	color:white;
}

.portlet_transversal_navigation .Senior h1 a:hover, .portlet_transversal_navigation .seniors h1 a:hover{
	color:#055566;
}

.portlet_transversal_navigation .Senior ul, .portlet_transversal_navigation .seniors ul{
	display:none;
}

.portlet_transversal_navigation .Famille h1, .portlet_transversal_navigation .family h1{
	display:block;
	width:140px;
	height:23px;
	display:block;
	background:url('img/menu_famille.gif') no-repeat;
	color:white;
	font: bold 0.8em arial;
	padding:4px 0 0 55px;
}

.portlet_transversal_navigation .Famille h1 a, .portlet_transversal_navigation .family h1 a{
	color:white;
}

.portlet_transversal_navigation .Famille h1 a:hover, .portlet_transversal_navigation .family h1 a:hover{
	color:#6C2569;
}

.portlet_transversal_navigation .Famille ul, .portlet_transversal_navigation .family ul{
	display:none;
}

.portlet_transversal_navigation .lille_en_images h1, .portlet_transversal_navigation .images-of-lille h1{
	display:block;
	width:140px;
	height:23px;
	display:block;
	background:url('img/menu_agenda.gif') no-repeat;
	color:white;
	font: bold 0.8em arial;
	padding:4px 0 0 55px;
}

.portlet_transversal_navigation .lille_en_images h1 a, .portlet_transversal_navigation .images-of-lille h1 a{
	color:white;
}

.portlet_transversal_navigation .lille_en_images h1 a:hover, .portlet_transversal_navigation .images-of-lille h1 a:hover{
	color:#5D7A15;
}

.portlet_transversal_navigation .lille_en_images ul, .portlet_transversal_navigation .images-of-lille ul{
	display:none;
}

/*.portlet_transversal_navigation .footer{
	background:url('img/menu_footer.gif') no-repeat;
	height:23px;
}*/

/****************************************************************************************
APPENDIX
*****************************************************************************************/
.portlet_appendix{
	width:195px;
	background:url('img/menu_bg.gif') repeat-y;
	margin-right:16px;
}

.portlet_appendix h1{
	width:140px;
	height:24px;
	display:block;
	background:url('img/menu_h2.jpg') no-repeat;
	color:#3d6087;
	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;
}

.portlet_appendix .first h1{
	background:url('img/menu_h2Rounded.jpg') no-repeat !important;
}

.portlet_appendix ul{
	list-style-type:none;
	padding:0;
}

.portlet_appendix ul li.even, .portlet_appendix ul li.odd{
	padding:1px 0;
	width:195px;
	background:url('img/menu_separator.gif') no-repeat;
}

.portlet_appendix ul li.first{
	background:none;
}

.portlet_appendix ul a{
	display:block;
	color:#414c59;
	font:bold 0.7em arial;
	background:url('img/bullet_menu.gif') no-repeat 30px 8px;
	height:20px;
	padding:5px 0 0 60px;
	text-decoration:none;
}

html>body .portlet_appendix ul a{
	height:auto;
	min-height:20px;
}

.portlet_appendix ul a:hover{
	color:#5B8AB5;
}

.portlet_appendix .footer{
	background:url('img/menu_footer.gif') no-repeat;
	height:23px;
}

/****************************************************************************************
ACTU NAV
*****************************************************************************************/
.portlet_actualities_navigation{
	width:195px;
	background:url('img/menu_bg.gif') repeat-y;
	margin-right:16px;
}

.portlet_actualities_navigation h1{
	width:140px;
	height:24px;
	display:block;
	color:#3d6087;
	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;
}

.portlet_actualities_navigation  h1{
	background:url('img/menu_h2Rounded.jpg') no-repeat;
}

.portlet_actualities_navigation ul{
	list-style-type:none;
	padding:0;
}

.portlet_actualities_navigation ul li.even, .portlet_actualities_navigation ul li.odd{
	padding:1px 0;
	width:195px;
	background:url('img/menu_separator.gif') no-repeat;
}

.portlet_actualities_navigation ul li.first{
	background:none;
}

.portlet_actualities_navigation ul li.last a{
	position:relative;
	z-index:10;
}

.portlet_actualities_navigation ul a{
	display:block;
	color:#414c59;
	font:bold 0.7em arial;
	background:url('img/bullet_menu.gif') no-repeat 30px 8px;
	height:20px;
	padding:5px 0 0 60px;
	text-decoration:none;
}

html>body .portlet_actualities_navigation ul a{
	height:auto;
	min-height:20px;
}

.portlet_actualities_navigation ul a:hover{
	color:#5B8AB5;
}

.portlet_actualities_navigation .footer{
	background:url('img/menu_footer.gif') no-repeat;
	height:23px;
}


/****************************************************************************************
LEFT NAV
*****************************************************************************************/
.portlet_navigation{
	width:210px;
}

.portlet_navigation h1{
	border:0;
	width:210px;
	color:#5578a6;
	text-align:center;
	padding:0;
	margin:0 0 15px 0;
	font:bold 1.1em arial;
	background:none;
}

.portlet_navigation ul{
	border-top:1px solid #5375a5;
	border-bottom:1px solid #5375a5;
	background:#f1f4f9;
	padding:8px 0px;
	margin:0px !important;
	list-style-type:none;
}

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

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

.portlet_navigation ul li.center {
	text-align:center;
}

.portlet_navigation ul li select{
	font-size:0.7em;
}

.portlet_navigation ul li a{
	display:block;
	text-decoration:none;
	font:0.7em arial;
	color:#5578a6;
	background:url('img/bullet_leftmenu.gif') no-repeat 15px 9px;
	padding:2px 5px 2px 40px;
}

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

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


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

.portlet_navigation ul ul{
	border:0;
	background:url('img/subnav_separator.gif') repeat-x bottom left;
	width:152px;
	padding:0 0 1px 0;
	margin-left:40px !important;
}


.portlet_navigation ul li li{
	width:152px;
	background:url('img/subnav_separator.gif') repeat-x bottom left;
	margin:0;
}

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

html>/**/body .portlet_navigation ul li li a{
}

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

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

/****************************************************************************************
Portlet events
*****************************************************************************************/
.portlet_events{margin-bottom:20px}


.portlet_events{
	width:195px;
	background:url('img/menu_bg.gif') repeat-y;
	margin-right:16px;
}

.portlet_events h1{
	width:140px;
	height:24px;
	display:block;
	background:url('img/menu_h2Rounded.jpg') no-repeat;
	color:#3d6087;
	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;
}


.portlet_events .evenement{
	font-size: 0.8em !important;
	padding:5px;
}

.portlet_events .evenement h1{
	font-size: 0.9em !important;
	height:auto;
	width:183px;
	color:#414C59
}

.portlet_events .evenement h1 a{
	color:#414C59;
}	

.portlet_events .evenement h1 a:hover{
	color:#5B8AB5;
}	

.portlet_events .evenement .metaDate{font-weight:bold;color:#5B8AB5}

.portlet_events ul{
	list-style-type:none;
	padding:0;
}

.portlet_events ul li.even, .portlet_events ul li.odd{
	padding:1px 0;
	width:195px;
	background:url('img/menu_separator.gif') no-repeat;
}

.portlet_events ul li.first{
	background:none;
}

.portlet_events ul a{
	display:block;
	color:#414c59;
	font:bold 0.7em arial;
	background:url('img/bullet_menu.gif') no-repeat 30px 8px;
	height:20px;
	padding:5px 0 0 60px;
	text-decoration:none;
}

html>body .portlet_events ul a{
	height:auto;
	min-height:20px;
}

.portlet_events ul a:hover{
	color:#5B8AB5;
}


.genres .principal{line-height:50px;overflow:hidden}

.portlet_events .toutes{font-size:0.7em;margin-left:34px}

.portlet_events .footer{
	background:url('img/menu_footer.gif') no-repeat;
	height:23px;
}
	
/****************************************************************************************
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;
}

/****************************************************************************************
FOOTER
*****************************************************************************************/

#footer{
    height:36px;
    width:1024px;
    background:url('img/footer_white.gif') no-repeat;
    text-align:center;
    padding-top:90px;
    color:white;
    font: 0.8em arial;
}

#footer a{
	color:white !important;
}

#footer a:hover{
	text-decoration:underline;
}

#threecols_template #footer, #twocols_template #footer{
    background: url('img/footer_blue.gif') repeat-y;
}


.footerPrint{
	width:700px;
	height:76px;
	background: url('img/footer_print.jpg') no-repeat;
}

/****************************************************************************************
DOCUMENTS
*****************************************************************************************/
#centerSlot {
	font-family:Arial !important;
	font-size:0.8em !important;
	font-size-adjust:none !important;
	font-style:normal !important;
	font-variant:normal !important;
	font-weight:normal !important;
	line-height:normal !important;
}

#centerSlot a, #centerSlot a div, #centerSlot a span {
color:#A31A48;
}

#centerSlot a, #centerSlot a div, #centerSlot a span {
text-decoration:none;
}

.ddescription{
	color:#744872;
	font-weight:bold;
	font-style:normal !important;
}

/*#centerSlot h1{
	background: url('img/bullet_h1.gif') no-repeat 0px 7px;
}
*/

/* other documents
*****************************************************************************************/
#documents{
	padding-top:10px;
}

#documents .even, #documents .odd{
	background:transparent;
	padding-top:3px;
	clear:both;
}


#documents .title{
	display:block;
	border-color:#744872;
	color:#744872;
	border-style:none none dotted;
	border-width:1px;
	font-family:arial !important;
	font-size:1.25em !important;
	font-size-adjust:none !important;
	font-stretch:normal !important;
	font-style:normal !important;
	font-variant:normal !important;
	font-weight:bold !important;
	line-height:normal !important;
	margin:5px 0pt;
	padding:0pt 0pt 2px 0px;
}

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

#documents .more{
	float:right;
	color:#5375a5;
}

#documents .photo{
	float:left;
	margin-right:10px;
}

#documents a.more {
	font:bold 0.8em arial !important;
	color:#5375a5 !important;

}

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


/****************************************************************************************
READ MORE
*****************************************************************************************/
#sections ul{
    list-style-type:none;
    padding:0;
}

#sections a{
    color:#414c59;
    background:url('img/bullet_menu.gif') no-repeat 30px 8px;
    padding:5px 0 0 60px;
    text-decoration:none;
}

#sections a:hover{
    color:#5B8AB5;
}

.readMore{
	margin-top:20px;
}

.readMore .head{
	background: url('img/readmore.gif') no-repeat top left;
	height:29px;
	border-right:1px solid #5375a5;
}

.readMore .content{
	padding-top:20px;
	border-left:1px solid #5375a5;
	border-right:1px solid #5375a5;
	background:#f1f4f9;
}

.readMore .foot{
	background: url('img/readmore_bottom.gif') no-repeat top right;
	height:29px;
	border-left:1px solid #5375a5;
}

.readMore .content ul{
	color:#744872;
	font-size:0.9em !important;
	width:35%;
}

.readMore .content ul a:hover{
	text-decoration:underline;
}


.readMore .content ul.readCol1{
	float:left;
	margin-left: 30px;
}

.readMore .content ul.readCol2{
	float:right;
	/*margin-right: 50px;*/
	margin-right: 10px;
}

.readMore .flush{
	clear:both;
}
/****************************************************************************************
BREADCRUMB
*****************************************************************************************/
#portlet_breadcrumb_fr{
	padding-bottom:5px;
	padding-left:0pt;
	padding-right:0pt;
	padding-top:10px;
	text-align:left;
}

#portlet_breadcrumb_fr, #portlet_breadcrumb_fr a{
	font-family:Arial !important;
	font-size:1em !important;
	font-size-adjust:none !important;
	font-stretch:normal !important;
	font-style:italic !important;
	font-variant:normal !important;
	font-weight:normal !important;
	line-height:normal !important;
	color:#5578a6 !important;
	text-decoration:none;
}

#portlet_breadcrumb_fr a:hover{
	text-decoration:underline;
}

/****************************************************************************************
BREADCRUMB
*****************************************************************************************/
.CSSsitemap ul{
	list-style-type:none;
}

/****************************************************************************************
ADMIN
*****************************************************************************************/
.boxShapenavbox1 {
	width:195px;
}

.monospaceFont{width:450px}


/****************************************************************************************
SUBMIT CONTENT
*****************************************************************************************/
.submitList{
	margin-left:0px;
	padding-left:0px;
}

.submitList, .submitList ul{
	list-style-type:none;
}

.submitList .even a,.submitList .even a:hover{
	color:#414C59 !important;
	background: url('img/down_even.gif') no-repeat 0px 4px;
	padding-left:15px;
}

.submitList .odd a,.submitList .odd a:hover{
	color:#414C59 !important;
	background: url('img/down.gif') no-repeat 0px 4px;
	padding-left:15px;
}


/****************************************************************************************
BACK
*****************************************************************************************/
.back{
	text-align:right;
	margin:16px 3px 0 0;
}

.back a{
	background: url('img/retour.gif') no-repeat 0px 4px;
	padding-left:11px;
}

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

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


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


/****************************************************************************************
SITEMAP
*****************************************************************************************/

#sitemap a, #sitemap ul{
    color : #414C59;
}



/****************************************************************************************
OLD RENDER.CSS
*****************************************************************************************/
#centerSlot{font:0.8em Arial}
#centerSlot p{font:0.9em arial}
#centerSlot small{font:0.7em arial}


.listing p{
	margin:0;
}

.ajaxtd table{
	width:100%;
}

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




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

/*breadcrumb
*****************************************************************************************/
.portlet_breadcrumb{
	padding-top:10px;
	font-family:Arial !important;
	font-size:0.9em !important;
	font-size-adjust:none !important;
	font-style:italic !important;
	font-variant:normal !important;
	font-weight:normal !important;
	line-height:normal !important;
}

.portlet_breadcrumb a{
	color:#5578A6 !important;
}

#threecols_template .portlet_breadcrumb{
	width:490px;
}

#twocols_right_template .portlet_breadcrumb{
	width:720px;
}

/*footer
*****************************************************************************************/
.portlet_footer ul{
	list-style-type:none;
}

.portlet_footer ul li{
	display:inline;
}

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

.portlet_footer ul li a{
	border-right:1px solid white;
	text-decoration:none;
	font:normal 0.8em arial;
	padding-right:4px;
}
.portlet_footer ul li.last a{
	border:0;
}

/*notify friends
*****************************************************************************************/
.fr .notyfy_friend_form{width:723px}

/* 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; 
}

#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 #6B4869}
#theme_selection .cross {position:absolute;margin:-77px 0 0 342px;display:block;width:36px;height:36px;background:url(img/close.png);cursor:pointer}


#flowpanes {
    height: 256px;
    margin-left: 2px;
    overflow: hidden;
    width: 720px;
	position:relative
}
#flowpanes .items {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
#flowpanes .items .mainNews {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 256px;
    margin: 0;
    position: relative;
    width: 700px;
	padding:0 10px
	/*background:url('img/tmp.jpg') no-repeat top left!important*/
}

#flowpanes .items .mainNews h1 {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #3A4AA5 !important;
    font: bold 1.3em arial !important;
    margin: 0 0 15px !important;
    overflow: visible;
    padding: 0 !important;
    text-align: right !important;
}
#flowpanes .items .mainNews h1 a {
    color: #3A4AA5;
}
#flowpanes .items .mainNews h1 a:hover {
    text-decoration: underline;
}
#flowpanes .items .mainNews p{
	color:#414C59;
    margin:0;
	text-align: justify;
}

#flowpanes .items .mainNews img{float: left;margin: 15px 30px 10px 10px;}

#flowtabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 33px;
    top: 307px;
    z-index: 2;
}
#flowtabs li {
    color: white;
    display: inline-block;
    float: left;
    font: bold 0.9em arial;
    height: 21px;
    margin-right: 4px;
    width: 21px;
}
#flowtabs li a {
    background: #A83861;
    color: white;
    display: inline-block;
    height: 19px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 21px;
}
#flowtabs li a:hover, #flowtabs li a.current {
    color: white;
    background: #5E1F36
}

.next{background:url('img/right.png') no-repeat top left;width:43px;height:50px;display:block;cursor:pointer;position:absolute;top:85px;right:0;z-index:10;display:none}
.prev{background:url('img/left.png') no-repeat top left;width:43px;height:50px;display:block;cursor:pointer;position:absolute;top:85px;left:0;z-index:10;display:none}

#photoOverlay{display:none}

.portlet_transversal_navigation li span{background:url('img/menu_close.jpg') no-repeat top left;width:140px;height:24px;display:block;color:#3d6087;font-weight: bold;font-size: 0.8em;font-family:arial;margin:0;padding:4px 0 0 55px;cursor:pointer}
.portlet_transversal_navigation li.Lille_pratique span{background:url('img/menu_h2Rounded_close.jpg') no-repeat top left}
.portlet_transversal_navigation li.Lille_pratique span.open{background:url('img/menu_h2Rounded_open.jpg') no-repeat top left}
.portlet_transversal_navigation li span.open{background:url('img/menu_open.jpg') no-repeat top left;}
.portlet_transversal_navigation li.lille_en_images a{background:url('img/en_image.jpg') no-repeat top left;width:140px;height:76px;display:block;color:white;font-weight: bold;font-size: 0.8em;font-family:arial;margin:0;padding:4px 0 0 55px;cursor:pointer}