/***************************** STYLESHEET V1.0 BY LE HUU THAO (huu-thao.le@gfi.be) ***************************/

body
{
 background-color: #F2F1ED;
 margin:auto;
 overflow: auto;
 padding:auto;
}

#welcomezone
{
 background-repeat: no-repeat; 
 background-image: url('../banner/banner_welcome_01.jpg');
 background-position: center;
 width: 631px;
 height: 456px;
 text-align: center;
}
#portalbody
{
 background-color: #FFFFFF;
 text-align: left;
 background-repeat: repeat-y; 
 background-image: url('../images/fond_body.jpg');
 background-position: left;
}

.customtitle
{
 color: #00639F;
 font-family: verdana, arial, serif;
 font-variant:small-caps; 
 Font-size:21px; 
}

ul
{
 color: #00639F;
 margin-left: 15px;
 padding-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
}
.emptyCell
{
 font-size: 1px;
 background-color: #00639F; 
}
.leftLine
{
 font-size: 1px; 
 background-color: rgb(106,105,103); 
}

.rightLine
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../images/ombre.droite.1px.jpg');
 background-color: transparent; 
 background-position: left;
 width: 14px;
}

.banner01
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../banner/banner_01.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 248px;
 border-bottom: solid 1px #FFF;
}

.banner02
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../banner/banner_02.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 248px;
 border-bottom: solid 1px #FFF;
}

.banner03
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../banner/banner_03.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 248px;
 border-bottom: solid 1px #FFF;
}

.banner04
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../banner/banner_04.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 248px;
 border-bottom: solid 1px #FFF;
}

.banner05
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../banner/banner_05.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 248px;
 border-bottom: solid 1px #FFF;
}

.banner06
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../banner/banner_06.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 248px;
 border-bottom: solid 1px #FFF;
}

.basGauche
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../images/bas.coin.gauche.jpg'); 
 background-color: transparent; 
 background-position: left; 
 height: 40px;
}

.basDroite
{
 font-size: 1px; 
 background-repeat: repeat-y; 
 background-image: url('../images/bas.coin.droite.jpg'); 
 background-color: transparent; 
 background-position: right; 
 height: 40px;
}

.basMillieu
{
 font-size: 1px; 
 background-repeat: repeat-x; 
 background-image: url('../images/bas.1px.jpg'); 
 background-color: transparent; 
 background-position: bottom; 	
 height: 40px;
}


A.langLink02
{
 font-variant:small-caps; 
 display:table-cell;
 Font-size:11px; 
 font-family: Verdana, Arial, Helvetica;
 font-style : normal;
 padding: 9px 0px 9px 0px; 
 FONT-WEIGHT: normal;
}
         A.langLink02:link {Color : #FFF;Text-Decoration : none;}
         A.langLink02:active{Color : #FFF;Text-Decoration : none;}
         A.langLink02:visited{Color : #FFF;Text-Decoration : none;}
         A.langLink02:hover{Color : #FFF;Text-Decoration : none;}

         
         .langLabel
         {
          Font-size:10px;
          font-family:  Verdana, Arial, Helvetica;
          font-style : normal;
          vertical-align: top;
          FONT-WEIGHT: normal;
          Color : #FFF;
         }

.quickLinkFont{
  Font-size:10px;
  font-family:  Verdana, Arial, Helvetica;
  font-style : normal;
  vertical-align: top; 
  FONT-WEIGHT: normal;
  color: rgb(107,178,230);
}

.submitSearch {
text-indent:-5000px;
width:24px;
height:24px;
border:none;
cursor: pointer;
}

/***********************************************/
/*                  BODY                       */
/***********************************************/
.bodytext{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #566266;
 line-height: 14px;
 text-decoration: none;
 display: block;
 padding: 0px;
 margin: 0;
 FONT-WEIGHT: normal;
}

.bodytextRed{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: red;
 line-height: 14px;
 display: block;
 padding: 0px;
 margin: 0;
 FONT-WEIGHT: bold;
}

.bodytextGreen{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: green;
 line-height: 14px;
 display: block;
 padding: 0px;
 margin: 0;
 FONT-WEIGHT: bold;
}


A{Font-size: 11px; font-family:  Verdana, Arial, Helvetica;font-style : normal;FONT-WEIGHT: normal;}
A:link {Color : rgb(107,178,230);Text-Decoration : underline;}
A:active{Color : rgb(107,178,230);Text-Decoration : underline;}
A:visited{Color : rgb(9,16,79);Text-Decoration : underline;}
A:hover{Color : rgb(107,178,230);Text-Decoration : underline;}


/***********************************************/
/*                      COLOR                  */
/***********************************************/
/*.color1
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #993300;
 line-height: 14px;
}*/

.color2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #E96B10;
 line-height: 14px;
}
.color3
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #B1C5EA;
 line-height: 14px;
}
.color4
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #939495;
 line-height: 14px;
}

/***********************************************/
/*                     TABLE                   */
/***********************************************/

.table1
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 1px solid #42ade7;
 background-color: #FFF;
 font-size: 10px;
 padding: 0px;
 spacing: 0px;
}
.table2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFF;
 border: 1px solid #0A4F8C;
 font-size: 10px;
 padding: 0px;
}
.table3
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFF;
 /*border: 1px solid #CCC;*/
 font-size: 10px;
 padding: 2px;
}

OPTION.opttitle1{background-color:#42ade7; color:white}
OPTION.opttitle2{background-color:#0A4F8C; color:white}
/* OPTION.opttitle3{background-color:#BAD809; color:white} */

.th1 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFF;
 background-color: #42ade7;
 font-weight: bold;
 text-align: center;
}
.th2 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 background-color: #0A4F8C;
 font-weight: bold;
 text-align: center;
 padding: 1px;
}
.th3 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
 background-color: #FFF ;
 padding: 1px;
 font-weight: normal;
 text-align: center;
}

.tdcol
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #ECECEC;
 color: #414141;
}

caption
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}
/***********************************************/
/*                    TITLE                    */
/***********************************************/

.title1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 21px;
 color: #00639F;
 font-variant: small-caps;
 FONT-WEIGHT: bold;
}

.title2{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 21px;
 color: #FA0002;
 FONT-WEIGHT: normal;
}

.title3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 FONT-WEIGHT: normal;
}


/** ----------------   TOOLBAR  -------------------------- **/

#horNavBarZoneLeft
{
 font-size: 1px;  
 /*background-color: #00639F; */
 /*text-align: left; */
 height: 30px; 
 /*vertical-align : bottom;*/
 width: 200px;
 line-height: 30px;
}

#horNavBarZoneLeft a
{
 Font-size:10px;
 font-family:  Verdana, Arial, Helvetica;
 font-style : normal;
 /*vertical-align: middle; */
 FONT-WEIGHT: normal;
 margin: 0;
 /*text-align: left; */
}
#horNavBarZoneLeft a:link {Color : #FFF;Text-Decoration : none;}
#horNavBarZoneLeft a:active{Color : #FFF;Text-Decoration : none;}
#horNavBarZoneLeft a:visited{Color : #FFF;Text-Decoration : none;}
#horNavBarZoneLeft a:hover{Color : #FFF;Text-Decoration : none;}
         

#navbarhor
{
 height: 30px;
 display:table-cell; 
 font-size: 1px;
 background-color: #00639F; 
 line-height: 30px;
 vertical-align : top;
 width: 598px;
 text-align: left;
}

#navbarhor ul , li 
{	/* utilisation de liste pour le menu */
 list-style-type: none;	/* suppression des puces de liste */
 margin:0;
 padding:0;
}

#navbarhor ul 
{
 position: absolute; 	/* positionnement pour IE5 et IE5.5 */
 text-align: center;
}

#navbarhor li 
{
 float: left;
}

a.normmenu
{	/* dimensions et définitions des boutons */
 width: 10px;
 color: #fff;
 font-family: verdana, arial, serif;
 font-variant:small-caps; 
 Font-size:11px; 
 padding-left: 24px;
 padding-right: 24px;
 padding-top: 2px;
 padding-bottom: 9px;
}

a.normmenu:hover
{
 background-image: url('../images/arrow2.gif'); 
 background-repeat: no-repeat;
 background-position: bottom center;	 
 Text-Decoration : none;
}
a.normmenu:link {Text-Decoration : none; color: #fff;}
a.normmenu:active{Text-Decoration : none; color: #fff;}
a.normmenu:visited{Text-Decoration : none; color: #fff;}

a.activmenu
{	/* dimensions et définitions des boutons */
 width: 10px;
 color: #fff;
 font-family: verdana, arial, serif;
 font-variant:small-caps; 
 Font-size:11px; 
 padding-left: 25px;
 padding-right: 25px;
 padding-top: 2px;
 padding-bottom: 9px;
 background-image: url('../images/arrow2.gif'); 
 background-repeat: no-repeat;
 background-position: bottom center;	 
 Text-Decoration : none;
}

a.activmenu:hover{Text-Decoration : none; color: #fff;}
a.activmenu:link {Text-Decoration : none; color: #fff;}
a.activmenu:active{Text-Decoration : none; color: #fff;}
a.activmenu:visited{Text-Decoration : none; color: #fff;}

/******************************** FORMS *******************************************/
.tableForm 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 1px solid #E2E2E3;
 background-color: #E7F0F9;
 font-size: 10px;
 padding: 0px;
 spacing: 0px;
}

.trForm
{
 background: #E7F0F9;
}

.textfield
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  border: rgb(226, 226, 227) 1px solid;
  COLOR: rgb(102, 102, 102); 
  BACKGROUND-COLOR: white;
  width: 240px;
}

.textfield_02
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  border: rgb(226, 226, 227) 1px solid;
  COLOR: rgb(102, 102, 102); 
  BACKGROUND-COLOR: white;
  width: 100px;
}

.selectfield
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  border: rgb(226, 226, 227) 1px solid;
  COLOR: rgb(102, 102, 102); 
  BACKGROUND-COLOR: white;
  width: 245px;
}

.selectfield_02
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  border: rgb(226, 226, 227) 1px solid;
  COLOR: rgb(102, 102, 102); 
  BACKGROUND-COLOR: white;
  width: 100px;
}



.required {
  color: rgb(107, 178, 230);
  FONT-WEIGHT: bold;
}

A.submitLink {
   Font-size:10px;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-style : normal;
   FONT-WEIGHT: bold;
   color: rgb(102,102,102);
   padding: 4px;
   background-color: rgb(226, 227, 227);
}

.formButton {
   Font-size:10px;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-style : normal;
   FONT-WEIGHT: bold;
   color: rgb(102,102,102);
   padding: 4px;
   background-color: rgb(226, 227, 227);
   border: 1px solid rgb(226, 227, 227);
}

A.submitLink:link {Color : rgb(102,102,102);Text-Decoration : none;}
A.submitLink:active{Color : rgb(102,102,102);Text-Decoration : none;}
A.submitLink:visited{Color : rgb(102,102,102);Text-Decoration : none;}
A.submitLink:hover{Color : rgb(102,102,102);Text-Decoration : underline;}

/******************************** WELCOM *******************************************/

.welcomearea
{
 height: 129px;
 width: 800px;
 vertical-align: top;
 align: right;
 background-color: transparent;
 background-repeat: no-repeat; 
 background-image: url('../images/page-intro-2_bas.jpg');
 background-position: center;
}