/** ****************************************************** **/
/** Accueil compte **/

#contenuCompte
{
	width:891px;
	height:484px;	
	border:1px solid #52452d;	
	position:absolute;	
	top:100px;	
	margin-left:11px; 
	overflow:hidden;
	color:#C39743;
	font-size:11px; font-family: Arial;
}

#contenuCompte input, select{font-family:Arial; font-size:11px; margin-left:5px; vertical-align:middle;}

#contenuCompte #accueilCompteHaut{width:100%; float:left;}
#contenuCompte #accueilCompteHaut #accueilCompteHautG{float:left; width:281px; height:298px;background-image:url(imgCompte/compteBgMesCommandes.jpg); }
#contenuCompte #accueilCompteHaut #accueilCompteHautG div{width:176px;position:relative;top:260px;left:85px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautG div #mesCommandes{ height:26px; display:block; background-image: url(imgCompte/compteMesCommandesTxt.jpg); background-repeat:no-repeat;}
#contenuCompte #accueilCompteHaut #accueilCompteHautG div #mesCommandes:hover{background-position:0 -26px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautMil{float:left; background-image:url(imgCompte/compteBienvenue.jpg);width:335px; height:298px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautMil #txt{width:250px; text-align:center; position:relative; top:108px; left:40px; font-family: Optima LT Std; font-size:14px; color:White;}
#contenuCompte #accueilCompteHaut #accueilCompteHautMil #lien{width:139px; position:relative; top:135px; left: 94px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautMil #lien a{ height:35px; display:block; background-image: url(imgCompte/compteMonCompteTxt.jpg); background-repeat:no-repeat;}
#contenuCompte #accueilCompteHaut #accueilCompteHautMil #lien a:hover{background-position:0 -35px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautD{float:right; background-image:url(imgCompte/compteMesRecettes.jpg); background-repeat: no-repeat; width: 275px; height: 298px; background-position: 0px 60px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautD div{width:230px; position:relative;top:205px;left:24px;}
#contenuCompte #accueilCompteHaut #accueilCompteHautD div a{height:26px; display:block; background-image: url(imgCompte/compteMesRecettesTxt.jpg); background-repeat:no-repeat;}
#contenuCompte #accueilCompteHaut #accueilCompteHautD div a:hover{background-position:0 -26px;}
#contenuCompte #accueilCompteBas{width:891px; height:186px; float:left; background-image:url(imgCompte/compteBgMaCarte.jpg);}
#contenuCompte #accueilCompteBas div{width:188px;position:relative;top:125px;left:441px;}
#contenuCompte #accueilCompteBas div a{height:33px; display:block; background-image: url(imgCompte/compteMaCarteTxt.jpg); background-repeat:no-repeat;}
#contenuCompte #accueilCompteBas div a:hover{background-position:0 -33px;}

.plus{color:#AA7802; font-weight:bold; font-size:14px; position:relative;}
#comm{  left:259px; top:255px;}
#compte{left:231px; top:122px;}
#recette{left:252px; top:200px;}
#carte{left:625px; top:113px;}

#loginLogged{position:absolute;display:block;top:14px;right:-2px;width:124px;height:80px; margin-right:5px; line-height:15px;}
#loginLogged #identificationLogué{height:60px; width:127px; border-left:solid 1px #D8B279; padding-left:5px;  font-size:11px; text-align:left; margin-bottom:4px;}
#loginLogged #identificationLogué b{font-weight:bold; font-family:Arial; color:White;}
#loginLogged #identificationLogué .aId{ font-family:Arial,Optima LT Std; color:#D8B279; font-size:9px; float: left; text-align:left; text-decoration:underline;}
#loginLogged #panier{width:100%;padding-top:4px;}

/** Fin Accueil compte **/
/** ****************************************************** **/

/** ****************************************************** **/
/** Login **/

#contenuLogin{width:891px;
	height:484px;	
	border:1px solid #52452d;	
	position:absolute;	
	top:100px;	
	margin-left:11px; 
	overflow:hidden;
	background-image:url(imgCompte/loginBg.jpg);}
	
#contenuLogin #loginAcces{position:relative; top: 50px; left:43px; color:White; font-family:Arial; font-size:12px; }
#contenuLogin #loginAcces a{color:White; text-decoration:underline; margin-left: 15px;}
#contenuLogin #loginAcces table{ padding:5px; margin-left:-5px;}
.inputLogin{width:210px; height:12px;}
.checkPass{margin-left: 10px;}
#contenuLogin #loginCreer{position:relative; top: 147px; left:43px;}
#contenuLogin #loginCreer p{color:White; font-family:Arial; font-size:12px; margin-top:0px;}
#contenuLogin #loginCreer #loginCreerValider{width: 215px; position:relative; top: 0px; left: 240px;}
#contenuLogin #loginCreer #loginCreerValider a{background-position:0 35px;display:block; height:35px; background-image:url(imgCompte/loginCreerLien.jpg);}
#contenuLogin #loginCreer #loginCreerValider a:hover{background-position:0 0px;}
.valid{display:block; background-position:0 -28px; height:28px; width:101px; position:absolute; top: 84px; left: 339px; background-image:url(imgCompte/loginValider.jpg);}
.valid:hover{background-position:0 0px;}

/** Fin Login **/
/** ****************************************************** **/

/**  MonCompte **/
/********************************************************* **/

#contenuCompte #left{width:159px; float: left; height:100%; }
#contenuCompte #left ul{list-style-type:none; margin: 2px; margin-top:15px; padding:2px; }
#contenuCompte #left a{display:block; height:18px;}
#contenuCompte #left .accueil{width: 49px; background-image:url(imgCompte/accueil.jpg)}
#contenuCompte #left .maCarte{width: 106px; background-image:url(imgCompte/maCarteDuGout.jpg)}
#contenuCompte #left .mesRecettes{width: 145px; background-image:url(imgCompte/mesRecettes.jpg)}
#contenuCompte #left .mesCommandes{width:108px; background-image:url(imgCompte/mesCommandes.jpg)}
#contenuCompte #left .monCompte{width: 85px; background-image:url(imgCompte/monCompte.jpg)}
#contenuCompte #left a:hover{background-position:0 -18px;}
#contenuCompte #left ul li #on{color:#FFF;}
#contenuCompte #left ul li{margin-top:13px;}
#contenuCompte #vertBar{float: left; width:10px; height:100%; background-image:url(imgCompte/compteBarVerticale.jpg)}
#contenuCompte #right{float: left; height:516px; width:722px; }
#contenuCompte .rightMonCompte{background-image:url(imgCompte/moncompteBg.jpg);}
#contenuCompte .rightCommandes{background-image:url(imgCompte/commBg.jpg);}
#contenuCompte form table{margin:0; padding:0;}
#contenuCompte .titre{color:#FFF; font-size:13px; font-family:Arial; font-weight: bold;}
#contenuCompte .htitre {margin: 15px; line-height:70px;}
#contenuCompte form, .ssstitre, .ssstitre a{color:#C39743; font-family:Arial; font-weight:bold; font-size:11px; text-align:left; background:none; margin-left: 13px;}
#contenuCompte .civilite{margin-right: 15px; margin-left: 10px; vertical-align:middle;}
#contenuCompte .inputNom{width:145px; height:12px; margin-left:10px;}
#contenuCompte .selDate{height:18px;}
#contenuCompte #inputRue{width:342px;}
#contenuCompte #input5{width:40px; margin-right: 70px;}
#contenuCompte #inputCP{width:40px; margin-right: 24px;}
#contenuCompte #inputEsc{width:70px; margin-left:70px;}
#contenuCompte .inputVille{width:85px; margin-left:15px;}
#contenuCompte .inputTel{width:130px; margin-left:40px;}
#contenuCompte p{font-family:Arial; font-weight:bold; font-size:13px; width:160px; text-align:center;}

#contenuCompte .pwdTable{color:#fff;}
#contenuCompte .monCompteValider{display:block; width:103px;height:31px; position:absolute; top: 360px; left: 551px; background-image:url(imgCompte/monCompteValider.jpg)}
#contenuCompte .monCompteValider:hover{background-position:0 -31px;}

#contenuCompte #monCompteLeg{position:absolute; top:428px; left: 180px; width:470px; height:48px; color:#4D4D4D; font-size:9px; font-family:Arial;}

/** Newsletter **/
#contenuCompte #news{position:absolute; left: 700px; top: 50px;}
#contenuCompte #textNews{ color:#fff;}
#contenuCompte #checkNews{color:#E8A303;}

#inscriptionNews{float:right; position:absolute; left: 580px; top: 60px; width:300px; text-align:left;}
#inscriptionNews input{margin:0px;}

/** Fin Mon COmpte **/
/************************************************************/



/** Créer Mon COmpte **/
/************************************************************/

#contenuCompte #norm{height:100%; width:100%;background-image:url(imgCompte/bg.jpg); padding-left: 15px; padding-top:15px;}
.sstitre{line-height:30px; margin:10px;}
.champsObligatoires{color:#C39743; font-family:Arial; font-size:11px; font-weight:normal; text-align:left; background:none;}
#bas{ position:relative; top:40px; left:15px;}
#basExpress{ position:relative; top:-10px; left:15px;}
.creerCompteSuite{display:block; background-image:url(imgCompte/monCompteSuite.jpg); height: 26px; width:68px; position:absolute; top: 435px; left: 430px;}
.creerCompteSuite:hover{background-position:0 -26px;}
#magasins{width:450px;}
#magasins tr td{width:150px;}
#contenuCompte #monCompteLegSuite{font-family:Arial; position:absolute; top:433px; left: 30px; width:510px; height:48px; color:#4D4D4D; font-size:9px; }
.aMonCompteCreerValider{ display:block; background-image:url(imgCompte/monCompteCreerValider.jpg);  height:52px; width: 98px; position:absolute; top: 378px; left: 415px;}
.aMonCompteCreerValider:hover{ background-position:0 -52px;}
.aMonCompteCreerValiderExpress{ display:block; background-image:url(imgCompte/monCompteCreerValider.jpg);  height:52px; width: 98px; position:absolute; top: 428px; left: 415px;}
.aMonCompteCreerValiderExpress:hover{ background-position:0 -52px;}

/** Fin Créer Mon COmpte **/
/************************************************************/


.nomargin{margin:0;}
.normal{font-weight:normal;}
.text{font-family:Arial; color:#fff; font-size:11px;}
.indent{margin-left: 30px;}
.nobold{font-weight:normal;}
.right{text-align: right;}

/** Commandes **/
/************************************************************/

.contentRight{	width:90%;	height:100%;	margin:22px;	_margin:0;	_position:relative;	_top:22px;	_left:22px;}
.contentRight #commTitre{margin-bottom:30px;}
.contentRight #retour{position: absolute; top: 380px; left: 460px; _top: 350px; _left:290px;}
.contentRight #retour a, #retourComm a, #impFact a{text-decoration:none; vertical-align:top;}
.contentRight #retour a:hover, #retourComm a:hover, #impFact a:hover{color: #E8A303;}
#commText{margin-top: 25px; margin-left: 5px; width:650px; }
.tableCommande{margin-top:10px; width:550px; text-align:left;}
.tableCommande tr td{background:none; color:#fff; font-family:Arial; font-size:11px; padding:2px; border-bottom:solid 1px #3B2E14;}
.tableCommande .trTitre td{background-color:#3B2E14; color:#EFBA5A; font-family:Arial; font-size:10px;}
.tableCommande .trLast td{border-bottom:solid 4px #3B2E14;}


.tableCommande .qtt{height:20px; text-align:center;_width: 90px;background-image: url(imgCompte/puce.png);_background-image:url(imgCompte/puce.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgCompte/puce.png', sizingMethod='scale'); background-repeat:no-repeat; background-position:center center;
}
.tableCommande a{text-decoration:none;color: #7C5D23;font-size:14px;
}
.tableCommande #tdTotal{background-color: #261E0E; margin-top:-2px;
}
#retourComm{position: absolute; top: 405px; left: 240px; _left: 45px;}
#impFact{position: absolute; top: 405px; left: 540px; _left: 345px;}

#scrollbarComm{position:absolute;  right:25px; top:100px;  width:11px; height:100%;   font-size:1px; z-index:2;  }
#scrollbarComm #track, #scrollbarRec #track{   position:absolute; left:0; top:9px;  width:11px; height:70%;    background: url("img/scroll/track.gif") #336 repeat;  }
#scrollbarComm #dragBar, #scrollbarRec #dragBar {  position:relative; left:1px; top:1px;  width:9px; height:70%;  background:url("img/scroll/grab.gif") repeat;  } 
#scrollbarComm #up, #scrollbarRec #up { position:absolute; left:0; top:0; z-index:2 }  
#scrollbarComm #down, #scrollbarRec #down { position:absolute; left:0; top:70%; z-index:3 }  

/** Fin Commandes **/
/************************************************************/


/** Recettes **/
/************************************************************/

#recetteG{float: left; width:223px; height:233px;  margin-left: 15px; _margin-left: 5px; margin-right: 10px;}
.contentRight #imgCentre{ margin:6px;  }
.contentRight #commTitreLight{margin-bottom:15px;} 

#recetteD{font-family:Arial; color:#fff; font-size: 11px; position:relative; left:0px; top:10px;  overflow:hidden; height: 300px;}
#recetteD #recetteContent{position:absolute; visibility:hidden; z-index:1; width:400px; _width: 280px;}
#recetteD #recetteContent .recTitre{font-size: 15px; font-weight: bold; color: #ABC810;}
#recetteD #recetteContent .recSsTitre{font-size: 11px; font-weight: bold; color: #ABC810;}
#recetteD #recetteContent a {font-size: 11px; text-decoration: underline; color: #ABC810;}
#recetteD #recetteContent ul { list-style-image: url(imgCompte/LsRecette.png); line-height: 15px; margin-left:8px; padding-left:8px;}
#recBar{ width:380px; border:0px; height: 1px; color: #ABC810; background-color:#ABC810; border-color:#ABC810; margin:0px; padding:0px;} 
#recetteD p{font-family:Arial; font-weight:normal; font-size:11px; width:100%; text-align:left;}
#recRet{position:absolute; top: 450px; left: 225px; _left: 30px; _top: 428px; background-image:url(imgCompte/recRetour.jpg); width:187px; height: 23px;}
#recEnv{position:absolute; top: 450px; left: 442px;  _top: 428px; _left: 250px; background-image:url(imgCompte/recEnvoyer.gif); width:187px; height: 23px; background-repeat:no-repeat;}
#recPrint{position:absolute; top: 450px; left: 665px;  _top: 428px; _left: 665px; background-image:url(imgCompte/recImprimer.gif); width:187px; height: 23px; background-repeat:no-repeat;}
#recPrint:hover{background-position: 0 -27px;}
#recEnv:hover{background-position: 0 -23px;}
#recImp{position:absolute; top: 450px; left: 635px; _left: 444px; _top: 426px; background-image:url(imgCompte/recImprimer.gif); width:187px; height: 27px;background-repeat:no-repeat;}
#recImp:hover{background-position: 0 -27px;}

#scrollbarRec {   position:absolute;  right:25px; top:150px; _right: -20px; _top: 120px; width:11px; height:350px; font-size:1px; z-index:2; }
#scrollbarRec #track {   position:absolute; left:0; top:9px;  width:11px;   background: url("img/scroll/track.gif") #336 repeat;  }
#scrollbarRec #dragBar {  position:absolute; left:1px; top:1px;  width:9px; height:1px;  background:url("img/scroll/grab.gif") #336 repeat;  } 
#scrollbarRec #up { position:absolute; left:0; top:0; z-index:2 }  
#scrollbarRec #down { position:absolute; left:0; bottom:0; z-index:3 }  

.sstitre{font-family:Arial; font-size: 11px;  color: #fff; margin-bottom: 7px;}
.lsRecette{float: left; margin-bottom:20px; margin-top:2px;width: 390px; _width:380px; border:solid 1px #AAC822; background-image: url(imgCompte/px.png);_background-image:url(imgCompte/px.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgCompte/px.png', sizingMethod='scale');}
.lsRecette a{font-size: 11px; text-decoration:  none; color: #ABC810;}
.lsRecette ul{ list-style-type:disc;  margin-left:12px; padding-left:8px;}
.lsRecette ul li{margin: 14px;}
.recetteD .titre{}

/** Fin Recettes **/
/************************************************************/

/**PopUp email pwd **/
.envoiPwd{ display:block; background-image:url(img/envoyer.gif); position:absolute; top: 250px; left: 180px; width:108px; height:32px;}
.pourRecevoirMdp{color:#AF8842; font-family:Arial; font-size:18px; text-align:left;}
.entrerEmail{font-family:Arial; font-size:12px; color:#FFF; text-align:left; text-decoration:none;}