/**
 * Order process stylesheet
 *
 * For images without text use [10/BasePath]
 * For images with text use [10/LanguagePath]  and put the images in "fr" or "en" directories
 */

/**
 * Common Css class for all pages of the order process
 */
 
.ieAlert {
    display: none;
}

a {
    cursor:pointer;
    color: #3c5a80;
    text-decoration: none;    
}

#mainContainer a:hover { text-decoration: underline; }

input[type="radio"] { margin-top:0; }
 
.stdPageContent {
    font-size:11px;
    color:#44638f;    
}

.leftSidebar {
    width: 210px;
    margin:0 10px 0 0;
}

#legalInfos {
    color:#3c5a80;
    font-family:Arial;
    font-size:11px;
    font-weight:700;
    margin:0 auto;
    width:980px;
}

    #legalInfos p {
        margin:0 0 11px;
        text-align:left; 
   }
    
    #legalInfos .questionPicto {
        cursor:default;
        margin-left:0;
        position:relative;
        top:14px; 
   }
   
   #legalInfos .infoReference {
        display:inline-block;
        margin-right:5px;
        text-align:center;
        width:30px;
   }

.middleLayout {
    width:545px;
    margin:0 auto;
}

#footer{ margin:0 auto; } /* To center the footer with payment pictos */

.txtCentered{text-align:center;}
.txtRight { text-align:right; }
.txtLeft{text-align:left;}

.contentNoBorder .stdPageContent {
    overflow: hidden;
    padding: 5px 10px;
    width: 980px;
}

.pageContent p { margin:12px 0; } /* To counterbalance a_init.css reset of native values */

.twoCol .pageContent {
    float: left;
    width: 740px;
}

.stdPageContent .productTechnicalDesc{ cursor:pointer; }

.productMoreInfo span,
.productMoreInfo a,
.moreInfoLink,
a.moreInfoLink,
.moreInfoLinkWhite,
a.moreInfoLinkWhite {
    background:url(https://i2.cdscdn.com/struct/common/icon/icone.gif) -4px -8px no-repeat;
    cursor:pointer;
    color:#3c5a80;
    font-weight:bold;
    padding-left:10px;
    text-decoration:none
}
.productMoreInfo a:hover{
    text-decoration:none;
}
.productDistance{
	font-size:.9em;
	color:#798DA8;
	margin-top:1em;
}
.productImgOffers{
	width:100%;
	margin-left:20px;
	display:inline-block;
}

.moreInfoLinkWhite,
a.moreInfoLinkWhite {
    background:url(https://i2.cdscdn.com/struct/common/icon/icone.gif) -5px -975px no-repeat;
    color:#fff;
}

a.moreInfoLink:hover,
a.moreInfoLinkWhite:hover{ text-decoration:underline; }

.circledNumberPicto,
.printPicto,
.questionPicto {
    background:url(https://i2.cdscdn.com/struct/common/icon/icone.gif) -4px -7px no-repeat red;
    display:inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 0px;
}


.questionpicoCCL
{
   margin-top:25px; 
}


.circledNumberPicto{background:url(https://i2.cdscdn.com/struct/orderProcess/icones/pictos_panier_light.png) no-repeat;}
    .circledNumberPicto-1 { background-position:0 0; }
    .circledNumberPicto-2 { background-position:0 -17px; }
    .circledNumberPicto-3 { background-position:0 -34px; }
    .circledNumberPicto-4 { background-position:-37px 0; }
    .printPicto {
        background-position: 0 -100px;
        background-color:#fff;
        margin-left:5px;
        height:20px;
        width:30px;
    }

.questionPicto {
    background-position: 0 -1058px;
    background-color:#fff;
    margin-left:5px;
    cursor:pointer;
    height:35px;
    width:35px;
    top:0px;
}
.auroreCard .questionPicto{
    position: absolute;
    right: 0;
}
.moreInfoLink .questionPicto {
    margin-bottom: -12px;
    top:0;
}

.buttonGroup {
    float:left;
    margin:25px 0 0;
    width: 100%;
}

.cardName {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px 0 0; 
}

/** adresse confirmation paiement en magasin **/
.confAdresse{
    border:1px solid #CCC;
    margin:0 auto;
    padding:.5em;
    text-align:center;
    width:35%;
}

/*
 * Font colors
 */
 
.importantInfo{
    font-size:1.45em;
    font-weight: bold;
}
.displayGrey10,
.displayGrey10 a{
  color:#616161;
  font-size:10px;
}
.displayGrey11{
  color:#616161;
  font-size:11px;
}
.displayGrey12{
  color:#616161;
  font-size:12px;
}
.displayLightGrey10{
  clear:both;
  color:#a3a3a3;
  font-size:10px;
  margin:0;
}
.displayLightGrey10Ex{
  clear:both;
  color:#a3a3a3;
  font-size:10px;
  margin:0 2px 0 -15px;
}
.displayLightGrey10 a{color:#a3a3a3;}

.displayOrange{ color:#ff8100; }

.displayOrange10{
    color:#ff8100;
    font-size:10px;
    font-weight:bold;
}
.displayOrange11{
    color:#ff8100;
    font-size:11px;
    font-weight:bold;
}
.displayOrange12,{
    color:#ff8100;
    font-size:12px;
    font-weight:bold;
}

.displayRed {
    color:#eb0002;
}

.displayGreen {
    color:#32a800;
    font-weight:bold;
}

.displayGreen10,
.displayGreen14 {
    color:#32a800;
    font-size:10px;
    font-weight:bold;
}

.displayGreen14 {
    font-size:14px;
}
/**
 * Form error warning message
 */
.abCheck .warning,
.warning,
.abCheck .input-validation-error,
.input-validation-error{
  font-weight: bold;
  color:#cc0000;
}

.warning .input-validation-error{ text-align:right; margin:-10px 0 10px; }

.warning .txtLeft{text-align:left;}

.abCheck .input-validation-error {
    margin-top: 0;
    text-align: left;
}

.rightContent .warning,
.abCheck .warning{
  clear: left;
  display: block;
  padding: 0 0 0 20px;
}
 .WarningQAS
{	
	width:970;
	color:#D00202;
	border:solid 1px red;
	padding:5px;
	margin:5px;
	text-align:left;
	font-size: 85%
}
span.deliveryChoicesWarning{
    font-size:1.091em;
    float:left;
    margin:0.5em 0 0 30em;  
}
/**
 * form warning message
 *
 * <code>
 *	<div class="formWarning">
 *		<span class="formWarningTitle">Attention : </span>
 *		<ul>
 *			<li>Entrez un email valide</li>
 * 			<li>Entrez un password</li>
 * 		</ul>
 * 	</div>
 * </code> 
 */
 
 .formWarning{
	color:#cc0000;
	margin: 0 10px 10px 0;
	width:100%;
	clear: both;
	text-align: left;
}

.formWarningTitle{
	display:inline-block;
	font-weight:bold;
	padding:5px 0 5px 5px;
}
.formWarning ul{
    margin:0;
    font-weight :normal ;
}

.formWarning li{
    list-style-type:none;
    margin:0;
    padding:0 0 0 5px;
}
 
/*
 * Borders
 */
.orangeBorder{
  border:1px solid #ff8100;
  padding:5px;
}

/*
 * Separator
 */
.separator,
.separatorMedium,
.separatorFluid,
.separatorSmall{
  background-color: #d3d3d3;
  display: inline-block;
  /* float: left; */    
  height: 1px;
}

.separator,
.separatorMedium,
.separatorFluid{
  margin: 10px 5px 14px 0;
}

.orderProductBlock .separator { margin: 0 0 0 4px; }

.separator{
  width: 960px;
}
.separatorMedium{
  width: 710px;
}
.separatorFluid{
  width: 100%;
}
.separatorSmall{
  margin: 0 0 0 5px;
   width: 723px;
}
.stdPageContent .separator{
    /*margin: 0 5px;*/
    width: 970px;
}
/*
 * Forms
 */
.customerLabel{
  float:left;
  font-size:12px;
  font-weight:bold;
  margin:0 5px 0 0;
  text-align:right;
}
.labelInfo{
  float:left;
  padding:0 0 0 80px;
}
.customerInput{
    border:1px solid #adadad;
    float:left;
    margin:0 3px 5px 0;
    padding:0;
    width:240px;
}
.customerLabel div {
    color:#3c5a80;
    font-weight:normal;
    font-style:italic;
    margin-bottom:10px;
}
.validateBlock{margin:0;}

/*
 *
 */
.infoHeader{
    color: #32A500;
    font-size: 10px;
    font-weight: bold;
    padding:10px 5px;
    width:970px;
 }
.textInfo {
    font-size:12px;
    font-weight:bold;
    margin:0 0 10px;
}
 .header_mail {
    background:url(https://i2.cdscdn.com/imagesok/credit/ccl/tetiere-popup.jpg) no-repeat;
    height:162px;
    width:568px;
}

.casinoBankTable { margin:0 auto; }

.casinoBankTable .wrapper { width:575px; }

.pageContent .infoHeader{width:auto;}

/**
 * Checkout steps
 *
 * @author  CJU
 * @author  JTR for Order process R2 cdiscount
 */
.checkoutSteps{
    margin:0 auto 20px;
    text-align : center;
}

.checkoutSteps span,
.checkoutSteps a{
    background-color:#fff;
    background-image:url(https://i2.cdscdn.com/struct/fr/orderprocess/checkoutSteps.png);
    background-repeat:no-repeat;
    border:none;
    display:inline-block;
    height:85px;
    padding:0;
    vertical-align:text-bottom;
    width:135px;
 }
 .checkoutSteps span{cursor:default;}
/*
 * Step 1: My basket
 */
.OrderStepShoppingCart_completed,
.OrderStepShoppingCart{
  background-position:0 0;
 }
/* 
 * Step 2: My informations
 */
.OrderStepCustomer_completed,
.OrderStepCustomer_active{
  background-position:0 -170px;
 }
.OrderStepCustomer{
  background-position:-0 -85px;
 }
 /* 
 * Step 3: Shipping
 */
.OrderStepShipping_completed,
.OrderStepShipping_active{
  background-position:0 -340px;
 }
.OrderStepShipping{
  background-position:0 -255px;
 }
/* 
 * Step 4: Payment
 */
.OrderStepPaymentChoiceGroup_completed,
.OrderStepPaymentChoiceGroup_active{
  background-position:0 -510px;
 }
.OrderStepPaymentChoiceGroup{
  background-position:0 -425px;
 }
/* 
 * Step 5: Order confirmation
 */
.OrderStepPaymentSuccess_completed,
.OrderStepPaymentSuccess_active{
  background-position:0 -680px;
 }
.OrderStepPaymentSuccess{
  background-position:0 -595px;
 }

/**
 * Specific footer for order process
 *
 * @author  CJU
 */
#footer{
    background:none;
    width:1000px;
}
#footer .mainTop,
#footer .mainBottom{
    width:1000px;  
}
.footerPartPaiement{
	background-color:#fff;
	margin:0 auto;
	text-align:center;
	padding:10px;
	*padding:10px 10px 0;
}
    .footerPartPaiement img{margin:0 3px 0 0;}

.footerSepTop{
	border-top:1px solid #ddd;
	margin:0 auto 10px;
	width:780px;
}
.footerSepBottom{
	border-top:1px solid #ddd;
	margin:10px auto 0;  
	width:780px;
}
 
/**
 * Vos informations
 *   
 * @author    loic pedel <email> loic.pedel@cdiscount.com
 * @since     22/12/2010
 * ------------------------------------------------------
 * @author    JTR
 * @since     14/03/2011
 */

.centered{
  margin:auto;
  text-align:center;
}
.alreadyCustomer,
.newCustomer
{
  border: 1px solid #c4ccd2;
  font-size: 11px;
  width: 478px;
 }
.alreadyCustomer
{
  float: left;
}
.newCustomer{
  float: right;
}
.alreadyCustomer{margin: 25px 10px 0 0;}
.newCustomer{margin: 25px 0 0 10px;}

.alreadyCustomer .title,
.newCustomer .title,
.paymentConfirmation .title{
  color:#fff;
  height:44px;
  width:100%;
}
.alreadyCustomer .titleLeft,
.newCustomer .titleLeft,
.paymentConfirmation .titleLeft{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -75px; */
  float: left;
  /* height:44px;
     width:8px; */
}
.alreadyCustomer .titleCenter,
.newCustomer .titleCenter,
.paymentConfirmation .titleCenter{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) repeat-x 100% -163px; */
  background-color: #9FA6B0;
  float: left;
  height:35px;
  /* width:457px; */
  width:100%;
  text-align: center;
}
.alreadyCustomer .titleRight,
.newCustomer .titleRight,
.paymentConfirmation .titleRight{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -119px; */
  float: left;
  /* height:44px;
  width:15px; */
}
/* .alreadyCustomer .titleIco,
.newCustomer .titleIco,
.paymentConfirmation .titleIco{
  background: url(https://i2.cdscdn.com/struct/common/icon/picto_cafe.png) no-repeat;
  float: left;
  height: 25px;
  margin: 6px 3px 0 5px;
  width: 25px;
} */

.alreadyCustomer .titleText,
.newCustomer .titleText,
.paymentConfirmation .titleText{
  font-size:13px;
  padding: 11px 0 0;
}
.titleText span{font-weight:bold;}

.alreadyCustomer .content,
.newCustomer .content{
  width:460px !important;
}
.alreadyCustomer .entete,
.newCustomer .entete{
  width:440px;
}
#mainContainer .content{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/bg_repeat_order480.png) repeat-y 0 0; 
}
#mainContainer .contentVoucher{
    padding:10px 10px 0 10px; 
}
.entete{
  float: left;
  margin: 0 10px 10px;
  text-align: left;
  width: 960px;
}
.emailBloc .orderHeaderTable{
  background-color:#efefef;
  color:#3c5a80;
  margin: 10px 0 5px 5px;
  width:978px;
}

.orderMedium .emailBloc .productTechnicalDesc {
    float: none;
    margin:0;
    position:absolute;
    top:5px;
    right:5px;
}

.orderMedium .adressBloc .productTechnicalDesc 
{
    font-size : 12px;
    padding: 0 0 0 8px;
}

.newCustomer .formContainer, 
.validateArea{
  float: left;
  width: 460px;
}
.emailBloc .customerInput,
.adressBloc .customerInput,
.siretBloc .customerInput,
.informationBloc .customerInput,
.donneesBloc .customerInput,
.ribBloc .customerInput{
	width:205px;
	margin-right:100px;
}
.alreadyCustomer .customerLabel,
.newCustomer .customerLabel{
	width:180px;
	text-align:right;
}
.alreadyCustomer .labelInfo,
.newCustomer .labelInfo{
	margin:-15px 0 0;
	width:380px;
}
.withLabelInfo{
  margin: 0 3px 22px 0;
}
.alreadyCustomer .bottom,
.newCustomer .bottom,
.paymentConfirmation .bottom{
  float: left;
  height:0;
  /* width: 480px; */
}

/* .alreadyCustomer .bottomLeft,
.newCustomer .bottomLeft,
.paymentConfirmation .bottomLeft{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -207px;
  float: left;
  height:13px;
  width:8px;
}
.alreadyCustomer .bottomCenter,
.newCustomer .bottomCenter,
.paymentConfirmation .bottomCenter{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) repeat-x 100% -233px;
  float: left;
  height:13px;
  width:457px;
}
.alreadyCustomer .bottomRight,
.newCustomer .bottomRight,
.paymentConfirmation .bottomRight{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -220px;
  float: left;
  height:13px;
  width:15px;
}
*/
.forgottenPassword{
  padding: 0 32px 0 0;
  text-align: right;
}
.forgottenPassword a{text-decoration:none;}

.alreadyCustomer .button,
.newCustomer .button{
    display:block;
}
.button-validate{
  display: block;
  margin: 10px auto 0;
  text-align: center;
}

.newCustomer .formContainer .requiredField { margin:0; }

.requiredField{
  color:#cc0000;
  float: left;
  font-size: 10px;
}
.newCustomer.errorField,
.alreadyCustomer .errorField{
  color: #cc0000;
  font-size: 11px;
  margin: 0 0 0 40px;
}
.warningTitle{
  color: #cc0000;
  font-weight: bold;
}
.warningLi{
  list-style-type: square;
  margin: 0 0 0 40px;
}
.warningText{
  color: #cc0000;
  float: left;
  margin: 0 10px 0 0;
}
.informations{
  float:left;
  margin:20px 0 0;
  padding:0 10px;
  width:960px;
}
.legend {
  float: left;
}
.champValide,
.erreurSaisie{
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 0 20px; 
}
.champValide{
  background: url(https://i2.cdscdn.com/struct/common/icon/icone.gif) no-repeat 5px -1521px;
}
.erreurSaisie{
  background: url(https://i2.cdscdn.com/struct/common/icon/icone.gif) no-repeat 5px -1480px;
}

/* Connection form : redefining form.css classes to get the display wanted in the "panier light" specifications */

.formMedium{ width:465px; }
.formTop {
    background:#9fa6b0;
    text-align:center;
}
.formDesc {
    color: #3c5a80;
    float:none;
    margin: 0 0 15px;
}
.formLabel,
.formLabelInfo { width:200px; }
.formInputText,
.formInputGroup { 
    float:left;
    height:20px;
    margin-bottom:10px;
}
.infoBlock .requiredField { margin-right:32px; }
.validatedField { background-position: 0 -1516px; }
.errorField { background-position: 0 -1475px; }
.formLink{
    margin-right:48px;
    position:relative;
    top:-5px;    
}
.formContainer 
{
    overflow:hidden; 
    float:left; 
}

.legalNoticeTitle{
    font-weight:700;
}
.legalNotice{
    color:#9FA6B0;
    font-size:11px;
    margin:-8px 0 15px;
}
.formButton{ text-align:center; }

.validateConditions{
    clear:both;
    margin:10px 0;
    font-weight:700;
}
.button-validate,
.button-validate_over {
    background: url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat 5px -280px;
}

.button-validate_over {
    background-position:-89px -280px;
}


/* Subscription + Your info forms : redefining form.css classes to get the display wanted in the "panier light" specifications */

.formLarge{
    border:none;
    color:#3c5a80;
    margin:0;
    width:100%;
}

.formLarge .formLabel,
.formLarge .formLabelInfo { width:375px; }
.formLarge .formInputText {
    height:20px;
    margin-bottom:10px;
}
.formLarge .requiredField { margin-right:360px; }
.formLarge .formLink{
    font-weight:700;
    margin:0;
    padding-right:10px;
    position:relative;
    top:-5px;    
}

.formLarge .button-validate{text-align:right;}

.infoBlockTitle{
    font-size:1.1em;
    font-weight:700;
    height:15px;
    margin:0 0 3px;
}

.infoBlock{
    border: 1px solid #d3d3d3;
    margin: 0 0 15px 0;
    position:relative;
}

#mainContainer .content {
    overflow:hidden;
    padding:10px;
}


#mainContainer .contentEchecPayment {
    overflow:hidden;
    padding:10px;
}

.formLarge .orderHeaderTable .formLink,
.formLarge .orderHeaderTable .moreInfoLinkWhite {
    line-height: 13px;
    margin:0;
    padding: 0 0 0 10px;
    position: absolute;
    right: 10px;
    top: 4px;
}
.orderMedium{
  color: #44638F;
  font-size: 12px;
  margin: auto;
  text-align: center;
  width:980px;
}
.orderMedium .checkoutHeader{
  width:980px;
}
.emailBloc,
.adressBloc,
.siretBloc,
.enteteInfo,
.birthdayBloc,
.informationBloc,
.abonnementBloc,
.donneesBloc,
.portabiliteBloc,
.ribBloc,
.distributorBloc{
  border: 1px solid #d3d3d3;
  float:left;
  margin: 0 0 10px 0;
  padding-bottom:5px;
  position: relative;
  width: 978px;
}
.adressBloc .separator{width:958px;}
.emailBloc .content,
.adressBloc .content,
.siretBloc .content,
.birthdayBloc .content,
.informationBloc .content{
  background: #fff;
  padding: 0 10px;
  width: 958px !important;
}

/* Large selector to aim at fields used only in Customer Information Form (OPR2) */
.emailBloc .requiredField,
.adressBloc .requiredField,
.siretBloc .requiredField,
.informationBloc .requiredField,
.emailBloc .champValide,
.adressBloc .champValide,
.siretBloc .champValide,
.informationBloc .champValide,
.emailBloc .erreurSaisie,
.adressBloc .erreurSaisie,
.siretBloc .erreurSaisie,
.informationBloc .erreurSaisie{
  margin-left:-97px;
  margin-right: 100px;
}

.abonnementBloc .content,
.donneesBloc .content,
.portabiliteBloc .content,
.ribBloc .content,
.distributorBloc .content{
  background: #fff;
  padding: 0 10px;
  width: 650px !important;
}

.orderMedium .customerLabel{
  margin: 0 5px 0 150px;
  width: 230px;
  clear:left;
}
.orderMedium .orderHeaderTable{
  margin: 0 0 10px;
  padding: 0;
  text-indent:10px;
  width: 978px;
}

.dayInput,
.monthInput{
  float: left;
  margin: 0 5px 0 0;
  width: 50px;
}
.yearInput{
  float: left;
  margin: 0 5px 0 0;
  width: 90px;
}

.smallInput{
  text-align:center;
  margin: 0 5px 0 0;
  width: 45px;
}
.mediumInput{
  text-align:center;
  margin: 0 5px 0 0;
  width: 85px;
}
.customerRadio{
  margin: 2px 2px 6px 0;
  vertical-align:text-top;
}

.adressBloc .customerRadio{
   *margin-top:-3px;
}

.adressValidation{
  float: left;
  margin: 40px 0 15px;
  clear:both;
}
.adressValidation span,
.partnerBox span{
	font-weight:bold;
	margin:0 0 0 5px;
}
.partnerBox{
  color: #44638F;
  float: left;
  font-size: 12px; 
  margin: 0 0 0 10px;
}
.orderMedium .button-validate{
  float: right;
  margin: 20px 10px 15px 0;
}
.orderMedium .productTechnicalDesc{
  background:url(https://i2.cdscdn.com/struct/common/icon/icone.gif) -4px -7px no-repeat;
  float: right;
  padding: 0 0 0 10px;
  margin: 0;
}
/* Classes specifiques au formulaire Bouygues telecom */
.enteteInfo{
  float: left;
  margin: 10px;
  text-align: left;
  width: 960px;
}
.forfaitTitle{
  font-style: italic;
  margin: 0 0 10px;
}
.customerSelect{
  border: 1px solid #adadad;
  float: left;
  margin: 0 3px 5px 0;
  width: 206px;
}
.orderMedium .doubleLabel{
  margin-top: -5px;
}
.radioYes{
  float: left;
  margin: 0 0 0 400px;
  width: 50px;
}
.radioNo{
  float: right;
  margin: 0 400px 0 0;
  width: 50px;
}
.ribInput,
.ribInput .customerInput,
.chequeInput .customerInput,
.bankingInfos .dateInput .customerInput{
  float: left;
  margin: 0 8px 0 0;
  width: 60px;
}
.interogationBtn{
  background:url(https://i2.cdscdn.com/struct/common/bg_puces.png) no-repeat 0 -370px;
  float:left;
  display:inline-block;
  height:25px;
  margin:0 0 0 5px;
  width:25px;
}
 
/**
 * TTC price of the OrderProces
 */
.orderPriceTxt,
.associatedPriceTxt{
  color:#cc0000;
  display:inline-block;
  font-size:15px;
  font-weight:bold;
  width:120px;
 }
/**
 * Basket page
 *
 * @author    nicolas gou?set <email> nicolas.goueset@cdiscount.com
 * @since     20/12/2010
 */

/*
 * If there is at least one splashEconomy
 */
.basketWithEconomy { width: 860px; }
.basketWithEconomy .productCell { width:858px; }

.basketWithoutEconomy { width: 980px; }
.basketWithoutEconomy .productCell { width:978px; }

.basketEmpty{width:502px;}

 /**
 * error message when there is no product in stock
 * 
 * <code>
 *   <div class="orderWarningSmall">
 *     <span class="orderWarningBold">Rupture de Stock</span>
 *     Vous devriez supprimer l'offre du panier ou <a href=".">cliquer ici</a> pour visualiser les autres offres disponibles pour ce produit
 *   </div>
 * </code>
 * 
 */
.orderWarning{
  background:red;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  height:18px;
  line-height:18px;
  text-indent: 10px;
  width:100%;
}
.orderWarning a{ color:#fff; }

.orderWarningBold{
  font-weight:bold;
  color:#ffff00;
}

/*
 * Checkout header
 *
 * @author   CJU
 *
 * <code>
 * <div class="checkoutHeader">
 *   <div class="corner topLeft"><!-- --></div>
 *   <div class="topLine">Mon panier</div>
 *   <div class="corner topRight"><!-- --></div>
 * </div>
 * </code>
 */
.checkoutHeader,
.shippingHeader{
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  height: 25px;
  margin:0 0 3px 0;
  position: relative;
 }
.shippingHeader{width:980px;}

.checkoutHeader .corner,
.shippingHeader .corner{
  background-image: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png);
  position:absolute;
  width: 2px;
  height: 25px;
 }
.checkoutHeader .topLeft,
.shippingHeader .topLeft{
  background-position: 100% 0;
  left: 0;
  bottom: 0;
 }
.checkoutHeader .topRight,
.shippingHeader .topRight{
  background-position: 100% -25px;
  right: 0;
  bottom: 0;
 }
.checkoutHeader .topLine,
.shippingHeader .topLine{
  background-image: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png);
  background-position: 100% -50px;
  background-repeat: repeat-x;
  bottom: 0;
  margin: 0 2px;
  padding: 2px 0 0;
  height: 23px;
  font-style: italic;
 }
.paymentChoiceTitle {
    color:  #44638f;
    float: left;
    text-transform : uppercase;
 }
/* End Checkout header */

/**
 * Order table title area
 */
.headerTable, 
.orderHeaderTable{
  background-color: #798da8;
  clear: both;
  color: #fff;
  font-weight: bold;
  height: 15px;
  margin: 2px 0;
 }
 
.orderHeaderTable a{ color: #fff;}
.orderHeaderTable,
.orderHeader{
  width: 100%;
}

.lightHeader{
    background-color: #f8f9fb;
    color:#3c5a80;
}

.lightHeader a {color:#3c5a80;}
/**
 * Cells of Order table area
 */
.orderProduct,
.orderPartner,
.orderPartnerSmall,
.orderPrice,
.orderDate,
.orderQuantity,
.orderTotalPrice,
.orderDelete,
.orderChoice,
.relayLocalisation,
.relayScheduleDay,
.relayScheduleTime{
    float: left;
    text-align: center;
}

.orderTotalPrice span { text-align: center; } /* Used only to override a_init.css rule */

.orderProduct{
    border-right: 2px solid #fff;
    width: 496px;
}
.orderDate{
    width:12% /* 119px; */
}

.orderQuantity{
  border-right: 2px solid #fff;
  width: 70px;
}
.orderDelete{width:43px;}

.relayLocalisation,
.relayScheduleDay{ border-right: 2px solid #fff; }

.relayLocalisation{ width:50%; }
.relayScheduleDay{ width:13%; }
.relayScheduleTime{ width:36%; }

.relayLocalisation .productCarrier{ width:auto; }
.orderProductBlock .relayScheduleDay { border:none; }

.relayScheduleOdd,
.relayScheduleEven {
    background: #eee;
    line-height:20px;
    text-align:center;
    height:20px;
}

.relayScheduleOdd { background:#fff; }

.popupKiaRelayName {
    color: #17499D;
    font-size: 13px;
    font-weight: bold;
}
.orderDelete .button-trash{
    background-position:2px -588px;
    margin:15px 0 0;
}
.orderDelete .button-trash_over{background-position:2px -637px;}
.orderPartner{
  width:71%; /* 644px; */
  position:relative;
 }
 .orderPrice, .orderTotalPrice, .orderChoice{
	width:8% !important;
}
.productMap256{
  float: left;
  height: 213px;
  margin: 10px 4px 8px 10px;
  width: 236px;
}
.productColMap{
  float: left;
  margin: 5px 0 0 0;
  width: 74%;
}
.roadInfos{
    text-align:left;
    float:left;
    width:90px;
    padding-top: 10px;
}
.roadInfosBlock{
    width:90px;
    margin-right:130px;
}
/**
 * Prodcut line title of the order process
 * 
 * <code>
 * <div class="orderLineHeader">
 *   <div class="orderProduct">
 *       <span class="productTitle floatLeft">Titre du produit</span>
 *       <a href="." class="productTechnicalDesc floatRight">Plus d'infos</a>
 *   </div>
 * </div>
 * </code>
 */
.orderLineHeader,
.associatedLineHeader{
    background-color: #f8f9fb;
    height: 22px;
    line-height: 20px;
    margin: 0 0 5px 0;
    text-align: left;
    text-indent:10px;
    width:100%;
}
.orderLineHeader .productTitle{
    color:#3C5A80;
    width:420px;
}

/*
 * Product's cell - containing productLine, associated products, insurance and warranty
 */
.productCell{
    border:1px solid #d3d3d3;
    margin:0 0 10px;
}

/**
 * Product's image
 */
.orderProductLine .productImg ,
.associatedProduct .productImg{
    height:65px;
    width:65px;
} 

/**
 * Prodcut line of the order process 
 */

.orderProductLine{
    padding:0 0 5px; 
    height:92px;
}
.orderProductLine .productTechnicalDesc{
    background-position:0 -107px;
    font-size:10px;
}
.orderProductLineBig{
    border:1px solid #d3d3d3;
}
.orderProductLineBig,
.orderProductBlock{
    /* border:1px solid #d3d3d3;
    padding: 0px 5px; */
    position: relative;
    overflow: hidden;
    margin:0 0 25px;
}
.orderProductLine .productComDealStd001{margin:20px 0 0 25px;}

.orderProductLine .orderTotalPrice,
.associatedProductLine .orderTotalPrice,
.orderProductLine .orderPrice,
.associatedProductLine .orderPrice{
  text-align: right;
 }
.orderSummaryTotalPrice,
.orderProductLine .orderPrice,
.associatedProductLine .orderPrice{position:relative;} 

/*
 * Associated products
 */
.associatedHeader{
    background-color:#f6f6f7;
    border-top:1px solid #d3d3d3;
    border-bottom:1px solid #d3d3d3;
    clear:both;
    height:21px;
    line-height:20px;
    text-indent:15px;
    width:100%;
}
    .associatedTitle{
        background:url(https://i2.cdscdn.com/struct/common/bg_puces.png) no-repeat 0 -6px;
        color:#3c5a80;
        display:inline-block;
        font-size:11px;
        font-weight:bold;
        height:18px;
        padding:0 0 0 18px;
    }
.associatedProductLine{
    padding:5px 10px;
    height:86px;
    width:840px;
}
.associatedBorderTop{
    border-top:1px solid #D3D3D3;
}

    .associatedProductLine .associatedProduct{width:480px;}
    .associatedProductLine .orderQuantity{font-weight:bold;}
    .associatedProductLine .button-trash{margin-right:-12px;}
    .associatedProduct .productTechnicalDesc{font-size:10px;}

/*
 * Associated insurance and warranty
 */
.associatedTables{
    background-color:#f6f6f7;
    margin:-1px 0 0;
    overflow:hidden;
    width:100%;
}

.associatedTable {
    border:1px solid #d3d3d3;
    margin:0 1% 8px;
    width:98%;
}

.headerTable{
    background-color:#93A4B8;
    font-size:12px;
    height:21px;
    line-height:20px;
    margin:0;
    width:100%;
}
    .headerTable .associatedProduct,
    .headerTable .associatedPrice{
        border-right:2px solid #f6f6f7;
    }
    .associatedProduct,
    .associatedPrice,
    .associatedQuantity{
        border-right:2px solid #fff;
        float:left;
        text-align:center;
        width:486px;
    }
    .associatedPrice,
    .associatedPriceTxt{
        width:109px;
    }
    .associatedPriceTxt{
        margin:30px 0 0;
        text-align:right;
    }
    .associatedQuantity{
        border:none;
        width:239px;
    }
.contentTable{
    background:#fff;
    overflow:hidden;
    padding:5px 0 10px;
    width:100%;
}
    .insuranceImg,
    .warrantyImg{
        background-image:url(https://i2.cdscdn.com/struct/fr/insuranceWarranty/insuranceWarranty.png);
        background-repeat:no-repeat;
        float:left;
        margin:0 10px 0 5px;  
        height:65px;
        width:58px;
    }
    .insuranceInfo,
    .warrantyInfo{
        float:left;
        text-align:left;
    }
    .insuranceSelect,
    .warrantySelect{
        margin:5px 0 0;
        width:410px;
    }
    .insuranceImg{background-position:0 0;}
    .warrantyImg{background-position:0 -70px;}
    
    .insuranceInfo,
    .insuranceSelect{
        color:#97267d;
        font-weight:700;
    }
    .warrantyInfo,
    .warrantySelect{
        color:#e46f27;
        font-weight:700;
    }
    .contentTable .associatedQuantity{padding:20px 0 0;}

    .associatedProductLine .insuranceSelect,
    .associatedProductLine .warrantySelect{
        width:407px;
    }
    .associatedProductLine .insuranceInfo p,
    .associatedProductLine .warrantyInfo p{
        margin-bottom:4px;
    }

/**
 * splash economy of the order process
 *
 * @gfx_ ./common_product.css
 *
 * <code>
 *   <div class="productComDealStd001 floatLeft">
 *       <div class="productFlashSelling countdownDisplayFlash">
 *           <span class="productSellTxtWhite countdown-wrapper">
 *               <span class="countdown-timer">
 *                   <span class="countdown-text">Plus que</span>
 *                   <span class="countdown-timer-hours">
 *                   <span class="countdown-timer-hours-value">6</span>h&nbsp;</span>
 *                   <span class="countdown-timer-minutes">
 *                   <span class="countdown-timer-minutes-value">23</span>min&nbsp;</span>
 *                   <span class="countdown-timer-seconds">
 *                   <span class="countdown-timer-seconds-value">23</span>s</span>
 *               </span>
 *               <span class="countdown-expiration-message">Trop tard !</span>
 *           </span>
 *       </div>
 *   </div>
 * </code>
 *
 */
.orderEconomy{
    color:#ff8100;
    border:1px solid #d3d3d3;
    font-size:11px;
    font-weight:bold;
    height:96px;
    margin:0 0 0 10px;
    position:absolute;
    top:-27px;
    left:358px;
    text-align:center;
    width:108px;
 }
 .orderSummaryTotalPrice .orderEconomy{
    height:66px;
    left:225px;
    top:-5px;
}
.orderSummaryTotalPrice .productSplashEconomy-medium{
   margin: 5px 0 0;
}
 
.orderEconomy .productSplashEconomy-medium{
  margin: 10px 0 0;
 }
.associatedProductLine .orderEconomy{
   top:-5px;
   left:364px; 
}
.associatedProductInfos{
    float:left;
    margin:0 0 0 25px;
    text-align:left;
    width:390px;
}
.associatedProductLine .productTitle{
    display:inline-block;
    margin:0 0 5px;
    width:415px;
}


/**
 * ligne de resume du panier
 */
.orderSummary{
  background-color: #93a4b8;
  color:#fff;
  overflow:hidden;
  clear: both;
  margin:5px 0 10px;
  height:68px;
  width:100%;
 }
.orderSummaryTotalPrice,
.orderSummaryTotalHTPrice{
  clear: both;
  float: right;
  margin: 5px 0;
  width: 230px;
 }
 .orderSummaryTotalPrice span,
 .orderSummaryTotalHTPrice span,
 .HTPriceArea{
   display: block;
   float: left;
   font-size: 16px;
   font-weight: bold;
   line-height: 22px;
   margin: 0 5px 0 0;
   text-align: right;
   width: 91px;
 }
    .orderSummaryTotalHTPrice span{
        font-size: 12px;
        font-style: italic;
    }
.HTPriceArea{
    font-size: 12px;
    text-align: center;
    width: 125px;
}
.orderSummary .TTCPriceArea{
    background: #fff;
    border: 1px solid #000;
    color: #cc0000;
    float: left;
}
    .TTCPriceArea span{
        display: block;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        width: 110px;
    }
/**
 * Footer order buttons
 */
.orderFooter{
    clear:both;
    text-align:center;
    color: #2f9a00;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    position:relative;
    width:100%;
}


.button-back-store,
.button-order{
    background: url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat 0 -166px;
    position:absolute;
}

.button-back-store {
    background-position:0 -138px;
    height: 26px;
    width: 155px;
}

.button-back-store_over{background-position:0px -110px;}

.button-order{
    background-position:0 -207px;
    top:0;
    right:0;
    height:26px;
    width:147px;
}

.button-order_over{background-position:0px -234px;}

.orderFooter .button-back-store{
    left: 0;
    top: 0;
}

.orderFooter .button-order {
    top:0;
    right:0;
}


/**
 * Shipping choice
 */
 
 .gradientBox {
    -moz-box-shadow: -5px 0 5px #F5F6F8 inset, 5px 0 5px #F5F6F8 inset;
    -webkit-box-shadow: -5px 0 5px #F5F6F8 inset, 5px 0 5px #F5F6F8 inset;
    box-shadow: -5px 0 5px #F5F6F8 inset, 5px 0 5px #F5F6F8 inset;
    background: none repeat scroll 0 0 #FDFEFE;
    border: 1px solid #CCD3DC;
    padding:10px;
    margin:0 0 5px;
    overflow:hidden;
}
 
.cdsLogoContainer,
.headerLogoContainer {
    float:left;
    margin:10px;
}

.cdsLogoContainer img,
.headerLogoContainer img {
    margin:0 10px 0 0;
}

.carrierLine,
.carrierLineWithMap{
    overflow: hidden;
}

.carrierLine{ padding: 10px 0 0; }

.carrierLineWithMap{
    padding-bottom:5px;
}

.carrierLineSelected{ background-color: #E6E9EE; }
 
.productCarrier{
    color: #44638F;
    float: left;
    font-size: 11px;
    text-align: left;
    width:73%; /* 470px; */
}
.productCarrier{
	width:50%;
}
.orderPriceTxt, .associatedPriceTxt{
	width:auto;
}
 
.carrierLine .orderPartner {
    min-height: 40px;
    padding-bottom:5px;
}

.carrierLine .orderTotalPrice,
.carrierLine .orderChoice {
    padding-top:10px;
    left: 5px;
    position:relative;
}
.carrierLine .orderTotalPrice{
	padding:0;
}

.carrierSubDetail {
    background:#f8f9fb;
    /* border-top: 1px solid #D3D3D3; */
    clear: both;
    overflow: hidden;
}

.carrierLine .carrierLineWithMap .orderPartner {
    min-height: 35px;
    position:relative;
    width:90%; /* 635px; */
}

.carrierLine .carrierSubDetail .orderPartner{
    margin: 0 0 0 88px;
    width:57%; /* 564px; */
    min-height: 40px;
}

.carrierLine .carrierLineWithMap .carrierLine { padding:5px 0 3px; height:35px;}
.carrierSubDetail .productCarrier{ width:68%; /* 455px; */ position:relative; }

.orderPartner .credit10x20x {
    position:absolute;
    top:0px;
    right:30px;
}

.carrierLineWithMap .productCarrierPicto,
.carrierLineWithMap .productCarrierNoPicto {
    width:70px;
}

.carrierSubDetail .orderPartner,
.carrierSubDetail .orderDate,
.carrierSubDetail .orderTotalPrice,
.carrierSubDetail .orderChoice{
    border:none;
}

.carrierLine .carrierLineWithMap .productCarrier{
    /* height: 40px; */
    width:40%; /* 505px; */
 }
 
.carrierLine .productCarrier img{
    display:block;
    margin:0 0 5px;
}
 
.productCarrierPicto,
.productCarrierNoPicto{
    background:none;
    float:left;
    margin:0 5px 0;
    min-height: 35px;
    min-width: 40px;
    width:auto;
    height:auto;
 }
 * html .productCarrierPicto,
 * html .productCarrierNoPicto{
    height: 40px;
    width: 40px;
 }

/* For CDS, <img /> are used instead of css backgrounds */
/*
.carrierColissimo{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierColissimo.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierAdrexo{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierAdrexo.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierCasino{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierCasino.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierCasinoM30{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierCasinoM30.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierCdiscountTransporter{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierCdiscountTransporteur.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierCdiscountTransporterSP{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierCdiscountTransporterSP.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierKiala{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierKiala.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierPointRetrait{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierPointRetrait.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierPointRetraitMeuble{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierPointRetraitMeuble.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierCdiscountRelay{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierCdiscountRelay.gif) no-repeat center 0;
    width:75px;
    height:49px;
}
.carrierTnt{
    background:url(https://i2.cdscdn.com/struct/fr/shipping/big/carrierTnt.gif) no-repeat center 0;
    width:75px;
    height:49px;
}

*/
 
.coordinateBlock { padding:0 0 5px 0; border:none; }

.shippingAddress {
  float: left;
  width:100%;
}

.withMarketPlace {
    width:50%;
}

.shippingAddressRight {
    float:right;
    width:49.5%;
}

.shippingAddress .orderHeaderTable, .shippingAddressRight .orderHeaderTable { /* Originally, the orderHeaderTable are left-aligned, so we have surchage this property in this case */
    text-align: center;
}

.coordinateOptions{
    clear: both;
    margin-bottom: 0;
    padding: 0 5px 0 10px;
    position: relative;
 }
 
.coordinateOptions li{
    list-style:none;
    padding:0 0 5px;
}

.abCheck{
    margin:0;
    padding:0 0 0 50%;
}
.abCheck label{ font-size:12px; }
.abCheck input{ margin: 0 5px 0 0; }
.abCheck label .field-validation-error{ color:#cc0000; }

.boxAdressTitle{
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 30px;
}

.boxCustomerAddress, .boxRelayAddress{
    border: 1px solid lightGrey;
}

.boxRelayAddress{
    display: none;
}

.shippingBoxOne, .shippingBoxTwo{
    color: #798DA8;
    font-size: 11px;
    height: 200px;
    width: 49%;
}
.shippingBoxOne{
    float: left;
}
.shippingBoxTwo{
    float: right;
}

.withMarketPlace .shippingBoxOne, .withMarketPlace .shippingBoxTwo{
    height: 100%;
    width: 100%;
	float: none;
}

.vcard{
  color: #44638F;
  margin: 10px 0 20px;
  padding:0 0 0 30px;
 }
 
.carrierFooter{
  margin:0 0 10px;
  padding:0 5px;
  overflow: hidden;
 }

 
.carrierFooter{
  clear: both;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0 5px
 }

/*
 * shipping with immaterial products only
 */
 
.shippingGenericBlock,
.shippingVirtualProducts { margin-bottom: 20px; }

/**
 * New rules to get a new design for shipping page -
 * Overrides certain rules to get the design right and hide some block not used in the old design
 * Uses the "master class" shippingNewDesign"
 */
 
 @font-face{
	font-family:'FuturaMdBTBoldItalic';
	src:url(https://i2.cdscdn.com/struct/font/futura_bold_italic_bt-webfont.eot);
	src:local('Futura'),
	    url(https://i2.cdscdn.com/struct/font/futura_bold_italic_bt-webfont.eot?#iefix) format('embedded-opentype'),
        url(https://i2.cdscdn.com/struct/font/futura_bold_italic_bt-webfont.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
 }
 
 .packageTypeHeader {
    background: #FDFEFE;
    border: 1px solid #CCD3DC;
    box-shadow: -5px 0 5px #F5F6F8 inset, 5px 0 5px #F5F6F8 inset;
    margin:7px 0 5px;
    overflow: hidden;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
 }
 
 .packageTypeTitle { display:none; }
 
 .shippingNewDesign .packageTypeTitle {
    /* background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/shippingNewDesign.png) no-repeat 0 0;
    height:16px;
    text-indent:-9999px; */
    display:block;
    font-family:'FuturaMdBTBoldItalic', Arial, Sans-Serif;
    font-weight:bold;
    font-style:italic;
    font-size:15px;
    line-height:15px;
    margin: 0 0 5px;
    text-transform:uppercase;
 }
 
 .shippingNewDesign .packageTypeTitlePicto {
    background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/shippingNewDesign.png) no-repeat  0 -3px;
    display: block;
    float: left;
    height: 15px;
    width: 15px;
 }
 
 .mpShippingTitle {
     color:#0e7cc0;
     font-size:14px;
     margin:0 0 5px;
 }
 
 .shippingSubInfo {
    font-size:0.75em;
 }
 
 .shippingNewDesign .packageTypeHeader {
    background:none;
    box-shadow:none;  
    border:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    padding:0 5px;
 }
 
 .shippingNewDesign .cdsLogoContainer,
 .shippingNewDesign .headerLogoContainer {
    width:auto;
    height:auto;
 }
 
 .shippingVirtualProducts { margin: 5px 0 15px; }
 
 .stdPageContent .shippingVirtualProducts p {
    color: #3C5A80;
    font-family: arial;
    font-size: 12px;
    margin: 6px 0;
 }
 
 .shippingVirtualProducts ul {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 15px;
 }

 
 .shippingBlockHeader { display:none; } /* Hide by default this header which isn't showed in the "classic" design of shipping choice */
 
 .shippingNewDesign .shadowSeparator {
    margin-left:4px;
    margin-bottom:13px;
 }
 
 .shippingNewDesign .productMap256 {
    box-shadow: 3px 0 2px #B7B7B7;
    margin-right: 0;
    margin-left:4px;
 }
 
 .mapPointerPicto {
    background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/shippingNewDesign.png) no-repeat -19px 0;
    color: #3C5A80;
    float: left;
    font-size: 13px;
    font-weight: 700;
    height:23px;
    margin: 5px 5px 0px 20px;
    padding-top: 4px;
    text-align: center;
    width:22px;
 }
 
 .shippingNewDesign .shippingBlockHeader {
    display:block;
    border-radius:4px;
    color:#fff;
    background: #3d6191; /* Old browsers */
    background: -moz-linear-gradient(top, #7a8fa5 1%, #3d6191 47%, #3d5275 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7a8fa5), color-stop(47%,#3d6191), color-stop(100%,#3d5275)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7a8fa5 1%,#3d6191 47%,#3d5275 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7a8fa5 1%,#3d6191 47%,#3d5275 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #7a8fa5 1%,#3d6191 47%,#3d5275 100%); /* IE10+ */
    background: linear-gradient(top, #7a8fa5 1%,#3d6191 47%,#3d5275 100%); /* W3C */
    font-size:11px;
    font-weight:700;
    height:25px;
    line-height:25px;
 }

 .shippingNewDesign .orderHeaderTable {
    background-color:#dce3eb;
    box-shadow:0 0 10px #b7b7b7 inset;
    color:#3c5a80;
    line-height:20px;
    height:20px;
    margin:0;
 }
 
 .shippingNewDesign .orderHeaderTable .orderDate,
 .shippingNewDesign .orderHeaderTable .orderTotalPrice,
 .shippingNewDesign .orderHeaderTable .orderChoice {
    border-left:1px solid #fff;
 }
 
 .shippingNewDesign .orderProductBlock {
    border:1px solid #ccd3dc;
    border-radius:4px;
 }
 
/* .shippingNewDesign .orderProductBlock .orderDate{ font-style:italic; }*/
 
 .shippingNewDesign .orderPriceTxt {
     font-size:20px;
     font-weight:700;
 }
 
 .shippingNewDesign .moreInfoBlock {
    float:left;
    text-align:left;
    padding-top:10px;
 }
 
.shippingNewDesign .carrierLine .orderPartner .moreInfoLink {
    position:absolute;
    bottom:10px;
    right:10px;  
 }
 
 .shippingNewDesign .roadInfos {
    float: right;
    margin-right:5px;
    width: 80px;
 }
 
 .carrierLine .orderPartner .moreInfoBlock  { float:right; text-align:left; }
 .shippingNewDesign .carrierLine .orderPartner .moreInfoBlock { float:left; } 
 .carrierLine .orderPartner .moreInfoBlock .moreInfoLink { position:static; }
 
 .shippingNewDesign .carrierLine .carrierLineWithMap .productCarrier {
     margin-right: 5px;
     width: 54%;
 }
 
 .shippingNewDesign .productCarrier{padding-bottom:5px; padding-top:10px;}
 
 .shippingNewDesign .carrierLine .carrierLineWithMap .productCarrier,
 .shippingNewDesign .carrierSubDetail .productCarrier {
    font-weight: normal;
 }
 
 .shippingNewDesign .carrierSubDetail .productCarrier {
    min-height:50px;
    width:75%;
 }
 
 
 .shippingNewDesign .carrierLineWithMap .moreInfoLink,
 .shippingNewDesign .shippingAlternativeRelay .moreInfoLink {
    position:static; /* cancels the previous rule when the moreInfoLink is in a particular block */
 }
 
 .shippingAlternativeRelay {
    float:left;
    margin: 10px 10px 5px;
 }
 .btnRelayPopin{
    font-size:.9em;
    margin:0 2em 1em;
    width: auto;
    overflow: visible;
}
 
 .shippingNewDesign .shippingAlternativeRelay,
 .shippingNewDesign .shippingOtherRelays {
    background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/shippingNewDesign.png) no-repeat -42px 0;
    display:block;
    height:22px;
    width:163px;
    line-height:22px;
    position:static;
    margin:0 5px 2px 20px; 
 }
 
 .shippingNewDesign .shippingOtherRelays {
    background-position: -42px -23px;
    width:105px;
    
 }
 .shippingNewDesign .shippingAlternativeRelay a,
 .shippingNewDesign .shippingOtherRelays a {
    background:none;
    display:block;
    text-indent:-9999px;
 }
 
 .shippingNewDesign .carrierSubDetail .shippingAlternativeRelay,
 .shippingNewDesign .carrierSubDetail .shippingOtherRelays {
    margin:10px 5px 15px 40px;
 }
  
.shippingNewDesign .typoPriceOrder 
{
    background:none;
    color:#cc0000;
    font-size: 13px;
    font-weight: bold;
}

.cgvCheck {
    text-decoration:underline;
}

/**
 * Payment method
 *
 * @author    loic pedel <email> loic.pedel@cdiscount.com
 * @since     28/12/2010
 */
.leftContent{
  float: left;
  margin: 0 10px 0 0;
  width: 190px;
}
.totalBloc,
.reductBloc,
.cardBloc{
  border: 1px solid #d3d3d3;
  color:#44638f;
  margin: 0 0 10px;
  overflow:hidden;
}
.icoBloc{
    width:215px;
}
.titlePaymentSecured{
    height:30px;
    font-weight:bold;
    font-size:1.091em;
}
.pictoCadenas{
    background: url(https://i2.cdscdn.com/struct/orderProcess/payment/picto_cadenas.png) no-repeat;
    background-position:left center;
    display:block;
    height:26px;
    float:left;
    padding:4px 0 0 36px;
}
.pictoPcidss{
    background: url(https://i2.cdscdn.com/struct/orderProcess/payment/pcidss.png)no-repeat;
    width:112px;
    height:60px;
}
.totalBloc .content{
    padding:5px;
}
.voucherError{
  color: #cc0000;
  font-weight: bold;
  font-size:0.923em;
}
.reductBloc .button-recalculate{
    font-family:Arial, Verdana, Impact;
    font-size:0.923em;
    color:#3C5A80;
    text-decoration:underline;
    background:none;
    padding: 0;
    height: 16px;
    width:80px;
    margin: 10px 0 0 3px;
}
.totalBloc .title,
.reductBloc .title{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
}

.totalBloc .title,
.reductBloc .title_pai{
   /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) repeat-x 100% -246px;*/
    color: Black;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    text-align: left;
}


.totalBloc .content,
.reductBloc .content{
  background:#fff;
}
.totalBloc .separator,
.reductBloc .separator,
.cardBloc .separator{
    width:100%;
    margin:2% 0;
}

.totalBloc .price{
  color:#cc0000;
  font-size:0.923em;
  font-weight:bold;
  float:right;
  text-align:right;
  width:70px;
  font-family:Arial;
}
.totalLabel,
.cmdLabel{
  color:#3C5A80;
  float: left;
  font-size: 0.923em;
  font-weight: bold;
  width: 117px;
  font-family:Arial;
}
.voucherLabel{
    width:130px;
}
.customerInfos .cmdLabel {
  width:60px;
}

.customerInfos .text {
  min-height:15px;  
  min-width:128px;
  word-wrap:break-word;
}

.totalBloc .totalLabelWarning { color:#cc0000; }

.totalBloc .entete,
.reductBloc .entete{
  color: #44638F;
  float: left;
  font-weight: bold;
  margin: 0 0 5px;
  font-size: 12px;
  text-align: left;
  width: 168px;
}
.leftSidebar .title_pai{
    margin-bottom:3%;
    font-weight:bold;
    font-size:1.091em;
}
.leftSidebar .text{
  color:#44638f;
  float:left;
  font-size: 11px;
  margin:0 0 5px;
  width:128px;
}

.leftSidebar .paiementInput,
.paymentCheque .paiementInput{
  color:#44638f;
  float: left;
  border: 1px solid #92a3b7;
  margin: 10px 3px 5px 0;
  padding:0;
  width: 100px;
  font-size:0.923em;
}

.stdPageContent .inputWarning {
    border:1px solid #cc0000;
}

.paymentCheque .paiementInput {
    float:none;
    margin: 0 5px 0 0;
    padding: 4px 5px;
    height: 12px;
    width: 125px;
}

.paimentInput[disabled] {
    background: #ccc;
}

.orderHeaderTable{
  height:25px;
  line-height:25px;
  margin-top:0;
  text-align:left;
  width: 100%;
}
.headerTableText{
  font-size:1.091em;
  margin: 0 0 0 10px;
}
.paymentCheque,
.paymentNx,
.paymentComptant,
.paymentCreditCasino,
.cdiscountCard,
.cGeantCard,
.auroreCard,
.installmentsDetails,
.bankingInfos,
.paymentPostponed,
.paymentLMK,
.paymentInStore{
  background: #fff;
  clear:both;
  margin: 0 0 10px;
  overflow:hidden;
}

.cdiscountCardContent {
    height: 34px;
    background: url("https://i2.cdscdn.com/struct/orderprocess/op-choix-paiement-porteur.jpg");
    padding: 20px;
}
.cdiscountCardContent .rightText {
    position: relative;
    left:150px;
}
.cdiscountCardContent .button-paiement {
    margin-right: -10px;
    margin-top: 5px;
}
.cdiscountCardContent .cupComptantText {
    float: left;
    color: #44637F;
    font-size: 14px;
    font-weight: bold;
    margin: -3px 0 0 46px;
}
.cdiscountCardContent .questionPicto {
    background: url("https://i2.cdscdn.com/struct/orderprocess/op-aide.png");
    position: absolute;
    left: 355px;
    top: 0px;
    background-repeat: no-repeat;
}

.cdiscountCardContent .cardIco{
}

.paymentComptant .separator,
.paymentNx .separator,
.cGeantCard .separator{width:738px;}

.paymentCheque .separator { margin: 10px 0;}

.paymentCheque address {
    border:1px solid #92a3b7;
    font-style:normal;
    font-weight:700;
    margin:20px auto 0;
    padding: 10px;
    text-align: center;
    width :155px;
}

.paymentCheque ol {
    padding:0;
}

.paymentCheque li {
    list-style: none;
    margin: 5px 0;
}

.paymentCheque label {
    display:inline-block;
    width:150px;
}

.paymentCheque .chequeSteps { margin:0 0 10px; }

.button-continueOrder,
.button-validatePayment { float: right;}

.orderConfirmation { width:300px; }

.orderBarcodeElements
{
    display:inline-block;
    text-align:center;
    width:100%;
}

.orderBarcode {
    font-size:14px;
    width: 450px;
    height: 70px;
    margin:20px auto;
    text-align:center;
    text-transform:uppercase;
}

.orderBarcode img{
    margin:0;
    float:left;
}
.orderBarCodeCode{
    color:#000;
    margin:.5em 0;
    font-size:1.4em;
    font-weight:bold;
}
.orderBareCodeScopusId
{
    text-align: center;
    margin: 10px auto;
}

.orderBareCodePrintButton
{
    text-align: center;
}

.contentShop{
    margin:1em;
}
.button-otherPayment,
.button-otherPayment_over{
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat -1px -354px;
    float:left;
    height: 16px;
    width: 227px;
}
.button-otherPayment_over{background-position:-1px -372px;}

.button-validatePayment,
.button-validatePayment_over{
    background:url(https://www.cdiscount.com/imagesok/paiement/carte_cdiscount/bt-garantie.jpg) no-repeat;
    height: 17px;
}

.button-printOrder{
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat -1px -311px;
    height:30px;
    width:222px;
}

.button-continueOrder{
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat -1px 0;
    height: 25px;
    margin: 0 25px 25px 0;
    width: 96px;
}

.paymentCheque .chequeNumberError {
    font-weight: normal;
    margin: 3px 0 0;
    text-indent: 225px;
}

.paymentNx .price,
.cdiscountCard .price,
.paymentCheque .price,
.paymentPostponed .price{
  color: #cc0000;
  font-size: 13px;
  font-weight: bold;
  float: left;
  width: 140px;
}
.leftTitle{
  float: left;
  font-size: 0.923em;
  font-weight: bold;
  width: 165px;
}
.paymentCheque .leftTitleFull{
  font-size: 13px;
  font-weight: bold;
  float: left; 
  width: 280px; 
}
.rightText{
  /* width: 600px; */
  float: left;
  position:relative;
}
.redText{
    color:#cc0000;
    font-size:16px;
    font-weight:bold;
}
.redText sup{
    font-size:10px;
}
.withButton .questionPicto {
}

.withButtonCasinoCCL .questionPicto{
    position: absolute;
    top:-20px;
    right:0;
}

.cardIco{
  float: left;
  margin: 5px 0 0;
}
.cardIco .icoCheque,
.cardIco .icoMastercard,
.cardIco .icoGeant,
.cardIco .icoCb,
.cardIco .icoVisa,
.cardIco .icoCofinoga,
.cardIco .icoAurore,
.cardIco .icoCup,
.cardIco .icoCash,
.cardIco .icoPaypal{
  background: url(https://i2.cdscdn.com/struct/orderProcess/payment/pictos_payment.png) no-repeat;
  display:block;
  float: left;
  height: 26px;
  margin: 0 5px 0 0;
  text-indent:-9999px;
  width: 44px;
}
.cardIco .icoCheque4X{
    background: url(https://i2.cdscdn.com/struct/orderProcess/payment/cheque4X.png) no-repeat;
    width:70px;
    height:40px;
}
.cardIco .icoPaypal{
    background-position:0 -398px;
    width:86px;
    height:30px;
}
.cardIco .icoCheque{
	background-position:0 -200px;
	width:50px;
	height:21px;
}
.cardIco .icoCb{
  background-position:0 -40px;
  width:34px;
}
.cardIco .icoVisa{ background-position:0 -80px; }
.cardIco .icoAurore{
    background-position:0 -240px;
    width:30px;
}
.leftTitle .icoAurore{ margin: -5px 0 0; }
.leftTitle .icoCofinoga{ margin: -5px 0 0; }
.cardIco .icoGeant{ background-position:0 -320px; }
.cardIco .icoCofinoga{ background-position:0 -360px;}
.cardIco .icoPaypal{
    margin-left: 5px;
}
.cardIco .icoCup
{
    background-position:0 -440px;
    height: 35px;
    width:50px;
}
.cardIco .icoCash{
    background-position:0 -480px;
    width:61px;
    height:41px;
}
.rightText .icoCup  {
    bottom:9px; 
    position:relative; 
}
.cardIco .icoBankCasino,
.cardIco .icoSmallCds,
.cardIco .icoMediumCds,
.cardIco .icoLargeCds{
  background: url(https://i2.cdscdn.com/struct/orderProcess/icones/pictos_panier_light.png) no-repeat;
  display:block;
  float: left;
  height: 26px;
  margin: 0 5px 0 0;
  text-indent:-9999px;
  width: 44px;
}

.cardIco .icoBankCasino
{
  background: url(https://i2.cdscdn.com/struct/orderProcess/payment/cclCube.jpg) no-repeat;
  background-position: 0 0;
  height: 50px;
  margin: -5px 0 0;
  width: 73px;
}

.cardIco .icoSmallCds{
  background-position:0 -333px;
  margin: -10px 10px 0 0;
  width: 30px;
}

.cardIco .icoMediumCds{
  background-position: 0 -368px;
    height: 25px;
    margin: -5px 0;
    width: 37px;
}

.cardIco .icoLargeCds{
  background-position: 0 -275px;
  height: 50px;
  margin: -5px 0;
  width: 78px;
}
.stdPageContent .button-paiement,
.stdPageContent .button-paiement_over{
  background: url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat 0 -166px;
  float: right;
  height: 19px;
  /*margin:2px 0 0;*/
  width: 147px;
}
.stdPageContent .button-paiement_over{
  background-position: 0 -186px;
}
.stdPageContent .topButtonAccessToPaymentCCL
{
   margin-top:30px;   
}
.clrRed{
    color:#cc0000!important;
}
.withButton{
  width: 355px;
}
.withButtonCasinoCCL{
  width: 355px;
}
.CCLCasinoSizeText{
 font-size:13px; 
 font-family: Arial;
}
.withButtonMargin{
  margin-top: 10px;
}

.securedIco .moreInfoLink {
    float: left;
    left: 10px;
    position: relative;
    top: 15px
}

.leftTitle .secureIco{
  background: url(https://i2.cdscdn.com/struct/common/icon/icone.gif) no-repeat 0 -1666px;
  float: left;
  height: 20px;
  width: 15px;
}
.leftTitle .secureText{
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 0 18px;
}
.securedIco .secureVisa{
  background: url(https://i2.cdscdn.com/struct/orderProcess/payment/pictos_payment.png) no-repeat 0 -120px;
  float: left;
  height: 40px;
  margin: 0 5px 0 0;
  width: 100px;
}
.securedIco .secureMastercard{
  background: url(https://i2.cdscdn.com/struct/orderProcess/payment/pictos_payment.png) no-repeat 0 -160px;
  float: left;
  height: 40px;
  margin: 0 5px 0 0;
  width: 105px;
}
.pageContent .productTechnicalDesc{
    display:inline-block;
    height:20px;
    padding:0 0 0 5px;
}

a.productTechnicalDesc {
    color:#3c5a80;
    font-weight:700;
    text-decoration:none;
}

/**
 *
 * Carte CUP
 *
 */
.CardCUPRemise{
	margin-bottom:3px;
	margin-top:8px;
}

.PayInfosPrice {
    color: #cc0000;
	float:right;
	font-size: 13px;
	font-weight : bold;
}

.cupCardDelivery{
    background: url("https://i2.cdscdn.com/struct/productsheet/sprite_payment_facilities.png") no-repeat scroll -12px -875px transparent;
    clear: both;
    float: left;
    height: 35px;
    width: 55px;
}

.freeCupDelivery{
    color:#FF5500;
    float:left;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    margin: 8px 0px;
}

.clear{
	clear:both;
}
.cupComptant{
    float:left;
     margin-left: 30px;
}
.cupComptantText{
    float:left;
    margin:10px 0 0 55px;
}
.cupQuestionPicto{
    margin-top: 9px;
    padding-left:15px;
    width: 35px;
}
/**
 *
 * Rules for the "3xPopin"
 *
 */

 .popinPaymentCloseTxt {
	font-weight:bold;
	position:absolute;
	right: 35px;
    top: 11px;
 } 
 
 .popinPaymentMessage {
    float: left;
    margin-top: 7px;
 }

 #popinPayment {
    position:fixed;
	left:0;
	top: 20%;
 }

 #popinPayment .popin-container-large { width:850px; }

/* Special settings for IE7 */
 *  + HTML #popinPayment { width:100%; }
 *  + HTML #popinPayment .popin-container-large { width:850px; }
 
 .popinPaymentContent  { padding:0 30px 0 30px; }
 .popin-body .popinPaymentTitle {
	color:#eb0002;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	margin-bottom: 20px;
 }
 
 .popin-body .popinPaymentModalityList {
	padding-left:20px;
 }
 
 .popinPaymentModalityList .popinPaymentModalityListItem {
	margin-bottom:10px;
 }
 
 .popinPaymentModalityList .circledNumberPicto {
	margin-left:-23px;
	margin-right:3px;
	left:0px;
	
 }
 
/**
 *
 * Rules for the "3DSEcure Popup"
 *
 */
 
 .popup3DSecure {
    border: 1px solid #ccc;
    color:#000;
    font-family: Arial;
    font-size:14px;
    padding: 40px 15px 15px;    
 }
 
    .header3DSecure {
        font-size: 23px;
        font-weight: bold;
        margin:0;
        text-align: center;
    }
    
  
  .title3DSecure {
    color:#4189DD;
    margin:25px 0 0;
  }
 
  .bankList3DSecure li{ margin-bottom:4px;}
     
  .bankList3DSecure a{
    color:#000;
    text-decoration:underline;
  }
  
  
  .title3DSecure,
  .popup3DSecure strong,
  .bankList3DSecure a  {
    font-weight:bold;
  }
  
/**
 * Banking informations
 *
 * @author  CJU
 */
.bankingInfos .content{
	background:none;
	padding:20px 10px 10px;
}
.bankingInfos .customerInput{width:205px;}
.bankingInfos .customerLabel{width:150px;}
.bankingInfos .cryptoInput{width:40px;}
.bankingInfos .button-validate{float:right;}
.bankingInfos .customerRadio{float:left;}
.bankingInfos .cardIco{margin:-1px 0 5px 0;}

.bankingInfos .icoMastercard,
.bankingInfos .icoCb,
.bankingInfos .icoVisa,
.bankingInfos .icoCofinoga,
.bankingInfos .icoGeant,
.bankingInfos .icoAurore{
    margin:-5px 20px 0 0;
}
.bankingInfos .dateInput{
    float:left;
    margin:0 0 5px;
    width:758px;
}
.bankingInfos .interogationBtn,
.bankingInfos .sideInfo{
    color:#a3a3a3;
    font-size:10px;
    line-height:21px;
    width:auto;
}
.bankingInfos .interogationBtn{
    background-position:95px -370px;
    text-decoration:none;
}

.installmentsDetails { margin: 20px 0 0; }
.cbInstallments {
    height:200px;
    width:100%;
    margin: -10px 0 0;
}

.pageContent .installmentsDetails .separator {
    width: 98%;
    margin: 0;
}

.installmentSteps,
.installmentCase{
    background: #f8f9fb;
    float:left;
    height:100%;
    width:33%; 
}

.installmentSteps .step,
.installmentSteps .firstStep {
    height: 25%;
    padding: 1%;
    border-right: 1px solid #e4e8eb;    
}

.installmentSteps .firstStep{
    background: #e9edf0;
    height: 43%;
}

.super {
    font-size: 0.75em;
    line-height: normal;
    vertical-align: text-top;    
}

.installmentCase { background: none; }

.installmentCaseDetail {
   background:none;
   height:30%;
   padding: 13% 0 0;
   text-align: center;
}

.firstCase { border-right: 1px solid #e4e8eb; }

.step .installmentDetailTxt {
    color:#44638F;
    font-size:1.2em;
    font-weight:700;
    float:left;
    margin: 8% 0 0 5%;
    width: 55%;
    height: 60%;
}

.installmentDetailTxt span {
    display: inline-block;
    font-size:0.7em;
    font-style: italic;
    font-weight: normal;
    margin-top: 5px;
}

.installmentDetailTxt span img{
    float: left;
    margin-right:5px;
}

.step .installmentAmount {
    color:#eb0002;
    font-size:20px;
    font-weight:700;
    float:left;
    width: 35%;
    margin: 6% 0 0;
    text-align: center;
}

.firstStep .installmentAmount { margin-top: 13%; }

.installmentDate {
    display:block;
    color:#44638F;
    font-size: 1.1em;
    font-weight:700;
    margin: 5px 0 0;
}

/**
 * Cdiscount Card
 *
 * @author JTR
 */

.cdiscountCardTitle {
    height:111px;
    width:738px;
    margin:0 auto 30px;
}

.cdiscountCardSteps,
.typePaymentChoice {
    list-style: none;
    padding:0;
}

.paymentOption {
	display: inline-block;
    margin: 0 10px 5px 0;
    width: 165px;
}
.paymentProcess .paymentOption{
    margin:0 15px 5px 0;
    width:150px;
}

.paymentOptionRadio {
    display:inline-block;
    margin:0 0 5px;
    height:20px;
    width:20px;
}


.cdiscountCardStep {
    margin:0 0 25px;
    position:relative;
    width: 574px;
}

.cdiscountCardStep a.moreInfoLink:hover{
    text-decoration:none;
}

.cdiscountStepIco{
    background:url(https://i2.cdscdn.com/struct/orderProcess/icones/pictos_panier_light.png) no-repeat;
    display:block;
    height:33px;
    width:33px;
    position:absolute;
    left:-40px;
    top:-10px;
    text-indent:-9999px;
}

    .cdiscountStepIco1{ background-position:-1px -50px; }
    .cdiscountStepIco2{ background-position:-1px -85px; }
    .cdiscountStepIco3{ background-position:-1px -120px; }
    .cdiscountStepIco4{ background-position:-1px -153px; }

/* Infos-bulle caution */

.depositInfosBlock{
    background-color:#ededed;
    color:#000;
    font-size:11px;
    padding:0 12px;
    position:absolute;
    left:0;
    top: 60px;
    width:380px;
    z-index:2;
}
    
    .paymentProcess .depositImportant,
    .paymentProcess .depositConditionList{ font-weight:normal; }

    .depositImportantTitle{ color:#FF0500; }
    
    .depositConditionList,
    .depositConditionItem {
        list-style:none;
        margin:0;
        padding:0;
    }
    
    .depositConditionList {
        margin-top:-12px;    
    }
    
    .depositCloseBlock { text-align:right; }
    .depositCloseLink { color:#000; }

/* Fin Infos-bulle caution */

.typePaymentChoice {
    overflow:hidden;
}
.typePaymentChoice li {
    float:left;
    width: 175px
}

/**
 * Payment confirmation
 *
 * @author  CJU
 */
 
.paymentConfirmation{
  color:#616161;
  font-size:11px;
}

.paymentConfirmationHeader{
    background:#fff;
    margin:10px auto 0;
    width:1000px;
    /* height:110px; */
}
    .paymentConfirmationHeader .linkZone{
         cursor:pointer;
         display:inline-block;
         margin:0 0 0 10px;
         height:100px;
         width:200px;
    }
    
 .paymentConfirmation .pubBlock{
    clear: right;
 }
 
 .paymentConfirmation .subTitle{
    color:#FF8100;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
 }
 
.paymentConfirmation .titleCenter,
.paymentConfirmation .bottomCenter{
    width:100%; /* width:957px; */
}
.paymentConfirmation .content{
    background: url(https://i2.cdscdn.com/struct/orderProcess/layout/bg_repeat_order980.png) repeat-y; 
    margin:0 auto;
    padding:10px 20px 10px 14px;
    width:946px !important;
}
.paymentConfirmation .bottom{width:980px;}

.paymentConfirmation .leftContent{
  float:left;
  width:740px;
}
.paymentConfirmation .rightContent{
  border:1px solid #cc0000;
  color:#cc0000;
  float:right;
  padding:0 10px;
  width:170px;
}
.paymentConfirmation .centered{
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    width:960px;    
}
.paymentConfirmation ul{
    list-style-type:square;
    margin-left:25px;    
}
.summaryTitle{
    clear:both;
    display:inline-block;
    margin:15px 0 10px;
}

.summaryConfirmation { clear:both }

.summaryConfirmation .leftContent,
.summaryConfirmation .rightContent{
    border:none;
    color:#616161;
    float:left;
    font-size:11px;
    margin-bottom:10px;
    padding:0;
    width:469px;
}
.summaryConfirmation .leftContent{margin:0 8px 20px 0;}

    .summaryConfirmation .orangeBorder span{
        display:inline-block;
        font-size:12px;
        font-weight:bold;
        margin:0 0 15px;
    }
    .summaryConfirmation .deliveryMode{
        height:49px;
        line-height:49px;
        padding:0;
        width:946px;
    }
        .summaryConfirmation .deliveryMode span{
            color:#616161;
            display:inline-block;
            font-size:11px;
            font-weight:normal;
            float:left;
            width:90px;  
        }
.summaryConfirmation .floatRight span{
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    width:100%;
}

.button-continue,
.button-continue_over{
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat -1px -486px;
    height: 26px;
    width: 155px;
}

.button-continue_over{ background-position:-1px -513px; }

.button-customerZone,
.button-customerZone_over{
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat -1px -431px;
    height: 26px;
    width: 120px;
}

.button-customerZone_over{ background-position:-1px -458px; }

/*
 * Order explanations
 */

.orderExplanation {
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 2px;
    width: 636px;
}
 
.orderExplanation .leftContent,
.orderExplanation .rightContent{
    border:none;
    color:#616161;
    float:left; 
    font-size:11px;   
}
.orderExplanation .leftContent{width:636px;}
.orderExplanation .rightContent{
    padding:0;
    width:300px;
    
}

/*
 * Credit Point Relais : projectSummary
 */

.projectDetail {
    border: 1px solid #FF8100;
    padding: 5px;
    margin:0 0 10px;
}

.projectDetail p { /* overrrides the color set on all <p> tags in button_payment.css */
    color:#616161;
}

    .projectDetail ul{
        margin-top:5px;
        margin-left:0;
        padding-left:0;
    }

    .projectDetail li {
        margin:0;
        padding:0;
        list-style: none inside;
    }
    
    .projectDetail .financingPlan { 
        font-weight:bold;
        margin-left:15px;
    }

/*.projectLegalInfo {
    width:600px;
    float:left;
}*/


/*
 * Order summary
 */
.orderCellName{width:200px;}
.orderCellDesc{width:634px;}
.orderCellQty{width:20px;}
.orderCellPrice{width:55px;}

.orderSummaryTitle{
    margin:10px 0 5px;
    text-align:left;
}
.orderSummaryTab{
    border:1px solid #999;
    width:100%;
}
.orderSummaryTab td,
.orderSummaryTab th,
.orderSummaryPrice td,
.orderSummaryPrice th{ 
    border:1px solid #ccc;
    padding:4px;              /* Set to "0" for no white space around cell contents */
    vertical-align:top;       /* Default is "middle" */
}
.orderSummaryTab th{
    background-color:#d3d3d3;
    border-color:#999;
}
.orderSummaryPrice{
    border:1px solid #999;
    float:right;
    margin:5px 0 10px;
}
.orderSummaryPrice th{text-align:right;}

.orderSummaryPrice .totalTTCPrice{
    background-color:#d3d3d3;
    font-weight:bold;
}
/*
.summaryFooter {
	clear:both;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 10px;
	text-align:center;
}
.summaryFooter span {
	color:#ff8100;
}
*/
.summaryFooter{
    background:#fff;
	clear:both;
	margin:0 auto;
    overflow:hidden;
    text-align:center;
    width:600px;
}

 .summaryFooterTitle,
 .summaryLeftTitle,
 .summaryOpeningHours{
    color:#fff;    
 }
 
 .summaryFooterSubTitle,
 .summaryRightTitle {
    color:#eb6909;
 }

 .summaryFooterTitle {
    background:#eb6909;
    font-size:20px;
	font-weight:700;
	line-height: 30px;
}

 .summaryFooterSubTitle {
	font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 10px 0;
 }
 
.summaryFooterLeft,
.summaryFooterRight{
    float:left;
    width:223px;
	height:140px;
}

.summaryFooterLeft{
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #eb6909;
  margin:0 0 0 20px;
  width: 300px;
}

.summaryFooterRight{
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  background:url(https://i2.cdscdn.com/struct/orderProcess/payment/orderByTel.png) 2px 30px no-repeat;
  border: 1px solid #eb6909;
  position:relative;
  left: -1px;
}

.summaryLeftTitle {
    background:#eb6909;
	-moz-border-radius: 7px 0 0;
	-webkit-border-radius: 7px 0 0;
	border-radius: 7px 0 0;
    font-size:12px;
    height:30px;
	line-height: 13px;
	margin:0;
}

.summaryRightTitle {
    font-size: 14px;
    height: 20px;
    margin: 0;
    padding: 5px;
}

.paymentConfirmation .summaryFooterList,
.summaryFooterListItem{
    font-size: 12px;
    list-style: none outside none;
    margin: 9px 0;
    padding: 0;
}

.summaryFooterListItem a{
	color:#454545;
	font-weight:700;
}

.summaryOpeningHours{
    font-weight: 700;
	margin: 0;
    padding-right: 50px;
}

.summaryOrderTel{
    bottom: 2px;
    color: #C0C0C0;
    font-size: 25px;
	font-weight:700;
    margin: 0;
    position: absolute;
    right: 35px;
}

.summaryFooterList{ font-weight:700; }
.summaryFooterBottom{ clear:both; }
.summaryInfos { font-style:italic; }
    
/**
 * Payment refused
 *   
 * @author    loic pedel <email> loic.pedel@cdiscount.com
 * @since     29/12/2010
 */
/*
 * commun a paiement refuse et echec paiement
 */
.headerPaymentContent{
    background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px -4px;
    height:78px;
    padding:0 0 0 12px;
    position:relative;
}
.headerTop{
	background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px 0;
	height:4px;
}
.headerBottom{
	background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px 0;
	height:4px;
}
.date{
  color:  #a3a3a3;
  font-style: italic;
  font-size: 11px;
  float: right;
  margin: 10px 20px 0 0;
}
/*Paiement refusee*/
.wrapper{
    margin: auto;
    padding: 0;
    text-align: left;
    width: 1000px;
}
.wrapperContent{
  background-color: #fff;
  border: 1px solid #999;
  overflow:hidden;
  margin:15px 0 0;
}
.header{
  height: 100px;
  width: 1000px;
}
.inheader{
  background:transparent url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat scroll -300px -4px;
  height: 88px;
  margin: 0;
  padding: 0;
  width: 1000px;
}
.inheader img{
  border: none;
  display: block;
  margin:-13px 0 0;
}
.headerStrip{
  border-bottom:1px solid #7D8064;
  border-top:1px solid #7D8064;
  color:#7D8064;
  height:18px;
  line-height:18px;
  margin:0 0 10px;
  overflow:hidden;
  position:relative;
  top:0;
  left:-10px;
  text-align:center;
  width:1000px;
}
.pageContent .headerStrip{left:-230px;}

.mainCentered{
  background-color: #fff;
  float: left;
  padding: 40px 10px 0;
  width: 980px;
}
.cmdNumber{
  color: #a3a3a3;
  float: left;
  font-size: 11px;
  margin: 3px 0 0;
  text-align: right;
  width: 170px;
}
.extendedLbl{
  margin: 15px 0 0;
}
.paymentPartner{
  border: 1px solid #d3d3d3;
  color: #44638F;
  float: left;
  font-size: 11px;
  margin: 0 0 10px 0;
  width: 778px;
}
.paymentPartner .orderHeaderTable{
  margin: 0;
  width: 778px;
}
.paymentPartner .content{
  background: #fff;
  margin: 15px 0 0;
  width: 758px !important;
}
.alertLabel{
  color: #cc0000;
  font-weight: bold;
  margin: auto auto 10px;
  text-align: center;
  width: 150px;
}
.alertMessage{
  margin: 5px auto 10px;
  text-align: center;
  width: 450px;
}
.paymentPartner .button-cancelOrder{
  display: block;
  margin : 20px 0 0 550px;
}
.borderedContent{
  margin: 0 0 5px 0;
  width: auto;
}
.totalPrice{
  border: 1px solid green;
  color:  green;
  font-weight: bold;
  font-size: 13px;
  padding: 5px;
  margin:-6px 0 0;
  float: right;
  /* width: 50px; */
}
.conditionMsg{
  color: #a3a3a3;
  font-style:italic;
  font-size: 10px;
}
.mainCentered .footerPartPaiement{
  background-color: #fff;
  float: left;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 960px;
}
.mainCentered .footerSepTop,
.mainCentered .footerSepBottom{
  width: 980px;
}
.echecPayment .interogationBtn,
.errorPayment .interogationBtn{
    color:#616161;
    font-size:10px;
    line-height:21px;
    margin-top:10px;
    padding:0 0 0 25px;
    width:200px;
}
.echecPayment .interogationBtn,
.errorPayment .interogationBtn{
    text-decoration:none;
}
.echecPayment a.interogationBtn:hover,
.errorPayment a.interogationBtn:hover{
    text-decoration:underline;
}

/*Page echec de paiement */

.button-backToCds{
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat -1px -410px;
    height: 18px;
    width: 151px;
}

.paymentProcess {
    font-size: 1.1em;
    font-weight:700;
    margin: 0 auto;
    width: 80%;
}

.echecPayment{
  margin:0 auto;
  width:594px;
}
.cupCardInactive{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/popin_echec_paiement_no_title.jpg) no-repeat scroll 1px 0;
  float: right;
  width:639px;
  height: 412px;
  margin:10px 170px 10px 170px;
}
.echecPayment .title{
  color:#fff;
  font-weight:bold;
  height:44px;
  width:100%;
}

.echecPayment .titleEchecPayment{
  color:#fff;
  font-weight:bold;
  height:44px;
  width:100%;
  margin-left:-50px;
}

.echecPayment .bottomCenterEchecPayment {
background: url(https://i1.preprod-cdiscount.com/struct/orderProcess/layout/popin_echec_paiement.png) no-repeat scroll 1px -43px;
float: left;
height: 15px;
width: 737px;
margin-left:-50px;
}

.echecPayment .contentEchecPayment{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/popin_echec_paiement-repeat.gif) repeat-y scroll 1px 0; 
}

.echecPayment .titleLeft{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -75px;
  float: left;
  height:44px; */
  width:0px;
}
.echecPayment .titleCenter{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/popin_echec_paiement.png) no-repeat scroll 1px 0;
  float: left;
  height:44px;
  width:100%;
}
.titleCupCardInactive
{
    margin-top: 20px;
    margin-left: 82px;
    width: 470px;
}
.echecPayment .titleRight{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -119px;
  float: left;
  height:44px; */
  width:0;
}
.echecPayment .titleIco{
  /* background: url(https://i2.cdscdn.com/struct/common/icon/picto_cafe.png) no-repeat;
  float: left;
  height: 25px;
  margin: 6px 3px 0 5px; */
  width:0;
}
.echecPayment .titleText{
  padding: 16px 0 0 20px;
}
.echecPayment .content{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/popin_echec_paiement-repeat.gif) repeat-y scroll 1px 0; 
}
.echecPayment .bottom{width:100%;}

.echecPayment .bottomLeft{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -207px;
  float: left;
  height:13px; */
  width:0;
}
.echecPayment .bottomCenter{
  background: url(https://i2.cdscdn.com/struct/orderProcess/layout/popin_echec_paiement.png) no-repeat scroll 1px -43px;
  float: left;
  height:15px;
  width:737px;
}
.echecPayment .bottomRight{
  /* background: url(https://i2.cdscdn.com/struct/orderProcess/layout/layout_order.png) no-repeat 100% -220px;
  float: left;
  height:13px; */
  width:0;
}
.warningIco{
  float: left;
  height: 167px;
  margin:0 10px;
  width: 158px;
}
.echecText{
  color:#798DA8;
  float: left;
  margin: 0 0 15px 30px;
  width: 350px;
}
.contentCupCardInactive .echecText{
    color: #003293;
    text-align: center;
    margin: 10px 0px 0px 0px;
    width: 100%;
}
.button-back-paiement{
  background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat scroll -1px -593px;
  float: left;
  height: 50px;
  width: 185px;
  margin: 15px 10px 0 192px;
}
.button-back-paiement-cupcardinactive
{
  background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/button_back_payment.png) no-repeat;
  float: left;
  width: 132px;
  height: 32px;
  margin: 20px 253px 0px 253px;
}
.button-cancelOrder,
.button-cancelOrder_over {
    background:url(https://i2.cdscdn.com/struct/orderProcess/buttons/buttons_panier_light.gif) no-repeat scroll -1px -540px;
    width:152px;
    height:24px;
}

.button-cancelOrder_over { background-position:-1px -567px; }

/**
 * Common Css class for all pages of the order process
 * These class need to be at the end of this stylesheet
 */
/**
 * pictos used in the order process
 */
.pictoMagnify{
  background: url(https://i2.cdscdn.com/struct/common/bg_puces.png) no-repeat 0 -420px;
  border: none;
  display: block;
  height: 20px;
  width: 20px;
}
.OrderPriceTxt .pictoMagnify{
  margin: 0 auto;
}
/*
 * Margin
 */
.marginTop30{margin:30px 0 0;}
.marginTopBottom10{margin:10px 0;}
.marginRight5{margin:0 5px 0 0;}
/**
 * absolute bottom left position
 * @todo put this in the layout_r2.css file
 */
.abl{
  bottom:0;
  position: absolute;
  left:0;
}
/**
 * positionnement absolue bas droite
 */
 .abr{
   position: absolute;
   bottom: 10px;
   right: 10px;    
 }
 
 
 /** Styles directly imported from Cdiscount/V2/OrderProcess/shipping.css to get to the relay choice popin to work **/

.em-map-header{
width:964px;
height:160px;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-header.jpg);
margin:0 auto
}

.em-map-header-p30{
width:964px;
height:137px;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-header+30.jpg);
margin:0 auto
}
.em-map-header-m30{
width:964px;
height:133px;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-header-30.jpg);
margin:0 auto
}
.em-map-header-m30-reverse{
background:url(https://i2.cdscdn.com/imagesok/orderProcess/shipping/em-carte-hd-retrait.jpg);
}

.em-map-header-title{
visibility:hidden;
}
.em-map-wrapper{
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-wrapper.jpg) bottom repeat-x;
width:962px;
height:590px;
margin:0 auto;
font-family:arial;
padding-top:35px;
overflow:hidden;
}
.em-map-wrapper-cola{
width:343px;
float:left;
margin-left: 10px;
margin-right: 10px;
}
.em-map-wrapper-cola-b1{
padding:0;
}

/* wrapper formulaire */
.divtitle {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/sprite_choixlivraison.png) -345px bottom no-repeat;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
/**/
.WrapperChoice,
.WrapperChoice2 {
  clear: both;
  margin: 0 auto 0 auto;
  width: 323px;
}
.WrapperChoice2 {
  border-bottom: 1px solid #cad2dd;
  height: 110px;
  padding: 0 0 10px 0;
}
/* choix du type de produit */
.LeftChoice {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/groselectro.png) 45px 0 no-repeat;
  float: left;
  padding: 50px 0 0 20px;
  width: 140px;
}
.RightChoice {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/grosmobilier.png) 45px 0 no-repeat;
  float: left;
  padding: 50px 0 0 40px;
  width: 120px;
}
/*hack ie7*/
*+html .divtitle {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/sprite_choixlivraison.png) -343px bottom no-repeat;
}

.em-map-wrapper-cola-title1{
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/sprite_choixlivraison.png)  0 -1px no-repeat;
  clear: left;
  color: #3c5a80;
  display: block;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  height: 11px;
  margin: 0 0 10px 0;
  padding: 10px 0 0 15px;
  text-align: left;
  width: 308px;
}
.em-map-wrapper-cola-title2{
font-size:19px;
font-weight:bold;
font-style:italic;
color:#8ab500;
display:block;
clear:both;
margin:0 0 10px;
}
.em-map-wrapper-cola-title3{
font-size:14px;
font-weight:bold;
display:block;
clear:both;
margin:0 0 0 0;
}
.em-map-wrapper-cola-title4{
font-size:20px;
font-weight:bold;
color:#000;
display:block;
clear:both;
margin:0 0 10px;
}
.em-map-wrapper-cola-label1{
font-size:15px;
font-weight:bold;
color:#000;
margin:5px 0 0 0;
}
.em-map-wrapper-cola-input1{
background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/sprite_choixlivraison.png) -685px 0 no-repeat;
border: 0;
color: #626262;
display: block;
font-size: 12px;
float: left;
height: 27px;
line-height: 27px;
margin: 0;
padding: 0 0 0 30px;
width: 259px;
}
.em-map-wrapper-cola-suggestion-container
{
  color: #3c5a80;
  height: 70px;
  width: 272px;
  overflow: auto;
  padding-left:15px;
  border: 1px solid #BCC2CB;
  display:none;
}
.em-map-wrapper-cola-suggestion-container a
{
    color: #3c5a80;
}
.em-map-wrapper-cola-suggestion-1
{
    background-color:#FFFFFF;
    width: auto;
}
.em-map-wrapper-cola-suggestion-0
{
    background-color:#F4F5F8;
    width: auto;
}
.em-map-wrapper-cola-submit{
width:27px;
height:27px;
margin:0;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/btn_fleche_livraison.png);
border:0;
display:inline;
cursor:pointer;
}
.em-map-wrapper-cola-address{
margin:0 0 10px;
padding:0;
display:block;
font-size:12px;
font-style:normal;
font-family:arial;
}
.em-map-wrapper-cola-number
{
    height:115px;
    width:18px;
    float:left;
    background-color: #3C5A80;
    padding: 105px 0 0 10px;
}
.em-map-wrapper-cola-details
{
    width: 295px;
    float:left;
    padding: 5px;
    margin: 5px 0;
    color:#3C5A80;
}
.em-map-wrapper-cola-route-detail
{
    width:auto;
    background-color:#f4f5f8;
    height: 34px;
    margin-top: 10px;
    font-weight: bold;
    padding-bottom: 5px;
}
.em-map-wrapper-cola-adress-left
{
    width:202px;
    float: left;
}
.em-map-wrapper-cola-adress-right
{
    width:91px;
    float:left;
}
.em-map-wrapper-cola-time-content
{
    background-color:#f4f5f8;
    clear:both;
    width: auto;
    padding: 2px 5px 2px 5px;
}
.em-map-wrapper-cola-timeTitle
{
    font-size:14px;
    font-weight:bold;
    display:block;
    margin:0 0 0 0;
}
.em-map-wrapper-cola-time{
    margin:0 0 10px 0;
    padding:0;
    display:block;
    font-size:12px;
    list-style-type:none;
}
.em-map-wrapper-cola-link{
margin:0;
padding:0;
display:block;
font-size:12px;
color:#8ab500;
}
.em-map-wrapper-colb{
float:left;
}
.em-map-wrapper-colb-maparea{
width:575px;
height:575px;
}
.em-map-footer{
width:964px;
height:9px;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-footer.jpg);
margin:0 auto
}
.em-map-order{
width:964px;
margin:15px auto;
display:table;
}
.em-map-order-a{
float:left;
font-size:12px;
}
.em-map-order-a-retour{
width:101px;
height:36px;
margin:0 5px 10px 0;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-retour.jpg);
border:none;
display:block;
cursor:pointer;
float:left;
}
.em-map-order-b{
float:right;
font-size:12px;
}
.em-map-order-c{
float:right;
}
.em-map-order-a-paiement{
width:205px;
height:35px;
margin:0 5px 10px 0;
background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/em-carte-valid.gif);
border:none;
display:inline;
cursor:pointer;
}
.em-map-order-red{
color:#FF0000;
}

/**
 * List of relays left col 
 */
 .RelayChoiceRelayListContainer {
  width: 343px;
  overflow: auto;
  position:relative; /* corrects an overflow bug on IE7 */
}

.popin-body ol.RelayChoiceRelayListContainer { padding:0 !important; /* necessary to override ".popin-body ol" rule */ }

.relayLongList { height: 436px; }
.relayShortList  { height: 375px; }

.popin-body .RelayChoiceRelayListItem {
    padding:0;
}
.RelayChoiceRelayListItem, .RelayChoiceRelayListItemV2{
	padding:1px 0!important;
	border-top:1px solid #dee;
	border-bottom:1px solid #bcc;
	color:#3c5a80;
	font-size:11px;
	height:auto;
}
.RelayChoiceRelayListItem{
    height:270px;
	position:relative;
}
.RelayChoiceRelayListItem .productCarrierNoPicto {
   float: left;
   width:135px;
}
.LastRelayChoiceRelayListItem {
  border-bottom: none;
  /*border: 1px solid #bcc2cb;
  border-spacing: 0;
  clear: both;
  color: #3c5a80;
  display: table;
  font-size: 11px; */
}
/* blue block */
.RelayChoiceRelayNum {
  background: #396091 url(https://i2.cdscdn.com/struct/orderProcess/shipping/sprite_choixlivraison.png) -974px bottom no-repeat; 
  float: left;
  height: 100%;
  margin: 0 5px 0 0;
  width: 26px;;
}
.RelayChoiceRelayNumImg {
    margin-left: 2px;
    position: absolute;
    top: 41%;
    width: 22px;
}
/*content block*/
.RelayChoiceRelayCord {
    float: left;
    height: 200px;
    padding: 0;
    width: 290px;
}
.RelayChoiceRelayCreditPicture {
  float: left;
  margin: 8px 20px 10px 0;
}
.RelayChoiceRelayCord .RelayChoiceRelayInfosBox{
    margin:8px 0 10px 10px;
    }
.RelayChoiceRelayInfosBox {
  float: left;
  margin: 5px 0 10px 2px;
  height: 110px;
}
.RelayChoiceRelayInfosBox .M30Picto {
    float: left;
    margin-top: 17px;
}
.RelayChoiceRelayInfosBox .RelayTypePicto {
    float: right;
}
.RelayChoiceRelayInfosBox address {
	float: left;
    width: 145px;
}
.RelayChoiceRelayInfosBoxBig {
  display: table;
  float: left;
  margin: 8px 0 10px;
  width: 200px;
}
.RelayChoiceRelayInfos {
  font-size: 12px;
  margin: 0 0 5px;
  font-style: normal;
}

.RelayChoiceBackground {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/RelayChoiceBackground.jpg) repeat;
  clear: both;
  display: table;
  margin-bottom:15px;
}
*+html .RelayChoiceBackground {
  width: 297px;
}
.RelayChoiceBackground1col {
  background: #f4f5f8;
  clear: both;
  display: table;
}
.RelayChoiceRelayOpenings,
.RelayChoiceRelayTime {
  float: left;
  margin:0;
  padding:0;
}
.RelayChoiceRelayOpenings {
  background: #F5F5F7;
  padding: 0 0 5px 5px;
  position: relative;
  width: 140px;
}
.RelayChoiceRelayTime {
  background: #F5F5F7;
  height: 100%;
  padding: 0 5px;
  position: absolute;
  right: -145px;
  top: 0;
  width: 130px;
}

.RelayChoiceSelectionner {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/selectionnerrelais.png);
  border: 0;
  bottom: 7px;
  cursor: pointer;
  display: block;
  height: 23px;
  left: 30%;
  position: absolute;
  width: 155px;
}
/* new version of popin choice relay */
#searchBingZone{
    position:relative;
}
.newInputBing {
    background:url(https://i2.cdscdn.com/struct/orderProcess/shipping/sprite_choixlivraison.png) -686px 0 no-repeat;
    border:0;
    color:#666;
    display:block;
    font-size:12px;
    float:left;
    height:27px;
    line-height:27px;
    margin:0;
    padding:0 0 0 30px;
    width:258px;
    -webkit-appearance:none;
    box-sizing:content-box;
}
.searchBing{
    background-color:#fff;
    position:absolute;
    z-index:200;
    top:58px;
    left:0;
    border-radius:0 0 5px 5px;
    padding:3px 0;
    border:1px solid #ccc;
    border-top:0;
    width:286px;
    cursor:pointer;
}
.searchBing li{
    padding:2px 5px;
    color:#3c5a80;
}
.searchBing li:nth-child(odd) {
    background-color:#eee;
}
.searchBing .current, .searchBing li:hover {
    background-color:#899!important;
    color:#fff!important;
}
.line{
	background-color:#485f96;
	position:relative;
	padding-left:26px;
}
.line > img{
	position:absolute;
	top:45%;
	left:2px;
}
.lineContent{
	padding:5px 12px;
	background-color:#fff;
}
.lineContentAdr{
	padding:9px;
	border:1px solid #ddd;
	text-transform:uppercase;
	margin-bottom:.8em;
	border-radius:5px;
    cursor: pointer;
}
.lineContentAdr.act{
	background-color:#eef0f3;
}
.lineContentAdr input{
	margin-right: .8em;
}
.lineContentAdr label, .lineContentAdr input, .lineContentAdr img{
	display:inline-block;
	vertical-align:middle;
}
.lineContentAdr label{
	width: 158px;
	cursor: pointer;
}
.lineContentAdr:hover {
    box-shadow: 4px 4px 6px #DDD;
}
.clrRed{
	color:red;
}
.lineContent p{
	width:48%;
	padding:0 1%;
}
/* end */
/* old do not know if usefull */
/*content block*/
.RelayChoiceRelayCord {
    float: left;
    height: 200px;
    padding: 0;
    width: 290px;
}
.RelayChoiceRelayCreditPicture {
  float: left;
  margin: 8px 20px 10px 0;
}
.RelayChoiceRelayInfosBoxBig {
  display: table;
  float: left;
  margin: 8px 0 10px 0px;
  width: 200px;
}
.RelayChoiceBackground {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/RelayChoiceBackground.jpg) repeat;
  clear: both;
  display: table;
  margin-bottom:15px;
}
.RelayChoiceBackground1col {
  background: #f4f5f8;
  clear: both;
  display: table;
}
/* InfoBox */
.RelayInfoBox {
  text-align: left;
}
.RelayInfoBoxAddress, .RelayInfoBoxHours {
  margin-top: 10px;
}
.ero{
  z-index: 20002 ! important;
}
.ero-progressAnimation{
  z-index: 20002 ! important;
}
/*bing map*/
.bgPuspin div {
    color:#467!important;
    top:3px!important;
    width:20px!important;
    cursor:pointer;				
}
.bgInfobox {
    color: #3C5A80;
    border-radius:5px;
    background-color: white;
    border: solid 1px #DDD;
    padding: 5px;
    font: 0.7em Verdana, sans-serif;
    min-width:200px;left:-300px!important;
    -moz-box-shadow: 3px 3px 3px 0px #c0c0c0;
    -webkit-box-shadow: 3px 3px 3px 0px #c0c0c0;
    -o-box-shadow: 3px 3px 3px 0px #c0c0c0;
    box-shadow: 3px 3px 3px 0px #c0c0c0;
}

/*order buttons*/
.em-map-orderlabelblock {
  margin: 14px 0;
  text-align: right;
}
.em-map-orderlabelform{
  margin: 0 5px 0 0;
}
.em-map-voirtouslespointsrelais {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/voirtouslespointsrelais.png);
  border: none;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  height: 27px;
  margin: 0 0 0 0;
  width: 155px;
}
.em-map-accederaupaiement {
  background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/accederaupaiement.png);
  border: none;
  cursor: pointer;
  display: block;
  height: 43px;
  margin: 0;
  width: 169px;
}


/* Payment cancelled */
.PaymentCancelledBlock {
  margin-left:202px;
  margin-top:83px;
  width:546px;
}
.PaymentCancelledContent {
  background: url(https://i2.cdscdn.com/imagesok/payment/2-m.gif);
  color:#4e5257;
  font-size:12px;
  padding-bottom:30px;
  padding-top:30px;
  text-align:center;
}

/* Payment refused */
.PaymentRefusedBlock {
  background: url(https://i2.cdscdn.com/imagesok/payment/2-m.gif);
  margin-left:305px;
  margin-top:48px;
  width: 546px;
}
.PaymentRefusedCentralBlock {
  margin-bottom:30px;
  text-align:center;
}
.PaymentRefusedTitle, .PaymentRefusedContent {
  font-size: 12px;
  width: 526px;
}
.PaymentRefusedTitle {
  color: #FF0000;
  font-weight: bold;
  padding-top: 42px;
}
.PaymentRefusedContent {
  color: #4e5257;
  margin-top: 12px;
  margin-bottom:39px;
}
.PaymentRefusedSeparator {
    height: 9px;
    margin-left: 10px;
}
.PaymentRefusedBottom {
    color: #666666;
    font-size: 10px;
    font-style: italic;
    margin-left: 10px;
    text-align: left;
}


.greyInput {
    background-color : whiteSmoke;
    color : #B2B2B2;
}
.majorityAlert {
    margin-top:5px;
}
/*********************RPE******************************/
/**************Popup Order Process*********************/

body {
  font-family:Arial;
  color:#837eb6;
}
.popupClearer {
  clear:both;
}
.popupWrapper {
  margin:auto;
  width:580px;
}
.financingPopupWrapper {
  margin:auto;
  width:745px;
}
.headerPopup {
  background:url(https://www.cdiscount.com/imagesok/credit/ccl/tetiere-popup.jpg) no-repeat;
  width:568px;
  height:162px;
}
.financingHeaderPopup {
  background:url(https://www.cdiscount.com/imagesok/credit/ccl/tetiere-popup.jpg) no-repeat;
  width:740px;
  height:181px;
}
.financingHeaderPopupText {
    width: 740px;
    height: 55px;
    text-align: center;
	font-weight: bold;
	font-size: 19px;
}
.popupContenu {
  padding:0 15px 15px;
}
.financingPopupContenu {
  padding:0 0 15px 5px;
}
.financingTitles {
    color: #E94F4D;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: -10px;
    font-size: 20px;
}
.financingTitles sup{
    font-size: .6em;
    position: relative;
    top: 0;
}
.lineHeight18{
    line-height: 18px;
}
ul {
  padding-left:0;
  margin-left:0;
}
li.popupPuce 
{
  font-size:12px;
  list-style : none;
  background:url(https://www.cdiscount.com/imagesok/credit/ccl/puce_cube.jpg) no-repeat;
  padding:0 0 25px 30px;
  margin:0 0 0 10px;
}
li.financingPopupPuce 
{
  list-style: none;
  text-indent: -2.2em;
  padding:0 0 25px 58px;
  margin:0 0 0 10px;
  line-height: 14pt;
}
li.financingPopupPuce:before{
  font-size:50px;
  content:"\2022\0020";
  color: #C6D524;
  vertical-align:middle;
  line-height:15px;
}
li.un-first {
  list-style : none;
  background:url(https://www.cdiscount.com/imagesok/credit/ccl/p_01.gif) no-repeat;
  padding:0 0 15px 40px;  
}
li.deux-first {
  list-style : none;
  background:url(https://www.cdiscount.com/imagesok/credit/ccl/p_02.gif) no-repeat scroll 0 30px;
  padding:30px 0 15px 40px;   
}
li.popupUn 
{
    list-style : none;
    background:url(https://i2.cdscdn.com/imagesok/specific/ccl/p_01.gif) no-repeat;
    padding:0 5px 25px 40px;  
    margin : 20px 0 0 0 ;
}
li.popupDeux 
{
    list-style : none;
    background:url(https://i2.cdscdn.com/imagesok/specific/ccl/p_02.gif) no-repeat;
    padding:0 5px 25px 40px;   
    margin : 10px 0 0 0 ; 
}
li.popupTrois 
{
    list-style : none;
    background:url(https://i2.cdscdn.com/imagesok/specific/ccl/p_03.gif) no-repeat;
    padding:0 5px 10px 40px;  
    width:500px;
}
li.popupQuatre 
{
    list-style : none;
    background:url(https://i2.cdscdn.com/imagesok/specific/ccl/p_04.gif) no-repeat;
    padding:0 5px 25px 40px;  
    width:500px;
}

li.FinancingPopupUn 
{
    list-style : decimal;
    margin : 20px 0 0 20px ;
	padding-left : 10px;
}
li.FinancingPopupDeux 
{
    list-style : decimal;
    margin : 10px 0 0 20px ; 
	padding-left : 10px;
}
li.FinancingPopupTrois 
{
    list-style : decimal;
	margin : 10px 0 0 20px ; 
	padding-left : 10px;
}
li.FinancingPopupQuatre 
{
    list-style : decimal;
	margin : 15px 10px 30px 20px ; 	
	padding-left : 10px;
}


.popupMiniPopup{
font-size:9px;
margin-top:10px;
text-align:left;
width:540px;
}

.financingPopupMiniPopup{
font-size:10px;
margin-top:10px;
margin-left: -10px;
text-align:justify;
line-height: 9pt;
width:750px;
}

/*tableu casino*/
.casinoTitle
{
    font-size:14px;
    font-weight:bold;
}
.creditTdTitle{
	border:1px solid #000;
	border-bottom:none;
	background:#A9E106;
	font-weight:bolder;
	text-align:center;
}
.financingCreditTdTitle{
	border-bottom:none;
	background:#F3F3F3;
	font-weight:bolder;
	text-align:center;
    padding: 8px;
}
.topTableauPopupCcl
{
	background:url(https://www.cdiscount.com/imagesok/specific/ccl/tableaupopupcclhaut.jpg) no-repeat;
	width:539px;
	height:14px;
	margin:10px 0 0 0;
}
.contentTableauPopupCcl
{
	background:url(https://www.cdiscount.com/imagesok/specific/ccl/tableaupopupcclmilieu.jpg);
	width:539px;
	margin:0;
	padding:0;
	color:#000;
	font-size:9px;
	font-family:arial;
}
.financingContentTableauPopupCcl
{
	width:750px;
	margin:0;
    margin-left: -10px;
	padding:0;
	color:#000;
	font-size:9px;
	font-family:arial;
}
.financingContentTableauPopupCcl td
{
    font-size:12px;
	font-family:arial;
}

.contentTableauPopupCcl td
{
    color:#000;
    font-size:9px;
	font-family:arial;
}
.bottomTableauPopupCcl
{
	background:url(https://www.cdiscount.com/imagesok/specific/ccl/tableaupopupcclbas.jpg) no-repeat;
	width:539px;
	height:14px;
	margin:0 0 10px 0;
}
.creditTable{
    text-align:left;
    width:100%;
}
.creditTrDark{
    background:#C6D524;
}
.financingCreditTrDark{
    background:#A9E106;
}
.creditTrLight{
    background:#BCF707;
}
.creditTd{
    font-weight:bolder; 
    text-align:center;
}
.TdExemple{
    background-color: #F3F3F3;
}
.financingTdExemple{
    background-color: #f1f1f1;
}
.TdTop{
    border-top:1px solid #000;
}
.financingTdTop{
    border-top:1px solid #C6D524;
    padding-top: 8px;
    padding-bottom: 8px;
}
.TdBottom{
    border-bottom:1px solid #000;
}
.TdLeft{
    border-left:1px solid #000;
}
.TdRight{
    border-right:1px solid #000;
}
.TrBottom{
    border-bottom:1px solid #BCF707;
}
.financingTdLeft{
    border-left:1px solid #C6D524;
}
.financingTdRight{
    border-right:1px solid #C6D524;

}
.financingTdPaddingLeft{
    padding-left: 20px;
}
.financingTdPaddingRight{
    padding-right: 10px;
}
.financingTdPadding {
    padding: 2px;
}
.normal
{
    font-weight:normal;
}
.inputCCL{
    float:left;
    font-weight:bold;
    text-align:right;
    width:70px;
}
#inputCCLErrorLabel
{
    color: Red;
}
.inputCCLErrorLabelOFF
{
    visibility:hidden;
}
.inputCCLErrorLabelON
{
    visibility:visible;
}
.submitCCL{
    background-image:url(https://i2.cdscdn.com/struct/Specific/ccl/calculer.jpg);
    border:0;
    cursor:pointer;
    display:block;
    float:left;
    font-weight:bold;
    height:23px;
    width:79px;
}
.labelCCL{
	font-size:18px;
	float:left;
	font-weight:bold;
	margin:0 20px 0 5px;
}
.mentionB10{
	color:#000;
	font-size:10px;
}
.creditCasinonTable{
border:0;
cellpading:0;
cellspacing:0;
margin:0px 0px 0px 10px;
text-align:left;
width:519px;
}
.creditCasinoExemple{
background:none repeat scroll 0 50% #A9E106;
border-left: 1px solid #000;
border-right:1px solid #000;
border-top: 1px solid #000;
height:11px;
text-align: center;
width:258px;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
font-weight: bolder;
}
.creditCasinoColumnContent{
background:none repeat scroll 0 50% #A9E106;
border-top: 1px solid #000;
font-weight: bolder;
text-align: center;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;}

.creditCasinoColumnContent{
background:none repeat scroll 0 50% #A9E106;
border-top: 1px solid #000;
font-weight: bolder;
text-align: center;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
                                            }

.odd{
background: none repeat scroll 0 50% #A9E102;
}
.even{
background: none repeat scroll 0 50% #BCF707
}
.rightBorder{
border-right: 1px solid #000;
}
.leftBorder{
	border-left: 1px solid #000;
	}
.centerAlign{
text-align:center;
			}
.bottomBorder{
border-bottom:1px solid #000000;}
.financingRightBorder{
border-right: 1px solid #C6D524;
}
.financingLeftBorder{
	border-left: 1px solid #C6D524;
    padding-left: 20px;
}
.financingBottomBorder{
border-bottom:1px solid #C6D524;}
.mensualite{
width:46px;}
.duree{
width:71px;}
.montant{
width:88px;}
.taeg{
width:48px;}
.totalAchats{
width:41px;}
.remboursement{
width:119px;}
.coutTotal{
width:63px;}
.interet{
width:36px;}
.CasinoTable{
height:229px;}
/************************************************popup carte cdiscount****************************************************************************************************/

body, #bodyCentered {
    color: #837EB6;
}
body a img {
    border: medium none;
}
.financingBodyWhite
{
	color: #5E5E5E;
}
.popupCarteCdiscount
{
	width:682px;
	background-color:#3975B1;
	padding:0;
	margin:0;
}
.tetierePopup {
    height: 140px;
    position: absolute;
    width: 680px;
}

.popupCdsTitre{
background:url(https://i2.cdscdn.com/imagesok/paiement/carte_cdiscount/tetiere2.jpg) no-repeat scroll center top transparent;
height:99px;
padding-top:140px;
}

.flashPart{
margin-bottom: 10px;
margin-top: 5px;
}

.totalCarte
{
	color:#000000;
	font-size:23px;
	font-weight:bold;
	height:28px;
	padding-top:35px;
	position:absolute;
	text-align:center;
	width:249px;
}

.totalCarte .totalAmount{
    text-align: right;
    width: 120px;
}

.paymentOptionForAll{
padding-left:180px;
padding-top:10px;}

#choixPaiement {
    text-align: center;
    width: 682px;
}
#choixPaiement img {
    z-index: 1;
}

.FL {
    padding-left: 45px;
    padding-top: 65px;
    position: absolute;
	*margin-left:45px;
	*margin-top:65px;
}
#textPaymentType {
    font-family: Arial;
    font-size: 10px;
    height: 120px;
    padding-left: 8px;
    text-align: justify;
}
.vingtCinqEuros {
    color: #5B7D03;
}

#textPaymentType img {
    height: 155px;
    left: 14px;
    position: absolute;
    width: 665px;
}
#textPaymentType div {
    padding-left: 12px;
    padding-right: 22px;
    padding-top: 15px;
    position: relative;
}
#textPaymentType .strong {
    font-size: 11px;
    font-weight: bold;
}
.OfferForCardAdherent{
    padding-left: 200px;
    padding-top: 20px;
}

.popupAdherent {
    padding-left: 15px;
}
.popinCupCardSubscriptionInfo{    
    background: white;
    border: solid 1px #ccc;      
    margin-left: 29%;
    margin-top: -20em;
    overflow: hidden;
    position: fixed;
    text-align: left;
    top: 50%;
    width: 517px;
    border-radius: 10px;
    z-index: 1002;
    padding: 14px;
}

.popinCupCardSubscriptionInfo .btnPopinclose {
    position: absolute;
    bottom: 10px;
    right: 248px;
    font-weight: bold;
    font-size: 12px;
    padding: 0.5em 1.1em;
}

.offerSteps li p:nth-child(n)
{
    font-weight:normal; 
}

.offerSteps li
{
    list-style: decimal;
    margin-bottom: 10px;
    
}

.popinCupCardSubscriptionInfo .button-close{
    background: url(https://i2.cdscdn.com/struct/common/icon/icone.gif) no-repeat scroll 46px -1400px transparent;
    color: #3C5080;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    min-width: 28px;
    padding: 0 16px 0 0;
    position: absolute;
    right: 15px;
    top: 15px;
    width:53px;
}

.popinCupCardSubscriptionInfo .popinCupCardSubscriptionInfoTiltle{
    font-family: Arial;
    font-size: 17.5px;
    font-style: normal;
    color: #3C5A80;
    line-height: 1.4em;
    margin-bottom: 1.3em;
    font-weight: bold;
    float: left;
}
.offerSteps
{
    text-align: left;
    font-size: 12px;
    color: #3C5A80;
    float: left;
    font-style: normal;
    font-family: arial;
    font-weight: bold;
    padding-left: 13px;
}

.cupCardLogo{    
    width:119px;
    overflow:hidden;
    float:left;
}
.flecheAdherent {
    margin-left: 620px;
    margin-top: 30px;
    position: absolute;
}
.subscriptionCdiscountcard{
	height:52px;
    padding-left: 200px;
    padding-top: 20px;
	width:482px;
}



.leftZoneAdherent{
float:left;
font-size:9px;
height:93px;
width:414px;
}
.purchasesClient{
float:right;
font-size:9px;
height:93px;
width:249px;
}
.leftPart{
float:left;}

.rightPart{
float:left;
padding-top: 11px;}

.boxTextPopup{
height:100px;
overflow:scroll;
width:676px;}

.boxText, .boxTextPopup {
    border: 1px solid #C9C6C6;
    color: #3C505B;
    font-family: arial;
    font-size: 12px;
    margin: 3px auto;
    padding: 2px;
    text-align: left;
    width: 678px;
	}

.linkSubcribe {
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;
	width:250px;
}

.divAdherent {
    background: url("https://i2.cdscdn.com/imagesok/paiement/carte_cdiscount/OffreM-txt.png") no-repeat scroll left top transparent;
    color: #123A69;
    display: block;
    font-family: Arial;
    font-size: 10px;
    padding-left: 10px;
	text-align:center;
}

.greenTextPopup
{
	color:#339900;
}
.contentPopupCarteCdiscount ul, .boxTextPopup ul
{
	margin:5px 0 0 0;
	padding:0;
	list-style-type:none;
}
.contentPopupCarteCdiscount ul li strong, .boxTextPopup ul li strong
{
	background:url(https://i2.cdscdn.com/imagesok/fichprod/carte_cds/puce-carte.gif) no-repeat left;
	padding:0 0 0 20px;
	margin:0;
}
.contentPopupCarteCdiscount ul li, .boxTextPopup ul li
{
	color:#1C8EC9;
}
.contentPopupCarteCdiscount ul li ul li
{
	background:none;
	margin:0;
	padding:0;
	color:#000;
}
.ChoixPaiment{
height:74px;
}

contentPopupCarteCdiscount .a{
cursor:pointer;
text-align:left;
}
contentPopupCarteCdiscount a img{
border:medium none;
}

.cdsCardFooter{
color:#FFFFFF;
margin:0 auto 10 auto;
text-align:justify;
width:500px;
}
.fontSize14{
font-size:14px;}
.fontSize12{
font-size:12px;}
.fontSize8{
font-size:8pt;}
.fontSize10{
font-size:10px;}

.marge{
margin-left:15px;
margin-bottom:10px;
}
.troisFois {
    color: #E20C75;
}
.cinqFois {
    color: #DD0303;
}
.dixFois {
    color: #6E00D1;
}

.comptant {
    color: #158BF6;
}

.differe {
    color: #FF6000;
}

.vingtCinqEuros {
    color: #5B7D03;
}

/* Shipping Begin */

.popupRelay{
    color:#4A4A4A;
    font-size: 11px;
    width:580px;
}

.popupRelay .productCarrierPicto { margin-bottom:20px; }

.popupRelay .popupNoBackground { background:none; }

.popupRelay ol,
.popupRelay ul{
    list-style:outside none;
    padding:0;
    margin:0;
}

.popupRelayPointModality li,
.popupRelayPointWarning li{
    padding:0;
    margin:0 0 10px;
}

.popupRelayPoint{ 
    background: url(https://i2.cdscdn.com/struct/orderProcess/shipping/popup_cpr.gif) no-repeat scroll 0 0; /* New bg copied in struct : a WI Resource should be created to add it to other environnements */
    overflow:hidden;
    padding: 10px 0 0 15px;
    height:381px;
    margin:0 0 10px;
}
.popupRelayPointHeader {
    font-size:13px;
    margin:0 0 15px;
}

    .popupRelayPointHeader img {
        margin:0 10px 0 0;
        vertical-align: middle;
    }

.popupRelayPointAdress{
    float: left;
    margin:0 15px 0 0;
    overflow-y:auto;
    height: 300px;
    width: 230px;
}

.popupRelayPointAdress h3,
.popupRelayPointAdress h4{
    margin:0px;    
}

    .popupRelayPointAdress h4{
        color:#aaa;
        font-size:13px;    
    }

.popupRelayPointAdress .relayAddress{
    font-size:12px;
    margin-top:0px;
}

.popupRelay .relayOpeningHours{ margin-bottom:20px; }

.addressInfo { color:#FF9026; }

.relayAround,
.relayCity {
    color:#FF0000;
    font-weight:bold;
    margin-bottom: 20px;
}

.relayCity{ font-size:14px; }

.popupRelayPointMap{
    float: left;
    overflow:hidden;
    height: 300px;
    width: 300px;
}

.popupRelayPointModality,
.popupRelayPointWarning{
    font-weight:bold;
    padding:0 10px;
}

.popupRelayPointModalityTitle{
    font-size: 20px;
    margin: 0 0 6px;
}

.popupRelayPointWarningTitle { margin-bottom:2px; }

.popupRelayPointWarning{
    font-size: 10px;
    font-weight: bold;
     margin: 0 0 5px;
}
    
    .popupRelayPointWarning p { margin:0 0 2px; }
    .popupRelayPointWarning li { margin-bottom:5px; }
    
.popupRelayPointWarningTitle,
.popupRelayPointModalityTitle{
    color:#FF0000;
    font-style: italic;
}
.popupRelayPointM30
{
    float: left;
    margin:0 15px 0 0;
    height: 300px;
    width: 230px;
}

address {
    font-style: italic;
}
.cupFreeShippingImportant{
color:#FF3C00;
font-family:Arial;
font-size:10px;
font-style:italic;
font-weight:bold;
margin-right:5px;
}
.cupFreeShipping{
color:#3C5A80;
font-style:normal;
margin-left:5px;
}

.guaranteedDelivery
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    width:200px;
}


/****************** GAME CONTEST ******************/
/*(TODO : Optimize !) */

.winnerMain
{
    border:solid 2px Gray;
    font:12px Arial,Helvetica,sans-serif;
    float:left;
    margin:5px;
    padding:5px;
}
.WinnerRepeaterHeader
{
    background-color:#E51012;
    float:left;
    margin:15px 10px 3px;
    min-width:240px;
    color:White;
    font-weight:bold;
}
.WinnerRepeaterTemplate
{
    background-color:White;
    float:left;
    margin:3px 10px;
    min-width:240px;
}
.WinnerRepeaterAlterTemplate
{
    background-color:#D4D4D4;
    float:left;
    margin:0px 10px;
    padding:3px 0px;
    min-width:240px;
}
.blockStyle
{
    float:left;
    margin:3px 15px;
    min-width:80px;
}
.headbandMainPanel
{
    margin:20px auto 12px;
    width:620px;
}
.anchorClass
{
    color:#E51012;
    float:left;
    font-weight:lighter;
    text-align:center;
    text-decoration:none;
}
.anchor:hover
{
    color:#E51012;
    float:left;
    font-weight:lighter;
    text-align:center;
    text-decoration:none;
}
.FirstUnderPart
{
    width:580px;
    height:130px;
    float:left;
    cursor:pointer;
}
.SecondUnderPart
{
    font:24px Impact;
    margin:20px 0 0 40px;
    float:left;
}
.Btn_Login
{
    padding-bottom:10px;padding-top:5px; width: 120px; height: 30px;font-weight:bold;font-family:arial;font-size:1.1em;margin:15px
    
}
.Btn_Shipping
{
    padding-bottom:10px;padding-top:5px; width: 155px; height: 30px;font-weight:bold;font-family:arial;font-size:1.1em;
}
.Btn_Pay_Choice
{
    padding:5px; width: 175px; height: 30px;font-weight:bold;font-family:arial;float:right;font-size:1.1em;
}
.FirstPart
{
    float:left;
    width:790px;
    height:100px;
}
.SecondPart
{
    float:right;
    width:210px;
    height:100px;
}
/*Without Count part*/
.FirstPartWithoutCount
{
    float:left;
    width:620px;
    cursor:pointer;
    text-align: justify;
    margin-bottom: 12px;
}
.orderImage
{
    width:108px;
}
.imageBackground
{
    z-index:-1;
}
.Link_GameParticipation_Blue
{
    color : #83bee0;
}

.guaranteedDeliveryWarning
{
    font-family : Arial;
    font-size : 12px;
    color : #3c5a80;
}

div.lganShip 
{
    font-size: 1.1em;
    padding: 0;
}
.resetUl{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size : 12px;
}
.fincancingResetUl{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size : 14px;
}
.conditionsExemple{
    font-size : 12px;
}
.financingConditionsExemple{
    font-size : 14px;
}
.textJustify{
    text-align: justify;
}
.pageContent .content, .leftSidebar .content, .checkoutSteps {
    width: auto !important;
}

/*Popin 3D Secure*/
.troisDSecurePopinContainer {
    width:850px ! important;
}
.troisDSecurePopinTitleText 
{
    font-size:28px; 
    font-weight: bold; 
    color:white; 
    line-height: 70px;
}
.troisDSecurePopinTitleBackground
{
    background:url(https://i2.cdscdn.com/struct/orderProcess/payment/fond/bando3vert.jpg) no-repeat; 
    height:69px;
}
.troisDSecurePopinPDefBackground
{
    background:url(https://i2.cdscdn.com/struct/orderProcess/payment/fond/bando4.jpg) no-repeat; 
    height:110px;    
}
.troisDSecurePopinDefText
{
    font-size:22px; 
    font-weight: bold; 
    color:#a8c813; 
    text-align:left; 
    display: inline-block; 
    padding-top: 10px; 
    margin-left: 20px; 
    line-height: 32px;
}
.troisDSecurePopinDescriptionBackground
{
    background:url(https://i2.cdscdn.com/struct/orderProcess/payment/fond/bando5.jpg) no-repeat; 
    height:180px; 
    float: left; 
    width: 533px;
}
.troisDSecurePopinDescriptionText1
{
    font-size:17px; 
    font-weight: bold; 
    color:#3f3f3f; 
    text-align:left; 
    padding-top: 20px; 
    margin-left: 50px; 
    display: block;
}
.troisDSecurePopinDescriptionText2
{
    font-size:13px; 
    font-weight: bold; 
    color:#3f3f3f; 
    text-align:left; 
    margin-left: 50px; 
    display: block; 
}
.troisDSecurePopinDescriptionText3
{
     list-style-image : url(https://i2.cdscdn.com/struct/orderProcess/payment/puce/puce.jpg); 
     font-size:13px; 
     color:#3f3f3f; 
     text-align:left; 
     margin-left: 60px; 
     margin-top: 5px; 
     margin-bottom: 10px; 
     width: 380px;
}
.troisDSecurePopinDescription2Background
{
    background:url(https://i2.cdscdn.com/struct/orderProcess/payment/fond/bando6.jpg) no-repeat; 
    height:180px; 
    float: right; 
    width: 317px;
}
.troisDSecurePopinDescription2Text
{
     list-style-image : url(https://i2.cdscdn.com/struct/orderProcess/payment/puce/puce.jpg); 
     font-size:13px; 
     color:#3f3f3f; 
     text-align:left; 
     margin-left: 30px; 
     margin-bottom: 10px; 
     padding-top: 35px;     
     width: 220px; 
     line-height: 20px;
}
.troisDSecurePopinBankDescriptionBackground
{
    background:url(https://i2.cdscdn.com/struct/orderProcess/payment/fond/bando7.jpg) no-repeat; 
    height:207px; 
    clear: both;
}
.troisDSecurePopinBankDescriptionText1
{
    font-size:17px; 
    font-weight: bold; 
    color:#a8c813; 
    text-align:left; 
    padding-top: 30px; 
    margin-left: 50px; 
    display: block;
}
.troisDSecurePopinBankDescriptionText2
{
    font-size:13px; 
    font-weight: bold; 
    color:#a8c813; 
    text-align:left; 
    margin-left: 50px; 
    display: block;
}
.troisDSecurePopinBankDescriptionText3
{
    font-size:13px; 
    font-weight: bold; 
    color:#3f3f3f; 
    text-align:left; 
    margin-left: 50px; 
    display: block; 
    margin-top:5px;
}
.troisDSecurePopinBankListLeft
{
    display:inline; 
    margin-left: 45px;    
}
.troisDSecurePopinBankList
{
    display:inline;  
}
.troisDSecurePopinHeaderTitle
{
    font-size:11px; 
    font-weight: bold;
    color:#3c5a80; 
    text-align: right; 
    margin-right: 30px; 
    display: block;
}
.troisDSecurePopinFooter
{
    width:850px; 
    display: inline-block;   
}
.troisDSecurePopinHeader
{
    width:850px; 
    display: inline-block; 
}

/* Publicit? ? afficher selon le type de produits achet?s (d?pend du d?partement) */
.specificCommercialOperationPubBlock
{
    margin: 0 10%;
}

/* LGAN - livraison garantie avant noel */
.lganBloc{
	margin:.6em 0;
	color:#3c5a80;
	display:table;
}
.lganImg{
	width:80px;
	height:80px;
	margin:0 1.5em;
	display:table-cell;
	vertical-align:middle;
}
.lganLib{
	display:table-cell;
	vertical-align:middle;
	font-size:1.2em;
	text-align:left;
}
.lganLh{
	line-height:1.6em;
}
.lganClr{
	color:#3db400;
}
.lganWarn{
    color:#ff8400;
}
.voucherButton{
    font-size: 14px;
    line-height: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #3c5981;
    border: 1px solid #adb5bc;
    background: url(http://i4.cdscdn.com/struct/buttons/buttonGradients.png) 0 -100px #fefeff;
    background: -moz-linear-gradient(top,#fefeff 0,#ced6df 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefeff),color-stop(100%,#ced6df));
    background: -webkit-linear-gradient(top,#fefeff 0,#ced6df 100%);
    background: -o-linear-gradient(top,#fefeff 0,#ced6df 100%);
    background: -ms-linear-gradient(top,#fefeff 0,#ced6df 100%);
    background: linear-gradient(top,#fefeff 0,#ced6df 100%);
    text-shadow: 0 -1px 1px #fff;
    padding: .3em 1.5em .4em;
    margin-left: 15%;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
}

.buttonText{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    zoom: 1;
}

.li1 
{
    font-size: 12px;
    font-weight: bold;
    list-style-type: disc;
}

#recaptcha_table {
    border: 0px !important;
}
#recaptcha_response_field {
    font-size: 0.9em !important;
    border:1px solid #ADADAD !important;
}
/****************** JAUGE SECURITE MDP **/
.biForm {
  overflow: hidden;
  padding: 10px 0 0 61px;
  width: 359px;
}
div.secureMdp {
  padding-top: 10px;
  clear: both;
  width: 475px;
}
div.secureMdp.biForm {
  width: 359px;
}
div.secureMdpCrea {
  padding-bottom: 15px;
}
.nivTxt {
  display: block;
  font-weight: bold;
  float: left;
  padding-bottom: 10px;
}
.nivImg {
  float: right;
  padding-bottom: 10px;
}
.nivImg img {
  display: inline-block;
  width: 73px;
  height: 4px;
  border-left: 4px solid #fff;
  background: #bebebe;
}
.niv1 img.img1 {
  background: #cb0000;
}
.niv2 img.img1,.niv2 img.img2 {
  background: #ff9000;
}
.niv3 img.img1,.niv3 img.img2,.niv3 img.img3 {
  background: #34a400;
}
.minor {
  font-size: .8em;
  color: #798da8;
  padding-bottom: 10px;
  clear: both;
}
.tip {
  color: #647481;
  font-size: .9em;
}

/* Page echec paiement par Carte Cdiscount (CUP)*/
.CupText
{
 font-size : 12px;
 font-family : Arial;
 color :#3c5a80; 
}

.CupTel
{
 font-size : 16px;
 font-family : Arial;
 color:#3c5a80; 
 font-weight: bold; 
}

.CupLien
{
 font-size : 12px;
 font-family : Arial;
 color:#3c5a80; 
 font-weight: bold; 
}

.boxCupText 
{
 border: 1px solid #C9C6C6;
 padding-top: 16px;
 margin: 3px auto;
 padding-left: 9px;
 text-align: left;
 width: 571px;
}
	
.CupText1
{
 padding-left: 94px;   
}
	
.CupText2
{
 position:relative;
 right:76px;	    
 width: 541px;
 height: 37px;
 margin-top: 0px;
 padding-left: 76px;

}
	
.paymentChoiceCupTitle 
{
 color: #3c5a80;
 float: left;
    
}
button.buttonChoice { background: url(https://i2.cdscdn.com/imagesok/payment/v4/Cdiscount/buttons-small.png) no-repeat; border:none; cursor:pointer; }
button.backButton, input.validateButton { vertical-align:bottom; }
button.backButton { width:212px; height:33px; margin:10px; background-position:-8px -1072px; }
button.backButton:hover { background-position:-8px -1124px; }

/*Newsletter*/
.Btn_NewsLetter 
{
    display: block;
    font-weight: bold;
    margin: 0 auto;
    padding: .5em 1em;
}