#barreNavigation
{
margin-bottom:0px;
height:45px;
/*background: #8cc6f3;*/
/*border-top: 1px solid #8cc6f3;*/

font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navigationListe
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {

#navigationListe {
/*text-align: center*/
padding-left:50px;
}

}

#navigationListe li
{
bottom: 15px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative; 
}

html>body #navigationListe li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navigationListe a, #navigationListe a:link, #navigationListe a:visited
{
background: #900;
background-image:url(images/tab_back1.jpg);
background-repeat:no-repeat;
background-position:center bottom;
/*border: 1px solid #8cc6f3;*/
border-left: 1px solid #8cc6f3;
border-right:1px solid #8cc6f3;
border-top: 1px solid #8cc6f3;
bottom: 2px;
color: #000000;
font-weight:bold;
cursor: pointer;
display: inline;
height: 0em;
margin: 0;
padding: 4px 11px 7px 11px;
position: relative;
right: 2px;
text-decoration: none;
}

#navigationListe a:hover
{
background: #e7f3fd;
bottom: 1px;
color: #003399;
position: relative;
right: 1px;
border-bottom:0px #0099FF solid;
}

#navigationListe a:active
{
background: #d0e8fa;
bottom: 0px;
color: #333333;
position: relative;
right: 0px;
}

#navigationListe li#active
{
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navigationListe li#active
{
background: #000;
margin: 0 4px 0 -2px;
}

#navigationListe #active a, #navigationListe #active a:link, #navigationListe #active a:visited, #navigationListe #active a:hover
{
background: #d0e8fa;
border-bottom: none;
border-left: 1px solid #8cc6f3;
border-right:1px solid #8cc6f3;
border-top: 1px solid #8cc6f3;
bottom: 8;
color: #333333;
font-weight:bold;
cursor: text;
margin: 0;
padding: 4px 11px 7px 11px;
position: relative;
right: 0;
}

#main1{ float:left; width:25%;}

#main2{ float:right; width:75%;}