/************* GENERAL LAYOUT **************/
html, body {
	margin: 0;
	padding: 0;
	height:100%;
	text-align: center;
}

#bg {position:fixed;top:0;left:0;width:100%;height:100%;}

#contener {
    width:740px;
	padding:0px;
	margin:0px;
	margin-left: auto;
    margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align:left;
	color:#000;
	position:relative;
	z-index:1;
}


#top {height:200px; background-image:url(http://www.amica-arlon.be/upload/agenda/evenement1.jpg);}

#footer {
	width:740px; height:25px;
	padding-top:10px;
	margin-left: auto; 	margin-right: auto;
	margin-bottom: 15px;
	clear:both;
	text-align:left;
	z-index:1;
	position:relative;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

#piedpage {clear:both;background-image:url(/img/interface/fdcadre1.jpg); padding:8px; color:#fff; margin-top:8px;}
#piedpage a{color:#fff; text-decoration:none;}
#piedpage a:hover{color:#000;}

.cadreblanc {background-color:#FFF; padding:8px; margin-top:8px; }

.cadre1 { clear:both; background-image:url(/img/interface/fdcadre1.jpg); padding:8px; color:#fff; margin-top:8px;}
.cadreRecherche { color:#fff; margin-top:8px;}
.btrecherche { background-color:#164154; color:#FFF;}
.cadre2 { background-image:url(/img/interface/fdcadre1.jpg); background-repeat:repeat-y; padding:8px; width: 350px; }
.cadre3 { background-image:url(/img/interface/fdcadre1.jpg); background-repeat:repeat-y; padding:8px; width: 160px;}


.Annonce {width:128px;  float:left; padding:5px; background-color:#fff; color:#000;}
.Annonce:hover {background-color:#f2f2f2;}
.AnnonceVignette {height:96px; background-color:#000; background-image:url(/img/illu/vo_nopic2.gif); background-position:50% 50%; background-repeat:no-repeat;}
/*********************** MENU *************************/

#navigation {background-color:#fff; margin-left:20px; width:162px; float:left; z-index:100;}

/************* WEB ELEMENT & GOODIES **************/
.agendaItem { margin-bottom:5px;}
.agendaItem:hover {background-color:#000;}
.agendaList {border-bottom:1px solid #000; padding:5px 2px 5px 2px; }
.agendaList:hover {background-color:#f2f2f2;}
.listNews {border-bottom:1px solid #000; padding:5px; margin-right:25px; padding-bottom:6px; padding-top:6px; }
.listNews:hover {background-color:#f2f2f2;}
.NewsP:hover{background-color:#f2f2f2;}
#Visunews {height:225px; background-position:50% 50%; background-repeat:no-repeat;}

p {	margin-top: 8px;margin-bottom:10px;}

.bleu {color:#60C1EA;}
.tab {margin-right:2px;}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000;
	font-size: 17px;
	padding:0px;
	padding-top:8px;
	margin:0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px; margin-bottom:5px;
	padding:0px;
	font-weight:normal;
}
h2 span{font-weight:bold;}

h5 { margin-top:15px; margin-bottom:8px; font-size:14px;}

.spacer{clear:both; height:1px;	margin:0px; font-size:0px;}


a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration: none;
}

a:hover {
	color: #cc0000;
}


.opak{ 
    opacity : 0.7; 
    filter : alpha(opacity=70);
	border:5px solid #ccc;
  } 

.opakon{ 
    opacity : 1; 
    filter : alpha(opacity=100);
	border:5px solid #999; 
  } 


input {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	}

.CadreVignette {
	background-color:#eee;
	
	padding:5px;
}

.CadreVignetteOn {
	
	background-color:#60C1EA;
	padding:5px;
}

/************* INTERNAL LAYOUT **************/

	

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000;
}

.txt a:link{
	text-decoration:none;
}

.txt a:visited{
	text-decoration:none;
}



/************* WEB ELEMENT & GOODIES **************/



	
.Cadre {border: 1px solid #666666;}


.Note {
	font-size:10px;
	font-family:verdana;
	color: #666666;
	line-height: 12px;
	text-align: justify;
}




.ligneBasBlanc {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: solid;
	border-left-style: Aucune;
	border-bottom-color: #FFFFFF;
}

.lignedtBlanc {

	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: Aucune;
	border-right-style: solid;
	border-bottom-style: Aucune;
	border-left-style: Aucune;
	border-right-color: #FFFFFF;
}
.ligneBasdtBlanc {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: Aucune;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: Aucune;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.txtBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}

.txtGrisAnnonce{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#CCCCCC;
}

.ligneBasGrisAnnonce {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: solid;
	border-left-style: Aucune;
	border-bottom-color: #999999;
}

select{
	font-size:11px;
	width:160px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#pubNews{
	background-color:#666666;
	width:auto;
	margin-top:6px;
	margin-bottom:6px;
	padding:5px;
}

/*
div.boutonVide{
	width:220px;
	height:25px;
	background-image:url(../img/interface/bt_vide.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	line-height:10px;
	padding-top:2px;
}

div.boutonVide a:link{
	text-decoration:none;
	display:block;
	color:#FFFFFF;
}
div.boutonVide a:visited{
	text-decoration:none;
	display:block;
	color:#FFFFFF;
}
div.boutonVide a:hover{
	text-decoration:none;
	display:block;
	color:#FFFFFF;
}

a.Smallink:link {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.Smallink:visited {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.Smallink:hover {
	color: #ffffff;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
*/
