html{
font-size:93%;
font-family: arial,sans-serif;
}


body{
background-color:#e8d17d;
// background-image:url(img/gradient.jpg);
height:100%;
text-align:center;  // pour centrer avec ie explorer
}




*html #page {
text-align:left;
margin-left:auto;
margin-right:auto;
width:67em;
background-color:white;
height:100%;
border:solid;
border-width:1pt 1pt 0pt 1pt;
}


html>body #page{
text-align:left;
margin-left:auto;
margin-right:auto;
overflow:auto;
width:67em;
background-color:white;
min-height:100%;
border:solid;
border-width:1pt 1pt 0pt 1pt;
}




div#principal{
margin-top:30px;
width:50em;
float:left;
}

div#intro {
overflow:hidden;
float:left;
width:100%;
height:9em;
} 

div#foot{
text-align:left;
width:67em;
color:white;
background-color:#7C93E7;
margin-left:auto;
margin-right:auto;
border-color:black;
border-width:0pt 1pt 1pt 1pt;
border-style:solid;
}

#intro h1{
text-align:center;
font-size:1.8em;
font-family: georgia, times, serif;
font-style:italic;
}

#intro h3{
text-align:center;
font-size:1.5em;
font-family: georgia, times, serif;
font-style:italic;
}


#intro a:visited{
color:blue;
}


div#login{
padding-top:5px;
padding-left:10px;
float:right;
background-color:white;
height:9em;
width:15em;
}


div#menu{
float:left;
width:14em;
margin-top:30px;
}

#menu li{
margin-top:13px;
padding:6px 5px 6px 5px;
list-style-type:none;
background-color:#E7A77C;
}


#menu li:hover{
background-color:#E76D1B;
font-weight:bold;
}
 

li.pieces_jointes{
list-style-type:none;
border-top: 1px solid #999;
padding:.5em;
}


#menu a{
cursor:pointer;
width:100%;
color:blue;
text-decoration:none;
display:block;
}

#menu a:visited{
color:blue;
text-decoration:none;
}



div.action{
padding:10px;

}

div#bas{
padding:10px;
overflow:auto;
}

div.onglet{
height:3em;width:8em;text-align:center;border-style:solid;float:left;
font-weight:bold;
}

div.ongletappuye{
background-color:#7C93E7;
}


div.onglet:hover{
background-color:blue;
}


div#texte{
width:40em;
height:200px;
padding:20px;
margin-left:10px;
margin-right:10px;
float:left;
border:solid;
}


html>body div#texte{
height:auto;
width:40em;
min-height:200px;
padding:20px;
margin-left:10px;
margin-right:10px;
float:left;
border:solid;
}


dl.table-display
{
margin: 0 0;
padding: 0;
font-family: Arial,georgia;
text-align:left;
}

.table-display dt
{
width: 13em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
clear:left;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { }
/* end hack */

.table-display dd
{
float: left;
margin: 0 0 0 0;
padding: .5em;
width:8em;
}

/* pour affichier correctement les icones dans les vues du cahier   */

.table-display dd.icone
{
float: left;
margin: 0 0 0 0;
padding: .5em;
width:5em;
}



dt.groupe
{
font-style:italic;
}






.seance{
    background-color:#E0E0E0;
    padding:8px; margin:4px;
    overflow:auto;
}


.date{
	color:white;
	background: gray;
	font-size:0.8em;
}




a img { 
 		border:none;
 		}