/* ******************************* 
	css spécifique au compte client
 liste des styles


  ******************************* */
  
/*
 INPUT {
 	width:150px;
     color:#C20047;
     font-size:11px;
     font-family:arial;
}
select{}
*/

.large{clear:both;width:786px;}
.creation, .droite, .creationdroite{float:left;width:413px;margin-bottom:20px;}
.modifdroite{float:left;width:380px;margin:10px 0 0 0;}
.identification, .gauche, .creationgauche{float:left;width:373px;}
.modifgauche{float:left;width:353px;margin:10px 0 0 0;}

.newsletter{width:100%;margin:20px 0 0 0;}
.newsletter p{position:relative;width:100%;overflow:hidden;margin:0 0 3px 0 !important;margin:0px;/*background-color:#aabbcc;*/}
.newsletter p label{font-size:12px;margin:0px !important;margin:5px 0px 0px 0px;float:left;height:18px !important;height:20px;/*background-color:pink;*/}
.newsletter p input{margin:0px 10px 0px 0;float:left;display:inline;}


.creationgauche input, .modifgauche input{width:150px;padding:0px;}
.creationgauche select, .modifgauche select{width:155px;padding:0px !important;padding:3px 0px 3px 0px;}
.creationdroite input, .modifdroite input{width:250px;padding:0px;}
.creationdroite select, .modifdroite select{width:255px;padding:0px !important;padding:3px 0px 3px 0px;}

.creation input#creation_cp, .creationdroite input#cp, .modifdroite input#cp, .infospersos input#cp{width:60px;}
.creationgauche input#ddn_j, .creationgauche input#ddn_m, .modifgauche input#ddn_j, .modifgauche input#ddn_m {width:35px;}
.creationgauche input#ddn_a, .modifgauche input#ddn_a {width:59px;}


.actioncompte{clear:both;width:786px;height:16px;font-size:11px;}
.actioncompte .nom{float:left;padding:0 0 0 13px;}
.actioncompte .deconnexion{float:right;}

.identifie{width:786px;border:0px solid black;float:left;height:auto;}
.identifie .bonjour{clear:both;overflow:hidden;width:100%;margin:0 0 22px 0;}
.identifie .bonjour img.titre{float:left;margin:12px 0px 0px 13px;}


.identifie .gauche{width:413px;border:0px solid red;}
.identifie .droite{width:373px;border:0px solid blue;}

.encartclient{width:371px;float:left;margin:0px 0px 20px 0px;}
.encartclient .encart_h {height:43px;font-size:1px;background:url(../img/07-client/encart_milieu_espaceclient.gif) repeat-y}
.encartclient .encart_m {background:url(../img/07-client/encart_milieu.gif) repeat-y;width:100%;}
	.encartclient .encart_m .contenu{float:left;display:inline;margin:0px 7px 20px 7px;}
.encartclient .encart_b {height:3px;background:url(../img/07-client/encart_bas.gif) no-repeat;font-size:1px;}

.encart-ventesprivees{width:320px;height:109px;background:url(../img/07-client/encart_ventes_privees.gif) no-repeat;padding:50px 10px 10px 32px;margin-left:35px;}
.encart-ventesprivees a{color:#C20047;font-size:12px;}


.etapes{float:right;margin:10px 94px 28px 0px;}
.identification .table{width:370px;}
/*.identifiaction .table td{width:185px;}*/
.creation .table{width:370px;}
/*.creation .table td{width:185px;}*/

.identification .zone{position:relative;width:100%;overflow:hidden;background-color:#aabbff;vertical-align:top;}

.identification .trait{
width:236px;
border-bottom:1px solid #AEA49E;
float:left;
font-size:1px;
padding:0 0 0 5px;
margin:0 0 25px 0;
}
.infospersos .trait{
width:120px;
border-bottom:1px solid #AEA49E;
float:left;
font-size:1px;
padding:0 0 0 5px;
margin:0 0 25px 0;
}
.infospersos .gdtrait{
width:230px!important;
width:225px;
border-bottom:1px solid #AEA49E;
float:left;
font-size:1px;
padding:0 0 0 5px;
margin:0 0 25px 0;
}

.identification .zone-boutons,.infospersos .zone-boutons  {width:85px;float:left;margin-left:11px;
clear:right;
margin-bottom:25px;
}

.large .zone-actions-detail{
width:590px;
border-bottom:1px solid #AEA49E;
float:left;
font-size:10px;
font-style:italic;
padding:0 0 0 5px;
margin-top:10px;
}
.creation .zone-actions-detail{
width:277px;
border-bottom:1px solid #AEA49E;
float:left;
font-size:10px;
font-style:italic;
padding:0 0 0 5px;
margin-top:10px;
}
.creation .zone-boutons, .large .zone-boutons{width:85px;display:block;float:left;margin-left:0px;
clear:right;
margin-top:23px;
margin-bottom:20px;
margin-left:11px;
}

.cgv{clear:both;width:686px;margin-bottom:10px;}

img.nokpicto{margin:3px 0px 0px 4px;}
img.okpicto{margin:0px 0px 0px 3px;}

label.okpicto, label.nokpicto, label.trans{float:left;display:inline;width:15px;height:18px;}
label.okpicto{background:url(../img/07-client/form_picto_ok.gif) no-repeat 4px 2px;}
label.nokpicto{background:url(../img/07-client/form_picto_nok.gif) no-repeat 4px 4px;}

img.titrepage{clear:both;margin:12px 0px 22px 13px;} 
img.titrezone{clear:both;margin:0px 0px 20px 6px;}

.onglets{width:786px;float:left;margin:0;padding:0;}
.onglets ul{list-style-type:none;margin:0;padding:0;height:52px;}
.onglets ul li{float:left;}
.onglets .ongletscontent{display:none;}
.onglets .ongletscontentselected{display:block;}

#content2 .gauche, .cartefidelite .gauche{float:left;width:364px;}
#content2 .droite, .cartefidelite .droite{float:left;width:/*87px*/173px;text-align:center;border:0px solid red;text-align:center;}
#content2 .droite .parrainage{
	background:url(../img/07-client/bloc_parrainage.gif) no-repeat;width:133px;height:87px;
	padding:20px 20px 0px 20px;margin-top:4px;color:#C20047;font-size:16px;}
.cartefidelite .droite .parrainage{
	background:url(../img/07-client/bloc_parrainage.gif) no-repeat;width:133px;height:87px;padding:0px 20px 0px 20px;
	margin-top:4px;color:#C20047;}	
.parrainage .nbpoints, .parrainage .nbpoints a{font-size:17px;color:#C10048;font-weight:bold;padding:8px 0px 0px 50px;border:0px solid red;}


#content2 .droite .parrainage a, .cartefidelite .droite .parrainage a{color:#C10048;font-size:11px;}
#content2 .droite .parrainage a .nbpoints, .cartefidelite .droite .parrainage a .nbpoints{font-size:12px;color:#C10048;font-weight:bold;}
	

#content2 .encartsoldes, .cartefidelite .encartsoldes{width:186px;float:left;margin:0px 10px 20px 10px;}
#content2 .encartsoldes .encarts_h, .cartefidelite .encartsoldes .encarts_h {height:11px;background:url(../img/07-client/encart_haut_soldes_points.gif) no-repeat;font-size:1px;}
#content2 .encartsoldes .encarts_m, .cartefidelite .encartsoldes .encarts_m {width:186px;height:216px;background-color:#C9BCB3;border:0px;}

	#content2 .encarts_m .contenus, .cartefidelite	.encartsoldes .encarts_m .contenus{float:left;display:inline;padding:0px 7px 0px 7px;text-align:center;width:170px;margin-bottom:10px;}
	.encartsoldes .encarts_m .contenus .intro{text-transform:uppercase;color:#34302E;font-weight:bold;text-align:left}
	.encartsoldes .encarts_m .contenus .date{color:#34302E;text-align:left}
	.encartsoldes .encarts_m .contenus .solde{border:0px solid blue;height:72px;background:url(../img/07-client/bloc_soldespointsfidelite.gif) no-repeat;background-position:50% 50%;}	
	.encartsoldes .encarts_m .contenus .solde .nbpoints{border:0px solid blue;color:#34302E;font-size:22px;padding:10px 5px 0px 5px;display:block;}
	.encartsoldes .encarts_m .contenus .seuil, .encartsoldes .encarts_m .contenus .seuil b{color:#CC3250;margin-top:30px;}
	.savoirplus{margin-top:10px;}
	.encartsoldes .encarts_m .contenus .savoirplus a {color:#CC3250;text-decoration:underline;font-weight:bold;}
#content2 .encartsoldes .encarts_b, .cartefidelite .encartsoldes .encarts_b {height:11px;background:url(../img/07-client/encart_bas_soldes_points.gif) no-repeat;font-size:1px;}


.onglets .encart_h{height:52px;margin:0px;background:url(../img/07-client/encart_milieu_espaceclient.gif) repeat-y;}
.onglets .encart_m{width:100%;background:url(../img/07-client/encart_milieu_espaceclient.gif) repeat-y;}
.onglets .encart_m .contenu{float:left;display:inline;margin:0px 7px 22px 7px;width:772px;}
.onglets .encart_b{height:4px;background:url(../img/07-client/encart_bas_espaceclient.gif) no-repeat;font-size:1px;margin-bottom:30px;}


/* infos persos */
.infospersos1{float:left;width:250px;margin-left:10px;border:0px solid blue;}
.infospersos2{float:left;width:200px;}
.infospersos3{ float:right;width:180px;border:0px solid green;}
.infospersos .gauche{float:left;}
.infospersos .gauche h1, .infospersos .droite h1{float:left;/*width:550px;*/width:100%;margin-bottom:4px;
font-size:13px;}
.infospersos .droite{float:left;width:173px;text-align:center;border:0px solid red;text-align:center;margin:10px 0 0 0;}
.infospersos .gauche .coordonnees
{
display:block;
background:#fff;
border:0px solid #C20047;
width:330px;
}

.infospersos .gauche .coordonnees h1, .infospersos .gauche .abonnements h1{
margin-bottom:4px;
font-size:13px;
display:block;
width:330px;
}
.infospersos .gauche .email h1, .infospersos .gauche .magasin h1{
margin-bottom:4px;
font-size:13px;
display:block;
width:200px;
}

.soustitre2{font-size:13px;font-weight:bold;}
.infospersos .gauche .email img, .infospersos .gauche .coordonnees img, .infospersos .gauche .abonnements img, .infospersos .gauche .magasin img
{
	display:block;
	margin:5px 0 0 40px
	}

.contenu .soustitre
{
color:#C10048;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
text-align:left;
}


.infospersos .gauche .email{width:200px;}
.infospersos .gauche .abonnements{width:330px;margin-top:10px;}
.infospersos .gauche .magasin{width:200px;margin-top:10px;}

.infospersos .droite{width:173px;float:left;}

fieldset.optins{border:0;width:100%;}
fieldset.optins input{margin-right:10px;float:left;}
fieldset.optins label{float:left;width:100%;padding:5px 0px 5px 0px;width:760px;clear:left;}


/* detail d'une commande */
.detailcommande{padding:11px 0 17px 0;}
.detailcommande .zoneactions{border-top:1px solid #AEA49E;float:left;width:650px;margin:20px 0 25px 0;padding:13px 0 0 0;}
.detailcommande .zoneboutons{clear:right;float:left;margin:18px 0 0px 10px;vertical-align:top;width:90px;}

.detailcommande a.retour {background:transparent url(../img/00-commun/picto-retour.gif) no-repeat scroll 0 0;
color:#C10048;clear:both;float:left;margin-bottom:3px;padding-left:11px;text-decoration:underline;}
.detailcommande .action .bt-imprim{width:auto;float:left;}

.detailcommande .gauche{width:543px;float:left;padding:0 20px 0 20px;text-align:right;}
.detailcommande .droite{float:left;width:176px;}

.detailcommande .essentiels{width:275px;float:left;border:0px solid green;padding:0 0 0 15px;color:#80746E;}
	.detailcommande .essentiels .titre{color:#C10048;float:left;width:auto;font-size:14px;font-weight:bold;}
	.detailcommande .essentiels .numero{color:#80746E;float:left;clear:right;font-size:14px;font-weight:bold;margin:0 0 20px 10px;}
	.detailcommande .essentiels .info{float:left;color:#80746E;}
	.detailcommande .essentiels .valeur{float:left;color:#80746E;}
	.detailcommande .essentiels .suivi{margin:10px 0 0 0;float:left;width:100%;color:#80746E;}
	.detailcommande .essentiels .suivi a{text-decoration:underline;color:#80746E;}
.detailcommande .encart{background: transparent url(../img/07-client/encart.gif) no-repeat left top;width:221px;height:121px;margin-left:17px;}
.detailcommande .encart .titre{color:#fff;font-weight:bold;height:24px;width:180px;border:0px solid red;padding:5px 0 0 20px; }
.detailcommande .encart .contenu{margin:10px 0 0 0;width:180px;border:0px solid blue;padding:0 0 0 20px;color:#80746E; }
.detailcommande .encart .contenu b{color:#80746E;}

.detailcommande .encartrose{clear:both;border:1px solid #B4A79F;background-color:#F9E5EC;}

/* carte fidelite */
.vip .coeur{background:url(../img/07-client/vip-coeur.jpg) no-repeat;background-position:10px 0px;width:772px;height:490px;}
.vip .coeur input{position:relative;margin:0 10px 20px 0;width:auto;top:390px;left:620px;}
.vip .encarts{padding:0 0 0 15px;border:0px solid red;}
.vip .encarts .encart{float:left;margin:0 10px 0 0;width:141px;height:190px;}
.vip .retouches{margin:10px 0px 0px 20px;}