.listeetoile li {
    background-repeat: no-repeat;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none
    }
.listebtnextbefore {
    clear: both
    }
.listebtnextbefore li {
    padding: 0;
    margin: 0;
    list-style: none
    }
.listebtnextbefore li.gauche {
    float: left;
    background-repeat: no-repeat;
    background-position: 0 0
    }
.listebtnextbefore li.droite {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 0
    }
.listebtnextbefore li a {
    display: block
    }
.listebtnextbefore li a span {
    display: none
    }
/* #####################################################################################################################
	SEPARATEUR
#####################################################################################################################*/
.separateur {
    display: none
    }
.clear {
    clear: both
    }
hr.accessibilite {
    display: none
    }
.temp {
    background-color: #C00;
    border: 1px solid red
    }
/*DELETED*/
.separateur_bloc_cadre {
    visibility: hidden;
    clear: both
    }
/* Utilise un div hr ne peut pas etre color� sous certain nav*/
.separateur_gris {
    height: 1px;
    clear: both;
    background-color: #d6d0c7
    }
/* #####################################################################################################################
	ASSIGNE LA BORDURE AU CHAMP INPUT ET SELECT 
#####################################################################################################################*/
.champinput {
    border: 1px solid #b1a89c;
    border-right-width: 0;
    border-top-color: #88847b;
    color: #959595
    }
.champselect {
    border: 1px solid #b1a89c;
    border-right-width: 0;
    border-top-color: #88847b;
    color: #959595;
    padding: 0;
    margin: 0
    }
/* Utilise pour les champs avec bordure complette du compte entre autre */
.champinputNormal, .champselectNormal, .champtextareaNormal {
    border: 1px solid #d5cfc3;
    border-bottom-color: #eeebe3;
    border-right-color: #eeebe3;
    color: #959595
    }
.champselectNormal, .champtextareaNormal {
    padding: 0;
    margin: 0
    }
/* D�clanche sur le focus javascript */
select.selected, input.selected {
    color: #58544b
    }
.obligatoire {
    color: #f00
    }
.error {
    border: 1px solid #f00 !important
    }
/* #####################################################################################################################
	DIVERS
#####################################################################################################################*/
a.btRemonte {
    background: no-repeat 100% 50% url(../images/modele/puce_remonte.gif);
    padding-right: 18px;
    color: #4c483f
    }
a.btRemonte {
    text-decoration: none
    }
a.btRemonte:hover {
    text-decoration: underline;
    background-image: url(../images/modele/puce_remonte_r.gif)
    }
.nobold {
    font-weight: normal
    }
/* #####################################################################################################################
	POUR LES BALISE BUTTON SUR LESQUELLES ON MET UN FOND
#####################################################################################################################*/
.buttonsubmit {
    border: none;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer
    }
.buttonsubmit b {
    display: none;
    color: #fff;
    font-size: 11px;
    vertical-align: middle
    }
.buttonlien {
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-decoration: none
    }
/* #####################################################################################################################
	BOUTON EXTENSIBLE (ne peut �tre utilis� si btlienextensible est inline) 
	la longeur doit �tre pr�cise pour chaque bouton 
	btlienextensibleNoir, bouton noir ombr� sur fond blanc 
	btlienextensible, bouton gris orang� sur fond blanc pas d'ombre
#####################################################################################################################*/
.btlienextensible b, .btlienextensible .btlienextensibleNoir b, .btlienextensibleNoir {
    vertical-align: middle;
    background-repeat: no-repeat;
    display: block;
    color: #fff;
    text-decoration: none
    }
.btlienextensibleNoir b, .btlienextensibleNoir {
    height: 24px;
    line-height: 24px
    }
.btlienextensible b, .btlienextensible {
    height: 18px;
    line-height: 18px
    }
.btlienextensible, .btlienextensibleNoir {
    background-image: url(../images/modele/bt_extensible/bt_simple.gif);
    padding: 0 0 0 5px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none
    }
.btlienextensible b, .btlienextensibleNoir b {
    display: block;
    background-image: url(../images/modele/bt_extensible/bt_simple_left.gif);
    text-align: center;
    padding: 0 7px 0 0;
    background-position: 100% 0;
    background-repeat: no-repeat
    }
.btlienextensible:hover {
    background-position: 0 -18px
    }
.btlienextensibleNoir:hover {
    background-position: 0 -24px
    }
.btlienextensible:hover b {
    background-position: 100% -18px
    }
.btlienextensibleNoir:hover b {
    background-position: 100% -24px
    }
.btlienextensibleNoir {
    background-image: url(../images/modele/bt_extensible/bt_noir_ombre.gif)
    }
.btlienextensibleNoir b {
    background-image: url(../images/modele/bt_extensible/bt_noir_ombre_left.gif)
    }
/*Bouton du bloc compte*/
.boutonlien {
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
    color: #fff
    }
/*#####################################################################################################################
	BLOC TITRE MODELE3 (page famille) bloc descriptif famille
##################################################################################################################### */
.titre_image b {
    display: none
    }
.titre_image_niv1 {
    display: block;
    height: 20px;
    width: 568px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    clear: both
    }
.titre_image_niv2 {
    display: block;
    height: 34px;
    width: 749px;
    padding: 0;
    margin: 0 12px 10px 16px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    clear: both;
    border: 0 solid #d6d0c7;
    border-bottom-width: 1px
    }
.titre_image_niv2_impression {
    display: block;
    height: 34px;
    width: 440px;
    padding: 0;
    margin: 0 12px 10px 16px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    clear: both;
    border: 0 solid #d6d0c7;
    border-bottom-width: 1px
    }
/*#####################################################################################################################
	BLOC TITRE MODELE4 (page famille) bloc descriptif famille
##################################################################################################################### */
.titre_text_niv1, .titre_text_niv2, .titre_text_ge_niv1 {
    color: #4c483f;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-position: 12px 3px;
    display: block;
    min-height: 20px
    }
.titre_text_niv1 b {
    margin: 0 0 0 30px;
    display: block
    }
.titre_text_niv1 b a {
    color: #4C483F;
    text-decoration: none
    }
.titre_text_niv1 b a:hover {
    text-decoration: underline
    }
.titre_text_niv1 h1 {
    margin: 0 0 0 30px;
    display: inline;
    font-size: 14px;
    font-weight: bold
    }
.titre_text_niv1 div {
    margin: 0 0 0 30px;
    display: block;
    font-size: 14px;
    font-weight: bold
    }
.titre_text_niv1 div h1 {
    margin: 0 0 0 0;
    display: inline;
    font-size: 14px;
    font-weight: bold
    }
.titre_text_niv2 b {
    margin: 0 0 0 25px;
    display: block;
    font-size: 12px
    }
.avec_page {
    width: 390px
    }
.titre_text_ge_niv1 {
    background-position: 0 8px
    }
.titre_text_ge_niv1 b {
    margin: 0 0 0 20px;
    display: block
    }
.niv2 {
    font-size: 18px;
    background-position: 0 6px
    }
.niv2 b {
    margin-left: 15px
    }
.niv3 {
    font-size: 16px;
    background-position: 0 5px
    }
.niv3 b {
    margin-left: 14px
    }
.no-puce {
    background: none
    }
.no-puce b {
    margin: 0
    }
/* #####################################################################################################################
 CADRE GRIS
#####################################################################################################################*/
.bloc_cadre {
    background-repeat: repeat-y;
    color: #4c483f;
    font-size: 11px;
    position: relative
    }
.bloc_cadre_head {
    background-repeat: no-repeat
    }
.bloc_cadre_pied {
    background-repeat: no-repeat;
    background-position: 0 100%
    }
.bloc_cadre hr {
    clear: both;
    visibility: hidden;
    display: block;
    height: 10px;
    padding: 0;
    margin: 0;
    border: none
    }
/* #####################################################################################################################
 ICONE DISPO
#####################################################################################################################*/
.dispo_ok {
    background-image: url(../images/modele/ic_dispo/ic_dispo.gif);
    line-height: 27px
    }
.dispo_reappro {
    background-image: url(../images/modele/ic_dispo/ic_reappro.gif);
    line-height: 27px
    }
.dispo_fourn {
    background-image: url(../images/modele/ic_dispo/ic_contremarque.gif);
    line-height: 27px
    }
.dispo_qtelimitee {
    background-image: url(../images/modele/ic_dispo/ic_dispo.gif);
    line-height: 27px
    }
.dispo_epuise {
    background-image: url(../images/modele/ic_dispo/ic_indispo.gif);
    line-height: 27px
    }
/* #####################################################################################################################
	TYPE DE PUCE
#####################################################################################################################*/
.puce_grise_9 {
    background-image: url(../images/modele/puce_beige_9_9.gif);
    background-repeat: no-repeat
    }
.puce_jaune_9 {
    background-image: url(../images/modele/puce_jaune_9_9.gif);
    background-repeat: no-repeat
    }
.puce_jaune_11 {
    background-image: url(../images/modele/puce/puce_titre_jaune_11.gif);
    background-repeat: no-repeat
    }
.puce_gris_11 {
    background-image: url(../images/modele/puce/puce_titre_gris_11.gif);
    background-repeat: no-repeat
    }
.puce_orange_11 {
    background-image: url(../images/modele/puce/puce_titre_orange_11.gif);
    background-repeat: no-repeat
    }
.puce_orange_3 {
    background-image: url(../images/modele/puce/puce_titre_orange_3.gif);
    background-repeat: no-repeat
    }
/* #####################################################################################################################
	BLOC SELECTION PAGE -> RESULTAT / SOUS FAMILLE
#####################################################################################################################*/
.blocpage {
    clear: both;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 24px;
    padding: 0 0 0 5px
    }
.blocpage .formPage {
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    padding: 0 5px 0 0;
    margin: 0
    }
#selection_page_bas {
    margin: -5px 10px 0 0;
    float: right;
    background-image: url(../images/modele/blocpage/f_c_g.gif)
    }
#selection_page_bas .formPage {
    background-image: url(../images/modele/blocpage/f_c_d.gif)
    }
#selection_page_haut {
    background-image: url(../images/modele/blocpage/f_c_g_h.gif);
    position: absolute;
    right: 5px;
    top: -5px
    }
#selection_page_haut .formPage {
    background-image: url(../images/modele/blocpage/f_c_d_h.gif)
    }
.blocpage .bt_precedent, .blocpage .bt_debut, .blocpage .bt_suivant, .blocpage .bt_fin {
    display: block;
    height: 14px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
    margin-top: 5px
    }
.blocpage label {
    float: left;
    vertical-align: middle;
    line-height: 22px
    }
.blocpage .bt_precedent b, .blocpage .bt_debut b, .blocpage .bt_suivant b, .blocpage .bt_fin b {
    display: none
    }
.blocpage .bt_suivant, .blocpage .bt_precedent {
    margin-left: 3px;
    margin-right: 3px
    }
.blocpage select {
    margin-top: 3px;
    vertical-align: middle
    }
.blocpage .bt_precedent {
    background-image: url(../images/modele/blocpage/bt_precedent.gif)
    }
.blocpage .bt_debut {
    background-image: url(../images/modele/blocpage/bt_debut.gif)
    }
.blocpage .bt_suivant {
    background-image: url(../images/modele/blocpage/bt_suivant.gif)
    }
.blocpage .bt_fin {
    background-image: url(../images/modele/blocpage/bt_fin.gif)
    }
.blocpage .bt_disabled {
    background-position: 0 -28px
    }
.blocpage .bt_over {
    background-position: 0 -14px
    }
/*#####################################################################################################################
	BLOC ENCADRE
##################################################################################################################### */
.bloc_modele2 {
    width: 100%;
    background-image: url(../images/modele/bloc_modele2/f_cadre.gif);
    color: #4c483f;
    font-size: 11px;
    margin-bottom: 5px
    }
.bloc_modele2 .bloc_cadre_head {
    width: 100%;
    background-image: url(../images/modele/bloc_modele2/h_cadre.gif)
    }
.bloc_modele2 .bloc_cadre_pied {
    width: 100%;
    background-image: url(../images/modele/bloc_modele2/p_cadre.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%
    }
/*-----MEME BLOCK MAIS EN 773px---------*/
.bloc_modele4 {
    background-image: url(../images/modele/bloc_modele4/f_cadre.gif);
    color: #4c483f;
    font-size: 11px
    }
.bloc_modele4 .bloc_cadre_head {
    background-image: url(../images/modele/bloc_modele4/h_cadre.gif)
    }
.bloc_modele4 .bloc_cadre_pied {
    background-image: url(../images/modele/bloc_modele4/p_cadre.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%
    }
.bloc_modele4 .titre_image_niv2 {
    /* border:1px solid red; */
    }
.bloc_modele4 .ligne_texte {
    width: 749px
    }
.bloc_notice_truc {
    font-size: 13px;
    font-weight: bold
    }
/* CADRE ORANGE */
.bloc_modele6 {
    background-image: url(../images/modele/bloc_modele6/f_cadre.gif)
    }
.bloc_modele6 .bloc_cadre_head {
    background-image: url(../images/modele/bloc_modele6/h_cadre.gif)
    }
.bloc_modele6 .bloc_cadre_pied {
    background-image: url(../images/modele/bloc_modele6/p_cadre.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%
    }
/*#####################################################################################################################
	dans page produit
##################################################################################################################### */
.liste_texte hr {
    display: none
    }
.liste_texte .titre_image {
    border: none;
    margin-bottom: 0
    }
.ligne_texte {
    padding: 12px 0 12px 0;
    margin: 0 0 0 16px;
    border: 0 solid #d6d0c7;
    border-top-width: 1px;
    clear: both;
    background-repeat: no-repeat;
    background-position: 0 18px;
    background-image: url(../images/modele/liste_texte/puce_noir.gif)
    }
.texte_ligne {
    margin-left: 12px;
    display: block;
    text-decoration: none;
    color: #4c483f
    }
.avecbouton .texte_ligne {
    float: left;
    width: 645px
    }
.avecbouton .buttonlien {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../images/modele/liste_texte/bt_simple.gif);
    width: 85px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px
    }
.avecbouton .buttonlien:hover {
    background-position: 0 -18px
    }
.avecetoile {
    position: relative
    }
.avecetoile .listeetoile {
    position: absolute;
    top: 0;
    right: 5px
    }
/*#####################################################################################################################
	BLOC MODELE3 (page famille) bloc descriptif famille
##################################################################################################################### */
.bloc_modele3 {
    background-image: url(../images/modele/modele3/b_h_famille.gif);
    background-repeat: no-repeat;
    background-position: 0 25px;
    position: relative
    }
.bloc_modele3_descriptif {
    border: 0 solid #d6d0c7;
    border-bottom-width: 1px;
    padding: 15px 0 0 12px;
    margin: 0 0 5px 0
    }
.bloc_modele3_descriptif img {
    float: left;
    margin-right: 10px
    }
.bloc_modele3_descriptif p {
    padding: 0;
    margin: 0;
    display: inline;
    float: left;
    width: 445px;
    color: #7d7869;
    font-size: 11px
    }
.bloc_modele3_descriptif hr.clear {
    visibility: hidden
    }
.bloc_modele3_titre {
    display: block;
    height: 25px;
    width: 568px;
    font-size: 16px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    clear: both;
    font-style: italic;
    background-repeat: no-repeat;
    background-position: 10px 3px
    }
h1.bloc_modele3_titre {
    display: block;
    padding-left: 27px
    }
/*#####################################################################################################################
	BLOC MODELE5 PLAN Du site
##################################################################################################################### */
.bloc_modele5 {
    width: 100%;
    background-image: url(../images/modele/bloc_modele5/f_cadre.gif);
    color: #4c483f;
    font-size: 11px
    }
.bloc_modele5 .bloc_cadre_head {
    width: 100%;
    background-image: url(../images/modele/bloc_modele5/h_cadre.gif)
    }
.bloc_modele5 .bloc_cadre_pied {
    width: 100%;
    background-image: url(../images/modele/bloc_modele5/p_cadre.gif)
    }
.bloc_modele5 dd, .bloc_modele5 dl, .bloc_modele5 dt {
    width: 268px
    }
.bloc_modele5 dd, .bloc_modele5 dl, .bloc_modele5 dt, .bloc_modele5 ul, .bloc_modele5 ul li {
    padding: 0;
    margin: 0;
    list-style: none
    }
.bloc_modele5 ul li {
    background-image: url(../images/modele/bloc_modele5/puce_orange.gif);
    background-repeat: no-repeat;
    background-position: 7px 8px
    }
.bloc_modele5 dl dt {
    text-indent: 20px;
    font-size: 13px;
    padding: 0 0 0 0;
    margin: 0;
    min-height: 25px;
    line-height: 25px;
    vertical-align: middle;
    background-position: 0 50%;
    border: 0 solid #d6d0c7;
    border-bottom-width: 1px
    }
.bloc_modele5 dl {
    float: left;
    margin: 5px 0 0 11px
    }
.bloc_modele5 dd {
    padding-top: 5px
    }
.bloc_modele5 a {
    text-decoration: none;
    color: #4C483F
    }
.bloc_modele5 li a:hover {
    text-decoration: underline
    }
.bloc_modele5 li a {
    display: block;
    margin: 0 0 0 22px
    }
.bloc_modele5 dt a:hover {
    color: #7d7869
    }
.bloc_modele5 ul.colonnes {
    clear: both;
    display: block;
    padding: 10px 0 0 0
    }
.bloc_modele5 ul.colonnes li {
    display: inline;
    float: left;
    width: 268px;
    margin: 0 0 0 11px
    }
/*#####################################################################################################################
	BLOC MODELE3 (page famille) bloc descriptif famille
##################################################################################################################### */
.changeQuant {
    display: block;
    width: 17px;
    height: 23px;
    line-height: 23px;
    vertical-align: middle
    }
.changeQuant span {
    display: none
    }
.changeQuant .plus, .changeQuant .moins {
    font-size: 1px;
    display: block;
    width: 17px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    top: -3px
    }
.changeQuant .moins {
    background-image: url(../images/bt_change_qt_moins.gif);
    height: 11px
    }
.changeQuant .moins:hover, .changeQuant .moinsSelected {
    background-position: 0 -11px
    }
.changeQuant .plus {
    background-image: url(../images/bt_change_qt_plus.gif)
    }
.changeQuant .plus:hover, .changeQuant .plusSelected {
    background-position: 0 -12px
    }
/*#####################################################################################################################
	LIGNE MINI FICHE
#####################################################################################################################*/
.mini_fiche_ligne {
    border: 0 solid #d6d0c7;
    border-bottom-width: 1px;
    margin: 10px 12px 0 12px;
    height: 100px;
    position: relative
    }
.mini_fiche_ligne .colonne_0, .mini_fiche_ligne .colonne_1 {
    position: relative;
    z-index: 1;
    height: 90px
    }
.mini_fiche_ligne .colonne_1 {
    font-size: 12px;
    line-height: normal;
    width: 440px;
    margin: 0 0 0 103px;
    color: #7d7869;
    /*float: left;*/
    }
.mini_fiche_ligne hr {
    height: 9px;
    clear: both;
    border: none;
    padding: 0;
    margin: -7px 0;
    visibility: hidden
    }
.mini_fiche_ligne .colonne_0 {
    display: inline;
    float: left;
    margin: 0 0 0 5px;
    background-color: #FC9
    }
.mini_fiche_ligne .colonne_0 a {
    display: block
    }
.mini_fiche_ligne .colonne_0 a img {
    border: none
    }
.mini_fiche_ligne .colonne_0 .ic_new {
    position: absolute;
    left: -8px;
    top: -12px;
    z-index: 2
    }
/*.mini_fiche_ligne .colonne_1_2_container {
	float: left;
}*/
.mini_fiche_ligne .ligne_titre {
    /*clear: both;
    	position: relative;
    	overflow: auto;*/
    height: 63px
    }
.mini_fiche_ligne .titre_descriptif, .mini_fiche_ligne .titre_descriptif_large {
    color: #7d7869;
    /*text-decoration:none;
    	margin: 0 0 0 10px;
    	display: block;
    	float: left;
    	width: 370px;*/
    }
.mini_fiche_ligne .ligne_titre a {
    cursor: pointer;
    color: #7D7869
    }
.mini_fiche_ligne .titre_descriptif_large {
    width: 570px
    }
.mini_fiche_ligne .titre_descriptif:hover {
    color: #ff6000;
    text-decoration: underline
    }
.mini_fiche_ligne .colonne_1 .infocomplementaire {
    display: block;
    height: 27px
    }
/* .ligne_resultat .colonne_1 .descriptif{ */
.mini_fiche_ligne .colonne_1 .descriptif {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    height: 30px;
    overflow: hidden
    }
.mini_fiche_ligne .colonne_1 .descriptif.avecEncart {
    width: 270px
    }
.mini_fiche_ligne .colonne_1 .descriptif a {
    color: #7d7869;
    text-decoration: none
    }
.mini_fiche_ligne .colonne_1 .descriptif a:hover {
    color: #3a3730
    }
.mini_fiche_ligne .colonne_1 .lien {
    display: block;
    height: 20px;
    padding: 0;
    margin: 0;
    width: 247px
    }
.mini_fiche_ligne .colonne_1 .lien .savoir {
    color: #4c483f;
    font-weight: bold;
    margin-right: 20px
    }
.mini_fiche_ligne .colonne_1 .lien .accessoire {
    color: #4c483f;
    font-weight: bold
    }
.mini_fiche_ligne .colonne_1 .lien .savoir:hover, .mini_fiche_ligne .colonne_1 .lien .accessoire:hover {
    color: #ff6000
    }
.mini_fiche_ligne .colonne_1 .lignebeige {
    height: 27px;
    width: 247px;
    background-image: url(../images/modele/bloc_modele2/f_colonne1.gif);
    background-color: #efece8;
    float: left;
    position: relative
    }
.mini_fiche_ligne .colonne_1 .disponibilite {
    display: inline;
    float: left;
    width: 33px;
    height: 27px;
    background-position: 7px 50%;
    background-repeat: no-repeat
    }
.mini_fiche_ligne .colonne_1 .disponibilite span {
    display: block;
    font-size: 11px;
    vertical-align: middle;
    margin-left: 45px
    }
.mini_fiche_ligne .colonne_1 .garantie {
    background-image: url(../images/modele/bloc_modele2/f_garantie.gif);
    display: block;
    width: 52px;
    height: 25px;
    position: absolute;
    left: 80px;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    padding: 2px 0 0 0;
    line-height: 11px
    }
.mini_fiche_ligne .colonne_1 .reference {
    position: absolute;
    left: 40px;
    line-height: 13px;
    vertical-align: middle;
    height: 27px;
    width: 40px;
    display: block;
    font-size: 11px
    }
.mini_fiche_ligne .colonne_1 .bloc_prix {
    position: absolute;
    height: 27px;
    width: 110px;
    text-align: right;
    right: 2px;
    line-height: 27px;
    vertical-align: middle;
    font-size: 1px
    }
.mini_fiche_ligne .colonne_1 .deuxprix {
    height: 27px;
    line-height: 11px;
    vertical-align: top
    }
.mini_fiche_ligne .colonne_1 .bloc_prix .prixbarre {
    display: block;
    color: #ff6000;
    font-size: 12px;
    line-height: 12px
    }
.mini_fiche_ligne .colonne_1 .bloc_prix .autreinfo {
    display: block;
    color: #ff6000;
    font-size: 12px;
    line-height: 12px
    }
.mini_fiche_ligne .colonne_1 .bloc_prix .prix {
    color: #302d28;
    display: inline;
    font-size: 15px;
    line-height: 27px
    }
.mini_fiche_ligne .colonne_1 .deuxprix .prix {
    display: inline;
    color: #302d28;
    display: block;
    font-size: 15px;
    line-height: 15px
    }
.mini_fiche_ligne .encarejaune {
    background-image: url(../images/modele/bloc_modele2/encare_jaune.gif);
    background-color: #FC3;
    width: 157px;
    height: 29px;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 22px;
    right: 2px
    }
.mini_fiche_ligne .lignebeige_acheter {
    background-image: url(../images/modele/bloc_modele2/f_colonne2.gif);
    background-color: #efece8;
    height: 27px;
    width: 189px;
    float: left;
    margin-left: 4px
    }
.mini_fiche_ligne .lignebeige_acheter input.champinput {
    margin-top: 1px;
    width: 27px;
    padding-top: 3px;
    padding-bottom: 2px
    }
.mini_fiche_ligne .lignebeige_acheter .bt_acheter, .mini_fiche_ligne .lignebeige_acheter label, .mini_fiche_ligne .lignebeige_acheter .changeQuant, .mini_fiche_ligne .lignebeige_acheter input {
    display: inline;
    float: left
    }
.mini_fiche_ligne .lignebeige_acheter .buttonsubmit {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../images/modele/bt_acheter.gif);
    height: 25px;
    width: 109px;
    margin: 0 1px 0 0;
    padding: 0;
    float: right
    }
.mini_fiche_ligne .changeQuant {
    margin-top: 1px
    }
.mini_fiche_ligne label {
    vertical-align: middle;
    margin-left: 5px;
    line-height: 27px;
    width: 25px
    }
.mini_fiche_ligne .bt_acheter {
    width: 109px;
    height: 25px
    }
.mini_fiche_ligne .bt_acheter b {
    display: inline
    }
.mini_fiche_ligne .listeetoile {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 51px;
    right: 3px
    }
.ligne_all_resultat {
    margin: 10px 12px 0 12px;
    text-align: right
    }
.ligne_all_resultat .bt_voir_all_resultat {
    color: #4c483f;
    text-decoration: none
    }
.ligne_all_resultat .bt_voir_all_resultat:hover {
    text-decoration: underline
    }
/*#####################################################################################################################
	POP
#####################################################################################################################*/
.popup {
    position: absolute;
    z-index: 150;
    width: 300px;
    display: none
    }
.popupHead {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 37px
    }
.popupHeadG {
    position: absolute;
    height: 37px;
    width: 12px;
    top: 0;
    left: 0;
    background-image: url(../images/modele/popup/c_h_g.gif);
    background-repeat: no-repeat
    }
.popupHeadD {
    position: absolute;
    height: 637px;
    width: 12px;
    top: 0;
    right: 0;
    background-image: url(../images/modele/popup/c_h_d.gif);
    background-repeat: no-repeat
    }
.popupHeadB {
    background-image: url(../images/modele/popup/f_h.gif);
    background-repeat: repeat-x;
    background-color: #eae7e3;
    height: 37px;
    margin: 0 12px 0 12px;
    position: relative
    }
.popupBt {
    width: 16px;
    height: 14px;
    background-image: url(../images/modele/popup/bt_fermer.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 0
    }
.popupContenu {
    clear: both;
    background-color: #efece8;
    position: relative
    }
.popupBordG {
    background-image: url(../images/modele/popup/b_g.gif);
    background-repeat: repeat-y;
    position: absolute;
    width: 12px;
    height: 100%;
    top: 0;
    left: 0
    }
.popupBordB {
    margin: 0 12px 0 12px
    }
.popupBordD {
    background-image: url(../images/modele/popup/b_d.gif);
    background-repeat: repeat-y;
    position: absolute;
    width: 12px;
    height: 100%;
    top: 0;
    right: 0
    }
.popupPied {
    position: relative;
    left: 0;
    bottom: 0;
    height: 9px;
    width: 100%
    }
.popupPiedG {
    position: absolute;
    height: 9px;
    width: 12px;
    top: 0;
    left: 0;
    background-image: url(../images/modele/popup/c_b_g.gif);
    background-repeat: no-repeat
    }
.popupPiedB {
    background-image: url(../images/modele/popup/f_b.gif);
    background-repeat: repeat-x;
    margin: 0 12px 0 12px;
    height: 9px
    }
.popupPiedD {
    position: absolute;
    height: 9px;
    width: 12px;
    top: 0;
    right: 0;
    background-image: url(../images/modele/popup/c_b_d.gif);
    background-repeat: no-repeat
    }
.popupTitre {
    float: left;
    color: #615d55;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    vertical-align: middle
    }
.popupHead .alert {
    color: #ff6000;
    font-weight: bold
    }
/* #####################################################################################################################
	POP ZOOM
#####################################################################################################################*/
/* #popupzoomContenu{display:none;} */
#popupzoompopup .popupContenu {
    padding-top: 10px
    }
#popupzoomContenu1, #popupzoomContenu2 {
    float: left
    }
#popupzoomContenu1 {
    float: left;
    text-align: center
    }
#popupzoomContenu1 img {
    border: 1px solid #d0cbc4
    }
#popupzoomContenu2 {
    width: 100px;
    padding: 0 0 0 10px
    }
#popupzoomContenu2 a {
    display: block;
    margin-bottom: 12px;
    height: 92px;
    width: 92px
    }
#popupzoomContenu2 a img {
    border: 1px solid #9d9992
    }
#popupzoomContenu2 a.selected img {
    border: 1px solid #9d9992
    }
/* #####################################################################################################################
	POP IMAGE MOYENNE
#####################################################################################################################*/
#popupimgMoyenne {
    cursor: pointer
    }
/* #####################################################################################################################
	POP ENVOYER A UN AMI
#####################################################################################################################*/
#envoi_amis_email, #envoi_amis_message {
    border-right-width: 1px;
    width: 98%
    }
#form_envoi_amis .ligne {
    padding: 2px
    }
#envoi_amis_email {
    width: 348px
    }
/* #####################################################################################################################
	POP ADD PANIER
#####################################################################################################################*/
#bt_addCaddis_Continuer, #bt_addCaddis_GetPanier {
    display: block;
    position: relative;
    height: 88px;
    width: 156px;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #FFF;
    text-decoration: none;
    float: left
    }
#addCaddis_ou {
    height: 88px;
    width: 80px;
    float: left;
    line-height: 80px;
    vertical-align: middle;
    text-align: center
    }
#bt_addCaddis_Continuer {
    background-image: url(../images/modele/addCaddis/bt_addCaddis_Continuer.gif)
    }
#bt_addCaddis_GetPanier {
    background-image: url(../images/modele/addCaddis/bt_addCaddis_GetPanier.gif)
    }
#bt_addCaddis_Continuer:hover, #bt_addCaddis_GetPanier:hover {
    background-position: 0 -88px
    }
#bt_addCaddis_Continuer b, #bt_addCaddis_GetPanier b {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 156px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center
    }
#ligne_addCaddis {
    margin: 0 auto 0 auto;
    width: 392px;
    height: 130px;
    clear: both
    }
/* #####################################################################################################################
	POP NOTER
#####################################################################################################################*/
#popupNote_bloc_notation {
    position: relative;
    width: 228px;
    /* 237px; */
    height: 34px;
    background-image: url(../images/modele/popup/popNoter/f_etoile.gif);
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: 34px;
    padding: 0 0 0 9px;
    margin: 10px 0 10px 0
    }
#popupNote_bloc_notation b {
    float: left
    }
#popupNote_bloc_notation .listeetoile {
    float: right;
    margin: 5px 9px 0 0;
    padding: 0
    }
#popupNote_bloc_notation img {
    cursor: pointer
    }
#noteProduitForm textarea {
    clear: both;
    width: 408px
    }
#bt_valider_popupNote b {
    display: block
    }
#bt_valider_popupNote {
    float: right;
    background-image: url(../images/modele/popup/popNoter/bt_valider_popupNote.gif);
    background-repeat: no-repeat;
    width: 186px;
    line-height: 22px;
    height: 22px;
    margin: 10px 0 10px 0
    }
#bt_valider_popupNote.rollover {
    background-position: 0 -22px
    }
/* #####################################################################################################################
	POP LOGIN ACCEPTER
#####################################################################################################################*/
#bt_login_accesCompte, #bt_login_continuer {
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    line-height: 22px;
    margin: 0 auto 0 auto;
    width: 230px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-position: 0 0
    }
#bt_login_continuer {
    background-image: url(../images/modele/popup/popupLogin/bt_valider_popupLogin.gif)
    }
#bt_login_accesCompte {
    background-image: url(../images/modele/popup/popupLogin/bt_valider_popupLogin.gif)
    }
#bt_login_continuer:hover, #bt_login_accesCompte:hover {
    background-position: 0 -22px
    }
/* Encart dimmensionnable
 * utilis� pour "Vous �tes d�j� client HMD"
 */
.encart_1 {
    background: #f6f5f1 url(../images/modele/encart_1/encart_1_t.gif) repeat-x;
    margin-bottom: 10px
    }
.encart_1 > div {
    background: url(../images/modele/encart_1/encart_1_r.gif) repeat-y right
    }
.encart_1 > div > div {
    background: url(../images/modele/encart_1/encart_1_b.gif) repeat-x bottom;
    /* ie 7 */
    }
.encart_1 > div > div > div {
    background: url(../images/modele/encart_1/encart_1_l.gif) repeat-y
    }
.encart_1 > div > div > div > div {
    background: url(../images/modele/encart_1/encart_1_tl.gif) no-repeat
    }
.encart_1 > div > div > div > div > div {
    background: url(../images/modele/encart_1/encart_1_tr.gif) no-repeat right top
    }
.encart_1 > div > div > div > div > div > div {
    background: url(../images/modele/encart_1/encart_1_br.gif) no-repeat right bottom
    }
.encart_1 > div > div > div > div > div > div > div {
    background: url(../images/modele/encart_1/encart_1_bl.gif) no-repeat left bottom;
    padding: 10px
    }
.encart_1 .titre {
    display: block;
    color: #7A756A;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #d6d0c4;
    padding-bottom: 7px;
    margin-bottom: 10px
    }
.encart_1 p {
    margin: 0 0 10px 0;
    color: #958F82;
    font-size: 11px
    }
/* Personnalisation pour l'encart "Vous �tes d�j� client HMD" */
#clientExistant label[id^="lbl_"] {
    float: left;
    width: 255px;
    font-size: 11px;
    color: #958F82
    }
#clientExistant #lbl_codePostal {
    margin-left: 35px
    }
#clientExistant label[id^="lbl_"] input {
    width: 100%
    }
/* Styles des formulaires - Ferreia Laurent - 08032011*/
/*---- Mise en form g�n�rale des formulaires ----*/
.form_container form {
    margin: 18px 0 0 0
    }
.form_container fieldset {
    padding: 4px 7px 0 7px;
    width: 551px
    }
.form_container .form_header {
    border-bottom: 1px solid #eeebe3;
    padding-bottom: 5px;
    width: 567px
    }
.form_container .form_title {
    color: #4C483F;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 0 30px;
    background-position: 10px 4px;
    background-repeat: no-repeat
    }
.form_container .needed_infos {
    float: right;
    margin-right: 10px;
    margin-top: 4px
    }
.form_container .red {
    color: #f00
    }
.form_container .field_title {
    font-size: 12px;
    padding: 0 0 8px 23px;
    background-repeat: no-repeat;
    background-position: 3px 2px;
    border-bottom: 1px solid #d5cfc3
    }
.form_container .field_title b {
    color: #625e55
    }
.form_container .field_lines {
    margin-top: 8px;
    overflow: hidden
    }
.form_container .field_lines > div {
    margin-left: 4px;
    margin-bottom: 7px
    }
.form_container .field_lines .float_l {
    float: left
    }
.form_container .field_lines .clear_l {
    clear: left
    }
.form_container .field_lines .mr {
    margin: 0 31px 0 4px
    }
.form_container .field_top, .form_container .field_bottom {
    width: 567px;
    height: 6px
    }
.form_container .field_bottom {
    margin-bottom: 20px
    }
.form_container .puce_jaune {
    background-image: url(../images/puce_jaune.gif)
    }
.form_container .puce_grise {
    background-image: url(../images/puce_grise.gif)
    }
.form_container .puce_orange {
    background-image: url(../images/puce_orange.gif)
    }
/* Label */
.form_container label {
    display: block;
    margin-bottom: 2px
    }
/* Input */
.form_container input[type="text"] {
    border-width: 1px;
    border-style: solid;
    border-color: #d5cfc3 #eeebe3 #eeebe3 #d5cfc3;
    width: 248px;
    padding: 3px 2px
    }
.form_container textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #d5cfc3 #eeebe3 #eeebe3 #d5cfc3;
    width: 537px;
    height: 110px;
    padding: 3px 2px
    }
.form_container .sbt_sfc, .form_container .sbt_dpa, .form_container .sbt_da, .form_container .sbt_er {
    margin: 35px auto 20px auto;
    padding: 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    background: none
    }
.align-center {
    text-align: center
    }
.form_container .sbt_sfc > span, .form_container .sbt_dpa > span, .form_container .sbt_da > span, .form_container .sbt_er > span {
    background: url(../images/modele/annonce/btn_1.gif) no-repeat 0 0;
    padding: 0 0 0 60px;
    display: block
    }
.form_container .sbt_sfc span span, .form_container .sbt_dpa span span, .form_container .sbt_da span span, .form_container .sbt_er span span {
    background: url(../images/modele/annonce/btn_1.gif) no-repeat 100% 0;
    padding: 0 60px 0 0;
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    font-weight: bold;
    color: #8e6209
    }
.form_container .ui-datepicker-trigger {
    display: block;
    float: right;
    height: 15px;
    margin: 4px 0 0 5px;
    width: 16px;
    cursor: pointer
    }
/*---- Styles field clair ----*/
.form_container .light_field_top {
    background: url(../images/light_field_top.gif) 0 0 no-repeat
    }
.form_container .light_field_bottom {
    background: url(../images/light_field_bottom.gif) 0 0 no-repeat
    }
.form_container .light_fields {
    background-color: #f5f3ef;
    border: none;
    border-width: 0 1px;
    border-style: solid;
    border-left-color: #f0ede6;
    border-right-color: #d5cfc3;
    margin: 0;
    width: 550px
    }
/*---- Styles field fonc� ----*/
.form_container .dark_field_top {
    background: url(../images/dark_field_top.gif) 0 0 no-repeat
    }
.form_container .dark_field_bottom {
    background: url(../images/dark_field_bottom.gif) 0 0 no-repeat
    }
.form_container .dark_fields {
    background-color: #e4e1db;
    border: none;
    border-width: 0 1px;
    border-style: solid;
    border-left-color: #f0ede6;
    border-right-color: #d5cfc3;
    margin: 0;
    width: 550px
    }
.form_container #club_assoc input[type="text"], .form_container #club_assoc input[type="file"] {
    width: 537px
    }
.form_container #club_assoc select {
    width: 253px;
    padding: 2px 1px 2px 0
    }
.form_container #club_assoc #ipt_email {
    width: 248px
    }
.form_container #depot_annonce select {
    padding: 2px 1px 2px 0;
    width: 253px
    }
/*---- Particularit� formulaires ----*/
/*depot actualit�*/
.form_container #depot_actu #ipt_titre, .form_container #depot_actu #ipt_email {
    width: 537px
    }
.form_container #depot_actu #ipt_deb_evnt, .form_container #depot_actu #ipt_fin_evnt {
    width: 227px
    }
/*depot petites annonces*/
.form_container #depot_pa label[for="etat_obj"] + select {
    width: 253px;
    padding: 3px 1px 3px 0
    }
.form_container #depot_pa label[for="expe"] + select {
    width: 543px;
    padding: 2px 1px 2px 0
    }
.form_container #depot_pa #ipt_email {
    width: 537px
    }
/* liste des annonces */
#lpa_title {
    border-bottom: 1px solid #eeebe3;
    width: 545px
    }
#lpa_title + div + div {
    text-align: center;
    padding: 10px 0
    }
#btn_depot_annonce {
    margin: 0 auto;
    padding: 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    background: none
    }
#btn_depot_annonce > span {
    background: url(../images/modele/annonce/btn_1.gif) no-repeat 0 0;
    padding: 0 0 0 60px;
    display: block
    }
#btn_depot_annonce span span {
    background: url(../images/modele/annonce/btn_1.gif) no-repeat 100% 0;
    padding: 0 60px 0 0;
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    font-weight: bold;
    color: #8e6209
    }
#search_annonce {
    background: url(../images/modele/annonce/repeat_annonce.gif) 0 0 repeat-y;
    overflow: hidden;
    padding: 5px 10px
    }
#search_annonce label {
    display: block
    }
#search_annonce .list_theme {
    float: left;
    width: 50%
    }
#search_annonce .btn_recherche {
    text-align: right
    }
#search_annonce select {
    width: 250px
    }
#search_annonce input[type="submit"] {
    background-color: #e1ded9;
    border: 1px solid #c9c6c0;
    padding: 1px 0;
    margin-top: 14px;
    margin-right: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #7a756a;
    width: 250px;
    cursor: pointer
    }
.top_annonce {
    background: url(../images/modele/annonce/top_annonce.gif) 0 0 no-repeat;
    width: 100%;
    height: 12px
    }
.bttm_annonce {
    background: url(../images/modele/annonce/bttm_annonce.gif) 0 0 no-repeat;
    width: 100%;
    height: 6px
    }
.titre_annonce {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #4c483f;
    background: url(../images/modele/puce/puce_grise.gif) 0 3px no-repeat;
    padding-left: 15px;
    padding-bottom: 8px;
    display: block;
    width: 530px;
    margin: 0 auto;
    border-bottom: 1px solid #eeebe3
    }
.titre_annonce + p {
    text-align: right;
    margin-top: 3px;
    font-size: 11px;
    border-bottom: 1px solid #eeebe3;
    padding-bottom: 3px
    }
.fiche_annonce {
    background: url(../images/modele/annonce/repeat_annonce.gif) 0 0 repeat-y;
    padding: 5px 10px;
    width: 547px
    }
.contenu_annonce {
    padding-top: 10px;
    height: 130px
    }
.img_annonce, .desc_annonce {
    float: left
    }
.img_annonce img {
    border: none
    }
.desc_annonce {
    margin-left: 10px
    }
.desc_annonce > div {
    margin-bottom: 6px
    }
.contenu_annonce + p {
    border-spacing: 0
    }
.contenu_annonce + p span {
    text-decoration: underline;
    background: url(../images/modele/annonce/picto_desc_off.gif) right 50% no-repeat;
    padding-right: 15px;
    width: 172px;
    cursor: pointer;
    display: block
    }
.fiche_annonce .desc {
    line-height: 1.6em
    }
.fiche_annonce .desc font {
    font-size: 11px
    }
.fiche_annonce .top_coordo {
    background: url(../images/modele/annonce/top_coordo.gif) 0 0 no-repeat;
    width: 545px;
    height: 6px
    }
.fiche_annonce .contenu_coordo {
    background: url(../images/modele/annonce/repeat_coordo.gif) 0 0 repeat-y;
    padding: 5px 10px
    }
.fiche_annonce .bttm_coordo {
    background: url(../images/modele/annonce/bttm1_coordo.gif) 0 0 no-repeat;
    width: 545px;
    height: 6px
    }
.fiche_annonce .bttm_toggle_coordo {
    background: url(../images/modele/annonce/bttm_coordo.gif) 0 0 no-repeat;
    width: 545px;
    height: 6px
    }
.contenu_coordo p {
    text-align: center;
    margin: 7px 0 2px 0
    }
.contenu_coordo .show_coordo {
    margin: 0 auto;
    padding: 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    background: none
    }
.contenu_coordo .show_coordo > span {
    background: url(../images/modele/annonce/btn_2.gif) no-repeat 0 0;
    padding: 0 0 0 20px;
    display: block
    }
.contenu_coordo .show_coordo span span {
    background: url(../images/modele/annonce/btn_2.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    color: #8e6209
    }
.toggle_coordo p {
    text-align: center;
    margin: 0;
    padding: 12px 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #d7d4ce;
    width: 543px
    }
.toggle_coordo a {
    font-weight: bold;
    text-decoration: underline
    }
#pagination {
    text-align: center
    }
#pagination span {
    padding: 0 5px
    }
#pagination a {
    color: #4C483F;
    text-decoration: none
    }
#pagination a:hover {
    text-decoration: underline
    }
#pagination .current {
    font-weight: bold
    }
.geniecubecontenu p {
    margin: 0
    }