/* CSS Secure */

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

.account { padding-top:0;background:#fff url(bg.gif) left repeat-y}
.account.wrapper { padding:0}
.account h3{ background:#fff;bottom: -6px; display:inline;padding-right:0.5em;font-size: 1.2em;color:#00288C; font-weight:bold;position:relative}
.account.wrapper li .rounded { padding-top:0;border-top:none;background:#fff url(bg.gif) left repeat-y} 
.account.rounded { /* border:1px solid #c8c8c8; */ padding:2px 0 2px 0;position:inherit}
.account .title { color:#00288C;font-size:1.3em;font-weight:bold}
.account img.tri { vertical-align:middle}
.account .content { width:734px;padding:20px;background-color:#fff;float:left;min-height:440px}

/* 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}

/*Modalpopup secure */
.account .modalPopupDetail { background:#fff;border:1px solid #c8c8c8;width:850px;padding-bottom:5px}

.account .modalPopupDetail .close {display:block;padding-top:20px;float:right;width:20px;margin:5px;background:url(/img/general/layers/bt-fermer.gif) no-repeat 0 0;cursor:pointer}
.account .modalPopupDetail h3 {font-family:DINPro;font-weight:bold;font-size:18px;text-transform:uppercase;color:#00288c;margin:20px}
.account .modalPopupDetail table { border:none;padding:0;margin:0}
.account .modalPopupDetail .loader { background:#FFFFFF;height:100%;opacity:0.4;position:absolute;width:100%}
.account .modalPopupDetail .loader img { left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%}

.account .confirmpopup {width:400px}
.account .confirmpopup .button {float:right;margin-left:15px}
.account .confirmpopup .contentconfirm {margin:10px;position:relative}

/**************************************/
/* 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 .accountHelp { padding-left:10px;padding-top:30px}
.account .menuAccount .accountHelp span.upper { font-family:DINPro;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(fleche.png) no-repeat right;color:#fff}

.account #secure-home span { background:url(ico-compte-accueil.gif) no-repeat top}
.account #secure-infos span { background:url(ico-compte-infos.gif) no-repeat top}
.account #secure-command span { background:url(ico-compte-commandes.gif) no-repeat top}
.account #secure-shippingpass span { background:url(ico-compte-pass-livraison.gif) no-repeat top}
.account #secure-voucher span { background:url(ico-compte-bonsdachat.gif) no-repeat top}
.account #secure-comment span { background:url(ico-compte-avis.gif) no-repeat top}
.account #secure-basket span { background:url(ico-compte-paniers.gif) no-repeat top}
.account #secure-newsletter span { background:url(ico-compte-mailing.gif) no-repeat top}
.account #secure-sponsorship span { background:url(ico-compte-parrainage.gif) no-repeat top}
.account #secure-address span { background:url(ico-compte-adresses.gif) no-repeat top}
.account #secure-favorite span { background:url(ico-compte-favoris.gif) no-repeat top}
.account #secure-mdp span { background:url(ico-compte-motdepasse.gif) no-repeat top; }
.account #secure-franchise span { background:url(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}
.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 .detail {cursor:pointer;}

.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%}

/* Details d'une commande */
#commandDetail .title { padding:20px 0 20px 20px; display:block; text-transform:uppercase; text-align:left}
#commandDetail .infosCommande { padding:10px;background:#DCEBF5; text-align:left}
#commandDetail .infosCommande ul { display:block}
#commandDetail .infosCommande li { float:left;width:380px}
#commandDetail .infosCommande .paymentModeCondition { position:relative}
#commandDetail .infosCommande .paymentModeCondition div { background:#FFFFB5;position:absolute;width:818px;border:1px solid #000;padding:5px}
#commandDetail .infosCommande .paymentModeCondition a { cursor:pointer}
#commandDetail .altemail {float:right;width:320px;margin:0 0 20px 0;display:none;}

.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 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(/img/boutons/bt-commander-left.gif) no-repeat left;height:24px;padding-left:5px}
#basketDetail .btAdd span { background:url(/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;font-size:0.9em;line-height:1.1em}
#myComment table .designation a { font:1.2em/1.5em arial,verdana,geneva,helvetica,sans-serif}
#myComment table .indent { width:115px}
#myComment table .note { font-size:0.9em;line-height:0.9em}
#myComment table .del input { padding:0}
#myComment table .note { width:195px}
#myComment table .note a { font:1.2em/1.5em arial,verdana,geneva,helvetica,sans-serif}
#myComment table .date { width:82px}
#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(/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;}
                    
/**************************************/
/* Parrainage
/**************************************/ 
.parrainage { float:left;background:url(/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(/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(/img/general/ico-checkbox.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 .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(/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(/img/general/onglets/bg-droite.gif) no-repeat 100% 5px}
.favoris .favalertMenu li.on {background:#fff url(/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(/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(/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(/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(/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(/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(/img/boutons/bt-commander-left.gif) no-repeat left;height:24px;padding-left:5px}
.favoris .btAdd span { background:url(/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(/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(../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}

/* 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}
#loginNoTitle #BlueDiv{ padding-left:220px; float:left; width:775px; background-color:#DCEBF5; margin-top:10px; margin-bottom:20px; 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 .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:25px; padding-left:220px; margin-bottom:30px}
#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;margin-bottom:90px;}






/* #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}


#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(../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 */
/**************************************/

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


/* 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}

/* 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-left:10px;width:230px;}
.pnlPopupAdresseAdd .dynamicTextValidation {padding-top:18px;}
.pnlPopupAdresseAdd .dynamicvalidator {line-height:1.5em;padding-top:5px;float:left;}

/* step3: (modifier le code dès que j'ai un peu de temps) */
.secure-sales-commandstep3page .divPlan{ background-color:#EDEDED; height:414px; margin-left:500px; 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{ 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 .close{ /*display:none; color:#FFF;*/ }
.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 .tinyInput{ width:100px; margin-right:10px; height:24px}



/* step3 */ 

.step3page .AddSlaveAdress{ margin-left:50px; margin-top:42px}

.step3page .list input, .step3page .item input {float:left}
.step3page .adresse { line-height: 16px; margin-bottom: 10px; margin-left: 42px; margin-top: 10px}
.step3page .item.disabled { color:#999999; }
.step3page .item .name{ font-weight:bold}
.step3page .item .desc{ display:block}
.step3page .item .price{ color:#002A89; font-size:14px; font-weight:bold; display:block;text-transform:uppercase}
.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{ display:block;text-align:justify;}
.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:#ffc70e;padding:5px 10px;}
.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 {color:#666; font-size:.8em;display:block;padding-left:20px;}
.step3page .deliveryMode .shippingPass .knowMore {margin-left:20px;}
.step3page .deliveryMode .shippingPass .knowMore span {text-transform:none;font-weight:bold}
.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  { margin-left:22px;width:320px;display:block}
.step3page div .itemList  { margin-left:22px;display:block}
.step3page div .itemOff {background:#ddd;color:#aaa;width:420px;}
.step3page div .itemOff .explain {position:absolute;background:#fff;color: #141414;padding: 1em;right: 1em;top: 1em;height:3em;width:180px;text-align:center;}
.step3page div .itemOff .countryLimit {position:absolute;background:#fff;color:#00288C;padding: 1em;right: 1em;top: 1em;height:3em;width:180px;text-align:center;}
.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:5px; padding-left:10px; margin-bottom:5px}
.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:32px}
.step3page .liItemAddress{ overflow: auto; max-height:400px; margin-right:10px}

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

.step3page .deliveryMode{ margin-left:500px}
.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 100%; position:absolute; right:20px; height:32px; width:32px; background-image:url(../img/tunnel/adresse.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgRelaisColis { background-position:0 100%; position:absolute; right:20px; height:50px; width:50px; background-image:url(../img/tunnel/relais-colis.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgChronopost { background-position:0 100%; position:absolute; right:20px; height:23px; width:70px; background-image:url(../img/tunnel/chronopost.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Selected .imgChronopost_dcv { background-position:0 100%; position:absolute; right:20px; height:45px; width:70px; background-image:url(../img/tunnel/chronopost_dcv.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgStandard { position:absolute; right:20px; height:32px; width:32px; background-image:url(../img/tunnel/adresse.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgRelaisColis { position:absolute; right:20px; height:50px; width:50px; background-image:url(../img/tunnel/relais-colis.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgChronopost { position:absolute; right:20px; height:23px; width:70px; background-image:url(../img/tunnel/chronopost.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Item .imgChronopost_dcv { position:absolute; right:20px; height:45px; width:70px; background-image:url(../img/tunnel/chronopost_dcv.gif)}
.step3page .deliveryMode .AspNet-RadioButtonList-Item{ position:relative}
.step3page .deliveryMode .eta {font-weight:bold}

.step3page #divPointRelaisNumero{ background-image:url(/img/tunnel/rond-numero.gif); background-repeat:no-repeat; color:#FFFFFF; float:left; padding-left:4px; width:20px}
.step3page .relaistitre{ text-transform:uppercase; font-size:12px; font-weight:bold; display:block}
.step3page .sogepbox { margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:10px; position: relative}
.step3page .horaire .pop {background:url(/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 #divPointRelais{ float:left; width:500px}
.step3page #divPointRelaisListe{ width:480px; border:1px solid #DCDCDC; border-bottom:none; max-height:400px; overflow:auto}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item{ border-bottom:1px solid #DCDCDC; height:50px; padding-top:5px; padding-bottom:10px; position:relative; padding-left:5px}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .desc{ display:block; width:300px}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .name{ width:300px}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Selected{ border-bottom:1px solid #DCDCDC; background-color:#DDEBF6}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Selected .horaire { background-position:0 100%}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaire{ background-image: url(/img/tunnel/horaires.gif); height: 30px; left: 5px; position: absolute; width: 30px}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaireLien { left: 390px; margin-top: 10px; position: absolute; text-decoration: underline; top: 0}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .horaireTexte{ padding-top: 30px; position: absolute}
.step3page #divPointRelaisListe .AspNet-RadioButtonList-Item .RelaisKilometre{ position:absolute; left:300px; top:20px; font-weight:bold}
.step3page .securecaption{ border-color:#DCDCDC; border-top:1px solid #DCDCDC; margin-bottom:10px; margin-left:10px; margin-right:10px; 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 .AddSlaveAdress{ margin-left:10px}

.step3page .divAdresseLivraisonNumero{ margin-top:2px; background-image:url(/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}


/* 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(../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(/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(/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(/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(/img/account/pass-logo1.gif) 97% 30px no-repeat}
.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(/img/tunnel/adresse.gif) 0 -32px no-repeat;}
.shippingPass .livraison.lvRelaisColis .picto {width:50px;height:50px;position:absolute;left:35px;top:10px;background:url(/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(/img/tunnel/chronopost.gif) 0 -32px no-repeat;}
.shippingPass .livraison.lvChronoDCV .picto {width:70px;height:45px;position:absolute;left:25px;top:10px;background:url(/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(/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 {background:url(/img/tunnel/tableau-pass.png) 0 0 no-repeat;width:800px;height:330px;}*/
#tabShippingPass {background:url('/media/bo/images/faq/tableau-pass(2).png') 0 0 no-repeat;width:800px;height:330px;}
.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(/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:#989494}


/* 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}

/* Commande etape4 */
.comStep4 { background:#fff;border:1px solid #c8c8c8; padding-top:5px}
.comStep4 .progress {position:relative;}
.comStep4 .errorCGV { color:#FF0000}
.comStep4 .step4 { padding:0 15px 0 15px}
.comStep4 .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}
.comStep4 .titleWrapper { border-top:1px solid #DCDCDC;padding:20px 0;}
.comStep4 .titleWrapper .recap { float:left;width:350px;}
.comStep4 .titleWrapper table { background:#EDEDED;border:0;padding:0 5px;width:100%;margin:0}
.comStep4 .titleWrapper table td { padding:2px 5px; height:30px}
.comStep4 .titleWrapper table td.price { width:80px; text-align: right}
.comStep4 .titleWrapper table .sep { border-top:1px solid #c8c8c8; height:30px}
.comStep4 .titleWrapper table .cpromo { color:#009701}
.comStep4 .titleWrapper table .total { background:#DCEBF5}
.comStep4 .titleWrapper table .total td { color:#00288C;font-weight:bold;text-transform:uppercase;font-size:1.1em}
.comStep4 .titleWrapper table .totalRappelEuro { background:#DCEBF5 }
.comStep4 .titleWrapper table .totalRappelEuro td { font-weight:bold; text-align:right; height:10px; }

.comStep4 .titleWrapper #payment { float:left;padding-left:20px;width:590px}
/* .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:#EDEDED;margin-bottom:10px;border:1px solid #c8c8c8; min-height:35px}
.comStep4 .titleWrapper #payment .paymentHeaderCB { height:50px; line-height:50px; margin-left:10px}
.comStep4 .titleWrapper #payment .paymentName { text-transform:uppercase;font-weight:bold; font-size:14px}
/* .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;border:1px solid #c8c8c8; min-height:35px}
.comStep4 .titleWrapper #payment .paymentHeaderSelected .paymentHeaderCB .imgPucePayment{ height:12px; width:12px; background-image:url(/img/tunnel/bt-radio.gif); float:left; margin-right:10px; margin-top:18px}
.comStep4 .titleWrapper #payment .paymentHeader .paymentHeaderCB .imgPucePayment{ height:12px; width:12px; background-image:url(/img/tunnel/bt-radio.gif); float:left; margin-right:10px; margin-top:18px; background-position:center bottom}


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

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

.comStep4 .imgPayment { float:right}
.comStep4 .imgPayment span { float:left;height:0;width:60px;padding:34px 5px 0 5px;background-position:center top;background-repeat:no-repeat}
.comStep4 .paymentHeaderSelected .imgPayment span { background-position:center bottom}
.comStep4 .imgPayment span.amex { background-image:url(/img/sales/ico-ae.gif); margin:4px 0}
.comStep4 .imgPayment span.cb { background-image:url(/img/sales/ico-cb.gif); margin:4px 0}
.comStep4 .imgPayment span.ecb { background-image:url(/img/sales/ico-ecb.gif); margin:4px 0}
.comStep4 .imgPayment span.mc { background-image:url(/img/sales/ico-mc.gif); margin:4px 0}
.comStep4 .imgPayment span.visa { background-image:url(/img/sales/ico-visa.gif); margin:4px 0}
.comStep4 .imgPayment span.paypal { background-image:url(/img/sales/ico-paypal.gif)}
.comStep4 .imgPayment span.chq { background-image:url(/img/sales/ico-chq.gif)}
.comStep4 .imgPayment span.cb3 { background-image:url(/img/sales/ico-3x.gif)}
.comStep4 .imgPayment span.vir { background-image:url(/img/sales/ico-vir.gif)}      
.comStep4 .imgPayment span.cofinoga { background-image:url(/img/sales/ico-cofinoga.gif)}                            
.comStep4 .pnlcbdetails .cbItem { padding-top:5px;display:block}
.comStep4 .pnlcbdetails .helpCrypto { color:#646464;font-size:0.9em;padding-left:10px}
.comStep4 .pnlcbdetails .selectcb { margin-right:20px}
.comStep4 .pnlcbdetails .cbdetails { color:#00288C;display:block; font-size:14px}
.comStep4 .pnlcbdetails .echeance {  }
.comStep4 .nextstep { height:34px;line-height:16px;padding-bottom:20px}
.comStep4 .nextstep label { padding-left:5px}
.comStep4 .nextstep a.button.commander2 { float:right;margin-right:5px}
.comStep4 .address { float:left;width:275px}
.comStep4 .deliveryicon { background:no-repeat;float:left;background-position:right top;width:70px}
.comStep4 .deliveryicon.liv370001 { padding-top:32px}
.comStep4 .deliveryicon.liv370025 { padding-top:50px}
.comStep4 .deliveryicon.liv370008 { padding-top:23px}
.comStep4 .pnlcbdetails .tbName{ height:24px; width:230px}
.comStep4 .pnlcbdetails .tbCardNumber{ height:24px; width:230px}
.comStep4 .pnlcbdetails .ddValidityMonth{ height:28px; width:125px}
.comStep4 .pnlcbdetails .ddValidityMonth  option { margin-top:3px}
.comStep4 .pnlcbdetails .ddlValidityYear{ height:28px; width:100px; margin-left:7px}
.comStep4 .pnlcbdetails .tbCrypto{ height:28px; width:60px}
.comStep4 .pnlcbdetails .tbBirthday{ height:28px; width:80px}

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

#zoneSecurisee{ text-align:center; padding:5px; color:#FFFFFF}

/* .CommandStep.rounded{ border-color:-moz-use-text-color #C8C8C8 #C8C8C8; border-style:none solid solid;border-width:medium 1px 1px;padding:2px 0; position:inherit} */

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

/*-----------------------*/
/* Page step2 */
/*-----------------------*/
.step2page .titre {font-family:DINPro;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;}

/* 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(/img/tunnel/bg-pack-classique.gif) 0 0 repeat-x;border-bottom:1px solid #dcd5cf;}
.step2page .tableauServices th.pack2 {background:url(/img/tunnel/bg-pack-confort.gif) 0 0 repeat-x;position:relative;border-bottom:1px solid #d0d0d1;}
.step2page .tableauServices th.pack3 {background:url(/img/tunnel/bg-pack-expert.gif) 0 0 repeat-x;position:relative;border-bottom:1px solid #eae3bd;}
.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(/img/tunnel/pack-classique.png) 0 0 no-repeat;}
.step2page .tableauServices .titlePack2 {background:url(/img/tunnel/pack-confort.png) 0 0 no-repeat;}
.step2page .tableauServices .titlePack3 {background:url(/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(/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(/img/tunnel/fleche-classique.jpg) 0 0 no-repeat;}
.step2page .tableauServices .totalPack2 {background:url(/img/tunnel/fleche-confort.jpg) 0 0 no-repeat;}
.step2page .tableauServices .totalPack3 {background:url(/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(/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(/img/tunnel/ico-reparation.png) 10px 10px no-repeat;}
.step2page .packExpertPopup .garantie2 {background:#ddebf6 url(/img/tunnel/ico-remplacement.png) 10px 10px no-repeat;}
.step2page .packExpertPopup .garantie3 {background:#ddebf6 url(/img/tunnel/ico-echange.png) 10px 10px no-repeat;}
.step2page .packExpertPopup .garantie4 {background:#ddebf6 url(/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 #divEtape1{ background-image:url(/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px}
.step2 #divEtape2{ background-image:url(/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(/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(/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(/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(/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(/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:8.5%; top:9px}
.step3 #divEtape2{ background-image:url(/img/tunnel/etapes.gif); background-repeat:no-repeat; position:absolute; height:31px; width:30px; left:28.5%; top:9px}
.step3 #divEtape4{ background-image:url(/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(/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}



.secure-sales-commandstep3page .titre  { background-color:#FFFFFF; color:#141414; font-size:18px; margin-right:290px; z-index:1; text-transform:uppercase; font-family:DINPro}
.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}
.secure-sales-commandstep5page .titre  { background-color:#FFFFFF; color:#141414; font-size:18px; margin-right:290px; z-index:1; text-transform:uppercase; font-family:DINPro}

.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-commandstep4page .previousstep a { color:#002A89 !important}
.secure-sales-commandstep5page .previousstep a { color:#002A89 !important}

#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("/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("/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;}