/* ************************** */
/*  PARTIE TRANSACTIONNELLE  */
/* ************************ */

/* input{width:210px; padding:1px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:#fff;}*/


/* ************************** */
/*  POSITIONNEMENT           */
/* ************************ */
.colleft{ width:314px; padding:0 0 0 6px; float:left; }
.colright{ width:640px; float:left;}
.coldoubleleft{ width:640px; float:left;}
.coldoubleright{ width:280px; padding:6px 0 0 0; float:right; background:url(../interface/coldoubleright.gif) no-repeat 0 40px; min-height:200px; margin:0 0 0 10px }
/* vocation transaction */
#vocationtransaction{ clear:both; float:none; height:6px;  width:960px; margin:0 0 5px 0  }
#vocationtransaction .vocationcontent{height:6px;  width:954px; background:url(../interface/vocation_transaction.gif)  repeat-x;font-size:1px; margin: 0 0 0 3px    }

/* ************************* */
/*    HEADER                */
/* *********************** */

/* Logo */
#headertransaction #logomercaway{width:273px; height:145px;  float:left;}
#headertransaction #logomercaway h1{ font-size:16px; margin:0; padding:0;}
#headertransaction #logomercaway h1 a{ display:block; width:244px; height:101px; background:url(../interface/logo_mercaway.gif) no-repeat; margin:8px 0 0 27px;}
#headertransaction #logomercaway h1 a span{ display:none}

/* menu */
#headertransaction #menu { height:41px; }

/* Menu 1 */
#headertransaction #menu .menu1 {height:41px;margin:0; position:absolute; z-index:50; top:105px; left:240px;  background:url(../interface/menu1_transactionnel_back.gif) no-repeat left top; width:436px;}
#headertransaction #menu .menu1 ul{ display:block;height:41px; margin:0; padding:0;}
#headertransaction #menu .menu1 ul li{ display: block;  padding:15px 0 0 0; margin: 0;list-style:none;color:#00a6eb; background-color:inherit; font-size:14px; font-weight:bold; text-align:center;}
#headertransaction #menu .menu1 ul li a span, #headertransaction #menu .menu1 ul li span{ color:#ed53ab; background-color:inherit;  }
#headertransaction #menu .menu1 ul li a:hover{   color:#00a6eb; background-color:inherit; text-decoration:none; background:url(../interface/menu_a_dashed.gif) repeat-x 0 35px}
#headertransaction #menu .menu1 ul li a.pannier{ background: url(../interface/menu_a_pannier.gif) no-repeat 0 -41px;height:41px; padding:0; margin:0 10px; width:20px}
#headertransaction #menu .menu1 ul li a:hover.pannier{ background: url(../interface/menu_a_pannier.gif) no-repeat 0 -1px;height:41px; padding:0; margin:0 10px; width:21px}
#headertransaction #menu .menu1 ul li a.pannier span{ display:none;}
 
/* menu 2 */
#headertransaction #menu .menu2 {height:41px;margin:0; position:absolute; z-index:49; top:105px; right:14px;  background:url(../interface/menu2.gif) no-repeat left top; width:260px;}
#headertransaction #menu .menu2 ul{ display:block;height:39px; margin:0; padding:2px 0 0 6px;   }
#headertransaction #menu .menu2 ul li{ display:inline; padding:0; margin:0; list-style:none;color:#818181; background-color:inherit; font-size:9px}
#headertransaction #menu .menu2 ul li a { display:block; float:left; height:28px; padding:13px 0 0 2px; margin:0;   color:#818181; background-color:inherit;   text-align:center; font-size:10px }
#headertransaction #menu .menu2 ul li img{ vertical-align:bottom}
#headertransaction #menu .menu2 ul li .texte{ display:block; float:left; height:28px; padding:13px 2px 0 4px; margin:0;    color:#818181; background-color:inherit;   text-align:center; font-size:9px }
#headertransaction #menu .menu2 ul li a:hover{ color:#818181; background-color:inherit;}

/* menu 2.1 */

#headertransaction #menu .menu2 ul li ul.changelangue{ visibility:hidden; display:block; margin:0; padding:0; position:absolute;  width:129px; z-index:10; right:40px; top:40px;  }
#headertransaction #menu .menu2 ul li ul.changelangue li{ display:block; margin:0; padding:3px 0 0 0;background:url(../interface/menu2_ul_back.png) repeat-y; width:129px; height:15px; }
* html #headertransaction #menu .menu2 ul li ul.changelangue li{  background:url(../interface/menu2_ul_back.gif) repeat-y;  }
#headertransaction #menu .menu2 ul li ul.changelangue li a { color:#9cd2f1; background-color:inherit; font-size:9px; display: inline; float:none; padding:0 0 2px 8px; margin:0 0 0 20px;  text-align:left; text-decoration:none; width:80px; }
#headertransaction #menu .menu2 ul li ul.changelangue li a:hover{ color:#5a595a; background-color:inherit; background:url(../interface/fleche_menu.gif) no-repeat 0 3px; margin:0 0 0 30px!important}
#headertransaction #menu .menu2 ul li ul.changelangue li.end{background:url(../interface/menu2_ul_end.png) no-repeat; width:129px; height:14px; padding:0 0 10px 0}
* html #headertransaction #menu .menu2 ul li ul.changelangue li.end{background:url(../interface/menu2_ul_end.gif) no-repeat;}
 
/* menu 2.2 */

#headertransaction #menu .menu2 ul li ul.changedevise{visibility:hidden; display:block; margin:0; padding:0; position:absolute;  width:129px; z-index:10; right:-35px; top:40px;  }
#headertransaction #menu .menu2 ul li ul.changedevise li{ display:block; margin:0; padding:3px 0 0 0;background:url(../interface/menu2_ul_back.png) repeat-y; width:129px; height:15px; }
* html #headertransaction #menu .menu2 ul li ul.changedevise li{  background:url(../interface/menu2_ul_back.gif) repeat-y;  }
#headertransaction #menu .menu2 ul li ul.changedevise li a { color:#9cd2f1; background-color:inherit; font-size:9px; display: inline; float:none; padding:0 0 2px 8px; margin:0 0 0 20px;  text-align:left; text-decoration:none; width:80px; }
#headertransaction #menu .menu2 ul li ul.changedevise li a:hover{ color:#5a595a; background-color:inherit; background:url(../interface/fleche_menu.gif) no-repeat 0 3px; margin:0 0 0 30px!important}
#headertransaction #menu .menu2 ul li ul.changedevise li.end{background:url(../interface/menu2_ul_end.png) no-repeat; width:129px; height:14px; padding:0 0 10px 0}
* html #headertransaction #menu .menu2 ul li ul.changedevise li.end{background:url(../interface/menu2_ul_end.gif) no-repeat;}


/* ******************* */
/*  COL LEFT          */
/* ***************** */

.colleft .securitystate{ clear:both; float:none; width:314px; min-height:52px; background-color:#bbe4f8; color:#00a6eb;}
* html .colleft .securitystate{ height:52px;}

.colleft .securitystate p.link{width:240px;   float:left; padding:18px 0 0 30px }
.colleft .securitystate p.link a{  font-size:12px; color:#00a6eb; text-decoration:underline; background-color:inherit;}
.colleft .securitystate p.link a:hover{ color:#fff; text-decoration:underline; background-color:inherit;}
.colleft .securitystate p.state{ float:left;}

.colleft .logoselling { width:314px; min-height:60px; }
* html .colleft .logoselling {height:80px;}
.colleft .logoselling ul{ margin:15px 0 0 20px}
.colleft .logoselling ul li{ float:left; margin:0 2px 0 2px}

.colleft .cardinfo{ color:#00a6eb; background-color:#e9f8fe; width:284px; padding:0 10px 5px 20px; min-height:75px;}
 
.colleft .cardinfo p{ padding:10px 0 0 0; font-size:16px; font-weight:bold;}

.colleft .dejacompte{ color:#00a6eb; background-color:#e9f8fe; width:284px; padding:0 10px 0 20px; min-height:75px;}
* html .colleft  .dejacompte { height:75px;}
.colleft .dejacompte p{ padding:15px 0 0 0; font-size:16px; font-weight:bold;}
.colleft .dejacompte p span{ display:block; font-size:12px; color:#555552; background-color:inherit; font-weight:normal}

.colleft .thinksell{ color:#e50083; background-color:#f9e5f1; width:284px; padding:0; min-height:60px; margin:55px 0 0 0; text-align:left; padding-left:20px; padding-right:10px}
* html .colleft  .thinksell { height:60px;}
.colleft .thinksell p{ padding:10px 0 0 0;font-size:16px; font-weight:bold;}

/* fraisbox */

.colleft .fraisbox .chkdsk { margin:0 5px 0 15px; float:left; }
.colleft .fraisbox{ width:314px;  }

.colleft .fraisbox .f1{ width:314px;min-height:145px; margin:0; padding:0;}
.colleft .fraisbox .f1 { margin:5px 0 0 0}
.colleft .fraisbox .f1 label{ color:#e50083; background-color:inherit; font-size:14px; font-weight:bold;}
* html .colleft .fraisbox .chkdsk { margin:0 5px 0 10px; float:left; }

.colleft .fraisbox .f2{ width:314px;  padding:5px 0 5px 0;   background-color:#f9e5f1; color:#50503f; }
* html .colleft .fraisbox .f2{   padding:5px 0 5px 0;  }
.colleft .fraisbox .f2 label{ background-color:#f9e5f1; color:#50503f; font-size:9px; font-weight:bold;}
* html .colleft .fraisbox .f2 label{ float:left; padding-top:3px }
*+html .colleft .fraisbox .f2 label{float:left; padding-top:3px}
.colleft .fraisbox .f2 p {height:25px;}

.colleft .fraisbox .f3{ width:314px;  padding:10px 0 35px 0;  min-height:145px; background-color:#f9e5f1; color:#50503f; }
* html .colleft .fraisbox .f3{   padding:10px 0 15px 0;  }
.colleft .fraisbox .f3 label{ background-color:#f9e5f1; color:#50503f; font-size:9px; font-weight:bold;}
.colleft .fraisbox .f3 p {height:25px;}
.colleft .fraisbox .f3 p .btnseveraltimes{ font-size:9px; width:95%; margin:20px 0 0 5px; height:20px }
.colleft .fraisbox .f3  .whitecase { width:63px; height:58px; float:left; font-size:22px; font-weight:bold; color:#e50083; background-color:#fff; text-align:center; margin:0 0 0 25px; padding:5px 0 0 0; line-height:1em}
* html .colleft .fraisbox .f3  .whitecase {  margin:0 0 0 15px; }
.colleft .fraisbox .f3 .echeancier{ width:180px; min-height:85px; margin:0 0 0 20px; font-size:12px; color:#8e8e80; background-color:inherit; display:block; float:left}
.colleft .fraisbox .f3 .echeancier a{ display:block; font-size:12px; color:#555552; background-color:inherit; text-decoration:underline; padding:5px 0 0 0}
.colleft .fraisbox .f3 .echeancier a:hover{ color:#000; background-color:inherit;}
.colleft .fraisbox .f3 .selectchangeformule{ margin:10px 0 0 5px;width:220px}
.colleft .fraisbox .f3 .btnpaiementsansfrais { background:url(../interface/btn_paiement_sans_frais.jpg) no-repeat; width:243px; height:34px; font-size:12px; color:#555552; background-color:inherit; border:none;}
.colleft .fraisbox .f3 .selectformule{ clear:both; float:none; height:30px; margin:10px 0 0 40px; }
.colleft .fraisbox .f3 .paiement { clear:both; float:none; height:40px; margin:10px 0 0 30px}
* html .colleft .fraisbox .f3 .paiement {margin:10px 0 0 16px}
*+html .colleft .fraisbox .f3 .paiement {margin:10px 0 0 16px}
* html .colleft .fraisbox .f3 p.clear{ display:none;}



.colleft .fraisbox .f4 {width:314px;  padding:0 0 10px 0;   background-color:#f9e5f1; color:#50503f;}
.colleft .fraisbox .f4 p .btnseveraltimes{ font-size:9px; width:95%; margin:20px 0 0 5px; height:20px }

/* tableau */

.colleft .fraisbox  .price{ width:180px; margin-left:auto; margin-right:auto; margin-top:10px; display:block;}
.colleft .fraisbox  .price td { width:90px;  height:20px;font-size:10px; color:#555552; background-color:inherit; margin:0 0 3px 0; padding:0; text-align:left}
.colleft .fraisbox  .price td.total { text-align:left;  }
 
 
/* ******************* */
/*  COL right         */
/* ***************** */

.breadcrumb{ width:636px; background-color:#bbe4f8; color:#00a6eb; font-size:1px; height:11px}

.billinglogo{ width:220px; min-height:60px; float:left;}
* html .billinglogo{ height:60px;}
.billinglogo img{ margin:10px 0 0 33px}
.billinglogo h1{ margin:30px 0 0 30px}

.bilmutliservice{ width:300px; min-height:90px; float:left; padding:1px;   }
.bilmutliservice .mulfti{ width:280px; min-height:90px; float:left; background:url(../interface/mutliboutique.jpg) no-repeat 0 0; margin:20px 0 0 20px }
 * html .bilmutliservice .mulfti{ margin:20px 0 0 10px; height:90px}
.bilmutliservice .mulfti p{ font-size:17px; color:#00a6eb; background-color:inherit; padding:32px 0 0 115px; font-weight:bold;}
* html .bilmutliservice{ height:60px;}
 

 .btnreturnshop{ float:right; min-height:60px; margin:25px 20px 0 0}
* html .btnreturnshop { width:280px}
.btnreturnshop a {display:block;background:url(../interface/btnreturnshop1.gif) no-repeat right;  font-size:12px; text-decoration:none; color:#11acec; background-color:inherit; height:41px; padding:0 19px 0 0; float:left; line-height:3.5em; }
.btnreturnshop a span{display:block;background:url(../interface/btnreturnshop.gif) no-repeat; padding:0 0 0 55px;height:41px; margin:0; cursor:pointer;}
.btnreturnshop a:hover{ color:#e50083; background-color:inherit; text-decoration:underline;}

.bilingsituation { width:99%; min-height:30px; clear:both; float:none;font-size:13px; font-weight:bold; color:#e50083; background-color:inherit;}
* html .bilingsituation { height:30px; margin:20px 0 0 0}
.bilingsituation p{ font-size:13px; font-weight:bold; color:#e50083; background-color:inherit; margin:0 60px 10px 35px; text-decoration: none; }
.bilingsituation p a{ color:#00a6eb; background-color:inherit; text-decoration:none; display:block;}
.bilingsituation p a:hover{ text-decoration:underline;}

.choixtransporteur { clear:both; float:none; width:100%; text-align:right;}
.choixtransporteur p { padding:15px 40px 20px 0}
.choixtransporteur p a{ font-size:13px; color:#00a6eb; background-color:inherit; text-decoration:underline;}
.choixtransporteur p a:hover{ font-size:13px; color:#ed53ab; background-color:inherit; text-decoration:underline;}




/* ******************* */
/*  blocbilling       */
/* ***************** */

.blocbilling{ padding:0 0 0 20px; width:610px; clear:both; float:none; background:url(../interface/blocbilling.gif) no-repeat 0 0}
 
.blocbilling h1{ margin:10px 0 10px 0}
.blocbilling p.txt{ margin:0 0 50px 0}
.blocbilling  ul.menu { background-color:#fff; color:#a7a4a4; font-size:11px; width:100%;}
.blocbilling  ul.menu li{ display:block; min-width:60px; height:20px; background-color:#fff; color:#a7a4a4; font-size:11px; float:left; padding:10px 10px 0 10px; font-weight:bold; text-align:center;border-left:1px solid #ccc;   }
.blocbilling  ul.menu li.checked{ background:url(../interface/picto_checked_biling.gif) no-repeat 10px 15px; padding:10px 10px 0 20px;   }
.blocbilling  ul.menu li a { color:#00a6eb; text-decoration:underline; background-color:inherit; padding:0 3px 0 0; margin:0}
.blocbilling  ul.menu li a:hover { color:#e50083; background-color:inherit;}
.blocbilling  ul.menu li.active{ background-color:#fffcd6; color:#555555; font-weight:bold; font-size:11px;    }
.blocbilling  ul.menu li.activeb{ background-color:#fff; color:#555555; font-weight:bold; font-size:11px;    }
.blocbilling  ul.menu li.start{ border-left:0px solid #fff }
.blocbilling  ul.menu li strong{ color:#494949; background-color:inherit;}
.blocbilling .provideinfo { width:100%; min-height:45px; clear:both; float:none; background-color:#fffcd6; color:#555552; font-size:17px; border-top:1px solid #ccc;}
* html .blocbilling .provideinfo {height:45px;}
.blocbilling .provideinfo p{background-color:#fffcd6; color:#555552; font-size:17px; padding:10px 0 0 15px}
.blocbilling .provideinfo p span{ font-size:17px; color:#00a6eb; background-color:inherit;}

.blocbilling .tableshipping{ width:615px;color:#6d6d6a; background-color:#fff; font-size:10px; border:none; padding:0; margin:0 0 20px 0; border-collapse:collapse;}
.blocbilling .tableshipping th { text-align:center;  font-weight:normal; font-size:10px;height:40px;}
.blocbilling .tableshipping .th0 { width:15px}
.blocbilling .tableshipping .th1 { width:20px}
.blocbilling .tableshipping .th1 { width:200px}
.blocbilling .tableshipping .th2 { width:105px}
.blocbilling .tableshipping .th3{ width:55px}
.blocbilling .tableshipping .th4 { width:125px}
.blocbilling .tableshipping .th5 { width:95px}
.blocbilling .tableshipping tr.bying td{ height:65px; background-color:#e5f5fd; color:#555552; font-size:12px;  }
.blocbilling .tableshipping tr.bying td img{ margin:3px 10px 0 9px;  border:none; padding:0; vertical-align:top; }
.blocbilling .tableshipping tr.bying td a{ display:block;  text-align:left;  font-size:17px; text-decoration:underline;  color:#04638b; background-color:inherit; margin:0; padding:0; }
.blocbilling .tableshipping tr.bying td a:hover{ color:#032f42; background-color:inherit; text-decoration:underline}
.blocbilling .tableshipping td{ color:#6d6d6a; background-color:#fff; font-size:10px; border:none; padding:0; margin:0; border-collapse:collapse;  vertical-align:middle; text-align:center }
 
.blocbilling .tableshipping tr.bying td span  { display:block; font-size:12px; text-align:left;padding:0 0 3px 0;  }

.blocbilling .tableshipping  td.sub { text-align:right; height:30px}
.blocbilling .tableshipping  td.price{ text-align:left; padding-left:20px}

.blocbilling .ordereference{ width:100%; min-height:40px;}
* html .blocbilling  .ordereference{ height:40px;}
.blocbilling .ordereference p{font-size:10px; width:400px; float:left; margin:12px 0 0 10px;  }
.blocbilling  .ordereference span{ font-size:12px; color:#00a6eb; background-color:inherit;}
.blocbilling  .ordereference ul { width:130px; display:block; margin:10px 10px 0 0;float:right; padding:0}
.blocbilling  .ordereference ul  li{ float:right; display:block;  padding:0 5px 0 0 }
 
.blocbilling  p.statesymbol { font-size:12px; color:#11acec; background-color:inherit; width:100%; clear:both; float:none; min-height:40px; padding:0 0 0 10px}
* html .blocbilling  p.statesymbol { height:40px}

.blocbilling .bocardpaiement{}
.blocbilling .bocardpaiement .f1 { width:300px; float:left; margin:0 0 0 20px;}
* html .blocbilling  .bocardpaiement .f1{ margin:0 0 0 10px; }
.blocbilling .bocardpaiement .f1 ul {}
.blocbilling .bocardpaiement .f1 ul li { font-size:12px; color:#11acec; background-color:inherit; padding:0 0 5px 0; margin:5px 0 0 0 }
.blocbilling .bocardpaiement .f1 ul li ul { margin:10px 0 0; padding:0}
.blocbilling .bocardpaiement .f1 ul li ul li { color:#8e8e80; background-color:inherit; margin:0; padding:0 0 3px 0}

.blocbilling .bocardpaiement .f2 { width:270px; float: right; min-height:370px;}
.blocbilling .bocardpaiement .f2 p{ width:100%; clear:both; float:none; margin:0 0 15px 0}
.blocbilling .bocardpaiement .f2 p label{ display:block; width:100%; font-size:12px; color:#11acec; background-color:inherit; min-height:25px; margin:0 0 5px 0; padding:0}
.blocbilling .bocardpaiement .f2 label{ display:block; width:100%; font-size:12px; color:#11acec; background-color:inherit; min-height:20px; margin:0 0 5px 0; padding:0}
* html .blocbilling .bocardpaiement .f2 p label{ height:25px;}

.blocbilling .bocardpaiement .f2 p label span{ font-size:10px;color:#acaca2; background-color:inherit;}
.blocbilling .bocardpaiement .f2 .inputsecuritycard {width:146px; color:#a4a493; font-size:10px; padding:3px 0 0 5px; height:18px; background-color:#fff; margin:0}
.blocbilling .bocardpaiement .f2 .inputnumbercard{width:210px; color:#a4a493; font-size:10px; padding:3px 0 0 5px; height:18px; background-color:#fff; margin:0}
.blocbilling .bocardpaiement .f2 .select1{color:#a4a493; font-size:10px; background-color:#fff; width:185px;}
.blocbilling .bocardpaiement .f2 .select2{color:#a4a493; font-size:10px; background-color:#fff; width:121px;}
.blocbilling .bocardpaiement .f2 .select3{color:#a4a493; font-size:10px; background-color:#fff; width:65px;}
.blocbilling .bocardpaiement .f2 em{ font-size:9px; font-style:normal; display:block;}

/* SELECT CARD */
.blocbilling .bocardpaiement .f2 .select_card { display: block; position: relative; width: 200px; margin-bottom: 10px; }
.blocbilling .bocardpaiement .f2 .selected_card { }
.blocbilling .bocardpaiement .f2 .selected_card a { color: #666666; font-size: 11px; text-decoration: none; display: block; width: 200px; border: 1px solid #999999; height: 34px; }
.blocbilling .bocardpaiement .f2 .selected_card a:hover { border: 1px solid #11acec; color: #11acec; }
.blocbilling .bocardpaiement .f2 .selected_card span { position: absolute; top: 11px; left: 55px; }
.blocbilling .bocardpaiement .f2 .selected_card a img { }
.blocbilling .bocardpaiement .f2 .list_card { clear: left; position: absolute; background-color: #FFFFFF; border: 1px solid #999999; top: -1px; display: block; left: -1px; }
.blocbilling .bocardpaiement .f2 .list_card li { position: relative; clear: left; }
.blocbilling .bocardpaiement .f2 .list_card li a { color: #666666; font-size: 11px; text-decoration: none; display: block; width: 200px; border: 1px solid #fff; }
.blocbilling .bocardpaiement .f2 .list_card li a:hover { color: #11acec; border: 1px solid #11acec; }
.blocbilling .bocardpaiement .f2 .list_card li span { position: absolute; top: 11px; left: 55px; }
.blocbilling .bocardpaiement .f2 .list_card li a img { }

/* VERIFY ADRESSE */
.verifyadresse { width:100%; margin:15px 0 20px 0; min-height:100px;  }
.verifyadresse .f1 {width:50%; float:left; margin:0 0 0 10px; padding:0 0 0 10px; display:inline;background:url(../interface/verifyadresse.gif) repeat-y right     }
.verifyadresse .f1 .fatitre, .verifyadresse .f2 .fatitre { font-size:15px; color:#11acec;  background-color:inherit;}
.verifyadresse .f1 p { color:#8e8e80; background-color:inherit; font-size:12px; margin:0 0 15px 0}
.verifyadresse .f1 ul.premier { width:100%; float:left;}
.verifyadresse .f1 ul li { font-size:12px; color:#11acec; background-color:inherit; padding:0 0 2px 0; margin:5px 0 0 0 }
.verifyadresse .f1 ul li ul { margin:0; padding:0}
.verifyadresse .f1 ul li ul li { color:#8e8e80; background-color:inherit; margin:0; padding:0 0 3px 0}
.verifyadresse .f2 { width:45%; float: left;   padding:0 0 0 10px;  }
.verifyadresse .f2 p { color:#8e8e80; background-color:inherit; font-size:12px; margin:0 0 20px 0; }
.verifyadresse .f2 ul { width:95%; }
.verifyadresse .f2 ul li { font-size:12px; color:#11acec; background-color:inherit; padding:0 0 2px 0; margin:5px 0 0 0 }
.verifyadresse .f2 ul li ul { margin:0; padding:0}
.verifyadresse .f2 ul li ul li { color:#8e8e80; background-color:inherit; margin:0; padding:0 0 3px 0}


.modibtn a{ display:block; width:118px; height:19px; background:url(../interface/btn_modifier.jpg) no-repeat 0 0; text-align:center; text-decoration:none; padding:6px 0 0 0; font-size:11px; color:#6f6f6f; background-color:inherit; margin-left:30px; margin-top:20px; clear:both; float:none;} 
.modibtn a:hover{ text-decoration:none; background-position:0 -25px}

.h70boutique{ width:100%; height:70px;}

/* Transporteur */
.boutitransport{ width:100%; clear:both; float:none; margin:0 0 75px 0; min-height:100px;}

.boutitransport .collogo{ width:165px; min-height:260px; float:left;}
* html .boutitransport .titrlogo{height:260px;}

.boutitransport .coltexte {width:440px; float:left; min-height:260px;}
* html .boutitransport .coltexte{height:260px; width:437px}

.boutitransport .coltexte p.clear{height:20px}

.boutitransport .coltexte p.bouti{ height:28px; border-top:1px solid #e5f4f9; background-color:#e7f7fd; color:#5f5a4f;  font-size:14px; padding:8px 0 0 25px; }
.boutitransport .coltexte p.bouti a{  background-color:#e7f7fd; color:#5f5a4f; font-size:14px; text-decoration:underline}
.boutitransport .coltexte p.bouti a:hover{  background-color:#e7f7fd; color:#ed53ab; font-size:14px; text-decoration:underline}



.boutitransport .coltexte {}
.boutitransport .coltexte table{ padding:5px 0 0 0; margin:20px 0 20px 0; }
.boutitransport .coltexte table td{ height:25px;}
.boutitransport .coltexte .td1 { width:165px; padding-left:5px;}
.boutitransport .coltexte .td2 { width:120px;}
.boutitransport .coltexte .td4{ width:215px; } 
.boutitransport .blocprod p.produit{ font-size:10px; color:#6d6d6a; background-color:inherit;}
.boutitransport .blocprod p.qtt{ font-size:10px; color:#6d6d6a; background-color:inherit;}
.boutitransport .coltexte p.transporteur { font-size:12px; font-weight:bold;}
.boutitransport .coltexte p.lien { font-size:13px; font-weight:bold; color:#04638b; background-color:inherit; text-decoration:underline;padding-bottom:5px}
.boutitransport .coltexte p.lien a{ font-size:13px; font-weight:bold; color:#04638b; background-color:inherit; text-decoration:underline;}
.boutitransport .coltexte p.lien a:hover{   color:#ed53ab; background-color:inherit; text-decoration:underline;}
.boutitransport .coltexte p.comment{ font-size:12px;  }
.boutitransport .coltexte p.name{ font-size:12px; margin:3px 0 0 0 }

 
.boutitransport .coltexte .boxtransport {width:132px; height:132px; float:left; text-align:center; margin:0 10px 0 0; cursor:pointer;   }
* html .boutitransport .coltexte .boxtransport { margin:0 5px 0 0}
.boutitransport .coltexte .boxtransport .active{background:url(../interface/boxtransport.gif) no-repeat 0 0;width:132px; height:128px; padding:4px 0 0 4px}
.boutitransport .coltexte .boxtransport .noactive{background:url(../interface/boxtransport.gif) no-repeat 0 -132px;width:132px; height:128px; padding:4px 0 0 4px}

.boutitransport .coltexte .boxtransport img{ text-align:center; margin-bottom:5px}
.boutitransport .coltexte .boxtransport a{ text-decoration:none; text-align:center; font-size:12px; color:#00a6eb; background-color:inherit; font-weight:bold;}
.boutitransport .coltexte .boxtransport a span{ display:block; text-align:center; color:#7c507f; background-color:inherit;}
 
.blocbilling .nextconfirm { float:right; width:220px; height:30px;}
.blocbilling .nextconfirm p input{ font-size:12px; }



/* SANS FRAIS */
.sansfrais{ width:590px; margin:25px 0 0 20px;   }

.sansfrais p.titre{ font-size:12px; color:#6d6d6a; background-color:inherit; margin:0 0 30px 0; padding:0}
.sansfrais p.paidby input{ padding:0!important; margin:0 0 10px 0!important; float:left;}
.sansfrais p.paidby { height:30px; margin:0 0 10px 0; padding:0}
.sansfrais p.paidby .btnpaidby  {   margin:0 10px 0 0!important; padding:0!important; }
*+html .sansfrais p.paidby .btnpaidby  {   margin:0 10px 0 0!important; padding:0!important; width:273px; float:left; }
* html .sansfrais p.paidby .btnpaidby  {   margin:0 10px 0 0!important; padding:0!important; width:273px; float:left; }

.sansfrais p.paidby .chkpaidby  { float:left;margin:0 10px 0 0; display:block; }

.sansfrais p.paidby span{ width:220px; font-size:10px; color:#6d6d6a; background-color:inherit; display:block; float:left; padding:2px 0 0 10px  }
* html .sansfrais p.paidby span{ width:210px; font-size:10px; color:#6d6d6a; background-color:inherit; display:block; float:left; padding:2px 0 0 0  }
 
.sansfrais p.paidby span a{   color:#6d6d6a; background-color:inherit; text-decoration:underline;}
.sansfrais p.paidby span a:hover{   color:#11acec; background-color:inherit; text-decoration:underline;}

.sansfrais p.choiseshop{ width:100%; clear:both; float:none; margin:0; padding:0}
.sansfrais p.choiseshop a{ color:#11acec; background-color:inherit; text-decoration:underline;}
.sansfrais p.choiseshop a:hover{ color:#e50083; background-color:inherit; text-decoration:underline;}

/* SANS FRAIS2 */
.sansfrais2{ width:170px; margin-left:auto; margin-right:auto; margin-top:25px; text-align:center }
 * html .sansfrais2{ width:450px; margin:25px 0 0 105px;  }
.sansfrais2 p.titre{ font-size:12px; color:#6d6d6a; background-color:inherit; margin:0 0 30px 0; padding:0}
.sansfrais2 p.paidby { height:30px; margin:0 0 10px 0; padding:0}

.sansfrais2 p.paidby .btnpaidby  { width:160px; margin:0 auto}

.sansfrais2 p.paidby .chkpaidby  {   float:left;margin:2px 10px 0 0}
.sansfrais2 p.paidby span{ font-size:10px; color:#6d6d6a; background-color:inherit; display:block; float:left; margin:2px 0 0 0}
.sansfrais2 p.paidby span a{   color:#6d6d6a; background-color:inherit; text-decoration:underline;}
.sansfrais2 p.paidby span a:hover{   color:#11acec; background-color:inherit; text-decoration:underline;}

.sansfrais2 p.choiseshop{ width:100%; clear:both; float:none; margin:0; padding:0}
.sansfrais2 p.choiseshop a{ color:#11acec; background-color:inherit; text-decoration:underline;}
.sansfrais2 p.choiseshop a:hover{ color:#e50083; background-color:inherit; text-decoration:underline;}

p.paidbycardtxt{ width:580px; margin:20px 0 0 25px; min-height:60px; font-size:10px; color:#6d6d6a; background-color:inherit;}

.centerbilling {   padding:17px 0 0 0; text-align:center}
.centerbilling .transitionbilling{ padding:1px}
.centerbilling .transitionbilling p.probleme { font-size:13px; font-weight:bold; color:#dadbdc; background-color:inherit; margin:20px 110px 20px 0; text-align:right; padding:0}
.centerbilling .transitionbilling img{ margin-bottom:15px;}

.centerbilling .confirmtexte { text-align:center;}
.centerbilling .confirmtexte p{color:#5f5a4f; background-color:inherit; font-size:10px; margin:0 0 5px 0}
.centerbilling .confirmtexte p strong{color:#e400a7; background-color:inherit; font-size:12px;}


.centerbilling .problemetexte { text-align:center; width:420px; margin:0 auto}
.centerbilling .problemetexte p{color:#5f5a4f; background-color:inherit; font-size:10px; margin:0 0 5px 0}
.centerbilling .problemetexte p span{color:#f02323; background-color:inherit; font-size:10px;}


.btnlistebox { width:100%; text-align:center; padding:1px; }
.btnlistebox a { height:32px; width:236px; display:block; text-align:center; font-size:10px; text-decoration:none; padding:18px 30px 0 35px; font-weight:bold; margin:0 auto}
.btnlistebox .btnliste a.btnliste1{ background:url(../interface/btn_bil1.jpg) no-repeat 0 -50px;color:#ff0071; background-color:inherit;}
.btnlistebox .btnliste a:hover.btnliste1{ background:url(../interface/btn_bil1.jpg) no-repeat 0 0; color:#3195d4; background-color:inherit;}

.btnlistebox .btnliste a.btnliste2{ background:url(../interface/btn_bil2.jpg) no-repeat 0 -50px;color:#3195d4; background-color:inherit;  }
.btnlistebox .btnliste a:hover.btnliste2{ background:url(../interface/btn_bil2.jpg) no-repeat 0 0;color:#ff0071; background-color:inherit;}


.btnlistebox .btnliste a.btnliste0{ background:url(../interface/btn_bil0.jpg) no-repeat 0 -50px;color:#ff0071; background-color:inherit; }
.btnlistebox .btnliste a:hover.btnliste0{ background:url(../interface/btn_bil0.jpg) no-repeat 0 0; color:#3195d4; background-color:inherit; }

.h25bil{ width:100%; height:20px;}

.inscrinews { background:url(../interface/inscrinews.jpg) no-repeat 0 0; width:570px; height:255px; margin:0 auto; padding:1px}
.inscrinews  .sucescribe { width:385px; height:220px; margin:10px 10px 0 0; float:right; }
.inscrinews  .sucescribe p.tit { font-size:12px;   color:#e933b9; background-color:inherit; font-weight:bold; margin:20px 0 30px 0; padding:0; text-transform:uppercase; text-align:center; }
 
.inscrinews  .sucescribe .newsletbt{ background: url(../interface/newsletbt.jpg) no-repeat 0 0; border:none;  color:#6f6f6f; background-color:inherit; font-size:9px!important; width:156px; height:24px; text-align:center; font-family:Arial, Helvetica, sans-serif}
* html .inscrinews  .sucescribe .newsletbt { background-color:transparent;}
*+html .inscrinews  .sucescribe .newsletbt { background-color:transparent;}

.inscrinews  .sucescribe .separateur { width:100%; background:url(../interface/separateur.gif) repeat-x center center; font-size:1px; height:12px; clear:both; float:none;}
.inscrinews  .sucescribe label { font-size:10px;color:#888888; background-color:inherit; text-transform:uppercase; display:block; float:left; width:250px; line-height:2em ; padding-left:15px }
.inscrinews  .sucescribe span { font-size:10px;color:#888888; background-color:inherit; text-transform:uppercase; display:block; float:left; padding-left:15px  }

.inscrinews  .f2 { float:right; margin:30px 30px 0 0}


.crayonbox{ width:415px; min-height:100px; background:url(../interface/crayonbox.jpg) no-repeat 0 0; padding:7px 1px 1px 0; float:right; margin:0 66px 0 0; display:inline;}

.crayonbox p{ padding-left:85px; font-size:10px;  color:#f02323; background-color:inherit; text-align:left; margin:0 0 10px 0}
.crayonbox p a{  color:#f02323; background-color:inherit; text-decoration:underline;  }
 
.h33crayon{ width:100%; clear:both; float:none; height:53px;}

/* **************************** */
/*  blocshoppingcontinue       */
/* ************************** */

.blocshoppingcontinue { width:100%; clear:both; float:none;}

.blocshoppingcontinue .provideinfo { width:613px; min-height:45px; clear:both; float:none; background-color:#e9f8fe; color:#555552; font-size:17px; border-top:1px solid #ccc; margin:20px 0 0 20px}
* html .blocshoppingcontinue .provideinfo {height:45px;}
.blocshoppingcontinue .provideinfo p{background-color:#e9f8fe; color:#555552; font-size:17px; padding:10px 0 0 15px}

.shopbox{ width:400px; margin:30px 0 0 30px; min-height:160px; float:left;}
* html .shopbox{height:160px; margin:30px 0 0 15px}
.shopbox p.article{ width:115px;   float:left; margin:0 20px 0 0;height:160px;}
.shopbox p.article img{ width:115px; height:157px;}
.shopbox h2{ font-size:12px; color:#00a6eb; background-color:inherit; padding:35px 5px 5px; margin:0}
.shopbox h2 a{ font-size:12px; color:#00a6eb; background-color:inherit; text-decoration:none;}
.shopbox h2 ahover{ text-decoration:underline}
.shopbox  p.description {color:#6d6d6a;  background-color:inherit; font-size:10px; padding:0; margin:0; min-height:50px}
.shopbox  p.description br{ display: inline}
* html .shopbox  p.description {height:50px}
.shopbox p.btn {width:247px; height:41px; float:left; margin:15px 0 0 0  }
.shopbox p.btn a { display:block; background:url(../interface/btn_add_cart_mercaway.gif) no-repeat 0 0;font-size:12px; color:#00a6eb; background-color:inherit; width:177px; height:27px; text-decoration:none;   padding:14px 0 0 70px }
.shopbox p.btn a:hover{ color:#e50083; background-color:inherit; text-decoration:underline;}

.continuebox{ background-color:#e9f8fe ;width:181px; color:#69676c; float:right; min-height:115px; margin:35px 10px 0 0 }
* html .continuebox{ height:115px; margin:25px 5px 0 0 }

.continuebox .top{ background:url(../interface/continubox_bottom.gif) no-repeat 0 0; width:181px; height:12px; font-size:1px}
.continuebox .bottom{ background:url(../interface/continubox_top.gif) no-repeat 0 0; width:181px; height:13px; font-size:1px}
.continuebox h3{ font-size:15px; color:#69676c; background-color:inherit; font-weight:normal; text-align:center; margin:0 0 10px 0}
.continuebox ul{ margin:0 0 20px 12px;}
.continuebox ul li{}
.continuebox ul li a{ margin:3px 0 0 0; color:#00a6eb; display:block; width:151px; height:21px; text-decoration:none; background:url(../interface/continuebox_ul.gif) no-repeat bottom ; background-color:inherit; padding: 2px 0 0 10px}
.continuebox ul li a:hover{ color:#e50083; background:url(../interface/continuebox_ul.gif) no-repeat top ;background-color:inherit;}
.continuebox ul li.last a{ background-image:none;}

.continuebox form label{ font-size:15px; color:#69676c; background-color:inherit; font-weight:normal; margin:0 0 10px 0; display:block; padding:0 0 0 10px}
.continuebox form .input{ width:146px; color:#a4a493; font-size:10px; padding:0 0 0 5px; height:15px; background-color:#fff; margin:0 0 0 12px}
.continuebox form .btnsend{ width:156px; height:26px; border:none; background:url(../interface/btn_continuebox.gif) no-repeat 0 0; font-size:11px; color:#6f6f6f; background-color:inherit; text-align:center; text-transform:uppercase; margin:10px 0 0 12px}

/* ******************* */
/*  emailbloc         */
/* ***************** */

.emailbloc { width:270px; margin-left:auto; margin-right:auto; margin-top:20px}
.emailbloc p{ min-height:50px; font-size:12px; color:#6d6d6a; background-color:inherit;}
* html .emailbloc p{ height:50px;}
.emailbloc p label{ display:block; font-size:12px; color:#6d6d6a; background-color:inherit; margin: 0 0 3px 0 }
.emailbloc p  a{ font-size:12px; color:#6d6d6a; background-color:inherit; text-decoration:underline; }
.emailbloc p  a:hover{   color:#00a6eb; background-color:inherit; text-decoration:underline; }
.emailbloc p .input{ width:240px; padding:3px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:inherit;}

.emailbloc p.oubliemotpasse{ min-height:10px; padding:0; margin:0}
.emailbloc p .btnemailbox{ margin:10px 0 0 0}
.emailbloc p.logintxt { height:20px}

/* *********************** */
/*  creacomptebox         */
/* ********************* */

.creacomptebox {}
.creacomptebox p{ clear:both; float:none; font-size:12px; color:#6d6d6a; background-color:inherit; margin:10px 0 5px 10px; padding:0 }
.creacomptebox .f1{ width:550px; min-height:145px; padding:5px 0 0 15px; color:#6d6d6a; background-color:#e5f5fd; margin:45px 0 0 5px;}
* html .creacomptebox .f1{height:145px;}
.creacomptebox .f1 p{ min-height:45px; margin:0 0 5px 0; padding:0}
.creacomptebox .f1 label{ display:block; font-size:12px; color:#6d6d6a; background-color:inherit; margin: 0 0 3px 0; padding:0;}
.creacomptebox .f1 label span{ padding: 0 0 0 5px}
.creacomptebox .f1 .inputmail{width:240px; padding:3px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:#fff;}

.creacomptebox .f2{ clear:both; float:none; margin:0 0 15px 0}
.creacomptebox .f2 label{ float:left; display:inline; color:#6d6d6a ; background-color:inherit; font-size:12px; padding:0 0 0 5px}
.creacomptebox .f2 input{ float:left;  }

.creacomptebox .f3 p{ clear:both; float:none; height:25px; margin:0 0 5px 0 }
.creacomptebox .f3 .input{width:380px; padding:1px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:#fff;}
.creacomptebox .f3 label{ width:85px; display:block; float:left; text-align:right; margin:0 5px 0 0; font-size:10px }
.creacomptebox .f3  span{ display:block; width:45px; padding:0 5px 0 5px; float:left;}
.creacomptebox .f3  span img{ margin:3px 0 0 0}
.creacomptebox .f3 .inputdate1 {font-size:10px; color:#a4a493; background-color:#fff;}
.creacomptebox .f3 .inputdate2 {font-size:10px; color:#a4a493; background-color:#fff;}
.creacomptebox .f3 .inputdate3 {font-size:10px; color:#a4a493; background-color:#fff;}

.creacomptebox .lines{background: url(../interface/lines.gif) repeat-x  center; display:block; float:none;width:100%; clear: both; height:30px; font-size: 1px; line-height: 0px; margin:0 0 10px 0}

.creacomptebox .f4 p{ clear:both; float:none; height:25px; margin:0 0 5px 0 }
.creacomptebox .f4 .input{width:380px; padding:1px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:#fff;}
.creacomptebox .f4 label{ width:85px; display:block; float:left; text-align:right; margin:0 5px 0 0; font-size:10px }
.creacomptebox .f4  span{ display:block; width:45px; padding:0 5px 0 5px; float:left;}
.creacomptebox .f4  span img{ margin:3px 0 0 0}

 
.creacomptebox .f5 p{ clear:both; float:none; height:25px; margin:0 0 5px 0 }
.creacomptebox .f5 p.codepostal label{  }
 
.creacomptebox .f5 .input{width:70px; padding:1px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:#fff;}
.creacomptebox .f5 label{ width:90px;  text-align:right; margin:0; font-size:10px; float:left; display:block; line-height:1.5em}
.creacomptebox .f5  span{   width:45px; padding:0 5px 0 5px; float:left; }
.creacomptebox .f5  span img{ margin:3px 0 0 0; float:left;}
.creacomptebox .f5 .ville{ width:190px; float:left;}
.creacomptebox .f5 input{ float:left;}
.creacomptebox .f5 .labelville{ width:40px;  padding-left:10px; line-height:1.5em}
		 
.creacomptebox .f6 { position:relative;}
.creacomptebox .f6 p{ clear:both; float:none; height:25px; margin:0 0 5px 0 }
.creacomptebox .f6 .input{width:210px; padding:1px 0 0 10px; height:14px; font-size:10px; color:#a4a493; background-color:#fff;}
.creacomptebox .f6 label{ width:85px; display:block; float:left; text-align:right; margin:0 5px 0 0; font-size:10px }
.creacomptebox .f6  span{ display:block; width:45px; padding:0 5px 0 5px; float:left;}
.creacomptebox .f6  span img{ margin:3px 0 0 0}
.creacomptebox .f6 p.absolute{	position:absolute;	font-size:10px;	color:#6d6d6a;	background-color:inherit;	left: 397px;	top:50px;	width: 175px; line-height:1.5em}
.creacomptebox .f6 .combopays{ font-size:10px; color:#a4a493; background-color:#fff;}

.creacomptebox .f7 {margin:20px 0 0 50px; }
.creacomptebox .f7 p{ font-size:10px; padding:0; margin:0; height:30px;}
.creacomptebox .f7 p .chkdsk{ float:left; margin:0 10px 0 0}
* html .creacomptebox .f7 p label{ line-height:2em}
*+html .creacomptebox .f7 p label{ line-height:2em}

.creacomptebox .f7 .btncreacompte{ background:url(../interface/btn_creacompte.jpg) no-repeat 0 0; width:183px; height:29px; border:none; color:#fff; background-color:inherit;  font-size:11px}
.creacomptebox  .loiliberte { font-size:9px; color:#6d6d6a ; background-color:inherit; width:400px; margin:30px 0 0 50px}
 
/* ******************* */
/* CREA BOUTIQUE BOX  */
/* ***************** */

 .blocopenbilling{ padding:0 0 0 20px; width:610px; clear:both; float:none; }
 
.blocopenbilling h1{ margin:10px 0 10px 0}
.blocopenbilling p.txt{ margin:0 0 20px 0}
.blocopenbilling  ul.menu { background-color:#fff; color:#a7a4a4; font-size:11px; width:100%; height:30px; border-bottom:1px solid #ccccce}
.blocopenbilling  ul.menu li{ display:block; min-width:60px; height:20px; background-color:#fff; color:#a7a4a4; font-size:11px; float:left; cursor:pointer; padding:10px 10px 0 10px; font-weight:bold; text-align:center;border-left:1px solid #ccc;   }
.blocopenbilling  ul.menu li.checked{ background:url(../interface/picto_checked_biling.gif) no-repeat 10px 15px; padding:10px 5px 0 15px; width:170px }
.blocopenbilling  ul.menu li a { color:#a7a4a4; text-decoration:none; background-color:inherit; padding:0; margin:0}
.blocopenbilling  ul.menu li a:hover { color:#494949; background-color:inherit;}
.blocopenbilling  ul.menu li.active, .blocopenbilling  ul.menu li.active a { background-color:#fffcd6; color:#555555; font-weight:bold; font-size:11px;    }
.blocopenbilling  ul.menu li.start{ border-left:1px solid #fff}
.blocopenbilling  ul.menu li strong,.blocopenbilling  ul.menu li  strong a{ color:#494949; background-color:inherit;}

.blocopenbilling .provideinfo { width:100%; min-height:28px; clear:both; float:none; background-color:#fffcd6; color:#555552; font-size:17px; border-top:1px solid #ccc;}
* html .blocopenbilling .provideinfo {height:28px;}
.blocopenbilling .provideinfo p{background-color:#fffcd6; color:#555552; font-size:15px; padding:4px 0 0 15px}
.blocopenbilling .provideinfo p span{ font-size:15px; color:#00a6eb; background-color:inherit;}

.blocopenbilling .provideinfobleu{ width:100%; min-height:28px; clear:both; float:none; background-color:#7ac8f6; color:#555552; font-size:17px; border-top:1px solid #ccc;}
* html .blocopenbilling .provideinfobleu {height:28px;}
.blocopenbilling .provideinfobleu p{background-color:#7ac8f6; color:#555552; font-size:15px; padding:4px 0 0 15px}
.blocopenbilling .provideinfobleu p span{ font-size:15px; color:#00a6eb; background-color:inherit;}


/* creaboutiquebox */
.blocopenbilling  .creboutiquebox { width:610px; clear:both; float:none;margin:5px 0 0 0;}
.blocopenbilling  .exemple{ font-size:10px; margin: 10px 0 10px 0px; clear:both; float:none; padding:0}
.blocopenbilling  .creboutiquebox p.results{ font-size:15px; color:#403f42; background-color:inherit; margin:0; padding:0}

.blocopenbilling  .creboutiquebox .f1{ width:595px;  color:#6d6d6a; background-color:#e5f5fd; min-height:80px;   padding:5px 10px 0 15px; margin:0 0 10px 0}
.blocopenbilling  .creboutiquebox .h150 { height:140px;}
.blocopenbilling  .creboutiquebox .f1 label{ font-size:17px; display:block; margin:0 0 5px 0}
.blocopenbilling  .creboutiquebox .f1 .input{width:291px; padding:3px 0 0 10px; height:15px; font-size:10px; color:#a4a493; background-color:#fff;}
.blocopenbilling  .creboutiquebox .f1 p.exemple { text-indent:15px; font-size:10px;}
.blocopenbilling  .creboutiquebox .f2{ width:595px; min-height:20px; margin:20px 0 20px 15px}
 .blocopenbilling .creboutiquebox .f2 label{ font-size:14px; padding:0 10px 0 0; float:left;} 
.blocopenbilling  .creboutiquebox .f2 .input{width:240px; padding:1px 0 0 10px; height:14px; font-size:10px;  margin:0 10px 0 0}
.blocopenbilling  .creboutiquebox .f2 .select{ font-size:10px; color:#a4a493; background-color:#fff;  }

.blocopenbilling  .creboutiquebox .f3{ width:595px; min-height:20px; margin:20px 0 20px 15px }
 .blocopenbilling  .creboutiquebox .f3 .input{ width:450px; height:37px; padding:3px 0 0 5px;margin:5px 0 10px 65px}
 
.blocopenbilling  .creboutiquebox .f4{ width:170px; float:left; margin:15px 0 20px 10px; display:inline  } 
.blocopenbilling  .creboutiquebox .f4 input{ margin:0 5px 0 0; display:inline; }
.blocopenbilling  .creboutiquebox .f4 p.titre{ font-size:13px; height:15px; margin:0 0 10px 0; text-indent:15px}
.blocopenbilling  .creboutiquebox .f4 p{ font-size:9px; display: block; line-height: 20px; }
.blocopenbilling .creboutiquebox .f4 p img { margin: 0 2px 0 2px; padding-top: 2px; width: 10px; height: 10px; }
*+html .blocopenbilling .creboutiquebox .f4 p img { margin: 0 11px 0 5px;  }

.blocopenbilling .creboutiquebox .f5{ width:250px; float:left; margin:15px 0 10px 0; display:block; }
.blocopenbilling .creboutiquebox .f5 input{ margin:0 5px 0 0; display:inline; }
.blocopenbilling .creboutiquebox .f5 p.titre{ font-size:13px; height:15px; margin:0 0 10px 0; text-indent:15px}
.blocopenbilling .creboutiquebox .f5 p{ font-size:9px; display: block; line-height: 20px; }
.blocopenbilling .creboutiquebox .f5 p img { margin: 0 2px 0 2px; padding-top: 2px; width: 10px; height: 10px;}
*+html .blocopenbilling .creboutiquebox .f5 p img { margin: 0 8px 0 5px;  }

.blocopenbilling .creboutiquebox .f6{ width:180px; float:left;  margin:15px 0 10px 0; display:inline}
.blocopenbilling .creboutiquebox .f6 input{ margin:0 5px 0 0; display:inline; }
.blocopenbilling .creboutiquebox .f6 p.titre{ font-size:13px; height:15px; margin:0 0 10px 0; text-indent:15px}
.blocopenbilling .creboutiquebox .f6 p{ font-size:9px; display: block; line-height: 20px; }
.blocopenbilling .creboutiquebox .f6 p img { margin: 0 2px 0 2px; padding-top: 2px; width: 10px; height: 10px;}
*+html .blocopenbilling .creboutiquebox .f6 p img { margin: 0 8px 0 5px;  }

.blocopenbilling .creboutiquebox .f7{ min-height:55px; margin:15px 0 10px 15px }
* html .blocopenbilling .creboutiquebox .f7{ height:40px }
.blocopenbilling .creboutiquebox .f7 .input{ width:240px; padding:3px 0 0 5px; height:15px; float:left; margin:0 10px 0 0}

.blocopenbilling .creboutiquebox .f8{  min-height:55px; margin:15px 0 10px 15px }
* html .blocopenbilling  .creboutiquebox .f8{ height:40px }
.blocopenbilling .creboutiquebox .f8 .input{ width:240px; padding:3px 0 0 5px; height:15px; float:left; margin:0 10px 0 0}

.blocopenbilling .creboutiquebox .f9{   min-height:55px; margin:15px 0 10px 15px }
.blocopenbilling .creboutiquebox .f9 .input{ width:240px; padding:3px 0 0 5px; height:15px; float:left; margin:0 10px 0 0}

.blocopenbilling .creboutiquebox .f10{  min-height:55px; margin:15px 0 10px 15px }
.blocopenbilling .creboutiquebox .f10 .input{ width:240px; padding:3px 0 0 5px; height:15px; float:left; margin:0 10px 0 0}

.blocopenbilling .creboutiquebox .f11{  min-height:30px; margin:15px 0 30px 15px;    }
.blocopenbilling .creboutiquebox .f11.input{ width:240px; padding:3px 0 0 5px; height:15px; float:left; margin:0 10px 0 0}
.blocopenbilling .creboutiquebox .f11 label{ font-size:11px; color:#1b87c7; background-color:inherit; width:270px; float:left; margin:0 85px 0 0}
.blocopenbilling .creboutiquebox .f11 label.resultat { width:50px; float:left; margin: 0 0 0 20px; font-size:13px; color:#555552; padding:0; background-color:inherit;}
 
.blocopenbilling .creboutiquebox .f12{ min-height:30px; margin:15px 0 10px 15px; }
.blocopenbilling .creboutiquebox .f12 .input{ width:240px; padding:3px 0 0 5px; height:15px; float:left; margin:0 10px 0 0}
.blocopenbilling .creboutiquebox .f12 label{ font-size:11px; color:#1b87c7; background-color:inherit; width:270px; float:left; margin:0 55px 0 0}
.blocopenbilling .creboutiquebox .f12 label.resultat { width:50px; float:left; margin:0 0 0 50px; font-size:13px; color:#555552; padding:0; background-color:inherit;}


.blocopenbilling  .creboutiquebox .f13{ clear:both; float:none;   min-height:30px; margin:5px 0 10px 15px;}

.blocopenbilling  .creboutiquebox .f14{ clear:both; float:none; min-height:30px; margin:15px 0 40px 15px }
.blocopenbilling  .creboutiquebox .f14 label  { float:left; padding:0 0 0 10px; color:#ff2284; background-color:inherit; font-size:10px;}
.blocopenbilling  .creboutiquebox .f14 label a {color:#ff2284; background-color:inherit; text-decoration:underline;}
.blocopenbilling  .creboutiquebox .f14 label a:hover {color:#00a6f2; background-color:inherit; text-decoration:underline;}
* html .blocopenbilling  .creboutiquebox .f14 label  {  padding:4px 0 0 10px; }
*+html .blocopenbilling  .creboutiquebox .f14 label  {   padding:4px 0 0 10px; }

.blocopenbilling  .creboutiquebox .f14 label p { clear:both; float:left;}
.blocopenbilling  .creboutiquebox .f14 .chksdk { float:left; margin:0; padding:0}
.blocopenbilling  .creboutiquebox .f14 p{ clear:both; float:none; width:100%; height:25px; padding:0; margin:0}
.blocopenbilling  .creboutiquebox .btnlargerose{  margin:50px 0 20px 350px}


/* step 3 */

.blocopenbilling  .creboutiquebox .boutiquename { font-size:14px; color:#403f42; background-color:#fff; padding:10px 0 10px 5px; height:15px; width:580px; margin:10px 0 10px 0}
.blocopenbilling  .creboutiquebox .confirm{ font-size:14px; color:#ff0071; background-color:inherit; margin:0 0 10px 30px; padding:0; min-height:20px}
.blocopenbilling  .creboutiquebox .btnconfirm {display:block; background: url(../interface/btn_confirm.jpg) no-repeat; width:341px; height:48px;font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:inherit; text-decoration:none; border:none;}
.blocopenbilling  .creboutiquebox .btncorriger{display:block; background: url(../interface/btn_corriger.jpg) no-repeat; width:173px; height:47px;font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:inherit; text-decoration:none; border:none; float:left; margin:0 20px 0 25px; padding-left:45px;}
* html .blocopenbilling  .creboutiquebox .btncorriger { margin:0 20px 0 5px}
*+html .blocopenbilling  .creboutiquebox .btncorriger { margin:0 20px 0 5px}

.blocopenbilling  .creboutiquebox ul.results li{ font-size:15px; color:#403f42; background-color:inherit; margin:0 0 3px 0; padding:0}
.blocopenbilling  .creboutiquebox ul.liste { margin:10px 0 0 30px}
.blocopenbilling  .creboutiquebox ul.liste li{ font-size:9px; height:20px}

/* Liste etape */
.listetape { width:230px;   margin:50px 0 25px 25px}
.listetape p a { color: #FF0071; font-size: 11px; }
.listetape p.stepdeux a { color: #00A6EB; }
.listetape a:hover { text-decoration: none; }

.stepblock { width:215px; height:70px; clear:both; float:none; margin:0 0 10px 0  }
.stepblock .titre { color:#40b2f4; background-color:inherit; height:20px; font-size:12px; padding-left:4px }
.stepblock p{ color:#40b2f4; background-color:inherit;   }

.stepblock .link{ width:150px; float:left; padding:13px 0 0 10px;color:#40b2f4; background-color:inherit;   font-size:15px;}
.stepblock .link a{color:#40b2f4; background-color:inherit; text-decoration:none; font-size:15px;}
.stepblock .link a:hover{color:#40b2f4; background-color:inherit; text-decoration:underline; font-size:15px;}
.stepblock .img1 {font-size:15px;background: url(../interface/stepliste.gif) no-repeat -46px  0; width:46px; height:46px;   float:left; }
.stepblock .img2 {font-size:15px;background: url(../interface/stepliste.gif) no-repeat -46px -46px; width:46px; height:46px;   float:left; }
.stepblock .img3 {font-size:15px;background: url(../interface/stepliste.gif) no-repeat -46px -92px; width:46px; height:46px;   float:left; }

.stepblock .active .img1 {font-size:15px;background: url(../interface/stepliste.gif) no-repeat 0  0; width:46px; height:46px;   float:left; }
.stepblock .active .img2 {font-size:15px;background: url(../interface/stepliste.gif) no-repeat 0 -46px; width:46px; height:46px;   float:left; }
.stepblock .active .img3 {font-size:15px;background: url(../interface/stepliste.gif) no-repeat 0 -92px; width:46px; height:46px;   float:left; }
.stepblock .active .titre { color:#ff0071; background-color:inherit; height:20px; font-size:12px; }
.stepblock .active .titre p { color:#ff0071; background-color:inherit; }
.stepblock .active .link {color:#ff0071; background-color:inherit; text-decoration:none; font-size:15px;}
.stepblock .active .link a{color:#ff0071; background-color:inherit; text-decoration:none; font-size:15px;}
.stepblock .active .link a:hover{color:#ff0071; background-color:inherit; text-decoration:underline; font-size:15px;}

.transitionstep3{ width:100%; margin:40px 0 40px 0; height:150px;}
.transitionstep3 img{ display:block; margin:0 auto; width:543px; height:150px;}
/*
.listetape .stepun { width:170px; height:40px; background:url(../interface/listeun.gif) no-repeat;  }
.listetape .stepdeux { width:170px; height:40px; background:url(../interface/listedeux.gif) no-repeat; padding:10px 0 0 60px; font-size:15px; color:#40b2f4; background-color:inherit;}

.listetape .stepun a{   color:#ff0071; background-color:inherit; text-decoration:none;}
.listetape .stepdeux a {   color:#40b2f4; background-color:inherit;text-decoration:none;}
.listetape .stepun a:hover{ text-decoration:underline;}
.listetape .stepdeux a:hover {   text-decoration:underline;}
*/

/* rightboxinfo */
.rightinfobox{ width:220px; min-height:110px; margin:0  0 30px 51px;}
.rightinfobox h1{ font-size:12px; color:#ff0071; margin:0 0 10px 0; background-color:inherit}
.rightinfobox  p{ font-size:10px;}
.rightinfobox ul{ display:block;margin:20px 0 0 0; padding:0; width:200px}
.rightinfobox ul li{   color:#52555a; background-color:inherit; background:url(../interface/puce.gif) no-repeat 0 4px; padding:0 0 3px 15px; margin:0; font-size:9px }
.rightinfobox ul li a{ font-size:9px;   display:inline; padding:0; margin:0; text-decoration:none;  color:#52555a; background-color:inherit; }
 .rightinfobox ul li a:hover{color:#ff0071; background-color:inherit;}
.myquestion { font-size:12px; color:#323134; background-color:inherit; background:url(../interface/picto_question.gif) no-repeat 5px 0;width:220px; min-height:110px; margin:0  0 30px 40px; padding:40px 0 0 10px}
.myquestion  a{ display:block; color:#ff0071; background-color:inherit; text-decoration:underline; padding:5px 0 0 0; font-size:11px }
.myquestion  a:hover{   color:#0d9bf0; background-color:inherit; text-decoration:underline;}