@charset "iso-8859-1";
/* ****************************************************************************
* UBG-BUL - - Union Belge des Géomètres - Belgische Unie van Landmeters      * 
* (c) J. Houbart 2003 -- Design par Geoffrey Bougnet -- Tous droits réservés *
******************************************************************************
* Fichier UBG-BUL.Css             --  Version 1.01 -- Décembre 2003 - FR+NL  *
* Cascading Style Sheets                                                     * 
******************************************************************************
 Restrictions:
   Les pages itilisent un menu en DOM. Ce menu utiliser une tstructure basée sur des tags TABLE 
   --> Ne pas modifier le style du tag TABLE, doit obligatoirement etre * TABLE {text-align: left;border: none} 
 Définition globale de contener HTML, et des scrolls-bars et Buttons-Bar de l'explorateur */


.spacer {clear: both;}

/* Définition globale pour les tables.
  Mais ne jamais reconfigurer autement table car utilisée dans les menu !!! */
* TABLE {text-align: left;border: none}
/* Style des tables des formulaires */
.tableline { background-color: #FAFFFA; border: .2em #006570 solid; }
.tableline1	{ background-color: #FAFFFA; border: .2em #ff9933 solid; }
.tableline0	{ background-color: #FAFFFA;  border: .2em none}
.tableprotect { background-color: #FAFFFA; border: .2em #006570 solid; background-image: url(http://www.agelg.be/Pictures/header/protect-background.gif);}




/* The content of the posts (body of text) */
a.StdLink:link	{ text-decoration: none;  }
a.StdLink:visited { text-decoration: none; }
a.StdLink:hover { text-decoration: underline; background-color: transparent;}

/* FORM , arial narrow,sans-serif
FORM { padding: 5px;}*/

/*OPTGROUP {background:   #D0E4E6;}*/

/* Formulaire - Sous section 
FIELDSET TABLE {border: none;background:    #C0D2D4;Padding: 5px;margin:   5px; } */
FIELDSET {background:    #F5FFF7; margin: 5px 5px 5px 5px; padding:  5px}

/* FIELDSET DIV {margin-bottom: 10px;background:#E0F5F8; padding:  5px;}

/* Formulaire - Caption du FieldSet - idem H4 */
LEGEND {font-weight: bold; color: #006570;}

/* table {text-align: left;; background:        #C0D2D4; border:      2px solid #004b53; margin: 20px 20px 20px 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px; table-layout: auto; text-indent: 10px} 
FORM DIV {background:    #C0D2D4; border:  2px solid #004b53; padding:  5px;}
FORM P {background:    #C0D2D4; border:  2px solid #004b53; padding:  1px;} 
Field_Normal */
INPUT, SELECT, OPTION, checkbox, textarea {background: #F2FFF2; z-index:1;}
.InputError {background: #FFD6CF;} 

SELECT, OPTION {z-index:0}

FORM.Bullet {border: 0px; height: 6px; position: relative; top: 6pt; width: 6px}

FORM.ReqBullet {border: 0px; height: 6px; position: relative; width: 6px}

FORM.ReadOnly,.ReadOnly INPUT, .ReadOnly SELECT, .ReadOnly OPTION, .ReadOnly checkbox, .ReadOnly textarea {background: #EFEFEF;}

FORM.AgendaSearchForm , OPTGROUP.AgendaSearchForm ,FORM.Hidden , OPTGROUP.Hidden {background: transparent}

/* Selecteur de mois --> taille a fixer */
.Select_Day {width: auto}

.Select_Month {width: 14ex}

.Select_Country {width: 40ex}

.SelectCountry_Option_BE {text-decoration: blink}

.Select_Year {width: auto}

/* INPUT:before , SELECT:before , checkbox:before  {content: " "} */
.Mandatory, .Spacer {height: 6px; margin-left: 6px; margin-right: 2px; margin-top: 4px;margin-bottom: 4px; padding: 0px 0px 2px 0px; width: 6px}

.FormButton, button {background-image: url(../Pictures/Header/Button_Frame.png); background-repeat: repeat-x}

.HelpImg {cursor: help; height: 16px; width: 16px}

.PopupAnchor:hover {text-decoration: none; background-color: #D0E4E6}

#PopupDivID, #PopupDivID TD,#PopupDivID TH {cursor: help; background: #E2FFF1; color:#003035;}

/* Titre de la table */
#PopupDivID TABLE, #PopupDivID TABLE {padding:  10px; text-align:left;}

#PopupDivID TH,  #PopupDivID TH {border-bottom-color: #ff9933; border-bottom-style: dotted; border-bottom-width: 2px; color: #006570; font-size: 110%; font-weight: bold}

/* Corps de la table */
#PopupDivID TD, #PopupDivID TD {padding:  5px;}

#PopupDivID p {margin-bottom: auto; margin-top: 5px; text-align: left}

/* La div internne */
.PopupDiv DIV {border:  2px solid #004b53; padding:  5px; width:260px;}
.RevuePopupDiv DIV {border:  2px solid #004b53; padding:  5px; width:400px;}

.StatutsPopup DIV {border:  2px solid #004b53; padding:  5px; width:560px;}
 

.RevueFloat {float: none; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px}
.Revue {font-family: Arial, Helvetica, sans-serif; font-size: 105%; font-style: oblique; font-variant: normal; font-weight: bolder}
/*font-stretch: narrower; */



.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;}

.AgendaEventContainer .AgendaFloatLogo {float: left; width: 90px;margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-left: 5px;}

/* .AgendaEventContainer .AgendaFloatLogo {float: right; width: 90px} */
.AgendaLogoContainer {float: left; width: 90px;z-index: 2}

/* .AgendaEventContainer {background-color: silver z-index: 1} */
.AgendaTextContainer {margin-left: 100px;}

.AgendaTextContainer h3,.AgendaTextContainer P {padding-left: 0px; z-index: 3}

.EventStarted H2, .EventStarted H3, .EventStarted p {color: #5F6060}

.PagerOn {color: #003035;text-decoration: none}

a.PagerOn:hover,  a.PagerOn:active {text-decoration: none;  background-color: #FF9933;color: #003035;}

a.PagerOn:visited {background-color: transparent; text-decoration: none;color: #003035;}

.PagerOff {color: #D3D3D3;}

.PagerSelected {color: #FF9933;}

.PagerHR {color: #003035; width: 50%}

.PagerDiv {border-top-color: #ff9933; border-top-style: dotted; border-top-width: 2px; margin-top: 20px;padding-top: 10px;margin-right: 20px;}

.PagerDiv2 {border-top-color: #ff9933; border-top-style: dotted; border-top-width: 2px; margin-top: 20px;padding-top: 10px;border-bottom-color: #ff9933; border-bottom-style: dotted; border-bottom-width: 2px; margin-bottom: 20px;padding-bottom: 10px;margin-right: 20px;}

.disclaimer {color: #ff9933; font-size: 9px; font-style: oblique; font-variant: small-caps;}

.MapPopup DIV {border:  2px solid #004b53; padding:  5px; width:250px;}

area:hover, area:active {color:#FF9933;  background-color: #FF9933;}

map:hover, map:active {color:#FF9933;  background-color: #FF9933;}

.ExtraitCode{
display:block;
margin-left: 10px;
font-style: oblique;
font-size: 90%;
}


/*                       //Debug draw table border     





.PagerDiv, .PagerDiv:visited {background-color: transparent; text-decoration: none;color: #003035;}
.PagerDiv:hover, .PagerDiv:active {text-decoration: none;  background-color: #FF9933;color: #003035;}
                  */
/* End of style section. Generated by AceHTML at 12/04/04 19:26:20 */


/* Begin section 2011 */
.textbox {
  border: 1px solid #cccccc;
  background-color: white;
}
.Errorbox {
  border: 1px solid #ff0000;
  background-color: #ffcccc;
}
.SecureBox {
  border: 1px solid #e5e5e5;
  background-image: url(../Pictures/LoginPage/Secure_Background.gif); 
}
.textbox_yellow{
  border: 1px solid #ffa500;
  background-color: #fffff0;
}
.textbox_blue{
  border: 1px solid #87cefa;
  background-color: #f0ffff;
}
.textbox_green{
  border: 1px solid #55ff99;
  background-color: #ccffcc;
}
.textbox_red {
  border: 1px solid #ff4500;
  background-color: #ffdab9;
}

.textbox,
.textbox_red, 
.textbox_green,
.textbox_blue, 
.textbox_yellow,	
.SecureBox,
.Errorbox 
{
   margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	 border-radius: 7px;
	-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 */
}  



.fieldTable {
  width: 95%;
}
.fieldHeader {
  border-bottom: 1px solid #ffcc66;
  font-weight: bold;
  color: #266397;
}
.fieldBottom {
  border-bottom: 1px solid #eecc66;
  vertical-align: top;
}
.fieldLabel {
  padding-left: 0px;
  vertical-align: top;
}
.fieldValue {
  font-weight: bold;
  color: #266397;
  vertical-align: top;
}


.TableHeaderTitle {
  border-bottom: 1px dashed #999999;
  font-weight: bold;
  color: #999999;
  line-height: 2em;
  }
.TableHeader {
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #999999;
  line-height: 2em;
}
.TableSubHeader {
  border-bottom: 1px dotted #999999;
  font-weight: bold;
  color: #999999;
  line-height: 2em;
}
.DataRow {
	white-space: nowrap;
}

.DataRow_Red {
	white-space: nowrap;
	border-left: 2px solid red;
}
.DataRow_Blue {
	white-space: nowrap;
	border-left: 2px solid blue;
}
.DataRow_Green {
	white-space: nowrap;
	border-left: 2px solid green;	
}
.DataRow_Yellow {
	white-space: nowrap;	
	border-left: 2px solid yellow;	
}




.DataRow_Hilight1 {
  background-color: #FFFFC6;
}
.DataRow_Hilight2 {
  background-color: #C6ffD9;
}
.DataRow_Hilight3 {
  background-color: #ffC6D9;
}
.DataRow_None {
  background-color: transparent;
}


.User_Error {
  color: red;
}

/* background: White url(../Pictures/Design/button_background.gif) repeat-x scroll 0% 90%;
  background-image: url(../Pictures/Header/Button_Frame.png); background-repeat: repeat-x; */
.button, .h_button, .v_button {
  border: 1px solid #8cacbb;
  background: White url(../Pictures/Header/Button_Frame.png) repeat-x scroll 0% 90%;
  width: 150px;
}
.mini_button{
  background: transparent;
   display:inline;
}
		
.button:hover, .h_button:hover, .v_button:hover{
  border: 1px solid red;
}
.List_button {
  border: 1px solid #8cacbb;
  background: White url(../Pictures/Design/button_background.gif) repeat-x scroll 0% 90%;
  width: 100px;
}
.v_button {
  margin-bottom: 3px;
  display: block;
  width: 100px;
}
.h_button {
  margin-left: 3px;
  margin-right: 3px;
}
.icn_button{
 border: 0px solid transparent;
 background-color: transparent; 
 width: 16px;
 height: 16px; 
 padding: 0px;
 marging: Opx
}


.icn_button img{
	border: none;
	margin: -3px 0px 0px -4px;
	padding: 0px;
	width: 16px;
	border: 0px solid transparent;
	background-color: transparent;
}
.btn_holder{
	width: 16px;
	height: 16px; 
	margin-left:10px;
	float: left;
}


.icn_holder{
	width: 64px;
	height: 64px; 
	margin-left:10px;
	float: left;
}

.icn_holder .icn_button{
	width: 64px;
	height: 64px; 
	border: 0px solid transparent;
    background-color: transparent; 
    padding: 0px;
    marging: Opx
}


.icn_holder img{
	width: 64px;
}


.MsgImgRight{
	float: right;
	border: 0px solid transparent;
 	background-color: transparent; 
	
}
.MsgImgLeft{
	border: 0px solid transparent;
 	background-color: transparent; 
	float: left;
}


form {
  border:  none;
  margin: 0;
}
fieldset {
  border: 1px solid #8cacbb;
  padding: 0em 1em 1em;
  margin-left: 0em;
  line-height: 1.5em;
  width: auto;
}
legend {
  padding: 0.5em;
  background: #e7edf5 none repeat scroll 0% 50%;
  font-size: 90%;
}
caption {
  margin: 15px auto auto;
  padding: 2px;
  background-color: #cad4de;
  font-size: 12px;
}
label {
  font-weight: bold;
  vertical-align: top;
}
label.Admin {
  color: red;
}
label.redlabel {
  color: red;
}
label.bluelabel {
  color: blue;
}
label.greenlabel {
  color: green;
}
input, textarea, select {
  border: 1px solid #8cacbb;
  background: White url(../Pictures/Design/input_background.gif) repeat-x scroll left top;
  color: Black;
}
.InlineForm {
	text-align:bottom;
	display:inline;
}
.InlineForm label{
  line-height: 1.6em;  
}
.InlineForm input{
	display:inline;
	}

.width10   {
  width: 10px;
}
.width50   {
  width: 50px;
}
.width60 {
  width: 60px;
}
.width100 {
  width: 100px;
}
.width150 {
  width: 150px;
}
.width200 {
  width: 200px;
}
.width300 {
  width: 300px;
}

.fixed50   {
  margin-top: 2px;  
  float:left;
  width: 50px;
}
.fixed60 {
  margin-top: 2px;
  float:left;
  width: 60px;
}
.fixed100 {
  margin-top: 2px;
  float:left;
  width: 100px;
}
.fixed150 {
  margin-top: 2px;
  float:left;
  width: 150px;
}
.fixed200 {
  margin-top: 2px;
  float:left;
  width: 200px;
}
.fixed300 {
  margin-top: 2px;
  float:left;
  width: 300px;
}



.center{
text-align:center;
}
.left{
text-align:left;
}
.right{
text-align:right;
}


.field {
  margin: 0 1em 1em 0;
  top: 0;
  left: 0;
}
.field .field {
  margin: 1em 0 0;
}
.fieldRequired {
  padding: 0 0 0 8px;
  background: transparent url(../Pictures/Design/required.gif) no-repeat scroll left center;
  color: #e7edf5;
}
.fieldOptional {
  padding: 0 0 0 8px;
  background: transparent url(../Pictures/Design/optional.gif) no-repeat scroll left center;
  color: #e7edf5;
}
.fieldUploadFile {
  text-align: right;
  margin-right: 0.75em;
  display: none;
}
.fieldTextFormat {
  text-align: right;
  margin-right: 0.75em;
}
.formHelp {
  margin: 0 0 0.2em;
  font-size: 90%;
  color: #76797c;
}
.formControls {
  margin: 1em 0;
}

/* END section 2011 */