/* At-Rules */
@charset "iso-8859-1";
/* **************************************************************************************
*  Association Li�geoise des G�om�tres-Experts -  Union professionnelle fond�e en 1889 *
*                          Membre de l'Union Belge des G�om�tres                       * 
*               Site GEOeXpo (GeoLi�ge) - Le salon  des G�om�tres-Experts              * 
****************************************************************************************
* Conception et programation par Jacques Houbart                                       *
* Design par impact-com                                                                *
* (c) A.G.E.Lg. -- Touts droits r�serv�s                                               *
****************************************************************************************
* Fichier geoexpo.css --  Version 1.00 -- Juin 2005                                    *
* Cascading Style Sheets                                                               *
*************************************************************************************** */
* {font-size: 10pt; font-weight: 400=book; font-family: Verdana, Arial, Helvetica, sans-serif;  font-stretch: normal;    font-variant: normal;   word-break: keep-all; 
 color:black; /* Ne pas supprimer color:black */ 
}

body {background-color: #689abb; margin-top: 120px;color: #f6f6f6;}

html {margin-bottom: 14px; margin-left: 0px; margin-right: 0px; margin-top: 0px;  padding-left: 100px; padding-right: 0px; min-width: 700px}

tr {text-align: left}

/* Header & title Style */
#Header_Image {left: 0px; position: absolute; top: 0px}

#Header_Logo {left: 68px; position: absolute; top: 8px}

#Header_LogoTxt {color: #6e9dbe; font-size: 12px;   left: 120px; position: absolute;   top: 93px;  font-weight: bolder;   white-space: nowrap;}

#Header_Text1, #Header_Text2 {color: #f99e42; font-weight: bolder; white-space: nowrap; z-index: 100}

#Header_Text1 {font-size: 19pt; left: 360px; position: absolute; top: 25px}

#Header_Text2 {font-size: 17px; left: 450px; position: absolute; top: 59px}

#Title_Picture_Div {border-bottom-color: #adc7da;     border-bottom-style: solid;     border-bottom-width: 2px;     margin-bottom: auto;     min-width: 650px;     vertical-align: bottom;}

#Page_Title {color: #adc7da;   font-size: 30px;   font-stretch: narrower;   font-weight: 900=black;   left: 210px;   position: absolute; white-space: nowrap;   top: 163px;   z-index: 1}

#Header_LCMenu{right: 2px; position: absolute; top: 1px}

#MenuDiv {left: 2px;   position: absolute;   top: 154px}

/* #FooterDiv {margin-left: -200px; margin-right: -50px; min-width: 650px} 
#FooterDiv {bottom: 5px; left: 0px; position: absolute; width: 150px} */
#FooterDiv {top: 700px; left: 0px; position: absolute; width: 150px}

/* Body Style */
H1, H2, H3,H4, H5, H6 {font-weight: bold;  color: #F9B876;}

H1 {font-size: 14pt;}

H2 {font-size: 12pt;}

H3 {font-size: 11pt;}

H4 {font-size: 10pt;}

H6 {display: inline; font-size: 10pt}

#PageCont a, a.bottomlink , a.blue{font-weight: bold;}

#PageCont a:link, #PageCont a:visited {color: #F9B876; text-decoration: none;  }

#PageCont a:hover, #PageCont a:active { color: #adc7da; text-decoration: underline overline; }

a.bottomlink:link, a.bottomlink:visited {color: #adc7da; text-decoration: none;  }

a.bottomlink:hover, a.bottomlink:active { color: #F9B876; text-decoration: underline overline; }

a.blue:link, a.blue:visited {color: #adc7da; text-decoration: none;  }
a.blue:hover, a.blue:active { color: #F9B876; text-decoration: underline overline; }

a.adm_blue:link, a.blue:visited {color: #adc7da; text-decoration: none;  }
a.adm_blue:hover, a.blue:active { color: #F9B876; text-decoration: none;  }

#PageCont li {list-style-image: url(http://www.geoexpo.be/Pictures/Header/puce.gif); list-style-position: outside;}

.gen {font-size : 11px;}

.genmed {font-size : 10.5px;}

.gensmall {font-size : 10px;}

.gen_nowarp {font-size : 11px; white-space: nowrap;}

.genmed_nowarp {font-size : 10.5px; white-space: nowrap;}

.gensmall_nowarp {font-size : 10px; white-space: nowrap;}

/* Main table cell colours and backgrounds */
.tableline tr:nth-child(even) td {background-color: #DEE3E7;color: #005D85;}
.tableline tr:nth-child(odd) td {background-color: #EFEFEF;color: #005D85;}



.row1 {background-color: #EFEFEF;color: #005D85;}

.row2 {background-color: #DEE3E7;color: #005D85;}

.row3 {background-color: #D1D7DC;color: #005D85;}

/* Forum category titles */
.cattitle {font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #FFFFFF;}

a.cattitle {text-decoration: none; color : #689ABB;}

a.cattitle:hover {text-decoration: underline overline;}

.tableline {background-color: #efefef; border:  .2em #005D85 solid; color: #005d85;}

.tableline1 {background-color: #EFEFEF; border: .2em #FF9933 solid; color: #005D85;}

.tableline0 {background-color: #EFEFEF;  color: #005D85; border: .2em none}


/* .tableprotect { background-color: #ADC7DA; border: .2em #005D85 solid; background-image: url(http://www.agelg.be/Pictures/header/protect-background.gif);} */
td.rowpic {background-color: #FFFFFF;    background-image: url(../Pictures/Header/cellpic2.jpg);    background-repeat: repeat-y; }


/* Header cells - the blue and silver gradient backgrounds */
th {color: #FFA34F; font-size: 11px; font-weight : bold;   background-color: #005D85; height: 25px;   background-image: url(../Pictures/Header/cellpic3.gif);}

td.cat,td.catHead,td.catBottom {height: 29px;   border-width: 0px 0px 0px 0px;}

th.thHead,td.catHead {font-size: 12px; border-width: 1px 1px 0px 1px;}

/* background-image: url(http://www.geoexpo.be/Pictures/Header/cellpic1.gif); */
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-color:#005D85; border: #EFEFEF; border-style: solid; height: 28px;}

form {font-size: 10pt}

img.ImgRealis {float: none; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px}

.RightFloatImg,.LeftFloatImg {padding: 10px; margin-bottom: auto; margin-left: 30px; margin-right: 30px; margin-top: auto; padding-left: 20px; padding-right: 20px}

.RightFloatImg {float: right;}

.LeftFloatImg {float: left;}

p.smallcaps {font-variant: small-caps}

font {cursor: wait; direction: rtl; font-family: bullets2}

.mandatory,.mandatory_red,.mandatory_green,.mandatory_blue{
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 5px;
	width: 100%
}

.mandatory,.mandatory_red{
    background-image: url(../Pictures/Header/Field_Mandatory.gif);
}


.mandatory_green{
    background-image: url(../Pictures/Header/Field_Mandatory_green.gif);
}

.mandatory_blue{
    background-image: url(../Pictures/Header/Field_Mandatory_blue.gif);
}



tr.selector:hover {
background-color: #FF9933;
}
tr.selector a{text-decoration: none}
tr.selector:hover a {color: #FFFFFF}

kbd {  /*Personalisation de la balise keyboard: <kbd>*/
	 padding: 0px 1px 0px 1px;
	 border-width: 1px 2px 2px 1px;
	 border-style: solid;
	 background: #faf6f6;
	 color: #000;
	 border-color:  #edd #baa #baa #eed;
	 font-size: 12px;
}

.CountDownBox{
margin: 0px 200px 0px 200px;
padding: 10px 1px 10px 1px;
border-width: 2px 2px 2px 2px;
background: #faf6f6;
border: #EFEFEF; 
border-style: solid; 
 
color: #FF9933;
background-color:#005D85; 
font-weight: bolder; 	 
	 
	 
}

/* End of style section. Generated by AceHTML at 29/12/05 2:30:10 */



.vmenu {
  border: 1px solid white;
  margin: 10px 0 5px 5px;
  padding: 0;
  background-color: transparent;
}
#AdminMenu {
  border: 1px solid red;
  background-color: transparent;
}
.vmenu ul, .vmenu li, .vmenu a {
  border:  none;
  margin: 4px 0px 4px 0px; /* Ne pas moddifier margin left/right - modifier plutot les padding dans vmenu ul ul  */
  padding: 0;
  display: block;
}

.vmenu ul {
  background: transparent none repeat scroll 0% 50%;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 140px;
}
.vmenu ul ul {
  border-style: solid;
  border-color: #005d85;
  border-width: 1px;
  background: #adc7da none repeat scroll 0% 50%;
  
  padding-right: 2px;
  padding-left: 2px;

  -moz-box-shadow: 3px 3px 5px #000;      /* firefox */
  -webkit-box-shadow: 3px 3px 5px #000;   /* google */
  box-shadow: 3px 3px 5px #000;           /* HTML 5 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";  /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
  
  
}
.vmenu li {
  margin-top: 2px;
  margin-bottom: 2px;
  position: relative;
  z-index: 9;
}
.vmenu li.folder {
	  background-color: transparent;
}
.vmenu li li {
  border-color: white;
  border-width: 0px;  
}
.vmenu li.folder ul {
  position: absolute;
  left: 120px;
  top: 5px;
  width: 250px;  	  
}
.vmenu li.folder > ul {
  left: 130px;
}
.vmenu a {
border-width: 0px;  
text-decoration: none;
font-weight: bold;
width: 100%;
color: white;
font-family: Arial,Helvetica,sans-serif;
font-size: 9pt;
line-height: 1.6em;
padding: 2px;
padding-left: 10px;
}
.vmenu li > a {
  width: auto;
}
.vmenu li a.submenu {
  background: transparent url(../Pictures/design/submenu.gif) no-repeat scroll right center;
}
.vmenu a:hover {
  background-color: #ff9933;
  color: white;
}
.vmenu a:active {
  background-color: transparent;
  color: white;
}
.vmenu a:focus {
  color: white;
}
.vmenu li.folder a:hover {
  background-color: #ff9933;
  color: white;  
}
.vmenu li.folder:hover {
  z-index: 10;
  background-color: #adc7da;
}
.vmenu ul ul, .vmenu li:hover ul ul {
  display: none;
}
.vmenu li:hover ul, .vmenu li:hover li:hover ul {
  display: block;
}



/*H Menu */

.hmenu ul, .hmenu li, .hmenu a {
  border:  none;
  margin: 0;
  padding: 0;
  display: inline;
}
.hmenu ul {
border-top: 1px solid white;
border-bottom: 1px solid white;
background: transparent none repeat scroll 0% 50%;
list-style-position: outside;
margin-right: 5px;
list-style-type: none;
list-style-image: none;
}

.hmenu li {
  padding: 1px 1px 1px 2px;
  position: relative;
  z-index: 9;
}
.hmenu a {
  border-style: hidden;
  border-width: 1px 1px 1px 1px;
  padding: 2px;
  text-decoration: none;
  font-weight: bold;
  width: 100%;
  color: white;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
  line-height: 1.5em;
}
.hmenu li > a {
  width: auto;
}
.hmenu a:hover {
  background-color: #ff9933;
  color: white;
}
.hmenu a:active {
  background-color: transparent;
  color: white;
}
.hmenu a:focus {
  color: white;
}

/*  Site Map*/

.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.nav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; left: 0px;}
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {left: 22px;}

.nav ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

/* HACK >>> IE 5  */
html + body .nav ul li .sub-sub {left: 22px;}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.8em;
					margin: 0;
					font-size: 110%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul a, html + body .nav ul ul a:visited {position: relative; top: 0px; left: -5px;}

.nav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 18px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .nav ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }

/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #BBBBBB; }
.nav ul li li	{color: #000; background:  url("images/line.gif") left center no-repeat;}
.nav ul ul ul {border-left: 1px solid #BBBBBB; }
.nav ul li .sub-sub {background:  url("images/line.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F;}				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #000;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #000;}
	
/* inner box styling */
/* Level 1 */
.nav ul li .ro {display: block; width: 100%; background: url("images/ro-01.gif") top right no-repeat;}
.nav ul li .lo {display: block; width: 100%; background: url("images/lo-01.gif") top left no-repeat;}
.nav ul li .ru {display: block; width: 100%; background: url("images/ru-01.gif") bottom right no-repeat;}
.nav ul li .lu {display: block; width: 100%; background: url("images/lu-01.gif") bottom left no-repeat;}
.nav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.nav ul li li .ro {background: url("images/ro-02.gif") top right no-repeat;}
.nav ul li li .lo {background: url("images/lo-02.gif") top left no-repeat;}
.nav ul li li .ru {background: url("images/ru-02.gif") bottom right no-repeat;}
.nav ul li li .lu {background: url("images/lu-02.gif") bottom left no-repeat;}
.nav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }
/* Level 1 - 3 hover */
.nav ul li a:hover .ro {background: url("images/ro_h.gif") top right no-repeat;}
.nav ul li a:hover .lo {background: url("images/lo_h.gif") top left no-repeat;}
.nav ul li a:hover .ru {background: url("images/ru_h.gif") bottom right no-repeat;}
.nav ul li a:hover .lu {background: url("images/lu_h.gif") bottom left no-repeat;}

#PageCont{
padding-right: 20px;
	}
.sponsor_img{
display:inline;
padding:10px;
border:none;
}