/* 
Mon Quatuor v2 
Auteur: Benoit RONDEUX (www.oxxo.be)
Date: Janvier 2008
*/



/*-----------------------*/
/*     	 Divers	         */
/*-----------------------*/
#favForm, #cartForm, #infoPerso {
	margin: 0;
	padding: 0;
}
.clearBoth{
	visibility:hidden;
	height:1px;
	clear:both;
	width:100%;
	display:block;
}
#ecommerceBlock{
	position: relative;
	padding:0;
	width:100%;
	font-size:11px;
	background-color:white;
}
a img{
	border:none;
}
.error{
	color:#FF0000;
	font-weight:bold;
}	
.ecom_form .total{
	font-weight:bold;
	font-size:1.2em;
}
.divPop{
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #444444;
	padding:3px 3px 5px 3px;
	z-index:99999;
}
.divPop .title{
	margin:0 0 5px 0;
	padding:0;
	font-size:11px;
	font-weight:bold;
}


/*-----------------------*/
/*      Page login       */
/*-----------------------*/

div.connectBloc {
	position: relative;
	width: 330px;
	display: block;
	margin: 10px auto;
	padding: 15px;
	display: block;
	background-color: #DAEEFA;
}
p#logOr {
	font-size: 1.4em !important;
	color: #F075B2 !important;
	font-weight: bold !important;
	margin: 0 auto;
	text-align: center;
	display: block;
}
h4.h4Log {
	width: 135px;
	height: 20px;
	display: block;
	margin: 0;
	padding: 0;
	background-position: center left;
	background-repeat: no-repeat;
}
h4#h4NewUser {
	background-image:url(../img/user/log_new_title.gif);
}
h4#h4OkUser {
	background-image:url(../img/user/log_exist_title.gif);
}
h4#h4RemUser {
	background-image:url(../img/user/log_rem_title.gif);
}
h4#h4ChPass {
	background-image:url(../img/user/log_cha_title.gif);
}
h4.h4Log span {
	display: none;
}

div.cornerTl, div.cornerTr, div.cornerBl, div.cornerBr {
	position: absolute;
	z-index: 0;
	width: 15px;
	height: 15px;
	display: block;
	margin: 0;
	padding: 0;
	background-position:center center;
	background-repeat:no-repeat;
}
div.cornerBl {
	background-image:url(../img/user/corner_bl.gif);
	bottom: 0px;
	left: 0px;
}
div.cornerBr {
	background-image:url(../img/user/corner_br.gif);
	bottom: 0px;
	right: 0px;
}
div.cornerTl {
	background-image:url(../img/user/corner_tl.gif);
	top: 0px;
	left: 0px;
}
div.cornerTr {
	background-image:url(../img/user/corner_tr.gif);
	top: 0px;
	right: 0px;
}


/*-----------------------*/
/*      Formulaires      */
/*-----------------------*/
#errorBlock{
	clear:both;
	width:95%;
	margin:0 auto 0 auto;	
}

.ecom_form strong {
	font-weight: bold;
}
.ecom_form {
	font-size: 10px; 
	color: #666666; 
	margin: 0px;
	padding: 0px;
}
.ecom_form p.pjustify{
	text-align: justify;
	margin: 5px auto;
}
.ecom_form textarea{ 
	font-size: 10px; 
	color: #666666; 
	border: 1px solid #c3c3c3;
}
.ecom_form select {
	font-size: 10px; 
	color: #666666; 
	border: 1px solid #C0D6E4;
}
.ecom_form label, .ecom_form input.infop, .ecom_form select, .ecom_form textarea {
	display: block;
	float: left;
	margin-bottom: 5px;
}
.ecom_form label {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 10px; 
	color: #666666; 
	text-align: right;
	width: 50px;
	padding-right: 5px;
}
.ecom_form br {
	clear: left;
}
.ecom_form input.infop{ 
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 10px; 
	color: #666666; 
	height:14px;
	border: 1px solid #C0D6E4;
	margin-right:15px;
	padding: 2px;
}
.ecom_form input.titre_1{ 
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 10px; 
	color: #666666; 
	margin-left: 50px;
}
.ecom_form .star{
	color:#CC0000;
	font-weight: bold;
	margin-left: 5px;
}

.ecom_form input.invalid{
	background-color:#FFE5F1;
	border-color:#FF4EA3;
}
.ecom_form input.logSubmit {
	display: block;
	font-size: 1em;
	margin: 5px auto;
	padding: 3px;
	background-color: #CCE3F2;
	border: 1px solid #3DAAEA;
	color: #F075B2;
}
#eFormNav {
	width: 100%;
	height: 20px;
	display: block;
	margin: 5px auto;
	padding: 0;
}
#eFormNav2 {
	width: 450px;
	height: 20px;
	display: block;
	margin: 5px auto;
	padding: 0;
}

/*-----------------------*/
/*      Progession	     */
/*-----------------------*/
#h4Status {
	width: 168px;
	height: 14px;
	display: block;
	margin: 20px 0px 0px 0px;
	padding: 0;
	background-image:url(../img/user/status_title.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#h4Status span {
	display: none;
}
#orderStatus{
	position: relative;
	width: 157px;
	height: 148px;
	display: block;
	margin: 0;
	padding: 4px 0px 0px 0px;
	list-style-type: none;
	background-image:url(../img/user/status_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#666666;
	font-size: 11px; 
}
#orderStatus li {
	float: left;
	position: relative;
	width: 137px;
	height: 17px;
	display: block;
	margin: 10px 0px 9px 0px !important;
	padding: 0px 0px 0px 31px !important;
	background-image:url(../img/user/status_li_bg.gif);
	background-repeat:no-repeat;
	background-position:11px center;
}
#orderStatus li a{
	text-decoration: underline;
	color: #3DAAEA;
}
#orderStatus li a:hover{
	text-decoration: none;
}
.bigger{
	color: #FF4EA3;
	background-image:url(../img/user/status_bg_current.gif) !important;
}
#orderSteps .error a{
color:#FF0000;
	font-weight:bold;
}