/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writingl
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

/* Site-wide action menu - font size, contact, index, sitemap etc */

/*---style des info-bulles perso---*/

#portal-colophon .colophonIconCommunesplone {
background: url(http://www.orpjauche.be/communesplonepowered.gif);
}

.pictos {
align: center;
position: relative;
background: url(http://www.orpjauche.be/picto_fond.gif);
background-repeat: no-repeat;
width: 167px;
height: 30px;
float: right;
top: -34px;
margin-right: 0.5em;
padding-top: 5px;
}

#sections {
margin-left: 5px;
margin-top: 10px;
width: 581px;
height: 105px;
backgroung-repeat: no-repeat;
padding: 3px 0 0 0;
}

.ts11 {
background: url(http://www.orpjauche.be/fonds-sections/ts11.jpg);  /* illustration des sections */
}

.ts12 {
background: url(http://www.orpjauche.be/fonds-sections/ts12.jpg);
}

.ts13 {
background: url(http://www.orpjauche.be/fonds-sections/ts13.jpg);
}

.ts14 {
background: url(http://www.orpjauche.be/fonds-sections/ts14.jpg);
}

.ts21 {
background: url(http://www.orpjauche.be/fonds-sections/ts21.jpg);
}

.ts22 {
background: url(http://www.orpjauche.be/fonds-sections/ts22.jpg);
}

.ts23 {
background: url(http://www.orpjauche.be/fonds-sections/ts23.jpg);
}

.ts24 {
background: url(http://www.orpjauche.be/fonds-sections/ts24.jpg);
}

.ts25 {
background: url(http://www.orpjauche.be/fonds-sections/ts25.jpg);
}

.ts31 {
background: url(http://www.orpjauche.be/fonds-sections/ts31.jpg);
}

.ts32 {
background: url(http://www.orpjauche.be/fonds-sections/ts32.jpg);
}

.ts33 {
background: url(http://www.orpjauche.be/fonds-sections/ts33.jpg);
}

.ts34 {
background: url(http://www.orpjauche.be/fonds-sections/ts34.jpg);
}

.ts35 {
background: url(http://www.orpjauche.be/fonds-sections/ts35.jpg);
}

.ts41 {
background: url(http://www.orpjauche.be/fonds-sections/ts41.jpg);
}

.ts42 {
background: url(http://www.orpjauche.be/fonds-sections/ts42.jpg);
}

.ts43 {
background: url(http://www.orpjauche.be/fonds-sections/ts43.jpg);
}

.ts44 {
background: url(http://www.orpjauche.be/fonds-sections/ts44.jpg);
}

#flash {
background-color: #eeeeee;
height: 500px;
width: 700px;
}

.hiddenStructure {
  border: medium none ;
  margin: 0px 0pt 0pt 0px;
  padding: 0pt;
  background: transparent none repeat scroll 0%;
  overflow: hidden;
  display: block;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  height: 0px;
  width: 0px;
  }

/* page d'accueil */

.ligneverticale1 {
height: 100%;
background-image: url(http://www.orpjauche.be/lv.gif);
background-repeat: repeat-y;
background-position: 50% 50%;
border-top: 10px solid white;
}

.ligneverticale {
height: 100%;
background-image: url(http://www.orpjauche.be/lv.gif);
background-repeat: repeat-y;
background-position: 50% 0%;
}

.titre {
color: #3d34ed;
padding: 5px 0 7px 5px;
}

.actus {
background-image: url(http://www.orpjauche.be/fond_en_bref.gif);
background-repeat: repeat-x;
padding: 4px 10px 10px 10px;
border: 1px solid #eeeeee;
}

.actus2 {
background-image: url(http://www.orpjauche.be/fond_en_bref.gif);
background-repeat: repeat-x;
padding: 4px 10px 10px 5px;
border: 1px solid #eeeeee;
}

/* fin page d'accueil */

#top-vague {                 /* ligne à droite du logo */
background-color: #d1c8bf;
border-top:1px solid white;
line-height:12px;
height: 12px;
padding-right:5px;
padding-top: 0;
padding-left: 0;
padding-bottom: 0;
position:relative;
text-align:right;
top:93px;
}

.top-vague a {
color: #8a627b;
text-decoration: none;
line-height: 12px;
height: 12px;
}

.top-courbe {                               /* image top droit */
background-image: url(http://www.orpjauche.be/courbe.png);
background-repeat: no-repeat;
background-position: top right;
width: 190px;
height: 100px;
position: absolute;
top: 0px;
right: 0px;
z-index: 1005;
padding: 0em 0em 0em 0em;
margin-bottom: 0px;
}

#portletthemesid1 {
position: absolute;
top: 108px;
left: 163px;
padding: 0.1em 0.4em 0.3em 0.2em;
}

#portletthemesid1 a{
color: #fff3f3;
cursor: help;
}

#portletthemesid2 {
position: absolute;
top: 126px;
left: 163px;
padding: 0.1em 0.4em 0.3em 0.2em;
}

#portletthemesid2 a{
color: #fff3f3;
cursor: help;
}

#portletthemesid3 {
position: absolute;
top: 144px;
left: 163px;
padding: 0.1em 0.4em 0.3em 0.2em;
}

#portletthemesid3 a{
color: #fff3f3;
cursor: help;
}

#portletthemesid4 {
position: absolute;
top: 162px;
left: 163px;
padding: 0.1em 0.4em 0.2em 0.2em;
}

#portletthemesid4 a{
color: #fff3f3;
cursor: help;
}

a.portletthemesinfo1 {
text-decoration: none;
color: black;
align: right;
}

a.portletthemesinfo1 span {
display: none;
}

a.portletthemesinfo1:hover,a.info:focus,a.info:active {
background: none; /* correction d'un bug IE */
}

a.portletthemesinfo1:hover span,a.info:focus span,a.info:active span {
display: inline;
position: absolute;
top: 0px;
z-index: 500;
margin:0em 0 0 1em;
background: #a5d4fe;
text-align: left;
color: black;
padding: 0.5em 1em 0.5em 1em;
border: 1px solid #38a8fe;
width: 150px;
}

a.portletthemesinfo2 {
text-decoration: none;
color: black;
}

a.portletthemesinfo2 span {
display: none;
}

a.portletthemesinfo2:hover,a.info:focus,a.info:active {
background: none;                    /* correction d'un bug IE */
}

a.portletthemesinfo2:hover span,a.info:focus span,a.info:active span {
display: inline;
position: absolute;
top: -18px;
z-index: 500;
margin: 0em 0 0 1em;
background: #fadd99;
text-align: left;
color: black;
padding: 0.5em 1em 0.5em 1em;
border: 1px solid #f6bc2c;
width: 150px;
}

a.portletthemesinfo3 {
text-decoration: none;
color: black;
}

a.portletthemesinfo3 span {
display: none;
}

a.portletthemesinfo3:hover,a.info:focus,a.info:active {
background: none;                /* correction d'un bug IE */
}

a.portletthemesinfo3:hover span,a.info:focus span,a.info:active span {
display: inline;
position: absolute;
top: -36px;
z-index: 500;
margin:0em 0 0 1em;
background: #d3f094;
text-align: left;
color: black;
padding: 0.5em 1em 0.5em 1em;
border: 1px solid #abdd30;
width: 150px;
}

a.portletthemesinfo4 {
text-decoration: none;
color: black;
}

a.portletthemesinfo4 span {
display: none;
}

a.portletthemesinfo4:hover,a.info:focus,a.info:active {
background: none;                 /* correction d'un bug IE */
}

a.portletthemesinfo4:hover span,a.info:focus span,a.info:active span {
display: inline;
position: absolute;
top: -54px;
z-index: 500;
margin:0em 0 0 1em;
background: #f4b89f;
text-align: left;
color: black;
padding: 0.5em 1em 0.5em 1em;
border: 1px solid #ee6f3b;
width: 150px;
}

/*.tsc {                                         titre section commune
line-height: 2em;
background-color: #73c2fe;
padding: 0.25em 0em 0.25em 0.5em;
margin: 0em 0em 1em 0em;
}
*/

/*
.tsco {                                      titre section communication
line-height: 2em;
background-color: #f8c957;
padding: 0.5em 0em 0.5em 0.5em;
margin: 0;
}
*/

/*
.tsl {                                         titre section loisirs
line-height: 2em;
background-color: #bce559;
padding: 0.5em 0em 0.5em 0.5em;
margin: 0;
}
*/

/*.tse {                                         titre section economie
line-height: 2em;
font-size: 3;
background-color: #fa9375;
padding: 0.5em 0em 0.5em 0.5em;
margin: 0;
color: #333333;
}

.tse a {
font-size: 3;
}
*/


.tf .actionMenuContent a {
display: block;
}

.tf {
border-left: 10px solid #38a8fe;
margin-left: 0em;
margin-right: 0em;
margin-top: 0px;
margin-bottom: 2px;
line-height: 1.5em;
font-family: verdana;
font-size: 13px;
letter-spacing: 0;
background-color: #826990;
width: 128px;
display: block;
}

.tf a {
padding-left: 0.3em;
display: block;
margin: 0;
border-color: white;
color: #ffffff;
width: 134px;
text-decoration: none;
}

.tf a:hover {
padding-left: 0.3em;
color: #ffffff;
background: #38a8fe;
width: 135px;
display: block;
text-decoration: none;
}

.myimageleft {
float: left;
clear: both;
}

.myimageright {
float: right;
clear: both;
}

.stat {
background-repeat: no-repeat;
}

#bordblanc {
background: #ffffff;
height: 2px;
line-height: 2px;
}

#test {
width: 100% !important;
}

.portletthemes1 .actionMenuContent a {
display: block;
}

.portletthemes1 {
border-left: 10px solid #38a8fe;
margin-left: 0em;
margin-right: 0em;
margin-top: 0px;
margin-bottom: 1px;
line-height: 1.5em;
font-family: verdana;
font-size: 11px;
text-align: justify;
letter-spacing: 0;
width: 171px;
height: 17px; 
display: block;
}

.portletthemes1 a {
text-transform: uppercase;
display: block;
margin: 0;
border-color: white;
color: #ffffff;
width: 167px;
height: 17px;
padding-left: 0.4em;
background-color: #875f79;
}

.portletthemes1 a:hover {
padding-left: 0.4em;
color: #ffffff;
background: #38a8fe;
display: block;
}

.portletthemes2 .actionMenuContent a {
display: block;
}

.portletthemes2 {
border-left: 10px solid #f6bc2c;
margin-left: 0em;
margin-right: 0em;
margin-top: 0px;
margin-bottom: 1px;
line-height: 1.5em;
font-family: verdana;
font-size: 11px;
text-align: justify;
letter-spacing: 0;
width: 171px;
height: 17px; 
display: block;
}

.portletthemes2 a {
text-transform: uppercase;  
margin: 0;         
display: block;
border-color: white;
color: #ffffff;
width: 167px;
padding-left: 0.4em;
background-color: #8b637d;
}

.portletthemes2 a:hover {
padding-left: 0.4em;
display: block;
color: #ffffff;
background-color: #f6bc2c;
}

.portletthemes3 .actionMenuContent a {
display: block;
}

.portletthemes3 {
border-left: 10px solid #abdd30;
margin-left: 0em;
margin-right: 0em;
margin-top: 0px;
margin-bottom: 1px;
line-height: 1.5em;
font-family: verdana;
font-size: 11px;
letter-spacing: 0;
width: 171px;
height: 17px; 
display: block;
}

.portletthemes3 a {
text-transform: uppercase;
display: block;
margin: 0;
border-color: white;
color: #ffffff;
width: 167px;
padding-left: 0.4em;
background-color: #976c87;
}

.portletthemes3 a:hover {
padding-left: 0.4em;
color: #ffffff;
background: #abdd30;
width: 167px;
display: block;
}

.portletthemes4 .actionMenuContent a {
display: block;
}

.portletthemes4 {
border-left: 10px solid #ee6f3b;
margin-left: 0em;
margin-right: 0em;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.5em;
font-family: verdana;
font-size: 11px;
letter-spacing: 0;
text-align: justify;
width: 161px;
height: 17px; 
display: block;
}

.portletthemes4 a {  
text-transform: uppercase;                          
display: block;
margin: 0;
border-color: white;
color: #ffffff;
width: 167px;
padding-left: 0.4em;
background-color: #99718b;
}

.portletthemes4 a:hover {
padding-left: 0.4em;
color: #ffffff;
background: #ee6f3b;
display: block;
}

.basaccueil {
border-left: 10px solid #826990;
height: 2px;
padding-top: 0;
margin-top: 0;
background: #826990;
width: 171px;
line-height: 3px;
background-align: top;
}

.bascommune {
height: 1px;
background: white;
margin-right: 0px;
width: 181px;
line-height: 1px;
}

.bascommunication {
height: 1px;
background: white;
margin-right: 0px;
width: 181px;
line-height: 1px;
}

.basloisirs {
height: 1px;
background: white;
margin-right: 0px;
width: 181px;
line-height: 1px;
}

.baseconomie {
height: 1px;
background: white;
margin-right: 0px;
width: 181px;
line-height: 1px;
}

.basfocus {
height: 1px;
background: #b45b5f;
margin-right: 0px;
width: 178px;
line-height: 1px;
}

.page {
background: #ffffff;
}

.ligne {
border-bottom-color: white;
border-bottom-style: dotted;
border-bottom-width: 2px;
width: 100%;
height: 2px;
h-align: center;
}

.pointilles {
background: url(http://www.orpjauche.be/pointilles.jpg) repeat-x;
background-position: middle;
}

.footers {
background: #89617a url(http://www.orpjauche.be/ligne_footer.gif) repeat-x;
background-position: bottom;
line-height: 15px;
margin: 0em 0em 0em 0em;
}

/*.basvie {
background-image: url(http://www.orpjauche.be/bas_portlet_focus.jpg);
background-repeat: no-repeat;
line-height: 1.6em;
width: 177px;
}*/


/* debut navigation focus */

#portlet-focus .actionMenu.activated .actionMenuHeader a, #portlet-focus .actionMenu.deactivated .actionMenuHeader a {
  padding: 1px 1.75em 1px 4px ! important;
  background-image: url(http://www.orpjauche.be/focus_puce1.gif);
  background-repeat: no-repeat;
  background-position: 94.5% 60%;
  background-color: #f5e9e9;
  cursor: pointer;
  /*border: 1px solid #dee7ec; bordure firefox*/
}

#portlet-focus .actionMenu.activated .actionMenuHeader a, #portlet-focus .actionMenu.deactivated .actionMenuHeader a:hover {
  padding: 0pt 1.75em 0pt 3px ! important; 
  background-image: url(http://www.orpjauche.be/focus_puce2.gif);
  background-repeat: no-repeat;
  background-position: 96% 60%;
  cursor: pointer;
  border: 1px solid #eedadb  !important;
  background-color: #fff3f3;
  display: block;
  width: 11.4em;
}

#portlet-focus{
padding: 0em 0em 0em 0em;
margin: 1em 0em 0em 0em !important;
width: 167px;
}

#portlet-focus .portletItem {
font-size: 110%;
background-color: #f5e9e9;
width: 167px;               
margin-right: 0px;
padding: 0.2em 0em 0.2em 0em;
border-left: 10px solid #b45b5f;
border-right: 1px solid #b45b5f;
}

#portlet-focus .portletItem .od {
padding-left: 1em;
}


#portlet-focus .actionMenuContent {
    border: 1px solid #b45b5f;
    background-color: #f5e9e9;            
    padding: .2em .4em .2em .2em;
    margin-top: 3px;
    position: absolute;
    top: 0px;
    left: 171px !important;
    width: 175px;
    line-height: 1em;
    z-index: 10;
    display: block;
}

#portlet-focus .actionMenuContent a {
    padding: .2em;
    z-index: 4;
    border: 1px solid #f5e9e9 !important; /*bordure firefox*/
    display: block;
}

#portlet-focus .actionMenuContent a:hover {
    border: 1px solid #eedadb !important; /*bordure firefox*/
    z-index: 4;
    background: #fff3f3;
    color: #737270 !important;
    margin-right: 0px;
    width: 13.6em; 
    display: block;           
}

dd.portlet-focus {
margin: 0;
padding: 0;
}

dl.portlet-focus {
margin: 0;
padding: 0;
}

dl.portlet-focus a {
text-decoration: none;
font-size:100%;
color: #737270;                    /*texte focus*/
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 2px;          /* décalage texte pour arrière plan */
}

dl.portlet-focus a:hover {
text-decoration: none;
color: #737270 !important;
background: transparent;
}

.portlet-focusHeader {
background-color: #dee7ec;
border: 1px solid #8cacbb;
padding: 0em 1em;
text-transform: normal;
font-weight: 110%;
line-height: 1em;
whidth: 150px;
}

.portlet-focusHeader a {
color: Black;
}


.portlet-focus Item {
margin: 0;
padding: 0em 0em 0em 0em !important;
border-left: 1px solid #8cacbb;
border-right: 1px solid #8cacbb;
}

.portlet-focusItemSingle {
margin: 0;
padding: 0;
border: 1px solid #8cacbb;
border-top: none;
}

dd.portlet-focusItemLast {
margin: 0;
padding: 0;
border: 1px solid #8cacbb;
border-top-style: none;
}


/*.portlet-focusItem a {

}
*/

.portlet-focusItemDetails {
text-align: right;
display: block;
color: Black;
}

dd.portlet-focusFooter {
background-color: #eef3f5;
margin: 0;
padding: 0em;
border: 1px solid #8cacbb;
text-align: right;
}


/*fin navigation focus*/


/*.documentActions ul {
  margin: 1px 0pt 2px;
  padding: 0pt;
  display: block;
  }
*/


#portal-footer {
  border-top: 0px;
  border-bottom: 0px;
  margin: 0;
  padding: 0;
  float: none;
  line-height: 1em;
  text-align: center;
}

#portal-footer p {
margin: 0.25em 0;
}

#portal-footer a {
text-decoration: none;
color: #436976;
border: none;
}

#portal-footer a:visited {
color: #436976;
}

#portal-footer a:hover {
text-decoration: underline;
}

#portal-colophon {
float: none;
margin: 2em 0em 1.5em 0em;
padding: 0;
text-align: center;
}

#top {
width: 100%
}

#top-left {
width: 181px;
padding: 0;
margin: 0;
}

#portal-heading {
background-position: 181px 0px;
background-repeat: repeat-x;
border: 0;
background-color: #ddd3ca;
height: 106px;
margin: 0;
padding: 0;
}

.topdiv {
background: transparent;
width: 100%;
}

#top-right {
width: 10em;
vertical-align: top;
}

#content {
  margin: 0em 0em 2em;
  padding: 0em 1em 0pt ! important;  /*Contenu de la page*/
}

.bordure,
.stx table {
/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
border-collapse: collapse;
border: 1px;
font-size: 85%;
margin: 1em 0em 1em 0em;
}

.bordure th,
.stx table th {
background: #dee7ec;
border-top: 1px solid #8cacbb;
border-bottom: 1px solid #8cacbb;
border-right: 1px solid #8cacbb;
font-weight: normal;
padding: 0.25em 1em;
text-transform: normal;
}

.bordure .top {
border-left: 1px solid White;
border-top: 1px solid White ! important;
border-right: 1px solid White ! important;
text-align: right ! important;
padding: 0em 0em 1em 0em;
}

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

.bordure td,
.stx table td {
border-right: 1px solid #8cacbb;
padding: 0.25em 1em;
}

.bordure a {
text-decoration: none;
}

.bordure a:hover {
text-decoration: underline;
}

.bordure img {
vertical-align: middle;
}

/* Vertical addition class */

.vertical th {
padding: 0.5em;
}

.vertical td {
border-top: 1px solid #8cacbb;
padding: 0.5em;
}

#ligne {
color: #8a89b3;
background-color: #8a89b3;
height: 1px;
border: 0;
}

#portal-breadcrumbs {
/* The path bar, including breadcrumbs and add to favorites */
font-size: 120%;
border-bottom: 1px solid #8a8987 !important;
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
padding-left: 0em;
padding-right: 0em;
padding-bottom: 0px;
text-transform: normal;
line-height: 1.2em;
}

#portal-breadcrumbs a {
text-decoration: none;
}

.breadcrumbSeparator {
font-size: 100%;
}

h1, h2, h3, h4, h5, h6, h7 {
color: Black;
background-color: transparent;
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
font-weight: normal;
/*border-bottom: 1px solid #8cacbb;*/
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,

h1:first-letter {
font-size: 130%;
color: #a96467;
}

h1 {
margin: 0pt 0pt 0.25em;
line-height: 2,9em;
font-size: 160%;
color: #8a8987;
text-align: middle left;
letter-spacing: <longueur>;
padding-top: 0.25em;
border-bottom-style: solid;
border-bottom-width: 1px !important;
border-bottom-color: #8a8987 !important;
border-bottom-style: solid;
padding-bottom: 0.3em;
}

h2 {
font-size: 130%;
border-bottom: none;
font-weight: bold;
color: #ab6467;
}

h3 {
background: url(http://www.orpjauche.be/h3.gif) top left no-repeat;
background-position: center left;
font-size: 130%;
margin: 0.5em 0 0.25em 0;
padding-left: 1.2em;
color: #ab6467;
border-bottom-width: 0px;
font-weight: normal;
text-align: left;
}

h4 {
background: url(http://www.orpjauche.be/h4.gif) top left no-repeat;
background-position: center left;
font-size: 130%;
margin: 0.5em 0 0.25em 0;
padding-left: 1.75em;
color: #ab6467;
border-bottom-width: 0px;
font-weight: normal;
text-align: left;
}

h5 {
font-size: 100%;
color: #ab6467;
border-bottom: none;
font-weight: bold;
padding: 0;
margin: 5px 0 0 0;
}

#content h5 {
color: #ab6467;
}

h6 {
font-size: 120%;
border-bottom: none;
font-weight: normal;
padding: 0;
margin: 0;
font-variant: small-caps;
}

#content h6 {
color: #325c75;
}

h7 {
font-size: 125%;
border-bottom: none;
font-color: #ffffff;
font-weight: bold;
}

.visualIconPadding {
  padding-left: 18px;
  margin-left: -1px;
  margin-bottom: 1px;
  min-height: 1.6em;
  height: auto;
  line-height: 1.6em;
}

.portletNavigationTree {
margin: 0em 0em 0em 0em; 
padding: 0;      
list-style: none; 
list-style-image: none; 
line-height: 1em;
}

#portlet-navigation-tree {
border: 0;
padding: 0;   
margin: 0 0 0 0.5em;
}

#portlet-navigation-tree .portletHeader {
display: none;
}

#portlet-navigation-tree a {  /*texte de toutes les lignes*/
color: #474e54;
font-weight: bold;
display: block;
}

#portlet-navigation-tree a:hover {  /*texte de toutes les lignes*/
color: #474e54;
background-color: white;
font-weight: bold;
}

#portlet-navigation-tree .portletItemSingle {   /* tout le portlet */
margin: 0;
padding: 0em 0em 0em 0em;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
background: transparent;
width: 15em;
}

#portlet-navigation-tree .portletItem {
background: transparent;
border: 0;
width: 15em;   
}

.navTree {
list-style: none; 
list-style-image: none; 
margin-top: 1px;
}

.navTree li {
margin-bottom: 1px;
}

.navTreeItem {        /*chaque ligne au complet*/
display: block;
padding: 0;
margin: 0em 0em 0em 0em;
}

.navTreeItem a {
border: 0px !important;
display: block;
text-decoration: none;
padding-top: 0.2em;
padding-bottom: 0.25em;
}

.navTreeCurrentItem {
background-color: white;
color: #436976;
border: 1px solid #8cacbb !important;
}

.navTreeCurrentItem a {
color: white !important;
border: 1px solid #8cacbb;
}

.navTreeCurrentItem a:hover {
color: white !important;
border: 1px solid #8cacbb;
}

li.navTreeCurrentItem {
display: block;
padding: 0 0 0 1px;
margin: 0 0 2px -1px;
}

li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover {
display: block;
border: 1px solid #dee7ec;
min-height: 1.6em;
line-height: 1.6em;
height: auto;
}

/* Another workaround for broken Internet Explorer */

* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
height: 1.6em;
}

.navTreeLevel0 { margin: 0; }
.navTreeLevel1 { margin-left: 1em; }
.navTreeLevel2 { margin-left: 0.75em; }
.navTreeLevel3 { margin-left: 0.75em; }
.navTreeLevel4 { margin-left: 0.75em; }
.navTreeLevel5 { margin-left: 0.75em; }


.documentContent {                         /*probleme titre sous firefox*/
  padding: 0em 1em 1em 0.7em ! important;
  background: white none repeat scroll 0%;
  font-size: 110%;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
}

#portal-siteactions {
white-space: nowrap;
list-style-image: none;
list-style-type: none;
margin: 8px 0em 0 5px;
height: auto;
line-height: normal;
float: left;
padding: 0px 0.2em 1px 2px;
}

#portal-siteactions li {
display: block;
font-size: 12px; 
}

#portal-siteactions li a {
  border: 1px solid transparent;
  padding: 0em;
  background-color: transparent;
  color: white;
  height: auto;
  text-decoration: none; 
  }

#portal-siteactions li a:hover {
background-color: #5ba9b9;
color: white;
border: 1px solid #ffffff;;
}


#siteaction-urgences {
padding-right: 20px;
background: url(http://www.orpjauche.be/mail_icon.gif) top right no-repeat;
}

#siteaction-urgences li a {
color: white;
border: 1px solid #474e54;;
}

#siteaction-urgences li a:hover {
background-color: #5ba9b9;
color: white;
border: 1px solid #474e54;;
padding: 0;
}

#portal-siteactions li.selected a {
background-color: #dee7ec;
color: white;
}

/* Searchbox style and positioning */

.portlet_recherche {
padding: 0.5em 0.25em 0.4em 0.5em !important;
margin: 1px 0em 0em 0em !important;
border: 0px solid red !important;
background-color: transparent;
width: 155px;
height: 25px;
}

.portlet_recherche h5 {
display:none;
}

#portal-searchbox {
float: right;
clear: right;
background-color: white;
margin-top: 0.5em;
margin-right: 1.75em;
padding: 0;
text-align: right;
text-transform: normal;
white-space: nowrap;
z-index: 2;
}

input.searchButton {
  label: ok !important;
  padding: 0px 1px 0px 20px;
  background: transparent url(http://www.orpjauche.be/loupe.gif) no-repeat scroll 4px 1px;
  font-size: 85%;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  border-color: #ffffff;
  height: 23px;
  margin: 0;
  }

#portal-personaltools {
/* Bar with personalized menu (user preferences, favorites etc) */
background-color: white;
border-top-color: #dee7ec;
border-top-style: solid;
border-top-width: 0;
border-bottom-color: white;
border-bottom-style: solid;
border-bottom-width: 1px;
line-height: 1.6em;
color: Black;
padding: 0em 0.5em 0em 0.5em;
margin: 0;
text-align: right;
text-transform: normal;
list-style: none;
}

#portal-personaltools .portalUser {
background: transparent url(http://www.orpjauche.be/user.gif) center left no-repeat;
padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
/* Used on all descriptions relevant to those not logged in */
color: Black;
padding: 0;
background: transparent;
background-image:none;
display: none;
}

#portal-personaltools li {
background: transparent url(http://www.orpjauche.be/linkOpaque.gif) center left no-repeat;
padding-left: 8px;
color: #436976;
margin-left: 1em;
display: inline;
}

#portal-personaltools li a {
text-decoration: none;
color: #436976;
}

#portal-personaltools .visualIconPadding {
padding-left: 10px;
}

/* Logo properties */

#portal-logo {
background: url(http://www.orpjauche.be/logo.gif) no-repeat;
border: 0;
margin: 0;
padding: 0;
height: 106px;
z-index: 1;
position: absolute;
}

#portal-header {
height: 106px;
}

#portlet_droit {
padding: 0 !important ;
margin: 0em 0em 0em 0em !important ;
border: 0px solid red !important;
background-color: #d3ebfa;
}

#portlet_droit h5 {
display:none;
}

/* début portlet thèmes COMMUNE COMMUNICATION LOISIRS ECONOMIE*/

#portlet_themes img {
vertical-align: top;
}

#portlet_themes {
padding: 1px 0em 1px 0em !important;
margin: 0em 0em 0em 0em !important;
border: 0px solid red !important;
background-color: #ffffff;
width: 181px;
}

#portlet_themes .portletItem {
padding: 0 !important;
margin: 0em 0em 0em 0em !important;
}

#portlet_themes h5 {
display:none;
}

#portlet_themes ul {
list-style:none;
border:0px green solid;
padding: 0;
margin: 0;
}

#portlet_themes ul li{
padding: 0;
margin: 0;
}

/*fin portlet thèmes COMMUNE COMMUNICATION LOISIRS ECONOMIE */

/* DEROULEMENT JAVASCRIPT pour les themes voir themes.css */

/* portletItem actionMenu deactivated suite portlet sections */

/* couleur texte items portlet section */

#portlet-sections .actionMenuHeader a:hover {
color: #65bcff;
}

#portlet-sections .actionMenuHeader a {
line-height: 1.3em;
}

dd.portlet-sections {
margin: 0;
padding: 0;
}

dl.portlet-sections {
margin: 0;
padding: 0;
}

dl.portlet-sections a:hover {
text-decoration: none;
color: white !important;
background: transparent;
}

dl.portlet-sections a {
text-decoration: none;
font-size:100%;
color: white;
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0.2em;          /* décalage texte pour arrière plan */
}

.portlet-sectionsHeader {
background-color: #dee7ec;
border: 1px solid #8cacbb;
padding: 0em 1em;
text-transform: normal;
font-weight: normal;
line-height: 1em;
}

.portlet-sectionsHeader a {
color: Black;
}


.portlet-sections Item {
margin: 0;
padding: 0em 0em 0em 0em !important;
border-left: 1px solid #8cacbb;
border-right: 1px solid #8cacbb;
}

.portlet-sectionsItemSingle {
margin: 0;
padding: 0;
border: 1px solid #8cacbb;
border-top: none;
}

dd.portlet-sectionsItemLast {
margin: 0;
padding: 0;
border: 1px solid #8cacbb;
border-top-style: none;
}

.portlet-sectionsItemDetails {
text-align: right;
display: block;
color: Black;
}

dd.portlet-sectionsFooter {
background-color: #eef3f5;
margin: 0;
padding: 0em;
border: 1px solid #8cacbb;
border-top-style: dotted;
text-align: right;
}


.focusHeader {
line-height: 1.5em;
background-image: url(http://www.orpjauche.be/bgheader.gif);
background-repeat: no-repeat;
background-position: right;
padding: 0em 0em 0em 0.5em !important;
margin-right: 0px;
border-left: 10px solid #b45b5f;
color: #b45b5f;
width: 162px;
}

.focus2Header {
line-height: 1.5em;
background-image: url(http://www.orpjauche.be/bgheader.gif);
background-repeat: no-repeat;
background-position: right;
padding: 0em 0em 0em 0.75em !important;
margin-right: 0px;
border-left: 10px solid #b45b5f;
color: #b45b5f;
width: 160px;
font-weight: 100% !important;
}

.focus2Header a {
font-weight: 110% !important;
}

.focus3Header {
line-height: 1.5em;
background-image: url(http://www.orpjauche.be/bgheader.gif);
background-repeat: no-repeat;
background-position: right;
padding: 0em 0em 0em 0.75em !important;
margin-right: 0px;
border-left: 10px solid #b45b5f;
color: #b45b5f;
width: 160px;
}

.focusHeader a {
font-weight: 110% !important;
}

#portlet-focus2 {
padding: 0em 0em 0em 0em;
margin: 1.5em 0em 0em 0em;
width: 16em;
}


#portlet-focus3 {
padding: 0em 0em 0.75em 0em;
margin: 1.5em 0em 1em 0em;
width: 177px;
align: left !important;
float: left !important;
}

#portlet-focus3 .portletItem {
width: 156px;
border-right: 1px solid #b45b5f;
float: left !important;
align: left !important;
}


#portlet-focus3 dd {
border-left: 10px solid #b45b5f;
border-right: 1px solid #b45b5f;
background-color: #f5e9e9;
float: left !important;
align: left !important;
width: 145px;
margin: 0;
padding: 1em 1em 0.5em 1em;
}

#gazette {
float: left;
align: left;
}

#gazette-footer {
border-right: 1px solid #b45b5f;
border-bottom: 1px solid #b45b5f;
width: 145px;
float: left;
}

#portlet-focus2 dd {
padding: 2px 2px 1px 2px;
margin: 0;
border-left: 10px solid #b45b5f;
border-right: 1px solid #b45b5f;
background-color: #f5e9e9;
width: 163px;
}


#portlet-focus2 a {
  padding: 1px 1.75em 1px 4px ! important;
  background-repeat: no-repeat;
  background-position: 95% 60%;
  background-color: #f5e9e9;
  cursor: pointer;
  display: block;
  font-weight: 100%;
}


#portlet-focus2 a:hover{
  padding: 0pt 1.75em 0pt 3px ! important;
  background-repeat: no-repeat;
  background-position: 95% 60%;
  cursor: pointer;
  border: 1px solid #eedadb !important;
  background-color: #fff3f3;
  display: block;
}

#portlet-focus2 ul {
margin: 0em 0em 0em 0em !important;
}

#portlet-focus2 .portletItem {
padding: 0em 0em 0em 0em;
}


#portlet-focus2 dl.portlet {
  border: 0;
  color: #b45b5f;
  width: 100%;
  font-size: 110%;
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
}

#portlet-focus2 li a {
color: #737270;
}


#portlet-focus2 li {
  list-style: none; 
  list-style-image: none; 
  padding-bottom: 0.1em;
  margin: 0;
}

/* fin portlet sections */

/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */