html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Verdana, Arial, sans-serif;
	outline: none;
    font-size:100%;
}

pre{
    width: 100%;
    overflow: auto;
}

body{
    background-color: #e4e4d8;
    background-image: url(../images/body-top.jpg);
    background-repeat: repeat-x;
}

div#main{
    width: 980px;
    margin: auto;
}


#header{
    background: url(../images/header.jpg) top center no-repeat transparent;
    height: 126px;
}

#logo-egis{
    position: absolute;
    margin: 35px 0 0 32px;
}

#logo-iosis{
    position: absolute;
    margin: 43px 0 0 775px;
}


#search-n-lang{
    width: 314px;
    height: 27px;
    float: right;
    background: url(../images/search-n-lang.gif) 0 0 no-repeat transparent;
    margin-top: 98px;
}

#search-n-lang label{
    display: none;
}
#search-n-lang legend{
    display: none;
}

#search-form{
    float: left;
    width: 260px;
}

#search-form #SearchText, #Search{
    font-size: 10px;
    margin-left: 18px;
    margin-top: 4px;
    border: 1px solid #c9c9c9;
    background-color: white;
    font-size: 10px;
    width: 207px;
    height: 15px;
    text-align: center;
}

#search-form #SearchButton{
    position: absolute;
    margin: 5px 0 0 3px;
}

#lang-piker{
    float: left;
}

#lang-piker img{
    display: block;
    float: left;
    margin: 6px 3px 0 3px;
}

#main-menu{
    margin-bottom: 10px;
}

/**** MENU *****/
.menu{
    clear: both;
    background: url(../images/pix.gif) top left no-repeat #888782;
}

.menu div{
    background: url(../images/pix.gif) bottom left no-repeat transparent;
}

.menu div div{
    background-position: bottom right;
    height: 30px;
}

.menu ul{
    margin-left: 30px;
    padding-top: 3px;
}

.menu li{
    float: left;
    list-style: none;
    background: url(../images/li-sep.gif) 0 8px no-repeat transparent;
    padding: 0 8px;
}

.menu li.first{
    background: none;
}


.menu li span {
    height: 20px;
    display: inline-block; 
    padding-bottom: 7px;
}

.menu li span span{
     margin-top:0;
}

.menu li a{
    display: inline-block;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 11px;
    padding: 0 12px;
 
}
.menu li.selected a{    
    color: #434343;
}

.menu li.selected span{
    background: url(../images/pix2.gif) top left no-repeat #e4e4d8;
}

.menu li.selected span span{
     background: url(../images/pix2.gif) top right no-repeat transparent;
}


#breadcrumbs{
    clear: both;
    background: url(../images/dotted.gif) bottom left repeat-x transparent;
    height: 20px;
    margin: 0 13px 10px 13px ;
    font-size: 11px;
}

#breadcrumbs span, #breadcrumbs ul, #breadcrumbs li{
     float: left;
     list-style: none;
}

#breadcrumbs li{
     padding: 0 0 0 16px;
     background: url(../images/arrow.gif) 6px 4px no-repeat transparent;
}

#breadcrumbs li.first{
     padding: 0 0 0 4px;
     background: none;
}


#breadcrumbs li a{
    color: #434343;
    text-decoration: none;
    font-weight: bold;
}

#breadcrumbs li.first a{
    font-weight: normal;
}


#content{
    clear: both;
    width: 980px;
    height: auto;
}

#left-col{
    float: left;
    margin-left: 13px;
    width: 720px;
}

#right-col{
    float: left;
    margin-left: 14px;
    width: 220px;
}



#debug{
    clear: both;
}


#footer.menu div{
    background-position: top right;
}


#footer.menu ul{
    float: right;
}



/*** BLOCKS ***/

h1{
    border-bottom: 1px solid #e6e3da;
    font-size: 13px;
}

h1 span{
    display: block;
    padding: 4px 0 5px 32px;
}

#left-col h1{
    background: url(../images/h1-left-left.gif) 0 0 no-repeat white;
}
#left-col h1 span{
    background: url(../images/pix.gif) top right no-repeat transparent;
}

#right-col h1{
    background: url(../images/h1-right.gif) 0 0 no-repeat #999;
}

div.xml
{
    font-size: 11px;
    color: #434343;
}

.xml a {
    color: #434343;
}

.xml h2{
    font-size: 16px;
    margin: 10px 0;
}

.xml h3{
    font-size: 15px;
    margin: 8px 0 5px 0;
}


.xml h4{
    font-size: 14px;
    margin: 5px 0 2px 0;
}

.xml h5{
    font-size: 13px;
    margin: 5px 0 0 0;
}

.xml h6{
    font-size: 11px;
    margin: 5px 0 0 0;
}

.xml p{
    padding: 10px 0;
}

.xml li{
    list-style: none;
    padding-left: 10px;
}


.xml div.object-{
    display: inline;
}

.xml div.object-left{
    float: left;
    margin: 5px;
}

.xml div.object-right{
    float: right;
    margin: 5px;
}

.xml div.object-center{
    text-align:center;
    margin: 5px;
}
.xml div.object-center .attribute-caption{
    margin:auto;
    text-align:center;
}

.rl .xml .attribute-caption{
    font-weight: bold;
}



.xml div.attribute-image p, .xml .attribute-caption p{
    padding:0;
}


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

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

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

.text-justify{
    text-align: justify;
}





/** HEADING COLORS **/

h2.bleu, h3.bleu, h4.bleu, h5.bleu, h6.bleu{
    color: #4a85af;
    border-color: #4a85af;
}

h2.vert, h3.vert, h4.vert, h5.vert, h6.vert{
    color: #aac101;
    border-color: #aac101;
}

h2.noir, h3.noir, h4.noir, h5.noir, h6.noir{
    color: black;
    border-color: black;
}

h2.gris, h3.gris, h4.gris, h5.gris, h6.gris{
    color: #888782;
    border-color: #888782;
}




.lb{
  background: url(../images/lb-bg.jpg) bottom left repeat-x white;
}

.lb .xml{
    padding: 10px 25px;
}

.lb .xml li{
    background: url(../images/lb-li.gif) 0 8px no-repeat transparent;
}



.rb{
    margin-bottom: 17px;
    /* Workaround IE setlayout */
    zoom:1;
}


.rb div div{
    background: url(../images/rb-bottom.gif) bottom left no-repeat transparent;
}

.rb div div div {
    background: none;
}


#rb{
    background-color: #888781;
}


#rb1{
    background: url(../images/rb1.jpg) top right no-repeat #81b201;
}

#rb2{
    background: url(../images/rb2.jpg) top right no-repeat #4c6e9c;
}


.rb .xml{
    color: white;
    padding: 5px 7px;
}

.rb .xml a{
    color: white;
}
.rb .xml li{
    background: url(../images/rb-li.gif) 0 6px no-repeat transparent;
}

.rb .xml h2 {
    text-decoration: underline;
}


#lb.lb .xml h2{
    font-size: 14px;
    padding: 0 0 2px 14px;
    background: url(../images/h2-dot.gif) 0 5px no-repeat transparent;
    border-width: 0 0 1px 0;
    border-style: solid;
}


#lb.lb .xml h2.vert{
    background-image: url(../images/h2-dot-vert.gif);
}

#lb.lb .xml h2.bleu{
    background-image: url(../images/h2-dot-bleu.gif);
}


#lb.lb .xml h2.noir{
    background-image: url(../images/h2-dot-noir.gif);
}

#lb.lb .xml h2.gris{
    background-image: url(../images/h2-dot-gris.gif);
}






#lb.lb .xml h2 a{
    text-decoration: none;
}

#lb.lb .xml h3{
    font-size: 14px;
    padding: 0 0 2px 14px;
    background: url(../images/h3-dot.gif) 0 5px no-repeat transparent;
}

#lb.lb .xml h3.vert{
    background-image: url(../images/h2-dot-vert.gif);
}

#lb.lb .xml h3.bleu{
    background-image: url(../images/h2-dot-bleu.gif);
}

#lb.lb .xml h3.noir{
    background-image: url(../images/h2-dot-noir.gif);
}

#lb.lb .xml h3.gris{
    background-image: url(../images/h2-dot-gris.gif);
}




#lb.lb .xml h4{
    font-size: 13px;
}



/** SEARCH **/


#left-col.full{
    width: 950px;
}

.content-search{
    font-size: 11px;
}

.content-search form{
    
}

.feedback{
    margin-top: 15px;
}

#SearchResults{
    margin-top: 15px;
}


.content-search #SearchButton{
}

/** SITEMAP **/
#lb .xml li h2{
    font-size: 11px;
}




/** DEBUG **/

#debug{
    font-size: 80%;
}