/* ac8b68 marron UPMC
	    ffc66d orange Orbimol
	    b0c4dd bleu OrbiMol
	    8ba0ba bleu OrbiMol foncé */

        /* General Styles */
        * {
            margin:0;
            padding:0;
            border:0px none #000000;
        }

        * html ul ul li {
            margin-bottom:-1px;
        }

        * html ul ul li a, * html ul li a {
            height:100%;
        }

        a {
            color:#000000;
            text-decoration:underline;
        }

        body {
            margin:10px;
            padding:0 0 0 0;
            background:#FFFFFF repeat-y center;
            color:#000000;
            font-family:'Lucida Grande','Segoe UI',Arial,Helvetica,sans-serif; 
            font-size:85%;
            line-height:140%;
        }

        #content {
            margin:30px;
            width:400px;
            border-top:1px solid #999999;
            border-right:1px solid #666666;
            border-bottom:1px solid #666666;
            border-left:1px solid #999999;
            padding:20px;
        }

        /* Styles for Example #1 */
        #example1 {
            margin:0;
            padding:0;
            width:280px;
            list-style-type:none;
            line-height:120%;
        }

        #example1 .closed {
            background-image:url(ha-down.gif);
        }

        #example1 .closed, #example1 .opened {
            padding-right:10px;
            background-position:98% 50%;
            background-repeat:no-repeat;
        }

        /* couleur menu */
        #example1 .header {
            background-color:#b0c4dd; /* bleu OrbiMol */
        }

        #example1 .opened {
            background-image:url(ha-up.gif);
        }

        /* menu */
        #example1 a {
            display:block;
            font-weight:normal;
            text-decoration:none;
        }

	/* couleur menu  quand on passe la souris */
        #example1 a.hover {
            border-top:1px solid #5F5F5F;
            border-bottom:1px solid #7B7B7B;
            background-color:#8ba0ba; /* bleu foncé */
            color:#ffc66d; /* orange */
	    font-weight:normal;
        }

        #example1 ul {
            overflow: hidden;
            margin:0;
            padding:0;
        }

	/* couleur dans le sous-menu element vide */
        #example1 li {
            margin::0;
            padding:0;
            list-style-type:none;
            background-color:#ac8b68; /* marron */
            color:#FFFFFF;
        }
        
	#example1 a.sousmenu:hover {
	    color: #FFFFFF /* blanc */;
            background-color:#ac8b68; /* marron UPMC */ }

	#example1 a.sousmenu:active {
	    color: #000000; /* noir */ }

	/* couleur de LI (MENU)*/
        #example1 li a {
            padding:5px 10px 5px 20px;
            border-top:1px solid #9A9A9A;
            border-left:1px solid #9A9A9A;
            border-right:1px solid #696969;
            border-bottom:1px solid #757575;
            background-color:#000000;
            color:#000000;
        }

        #example1 li.active a, #example1 li li.active a {
            border-top:1px solid #5F5F5F;
            border-bottom:1px solid #7B7B7B;
            border-left:1px solid #757575;
            border-right:1px solid #9A9A9A;
            background-color:#FFFFFF;
            color:#000000;
        }

	/* couleur (sous menu) */
        #example1 li.active li a, #example1 li li a {
            padding:2px 4px 2px 30px;
            border-top:1px solid #696969;
            border-left:10px solid #696969;
            border-right:1px solid #8A8A8A;
            border-bottom:1px solid #7B7B7B;
            background-color:#ffc66d; /* orange */
            font-weight:normal;
            color:#000000;
        }