body {
background:green;
color:#000000;
}
body, html, h1, h2, h3, p, ul, li, div, span, table, tr, td, a {
margin:0px;
padding:0px;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 8pt;
text-align:justify;
}
p,h1,h2 {
margin:0px;
padding:10px;
}
ul {
padding-left:20px;
}

img {
margin:0px;
padding:0px;
border-style: solid ;
border-width: 0px;
}
a, a:visited {
background-color:transparent;
color:#000000;
}
a:hover {
background-color:transparent;
color:#008000;
text-decoration:underline;
}

h1 {
padding:20px 0px;
text-align:center;
font-size: 12pt;
color: black;
}
h2 {
font-size: 10pt;
}
h3 {
padding: 10px 10px 0px 10px;
font-weight: bold;
font-size: 10pt;
color: green;
}
.centre{
text-align:center;
}
.encadre{
text-align:center;
color:white;
background-color:green;
border: 1px solid black;
margin-left:200px;
width:400px;
font-weight: normal;
}
#contenu {
position:absolute;
top:0px;
left:50%;
margin-left:-400px;
width:800px;
background:white;
}
#menu {
margin:0px;
padding:0px;
}
#menu table, #menu tr, #menu td {
margin: 0px;
padding:0px;
border-collapse: collapse;
border-style: solid ;
border-width: 0px;
text-align: justify;
text-align:center;
vertical-align: middle;
height:100px;
}
#menu a, #menu a:visited {
color:white;
text-decoration:none;
}	
#menu a:hover {
color:white;
text-decoration:underline;
}
#menu a.sel, #menu a.sel:visited, #menu a.sel:hover {
color:white;
text-decoration:none;
}		
.c1 {
background-color:navy;
color: white;
font-weight:bold;
width:100px;
}
.c2 {
background-color:green;
color: white;
font-weight:bold;
width:100px;
}
.c3 {
background-color:maroon;
color: white;
font-weight:bold;
width:100px;
}
.c4 {
background-color:darkorange;
color: #000000;
font-weight:bold;
width:100px;
}

.i1 {
background-image:url(images/menu1.jpg);
width:100px;
}
.i2 {
background-image:url(images/menu2.jpg);
width:100px;
}
.i3 {
background-image:url(images/menu3.jpg);
width:100px;
}
.i4 {
background-image:url(images/menu4.jpg);
width:100px;
}
.i5 {
background-image:url(images/menu5.jpg);
width:100px;
}
.i6 {
background-image:url(images/menu6.jpg);
width:100px;
}
.i7 {
background-image:url(images/menu7.jpg);
width:100px;
}
#i8 {
background-image:url(images/menu8.jpg);
width:100px;
}
#i9 {
background-image:url(images/menu9.jpg);
width:100px;
}
#i10 {
background-image:url(images/institut.gif);
width:600px;
}

#corps {
}

#fin p, #fin a {
text-align:center;
}

#tab1 table, #tab1 tr, #tab1 td {
margin: 5px;
padding:5px;
border-collapse: collapse;
border-style: solid ;
border-width: 0px;
border-color: black;
text-align: justify;
vertical-align: top;
}

#tab1 .col1 {
padding: 5px 0px 0px 5px;
font-weight:bold;
}
#tab1 .col2 {
background-color:white;
color:green;
padding: 5px 0px 0px 5px;
font-weight:bold;
}
#tab1 .col4 , #tab1 .col3{
padding: 5px 0px 0px 5px;
}

#tab2 {
position:relative;
left:95px;
}
#tab2 table, #tab2 tr, #tab2 td {
margin: 0px;
padding:5px;
border-collapse: collapse;
border-style: solid ;
border-width: 0px;
border-color: black;
text-align: center;
vertical-align: top;
}
#tab2 td {
width:200px;
}

.calendrier{
text-align:center;
border: 1px solid black;
}

.calendrier td {
font-size: 7pt;
text-align:center;
}

.we {
color:darkorange;
}
.mars {
background-color:darkgreen;
color:white;
}
.toul {
background-color:darkorange;
color:white;
}
.paris {
background-color:navy;
color:white;
}
.montp {
background-color:maroon;
color:white;
}
.lyon {
background-color:maroon;
color:white;
}
.rennes {
background-color:green;
color:white;
}
.bord {
background-color:darkorange;
color:white;
}
.mars {
background-color:darksalmon;
color:white;
}
.stras {
background-color:crimson;
color:white;
}
.calmois {
background-color:green;
color:white;
}
.blanc {
color:white;
}
#annuaire ul{
margin:0px 0px 10px 10px;
padding:0px;
font-weight:bold;
list-style: none;
clear:both;
}
#annuaire li{
margin:0px 10px;
padding:0px;
font-weight:normal;
clear:both;
}
#annuaire li img{
float:left;
padding:5px 5px 5px 0px;
}

#evaluation{
text-align:center;
color:white;
}