#gauche{
visibility: visible;
display: block;
position: absolute;
width: 195px;
height: 636px;
background-image: url("menujaune.gif");
background-repeat:repeat-x;
}

#haut{
position: absolute; 
width: 850px;
height: 80px;
background-image: url("hautjaune.gif");
background-repeat:repeat-y;
visibility: visible;
display: block 
}

#navlist
{
line-height: 1.6em;
margin: 0px;
padding: 0 0 0 0px;
font-size: 100%; font: 100% sans-serif;
}


#navlist li
{
list-style-type: none;
padding-right: 10px;
white-space: nowrap;
}

#navlist a
{
color: #720000;
font-size: 110%; font: 110% sans-serif;
}

#container {
    position: relative;
        }

#menugauche { visibility: visible; display: block; position: absolute; left: 9px; width: 186px; height: 160px; top: 160px }

#bandeaubas { position: absolute; top: 1450px; left: 260px; width: 655; height: 160px; visibility: visible; display: block }

#bandeauhaut {
position: absolute; top: 10px; left: 260px; width: 100%; height: 80px;
display: block }

#imagecoin { position: absolute; top: 46px; left: 20px; width: 655px; height: 160px; visibility: visible; display: block }

#texte { position: absolute; top: 60px; left: 215px; width: 75%; height: 800px; visibility: visible; display: block }

#tableau { position: absolute; top: 60px; left: 215px; width: 735; height: 800px; visibility: visible; display: block }


#elie { position: absolute; top: 95px; left: 20px; width: 200; height: 160px; visibility: visible; display: block }

#inria  { position: absolute; top:  60px; left: 50px; width: 200px; height: 40px; visibility: visible; display: block }


#uhp  { position: absolute; top:  5px; left: 10px; width: 200px; height: 160px; visibility: visible; display: block }

#cnrs  { position: absolute; top:  5px; left: 195px; width: 200px; height: 160px; visibility: visible; display: block }


#hal { position: absolute; top: 500px; left: 20px; width: 655px; height: 160px; visibility: visible; display: block }

#drapeaufr,#drapeauen { position: absolute; top: 500px; width: 56px; height: 46px; visibility: visible; display: block }

#drapeaufr {left:10px; }
#drapeauen {left:75px; }

table,body{	 
font-family:Verdana,sans-serif;
background-color :#FFFFFF;
color:#103c59;
font-size:14px;
margin:0px;
padding:0px;
}

h1{
padding-left:4px; 
padding-right:4px;
color:#004877;
}
					      
h2{
padding-left:6px; 
padding-right:6px;
color:#004877;
}
					      
h3{  
padding-left:12px; 
padding-right:12px;
color:#004877;
}

h4{  
padding-left:12px; 
padding-right:12px;
color:#004877; 
}

hr{
height:1px;
margin:0px; 
padding:0px;
background-color:#ffcc66; 
border-style:solid;
border-color:#ffcc66; 
}

a{      
color:#720000;
}

a:hover {
color:#7d4949;
}

a:visited {
color:#992e2e;
}

a:hover:visited {
color:#7d4949;
}

table#actus {
width: 90%;
border: 2px;
background-color: #FFFFFF;
}

.date { color: #000000; font-family: Arial,Helvetica ; font-weight: bold;}
.koi  { color: orange ; font-family: Arial,Helvetica ; font-weight: bold;}

table#membres {
// border-collapse:collapse;
width: 735px;
border: 2px;
background-color: #ffffff;
border-style: solid ;
border-color: #000000;
}



.personne { text-align: left; 
width: 25%;
border: 1px;
background-color: #ffffff;
border-style: solid ;
border-color: #000000;
}

.photo { text-align: left;
width: 25%;
border: 1px;
background-color: #ffffff;
border-style: solid ;
border-color: #000000;
}


.nombre { text-align: center;
width: 10%;
border: 1px;
background-color: #ffffff;
border-style: solid ;
border-color: #000000;
}