/* CSS Secure */

.secure-account-loginpage .account { background:#fff !important; margin-bottom: 100px;}
.secure-account-lostloginpage .account { background:#fff !important}
.secure-account-lostloginpage .account{ background:#FFF; background-image:none}

/* tableau generique secure */
.account table { border:1px solid #c8c8c8;margin-top:20px;padding-bottom:10px;background:#fff;margin-bottom:20px}
.account table a { color:#141414;text-decoration:none}
.account table td { padding:5px 5px 5px 5px}
.account table tr.alt { background:#DDEBF4}
.account table .center { text-align:center}
.account table .right { text-align:right}
.account table .deviseImg {height:30px; width:30px;}

/**************************************/
/* Menu Compte
/**************************************/
.account .menuAccount {float:left;width:219px;padding:20px 0 10px 0}
.account .menuAccount ul { display:block}
.account .menuAccount li { display:block;border-bottom:1px solid #fff}
.account .menuAccount ul a {display:block;height:30px;line-height:32px;padding:2px 10px 3px 15px;width:180px;color:#141414}
.account .menuAccount ul a.interligne { line-height:16px}
.account .menuAccount li span {float:left;width:20px;height:20px;margin-top:5px;padding-right:10px}
.account .menuAccount li a.alert {background:url(/v3/img/account/menu/ico-alerte.png) no-repeat 183px center;}

.menuAccount li#secure-disconnect{display:none;}
.account .menuAccount #secure-comment a.alert {background:url(/v3/img/account/menu/ico-alerte.png) no-repeat 145px center;}
.secure-account-commandlistingpage .account #secure-command a.alert {background:#00288C url(/v3/img/account/menu/ico-alerte.png) no-repeat 183px center;}
.secure-account-mycommentpage .account #secure-comment a.alert {background:#00288C url(/v3/img/account/menu/ico-alerte.png) no-repeat 145px center;}

.account .menuAccount .accountHelp { padding-left:10px;padding-top:30px}
.account .menuAccount .accountHelp span.upper { font-family: DINPro,arial;font-weight: 100;font-size:18px;text-transform:uppercase;display:block;padding-bottom:10px}

.secure-default .account #secure-home, .secure-account-editpasswordpage .account #secure-mdp, .secure-account-editcustomerpage .account #secure-infos, .secure-account-commandlistingpage .account #secure-command, .secure-account-shippingpass .account #secure-shippingpass,
.secure-account-viewbapage .account #secure-voucher, .secure-account-mycommentpage .account #secure-comment, .secure-account-savedbasketpage .account #secure-basket,
.secure-account-managenewsletterpage .account #secure-newsletter, .secure-account-sponsorshippage .account #secure-sponsorship, 
.secure-account-editaddresspage .account #secure-address, .secure-account-favoritealertpage .account #secure-favorite,  .secure-account-franchisepage .account #secure-franchise { background:url(/v3/img/account/menu/fleche.png) no-repeat right;color:#fff}

.account #secure-home span { background:url(/v3/img/account/menu/ico-compte-accueil.gif) no-repeat top}
.account #secure-infos span { background:url(/v3/img/account/menu/ico-compte-infos.gif) no-repeat top}
.account #secure-command span { background:url(/v3/img/account/menu/ico-compte-commandes.gif) no-repeat top}
.account #secure-shippingpass span { background:url(/v3/img/account/menu/ico-compte-pass-livraison.gif) no-repeat top}
.account #secure-voucher span { background:url(/v3/img/account/menu/ico-compte-bonsdachat.gif) no-repeat top}
.account #secure-comment span { background:url(/v3/img/account/menu/ico-compte-avis.gif) no-repeat top}
.account #secure-basket span { background:url(/v3/img/account/menu/ico-compte-paniers.gif) no-repeat top}
.account #secure-newsletter span { background:url(/v3/img/account/menu/ico-compte-mailing.gif) no-repeat top}
.account #secure-sponsorship span { background:url(/v3/img/account/menu/ico-compte-parrainage.gif) no-repeat top}
.account #secure-address span { background:url(/v3/img/account/menu/ico-compte-adresses.gif) no-repeat top}
.account #secure-favorite span { background:url(/v3/img/account/menu/ico-compte-favoris.gif) no-repeat top}
.account #secure-mdp span { background:url(/v3/img/account/menu/ico-compte-motdepasse.gif) no-repeat top; }
.account #secure-franchise span { background:url(/v3/img/account/menu/ico-compte-boutique.gif) no-repeat top; }

.account #secure-sponsorship { display: none;}

.secure-default .account #secure-home span, .secure-account-editpasswordpage .account #secure-mdp span, .secure-account-editcustomerpage .account #secure-infos span, .secure-account-commandlistingpage .account #secure-command span, 
.secure-account-viewbapage .account #secure-voucher span, .secure-account-mycommentpage .account #secure-comment span, .secure-account-savedbasketpage .account #secure-basket span, 
.secure-account-managenewsletterpage .account #secure-newsletter span, .secure-account-sponsorshippage .account #secure-sponsorship span, 
.secure-account-editaddresspage .account #secure-address span, .secure-account-favoritealertpage .account #secure-favorite span, .secure-account-shippingpass .account #secure-shippingpass span, .secure-account-franchisepage .account #secure-franchise span { background-position:bottom}

.secure-default .account #secure-home a, .secure-account-editpasswordpage .account #secure-mdp a, .secure-account-editcustomerpage .account #secure-infos a, .secure-account-commandlistingpage .account #secure-command a,
.secure-account-viewbapage .account #secure-voucher a, .secure-account-mycommentpage .account #secure-comment a, .secure-account-savedbasketpage .account #secure-basket a, 
.secure-account-managenewsletterpage .account #secure-newsletter a, .secure-account-sponsorshippage .account #secure-sponsorship a , 
.secure-account-editaddresspage .account #secure-address a, .secure-account-favoritealertpage .account #secure-favorite a, .secure-account-shippingpass .account #secure-shippingpass a, .secure-account-franchisepage .account #secure-franchise a { color:#fff;background:#00288C}

.secure-default .account #secure-home a:hover,.secure-account-editpasswordpage .account #secure-mdp a:hover, .secure-account-editcustomerpage .account #secure-infos a:hover, .secure-account-commandlistingpage .account #secure-command a:hover, 
.secure-account-viewbapage .account #secure-voucher a:hover, .secure-account-mycommentpage .account #secure-comment a:hover, .secure-account-savedbasketpage .account #secure-basket a:hover, 
.secure-account-managenewsletterpage .account #secure-newsletter a:hover, .secure-account-sponsorshippage .account #secure-sponsorship a:hover , 
.secure-account-editaddresspage .account #secure-address a:hover, .secure-account-favoritealertpage .account #secure-favorite a:hover, .secure-account-shippingpass .account #secure-shippingpass a:hover, .secure-account-franchisepage .account #secure-franchise a  { text-decoration:none}

.secure-account-sponsorshippage .txtNom{ height:24px; width:235px}
.secure-account-sponsorshippage .txtEmail{ height:24px; width:235px}

/**************************************/
/* Listing commandes
/**************************************/
.commandListing option { padding-right:50px}
.commandListing .dateChoice { padding-top:20px}
.commandListing .myCommandListing { padding-top:20px}
.commandListing .infos {color:#646464;font-size:0.9em; padding-top:5px;}
.commandListing .tdMontant {width:76px;}
.commandListing .montant {color:#00288C;font-weight:bold;}
.commandListing .empty { display:block;padding:20px}
.commandListing .statut {width:220px;}
.commandListing .statut a {color:#00288C;}
.commandListing .statut a:hover {text-decoration:underline;}
.commandListing .statut390001, .commandListing .statut390020 {color:#009600; font-weight:bold;}
.commandListing .statut390002 {color:#FF0000; font-weight:bold;}
.commandListing .statut390009 {color:#FF0000; font-weight:bold;}
.commandListing .statut390011 {color:#FF0000; font-weight:bold;}
.commandListing .statut390022 {color:#FF0000; font-weight:bold;}
.commandListing .detail {cursor:pointer;}
.commandListing .impaye { background: url(/v3/img/catalogue/ico-alerte.gif) 15px center no-repeat #FFE7E7; padding: 4px 5px 4px 41px; color: #ff0000; font-weight: bold; font-size: 1em; margin: .3em 0 0;}
.commandListing .impaye a.button { float:right; display:block;}
.commandListing .impaye .impayeInfo { float:left; display:block; margin-top:4px;}
.commandListing .impayePayment .paymentInfo {margin:20px 0;}
.commandListing .impayePayment .paymentInfo span{display:block;}
.commandListing .impayePayment table { margin-top:10px;}
.commandListing .impayePayment .total { background-color:#DDEBF4;font-weight:bold;text-transform:uppercase;font-size:1.1em;padding:5px;}
.commandListing .impayePayment .total .montantTotal {color:#FF0000}
.commandListing .impayePayment .pnlcbdetails {margin-top:20px;}
.commandListing .impayePayment a.button.commander2 {float:right; margin-right:20px;}
.commandListing .impayePayment .nextstep label {padding-left: 5px;}
.commandListing .impayePayment .center {text-align:center;}

.account .wrapperListing { position:relative}
.account .wrapperListing .loader { background:#FFFFFF;height:100%;opacity:0.4;position:absolute;width:100%;z-index:2}
.account .wrapperListing .loader img { left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%}

.account .productsCommand { overflow-y: auto;overflow-x: hidden; max-height: 400px}
.account .productsCommand td { padding:5px 0}
.account .productsCommand .rowHeader { background:#EDEDED}
.account .productsCommand .rowHeader td { padding:2px 0}
.account .productsCommand table a { text-decoration:underline;color:#00288C}
.account .productsCommand table { width:850px}
.account .productsCommand .dgnLongue { display:block; }
.account .productsCommand .returnedProduct { color:#fff;background-color:red;border:2px solid red; }


.account .productsCommand td.iProduct { padding-left:5px;padding-right:5px;width:50px}
.account .productsCommand .upper { text-transform:uppercase;font-size:0.9em}
.account .productsCommand .cat { font-size:0.9em}
.account .productsCommand .rowTotal { background:#DCEBF5;font-size:1.2em}
.account .productsCommand .total { color:#00288C;width:120px}
.account .productsCommand .priceUnit { width:170px}

.account .productsCommand .rowOption td { /*padding-bottom:20px*/}
.account .productsCommand .rowOption { /*padding-bottom:20px*/}
.account .productsCommand .rowOption .cancel { margin-left:20px}
.account .productsCommand .rowOption div { padding:2px 0;font-size:0.9em}
.account .productsCommand .rowOption .emailCommand { display:block}
.account .productsCommand .rowOption div img { vertical-align:middle}

.account .productsCommand .rowOption .divAide {padding: 15px 15px 0; width: 440px;}
.account .productsCommand .rowOption .divAide img {float:left; padding: 2px 5px;}
.account .productsCommand .rowOption .divAide .texte { text-transform: uppercase; font-family: DINPro,arial; font-size: 20px;}
.account .productsCommand .rowOption .divAide .lien { font-size: 12px; font-family: Arial;} 

/**************************************/
/* Listing paniers sauvegardes
/**************************************/
#SavedBasketPage .infosBasket { padding-top:20px}
#SavedBasketPage .infosBasket span { /*font-size:0.9em;*/display:block}
#SavedBasketPage .action a { margin-left:15px}
#SavedBasketPage .empty { display:block; padding-top:20px}
#SavedBasketPage .disp1 { color:#FF0000}
#SavedBasketPage .disp2 { color:#ff8232}
#SavedBasketPage .disp3 { color:#009600}/*disponibles*/
#SavedBasketPage td.name { padding-left:20px}
#SavedBasketPage td.check { width:5px;border-right:1px solid #DCDCDC}
#SavedBasketPage td.check span { display:block;position:relative}
#SavedBasketPage td.check span input { position:absolute;top:-5px;left:5px}

/*Detail d'un panier sauvegarde */
#basketDetail { padding-bottom:10px}
#basketDetail .title { padding:20px 0 20px 20px;display:block;text-transform:uppercase}
#basketDetail .infosBasket { background:#DCEBF5;font-weight:bold;padding:4px 0 4px 10px}
#basketDetail .infosBasket span { color:#00288C; display:inline;font-size:inherit}
#basketDetail .productsBasket table { width:850px}
#basketDetail .productsBasket { overflow-y: auto;overflow-x: hidden; max-height: 200px}
#basketDetail .btAdd { background:url(/v3/img/boutons/bt-commander-left.gif) no-repeat left;height:24px;padding-left:5px}
#basketDetail .btAdd span { background:url(/v3/img/boutons/bt-commander-slide.gif) right;color:#141414;height:24px; line-height:24px;text-transform:uppercase}
#basketDetail .action { padding-top:10px; padding-bottom:15px}
#basketDetail .action div { float:right;padding-right:15px}
#basketDetail .productsBasket .rowHeader { background:#EDEDED}
#basketDetail .productsBasket .rowTotal { background:#DCEBF5}
#basketDetail .productsBasket .upper { text-transform:uppercase;font-size:0.9em}
#basketDetail .productsBasket .titleRupture { color:#FF0000;display:block;padding: 10px 0 10px 15px}
#basketDetail hr  { padding:0;margin:0;border-top:1px solid #EDEDED}

.account .productsBasket table a { text-decoration:underline;color:#00288C}
.account .productsBasket td { padding:5px 0}
.account .productsBasket .rowHeader td { padding:2px 0}
.account .productsBasket td.del { width:50px}
.account .productsBasket .rowTotal { font-size:1.2em}
.account .productsBasket .rowTotal td.total { color:#00288C}
.account .productsBasket .priceUnit { width:100px}
.account .productsBasket .libTotal { padding-right:20px}
.account .productsBasket .disp { width:120px}
.account .productsBasket .qte { width:100px}
.account .productsBasket .cat { font-size:0.9em}
.account .productsBasket .rowOption td { padding-bottom:20px}
.account .productsBasket td.iProduct { padding-left:5px;padding-right:5px;width:60px}

/**************************************/
/* Donner son avis
/**************************************/
#myComment {width:700px;}
#myComment table .designation { width:250px;}
#myComment table .indent { width:115px}
#myComment table .del input { padding:0}
#myComment table .note { color:#00288C;font-size:11px;min-width:120px;}
#myComment table .date { width:92px}
#myComment table .oui { color:#009600}
#myComment table .non { color:#FF0000}
#myComment table .detail { width:80px;padding:0}
#myComment .empty { display:block;padding:20px}
#myComment #trombi {display:block;background:url(/v3/img/Account/avis-trombi.jpg) no-repeat 0 0;padding-top:85px;margin:15px 0;text-align:justify;}
/*#myComment .rules {border-top:1px solid #C8C8C8;color:#646464;font-size:0.8em;padding-top:20px;text-align:justify;line-height:1.5em;}*/
#myComment .rules {color:#646464;font-size:0.8em;text-align:justify;line-height:1.5em;/*margin:20px 0 -22px -35px; padding:15px;width:761px;*/}
#myComment .rules ul {list-style:disc inside}
#myComment .pnlDeleteConfirm .close{margin: 10px 10px 15px;}
#myComment .pnlDeleteConfirm .divDeleteConfirm {padding:10px 20px;width:500px;}
#myComment .pnlDeleteConfirm .divDeleteConfirm .title {margin:10px 0 15px;}
#myComment .pnlDeleteConfirm .divDeleteConfirm .button.yes {margin-left:10px;}
#myComment .pnlCommentDetail {padding:10px 0 20px;width:730px;}
#myComment .pnlCommentDetail .close {margin-right:20px;}
#myComment .pnlCommentDetail .title {margin:10px 0 25px 20px;}
#myComment .pnlCommentDetail table {margin:25px 0;border:0;border-bottom:1px solid #c8c8c8;}
#myComment .pnlCommentDetail table .rowHeader {font-size:10px;text-transform:uppercase;background-color:#EDEDED;color:#646464;}
#myComment .pnlCommentDetail table .date {width:100px;}
#myComment .pnlCommentDetail .price {width:100px; padding-right:20px;}
#myComment .pnlCommentDetail table .product {padding-left:20px;}
#myComment .pnlCommentDetail table .image {width:50px;}
#myComment .pnlCommentDetail table a {text-decoration: underline;color: #00288C;}
#myComment .pnlCommentDetail table .category {font-size:11px;color:#646464;display:block;}
#myComment .pnlCommentDetail .note {margin-left:20px;font-size:16px;color:#00288C}
#myComment .pnlCommentDetail .datePublication {color:#646464;font-style:italic;font-size:12px;float:right;display:block;margin-right:20px;}
#myComment .pnlCommentDetail .comment {background-color:#DCEBF5;padding:20px;margin:5px 0 20px;text-align:justify;overflow:hidden;}
#myComment .pnlCommentDetail .commentTitle {font-weight:bold;display:block;}
#myComment .pnlCommentDetail .button {margin-left:20px;}
/**************************************/
/* Parrainage
/**************************************/ 
.parrainage { float:left;background:url(/v3/img/Account/parrain.gif) no-repeat 650px 30px}
.parrainage .infos { padding-right:190px;width:580px}
.parrainage .infos a { text-decoration:underline}
.parrainage .infos ul.listInfos {padding:20px 0 0 0}
.parrainage .infos .listInfos .note { color:#777777;padding:20px 0;font-size:0.9em}
.parrainage .infos .addFilleul { padding-bottom:30px}
.parrainage .infos .addFilleul .require { position:absolute}
.parrainage .infos .addFilleul .clear { padding-top:10px}
.parrainage .infos .addFilleul ul { padding-bottom:15px}
.parrainage .infos .addFilleul label { display:block}
.parrainage .infos .addFilleul li { display:block;float:left;padding-right:20px}

.parrainage .listing { border-top:1px solid #dcdcdc;padding-bottom:30px; }
.parrainage .listing table .indent { width:90px; }
.parrainage .listing table a { color:#141414;text-decoration:none;font:1.2em/1.5em arial,verdana,geneva,helvetica,sans-serif; }
.parrainage .listing table a img { vertical-align:middle; }
.parrainage .listing table .status { width:210px;font-size:0.9em;line-height:0.9em; }
.parrainage .listing table .valeurBA { color:#00288C;width:70px; }
.parrainage .listing table .date { width:185px; }
.parrainage .listing table .relance { width:90px;}
.parrainage .listing table .oui { color:Green; }
.parrainage .listing table .non { color:red; }
.parrainage .listing table .del { padding:0; }
.parrainage .listing table .del input { vertical-align:middle;padding:0; }
.parrainage .listing .empty { display:block;text-align:left; }
.parrainage .listInfos.relance { padding-top:20px;border-top:1px solid #dcdcdc; }

.parrainage .relance { /*border-top:1px solid #dcdcdc;*/ }
.parrainage .relanceWrapper { padding-top:30px}
.parrainage .relanceWrapper .filleul { padding:10px 0}
.parrainage .relanceWrapper .message { padding-bottom:20px}

/**************************************/
/* Newsletter
/**************************************/
.newsletter .info { display:block;/*font-size:0.9em;*/padding-top:20px} 
.newsletter .newsLetterPageControl { padding-top:20px}
.newsletter .newsLetterPageControl .newsWrapper { padding-bottom:20px}
.newsletter .newsLetterPageControl .choice { float:left;width:350px}
.newsletter .newsLetterPageControl .email { float:left}
.newsletter .newsLetterPageControl .choice ul { display:block;padding-top:15px}
.newsletter .newsLetterPageControl .choice li { display:block;height:16px;line-height:16px}
.newsletter .newsLetterPageControl .choice li label { padding-left:5px}

.newsletter .newsLetterPageControl  input[type="checkbox"][checked][disabled] { background:url(/v3/img/general/ico-checkbox-checked.gif) no-repeat center center !important;-moz-appearance:none !important;-moz-border-top-colors:#c8c8c8;-moz-border-bottom-colors:#c8c8c8;-moz-border-left-colors:#c8c8c8;-moz-border-right-colors:#c8c8c8;width:14px;height:14px}
.newsletter .newsLetterPageControl  input[type="checkbox"] { background:url(/v3/img/general/ico-checkbox.gif) no-repeat center center !important;-moz-border-top-colors:#c8c8c8;-moz-border-bottom-colors:#c8c8c8;-moz-border-left-colors:#c8c8c8;-moz-border-right-colors:#c8c8c8;width:14px;height:14px}
.newsletter .newsLetterPageControl .message { padding-left:30px}

/**************************************/
/* Favoris / alertes
/**************************************/ 
.favoris { position:relative}
.favoris .title {display:block;margin-bottom:10px}
.favoris .favalertMenu {padding:15px 0 0}
.favoris .favalertMenu li {float:left;padding-left:5px;margin-right:5px;background:#fff url(/v3/img/general/onglets/bg-gauche.gif) no-repeat 0 5px;position:relative;top:3px}
.favoris .favalertMenu li a {float:left;height:24px;padding:9px 25px 0 20px;color:#141414;background:url(/v3/img/general/onglets/bg-droite.gif) no-repeat 100% 5px}
.favoris .favalertMenu li.on {background:#fff url(/v3/img/general/onglets/bg-gauche-on.gif) no-repeat 0 0;position:relative;top:4px;z-index:5}
.favoris .favalertMenu li.on a {color:#00288c;font-weight:bold;font-size:14px;background:#fff url(/v3/img/general/onglets/bg-droite-on.gif) no-repeat right bottom}
.favoris .favalertMenu li.first {z-index:5}
.favoris .favalertMenu li.firstOn {background:#fff url(/v3/img/general/onglets/bg-gauche-on-first.gif) no-repeat 0 0}
.favoris .noitem {padding:10px;display:block;border:1px solid #c8c8c8;background:#fff}
.favoris table {margin-top:0;padding-top:10px}
.favoris table td {height:100px}
.favoris table tr.odd {background:#F0F0F0}
.favoris table tr.even {background:#fff}
.favoris td.check {width:5px;border-right:1px solid #c8c8c8}
.favoris td.check div {position:relative}
.favoris td.check span {left:4px;position:absolute;top:42%}
/*.favoris table td.vignette {padding:0 5px 0 15px}
.favoris td.vignette div {position:relative;border-left:1px solid #DCDCDC;padding-left:20px}
.favoris td.vignette .check {left:-7px;position:absolute;top:42%}*/
.favoris td.vignette { text-align:left;padding-left:20px}
.favoris td.vignette a {display:block;width:80px;height:80px;margin:auto}
.favoris td.vignette img {width:80px;height:80px;vertical-align:middle; display:block;overflow:hidden}
.favoris td.disponib {width:90px;/*text-align:center*/}
.favoris td.disponib a { margin:auto}
.favoris td.designation {text-align:left}
.favoris td.designation .nom {display:block;text-decoration:underline;color:#00288c}
.favoris td.designation .caract {display:block;color:#646464;font-style:italic}
.favoris td.designation a:hover {text-decoration:none}
.favoris td.ajoutPanier {width:190px;/*line-height:25px;*/}
.favoris td.ajoutPanier span {position:relative}
.favoris td.ajoutPanier a.panier {/*display:block;margin:auto;*/float:left;margin:0 0.8em;background:url(/v3/img/catalogue/bt-miseaupanier.gif) 0 0 no-repeat;width:35px;padding-top:24px}
.favoris a.delete {text-decoration:underline;padding-left:15px;background:url(/v3/img/general/bt-supprimer.gif) 0 60% no-repeat;color:#00288c}
.favoris td.ajoutPanier a.delete {margin:10px 0 0 10px;display:block;}
.favoris a.edit {text-decoration:underline;padding-left:15px;margin-left:15px;background:url(/v3/img/Account/ico-editer.gif) 0 60% no-repeat;color:#00288c}
.favoris .prix {width:140px;padding:0}
.favoris .tax, .favoris .refTax {font-size:.5em;font-weight:bold;line-height:.7em;padding-left:0.2em;vertical-align:0.7em;display:none}
.favoris .price {font-weight:bold;font-size:1.5em;line-height:1.5em}
.favoris .refPrice {text-decoration:line-through;padding-right:.5em;font-size:1.2em}
.favoris .reduc {color:#ff0000;font-weight:bold;padding-left:1em}
.favoris .btAdd {float:right;padding-right:10px;background:url(/v3/img/boutons/bt-commander-left.gif) no-repeat left;height:24px;padding-left:5px}
.favoris .btAdd span { background:url(/v3/img/boutons/bt-commander-slide.gif) right;color:#141414;height:24px; line-height:24px;text-transform:uppercase;padding-right:20px}
.favoris td.action { height:30px;padding:20px 0 0;text-transform:uppercase}
.favoris td.actionnocheck {height:30px}
.favoris .action div {position:relative;height:30px}
.favoris .action .actionwrapper {position:absolute;left:-6px;padding-bottom:4px;background:#fff}
.favoris .action .bleu {padding:0 5px}
.favoris .waiting {height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#bfbfbf url(/v3/img/ajax-loader.gif) no-repeat 50% 50%;opacity:.5}
.favoris .modalPopup h3 {display:block;font-family:DINPro;font-weight:bold;font-size:18px;text-transform:uppercase;color:#00288c;margin:20px}
.favoris .addedToBasket {position:absolute;bottom:20px;right:0;padding:4px;text-align:center}
.favoris .addedToBasket a {text-decoration:none}
.favoris .addedToBasket a:hover {text-decoration:none}
.favoris .indispo {font-size:1.2em;font-weight:bold;color:#646464}
/* Alertes prix et dispos */
.favoris .rowHeader {background:#dcebf5;color:#00288c}
.favoris .rowHeader td {padding:2px 0 2px 5px;text-transform:uppercase;font-size:0.9em;height:auto}
.palerts td.ajoutPanier, .dalerts td.ajoutPanier {width:60px;/*line-height:25px;*/}
.palerts td.prixalert {width:100px}
.dalerts td.disponib {width:160px;text-align:left}

.block{ display:block}

/**************************************/
/* Creation de compte
/**************************************/
 .accordionHeader {border: 1px solid #2F4F4F;  
             color: white;  
             background-color: #2E4d7B;  
             font-family: Arial, Sans-Serif;  
             font-size: 12px;  
             font-weight: bold;  
             padding: 5px;  
             margin-top: 5px;  
             cursor: pointer;  
         }  
           
         .accordionHeaderSelected {  
             border: 1px solid #2F4F4F;  
             color: white;  
             background-color: #5078B3;  
             font-family: Arial, Sans-Serif;  
             font-size: 12px;  
             font-weight: bold;  
             padding: 5px;  
             margin-top: 5px;  
             cursor: pointer;  
         }  
           
         .accordionContent {  
             background-color: #D3DEEF;  
             border: 1px dashed #2F4F4F;  
             border-top: none;  
             padding: 5px;  
             padding-top: 10px;  
         }  




/*------------ page EditCustomerPage.aspx ------------- */

#divEditCustomer .titularyAccount{ color:#103494; font-weight:bold; font-size:15px; padding-top:20px; margin-bottom:10px}
#divEditCustomer .phoneValidation{ width:700px; padding-top:19px}
#divEditCustomer #editCustomerMiddle{ margin:25px 20px}
#divEditCustomer #divValidationModification{ margin-left:20px; padding-top:25px}
#divEditCustomer #editCustomerRight{ margin-left:500px; padding-top:70px; width:200px}

#divEditCustomer .ghostHR{ height:0; border:0}
#divEditCustomer .checkPromo{ visibility:hidden}
#divEditCustomer .formEditCustomer { position:relative; }
#divEditCustomer .HorizontalCheck li{ display:inline; margin-right:15px}
#divEditCustomer .weightbold{ font-weight:bold}
#divEditCustomer .partieConfirmMail{ height:0}
#divEditCustomer .partieInfosCustomer{ margin-top:20px}
#divEditCustomer .customerLastname{ margin-bottom:10px; margin-left:160px; margin-top:20px}
#divEditCustomer .customerFirstname{ margin-top:20px; float:left; width:150px}
#divEditCustomer .birthdayCustomer{ margin-bottom:20px; margin-top:20px}
#divEditCustomer .pictureValidator{ height:15px; font-style: italic; background-repeat:no-repeat; background-image:url(/v3/img/customer/ico-alertes.gif); padding-left:20px; visibility:visible !important;  display:inline-block !important; padding-bottom:1px; width:0; overflow:hidden; margin-left:5px}
#divEditCustomer .pictureError{ background-position:0% 100%; display:inline !important; color : #ff0000}
#divEditCustomer .pictureValidate{ background-position:0% 50%; width:0}
#divEditCustomer .ghostPicture{ display: none !important; visibility: hidden !important}
#divEditCustomer .InputLarge{ width:250px; padding-right:10px; height:24px}
#divEditCustomer .middleInput{ width:122px; height:24px}
#divEditCustomer .panelOthersNumber{ padding-top:20px}

/* Les tailles des champs */
#divEditCustomer .InputH24px{ height:24px}
#divEditCustomer .Checkbox{ margin-right:5px}
#divEditCustomer .Input250px{ width:278px; padding-right:10px} /* la taille ne correpond pas au titre  */
#divEditCustomer .Input150px{ width:154px}
#divEditCustomer .Input100px{ width:100px}
#divEditCustomer .Input320px{ width:350px}

/* Concerne les tailles des inputs mais on ne peut pas les grouper */
#divEditCustomer .InputCity{ width:209px}
#divEditCustomer .InputCountry{ width:355px}
#divEditCustomer .InputDay{ width:106px}

#divEditCustomer .marginbot8px{ margin-bottom:8px}

#divEditCustomer .divChampsFormulaire{ padding-top:10px}
#divEditCustomer .block{ display:block}
#divEditCustomer .floatLeft{ float:left}
#divEditCustomer .divElementGauche{ float:left; font-weight:normal; margin-right:15px}
#divEditCustomer .divElementDroite{ font-weight:normal}
#divEditCustomer .divImageValidation{ height: 30px; padding-top: 23px}

#divEditCustomer .panelNumTel{ margin-bottom:5px}
#divEditCustomer .divTxtPhone{ font-weight:normal; float:left}
#divEditCustomer .divTxtPhoneMobile{ font-weight:normal; margin-left:8px; float:left}
#divEditCustomer #faxNumber{ font-weight:normal; float:left}
#divEditCustomer #proNumber{ font-weight:normal; margin-left:8px; float:left}
#divEditCustomer .italicStyle{ font-style: italic; margin-left:10px}
#divEditCustomer .panelConfimation{ visibility:hidden; height:0}
#divEditCustomer .validatorMDP{ visibility:hidden !important}
#divEditCustomer .adressComplement{ margin-top:3px}
#divEditCustomer .postalCode{ margin-top:20px; margin-bottom:20px}
#divEditCustomer .city{ margin-bottom:20px}
#divEditCustomer .country{ margin-bottom:20px}
#divEditCustomer .divConfirmInformations{ margin-top:20px; margin-bottom:40px}
#divEditCustomer .souligne{ text-decoration:underline}
#divEditCustomer .tonyAndGrey{ color:#aaaaaa; font-size:11px}
#divEditCustomer .DivInformationMail{ margin-top:20px; width: 400px}
#divEditCustomer #ExclusiveInformationContenor{}
#divEditCustomer #ExclusiveInformationValidator{ margin-left:365px}
#divEditCustomer #divProfilPicture{ width:160px; float:left; background-color:#aaaaaa}
#divEditCustomer #divProfilInformations{ margin-left:170px; width:160px}
#divEditCustomer #divFacebook{ background-color:#ddebf6; height:120px; width:320px; padding-left:15px; padding-top:15px}
#divEditCustomer .espace{ height:30px}
/*------------ Fin de la page EditCustomerPage.aspx ------------- */






/**************************************/
/* LoginPage
/**************************************/

#loginNoTitle .AspNet-RadioButtonList-Item input {margin-right:5px}
#loginNoTitle .LoginPage{ font-size:14px}
#loginNoTitle .divMail{ font-weight:bold; float:left; width:210px; margin-top:15px; margin-left:10px}
#loginNoTitle #phoneValidation{ height:50px}
#loginNoTitle .EncartInfos{float:left; width:750px; margin-top:15px}
#loginNoTitle .bold{ font-weight:bold}

/* Joue sur la taille des inputs */
#loginNoTitle .InputH24px{ height:24px}
#loginNoTitle .Checkbox{ margin-right:5px}
#loginNoTitle .Input320px{ width:350px}
#loginNoTitle .Input150px{ width:154px}
#loginNoTitle .Input120px{ width:120px}
#loginNoTitle .Input100px{ width:100px}

.LoginPage {
    padding: 10px 20px;
}

#loginNoTitle section.login .divMail{
    display: block;
    float:none;
    margin: 5px 0 5px;
}
section.login {
    margin-bottom: 1px;
    padding: 15px 15px;
    border-bottom: 1px solid #C8C8C8;
    overflow: hidden;
}
section.login:last-of-type {margin-bottom: 20px;}
section.login strong.title {
    margin-bottom: 10px;
    display: block;
    color:#002E78;
}

section.login .divMail {
    padding-top: 1px;
}

section.login select.w50p {
    min-width: 50%;
}
section.login select {
    margin-top: 5px;
}


/* utilis� dans l'indicateur de s�curit� du mot de passe */
.pswStrength{ display:inline !important; visibility: visible !important; margin-left:15px}
.tresFaible { color:Red}
.faible {  color: Maroon}
.moyen { color:Gray}
.fort { color: Blue}
.excellent{ color:Green}



#loginNoTitle .marginbot8px{ margin-bottom:8px}

/* Concerne les tailles des inputs mais on ne peut pas les grouper */
#loginNoTitle .InputCity{ width:209px}
#loginNoTitle .InputCountry{ width:355px}
#loginNoTitle .InputDay{ width:106px}



#loginNoTitle .partieInfosCustomer{ padding-left:15px; padding-right:15px;  clear: both;}
#loginNoTitle #BlueDiv{ padding-left:220px; float:left; width:735px; background-color:#DCEBF5; margin-top:10px; margin-bottom:8px; padding-top:10px; padding-bottom:10px; color:#005383; font-weight:bold}
#loginNoTitle .securityOrder{ font-size:16px; font-weight:bold; font-family:arial}
#loginNoTitle .securityOrder2{ font-size:16px; font-family:arial; display:block; margin-top:7px}
#loginNoTitle .weightbold{ font-weight:bold}
#loginNoTitle .block{ display:block}

#loginNoTitle .listMargin li{ margin-top:8px; margin-bottom:8px}
#loginNoTitle .partieMail{ margin-bottom:15px; margin-top:5px; padding-bottom:5px; padding-left:220px;overflow: hidden;}
#loginNoTitle .partieMail .EncartInfos {
    margin-top: 0;}
#loginNoTitle .partieConfirmMail{ margin-bottom:15px; margin-top:5px; padding-bottom:5px; padding-left:205px}
#loginNoTitle  hr{ border-top:1px dotted #dcdcdc; display:block; height:0; margin:0}
#loginNoTitle .HorizontalCheck li{ display:inline; margin-right:15px; padding-right:10px}
#loginNoTitle .checkPromo{ font-size:11px; display:block; width:600px}
#loginNoTitle .barre{ background-color:#CFCCCC; border:0 none; height:1px; width:100%}


#loginNoTitle .divRegroupementTexbox{ margin-top: 10px; padding-left: 220px;  margin-bottom: 10px;}
#loginNoTitle .divChampsFormulaire{ padding-top:10px}
#loginNoTitle .divElementGauche{ float:left; font-weight:normal}
#loginNoTitle .divElementDroite{ font-weight:normal; margin-left:15px; float:left}
#loginNoTitle .divImageValidation{ /*height: 30px; */padding-top: 23px}
#loginNoTitle .validationOrError{ margin-left:10px}

#loginNoTitle { background-color:#fff;}






/* #loginNoTitle .inlineDisplay{ padding-top:10px; margin-left:145px; width:835px; padding-top:18px} */
#loginNoTitle .identificationPanel{ margin-left:10px; margin-right:10px; margin-top:8px;font-size:18px;font-family: DINPro, arial; color:#141414;}
#loginNoTitle .bt_inscription{ height:28px; margin-left:220px}
#loginNoTitle .barreHaut{ margin-bottom:15px; margin-left: 100px; border-top:1px solid #C8C8C8; height:1px; margin-right:10px}
#loginNoTitle .sizelarge{ background:none repeat scroll 0 0 #FFFFFF; bottom:-6px; display:inline; font-size:18px; padding-right:10px; position:relative; font-family: DINPro,arial;font-weight: 100;}


#loginNoTitle .littleSpace{ margin-left:5px}


#loginNoTitle .BtLostLoginPage{ width:150px; display:block; padding-bottom:10px; padding-top:5px}
#loginNoTitle .panelConfimation1{ margin-bottom:5px}
#loginNoTitle .panelPassword{ float:left}
#loginNoTitle .panelConfimationPassword{ float:left; margin-left:8px; margin-bottom:15px}
#loginNoTitle .grayColorUnderline{ color:#d2c8c8; text-decoration:underline }
#loginNoTitle .underlineBlue{ color:#00288C; text-decoration:underline }
#loginNoTitle .connexion{ margin-bottom:30px}
#loginNoTitle .inlineDisplay hr{ padding-top:1px; border:0; background-color: #dcdcdc}
#loginNoTitle hr{ padding-top:1px; border:0; background-color: #dcdcdc}
#loginNoTitle .italicStyle{ font-style: italic; margin-left:10px}
#loginNoTitle .pictureValidator{ height:15px; font-style: italic; background-repeat:no-repeat; background-image:url(/v3/img/customer/ico-alertes.gif); padding-left:20px; visibility:visible !important; display:inline-block !important; padding-bottom:1px; width:0; overflow:hidden; margin-left:5px; font-size:12px}
#loginNoTitle .pictureError{ background-position:0% 100%; display:inline !important; color : #ff0000}
#loginNoTitle .pictureValidate{ background-position:0% 50%; width:0}
#loginNoTitle .ghostPicture{ display: none !important; visibility: hidden !important}


#loginNoTitle .validatorMDP{ height:52px; padding-top:10px}
#loginNoTitle .butValidate{ margin-top:10px; text-align:left; height:28px; width:120px; margin-bottom:15px}
#loginNoTitle .test{ height:28px;width:120px}
#loginNoTitle .divConfirmInscription{ padding-left:175px; padding-bottom:15px}
#loginNoTitle #divAdressComplement{ height:19px; width:300px}
#loginNoTitle #divParrainagePanel{ padding-left:205px; padding-bottom:25px}

#loginNoTitle .dynamicvalidator {line-height:normal;}

/**************************************/
/* Page d'edition des addresses */
/**************************************/

/* Partie haute de la page */
#divEditAddress .titre{ color:#103494; font-weight:bold; font-size:15px; padding-top:20px; margin-bottom:10px;}
#divEditAddress #divAdresses {margin-top:20px;}
#divEditAddress .shippingAdresses {background-color:#f0f0f0; width:732px; margin-bottom:10px;}
#divEditAddress .billingAddress {background-color:#DDEBF4;}
#divEditAddress .addressDetail {float:left;padding:10px; width:300px;}
#divEditAddress .addressEditButtons {margin-left:427px; padding:10px; text-align:right; width:280px;}
#divEditAddress .ajoutAdresse {float:right;margin:10px 20px 20px 0;}
#divEditAddress .confirmpopup {width:400px}
#divEditAddress .confirmpopup h3 {display:block;font-size:18px;bottom:0;}
#divEditAddress .confirmpopup .button {float:right;margin-left:15px}
#divEditAddress .confirmpopup .message {margin:10px;position:relative}

.libelleAdress {
    display: inherit;
    font-size: 13px;
    font-weight: 600;
}    

.header-tunnel {/*background-image: url(/v3/img/tunnel/bg-site-tunnel.gif);*/}
.header-tunnel #topMenu .extra, .header-tunnel #extraWrapper {display: none;}
.header-tunnel .logo {/*background-image: url(/v3/img/tunnel/logo-tunnel.png);*/ height: 70px; background-position: -8px center;}
.header-tunnel .logo img { height:70px;width:auto; }
.header-tunnel #header {z-index: 0;padding-top: 70px;}

.header-tunnel .commandprogress {top: -40px;margin-top: 50px;}
.header-tunnel #divPacks, .header-tunnel .account {top: -40px; position: relative;}

.step0page .titre{ background-color:#FFFFFF; margin:10px 10px -15px; position:relative; width:250px; font-size:18px}

/* popUp ajout/modification des adresses */
.pnlPopupAdresseAdd {width:480px;padding:10px 20px;}
.pnlPopupAdresseAdd .title {margin:10px 0 15px 0;}
.pnlPopupAdresseAdd .divBarre{ display:none}
.pnlPopupAdresseAdd .divlblAjoutAdresses{ /*display:none*/}
.pnlPopupAdresseAdd .group {padding-top:5px;}
.pnlPopupAdresseAdd .grouplast {padding-top:5px;margin-bottom:15px;}
.pnlPopupAdresseAdd .italicStyle{ font-style: italic; margin-left:10px}
.pnlPopupAdresseAdd .weightbold { font-weight:bold}
.pnlPopupAdresseAdd .tinyInput { width:200px; height:24px}
.pnlPopupAdresseAdd .greyInput { background-color: #BBBBBB}
.pnlPopupAdresseAdd .InputLarge {padding-right:10px;width:418px; height:24px}
.pnlPopupAdresseAdd .zipCodeInput {width:100px; height:24px}
.pnlPopupAdresseAdd .cityInput {width:300px; height:24px}
.pnlPopupAdresseAdd .InputLargeDdl { width:433px; height:24px}
.pnlPopupAdresseAdd .HorizontalCheck li {display:inline;margin-right:12px;}
.pnlPopupAdresseAdd .HorizontalCheck li label {padding-left:6px;}
.pnlPopupAdresseAdd .customerFirstname {float:left;width:230px;}
.pnlPopupAdresseAdd .customerLastname {float:left;margin-left:15px;width:230px;}
.pnlPopupAdresseAdd .postalCode {float:left;width:140px;}
.pnlPopupAdresseAdd .city {float:left;margin-left:10px;width:330px;}
.pnlPopupAdresseAdd .divTxtPhone {float:left;width:230px;}
.pnlPopupAdresseAdd .divTxtPhoneMobile {float:left;margin-left:10px;width:230px;}
.pnlPopupAdresseAdd .faxNumber {float:left;width:230px;}
.pnlPopupAdresseAdd .proNumber { float:left;margin-right:10px;width:230px;}
.pnlPopupAdresseAdd .dynamicTextValidation {padding-top:18px;}
.pnlPopupAdresseAdd .dynamicvalidator {line-height:1.5em;padding-top:5px;float:left;}
.modalpopupbackground {background-color: #666699;filter: alpha(opacity=45);opacity: 0.7;}       
.autocomplete_completionListElement {margin: 0px !important;background-color: white;color: windowtext;border-width: 1px;border-style: solid;cursor: pointer;overflow: auto;text-align: left;list-style-type: none;height: 150px;min-width: 300px;}
.autocomplete_highlightedListItem {background-color: #ffff99;color: black;}
.autocomplete_listItem {background-color: window;color: windowtext;}

/* step3 */
.secure-sales-commandstep3page .divPlan {background-color:#EDEDED; height:414px; margin-left:465px; width:465px; padding-top:5px;}
.secure-sales-commandstep3page .lbl {font-weight:bold;}
.secure-sales-commandstep3page .HorizontalCheck li {display:inline;margin-right:15px;}
.secure-sales-commandstep3page .lblTitle {font-weight:bold;}
.secure-sales-commandstep3page .SecuremodalPopup {width:480px; height:565px; background-color:#FFF; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C8C8C8;}
.secure-sales-commandstep3page .divCroix {text-align:right; height:38px;}
.secure-sales-commandstep3page .pnlHoraire {background-color: #EBEBEB; left: 105px !important; padding-bottom: 10px; position: absolute !important; top: 165px !important; width: 250px;}
.secure-sales-commandstep3page #TableauHoraire {width:100%;}
.secure-sales-commandstep3page #TableauHoraire .ligneBlanche {background-color:#FFFFFF; height:18px; width:100%;}
.secure-sales-commandstep3page .pnlHoraire .titre {float:left; font-family:DINpro; font-size:18px; margin-bottom:10px; margin-top:10px; width:150px; margin-left:10px; background-color:#EBEBEB;}
.secure-sales-commandstep3page .pnlHoraire .divCroix {position: absolute; cursor:pointer; height:20px; margin:5px 5px 5px 225px; padding-top:5px; width:20px;}
.secure-sales-commandstep3page .pnlHoraire .margeGauche {padding-left:10px;}
.secure-sales-commandstep3page .rdbAdresseLivraison {overflow:auto; width:480px; height:300px;}
.secure-sales-commandstep3page #gmapcontainer {margin-left:10px; margin-top:5px; height:380px; margin-left:10px; width:445px;}
.secure-sales-commandstep3page .PlanDetaille {text-transform:uppercase; margin-left:10px; font-weight:bold;}
.secure-sales-commandstep3page .disabled .name {color:#999999;}
.secure-sales-commandstep3page .disabled .desc {color:#999999;}
.secure-sales-commandstep3page .disabled ul li {width:350px;}
.secure-sales-commandstep3page #divPointRelais .relaiscity {height:24px;}
.secure-sales-commandstep3page #divPointRelais .relaisaddress {width:359px;height:24px;}
.secure-sales-commandstep3page #divPointRelais .tinyInput {width:80px; margin-right:10px; height:24px;}

.step3page .list input, .step3page .item input {float:left;}
.step3page .adresse {line-height: 16px; margin-top: 10px;}
.step3page .modify {margin-left: 20px;}
.step3page .item.disabled {color:#999999;}
.step3page .item .name {font-weight:bold; margin-top: -2px; display:block; width: 300px;}
.step3page .item .nameWarning {font-weight:bold; margin-top: -7px; display:block; width: 300px;}
.step3page .item .specialWarning { font-weight:bold;margin-top: -2px; display:block; width: 300px;color:#009600; }
.step3page .item .desc {display:block; color: #646464; line-height: 16px;}
.step3page .item .price {color:#002A89; font-size:14px; font-weight:bold; display:block;text-transform:uppercase; line-height: 22px;}
.step3page .item .price.sp {display:inline;}
.step3page .item .price.strike {text-decoration:line-through;float:left;padding:0 1em 0 0;}
.step3page .item .eta {display:block;}
.step3page .item .warning {vertical-align: super; font-size: 8px;}
.step3page .item .FacturerAddress {font-weight:normal; text-transform: lowercase;}
.step3page .item .AddressLine1 {display:block;}
.step3page .item .AddressLine2 {display:block;}
.step3page .item .Company {display:block;}
.step3page .item .ZipCodeCity {display:block;}
.step3page .item .Country {display:block;}

.step3page .shippingPass {background:#ffdd00;padding:10px; height: 55px;}
.step3page .deliveryMode .shippingPass .AspNet-RadioButtonList-Selected{ min-height:0; width:auto; background-color:transparent;}
.step3page .deliveryMode .shippingPass .AspNet-RadioButtonList ul li{ padding:0;display:inline-block;width:40%;font-weight:bold;}
.step3page .deliveryMode .shippingPass .AspNet-RadioButtonList label {margin-left:8px;}
.step3page .deliveryMode .shippingPassInfos {display:block;padding-left:25px;}
.step3page .deliveryMode .shippingPass .knowMore {position: absolute; bottom: 10px; right: 2px; line-height: 16px;}
.step3page .pnlPopupShippingPass div {padding:20px;}
.step3page .pnlPopupShippingPass em {display:block;color:#002A89;font-size:1.1em;font-style:normal;font-weight:bold}
.step3page .pnlPopupShippingPass h4 {color:#ffc70e;font-size:1.5em;text-decoration:underline;font-weight:bold;margin-bottom:1em}

.step3page div .item {width:325px; display:block;}
.step3page div .itemList { margin-left:22px;display:block}
.step3page div .itemOff {color:#aaaaaa; width:420px;}
.step3page div .itemOff .explain {position:absolute; background:#f0f0f0; color:#141414; padding:1em; right:-30px; top:30px; line-height:18px; width:180px; text-align:center;}
.step3page div .itemOff .countryLimit {position:absolute; background:#f0f0f0; color:#141414; padding:1em; right:-30px; top:30px; line-height:18px; width:180px; text-align:center; }
.step3page div .itemOff .countryLimit:hover {text-decoration:none;}
.step3page div .itemOff .explain a, .step3page div .itemOff .countryLimit .link {text-decoration:underline; color:#00288C;}
.step3page .deliveryPopup .message {margin:0 20px 10px 20px;}
.step3page .deliveryPopup .message div {margin-top:5px;}
.step3page .deliveryPopup .message div span {font-weight:bold;}
.step3page .deliveryMode .AspNet-RadioButtonList ul li{ padding:10px 5px 5px 10px; margin-bottom:10px;}
.step3page .deliveryMode .reasons li {padding: 0px!important; margin: 0px!important; list-style: disc outside none;}
.step3page .deliverybox .AspNet-RadioButtonList ul li {margin-bottom:40px; padding:5px 5px 5px 10px}
.step3page .divAdresseLivraison {margin-left:25px; margin-bottom:15px}
.step3page .lblChoisirAdresseLivraison {color:#002A89; font-family:DINPro; font-size:16px; font-weight:bold; display:block}
.step3page .rbModes {margin-top: 10px;}

.step3page .etape_1 {padding-left: 10px;}

.step3page .liItemAddress {overflow: auto; margin-right:10px;}

.step3page .deliverybox {float:left; width:500px;}
.step3page .deliverybox ul li {padding:10px 5px 10px 10px; position:relative; margin-bottom: 10px;}
.step3page .deliverybox .AspNet-RadioButtonList-Item {min-height:70px; width:450px; position:relative; z-index:1;}
.step3page .deliverybox .AspNet-RadioButtonList-Selected {background-color:#ddebf6;}

.step3page .AddSlaveAdress {margin-bottom:20px; margin-top:10px;}

.step3page .deliveryMode {margin-left:500px;}

.step3page .deliveryMode .cbxShippingPass input {vertical-align:text-top;}
.step3page .deliveryMode .cbxShippingPass label {padding-left: 13px; font-weight: bold;}

.step3page .deliveryMode .eta {font-weight:bold; color: #009500;/* color:#029604; */}
.step3page .deliveryMode .etaBoutique { /*color: #009500;*/ color: #646464; line-height: 16px;}
.step3page .deliveryMode .storeName {font-weight:bold; color: #656565; /*display: block;*/}

.step3page .deliveryMode .AspNet-RadioButtonList-Item {position:relative;}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgStandard {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-standard.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRelaisColis {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRelaisColisKariboo  {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis-kariboo.gif);} 
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRelaisColisMax {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis-max.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRelaisColisConfort {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis-confort.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgChronopost {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-chrono.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgChronopost_demain {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-demain.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgSoiree {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-soiree.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgLivraisonBoutique {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-boutique.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRetraitImmediat {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-retrait.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgMondialRelay {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-mondial.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgUPS {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-ups.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRelaisBpost {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-bpost.gif);}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgBpostEvening {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-bpost-evening.gif);}

.step3page .deliveryMode .AspNet-RadioButtonList-Selected {min-height:50px; width:450px; background-color:#ddebf6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;position:relative;z-index:1;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgStandard {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRelaisColis {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRelaisColisKariboo {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRelaisColisMax {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRelaisColisConfort {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgChronopost {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgChronopost_demain {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgSoiree {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgLivraisonBoutique {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRetraitImmediat {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgMondialRelay {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgUPS {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRelaisBpost {background-position:0 50%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgBpostEvening {background-position:0 50%;}

.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgStandard {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgRelaisColis {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgRelaisColisKariboo {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgRelaisColisMax {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgRelaisColisConfort {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgChronopost {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgChronopost_demain {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgSoiree {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgLivraisonBoutique {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgRetraitImmediat {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgMondialRelay {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgUPS {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgRelaisBpost {background-position:0 100%;}
.step3page .deliveryMode .AspNet-RadioButtonList-Disabled .imgBpostEvening {background-position:0 100%;}

.step3page .divModesErrors {background-color:#EBEBEB;}
.step3page .divModesErrors .titlefleche {height: 16px; padding: 10px 15px; cursor:pointer;}
.step3page .divModesErrors .titleModeErrors  {font-family: DINPro; font-size: 16px; font-weight: bold; display: block; width: 420px; float:left; line-height: 16px;}
.step3page .divModesErrors .flecheModeErrors {background-image: url(/v3/img/tunnel/fleches.gif); background-repeat: no-repeat; background-position:100% -6px; width: 12px; height:6px; float:left; margin-top: 6px; }
.step3page .divModesErrors.hide .flecheModeErrors {background-position:100% 0px; }
.step3page .divModesErrors .ModesErrors {padding: 15px;}
.step3page .divModesErrors.hide .ModesErrors {display: none;}
.step3page .ModesErrorsItem {padding-bottom: 20px;}
.step3page .ModesErrorsItem .nameModeErrors {width: 300px; display: block; font-weight: bold;}
.step3page .ModesErrors .imgStandard {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-standard.gif); background-position:0 100%;}
.step3page .ModesErrors .imgRelaisColis {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis.gif); background-position:0 100%;}
.step3page .ModesErrors .imgRelaisColisKariboo {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis-kariboo.gif); background-position:0 100%;}
.step3page .ModesErrors .imgRelaisColisMax {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis-max.gif); background-position:0 100%;}
.step3page .ModesErrors .imgRelaisColisConfort {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-colis-confort.gif); background-position:0 100%;}
.step3page .ModesErrors .imgChronopost {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-chrono.gif); background-position:0 100%;}
.step3page .ModesErrors .imgChronopost_demain {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-demain.gif); background-position:0 100%;}
.step3page .ModesErrors .imgSoiree {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-soiree.gif); background-position:0 100%;}
.step3page .ModesErrors .imgLivraisonBoutique {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-boutique.gif); background-position:0 100%;}
.step3page .ModesErrors .imgRetraitImmediat {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-retrait.gif); background-position:0 100%;}
.step3page .ModesErrors .imgMondialRelay {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-mondial.gif); background-position:0 100%;}
.step3page .ModesErrors .imgUPS {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-ups.gif); background-position:0 100%;}
.step3page .ModesErrors .imgRelaisBpost {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-relais-bpost.gif); background-position:0 100%;}
.step3page .ModesErrors .imgBpostEvening {position:absolute; right:10px; height:50px; width:70px; background-image:url(/v3/img/tunnel/mode-bpost-evening.gif); background-position:0 100%;}
.step3page .ModesErrors .reasons {padding-left: 15px;}
.step3page .ModesErrors .reasons li {list-style: disc outside none; line-height: 16px; color: #646464; width: 325px; text-align: justify;}

.step3page .infoTaxeLivraison {background-color:#FFEBEC; color:#FF320A; width:430px; font-weight:bold; display:block; padding: 10px 15px;}

.step3page .warningTxt, .secure-sales-commandstep4page .warningTxt, .secure-account-loginpage .warningTxt{font-size: 11px; position: absolute; text-align: justify; width: 990px; color: #646464; line-height: 14px; margin-top: 15px;}
.secure-sales-commandstep4page .warningTxt { margin-top: 15px; }
.secure-sales-commandstep4page .warningTxt a { color: #646464;text-decoration: underline; }

.step3page .pnlChoisirPointRelais {width:970px;}
.step3page .relaistitre {text-transform:uppercase; font-size:12px; font-weight:bold; display:block;}
.step3page .other {padding-top: 15px;}
.step3page .sogepbox {margin:20px; position: relative;}
.step3page .horaire .pop {background:url(/v3/img/command/horaires.png) no-repeat scroll left top transparent;display:none;font-size:11px; height:112px; left:50px; line-height:15px; padding:4px 4px 4px 25px; position:absolute; top:-45px; width:218px; z-index:10;}

.step3page .lblChoisirPointRelais {color:#002A89; font-family:DINPro; font-size:16px; font-weight:bold; display:block; text-transform: uppercase; padding-bottom: 10px;}
.step3page .lblChoisirPointRelais2 {color:#002A89; font-family:DINPro; font-size:14px; font-weight:bold; display:block; text-transform: uppercase; padding-bottom: 5px;}
.step3page .lblChoisirPointRelais3{margin-top:40px;}
.step3page #divPointRelais {float:left; width:450px;}
.step3page #divPointRelaisListe {width:450px; border:1px solid #DCDCDC; max-height:335px; overflow: auto;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item {border-bottom:1px solid #DCDCDC; padding-top:8px; padding-bottom:8px; position:relative;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item:last-child {border-bottom: 0;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item input {margin-top:17px; margin-left: 10px;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .itemRelais {}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .nameRelais {display:block; padding-left: 40px;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .descRelais {display:block; width:250px;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaireLien {cursor: pointer; left: 360px; margin-top: 13px; position: absolute; text-decoration: underline; top: 0; display: block; width: 60px; height: 50px;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaire {background-image: url(/v3/img/tunnel/ico-horaires.png); height: 29px; width: 29px; left: 8px; position: absolute;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaireTexte {padding-top: 30px; position: absolute; color: #002A89; text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: DINPro;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaireFleche {background-image: url(/v3/img/tunnel/ico-fleches.gif); height: 4px; width: 8px; background-repeat: no-repeat; position: absolute; right: -4px; top: 38px; background-position: center top; }
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .kilometreRelais {position:absolute; left:300px; top:25px; font-weight:bold;}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Selected {background-color:#DDEBF6;}

.step3page #divPointRelaisListe .horairesRelais {padding:18px 15px 0px 40px; font-size: 11px; color:#141414; background-image: url(/v3/img/tunnel/bg-ombre.png); background-repeat: repeat-x; background-position: center 8px; display: block;}
.step3page #divPointRelaisListe .itemRelaisHorairesHide .horairesRelais {display: none;}
.step3page #divPointRelaisListe .itemRelaisHorairesHide .horaireFleche {background-position: center bottom;}
.step3page #divPointRelaisListe .horairesRelais .listDays .left {width: 165px; float:left;}
.step3page #divPointRelaisListe .horairesRelais .listDays .right {width: 165px; float:left; padding-left: 25px;}
.step3page #divPointRelaisListe .horairesRelais .day {font-weight: bold;}

.step3page .securecaption {border-color:#DCDCDC; border-top:1px solid #DCDCDC; margin-bottom:10px; margin-left:15px; margin-right:15px; padding-top:20px; border-bottom:1px solid #DCDCDC; padding-bottom:10px; margin-top:10px;}
.step3page #divEtapePrecedent {background-color:#DDEBF6; height:25px; padding:6px 6px 6px 13px;}

.step3page .divAdresseLivraisonNumero {margin-top:2px; background-image:url(/v3/img/tunnel/rond-numero.gif); background-repeat:no-repeat; float:left; width:20px; padding-left:4px; color:#FFF; line-height:17px}
.step3page #divHoraire{ background-color:#ebebeb}
.step3page .titre {background-color:#FFFFFF; margin:10px 10px -15px; position:relative; width:250px; font-size:18px;}

.step3page .confirmpopup {width:400px;}
.step3page .confirmpopup h3 {display:block;font-size:18px;bottom:0;}
.step3page .confirmpopup .button {float:right;margin-left:15px;}
.step3page .confirmpopup .message {margin:10px;position:relative;}

.step3page .pnlRetraitCondition {text-align: justify;}
.step3page .pnlRetraitCondition .nom_franchise {color: #009500; font-weight: bold;}
.step3page .pnlRetraitCondition .conditions {background: #ddebf6; height: 40px; margin: 20px 0; text-align: center; padding: 10px 0; color: #002a89; font-weight: bold;}
.step3page .pnlRetraitCondition .attention {color: #f00;}
.step3page .pnlRetraitCondition .confirmation {font-weight: bold; text-align: center; font-size: 13px; font-family: Arial; padding-top: 20px; padding-bottom: 5px;}
.step3page .pnlRetraitCondition .boutons {text-align: center;}

/* partie sur la validation des actions */
.ValidationAction .lblTextValidation{ display: block; padding-bottom:20px}
.ValidationAction{ margin-top:20px;margin-left:240px}
.ValidationAction .titre{ color:#103494; font-weight:bold; font-size:15px; padding-top:20px; margin-bottom:10px}


/* Le formulaire qui permet d'ajouter ou de modifier une adresse */
#FormulaireAjoutAdresse{ margin-left:240px; display:block; margin-bottom:10px}
#FormulaireAjoutAdresse #divlblAjoutAdresses{ margin-bottom:20px; width:250px; margin-bottom:-8px}
#FormulaireAjoutAdresse .divBarre{ height:2px; margin-bottom:20px; margin-left:250px; margin-right:10px; padding-top:2px; width:490px}
#FormulaireAjoutAdresse .HorizontalCheck li{ display:inline;  margin-right:15px}
#FormulaireAjoutAdresse .divlblAjoutAdresses{ bottom:-6px; display:inline; padding-right:5px; position:relative}
#FormulaireAjoutAdresse .customerFirstname{ margin-top:2px; padding-top:10px}
#FormulaireAjoutAdresse .customerLastname{ left:225px; position:absolute; top:10px}
#FormulaireAjoutAdresse .divEnterprise{ margin-bottom:10px; margin-top:10px}
#FormulaireAjoutAdresse .panelAdress{ margin-bottom:2px}
#FormulaireAjoutAdresse .adressComplement{ margin-bottom:10px; margin-top:10px}
#FormulaireAjoutAdresse .postalCode{ margin-top:2px; float:left}
#FormulaireAjoutAdresse .city{ float:left; margin-left:5px; margin-right:4px; padding-top:2px}
#FormulaireAjoutAdresse .cityValidator{ margin-bottom:11px; padding-top:18px}
#FormulaireAjoutAdresse .InputLarge{ width:418px; padding-right:10px; height:24px}
#FormulaireAjoutAdresse .tinyInput{ width:200px; height:24px}
#FormulaireAjoutAdresse .middleTinyInput{ width:100px; padding-right:10px; height:24px}
#FormulaireAjoutAdresse .middleTinyInput2{ width:308px; height:24px}
#FormulaireAjoutAdresse .country{ margin-bottom:10px}
#FormulaireAjoutAdresse .InputLargeDdl{ width:433px; height:28px}
#FormulaireAjoutAdresse .divTxtPhone{ width:230px; font-weight:normal; float:left}
#FormulaireAjoutAdresse .middleInput{ width:122px}
#FormulaireAjoutAdresse .divTxtPhoneMobile{ font-weight:normal; margin-left:4px; margin-right:3px; float:left}
#FormulaireAjoutAdresse .phoneValidation{ height:40px; padding-top:18px}
#FormulaireAjoutAdresse .panelNumTel {padding-top:10px}
#FormulaireAjoutAdresse .italicStyle {font-style:italic}
#FormulaireAjoutAdresse .faxNumber{ /* width:122px; */ width:230px; font-weight:normal; float:left}
#FormulaireAjoutAdresse .proNumber{ font-weight:normal; margin-left:4px; margin-right:3px; float:left}
#FormulaireAjoutAdresse .othersNumbersValidation{ height:40px; padding-top:18px}
#FormulaireAjoutAdresse .pictureValidator{ height:15px; font-style: italic; background-repeat:no-repeat; background-image:url(/v3/img/customer/ico-alertes.gif); padding-left:20px; visibility:visible !important; display:inline-block !important; padding-bottom:1px; width:0; overflow:hidden; margin-left:5px}
#FormulaireAjoutAdresse .pictureError{ background-position:0% 100%; width:290px; color : #ff0000}
#FormulaireAjoutAdresse .pictureValidate{ background-position:0% 50%; width:0}
#FormulaireAjoutAdresse .ghostPicture{ display: none !important; visibility: hidden !important}
#FormulaireAjoutAdresse .ghostHR{ display: none}
#FormulaireAjoutAdresse hr{ padding-top:1px; border:0; background-color: #dcdcdc}
#FormulaireAjoutAdresse .inlineDisplay hr{ padding-top:1px; border:0; background-color: #cfcccc}
#FormulaireAjoutAdresse .divlblAjoutAdresses .titre{ color:#103494; font-weight:bold; font-size:15px; padding-top:20px; margin-bottom:10px}


/**************************************/
/* la page default */
/**************************************/

/* bloc divAccueilInformationClient */
#divAccueilInformationClient {margin:10px 0 20px 0;}
#divAccueilInformationClient #divEspacePersonnel{ width:470px; float:left}
#divAccueilInformationClient #divEspacePersonnel .Hotline{color:#009701; background-color: #cce8cf; padding: 2px 5px; margin-left: 5px;}
#divAccueilInformationClient #divInformationClient{ float:left;background-color:#EBEBEB; width:240px;padding:10px}
#divAccueilInformationClient #divInformationClient #divlblTitleFirstNameLastName{ float:left; width:190px}
#divAccueilInformationClient #divInformationClient .texteBleu{ color:#103494}
#divAccueilInformationClient .titre{ font-weight:bold; color:#103494; font-size:16px}

/* bloc divPanelCommande */
.divPanelCommande{ background-color:#DDEBF6; height:245px;width:732px}
.divPanelCommande .titre{ font-weight:bold; color:#103494; font-size:16px}
.divPanelCommande .titreNoir{ font-weight:bold; font-size:16px}
.divPanelCommande .divHautPanelCommande{ background-color:#DDEBF6; height:110px; margin-top:5px; padding-top:10px; width:732px}
.divPanelCommande .divHautPanelCommande .weightgreen{ color:#019501}
.divPanelCommande #divImage{ margin-top:12px; margin-left:18px; float:left; width:100px; height:100px; background-image:url(/v3/img/Account/img-commande.jpg); background-repeat:no-repeat}
.divPanelCommande #divCommande{ float:left; width:310px}
.divPanelCommande #divAvis{ margin-left:430px; width:290px}
.divPanelCommande #divAvisBoutton{ text-align:right}
.divPanelCommande .divBasPanelCommande .weightbold{ font-weight:bold}
.divPanelCommande .divBasPanelCommande .weightgrey{ color:#636363}
.divPanelCommande .divBasPanelCommande{ height:102px; background-color:#ffffff;width:708px; margin:2px; padding:10px; padding:10px}
.divPanelCommande .statut390011 { color:#FF0000;font-weight:bold}
.divPanelCommande .statut390001 { color:#009600;font-weight:bold}
.divPanelCommande .statut390002 { color:#FF0000;font-weight:bold}
.divPanelCommande .statut390009 { color:#FF0000;font-weight:bold}


/* bloc NewsletterEtSondage */
.NewsletterEtSondage{ margin:15px 30px 15px 0px; float:left;width:350px;}
.NewsletterEtSondage .titre{ font-weight:bold; color:#103494; font-size:16px}
.NewsletterEtSondage #divNewsletter{ background-color:#DDEBF6; height:90px; margin-top:10px;padding-right:15px;}
.NewsletterEtSondage #divImageNewsletter{ float:left; width:30px}
.NewsletterEtSondage #divTexteNewsletter{ margin-left:40px; padding-top:5px}
.NewsletterEtSondage #lienNewsletter{ padding-top:5px;}
.NewsletterEtSondage #divImageNewsletter{ background-image:url(/v3/img/Account/img-mailing.jpg); background-repeat:no-repeat; height:90px; width:40px; margin-left:-10px; margin-top:-5px}

/* bloc ShippingPass */
.ShippingPass{ margin:15px 0 15px 0px; float:left;width:350px;}
.ShippingPass .titre{ font-weight:bold; color:#103494; font-size:16px}
.ShippingPass #divShippingPass{ background-color:#DDEBF6; height:90px; margin-top:10px;padding-right:15px;}
.ShippingPass #divImageShippingPass{ float:left; width:30px}
.ShippingPass #divTexteShippingPass{ margin-left:40px; padding-top:5px}
.ShippingPass #lienShippingPass{ padding-top:5px;}
.ShippingPass #divImageShippingPass{ background-image:url(/v3/img/Account/pass-logo2.png); background-repeat:no-repeat; height:90px; width:78px; margin-left:-20px; margin-top:0}



/*---------- Fin de la page default ------------*/

/* Page Pass Livraison */
.account .shippingPass {background:url(/v3/img/account/pass-logo1.gif) 97% 30px no-repeat; position:relative;}
.shippingPass .errorCGV { color:#FF0000}
.shippingPass .title {display:block;padding-bottom:1em}
.shippingPass .subtitle {font-weight:bold;font-size:1.1em;}
.shippingPass .livraison {position:relative;padding:7px 7px 7px 120px;margin-top:10px;border:2px solid #dcebf5; background:#dcebf5;}
.shippingPass .livraison.even {background-color:transparent;}
.shippingPass .livraison.lvStd .picto {width:32px;height:32px;position:absolute;left:45px;top:15px;background:url(/v3/img/tunnel/adresse.gif) 0 -32px no-repeat;}
.shippingPass .livraison.lvRelaisColis .picto {width:50px;height:50px;position:absolute;left:35px;top:10px;background:url(/v3/img/tunnel/relais-colis.gif) 0 0 no-repeat;}
.shippingPass .livraison.lvChrono .picto {width:70px;height:23px;position:absolute;left:25px;top:25px;background:url(/v3/img/tunnel/chronopost.gif) 0 -32px no-repeat;}
.shippingPass .livraison.lvChronoDCV .picto {width:70px;height:45px;position:absolute;left:25px;top:10px;background:url(/v3/img/tunnel/chronopost_dcv.gif) 0 0 no-repeat;}
.shippingPass .livraison.lvAutres .picto {width:99px;height:52px;position:absolute;left:12px;top:6px;background:url(/v3/img/tunnel/autres-transports.gif) 0 0 no-repeat;}
.shippingPass h4 {line-height:1.1em;font-weight:bold;font-size:1.1em;padding-left:20px}
.shippingPass .infos {padding-left:20px}
.shippingPass .livraison h4 {color:#00288c;padding-left:0}
.shippingPass .livraison .pr1, .shippingPass .livraison .pr2 {display:block; line-height:1.5em}
.shippingPass .livraison em {font-style:normal;font-weight:bold;color:#228822}
.shippingPass .descr {width:570px}
.shippingPass .cgv {text-decoration:underline;margin:1.5em 0}
.shippingPass .subscribed {font-weight:bold}
.shippingPass .spMerci {width:55%;}
#tabShippingPass {width:755px;height:442px;}
.account #tabShippingPass {margin-left:-35px;width:790px;overflow:hidden;margin-top:20px;}
.modalPopup.pnlPopupShippingPass {width:850px;}

/**************************************/
/* Page des bons d'achat */
/**************************************/

.secure-account-viewbapage .titre{ font-weight:bold; color:#103494; font-size:16px}
.secure-account-viewbapage .BAPage{ padding-top:20px; margin-left:240px; padding-right:20px}
.secure-account-viewbapage .sousTitre{ font-weight:bold; color:#103494; font-size:12px}
.secure-account-viewbapage .BAControlNotUsed{ width:720px; margin-bottom:15px; /* border:1px solid #DCDCDC; */ }
.secure-account-viewbapage .SecureTableGen{ background-color:#DDEBF6 !important; padding-bottom:0 !important}

.SecureTableGenTr{ background-color:#fff !important}

.secure-account-viewbapage .PaddingTop3{ padding-top:3px}
.secure-account-viewbapage .even{ background-color:#FFF}
.secure-account-viewbapage .texteVert{ color:#009701}
.secure-account-viewbapage .texteBleuFonce{ color:#00278e}
.secure-account-viewbapage .bold{ font-weight:bold}
.secure-account-viewbapage .flecheBas{ background-image:url(/v3/img/Account/flecheBas.png); background-repeat:no-repeat; height:4px; margin-top:7px; width:8px}

/* CommandProgress Partie du haut 12345 etape de la commande */
.commandprogress div {color:#999999; float:left; text-align:center; text-transform:uppercase; width:20%}
.commandprogress {background-position:left top; background-repeat:no-repeat; height:70px; margin-left:2px; position:relative; width:990px}
.commandprogress a {color:#646464; text-decoration: none;}


/* Commande etape5 */
.comStep5 { background:#fff;padding:5px 15px 0 15px;border:1px solid #c8c8c8}
.comStep5 h2 { background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase}
.comStep5 .blocWrapper { border-top:1px solid #DCDCDC;padding:20px 0}
.comStep5 .blocWrapper span { display:block}
.comStep5 .blocWrapper .thanks { color:#00288C;font-weight:bold}
.comStep5 .blocWrapper .action { text-align:center;padding-top:20px}
.comStep5 .blocWrapper .action .viewCom { margin-left:50px}
.comStep5 .blocWrapper ul { display:block}
.comStep5 .blocWrapper li { display:block;float:left}
.comStep5 iframe { height:0 !important}

/* Commande etape4 */
.comStep4 { background:#fff;border:1px solid #c8c8c8; padding-top:5px;position:relative;z-index:13;}
.comStep4 .progress {position:relative;}
.comStep4 .errorCGV { color:#FF0000}
.comStep4 .step4 { padding:0 15px 0 15px}
.step4Footer { background:#DCEBF5;padding:5px 0 5px 15px;}
.comStep4 .relative { position:relative}
.comStep4 h2 { background: none repeat scroll 0 0 #FFFFFF;bottom: -6px;display: inline;font-family: DINPro;font-size: 18px;padding-right: 0.5em;position: relative;text-transform: uppercase}
.comStep4 h3 { color:#00288C;font-weight:bold;background:#fff;bottom: -6px;display: inline;padding-right: 0.5em;position: relative;font-family: DINPro, arial;font-size:16px;}
.comStep4 .titleWrapper { border-top:1px solid #DCDCDC;padding:20px 0;}
.comStep4 .titleWrapper .recap { float:left;width:330px;}
.comStep4 .titleWrapper .recap table { background:#EDEDED;border:0;padding:0 5px;width:100%;margin:0}
.comStep4 .titleWrapper .recap table td { padding:2px 5px; height:30px}
.comStep4 .titleWrapper .recap table td.price {width:81px; text-align:right;}
.comStep4 .titleWrapper .recap table .sep { border-top:1px solid #c8c8c8; height:30px}
.comStep4 .titleWrapper .recap table .cpromo { color:#009701}
.comStep4 .titleWrapper .recap table .total { background:#DCEBF5}
.comStep4 .titleWrapper .recap table .total td { color:#00288C;font-weight:bold;text-transform:uppercase;font-size:1.1em}

.comStep4 .titleWrapper #payment { float:left;padding-left:20px;width:610px}
.comStep4 .titleWrapper #payment .paymentDebit { padding-top:10px;padding-bottom:15px;font-size:12px; display:block;}
.comStep4 .titleWrapper #payment .paymentDebitEx { font-size:12px; display:block;}
.comStep4 .titleWrapper #payment .paymentDebit .hightlight, .comStep4 .titleWrapper #payment .paymentDebitEx .hightlight{ color:#FF7F27;font-weight:bold; }
/* .comStep4 .titleWrapper #payment .paymentHeader { cursor:pointer;padding:10px 0 10px 15px;background:#EDEDED;margin-bottom:10px;border:1px solid #c8c8c8;height:34px;line-height:34px } */
.comStep4 .titleWrapper #payment .paymentHeader { cursor:pointer;background:#FFF;margin-bottom:10px;border:1px solid #c8c8c8; min-height:35px;height:43px;padding-top:7px;}
.comStep4 .titleWrapper #payment .paymentHeaderCB { height:50px; line-height:50px; margin-left:10px}
.comStep4 .titleWrapper #payment .paymentName { text-transform:uppercase;font-weight:bold; font-size:16px;font-family: DINPro, arial;}
.comStep4 .titleWrapper #payment .paymentDesc { font-size:14px;font-family:Arial;color:#636363;position:relative;top:-1px;}
/* .comStep4 .titleWrapper #payment .paymentHeaderSelected { padding:10px 0 10px 15px;background:#DCEBF5;margin-bottom:10px;border:1px solid #c8c8c8;height:34px;line-height:34px} */
.comStep4 .titleWrapper #payment .paymentHeaderSelected { background:#DCEBF5;margin-bottom:10px; min-height:35px;height:43px;padding-top:7px;}
.comStep4 .titleWrapper #payment .paymentHeaderSelected .paymentHeaderCB .imgPucePayment{ height:12px; width:12px; background-image:url(/v3/img/tunnel/bt-radio.gif); float:left; margin-right:10px; margin-top:12px}
.comStep4 .titleWrapper #payment .paymentHeader .paymentHeaderCB .imgPucePayment{ height:12px; width:12px; background-image:url(/v3/img/tunnel/bt-radio.gif); float:left; margin-right:10px; margin-top:12px; background-position:center bottom}

.comStep4 .titleWrapper #payment .paymentHeaderComplementary { background:#FFEBEC;min-height:35px}

.comStep4 .titleWrapper #payment .HeaderHorsCB{ line-height:35px; margin-left:10px}
.comStep4 .titleWrapper #payment .paymentHeaderSelected .HeaderHorsCB .imgPucePayment{ height:12px; width:12px; background-image:url(/v3/img/tunnel/bt-radio.gif); float:left; margin-right:10px; margin-top:12px}
.comStep4 .titleWrapper #payment .paymentHeader .HeaderHorsCB .imgPucePayment{ height:12px; width:12px; background-image:url(/v3/img/tunnel/bt-radio.gif); float:left; margin-right:10px; margin-top:12px; background-position:center bottom}

.comStep4 .titleWrapper #payment .paymentSup { display:block;line-height:0}
.comStep4 .titleWrapper #payment .paymentContent { padding-left:20px}

.comStep4 .imgPayment { float:right}
.comStep4 .imgPayment span { float:left;height:0;width:60px;padding:36px 5px 0 5px;background-position:0 100%;background-repeat:no-repeat}
.comStep4 .paymentHeaderSelected .imgPayment span { background-position:0 100%;}
.comStep4 .paymentHeaderSelected .imgPayment span.amex { background-image:url(/v3/img/sales/ico-ae.gif); margin:4px 0;margin-top:0px;background-position:0 50%;}
.comStep4 .paymentHeaderSelected .imgPayment span.cb { background-image:url(/v3/img/sales/ico-cb.gif); margin:4px 0;margin-top:0px;background-position:0 50%;}
.comStep4 .paymentHeaderSelected .imgPayment span.ecb { background-image:url(/v3/img/sales/ico-ecb.gif); margin:4px 0;margin-top:0px;background-position:0 50%;}
.comStep4 .paymentHeaderSelected .imgPayment span.mc { background-image:url(/v3/img/sales/ico-mc.gif); margin:4px 0;margin-top:0px;background-position:0 50%}
.comStep4 .paymentHeaderSelected .imgPayment span.visa { background-image:url(/v3/img/sales/ico-visa.gif); margin:4px 0;margin-top:0px;background-position:0 50%}
.comStep4 .paymentHeaderSelected .imgPayment span.paypal { background-image:url(/v3/img/sales/ico-paypal.gif);margin-top:0px;background-position:0 50%}
.comStep4 .paymentHeaderSelected .imgPayment span.chq { background-image:url(/v3/img/sales/ico-chq.gif);margin-top:0px;margin-right:5px;background-position:0 50%}
.comStep4 .paymentHeaderSelected .imgPayment span.cb3 { background-image:url(/v3/img/sales/ico-3x.gif);margin-top:0px;background-position:0 50%}
.comStep4 .paymentHeaderSelected .imgPayment span.vir { background-image:url(/v3/img/sales/ico-vir.gif);margin-top:0px;background-position:0 50%}      
.comStep4 .paymentHeaderSelected .imgPayment span.vir.chf { background-image:url(/v3/img/sales/ico-vir-chf.gif);margin-top:0px;background-position:0 -36px}      
.comStep4 .paymentHeaderSelected .imgPayment span.cofinoga { background-image:url(/v3/img/sales/ico-cofinoga.gif);margin-top:0px;background-position:0 50%}   

 
.comStep4 .paymentHeader .imgPayment span.amex { background-image:url(/v3/img/sales/ico-ae.gif); margin:4px 0;margin-top:0px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.cb { background-image:url(/v3/img/sales/ico-cb.gif); margin:4px 0;margin-top:0px;background-position:0% 0%;}
.comStep4 .paymentHeader .imgPayment span.ecb { background-image:url(/v3/img/sales/ico-ecb.gif); margin:4px 0;margin-top:0px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.mc { background-image:url(/v3/img/sales/ico-mc.gif); margin:4px 0;margin-top:0px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.visa { background-image:url(/v3/img/sales/ico-visa.gif); margin:4px 0;margin-top:0px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.paypal { background-image:url(/v3/img/sales/ico-paypal.gif);margin-top:0px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.chq { background-image:url(/v3/img/sales/ico-chq.gif);margin-top:0px;margin-right:5px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.cb3 { background-image:url(/v3/img/sales/ico-3x.gif);margin-top:0px;background-position:0px 0px;}
.comStep4 .paymentHeader .imgPayment span.vir { background-image:url(/v3/img/sales/ico-vir.gif);margin-top:0px;background-position:0px 0px;}      
.comStep4 .paymentHeader .imgPayment span.vir.chf { background-image:url(/v3/img/sales/ico-vir-chf.gif);margin-top:0px;background-position:0px 0px;}      
.comStep4 .paymentHeader .imgPayment span.cofinoga { background-image:url(/v3/img/sales/ico-cofinoga.gif);margin-top:0px;background-position:0px 0px;}   


.comStep4 .nextstep div.zoneCgv {padding-bottom: 20px;}     
.comStep4 .nextstep div.zoneCgv a {text-transform: lowercase;}            
.comStep4 .pnlcbdetails .cbItem { padding-top:5px;display:block;padding-bottom:5px;}
.comStep4 .pnlcbdetails .helpCrypto { color:#646464;font-size:0.9em;padding-left:10px;font-style:italic;}
.comStep4 .pnlcbdetails .selectcb { margin-right:20px}
.comStep4 .pnlcbdetails .cbdetails { color:#00288C;display:block; font-size:14px;margin-top:5px;}
.comStep4 .pnlcbdetails .franchiseInfo { text-align:justify; color:#141414 ;font-size:0.9em; }
.comStep4 .pnlcbdetails .franchiseInfo2 { text-align:justify; color:#FF8131;font-size:0.9em;font-weight:bold;}
.comStep4 .pnlcbdetails .echeance {  }
.comStep4 .nextstep {min-height:90px; line-height:16px; padding-bottom:32px; margin-left:-10px;}
.comStep4 .nextstep label { padding-left:5px}
.comStep4 .nextstep a.button.commander2 {margin-right:5px;}
.comStep4 .address {float:left; width:275px;}
.comStep4 .deliveryicon {position:absolute;left:270px; background:no-repeat;background-position:right top;width:70px}
.comStep4 .deliveryicon.liv370001 {padding-top:32px}
.comStep4 .deliveryicon.liv370002 {padding-top:32px}
.comStep4 .deliveryicon.liv370003 {padding-top:32px}
.comStep4 .deliveryicon.liv370004 {padding-top:32px}
.comStep4 .deliveryicon.liv370005 {padding-top:32px}
.comStep4 .deliveryicon.liv370006 {padding-top:32px}
.comStep4 .deliveryicon.liv370007 {padding-top:32px}
.comStep4 .deliveryicon.liv370008 {padding-top:50px;}
.comStep4 .deliveryicon.liv370009 {padding-top:50px;}
.comStep4 .deliveryicon.liv370010 {padding-top:50px}
.comStep4 .deliveryicon.liv370011 {padding-top:50px;}
.comStep4 .deliveryicon.liv370013 {padding-top:32px}
.comStep4 .deliveryicon.liv370014 {padding-top:32px}
.comStep4 .deliveryicon.liv370016 {padding-top:50px}
.comStep4 .deliveryicon.liv370017 {padding-top:50px}
.comStep4 .deliveryicon.liv370018 {padding-top:32px}
.comStep4 .deliveryicon.liv370019 {padding-top:50px;}
.comStep4 .deliveryicon.liv370020 {padding-top:50px;}
.comStep4 .deliveryicon.liv370021 {padding-top:50px;}
.comStep4 .deliveryicon.liv370022 {padding-top:50px;}
.comStep4 .deliveryicon.liv370023 {padding-top:32px}
.comStep4 .deliveryicon.liv370024 {}
.comStep4 .deliveryicon.liv370025, .comStep4 .deliveryicon.liv370059, .comStep4 .deliveryicon.liv370060 {padding-top:50px}
.comStep4 .deliveryicon.liv370061 { padding-top:50px;width:90px;left:250px; } 
.comStep4 .deliveryicon.liv370026 {}
.comStep4 .deliveryicon.liv370027 {padding-top:50px;}
.comStep4 .deliveryicon.liv370028 {padding-top:50px;}
.comStep4 .deliveryicon.liv370029 {padding-top:50px;}
.comStep4 .deliveryicon.liv370030 {padding-top:50px;}
.comStep4 .deliveryicon.liv370031 {padding-top:50px;}
.comStep4 .deliveryicon.liv370032 {padding-top:50px;}
.comStep4 .deliveryicon.liv370033 {padding-top:50px;}
.comStep4 .deliveryicon.liv370034 {padding-top:50px;}
.comStep4 .deliveryicon.liv370035 {padding-top:32px;}
.comStep4 .deliveryicon.liv370036 {padding-top:23px;}
.comStep4 .deliveryicon.liv370037 {padding-top:50px;}
.comStep4 .deliveryicon.liv370038 {padding-top:50px;}
.comStep4 .deliveryicon.liv370042 {}
.comStep4 .deliveryicon.liv370043 {padding-top:50px;}
.comStep4 .deliveryicon.liv370044 {padding-top:50px;}
.comStep4 .deliveryicon.liv370045 {padding-top:50px;}
.comStep4 .deliveryicon.liv370046 {padding-top:50px;}
.comStep4 .deliveryicon.liv370047 {padding-top:50px;}
.comStep4 .deliveryicon.liv370048 {padding-top:50px;}
.comStep4 .deliveryicon.liv370049 {padding-top:50px;}
.comStep4 .deliveryicon.liv370050 {padding-top:50px;}
.comStep4 .deliveryicon.liv370051 {padding-top:50px;}
.comStep4 .deliveryicon.liv370052 {padding-top:50px;}
.comStep4 .deliveryicon.liv370053 {padding-top:50px;}
.comStep4 .deliveryicon.liv370054 {padding-top:50px;}
.comStep4 .deliveryicon.liv370055 {padding-top:50px;}
.comStep4 .deliveryicon.liv370056 {padding-top:50px;}
.comStep4 .deliveryicon.liv370057 {padding-top:50px;}
.comStep4 .deliveryicon.liv370058 {padding-top:50px;}
.comStep4 .deliveryicon.liv370062 {padding-top:50px;}
.comStep4 .deliveryicon.liv370063 {padding-top:50px;}
.comStep4 .deliveryicon.liv370064 {padding-top:50px;}
.comStep4 .deliveryicon.liv370065 {padding-top:50px;}
.comStep4 .deliveryicon.liv370066 {padding-top:50px;}
.comStep4 .deliveryicon.liv370067 {padding-top:50px;}
.comStep4 .deliveryicon.liv370068 {padding-top:50px;}
.comStep4 .deliveryicon.liv370069 {padding-top:50px;}
.comStep4 .deliveryicon.liv370070 {padding-top:50px;}
.comStep4 .deliveryicon.liv370071 {padding-top:50px;}
.comStep4 .deliveryicon.liv370072 {padding-top:50px;}
.comStep4 .deliveryicon.liv370073 {padding-top:50px;}
.comStep4 .deliveryicon.liv370074 {padding-top:50px;}
.comStep4 .deliveryicon.liv370075 {padding-top:50px;}
.comStep4 .deliveryicon.liv370076 {padding-top:50px;}
.comStep4 .deliveryicon.liv370077 {padding-top:50px;}
.comStep4 .deliveryicon.liv370078 {padding-top:50px;}
.comStep4 .deliveryicon.liv370079 {padding-top:50px;}
.comStep4 .deliveryicon.liv370080 {padding-top:50px;}
.comStep4 .deliveryicon.liv370081 {padding-top:50px;}
.comStep4 .deliveryicon.liv370082 {padding-top:50px;}
.comStep4 .deliveryicon.liv370083 {padding-top:50px;}
.comStep4 .deliveryicon.liv370084 {padding-top:50px;}
.comStep4 .deliveryicon.liv370087 {padding-top:50px;}
.comStep4 .deliveryicon.liv370088 {padding-top:50px;}
.comStep4 .deliveryicon.liv370089 {padding-top:50px;}
.comStep4 .deliveryicon.liv370090 {padding-top:50px;}
.comStep4 .deliveryicon.liv370091 {padding-top:50px;}
.comStep4 .deliveryicon.liv370092 {padding-top:50px;}
.comStep4 .deliveryicon.liv370093 {padding-top:50px;}
.comStep4 .deliveryicon.liv370094 {padding-top:50px;}
.comStep4 .deliveryicon.liv370095 {padding-top:50px;}
.comStep4 .deliveryicon.liv370096 {padding-top:50px;}
.comStep4 .deliveryicon.liv370097 {padding-top:50px;}
.comStep4 .deliveryicon.liv370098 {padding-top:50px;}
.comStep4 .deliveryicon.liv370101 {padding-top:50px;}
.comStep4 .deliveryicon.liv370102 {padding-top:50px;}
.comStep4 .deliveryicon.liv370106 {padding-top:50px;}
.comStep4 .deliveryicon.liv370107 {padding-top:50px;}
.comStep4 .deliveryicon.liv370108 {padding-top:50px;}
.comStep4 .deliveryicon.liv370109 {padding-top:50px;}
.comStep4 .deliveryicon.liv370110 {padding-top:50px;}
.comStep4 .deliveryicon.liv370111 {padding-top:50px;}
.comStep4 .deliveryicon.liv370114 {padding-top:50px;}
.comStep4 .deliveryicon.liv370115 {padding-top:50px;}
.comStep4 .deliveryicon.liv370112 {padding-top:50px;}
.comStep4 .deliveryicon.liv370113 {padding-top:50px;}
.comStep4 .deliveryicon.liv370120 {padding-top:50px;}
.comStep4 .deliveryicon.liv370121 {padding-top:50px;}
.comStep4 .deliveryicon.liv370122 {padding-top:50px;}
.comStep4 .deliveryicon.liv370123 {padding-top:50px;}
.comStep4 .pnlcbdetails .tbName{ height:30px; width:230px}
.comStep4 .pnlcbdetails .tbCardNumber{ height:30px; width:230px}
.comStep4 .pnlcbdetails .ddValidityMonth{ height:32px; width:125px}
.comStep4 .pnlcbdetails .ddValidityMonth  option { margin-top:3px}
.comStep4 .pnlcbdetails .ddlValidityYear{ height:32px; width:100px; margin-left:7px}
.comStep4 .pnlcbdetails .tbCrypto{ height:30px; width:60px}
.comStep4 .pnlcbdetails .tbBirthday{ height:28px; width:80px}
.comStep4 .pnlcbdetails .div3DSecure {background-color:#D9EFDA; margin-left:-20px;padding:0 10px;margin-bottom:20px;}
.comStep4 .pnlcbdetails .div3DSecure .button {float:right;margin-top:5px;width}
.comStep4 .pnlcbdetails .div3DSecure label {padding-left:5px;line-height:32px;}
.comStep4 .pnlcbdetails .div3DSecure .optionForced {line-height:32px;}
.comStep4 .pnlcbdetails .divInfoFranchise {background-color:#FBEDE0;margin-left:-20px; padding:10px 10px;margin-bottom:20px;text-align:justify;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .title {margin-bottom:0;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info1 {padding:20px;text-align:justify;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info1 span {display:block;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info1 a {text-decoration:underline;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info1 a:hover {text-decoration:none;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info2 {background:url(/img/sales/ico-3dsecure.png) no-repeat #DCEBF5 10px 10px;padding:10px 40px 10px 150px;height:125px;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info3 {font-size:16px;font-family:DINPro,arial;font-weight:bold;display:block;margin-top:5px;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .info3 em {color:#00288C;font-style:normal;display:block;}
.comStep4 .pnlcbdetails .pnl3DSecureInfo .button span {width:50px;}
.comStep4 .pnlcbdetails .pnl3DSecureBank {padding-left:20px;width:610px;}
.comStep4 .pnlcbdetails .pnl3DSecureBank .title {margin:20px 0 0;}
.comStep4 .pnlcbdetails .pnl3DSecureBank .close {margin:10px 10px 0;}
.comStep4 .pnlcbdetails .pnl3DSecureBank .subTitle {margin-top:30px; display:block;font-family:DINPro,arial;font-weight:bold;font-size:16px;}
.comStep4 .pnlcbdetails .pnl3DSecureBank .iconeLst li {float:left;width:110px;margin-right:10px; margin-top:10px;} 
.comStep4 .pnlcbdetails .pnl3DSecureBank .iconeLst li span {font-size:11px;color:#141414;padding-top:10px;line-height:11px;}
.comStep4 .pnlcbdetails .pnl3DSecureBank .button span {width:50px;}
.comStep4 .pnlcbdetails .pnl3DSecureBank .titleWrapper {border:0;padding:0;}

.comStep4 .cofinoga .options { height:28px}
.comStep4 .cofinoga .ddlBirthYear, .comStep4 .cofinoga .ddlBirthMonth { width:100px; height:28px}
.comStep4 .cofinoga .ddlBirthDay { width:60px; height:28px}

.comStep4 .pnlAvoirDetails table { border:0;padding:0 5px;width:100%;margin:0;}
.comStep4 .pnlAvoirDetails table td {height:70px; border-bottom:1px solid #C8C8C8; overflow:hidden;}
.comStep4 .pnlAvoirDetails table td.checkBox { width:10px;}
.comStep4 .pnlAvoirDetails table td.avoirInfo { text-align:center; width:60%;}
.comStep4 .pnlAvoirDetails table tr.disabled {color: #999999;}

.comStep4 .pnlAvoirDetails .avoirItem {overflow:hidden; max-height:60px; display:block;}
.comStep4 .pnlAvoirDetails .avoirItem .avoirDetail {display:block;}
.comStep4 .pnlAvoirDetails .avoirItem .dateFin {color:#049701; font-weight:bold;}
.comStep4 .pnlAvoirDetails .avoirItem .montant {color:#FF320A; font-weight:bold;}
.comStep4 .pnlAvoirDetails .disabled .avoirItem .dateFin {color: #999999;}
.comStep4 .pnlAvoirDetails .disabled .avoirItem .montant {color: #999999;}
.comStep4 .pnlAvoirDetails a.button.commander2 {float:right;}

.comStep4 .pnlAvoirDetails .avoirItem .montantSurplus {color:#00288C; font-weight:bold;}
.comStep4 .pnlAvoirDetails .avoirItem .montantInfo {color:#646464;width:80%;padding:0 10%;font-size:12px;line-height:15px;}
.comStep4 .pnlAvoirDetails .totalRestant {font-size: 1.2em; font-weight: bold;color: #FF320A;float:left;line-height:34px;}
.comStep4 .pnlAvoirDetails .nextstep { height:40px; margin-top:5px; padding:0;}

.comStep4 .divModesErrors {background-color:#EBEBEB;}
.comStep4 .divModesErrors .titlefleche {height: 16px; padding: 10px 15px; cursor:pointer;}
.comStep4 .divModesErrors .titleModeErrors  {font-family: DINPro; font-size: 16px; font-weight: bold; display: block; width: 420px; float:left; line-height: 16px;}
.comStep4 .divModesErrors .flecheModeErrors {background-image: url(/v3/img/tunnel/fleches.gif); background-repeat: no-repeat; background-position:100% -6px; width: 12px; height:6px; float:right; margin-top: 6px; }
.comStep4 .divModesErrors.hide .flecheModeErrors {background-position:100% 0px; }
.comStep4 .divModesErrors .ModesErrors {padding: 15px;}
.comStep4 .divModesErrors.hide .ModesErrors {display: none;}
.comStep4 .ModesErrorsItem {padding-bottom: 20px;}
.comStep4 .ModesErrorsItem .nameModeErrors {width: 290px; display: block; font-weight: bold;}
.comStep4 .ModesErrors .reasons {padding-left: 15px;}
.comStep4 .ModesErrors .reasons li {list-style: disc outside none; line-height: 16px; color: #646464; width: 350px; text-align: justify;}
.comStep4 .ModesErrors  span.amex {position:absolute;right:10px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-ae.gif); margin:4px 0;background-position:0px 100%}
.comStep4 .ModesErrors  span.cb {position:absolute; right:10px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-cb.gif); margin:4px 0;background-position:0 100%}
.comStep4 .ModesErrors  span.ecb {position:absolute; right:10px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-ecb.gif); margin:4px 0;background-position:0 100%}
.comStep4 .ModesErrors  span.mc {position:absolute; right:10px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-mc.gif); margin:4px 0;background-position:0 100%}
.comStep4 .ModesErrors  span.visa { position:absolute; right:10px; height:35px; width:70px; background-image:url(/v3/img/sales/ico-visa.gif); margin:4px 0;background-position:0 100%}
.comStep4 .ModesErrors  span.paypal {position:absolute; right:83px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-paypal.gif);background-position:0 100%}
.comStep4 .ModesErrors  span.chq { position:absolute; right:10px; height:35px; width:70px; background-image:url(/v3/img/sales/ico-chq.gif);background-position:0 100%}
.comStep4 .ModesErrors  span.cb3 {position:absolute; right:10px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-3x.gif);background-position:0 100%}
.comStep4 .ModesErrors  span.vir { position:absolute; right:10px; height:35px; width:70px; background-image:url(/v3/img/sales/ico-vir.gif);background-position:0 100%}      
.comStep4 .ModesErrors  span.cofinoga {position:absolute; right:10px; height:35px; width:70px;  background-image:url(/v3/img/sales/ico-cofinoga.gif);background-position:0 100%}   


#zoneSecurisee {text-align:center; padding:5px; color:#FFFFFF; border: 1px solid #495d9c; width:300px; position: absolute; top: 14px; right: 20px;}
.partnerContest #zoneSecurisee { color:#000; }
.header-tunnel.partnerContest .logo {top:0;}
.header-tunnel.partnerContest .logo img { display:none; }
.header-tunnel.partnerContest #aide a {color:#000;}
#zoneSecurisee .img {float: left; width: 33px; padding-top: 5px;}
#zoneSecurisee .txt {float: left; text-align: left; line-height:14px;}

.CommandStep.rounded{ padding:2px 0; position:inherit}

/*-----------------------*/
/* Page step2 */
/*-----------------------*/
.step2page .titre {font-family:DINPro,arial;font-weight: 100;background-color:#FFFFFF;margin:10px 10px -5px;position:relative;width:230px;font-size:18px;color:#141414;margin-right:290px;z-index:1;text-transform:uppercase;}
.step2page #securecaption {display:block;border-top:1px solid #DCDCDC;margin:0 10px;}
.step2page #dChoixPackMobile{display:none;}

/* Le tableau */
.step2page .tableauServices {width:100%;margin:75px 0 30px;border-top:none; border-collapse:collapse;border-bottom:none; border-left:none; border-right:none;}
.step2page .tableauServices th {width:220px;height:135px;padding:10px 0 20px;text-align:center;font-weight:normal;vertical-align:top;color:#646464;}
.step2page .tableauServices th.pack1 {background:url(/v3/img/tunnel/bg-pack-classique.gif) 0 0 repeat-x;border-bottom:1px solid #dcd5cf;}
.step2page .tableauServices th.pack2 {background:url(/v3/img/tunnel/bg-pack-confort.gif) 0 0 repeat-x;border-bottom:1px solid #d0d0d1;}
.step2page .tableauServices th.pack3 {background:url(/v3/img/tunnel/bg-pack-expert.gif) 0 0 repeat-x;border-bottom:1px solid #eae3bd;}
.step2page .tableauServices th.pack2 div, .step2page .tableauServices th.pack3 div {position:relative;}
.step2page .tableauServices th.pack2 .pack2Reco {position:absolute;top:-35px;right:0;}
.step2page .tableauServices th.pack3 .pack3Promo {position:absolute;top:-50px;right:0;}
.step2page .tableauServices .colonneGauche {padding:0 20px;text-align:left;width:233px;margin:0;border-bottom:1px solid #ebebeb;}
.step2page .tableauServices th.colonneGauche {padding:10px 20px 0;}
.step2page .tableauServices th.colonneGauche .title {font-size:1.5em;font-weight:bold;color:#002a89;font-family:DINPro;display:block;margin-bottom:10px;}
.step2page .tableauServices td img {vertical-align:middle;}
.step2page .tableauServices td.colonneGauche {line-height:1.2em;}
.step2page .tableauServices td div {width:220px;text-align:center;height:34px;line-height:34px;}
.step2page .tableauServices td.pack1 div, .step2page .tableauServices td.pack2 div, .step2page .tableauServices td.pack3 div {font-size:1.2em;}
.step2page .tableauServices td.pack1 {background:#f0e7e2;border-bottom:1px solid #dcd5cf;}
.step2page .tableauServices td.pack2 {background:#e2e2e2;border-bottom:1px solid #d0d0d1;}
.step2page .tableauServices td.pack3 {background:#fff6cd;border-bottom:1px solid #eae3bd;}
.step2page .tableauServices .separate {width:20px;border-bottom:1px solid #ebebeb;}
.step2page .tableauServices .titlePack1, .step2page .tableauServices .titlePack2, .step2page .tableauServices .titlePack3 {width:220px;height:40px;display:block;margin-bottom:10px;}
.step2page .tableauServices .titlePack1 {background:url(/v3/img/tunnel/pack-classique.png) 0 0 no-repeat;}
.step2page .tableauServices .titlePack2 {background:url(/v3/img/tunnel/pack-confort.png) 0 0 no-repeat;}
.step2page .tableauServices .titlePack3 {background:url(/v3/img/tunnel/pack-expert.png) 0 0 no-repeat;}
.step2page .tableauServices .titlePack2.disabled, .step2page .tableauServices .titlePack3.disabled {background-position:0 -40px;}
.step2page .tableauServices .subTitlePack {line-height:1.3em;display:block;}
.step2page .tableauServices .pricePack1 {text-transform:uppercase;font-size:1.2em;color:#141414;display:block;padding:20px 0 5px;}
.step2page .tableauServices .pricePack2, .step2page .tableauServices .pricePack3 {font-size:1.3em;font-weight:bold;color:#002a89;display:block;}
.step2page .tableauServices .pricePack2 {padding:5px 0 4px;}
.step2page .tableauServices .pricePack3 {padding:17px 0 4px;}
.step2page .tableauServices .topServices {background:#fff url(/v3/img/tunnel/bg-ligne-bleu.jpg) 0 0 no-repeat;}
.step2page .tableauServices .info {margin:0 10px;position:relative;text-decoration:none;}
.step2page .tableauServices .info em {width:500px;padding:5px;position:absolute;top:25px;left:-450px;background:none repeat scroll 0 0 #DCEBF5;border:1px solid #00288C;color:#000000;display:none;text-decoration:none;z-index:2;font-style:normal;text-align:left;line-height:1.5em;font-size:.8em;}
.step2page .tableauServices .info:hover em { display:block;}
.step2page .tableauServices .topServices .info {float:right;margin:0 5px;}
.step2page .tableauServices .topServices .info em {font-size:1em;left:30px;top:-10px;}
.step2page .tableauServices .infoPack3 {color:#002A89;text-decoration:underline;font-size:.8em;}
.step2page .tableauServices .gris {color:#808080;}
.step2page .tableauServices .duree {font-weight:bold;}
.step2page .tableauServices .exposant {font-size: 0.6em;vertical-align: 0.4em;}
.step2page .tableauServices .products div, .step2page .tableauServices .colonneGauche.products {padding-top:40px;}
.step2page .tableauServices .productsTitle {font-size:1.3em;font-weight:bold;font-family:DINPro;}
.step2page .tableauServices .productsList {background:#f2f2f2;}
.step2page .tableauServices .productsList td.pack1 div {background:#e5dcd7;}
.step2page .tableauServices .productsList td.pack2 div {background:#d8d8d8;}
.step2page .tableauServices .productsList td.pack3 div {background:#f4ebc2;}
.step2page .tableauServices .totalLib {float:left;font-size:1.2em;font-weight:bold;}
.step2page .tableauServices .totalPrice {float:right;font-size:1.2em;font-weight:bold;}
.step2page .tableauServices .totalPack {vertical-align:bottom;height:auto;}
.step2page .tableauServices .totalPack div {padding:55px 0 10px;line-height:1.5em;height:auto;border-bottom:none;}
.step2page .tableauServices .totalPack1 {background:url(/v3/img/tunnel/fleche-classique.jpg) 0 0 no-repeat;}
.step2page .tableauServices .totalPack2 {background:url(/v3/img/tunnel/fleche-confort.jpg) 0 0 no-repeat;}
.step2page .tableauServices .totalPack3 {background:url(/v3/img/tunnel/fleche-expert.jpg) 0 0 no-repeat;}
.step2page .tableauServices .totalLibPack3 {font-weight:normal;}
.step2page .tableauServices .totalReducPack3 {color:#ff320a;}
.step2page .tableauServices .totalCommand {background-color:#ddebf6;height:34px;color:#002A89;font-size:1.2em;font-weight:bold;}
.step2page .tableauServices .totalCommand .exposant {vertical-align:0.6em;font-size:0.45em;}
.step2page .tableauServices .phoneLine div {height:auto;line-height:1.5em;border-bottom:none;padding:10px 0 15px;}
.step2page .tableauServices .phone {background:url(/v3/img/tunnel/ico-telephone.gif) left center no-repeat;padding-left:15px;float:left;}
.step2page .tableauServices .phoneNumber {width:120px;height:22px;}
.step2page .tableauServices .choiceLine div {height:auto;line-height:1.5em;border-bottom:none;}
.step2page .tableauServices .choiceLine .conditions {color:#002A89;text-decoration:underline;}
.step2page .stepBack {padding:10px 0 0 10px;background-color:#ddebf6; height:40px; width:100%;}
.step2page .packExpertPopup div {padding: 0 20px 20px;}
.step2page .packExpertPopup .avantages {font-weight:bold;}
.step2page .packExpertPopup .garantieInfo {display:block;width:450px;height:60px;padding:5px 10px 0 60px;margin-top:10px;}
.step2page .packExpertPopup .garantieInfo span {font-weight:bold;display:block;}
.step2page .packExpertPopup .garantie1 {background:#ddebf6 url(/v3/img/tunnel/ico-reparation.png) 10px 10px no-repeat;}
.step2page .packExpertPopup .garantie2 {background:#ddebf6 url(/v3/img/tunnel/ico-remplacement.png) 10px 10px no-repeat;}
.step2page .packExpertPopup .garantie3 {background:#ddebf6 url(/v3/img/tunnel/ico-echange.png) 10px 10px no-repeat;}
.step2page .packExpertPopup .garantie4 {background:#ddebf6 url(/v3/img/tunnel/ico-remboursement.png) 10px 10px no-repeat;}

/* partie du haut */
.step2 #divProgressBarreBleu{ background-color:#053297; height:10px; width:25%}
.step2  #divEtape1 p { display:none} 
.step2 .previousstep a {color:#002A89 !important;}
.step2 .previousstep a:hover {text-decoration: underline;}
.step2 #divEtape1{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px}
.step2 #divEtape2{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px; background-position:0 50%}
.step2 #divEtape3{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:48.5%; top:9px; background-position:0 100%}
.step2 #divEtape4{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:68.5%; top:9px; background-position:0 100%}
.step2 #divEtape5{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:88%; top:9px; background-position:0 100%}

/*-------------------------*/  
/* page step3 */
/*-------------------------*/

.step3page .lblErreurPointRelais{ display:block; color:#ff0000; margin-top:10px}


/* haut de la page */
.step3 #divEtape3{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:48.5%; top:9px; background-position:0 50%}
.step3 #divProgressBarreBleu{ background-color:#053297; height:10px; width:50%}
.step3 #divEtape1{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px}
.step3 #divEtape2{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px}
.step3 #divEtape4{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:68.5%; top:9px; background-position:0 100%}
.step3 #divEtape5{ background-image:url(/v3/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:88%; top:9px; background-position:0 100%}
.step3 #divEtape2 span { display:none}


.currentstep a {font-size:14px;font-style:normal;font-weight:bold;color:#002a8b;}
.currentstep a:hover {text-decoration: underline;}



.secure-sales-commandstep3page .titre  { background-color:#FFFFFF; color:#141414; font-size:18px; margin-right:290px; z-index:1; text-transform:uppercase; font-family:DINPro,arial; font-weight:100}
.secure-sales-commandstep4page .titre  { background-color:#FFFFFF; position:relative; width:230px; font-size:18px; color:#141414; margin-top:5px; margin-right:290px; z-index:1; text-transform:uppercase; font-family:DINPro,arial; font-weight:100}
.secure-sales-commandstep5page .titre  { background-color:#FFFFFF; color:#141414; font-size:18px; margin-right:290px; z-index:1; text-transform:uppercase; font-family:DINPro,arial; font-weight:100}

/*.secure-sales-commandstep4page .commandprogress{ margin-top:35px}*/
.secure-sales-commandstep4page .account.rounded{ padding:0; border:none}

/*.secure-sales-commandstep5page .commandprogress{ margin-top:35px}*/
.secure-sales-commandstep5page .account.rounded{ padding:0; border:none}


.secure-sales-commandstep3page .previousstep a {color:#002A89 !important;}
.secure-sales-commandstep3page .previousstep a:hover {text-decoration: underline;}
.secure-sales-commandstep4page .previousstep a {color:#002A89 !important;}
.secure-sales-commandstep4page .previousstep a:hover {text-decoration: underline;}
.secure-sales-commandstep5page .previousstep a {color:#002A89 !important;}
.secure-sales-commandstep5page .previousstep a:hover {text-decoration: underline;}

#divPacks{background-color:#FFF; /*position:relative;*/}
#divPacks .securecaption { position:relative; }/*patch updateprogress CommandStep3*/
#divTexteHaut {border-color:#DCDCDC; border-top:1px solid #DCDCDC; margin-bottom:20px; margin-left:10px; margin-right:10px; padding-top:20px}


.ligneBlanche{ height:35px}
.ligneGrise{ background-color:#ededed; height:35px}



.majdin span { font-size:20px; font-family:DINPro !important; color:#321400; font-weight:bold}
#RetourPanier{ background-color:#DDEBF6; height:32px; margin-top:40px; padding-left:15px; padding-top:8px}

.gras{ font-weight:bold}
/* page sur les sondages */
.Survey{ background-color:#FFF}
.Survey .padding10px{ padding:10px}
.Survey .title{ background: none repeat scroll 0 0 #FFFFFF; display: inline; font-family: DINPro,arial; font-size: 18px; color: #6D6D6D; position: relative; padding-right: 10px}
.Survey .pnlSurvey{ border-top: 1px solid #DCDCDC; margin-top: -10px; padding-top:20px; padding-bottom:20px}
.Survey .fSize14{ font-size:14px}
.Survey .fSize10{ font-size:10px}
.Survey .RBlist li { display: inline; margin-right: 15px; padding-right: 10px}
.Survey .RBlist label{ left: -11px; position: relative; top: -15px}
.Survey .Hidden label{ left: -11px; position: relative; top: -15px; visibility:hidden}
.Survey .marginTop30{ margin-top:30px}
.Survey .left{ float:left; padding-right:20px; width: 200px}
.Survey .marginTop15{ margin-top:15px}
.Survey .paddingBottom15{ padding-bottom:15px}
.Survey .CBlist li { margin-right: 15px; padding-right: 10px}
.Survey .CBlist li label { padding-left:3px}

/* edit pwd */
.editPasswordControl { padding-top:20px; }
.editPasswordControl label { display:block; }
.editPasswordControl .space { padding-bottom:20px; }

/* Franchise - Ma boutique */
.account #divStoreContact table { border:0 none; margin:0; padding:0; border-bottom:1px solid #C8C8C8; }
.account #divStoreContact table td { padding:0; }
.account #divStoreContact table td.storeDescription { width:540px; padding:30px 10px;}
.account #storeLocation .adresseInfo { width:250px; }
.account #storeLocation h2 { background-color:transparent; color: #00288C; font-family: DINPro,arial; font-size: 18px; text-transform: uppercase; padding:20px 0 0; font-weight:normal;}
.account #divChooseFavoriteStore .title {display:block;}
.account #divChooseFavoriteStore .storeChoose {padding:80px 0 0 320px; background:url(/v3/img/franchise/carte-compte.jpg) no-repeat; height:200px; position:relative; margin-top:20px;}
.account #divChooseFavoriteStore .storeChoose .description { margin-bottom:20px; }
.account #divChooseFavoriteStore .relaisColis { background: url(/v3/img/franchise/ico-relaiscolis.gif) no-repeat scroll left top transparent; padding:20px 5px 0 160px; display:block; height:120px; margin-top:15px; border-top:1px solid #C8C8C8;display:none;}

/* Waiting paypal */
#PaypalProgress {height:100%;width:100%;top:0;left:0;position:absolute;z-index:20;background:#bfbfbf url(/v3/img/ajax-loader.gif) no-repeat 50% 50%;opacity:.5;display:none;}
.spanAlertBon{display: block; height: 45px; line-height: 42px; background: url(/v3/img/Sales/bg-alertebons.gif); text-align: center;}