/****************************************************************/
/* Les réglages principaux 
 */
body {
	background : #eeeeee;
	color : #000000;
	font-family : Helvetica,Lucida,Arial,sans-serif;
	margin : 0pt; 
        text-align: justify;
}

/* link color */
a {
	color : #0050a0;
	text-decoration : none;
	background : transparent;
}

/* active link */
a:active {
	color : #0000cc;
	background : transparent;
}

/* hover anywhere */
a:hover {
	color : #0088cc;
	background : transparent;
}


/****************************************************************/
/* Les headers
 */

div.header { 
        /*position : fixed;   */
}

/* outline of the navBar at the top */
#menu {
/*        border : 1px solid black;*/
        border-color : black;
	background : #ddddee;
	color : #000000;
	font-size : 90%;
        margin : 0pt;
}

#menu div { 
        margin:0;
        padding:0;
}

#menu ul { 
        margin:0;
        padding:0;
}

#menu div.TitleLine { 
/*	background : #ddddee;
	color : #000000;*/
        border : 1px solid black;
        border-color : black;
	font-weight : bold;
	font-size : 200%;
        padding-right : .25em;
        letter-spacing : .5ex;
}

#menu div.TitleLine:first-letter { 	
        background : #4466bb;
	color : #ddddee;
        border-right : 1px solid black;
        padding-left : .5ex;
}

#menu div.MainMenu {
        border : 1px solid black;
        border-top : none;
        border-left: 1px solid black;
        text-decoration: none;
        text-align: left;
        background : #ccccff;
        color : #332244;        
}

#menu .MainMenu ul {
  padding: 0px;
  background : #ccccff;
}

#menu .MainMenu ul ul { 
  display:block;
  border:solid 1px black;
}

#menu .MainMenu li.OpenedFolder > a:before {
  content: url("Icons/folder-open.gif") " ";
}

#menu .MainMenu li.ClosedFolder > a:before {
  content: url("Icons/folder-closed.gif") " ";
}

#menu .MainMenu li {
  padding-left: 1em;
  margin-right: 0pt;
}

#menu .MainMenu a { 
        display: block;
        width:100%;
        padding-left: 0em;
        margin-left: 0em;
        margin-right: 1em;
        padding-right: 0em;
	color : #332244;
        text-decoration : none;
	font-weight : bold;
}

#menu .MainMenu a.OutPath:hover {
	color : #0066cc;
}

#menu .MainMenu .SelectedPath { 
        color : #0066cc;
}


#menu .MainMenu a.OnPath { color : #0055aa; }
#menu .MainMenu li {list-style-type: none; margin-top: 1px;}

/* On cache les sous menus */
#menu .MainMenu div div { position:absolute;display:none; font-style: normal;}
/* Affichage des sous menus */
/* On les affiche à droite quand il faut */
#menu .MainMenu li.OpenedFolder > a:before { content: url("Icons/folder-closed.gif") " ";}
#menu .MainMenu li.OpenedFolder > a { display: inline; }
#menu .MainMenu li.ClosedFolder > a { display: inline; }
#menu .MainMenu li:hover > div { display:inline; }

/* On affiche toujours les sous menus ouverts */
#menue .MainMenu div.OpenedFolder { 
                                   position:static;
                                   display:block;
                                   padding-left: 1em;
                                   }
#menue .MainMenu div.OpenedFolder > ul { border:none; }
#menue .MainMenu li.OpenedFolder > a:before { content: url("Icons/folder-open.gif") " ";}
#menue .MainMenu li.ClosedFolder > a:before { content: url("Icons/folder-closed.gif") " ";}
#menue .MainMenu li:hover div.OpenedFolder { display:block;}
#menue .MainMenu li.OpenedFolder > a { display:block;}
/* On cache toujours les sous menus fermés */
#menue .MainMenu div.ClosedFolder { display: none; }

/* Mise en évidence des entrées de menu sélectionnée */
#menu .MainMenu li:hover { background: #bbbbbb;}
/* Uniquement si on n'est pas déjà déroulé... */
#menue .MainMenu li.ClosedFolder:hover { background: #bbbbbb;}
#menue .MainMenu li.NoFolder:hover { background: #bbbbbb;}
#menue .MainMenu li.OpenedFolder:hover > a:hover { background: #bbbbbb; }


/* Menu à gauche */
#menue .MainMenu{float: left; display: inline;}
/* Ou en ligne */
/* Premier sous menu en dessous */
#menu .MainMenu div.MainFolder > ul > li:hover > div { display:block; }
#menu .MainMenu div.MainFolder > ul > li { display:table-cell; padding-right:1em }
#menu .MainMenu div.MainFolder > ul > li > a { display:block }
#menu .MainMenu div.MainFolder > ul > li.OpenedFolder > a:before { content: url("Icons/folder-open.gif") " ";}
#menu .MainMenu div.MainFolder > ul > li.ClosedFolder > a:before { content: url("Icons/folder-open.gif") " ";}

/****************************************************************/
/* Le bas de page
 */

div.footer {
        clear: both;
        border-top: 1pt solid black;
        /*width: 100%*/
        /*position : fixed;   */
}

div.footer div.validators { 
        float: left;
}

div.footer div.validators img { 
        border: none;
        margin-left: .5em;
        margin-right: .5em;
}

div.footer div.validators p { 
        display: inline;
}

div.footer div.infos { 
        margin-top: 0.5em;
        display: table;
}

div.footer div.infos div { 
        font-size: 80%;
        /*border: 1pt black solid;*/
        display: table-cell;
        width: 33%
}

div.footer div.infos div.modif { 
        text-align: left;
        /*float: left;*/
}

div.footer div.infos div.mailto { 
        text-align: center;
        /*width: 100%;*/
        /*display: inline;*/
}

div.footer div.infos div.source { 
        text-align: right;
        /*float: right;*/
}


/****************************************************************/
/* La page principale
 */

div.body { 
        display: table;
}

div.leftside { 
        display: block;
        float: left;
        max-width: 50%;
}

div.rightside { 
        display: table;
}

dl.newsentry > dt { 
        font-weight: bold;
}

dl.newsentry > dt > .pubdate {
        padding-left: 1em;
        color: #808080;
}

dl.infos > dt { 
        font-weight: bold;
}

dl.infos > dt {
        display: run-in;
}

/****************************************************************/
/* Les frames/subframes
 */

div.frame {
	background : #ffffff;
	color : #000000;
        border : 1px solid black;
        border-color : black;
        margin : 1em;
        margin-top : 1em;
        padding : 0em;
}

div.subframe {
	background : #ffffff;
	color : #000000;
        border : 1px solid black;
        border-color : black;
        margin : 0.5em;
        margin-top : 1em;
        padding : 0em;        
}

div.frameHeader { 
        background : #cccccc;
        border-bottom : 1px solid black;
        margin-top : 0pt;
        margin-left : 0pt;
}

div.frameHeader > div.frameTitle { 
        background : #6688cc;
        border-right : 1px solid black;
        padding-left : .25em;
        padding-right : .25em;
        float: left;
}

div.frameTitle > h1 { 
        font-size : 120%;    
        margin-top : 0pt;
        margin-bottom : 0pt;
}

div.frameTitle > h2 { 
        font-size : 110%;    
        margin-top : 0pt;
        margin-bottom : 0pt;
}

div.frameHeader > div.frameNote {
        float : right;
        margin : 0pt; padding:0pt;
	font-size : 80%;
        text-align : right;
        vertical-align: text-bottom;
        padding-left : .25em;
        padding-right : .25em;
}

div.frameHeader > div.frameTitleEnd { 
        clear: both;
}

div.frameContent { 
        padding : 0em;
        margin : .25em;
        margin-right : .25em;
        margin-left : 1em;
        margin-right : 1em;
        clear: both;
}

/****************************************************************/
/* La biblio
 */

div.bibentry > p.author { 
        font-style: italic;
}

div.bibentry > div.bibitem { 
        font-family: monospace;
}

div.bibentry > div.bibitem dl.bibline { 
        padding:0;
        margin:0;
        margin-left:2em;
}

div.bibentry > div.bibitem > dl.bibline > dt {
        clear: both;
        float: left;
        display: inline;
        width: 9em;
}