/* ---------------------- BODY, GENERIQUE ---------------------- */
html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #333333;
    text-align:center;
}
/* ---------------------- Filtre + Calque  ---------------------- */
#filtre {
    float:left;
    background-color:#666666;
    display: none;
    position:absolute;
    filter:alpha(opacity=50);
    VISIBILITY: visible;
    WIDTH: 1260px;
    HEIGHT: 863px;
    opacity: 0.7;
    MozOpacity: 0.7;
    KhtmlOpacity: 0.7;
    top:0;
    left:0;
    z-index:110000;
}
#calque {
    display:none;
    width:560px;
    height:577px;
    position:absolute;
    z-index:200000;
    color:#000000;
    overflow-y:hidden;
    overflow-x:hidden;
}
#calquecontainer #bloc_fermer {
    color:#FFFFFF;
    font-weight:bold;
    height:20px;
    margin:0;
    padding:8px 10px 8px 0;
    text-align:right;
    width:auto;
}
#calque.newsletter {
    background-color:#FFFFFF;
}
#calque.newsletter #bloc_fermer {
    float:right;
    height:auto;
    margin:0;
    padding:0;
    position:absolute;
    right:0;
}

/* ---------------------- COMMUN ---------------------- */
body img {
    border: 0;
}
body form, p {
    margin: 0;
    padding: 0;
}
body a {
    margin: 0;
    padding: 0;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    outline:none;
}
body span.clear-both {
    clear: both;
    display: block;
    width: 0;
    height: 0;
    border: 0;
    font-size: 0;
}
/* ---------------------- HEADER ---------------------- */
#header {
    margin: 0 auto;
    padding: 0;
    width: 993px;
    height: 109px;
    background: url(../images/static/header.jpg) no-repeat 0 0;
    position: relative;
    z-index: 800;
    text-align:left;
}
/* ligne1 */
#header div.ligne1 {
    clear: both;
    margin: 0;
    padding: 3px 0 0 0;
    margin-left:256px;
    width: 715px;
    height: 38px;
    color: #333333;
}
* html #header div.ligne1 {
    padding-left:0px;
    margin-left:220px;
    width: 750px;
}

#header div.ligne1 a {
    margin: 0;
    padding: 0;
    color: #333333;
    height:22px;
}
#header div.ligne1 span.voir-favoris a {
    display:block;
    float:left;
    margin:0px 0 0 44px;
}
#header div.ligne1 a img {
    margin-right:10px;
}
#header div.ligne1 div.header-lien {
    float: left;
    margin: 0;
    height: 26px;
    margin-left:20px;
}
#header div.ligne1 div.header-panier {
    float: right;
    margin: 0 0 0 40px;
    padding: 8px 0 0 36px;
    width: 95px;
    height: 30px;
    background: url(../images/static/header-panier.png) no-repeat 0 0;
}
* html #header div.ligne1 div.header-panier {
    width: 130px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FR/images/static/header-panier.png');
    background-image:none;
}
#header div.ligne1 div.header-panier span.nb-articles {
    float: left;
    margin: 0;
    padding: 0 12px 0 0;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
#header div.ligne1 div.header-panier span.voir-panier {
    float: left;
    margin: 0;
    padding:3px 0 0 10px;
    width: 60px;
    color: #333333;
    text-decoration: underline;
    font-weight: normal;
}
#header div.ligne1 div.header-favoris {
    float: right;
    margin: 0;
    height: 38px;
    padding:0;
    padding:0;
    display: block;
    width: auto;
    float:right;
}
* html #header div.ligne1 div.header-favoris {
    height:28px;
}
#header div.ligne1 div.header-favoris a {
    background: url(../images/static/header-favoris-right.gif) no-repeat scroll right top;
    display: block;
    float: left;
    width: auto;
    color:#000000;
    height:38px;
    padding:9px 10px 0 0;
}
* html #header div.ligne1 div.header-favoris a {
    height:28px;
}
#header div.ligne1 div.header-favoris img {
    display: block;
    float: left;
    margin-left:0px!important;
    margin-left:-3px;
}

#header div.ligne1 div.header-favoris span.voir-favoris {
    float: left;
    margin: 0;
    padding: 0;
    color: #333333;
    background: url(../images/static/header-favoris-left.gif) no-repeat scroll left top;    
}

/* ligne2 */
#header div.ligne2 {
    clear: both;
    margin: 0;
    padding: 3px 0 0 276px;
    width: 693px;
    height: 22px;
    color: #333333;
    position:relative;
    z-index:5;
}
* html #header div.ligne2 {
    padding-left:0px;
    margin-left:260px;
    width:707px;
    height:26px;
}
#header div.ligne2 div.header-recherche {
    float: left;
    margin: 0;
    padding: 0;
    width: 460px;
    height: 22px;
    position:relative;
}
#header div.ligne2 div.header-recherche input.header-recherche-champ {
    margin: 0;
    padding: 4px 0 0 30px;
    border: 0;
    width:410px;
    height: 18px;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
    color: #333333;
    background: url(../images/static/header-recherche-champ.gif) no-repeat 0 0;
    vertical-align: middle;
    height:22px;
    float:left;
}

#header div.ligne2 div.header-recherche .header-recherche-bouton {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    float:left;
}
#header div.ligne2 div.header-newsletter {
    background:transparent url(/FR/images/static/header-newsletter-champ.gif) no-repeat scroll 0 0;
    float:right;
    height:22px;
    margin:0;
    padding:0;
    width:223px;
}
#header div.ligne2 div.header-newsletter input.header-newsletter-champ {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#333333;
    font-family:Arial,Helvetica,Verdana,Sans-serif;
    font-size:12px;
    height:22px;
    margin:0;
    padding:0 0 0 30px;
    vertical-align:middle;
    width:166px;
}
#header div.ligne2 div.header-newsletter img.header-newsletter-bouton {
    padding:4px 0 0;
}
/* Style saisie predictive */
    #header div.ligne2 div.header-recherche div#search_suggest{
        position:absolute;
        margin-top:24px;
        margin-left:20px;
        left:0px;
        z-index:10;
        padding:5px;
        border:#545d65 solid 1px;
        background-color:#ffffff ;
        text-align:left;
        display:none;
        min-width:410px;
        *width:410px;
    }
    html>body #header div.ligne2 div.header-recherche div#search_suggest{
        width:auto;
    }
    #header div.ligne2 div.header-recherche a{
        color:#000;
        text-decoration:none;
    }
    #header div.ligne2 div.header-recherche a span{
        color:#ef6400;
        font-weight:bold;
    }
/* ---------------------- GLOBALCONTENEUR ---------------------- */
#globalconteneur {
    clear: both;
    margin: 0 auto;
    padding: 12px 15px 5px 15px;
    width: 947px;
    background: url(../images/static/globalconteneur.jpg) no-repeat 0 0;
    background-color: #FFFFFF;
    position: relative;
    z-index: 700;
    text-align:left;
    min-height:500px;
    height:auto !important;
    height:500px;
}
/* chemin */
#globalconteneur div.chemin {
    margin: 0;
    padding: 0;
    color: #000000;
    font-weight: bold;
}
#globalconteneur div.chemin span.texte-info {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}
#globalconteneur div.chemin a, #globalconteneur div.chemin span {
    margin: 0 2px 0 2px;
    padding: 0;
    color: #000000;
}
#globalconteneur div.chemin a.noa {
    cursor:default;
}
#globalconteneur div.chemin a.noa:hover {
    text-decoration:none;
}
#globalconteneur div.chemin a:hover{
    color: #FF9900;
    text-decoration:underline;
}
#globalconteneur div.chemin span.selected {
    color: #FF9900;
}
/* retour */
#globalconteneur div.retour {
    margin: 0;
    padding: 25px 0 10px 66px;
    color: #FFFFFF;
}
#globalconteneur div.retour a {
    color: #FFFFFF;
    text-decoration: underline;
}
/* ---------------------- FOOTER ---------------------- */
#footer {
    margin: 0 auto;
    padding: 18px 0 20px 0;
    width: 977px;
    background: url(../images/static/footer.jpg) no-repeat 0 0;
    position: relative;
    z-index: 600;
    text-align:left;
}
/* footer-change-langue */
#footer div.footer-change-langue {
    float: left;
    margin: -2px 0 0 0;
    padding: 0 0 20px 16px;
}
#footer div.footer-change-langue img.drapeau{
    padding: 0;
    vertical-align: middle;
    margin:0 4px 0 0;
}
#footer div.footer-change-langue span.footer-change-langue-texte {
    margin: 0 5px 0 5px;
    padding: 0 0 0 15px;
    color: #999999;
    vertical-align: middle;
    background: url(../images/static/footer-change-langue-fleche.gif) no-repeat left 3px;
}
#footer div.footer-change-langue span.footer-change-langue-texte a{
    color: #999999;
}
/* footer-liens */
#footer div.footer-liens {
    float: right;
    margin: 0;
    padding: 0 14px 20px 10px;
    color: #999999;
}
#footer div.footer-liens a {
    margin: 0 2px 0 2px;
    padding: 0;
    color: #999999;
}
/* thematiques */
#footer div#thematiques {
    margin: 0 auto;
    padding: 0;
    width: 977px;
    height: 72px;
    background:url(../images/static/footer-thematiques.gif) no-repeat 0 0;
    float:left;
}
#footer div#thematiques p, #footer div#thematiques h1 {
    margin: 0;
    padding: 15px 20px 0 20px;
    color: #999999;
    font-size:11px;
}

/* ---------------------- BLOC BOUTONS EDITO ---------------------- */
#globalconteneur div.bloc-boutons {
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    width: 947px;
    text-align: center;
    float:left;
}
#globalconteneur div.bloc-boutons a.bouton {
    margin: 0 7px 0 7px;
    padding: 0;
}