/* #####################################################################################################################
	ONGLET EN HAUT DE FICHE
#####################################################################################################################*/
#onglet,#nocompte{
display:block;margin:0;padding:0 0 0 6px;
width:773px;height:33px;list-style:none;
background-color:#fff;
}
#nocompte{
background-image:url(../images/modele/compte/f_nocompte.gif);
background-repeat:no-repeat;
}
#nocompte b{
display:none;
}
#onglet li{
float:left;height:33px;
list-style:none;margin:0;padding:0;
}
#onglet li b{display:none;}
#onglet li a{display:block;width:100%;height:33px;
background-repeat:no-repeat;
background-position:0 0;
}
#onglet li a:hover{
background-position:0 -33px;
}
#onglet li.isselected a:hover{
background-position:0 0px;
}
#onglet li#bt_compte_personnel a{
background-image:url(../images/modele/compte/bt_compte_personnel.gif);
width:157px;
}
#onglet li#bt_compte_coordonnes a{
background-image:url(../images/modele/compte/bt_compte_coordonnes.gif);
width:125px;
}
#onglet li#bt_compte_commandes a{
background-image:url(../images/modele/compte/bt_compte_commandes.gif);
width:119px;
}
#onglet li#bt_compte_centres a{
background-image:url(../images/modele/compte/bt_compte_centres.gif);
width:152px;
}
#onglet li#bt_compte_commentaires a{
background-image:url(../images/modele/compte/bt_compte_commentaires.gif);
width:186px;
}

#onglet li#bt_compte_personnel.isselected a{
background-repeat:no-repeat;
background-image:url(../images/modele/compte/bt_compte_personnel_s.gif);
}
#onglet li#bt_compte_coordonnes.isselected a{
background-image:url(../images/modele/compte/bt_compte_coordonnes_s.gif);
}
#onglet li#bt_compte_commandes.isselected a{
background-image:url(../images/modele/compte/bt_compte_commandes_s.gif);

}
#onglet li#bt_compte_centres.isselected a{
background-image:url(../images/modele/compte/bt_compte_centres_s.gif);

}
#onglet li#bt_compte_commentaires.isselected a{
background-image:url(../images/modele/compte/bt_compte_commentaires_s.gif);
}

/*  #####################################################################################################################
	BLOC COMPTE
#####################################################################################################################*/
#ficheCompte{
background-repeat:repeat-y;
background-image:url(../images/modele/compte/f_cadre.gif);
position:relative;
}
#ficheCompteTitre{
	font-size:12px;
	color:#746e66;
	clear:both;
	padding:0 14px 0 30px;
	margin:0;
	height:37px;line-height:42px;
	vertical-align:middle;
	position:relative;
	z-index:1;
}
#ficheeCompteHead{
	background-image:url(../images/modele/compte/f_fichetitre.gif);
	background-repeat:no-repeat;
}
#ficheComptePied {
background-image:url(../images/modele/compte/p_cadre.gif);
background-position:100% 100%;
background-repeat:no-repeat;
position:relative;
}
#ficheCompteContenu{margin:12px;}
#ficheCompteContenu .ficheCompteMessageCatalogue{font-weight:bold;color:#ff5f00;}
#bloc_geniecube{width:749px;}
/* #####################################################################################################################
	MINI FICHE herite de modele.css
#####################################################################################################################*/
.mini_fiche_ligne {
	border-bottom-width:0pt;
	border-top-width:1px;
	padding-top:20px;
	position: relative;
}
.mini_fiche_ligne .colonne_1{width:645px;}
.mini_fiche_ligne .colonne_1 .lignebeige{width:450px;background-image:url(../images/modele/produit/f_colonne1.gif);}
.mini_fiche_ligne .ligne_titre { height: 23px; }
.mini_fiche_ligne .encarejaune {top:20px; right: 3px; }
.mini_fiche_ligne .listeetoile{top: 49px;right: 3px;}
.mini_fiche_ligne .prixbarre {color:#ff6000;margin-right: 10px;}

.mini_fiche_ligne .prixbarre {color:#ff6000;margin-right: 10px;}
.mini_fiche_ligne .wrapperPrix {
	background: none;
	padding-left: 0;
	padding-right: 10px;
	margin-top: 0;
	float: right;
	height: 27px;
	/*text-align: right;*/
	display:table;
}

.wrapperPrix > div {
display:table-cell;
vertical-align:middle;
}

.mini_fiche_ligne .wrapperPrix > div > div > div  {
	color: #302d28;	
	display:inline-block;
	vertical-align:middle;
	line-height:13px;
	/zoom: 1;
	/display: inline;
}
.mini_fiche_ligne .wrapperPrix .prix {
	font-size: 15px;	
}



/* #####################################################################################################################
	TABLE DES COMMANDES
#####################################################################################################################*/
.listecommande{width:100%;border-collapse:collapse;}
.listecommande td, .listecommande th {
border:1px solid #e7e3de;
border-collapse:collapse;
padding:6px;
text-align:left;
vertical-align:middle;
font-size:11px;
color:#605c54;
}
.listecommande th  {
border-top-width:0;
color:#746e66;
padding-top:0;
white-space:nowrap;
}
.listecommande .right {border-right-width:0;white-space:nowrap;padding-right:0;text-align:left;}
.listecommande .left  {border-left-width:0;padding-left:0;}
.listecommande .leftright{border-left-width:0;border-right-width:0;width:116px;
padding-left:0}
.listecommande .leftright div{position:relative;}
.listecommande .leftright .listeetoile{padding:0;margin:0;}
.listecommande .leftright .listeetoile img{margin:0 2px 0 2px;}
.listecommande .vide{border:none;width:20px;padding:0;}
/*Force la taille au plus petit*/
.listecommande .mini {width:1%;white-space:nowrap;}

/*Liens*/
.listecommande a {color:#4c483f;}
.listecommande a:hover{color:#ff6000;}

/* POP COMMANDE */

#popMacommande.popup{
display:none;
z-index:10;
width:772px;
position:relative;
margin-top:-35px;
}
#popMacommande .popupHead{height:27px;}
#popMacommande .popupHeadG{
	height:27px;
	width:4px;
	background-image:url(../images/modele/compte/popMacommande/c_h_g.gif);
	
}
#popMacommande .popupHeadD{
width:4px;
background-image:url(../images/modele/compte/popMacommande/c_h_d.gif);
}
#popMacommande .popupHeadB{
background-image:url(../images/modele/compte/popMacommande/f_h.gif);
background-color:#f4f2ee;
height:27px;
margin:0 4px 0 4px;
}

#popMacommande .popupBt{
	margin:6px 10px 0 0;height:14px;
	padding-right: 20px;
	width:auto;
	background-image:url(../images/modele/compte/popMacommande/bt_fermer.gif);
	background-position:100% 50%;
	cursor:pointer;
}
#popMacommande .popupBt:hover{color:#ff6000;}
#popMacommande .popupContenu{background-color:#f4f2ee;}
#popMacommande .popupBordG{
background-image:url(../images/modele/compte/popMacommande/b_g.gif);
width:4px;
}

#popMacommande .popupBordB{margin:0 4px 0 4px;}
#popMacommande .popupBordD{background-image:url(../images/modele/compte/popMacommande/b_d.gif);
	width:4px;
}

#popMacommande .popupPied{height:4px;}
#popMacommande .popupPiedG{
height:4px;width:4px;
background-image:url(../images/modele/compte/popMacommande/c_b_g.gif);
}
#popMacommande .popupPiedB{
	background-image:url(../images/modele/compte/popMacommande/f_b.gif);
	margin:0 4px 0 4px;
	height:4px;
}
#popMacommande .popupPiedD{height:4px;width:4px;
background-image:url(../images/modele/compte/popMacommande/c_b_d.gif);
}

#popMacommande .popupTitre{
	background-image:url(../images/modele/puce/puce_titre_jaune_11.gif);
	background-repeat:no-repeat;
	background-position:12px 12px;
	text-indent:30px;	line-height:36px;
}


/* Pour le layer des commandes */
.bloc_table_commande_double .ligneTotal,.bloc_table_commande .ligneTotal{margin-right:9px;margin-left:9px;padding-top:15px;}
.bloc_table_commande{color:#a6a296;font-size:11px;background-image:url(../images/modele/compte/commandes/f_cadre.gif);}
.bloc_table_commande .bloc_cadre_head{width:100%;	background-image:url(../images/modele/compte/commandes/h_cadre.gif);}
.bloc_table_commande .bloc_cadre_pied{width:100%;	background-image:url(../images/modele/compte/commandes/p_cadre.gif);}
.bloc_table_commande_double{color:#a6a296;font-size:11px;background-image:url(../images/modele/compte/commandes/f_cadre_double.gif);}
.bloc_table_commande_double .bloc_cadre_head{width:100%;	background-image:url(../images/modele/compte/commandes/h_cadre_double.gif);}
.bloc_table_commande_double .bloc_cadre_pied{width:100%;	background-image:url(../images/modele/compte/commandes/p_cadre_double.gif);}

#popMacommande .detaille{
margin-left:30px;
margin-bottom:10px;
width:45%;
float:left;
}
#popMacommande .detaillelien{
float:right;
width:40%;
text-align:right;
margin-right:10px;
margin-top:5px;
}
#popMacommande .detaillelien a{font-weight:bold;color:#4c483f;font-size:11px;
display:block;
margin-bottom:5px;}
#popMacommande .detaillelien a:hover{color:#ff6000;text-decoration:underline;}
/* #####################################################################################################################
	Mes centres d'intï¿½rï¿½ts
#####################################################################################################################*/

.listeCentre,.listeCentre li {
padding:0;
margin:0;
list-style:none;
}
.listeCentre{
	display:inline;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
	float:left;
}
#listeCentreLeft {
width:385px;
}
#listeCentreRight{
width:305px;
}
.listeCentre li label{
	display:block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding-left:10px;
	color:#7a756a;
}
.listeCentre li label input{
display:inline;
	vertical-align:middle;
	padding:0;
	margin:0;
	/* 0 0 10px;*/
}
.listeCentre li b{padding-left:20px;}
#bt_validercentre{
margin:10px 0 0 0;padding:0;
background-image:url(../images/modele/compte/bt_validercentre.gif);
background-position:0 0;
width:213px;
height:24px;
line-height:24px;
text-align:center;
font-size:12px;
vertical-align:middle;
}
#bt_validercentre.rollover{background-position:0 -24px;}
#bt_validercentre b {
	display: block;
	font-size: 11px;
	position: relative;
	top: -1px;
}

/* #####################################################################################################################
	Mes notes et commentaires
#####################################################################################################################*/
.ligne_commentaire{
position:relative;
border:0 solid #d6d0c7;
border-top-width:1px;
}
.ligne_commentaire .listeetoile{position:absolute;right:0;top:8px;}

.ligne_commentaire .puce_orange_3{
	text-indent:10px;
	margin:20px 0 15px 0;
	background-position:0 9px;
	font-weight:normal;
	font-size:12px;
}
.ligne_commentaire p{margin-left:10px;}

/* #####################################################################################################################
	Mes coordonnï¿½es
#####################################################################################################################*/
#mesCoordonnes{
margin:0 12px 0 12px;
padding:0;
margin:0;

}
/* REDEFINITION (modele.css)*/

.titrage-adresse {
	background-color: #f2efe9;	
	overflow: auto;
	padding: 3px;
	margin: 0 0 5px 0;
	text-align:center;
}

.titrage-adresse span {
	color: #7A756A;
	font-weight: bold;
	text-transform: uppercase;	
}

#mesCoordonnes .champinput,#mesCoordonnes .champselect{
	border:1px solid #d5cfc3;
	border-bottom-color:#eeebe3;
	border-right-color:#eeebe3;
	color:#959595;
	width:186px;float:right;vertical-align:middle;
}
#mesCoordonnes .champselect{
width:188px;
}
*+html #mesCoordonnes .champselect{
width:190px;
} /*IE */
#mesCoordonnes .champradio {
float:right;vertical-align:middle;color:#959595;
}
#mesCoordonnes label{
text-align:right;
color:#7a756a;
font-weight:bold;
float:left;
width:357px;
margin:0 8px 0 0;
}
#mesCoordonnes .ligne_mesCoordonnes{
clear:both;
display:block;
vertical-align:middle;
width:556px;
line-height:22px;
background-repeat:no-repeat;
position:relative
}

#mesCoordonnes .newsletters{
background-image:url(../images/modele/compte/ic_newsletter.gif);
background-position:466px 0;
height:26px;
}
#mesCoordonnes .catalogue{
	background-image:url(../images/modele/compte/ic_catalogue.gif);
	background-position:466px 0;
	height:26px;
	line-height:26px;
}
#mesCoordonnes .catalogue label,
#mesCoordonnes .newsletters label{
float:right;
margin-right:93px;
}
#bt_valider_mesCoordonnes{
background-image:url(../images/modele/compte/bt_valider_mesCoordonnes.gif);
height:22px;line-height:22px;width:86px;
margin: 10px 0 10px 470px;
}
#bt_valider_mesCoordonnes b{display:block;}
#bt_valider_mesCoordonnes:hover {
	background-position:0 -22px;
}


.infobulle{position:absolute;
width:196px;
height:69px;
background-image:url(../images/modele/compte/infobulle.gif);
right:-196px;
top:-60px;
}
.infobulle span{display:block;
width:168px;
height:38px;
margin:5px auto auto 18px;
line-height:normal;
font-size:11px;
color:#7a756a;
}
#loi{
	margin-top:10px;
	color:#958f82;
	font-size:11px;
}

/* #####################################################################################################################
	PAGE DE LOGIN
#####################################################################################################################*/

#bloc_grisc{
	background-image:url(../images/modele/compte/bloc_grisc/f_cadre.gif);
	color:#a6a296;font-size:11px;
}
#bloc_grisc .bloc_cadre_head{width:100%;padding-top:10px;
	background-image:url(../images/modele/compte/bloc_grisc/h_cadre.gif);
}
#bloc_grisc .bloc_cadre_pied{width:100%;height:215px;
	background-image:url(../images/modele/compte/bloc_grisc/p_cadre.gif);
}

#bloc_grisf{
	background-image:url(../images/modele/compte/bloc_grisf/f_cadre.gif);
	color:#58544b;font-size:11px;
}
#bloc_grisf .bloc_cadre_head{width:100%;padding-top:10px;
	background-image:url(../images/modele/compte/bloc_grisf/h_cadre.gif);
}
#bloc_grisf .bloc_cadre_pied{width:100%;height:215px;
	background-image:url(../images/modele/compte/bloc_grisf/p_cadre.gif);
}

#bloc_ancien form,#bloc_grisf form,#bloc_grisc form,
#bloc_grisc .soustexte,
#bloc_grisf .soustexte,
#bloc_grisf .separateur_gris,
#bloc_grisc .separateur_gris,
#bloc_catagogue p{padding:0;margin:0 12px 0 12px;}
#bloc_catagogue p{padding-top:12px;font-weight:bold;color:#ff5f00;}
#bloc_grisc .soustexte,
#bloc_grisf .soustexte{font-size:11px;margin-top:5px;color:#a6a296;}
#bloc_grisf,#bloc_grisc{padding:0;margin:0;width:279px;float:left;}
#bloc_grisf{margin-left:9px;}

#bloc_grisf .titre_text_niv1,
#bloc_grisc .titre_text_niv1,
#bloc_ancien .titre_text_niv1{font-size:12px;color:#7a756a}

#bloc_grisc .soustexte a,
#bloc_grisf .soustexte a{color:#a6a296;font-weight:bold;}
#bloc_grisc .soustexte a:hover,
#bloc_grisf .soustexte a:hover{color:#ff6000;}

#MonCompte_Creer,#MonCompte_Con {
height:128px;
display:block;
border-top: 1px solid #d6d0c7;
}
#bt_MonCompte_Con_valider{
margin-top:10px;
display:block;
background-image:url(../images/modele/compte/bloc_grisc/bt_MonCompte_Con_valider.gif);
height:22px;
width:120px;
}
#bt_MonCompte_Con_valider:hover {
	background-position:0 -22px;
}
#MonCompte_Con b{display:block;}
#MonCompte_Con label{display:block;margin-top:10px;}

#bt_MonCompte_Creer{display:block;width:160px;margin-top:10px;}


/* #####################################################################################################################
	SURCHARGE btlienextensible
#####################################################################################################################*/
/*
#bt_MonCompte_Creer.btlienextensible b, #bt_MonCompte_Creer.btlienextensible{
	height:22px;line-height:22px;
}

#bt_MonCompte_Creer.btlienextensible{background-image: url(../images/modele/compte/bloc_grisf/bt_simple.gif);}
#bt_MonCompte_Creer.btlienextensible b{background-image: url(../images/modele/compte/bloc_grisf/bt_simple_left.gif);}
#bt_MonCompte_Creer.btlienextensible:hover{background-position:0 -22px;}
#bt_MonCompte_Creer.btlienextensible:hover b{background-position:100% -22px;}
*/
#bloc_ancien .bloc_cadre_pied{padding-top:10px;color:#958f82;}
#bloc_ancien label{display:block;}
#bloc_ancien .champinputNormal{width:250px;}
#bloc_ancien .ligne_l,
#bloc_ancien .ligne_r{width:267px;float:left;overflow:hidden;}
#bt_DejaCompte_valider{
margin-top:14px;
clear:both;
width:67px;
height:20px;
background-position:0 0;
background-image:url(../images/modele/compte/bt_DejaCompte_valider.gif)
}
#bt_DejaCompte_valider:hover{background-position:0 -21px;}
#bt_DejaCompte_valider b{display:block;}

/* Détail de la commande > total */
#totalCommande {
	clear: both;
	padding-left: 30px;
}

/* Détail de la commande > adresses */
.commandeAdresse {
	border-left: 1px solid #ff6000;
	padding-left: 10px;
	margin: 15px 0 15px 30px;
}
.commandeAdresse span {
	font-size: 12px;
	font-weight: bold;
	color: #746e66;
}
.commandeAdresse address {
	font-size: 11px;
	color: #4c4840;
	margin-top: 7px;
}
