/*************************************************************************************************/
/***************   FORMULAIRE HORS COMPTE : connection, création, oubli passe   ******************/

div#accountFormExterneTop{
	padding:0;
	background: transparent url('/img/tpl/P-client/connect/top.gif') no-repeat scroll top left;
	width:970px;
	height:42px;
}
form#accountFormExterne{
	margin:0 0 20px 0;
	padding:20px 43px 20px 52px;
	width:875px;
	background: transparent url('/img/tpl/P-client/connect/bg.gif') no-repeat scroll bottom left;
	font-size:10px;
}

form#accountFormExterne fieldset{
	border-width:0;
	padding:0;
	margin:0;
}

fieldset.accountFormExterneFieldGauche{
	float:left;
	width:300px;
	margin-right:132px;
}

fieldset.accountFormExterneFieldDroite{
	width:490px;
	float:right;
}

/*************************************************************************************************/
/***************              MENU DU COMPTE CLIENT                  *****************************/

div#clientMenuCompteTop{
	background: transparent url('/img/tpl/P-client/menuCompte/top.gif') no-repeat scroll top left;
	height:41px;
}
div#clientMenuCompteConnect{
	color:#ffffff;
	padding:8px 0 0 120px;
	background: transparent url('/img/tpl/P-client/menuCompte/lastConnect.gif') no-repeat scroll top left;
	height:22px;
}

ul#clientMenuCompteItem{
	float:left;
	background: transparent url('/img/tpl/P-client/menuCompte/bg.gif') no-repeat scroll bottom left;
	list-style-type: none;
	margin:0;
	padding:2px;
	width:216px;
}
ul#clientMenuCompteItem li{
	
}
ul#clientMenuCompteItem li.title{
	background-color:#e5e5e5;
	font-weight:bold;
	padding:3px 3px 3px 27px;
	color:#000000;
}

ul#clientMenuCompteItem li.title, ul#clientMenuCompteItem li.fin{
	margin:0 0 10px 0;
}

ul#clientMenuCompteItem li a, ul#clientMenuCompteItem li a:hover{
	display:block;
	text-decoration:none;
	font-size:10px;
	padding:3px 3px 3px 27px;
}
ul#clientMenuCompteItem li a{
	color:#000000;
}
ul#clientMenuCompteItem li a:hover{
	color:#ffffff;
	background-color:#8b0075;
}

ul#clientMenuCompteItem li.deconnect{
	margin-top:20px;
}
ul#clientMenuCompteItem li.deconnect a, ul#clientMenuCompteItem li.deconnect a:hover{
	background-color:transparent;
}


/***********************  HOME *************************************************************/

div#clientHomeTopAdresse{
	background: transparent url('/img/tpl/P-client/home/topAdresse.gif') no-repeat scroll bottom left;
	height:38px;
}
div#clientHomeAdresse{
	background: transparent url('/img/tpl/P-client/home/bgAdresse.gif') no-repeat scroll bottom left;
	padding:10px 10px 10px 60px;
	height:96px;
	overflow:auto;
}
div#clientHomeAdresse strong{
	color:#8b0075;
}

div#clientHomeMessageTop{
	background: transparent url('/img/tpl/P-client/home/topMessages.gif') no-repeat scroll bottom left;
	height:38px;
}
div#clientHomeMessage{
	background-color: transparent;
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: bottom left;
	height:92px;
	padding:45px 0px 0px 120px;
}
div.clientHomeMessageAlerte{
	background-image:url('/img/tpl/P-client/home/bgMessage.gif');
}
div.clientHomeMessageAlerte strong{
	color:#8b0075;
}
div.clientHomeMessageNoAlerte{
	background-image:url('/img/tpl/P-client/home/bgMessageOff.gif');
}


/************************     TABLEAU DES COMPTES CLIENTS     *******************************/

div.clientCompteTabTop{
	height:38px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:bottom left;
}
div.clientCompteTabTopMessagerie{
	background-image:url('/img/tpl/P-client/mMessagerie/topMessage.gif');
}
div.clientCompteTabTopCommande{
	background-image: url('/img/tpl/P-client/home/topCommandes.gif');
}
div.clientCompteTabTopSav{
	background-image: url('/img/tpl/P-client/mSav/topSav.gif');
}
div.clientCompteTabTopCarnet{
	background-image: url('/img/tpl/P-client/mCarnet/topCarnet.gif');
}
div.clientCompteTabTopModifPass{
	background-image: url('/img/tpl/P-client/mModifPass/topModifPass.gif');
}
div.clientCompteTabTopModifMail{
	background-image: url('/img/tpl/P-client/mModifMail/topModifMail.gif');
}

div.clientCompteBgTab{
	background: transparent url('/img/tpl/P-client/home/bgCommandes.gif') no-repeat scroll bottom left;
	padding:3px;
	overflow:hidden;
}
table.clientCompteTab{
	width:100%;
	border-collapse: collapse;
}
table.clientCompteTab th, table.clientCompteTab td{
	padding:5px;
	border:solid 1px #dde1e4;
}
table.clientCompteTab th{
	background-color:#000000;
	color:#ffffff;
	text-align:left;
	font-weight:normal;
}


/*****************************    FORMULAIRE DES COMPTES CLIENTS    *********************************/

div.blkButtonSpecial{
	text-align:center;
	margin-top:20px;
}


form#formModifMail{
	background:url("/img/tpl/P-client/mModifMail/bgForm.gif") no-repeat scroll bottom right;
	height:253px;
	padding:20px 15px 0 340px;
	margin-top:20px;
}

form#formModifPassword{
	background:url("/img/tpl/P-client/mModifPass/bgForm.gif") no-repeat scroll bottom right;
	height:253px;
	padding:20px 15px 0 340px;
	margin-top:20px;
}

form#formCarnetAdresse{
	background:url("/img/tpl/P-client/mCarnet/bg.gif") no-repeat scroll bottom right;
	height:367px;
	margin:20px 5px 0 5px;
	padding-top:20px;
}
div#carnetAdMenu{
	width:169px;
	float:left;
}
div#carnetAdBlk{
	width:391px;
	height:331px;
	margin-right:10px;
	padding:3px;
	float:right;
	overflow:hidden;
}
div#carnetAdBlk table tr td{
	vertical-align:top;
	width:50%;
}
div#carnetAdBlk table tr td input.myField{
	width:175px;
}



div#accountOrderDetail{
	padding:20px;
	font-size:11px;
}
div#accountOrderDetail fieldset{
	width:40%;
	border:#cccccc 1px solid;
	padding:10px;
}
div#accountOrderDetail fieldset.accountOrderDetailFieldLeft{
	float:left;
}
div#accountOrderDetail fieldset.accountOrderDetailFieldRight{
	float:right;
}
div#accountOrderDetail div.total{
	float:right;
	margin-top:10px;
	width:40%;
	border:#000000 2px solid;
	padding:10px;
	font-size:120%;
	font-weight:bold;
}