h1.title{ margin-top:20px; margin-bottom:20px; text-align:center; }
h2.title{ margin-top:20px; margin-bottom:20px;  }
	
/* GENERIC RULES*/
.leftContent{color:#563562;}/*Blue */

.margin{ margin-left:5px;}
.bigMargin{ margin-left:15px;}
.hidden{ display:none; }
.show{display:block;}
.bigger{font-size:12px;}
.big{font-size:14px;}
 
.inputFormat{ width:150px; }
.inputPass { width: 100px; }
.inputTel { width: 100px; }

.formatTable{ width:90%; margin: 10px;}	/* USED TO FORMAT A TABLE TAG */
	.formatTable tr th{ color:#5d5d5d; font-weight:bold; border-bottom: solid 1px #5d5d5d;   padding-left:10px; height:22px;}
	.formatTable tr td{ height:20px; padding-left:10px; margin-top:5px;color:#5d5d5d;}
	.formatTable tr.bg_darkPink td{ background-color:#e2d1d5;}
	
/* USED TO FORMAT A TABLE TAG  BUT WITH NO COLOR AFFECTED*/
.formatTableNoColor{ width:90%; margin: 10px;}	
	.formatTableNoColor tr th{  font-weight:bold; border-bottom: solid 1px #5d5d5d;   padding-left:10px; height:22px;}
	.formatTableNoColor tr td{ height:20px; padding-left:10px; margin-top:5px; }	

.topBorder{ border-top:1px #dbcdd0 solid;}
.rightBorder{ border-right:1px #dbcdd0 solid;}

.colorRed {color:Red; }
.italic { font-style:italic; }

input.small{height:15px; font-size:10px;}
select.small{height:17px; font-size:10px;}

ul.Hints{margin-left:5px;}
	.Hints li{ display:list-item; list-style: disc outside; color:#8d1627;  margin-bottom:10px; text-align:left;  }
	* html .Hints li{margin-left:15px; }
	.Hints li span{ color:#000; }
	
.steps img{margin-left:30px;}

/* image process de commande	*/
.breadcrumb{ margin-left:5px; }
.breadcrumb a{ color:#bba7c1; font-size:13px; font-weight:bold; margin-left:4px; }
.breadcrumb a.current{ text-decoration:underline; color:#563562;}

.middle{ display:block;  background:url('../images_css/bg_big_blue_gradient.jpg') no-repeat bottom; }
.middle2{ display:block;  background:url('../images_css/bg_step2.jpg') repeat-x bottom; width:640px; text-align:center; }

.step1 { background: url('/b2b_mms-fr/images_css/bg_step1.jpg') no-repeat; position: relative; width: 625px; height: 586px; }
	.step1 .htmlContent { width: 372px; _width: 400px; float: left; padding: 0px 20px 0px 20px }
	.step1 .flashContent { width: 210px; text-align: center; float: left; }
	.step1 .colors table { margin-left: auto; margin-right: auto; text-align: center; height: 180px; border: 0;}
	.step1 .colors table td { width:62px; }

.step2{}

    .step2 .middle{  display:block; text-align:center;  width:640px;}
    .step2 .qty {height: 13px; _height: 17px; width: 35px; float:none;font-size:10px; }
    .step2 .emballage div div { float:left;}

	.infoLeafletTop { background:url(/b2b_mms-fr/images/bandeau_droite/nl_option_leaflet_top.jpg); width:196px; height:178px }
	.infoLeafletBottom { background:url(/b2b_mms-fr/images/bandeau_droite/option_leaflet_bottom.jpg); width:196px; height:153px }
	
	.emballage {float:left; margin-left:3px;width:200px;	}
	.emballage  input{ float:left; }
	
	.etiquette{  text-align:left; margin-top:10px; padding-left:10px;}
	.hr{width:85%; border:#eadee0 1px solid; margin:0 auto;  }
	
.step3{}
	.step3 .middle{ padding-bottom:10px; width:640px;}

	.tablePanier { background-color:#e4d9df; width:600px; margin-left:20px; border:1px #dbcdd0 solid;}
	.tablePanier tr th{ font-weight:bold; }
	.tablePanier tr td{padding-top:5px; height:30px;  }
	
	.tablePanier tr td.hardRed{color:#8d1627; }
	
.identification{}
	.identification .middle{  display:block; padding-left:5px; width:650px; }
		
.step5{}
	.step5 .middle{ display:block; margin-left:10px; padding-left:10px; _padding-left:20px;  background-position:bottom left;  width:650px;  margin:0 auto;}
	
	.step5 table.compte{ width:600px; }
	.step5 table.compte tr td{ height:22px;}
	
.step6{}
	.step6 .middle{ display:block; padding-left:10px; background-position:bottom left;  width:640px; }
	
.step7{ }
	.step7 .middle{ display:block; margin-left:5px; padding-left:10px; background-position:bottom left; width:650px;  margin:0 auto;}
	.step7 .middle p{margin-bottom:15px; }
	.step7 .creditCard{display:block; padding-top:3px; background:url('../images_css/bg_small_blue.jpg') no-repeat; width:602px; height:93px; text-align:center;}
	.step7 .paiement{ margin-top:50px;  }
	.step7 .creditCard input { margin-left:10px;margin-right:10px;margin-top:30px; }
	
.step8{ }
	.step8 .middle{ display:block; margin-left:8px; padding-left:10px; background-position:left; width:640px; _width:650px; margin:0 auto;}
	.step8 .recap{display:block; padding-top:10px; margin-top:20px; margin-bottom:20px; background:url('../images_css/bg_small_blue.jpg') no-repeat; width:602px; height:93px; margin-left:5px;}
	.step8 .recap{ text-align:center; font-size:14px;}
	
.items{ margin-bottom:5px; margin-top:10px;}
.items li{ float:left; margin-left:2px; padding-left:2px; max-height:130px;}
.items li.border { border-left:1px solid #d8c6db; border-right:1px solid #d8c6db; padding-right:2px; }
.items li.box{ text-align:center; max-width:97px; min-width:80px; margin:0; padding:0; }
	
.box_recap hr{width:70%; }	

.leafletPopup { height:786px; font-family:Verdana; font-size:10pt; color:#FFFFFF;  }
.leafletDiv { margin-left:auto; margin-right:auto; padding-top:20px; text-align:center; }
.leafletPopup ul { color: #51375A; margin: 0 40px 0 45px; text-align:justify; }
.leafletPopup ul li {  margin-bottom: 10px; }
	
/* MY ACCOUNT */
.deja_membre{}
	.deja_membre{ margin-left:15px; width:290px;}
	.deja_membre label{ width:100px; display:block; float:left; }
	.smallError{  color:red; text-align:center;display:block; margin-top:3px;width:90%; }

.mdp_oublie{ text-align:left; width:500px; margin-left:10px;}

.monCompte{ }
	.monCompte .login label{display:block; width:100px; float:left; }
	
.myaccount{}
	.myaccount .middle{ display:block; margin-left:10px; padding-left:20px; background-position:bottom left; width:650px; margin:0 auto; padding-bottom:20px;}
	.info_personnelles p{ margin-top:5px; margin-left:25px; color:#000;}

.mesInfos{}
	.mesInfos .middle{   padding-bottom:10px; margin-left:10px; padding-left:20px; width:640px;background-position:bottom left;}

.detailCommande .middle{ padding-left: 10px; background-position: left bottom;}
.status_cmd img{margin-left:30px;}
.smallBloc{  margin-left: 20px; width: 294px; color:#5d5d5d; background: url('../images_css/bg_blue_detail_block.jpg') left bottom;}
.smallBloc p{height:14px;}

div#pnlForm { }
    div#pnlForm table { text-align: left; margin: 0 auto; }
    div#pnlForm table tr td { height: 25px; }
    div#pnlForm table tr td input { width: 228px; font-size: 10px; font-family:Verdana; }
    div#pnlForm textarea { font-size: 10px; font-family:Verdana; }
    div#pnlForm p { padding-top:55px;text-align:left; }
    
/* website css */

.error{ display:none; border:#E82828 1px solid; background-color:#f0acac; padding:5px; margin-bottom:5px; color:#FFF; font-weight:bold;}


/* INTERRUPT CSS*/
 .jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #bba7c1; /*border of  alert message*/
      padding: 10px;
      width: 300px;
}
div.jqi .jqicontainer{
      background-color: #f3eaee;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #bba7c1;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
	  height:25px;
	  font-size:12px;
}

/* QUOTATION */

div.quote { width: 637px;height:520px;font-family:Arial;position:relative;margin-top:13px;text-align:center; } 
	div.quote .surprise {  font-size: 22px; color: #563662; margin: 0px 10px 0px 15px; padding-top:20px;text-align:left; }
	div.quote .advantages {  font-size: 18px; color: white; margin:44px 0 0 43px; line-height: 35px;text-align:left; }
	div.quote .obtain {  font-size: 19px; color: white; font-weight: bold; width: 600px; text-align: center; margin: 40px auto 20px auto; }
	div.quote .exclude { font-size:11px;font-weight:bold;color:#444444;margin-left:22px;margin-top:13px;_margin-top:7px;text-align:left; }
	div.quote table { margin-left:15px;_margin-left:8px;}
    div.quote table tr td { padding:7px }
    div.quote input { font-family:Verdana; font-size:13px }
    
/* GALLERY */

div#MyMMSgallery {
	width: 610px;
	height: 500px;
	float: left;
	background: url(../images/galerie/fond.gif) 0 0 no-repeat;
	margin-bottom:15px;
	margin-left:21px;
	_margin-left:11px;
}
div#galleryChooser {position: relative;}
div#galleryChooser img#galleryPrevious {position: absolute;top: 56px; left: 22px; z-index:3;}
div#galleryChooser img#galleryNext {position: absolute;top: 56px; left: 560px; z-index:3;}
div#galleryChooser img#galleryState {position: absolute;top: 0px; left: 216px; z-index: 14;}
div#galleryProductChooser {position: absolute;top: 10px; left: 53px; z-index: 4;}

div#galleryContent {padding:0 35px 0 0;}
div#galleryContent #galleryLeft {float:left; width:200px; position:relative; text-align:center; margin-top:130px;}
div#galleryContent #galleryLeft #galleryImage {margin:130px 20px 0 25px;}
.pricesIT {float: left; padding: 1px 3px; border-right: solid 1px; border-top: solid 1px; border-bottom: solid 1px;text-align:center;width:40px;_width:52px;}
.pricesFT {float: left; padding: 1px 3px; border-right: solid 1px; border-top: solid 1px; border-bottom: solid 1px;text-align:center;}
.pricesFT .tb { width:90px;vertical-align:middle;height:24px;color:#8E807C;text-align:center; }
.pricesHT {float: left; padding:1px 3px 1px 0px; border: solid 1px; }
div#galleryContent .info {
	padding: 132px 0 0 30px;
	float:left;
	text-align:justify;
	width:345px;
	height:195px;
	_height:327px;
	position:relative;
}	

div#galleryContent #galleryLeft div#info {
    position: absolute;
    left:10px;
    top:150px;
    line-height: 16px;
    text-align:left;
}	

div#galleryContent #galleryLeft img.zoom {
    position: absolute;
    left:175px;
    top:134px;
}

div#galleryContent img.commander {
    position: absolute;
    left:40px;
    top:575px;
}

div#displayImage { margin-top:-7px;width: 380px;height: 320px; position: relative; background-repeat:no-repeat; background-position: 0px 0px;}
div#displayImage div.firstImage { position:absolute; top:13px; left:0; width:280px; height:300px; text-align:center; }
div#displayImage div.oneImage { position:absolute; top:13px;left:0;width:410px;height:300px;text-align:center; }
div#displayImage div.secondImage { position:absolute;top:15px;left:285px;width:95px;}
div#displayImage div.thirdImage { position:absolute;top:182px;left:285px;width:95px;}

.gallery { width:640px; }
    .gallery h1 { margin-top:12px; margin-bottom:20px; text-align:center; }
    .gallery .redTitle { font-family:Verdana, BitStream; font-size:21px; color:#663366; }
    .gallery .redTitleSmall { font-family:Verdana, BitStream; font-size:18px; color:#663366; }
	.gallery .pinkTitle {font-family:Verdana, BitStream; font-size:21px; color:#CC99CC;  }
	.gallery .descProduct {font-family:Verdana, BitStream; font-size:12px; color:#663366; line-height:20px; }
	.gallery .titleProduct {font-family:Verdana, BitStream; font-size:12px; color:#CC66FF;width:179px; display:block; }
	.gallery .infoGalleryProduct {font-family:Verdana, BitStream; font-size:11px; color:#8E807C; }
      
.bold { font-weight:bold }