body {
font-family: Helvetica,Arial,sans-serif;
color: rgb(0, 102, 0);
background-color: #B8FFB9 ;
}
.gwrapper {
background-color: white;
margin-right:auto;
margin-left:auto;
width: 840px;
border:1px solid rgb(0, 102, 0);
}
.tdwrapper {
padding: 16px;
border-spacing: 2px;
}
.header {
background-color: white;
width: 95%;
text-align: left;
margin-left: auto;
margin-right: auto;
border: 0 ;
padding: 2px ;
border-spacing: 2px ; }
h1 {
font-family: Helvetica,Arial,sans-serif;
text-align: center;
font-size: 16pt;
font-weight: bold;
color: rgb(32, 122, 34);
}
h2 {
font-family: Helvetica,Arial,sans-serif;
text-align: center;
font-size: 14pt;
font-weight: bold;
font-style: italic;
color: rgb(0, 0, 153 ) ;
/* color: rgb(159, 38, 71); */
}
.titre {
font-style: italic; 
color: rgb(0, 167, 0);
}
.mailaddress {
font-family: courier, fixed, monospace;
font-size: small;
color: rgb(0, 0, 167);
}
.logos {
width: 80%; margin-left: auto;
margin-right: auto;
padding: 2px;
border-spacing: 2px;
border:1px solid rgb(0, 102, 0);
}
.logo {
text-align: center;
width: 50%;
}
.tabmenu {
width: 95%; 
margin-left: auto; 
margin-right: auto; 
background-color: rgb(0, 167, 0);
color: rgb(200, 239, 243);
border-width: 1px ;
padding: 2px;
border-spacing: 2px;
font-size: 11pt;
}
.courant {
background: rgb(255, 255, 204); 
color: rgb(153, 0, 0);
}

A.menulien:active {text-decoration: none; font-weight: bold; color: rgb(200, 239, 243)}
A.menulien:link {text-decoration: none; font-weight: bold; color: rgb(200, 239, 243)}
A.menulien:visited {text-decoration: none; font-weight: bold; color: rgb(200, 239, 243)}
A.menulien:hover {background: rgb(255, 255, 204); color: rgb(202, 0, 0); font-style: italic;
}
A.textelien:active {text-decoration: none; color: rgb(51, 153, 51);}
A.textelien:link {text-decoration: none; color: rgb(51, 153, 51);}
A.textelien:visited {text-decoration: none; color: rgb(51, 153, 51);}
A.textelien:hover {background: rgb(255, 255, 204); color: rgb(0, 0, 153 );}

A.infolien:active {text-decoration: none; color: rgb(0, 0, 102);}
A.infolien:link {text-decoration: none; color: rgb(0, 0, 102);}
A.infolien:visited {text-decoration: none; color: rgb(0, 0, 102);}
A.infolien:hover {background: rgb(255, 255, 204); color: rgb(0, 0, 153 );}

.datelieu {
text-align: center;
font-weight: bold;
width:55%;
border:1px solid rgb(0, 0, 102);
margin-right:auto;
margin-left:auto;
}
.bott {
text-align: center;
font-size: 8pt;
border-top:1px solid rgb(0, 0, 102);
border-bottom:1px solid rgb(0, 0, 102);
width:20%;
display:block;
clear:both ;
margin-right:auto;
margin-left:auto;
margin-top:20px;
}
.important {
font-weight: bold;
font-style: italic;
text-decoration: underline ;
}
.majinfo {
font-weight: bold;
font-size: 12pt;
color: rgb(159, 38, 71);
}
span.errorpar {
     color: red ;
}
.rappel {
 white-space: pre ;
 font-family: monospace;
 color: rgb(159, 38, 71) ;
 font-size: medium;
}
.programme {
width: 98%; 
margin-left: auto; 
margin-right: auto; 
border-width: 0 ;
}
tr.session {
 background: #FFFF99;
}

tr.jour {
 background: rgb(0, 167, 0);
 color: white;
 font-size: x-large;
 text-align: center;
}
td.jour {
 font-size: large;
 font-weight: bold;
}

tr.pause {
 background: rgb(32, 122, 34);
 color: white;
/* background: #FFFFCE; */
}
tr.labelscoltab {
 background: rgb(0, 167, 0);
 color: white;
}
.nomfamille {
font-weight: bold;
}
.labo {
font-style: italic;
}
.tbc {
font-style: italic;
}

.datemaj {
font-style: italic;
text-align: left;
}
td.temps {
font-style: italic;
vertical-align: top;
}
td.evenline {
vertical-align: top;
}

td.oddline {
 background: rgb(240, 240, 240);;
vertical-align: top;
}

.participants {
width: 95%;
margin-left: auto;
margin-right: auto;
border-width: 0 ;
}
.peoplelist {
padding-left: 4pt;
padding-right: 3pt;
}
.repas {
font-weight: bold;
background-color: rgb(159, 38, 71);
color: white;
border-width: 0 ;
margin-right: auto; 
margin-bottom: 10px;
margin-top:10px;
text-align: left;
}

div#bodyframe {
	 display: block ;
    margin: 0 auto;
    padding: 0;
    height: 100% ; 
/*	 overflow: scroll ; */
    position: relative;
}

#texte {
    position: relative;
font-size: 10pt;
color: black ;
text-align: justify;
margin-bottom: 10px;
/* width: 95%;
 margin-right:auto;
 margin-left:auto; */
margin-top:20px;
margin-left: 210px;
}

div#verticalmenu {
    position: relative;
	 display: block ;
/*	 color : white ; */
    margin-bottom: 0;
    margin: 0 auto;
    padding: 0;
/*    background: #3B3895; */
    float: left;
    width: 200px;
    text-align: center;
}

#navmenu {
	width: 200px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}

#navmenu li#headingdisp {
	display: block ;
	background-color: #B8FFB9 ;
	color: rgb(32, 122, 34); 
/*	color: #fff ; */
	border: 1px solid rgb(32, 122, 34) ;
	margin-bottom: 1px ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 10px 10px ; 
	}
	
#navmenu li {
	display: block ;
	background-color: rgb(32, 122, 34) ;
	color: #B8FFB9; 
/*	color: #fff ; */
	border: 1px solid rgb(32, 122, 34) ;
	margin-bottom: 1px ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
/*	padding: 10px 10px ; */
	}
	
#navmenu li a {
	display: block ;
	background: rgb(32, 122, 34) ;
	color: #B8FFB9 ;
/*	color: #fff ; */
/*	font: 1em "Trebuchet MS",Arial,sans-serif ; */
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 10px 10px ; 
	}

#navmenu li a:hover, #navmenu li a:focus, #navigation li a:active {
	background: #FFFFCC;
	color: rgb(32, 122, 34) ;
	text-decoration: none ;
	}