/* ETAPE 2 - RECAP PANIER */
.compNouveauParcours .dataContentComposants .label {
    font-size: 18px;
    color: #4C4C4C;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 20px;
}
.compNouveauParcours .nouveauParcours {
    margin: 20px;
    width: auto !important;
    margin-bottom: 20px !important;
}
.compNouveauParcours .nouveauParcours .topContentComposants {
    display: none;
}
.compPanier.nouveauParcours .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compPanier.nouveauParcours .headerComposants .footerComposants .contentComposants .cachePanier,
.returnHomePage{
    display: none !important;
}

.compNouveauParcours .nouveauParcours .dataContentComposants {
    display: block !important;
    padding: 20px 0;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier {
    margin-bottom: 10px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier {
    position: relative;
    min-height: 110px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .image {
    position: absolute;
    top: 0;
    left: 0;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nomRegroupement {
    display: none;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nom a {
    color: #333;
    font-size: 20px;
    font-family: 'latobold', sans-serif;
    padding-left: 130px;
    display: block;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .date {
    clear: left;
    display: block;
    font-size: 15px;
    text-transform: none;
    padding-left: 130px;
    display: block;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .lieu {
    clear: both;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    padding: 4px 0;
    display: inline-block;
    padding-left: 130px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .adresse,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .ville {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 4px 0px 0px 5px;
    display: inline-block;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .tarif {
    display: block;
    padding-left: 130px;
    font-size: 14px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .prix {
    display: block;
    padding-left: 130px;
    font-size: 16px;
    color: #000;
    padding-top: 5px;
    font-weight: bold;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .fraisDeGestion {
    display: block;
    padding-left: 130px;
    font-size: 12px;
    padding-top: 5px;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .bottomRecapPanier .supRecapPanier {
    margin-top: -30px;
    display: block;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .totalValiderPanier {
    display: none;
}
.compNouveauParcours .nouveauParcours .dataContentComposants .totalValiderPanier a{
    width: 120px;
    float:right;
    margin-bottom: 5px;
}
.compPanier.nouveauParcours .headerComposants .footerComposants .contentComposants .supPanier{
    display: none;
}
.compNouveauParcours .montantTotal .label {
    border-bottom: none;
    margin: 0;
}
.compNouveauParcours .montantTotal {
    margin: 0 20px;
    text-align: right;
}
.compNouveauParcours .montantTotal .totalPanier {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin: 0 10px 10px;
    float:right !important;
    display:block;
}
.compNouveauParcours .buttonsContainer {
    margin: 20px;
    height: 55px;
}
.compNouveauParcours .buttonsContainer #submitAssurance,
.compNouveauParcours .buttonsContainer #submitAssurancePanier {
    float: right;
    width: initial !important;
    padding: 0 30px;
}
.compPanier.nouveauParcours .totalValiderPanier{
    display: none !important;
}

@media screen and (max-width: 767px) {
    .compNouveauParcours .buttonsContainer {
        height: auto;
    }
    .compNouveauParcours .nouveauParcours .topContentComposants {
        display: none !important;
    }
    .compNouveauParcours .nouveauParcours {
        width: calc(100% - 40px) !important;
    }
    .compNouveauParcours .nouveauParcours .dataContentComposants {
        padding: 0;
    }
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .image {
        display: none;
    }
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nom a,
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .date,
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .tarif,
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .prix {
        padding-left: 0;
    }
    .compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .bottomRecapPanier .supRecapPanier {
        margin-top: -27px;
    }
    .compNouveauParcours .montantTotal {
        float: none;
    }
    .compNouveauParcours .buttonsContainer {
        float: none;
        text-align: center;
        margin-top: 40px;
        width: auto;
    }
    .compNouveauParcours .buttonsContainer #submitAssurance, .compNouveauParcours .buttonsContainer #submitAssurancePanier {
        float: none;
        margin: 15px auto;
        width: 275px;
        padding: 15px 30px;
        margin-left: auto !important;
        display: block;
    }
}
@media screen and (max-width: 420px) {
    .compNouveauParcours .buttonsContainer #submitAssurancePanier {
        font-size: 14px !important;
    }
}
/* ETAPE 2 - CONNEXION */
.compNouveauClient.nouveauParcours {
    height: auto;
    margin-top: 20px;
}
.compPreIdentification .title {
    font-size: 18px;
    color: #4C4C4C;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 20px;
    width: auto;
    display: block;
    text-transform: uppercase;
}
.compPreIdentification .subtitle {
    font-size: 13px;
    padding: 10px 20px;
    text-align: left;
    color: #666666;
    display: block;
}
.compPreIdentification input.btSubmit {
    line-height: 28px;
    text-indent: 0;
}
.compPreIdentification{
    display: block;
    margin-top: 10px;
    width: 100%;
    clear:both;
}

.compPreIdentification #identificationRapide{
    margin: 10px 20px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: left;
    text-decoration: none;   
    border: 1px solid #AAA;
    margin-bottom: 10px;
}

.compPreIdentification input.mail{
    width: 80%;
    margin-top: 5px;
    margin-left: 20px;
    border: none;
}

.compPreIdentification input.btSubmit {
    float: right;
    width: 50px;
    background: none repeat scroll 0 0 #352C25;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 5px 5px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.compPreIdentification .consignes{
    display:block;
    width:100%;
    font-style: italic;
}
.exist{
    background: green !important;
}
.compPreIdentification .erreur{
    color:red;
}
@media screen and (max-width: 767px)  {
    .compPreIdentification {
        margin: 10px 0 60px;
    }
    .compPreIdentification input.btSubmit {
        float: none;
        display: block;
        margin: 10px auto 20px;
        height: 50px;
        width: 90px;
        line-height: 50px;
        font-size: 16px;
    }
    .compSocialConnect .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
        padding-left: 0 !important;
    }
}

/* ETAPE 2 - NOUVEAU CLIENT */

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants {
    position: relative;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody {

}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody tr {

}

.compNouveauClient.nouveauParcours .topContentComposants .consigne {
    font-size: 13px;
    padding: 10px 20px;
    text-align: left;
    color: #666666;
    display: block;
}
.compNouveauClient.nouveauParcours .champ {
    width: 220px;
    height: 37px;
    padding: 0;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select {
    height: 39px;
}
.compNouveauClient.nouveauParcours input.champ {
    text-indent: 10px;
}
.compNouveauClient table input#nouveaumail,
.compNouveauClient table input#nouveaupassconfirm, 
.compNouveauClient table input#nouveaupass,
.compNouveauClient table input#nouveautel {
    border: 1px solid #AAA;
    float: none;
}
#pwdHelp {
    float: none;
    width: 220px;
    margin: 5px auto 0;
    padding: 0;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_day {
    width: 59px;
    border: 1px solid #aaa;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_month {
    width: 90px;
    border: 1px solid #aaa;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_year {
    width: 67px;
    margin-right: 0;
    border: 1px solid #aaa;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody tr.doubleOptIn {
    width: 100%;
    text-align: center;
}
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td#checkNewsletter,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td#checkOptinOrga {
    margin: auto;
    margin-left: calc(50% - 113px);
    max-width: 600px;
    background: none;
}
.compNouveauClient.nouveauParcours #formSubmit {

}
.compNouveauClient.nouveauParcours .afficheDejaClient {
    /* position: absolute; */
    bottom: 18px;
    margin-left: 0 !important;
    left: 0
}

@media screen and (max-width: 767px) {
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody tr {
        margin: 10px auto;
    }
    .champsRequis {
        margin-top: 20px;
        padding: 5px 20px;
    }
    .compNouveauClient table input#nouveaunewsok {
        float: left;
        margin-top: -3px;
    }
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_day {
        margin-right: 10px;
        font-size: 14px;
    }
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_month {
        margin-right: 10px;
        font-size: 14px;
        width: 74px;
    }
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_year {
        font-size: 14px;
    }
    .compNouveauClient.nouveauParcours #formSubmit {
        margin-top:10px; 
    }
}
/* ETAPE 2 - DEJA CLIENT */
.compDejaClient.nouveauParcours.notConnected {
    border: none;
    height: auto !important;
    margin-top: 20px;
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants {
    position: relative;
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody {
    width: 100%;
} 
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody tr {
    margin: auto;
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
    width: 100% !important;
}
.compDejaClient.nouveauParcours.notConnected #dejamail,
.compDejaClient.nouveauParcours.notConnected #dejapass {
    margin-right: 20px;
    height: 37px;
    width: 220px;
    padding: 0;
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne2 {
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {
    padding: 5px 0 0;
    width: auto;
}
.compDejaClient.nouveauParcours.notConnected #lienMdp {
    float: none;
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
}
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit {
    margin: 0;
    width: 100%;
}
.compDejaClient.nouveauParcours.notConnected .afficheNouveauClient {
    background: #E5E6E5;
    text-align: center;
    width: 220px;
    height: 55px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
    border: 0;
    text-indent: inherit;
    font-weight: normal;
    border-radius: 3px;
    -webkit-transition: color 800ms ease-out;
    -moz-transition: color 800ms ease-out;
    -ms-transition: color 800ms ease-out;
    -o-transition: color 800ms ease-out;
    transition: color 800ms ease-out;
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
@media screen and (max-width: 768px) {
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table {
        width: calc(100% - 40px);
    }
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit {
        margin-top: 20px;
    }
    .compDejaClient.nouveauParcours.notConnected .afficheNouveauClient {
        position: relative;
        margin: 10px auto;
        display: block;
        left: 0;
        width: 250px;
    }
}

/* ETAPE 2 - DEJA CONNECTER */
.compDejaClient.nouveauParcours {
    background: none;
    border: none;
    color: #000;
}
.compDejaClient.nouveauParcours .titleComposants {
    @: block !important;
    text-align: left;
}
#boxConfirmAccount,
#boxConfirmAccount tbody,
#boxConfirmAccount tbody tr {
    display: block;
}
#boxConfirmAccount tbody tr {
    width: 100%;
    margin-bottom: 10px;
}
#boxConfirmAccount tbody tr td.tableDesc {
    width: 100%;
    margin-bottom: 20px;
}
#boxConfirmAccount tbody tr td {
    display: block;
    width: 220px;
    margin: auto;
    padding: 0;
}
.compDejaClient.nouveauParcours #boxConfirmAccount .tableDesc, 
.compDejaClient.nouveauParcours #boxConfirmAccount .clientConfirmPays, 
.compDejaClient.nouveauParcours #boxConfirmAccount .clientConfirmNom {
    display: block !important;
}
#boxConfirmAccount td.ligneSubmit {
    padding: 0;
}
.compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit {
    float: none !important;
    margin-left: 0;
    height: 55px;
    text-transform: initial;
    font-size: 20px;
    margin: 5px 0;
    background: #000;
    color: #fff;
    width: 220px;
}
.compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit:hover {
    color: #000;
}
.compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit.btChangeAccount {
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    .compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit {
        margin: 15px 0;
    }
}