/* CSS DISPLAY SCREEN GENERAL LEPORTAIL.LU */

/* ---------- Misc ---------- */

	*   {
		padding: 0;
		margin: 0;
		border:0;
		}
		
	body {
		color:#3D3D3D;
		font: 0.7em "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
		text-align: center;
		background:#fff;
		padding:20px 0;
		}
	.center { text-align: center; }
	.heure { font-size: 10px !important; }




/* ---------- Main div  ---------- */
	
	#container {
		margin:0 auto;
		text-align:left;
		position:relative;
		width:750px;
		}




	
/* ---------- 1.0 HEADER ---------- */

	#header {
		background: url(../images/graphic/main/header.gif) left bottom no-repeat;
		vertical-align:bottom;
		padding:0 0px 2.2em 10px;
		}
	.contact {
		float:right;
		
		padding-right:10px;
		}
		#logogoogle{
		float:right;
		padding-top:5px;}
	.portailaccueil{
		padding-bottom:5px;
		line-height: 1.0em;
		text-align: right;
		
		color:#CCCCCC;
		}
		
	#date{
	clear:both;
	float: right;
	margin-top:35px;
	text-align: right;
	/*width:300px;*/
	color:#CCCCCC;

	}
		
		
	.portailaccueil a {
		color:#CCCCCC;
		text-decoration:none;
		}
	
	.portailaccueil a:hover {
		color:#FF8400;
		text-decoration:underline;
		}
	h1, h2 {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		
		height:0;
		float: left;
		}
	
	
	.orange {
	background: url(../images/graphic/main/logo_orange.gif) left bottom no-repeat;
		width:238px;
		height:51px;
		}
		.violet {
	background: url(../images/graphic/main/logo_violet.gif) left bottom no-repeat;
		width:238px;
		height:51px;
		}
		.bleu {
	background: url(../images/graphic/main/logo_bleu.gif) left bottom no-repeat;
		width:238px;
		height:51px;
		}
		.vert {
	background: url(../images/graphic/main/logo_vert.gif) left bottom no-repeat;
		width:238px;
		height:51px;
		}
		.jaune {
	background: url(../images/graphic/main/logo_jaune.gif) left bottom no-repeat;
		width:238px;
		height:51px;
		}
	/*h1 {
		background: url(../images/graphic/main/logo.gif) left bottom no-repeat;
		width:238px;
		height:51px;
		}*/
	/* ---------- 1.1 GoToContent ---------- */
	
	a#goToContent {
		position:absolute;
		right:5px;
		top:3.7em;
		display:block;
		width:9em;
		text-align:right;
		color:#3D3D3D;
		font-weight:bold;
		text-decoration:none;
		}
	
	a#goToContent:hover {
		text-decoration:underline;
		}
	
	a#goToContent strong{
		color:#FF8400;
		}
	
	
	/* ---------- 1.2 Search ---------- */
	#search {
	clear: both;
		margin-top:10px;
		}
	
	#search p {
		float:left;
		}
		
	#search label {
		font-size:1.0em;
		font-weight:bold;
		}
	
	#formSearch1 label {
		display:none;
		}
	
	#formSearch1 input {
		width:20em;
		border:1px solid #B6B6B6;
		color:#3D3D3D;
		font-size:1.0em;
		padding:0.2em;
		}
	
	#formSearch2 input {
		width:9.5em;
		height:1.8em;
		background:#F37A3E url(../images/graphic/main/submit_bouton.gif) left bottom no-repeat;
		cursor:pointer;
		font-weight:bold;
		color:#fff;
		margin-left:0.3em;
		font-size:1.0em;
		}
		
	#formSearch3 input {
		margin: 0px 5px 0px 15px;
		width:1.2em;
		height:1.2em;
		position:relative;
		top:2px;
		}
	
	* html #formSearch3 input {
		left:15px;
		}



/* ---------- 2.0 MENU ---------- */
	#menu {
		margin-top:7px;
		padding:0 10px;
		height:4.5em;
		position:relative;
		}
	
	#menu li {
		color:#fff;
		float:left;
		list-style:none;
		margin-right:4px;
		padding-bottom:0.5em;
		}
	
	#menu .menuBoutton a {
		display:block;
		width:104px;
		color:#fff;
		font-size:1.2em;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		padding:0.2em 0;
		}
		
	#menu .menuRubriques {
		position:absolute;
		top:2.2em;
		left:10px;
		visibility:hidden;
		z-index:2;
		}
	
	#menu .menuRubriquesActive {
		position:absolute;
		top:2.2em;
		left:10px;
		visibility:visible;
		z-index:1;
		}
	
	#menu .menuRubriques li, #menu .menuRubriquesActive li {
		padding:0.3em 0;
		}
	
	
	#menu .menuRubriques a, #menu .menuRubriquesActive a {
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
		text-decoration:none;
		margin:0 6px;
		}
	
	#menu .menuRubriques a:hover, #menu .menuRubriquesActive a:hover {
		text-decoration:underline;
		}
		
	/* ---------- 2.1 Services ---------- */
	#menuServices {
		background:url(../images/graphic/main/menu_services_repeat_y.gif) left bottom repeat-y ;
		width:104px;
		}
	
	#menuServices div {
		background:url(../images/graphic/main/menu_services_bottom.gif) left bottom no-repeat ;
		}
	
	#menuServices a {
		background:url(../images/graphic/main/menu_services_top.gif) left top no-repeat ;
		}
		
#menuForums {
		background:url(../images/graphic/main/menu_forums_repeat_y.gif) left bottom repeat-y ;
		width:104px;
		}
	
	#menuForums div {
		background:url(../images/graphic/main/menu_forums_bottom.gif) left bottom no-repeat ;
		}
	
	#menuForums a {
		background:url(../images/graphic/main/menu_forums_top.gif) left top no-repeat ;
		}




		
	
	#rubServices {
		background:url(../images/graphic/main/rubrique_services_repeat_y.gif) left bottom repeat-y ;
		width:730px;
		}
	
	#rubServices div {
		background:url(../images/graphic/main/rubrique_services_top.gif) left top no-repeat ;
		}
	
	#rubServices div ul {
		background:url(../images/graphic/main/rubrique_services_bottom.gif) left bottom no-repeat ;
		display:block;
		width:730px;
		height:2.0em;
		padding-left:5px;
		}
		
		
	/* ---------- 2.2 Annonces ---------- */
	#menuAnnonces {
		background:url(../images/graphic/main/menu_annonces_repeat_y.gif) left bottom repeat-y ;
		width:104px;
		}
	
	#menuAnnonces div {
		background:url(../images/graphic/main/menu_annonces_bottom.gif) left bottom no-repeat ;
		}
	
	#menuAnnonces a {
		background:url(../images/graphic/main/menu_annonces_top.gif) left top no-repeat ;
		}
	
	#rubAnnonces {
		background:url(../images/graphic/main/rubrique_annonces_repeat_y.gif) left bottom repeat-y ;
		width:730px;
		}
	
	#rubAnnonces div {
		background:url(../images/graphic/main/rubrique_annonces_top.gif) left top no-repeat ;
		}
	
	#rubAnnonces div ul {
		background:url(../images/graphic/main/rubrique_annonces_bottom.gif) left bottom no-repeat ;
		display:block;
		width:730px;
		height:2.0em;
		padding-left:5px;
		}




		
	/* ---------- 2.3 Business ---------- */
	#menuBusiness {
		background:url(../images/graphic/main/menu_business_repeat_y.gif) left bottom repeat-y ;
		width:104px;
		}
	
	#menuBusiness div {
		background:url(../images/graphic/main/menu_business_bottom.gif) left bottom no-repeat ;
		}
	
	#menuBusiness a {
		background:url(../images/graphic/main/menu_business_top.gif) left top no-repeat ;
		}
	
	#rubBusiness {
		background:url(../images/graphic/main/rubrique_business_repeat_y.gif) left bottom repeat-y;
		width:730px;
		}
	
	#rubBusiness div {
		background:url(../images/graphic/main/rubrique_business_top.gif) left top no-repeat;
		}
	
	#rubBusiness div ul {
		background:url(../images/graphic/main/rubrique_business_bottom.gif) left bottom no-repeat;
		display:block;
		width:730px;
		height:2.0em;
		padding-left:5px;
		}


		
	/* ---------- 2.4 Loisirs ---------- */
	#menuLoisirs {
		background:url(../images/graphic/main/menu_loisirs_repeat_y.gif) left bottom repeat-y ;
		}
	
	#menuLoisirs div {
		background:url(../images/graphic/main/menu_loisirs_bottom.gif) left bottom no-repeat ;
		width:104px;
		}
	
	#menuLoisirs a {
		background:url(../images/graphic/main/menu_loisirs_top.gif) left top no-repeat ;
		}
	
	#rubLoisirs {
		background:url(../images/graphic/main/rubrique_loisirs_repeat_y.gif) left bottom repeat-y ;
		width:730px;
		}
	
	#rubLoisirs div {
		background:url(../images/graphic/main/rubrique_loisirs_top.gif) left top no-repeat ;
		}
	
	#rubLoisirs div ul {
		background:url(../images/graphic/main/rubrique_loisirs_bottom.gif) left bottom no-repeat ;
		display:block;
		width:730px;
		height:2.0em;
		padding-left:5px;
		}





/* ---------- 3.0 LEADERBOARD ---------- */
	#leaderBoard {
		text-align:center;	
		clear:left;
		padding:0 11px;
		height: 92px;
		}




/* ---------- 4.0 CONTENT ---------- */
	#content1 {
		background:url(../images/graphic/main/content_bottom.gif) left bottom no-repeat;
		margin-top:8px;
		}
	
	#content2 {
		background:url(../images/graphic/main/content_top.gif) left top no-repeat;
		padding:5px 7px 70px 7px;
		}
		
	* html #content2 {
		height:300px;
		}
	
	#content2 a.top {
		color:#368BB3;
		font-weight:bold;
		text-decoration:none;
		display:block;
		margin-top:10px;
		width:2em;
		}
	
	#content2 a.top:hover {
		text-decoration:underline;
		color:#F5722E;
		}
	
	
	/* ---------- 4.1 Plan ---------- */
	#plan {
		margin:0 5px 10px 5px;
		padding: 0px 0px 5px 0.6em;
		font-weight:bold;
		border-bottom: 2px solid #fff;
		}
	
	#plan a {
		color:#3B96BF;
		text-decoration:none;
		}
	
	#plan a:hover {
		color:#FF8A43;
		text-decoration:underline;
		}


/* ---------- 5.0 footer ---------- */
	
	#footer1 {
		background:#F5F5F5;
		margin-top:5px;
		width:750px;
		clear:both;
		}
	
	#footer2 {
		background:url(../images/graphic/main/footer_top.gif) left top no-repeat;
		width:750px;
		}
	
	#footer1 ul {
		background:url(../images/graphic/main/footer_bottom.gif) left bottom no-repeat;
		display:block;
		padding:8px 10px;
		text-align:center;
		}
	
	#footer1 li {
		display:inline;
		}
	
	#footer1 li.copyright {
		display:block;
		}
	
	#footer1 a {
		color:#505050;
		text-decoration:none;
		}
		
	#footer1 a:hover {
		text-decoration:underline;
		}
	
	.copyright {
		margin-top:8px;
		text-align:center;
		display:block;
		}
	
	.copyright a {
		color:#FF8A43;
		text-decoration:none;
		}
		
	.copyright a:hover {
		text-decoration:underline;
		}
	.annoncegoogle {
	border-bottom: 3px solid #368BB3;
	border-right: 3px solid #368BB3;
	border-left: 3px solid #368BB3;
	border-top: 3px solid #368BB3;
	padding-left:5px;
	}
	.annonceportail {
	
	border-bottom: 3px solid #F37232;
	border-right: 3px solid #F37232;
	border-left: 3px solid #F37232;
	border-top: 3px solid #F37232;
	padding-left:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	}
	.annonceportail td{
	vertical-align:top;
	
	
	}
	
		.annonceportail p{
	padding-bottom:5px;
	margin-bottom:5px;
	margin-right:5px;
	color:#000000;	

line-height:1.3em;

	}
	
		.annonceportail img{
	padding-top:5px;
	margin-top:5px;
	margin-right:5px;
	
	}
	.annoncegoogle p{
	padding-bottom:5px;
	
	}
 
		
		
	
	
	.remonter{
text-align:left;}

.logotop {
margin-left:5px;}
.heure{
background:url(../images/graphic/main/images/bgheur.jpg) left bottom no-repeat;

	color:#CCCCCC;
}

.result a {
	color:#3B96BF;
	text-decoration:none;
	}

.result a:hover {
	color:#FF8A43;
	text-decoration:underline;
	}