@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spinner {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

.normal {font-weight:normal;}
.clientPage {width:962px;padding-top:15px;color:#444444;}
    .clientPage h1{width:962px;height:36px;margin:0;padding:0;padding-top:12px;margin-top:16px;margin-bottom:16px;text-align:center;color:#444444;font-size:18px;font-weight:bold;text-transform:uppercase;border-bottom:0 none;background-image:url(/assets/bundles/dgtmain/image/spriteListing.jpg);background-position:0px -59px;text-align:center;}

    .gaucheClient {float:left;width:222px;border:solid 1px #cdcdcd;/*border-radius:5px;*/}
        .gaucheClientTitre {width:222px;height:61px;line-height:61px;vertical-align:middle;font-size:16px;background-color:#f3f3f3;text-align:center;font-weight:bold;text-transform:uppercase;/*border-radius:5px 5px 0 0;*/}
        .gaucheClientMenu {width:222px;height:25px;line-height:25px;vertical-align:middle;font-size:12px;background-color:#8b8b8b;color:#ffffff;text-align:center;font-weight:bold;text-transform:uppercase;}
        .gaucheClientSsMenu {padding:15px 0px 11px 20px;}
            .gaucheClientSsMenu a:link, .gaucheClientSsMenu a:visited, .gaucheClientSsMenu a:active {color:#444444;}
            .gaucheClientSsMenu a:hover, .gaucheClientSsMenu a:focus {color:#ff3366;}
            .gaucheClientSsMenu a.selected {color:#ff3366;}
            .gaucheClientSsMenu ul{margin:0;padding:0;font-size:12px;}
                .gaucheClientSsMenu li{list-style-type:none;position:relative;height:18px}
                    .gaucheClientSsMenu li span {position:absolute;top:5px;left:-13px;width:5px;height:5px;background:#444444;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
                    .gaucheClientSsMenu li span.lideconnexion {top:0px;left:-15px;color:#ff3366;font-weight:bold;background:none;}


    .clientAccueil {float:right;width:705px;font-size:12px;}
        .clientAccueil p{padding:25px;color:#000000;text-align:center;font-size:14px;}
        .clientAccueil .form_dgtClientInfo #dgt_villebox{width: 490px;}
        .clientAccueilVide {width:705px;min-height:383px;padding-top:117px; background:url(/bundles/dgtuser/image/fondCompte.jpg);background-repeat:no-repeat;background-position:0px 0px;}
            .clientAccueilVide p{padding:0px 30px 5px 293px;text-align:justify;}
                .clientAccueilVide p strong{font-size:14px;font-weight:bold;text-transform:uppercase;}
        .clientAccueilTitre {height:30px;font-size:13px;font-weight:bold;text-transform:uppercase;}
        .clientAccueilPictoPanier {float:left;}
        .clientAccueilTxtPanier {float:left;margin-left:20px;padding-top:7px;}
            a.lienAccueil {}
        .commandesListe {border:solid 1px #cdcdcd;border-collapse:collapse;color:#444444;font-weight:bold;font-size:12px;}
            .commandesListe th {text-transform:uppercase;height:18px;text-align:center;border-bottom:solid 1px #cdcdcd;border-collapse:collapse;font-size:10px;}
            .commandesListe td {height:38px;border-bottom:solid 1px #cdcdcd;border-collapse:collapse;}
                .commandesListe a:link, .commandesListe a:visited, .commandesListe a:active {color:#444444;}
                .commandesListe a:hover, .commandesListe a:focus {color:#ff3366;}
                .commandesListeRight {text-align:right;padding-right:10px;}
                .commandesListeLeft {text-align:left;padding-left:10px;}
                .borderbottom{border-bottom:solid 1px #cdcdcd;border-collapse:collapse;}

                .bordertop{border-top:solid 1px #cdcdcd;}
                .ligne1, .ligne2{border:solid 1px #cdcdcd;border-bottom:none;padding:10px 22px;color:#444444;line-height:20px;font-size:12px;position:relative;min-height:80px;}
                    .ligne1 a, .ligne2 a{color:#444444;font-size:12px;font-weight:normal;padding-left:7px;}
                        .ligne1 a span, .ligne2 a span{font-size:11px;padding-right:5px;}
                        .ligne1 a:hover, .ligne2 a:hover{color:#ff3366;font-size:12px;font-weight:normal;padding-left:7px;}
                .ligne2{background-color:#fafafa;}
                    .ligneCommandeGauche {}
                        .ligneCommandeGaucheTitre {font-size:12px;}
                        .ligneCommandeGaucheCroix {color:#ff3366;font-weight:bold;padding-left:5px;padding-right:8px;}
                    .ligneCommandeDroite {position:absolute;top:30px;right:2%;width:50%;font-weight:bold;text-align:center;}
                        .statut1{text-transform:uppercase;color:#ff6d01;padding-left:15px;float:left;}
                        .statut2{text-transform:uppercase;color:#55931f;padding-left:15px;float:left;}
                        .statut3{text-transform:uppercase;color:#55931f;padding-left:15px;float:left;}
                        .statut4{text-transform:uppercase;color:#55931f;padding-left:15px;float:left;}
                        .statut5{text-transform:uppercase;color:#55931f;padding-left:15px;float:left;}
                        .statut6{text-transform:uppercase;color:#55931f;padding-left:15px;float:left;}
                        .infosModePaiement {font-weight:normal;}
                    .ligneCommandeDetail {margin-top:20px;}
                    .ligneCommandeDetail, .ligneCommandeSuivi, .ligneCommandeRetour1, .ligneCommandeRetour2 {display:none;padding-bottom:5%;font-weight:bold;font-size:11px;color:#5b5b5b;}
                    .ligneInfoPaiement, .ligneInfoPaiementCo, .ligneInfoPaiementCb, .ligneInfoPaiementSms, .ligneInfoPaiementRetour, .ligneCommandeRetourneProduit {display:none;padding-bottom:5%;font-size:11px;color:#5b5b5b;}
                    .ligneInfoPaiementCoLien, .ligneInfoPaiementCbLien, .ligneInfoPaiementSmsLien, .ligneInfoPaiementRetourLien  {padding-left:0 !important;}
                    .ligneInfoPaiementCo, .ligneInfoPaiementCb, .ligneInfoPaiementSms, .ligneInfoPaiementRetour {text-align:justify;}
                    .infosPaiementMajInfos {margin-top: 25px;padding:25px;text-align:center;border-top:solid 1px #cccccc;}
                    .ligneInfoPaiement {margin-top:40px;}
                    .imgModePaiement {float:right;margin-left:-80px;width:100px;}
                        .etoile {display:inline;color:#ff0000;font-weight:bold;font-size:13px;}
                        .legende {width:100%;text-align:center;margin-bottom:15px;}
                        .ligneCommandeDetailTypeRetour {padding-left:100px;padding-bottom: 10px;}
                            .ligneCommandeDetailTypeRetour input {float:left;margin-top:3px;}
                            .ligneCommandeDetailTypeRetour label {float:left;padding-left:10px;}
                        .ligneCommandeDetailQteRetour {padding-left:100px;padding-top:15px;padding-bottom:15px;}
                            .ligneCommandeDetailQteRetour select {margin-left:10px;background-color:#fcfcfc;width:60px;padding-left:10px;font-weight:bold;font-weight:bold;font-size:11px;color:#5b5b5b;font-family:Arial;}
                        .ligneCommandeDetailEchangeRetour {padding-left:100px;padding-bottom:15px;}
                            .ligneCommandeDetailEchangeRetour select {background-color:#fcfcfc;width:285px;font-weight:bold;font-size:11px;color:#5b5b5b;font-family:Arial;}
                        .ligneCommandeDetailMotifRetour {padding-left:100px;padding-bottom:15px;}
                            .ligneCommandeDetailMotifRetour select {background-color:#fcfcfc;width:285px;font-weight:bold;font-size:11px;color:#5b5b5b;font-family:Arial;}
                            .ligneCommandeDetailMotifRetour div {display: inline-block}
                        .ligneCommandeDetailCommentaireRetour {padding-left:100px;padding-bottom:5px;}
                            .ligneCommandeDetailCommentaireRetour textarea {background-color:#fcfcfc;width:540px;height:50px;font-weight:bold;font-size:11px;color:#5b5b5b;font-family:Arial;}
                        .ligneCommandeDetailFichierRetour {padding-left:100px;padding-bottom:15px;}
                            .ligneCommandeDetailCommentaireRetour input {width:280px;height:80px;}
                        .ligneCommandeDetailFichierRetour img {vertical-align:middle;}

                        a.retourImpossible {text-decoration:underline;text-align:center;}

                        .commandeRetourListe {float:left;padding-top:50px;margin-left:20%;text-align:center;background:url(/bundles/dgtuser/image/imprimer_la_liste.jpg);background-repeat:no-repeat;background-position:top center;}
                            .commandeRetourListe a, .commandeRetourListe a:hover{padding:50px 10px 0px 10px;color:#ff3366;font-weight:bold;font-size:14px;}
                    .formRetourneProduit .commandeRetour1Titre, .formRetourneProduit .commandeRetour1Float {font-weight: bold;}
                        .conversationRetourneProduit {padding-top: 20px;}
                        .conversationRetourneProduit h3 {font-size: 14px; text-decoration: underline; font-weight: normal;}
                        .conversationRetourneProduit .admin {text-align: right;}
                        .conversationRetourneProduit .client {text-align: left;}
                        .conversationRetourneProduit .admin .titre {color: #00C32E;}
                        .conversationRetourneProduit .client .titre {color: #FF0000;}
                        .conversationRetourneProduit .message {font-style: italic; border: 1px solid #c0bcbb; width: 80%; padding: 5px; margin-top: 10px;}
                        .conversationRetourneProduit .admin.message {float: right;}
                        .conversationRetourneProduit .client.message {float: left;}
                        .conversationRetourneProduit p {padding: 0; color: #5b5b5b; text-align: inherit; font-size: 11px;}
                        .conversationRetourneProduit .message h2 a {font-size: 18px; font-weight: bold;}
                        .conversationRetourneProduit textarea {width: 85%; margin-top: 15px;}

.clientPage h2{margin:0px auto;width:60%;margin-bottom:2%;border:1px solid #c0bcbb;padding:10px;color:#666666;text-transform:uppercase;font-size:18px;text-align:center;}
.form_dgtClientInfo {width:100%;padding:2% 15%;font-size:12px;}
.form_dgtClientInfo > div {text-align:left;margin-top:20px;}
.form_dgtClientInfo > div label {display:block;width:100%;margin-bottom:5px;font-size:12px;font-weight:bold;color:#666666;text-transform:uppercase;}
.form_dgtClientInfo > div input[type="text"], .form_dgtClientInfo > div input[type="password"], .form_dgtClientInfo > div textarea, .form_dgtClientInfo > div select {float:none;border-radius:0;display:block;width:98%;padding:0 1%;height:40px;border:1px solid #d9d9d9;    -webkit-appearance: none;
    -moz-appearance: none;}
#dgt_client_isProEtrangerClient_0_label, #dgt_client_isProEtrangerClient_1_label {width:30%;}
.form_dgtClientInfo .required {font-size:14px;}
.form_dgtClientInfo .radio-inline {display:table;width:100%;margin-top:10px;padding-left:0;text-align:left;}
.form_dgtClientInfo .radio-inline > label {display:table-cell;width:10%;position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;cursor:pointer;}  .form_dgtClientInfo .radio-inline > label > input {position:absolute;margin-left:-20px;margin-top:0; left: 24px;}
.form_dgtClientInfo #dgt_villebox {width:490px;position:absolute;background-color:#FFF;margin-left:0;margin-top:0;border:1px solid #d9d9d9;-moz-box-shadow:4px 4px 10px 0px #d9d9d9;-webkit-box-shadow:4px 4px 10px 0px #d9d9d9;-o-box-shadow:4px 4px 10px 0px #d9d9d9;box-shadow:4px 4px 10px 0px #d9d9d9;filter:progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9, Direction=134, Strength=10);}
#dgt_client_coordonnees_statutPro {display:none;}
.form_dgtClientInfo #dgt_client_coordonnees_statutPro > div {text-align:left;margin-top:20px;}
#dgt_client_coordonnees_tvapays {width:6%;background-color:#eeeeee;}
#dgt_client_coordonnees_tvapays_mobile {width:16%;background-color:#eeeeee;}
.hidden-infos {display: none;}
#dgt_client_coordonnees_tva {float:left;width:89%}

.form_dgtClientInfo > div.form_dgtClientInfo_btn {background-color:#ff3366;padding:8px 20px;text-transform:uppercase;font-size:12px;color:#ffffff;text-align:center;font-size:15px;cursor:pointer;}

.form_dgtClientInfo hr {display:inline-block;margin-top:20px;border:none;border-top:2px dotted #666666;width:473px;}


.steps5 .col-left {float:left;width:45%;}
    .steps5 .col-left .account_blocAdresse {width:85%;margin:5% 0 0 0;padding:5% 5% 0 5%;border:solid 1px #D9D9D9;color:#666;}
.steps5 .col-right {float:right;width:50%;}
    .steps5 .col-right .account_blocAdresse {float:right;width:95%;margin:5% 0 0 0;padding:0;border:solid 1px #D9D9D9;color:#666;}

    .titre-bloc {text-transform:uppercase;font-weight:bold;font-size:13px;}
        .margin50 {margin:10px;}
    .detail_dgtadr {padding:10px;font-size:12px;}
        .detail_dgtadr .statut1, .detail_dgtadr .statut2, .detail_dgtadr .statut3, .detail_dgtadr .statut4, .detail_dgtadr .statut5, .detail_dgtadr .statut6{padding:0;font-weight:bold;}
        .account_blocAdresse .cart_remise_libelle {width:60%;}
        .account_blocAdresse .cart_remise_montant {width:40%;}
        .detail_dgtadr ul{list-style-type:none;}
        .detail_dgtadr a{color:#2979ff;text-decoration:underline;padding:0;}
            .detail_dgtadr a:hover{padding:0;}
        #nobackground {background:none;}
            #nobackground td{background:none;margin:0;padding:2px;}
                #nobackground td a{padding:0;color:#666666;}
        .panier_liste td{border-top:solid 1px #dcdcdc;}
        .padding50 {padding:10px;}
    .recap {max-height:200px;overflow:hidden;}
.steps5 .col-right .recap-plus {width:80%;margin:2% 5% 0% 0%;padding:0;}

.commandeSuivi {padding-bottom:3%;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;font-weight:bold;font-size:12px;}
    .commandeSuivi a{color:#2979ff;text-decoration:underline;padding:0;font-size:16px;padding-left:1%;font-weight: bold;}
        .commandeSuivi a:hover{padding:0;padding-left:1%;font-size:16px;}
    .commandeSuivi p {color:#5b5b5b;padding: 5px;display: inline-block;font-size: 16px;}
    .commandeSuivi strong {color:#686868;font-weight:bold;font-size:16px;padding-left:1%;}

    .commandeSuivi table {text-align: center; width:100%; padding-right: 20%; padding-left: 10%;}
    .commandeSuivi td.produitDetailsSuiviImg {padding-top: 10px;}
    .commandeSuivi table td.produitDetailsSuivi, .imgProduitDetailsSuivi, .produitDetailsSuivi {text-align: center;}

.commandeRetour1 {width:100%;font-size:12px;}
    .commandeRetour1Float {float:left;padding:2% 0;border-top:solid 1px #dcdcdc;}
        .commandeRetour1Float input[type="checkbox"]{width:20px;height:20px;border:1px solid #ff3366;border-radius:5px;}
            .commandeRetour1Float strong a{padding-left:0px;}

.commandeRetour1Titre {padding-top:2%;}
    .commandeRetour1Titre .commandeRetour1Float {border:none;}

    .commandeRetourBottom {border-top:solid 1px #dcdcdc;padding:20px 0;text-transform:uppercase;}
        .commandeRetourBottomLeft {float:left;}
        .commandeRetourBottomRight {float:right;}
            .commandeRetourBottomRight .btnSubmitRetourArticle{display:block;background-color:#ff3366;padding:10px;text-align: center;color:#ffffff;border:0 none;text-transform:uppercase;font-weight:bold;cursor:pointer;}
            .commandeRetourBottom .commandeRetourBottomRight .btn{margin-right: 0;}

.clientRetourConfirmationTitre {margin-top:20px;font-size:14px;color:#666;font-weight:bold;}
.clientRetourConfirmationBouton {margin:20px 0px 0px 0px;padding-top:50px;text-align:center;background:url(/bundles/dgtuser/image/imprimer_la_liste.jpg);background-repeat:no-repeat;background-position:top center;}
    .clientRetourConfirmationBouton a{padding:50px 10px 0px 10px;color:#ff3366;font-weight:bold;font-size:14px;}

    .titleReturn {padding:10px 0px 10px 60px; font-size:14px;font-weight:bold;}
    .statutRetour {padding:10px 0px 10px 60px;color:#568e23;font-size:14px;font-weight:bold;background:url(/bundles/dgtuser/image/statut_retour.jpg);background-repeat:no-repeat;background-position:35px 12px;}
    .annulationRetour {margin:10px 0px 0px 540px;padding:5px;color:#ffffff;font-weight:bold;background-color:#444444;cursor:pointer;text-align:center;}

    .confirmationAnnulationRetourMessage {padding:20px;text-align:center;font-size: 12px;}
        a.confirmationAnnulationRetourLienOui, a.confirmationAnnulationRetourLienNon {padding:5px 20px;margin:10px;text-align:center;font-weight:bold;background-color:#666;color:#fff;text-transform:uppercase;}


.clientRetourConfirmationEtapes {padding:10px;color:#000;color:#333;}
    .clientRetourConfirmationEtapesTitre {text-transform:uppercase;margin-top:15px;font-weight:bold;}
    .clientRetourConfirmationEtapesTexte {}
    .clientRetourConfirmationEtapesEchange {margin-top:20px;}

.errorRed {
    color: #ff0000;
}

#dgt_cpbox {
    width: 473px;
    position: absolute;
    background-color: #FFF;
    margin-left: 0;
    margin-top: 0;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #d9d9d9;
    -moz-box-shadow: 4px 4px 10px 0px #d9d9d9;
    -webkit-box-shadow: 4px 4px 10px 0px #d9d9d9;
    -o-box-shadow: 4px 4px 10px 0px #d9d9d9;
    box-shadow: 4px 4px 10px 0px #d9d9d9;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9, Direction=134, Strength=10);
}
.messageImportant{color: #ff3366;}

.flash-notice{display: none}

@media only screen and (max-width :660px) {
    .clientPage {width:100%;margin-top:10px;}
    .gaucheClient {float:none;width:80%;margin-top:15px;margin-left:10%;border:solid 1px #cdcdcd;background-color:#ffffff;}
        .gaucheClientTitre {width:100%;position:relative;}
            .gaucheClientTitreFlecheBas {position:absolute;top:25px;right:30px;width:9px;height:8px;background-image:url(/assets/bundles/dgtcontact/image/spriteContact.jpg);background-position:-1px -1px;}
            .gaucheClientTitreFlecheHaut {position:absolute;top:25px;right:30px;width:9px;height:8px;background-image:url(/assets/bundles/dgtcontact/image/spriteContact.jpg);background-position:-19px -1px;}
        .gaucheClientMenu {width:100%;font-size:14px;text-align:center;}
            .gaucheClientSsMenu {padding:15px 0px 11px 0px;}
                .gaucheClientSsMenu li{height:25px;font-size:14px;text-align:center;}
                .gaucheClientSsMenu li span {display:none;}

    .form_dgtClientInfo {width:90%;padding:2% 5%;font-size:12px;}

    .clientAccueil {float:none;width:90%;margin:0px 5%;font-size:12px;}
        .clientAccueilVide {width:80%;min-height:383px;padding-top:117px; background:url(/bundles/dgtuser/image/fondCompte.jpg);background-repeat:no-repeat;background-position:0px 0px;}

    .clientPage h2{margin:0px auto;margin-top:10%;margin-bottom:5%;width:80%;border:1px solid #c0bcbb;padding:10px;color:#666666;text-transform:uppercase;font-size:1.8em;text-align:center;}

    .commandesListe td {height:auto;padding:2%;}

    .ligneCommandeGaucheCommande {width:50%;}

    .commandeSuivi {width:70%;font-size:1em;}
        .commandeSuivi a{font-size:1.2em;}
        .commandeSuivi strong {font-size:1.2em;}

    .ligneCommandeDetailTypeRetour {padding-left:2%;}
    .ligneCommandeDetailQteRetour {padding-left:2%;}
    .ligneCommandeDetailEchangeRetour {padding-left:2%;}
    .ligneCommandeDetailMotifRetour {padding-left:2%;}
    .ligneCommandeDetailCommentaireRetour {padding-left:2%;}
    .ligneCommandeDetailFichierRetour {padding-left:2%;}
    .ligne1, .ligne2{border:solid 1px #cdcdcd;border-bottom:none;padding:10px 22px;color:#444444;line-height:20px;font-size:12px;position:relative;}
    .ligneInfoPaiement {margin-top: 25px;}
    .infosModePaiement {text-align:center;margin-top:10px;}
    .imgModePaiement {float:none;width:80px;margin:0;}

    .annulationRetour {margin:1% 0 0 70%;padding:1%;}

    .commandeRetourListe {float:left;padding-top:20%;margin-left:0;text-align:center;background:url(/bundles/dgtuser/image/imprimer_la_liste.jpg);background-repeat:no-repeat;background-position:top center;max-width:60%;}
        .commandeRetourListe a, .commandeRetourListe a:hover{padding:10% 2% 0 2%;color:#ff3366;font-weight:bold;font-size:14px;}
    .annulationRetour {margin-top:5%;padding:1%;color:#ffffff;font-weight:bold;background-color:#444444;cursor:pointer;text-align:center;}

    .commandeRetourBottomLeft {margin-top:3%;}

    .ligneCommandeDetailQteRetour select {width:auto;padding-left:0;}
    .ligneCommandeDetailCommentaireRetour textarea {width:100%;}
    .ligneCommandeDetailMotifRetour {width:auto;}
    .ligneCommandeDetailEchangeRetour {padding-bottom:0;}
}

.infosBancaires{text-align: justify}
    .infosBancaires a{font-weight: bold;}

.retour-ligne {width:100%;float:left;}
.retour-form {margin-bottom: 15px;}
    .retour-form .etoile-inline {display:inline;}
    .retour-form .form-error {color:#ff3366;font-weight:700;list-style-type:none;margin-top:5px;}
    .retour-form .retour-type:before {content:'';display:table}
    .retour-form .retour-type:after {content:'';display:table;clear:both}
    .retour-form .retour-type .retour-type-item {float:left;margin-top:3px;clear:both;}
    .retour-form .retour-type label {float:left;padding-left:10px;}
    .retour-form .retour-btn-submit:disabled {cursor:default;}
    .retour-form .retour-btn-submit.disabled {background: rgb(200, 200, 200)}
    .has-error input, .has-error select, .has-error textarea {border:1px solid #ff3366;color:#ff3366;border-radius:10px;}
    .commandeRetourBottomRight {position: relative}

.retour-spinner {position: absolute; left: 0; top:0; width:100%;height:100%;background: rgba(0,0,0,.7);text-align: center}
    .retour-spinner:before {content:''; margin-top: 3px;display:inline-block; width: 20px;height: 20px;border-radius: 50%;border: 3px solid rgba(200, 200, 200, 0.3);border-top-color: rgb(200, 200, 200);-webkit-animation: 1.5s spinner infinite linear;animation: 1.5s spinner infinite linear;}