html, body {
    font-size: 12px;
    /*height:100%;*/
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif
    }
body {
    color: #4c483f;
    display: inline;
    float: left;
    position: relative;
    background-color: #f5f3ee
    }
body.impression {
    color: #4c483f;
    display: inline;
    float: left;
    position: relative;
    background-color: #fff
    }
form {
    padding: 0;
    margin: 0
    }
/*#####################################################################################################################
	MODELE GENERIQUE DE BLOC MENU
##################################################################################################################### */
.blocmenu fieldset, .blocmenu ul, .blocmenu li, .blocmenu span, .blocmenu form, .blocmenu p {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none
    }
.blocmenu {
    background-repeat: repeat-y;
    margin-bottom: 7px;
    position: relative
    }
.blocmenu.claire {
    background-image: url(../images/modele/blocmenu/f_menu.gif)
    }
.blocmenu.fonce {
    background-image: url(../images/modele/blocmenu/f_menu_f.gif)
    }
.blocmenu span {
    display: block;
    height: 8px;
    background-image: url(../images/modele/blocmenu/h_bloc.gif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 13px;
    background-color: #989284
    }
.blocmenu span b {
    display: none
    }
.blocmenu span.titre {
    height: 27px;
    background-image: url(../images/modele/blocmenu/h_menu.gif)
    }
.blocmenu span.titre b {
    display: block;
    height: 23px;
    padding-top: 3px;
    background-repeat: no-repeat;
    text-indent: 52px;
    line-height: 23px;
    vertical-align: text-bottom
    }
.blocmenu span.titre b a {
    color: #FFF;
    text-decoration: none
    }
.blocmenu span.titre b a:hover {
    text-decoration: underline
    }
#menu_droite_os .blocmenu span.titre b {
    text-indent: 18px
    }
.blocmenu legend {
    display: none
    }
.blocmenu .contenu {
    display: block;
    width: 178px;
    /*194-8-8*/
    padding: 0 8px 8px 8px;
    background-image: url(../images/modele/blocmenu/p_menu.gif);
    background-position: 100% 100%;
    background-repeat: no-repeat
    }
.blocmenu .contenu ul {
    margin-left: -3px;
    font-size: 1px
    }
.blocmenu .contenu a {
    color: #56534a;
    text-decoration: none
    }
/*#####################################################################################################################
	MENU DEROULANT
##################################################################################################################### */
#menu_gauche_produit_sc {
    position: relative;
    z-index: 10
    }
.navigation_v ul li {
    background-image: url(../images/modele/blocmenu/puce_menu.gif);
    background-repeat: no-repeat;
    background-position: 13px 7px;
    border: 0 solid #e4e1da;
    border-top-width: 1px;
    border-bottom-width: 1px;
    width: 184px;
    font-size: 1px;
    position: relative
    }
.navigation_v ul li a {
    width: 162px;
    display: block;
    cursor: pointer
    }
.navigation_v ul li a span {
    display: block;
    width: 151px;
    margin: 0 0 0 22px;
    font-size: 12px
    }
.navigation_v ul li a font {
    display: block;
    margin: 0 0 0 22px;
    font-size: 12px;
    font-weight: normal
    }
.navigation_v ul li:hover {
    background-color: #f5f4f0;
    background-image: url(../images/modele/blocmenu/puce_menu_r.gif);
    background-position: 12px 6px;
    font-size: 12px;
    border-color: #bfbfbf;
    width: 184px
    }
.navigation_v ul li ._b {
    width: 1px;
    height: 100%;
    background-color: #f5f4f0;
    position: absolute;
    top: 0;
    left: 184px;
    z-index: 2;
    display: none
    }
.navigation_v ul li:hover > ._b, .navigation_v ul li:hover > ._b {
    display: block
    }
.navigation_v li .smodmenug ._b {
    left: 183px
    }
.navigation_v li .smodmenug a {
    width: 220px
    }
.navigation_v .smodmenug ul {
    margin: 0;
    width: 240px;
    background-image: url(../images/modele/blocmenu/f_smodmenug.gif);
    background-repeat: repeat-y
    }
.navigation_v ul li .smodmenug {
    position: absolute;
    left: 184px;
    top: -1px;
    z-index: 1;
    width: 240px;
    background-image: url(../images/modele/blocmenu/h_smodmenug.gif);
    background-repeat: no-repeat;
    padding-top: 5px;
    display: none
    }
.navigation_v ul li:hover > .smodmenug {
    display: block
    }
.navigation_v ul li .smodmenug .smodmenug {
    left: 238px
    }
.navigation_v ul li .smodmenug ul li {
    border-color: transparent;
    margin-left: 1px;
    width: 238px
    }
.navigation_v ul li .smodmenug ul li:hover {
    border-color: #b8b7b7
    }
.navigation_v ul li .smodmenug .pied {
    width: 240px;
    height: 5px;
    font-size: 1px;
    background-image: url(../images/modele/blocmenu/p_smodmenug.gif);
    background-repeat: no-repeat
    }
.navigation_v ul li .smodmenug .head {
    width: 240px;
    background-repeat: no-repeat
    }
/*###################################################################################################################*/
.menuimage a img {
    border: none
    }
/*BOUTON DANS COLONE MENU*/
.btmenu a {
    display: block;
    height: 31px;
    width: 194px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #FFF;
    line-height: 31px;
    vertical-align: middle;
    text-indent: 52px;
    text-decoration: none;
    cursor: pointer
    }
.btmenu a:hover {
    background-position: 0 -31px
    }
#menu_droite_os .btmenu a {
    text-indent: 18px
    }
/*
.modele1 = modele 2 colonnes
*/
/*#####################################################################################################################
	BLOC LANGUE
##################################################################################################################### */
#langue_os {
    height: 21px;
    background-color: #a29d90;
    background-image: url(../images/ossature/langue_os/fond.gif)
    }
#langue_cadre_os {
    margin: 0 auto 0 auto;
    width: 994px;
    position: relative
    }
#langue_os li, #langue_os ul {
    padding: 0;
    margin: 0;
    list-style: none
    }
#langue_os a, #langue_os li {
    color: #FFF;
    text-decoration: none;
    font-size: 11px
    }
#langue_os a:hover {
    text-decoration: underline
    }
ul#liste_compte {
    display: inline;
    float: right;
    margin-top: 2px
    }
#liste_compte li {
    float: left;
    padding: 0 5px 0 5px;
    background-image: url(../images/ossature/langue_os/separateur.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%
    }
/* -----------------------------
LANGUE
 ------------------------------- */
ul#liste_langue {
    display: inline;
    float: right;
    margin-top: 2px
    }
#liste_langue li {
    float: left;
    padding: 0 5px 0 5px;
    background-image: url(../images/ossature/langue_os/separateur.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%
    }
#liste_langue li.drapeau a {
    display: block;
    height: 11px;
    width: 18px;
    background-repeat: no-repeat;
    margin-top: 1px
    }
#liste_langue li.drapeau {
    background-image: none
    }
#liste_langue li.drapeau a.en {
    background-image: url(../images/ossature/langue_os/d_en.gif)
    }
#liste_langue li.drapeau a.fr {
    background-image: url(../images/ossature/langue_os/d_fr.gif)
    }
#liste_langue li span {
    display: none
    }
/* +++++++++++++++++++++++++++++++++++++++++
CADRE
 +++++++++++++++++++++++++++++++++++++++++ */
#image_contenu_os {
    width: 100%;
    background: repeat-y 50% 100% #f5f3ee url(../images/ossature/f_body.gif)
    }
#image_fond_os {
    width: 100%;
    background-image: url(../rftp/images/fr_FR/f_site.jpg);
    background-repeat: no-repeat;
    background-position: 50% 21px
    }
/* #####################################################################################################################
	CADRE
 ##################################################################################################################### */
#cadre_os {
    width: 996px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-bottom: 147px
    }
.fin_cadre_os {
    visibility: hidden
    }
/* #####################################################################################################################
	HEAD
#####################################################################################################################*/
#tete_os {
    width: 100%;
    height: 147px;
    /* background-color:#FFCC66; */
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/ossature/tete_os/f_menu.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%
    }
#tete_accueil {
    display: block;
    height: 97px;
    width: 137px;
    position: absolute;
    top: 7px;
    left: 24px
    }
#tete_accueil strong {
    display: none
    }
/* -----------------------------
MENU
 ------------------------------- */
#tete_menu {
    height: 26px;
    width: 986px;
    position: absolute;
    bottom: 8px;
    left: 5px
    }
#tete_menu li, #tete_menu {
    list-style: none;
    padding: 0;
    margin: 0
    }
#tete_menu li {
    float: left;
    height: 26px;
    line-height: 28px;
    vertical-align: middle
    }
#tete_menu li.first {
    padding-left: 12px
    }
#tete_menu li a {
    display: block;
    color: #fff;
    /* ?? height:26px; */
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    padding: 0 0 0 12px;
    background-image: none;
    background-repeat: no-repeat
    }
#tete_menu li a b {
    display: block;
    padding: 0 12px 0 0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 100% 0
    }
#tete_menu li a:hover {
    background-image: url(../images/ossature/tete_os/f_left_r.gif)
    }
#tete_menu li a:hover b {
    background-image: url(../images/ossature/tete_os/f_right_r.gif)
    }
/* -----------------------------
PAIEMENT
 ------------------------------- */
#tete_paiement {
    margin: 0;
    padding: 0;
    height: 44px;
    width: 190px;
    position: absolute;
    bottom: 8px;
    right: 7px;
    background-repeat: no-repeat;
    background-image: url(../images/ossature/tete_os/f_paiement.gif)
    }
#tete_paiement strong {
    display: block;
    position: absolute;
    top: 2px;
    left: 12px
    }
#tete_paiement a {
    display: block;
    width: 173px;
    height: 26px;
    position: absolute;
    bottom: 0;
    left: 8px
    }
#tete_paiement br {
    display: none
    }
#tete_paiement a img {
    border: none
    }
/* -----------------------------
 MON PANIER
 ------------------------------- */
#tete_resume_panier {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/modele/f_monpanier_right.gif) no-repeat right;
    height: 27px;
    color: #7e7a73
    }
#tete_resume_panier span.panier {
    display: inline;
    line-height: 27px;
    vertical-align: middle;
    float: left;
    padding: 0;
    margin: 0 0 0 42px;
    font-size: 12px;
    font-weight: bold
    }
#resume_panier_contenu {
    float: left;
    padding: 0 0 0 50px;
    margin: 0 15px 0 0;
    background: url(../images/modele/f_monpanier.gif) no-repeat left
    }
#resume_panier_contenu .descriptif {
    width: 200px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    text-align: right
    }
#resume_panier_contenu br {
    display: none
    }
#resume_panier_contenu .prix {
    width: 60px;
    height: 27px;
    line-height: 27px;
    text-align: right;
    vertical-align: middle
    }
#btn_resume_panier {
    float: left;
    padding: 0;
    margin: 3px 3px 0 0;
    background: url(../images/ossature/tete_os/bt_commander.gif) no-repeat 50% 0;
    width: 86px;
    height: 21px;
    line-height: 18px
    }
#btn_resume_panier:hover {
    background-position: 0 -21px
    }
/*#####################################################################################################################
	BODY
#####################################################################################################################*/
#corps_os {
    width: 100%;
    /*background-color:#CCFF00; */
    position: relative;
    top: 147px;
    left: 0;
    /*border:1px solid red;*/
    }
.fin_corps_os {
    visibility: hidden
    }
/* #####################################################################################################################
 BANNIERE
##################################################################################################################### */
#banniere_os {
    position: absolute;
    top: 4px;
    left: 213px;
    height: 69px;
    z-index: 2
    }
/* #####################################################################################################################
	CONTENU
##################################################################################################################### */
#contenu_os {
    display: inline;
    width: 568px;
    /*	background-color:#663300;*/
    float: left;
    margin-left: 213px;
    margin-top: 69px;
    /*border:1px solid red;*/
    }
.modele1 #contenu_os {
    width: 778px
    }
#contenu_sc {
    position: relative
    }
/*#####################################################################################################################
	CHEMIN
##################################################################################################################### */
#chemin_os {
    margin-bottom: 18px
    }
#chemin_os h1 {
    display: inline;
    font-size: 11px;
    color: #9c9689;
    font-weight: normal
    }
#chemin_os, #chemin_os a {
    color: #9c9689;
    font-size: 11px;
    text-decoration: none;
    margin-top: 9px
    }
#chemin_os a:hover {
    color: #ff5f00;
    text-decoration: underline
    }
/* #####################################################################################################################
MENU GAUCHE
##################################################################################################################### */
#menu_gauche_os {
    display: inline;
    width: 194px;
    float: left;
    margin-left: -777px;
    position: relative;
    z-index: 2
    }
.modele1 #menu_gauche_os {
    margin-left: -987px
    }
/* -----------------------------
RECHERCHER
 ------------------------------- */
#menu_gauche_recherche_sc {
    margin-top: 8px
    }
#menu_gauche_recherche_sc label {
    display: none
    }
#menu_gauche_recherche_sc form {
    position: relative;
    height: 27px
    }
#menu_gauche_recherche_sc #menu_gauche_rechercher_mot {
    display: block;
    height: 18px;
    width: 150px;
    position: absolute;
    left: 10px;
    top: 5px
    }
#menu_gauche_recherche_sc #form_menu_gauche_rechercher_valider {
    display: block;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 5px;
    left: 160px;
    background-image: url(../images/fr_FR/bt_ok.gif);
    background-position: 0 0;
    cursor: pointer
    }
#menu_gauche_recherche_sc #form_menu_gauche_rechercher_valider:hover {
    background-position: 0 -22px
    }
#menu_gauche_recherche_sc span b {
    background-image: url(../images/modele/blocmenu/t_loupe.gif)
    }
/* -----------------------------
PRODUIT
 ------------------------------- */
#menu_gauche_produit_sc span b {
    background-image: url(../images/modele/blocmenu/t_scie.gif)
    }
/* -----------------------------
	MARQUE
 ------------------------------- */
#rechercheCriteresForm {
    height: 18px
    }
#rechercheCriteresForm #rechercheCriteresForm_valider {
    display: block;
    width: 25px;
    height: 22px;
    position: absolute;
    bottom: 7px;
    left: 160px;
    margin: 0;
    background-image: url(../images/fr_FR/bt_ok.gif);
    background-position: 0 0;
    cursor: pointer
    }
#rechercheCriteresForm #rechercheCriteresForm_valider.rollover {
    background-position: 0 -22px
    }
#rechercheCriteresForm_liste {
    display: block;
    height: 20px;
    width: 173px;
    position: absolute;
    left: 10px;
    bottom: 9px
    }
/* -----------------------------
BOUTIQUE
 ------------------------------- */
#form_menu_gauche_boutique {
    height: 170px
    }
#form_menu_gauche_boutique #form_menu_gauche_boutique_valider {
    display: block;
    width: 25px;
    height: 22px;
    position: absolute;
    bottom: 7px;
    left: 160px;
    margin: 0;
    background-image: url(../images/fr_FR/bt_ok.gif);
    background-position: 0 0
    }
#form_menu_gauche_boutique #form_menu_gauche_boutique_valider.rollover {
    background-position: 0 -22px
    }
#form_menu_gauche_boutique #form_menu_gauche_boutique_liste {
    display: block;
    height: 20px;
    width: 173px;
    position: absolute;
    left: 10px;
    bottom: 9px
    }
/* -----------------------------
SERVICES
 ------------------------------- */
#menu_gauche_servive_sc span b {
    background-image: url(../images/modele/blocmenu/t_3plus.gif)
    }
/* -----------------------------
 AIDES
 ------------------------------- */
#menu_gauche_aides_sc span b {
    background-image: url(../images/modele/blocmenu/t_interogation.gif)
    }
/* -----------------------------
ADDFAV
 ------------------------------- */
#menu_gauche_addfav_sc a {
    background-image: url(../images/modele/blocmenu/bt_addfav.gif)
    }
/* #####################################################################################################################
	MENU DROITE
#####################################################################################################################*/
#menu_droite_os {
    display: inline;
    width: 194px;
    float: right;
    margin-right: 5px
    }
/* */
.modele1 #menu_droite_os {
    position: absolute;
    top: 0;
    right: 0;
    height: 69px;
    z-index: 15
    }
/*Layer pour ce connecter menu droit*/
#menu_droit_connect_sc {
    position: absolute;
    background-image: url(../images/modele/blocmenu/f_menu_droit_connect_sc.gif);
    height: 151px;
    width: 188px;
    display: block;
    z-index: 9999;
    margin-left: 4px
    }
#menu_droit_connect_sc label, #menu_droit_connect_sc legend {
    display: none
    }
#menu_droit_connect_sc fieldset {
    display: inline;
    border: none;
    padding: 0;
    margin: 0
    }
#menu_droit_connect_sc form {
    display: block;
    width: 158px;
    padding: 28px 0 0 0;
    margin: 0 0 0 15px
    }
#popMonCompte_login {
    border-width: 1px;
    width: 156px;
    display: block;
    height: 18px
    }
#popMonCompte_passe {
    width: 130px;
    display: block;
    margin-top: 6px;
    float: left;
    height: 18px
    }
#bt_popMonCompte_valider {
    background-image: url(../images/fr_FR/bt_ok.gif);
    float: left;
    display: block;
    height: 22px;
    width: 25px;
    margin-top: 6px
    }
#bt_popMonCompte_valider:hover {
    background-position: 0 -22px
    }
#bt_popMonCompte_oubli {
    clear: both
    }
#bt_popMonCompte_oubli a, #menu_droit_connect_sc .nature {
    color: #8d8677;
    font-size: 11px
    }
#bt_popMonCompte_creer {
    display: block;
    width: 158px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    margin-top: 20px;
    color: #58544b;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(../images/modele/blocmenu/bt_fleche.gif);
    background-position: 100% 0;
    background-repeat: no-repeat
    }
#bt_popMonCompte_creer:hover {
    background-position: 100% -18px;
    text-decoration: underline
    }
#menu_droite_commande_rap_sc .contenu {
    padding-top: 8px
    }
#bt_commande_rapide {
    display: block;
    height: 18px;
    width: 164px;
    background-image: url(../images/modele/blocmenu/bt_commande_rapide.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    font-weight: bold;
    line-height: 18px;
    vertical-align: middle;
    margin: 0 auto 0 auto;
    color: #58544b;
    text-decoration: none
    }
#bt_commande_rapide:hover {
    text-decoration: underline;
    background-position: 100% -18px
    }
/* -----------------------------
COMPTE
 ------------------------------- */
#menu_droite_compte_sc a {
    background-image: url(../images/modele/blocmenu/bt_compte.gif)
    }
/* -----------------------------
Avantages clients
 ------------------------------- */
#menu_droite_avantage_sc {
    margin-top: -5px
    }
#menu_droite_avantage_sc label {
    float: left;
    margin: 1px 0 0 5px;
    width: 60px
    }
#menu_droite_avantage_sc .bloc_reseaux_sociaux {
    width: 31px;
    height: 30px;
    border: medium none
    }
/* -----------------------------
NEWS
 ------------------------------- */
#menu_droite_news {
    position: relative;
    z-index: 1
    }
#menu_droite_news form {
    position: relative;
    height: 25px
    }
#menu_droite_news #menu_droite_news_email {
    display: block;
    height: 18px;
    width: 150px;
    position: absolute;
    left: 10px;
    top: 3px
    }
#menu_droite_news #menu_droite_news_valider {
    display: block;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 3px;
    left: 160px;
    background-image: url(../images/fr_FR/bt_ok.gif);
    background-position: 0 0;
    cursor: pointer
    }
#menu_droite_news #menu_droite_news_valider:hover {
    background-position: 0 -22px
    }
#menu_droite_news span b {
    background-image: url(../images/modele/blocmenu/t_lettre.gif)
    }
#menu_droite_news span b:hover {
    background-image: url(../images/modele/blocmenu/t_lettre_r.gif)
    }
#menu_droite_news span a {
    text-decoration: none
    }
#menu_droite_news label {
    display: none
    }
.titre a {
    color: #FFF
    }
/* -----------------------------
FLUX
 ------------------------------- */
#menu_droite_flux {
    position: relative;
    z-index: 2;
    margin-top: -12px
    }
#menu_droite_flux span {
    background-image: url(../images/modele/blocmenu/h_menu_flux.gif)
    }
#menu_droite_flux .contenu a {
    display: block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-indent: 12px;
    background-image: url(../images/modele/blocmenu/bt_flux.gif);
    background-repeat: no-repeat;
    color: #58544b;
    background-position: 100% 0;
    text-decoration: none;
    margin-top: 5px
    }
#menu_droite_flux .contenu a:hover {
    text-decoration: underline;
    background-position: 100% -18px
    }
/* -----------------------------
SOCIETE
 ------------------------------- */
#menu_droite_societe_sc span b {
    background-image: url(../images/modele/blocmenu/t_logo.gif)
    }
/* -----------------------------
CATALOGUE
 ------------------------------- */
#menu_droite_catalogue a {
    height: 44px;
    line-height: normal;
    background-image: url(../images/modele/blocmenu/bt_catalogue.gif)
    }
#menu_droite_os #menu_droite_catalogue.btmenu a {
    text-indent: 0
    }
#menu_droite_catalogue.btmenu a:hover {
    background-position: 0 -44px
    }
#menu_droite_catalogue.btmenu a b {
    display: block;
    width: 120px;
    margin-left: 18px;
    padding-top: 7px
    }
/* -----------------------------
PROMO
 ------------------------------- */
#menu_droite_promo_sc a {
    text-decoration: none;
    color: #58544b
    }
#menu_droite_promo_sc img {
    border: none
    }
#menu_droite_promo_sc span b {
    background-image: url(../images/modele/blocmenu/t_pourcent.gif)
    }
#menu_droite_promo_sc #bt_menu_droite_promo_toutes, #menu_droite_promo_sc .bt_menu_droite_promo_un {
    display: block;
    width: 174px;
    height: 21px;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto 0 auto
    }
#bt_menu_droite_promo_toutes {
    background-image: url(../images/modele/blocpromo/bt_tout_promo.gif)
    }
#menu_droite_promo_sc #bt_menu_droite_promo_toutes:hover {
    background-position: 0 -21px
    }
.bt_menu_droite_promo_un {
    background-image: url(../images/modele/blocpromo/bt_un_promo.gif)
    }
#menu_droite_promo_sc .bt_menu_droite_promo_un:hover {
    background-position: 0 -21px
    }
#bloc_contenu_promo {
    display: block;
    width: 174px;
    margin: 5px auto 0 auto;
    background-image: url(../images/modele/blocpromo/f_blanc.gif);
    background-repeat: repeat-y;
    position: relative
    }
#bloc_contenu_promo p.image {
    background-image: url(../images/modele/blocpromo/h_blanc.gif);
    background-repeat: no-repeat;
    margin: 0;
    width: 174px;
    margin: 0 auto 5px auto;
    padding: 10px 0 0 0
    }
#bloc_contenu_promo p.image a {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 0 auto;
    clear: both
    }
#bloc_contenu_promo p.descriptif {
    display: block;
    width: 162px;
    height: 28px;
    margin: 3px auto 3px auto;
    font-size: 11px;
    clear: both
    }
#bloc_contenu_promo p.baisse {
    background-image: url(../images/modele/blocpromo/f_promo.gif);
    background-repeat: no-repeat;
    height: 16px
    }
#bloc_contenu_promo p.baisse strong, #bloc_contenu_promo p.baisse span {
    height: 16px;
    line-height: 16px;
    vertical-align: middle
    }
#bloc_contenu_promo p.baisse strong {
    float: left;
    font-size: 17px;
    margin-left: 7px
    }
#bloc_contenu_promo p.baisse span {
    float: right;
    margin-right: 7px
    }
#bloc_contenu_promo p.baisse b {
    float: right;
    margin-right: 7px
    }
#bloc_contenu_promo ul.listeetoile {
    width: 75px;
    float: left;
    margin-left: 7px;
    margin-top: 15px
    }
#bloc_contenu_promo p.prix {
    float: right;
    margin-right: 7px;
    color: #030;
    text-align: right
    }
#bloc_contenu_promo p.prix b {
    font-size: 15px;
    color: #322f2a
    }
#bloc_contenu_promo p.prix strike {
    font-size: 12px;
    color: #ff5f00
    }
#bloc_contenu_promo .listebtnextbefore {
    position: absolute;
    left: 0;
    width: 174px;
    top: 27px;
    z-index: 6
    }
#bloc_contenu_promo .listebtnextbefore li.gauche {
    margin-left: 7px
    }
#bloc_contenu_promo .listebtnextbefore li.droite {
    margin-right: 7px
    }
#bloc_contenu_promo .listebtnextbefore li.gauche a {
    width: 18px;
    height: 14px;
    background-position: 0 0;
    background-image: url(../images/modele/blocpromo/bt_gauche.gif)
    }
#bloc_contenu_promo .listebtnextbefore li.droite a {
    width: 18px;
    height: 14px;
    background-position: 0 0;
    background-image: url(../images/modele/blocpromo/bt_droite.gif)
    }
#bloc_contenu_promo .listebtnextbefore li.droite a:hover, #bloc_contenu_promo .listebtnextbefore li.gauche a:hover {
    background-position: 0 -14px
    }
/* #####################################################################################################################
 PIED
##################################################################################################################### */
#pied_os {
    clear: both;
    width: 100%;
    font-size: 11px;
    position: relative;
    background: repeat-x #dcd9d2 url(../images/ossature/pied/f_h_pied.gif)
    }
#pied_background_os {
    background: no-repeat 50% 0 url(../images/ossature/pied/f_ombre_pied.gif)
    }
#pied_contenu_os {
    width: 994px;
    position: relative;
    margin: 0 auto 0 auto
    }
#pied_os ul, #pied_os li, #pied_os span {
    list-style: none;
    padding: 0;
    margin: 0
    }
#pied_os a {
    text-decoration: none
    }
#pied_os a:hover {
    text-decoration: underline
    }
#pied_bas_os {
    clear: both;
    height: 40px;
    width: 100%;
    background: repeat-x 100% 100% #dcd9d2 url(../images/ossature/pied/f_pied.gif)
    }
/* -----------------------------
 Rechercher
 ------------------------------- */
#pied_recherche_sc {
    display: inline;
    float: left;
    width: 198px
    }
#pied_recherche_sc fieldset {
    display: inline;
    border: none
    }
#pied_recherche_sc legend b {
    color: #000;
    display: block;
    width: 149px;
    height: 18px;
    padding-top: 5px;
    padding-left: 40px;
    position: absolute;
    top: 7px;
    left: 9px;
    background: no-repeat 8px 0 url(../images/ossature/pied/ic_loupe.gif)
    }
#pied_recherche_sc label {
    display: none
    }
#pied_recherche_sc #form_pied_rechercher_mot {
    display: block;
    height: 18px;
    width: 150px;
    position: absolute;
    left: 14px;
    top: 34px
    }
#pied_recherche_sc #form_pied_valider {
    display: block;
    width: 25px;
    height: 22px;
    position: absolute;
    top: 34px;
    left: 164px;
    background-image: url(../images/fr_FR/bt_ok.gif);
    background-position: 0 0;
    cursor: pointer
    }
#pied_recherche_sc #form_pied_valider.rollover {
    background-position: 0 -22px
    }
/* -----------------------------
 Liens rubrique
 ------------------------------- */
#pied_rubrique_sc {
    display: inline;
    float: left;
    width: 772px;
    /* (792-20)*/
    padding: 11px 0 15px 20px;
    overflow: hidden;
    zoom: 1
    }
#pied_rubrique_sc .colonne {
    display: inline;
    float: left;
    width: 116px;
    background: repeat-y url(../images/ossature/pied/separateur.gif);
    padding-left: 7px;
    padding-right: 5px
    }
#pied_rubrique_sc .colonne a {
    color: #797366
    }
#pied_rubrique_sc span.pied {
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 18px 0;
    display: b
    }
#pied_rubrique_sc span.pied a {
    color: #4C483F;
    text-decoration: none
    }
#pied_rubrique_sc span.pied a:hover {
    text-decoration: underline
    }
/* -----------------------------
 Lien corporate barre foncee
 ------------------------------- */
#pied_os ul#pied_corporate_sc {
    display: block;
    width: 994px;
    height: 40px;
    margin: 0 auto 0 auto;
    position: relative
    }
#pied_corporate_sc li {
    margin-top: 15px;
    float: left;
    padding: 0 10px 0 10px;
    border: 0 solid #fff;
    border-right-width: 1px;
    line-height: 12px
    }
#pied_corporate_sc li a {
    color: #fff
    }
#pied_corporate_sc li.first {
    margin-left: 214px
    }
/* -----------------------------
 Logo HM
 ------------------------------- */
#pied_logo_sc a {
    display: block;
    width: 194px;
    height: 81px;
    position: absolute;
    left: 50%;
    bottom: 6px;
    margin-left: -493px;
    background-image: url(../images/ossature/pied/logo_HM.gif)
    }
#pied_logo_sc a span {
    display: none
    }
/* -----------------------------
Logo  ADD ONLINE
 ------------------------------- */
#pied_addonline_sc a {
    display: block;
    width: 31px;
    height: 29px;
    position: absolute;
    right: 50%;
    bottom: 6px;
    margin-right: -490px;
    background-image: url(../images/ossature/pied/logo_addonline.gif)
    }
#pied_addonline_sc a span {
    display: none
    }
/* -----------------------------
Logo  ADD ONLINE
 ------------------------------- */
#pied_remonter_sc a {
    position: absolute;
    right: 50%;
    top: -20px;
    margin-right: -284px
    }
/* #####################################################################################################################
 TAILLE DE CONTENU 
##################################################################################################################### */
.pageFamille #contenu_sc, .pageSousFamille #contenu_sc, .pageResultat #contenu_sc {
    width: 568px
    }
.pageResultat #contenu_sc {
    float: left
    }
.pageProduit #contenu_sc, .pageCompte #contenu_sc {
    width: 773px
    }
/* Correction layer accueil IE10 */
#popupCache {
    opacity: 0.5
    }