/*GLOBAL WHITESPACE RESET*/
html, body,
    #bodywrapper h1, #bodywrapper h2, #bodywrapper h3, #bodywrapper h4, #bodywrapper h5, #bodywrapper h6,
    #bodywrapper p, #bodywrapper table, #bodywrapper caption, #bodywrapper tr, #bodywrapper td, #bodywrapper th,
    #bodywrapper ul, #bodywrapper ol, #bodywrapper li, #bodywrapper dl, #bodywrapper dt, #bodywrapper dd,
    #bodywrapper form, #bodywrapper legend, #bodywrapper fieldset {
    margin: 0px;
    padding: 0px;
}

/*BASIC ELEMENTS*/
#bodywrapper p, #bodywrapper ul, #bodywrapper ol, #bodywrapper dl {
    margin: 0.5em 0px;
}

#bodywrapper ul, #bodywrapper ol, #bodywrapper dd {
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

#bodywrapper li {
    margin-bottom: 0.2em;
}

#bodywrapper h1 {
    font-size: 2em;
    margin: 0 0 0.5em 0;
    line-height: normal;
}

#bodywrapper h2 {
    font-size: 1.8em;
    margin: 0 0 0.5em 0;
    line-height: normal;
}

#bodywrapper h3 {
    font-size: 1.6em;
    margin: 0 0 0.5em 0;
    line-height: normal;
}

#bodywrapper h4 {
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
    line-height: normal;
}

#bodywrapper h5 {
    font-size: 1.2em;
    margin: 0 0 0.5em 0;
    line-height: normal;
}

#bodywrapper h6 {
    font-size: 1em;
    margin: 0 0 0.5em 0;
    line-height: normal;
}

#bodywrapper p {
}

#bodywrapper address {
    font-style: normal;
}

#bodywrapper label {
    font-weight: bold;
}

#bodywrapper caption {
    font-weight: bold;
    text-align: left;
}

#bodywrapper tr, #bodywrapper td, #bodywrapper th {
    vertical-align: top;
    text-align: left;
}

#bodywrapper img.left {
    padding-right: 5px;
    padding-bottom: 5px;
}

#bodywrapper img.right {
    padding-left: 5px;
    padding-bottom: 5px;
}

/*IE 5.5 text too big bugfix*/
#bodywrapper table {
    font-size: 100%;
}

/* Restore correct styles displaying for tags rewrited by GxT */
#bodywrapper strong, #bodywrapper th {
    font-weight: bold;
}

#bodywrapper address, #bodywrapper caption, #bodywrapper cite, #bodywrapper dfn, #bodywrapper em, #bodywrapper var {
    font-style: italic;
}

/*Dirty correction for GXT Problem on FCKeditor Hspace and Vspace (solution change Vspace and Hspace in Style margin */
#bodywrapper p img {
    margin: 5px;
}

/* avoid link focus border */
#bodywrapper :focus {
    outline-style: none;
}

/* input */
#bodywrapper input,
    #bodywrapper textarea,
    #bodywrapper select {

}
#bodywrapper input.field {
height:17px;
}
/******************************************************************************
* Basic
******************************************************************************/
body {
	background: #100604 url( ../img/fond-site.jpg);
}

#bodywrapper {
	background: #100604 url( ../img/fond-site.jpg);
    width: 100%;
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-family:Tahoma,sans-serif;
	font-size:12px;
}

#bodywrapper a,
#bodywrapper a:link {
    color: #99FFFF;
    text-decoration: underline;
}

#bodywrapper a:hover,
    #bodywrapper a:active {
    color: ##66CCFF;
    text-decoration: none;
}

#bodywrapper a:visited {
    color: #99FFFF;
    text-decoration: underline;
}

#bodywrapper li {
    margin: 0;
    padding: 0;
}

#bodywrapper ol {
    margin: 1em 0 1em 2em;
    padding: 0;
}

#bodywrapper ol li {
    margin: 0;
    padding: 0;
    background: none;
}

#bodywrapper dt {
    font-weight: bold;
    color: #ff6600;
}

#bodywrapper dd {
    padding: 0 0 0 0.5em;
}

#bodywrapper h1 {
    color: #333333;
    font-weight: normal;
    font-size: 2.2em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

#bodywrapper h2 {
    color: #ff6600;
    font-weight: normal;
    font-size: 2.1em;
    margin: 0 0 0.5em 0;
    padding: 0;
}

#bodywrapper h3 {
	background-image:url(../img/miniorb.gif);
	background-repeat:no-repeat;
	color:#009EDD;
	font-family:Tahoma,sans-serif;
	font-size:1.5em;
	padding-left:15px;
}

#bodywrapper h4 {
    font-size: 13px;
    color: #6699cc;
    margin: 0 0 0.5em 0;
    padding: 0 0 5px 0;
}

#bodywrapper h5 {
    font-size: 1em;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

#bodywrapper fieldset {
    padding: 0.5em;
    border: 1px solid #cccccc;
}

#bodywrapper legend {
    text-transform: uppercase;
    color: #cccccc;
    padding: 0 0.5em;
    font-weight: bold
}

#bodywrapper hr {
    height: 2px;
    background-color: #cccccc;
    color: #cccccc;
    border: none;
    margin: 1em 0;
}

#bodywrapper div.bloc {
	margin-bottom:25px;
}
#bodywrapper blockquote {
}

#bodywrapper input:focus,
    #bodywrapper textarea:focus,
    #bodywrapper select:focus {
    background-color: #eaeaea;
}

#bodywrapper .intro {
    color: #6699cc;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: justify;
    padding: 0.5em 0.5em;
    margin: 1em 0;
}

#bodywrapper .intro {
    border-top: 1px dotted #cccccc;
}

#bodywrapper img {
    border: 0px;
}

#bodywrapper .x-panel-body {
color:#FFFFFF;
background-color:#000000;
}
/******************************************************************************
* Utils
******************************************************************************/
.collapsible {
    display: none;
}

#bodywrapper .clear {
    clear: both;
}

#bodywrapper br.clear {
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 0px; /* no height ! */
    font-size: 0px;
}

#bodywrapper .hide, #bodywrapper .hidden {
    display: none;
}

#bodywrapper .floatright {
    float: right;
    margin: 5px;
}

#bodywrapper .floatleft {
    float: left;
    margin: 5px;
}

/******************************************************************************
* Generic
******************************************************************************/
#bodywrapper #areaA,
    #bodywrapper #areaB {
    font-size: 0.9em;
    line-height: 140%;
}

#bodywrapper .button {
    background: #fff url( ../img/bg-button.png ) repeat-x bottom left;
    border: 1px solid #333333;
    color: #333333;
    text-transform: uppercase;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    text-align: center;
    font-size: 80%;
    padding: 2px 15px 3px 15px;
}

#bodywrapper .button:hover {
    cursor: pointer;
    background: #fff url( ../img/bg-button-on.png ) repeat-x top left;
    color: #ff6600;
}

#bodywrapper div.bottomanchor {
    border-top: 1px dotted #cccccc;
    line-height: 1.2em;
    padding: 0.2em;
    margin: 1em 0;
}

#bodywrapper .bottomanchor a,
    #bodywrapper .bottomanchor a:link,
    #bodywrapper .bottomanchor a:visited {
    float: right;
    margin: 0;
    font-size: 80%;
    background: url( ../img/bottomanchor.png ) no-repeat top right;
    padding-right: 20px;
}

#bodywrapper .bottomanchor a:hover,
    #bodywrapper .bottomanchor a:active {
    cursor: pointer;
    background: url( ../img/bottomanchor-on.png ) no-repeat top right;
}

/******************************************************************************
* LAYOUT Header
******************************************************************************/
#bodywrapper #contentArea {
    width: 1038px;
    margin: 0 auto;
	padding-left:29px;
	padding-right:29px;
    overflow: hidden;
    text-align: left;
	background: url( ../img/main-bg.gif ) repeat-y top left;
}


#bodywrapper #page {
	width: 980px;
		background: url( ../img/cadres/fond-cadres.jpg ) repeat;

}

/******************************************************************************
* header-part1
******************************************************************************/
#bodywrapper div#toplinks {
    text-align: right;
    font-size: 80%;
    line-height: 2em;
    line-height: normal;
    padding: 5px;
	width:960px;
}

#bodywrapper #toplinks a,
    #bodywrapper #toplinks a:link,
    #bodywrapper #toplinks a:visited {
    color: #FF6600;
    text-decoration: none;
    background: none;
}

#bodywrapper #toplinks a:hover,
    #bodywrapper #toplinks a:active {
    color: #66CCFF;
    text-decoration: underline;
    background: none;
}

/*topshortcuts*/

#bodywrapper div#topshortcuts {
    display: inline;
    float: right;
}

#bodywrapper #topshortcuts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bodywrapper #topshortcuts li {
    display: inline;
    padding: 0 5px;
    background: none;
}

#bodywrapper #topshortcuts li.topshortcuts-print {
    background: transparent url( ../img/topshortcuts-print.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts li.topshortcuts-typoincrease {
    background: transparent url( ../img/topshortcuts-typoincrease.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts li.topshortcuts-typoreduce {
    background: transparent url( ../img/topshortcuts-typoreduce.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts li.topshortcuts-home {
    background: transparent url( ../img/topshortcuts-home.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts li.topshortcuts-contact {
    background: transparent url( ../img/topshortcuts-contact.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts li.topshortcuts-sitemap {
    background: transparent url( ../img/topshortcuts-sitemap.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts li.topshortcuts-mysettings {
    background: transparent url( ../img/topshortcuts-mysettings.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper #topshortcuts .topshortcuts-login a {
    background: transparent url( ../img/topshortcuts-login.png ) no-repeat left top;
    padding-left: 20px;
    text-transform: uppercase;
}

#bodywrapper #topshortcuts .topshortcuts-login a:hover {
    background: transparent url( ../img/topshortcuts-login.png ) no-repeat 0px -13px;
}

#bodywrapper #topshortcuts .topshortcuts-login a span {
    background: transparent url( ../img/topshortcuts-login.png ) no-repeat right top;
    padding-right: 16px;
}

#bodywrapper #topshortcuts .topshortcuts-login a span:hover {
    background: transparent url( ../img/topshortcuts-login.png ) no-repeat right -13px;
    padding-right: 16px;
}

/*loginFormTop*/
#bodywrapper #loginFormTop {
    clear: both;
    margin: 0.5em;
    padding: 0.5em;
}

#bodywrapper #loginFormTop p {
    margin: 0;
    padding: 0;
}

#bodywrapper p.loginFormTopCheckbox {
    clear: both;
    display: block;
}

#bodywrapper #loginFormTop .text {
    margin-top: 2px;
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left;
    border: 1px solid #cccccc;
    color: #666666;
    height: 15px;
    width: 150px;
}

#bodywrapper #loginFormTop .text:focus {
    background: #99ccff url( ../img/bg-input-on.png ) repeat-x top left;
    color: #333333;
}

#bodywrapper #loginFormTop .gobutton {
    padding-top: 1px;
    vertical-align: bottom;
}

/******************************************************************************
* Box boxloginFormTop
******************************************************************************/
#bodywrapper .boxloginFormTop {
    position: relative;
    border: 1px solid #cccccc;
    margin: 0.5em 0 0 0;
    clear: both;
    background: #cccccc url( ../img/box4-header.png ) repeat-x left top;
    width: 360px;
    float: right;
}

#bodywrapper .boxloginFormTop-text {
    margin: 10px 10px 15px 10px;
    overflow: hidden;
    height: 1%;
}

#bodywrapper .boxloginFormTop-header {
    padding-left: 6px;
    text-align: left;
    margin: 0;
}

#bodywrapper h3.boxloginFormTop-header span {
    padding: 4px;
    display: block
}

#bodywrapper .boxloginFormTop-topleft,
    #bodywrapper .boxloginFormTop-topright,
    #bodywrapper .boxloginFormTop-bottomleft,
    #bodywrapper .boxloginFormTop-bottomright {
    height: 5px;
    width: 5px;
    background-repeat: no-repeat;
    font-size: 2px;
}

#bodywrapper .boxloginFormTop-bottomleft {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: url( ../img/box4-bottomleft.png ) no-repeat bottom left;
}

#bodywrapper .boxloginFormTop-bottomright {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background: url( ../img/box4-bottomright.png ) no-repeat bottom right;
}

#bodywrapper .boxloginFormTop-topleft {
    position: absolute;
    top: -1px;
    left: -1px;
    background: url( ../img/box4-topleft.png ) no-repeat top left;
}

#bodywrapper .boxloginFormTop-topright {
    position: absolute;
    top: -1px;
    right: -1px;
    background: url( ../img/box4-topright.png ) no-repeat top right;
}

/*languages*/

#bodywrapper div#languages {
    float: right;
    display: inline;
}

#bodywrapper #languages ul {
    list-style: none;
    float: left;
    display: inline;
    margin: 0;
    padding-top:0;
    padding-bottom:0;
}

#bodywrapper #languages li {
    display: inline;
    padding: 0 5px;
    background: none;
    text-decoration: underline;
}

#bodywrapper #languages li.selected {
    color: #66CCFF;
    font-weight: bold;
    text-decoration: none;
}

#bodywrapper #languages span table {
    display: inline;
	vertical-align:bottom;
}

/******************************************************************************
* pageHeader
******************************************************************************/
#bodywrapper #pageHeader {
    clear: both;
}

/*logo*/
#bodywrapper #pageHeader #logotop {
    width: 980px;
}

/*Navigation N1*/
#bodywrapper div #navigationN1 {
    clear: both;
    background: transparent url( ../img/navigationN1-top.gif ) repeat-x top left;
    margin: 0;
    padding: 0;
    width: 980px;
}

#bodywrapper #navigationN1 ul {
    clear: both;
    list-style-type: none;
    overflow: hidden;
    background: transparent url( ../img/navigationN1-bottom.gif ) repeat-x bottom left;
    margin: 0;
    padding: 0;
    width: 980px;
}

#bodywrapper #navigationN1 li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#bodywrapper #navigationN1 li a {
    background: transparent url( ../img/navigationN1-separator.gif ) no-repeat 100% 50%;
    color: #bdf2ff;
    display: inline;
    float: left;
    padding: 6px 15px;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

#bodywrapper #navigationN1 li.last a {
    background: none;
}

#bodywrapper #navigationN1 li a:hover,
    #bodywrapper #navigationN1 li a.selected, #bodywrapper #navigationN1 li a.inpath {
    color: #ff6600;
}

/*illustration */
#bodywrapper #illustration {
    clear: both;
    padding: 10px 0 0 0;
}

#bodywrapper #illustration2 {
    clear: both;
    height: 294px;
    width: 720px;
    background: transparent url( ../img/illustration2.png ) no-repeat top left;
    overflow: hidden;
    display: block;
}

#bodywrapper .illustration2-text {
    padding-right: 20px;
    line-height: normal;
}

#bodywrapper .illustration2-text,
    #bodywrapper .illustration2-text h2,
    #bodywrapper .illustration2-text h3,
    #bodywrapper .illustration2-text h4,
    #bodywrapper .illustration2-text h5 {
    color: #ffffff;
    margin: 0;
}

#bodywrapper .illustration2-text a,
    #bodywrapper .illustration2-text a:link,
    #bodywrapper .illustration2-text a:visited {
    color: #ffffff;
    text-decoration: underline;
    background: none;
}

#bodywrapper .illustration2-text a:hover,
    #bodywrapper .illustration2-texta:active {
    color: #ffffff;
    text-decoration: none;
    background: none;
}

/******************************************************************************
* LAYOUT CONTENEUR
******************************************************************************/

#bodywrapper #pageData {
    clear: both;
    height: 1%;
    float: left;
    width: 980px;
}

/******************************************************************************
* LAYOUT WRAPPER
******************************************************************************/
#bodywrapper #wrapper {
    float: left;
    width: 100%;
    clear: both;
	}

/******************************************************************************
* LAYOUT CONTENT & COLUMNS
******************************************************************************/

/*3 colums areaB/mainArea/areaA */
#bodywrapper #position1 {
    margin: 0 200px;
    overflow: hidden;
}

/*2 colums areaB / mainArea  */
#bodywrapper #position2 {
    margin: 0 220px 0 0;
    overflow: hidden;
}

/*2 colums mainArea/ areaA */
#bodywrapper #position3 {
    margin: 0 0 0 240px;
    overflow: hidden;
}

/* mainArea alone*/
#bodywrapper #position4 {
    margin: 0;
    overflow: hidden;
}

/*2 colums areaC 50%/ mainArea 50%  */
#bodywrapper #position5 {
    margin: 0 460px 0 0;
    overflow: hidden;
}

#bodywrapper #areaA {
    float: left;
    width: 200px;
    margin-left: -980px;
    overflow: hidden;
    display: block;
}

#bodywrapper #areaB {
    float: left;
    width: 210px;
    margin-left: -210px;
    overflow: hidden;
    display: block;
}
#bodywrapper #areaB .spacer {
    padding-right: 10px;
}
#bodywrapper #areaA .spacer {
    padding-left: 10px;
}
#bodywrapper #areaC {
    float: left;
    width: 460px;
    margin-left: -460px;
    overflow: hidden;
    display: block;
}

#bodywrapper .spacer {
    padding: 10px 0;
}

#bodywrapper #position1 .spacer {
    padding: 10px 10px;
}

#bodywrapper #position2 .spacer {
    padding: 10px;
}

#bodywrapper #position3 .spacer {
    padding: 10px;
}

#bodywrapper #position4 .spacer {
    padding: 10px ;
}

#bodywrapper #position5 .spacer {
    padding: 10px ;
}

#bodywrapper #areaC .spacer {
    padding: 10px ;
}

/******************************************************************************
* columns LAYOUT
******************************************************************************/
/*2columns*/
#bodywrapper .columns2 {
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both;
}

#bodywrapper .columns2 .column-item {
    float: left;
    width: 50%;
    overflow: hidden;
    display: block;
}

#bodywrapper .columns2 .column-item .spacer {
    padding: 10px;
}

/*3columns*/
#bodywrapper .columns3 {
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both;
}

#bodywrapper .columns3 .column-item {
    float: left;
    width: 33.33%;
    overflow: hidden;
    display: block;
}

#bodywrapper .columns3 .column-item .spacer {
    padding: 10px;
}

/*4columns*/
#bodywrapper .columns4 {
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both;
}

#bodywrapper .columns4 .column-item {
    float: left;
    width: 25%;
    overflow: hidden;
    display: block;
}

#bodywrapper .columns4 .column-item .spacer {
    padding: 10px;
}

/*5columns*/
#bodywrapper .columns5 {
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both;
}

#bodywrapper .columns5 .column-item {
    float: left;
    width: 19%;
    overflow: hidden;
    display: block;
    padding-left:8px;
}

#bodywrapper .columns5 .column-item .spacer {
    padding: 10px;
}


/*columns without bottom space*/
#bodywrapper .nobottomspace .column-item .spacer {
    padding: 10px 10px 0 10px;
}

/******************************************************************************
* footer
******************************************************************************/
#bodywrapper #footer {
    clear: both;
}


#bodywrapper #footerPart1 {
    clear: both;
    text-align: left;
    font-size: 85%;
    line-height: 100%;
    overflow: hidden;
}

#bodywrapper #footerPart2 {
    clear: both;
    text-align: left;
    font-size: 85%;
    line-height: 120%;
    overflow: hidden;
    padding: 10px;
}

/*footerPart2 2columns*/

#bodywrapper #footerPart2 .columns2 .column-item1 {
    float: left;
    overflow: hidden;
    display: block;
    width: 90%;
}

#bodywrapper #footerPart2 .columns2 .column-item2 {
    float: left;
    overflow: hidden;
    display: block;
    width: 10%;
    text-align: center;
}

#bodywrapper #footerPart3 .columns2 .column-item .spacer {
    padding: 0px;
}

#bodywrapper #footerPart2content {
}

#bodywrapper .rss-footer {
}

#bodywrapper #footerPart3 {
    clear: both;
    text-align: left;
    font-size: 85%;
    line-height: 100%;
    overflow: hidden;
    padding: 10px;
}

/*footerPart3 2columns*/

#bodywrapper #footerPart3 .columns2 .column-item1 {
    float: left;
    overflow: hidden;
    display: block;
    margin-right: 15px;
}
#bodywrapper #footerPart3 .columns2 .column-item1 .spacer {
	padding:0.5em;
}
#bodywrapper #footerPart3 .columns2 .column-item2 {
    float: left;
    overflow: hidden;
    display: block;
}

#bodywrapper #footerPart3 .columns2 .column-item .spacer {
    padding: 0px;
}

#bodywrapper #footerPart3 .logo-footer {
    margin: 0.5em 1em;
    display: block;
}

#bodywrapper #footerPart3 #copyright {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

/*bottomshortcuts*/

#bodywrapper div#bottomshortcuts {
    display: inline;
}

#bodywrapper #bottomshortcuts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bodywrapper #bottomshortcuts li {
    display: inline;
    background: url( ../img/bottomshortcuts-bullet.png ) no-repeat 100% 50%;
    padding-right: 10px;
    margin-right: 10px;
}

#bodywrapper #bottomshortcuts .last {
    background: none;
    padding-right: 0;
    margin-right: 0;
}

/******************************************************************************
* breadcrumb
******************************************************************************/
#bodywrapper div#breadcrumb {
    color: #999999;
}

#bodywrapper #breadcrumb ul {
    font-size: 90%;
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

#bodywrapper #breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    margin: 0.4em;
}

#bodywrapper #breadcrumb a,
    #bodywrapper #breadcrumb a:link,
    #bodywrapper #breadcrumb a:visited {
    padding: 0 1em 0 0;
    margin: 0;
    background: url( ../img/breadcrumb-separator.png ) no-repeat 100% 50%;
    color: #999999;
    text-decoration: underline;
}

#bodywrapper #breadcrumb a:hover,
    #bodywrapper #breadcrumb a:active {
    color: #ff6600;
    text-decoration: underline;
}

/******************************************************************************
* navigationN2
******************************************************************************/
#bodywrapper div #navigationN2 {
	margin-bottom:10px;
}

#bodywrapper #navigationN2 ul{
	margin:0;
	padding:0;
	list-style: none;
	background: none;

}
#bodywrapper #navigationN2 li{
	margin:0;
	padding:0;
	background: none;
	line-height:2.2em;
}
#bodywrapper #navigationN2 li li{
	margin:0;
	padding:0;
	border-bottom:none;
}
#bodywrapper #navigationN2 a,
#bodywrapper #navigationN2 a:link,
#bodywrapper #navigationN2 a:visited {
	display: block;
	text-decoration: none;
	height:1%;
	background: none;
	color:#FFFFFF;
	font-weight:bold;

}
#bodywrapper #navigationN2 a:hover,
#bodywrapper #navigationN2 a:active{
	background:none;
	color:#ff6600;
	font-weight:bold;
}

#bodywrapper #navigationN2 .level_2 a,
#bodywrapper #navigationN2 .level_2 a:link,
#bodywrapper #navigationN2 .level_2 a:visited {
	padding:0 2px 0 20px;
	background: url(../img/miniorb.gif) no-repeat 5px 50%;
	border-bottom:1px solid #FFFFFF;
	margin:1px 0;
}
#bodywrapper #navigationN2 .level_2 a.inpath,	
#bodywrapper #navigationN2 .level_2 a.inpath:link ,
#bodywrapper #navigationN2 .level_2 a.inpath:visited ,
#bodywrapper #navigationN2 .level_2 a.inpath:hover ,
#bodywrapper #navigationN2 .level_2 a.inpath:active{
	font-weight:bold;
	background: url(../img/miniorb.gif) no-repeat 5px 50%;
}

#bodywrapper #navigationN2 .level_2 a:hover,
#bodywrapper #navigationN2 .level_2 a:active{
	color:#ff6600;
	background: url(../img/hover-orb.gif) no-repeat 5px 50%;
}
#bodywrapper #navigationN2 .level_2 a.selected,	
#bodywrapper #navigationN2 .level_2 a.selected:link ,
#bodywrapper #navigationN2 .level_2 a.selected:visited ,
#bodywrapper #navigationN2 .level_2 a.selected:hover,
#bodywrapper #navigationN2 .level_2 a.selected:active {
	background: url(../img/selected-orb.gif) no-repeat 5px 50%;
	color:#cc0033;
}

#bodywrapper #navigationN2 .level_3 a,
#bodywrapper #navigationN2 .level_3 a:link,
#bodywrapper #navigationN2 .level_3 a:visited {
	padding:0 2px 0 40px;
	background: url(../img/bg-navigationN2-L2.png) no-repeat 30px 50% ;
}
#bodywrapper #navigationN2 .level_3 a.inpath,	
#bodywrapper #navigationN2 .level_3 a.inpath:link ,
#bodywrapper #navigationN2 .level_3 a.inpath:visited ,
#bodywrapper #navigationN2 .level_3 a.inpath:hover ,
#bodywrapper #navigationN2 .level_3 a.inpath:active{
	font-weight:bold;
	background: url(../img/bg-navigationN2-L2-on.png) no-repeat 26px 50% ;
}
#bodywrapper #navigationN2 .level_3 a:hover,
#bodywrapper #navigationN2 .level_3 a:active{
	color:#ff6600;
	background: url(../img/bg-navigationN2-L2-selected.png) no-repeat 30px 50% ;
}

#bodywrapper #navigationN2 .level_3 a.selected,	
#bodywrapper #navigationN2 .level_3 a.selected:link ,
#bodywrapper #navigationN2 .level_3 a.selected:visited ,
#bodywrapper #navigationN2 .level_3 a.selected:hover,
#bodywrapper #navigationN2 .level_3 a.selected:active {
	background: url(../img/bg-navigationN2-L2-selected.png) no-repeat 30px 50% ;
	color:#cc0033;
}
#bodywrapper #navigationN2 .level_4 a,
#bodywrapper #navigationN2 .level_4 a:link,
#bodywrapper #navigationN2 .level_4 a:visited {
	padding:0 2px 0 60px;
	background: url(../img/bg-navigationN2-L3.png) no-repeat 50px 50% ;

}
#bodywrapper #navigationN2 .level_4 a.inpath,	
#bodywrapper #navigationN2 .level_4 a.inpath:link ,
#bodywrapper #navigationN2 .level_4 a.inpath:visited ,
#bodywrapper #navigationN2 .level_4 a.inpath:hover ,
#bodywrapper #navigationN2 .level_4 a.inpath:active{
	font-weight:bold;
	background: #eaeaea url(../img/bg-navigationN2-L3-on.png) no-repeat 46px 50% ;
}
#bodywrapper #navigationN2 .level_4 a:hover,
#bodywrapper #navigationN2 .level_4 a:active{
	color:#ff6600;
	background: url(../img/bg-navigationN2-L3-selected.png) no-repeat 50px 50% ;
}

#bodywrapper #navigationN2 .level_4 a.selected,	
#bodywrapper #navigationN2 .level_4 a.selected:link ,
#bodywrapper #navigationN2 .level_4 a.selected:visited ,
#bodywrapper #navigationN2 .level_4 a.selected:hover,
#bodywrapper #navigationN2 .level_4 a.selected:active {
	background: url(../img/bg-navigationN2-L3-selected.png) no-repeat 50px 50% ;
	color:#cc0033;
}
#bodywrapper #navigationN2 .level_5 a,
#bodywrapper #navigationN2 .level_5 a:link,
#bodywrapper #navigationN2 .level_5 a:visited {
	padding:0 2px 0 80px;
	background: url(../img/bg-navigationN2-L4.png) no-repeat 70px 50%;

}
#bodywrapper #navigationN2 .level_5 a.inpath,	
#bodywrapper #navigationN2 .level_5 a.inpath:link ,
#bodywrapper #navigationN2 .level_5 a.inpath:visited ,
#bodywrapper #navigationN2 .level_5 a.inpath:hover,
#bodywrapper #navigationN2 .level_5 a.inpath:active{
	font-weight:bold;
	background: #eaeaea url(../img/bg-navigationN2-L4-on.png) no-repeat 66px 50% ;
}
#bodywrapper #navigationN2 .level_5 a:hover,
#bodywrapper #navigationN2 .level_5 a:active{
	color:#ff6600;
	background: url(../img/bg-navigationN2-L4-selected.png) no-repeat 70px 50% ;
	background-color:#ddd3ca;
}
#bodywrapper #navigationN2 .level_5 a.selected,	
#bodywrapper #navigationN2 .level_5 a.selected:link ,
#bodywrapper #navigationN2 .level_5 a.selected:visited ,
#bodywrapper #navigationN2 .level_5 a.selected:hover,
#bodywrapper #navigationN2 .level_5 a.selected:active {
	background: url(../img/bg-navigationN2-L4-selected.png) no-repeat 70px 50% ;
	color:#cc0033;
}
#bodywrapper #navigationN2 .level_6 a,
#bodywrapper #navigationN2 .level_6 a:link,
#bodywrapper #navigationN2 .level_6 a:visited {
	padding:0 2px 0 100px ;
	background: url(../img/bg-navigationN2-L5.png) no-repeat 90px 50% ;
}
#bodywrapper #navigationN2 .level_6 a.inpath,	
#bodywrapper #navigationN2 .level_6 a.inpath:link ,
#bodywrapper #navigationN2 .level_6 a.inpath:visited ,
#bodywrapper #navigationN2 .level_6 a.inpath:hover ,
#bodywrapper #navigationN2 .level_6 a.inpath:active{
	font-weight:bold;
	background: #eaeaea url(../img/bg-navigationN2-L5-on.png) no-repeat 86px 50% ;
}

#bodywrapper #navigationN2 .level_6 a:hover,
#bodywrapper #navigationN2 .level_6 a:active{
	color:#ff6600;
	background: url(../img/bg-navigationN2-L5-selected.png) no-repeat 90px 50% ;
	background-color:#ddd3ca;
}
#bodywrapper #navigationN2 .level_6 a.selected,	
#bodywrapper #navigationN2 .level_6 a.selected:link ,
#bodywrapper #navigationN2 .level_6 a.selected:visited ,
#bodywrapper #navigationN2 .level_6 a.selected:hover,
#bodywrapper #navigationN2 .level_6 a.selected:active {
	background: url(../img/bg-navigationN2-L5-selected.png) no-repeat 90px 50% ;
	color:#cc0033;
}

/******************************************************************************
* Box
******************************************************************************/

#bodywrapper .box {
    clear: both;
    position: relative;
    height: 1%;
    padding: 10px;
    font-size: 90%;
    line-height: 110%;
}

#bodywrapper .box {
    padding-bottom: 2em;
}

#bodywrapper .box h3 {
    font-size: 100%;
    line-height: 110%;
    font-weight: bold;
    text-transform: none;
    margin: 0;
    display: inline
}

#bodywrapper .box p {
    margin: 0;
}

#bodywrapper .box .floatLeft {
    float: left;
    margin: 0 5px 5px 0px;
}

#bodywrapper .box .more {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

#bodywrapper .box-fixed-height {
    height: 6em;
    overflow: hidden;
}

#bodywrapper .box-fixed-height .box-content {
    overflow: hidden;
    height: 5.5em;
}

/******************************************************************************
* Box style1
******************************************************************************/
#bodywrapper .box-style1 {
    background: url( ../img/box-style1-bg.png ) no-repeat top left;
}

/******************************************************************************
* Box 2 defaut
******************************************************************************/
#bodywrapper .box2 {
    position: relative;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

#bodywrapper .box2-text {
    margin: 10px 10px 1em 10px;
    overflow: hidden;
    height: 1%;
}

#bodywrapper h3.box2-header {
    background: #ccc url( ../img/box2-header.png ) repeat-x left top;
    padding-left: 6px;
    text-align: left;
    margin: 0;
}

#bodywrapper h3.box2-header span {
    padding: 6px;
    display: block;
}

#bodywrapper .box2 h4 {
 padding: 10px 12px 0 0;
}

#bodywrapper .box2-topleft,
    #bodywrapper .box2-topright,
    #bodywrapper .box2-bottomleft,
    #bodywrapper .box2-bottomright {
    height: 5px;
    width: 5px;
    background-repeat: no-repeat;
    font-size: 2px;
}

#bodywrapper .box2-bottomleft {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: url( ../img/box2-bottomleft.png );
}

#bodywrapper .box2-bottomright {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background: url( ../img/box2-bottomright.png );
}

#bodywrapper .box2-topleft {
    position: absolute;
    top: -1px;
    left: -1px;
    background: url( ../img/box2-topleft.png );
}

#bodywrapper .box2-topright {
    position: absolute;
    top: -1px;
    right: -1px;
    background: url( ../img/box2-topright.png );

}

#bodywrapper .box2-illustration {
    background: transparent url( ../img/img5.png ) repeat top left;
    height: 75px;
}

#bodywrapper .box2-more {
    font-size: 80%;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 14px;
    background: transparent url( ../img/box2-more.png ) no-repeat 1px 1px;
    padding:  0 0 0 16px;
    margin-bottom: 0;
}

/******************************************************************************
* Box 2 style1
******************************************************************************/

#bodywrapper .box2-style1 h3.box2-header {
    background: #404d6c url( ../img/box2-style1-header.png ) repeat-x left top;
    color: #ffffff;
}


/******************************************************************************
* Box 3 layout
******************************************************************************/
#bodywrapper .box3-container {
    position: relative;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
    background-color: #ddd3ca;
}

#bodywrapper .box3-topleft,
    #bodywrapper .box3-topright,
    #bodywrapper .box3-bottomleft,
    #bodywrapper .box3-bottomright {
    height: 5px;
    width: 5px;
    background-repeat: no-repeat;
    font-size: 2px;
}

#bodywrapper .box3-topleft {
    position: absolute;
    top: -1px;
    left: -1px;
    background: url( ../img/box3-topleft.png ) no-repeat top left;
}

#bodywrapper .box3-topright {
    position: absolute;
    top: -1px;
    right: -1px;
    background: url( ../img/box3-topright.png ) no-repeat top right;
}

#bodywrapper .box3-bottomleft {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: url( ../img/box3-bottomleft.png ) no-repeat bottom left;
}

#bodywrapper .box3-bottomright {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background: url( ../img/box3-bottomright.png ) no-repeat bottom right;
}

#bodywrapper .box3-text {
    margin: 10px;
    overflow: hidden;
    height: 1%;
}

#bodywrapper .box3-text h3 {
    color: #ff6600;
    margin-bottom: 0;
}

/******************************************************************************
* Box 3 style1
******************************************************************************/
#bodywrapper .box3-style1 .box3-container {
    border: 1px solid #cccccc;
}

#bodywrapper .box3-style1 {
    background-color: #ffffff;
}

/******************************************************************************
* Box 4 defaut
******************************************************************************/
#bodywrapper .box4 {
    position: relative;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
    background: #ccc url( ../img/box4-header.png ) repeat-x left top;
}

#bodywrapper .box4-text {
    margin: 10px 10px 15px 10px;
    overflow: hidden;
    height: 1%;
}

#bodywrapper h3.box4-header {
    padding-left: 6px;
    text-align: left;
    margin: 0;
}

#bodywrapper h3.box4-header span {
    padding: 4px;
    display: block;
}

#bodywrapper .box4-topleft,
    #bodywrapper .box4-topright,
    #bodywrapper .box4-bottomleft,
    #bodywrapper .box4-bottomright {
    height: 5px;
    width: 5px;
    background-repeat: no-repeat;
    font-size: 2px;
}

#bodywrapper .box4-bottomleft {
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: url( ../img/box4-bottomleft.png ) no-repeat bottom left;
}

#bodywrapper .box4-bottomright {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background: url( ../img/box4-bottomright.png ) no-repeat bottom right;
}

#bodywrapper .box4-topleft {
    position: absolute;
    top: -1px;
    left: -1px;
    background: url( ../img/box4-topleft.png ) no-repeat top left;
}

#bodywrapper .box4-topright {
    position: absolute;
    top: -1px;
    right: -1px;
    background: url( ../img/box4-topright.png ) no-repeat top right;

}

/******************************************************************************
* Box 4 defaut
******************************************************************************/
#bodywrapper .box4-style1 {
    background: #404d6c url( ../img/box4-style1-header.png ) repeat-x left top;
    color: #ffffff;
}

#bodywrapper .box4-style1 h3.box4-header {
    color: #ffffff;
}

/******************************************************************************
* more info
******************************************************************************/
#bodywrapper div.more {
    float: right;
    font-size: 11px;
    font-weight: bold;
    background: transparent url( ../img/more.png ) no-repeat 0 0;
    padding: 0 0 0 16px;
    margin-bottom: 0;
    display: block;
}

#bodywrapper .more span {
}

/******************************************************************************
*  News generic
******************************************************************************/
#bodywrapper p.newsInfo {
    font-size: 90%;
    margin: 0.5em 0;
    padding: 0.2em;
    line-height: 1em;
    font-weight: bold;

}

#bodywrapper .newsImg {
    float: left;
    margin-right: 0.5em;
    padding: 0;
}

#bodywrapper .newsImg img {
    margin-right: 0.5em;
    padding: 0;
}

#bodywrapper .newsimg-right {
    float: right;
    margin-left: 0.5em;
    padding: 0;
}

#bodywrapper .newsimg-right img {
    margin-left: 0.5em;
    padding: 0;
}

#bodywrapper .newsMeta {
    clear: both;
    font-size: 80%;
    color: #999999;
    margin: 0.5em 0;
}

#bodywrapper .newsMeta a,
    #bodywrapper .newsMeta a:link,
    #bodywrapper .newsMeta a:visited {
    color: #999999;
    text-decoration: none;
}

#bodywrapper .newsMeta a:hover,
    #bodywrapper .newsMeta a:active {
    text-decoration: underline;
}

#bodywrapper span.newsLabelName,
    #bodywrapper span.newsLabelDate,
    #bodywrapper span.newsLabelLocation {

}

#bodywrapper span.newsName,
    #bodywrapper span.newsDate,
    #bodywrapper span.newsLocation {

}

/******************************************************************************
*  News List
******************************************************************************/
#bodywrapper .newsList {
    clear: both;
}

#bodywrapper .newsTitle {
    float: left;
}

#bodywrapper div.newsRss {
    float: right;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    margin: 0.4em 0.5em 0.4em 0.5em;
    padding: 0;
}

#bodywrapper .newsRss a,
    #bodywrapper .newsRss a:link,
    #bodywrapper .newsRss a:visited {
    color: #ff6600;
    text-decoration: none;
    background: none;
    background: url( ../img/newsrss.png ) no-repeat top right;
    padding-right: 20px;
}

#bodywrapper .newsRss a:hover,
    #bodywrapper .newsRss a:active {
    color: #ff6600;
    text-decoration: underline;
}

#bodywrapper .newsList h3 {
    margin: 0 0 0.5em 0;
}

#bodywrapper .newsListItem {
    margin-bottom: 1em;
    clear: both;
    width: 100%;
    position: relative;
}

#bodywrapper .newsListItem p {
    margin-top: 0.5em;
}	

#bodywrapper .newsListItem h4 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 2em;
    font-weight: normal;
}

#bodywrapper .newsListItem h4 a,
    #bodywrapper .newsListItem h4 a:link,
    #bodywrapper .newsListItem h4 a:visited {
    text-decoration: none;
    background: none;
}

#bodywrapper .newsListItem h4 a:hover,
    #bodywrapper .newsListItem h4 a:active {
    text-decoration: underline;
    background: none;
}

#bodywrapper .newsListItem .newsResume {
    text-align: justify;
    margin: 0;
}

#bodywrapper .newsListItem .newsMore {
    font-size: 80%;
    font-size: 11px;
    font-weight: bold;
    float: right;
    line-height: 14px;
}

/******************************************************************************
*  News Item
******************************************************************************/
#bodywrapper .newsItem.newsResume {
    font-weight: bold;
    margin: 0;
}

#bodywrapper .newsItem .newsInfo {
    margin-bottom: 2em;
}

#bodywrapper .relatedNews {
    width: 30%;
    float: right;
    margin: 0.5em;
}

#bodywrapper .relatedNews h3 {
    line-height: 2em;
    color: #333333;
}

#bodywrapper .quote-top {
    width: 25%;
    background: #666666 url( ../img/quote-top.gif ) no-repeat top left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 1.7em;

}

#bodywrapper .quote-bottom {
    background: url( ../img/quote-bottom.gif ) no-repeat bottom right;
    padding: 23px 10px 23px 10px;
}

#bodywrapper .exergue-top {
    width: 25%;
    background-color: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.7em;
    border-top: 4px solid #333333;
    font-weight: bold;
}

#bodywrapper .quote-top-full,
    #bodywrapper .exergue-top-full {
    width: 100%;
    margin: 5px 0px;
    display: block;
}

#bodywrapper .exergue-bottom {
    padding: 10px;
}

/******************************************************************************
*  Events generic
******************************************************************************/
#bodywrapper .eventsBody {
    margin: 0 0 0 60px;
}

#bodywrapper .eventsintro {
    color: #333333;
    line-height: 1.6em;

    border-bottom: 1px dotted #cccccc;
    border-top: 1px dotted #cccccc;
    padding: 0.5em 0.5em;
    margin: 1em 0;
}

#bodywrapper .eventsintro p {
    float: left;
    display: inline;
    margin: 0;
    font-size: 1.4em;
    text-align: justify;
}

#bodywrapper .eventsintro .eventsSort {
    line-height: 1.6em;
    float: right;
}

#bodywrapper div.eventsInfoDate {
    float: left;
    width: 46px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#bodywrapper .eventsMeta {
    clear: both;
    font-size: 80%;
    color: #999999;
    margin: 0.5em 0;
}

#bodywrapper .eventsMeta a,
    #bodywrapper .eventsMeta a:link,
    #bodywrapper .eventsMeta a:visited {
    color: #999999;
    text-decoration: none;
}

#bodywrapper .eventsMeta a:hover,
    #bodywrapper .eventsMeta a:active {
    text-decoration: underline;
}

#bodywrapper div.eventsTxtDate {
    width: 46px;
    height: 16px;
    display: block;
    background: url( ../img/eventstxtdate.png ) no-repeat 50% 0%;
}

#bodywrapper div.eventsTxtDate span {
    display: none
}

#bodywrapper div.eventsDate {
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    background: url( ../img/eventsdate-bg.png ) no-repeat top right;
    padding-top: 8px;
    width: 46px;
}

#bodywrapper .eventsListItem .day {
    font-size: 120%;
    display: block;
    line-height: 130%;
    font-weight: bold;
    color: #ff6600;
}

#bodywrapper .eventsListItem .month {
    font-size: 70%;
    display: block;
    line-height: 90%;
    color: #666666;
}

#bodywrapper .eventsListItem .year {
    font-size: 85%;
    display: block;
    line-height: 90%;
    background: url( ../img/eventsdatebottom.png ) no-repeat bottom right;
    padding-bottom: 5px;
    color: #666666;
}

#bodywrapper p.eventsLocation {
    font-weight: bold;
    color: #ff6600;
    font-size: 90%;
    text-transform: uppercase;
}

#bodywrapper .eventsImg {
    float: left;
    margin-right: 0.5em;
    padding: 0;
}

#bodywrapper .eventsImg img {
    border: 1px solid #eaeaea;
    margin-right: 0.5em;
    padding: 0;
}

#bodywrapper .eventsimg-right {
    float: right;
    margin-left: 0.5em;
    padding: 0;
}

#bodywrapper .eventsimg-right img {
    border: 1px solid #eaeaea;
    margin-left: 0.5em;
    padding: 0;
}

#bodywrapper .eventsSort {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

/******************************************************************************
*  Portraits generic
******************************************************************************/
#bodywrapper div.peopleListItem {

    border-bottom: 1px solid #eaeaea;
    padding: 5px;

}

#bodywrapper div.peoplePhoto {
    float: left;
    width: 80px;
    height: 80px;
    display: block;
    border: 1px solid #cccccc;
    margin-right:10px;
    overflow: hidden;
}

#bodywrapper p.peopleFonction {
    font-size: 85%;
    margin: 0;
}

#bodywrapper p.peopleBusinessUnit {
    font-size: 85%;
    margin: 0;
}

#bodywrapper .peopleBody {
    margin: 0 0 0 120px;
}

#bodywrapper .peopleAction {
    font-size: 85%;
    color: #ff6600;
}

#bodywrapper .peopleAction a,
    #bodywrapper .peopleAction a:link,
    #bodywrapper .peopleAction a:visited {
    color: #ff6600;
    margin-right: 0.5em;
}

#bodywrapper .peopleAction a:hover,
    #bodywrapper .peopleAction a:active {
    text-decoration: underline;
}

#bodywrapper a.peopleEnlarge {
    background: transparent url( ../img/peopleenlarge.png ) no-repeat 0 50%;
    padding-left: 16px;
}

#bodywrapper a.peopleDownload {
    background: transparent url( ../img/peopledownload.png ) no-repeat 0 50%;
    padding-left: 16px;
}

#bodywrapper a.peopleBiographiy {
    background: transparent url( ../img/peoplebiographiy.png ) no-repeat 0 50%;
    padding-left: 16px;
}

/******************************************************************************
*  News List newsList3
******************************************************************************/
#bodywrapper ul.newsList3 {
    margin: 0;
    padding: 0;
}

#bodywrapper .newsList3 li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
    background: url( ../img/newslist3.png ) no-repeat 0.5em 0.2em;
    padding: 0.2em;
    padding-left: 30px;
}

#bodywrapper .newsList3 li:hover {
    background-color: #eaeaea
}

#bodywrapper .newsList3 li.lastnews {
    border: none;
}

#bodywrapper .newsList3 a,
    #bodywrapper .newsList3 a:link,
    #bodywrapper .newsList3 a:visited {
    color: #333333;
    text-decoration: none;
}

#bodywrapper .newsList3 a:hover,
    #bodywrapper .newsList3 a:active {
    color: #ff6600;
    text-decoration: underline;
}

/******************************************************************************
*  Events List
******************************************************************************/
#bodywrapper .eventsList {
    clear: both;
}

#bodywrapper .eventsList h3 {
    margin: 0 0 0.5em 0;
}

#bodywrapper .eventsListItem {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1em;
    clear: both;
    width: 100%;
    position: relative
}

#bodywrapper .eventsListItem p {
    margin-top: 0.5em;
}

#bodywrapper .eventsListItem h4 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 2em;
    font-weight: normal
}

#bodywrapper .eventsListItem h4 a,
    #bodywrapper .eventsListItem h4 a:link,
    #bodywrapper .eventsListItem h4 a:visited {
    color: #333333;
    text-decoration: none;
    background: none;
}

#bodywrapper .eventsListItem h4 a:hover,
    #bodywrapper .eventsListItem h4 a:active {
    color: #ff6600;
    text-decoration: underline;
    background: none;
}

#bodywrapper .eventsListItem .eventsResume {
    text-align: justify;
    margin: 0;
}

#bodywrapper .eventsListItem .eventsMore {
    font-size: 80%;
    font-size: 11px;
    font-weight: bold;
    float: right;
    line-height: 14px
}

/******************************************************************************
*  Events Item
******************************************************************************/
#bodywrapper .eventsItem.eventsResume {
    font-weight: bold;
    margin: 0;
}

#bodywrapper .eventsItem .eventsInfo {
    margin-bottom: 2em;
}

/*****************************************************************************	*
*  pressRealese Form
******************************************************************************/
#bodywrapper div.pressRealeseForm {
    clear: both;
    margin: 1em 0;
    background: url( ../img/pressform.png ) repeat-x bottom left;
    border: 1px solid #cccccc;
}

#bodywrapper .pressRealeseForm legend {
    display: none;
}

#bodywrapper .pressRealeseForm fieldset {
    border: none;
}

#bodywrapper .pressRealeseForm label {
    float: left;
    width: 235px;
    margin: 0 1em 0 1em;
    padding: 2px;
    text-align: right;
}

#bodywrapper div.pressdatefrom ,
#bodywrapper div.pressdateto  {
	clear:both;
	width:100%;
	margin-bottom:0.5em
}
#bodywrapper .pressRealeseForm input[type="text"],
    #bodywrapper .pressRealeseForm textarea {
    width: 200px;
    border: 1px solid #cccccc;
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left;
}

#bodywrapper .pressRealeseForm input[type="text"]:focus,
    #bodywrapper .pressRealeseForm textarea:focus {
    background: #eaeaea url( ../img/bg-input-on.png ) repeat-x top left;
}

#bodywrapper .pressRealeseForm .divButton {
    text-align: center;
    margin: 0.5em 0;
	clear: both;
}

#bodywrapper .pressRealeseForm input.button {
    margin-left: 0.5em;
}

#bodywrapper .pressRealeseForm {

    margin-bottom: 1em;
    clear: both;
}

/******************************************************************************
*  pressRealeseList Item
******************************************************************************/
#bodywrapper ul.pressRealeseList {
    margin: 10px 0;
    padding: 0;
    background-image: none;
    height: 1%;
    list-style: none;
    clear: both;

}

#bodywrapper .pressRealeseList li {
    margin: 0;
    padding: 0.2em 0 0.2em 40px;
    background: url( ../img/pressrealeserist-bg.png ) no-repeat 10px 50%;
    border-bottom: 1px solid #eaeaea;
    height: 1%;

}

#bodywrapper .pressRealeseList a,
    #bodywrapper .pressRealeseList a:link,
    #bodywrapper .pressRealeseList a:visited {
    color: #333333;
    text-decoration: none;
    background: none;
}

#bodywrapper .pressRealeseList a:hover,
    #bodywrapper .pressRealeseList a:active {
    text-decoration: underline;
    color: #ff6600;
}

#bodywrapper .pressRealeseList {
    font-weight: bold
}

#bodywrapper .pressRealeseList li:hover {
    background: #eaeaea url( ../img/pressrealeserist-bg-on.png ) no-repeat 10px 50%;
}

#bodywrapper .pressRealeseList h4 {
    font-size: 1em;
    line-height: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: none;
    color: #333333;
    border: none;
}

#bodywrapper .pressRealeseList .pressRealeseDate,
    #bodywrapper .pressRealeseList .pressRealeseCategory {
    line-height: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff6600;
}

#bodywrapper .pressRealeseList .pressRealeseCategory {
    color: #666666;
}

#bodywrapper .pressRealeseList .pressRealeseDate {
}

/******************************************************************************
*  Pagination
******************************************************************************/
#bodywrapper div.pagination {
    height: 1%;
    overflow: hidden;
    text-transform: uppercase;
    border-top: 1px solid #cccccc;
    background-color: #eaeaea;
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
}

#bodywrapper .paginationPosition {
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    color: #333333;
}

#bodywrapper .paginationNavigation {
    float: right;
    font-size: 0.9em;

}

#bodywrapper .paginationNavigation a:link,
    #bodywrapper .paginationNavigation a:visited,
    #bodywrapper .paginationNavigation a:hover,
    #bodywrapper .paginationNavigation a:active {
    text-decoration: none;
    padding: 0.2em 0.5em;
}

#bodywrapper .paginationNavigation a:hover {
    background: #ff6600;
    color: #ffffff;
}

#bodywrapper .paginationNavigation .currentPage {
    background: #ff6600;
    color: #ffffff;
    padding: 0.2em 0.5em;
}

#bodywrapper .paginationNavigation span {
    text-decoration: none;
    color: #666666;
    padding: 0.2em 0.5em;
}

/******************************************************************************
*  AlphabeticalMenu
******************************************************************************/
#bodywrapper div.alphabeticalMenu {
    height: 1%;
    overflow: hidden;
    text-transform: uppercase;
    border-top: 1px solid #cccccc;
    background-color: #eaeaea;
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
}

#bodywrapper .alphabeticalLabel {
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    color: #333333;
}

#bodywrapper .alphabeticalNavigation {
    float: right;
    font-size: 0.9em;

}

#bodywrapper .alphabeticalNavigation a:link,
    #bodywrapper .alphabeticalNavigation a:visited,
    #bodywrapper .alphabeticalNavigation a:hover,
    #bodywrapper .alphabeticalNavigation a:active {
    text-decoration: none;
    padding: 0.2em 0.5em;
}

#bodywrapper .alphabeticalNavigation a:hover {
    background: #ff6600;
    color: #ffffff;
}

#bodywrapper .alphabeticalNavigation .currentPage {
    background: #ff6600;
    color: #ffffff;
    padding: 0.2em 0.5em;
}

#bodywrapper .alphabeticalNavigation span {
    text-decoration: none;
    color: #666666;
    padding: 0;
}

/******************************************************************************
*  formSearchTop
******************************************************************************/
#bodywrapper #formSearchTop {
    margin: 0px 0px 30px 0px;
    padding: 0;
    display: block;
}

#bodywrapper #formSearchTop label {
    font-weight: normal;
}

#bodywrapper #formSearchTopA label {
    display: none;
}

#bodywrapper #formSearchTopA {
    margin: 0;
    padding: 0;

    display: block;
}

#bodywrapper #formSearchTop:hover {
}

#bodywrapper #formSearchTop p {
    margin: 0;
    padding: 0;
}

#bodywrapper #formSearchTop .text {
	height:20px
}

#bodywrapper #formSearchTop .gobutton {
    margin-left: 2px;
    vertical-align: bottom;
}

#bodywrapper #formSearchTop p.loginFormTopSection {
    margin: 0.2em 1.5em;
    padding: 0;
    clear: both;
    font-size: 90%;
    line-height: normal;
}

#bodywrapper #formSearchTopB {
    margin-top: 8px;
}

/******************************************************************************
*  links List
******************************************************************************/
#bodywrapper .links ul {
    margin: 0;
    padding: 0;
}

#bodywrapper .links li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
}

#bodywrapper .links li:hover {
    background-color: #eaeaea;
}

#bodywrapper .links .link {
    background: url( ../img/link.png ) no-repeat 0.5em 0.7em;
    padding: 0.5em;
    padding-left: 30px;
    display:block;
}

#bodywrapper .links .externallink {
    background: url( ../img/externallink.png ) no-repeat 0.5em 0.7em;
    padding: 0.5em;
    padding-left: 30px;
    display:block;
}

#bodywrapper .links .lastlink {
    border-bottom: none;
}

#bodywrapper .links a,
    #bodywrapper .links a:link,
    #bodywrapper .links a:visited {
    text-decoration: none;
}

#bodywrapper .links a:hover,
    #bodywrapper .links a:active {
    text-decoration: underline;
}

/******************************************************************************
*  documents List
******************************************************************************/
#bodywrapper span.docSize {
    font-size: 0.9em;
    margin-left: 0.2em;
    font-weight: normal;
}

#bodywrapper ul.document {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bodywrapper ul.links {
    margin: 0;
    padding: 0;
}

#bodywrapper li.document {
    margin: 0;
    padding: 0.5em;
    padding-left: 30px;
    list-style: none;
    display: block;
}

#bodywrapper li.document:hover {
}

#bodywrapper li.lastdocument {
    border-bottom: none;
}

#bodywrapper li.document .resume {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
    font-size: 0.9em;
    font-weight: normal;
}
#bodywrapper li.document .docsize {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
    font-size: 0.9em;
    font-weight: normal;
}
#bodywrapper li.document .date {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
    font-size: 0.9em;
    font-weight: normal;
}
#bodywrapper li.document a,
    #bodywrapper li.document a:link,
    #bodywrapper li.document a:visited {
    text-decoration: none;
    font-weight: bold;
}

#bodywrapper li.document a:hover,
    #bodywrapper li.document a:active {
    text-decoration: underline;
}

/******************************************************************************
*  summary
******************************************************************************/

#bodywrapper ul.summary {
    margin: 0;
    padding: 0;
    background-image: none;
    height: 1%;
    list-style: none;

}

#bodywrapper .summary li {
    margin: 0 0 0.5em 0;
    padding: 0.5em 0;
    background-image: none;
    width: 100%;
}

#bodywrapper .summary h4 a,
    #bodywrapper .summary h4 a:link,
    #bodywrapper .summary h4 a:visited {
    text-decoration: none;
}

#bodywrapper .summary h4 a:hover,
    #bodywrapper .summary h4 a:active {
    text-decoration: underline;
}

#bodywrapper .summary h4 {
    font-size: 1em;
    line-height: normal;
    margin: 0;
    padding: 0;
    border-bottom: none
}

#bodywrapper .summary img {
    float: left;
    margin-right: 0.5em;
    padding: 0;
    border: 1px solid #cccccc;
    width: 50px;
    height: 50px;
}

#bodywrapper .summary .summaryresume {
    line-height: normal;
    font-size: 90%;
    margin: 0;
    padding: 0;
}

/******************************************************************************
*  Template contact_form
******************************************************************************/
#bodywrapper .contactForm  p {
    clear: both;
}

#bodywrapper .contactForm {
    margin: 1em 0 0 0;
    overflow: hidden;
}

#bodywrapper .formMarginLeft {
    margin: 0 0 0 25%;
}

#bodywrapper .formMarginLeft p {
    overflow: hidden;
    margin: 0 1em 0 2em;
    padding: 2px;
}

#bodywrapper .formFloatLeft {
    float: left;
    padding-right: 0.5em;
}

#bodywrapper .contactForm fieldset {
    padding: 0.5em;
    border: 1px solid #cccccc;
    margin: 0.5em 0;
}

#bodywrapper .contactForm legend {
    font-size: 1em;
    color: #333333;
    padding: 0 0.5em;
    background: #fff url( ../img/contactformlegend.png ) repeat-x bottom left;
    border: 1px solid #cccccc;
    display: inline;
}

#bodywrapper .contactForm label.left {
    float: left;
    width: 25%;
    margin: 0 1em 0 1em;
    padding: 2px;
    text-align: right;
}

#bodywrapper .contactForm input[type="text"],
    #bodywrapper .contactForm textarea {
    width: 50%;
    border: 1px solid #cccccc;
    background: #fff url( ../img/bg-input.png ) repeat-x top left;
}

#bodywrapper .contactForm input[type="text"]:focus,
    #bodywrapper .contactForm textarea:focus {
    background: #eaeaea url( ../img/bg-input-on.png ) repeat-x top left;
}

#bodywrapper .divButton {
    text-align: center;
    margin: 0.5em 0;
	clear: both;
}

#bodywrapper .contactForm input.button {
    margin-left: 0.5em;
}

/******************************************************************************
*  Template search results
******************************************************************************/
#bodywrapper .resultsList ol {
    margin: 1em 1em 1em 3em;
}

#bodywrapper .resultsList li {
    margin-bottom: 1em;
    border-bottom: 1px solid #cccccc;
}

#bodywrapper .resultsList h4 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    border-bottom: none;
}

#bodywrapper .resultsList .resultslistDesc {

}

#bodywrapper .resultsList .resultsListFileType {
    font-size: 80%;
    padding: 0.2em;
    color: #ff6600;

    display: inline;
    margin: 0 0.2em;
}

#bodywrapper .resultsList .resultsListDate {
    font-size: 80%;
    color: #333333;
    display: inline;
    margin: 0 0.2em;
}

/*****************************************************************************	*
*  publicationSearchForm Form
******************************************************************************/
#bodywrapper div.publicationSearchForm {
    clear: both;
    margin: 1em auto;
    background: url( ../img/pressform.png ) repeat-x bottom left;
    border: 1px solid #cccccc;
    padding: 0.5em 0;
}

#bodywrapper .publicationSearchForm legend {
    display: none;
}

#bodywrapper .publicationSearchForm fieldset {
    border: none;
}

#bodywrapper .publicationSearchForm label {
    float: left;
    width: 25%;
    margin: 0 1em 0 1em;
    padding: 2px;
    text-align: right;
}

#bodywrapper .publicationSearchForm .field {
    width: 160px;
}

#bodywrapper .publicationSearchForm input[type="text"],
    #bodywrapper .publicationSearchForm textarea {
    width: 315px;
    border: 1px solid #cccccc;
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left;
}

#bodywrapper .publicationSearchForm input[type="text"]:focus,
    #bodywrapper .publicationSearchForm textarea:focus {
    background: #eaeaea url( ../img/bg-input-on.png ) repeat-x top left;
}

#bodywrapper .publicationSearchForm .divButton {
    text-align: center;
    margin: 0.5em 0;
	clear: both;
}

#bodywrapper .publicationSearchForm .contactForm input.button {
    margin-left: 0.5em;
}

#bodywrapper .publicationSearchForm {
    margin-bottom: 1em;
    clear: both;
}

/******************************************************************************
*  Publication List Title
******************************************************************************/

#bodywrapper .publicationTitle {
    float: left;
}

#bodywrapper div.publicationRss {
    float: right;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    margin: 0.4em 0.5em 0.4em 0.5em;
    padding: 0;
}

#bodywrapper .publicationRss a,
    #bodywrapper .publicationRss a:link,
    #bodywrapper .publicationRss a:visited {
    color: #ff6600;
    text-decoration: none;
    background: none;
    background: url( ../img/newsrss.png ) no-repeat top right;
    padding-right: 20px;
}

#bodywrapper .publicationRss a:hover,
    #bodywrapper .publicationRss a:active {
    color: #ff6600;
    text-decoration: underline;
}

/******************************************************************************
*  Publication generic
******************************************************************************/
#bodywrapper div.publicationListItem {
    width: 50%;
    float: left
}

#bodywrapper div.publicationListSpace {
    margin: 5px;
    padding: 5px;
    border: 1px solid #eaeaea;
}

#bodywrapper div.publicationPhoto {
    float: left;
    width: 48px;
    height: 48px;
    display: block;
    border: 1px solid #cccccc;
    overflow: hidden;
}

#bodywrapper .publicationAuthor {
    font-size: 85%;
    margin: 0;
}

#bodywrapper .publicationSource {
    font-size: 85%;
    margin: 0;
}

#bodywrapper .publicationDate {
    font-size: 85%;
    margin: 0;
}

#bodywrapper .publicationDescription {
    font-size: 85%;
    margin: 0;
}

#bodywrapper .publicationDescription {
    font-size: 85%;
    margin: 0;
}

#bodywrapper .publicationBody {
    margin: 0 0 0 60px;
}

#bodywrapper .publicationAction {
    font-size: 85%;
    color: #333333;
}

#bodywrapper .publicationAction a,
    #bodywrapper .publicationAction a:link,
    #bodywrapper .publicationAction a:visited {
    color: #ff6600;
    margin-right: 0.5em;
}

#bodywrapper .publicationAction a:hover,
    #bodywrapper .publicationAction a:active {
    text-decoration: underline;
}

#bodywrapper a.publicationDownload {
    background: transparent url( ../img/publicationdownload.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper span.publicationDocSize {
    font-size: 80%;
    margin-left: 0.2em;
    font-weight: normal
}

/*****************************************************************************	*
*  jobsSearchForm Form
******************************************************************************/
#bodywrapper div.jobsSearchForm {
    clear: both;
    margin: 1em auto;
    background: url( ../img/pressform.png ) repeat-x bottom left;
    border: 1px solid #cccccc;
    padding: 0.5em 0;
}

#bodywrapper .jobsSearchForm legend {
    display: none;
}

#bodywrapper .jobsSearchForm fieldset {
    border: none;
}

#bodywrapper .jobsSearchForm label {
    float: left;
    width: 200px;
    margin: 0 1em 0 1em;
    padding: 2px;
    text-align: right;
}

#bodywrapper .jobsSearchForm .field {
    width: 25%;
}

#bodywrapper .jobsSearchForm input[type="text"],
    #bodywrapper .jobsSearchForm textarea {
    width: 315px;
    border: 1px solid #cccccc;
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left;
}

#bodywrapper .jobsSearchForm input[type="text"]:focus,
    #bodywrapper .jobsSearchForm textarea:focus {
    background: #eaeaea url( ../img/bg-input-on.png ) repeat-x top left;
}

#bodywrapper .jobsSearchForm .divButton {
    text-align: center;
    margin: 0.5em 0;
	clear: both;
}

#bodywrapper .jobsSearchForm .contactForm input.button {
    margin-left: 0.5em;
}

#bodywrapper .jobsSearchForm {
    margin-bottom: 1em;
    clear: both;
}

/******************************************************************************
*  job item
******************************************************************************/
#bodywrapper .jobLabel {
    font-weight: bold;
}

#bodywrapper .jobtxt {

}

#bodywrapper .jobInfo {
    border: 1px solid #cccccc;
    float: right;
    padding: 10px;
    margin: 0 0 0.5em 0.5em;
    width: 200px;
    font-size: 0.85em;
}

#bodywrapper .jobAction {
    font-size: 85%;
    font-weight: bold;
    color: #ff6600;
    margin-top: 15px;
}

#bodywrapper .jobAction a,
    #bodywrapper .jobAction a:link,
    #bodywrapper .jobAction a:visited {
    color: #ff6600;
    margin-right: 0.5em;
}

#bodywrapper .jobAction a:hover,
    #bodywrapper .jobAction a:active {
    text-decoration: underline;
}

#bodywrapper a.jobApply {
    float: right;
    background: transparent url( ../img/jobapply.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

#bodywrapper a.returnLink {
    float: left;
    background: transparent url( ../img/returnjobslist.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

/*****************************************************************************	*
*  jobsApplyForm
******************************************************************************/
#bodywrapper div.jobsApplyForm {
    clear: both;
    margin: 1em auto;
    background: url( ../img/pressform.png ) repeat-x bottom left;
    border: 1px solid #cccccc;
    padding: 0.5em 0;
}

#bodywrapper .jobsApplyForm legend {
    display: none;
}

#bodywrapper .jobsApplyForm fieldset {
    border: none;
}

#bodywrapper .jobsApplyForm label {
    float: left;
    width: 200px;
    margin: 0 1em 0 1em;
    padding: 2px;
    text-align: right;
}

#bodywrapper .jobsApplyForm .field {
    width: 25%;
}

#bodywrapper .jobsApplyForm input[type="text"],
    #bodywrapper .jobsApplyForm textarea {
    width: 315px;
    border: 1px solid #cccccc;
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left;
}

#bodywrapper .jobsApplyForm input[type="text"]:focus,
    #bodywrapper .jobsApplyForm textarea:focus {
    background: #eaeaea url( ../img/bg-input-on.png ) repeat-x top left;
}

#bodywrapper .jobsApplyForm .divButton {
    text-align: center;
    margin: 0.5em 0;
    clear: both;
}

#bodywrapper .jobsApplyForm input.button {
    margin-left: 0.5em;
}

#bodywrapper .jobsApplyForm {
    margin-bottom: 1em;
    clear: both;
}

/******************************************************************************
*  Tabs
******************************************************************************/
#bodywrapper .tab,
    #bodywrapper .tab caption {
    margin: auto;
    line-height: 1.9em;
}

#bodywrapper .tab a, #bodywrapper .tab a.visited {
color: #FF0000;
}

#bodywrapper .tab {
    border-collapse: separate;
    border-spacing: 1px;
    empty-cells: hide;
    margin-bottom: 1em;
    background-color: #ffffff;
}

#bodywrapper .tab caption {
    color: #ff6600;
    font-weight: normal;
    font-size: 2em;
    margin: 0;
    padding: 0;
}

#bodywrapper .tab th {
    color: #333333;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 1px;
    padding-left: 0.5em;
}

#bodywrapper .tab td {
    padding-left: 0.5em;
}

#bodywrapper .tab .odd td {
    color: #FFFFFF;
    background-color: #6E6E6E;
}

#bodywrapper .tab .even td {
    color: #333333;
    background-color: #D2D2D2;
}

#bodywrapper .tab tfoot td {
    font-size: 0.8em;
    color: #666666;
    letter-spacing: 1px;
}

/******************************************************************************
* Get Flash
******************************************************************************/
#bodywrapper .flashcontent {
    border: 1px solid #ff6600;
    padding: 10px;
    margin-bottom: 10px;
    clear: both;
    position: relative;
    height: 1%;
}

/******************************************************************************
* Sitemap
******************************************************************************/
#bodywrapper div #sitemap {
    margin: 10px 0;
}

#bodywrapper #sitemap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bodywrapper #sitemap li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bodywrapper #sitemap a,
    #bodywrapper #sitemap a:link,
    #bodywrapper #sitemap a:visited {
    display: block;
    text-decoration: none;
    height: 1%;
    background: none;
    color: #333333;
    margin: 0;
    padding: 0;
}

#bodywrapper #sitemap a:hover,
    #bodywrapper #sitemap a:active {
    background: none;
    color: #ff6600;
}

#bodywrapper #sitemap .level_1 a,
    #bodywrapper #sitemap .level_1 a:link,
    #bodywrapper #sitemap .level_1 a:visited {
    padding: 0 2px 0 10px;
    background: #eaeaea url( ../img/bg-sitemap-L1.png ) no-repeat 2px 50%;
    margin: 1px 0;
    font-weight: bold;
    display: block;
    text-decoration: none;
    height: 1%;
    color: #333333;
    margin: 0;
}

#bodywrapper #sitemap .level_1 a:hover,
    #bodywrapper #sitemap .level_1 a:active {
    color: #ff6600;
}

#bodywrapper #sitemap .level_2 a,
    #bodywrapper #sitemap .level_2 a:link,
    #bodywrapper #sitemap .level_2 a:visited {
    background: none;
    padding: 0 2px 0 10px;
    background: url( ../img/bg-sitemap-L2.png ) no-repeat 2px 50%;
    border-bottom: none;
    font-weight: bold;
    line-height: normal;
}

#bodywrapper #sitemap .level_2 a:hover,
    #bodywrapper #sitemap .level_2 a:active {
    color: #ff6600;
}

#bodywrapper #sitemap .level_3 a,
    #bodywrapper #sitemap .level_3 a:link,
    #bodywrapper #sitemap .level_3 a:visited {
    padding: 0 2px 0 20px;
    background: url( ../img/bg-sitemap-L3.png ) no-repeat 10px 50%;
    font-size: 90%;
    font-weight: bold;
    line-height: normal;
}

#bodywrapper #sitemap .level_3 a:hover,
    #bodywrapper #sitemap .level_3 a:active {
    color: #ff6600;
}

#bodywrapper #sitemap .level_4 a,
    #bodywrapper #sitemap .level_4 a:link,
    #bodywrapper #sitemap .level_4 a:visited {
    padding: 0 2px 0 30px;
    background: url( ../img/bg-sitemap-L4.png ) no-repeat 20px 50%;
    font-size: 85%;
    font-weight: bold;
    line-height: normal;
}

#bodywrapper #sitemap .level_4 a:hover,
    #bodywrapper #sitemap .level_4 a:active {
    color: #ff6600;
}

#bodywrapper #sitemap .level_5 a,
    #bodywrapper #sitemap .level_5 a:link,
    #bodywrapper #sitemap .level_5 a:visited {
    padding: 0 2px 0 40px;
    background: url( ../img/bg-sitemap-L5.png ) no-repeat 30px 50%;
    font-size: 80%;
    font-weight: normal;
    line-height: normal;
}

#bodywrapper #sitemap .level_5 a:hover,
    #bodywrapper #sitemap .level_5 a:active {
    color: #ff6600;
}

/******************************************************************************
*  video
******************************************************************************/
#bodywrapper div.clip {
    margin-bottom: 0.5em;
}

/******************************************************************************
*  Code
******************************************************************************/
#bodywrapper code,
    #bodywrapper .code {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    color: #333333;
    background-color: #eaeaea;
    padding: 0 0.5em;
}

/******************************************************************************
*  Home shortcuts
******************************************************************************/
#bodywrapper ul.homeShortcuts {
    margin: 0.5em 0;
    padding: 0;
    list-style: none;
}

#bodywrapper .homeShortcuts li {
    margin: 0;
    padding: 0.5em 0;
    border-bottom: 1px solid #cccccc;
    font-weight: bold
}

#bodywrapper .homeShortcuts li:hover {
    background-color: #eaeaea;
    border-bottom: 1px solid #cccccc;
}

/******************************************************************************
*  loginForm
******************************************************************************/
#bodywrapper .loginForm fieldset {
    border: 1px solid #333;
    padding: 0.5em;
    margin: 0.5em 0;
}

#bodywrapper .loginForm legend {
    display: none;
}

#bodywrapper .loginForm h3 {
    background: url( ../img/login.png ) no-repeat;
    padding-left: 24px;
    line-height: 1.6em;
    margin: 0;
}

#bodywrapper .loginForm .username,
    #bodywrapper .loginForm .password {
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left;
    margin-top: 2px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #333333;
    width: 95%;

}

#bodywrapper .loginForm .username:focus,
    #bodywrapper .loginForm .password:focus {
    background: #99ccff url( ../img/bg-input-on.png ) repeat-x top left;
    color: #333333;
}
#bodywrapper .loginForm .loginRedirectChoice{
    width: 96%;
}

#bodywrapper .loginForm .remember {

}

#bodywrapper .loginForm .rememberLabel {
    font-weight: normal;
    font-size: 80%;
}

#bodywrapper .loginForm .remember {
    float: left;
}

#bodywrapper .loginForm .button {
}

#bodywrapper .error {
    color: red;
}

/******************************************************************************
* my settings  GXT
******************************************************************************/
#bodywrapper .x-btn {
}

#bodywrapper .x-btn-left {
    display: none;
}

#bodywrapper .x-btn-text {
    color: #333333 !important;
}

#bodywrapper .x-btn-center {
    background: #ffffff url( ../img/bg-button.png ) repeat-x bottom left;
    border: 1px solid #999999;
    color: #333333;
    text-transform: uppercase;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    text-align: center;
    font-size: 80%;
    padding: 2px 5px 3px 5px;
}

#bodywrapper .x-btn-right {
    display: none
}

#bodywrapper .x-btn-over .x-btn-center {
    cursor: pointer;
    background: #ffffff url( ../img/bg-button-on.png ) repeat-x top left;
    color: #ff6600;
}

#bodywrapper .x-item-disabled .x-btn-text {
    color: #666666 !important;
}

#bodywrapper .mySettings-gxt .x-panel-footer {
    margin-top: 15px;
}

#bodywrapper .x-form-text {
    height: 17px;
}

#bodywrapper .x-form-field {
    height: 17px;
}

#bodywrapper input.x-form-field {
    margin-top: 0px !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    background: #ffffff url( ../img/bg-input.png ) repeat-x top left !important;
}

#bodywrapper  input.x-form-focus {
    background: #99ccff url( ../img/bg-input-on.png ) repeat-x top left !important;
    color: #000000 !important;
}

#bodywrapper #mysettings {
    margin: 10px 0 10px 15px;
}

#bodywrapper .maincontent {
    margin-top: 20px;
}

/******************************************************************************
*  Preferences
******************************************************************************/
#bodywrapper div.preferences {
    border: 1px solid #cccccc;
    background-color: #eaeaea;
    padding: 5px;
    font-size: 90%;
    line-height: 100%;
    margin: 1em 0;
}

#bodywrapper .preferences p {
    margin: 0;
    padding: 0
}

#bodywrapper .preferences h2 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
}

#bodywrapper .preferences .preference-item .preference-label {
    font-weight: bold;
}

/******************************************************************************
*  Calendar in template Events
******************************************************************************/
#bodywrapper .box2 .x-date-picker {
    margin-left: 40px;
}
/******************************************************************************
*  theme selector if provided to visitors
******************************************************************************/
#bodywrapper .themeSelector {
    margin: 0.5em 0;
}

/******************************************************************************
*  theme selector if provided to visitors
******************************************************************************/
#images-view {
	color:#000000;
	}