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

.margin{ margin-left:5px}
.bigMargin{ margin-left:15px}
.hidden{ display:none}
.show{display:block}
.bgGrey { background-color: #E1E5E6}
.italic { font-style:italic }
 
.inputFormat{width:150px}
select.inputFormat{width:155px; margin-left:+2px;}
.inputPass {width: 100px}
.inputTel {width: 100px}

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

.formatTable{ width:95%}
	.formatTable tr th{ font-weight:bold; border-bottom: solid 1px #5d5d5d; padding-left:10px; height:22px}
	.formatTable tr td{ height:20px; padding-left:10px; margin-top:5px}
	.formatTable tr.bg_darkPink td{ background-color:#e2d1d5}
	
.formatTableNoColor{ width:90%; margin:0 10px 10px 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;}

input.small{height:15px; font-size:10px}
select.small{height:17px; font-size:10px}
	
.steps { text-align:center; margin-bottom: 10px; }
.steps img, .steps span { vertical-align:middle; }
.steps .step { margin-right:10px; }

/* image process de commande	*/
.breadcrumb { margin-top:10px; width:677px; height:33px;background:url('/business/images/mon-compte/menuBackground.jpg') repeat-x;}
.breadcrumb div { text-align: center; float: left; }
.breadcrumb a img { text-decoration:none; }
.pnlOrder div { width:130px; }

.frame { background: url('/business/images/devis/fond_nos_produits.jpg') no-repeat;width:681px;text-align: center;margin:15px 0 20px}
.frame2 { background:url('/business/images_css/bg_order.jpg') no-repeat bottom; width:845px; }
.frameBas { background: url('../images/devis/fond_entreprise.jpg') no-repeat; width: 681px;height:222px;padding-top:5px}
.devisObligatoire {width:681px;text-align:right;color:#808080;margin:2px 0 15px;}
.devisBas{margin:0 auto;text-align:center;width:681px}
.devisBasGauche{float:left;margin-top:18px}
.devisBasDroite{text-align:right;padding-right:10px}
.devisTxtPromo {background: url('../images/devis/fond_code_promo.jpg') no-repeat;height:42px;float:left;width:458px;text-align:center}
.quoteFormTitle{color:#4AB2CD;font-weight:bold;font-size:15px;margin-left:15px;text-transform:uppercase;font-family:Arial;letter-spacing:-1px;}
.frameBas input,.frameBas label{margin:0 2px}
.from{text-align:right;margin-top:3px;clear:both;color:#808080}
.frame .products{height:411px}

.quotationTop{text-align:center;margin-bottom:20px;width:681px;font-family:Arial;}
.quotationTitle{color:#4bafc9;font-weight:bold;font-size:14px}
.quotationPopup{height:450px;width:681px;background-repeat:no-repeat;margin:12.5px auto;text-align:left}
.quotationTable{margin:0 auto;padding-top:60px;width:577px;height:350px}
.blueTitle{color:#5aaed0;font-size:12px;font-weight:bold}
.quotationButtons{text-align:center;margin:0 auto 0}
.quotationButtons input{margin:0 26.6px}

.step1 { position: relative}
	.step1 .htmlContent {width: 435px; _width: 470px; float: left; padding: 0 20px 0 20px}
	.step1 .flashContent { 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:55px; }
	.rightContent { width:160px; padding-top:7px; }
	.step1 .nbLentils, .step1 .colors, .step1 .messages { text-align: center; width:427px; }
	.step1 .nbLentils div, .step1 .colors div, .step1 .messages div { padding-top: 15px; width: 400px; margin: 0 auto; }
	.step1 .colors img { position:relative; }
	.step1 .messages { margin-top: 10px; line-height: 12pt; background: url('../images/commande/step3.jpg'); height: 231px; }
	.step1 .infoRecap { background: url('/business/images/commande/fr_cadre_commande_haut.jpg') no-repeat; height:104px; width:363px}
	.step1 .btnValider { position:relative;margin-top:104px; }
	.step1 .intitule { color:#DE0000;font-weight:bold;font-size:16px;float:left;clear:both;margin:10px 0 0 70px;width:250px}
	.step1 .prixUnitaire { color:#6B5655;font-weight:bold;float:left;clear:both;margin-left:70px;width:250px;font-size:12px;}
	.step1 .montantHT { color:#DE0000;font-weight:bold;font-size:17px;float:left;clear:both;margin:16px 0 0 70px;width:276px}
	.step1 .horsFdp { color:#6B5655;font-weight:bold;float:left;clear:both;margin-left:70px;width:250px}
	.step1 .customizePacking{float:left;width:48%;height:130px}
	.step1 h3 { font-size:16px;color:#C3112D;margin-top:10px;font-family:Arial; }
	.step1 h4 { font-size:10px;color:Gray;margin-bottom:5px; }
	.step1 .imageUpload {float: left;margin-top: 1px;width:220px}
	.step1 .uploadContent { font-size:12px; }
	.step1 .orderSummary { float: right; width: 48%;font-family:Arial; }
	.step1 .submitImage { margin-left: 10px; }
	.step1 .customizeBottom { margin: 20px 0 0 18px; }
	.cartAddTitle { font-weight:bold;font-size:11px;color:Gray;position:absolute;left:50px;top:17px; left: 60px; }
	.outTaxesAmount { font-weight: bold; font-size: 16px; color: #DE0000; margin-top: 40px; font-family:Arial; }
	.outTaxesAmountValue { color: #FFF; background-color: #F7B5B6; border: 1px solid #D59B9A; padding: 8px 15px; font-size: 12px; font-weight: bold; }
	.blueOutTaxesAmountValue{color:#FFF;background-color:#acdae9;border:1px solid #5AAED0;padding:8px 20px;font-size:12px;font-weight:bold}
	.unitPrice { font-weight: bold; font-size: 13px; color: Gray; display: block; margin-bottom: 50px; }
	.cartDescription { font-size: 17px; color: #DE0000; display: block; }
	.cartContent { position: absolute; top: 65px; left: 0; width: 100%; }
	.cartLeft { text-align: right; position: absolute; left: 0; width: 59%; height: 190px}
	.cartRight { text-align: center; position: absolute; right: 0; width: 48%; height:190px}
	.addProducts { position: absolute; bottom: 0; left: 20px}
	.validCart { position: absolute; bottom: 0; right: 20px}
	
	.infoLeafletTop { background:url('/images/bandeau_droite/option_leaflet_top.jpg'); width:196px; height:178px }
	.infoLeafletBottom { background:url('/images/bandeau_droite/option_leaflet_bottom.jpg'); width:196px; height:153px; }
	
.step3{}
	.step3 .global {background: url('/images/panier/bas_cadre.jpg') no-repeat;background-position:bottom;}	
	.step3 .middle{  padding-bottom:10px; width:640px;}
    .step3 .legal { background: url('/images/commande/legal.jpg') no-repeat; text-transform: uppercase; width:677px; height:88px; }
	.step3 .legal tr td { padding-left:7px; }
	.step3 .filConducteur { margin-left:45px;text-align:center;width:610px;height:24px}
	.step3 .filConducteur img{float:left;margin:0 4px}
	.step3 .cadreHaut{margin-left:41px;float:left}
	
	.tablePanierContainer{margin-left:41px;background:url("/business/images/panier/repeat_cadre.jpg") repeat-y;}
	.tablePanier {width:577px;margin:0 15px}
	.tablePanierBottomContainer{height:376px;width:607px;margin-left:41px;background-image:url("/business/images/panier/bas_cadre.jpg");background-repeat:no-repeat;}
	.tablePanierBottom{height:346px;width:577px;margin:0 15px;}
	.tablePanier tr .entete { background: url('../images/panier/fond_gris_degrade.jpg');}  
	.tablePanier tr .first { background: url('/images/commande/cart.jpg') repeat-y 0 0; }  
    .tablePanier tr th { background:url('../images/panier/fond_gris_degrade.jpg');text-align:center;height:21px;font-weight:bold;}  
    .tablePanier tr td { background-color:transparent; }  
    .tablePanier tr .last { background: url('/images/commande/cart.jpg') repeat-y 100% 0; }
    .dark{background:url('../images/panier/fond_gris_degrade.jpg');background-repeat:no-repeat;height:21px;font-weight:bold;line-height:21px;clear:both}
    .darkLeft{padding-left:15px;float:left}
    .darkRight{text-align:right;padding-right:15px}
    .redTitleContainer{margin:10px 0}
    .deliveryContainer,.promoContainer{margin-bottom:5px;float:left}
    .redTitle{color:#DE0000;font-size:11px;font-weight:bold}    
    .CGV{background-color:#D8D8D8}
    .CGV2{background-color:#C5C5C5}
    .CGV,.CGV2{height:35px;clear:both}
    .CGV p,.CGV2 p{float:right;text-align:left;width:94%;padding:5px 0;height:25px}
    .CGV div,.CGV2 div{float:left;text-align:center;width:6%;height:13px;padding:11px 0}
    
    .bottomButtons{height:100px;margin-left:41px;position:relative}
    .step3 .btnValider {position:absolute;left:394px}
	.step3 .btnRetour {position:absolute;top:40px}
	
	.tablePanier{text-align:center;border:1px solid #D6D6D6}
	.tablePanier td{height:30px;padding:3px 0;border:1px solid #D6D6D6}
	.itemPrice{background: url('../images/panier/fond_prix.jpg') no-repeat;height:24px;width:90px;margin: 0 auto;line-height:24px}

    .tablePanier .tableLivraison { margin:10px 0px }
	.tablePanier .tableLivraison tr { background:#FFFFFF none; text-transform:uppercase; }
	.tablePanier tr .bgGrey { border:solid 1px #EFEFEF; text-align:center; }
	.tablePanier tr .borderBas { border-bottom:none; }
	.tablePanier tr .borderHaut { border-top:none; border-bottom:none; }
	
	.surlignage {background:url('../images/panier/fond_zone_de_livraison_et_code_promo.jpg');background-repeat:no-repeat;text-align:center;height:42px;width:165px}
	.surlignage input,.surlignage select{width:140px;margin-top:13px}
	.promoDescription{float:left;padding-left:10px;color:#A9A9A9;font-weight:bold;height:42px}
	.promoDescription input{float:left;width:37px;height:24px;margin-top:9px}
	.infoCode{margin:14px 0 0 15px;float:left;width:320px}
	.shippingDescription{color:#A9A9A9;font-weight:bold;margin-left:5px;padding:0 0 0 18px;background-color:#F2F2F2;width:385px;height:42px;float:left}
	.shippingDescription img{margin-top:9px;float:left;width:24px;height:24px}
	.shippingText{margin:9px 0 0 12px;float:left;width:340px}
	
	.priceSummary{height:55px;text-align:center;line-height:55px}
	.priceSummary span{margin:0 1px}
	.pricesValue {color:#FFF;background-color:#BABABA;border:1px solid #A1A1A1;padding:8px 15px;font-size:11px;font-weight:bold}
	.greyTitle{color:#4D4D4D;font-size:11px;font-weight:bold}
	
	.tablePanier .CGV td {background-color:#D8D8D8}	
	.tablePanier .CGV2 td {background-color:#C5C5C5}	
	.tablePanier .prixItem {  background:url('../images/panier/fond_prix.jpg') no-repeat center; }
	.tablePanier .sautLigne td { height:5px }
	.tablePanier .borderless { border:none}
		
.identification{ text-align: center; margin:0 auto; background:url('/business/images/mon-compte/fond.jpg') no-repeat; margin-top:8px;margin-left:15px; width:680px; padding-top:18px;}
    .identification .welcome { background:url('/business/images/mon-compte/fond_gris.gif') no-repeat; height:113px; margin-left:38px; margin-top: 7px; text-align:left; }
	.identification .welcome li { list-style :disc outside none;height:20px;line-height:20px}
    .identification .welcome div { padding:18px 30px;font-size:12px; }
		
.step6{}
	.step6 .APanel table tr td { padding-top: 12px; }
	.step6 .APanel {  width:674px; margin-bottom:15px; }
	.step6 input { font-size:10px; font-family:Verdana; position:relative; }
	.step6 select { font-size:10px; font-family:Verdana; }
	.step6 #expedition1_btvalider span { font-size:1px }
	.step6 table span label { padding-right:8px; }
	
.step7{ }
    .step7 .price { background-color:#E6E6E6; margin-bottom:30px; height:30px;line-height:30px; }
	.step7 .creditCard{ height:120px; text-align:center; border-top:solid 1px #000000; border-bottom:solid 1px #000000; margin: 15px 0 15px 0; }
	.step7 .paiement{ margin-top:50px; }
	.step7 .creditCard input { margin:20px 10px 0 10px; }
	.step7 .info { text-align:left; padding:0px 20px 0px 20px; color:#737373; text-align:justify; }
	.step7 .info a { color:#737373; }
	
.step8 { width:850px; }
    .step8 p { margin-bottom:12px; }
    
 .rdColor label { margin-left:5px;}

.box_recap { width:315px; background:url('/images/commande/panier.png') repeat-y; text-align:center; }
.box_recap td.product { width: 120px; padding-left:5px; }
.box_recap td.lentil { padding-top:6px; width:50px; }
.box_recap td.lentil img { margin-top : -6px; }
.box_recap td.lentil span { margin-top : -6px; }
.box_recap table.items{ padding-top:10px }

.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{ width:340px;_width:310px; height:290px; text-align:left; float:left;background: no-repeat; margin-top:20px; }
    .deja_membre .login { padding-left:18px; padding-top:53px; text-align:left; width:302px;_width:320px; float: left; }
    .deja_membre .login label { font-size:12px; }
    .deja_membre input { font-size:10px; font-family:Verdana; position:relative; }
	.deja_membre label { width:190px; display:block; float:left; }
	.smallError{  color:red; text-align:center;display:block; margin-top:3px; }

.nouveau_client { width:330px; height:290px; text-align:left; float:left;background: no-repeat;margin-top:20px; }
    .nouveau_client a { padding-top:77px; padding-left:16px; display:block; position:relative; }
    .nouveau_client img { position:relative; }
    .nouveau_client .imgCreationCompte { width:310px;text-align:center;}
    
.monCompteInfo{ background:url('/business/images/mon-compte/fond_info.jpg') no-repeat;margin:30px auto 0;width:556px}
	.monCompteInfo p { font-size:10px;margin-left:55px; text-align:justify;width:485px;padding-top:5px;padding-bottom:10px; color:#7F8180;}

.mdp_oublie{ width:450px; height:350px; background:url('/images/mon-compte/popup_password.jpg') no-repeat; font-family:Verdana; font-size:12px;}
    .mdp_oublie .title { text-align:center; }

.monCompteTitle { color:#575958; font-size:13pt;font-weight:bold;margin-left:10px;}

.myaccount { background:url('/business/images/mon-compte/fond.jpg') no-repeat; width :677px; margin-top:8px; padding-top:18px; color:#575958; font-size:12px; }
    .myaccount .welcome { text-align:right; width:253px; height:36px; padding: 4px;}
    .myaccount .welcome a { }
    .myaccount .title { height:40px; line-height:37px; padding-left:28px;width:630px; _width:658px; background:url('/business/images/mon-compte/myaccount_frame.gif') no-repeat; color:#0071DB; text-transform:uppercase;font-size:14px;font-family:Arial; }
    .myaccount .title2 { height:29px; line-height:29px; padding-left:28px;width:278px; _width:306px; background:url('/business/images/mon-compte/bgAddress_title.jpg') no-repeat; color:#0071DB; text-transform:uppercase;font-size:14px;margin:5px auto 0;font-family:Arial;  }
    .myaccount a { color:#9E9E9E;}
    .myaccount table span label { padding-right:8px; }
    .myaccount .status_cmd { text-align:center; }
	.info_perso p { margin-left:25px;}
	.info_perso, .history, .addresses, .articles { background:url('/business/images/mon-compte/frame_repeat.jpg') repeat-y; width:658px; }
	.history { padding-left:10px;padding-top:10px; }
	
.address { background: url('/business/images/mon-compte/bg_addressBook.jpg') no-repeat; width: 642px; height: 71px; margin: 0 auto; padding: 3px 0px }
.produits { font-size:12px; }

.detailCommande {}

.articles table tr th { text-align:center; }
.articles table tr td { text-align:center; }
.status_cmd img {margin-left:10px;}
.smallBloc {  margin-left: 20px; width: 316px; height:120px; background:url('/business/images/mon-compte/bgAddress.jpg') no-repeat; color:#5d5d5d;}
.smallBloc p { height:14px;}

.contact { margin: 0 auto; width: 680px; margin-left: 5px; }
    .contact .mail {background-repeat:no-repeat;height: 528px;width:680px}
    .contact .phone { background-repeat: no-repeat; height: 125px; width:370px; float:left; }
    .contact .phone2 { background-repeat: no-repeat; height: 125px; width:310px; float:left; }
    .contact .pnlForm table tr td select { width: 232px; }
    .contact .pnlForm { margin-top:-5px; }
    .contact .pnlForm table { text-align: right; margin-left:40px; margin-top:20px;width:95%; }
    .contact .pnlForm table tr td { height: 25px; }
    .contact input { width: 228px; font-size: 10px; }
    .contact textarea{font-size:10px;width:228px;font-size:12px}
    .contact .contact1 { color:#695E96; margin-top: 30px; margin-left: 120px }
    .contact .contact2 { color:#5D5D5D; margin-top: 25px; margin-left: 120px; width: 160px; text-align: justify; }
    .mandatoryText{margin-left:105px;font-size:10px}
    
.quote { position:relative; margin-top:5px; } 
	.quote .title { height:27px;border-top:1px solid black;border-bottom:1px solid black;line-height:27px; padding-left:20px; text-transform:uppercase; }
    .quote input, .quote textarea { font-size:10px; font-family:Verdana; position:relative; }
    .quote table tr td { height:30px; }
	.quote .frame{height:446px}
    
/* INTERRUPT CSS*/
 .jqifade{ background-color: #fff; }
div.jqi{position: absolute;background-color: #000; padding: 4px; width: 300px;}

div.jqi .jqicontainer{
      background-color: #ffffff;
      padding: 5px;
      color: #000;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #fff;
      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;
}

/* GALLERY */
.gallery { }
	.gallery .products {width:670px;margin-top:15px}
	.gallery .title {position : absolute;top:25px;left:0px;width:670px;text-align:center;margin-left:0 auto;z-index:10;}
    .gallery .item  { position:relative; float:left; width:342px;height:307px;text-align:center;z-index:2}
    .gallery .item2 { position:relative; float:left; width:325px;height:307px;text-align:center}
    .gallery .notice {text-align:center;font-weight:bold;font-size:14px;}
    .gallery .item div span, .gallery .item2 div span { z-index:1 }
    
    .gallery .item .pic img { width:344px;height:292px }
    .gallery .item2 .pic img {width:323px;height:292px }
    .gallery .item .pic {float:left;}

    
    .detailProduct{position:relative;top:0px;left:0px}
    .detailProduct .notice, #customizeProduct .notice, .step3 .notice {position:relative;font-weight:bold;text-align:center;font-size:17px;color:#DE0000;margin-top:30px;letter-spacing:-1px;}
    .detailProduct .zone1{float:left; width:360px;margin-left:42px;_margin-left:20px;margin-top:50px;text-align:justify}
    .detailProduct .description {position:relative;top:0px;left:0px;width:685px; height:550px; margin-left:-10px;}  
    .detailProduct .zone2 {float:right; width:225px;margin-right:20px;_margin-right:10px;margin-top:10px;text-align:justify;height:220px;}
    .detailProduct .blueLabel {color:#10BEFA;font-weight:bold;line-height:18px;font-size:11px}
    .detailProduct .redLabel {color:#FF0000;font-weight:bold;line-height:18px;font-size:11px}
    .detailProduct .greenLabel {color:#6ad423;font-weight:bold;line-height:18px;font-size:11px}
    .detailProduct .zone3 {position:absolute;top:301px;left:285px;height:23px;width:141px;}

	.detailProduct .zone4 {}
	.detailProduct .thumbnail {float:left;margin:-10px 0 0 55px;width: 290px;text-align:center;display:inline;}
	.detailProduct .imgZoom1 {width:90px;height:90px;}
	.detailProduct .imgZoom2 {width:90px;height:90px;}
	.detailProduct .imgZoom3 {width:90px;height:90px;}
	.detailProduct .ClickImages {position:relative;text-align:center;font-weight:bold;margin-top:10px;width:289px}
    .detailProduct .calculator {float:right;height:98px;margin-top: 30px;width:240px;}        
    .detailProduct .error1{font-size:9px;text-align:center; height: 15px;}
    .detailProduct .calculator table {width:219px; color:#DE0000; font-weight: bold;font-size:12px;float:right;}
    .tbQuantite, .tbPrix {color:#DE0000;width:60px;font-weight:bold;float:left;font-size:11px;height:12px; }
    .detailProduct .calculator table tr {height:20px;}


    .detailProduct .GridLabel {margin-left:450px}
    .detailProduct .pricesSection { margin-left:450px;height:165px;}
    .detailProduct .prices { position:relative; float:left; font-size:11px;font-family:verdana;font-weight:normal;width:210px;text-align:center;}
    .detailProduct .pricesH div {margin-top:9px; }
    .detailProduct .pricesH table { width:115px;vertical-align:middle;height:24px;font-size:9px;}
    .detailProduct .pricesI { width:210px;height:15px;margin-top:3px;}
    .detailProduct .pricesI div { }
    .detailProduct .pricesF table {height:15px; letter-spacing:1px;width:95px;}
    .detailProduct .pricesF div{width:210px;}
     
    .calculator .actions {padding-top:11px;float:right;position:relative;left:-7px;*left:-32px;}
    .detailProduct .imgGoBack {float:left;margin-left:25%}
    .detailProduct .imgConfirm {float:right;margin-right:25%;position:absolute;margin-top:-41px;margin-left:428px;}