/* css generated by Tangui's brain >> Skedar.Dark@laposte.net */

*{margin:0;padding:0;}
/* un peu barbare, certes, mais efficace :) (* = all) */

html{
margin-left:auto;
margin-right:auto;
width:780px;
height:680px;
}

body{
width:780px;
height:680px;
background:url("images/background.jpg") no-repeat;
font-size:14px;
}

#contenu{
position:absolute;
width:460px;
height:380px;
top:240px;
left:72px;
overflow:auto;
}

#actus{
position:absolute;
width:160px;
height:190px;
top:226px;
left:556px;
overflow:auto;
}

#liens{
position:absolute;
width:160px;
height:160px;
top:466px;
left:556px;
overflow:auto;
/* on supprime les puces */
list-style-type:none;
}

#liens li{
width:90%;
margin-bottom:6px;
/* histoire de les espacer un peu */
}

#liens li a{
display:block;
color:black;
font-weight:bold;
font-size:13px;
}

#liens li a:hover{
color:#127BCC;
text-decoration:overline underline;
}

/* toujours mettre un overflow pour éviter que du texte déborde, par exmple lorsqu'on met une URI très longue */

/* ----------------------------------------------------- menu ----------------------------------------------------- */
#menu{
list-style-type:none;
position:absolute;
top:160px;
left:70px;
}

#menu li{
text-align:center;
float:left;
height:26px;
overflow:hidden;
}

#menu li a{
color:black;
font-size:16px;
font-weight:bold;
text-decoration:none;
}



/* IE ne comprend pas html>body (c'est le seul). En conséquence, on peut dire à IE de mettre la police en 16px (ci dessus) et aux autres de la mettre en 18px (ci dessous) */
/* IE ne comprend pas bien ce qu'est un pixel */
html>body #menu li a{
font-size:18px;
}

/* ---------------------------------------------------- éléments de la liste --------------------------------------- */
#firstli{
width:150px;
}

#secondli{
width:170px;
}

#thirdli{
width:170px;
}

#fourthli{
width:160px;
}