/* CSS Document */

#Produits-Content h2.my-account{ margin-top:5px!important; height:44px; background-image:url(../img/h2_my_account.gif); }

#signin{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	padding-left:10px;
	
	width:415px;
	height:397px;
	
	background-image:url(../img/bg_register.jpg);

}

.register h3{
	display:block;
	
	margin:0;
	padding:0;
	
	width:147px;
	height:36px;
	
	background-image:url(../img/h3_register.gif);
}

.register .pastille{
	position:absolute;
	
	top:249px;
	left:336px;
	
	width:119px;
	height:75px;
	
	background-image:url(../img/pastille_account.png);
}

.register .separator, .advantages .separator{
	clear:both;
	display:block;
	
	margin:15px 10px 10px 10px;
	padding:0;
	
	width:385px;
	height:2px;
	
	font-size:0;
	line-height:0;
	
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
}

.register form, .register p{
	clear:both;
	
	padding-left:10px;
	
	width:405px;
	height:317px;
}

.register p{ display:none; color:#fff; font-size:11px; }
.register p .jaune{ color:#ffd813; font-weight:bold; }

#signin pre{
	display:block;	
	margin:0;
	padding:0;
	
	width:228px;
	height:20px;
	
	color:#FFFFFF;
	font-style:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#infos_profil pre{
	display:block;
	margin:0;
	height:20px;
	color:#ffd813;
	font-style:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#infos_profil a.liens{
	position:absolute;
	width:61px;
	height:15px;
	margin-left:188px;
	background-image:url(../img/btn_club_off.gif);
}

#infos_profil a.liens:hover{ background-image:url(../img/btn_club_hov.gif); }

.register .donnees{
	display:block;
	
	margin:0;
	padding:0;
	margin-top:10px;
	
	width:270px;
	
	color:#999999;
	font-style:normal;
	font-size:9px;
}

.register form fieldset{
	display:block;
	
	margin:0;
	margin-top:5px; 
	padding:0;
	
	width:405px;
}
.register form fieldset.bday{ margin-top:10px;  }

.register form fieldset.valid{
	position:absolute;
	margin:0;
	
	top:612px;
	left:455px;
	
	width:105px!important;
	height:31px;

}

#signin form fieldset label{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	padding-bottom:2px;
	
	width:198px;
	
	font-size:11px;
	color:#ffd813;
	font-weight:normal;

}
#infos_profil form fieldset label{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	padding-bottom:2px;
	
	width:198px;
	
	font-size:11px;
	color:#ffd813;
	font-weight:normal;

}

#infos_profil form fieldset label.conf{ width:250px; }

#signin form fieldset label.checkbox, #infos_profil form fieldset label.checkbox{ color:#fff; width:320px; font-size:11px; font-weight:normal; }
.checkBoxes{margin-top:11px;}
#signin form fieldset label.civilite{ padding-top:4px; width:50px; }
#infos_profil form fieldset label.civilite{ padding-top:4px; width:50px; } 

.register form fieldset label.nom{ padding-top:5px; }
.register form fieldset label.prenom{ padding-top:5px; }

#infos_profil form fieldset label.tel{width:199px;}
#infos_profil form fieldset label.tel input{margin-top:2px;}

#infos_profil form fieldset label.modif, #infos_profil form fieldset label.conf{padding-top:5px; }
#infos_profil form fieldset label.modif input, #infos_profil form fieldset label.conf input{margin-top:2px;}

.register form fieldset input, .register form fieldset select{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:184px;
	height:14px;
	
	color:#000;
	font-size:11px;
}

.register form fieldset select{ margin-right:5px; height:18px; font-size:11px; padding:0px!important; }
.register form fieldset select.day{ width:50px; }
.register form fieldset select.month{width:55px; }
.register form fieldset select.year{ width:72px; margin-right:10px; }

.register form fieldset input.checkbox{ padding:0px!important; margin-right:5px; width:12px; height:12px; background:none; border:none; }
.register form fieldset input.btn{ padding:0px!important; margin-top:0px!important; width:105px; height:31px; background:none; border:none; }
.register form fieldset input.radio{ margin-left:5px; margin-top:4px; width:13px; height:13px; }
.register form fieldset input.text{ margin-right:10px; }
.register form fieldset em{
	display:inline;
	float:left;
	
	margin:0;
	margin-left:5px;
	margin-top:4px;
	padding:0;
	
	font-style:normal;
	font-size:11px;
	color:#fff;
}

.advantages{
	display:inline;
	float:left;
	
	margin:0;
	margin-left:10px!important;
	padding:0;
	padding-top:7px;
	padding-left:16px;
	
	width:282px;
	height:390px;
	
	background-image:url(../img/bg_advantages.jpg);

}

.advantages h3{
	display:block;
	
	margin:0;
	padding:0;
	
	width:127px;
	height:29px;
	
	background-image:url(../img/h3_advantages.gif);
}

.advantages .separator{ margin:15px 0px 5px 5px; width:256px; }

.advantages ul, .advantages li{
	display:block;
	
	margin:0;
	padding:0;
	
	width:262px;
	font-size:11px;
	color:#fff;
	background-repeat:no-repeat;
}

.advantages li{ padding-left:21px!important; width:241px; height:48px; }

.advantages li.first{ background-image:url(../img/numb_1.gif); }
.advantages li.second{ background-image:url(../img/numb_2.gif); }
.advantages li.third{ background-image:url(../img/numb_3.gif); }
.advantages li.quatre{ background-image:url(../img/numb_4.gif); }
.advantages li.five{ background-image:url(../img/numb_5.gif); }
.advantages li.six{ background-image:url(../img/numb_6.gif); }
.advantages li.seven{ background-image:url(../img/numb_7.gif); height:36px; }

/* MES COMMANDES */
#Conteneur h2.command{ height:40px; background-image:url(../img/h2_command.gif); }

.content-command{
	clear:both;
	display:inline;
	float:left;
	
	margin:0;
	margin-top:11px;
	
	padding-top:20px;
	
	width:733px;
	
	background-color:#4d4d4d;
	background-image:url(../img/top_command.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.content-command .content{
	display:block;
	
	margin:0 auto;
	
	width:693px;
	
	color:#fff;
	font-size:11px;
}

.content-command em{
	display:block;
	
	margin:0;
	padding:0;
	
	color:#fff;
	font-style:normal;
}

.content-command .table-command{
	display:block;
	
	margin-top:19px;
	
	width:611px;
}

.content-command .table-command table{
	display:table;
	
	border-collapse:collapse;
}

.content-command .table-command tr{
	display:table-row;
	
}
.content-command .table-command tr.axis{ height:47px; }
.content-command .table-command tr.row{ height:44px; }
.content-command .table-command tr.endrow{ height:44px; }


.content-command .table-command th, .content-command .table-command td{
	display:table-cell;
	
	border:1px dotted #8c8c8c;
	border-right:none!important;
	border-bottom:none!important;
	
	
	white-space:normal;
}
.content-command .table-command th{ color:#ffd813; font-weight:bold; }
.content-command .table-command .refcommande{ width:98px; text-align:left!important; border-left:none!important; }
.content-command .table-command td.datecommande{ padding-left:14px!important; }
.content-command .table-command .datecommande{ width:110px; }
.content-command .table-command td.montant{ padding-left:14px!important; }
.content-command .table-command .montant{ width:101px; }
.content-command .table-command td.datelivraison{ padding-left:14px!important; }
.content-command .table-command .datelivraison{ width:96px; }
.content-command .table-command .reglement{ width:56px; }
.content-command .table-command .etatpreparation{ width:81px; }
.content-command .table-command .etatlivraison{ width:63px; border-right:none!important; }


.content-command .table-command div{
	display:block;
	
	margin:0;
	padding:0;
	
	height:44px;
	
	background-image:url(../img/command_check.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.content-command .table-command .reglement div{ width:56px; }
.content-command .table-command .etatpreparation div{ width:81px; }
.content-command .table-command .etatlivraison div{ width:63px; }
.content-command .table-command span{ display:none; }

.content-command .comment{
	display:block;
	
	margin-top:20px;
	margin-bottom:20px;
	
	background-color:#656464;
}
.content-command .comment p{
	display:block;
	
	margin:0;
	padding:10px;
}


.bot-command{
	clear:both;
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:733px;
	height:21px;
	
	line-height:0;
	font-size:0;
	
	background-image:url(../img/mycommands_bot.gif);
}

/* MA FACTURE  */

h2#titreFacture { 
	height:40px;
	background-image:url(../img/h2_facture.gif);
	text-indent: -9000em;
	overflow: auto;
}

table.table-facture {
	margin-right: auto;
	margin-left: auto;
	margin-top:19px;
	width: 611px;
	clear: left;
}

table.table-facture th,  table.table-facture td {
	border: 1px dotted #8c8c8c;
	border-right:none !important;
	border-bottom:none !important;
	white-space:normal;
	text-align: center;
}
table.table-facture th {
	color: #ffd813;
	font-weight: bold;	
}

table.table-facture .col1 {
	border-left:none !important;
}

table.table-facture tr.axis, table.table-facture tr.row, table.table-facture tr.endrow { 
	height:47px;
}

table.table-facture .total {
	font-weight: bold;
}

div.details, div.recap {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#656464;
	margin-right: auto;
	margin-left: auto;
	width: 611px;

}

div.details div.detailsFacture {
	width: 15em;
}

div.details div.left {
	float: left;
}

div.details div.right {
	float: right;
	text-align: right;
}

div.detailsFacture h3 {
	color: #FFd813;
}
div.detailsFacture h3 span {
	color: #FFF;
	display: inline;
}

div.detailsFacture p {
 	padding: 0:
 	margin: 0;
}

div.recap {
	text-align: right;
	padding: 10px;

}

div.recap table {
	width: 100%;
	font-weight: bold;
	margin-right: 0;
	margin-left: auto;
}

div.recap td.somme { 
	color: #FFd813;
	padding-left: 0px
}

div.recap em {
	font-weight: normal;
	font-style: italic;
}

div.recap td.info {
	padding-top: 10px;
}