/b2b_mms-fr/liveServer/fr/assets/bg_footer2.jpg/* <rde-dm:attribute mode="write" attribute="request:rdeResponseMimetype" op="set" value="text/css"/> */ 

/****************************************************************
            B2B
****************************************************************/    
        
/* 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;R}
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;vertical-align: text-top;}
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; background:url('/b2b_mms-fr/liveServer/fr/assets/layout.jpg') top left repeat-x; background-color:#cac0ce;text-align:center;}
table {font-size:inherit;font:100%;}

/* GENERIC CSS */
a{ color:#563562; text-decoration:none; }
a{text-decoration:underline;}

a:hover{ }
.bold{ font-weight:bold; }
.hardRed{color:#563562; font-weight:bold; }
.red{ color: red;}
.brown{ color:#563562;}    /* For B2B it s blue */

.lightBlue{ color: #563562; }
.small{ font-size:10px; }
.center{ margin-top:20px; margin-bottom:20px; text-align:center; }
.hide{ display:none; }

.arrowLink{background:url('/b2b_mms-fr/liveServer/fr/assets/rightArrow.gif') left no-repeat; padding-left:15px;}
.infoPage{ color: #af9085; display:block; text-align:center;  width:90%; margin:10px 10px; text-align:center;}

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

/* HEADER -*/
.header{     width:878px;    height:148px;    background:url('/b2b_mms-fr/liveServer/fr/assets/header_bg_fr.jpg') no-repeat top left;}
    .anc_logo{float:left; margin-left:10px;}
    
    .account{ float:right; margin:9px 10px 0 0; color:#563562; height:112px; }
    .account ul{margin:10px 50px 0 0;  background: url('/b2b_mms-fr/liveServer/fr/assets/cart.gif') no-repeat center left; padding-left:30px;}
    .account ul li a{  color:#563562;font-weight:bold;border-bottom:dashed 1px #472b20; text-decoration:none;}
    
    .menu{ clear:both;   }    
    .menu li{ float: left; } 

/* RIGHT NAVIGATION */
.rightContent{ float:left; width: 205px; background-color:#FFFFFF;font-size:11px;}
    .con_orderingDate{background-image:url("/b2b_mms-fr/liveServer/fr/assets/order_fr.jpg");width:194px;height:127px;font-size: 10px;text-align:center; color:#FFF;}

    
    /* RIGHT NAVIGATION BELOW THE FIRST IMAGE */
    .mymms_right{background-image:url("");width:194px;height:200px; text-align:left; color:#563562;  margin-top:25px; }
        .mymms_right .firstPar{ padding-top:70px; }
        .mymms_right p{ margin-left:15px; }
        
        .mymms_right div{ position:relative; top:65px; left:15px; color:#ffffff; }
        .mymms_right div p { font-size:12px; font-weight:bold;width: 90%; margin-left:-1px; margin-bottom:4px; }
        .mymms_right div ul { width:180px; display:list-item;  margin-bottom:5px;  }
        .mymms_right div ul li{ margin-top:1px; margin-left:20px; list-style-image: url(''); list-style-position: outside;}
    


    .right_help { margin-top:15px; }
    .right_help div{ padding:5px;  width:199px; background: url('/b2b_mms-fr/liveServer/fr/assets/bg_right.jpg') bottom left no-repeat;  }
    .right_help p { margin: 5px 10px; text-align: left; }
    .right_help .input_field{width:130px; height:20px; margin-top:0px;}
    
/* LEFT  NAVIGATION */
.leftContent{ float:left; width:654px; margin-bottom:0px; margin-left:15px; _margin-left:8px; }

    .flash{ }
    .left{ float:left; }
    
    .promoBox{ font-size:11px; line-height:15px;}
    .promoBox a{ font-weight:bold;font-size:10px; }
    
    .promotions{margin-left:3px;_margin-left:2px;}
        .promotions div{display:block; width:194px; height:128px; _width:204px; padding-left:10px; position:relative;}
        
         .date{font-size:12px;  font-weight:bold; }
        
        .para1{ margin-top:7px; font-size:14px; color:#bd4647; font-family:verdana; font-weight:bold; padding-left:2px; padding-right:6px;}
        .para2{ margin-top:5px;font-size:12px;  font-family:verdana; font-weight:bold; padding-left:5px; }
        .para3 { margin-top:5px;font-size:10px; color:#000000; font-weight:bold;  padding-left:2px; }
        .para4{ margin-top:5px;}
        .promotions input.input_field{  background-color:#f2ebf4; border:1px #cabebf solid; }
        
    .box_reduction { margin-left:12px;  }
        .box_reduction div{ display:block; width:194px;height:128px; padding-left:10px;_width:204px; }        
        .box_reduction p{  padding-top:10px; font-size:10px; }
        .box_reduction a{ display:block;margin-top:5px;}
        
        .box_reduction     .HardRed{ font-size:14px; color:#bd4647;  font-weight:bold;  }
        .box_reduction     .normal{font-size:12px; color:#bd4647;  }
    
       .howItWorks { margin-left:12px;  }
        .howItWorks div {display: block; width: 194px;_width:204px; height: 128px; padding-left: 10px; }
        .howItWorks div p a{display:block; padding-top: 9px; height:19px; font-size: 10px; color:#563562; text-decoration:none;} 

    

    .justForYou { margin-top:10px; }
    .justForYou div {  width:194px; height:142px;position:relative;_margin-top:-2px;*margin-top:-2px; }
    
    .news { margin-top:15px; _margin-top:13px; *margin-top:13px; }
    .news div { width:193px; height:128px; }

/* CONTAINER FOR EVENEMENTIEL MANAGEMENT ET RP */
.con_box{ width:208px; margin-left:5px;}
    .con_box div{display:block;  background:url("/b2b_mms-fr/liveServer/fr/assets/bg_box.jpg") no-repeat;width:208px;height:127px;    }
    .con_box .highlight{ display:block; height:60px; margin-top:10px; color:#563562; width:95%;width:95%; margin-left:5px; font-size:11px; font-weight: bold;}
    * html .con_box .highlight{ height:50px; }
    .con_box .descr { display:block; margin-top:10px; color:#563562; font-size:10px; padding-left:10px; }
    .con_box a {color:#563562; font-weight:bold; display:block;margin-left:10px;margin-top:10px;  }
    
/*  FOOTER */
.footer{clear: both;  background: url("/b2b_mms-fr/liveServer/fr/assets/bg_footer.jpg") no-repeat ; width:853px; height:180px; padding-top:10px; margin-left:15px; margin-top:10px; }
    .leftFooter{ float:left; padding-left:5px;}
    .rightFooter{ float:left; }

.footer2{clear: both; background: url("/b2b_mms-fr/liveServer/fr/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:#563562; font-size:11px; }
    .sitemap ul li.title{ margin-bottom:7px;font-size:12px; font-weight:bold;  }
    .sitemap ul li a{ color:#8D7795; text-decoration:none; }
    
    .legalInformation { text-align:center; width:853px;margin:auto;float:left;}
    .legalInformation ul li{ float:left; margin-left:5px;padding-left:5px; border-left:1px solid #A0A0A0; color:#A0A0A0;}
    .legalInformation ul li a{  color:#A0A0A0; }
    .legalInformation .noLeftBorder{ border-left:0; }
    .legalInformation p {color:#A0A0A0;}
    .legalInformation p a{color:#A0A0A0;}
    .legalInformation p sup{ color:#A0A0A0;}


/*  FAQ */
.faq{ }
    .faq h1{ text-align:center; }
    .faq h2{ margin-top:30px; }
    
    .faq div{ width:635px; margin-left:10px;  padding-bottom:20px; margin-bottom:5px;}
    .faq ul{ margin-top:10px; width:95%; margin-left:15px;}  }
        .answer{ margin-top:5px; padding:10px;     background-color:#f1e8eb; }
    .faq ul li a{ text-decoration:none; color:#563562; }

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

/* Comment ca marche */
.ccm{ padding-left:30px; display:block; height:500px; font-size:12px; background: url('/b2b_mms-fr/liveServer/fr/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:15px;}
    .puce li{ display:list-item; list-style: disc outside;  }
    
    .packages li{ display:inline; }
    .ccm .a_commencer{ display:block; margin-left:100px;}

/* MEMBER GET MEMBER */
.memberGetmember{ padding-left:30px; display:block;  width:638px; font-size:12px; background: url('/b2b_mms-fr/liveServer/fr/assets/bg_middle_violet.jpg') no-repeat bottom left; }
    .memberGetmember p{ margin-top:5px; width:100%;}
    .memberGetmember table{ margin-bottom:10px; margin-top:10px;  }
    .memberGetmember table tr th{ font-weight:bold;}
    .memberGetmember .span{ display:block; width:130px;  }

    
/* Newsletter */
.newsletter{ padding-left:30px; display:block; width:640px; font-size:12px; background: url('/b2b_mms-fr/liveServer/fr/assets/bg_middle_violet.jpg') no-repeat bottom left; }
    .newsletter h2{ margin-bottom:10px;margin-top:10px; clear:left;}
    .newsletter p, .newsletter select{ margin-top:5px; }
    .newsletter .span { display: block; width: 130px; }

/* INFO PRODUCT */
.infoProduct{ padding-left:30px; display:block; width:641px ; background: url('/b2b_mms-fr/liveServer/fr/assets/bg_infos_produit.jpg') no-repeat bottom left; }
    .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('/b2b_mms-fr/liveServer/fr/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; }



/*  CONTACT PAGE */
.contact{ display:block; margin: 0 auto; width:641px; height:500px; background: url('/b2b_mms-fr/liveServer/fr/assets/bg_middle_violet.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;}
    
/* SHIPPING PAGE */
.standard{ width:631px; margin-left:10px; }
    .standard h1{ text-align:center; font-size:20px; font-weight:bold; color:#563562; margin-top:20px; }
    .standard h2{  font-size:17px; font-weight:bold; color:#563562; 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; }

/* Start Change 05 November 2008 */

.testimoniaux{ }
    .testimoniaux div.bloc{display:block; width:649px; padding-left:15px; background: url('/b2b_mms-fr/liveServer/fr/assets/testimoniaux_bg.jpg') bottom left no-repeat; padding-top:10px; }
    .testimoniaux p{margin-left:10px;}
    
    .testimoniaux fieldset{ width:490px; background-color:#FFF;margin-left:5px; }
    .testimoniaux fieldset.violet{  border: 2px solid #684774;}
    .testimoniaux fieldset.purple{ border:2px #9c2b83 solid; }
    .testimoniaux legend{ font-size:20px; font-weight:bold;}

/* End Change 05 November 2008 */





 


/* Start Change FAQ December 29 2008 Komal */

.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('/b2b_mms-fr/liveServer/fr/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;
    }


/* Start Change FAQ December 29 2008 Komal */