/* TOPBAR
--------------------------------------------------------------*/

#topbar{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#topbar .topbarBkg{
    border-top:5px solid #495258;
}

#topbar .topbarTools{
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#topbar .topbarTools .addthis_toolbox {
    position: absolute;
    left: 300px;
    top: 13px;
}

#topbar .topbarTools .staticLinks {
     background: url(/images/fo/layout.png) no-repeat 0 -301px;
    position: absolute;
    right: -7px;
    top: 0;
    width: 563px;
    height: 38px;
    color: #FFF;
}
#topbar .topbarTools .connect, #topbar .topbarTools .cart{
    float: left;
    width: 115px;
    position: relative;
    top:5px;
    height:80%;
}
#topbar .topbarTools .connect a, #topbar .topbarTools .cart a{
    margin: 0 0 0 24px;
    color: #FFF;
}
#topbar .topbarTools .connect a:hover, #topbar .topbarTools .cart a:hover{
    text-decoration: underline;
}

#topbar .topbarTools #searchForm{
    float: left;
    width: 220px;
    position: relative;
    text-align:center;
}

#topbar .topbarTools #searchForm #searchQuery {
    background: url("/images/fo/layout.png") no-repeat 0 -145px;
    border: 0 none;
    color: #333A3F;
    height: 25px;
    padding: 0 0 0 35px;
    width: 170px;
}

        /** Hack pour l'input IE7 & IE8 */
        *+html #topbar .topbarTools #searchForm #searchQuery { padding-top: 5px; }
        #topbar .topbarTools #searchForm #searchQuery {  padding-top: 5px\0/;}
        /**********/


#topbar .topbarTools .lang{
    list-style: none;
    float: left;
    width: 85px;

    text-align: center;
    margin: 0 0 0 12px;
}

#topbar .topbarTools .lang li{
    background: url("/images/fo/layout.png") repeat-x -5px -660px;
    float: left;
    border-left: 1px solid #333A3F;
    height: 25px;
    width: 27px;
}

#topbar .topbarTools .lang li:hover{
    background: url("/images/fo/layout.png") repeat-x -5px -725px;
}

#topbar .topbarTools .lang li:first-child{ border: none; }

#topbar .topbarTools .lang li.firstItem{
    background: url("/images/fo/layout.png") repeat-x left -660px;
}


#topbar .topbarTools .lang li.firstItem:hover{
    background: url("/images/fo/layout.png") repeat-x left -725px;
}
#topbar .topbarTools .lang li.lastItem{
    background: url("/images/fo/layout.png") repeat-x right -692px;
}
#topbar .topbarTools .lang li.lastItem:hover{
    background: url("/images/fo/layout.png") repeat-x right -757px;
}

#topbar .topbarTools .lang a img {
  margin-top: 5px;
}



#topbar .sp {
    border-left: 1px solid #333A3F;
    border-right: 1px solid #6C7378;
    height: 39px;
    position: absolute;
    right: 0;
    top: -11px;
    text-indent: -10000px;

}

#topbar .cart .dropdown {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #535b60;
    border-color: #000;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    display:none;
    top: 28px;
    padding: 10px 5px;
    position: absolute;
    text-align: left;
    width:150px;
    color:white;
    z-index:1000;
    height: auto;

}

#topbar .cart:hover .dropdown{
    display: block;

}

#topbar .cart td, #topbar .cart th {
    padding:3px;
}