:link, :visited {
text-decoration: none;
font-weight: 800;
color: #009;
}

ul { list-style:none }

ul,li,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

em {
font-weight: 800;
}

#droite img {
display: block;
position: absolute;
margin-top: o;
}

body {
background: #eee;
margin: 0px;
font-family: Verdana, sans-serif, Arial, Helvetica;
}

h1 {
font-size: 16px;
color: #FFFFFF;
text-align: center;
margin: 0;
}


#enveloppe {
margin-top: 10px;
width: 600px;
position: absolute;
left: 50%;
margin-left: -400px;
}

#gauche {
position: relative;
float: left;
margin-left: 0px;
margin-bottom: 4px;
width: 370px;
height: 510px;
background: url(Affiche12.jpg) no-repeat;
}

.pavu {
display: none;
}

#irem a {
position: absolute;
display: block;
top: 209px;
left: 95px;
width: 215px;
height:36px;
background: url(irem.png);
}

#irem a:hover  {
display: block;
background: url(ireminv.png);
}

#villet a {
position: absolute;
display: block;
left: 15px;
top: 30px;
width: 80px;
height:45px;
background: url(logvil7.png);
}

#villet a:hover  {
display: block;
background: url(logvil7inv.png);
}

#gaum a {
position: absolute;
display: block;
left: 290px;
top: 15px;
width: 110px;
height:75px;
background: url(gaumont1.png);
}

#gaum a:hover  {
display: block;
background: url(gaumontinv1.png);
}

#hn a {
position:absolute;
display: block;
top: 0px;
left: 120px;
width: 49px;
height:79px;
background: url(hn.jpg);
}

#hn a:hover  {
display: block;
background: url(hninv.jpg);
}

#apmep a {
position:absolute;
display: block;
top: 0px;
left: 170px;
width: 64px;
height:65px;
background: url(apmep.gif);
}

#apmep a:hover  {
display: block;
background: url(apmepinv.png);
}

#acad a {
position: absolute;
display: block;
top: 0px;
left: 236px;
width: 45px;
height:53px;
background: url(acad.png);
}

#acad a:hover  {
display: block;
background: url(acadinv.png);
}

#eure a {
position: absolute;
display: block;
top: 255px;
left: 10px;
width: 100px;
height:20px;
background: url(eure.png);
}

#eure a:hover  {
display: block;
background: url(eureinv.png);
}

#cnrs a {
position: absolute;
display: block;
top: 280px;
left: 25px;
width: 150px;
height:65px;
background: url(logo-cnrs.png);
}

#cnrs a:hover  {
display: block;
background: url(logo-cnrsinv.png);
}

#smarit a {
position: absolute;
display: block;
top: 270px;
left: 165px;
width: 85px;
height:112px;
background: url(smarit.png);
}

#smarit a:hover  {
display: block;
background: url(smaritinv.png);
}

#bonbon a {
position: absolute;
display: block;
top: 420px;
left: 175px;
width: 85px;
height:87px;
background: url(bonbon.jpg);
}

#bonbon a:hover  {
display: block;
background: url(bonboninv.jpg);
}


#univr a {
position: absolute;
display: block;
top: 255px;
left: 270px;
width: 120px;
height:45px;
background: url(urouen.png);
}

#univr a:hover  {
display: block;
background: url(uroueninv.png);
}

#casio a {
position: absolute;
display: block;
top: 310px;
left: 270px;
width: 120px;
height: 22px;
z-index: 2;
background: transparent url(casio.png);
}

#casio a:hover  {
display: block;
background: url(casioinv.png);
}

#cme a {
position: absolute;
display: block;
top: 342px;
left: 270px;
width: 120px;
height: 58px;

background: url(cme.gif);
}

#cme a:hover  {
display: block;
background: url(cmeinv.gif);
}


#cijm a {
position: absolute;
display: block;
top: 440px;
left: 10px;
width: 45px;
height:53px;
background: url(cijm.gif);
}

#cijm a:hover  {
display: block;
background: url(cijminv.gif);
}
#pontaud a {
position: absolute;
display: block;
top: 415px;
left: 270px;
width: 120px;
height: 40px;
z-index: 2;
background: transparent url(pontaud.png);
}

#pontaud a:hover  {
display: block;
background: url(pontaudinv.png);
}

#dieppe a {
position: absolute;
display: block;
top: 460px;
left: 270px;
width: 120px;
height: 47px;
z-index: 2;
background: transparent url(vddieppmage.png);
}

#dieppe a:hover  {
display: block;
background: url(vddieppmageinv.png);
}

#mathad a {
position: absolute;
display: block;
right: 0;
bottom: 0;
width: 100px;
height: 26px;
background: transparent url(tinymathadore.gif) no-repeat bottom;
font-size: 10px;
text-align: center;
}

#mathad p {
margin: 5px 0 0 0;
}

#droite {
position: relative;
float: left;
margin-left: 0;
width: 199px;
height: 546px;
border-right: 1px solid #ddd;
}

#textepart p {
margin: 5px 0px 0 4px;
font-size: 12px;
color: #000;
}

#textepart {
position: absolute;
width: 400px;
top: 180px;
}

#textefixe p {
margin: 5px 0px 0 4px;
font-size: 12px;
color: #000;
}

#textefixe {
position: absolute;
width: 400px;
top: 220px;

}

#maj {
position: absolute;
top: 5px;
padding: 0 5px 0 5px;
margin-left: 0px;
width: 380px;
height: 150px;
font-size: 12px;
font-weight: 700;
color: #000;
border: #ace 1px solid;
overflow: auto;
background: #ace;
}

#coord {
margin-left: 15px;
position: absolute;
top: 400px;
font-size: 10px;
}

#barbas {
position: absolute;
margin-top: 500px;
}


#pied {
position: relative;
float: left;
color: #777;
margin: 10px 20px 20px 110px;
font-Size: 10px;
top: -50px;
}