Problème d'onglet!

ok...

Voilà le CSS :

/* www.cssdebutant.com */

/* margin: haut droite bas gauche ou tout */
/* margin: marge externe */
/* padding: marge interne */
/* border: bordure */

/* link: lien si aucun évènement n'intervient */
/* visited: lien si il a déjà été cliqué */
/* hover: lien si survol avec la souris */
/* active: lien si il est cliqué */

body {
background:#8b8b8b;
color:#303030;
font:80% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

div.container {
background:#f0f0f0 url(image/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

div.header {
color:#ffffff;
height:85px;
margin:0 20px 10px;
text-align:left;
}

div.header p {
line-height:1.5em;
margin:0 0 0px;
}

div.header h1, div.header h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

div.header h1 {
font-size:2.4em;
padding-top:15px;
}

div.header h2 {
font-size:1.6em;
}

/*** Horizontal menu ***/

div.mainmenu {
float:left;
margin-bottom:25px;
}

div.mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

div.mainmenu li {
float:left;
/*height:20px;*/
list-style:none;
margin:0;
padding:0;
}

div.mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:5px 7px 5px;
/* text-transform:uppercase; */
}

div.mainmenu a:hover {
background:#f0f0f0 url(image/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

div.mainmenu li.selected a {
background:#f0f0f0 url(image/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

div.wrap {
clear:both;
font-size:0.9em;
padding:0;

}

/*** Sidebars ***/

div.leftside {
margin:0;
padding:0 10px 10px;
width:165px;
}

div.leftside {
float:left;
margin-right:10px;
}

div.leftside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

div.leftside h2 {
font-size:1.1em;
margin:0 0 20px;
}

div.leftside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

/*** Vertical submenu ***/

ul.sidemenu {
list-style-type:none;
margin-left: 0px;
padding-left: 0px;
}

ul.sidemenu li a {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
/*text-transform:uppercase;*/
width:150px;
}

ul.sidemenu ul.sidemenu li a {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 20px;
padding:4px 2px 2px 8px;
width:134px;
}

ul.sidemenu a:hover, ul.sidemenu > li.selected > a {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

/*** Content ***/

.content {
font-size: 105%;
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
line-height:1.3em;
text-align: justify;
margin:0 200px;
/* margin-right: 100px; */
width: 700px;
margin-bottom: 1em;
}

.partner {
text-align: center;
padding: 1em;
}

img { border: none; }

img.leftimg {
float: left;
padding: 1em;
}

img.righttimg {
float: right;
padding: 1em;
}

.clearleft {
clear: left;
}

.clearright {
clear: clearright;
}

div.content h1, div.content h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
padding:0;
}

div.content h2 {
font-size:1.4em;
margin-bottom:10px;
}

/*** Footer ***/

div.footer {
background:#8b8b8b url(image/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
text-align:center;
padding: 20px 200px;

}

div.footer a {
color:#d0d0d0;
font-weight:bold;

}

div#cofin {background: url(images/cofin_gd.png) no-repeat center;

height: 85px;

border-bottom: 5px solid #ffffff;

}

/*** Various classes ***/

.clearingdiv {
clear:both;
width:1px;
}

img.intextleft {
float: left;
margin: 1em;
padding: 4px;
margin-top: 0;
}

table.partner * td{
padding-right: 2em;
padding-left: 2em;
}

/*** Text format ***/

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/

Voilà le code source :

<div class="header">
<h1>PôlEnergie</h1>
<p>Pôle de référence en URE et en énergies renouvelables</p>
</div>

<div class="mainmenu">
<ul>
<li>
<a href="?page=home-de">Deutsch</a>
</li>

<li>
<a href="?page=home">Accueil</a>
</li>

<li>
<a href="?page=partenariat">Partenariat</a>
</li>

<li>
<a href="?page=projet">Projet</a>
</li>

<li>
<a href="?page=agenda">Agenda</a>
</li>

<li>
<a href="?page=aides_primes">Aides et primes</a>
</li>

<li>
<a href="?page=links">Liens</a>
</li>
</ul>
</div>

Merci d'avance...

Toujours personne pour m'aider?

Bonsoir,

Afin de chercher un peu plus facilement dans ton code... comment se nomme la barre orange au dessus du menu (entre le orange de PôlEnergie et le menu) .