body {
        margin:0;
        /*background:#93C96F;*/
		background:#AFA8C9;
		
}
.js_willshow,
.hidden { /* only displayed on javascript active ! */
        display:none;
}
.js_mustshow_fade,
.js_mustshow_slide {} /* must be displayed */

#side {
        float:left;
        width:200px;
}
        #logo {
                margin:10px 0 25px 0;
                text-align:center;
                background:url('./img/logobg.png') repeat-x center;
        }
        #logo img {
                vertical-align:middle;
                border:0;
        }
        
        #menutop {
                background:url('./img/menutopbg.png') repeat-x top left;
                height:20px;
                margin-left:3px;
        }
        #menubottom {
                background:url('./img/menubottombg.png') repeat-x bottom left;
                height:20px;
                margin-left:3px;
                margin-right:-1px;
        }
        #menu {
                border-left:1px solid red;/* Bordure gauche de tout le menu */
                border-right:1px solid red;/* Bordure droite de tout le menu */
                margin-left:3px;
                cursor:default;
                margin-right:-1px;
        }
        #menu a,
        #menu span {
                line-height:30px;
                display:block;
                padding-left:5px;
                white-space:nowrap;
                font-family:Verdana, Geneva, Arial, sans-serif;
                font-size:12px;
                text-decoration:none;
        }
        #menu .submenulevel1 a,
        #menu .submenulevel1 span
        {
                padding:0 20px 0 20px;
        }
        #menu .submenulevel1 .menunode {
                padding:0 35px 0 20px;
        }
        #menu div {
                position:relative;
                margin-left:100%;
                top:-30px;
        }
        #menu ul {
                list-style-type:none;
                padding:0;
                margin:0;
                position:absolute;
                display:none;
        }
        #menu #menu_normal,
        #menu #menu_office {
                position:static;
                display:block;
        }
        #menu #menu_normal .menunode { background:url('./img/menunode_menunormal_arrow.png') no-repeat center right; }
        #menu #menu_normal { background:white; } /* Boutons Actualités et Présentation */
        #menu #menu_normal a { color:#404A59; } /* Couleur texte boutons Actualites et Presentation */
        #menu #menu_normal span { color:#6A914E; }
        #menu #menu_normal a:hover { color:white; }
        #menu #menu_normal li {
                /*border-top:1px solid #AFA8C9;*/ /* Bordures haut boutons Actualites et Presentation */
                /*border-bottom:1px solid #AFA8C9;*/ /* Bordures bas boutons Actualites et Presentation */
        }
        #menu #menu_normal li:hover {
                border-top:1px solid red; /* Bordure haut boutons Actualites et Presentation survolés */
                border-bottom:1px solid red; /* Bordure bas boutons Actualites et Presentation survolés */
                background:#EBB704; /* Couleur boutons Actualites et Presentation survolés */
				font-weight:bold;
				
        }
        #menu #menu_normal .submenulevel1 li {
                border:0;
        }
        #menu #menu_normal .submenulevel1 li:hover {
                background:#AFA8C9;
        }
        #menu #menu_normal .submenulevel1 li:hover span { color:#E0EDD8; }
        #menu #menu_normal .submenulevel1 li a { color:#404A59; } /* Gris */
        #menu #menu_normal .submenulevel1 li a:hover { color:white; }
        #menu #menu_normal ul {
                border:1px solid red;
                background:white; /* Couleur sous menu du bouton Présentation */
        }
        #menu #menu_office .menunode { background:url('./img/plus.gif') no-repeat center right; }
        #menu #menu_office li:hover .menunode { background:url('./img/menunode_menuoffice_arrow.png') no-repeat center right; }
        #menu #menu_office { background:white; } /* Couleur des boutons du menu */
        #menu #menu_office a { color:#404A59; } /* Couleur du texte des boutons du menu (gris) */
        #menu #menu_office span { color:#D8E08E; }
        #menu #menu_office li:hover a { color:white; } /* Couleur du texte des boutons du menu quand ils sont survolés */
        #menu #menu_office li {
                border-top:1px solid #AFA8C9;
                border-bottom:1px solid #AFA8C9;
        }
        #menu #menu_office li:hover {
                border-top:1px solid #84C25B;
                border-bottom:1px solid #84C25B;
                background:#EBB704;/*Menu survolé devient jaune*/
				font-weight:bold;
				
        }
        #menu #menu_office li:hover span { color:#404A59; } /* Gris */
        #menu #menu_office .submenulevel1 li {
                border:0;
        }
        #menu #menu_office .submenulevel1 li:hover {
                background:#AFA8C9;
        }
        #menu #menu_office .submenulevel1 li:hover span { color:#E0EDD8; }
        #menu #menu_office .submenulevel1 li:hover .menunode { background:url('./img/menunode_menuoffice_arrow_hover.png') no-repeat center right; }
        #menu #menu_office .submenulevel1 li a { color:#404A59; } /* Couleur texte sous menus (gris)*/
        #menu #menu_office .submenulevel1 li a:hover { color:white; }
        #menu #menu_office ul {
                border:1px solid red;
                background:white; /* Couleur des sous menus */
        }
        #menu .submenulevel0 li:hover .submenulevel1 { display:block; margin-top:-1px; }
        #menu .submenulevel1 li:hover .submenulevel2 { display:block; margin-top:-1px; }
        #menu .submenulevel2 li:hover .submenulevel3 { display:block; margin-top:-1px; }
        #menu .submenulevel3 li:hover .submenulevel4 { display:block; margin-top:-1px; }
        #menu .submenulevel4 li:hover .submenulevel5 { display:block; margin-top:-1px; }
        #menu .submenulevel5 li:hover .submenulevel6 { display:block; margin-top:-1px; }
        #menu .submenulevel6 li:hover .submenulevel7 { display:block; margin-top:-1px; }
        #menu .submenulevel7 li:hover .submenulevel8 { display:block; margin-top:-1px; }
        #menu .submenulevel8 li:hover .submenulevel9 { display:block; margin-top:-1px; }
#page {
        margin:0 10px 0 200px;
        padding-top:29px;
}
        #page #bar {
                margin:0 0 0 1px;
                padding:0 25px 0 25px;
                background:white;
                overflow:hidden;
                line-height:25px;
                color:#666666;
                font-family:Verdana, Geneva, Arial, sans-serif;
                font-size:11px;
                cursor:default;
                /*border:1px solid #84C25B;*/
				border:1px solid red;
                border-bottom:0;
                border-left:1;
				
        }
        #page #bar a {
                padding:100% 0 100% 0;
                color:gray;
                text-decoration:none;
        }
        #page #bar a:hover {
                color:#AFA8C9;
        }
        #page #bar #bar_currentitem {
                color:black;
        }
        #page #bar .bar_inactiveitem {
                color:#B5B5B5;
        }
        #page #content {
                background:white;
                padding:10px 25px 60px 25px;
                font-family:Verdana, Geneva, Arial, sans-serif;
                font-size:.8em;
                /*border:1px solid #84C25B;*/
				border:1px solid red;
                border-top:0;
                border-bottom-left-radius:10px;
                border-bottom-right-radius:10px;
        }
                #page #content p:first-letter {
                        margin-left:5px;
                }
                #page #content ul {
                        list-style-image:url('./img/content.mark.icon.png');
						
                }
                #page #content p {
                        margin-top:0;
                }
                #page #content table {
                        border-collapse:collapse;
                }
                #page #content td {
                        /*border:1px solid #87B767;*/
						border:1px solid #AFA8C9;
                        padding:8px;
						text-align:center;
                }
                #page #content th,
                #page #content caption {
                        /*background:#AADE86;*/
						background:#AFA8C9;
                        border:1px solid #87B767;
                        padding:8px;
                        /*color:#6B9152;*/
                        font-weight:bold;
                        text-align:center;
                }
                #page #content #download table {
                        width:100%;
                        border-collapse:collapse;
                }
                #page #content #download th,
                #page #content #download caption {
                        /*border:1px solid #87B767;*/
						border:1px solid black;
                        /*background:#AADE86;*/
						background:#AFA8C9;
                        padding:8px;
                        /*color:#6B9152;*/
                        font-weight:bold;
                        text-align:center;
                }
                #page #content #download td {
                        /*border:1px solid #87B767;*/
						border:1px solid black;
                        background:no-repeat center right;
                        padding:0;
                }
                #page #content #download .download_item:hover {
                        /*background-color:#D6F7BF;*/
						background-color:#E8DBFF;
                }
                #page #content #download p {
                        padding:8px;
                        margin:0;
                        text-align:center;
                }
                #page #content #download a {
                        padding:8px 32px 8px 40px;
                        display:block;
                }
                #page #content #download a:hover {
                        background:url('./img/content.download.saveas.png') no-repeat center left;
                        border-bottom:none;
                }
                #page #content #download .download_broken,
                #page #content #download .download_broken:hover {
                        cursor:default;
                        background:url('./img/content.download.broken.png') no-repeat center left;
                }
                #page #content #download .download_soon,
                #page #content #download .download_soon:hover {
                        cursor:default;
                        color:gray;
                        background:none;
                }
                #page #content h1 {
                        margin:0 0 40px 0;
                        padding:0;
                        font-family:Verdana, Geneva, Arial, sans-serif;
                        font-size:1.7em;
                        font-weight:normal;
                        color:black;
                        cursor:default;
                }
                #page #content h1 img,
                #page #content .icon {
                        vertical-align:middle;
                        margin-right:10px;
                        margin-bottom:2px;
                }
                #page #content h2 {
                        background:#AFA8C9;
                        /*color:#7EAB60;*/
                        font-weight:bold;
                        font-size:1em;
                        padding:8px;
                        margin:30px 0 20px 0;
                        cursor:default;
                        border-radius:8px;
                }
				
				.cadreActu {
                        background:#ffcc00;
                        color:#000000;
                        font-weight:bold;
                        font-size:1em;
                        padding:8px;
                        margin:30px 0 20px 0;
                        cursor:default;
                        border-radius:8px;
                }
				
                #page #content h2:hover {
                        /*color:#90C46E;*/
						color:white;
                }
				#page #content h3 {
                        font-size:1em;
                        /*background:#ECFFDF;*/
						background:#E8DBFF;
                        color:#7EAB60;
                        font-weight:normal;
                        padding:2px 20px 2px 8px;
                        margin:20px 0 10px 0;
                        border-radius:5px;
                }
                #page #content a {
                        text-decoration:none;
                        /*color:#7EAB60;*/
						color:#B73721;
                        cursor:pointer;
                }
                #page #content a:hover,
                #page #content a:focus {
                        border-bottom:1px dotted;
                }
                #page #content .a_mailto:after {
                        content:url('./img/content.a_mailto.icon.png');
                        margin-left:3px;
                        vertical-align:top;
                }
                #page #content .a_extern:after {
                        content:url('./img/content.a_extern.icon.png');
                        margin-left:3px;
                        vertical-align:top;
                }
                #page #content .box {
                        width:95%;
                        margin:20px auto 20px auto;
                        background:#FFF4BF;
                        border-radius:8px;
                        border-collapse:collapse;
                        cursor:default;
                }
                #page #content .box td {
                        border:0;
                        padding:0;
                }
                #page #content .box .box_icon_wp {
                        padding:10px 0 10px 20px;
                }
                #page #content .box .box_icon_wp p {
                        margin:0;
                }
                #page #content .box .box_text_wp {
                        width:100%;
                        padding:10px 20px 10px 20px;
                }
                #page #contentpage_new .box {
                        width:100%;
                        margin:0;
                        border-top-left-radius:0;
                        border-top-right-radius:0;
                }
                #page #contentpage_new .box_text_wp {
                        padding-top:30px;
                }
                #page #contentpage_new #content_mainnew {
                        margin-bottom:0;
                        border-bottom-left-radius:0;
                        border-bottom-right-radius:0;
                }
                #page #contentpage_new h3 {
                        background:none;
                        border:none;
                        padding:0;
                        font-weight:bold;
                }
                #page #contentpage_new h3:first-letter {
                        margin:0;
                }
                #page #content .box h1 {
                        font-size:1em;
                        color:#83A86C;
                        margin:0 0 5px 0;
                        padding:0;
                        font-weight:bold;
                }
                #page #content .mark {
                        list-style-image:url('./img/content.mark.icon.png');
                }
                #page #content .mark li {
                        margin-bottom:5px;
                }
                #page #content acronym {
                        cursor:help;
                }
                #page #content acronym:hover {
                        border-bottom:none;
                        color:#555555;
                }
        #page #footer {
                text-align:center;
                margin:20px 0 50px 1px;
                cursor:default;
                font-family:Verdana, Geneva, Arial, sans-serif;
                font-size:11px;
                color:red;
        }
        #page #footer a {
                /*color:#D4FCB8;*/
				color:white;
                text-decoration:none;
        }
        #page #footer a:hover {
                /*color:#ECFFE0;*/
				color:red;
                border-bottom:1px dotted;
        }
        #page #footer #footer_w3c {
                position:relative;
                top:5px;
                border:1px solid #9CCF7D;
                line-height:20px;
        }
        #page #footer #footer_w3c span,
        #page #footer #footer_w3c a {
                padding:0 5px 0 5px;
        }
        #page #footer #footer_w3c span {
                color:#CEF5B3;
                background:#9CCF7D;
        }
        #page #footer #footer_w3c a {
                color:#AFE88B;
        }
        #page #footer #footer_w3c a:hover {
                color:#CEF5B3;
                text-decoration:none;
        }

.actuListe ul {
                        list-style-image:url('./img/content.mark.icon.png');
						text-align:left;
                }