/*
    ****************** GENERIC CLASSES *******************
    * all these classes control the global appearance of the template.
    * the default colorpack is blue. You can very simply change this by calling
    * this jsp with a color parameter from you template, overriding the field
    * value of the sitesettings.
    * Alternatively, you can set the colorset in the session.Here is the colorset
    * chosen: bleuEugena:#050264.
    *
    */
    body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 10px;

        background-color: #999999;
        color: #000000;
    }

    a {
        text-decoration: none;
        color: #050264;
    }
    h1 {
        font-family: verdana;
	  font-weight: normal;
	  font-size: 12px;
        color: white;
margin: 0px;

    }
    h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #999999;
    }
    h3 {
        font-size: 12px;
        background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/triangle.gif);
        background-repeat: no-repeat;
        padding-left: 20px;
    }

    input {
        border: 1px solid #c0c0c0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
        height: 15px;
    }
	
	/*
	******************DEBUT MISE EN PAGE EUGENA *******************
	*/
	
	/*
	******************PAGE 1 : Accueil*******************
	*/
	.page1 li {
		font-family: Verdana;
		font-size: 100%;
		color: #000000;
		display : list-item;
		list-style-image : url(images/eugena/pucePage1.jpg);
		list-style-position: outside;
	}
	
	.upperleftPage1{
		width : 100%;
		margin-left : auto;
		margin-right : auto;

		background-color : #050264;
		background-image : url('images/eugena/menu1UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}

	.upperrightPage1{
		z-index: 1;
		background-image : url('images/eugena/menu1UR.png');
		background-repeat : no-repeat;
		background-position : top right;
	}

	.lowerleftPage1{
		background-image : url('images/eugena/menu1DL.png');
		background-repeat : no-repeat;
		background-position : bottom left;
	}

	.lowerrightPage1{
		background-image : url('images/eugena/menu1DR.png');
		background-repeat : no-repeat;
		background-position : bottom right;
		padding : 10px 10px 10px 10px;
	}
	
	/*
	******************PAGE 1 : Notre société*******************
	*/
	
	.page2 li {
		font-family: Verdana;
		font-size: 100%;
		color: #000000;
		display : list-item;
		list-style-image : url(images/eugena/pucePage2.jpg);
		list-style-position: outside;
	}
	
	.upperleftPage2{
		width : 79%;
		margin-left : 160px;
		margin-right : 0px;

		background-color : #c82250;
		background-image : url('images/eugena/menu2UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}
	
	.upperleftPage2SousMenu{
		width : 95%;
		margin-left : 0px;
		margin-right : 0px;

		background-color : #c82250;
		background-image : url('images/eugena/menu2UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}

	.upperrightPage2{
		z-index: 1;
		background-image : url('images/eugena/menu2UR.png');
		background-repeat : no-repeat;
		background-position : top right;
	}

	.lowerleftPage2{
		background-image : url('images/eugena/menu2DL.png');
		background-repeat : no-repeat;
		background-position : bottom left;
	}

	.lowerrightPage2{
		background-image : url('images/eugena/menu2DR.png');
		background-repeat : no-repeat;
		background-position : bottom right;
		padding : 10px 10px 10px 10px;
	}

	/*
	******************PAGE 3 : Nos métiers*******************
	*/
	.page3 li {
		margin-left: 20px;
		font-family: Verdana;
		font-size: 100%;
		color: #000000;
		display : list-item;
		list-style-image : url(images/eugena/pucePage3.jpg);
		list-style-position: outside;
	}
	
	.upperleftPage3{
		width : 75%;
		margin-left : 175px;
		margin-right : 0px;

		background-color : #78ca3c;
		background-image : url('images/eugena/menu3UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}
	
	.upperleftPage3SousMenu{
		width : 95%;
		margin-left :  0px;
		margin-right : 0px;

		background-color : #78ca3c;
		background-image : url('images/eugena/menu3UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}

	.upperrightPage3{
		z-index: 1;
		background-image : url('images/eugena/menu3UR.png');
		background-repeat : no-repeat;
		background-position : top right;
	}

	.lowerleftPage3{
		background-image : url('images/eugena/menu3DL.png');
		background-repeat : no-repeat;
		background-position : bottom left;
	}

	.lowerrightPage3{
		background-image : url('images/eugena/menu3DR.png');
		background-repeat : no-repeat;
		background-position : bottom right;
		padding : 10px 10px 10px 10px;
	}

	/*
	******************PAGE 4 : Votre carrière*******************
	*/
	.page4 li {
		font-family: Verdana;
		font-size: 100%;
		color: #000000;
		display : list-item;
		list-style-image : url(images/eugena/pucePage4.jpg);
		list-style-position: outside;
	}
	
	.upperleftPage4{
		width : 78%;
		margin-left : 150px;
		margin-right : 0px;

		background-color : #ff7d00;
		background-image : url('images/eugena/menu4UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}
	
	.upperleftPage4SousMenu{
		width : 95%;
		margin-left : 0px;
		margin-right : 0px;

		background-color : #ff7d00;
		background-image : url('images/eugena/menu4UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}

	.upperrightPage4{
		z-index: 1;
		background-image : url('images/eugena/menu4UR.png');
		background-repeat : no-repeat;
		background-position : top right;
	}

	.lowerleftPage4{
		background-image : url('images/eugena/menu4DL.png');
		background-repeat : no-repeat;
		background-position : bottom left;
	}

	.lowerrightPage4{
		background-image : url('images/eugena/menu4DR.png');
		background-repeat : no-repeat;
		background-position : bottom right;
		padding : 10px 10px 10px 10px;
	}
	
	/*
	******************PAGE 5 : Nous contacter*******************
	*/
	.page5 li {
		font-family: Verdana;
		font-size: 100%;
		color: #000000;
		display : list-item;
		list-style-image : url(images/eugena/pucePage5.jpg);
		list-style-position: outside;
	}
	
	.upperleftPage5{
		width : 77%;
		margin-left : 175px;
		margin-right : 0px;

		background-color : #fbd24c;
		background-image : url('images/eugena/menu5UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}

	.upperrightPage5{
		z-index: 1;
		background-image : url('images/eugena/menu5UR.png');
		background-repeat : no-repeat;
		background-position : top right;
	}

	.lowerleftPage5{
		background-image : url('images/eugena/menu5DL.png');
		background-repeat : no-repeat;
		background-position : bottom left;
	}

	.lowerrightPage5{
		background-image : url('images/eugena/menu5DR.png');
		background-repeat : no-repeat;
		background-position : bottom right;
		padding : 10px 10px 10px 10px;
	}
	
	/*
	******************PAGE 6 : Nos références*******************
	*/
	.page6 li {
		font-family: Verdana;
		font-size: 100%;
		color: #000000;
		display : list-item;
		list-style-image : url(images/eugena/pucePage6.jpg);
		list-style-position: outside;
	}
	
	.upperleftPage6{
		width : 73%;
		margin-left : 200px;
		margin-right : 0px;

		background-color : #be5aa4;
		background-image : url('images/eugena/menu6UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}
	
	.upperleftPage6SousMenu{
		width : 95%;
		margin-left : 0px;
		margin-right : 0px;

		background-color : #be5aa4;
		background-image : url('images/eugena/menu6UL.png');
		background-repeat : no-repeat;
		background-position : top left;
	}

	.upperrightPage6{
		z-index: 1;
		background-image : url('images/eugena/menu6UR.png');
		background-repeat : no-repeat;
		background-position : top right;
	}

	.lowerleftPage6{
		background-image : url('images/eugena/menu6DL.png');
		background-repeat : no-repeat;
		background-position : bottom left;
	}

	.lowerrightPage6{
		background-image : url('images/eugena/menu6DR.png');
		background-repeat : no-repeat;
		background-position : bottom right;
		padding : 10px 10px 10px 10px;
	}

.titre{
	font-family: verdana;
	color: white;
	z-index: 1;
	background-color: transparent;	
	font-size: 12px;
}

.corpsTexte{
	font-family: verdana;
	font-weight: normal;
	color: black;
	font-size: 11px;
	text-align: left;

}

.corpsTexteCenter{
	font-family: verdana;
	font-weight: normal;
	color: black;
	font-size: 11px;
	text-align: center;
}

.corpsTexteGras{
	font-family: verdana;
	font-weight: bold;
	color: black;
	font-size: 11px;
	text-align: left;
}

.corpsTexteGrasCenter{
	font-family: verdana;
	font-weight: bold;
	color: black;
	font-size: 11px;
	text-align: center;
}

	

    /*
    ****************** CLASS SELECTORS *******************
    */
    .backcolor2 {
        background-color: #999999;
    }

    .justify {
        text-align: justify;
    }
	
	zzz
	
    .right {
        text-align: right;
        display:block;
    }
    .quicklinkon {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #ffffff;
        background-color: #050264;
        padding-right: 15px;
        padding-left: 15px;
    }
    /* useless?
    .quicklinkon a {
        color: #ffffff;
    }
    */
    .quicklinkon a:hover {
        color: #cccccc;
    }
    .quicklink {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #666666;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid #050264;
        border-right: 0 none #050264;
        border-bottom: 1px solid #050264;
        border-left: 1px solid #050264;
    }
    /* useless?
    .quicklink a {
        color: #666666;
    }
    */
    .quicklink a:hover {
        color: #cccccc;
    }
    .quicklinklast {
        border-left: 1px solid #050264;
        font-size: 8px;
    }
    .tab_off a {
        color: #666666;
    }
    .tab_on a {
        color: #666666;
    }
    .adminmenu {
        vertical-align: middle;
        white-space: nowrap;
    }
    .adminmenu a {
        color: #666666;
    }
    .nowrap {
        white-space: nowrap;
    }


        .topmenubleuEugena,
        .topmenuonbleuEugena {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonbleuEugena {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_bleuEugena_on.bmp);
        }
        .topmenubleuEugena a,
        .topmenuonbleuEugena a {
            color: #000000;
        }
        .topmenubleuEugena a:hover,
        .topmenuonbleuEugena a:hover {
            color: #050264;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menubleuEugena .optionsbleuEugena {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menubleuEugena a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menubleuEugena a:visited {
            color: #ffffff;
        }
        */
        .menubleuEugena a:hover {
            background: #050264;
            color: #ffffff;
        }

    
        .topmenurouge,
        .topmenuonrouge {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonrouge {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_rouge_on.bmp);
        }
        .topmenurouge a,
        .topmenuonrouge a {
            color: #000000;
        }
        .topmenurouge a:hover,
        .topmenuonrouge a:hover {
            color: #C82250;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menurouge .optionsrouge {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menurouge a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menurouge a:visited {
            color: #ffffff;
        }
        */
        .menurouge a:hover {
            background: #C82250;
            color: #ffffff;
        }

    
        .topmenuvertPomme,
        .topmenuonvertPomme {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonvertPomme {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_vertPomme_on.bmp);
        }
        .topmenuvertPomme a,
        .topmenuonvertPomme a {
            color: #000000;
        }
        .topmenuvertPomme a:hover,
        .topmenuonvertPomme a:hover {
            color: #78CA3C;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menuvertPomme .optionsvertPomme {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menuvertPomme a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menuvertPomme a:visited {
            color: #ffffff;
        }
        */
        .menuvertPomme a:hover {
            background: #78CA3C;
            color: #ffffff;
        }

    
        .topmenujaune,
        .topmenuonjaune {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonjaune {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_jaune_on.bmp);
        }
        .topmenujaune a,
        .topmenuonjaune a {
            color: #000000;
        }
        .topmenujaune a:hover,
        .topmenuonjaune a:hover {
            color: #FBD24C;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menujaune .optionsjaune {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menujaune a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menujaune a:visited {
            color: #ffffff;
        }
        */
        .menujaune a:hover {
            background: #FBD24C;
            color: #ffffff;
        }

    
        .topmenuviolet,
        .topmenuonviolet {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonviolet {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_violet_on.bmp);
        }
        .topmenuviolet a,
        .topmenuonviolet a {
            color: #000000;
        }
        .topmenuviolet a:hover,
        .topmenuonviolet a:hover {
            color: #BE5AA4;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menuviolet .optionsviolet {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menuviolet a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menuviolet a:visited {
            color: #ffffff;
        }
        */
        .menuviolet a:hover {
            background: #BE5AA4;
            color: #ffffff;
        }

    
        .topmenubleuPale,
        .topmenuonbleuPale {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonbleuPale {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_bleuPale_on.bmp);
        }
        .topmenubleuPale a,
        .topmenuonbleuPale a {
            color: #000000;
        }
        .topmenubleuPale a:hover,
        .topmenuonbleuPale a:hover {
            color: #58BDD6;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menubleuPale .optionsbleuPale {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menubleuPale a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menubleuPale a:visited {
            color: #ffffff;
        }
        */
        .menubleuPale a:hover {
            background: #58BDD6;
            color: #ffffff;
        }

    
        .topmenublue,
        .topmenuonblue {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonblue {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_blue_on.gif);
        }
        .topmenublue a,
        .topmenuonblue a {
            color: #000000;
        }
        .topmenublue a:hover,
        .topmenuonblue a:hover {
            color: #006699;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menublue .optionsblue {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menublue a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menublue a:visited {
            color: #ffffff;
        }
        */
        .menublue a:hover {
            background: #006699;
            color: #ffffff;
        }

    
        .topmenuorange,
        .topmenuonorange {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonorange {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_orange_on.gif);
        }
        .topmenuorange a,
        .topmenuonorange a {
            color: #000000;
        }
        .topmenuorange a:hover,
        .topmenuonorange a:hover {
            color: #FF7D00;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menuorange .optionsorange {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menuorange a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menuorange a:visited {
            color: #ffffff;
        }
        */
        .menuorange a:hover {
            background: #FF7D00;
            color: #ffffff;
        }

    
        .topmenugreen,
        .topmenuongreen {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuongreen {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_green_on.gif);
        }
        .topmenugreen a,
        .topmenuongreen a {
            color: #000000;
        }
        .topmenugreen a:hover,
        .topmenuongreen a:hover {
            color: #2DA02D;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menugreen .optionsgreen {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menugreen a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menugreen a:visited {
            color: #ffffff;
        }
        */
        .menugreen a:hover {
            background: #2DA02D;
            color: #ffffff;
        }

    
        .topmenured,
        .topmenuonred {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuonred {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_red_on.gif);
        }
        .topmenured a,
        .topmenuonred a {
            color: #000000;
        }
        .topmenured a:hover,
        .topmenuonred a:hover {
            color: #d50d1f;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menured .optionsred {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menured a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menured a:visited {
            color: #ffffff;
        }
        */
        .menured a:hover {
            background: #d50d1f;
            color: #ffffff;
        }

    
        .topmenu,
        .topmenuon {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            background: #cccccc url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_off.gif) no-repeat 0% 100%;
            border-right: 1px solid #ffffff;
            padding: 0 15px 0 15px;
            white-space: nowrap;
        }
        .topmenuon {
            background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/top_menu_left_blue_on.gif);
        }
        .topmenu a,
        .topmenuon a {
            color: #000000;
        }
        .topmenu a:hover,
        .topmenuon a:hover {
            color: #006699;
        }
        .remote {
            background:url(images/remote.gif) no-repeat 0 2px;
            padding-left: 10px;
        }
        .local {
            background:url(images/local.gif) no-repeat 0 2px;
            padding-left: 10px;
        }

        .menu .options {
            display:block;
            padding:5px;
            font-size: 10px;
            line-height: 15px;
            background: #cccccc;
        }

        .menu a {
            color: #666666;
            display :block;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
        }
        /*
        .menu a:visited {
            color: #ffffff;
        }
        */
        .menu a:hover {
            background: #006699;
            color: #ffffff;
        }

    
    .topmenubg {
        background-color: #cccccc;
    }
    .topmenubuttons {
        white-space: nowrap;
        background-color: #cccccc;
        padding-left: 2px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

    .color1bg {
        background-color: #050264;
    }
    .color1bgBlack {
        background-color: #CCCCCC;
    }

    .languages {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #ffffff;
        background-color: #666666;
        padding-right: 5px;
        padding-left: 5px;
        height: 15px;
    }


    .languages a {
        color: #ffffff;
    }
    
    .languages a:hover {
        color: #cccccc;
    }
    .maintable {
        background-color: #ffffff;
    }
    .maintable10 {
		background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/fond_article.jpg);
		background-repeat: repeat-x;
        padding-left: 10px;
        padding-right: 10px;
    }
    .path {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
        background-color: #ffffff;
        padding-right: 20px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* useless?
    .path a {
        color: #666666;
    }
    */
    .path a:hover {
        color: #999999;
    }
    .leftpict {
        background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/leftmenuoff.gif);
        background-repeat: no-repeat;
        width: 12px;
    }
    .leftpicton {
        background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/leftmenuoff.gif);
        background-repeat: no-repeat;
        width: 12px;
    }
    .leftpictcurrent {
        background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/leftmenuon_bleuEugena.gif);
        background-repeat: no-repeat;
        width: 12px;
    }
    .left {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        background-color: #F0F0F0;
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
    .left:hover {
        background-color: #C5C5C5;
    }
    /* useless?
    .left a {
        color: #666666;
    }
    */
    .lefton {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        background-color: #C5C5C5;
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
    /* useless?
    .lefton a {
        color: #666666;
    }
    */
    .lefton a:hover {
        color: #ffffff;
    }
    .leftcurrent {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #ffffff;
        background-color: #050264;
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }

    .leftcurrent a {
        color: #ffffff;
    }
    
    .leftbottom {
        border-top: 1px solid #E7E7E7;
    }
    .leftlevel1 {
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .leftlevel2 {
        font-size: 10px;
        padding-left: 20px;
    }
    .leftlevel3 {
        font-size: 10px;
        padding-left: 35px;
    }
    .leftlevel4 {
        font-size: 10px;
        padding-left: 50px;
    }
    .leftlevel5 {
        font-size: 10px;
        padding-left: 65px;
    }
    .leftlevel6 {
        font-size: 10px;
        padding-left: 80px;
    }
    .verticaleline {
        background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/verticaleline.gif);
        background-repeat: repeat-y;
        width: 9px;
    }
	.imageDeFond {
	 		/* mis une image en fond de page*/
		background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/fond_article.jpg);
		background-repeat: repeat-x;

	}
    .horizontaleline {
        background-image: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/horizontaleline.gif);
        background-repeat: repeat-x;
        padding-top: 8px;
        display:block;
        white-space: nowrap;
    }
    .footer {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
        background-color: #ffffff;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /*
    ************* BOX SELECTORS *****************
    */
    .boxtitletransparent {
        color: #666666;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        white-space: nowrap;
    }
    .boxtitleborder1 {
        color: #666666;
        border: 1px solid #050264;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        white-space: nowrap;
    }
    .boxtitleborder2 {
        color: #666666;
        border: 1px solid #A8A8A8;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        white-space: nowrap;
    }
    .boxtitlecolor1 {
        color: #ffffff;
        background-color: #050264;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        white-space: nowrap;
    }
    .boxtitlecolor2 {
        color: #ffffff;
        background-color: #A8A8A8;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        white-space: nowrap;
    }

    .boxcontenttransparent {
        padding: 5px;
    }
    .boxcontentborder1 {
        border-left: 1px solid #050264;
        border-right: 1px solid #050264;
        border-bottom: 1px solid #050264;
        padding: 5px;
    }
    .boxcontentborder2 {
        border-left: 1px solid #A8A8A8;
        border-right: 1px solid #A8A8A8;
        border-bottom: 1px solid #A8A8A8;
        padding: 5px;
    }
    .boxcontentcolor1 {
        border-left: 1px solid #050264;
        border-right: 1px solid #050264;
        border-bottom: 1px solid #050264;
        padding: 5px;
        background-color: #E7E7E7;
    }
    .boxcontentcolor2 {
        border-left: 1px solid #A8A8A8;
        border-right: 1px solid #A8A8A8;
        border-bottom: 1px solid #A8A8A8;
        padding: 5px;
        background-color: #E7E7E7;
    }
    .bold {
        font-weight: bold;
        font-size: 11px;
        color: #050264;
    }
    .boxtitleparticipant1 {
        color: #003399;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        background-color: #C4D2FF;
        white-space: nowrap;
    }
    .boxtitleparticipant2 {
        color: #C4D2FF;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        background-color: #003399;
        white-space: nowrap;
    }
    .boxEPcontentcolor1 {
        border-left: 1px solid #050264;
        border-right: 1px solid #050264;
        border-bottom: 1px solid #050264;
            background-color: #C4D2FF;
    }
    .boxEPbordercolor1 {
        border-left: 1px solid #003399;
        border-right: 1px solid #003399;
        border-bottom: 1px solid #003399;
        border-top: 1px solid #003399;
    }
    .boxEPTitlecolor1 {
        color: #FFFFFF;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        background-color: #003399;
        padding-top: 2px;
        padding-bottom: 2px;
        white-space: nowrap;
    }
    .boxEPLinkcolor1 {
        color: #FFFFFF;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        white-space: nowrap;
    }
    .boxEPPaginationPos {
        color: #003399;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        white-space: nowrap;
    }
    .boxEPPaginationNav {
        color: #003399;
        text-align: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        white-space: nowrap;
    }
    .EPMetaDataTitle {
        color: #000000;
        text-align: left;
        vertical-align: top;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        white-space: nowrap;
    }
    .EPMetaDataValue {
        color: #000000;
        text-align: left;
        vertical-align: top;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    /*
    ************** BLOG SELECTORS **************

    */
    .blog {
        font-size:12px;
    }

    .entry {
        margin:0 0 1.75em;
    }
    .entry h3 {
        margin:1em 0 .2em;
        font:175%/1.3em Georgia,Serif;
        line-height:1.3em;
        color:#245;
    }
    .blog h2.date {
        padding-bottom:.3em;
        border-bottom:1px dotted #ccc;
        margin-bottom:.5em;
    }
    .blog h3 {
        margin:.75em 0 .5em;
        border-bottom:1px dotted #ccc;
        padding:0 0 .2em;
        font-size:140%;
        line-height:1.5em;
    }
    .posted {
        color:#998;
    }
    .blog .posted,.blog .posted a {
        font-size:85%;
        line-height:1.6em;
    }
    .posted-top .commentlink, .posted-top .commentlink:visited {
      margin-left:0;
      border-left-width:0;
      background-position:0 50%;
      padding-left:14px;
      }

    .blog dd.posted {
        margin-top:.5em;
        border-top:1px dotted #ccd;
        padding-top:4px;
    }
    .posted strong {
        color:#887;
        font-weight:normal;
    }
    a.permalink {
        background:url("images/icon_pg.gif") no-repeat 0 0;
        float:left;
        display:block;
        width:9px;
        height:10px;
        margin:.3em 5px 0 0;
        text-indent:-10000px;
        border-width:0;
    }
    .commentlink, .commentlink:visited {
        background:url("images/icon_comment.gif") no-repeat 8px 50%;
        border-width:0;
        padding-left:22px;
        border-left:1px solid #ccb;
        margin-left:.5em;
        color:#359;
        white-space:nowrap;
    }
    .posted-top .commentlink {
        margin-left:0;
        border-left-width:0;
        background-position:0 50%;
        padding-left:14px;
    }
    span.commentlink {
        color:#887;
    }
    a.commentlink:hover {
        color:#933;
        border-color:#ccb;
        text-decoration:none;
    }
    .commentlink img {
        margin-top:.5em;
    }
    a.commentlink:hover img {
        width:0;
        padding-left:48px;
    }
    dl.previously {
        margin-bottom:1.25em;
    }
    .previously dt a    {
        font:150%/1.4em Georgia,Serif;
        border-width:0;
    }
    .previously dd {
        margin-bottom:1em;
        margin-left:0;
    }
    .previously dd.summary {
        margin-bottom:0;
    }
    .blog .previously dd.posted {
        margin-top:.7em;
        margin-bottom:1.75em;
    }

    .blog a.continued {
        background:url("images/arrow.gif") no-repeat 100% 5px;
        border-width:0;
        padding-right:16px;
        color:#999999;
        border-bottom: 1px #999999 dotted;
    }
    .blog a.continued:hover {
        background-image:url("images/arrow_on.gif");
        color: #666666;
        border-bottom: 1px #666666 solid;
    }

    /* Comments
    */
    #comments {
        padding:10px;
    }
    #comments h4 {
        font:140% Verdana,Sans-serif;
        margin:0 0 1em;
    }
    #comments h4 span {
        font:85% Verdana,Sans-serif;
        color:#776;
    }
    #comments dl {
        font-size:85%;
        line-height:1.6em;
    }
    #comments dt {
        padding:8px 6px .5em;
        background:#eeeeee;
        font-weight:normal;
    }
    #comments dd {
        padding:2px 20px 8px;
        margin:0 0 1.5em;
        background:#eeeeee;
    }
    form table tr td {
        vertical-align: top;
    }
    #comments dt.alt,
    #comments dd.alt {
        background:#dddddd;
    }
    #comments dd h3 {
        background-image: none;
    }
    #comments dd del:hover,
    #comments dd del:active {
        color:#333;
        text-decoration:none;
    }
    #comments .postno {
        background:url("images/icon_comment.gif") no-repeat 0 55%;
        border-width:0;
        padding:0 5px 0 14px;
        border-right:1px solid #ccc;
        margin-right:2px;
        font:180% Georgia,Serif;
        color:#358;
    }
    #comments .alt .postno {
        border-color:#bbb;
    }
    #comments dt.owner {
        background:#357;
        padding-bottom:1em;
        color:#cde;
    }
    #comments dd.owner {
        padding-top:8px;
    }
    #comments dt.owner .postno {
        background-image:url("images/icon_comment.gif");
        color:#9bd;
        border-right-color:#579;
        font-weight:normal;
    }
    #comments dt.owner a {
        color:#eee;
        border-width:0;
        font-weight:bold;
    }
    #comment-notes p {
        font-size:85%;
        line-height:1.6em;
        color:#554;
    }
    #subcol #comment-notes p {
        font-size:100%;
    }
    h4#postcomment {
        padding-top:.5em;
        margin:0 0 .5em;
    }
    #comment-notes {
        margin-top:2em;
    }

    /* Lists
    */
    .blog ul, .blog dl {
        margin:.5em 0 1em;
        padding:0;
        list-style:none;
    }
    .blog ul li {
        margin:0 0 2px;
        padding:0 0 0 18px;
        text-indent:-18px;
    }
    .blog ul.offsite {
        margin-bottom:.75em;
    }
    .blog ul.offsite li {
        background:url("images/icon_offsite.gif") no-repeat 1px .5em;
        text-indent:0;
    }
    .blog ul.bulleted li {
        background:url("images/icon_s.gif") no-repeat 2px .35em;
        padding-left:20px;
        margin-top:0;
        text-indent:0;
    }
    .blog .entry ul {
        margin-left:20px;
        margin-right:20px;
    }
    .blog dl dl {
        margin:1em 20px;
    }
    .blog dt {
        font-weight:bold;
    }
    #maincol li em {
        font-style:normal;
        font-weight:normal;
        font-size:85%;
        line-height:1.6em;
        color:#777;
    }
    dd {
        margin:0 0 1em;
        padding:0;
    }
    .teaser dd {
        margin-bottom:.75em;
    }
    .links dt {
        font:125%/1.4em Georgia,Serif;
    }
    .links dd {
        font-size:85%;
        line-height:1.6em;
    }
    dd ul {
        margin:0;
        padding:0;
    }
    dd li {
        width:100%;
        padding:0;
        margin:0;
        text-indent:0;
    }

    /*
    **************** WEBAPPS *********************
    */

    .waMenu a ,a.waMenu{color: #000000;  }
    .waMenu a:hover, a.waMenu:hover  {color: #050264;  background-color: #ffffff; }

    a.waMenuHighlight { color: #be0c2b;  }
    a.waMenuHighlight:hover { background-color: #ffffff; }

    .waUnderline:link {color: #000000 }
    .waUnderline:visited {color: #000000 }
    .waUnderline:active {color: #000000 }
    .waUnderline:hover {color: #100E80;  background-color: #cccccc}

    .waTree:link {color: #000000;  }
    .waTree:visited {color: #000000;  }
    .waTree:active {color: #000000;  }
    .waTree:hover {color: #050264;  }

    .waSelected:link {color: #ffffff;  background-color: #050264}
    .waSelected:visited {color: #ffffff;  background-color: #050264}
    .waSelected:active {color: #ffffff;  background-color: #050264}
    .waSelected:hover {color: #ffffff;  background-color: #050264}

    .waNormal { ; color: #050264 }
    .waSmall { font-size: 9px; color:  #050264 }
    .waRed { color: #be0c2b; font-size: 9px; }
    .waLargeRed { ; color: #be0c2b }

    .waSmallBoldItalic { font-weight: bold; font-style: italic; font-size: 9px; color: #050264 }
    .waSmallItalic { font-style: italic; font-size: 9px; color: #050264 }

    .waBG { background-color: #E7E7E7 }
    .waTrpBG { background-color: #C1C7D0 }
    .waBoxBG { background-color: #cccccc }
    .waBorder { background-color: #999999 }

    .waInput { color: #000000; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
    .waSelect { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
    .waSelect:hover { color: #000000;  }
    .waTextarea { font-size: 9px; font-family: Arial, Helvetica, sans-serif; }

    .nfLink:link {  font-style: normal; color: #050264;  }
    .nfLink:visited {  font-style: normal; color: #050264;  }
    .nfLink:visited {  font-style: normal; color: #050264;  }
    .nfLink:hover {  font-style: normal; color: #100E80; background-color: #cccccc;  }

    .nfTitle { font-size: 11px; font-style: normal; font-weight: bold; color: #050264 }
    .nfDate { font-size: 9px; font-style: normal; font-weight: bold; color: #050264 }
    .nfSource { font-size: 9px; font-style: normal; color: #050264 }
    .nfMedia { font-size: 9px; font-style: italic; color: #050264 }

    /*
    *********** CALENDAR *************
    */
    div.calendar {
        background-color: #FFFFFF;
        display: block;
        /*float: left;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: Courrier;
        font-size: 11px;
        line-height: 17px;
        margin-right: 10px; /* Invalid value: width: 170; */
    }
    div.calendar div.pre {
        white-space: pre;
    }

    div.calendar a {
        color: #000066;
        text-decoration: none;
        font-family: "Courier New", Courier, mono;
        font-size: 11px;
    }
    div.calendar a.weekOfYear {
        color: #75777B;
    }
    div.calendar .currentweek,
    div.calendar a.currentday {
        background-color: #E7E7E7;
        border: 1px solid #B42C29;
        font-weight: bold;
    }

    div.calendar a:hover {
        background-color: #E7E7E7;
    }

    div.calendar h2 {
        color: #006699;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }

    div.calendar h2 a {
        color: #006699;
        padding: 0 5px 0 5px;
    }
    div.calendar span.days {
        background-color: #E7E7E7;
        font-weight: bold;
        padding: 0 2px 0 2px;
    }

    div.xmlButton {
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 10px;
        background-color: #ff6600;
        color: #FFFFFF;
        text-decoration:  none;
        padding: 0px 1px 0px 1px;
    }

    a.xmlButton {
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
    }

    div.xmlWrap {
        border: 1px solid #666;
        padding: 1px;
        text-decoration:  none;
        background-color: transparent;
        margin: 0px 0px 0px 0px;
        width: 34px;
        text-align: center;
    }

    div.spacer {
        clear: both;
        font-size: 1px;
        line-height: 0px;
    }
    a.maincat {
        font-size:11px;
        font-weight: bold;
        color: #666666;
    }
    a.subcat {
        color: #666666;
    }
    span.hl {
        background: #FFFF66;
    }

    .unlocked {
        padding: 5px;
    }

    .completeLocked {
        padding: 5px;
        border: 1px solid #FF0000;
    }

    .partialLocked {
        padding: 5px;
        border: 1px solid #FF8000;
    }

    .workflow {
        padding: 5px;
        border: 1px solid #309030;
    }
    table.forms td {
        padding: 0 5px 0 5px;
        background: #e9e9e9;
        vertical-align: top;
    }
    table.forms tr.title td {
        background: #000000;
        font-weight: bold;
        color: #ffffff;
    }
    /* fix for sitemap */
    .DwtListView .DwtListView-Rows .Row {
        *height: 30px;
    }

    /* fix for sitemap */
    .complexTreeWrapper .DwtListView .DwtListView-ColHeader {
        *height: 24px;
    }

    .searchPageDetailFrame {
        width: 650px;
        height: 100%;
        display: block;
    }

    .showSearchHitDetails {
      background-color: #eeeeee;
    }

    .searchHit {
      clear: both;
    }

    .searchHitInfo {
      padding: 10px 0px 10px 0px;
    }

    .searchHitInfo tr td {
      font-size: 10px;
      text-align: left;
      vertical-align: top;
    }

    .searchHitInfo tr td {
      font-size: 10px;
      text-align: left;
      vertical-align: top;
    }

    .searchHitMetadataLabel {
      float: left;
    }

    .searchHitMetadataColon {
      float: right;
    }

    .searchLink {
      background-color: #eeeeee;
    }

    div.searchHit hr {
      clear: both;
      height: 1px;
      background: url(/jsp/jahia/templates/Site_Eugena/corporate_portal_templates/template_css.jsp/../images/line_200.gif) repeat-x 100%;
      border: 0px solid;
    }




    /*
    ************ VERSIONING *************************
    */

    table.revisionsListing {
        border: 1px solid #666;
        width: 80%;
        margin: 10px 0 0 0 !important;
    }

    table.revisionsListing th, table.revisionsListing td {
        padding: 2px 10px 2px 4px !important;
        text-align: left;
        vertical-align: top;
    }

    table.revisionsListing thead tr {
        background-color: #fc0;
    }

    table.revisionsListing th.sorted {
        background-color: orange;
    }

    table.revisionsListing th a,table.revisionsListing th a:visited {
        color: black;
    }

    table.revisionsListing th a:hover {
        text-decoration: underline;
        color: black;
    }

    table.revisionsListing th.sorted a,table.revisionsListing th.sortable a {
        background-position: right top;
        display: block;
        width: 100%;
    }

    table.revisionsListing th.sortable a {
      padding-right: 5px;
        background-image: url(../images/arrow_off.png);
        background-repeat:no-repeat;
    }

    table.revisionsListing th.order1 a {
      padding-right: 5px;
        background-image: url(../images/arrow_down.png);
        background-repeat:no-repeat;
    }

    table.revisionsListing th.order2 a {
      padding-right: 5px;
        background-image: url(../images/arrow_up.png);
        background-repeat:no-repeat;
    }

    table.revisionsListing tr.odd {
        background-color: #fff
    }

    table.revisionsListing tr.tableRowEven,tr.even {
        background-color: #fea
    }


    table.revisionsListing {
      padding:0px;
      width: 100%;
      margin-left: -2px;
      margin-right: -2px;
    }

    table.revisionsListing thead tr {
        background-color: #69c;
    }

    table.revisionsListing tr.even {
        background-color: #def;
    }

    div.revisionsListing span.pagelinks a {
      display: inline;
    }

    th.revisionsListingHeader {
      font-weight: bold !important;
    }

    .compareAddedDifference {
      background-color:aqua !important;
      color:black !important;
    }

    .compareChangedDifference {
      background-color:lime !important;
      color:black !important;
    }

    .compareDeletedDifference {
      background-color:red !important;
      text-decoration:line-through !important;
      color:black !important;
    }





    /*
    ********************** ADVSEARCH ************************
    */

    .input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #000000}

    div.searchResultListing {
        width: 100%;
        overflow: auto;
        overflow-y:hidden;
    }

    .tabs_li {
        display: inline;
        list-style-type: none;
        margin:0 0 0;
        padding:0 0 0 0;
        text-indent:0;
    }

    .centeredBox {
        display: block;
        margin:0 auto;
        width: 95%;
    }

    #searchPanel {
        display: block;
        margin:0 auto;
        width: 100%;
          clear:both;
    }

    #searchPanel * {
        font-size: 11px;
    }

    .searchMainSection {
      font-weight:bold;
      font-size:12px;
    }

    table.searchResultListing {
        border: 1px solid #666;
        width: 80%;
        margin: 10px 0 0 0 !important;
    }

    table.searchResultListing th, table.searchResultListing td {
        padding: 2px 10px 2px 4px !important;
        text-align: left;
        vertical-align: top;
    }

    table.searchResultListing thead tr {
        background-color: #fc0;
    }

    table.searchResultListing th.sorted {
        background-color: orange;
    }

    table.searchResultListing th a,table.searchResultListing th a:visited {
        color: black;
    }

    table.searchResultListing th a:hover {
        text-decoration: underline;
        color: black;
    }

    table.searchResultListing th.sorted a,table.searchResultListing th.sortable a {
        background-position: right top;
        display: block;
        width: 100%;
    }

    table.searchResultListing th.sortable a {
      padding-right: 5px;
        background-image: url(/jsp/jahia/engines/images/arrow_off.png);
        background-repeat:no-repeat;
    }

    table.searchResultListing th.order1 a {
      padding-right: 5px;
        background-image: url(/jsp/jahia/engines/images/arrow_down.png);
        background-repeat:no-repeat;
    }

    table.searchResultListing th.order2 a {
      padding-right: 5px;
        background-image: url(/jsp/jahia/engines/images/arrow_up.png);
        background-repeat:no-repeat;
    }

    table.searchResultListing tr.odd {
        background-color: #fff
    }

    table.searchResultListing tr.tableRowEven,tr.even {
        background-color: #fea
    }


    table.searchResultListing {
      padding:0px;
      width: 100%;
      margin-left: -2px;
      margin-right: -2px;
    }

    table.searchResultListing thead tr {
        background-color: #69c;
    }

    table.searchResultListing tr.even {
        background-color: #def;
    }

    div.searchResultListing span.pagelinks a {
      display: inline;
    }


    /*
    **************** JFORUM CSS **********************
    */



    .jforum INPUT {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TEXTAREA {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum SELECT {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum INPUT {
        TEXT-INDENT: 2px
    }
    .jforum INPUT.button {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum .postbody {
        LINE-HEIGHT: 18px
    }


    .jforum FONT {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    .jforum TH {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    .jforum TD {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }

    .jforum PRE {
        FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Courier, 'Courier New', sans-serif
    }

    .jforum P {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    .jforum A:link {
        COLOR: #01336b
    }
    .jforum A:active {
        COLOR: #01336b
    }
    .jforum A:visited {
        COLOR: #01336b
    }
    .jforum A:hover {
        COLOR: #DD6900; TEXT-DECORATION: underline
    }
    .jforum HR {
        BORDER-RIGHT: #dfdfdf 0px solid; BORDER-TOP: #dfdfdf 1px solid; BORDER-LEFT: #dfdfdf 0px solid; BORDER-BOTTOM: #dfdfdf 0px solid; HEIGHT: 0px
    }
    .jforum .bodyline {
        BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
    }
    .jforum .forumline {
        BORDER-RIGHT: #006699 2px solid; BORDER-TOP: #006699 2px solid; BORDER-LEFT: #006699 2px solid; BORDER-BOTTOM: #006699 2px solid; BACKGROUND-COLOR: #ffffff
    }
    .jforum TD.row1 {
        BACKGROUND-COLOR: #fafafa
    }
    .jforum TD.row2 {
        BACKGROUND-COLOR: #f7f7f8
    }
    .jforum TD.row3 {
        BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.rowpic {
        BACKGROUND-IMAGE:  url(images/cellpic2.jpg); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #ffffff
    }
    .jforum TH {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE:  url(images/cellpic3.gif); COLOR: #ffa34f; HEIGHT: 25px; BACKGROUND-COLOR: #01336b
    }
    .jforum TD.cat {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BACKGROUND-IMAGE:  url(images/cellpic1.gif); BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.catHead {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BACKGROUND-IMAGE:  url(images/cellpic1.gif); BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.catSides {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BACKGROUND-IMAGE:  url(images/cellpic1.gif); BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.catLeft {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BACKGROUND-IMAGE:  url(images/cellpic1.gif); BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.catRight {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BACKGROUND-IMAGE:  url(images/cellpic1.gif); BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.catBottom {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BACKGROUND-IMAGE:  url(images/cellpic1.gif); BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.cat {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TD.catHead {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TD.catBottom {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 29px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TH.thHead {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thSides {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thTop {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thLeft {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thRight {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thBottom {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thCornerL {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TH.thCornerR {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
    }
    .jforum TD.row3Right {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TD.spaceRow {
        BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; BACKGROUND-COLOR: #dfdfdf
    }
    .jforum TH.thHead {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TD.catHead {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TH.thSides {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TD.catSides {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TD.spaceRow {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TH.thRight {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TD.catRight {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TD.row3Right {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TH.thLeft {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TD.catLeft {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TH.thBottom {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TD.catBottom {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum TH.thTop {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TH.thCornerL {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
    }
    .jforum TH.thCornerR {
        BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
    }
    .jforum .maintitle {
        FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #000000; LINE-HEIGHT: 120%; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
    }
    .jforum .gen {
        FONT-SIZE: 12px
    }
    .jforum .genmed {
        FONT-SIZE: 11px
    }
    .jforum .gensmall {
        FONT-SIZE: 10px
    }
    .jforum .gen {
        COLOR: #000000
    }
    .jforum .genmed {
        COLOR: #000000
    }
    .jforum .gensmall {
        COLOR: #000000
    }
    .jforum A.gen {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.genmed {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.gensmall {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.gen:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum A.genmed:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum A.gensmall:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum .mainmenu {
        FONT-SIZE: 11px; COLOR: #000000
    }
    .jforum A.mainmenu {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.mainmenu:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum .cattitle {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #01336b; LETTER-SPACING: 1px
    }
    .jforum A.cattitle {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.cattitle:hover {
        TEXT-DECORATION: underline
    }
    .jforum .forumlink {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #01336b
    }
    .jforum A.forumlink {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.forumlink:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum .nav {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000
    }
    .jforum A.nav {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.nav:hover {
        TEXT-DECORATION: underline
    }
    .jforum .topictitle {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000
    }
    .jforum H1 {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000
    }
    .jforum H2 {
        FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000
    }
    .jforum A.topictitle:link {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.topictitle:visited {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.topictitle:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum .name {
        FONT-SIZE: 11px; COLOR: #000000
    }
    .jforum .postdetails {
        FONT-SIZE: 10px; COLOR: #000000
    }
    .jforum .postbody {
        FONT-SIZE: 12px; LINE-HEIGHT: 18px
    }
    .jforum A.postlink:link {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.postlink:visited {
        COLOR: #01336b; TEXT-DECORATION: none
    }
    .jforum A.postlink:hover {
        COLOR: #01336b; TEXT-DECORATION: underline
    }
    .jforum .code {
        FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Courier, 'Courier New', sans-serif
    }
    .jforum .quote {
        FONT-SIZE: 11px; COLOR: #444444; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    }
    .jforum .copyright {
        FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -1px
    }
    .jforum A.copyright {
        COLOR: #444444; TEXT-DECORATION: none
    }
    .jforum A.copyright:hover {
        COLOR: #000000; TEXT-DECORATION: underline
    }
    .jforum INPUT {
        BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000
    }
    .jforum TEXTAREA {
        BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000
    }
    .jforum SELECT {
        BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000
    }
    .jforum INPUT.post {
        BACKGROUND-COLOR: #ffffff
    }
    .jforum TEXTAREA.post {
        BACKGROUND-COLOR: #ffffff
    }
    .jforum SELECT {
        BACKGROUND-COLOR: #ffffff
    }
    .jforum INPUT {
        TEXT-INDENT: 2px
    }
    .jforum INPUT.button {
        FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fafafa
    }
    .jforum INPUT.mainoption {
        FONT-WEIGHT: bold; BACKGROUND-COLOR: #fafafa
    }
    .jforum INPUT.liteoption {
        FONT-WEIGHT: normal; BACKGROUND-COLOR: #fafafa
    }
    .jforum .helpline {
        BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #f7f7f8; BORDER-BOTTOM-STYLE: none
    }

    .jforum .moderatortitle {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffa34f
    }

    .jforum .moderator {
        FONT-SIZE: 12px; color: #006600
    }

    .jforum .admin {
        FONT-SIZE: 12px; color: #FFA34F
    }





    ul.portletModes {
        background: url(images/portlets/tabBorder.gif) repeat-x bottom;
        color: #515C6A;
        float: right;
        list-style: none;
        margin: 0px;
        padding: 0px;
        padding-left: 2px;
    }
    ul.portletModes a {
        background: url(images/portlets/tabRight.gif) no-repeat right top;
        border-bottom: 1px solid #515C6A;
        float: left;
        margin-right: 2px;
        text-decoration: none;
    }
    ul.portletModes a:hover {
        background-position: 100% -26px;
    }
    ul.portletModes a:hover span {
        background-position: 0% -26px;
    }
    ul.portletModes li {
        display: inline;
        margin: 0px;
        padding: 0px;
    }
    ul.portletModes li.current a {
        background-position: 100% -26px;
        border-width: 0px;
    }
    ul.portletModes li.current span {
        background-position: 0% -26px;
        padding-bottom: 1px;
    }
    ul.portletModes span {
        background: url(images/portlets/tabLeft.gif) no-repeat left top;
        display: block;
        float: left;
        padding: 1px 6px 1px 22px;
        white-space: nowrap;
        color: #515C6A;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    ul.portletModes span {
        float: none;
    }
    /* End IE5-Mac hack */

    ul.windowStates {
        background: url(images/portlets/tabBorder.gif) repeat-x bottom;
        color: #515C6A;
        float: right;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    ul.windowStates a {
        background: url(images/windowStates.gif) no-repeat left top;
        border-bottom: 1px solid #515C6A;
        float: left;
        height: 14px;
        margin-right: 2px;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        width:17px;
        z-index: 1;
    }

    ul.windowStates a span {
        display:none;
    }

    ul.windowStates a.maximized {
        background-image: url(images/portlets/windowStates_maximized.gif);
    }

    ul.windowStates a.minimized {
        background-image: url(images/portlets/windowStates_minimized.gif);
    }

    ul.windowStates a.normal {
        background-image: url(images/portlets/windowStates_normal.gif);
    }

    ul.windowStates a:hover {
        background-position: 0% -15px;
    }
    ul.windowStates li {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    ul.windowStates li.current a {
        display: none;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    ul.windowStates div {
        float: none;
    }
    /* End IE5-Mac hack */

    /* #### PORTAL-PORTLET CLASS REFERENCES #### */


    .Portal-Portlet-Title {
       background: transparent;
       margin-left: auto;
       margin-right: auto;
       font-family: Verdana, Arial, Helvetica;
       font-weight: bold;
       font-size: 180%;
       background-color: #CCCC99;
       color: #000000;
       text-align: center;
       padding: 4px;
       border: 1px solid #000000;
       }


    .Portal-Portlet-Information {
       width: 400px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 1em;
       margin-top: .5em;
       font-family: Verdana, Arial, Helvetica;
       font-style: oblique;
       font-size: 120%;
       font-weight: bold;
       color: #000000;
       text-align: center;
       padding: 4px;
       }


    .Portal-Portlet-Group {
       width: 400px;
       margin-left: auto;
       margin-right: auto;
       margin-top: 1em;
       background-color: transparent;
       border: 2px solid #000000;
       text-align: center;
       }


    .Portal-Portlet-Legend { }


    .Portal-Portlet-Footer {
       font-family: Verdana, Arial, Helvetica;
       font-size: 90%;
       color: #000000;
       }


    /* ##### PORTAL_PORTLET_GROUP CLASS REFERENCES ##### */
    .Portal-Portlet-Group-Title {
       font-family: Verdana, Arial, Helvetica;
       font-weight: bold;
       font-size: 150%;
       background-color: #CCCC99;
       border-bottom: 2px solid #000000;
       color: #000000;
       padding: 4px;
       }


    .Portal-Portlet-Group-Information { }


    .Portal-Portlet-Group-Content {
       font-family: Verdana, Arial, Helvetica;
       font-size: 110%;
       color: #000000;
       margin-top: 1em;
       text-decoration: none;
       }


    .Portal-Portlet-Group-Legend { }


    .Portal-Portlet-Group-Footer {
       margin-top: 2em;
       text-align: center;
       }


    /* #### PORTAL-PORTLET-GROUP-SUBGROUP CLASS REFERENCES #### */
    .Portal-Portlet-Group-SubGroup {
       font-family: Verdana, Arial, Helvetica;
       font-size: 100%;
       font-weight: bold;
       background: #87ACD6;
       color: #000000;
       padding: 4px;
       margin: 0 1em;
       }


    /* #### PORTAL-PORTLET-GROUP-CONTENT CLASS REFERENCES #### */
    /* Used in products like JMV for displaying a list of areas */
    .Portal-Portlet-Group-Content-ListItem {
       font-family: Verdana, Arial, Helvetica;
       font-size: 100%;
       margin-top: 3px;
       font-weight: bold;
       color: #000000;
       padding: 4px;
       text-align: left;
       }


    .Portal-Portlet-Group-Content-ListItem a:link
    {
        text-decoration: underline;
        color: #035AB4;
    }


    .Portal-Portlet-Group-Content-ListItem a:visited
    {
        text-decoration: underline;
        color: #8403AF;
    }


    .Portal-Portlet-Group-Content-ListItem a:hover
    {
        text-decoration: underline;
        color: #D9011A;
    }


    /* ####      PORTAL-PORTLET-GROUP-MATRIX      #### */
    /* # This Class reference group handles formatting */
    /* # objects-products-etc within a matrix.         */

    .Portal-Portlet-Group-Content-Matrix {
       width: 90%;
       margin-right: auto;
       margin-left: auto;
       text-align: center;
       border: solid #6495ED; /* cornflowerblue */
       border-width: 2px;
       }


    .Portal-Portlet-Group-Content-Matrix-Image {
       border: solid #6495ED; /* cornflowerblue */
       border-width: 2px;
       background-color: #C8C8C8; /* a light-medium gray */
       }


    .Portal-Portlet-Group-Content-Matrix-Loop {
       border: solid #6495ED; /* cornflowerblue */
       border-width: 2px;
       }


    .Portal-Portlet-Group-Content-Matrix-Loopcontrol {
       background-color: #C8C8C8; /* a light-medium gray */
       color: white;
       }

.differentACL {
    background: url("images/differentACL.png") no-repeat 0px 0px;
    height: 16px;
    width: 16px;
    padding-left: 12px;
    display: inline;
}
 /* ####      CSS pour les TAGCLOUDS Eugena       #### */

#htmltagcloud{ font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif; 
line-height:1.4em; word-spacing:normal; letter-spacing:normal; text-decoration:none; text-transform:none; text-align:justify; 
text-indent:0ex; background-color:#fff; margin:1em 1em 0em 1em; border:2px dotted #ddd; }
#htmltagcloud a:link{text-decoration:none}
#htmltagcloud a:visited{text-decoration:none}
#htmltagcloud a:hover{text-decoration:none;color:white;background-color:#05f}
#htmltagcloud a:active{text-decoration:none;color:white;background-color:#03d}

span.tagcloud0{font-size:0,5em;padding:0em;color:#ACC1F3;z-index:10;position:relative}
span.tagcloud0 a{text-decoration:none; color:#ACC1F3}
span.tagcloud1{font-size:0.7em;padding:0em;color:#ACC1F3;z-index:9;position:relative}
span.tagcloud1 a{text-decoration:none;color:#ACC1F3}
span.tagcloud2{font-size:0.9em;padding:0em;color:#86A0DC;z-index:8;position:relative}
span.tagcloud2 a{text-decoration:none;color:#86A0DC}
span.tagcloud3{font-size:1.1em;padding:0em;color:#86A0DC;z-index:7;position:relative}
span.tagcloud3 a{text-decoration:none;color:#86A0DC}
span.tagcloud4{font-size:1.3em;padding:0em;color:#607EC5;z-index:6;position:relative}
span.tagcloud4 a{text-decoration:none;color:#607EC5}
span.tagcloud5{font-size:1.5em;padding:0em;color:#607EC5;z-index:5;position:relative}
span.tagcloud5 a{text-decoration:none;color:#607EC5}
span.tagcloud6{font-size:1.7em;padding:0em;color:#4C6DB9;z-index:4;position:relative}
span.tagcloud6 a{text-decoration:none;color:#4C6DB9}
span.tagcloud7{font-size:1.9em;padding:0em;color:#395CAE;z-index:3;position:relative}
span.tagcloud7 a{text-decoration:none;color:#395CAE}
span.tagcloud8{font-size:2.1em;padding:0em;color:#264CA2;z-index:2;position:relative}
span.tagcloud8 a{text-decoration:none;color:#264CA2}
span.tagcloud9{font-size:2.3em;padding:0em;color:#133B97;z-index:1;position:relative}
span.tagcloud9 a{text-decoration:none;color:#133B97}
span.tagcloud10{font-size:2.5em;padding:0em;color:#002A8B;z-index:0;position:relative}
span.tagcloud10 a{text-decoration:none;color:#002A8B}
span.freq{font-size:10pt !important;color:#bbb}
#credit{text-align:center; font-size:0.7em; color:#333;  font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;}
#credit a:link{color:#777; text-decoration:none;}
#credit a:visited{color:#777; text-decoration:none;}
#credit a:hover{text-decoration:none; color:white; background-color:#05f;}
#credit a:active{text-decoration:underline;}