/* RESET STANDARD FIELD */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html legend{ position:absolute; top: -.5em; left: .5em; }
fieldset { padding:5px; margin-top:10px; }
html fieldset{ position: relative;padding-top:.75em; }

body {font:10px verdana,Helvetica,clean,sans-serif; color:#000; text-align:center; background: url('/assets/layout2.jpg') top center no-repeat;}
table {font-size:inherit;font:100%;}

/* GENERIC CSS */
a{ color:#b9152d; }
a:hover{ }
.bold{ font-weight:bold; }
.hardRed{color:#8d1627; }
.red{ color: red;}
.brown{ color:#60220c;}
.hardYellow{ color:#d88b1c;} 
.hide{ display:none; }

.infoPage{ color: #af9085; display:block; text-align:center;  width:90%; margin:10px 10px; text-align:center;}

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; }

.arrowLink{background:url('/assets/rightArrow.gif') left no-repeat; padding-left:15px;}

/* CONTAINER */
#page{ position:relative; width:880px; margin: 0 auto; text-align:left; background-color:#FFFFFF;  }
.content{ width:878px; }

/* HEADER */
.header{  width:880px; height:148px; background:url('/assets/header_bg_fr.jpg') no-repeat top left; }
    .anc_logo{float:left;}
    
    .account{ float:right; margin:10px 10px 0 0; color:#740339; height:111px;}
    .account ul{margin:10px 50px 0 0;  background: url('/assets/cart.gif') no-repeat center left; padding-left:30px;}
    
    
    
    

    .account ul li a{ text-decoration:none; }
    
    .menu{ clear:both;   }    
    .menu li{ float: left; } 

/* RIGHT NAVIGATION */
.rightContent{ float:left; width: 205px; margin-right:1px; background-color:#FFFFFF; font-size:11px;}

    .con_orderingDate{background:url('/assets/bg_order_fr.jpg') no-repeat;width:188px;height:72px; text-align:center; color:#FFF;}
    .con_orderingDate p{padding-top:30px;}
   
    .con_TopMessage{ margin-top:8px; }
    .con_TopMessage ul { margin-top:10px; }
    .con_TopMessage ul li{ margin-top:3px; }
    .anc_size{font-size:10px;}
    
    .con_favoriteColor{ margin-top:11px; }
    .con_favoriteColor ul{ margin-top:10px; }
    .con_favoriteColor ul li{  float:left; }
      
    .con_feedback{ margin-top:6px; clear:left; }
    .con_feedback ul li { clear: left; }
    .con_feedback ul li img{ float: left; }

    .right_help { margin-top:15px; }
    .right_help div{ padding:5px;  width:199px; background: url('/assets/aide_right_ping_gradient.jpg') top left no-repeat;  }
    .right_help p { margin: 5px 10px; text-align: center; }
    .right_help .input_field{width:130px; height:20px; margin-top:0px;}
   
/* LEFT  NAVIGATION */
.leftContent{ float:left; width:652px; margin-left:15px; _margin-left:8px; margin-top:13px;}
    .left{ float:left; }
    .promoBox{ font-size:11px; line-height:15px; margin-top:-13px; _margin-top:-5px;}
    .promoBox a{ font-weight:bold;font-size:10px; }

    .promotions { }
    .promotions a { color:#868486; }
    .promotions div {width:214px;height:159px; position:relative; }

    .promotions2{ } 
    .promotions2 div{width:214px;height:159px; } 

    .howItWorks { }
    .howItWorks div{ width: 211px; height:125px; _height:159px; padding-top:34px; }
    .howItWorks div p { padding-top:9px; height:32px; _height:40px; margin-left:19px; } 

    .mgm { width: 850px; height: 40px; margin-left: 15px; margin-top: 10px; padding-left:14px; line-height:40px; vertical-align:middle; background:url('/assets/bg_mgm2.jpg') no-repeat; }
  
    .news { margin-top:18px; *margin-top:29px; _margin-top:38px;  margin-left:-7px; }
    
.footer{clear: both; margin-top:10px; background: url("/assets/bg_footer.jpg") no-repeat ; width:853px; height:180px; padding-top:10px; margin-left:15px; }
    .footer .leftFooter{ float:left; padding-left:5px;}
    .footer .rightFooter{ float:left; }
    
.footer2{clear: both; background: url("/assets/bg_footer2.jpg") no-repeat ; width:853px; height:60px; padding-top:10px; margin-left:15px;  }
    .footer2 .leftFooter { float:left;padding-left:10px }
    .footer2 .rightFooter {float: right; padding-right:15px;margin-top:5px; }
    .footer2 .rightFooter img { margin-left:5px; }

    .sitemap{ height:130px; }
    .sitemap ul{ margin-left:10px; float:left; }
    .sitemap ul li{ margin-top:2px; color:#868486; font-size:11px; }
    .sitemap ul li.title{ margin-bottom:7px; font-weight:bold; font-size:12px; }
    .sitemap ul li a{ color:#75002d; text-decoration:none; }
    
    .legalInformation { text-align:center; width:840px;margin:0 auto;float:left;}
    .legalInformation ul li{ margin-left:5px;padding-left:5px; border-left:1px solid #868486; color:#868486; display:inline;}
    .legalInformation .noLeftBorder{ border-left:0}
    .legalInformation p, .legalInformation p a, .legalInformation ul li a { color:#868486; }
 
/*  FAQ */
.faq{ }
    .faq h1{ text-align:center; }
    .faq h2{ margin-top:30px; }
    
    .faq ul{margin-left:15px; margin-top:10px; width:95%;  }
    .answer{ margin-top:5px; padding:10px; background-color:#f1e8eb; }
    .faq ul li a{ text-decoration:none; color:#8d1627; }

.ccm, .memberGetmember2, .infoProduct { font-size:12px;  }
.ccm h1, .newsletter h1, .memberGetmember h1,.memberGetmember2 h1, .infoProduct h1, .center{ margin-top:20px; margin-bottom:20px; text-align:center; }

/* Comment ca marche */
.ccm{ padding-left:30px; display:block; height:500px;  background: url('/assets/ccm_bg.jpg') no-repeat bottom left; }
    .ccm h2{ margin-bottom:10px;margin-top:10px; clear:left;}
    .ccm ul li{ margin-top:5px; }
    
    .chocolate{  }
    .chocolate li{ display:inline;}
    
    .puce{margin-left:30px;}
    .puce li{ display:list-item; list-style: disc outside;  }
    
    .packages li{ display:inline; }
    .ccm .a_begin{margin-left:100px;}

.newsletter{ background: url('/assets/bg_newsletter.jpg') no-repeat; line-height:15px;padding-bottom:20px; width:644px; padding-left:25px; font-size:11px; }
    .newsletter #firstname, .newsletter #email, .newsletter #lastname { font-family:Verdana; font-size:10px; width:150px; }
    .newsletter p { width:620px; }
    .newsletter p, .newsletter select { margin-top:5px; clear:left; }

.memberGetmember{ padding-left: 15px; font-size: 11px; background: url('/assets/bg_mgm.jpg') no-repeat; line-height: 15px; width: 635px;}
    .memberGetmember p{ margin-top:5px; width:100%;}
    .memberGetmember table, .memberGetmember2 table { margin-bottom:10px; margin-top:10px; }
    .memberGetmember table tr th, .memberGetmember2 table tr th { font-weight:bold; }
    .memberGetmember .span , .newsletter .span, .memberGetmember2 .span { display:block; width:130px;  }
    .memberGetmember input , .newsletter input, .memberGetmember2 input { font-size:12px;font-family:Verdana;  }

.memberGetmember2{ padding-left:30px; display:block; height:600px;  width:638px; font-size:12px; background: url('/assets/specialMGM.jpg') no-repeat bottom left; }
    .memberGetmember2 p{ margin-top:5px; width:100%;}
 
.infoProduct{ padding-left:30px; display:block; background: url(/assets/bg_infos_produit.jpg) no-repeat bottom left; width:641px; }
    .infoProduct .left{ display:block; width:350px; height:300px; }
    .gda { display:block; float:left; width:234px; margin:0 0px 10px 0; height:300px;  }
    
    .infoProduct .left p{ margin-top:350px;}
    .infoProduct img.link{margin-left:300px; }
    
    .infoProduct table{ font-size:11px; display:block; width:242px; height:158px;color:#FFF; margin-bottom:5px;  background: url('/assets/infos_produit_table.gif') no-repeat top left;}
    .infoProduct table  tr td{ padding-left:7px; }
    .mms_chocolat{  margin-top:100px; }
 
    .td1{height:26px;}
    .td2{height:20px;}
    .td3{height:25px;}
    .td4{height:35px;}
    .td5{height:18px;}
 
.testimoniaux{ }
    .testimoniaux div.bloc{display:block; width:649px; padding-left:15px; background: url('/assets/testimoniaux_bg.jpg') bottom left no-repeat; padding-top:10px; }
    .testimoniaux p{margin-left:10px;} 
    .testimoniaux fieldset{ width:530px; background-color:#FFF;margin-left:5px; }
    .testimoniaux fieldset.yellow{  border: 2px solid #f8d19a;}
    .testimoniaux fieldset.pink{ border:2px #e8a2ae solid; }
    .testimoniaux legend{ font-size:20px; font-weight:bold;}

.topColor{  display:block; height:600px; width:641px; text-align:center; background: url('/assets/bg_big_pink_gradient.jpg') no-repeat bottom left; }
    .topColor div .lentil { position:absolute; top:48px; width:33px;height:32px; margin:0; }
    .topColor table .color { color:#BB0000; width:65px; text-align:center; }
    .topColor .font { font-size:11px; text-align:left; }
    .topColor #top5 { background:url('/assets/bloc_top5_fr.jpg'); position:relative; width:600px; height:127px;text-align:center;display:block; margin: 0 auto; };
    .topColor #discoverText {  margin-right:20px; }
    .topColor #blockImage { float:left; width:224px;position:relative; }
    .topColor #pack40Image { position:absolute;top:30px;left:30px; }

/* TOP MESSAGES */
.top{ width:641px; text-align:center; background: url('/assets/bg_big_pink_gradient.jpg') no-repeat bottom left; padding-bottom:10px; }
    .top .divprinc { width:599px; margin: 0 auto; color: #e6758a; text-align:center;}
    .top .title { font-size: 17px; text-align:center; height:45px;  color: #e6758a; }
    .top ul { margin-top:10px;margin-bottom:10px; float:left; width:192px; }
    .top ul li{ clear:left; height:75px; text-align:center;}
    .top ul li img{ float:left;}
    .top ul li a { display:block; margin-left:0px; _margin-left:12px;  }
    .top ul li span { margin-top:0px;font-size:8pt;float:left; color:#222222; font-weight:bold; font-family:Arial;}
    .top ul li.smallHeight { height:25px;} 
    .top hr{  display:block; clear:left; border: solid #e6758a 1px; height:0px; }
    .top .blocblanc { background:url('/assets/bloc-blanc.gif') no-repeat; margin:auto; width:580px; height:265px; text-align:center; }
    .lentil { margin-left:27px; position:relative;}
    .lentil1_1msg { position:absolute; top:25px; left:0px; _left:3px; width:66px; }
    .lentil1_2msg { position:absolute; top:18px; left:0px; _left:3px;width:66px; }
    .lentil2_1msg { position:absolute; top:25px; left:66px; _left:75px;width:66px;}
    .lentil2_2msg { position:absolute; top:18px; left:66px; _left:75px;width:66px;} 

.topb{  display:block; height:800px; width:641px; text-align:center; background: url('/assets/bg_big_pink_gradient.jpg') no-repeat bottom left; }

/* TOPS MESSAGES  SECTION B*/
.topsmessagesb{   text-align:center;  }
    .topsmessagesb div{ display:block;  width:300px;  height:800px; width:641px; color: #e6758a ; background: url('/assets/bg_big_pink_gradient.jpg') no-repeat bottom left;}
    
    .topsmessagesb ul{ margin-left:30px; width:180px;height:550px;  background: url('/assets/pink_line.jpg') right top repeat-y; } 
    * html .topsmessagesb ul{ margin-left:15px; }
    .topsmessagesb ul li{ margin-bottom: 10px; height: 25px; clear:left; }
    
    .col2{ display:block; float:left;width:80px; font-weight: bold; color:#959595; }
    .col1{ display:block; float:left; width:80px; font-weight: bold; color:#4a4a4a; }

    .retour{ display:block; text-align:left; clear:left; margin-left:20px; }

/*  CONTACT PAGE */
.contact{ display:block; margin: 0 auto; width:641px; height:500px; background: url('/assets/bg_big_pink_gradient.jpg') no-repeat bottom left;  text-align:center; }
    .contact div{ display:block; width:450px; text-align:left; margin: 0 auto; }
    .contact label{ float:left; width:150px; line-height:20px; margin-top:5px;}
    .contact div input, .contact textarea, .contact select{ float:left; margin-top:5px; width:250px;} 
    .contact .specific{width:auto; float:none;}
    
.standard{ width:631px; margin-left:10px; }
    .standard h1{ text-align:center; font-size:20px; font-weight:bold; color:#8d1627; margin-top:20px; }
    .standard h2{  font-size:17px; font-weight:bold; color:#8d1627; margin-top:20px; }   
    .standard table  {margin-left:10px; border:1px solid #000;  }    
    .standard table tbody tr td,.standard table tr td { padding:2px; border:1px solid #000;  }
    .standard table tbody tr th, .standard table tr th{ padding:2px; text-align:center; border:1px solid #000; }

#mariage { background: url('/assets/fond.jpg') 0 0 no-repeat; height: 1408px; padding: 0 10px 0 10px; text-align:left; position:relative; }
     #mariage .blocOrder { top:1370px; left:35px; position:absolute; }
     #mariage .goButton { position: absolute; top: 1355px; left: 539px; width: 50px; height: 50px; cursor:pointer; }

     .occasion .billes  { background: url('/assets/general/billes.jpg'); position: relative; width: 323px; height: 65px; }
     .occasion h1 {  font-family : Arial; padding-top:10px; font-size:12pt; color:#950065; letter-spacing: -1px; }
     .occasion .title { font-family :Arial; font-size:12pt; color:#950065; letter-spacing: -1px; line-height:20px; } 
     .occasion .content { margin-top:15px; height:175px; width:610px;}
     .occasion .imageLeft {float:left; margin-right:15px; }
     .occasion .imageRight {float:right; margin-left:15px;}
     .occasion .text { width:400px; float:left; font-family:Verdana; font-size:10pt; line-height:11pt; }
     .occasion .margin { margin-top:10px }
     .occasion .pink { color:#FF008A; font-weight:bold; }
     .occasion .textBille { font-family:Verdana;font-size:8pt; line-height:13px }
     .occasion .blocBille { position: absolute; text-align: center; top: 18px; width: 52px;}
     .occasion .fontOrder { font-family:Arial; font-size:13pt; color:#B70067; }

#anniversaire { background: url('/assets/bg_anniversaire.jpg') 0 0 no-repeat; height: 1129px; padding: 0 10px 0 10px; text-align:left; position:relative; }
     #anniversaire .blocOrder { top:1092px; left:35px; position:absolute; }
     #anniversaire .goButton { position: absolute; top: 1080px; left: 539px; width: 50px; height: 50px; cursor:pointer; }
 
#noel { background: url('/assets/bg_noel.jpg') 0 0 no-repeat; height: 1001px; padding: 0px 0px 0px 20px; text-align:left;position:relative; }
    #noel .intro { width:370px; font-family:Verdana; font-size:12px; line-height:22px; color:#717171;margin-bottom: 40px; padding-top:70px; }   
    #noel .title { font-family :verdana; font-size:12pt; color:#b31212; letter-spacing: -1px; line-height:20px; }
    #noel .text { width:380px; float:left; font-family:Verdana; font-size:12px; line-height:20px; color:#717171; }
    #noel .imageLeft {float:left; margin-right:20px; }
    #noel .imageRight {float:right; margin-right:20px;_margin-right:10px;} 
    #noel .content { margin-top:15px; height:190px; width:610px;}
    #noel .fontOrder { font-family:Verdana; font-size:13px; color:#FFFFFF;width:540px;text-align:center;  }
    #noel .green { color:#5cc31d }
    #noel .red { color:#d23703;}    
    #noel .goButton { position: absolute; top: 928px; left: 560px; width: 55px; height: 54px; cursor:pointer; }


/* New FAQ Page */
.faq2 { }
    .faq2 #left { width:147px;float:left;margin-top:15px;_margin-top:2px; }
    .faq2 #right { float:left;width:450px; margin-left:20px; }
    .faq2 #right div { margin-top:25px; }
    .faq2 #right div div { margin-top:0px; }    
    .faq2 #right .title { color :#A93540; font-size:14px;font-weight:bold;display:block;margin-bottom:30px; }
    .faq2 #right .title { color :#800080; font-size:12px;font-weight:bold;display:block;margin-bottom:10px;margin-top:12px; }
    .faq2 #right h1 img { margin:auto;text-align:center; width:264px; display:block; }
    .faq2 #right div ul li { list-style-type:disc;margin-left:30px;margin-top:4px;}
    .faq2 .sub { display:none; }
    .faq2 .leftNav A { color:white; }
    .faq2 .leftNav { color:white; font-weight:bold; display: block; }
    .faq2 .leftNavLevel2 { margin-bottom: 0; }
    .faq2 .leftNavTop { background: white url('/assets/top.jpg') no-repeat 0 0; height:24px; padding-left:5px; line-height:23px;width:147px;}
    .faq2 .leftNavlevel1 { background-color: #EB889A; border-bottom: solid 1px #b1808d; border-left: solid 1px #b1808d; border-right: solid 1px #b1808d; padding: 3px 5px; }
    .faq2 .leftNavLevel2 A {
      display: block;
      border-bottom: solid 1px #b1808d;
      border-left: solid 1px #b1808d;
      border-right: solid 1px #b1808d;
      background-color:#fce9ed;
      padding: 3px 5px 3px 12px;
      font-size: 10px;
      margin-top: 0;
      color:black;
      text-decoration:none;
      height:auto !important;
      height: 21px;
      font-weight:normal;
    }
    .faq2 .leftNavLevel3 A { display: block; border-bottom: solid 1px #b1808d; border-left: solid 1px #b1808d; border-right: solid 1px #b1808d; background-color:#ffffff;
      padding: 3px 5px 3px 12px;
      font-size: 10px;
      margin-top: 0;
      color:black;
      text-decoration:none;
      height:auto !important;
      height: 21px;
      font-weight:normal;
    }
    .faq2 .leftNavLevel2 A:hover { background-color: #facfd8; text-decoration: none; }

/* End Change Komal*/

.affiliate { background: url('/assets/bg_affiliate.jpg') bottom no-repeat; width: 636px; height: 825px; position: relative; }
.affiliate .title { display: block; margin: 27px 0px 17px 0px; color: #CC3D6B; }
.affiliate div { padding-left: 25px; width: 580px; }
.affiliate li {margin-bottom: 5px; }
.affiliate table { position: absolute; top: 450px; width: 620px; color: #6C2020; }
.affiliate table .bloc { vertical-align: middle; padding-left: 85px; height: 60px; font-size: 12px;}

.step1 { }
    .step1 .bille1, .bille2 { float: left; margin-top: 4px; margin-bottom: 15px; color: white; }
    .step1 .bille1 { margin-left:10px;_margin-left:5px;width:60px;text-align:center; }
    .step1 .bille2 { margin-left:53px;width:60px;text-align:center; }
    .step1 #example1, #example2 { color: black;text-align: center; float:left;margin-top:10px; }
    .step1 #example1 { width: 66px; _width: 62px; margin-left: 4px; }
    .step1 #example2 { width: 63px; margin-left:48px; }
    .step1 #occasions { background-color: transparent; border: none; color: white; font-family: Arial; font-size: 11px; }
    .step1 #occasions option { color:black; }
    .step1 .bubbleInfo { position: relative; width: 190px; }
    .step1 .popup { position: absolute; display: none; z-index: 50; border-collapse: collapse; width: 194px; _width: 224px; background: white; padding: 15px 15px 105px 15px; }
    .step1 img.trigger { display: block; text-align: center; margin: 0 auto; }
    .step1 h2.title { font-family: Arial; font-size: 15px; color: #B12322; }