/**
 * CONTENTS
 *
 * STRUCTURE
 * A - Reset ............................................................mise a zero des éléments du dom
 * B - Font principale ..................................................mise en place de la typo principale
 * C - Icon font ........................................................mise en place des icones svg
 * D - Basic html elements ..............................................styles des éléments de base html
 * E - Sticky menu ......................................................gestion du sticky menu
 * F - Lignes ...........................................................gestion des lignes
 * G - COMPOSANTS .......................................................composant code promo / accès au tarif
 * H - Boutons ..........................................................pilotage des différents boutons de la billetterie
 * (min-width: 768px) and (max-width: 980px)
 * Max-width: 767px
 * Header administrable.............................................Style pour le header administrable responsive
 * Under 320px
 * Code Promo Panier.............Mise en place code promo V2
 *
 *
 */

/*--------------------------------------------------------------------*\
    #STRUCTURE
\*--------------------------------------------------------------------*/

/*------------------------------------*\
    #A-RESET CSS
\*------------------------------------*/

* {
    margin: 0px;
    padding: 0px;
    outline: none;
}


/*------------------------------------*\
    #B-FONT PRINCIPALE
\*------------------------------------*/

/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/

@font-face {
    font-family: 'Mark';
    src: url('../fonts/MarkPro-Light_ALt.otf') format('truetype'),
        url('../fonts/MarkPro-Medium_ALt.woff') format("woff");
}

@font-face {
    font-family: 'Mark_medium';
    src: url('../fonts/MarkPro-Medium_ALt.otf') format('truetype'),
        url('../fonts/MarkPro-Medium_ALt.woff') format("woff");
}


/*------------------------------------*\
    #C-ICON FONT FOR SVG
\*------------------------------------*/

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
}

@font-face {
    font-family: 'icomoon';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
    url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}


/*------------------------------------*\
    #D-BASIC HTML ELEMENTS
\*------------------------------------*/

input {
    border: 1px solid #2971EC;
    padding: 0 10px;
    color: #2971EC;
    background: none;
    font-family: 'Mark', sans-serif;
    height: 38px;
    font-size: 16px;
}

body {
    font-family: 'Mark', sans-serif;
    font-size: 16px;
    color: #2971EC;
    min-width: 320px;
    background: #fff !important;
}
.compBody {
    min-height: 40vh;
}

img {
    border: 0;
    font-size: 5px;
}

select {
    width: 55px;
    color: #2971EC;
    border: 1px solid #2971EC;
    border-radius: 0;
    background: #fff;
    font-family: 'Mark', sans-serif;
}

.rechercheGrid_table_length {
    border: 1px solid #ccc;
}

a {
    color: #2971EC;
    text-decoration: none;
    font-size: 16px;
	font-family: 'Mark', sans-serif;
}

a.date {
    display: block;
}

.champsRequis {
    padding: 5px 0;
    font-size: 10px;
}

label {
}

.champ {
}

li {
    list-style: none;
}

.dataContentComposants .descContent {
    padding: 0;
}
#compBodyContent > div.dataContentComposants > div.descContent {
    display: none;
}
/*------------------------------------*\
    #E-MENU
\*------------------------------------*/

.ligneContent1 {
    position: fixed;
    top: 0;
    left: 0;
    background: #2971EC;
    width: 100%;
    z-index: 999;
    min-width: 300px;
    color: #fff;
    padding: 0 30px;
    box-sizing: border-box;
}
.ligneContent1 .colonneContent1 {
    text-align: right;

}

.ligneContent1 .colonneContent1 a {
    color: #fff;
}

#compHeader1, #compCompte1, #compPanier1, #compChoixLangue1 {
    display: inline-block;
    vertical-align: middle;
}

/*@media screen and (max-width: 1008px) {*/
    /*#compChoixLangue1:before, #compRecherche1:after,#compPanier1:before{*/
        /*margin: 0 !important;*/
    /*}*/
/*}*/

/*------------------------------------*\
    #F-LIGNES (CORPS)
\*------------------------------------*/

.ligneContent2 {
    margin-top: 100px !important;
    width: calc(100% - 20px);
    padding: 0 10px;
}
.descriptionHeader {
    display: none;
}

@media screen and (min-width: 979px) {
   .ligneContent2 {
        width:980px;
        margin:0 auto;
        padding: 0;
        margin-top: 140px !important;
    }

}

/*------------------------------------*\
    #G-COMPOSANTS
\*------------------------------------*/

/* Code accès au tarif */
.codePromoListe {
    position: relative;
    margin: 50px 0;
    text-align: center;
}

.codePromoListe > span {
}

.codePromoListe input#codePromo::placeholder {
    color: #2971EC;
    opacity: 0.5;
}
.codePromoListe .submitCodePromo#submitCodePromo {
    font-size: 16px;
}
.codePromoListe #submitCodePromo {
    width: 50px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    font-size: 0;
    font-family: 'Mark', sans-serif;
}

.codePromoListe #submitCodePromo:hover {
}

.codePromoListe #submitCodePromo:before {
    font-size: 1rem !important;
    content: 'OK';
}

.codePromoListe .erreur_code_promo {
    display: block;
    margin: 20px 0 0;
    color: #ef5d21;
    padding: 10px 0 0;
    border-radius: 3px;
    position: absolute;
    top: -55px;
    left: 0
}

.codePromoListe .success_code_promo {
    display: block;
    margin: 20px 0 0;
    color: #6ab90a;
    padding: 10px 0 0;
    border-radius: 3px;
    position: absolute;
    top: -55px;
    left: 0
}

.codePromoListe .success_code_promo:before,
.codePromoListe .erreur_code_promo:before {
    font-family: "FontAwesome";
    content: '\f00c';
    margin-right: 5px;
}

.codePromoListe .erreur_code_promo:before {
    content: '\f00d';
}

@media screen and (max-width: 767px) {
    .codePromoListe {
        margin-left: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #pageEtape2 .validContent{
        text-align:center !important;
    }
}

@media screen and (max-width: 475px) {
    .codePromoListe {
        box-shadow: none;
        margin-top: 40px;
        border-radius: 0;
        box-sizing: border-box;
        display: block;
        padding: 0 0 20px 0!important;
        margin: 50px 0 30px 0!important;
    }

    .codePromoListe > span {
        display: block;
        font-size: 0.9rem;
        margin-bottom: 10px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 320px) {
    .codePromoListe {
        padding: 10px 0;
    }

    #submitCodePromo, #submitPromoCode {
    }

    .codePromoListe .success_code_promo,
    .codePromoListe .erreur_code_promo {
        left: 10px;
    }
}

/*------------------------------------*\
    #H-BOUTONS
\*------------------------------------*/

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
#pageCompte .zoneRecherche button,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
#pageCompte .validContent input.valid,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
#pageEtape2 .validContent input.valid,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape1 #submitFinaliser,
.compConfirmationCoordonnees .ligneSubmit input,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit,
#Tarif a.Reserver span,
#formCompteConnexionPartenaire table #formDirectSubmit,
#popup_container #popup_panel button,
.compRechercheAbonne .dataContentComposants button,
#withoutExclusive a,
#popup_panel input#popup_ok,
#submitCodePromo,
#submitPromoCode,
td#validationPaiementFree a.ancreTelechargerBillet,
#pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
    border: 1px solid #2971EC;
    background: #2971EC;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 250px;
    height: 50px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:hover,
#pageCompte .zoneRecherche button:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
#pageCompte .validContent input.valid:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit:hover,
#pageEtape2 .validContent input.valid:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#pageEtape1 #submitFinaliser:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover,
.compConfirmationCoordonnees .ligneSubmit input:hover,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit:hover,
#Tarif a.Reserver span:hover,
#formCompteConnexionPartenaire table #formDirectSubmit:hover,
#popup_container #popup_panel button:hover,
.compRechercheAbonne .dataContentComposants button:hover,
#withoutExclusive a:hover,
#popup_panel input#popup_ok:hover,
#submitCodePromo:hover,
#submitPromoCode:hover,
td#validationPaiementFree a.ancreTelechargerBillet:hover,
#pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover {
    background: transparent; /* W3C */
    color: #2971EC;
}

#pageEtape1 #submitPanier,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier,
#pageEtape2 .validContent input.valid.btnRetourAccueil,
table#nouvelleCB td#rowSubmitEtape3 a {
    border: 1px solid #2971EC;
    background: transparent;
    font-size: 16px;
    color: #2971EC;
    font-size: 16px;
    text-align: center;
    width: 250px;
    height: 50px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-appearance: none;
    appearance: none;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
}

#pageEtape1 #submitPanier:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount:hover,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier:hover,
#pageEtape2 .validContent input.valid.btnRetourAccueil:hover,
table#nouvelleCB td#rowSubmitEtape3 a:hover {
    background: #2971EC; /* W3C */
    color: #fff;
}







.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier {
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:before {
    font-family: "FontAwesome";
    content: "\f040";
    margin-right: 5px;
}

#aucuneTransaction {
    padding: 20px;
}


@media screen and (min-width: 768px) {

    #metaDateNaissancePorteur_year {
        width: 67px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_month {
        margin-right: 4px;
        width: 87px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_day {
        margin-right: 4px;
        width: 58px;
    }

    table.oubliMDP tbody .tableColonne2 select {
        height: 31px;
        margin-left: 0 !important;
        margin-top: 4px;
        width: 254px;
        font-size: 11px;
    }

    table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn{
        background:#777!important;
        color:#5E5E5E;
        width:200px!important;
        display:block;
        line-height:53px;
        margin-left:0 !important;
    }

    table.oubliMDP tr td.btnSubmitMDP{
        padding-top:10px;
        text-align:left;
    }

    .dataContentComposants table.oubliMDP tr td.tableColonne1 {
        display:block;
        width:353px;

    }

    table.oubliMDP .tableColonne1 {

    }


    #pageEtape1 #submitPanier {
		display:block;
		width:353px;
    }


    /******************************************************************************/
    /*                         TAILLE DU CONTENU DU SITE                          */
    /******************************************************************************/
    #pageErreur #cadreContent {
    }


    /******************************************************************************/
    /*              BALISES POUR LES TAILLES DES LIGNES ET COLONNES               */
    /******************************************************************************/


    #langageEN .ligneContent1 .colonneContent1 {
        margin:0 auto;
        position:relative;
        background:url('../image/bgHeaderRMNEN1.jpg') no-repeat 0 5px;
    }


    .ligneContent3 .colonneContent2 {
        width:270px;
        height:50px;
        float:left;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 .colonneAccueilContent1 {
        width:649px;
        float:left;
        padding-top: 0px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 .colonneAccueilContent2 {
        width:280px;
        float:right;
        margin-left:10px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent2 {
        width:280px;
        float:right;
    }


    #retourAccueil4 {
        position: absolute;
        right: 0;
        top:5px;
    }
    #retourAccueil4 a {
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        font-size: 14px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        width: 255px;
        background: none repeat scroll 0 0 #939393;
        border: 0 none;
        border-radius: 20px 20px 20px 20px;
        color: #FFFFFF;
        cursor: pointer;
        font-family: Arial,Helvetica,sans-serif;
        text-transform: uppercase;
    }

    /*------------------------------------*\
        PAIEMENT - ETAPE 3
    \*------------------------------------*/
    /* 3DS */
    #compPaiement3DSecure .titleComposants {
        border-bottom: 1px solid #2970ec !important;
    }

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays{
        width:152px;
        height:39px;
        font-size: 18px;
    }

    #pageEtape3 table td.tableColonne2 select#anneeCB{
        margin-left:10px;
    }

    #pageEtape3 table td.tableColonne2 select#moisCB {
        width: 65px;
        height: 39px;
        margin-top: 0;
        font-size: 16px;
        margin-right: 10px!important;
    }

    #pageEtape3 table td.tableColonne2 select#anneeCB {
        width: 90px;
        font-size: 16px;
        height: 39px;
        margin-top: 0;
        vertical-align: top;
    }

    #pageEtape3 table td.tableColonne2 input#cvvCB{
        width:50px;
    }

    #pageEtape3 table td.tableColonne2 input#cvvCB {
        width: 50px;
        height: 37px;
        padding-left: 5px;
        text-indent: 5px;
    }



    #pageEtape3 #infoformulaire #securite span#titleSecurite {
        background: none !important;
        height: inherit !important;
        font-size: 14px;
        line-height: 25px;
    }

    #pageEtape3 #infoformulaire #securite span img{
        display:block!important;
    }

    #pageEtape3 table#nouvelleCB td#rowSubmitEtape3{
        padding-bottom:30px;
        padding-top:14px;
        width: auto;
    }

    #pageEtape3 table#nouvelleCB tr td.tableColonne1-2 span {
        display: block;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
        width: auto;
        float: right;
        padding: 0 15px;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover {
    }
    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a{
    }

    .compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart{
        font-size:10px;
    }

    table#nouvelleCB td#rowSubmitEtape3 a{
        display:block;
        float:left;
    }

    /***buttons ***/

    #Tarif {
        right:0;
        position:absolute;
        top:48%;
    }

    #Tarif.Promo {
        height:90px;
        right:0;
        position:absolute;
        top:35%;
        width:239px;
    }

    .Tarifs{
    }

    #Tarif.Promo .Tarifs{
        line-height:15px;
        padding-top:8px;
        padding-bottom:5px;
        display:block;
        background:url('../image/bgButtonPromoHome.png') no-repeat;
        width:235px;
    }

    #Tarif.Promo .Tarifs span.SCompl,
    #Tarif.Promo .Tarifs span.Tarif{
        color: #E50323;
        font-size: 11px;
        font-weight: normal;
        padding-left:45px;
        display:block;
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd a.evenementReserver {
    }

    #pageAccueil #Tarif a.Reserver {
        color: #FFFFFF;
        display: block;
        font-size: 19px;
        height: 47px;
        line-height: 49px;
        text-align: center;
    }

    #pageEtape2 .validContent{
        text-align:center;
        margin-bottom:20px;
        margin-right: 95px;
    }
    #pageEtape2 .validContent input.btnRetourAccueil {
        width:350px !important;
        margin-right: 25px;
		display:none;
    }



    /* Navigation */
    #legendIco.legend {
        clear: both;
        display: block;
        text-align: left;
        padding: 20px 0;
        font-size: 12px;
        font-style: italic;
    }

    #legendIco.legend ul {
        clear: both;
        display: table-row;
    }

    #legendIco.legend ul li{
        clear:both;
        display:table-cell;
        vertical-align:top;
        padding-right:7px;
        font-size:11px;
    }

    .iconeCELegendTarif{
        background:url('../image/iconeLogoCE.png') no-repeat;
        width:21px;
        height:21px;
    }

    ul.way2blogging-social li a strong {
        display:none;
    }

    .compPaiementFree table#paiementFree{
        clear:both;
        width:960px;
    }
    .compPaiementFree table#paiementFree tr:nth-child(1),
    .compPaiementFree table#paiementFree tr:nth-child(2),
    .compPaiementFree table#paiementFree tr:nth-child(3) {
        display: none;
    }
    .compPaiementFree table#paiementFree tr th#titlePaiementFree{
        text-align:left;
    }

    td#validationPaiementFree {
        padding: 15px;
    }
    td#validationPaiementFree{
        padding: 50px 15px 0;
        display: block;
		text-align: center;
        max-width: 100vw;
    }

    #paiementFree #contentPaiementFree1,
    #paiementFree #contentPaiementFree2 {
        padding-left: 15px;
    }

    #paiementFree #contentPaiementFree1 {
        padding-top: 10px;
    }


    #listeSalle{
        padding:0 20px;
        height:inherit!important
    }

    #listeSalle span.title{
        display:block;
        font-family:'baron_neue_boldbold';
        color:#000;
        text-transform:lowercase;
        border-bottom:3px solid #e3e3e3;
        font-size:18px;
        text-align: left;
        padding-bottom:3px;
    }

    #listeSalle a{
        font-family:'Lato',sans-serif;
        padding:0 5px;
        font-size:12px;
    }

    #listeSalle a{
        font-family:'Lato',sans-serif;
        padding:5px 7px 0px 0;
        font-size:12px;
        display:inline-block;
    }


    .gm-style .gm-style-iw {
        font-size: 13px;
        font-weight: 300;
        width:155px!important;
    }

    #sceneRegion .infoBulle a{
        display:block;
        clear:both;
        font-weight:normal;
        font-size:12px;
        background:url('../image/bg_Arrow_More_Lugar.jpg') no-repeat left center;
        padding-left:10px;
    }

    .socialShare{
        height:50px;
        display: none;
    }

    .socialShare ul li{
        display:inline-block;
    }
    .socialShare ul li  a{
        display:inline-block;
        width:31px;
        height:31px;
    }

    .socialShare ul li:nth-child(1){
        background:url('../image/bgReseauFB.jpg') no-repeat!important;

    }

    .socialShare ul li:nth-child(2){
        background:url('../image/bgTwitter.jpg') no-repeat!important;

    }

    .compObjetEvenement .bandeauEtat{
        background-size:80px auto!important;
        margin: -83px 0 0 1px;
    }

    .compObjetRegroupement .compObjetEvenement a.etat12 span,
    .compObjetRegroupement .compObjetEvenement a.etat10 span{
        background:none!important;
    }

    .MainNavigationLinks {
        display: none;
    }

    .MainNavigationLinks li {
        display: none;
    }

    .socialShare ul li {
        display: inline-block;
    }

    .socialShare ul li {
        list-style: none outside none;
    }

    table.oubliMDP {
        padding: 20px;
        margin-bottom: 15px;
        display: block;
    }

    table.oubliMDP tbody {
        padding: 20px;
        margin-bottom: 15px;
        display: block;
    }
    table.oubliMDP tbody .tableColonne2 input{
        width: 244px;
        margin-left: 0 !important;
        height: 19px;
    }
    table.oubliMDP tbody .tableColonne2 select{
        width: 250px;
        margin-left: 0 !important;
        height: 27px;
    }

}

@media screen and (min-width: 768px) and (max-width: 980px) {

    #metaDateNaissancePorteur_year {
        font-size: 12px;
        width: 77px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_month {
        font-size: 12px;
        margin-right: 4px;
        width: 70px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_day {
    font-size: 12px;
    margin-right: 4px;
    width: 64px;
    }

    .compDejaClient .dataContentComposants .tableColonne2 #dejapays {
        font-size: 12px;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
        font-size: 12px;
    }

    table.oubliMDP tbody .tableColonne2 select {
        height: 31px;
        margin-left: 0 !important;
        margin-top: 4px;
        width: 254px;
        font-size: 11px;
    }

    table.oubliMDP tbody .tableColonne2 input {
        height: 13px;
        margin-left: 0 !important;
        width: 244px;
    }

    /* Etape paiement */
    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays, table#nouvelleCB input.champCarte, #pageEtape3 table td.tableColonne2 select#moisCB, #pageEtape3 table td.tableColonne2 select#anneeCB {
        height: 35px !important;
    }

    /* Nouvelle CB - PAYBOX */
    #payboxSystem tr:nth-child(2) .tableColonne1 {
        padding-left: 22% !important;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 > select {
        font-size: 12px !important;
        height: 31px !important;
        margin-left: 11px;
        padding-left: 4px;
        width: 221px !important;
    }

    #payboxSystem tr:nth-child(3) .tableColonne1 {
        padding-left: 34% !important;
    }

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays,
    table#nouvelleCB input.champCarte,
    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB {
        height: 35px !important;
    }



    .StickyNav .colonneContent1 {
        width: 93%;
        margin: 0 auto;
        padding: 0;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
        margin-bottom: 20px;
    }

    .ligneAccueilContent2 {
        display: table !important;
        width: 648px !important;
        margin: 10px auto;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent2 {
        float: inherit;
    }

    .ligneContent3 {
        clear: both;
        overflow: hidden;
        /*width: 670px;*/
    }

    .ligneContent3 .colonneContent1 {
        float: inherit;
    }

    #compBox1.compBox {
        background-size: contain !important;
        height: 164px !important;
    }




    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {
        right: 293px !important;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
        right: 85px !important;
    }

    .Hotline {
        left: 2px !important;

    }

    /**** Image OP Market ****/
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        min-height: 120px;
        height: auto !important;
        width: 670px !important;
        background-size: 661px auto !important;
    }

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs {
        width: 100% !important;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd {
    }

    .social {
        width: 669px;
    }

    .assuranceTable {
        width: 100%;
    }

    .assuranceTable .body .column1 {
        width: 70% !important;
    }

    .compDialoguePanier{
        width:974px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants,
    #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales,
    .compCompteInformation,
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants,
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2,
    .compTelechargementOption1,
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants,
    .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1,
    .compPaiementFree table#paiementFree,
    .table#nouvelleCB,
    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet,
    .compRenommageBillet,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compNouveauClient,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compDejaClient .headerComposants .footerComposants .contentComposants {
        clear: both !important;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        width: 35% !important;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
        float: none;
        margin: auto;
        display: block;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a {
        margin: 0 auto 20px auto !important;
        float: inherit !important;
    }

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne4 {
        padding-right: 10px;
    }

    .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants ul {
        text-align: right;
        font-size: 15px !important;
        margin: 0 auto;
    }

    .ongletContent a span.ongletLibelle {

        font-size: 13px !important;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info {
        font-size: 11px;
        width: 674px !important;
        float: inherit !important;
        margin-bottom: 15px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3,
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        width: inherit;
    }

    .compRecurringPayments ~ .table tr .tableColonne2 {
        width: 36%!important;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom1 input {
        width: 100px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 {
        float: right;
    }


    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .label {
        width: 243px !important;
    }

    #pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants .validContent {
        text-align: left !important;
    }

    #pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants .validContent input {
        margin-left: 270px !important;
    }

    #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales {
        /*width:640px;*/
    }

    .compBientotEnVente {
        width: 644px !important;
        overflow: hidden;
    }

    .compBientotEnVente a {
        width: 330px !important;
        float: left !important;
    }

    .compListeFiltre .headerComposants .footerComposants .contentComposants .topContentComposants {
        background: url('../image/TOP_Header_BG_TOP_VEnteWide.jpg') no-repeat !important;
        width: 674px !important;
    }

    #listeSalle {
        width: 665px !important;
        padding: 15px 0 0 0 !important;
        text-align: justify !important;
        height: 240px !important;
    }

    .compRechercheEspritMusique .infoSalle {
        padding: 20px 0;
    }

    .compRechercheEspritMusique .infoSalle dl.salle dd {
        float: left;
        margin-left: 10px;
        width: 530px!important;
    }

    .box_skitter .container_skitter {
        width: 100% !important;
        height: auto !important;
    }


    input,
    select {
    }
    .assuranceTable .body .column3 input {
        margin-top: 2px;

    }

    .assuranceTable .body .column3 label {
        font-size: 14px;
        height: 19px;
        margin-top: 3px;
    }

}

/* end of @media screen and (min-width: 768px) and (max-width: 980px)*/

@media screen and (max-width: 768px) {

    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

    input,
    select {
    }
    #pageEtape2 .validContent input.btnRetourAccueil,
    #pageEtape2 .validContent input.valid {
        width: 95% !important;
    }

    .compNouveauClient .dataContentComposants .rowMetaInfo .tableColonne1.colMetaInfo .labelMetaInfo {
        margin-left: 0;
    }

    .compNouveauClient .dataContentComposants .tableDesc {
        padding-bottom: 5px;
        padding-top: 10px;
        text-align: left !important;
    }

    .compNouveauClient .dataContentComposants .tableColonne1 .formLabel {
        color: #000;
        display: block;
        font-size: 14px;
        padding-bottom: 7px;
        padding-top: 12px;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
        font-size: 12px;
        height: 39px;
    }

    #metaDateNaissancePorteur_day {
        width: 73px;
        margin-right: 6px;
        height: 39px;
        font-size: 14px
    }

    #metaDateNaissancePorteur_year {
        width: 81px;
        margin-left: 6px;
        height: 39px;
        font-size: 14px
    }

    .compNouveauClient .dataContentComposants tr td[colspan="3"] {
        text-align: center;
    }

    .compNouveauClient .dataContentComposants .doubleOptIn .checkbox #optinNewsletterOrga {
        width: 7%;
    }

    #metaDateNaissancePorteur_month {
        width: 107px;
        height: 39px;
        font-size: 14px;
    }

    .compNouveauClient .dataContentComposants .doubleOptIn #checkOptinOrga .checkbox {
        display: block;
        margin-left: 0px !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .compNouveauClient .dataContentComposants .doubleOptIn #checkOptinOrga {
        padding-left: 0 !important;
        text-align: center !important;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
        width: 100%;
    }

    .compNouveauClient .dataContentComposants .rowMetaInfo .tableColonne1.colMetaInfo .labelMetaInfo {
        color: #000;
        display: inline-block;
        font-size: 14px;
        margin-left: 0;
        padding-top: 11px !important;
        margin-bottom: 7px;
    }

    table.oubliMDP tr td.tableColonne2 select {
        font-size: 11px;
        width: 100%;
        height: 38px;
    }

    /* Paiement CB-PAYBOX */
    #payboxSystem .tableColonne1 > label {
        color: #000;
        font-size: 14px;
        margin-left: 0px;
    }

    #cgvPayboxSystem {
        margin-right: 6px;
    }

    #payboxSystem tr:nth-child(2) .tableColonne1 {
        display: inline-block;
        margin-bottom: 17px;
        margin-top: 15px;
        text-align: center;
    }

    #payboxSystem .tableColonne1 #selectPayboxSystemPrelevement {
        font-size: 11px;
        height: 31px;
        width: 210px;
        margin-top: 6px;
        margin-left: 9px;
    }

    #payboxSystem tr:nth-child(4) .tableColonne1 {
        display: inline-block;
        margin-top: 10px;
    }

    #payboxSystem .tableColonne1 .cgv {
        color: #000;
        font-weight: 600;
        text-decoration: underline;
    }

    #nouvelleCB tr:nth-child(6) .tableColonne1-2 {
    }

    #payboxSystem tr:nth-child(3) .tableColonne1 {
        text-align: center;
    }

    /* Fin CB-PAYBOX */

    #compPanier1 .topContentComposants .validerPanier {
        float: left;
        background: #333;
        text-align: center;
        padding: 0 10px;
        height: 50px;
        margin-right: 0;
    }

    #compPanier1 .topContentComposants .validerPanier a {
        font-size: 12px;
        color: #fff;
    }

    #compPanier1 .cachePanier a span {
        display: none;
    }

    #infoformulaire {
        padding: 10px 20px;
    }

    #contenuformulaire .dataContentComposants {
        padding: 10px 20px;
    }

    table#nouvelleCB td.tableColonne1 label {
        margin: 0;
        text-align: left;
        font-size: 14px !important;
    }

    #cadreContent {
        width: auto;
    }

    .StickyNav .colonneContent1 {
        width: 100%;
    }

    table {
        max-width: 100%;
    }

    .ligneContent5 {
        width: auto;
    }

    .ligneContent3 .colonneContent1 .compBody {
        width: 100%;
    }

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form {
        margin: 0 auto;
        float: none !important;
        display: block;
        height: 50px;
        margin-top: 40%;
        width: 257px;
        padding: 0 10px;
    }

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .saisieRecherche input {
        width: 100% !important;
        border-bottom: 1px solid #555;
        color: #fff;
        height: 44px !important;
    }

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .saisieRecherche input:focus {
        background: none !important;
    }

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .validerRecherche {
        display: inline-block !important;
        float: none !important;
        color: #555 !important;
        width: auto;
        background-color: #333 !important;
        background-image: none !important;
        font-size: 27px !important;
        border-radius: 0 5px 5px 0;
        padding: 0 5px;
    }

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants .autocompletion a {
        border-bottom: 1px solid #555 !important;
        padding: 15px 10px !important;
    }

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants .autocompletion {
        top: 174px !important;
        left: 15%;
        width: 67% !important;
    }

    .pageEtape {
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 .colonneAccueilContent2 {
        width: 100% !important;
    }


    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
        margin-bottom: 20px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 {
        display: table !important;
        margin: inherit;
        width: 100%;
    }

    /*Top Vente*/
    .ligneAccueilContent2 .colonneAccueilContent2 {
        display: table-header-group !important;
        float: inherit !important;
        margin-bottom: 20px;
        padding-bottom: 20px !important;
    }

    .compTopVentes .headerComposants .footerComposants .contentComposants .dataContentComposants .topVente .topVenteTitle {
        padding: 0 20px;
        height: 50px !important;
        width: inherit !important;
    }

    .compTopVentes .headerComposants .footerComposants .contentComposants .dataContentComposants #topVentes1 {
        border-top: 3px solid #e40325;
    }

    .compTopVentes .headerComposants .footerComposants .contentComposants .dataContentComposants .topVente a.topVentes {
        width: 90% !important;
        background-repeat: repeat-x !important;
        padding: 0px;
        clear: right;
    }

    .compListeFiltre .headerComposants .footerComposants .contentComposants .dataContentComposants a {
        clear: right !important;
    }

    .compListeFiltre .headerComposants .footerComposants .contentComposants .dataContentComposants {
        padding-bottom: 15px;
        overflow: hidden;
    }

    /*end of Top Vente*/
    .compBientotEnVente .bientotEnVente {
        border: 0 !important;
        float: inherit !important;
        display: block !important;
    }

    .bientotEnVenteContent {
        text-align: center;

    }

    .bientotEnVenteContent a {
        background: url('../image/bgBientot.jpg') no-repeat center bottom;
        padding-bottom: 15px !important;
        color: #2c2c2c;
        font-weight: bold;

    }

    .Tarifs {
        background: url('../image/bgButtonPromoHome.png') no-repeat -4px 0;
        width: 239px;
        height: 36px;
        padding-top: 8px;

    }

    #Tarif.Promo .Tarifs span.SCompl,
    #Tarif.Promo .Tarifs span.Tarif {
        color: #E50323;
        font-size: 11px;
        font-weight: normal;
        padding-left: 45px;
        display: block;
    }

    .ligneContent3 .colonneContent1 {

        width: 100% !important;
    }

    #pageCompteIdentification .ligneContent3 .colonneContent1 {
        float: none;
        width: inherit !important;
        display: inherit;
    }

    #compBox1.compBox {
        max-width: 767px;
        background-size: contain !important;
        height: auto !important;
    }



    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants {
        margin: 20px auto;
        width: inherit !important;
        text-align: left;
        padding: 32px 0;
        font-size: 15px;

    }

    .Hotline {
        position: inherit !important;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {

        top: 43px !important;
        left: 1% !important;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
        left: 294px;
    }

    .Salle {
        display: block;
    }

    .leftCol a {
        display: block;
    }

    #compRechercheEspritMusique .libelleRecherche {
        margin-top: 10px;
    }

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs {
        width: 100%;
    }

    .assuranceTable {
        width: 100%;
        /*width: 100%;*/
    }

    #pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer {
        text-align: center !important;

    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants,
    #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales,
    .compCompteInformation,
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants,
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2,
    .compTelechargementOption1,
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants,
    .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1,
    .compPaiementFree table#paiementFree,
    .table#nouvelleCB,
    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet,
    .compRenommageBillet,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compNouveauClient,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
    .compDejaClient .headerComposants .footerComposants .contentComposants {
        clear: both !important;
    }

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 dd {
        -webkit-margin-start: 0px;
        width: inherit !important;
        margin: 0 1em;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .vignette img {
        width: 45px;
        float: left;
        height: 45px;
        margin-right: 5px;
        padding-left: 0;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption {

        padding: 14px 0 0px;

    }

    #pageCompte .zoneTri {
        margin-left: 0 !important;
    }

    #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement {
        text-align: center;
        font-size: 16px!important;
        padding: 12px;
        height: auto!important;
    }

    .ongletContent a span.ongletLibelle {

        font-size: 13px !important;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info {
        font-size: 11px;
        float: inherit !important;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {
        width: inherit !important;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .label {
        display: block;
    }

    #listeSalle {
        padding: 15px 0 15px 0 !important;
        text-align: left !important;
        width: inherit !important;
        height: inherit !important;
        float: inherit !important;
    }

    #listeSalle a {
        padding: 5px !important;
        font-size: 14px;
        display: inline-block;
    }

    #accesSalle {
        background: none repeat scroll 0 0 #f3f3f3;
        padding: 10px;
        position: relative;
    }

    #pageCompteIdentification .compSocialConnect .headerComposants .footerComposants .contentComposants .dataContentComposants a {
        margin: 0 auto !important;
        display: block !important;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants {
        width: inherit !important;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table {
        border-spacing: 0;
        width: 100%;
        margin: 0 auto;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table#boxConfirmAccount tr td {

        text-align: center;
        padding-top: 10px;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
        text-align: center;

    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne2,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1 {
        display: block;
        padding: 5px 0;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1 label {
        color: #000;
        font-size: 13px;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1 {
        padding: 10px 0 0 0;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3 {
        padding: 10px 0 10px 0;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3 a {
        text-decoration: underline;
    }

    .compDejaClient table tr td input#dejamail, .compDejaClient table tr td input#dejapass,
    .compDejaClient table tr td input#dejamail, .compDejaClient table tr td input#dejatel {
        width: 100%;
    }

    .compDejaClient table tr td input#dejamail, .compDejaClient table tr td select#dejapays {
        height: 35px;
    }

    .compDejaClient .tableDesc {
        text-align: left !important;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {

        width: inherit !important;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit { /* Old browsers */

        margin: 10px 0;

    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        width: inherit !important;
    }

    .pagination {
        width: inherit !important;
        margin: inherit !important;
    }

    .resultatGauche, .resultatDroit {
        color: #000;
        float: inherit !important;
        display: none;
        width: 175px;
    }

    .poussetLien, .poussetLienActif {
        padding: 0 5px !important;
    }

    .resultatDroit {
        display: none;
    }

    .compObjet {
        float: inherit !important;
        width: inherit !important;
        clear: both;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dt img {
        width: 45px !important;
        height: 45px !important;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt {
        width: 45px !important;
        height: 45px !important;
        position: relative;
        margin-right: 20px;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
        width: inherit !important;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
        width: 76% !important;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table {
        width: inherit !important;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        width: inherit !important;
        display: block;
    }

    .compNouveauClient {
        width: inherit !important;
    }

    .compNouveauClient .dataContentComposants {
        padding: 0 20px;
    }

    .compSocialConnect .headerComposants .footerComposants .contentComposants .dataContentComposants a {
        margin: 0 auto !important;
        display: block;
    }

    .compSocialConnect .headerComposants .footerComposants .contentComposants .dataContentComposants {
        text-align: center;

    }

    .compNouveauClient table input {
        width: 99%;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
        margin-left: 0;
    }

    .compRenommageBillet {
        width: inherit !important;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation {
        width: inherit !important;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet {
        width: inherit !important;
    }

    #pageEtape2 .validContent input {
        margin: 0 auto!important;
    }

    #pageEtape2 .validContent .btnRetourAccueil {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }

    .btnRetourAccueil {
        margin-bottom: 10px;

    }

    #pageEtape2 .validContent {
        text-align: right;
        margin-bottom: 20px;

    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation .representation_imageEvenement {
        width: 45px !important;

    }

    #recapAchat {
        width: 100%;
        padding: 0 !important;
    }

    #recapAchat span {
        display: block;
        padding: 5px 10px;
    }

    table#nouvelleCB {
        width: inherit !important;

    }

    table#nouvelleCB tr td {
        display: block;
    }

    table#nouvelleCB td {
        padding: 4px 0 !important;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover {
    }

    #securite span {
        display: block;
    }

    /*****************************/
    /* Assurance annulation      */
    /*****************************/
    #compAssuranceAnnulation1 {
    }

    .errorChoixAssurance {
        background: url('../image/Block-message-erreur.png') no-repeat center top;
        width: 525px;
        height: 105px;
        position: absolute;
        bottom: 145px;
        right: 31px;
    }

    .errorChoixAssurance .errorTitre {
        float: right;
        width: 430px;
        padding: 25px 20px 0 0;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    }

    .errorChoixAssurance .errorLibelle {
        float: right;
        width: 430px;
        padding: 5px 20px 0 0;
        color: #FFFFFF;
    }

    .assuranceTable {
        background: url("../image/assurance/separateur_long.jpg") no-repeat scroll center 33px #fff;
        border: 0 none;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        font-size: 1.2em;
        margin: 10px 0;
        padding: 0;
        background-size: contain;
        text-align: left;

    }

    .assuranceTable .head td .label {
        float: left;
        margin: 0;
        padding: 0px 5px;
        color: #000;
        font-weight: bold !important;
        font-size: 12px;
        line-height: 17px;
        text-align: right;
        font-family: Arial, sans-serif;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
    }

    .assuranceTable .head td .moreInfos a {
        background: url("../image/assurance/arrow_down.gif") no-repeat scroll right center transparent;
        padding-right: 14px;
        margin: 0;
        padding: 0px 14px 0px 0px;
        font-size: 10px;
        text-align: right;
        font-family: Arial, sans-serif;
        border-collapse: collapse;
        height: 17px;
        color: #000;
        font-weight: bold;
        text-decoration: underline;
        line-height: 17px;
        display: inline-block;
    }

    .assuranceTable .body {
        display: block;
    }

    .assuranceTable .head td {
        border: medium none;
        padding-right: 0;
        padding-left: 0;
    }

    .assuranceTable .head td .icon {
    }

    .assuranceTable tr.head {
        height: 45px;
        line-height: 17px;
        text-align: right;
    }

    .assuranceTable .head td .moreInfos {
        float: right;
        margin-right: 0;

    }

    .assuranceTable .assuranceCGV {
        display: none;
        padding: 22px 0;

    }

    .assuranceTable .assuranceCGV .cgvContainer {
        max-height: 200px;
        overflow: auto;
    }

    .assuranceTable .assuranceCGV .cgvContainer .cgvFirstLine {
        font-size: 14px;
        margin-left: 10px;
    }

    .assuranceTable .assuranceCGV .cgvContainer .cgvCondition {
        margin-left: 10px;
        font-size: 11px;
        font-weight: bold;
        padding-left: 15px;
        background: url("../image/ico_fleche.gif") no-repeat scroll left center;
        text-align: left;
        margin-bottom: 5px;
    }

    .assuranceTable .assuranceCGV .cgvContainer .cgvSeparator {
        height: 5px;
    }

    .assuranceTable .assuranceCGV .cgvContainer .cgvLastLine {
        font-size: 12px;
        margin-left: 5px;
        font-style: italic;
    }

    .assuranceTable .body .column2 {
        background: none repeat scroll 0 0 #F5F5F5;
        border-bottom: 1px solid #DBDAD9;
        border-left: 1px solid #DBDAD9;
        border-radius: 5px 0 0 5px;
        border-top: 1px solid #DBDAD9;
        display: inline-block;
        font-size: 12px;
        height: 75px;
        padding-left: 10px;
        padding-top: 5px;
        text-align: left;
        width: 70%;
    }

    .assuranceTable .body .column3 {
        background: none repeat scroll 0 0 #F5F5F5;
        border-bottom: 1px solid #DBDAD9;
        border-radius: 0 5px 5px 0;
        border-right: 1px solid #DBDAD9;
        border-top: 1px solid #DBDAD9;
        display: inline-block;
        height: 70px;
        padding-top: 10px;
        width: 70px;
        text-align: center;
        position: relative;

    }

    .assuranceTable .body .column3 input {
        float: left;

        margin: 7px 0 9px 0;
    }

    #choixAssuranceReponse1 {
        clear: both;
    }

    .assuranceTable .body .column3 label {
        float: left;
        font-size: 14px;
        height: 13px;
        margin-bottom: 15px;
        line-height: 20px;
        margin-top: 5px;
    }

    .assuranceTable .body .green {
        font-weight: bold;
    }

    .assuranceTable .grey {
        color: #666666;
    }

    .assuranceTable .greyBold {
        color: #999;
        font-weight: bold;
    }

    .assuranceTable .black {
        color: #000;
        font-size: 11px;
        margin-top: 5px;
    }

    .assuranceTable .blackBold {
        color: #000;
        font-weight: bold;
    }

    .assuranceTable .body label {
        font-weight: bold;
        text-transform: uppercase;
    }

    .compPanier .recapPanier span.assuranceCart {
        height: 15px;
        margin: 5px;
        width: 198px;
    }

    .compPanier .recapPanier span.assuranceCart .icon {
    }

    .assuranceAnnulation {
        background-image: url("../image/BG_PANIER_ASSURANCE.gif");
    }

    .assuranceAnnulation span.icon {
        background: url("../image/ICO_TREFLE_PANIER.gif") no-repeat 2px center;
        padding: 0;
        padding-left: 15px;
        white-space: nowrap;

    }

    .assuranceAnnulation span.label {
        color: #000000;
        float: left;
        font-weight: bold;
        margin-top: 1px;
        margin-left: 3px;
        white-space: nowrap;
    }

    .compPanier .recapPanier span.assuranceCart .label {
        color: #345F1A;
        float: left;
        font-weight: bold;
        margin-left: 12px;
        margin-top: 0;
    }

    .compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart {
        display: block;
        font-family: arial;
        font-size: 0.8em;
    }

    .assuranceTable .body .column3 br {
        display: none;
    }

    /* tooltip erreur annulation */
    .assuranceTable {
        position: relative;
        background-position: 0 35px;
    }

    #erreur_inputchoixAssuranceReponse {

    }

    div.erreur_input_tooltip {
        color: #FFFFFF;
        font: 12px Arial, sans-serif;
        text-align: left;
    }

    div.erreur_input_tooltip div.tooltipBottom_right {
        background: url("../image/tooltip-fleche-basse.png") no-repeat scroll 0 0 transparent !important;
        bottom: -10px;
        height: 12px;
        position: absolute;
        right: 28px !important;
        width: 20px;
    }

    .errorTitle {
        color: #FF8300;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-left: 53px;
        float: left;
        width: auto;
    }

    .errorContent {
        background: url("../image/ico-alert.png") no-repeat scroll 0 18px transparent;
        display: block;
        padding-left: 55px;
        width: auto;
        height: auto;
    }

    #cgvTitle {
        margin-bottom: 10px;
    }

    #cgvHeader {
        margin: 10px 0;
    }

    /******* Mobile *******/
    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs.listeTarifs tbody .tableFraisGestion td {
        padding-bottom: 0 !important;
        text-align: center;
    }

    .assuranceTable .assuranceCGV .cgvContainer .cgvFirstLine {
        font-size: 12px;
        margin-left: 0;
        text-align: left;
    }

    /*******Fin de mobile *****/
    #pageEtape1 .buttonsContainer .validContent input {
    }

    #pageEtape1 .buttonsContainer .validContent input#submitPanier {
        margin-bottom: 20px;
    }

    #legendIco {
        margin-top: 10px;

    }

    .iconeCELegendTarif {
        background: url('../image/iconeLogoCE.png') no-repeat;
        width: 21px;
        height: 21px;
    }

    #legendIco.legend ul li {
        clear: both;
        display: table-cell;
        vertical-align: top;
        padding-right: 7px;
        font-size: 11px;
    }

    #legendIco.legend {
        clear: both;
        display: block;
        text-align: left;
        padding: 20px 0;
        font-size: 12px;
        font-style: italic
    }

    .date {
        display: block;
    }

    .bandeauEtat {
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {

        position: inherit !important;

    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {

        position: inherit !important;
        width: 285px;
        margin: 0 auto;
        padding-left: 43px !important;

    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {
        position: inherit !important;
        width: 285px;
        margin: 0 auto;
        padding-left: 42px !important;

    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
        position: inherit !important;

    }

    .serviceClient {
        display: none;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
        background: url("../image/digitick-reassurance.png") no-repeat scroll center bottom transparent;
        color: #fff;
        display: block;
        font-size: 28px;
        font-family: 'latobold', sans-serif;
        line-height: 59px;
        margin: 0 auto 20px;
        text-align: center;
        height: 80px;
        clear: both;
        background-size: 320px auto;

    }

    .Hotline {
        font-size: 15px;

        display: block;

        color: #fff;
        font-weight: normal;
        background-repeat: no-repeat;
        background-size: 15px auto;
        margin: 0 auto;
        width: 285px;

    }

    #PoweredDigi {
        width: 285px;
        margin: 0 auto;
        padding-left: 41px !important;
    }

    .mentionsLegales a,
    .conditionsGenerales a {
        color: #fff;
        margin: 10px 0;
        display: block;
    }

    .compDialoguePanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
        width: inherit !important;

    }

    #compPanier1 .listeRecapPanier .bottomRecapPanier span.supRecapPanier {
    }

    #compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier {
        background: url("../image/CrossCart.gif") no-repeat scroll left 3px rgba(0, 0, 0, 0);
        width: 65px !important;
        padding-left: 10px !important;
    }

    #compPanier1 .cachePanier a {
        display: block;
        height: 50px !important;
        width: 50px !important;
    }

    #compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier {
        color: #f00089;
        font-size: 14px;
        float: left;
        padding-left: 2px;
    }

    .compCompte .topContentComposants .titleComposants {
        display: none;
    }

    table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount {
        margin: 20px 0 10px;
    }

    table#boxConfirmAccount tr td.ligneSubmit {
        text-align: center;
    }

    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
        display: block;
    }
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture {
        margin: 50px auto 0 !important
    }

    #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
        overflow: hidden;
        margin-top: 0;
        border-top: 0;
    }

    #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3 {
        height: auto !important;
        border-bottom: none;
    }

    #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr.tableHeader td {
        display: none;

    }

    #HeaderNav {
        display: none;
    }

    .ButtonMobile {
        background: url("../image/button.png") no-repeat;
        display: block;
        height: 40px;
        left: 19px;
        position: absolute;
        top: 8px;
        width: 40px;
    }

    #MainMenuMobile {
        background: none repeat scroll 0 0 transparent;
        color: #c0c0c0;
        display: none;
        padding: 0 10px 10px;
        clear: both;
    }

    .MainNavigationLinks {
        margin-left: 20px;
    }

    .MainNavigationLinks li {
        font-size: 14px;
        line-height: 35px;
        list-style: none outside none;
        color: #404040;
        display: block;

        font-size: 16px;
        margin-right: 5px;
        text-transform: lowercase;
    }

    .compRechercheEspritMusique .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants {

        font-size: 18px;

    }

    .bandeauEtat {
        display: block;
        height: 45px;
        margin: inherit;
        position: absolute;
        width: 45px;
        z-index: 999;
        top: 0;
    }

    #Tarif a.Reserver.etat10 {
        background: #CCC;
    }

    ul.way2blogging-social li {
        display: inline-block;

    }

    /* etat des évènements */
    .bandeauEtat {
        display: block;
        position: absolute;
        width: 110px;
        height: 110px;
        background-position: -1px -7px !important;
    }

    #pageCompte .compCompteTransaction  .compRecurringPayments ~ .table tr td.tableColonne2 {
        display: inline-block;
        text-align: center;
        border-right: 1px solid #dedede;
        width: 48%!important;
    }

    #pageCompte .compCompteTransaction  .compRecurringPayments ~ .table tr td.tableColonne3Bis {
        display: none;
    }

    #pageCompte .compCompteTransaction  .compRecurringPayments ~ .table tr td.tableColonne4 {
        display: inline-block;
        text-align: center;
        width: 48%!important;
    }


}

/* Menu mobile */

/* Menu retour site retour accueil */

#boutonMenuMobile {
    position: relative;
    width: 35px;
    height: 50px;
    color: #555;
    cursor: pointer;
}

#boutonMenuMobile:before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    display: block;
    position: absolute;
    top: 16px;
    font-size: 1.3rem;
}

#boutonMenuMobile:hover {
    color: #000;
}
#mobile_menu {
    height: 1px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition: 200ms ease-in-out;
    -moz-transition: 200ms ease-in-out;
    -ms-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

#mobile_menu.open {
    opacity: 1;
    background: #333;
    z-index: 1000000000;
    position: absolute;
    width: 250px;
    height: auto;
    padding: 10px;
    left: -20px;
}

#mobile_menu ul {
    margin: 0;

}

#mobile_menu ul li {
    text-align: center;
    border-bottom: 1px solid #555;
    padding-bottom: 10px !important;
    vertical-align: middle;
}

#mobile_menu ul li:last-child {
    border-bottom: none;
}

#mobile_menu ul li a {
    font-size: 18px;
    color: #fff !important;
    margin: 0;
}

#mobile_menu ul li a.lienSiteHeader {
    padding: 0;
}

#mobile_menu ul li a.lienAccueilHeader {
    padding: 0 0 10px 0;
}

#mobile_menu ul li a.lienAccueilHeader:before {
    display: none;
}

/* Recherche mobile */

#boutonRecherche {
    width: 50px;
    height: 50px;
    float: right;
    position: relative;

}

#closeRecherche:before {
    content: "\e60b";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 16px;
    right: 15px;
    color: #FFFFFF !important;
    height: 50px;
    display: block;
    z-index: 50000000000000000000;
    font-size: 30px;

}

#closeRecherche {
    display: none;
}

#closeRecherche.top {
    display: block;
}

#boutonRecherche:before {
    content: "\e602";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 25px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    left: 15px;
}

.compRecherche .dataContentComposants.close {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 200ms ease-in-out;
    -moz-transition: 200ms ease-in-out;
    -ms-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    display: none;

}

.compRecherche .dataContentComposants.open {
    height: 100%;
    width: 100%;
    position: fixed !important;
    left: 0;
    background: #2E74E8;
    opacity: 1;
    z-index: 99999999;
    top: 0;
    display: block;
}

.compObjetRegroupement .compObjetEvenement a.etat12,
.compObjetRegroupement .compObjetEvenement a.etat10 {
    background: #CCC !important;
}

/*-------------------------------------*\
*   #HEADER ADMINISTRABLE RESPONSIVE
\*-------------------------------------*/

.headerAdministrable:after {
    content: "";
    padding-bottom: 22%;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .headerAdministrable {
        background-size: contain !important;
        max-width: 980px;
        height: 100% !important;
        width: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .headerAdministrable {
        width: auto !important;
        max-width: 767px;
        background-size: contain !important;
        height: auto !important;
    }

}



/*-------------------------------------*\
*   #UNDER 320px
\*-------------------------------------*/

@media screen and (max-width: 320px) {
    body {
        min-width: 320px;
    }
}

/******************************************************************************/
/*                               compPaiementNouvelleCB                       */
/******************************************************************************/

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding-left: 0 !important;
    margin-bottom: 25px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table {
    border-spacing: 0;
    /*margin: 15px auto;*/
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
    padding: 4px 20px;
    text-align: center;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
    padding: 5px;
    text-align: left;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
    font-weight: bold;
    text-align: left;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 #apercuCVV {
    cursor: help;
}

#apercuCVV img {
    opacity: 0;
}

#apercuCVV:before {
    content: "\f059";
    font-family: FontAwesome;
    display: inline-block;
    color: #296eec;
    font-size: 18px;
    padding: 0 0 0 10px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
    text-align: left;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .champ {
    width: 146px;
    text-align: left;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .champCarte {
    border: 1px solid #D1D1D1;
    width: 116px;
    padding: 1px 0px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ0 {

    background: url(../image/css_champCB.gif) no-repeat left center #fff;
    padding: 1px;
    width: 166px;
    padding-left: 30px;
    border: 1px solid #C3C3C3;
    padding-left: 25px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ1 {
    padding-left: 25px;
    background: #fff url(../image/css_champVISA.gif) no-repeat left center;
    padding: 1px;
    width: 166px;
    padding-left: 30px;
    border: 1px solid #C3C3C3;
    padding-left: 25px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ2 {
    padding-left: 25px;
    background: #fff url(../image/css_champMC.gif) no-repeat left center;
    padding: 1px;
    width: 166px;
    padding-left: 30px;
    border: 1px solid #C3C3C3;
    padding-left: 25px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ3 {
    padding-left: 25px;
    background: #fff url(../image/css_champECB.gif) no-repeat left center;
    padding: 1px;
    width: 166px;
    padding-left: 30px;
    border: 1px solid #C3C3C3;
    padding-left: 25px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #moisCB {
    width: 50px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #anneeCB {
    width: 88px;
    margin-left: 8px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #cvvCB {
    width: 35px;
    border: 1px solid #C3C3C3;
    padding: 1px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {

}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1-2 label a {
    color: #000000;
    font-weight: bold;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 {
    background: #F5F5F5;
    text-align: right;
    border-bottom: 1px dotted grey;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 a {
    text-align: right;
    display: inline-block;
    width: 120px;
    height: 55px;
    margin-right: 10px;

}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit {
    margin: 0;
    width: 441px;
}

#tooltip {
    border: 0px;
    background: none;
}

#tooltip h3 {
    display: none !important;
}

#tooltip .body {
    padding: 0px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .bottomContentComposants {
    background: none !important;
    height: 0 !important;
}

td#validationPaiementFree a.ancreTelechargerBillet {
    color: #fff;
    margin: 50px auto 0;
    left: 0;
    line-height: 47px;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
}


@media screen and (min-width: 769px) {

    table#nouvelleCB tr:nth-child(5) {
        display: block;
    }

    table#nouvelleCB tr:nth-child(6),
    table#nouvelleCB tr:nth-child(7) {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    table#nouvelleCB {
        border-spacing: 0;
        padding: 17px 20px 0;
        margin: 20px 0;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    table#nouvelleCB tbody {
        display: inline-block;
        width: 100%;
    }

    table#nouvelleCB td {
        padding: 4px 15px 4px 0 !important;
        display: inline-block;
    }

    table#nouvelleCB td.tableColonne1 {
        font-weight: normal;
        text-align: left;
        width: 100%!important;
    }

}

@media screen and (min-width: 767px) and (max-width: 800px) {

    table#nouvelleCB tr:nth-child(5) {
        display: block;
    }

    table#nouvelleCB {
        border-spacing: 0;
        padding: 17px 20px 0;
        margin: 20px 0;
    }

    table#nouvelleCB td {
        padding: 4px 15px 4px 0 !important;
        display: inline-block;
    }

    table#nouvelleCB td.tableColonne1 {
        font-weight: normal;
        text-align: left;
    }

    #pageEtape3 table#nouvelleCB td#rowSubmitEtape3 {
        width: 100%;
    }

}

@media screen and (min-width: 768px) {

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem {
        margin-left: 17px;
        margin-top: 17px;
        margin-right: 13px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 > label {
        color: #000;
        font-size: 14px;
        margin-left: 7px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 label .cgv {
        color: #000;
        font-weight: 600;
        text-decoration: underline;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 {
        padding-bottom: 23px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 > select {
        height: 28px;
        margin-left: 11px;
        padding-left: 4px;
        width: 204px;
    }

    #payboxSystem tr:nth-child(2) .tableColonne1 {
        padding-left: 244px;
    }

    #payboxSystem tr:nth-child(3) .tableColonne1 {
        padding-left: 346px;
    }

    #payboxSystem tr:nth-child(4) .tableColonne1 {
        color: #000;
    }

}

table#nouvelleCB td {
    padding: 4px 15px;
}

table#nouvelleCB td.tableColonne1 label {
    font-size: 18px;
    margin-left: 0 !important;
}

table#nouvelleCB td.tableColonne1-2 {
    text-align: left;
    padding-left: 0 !important;
    padding-top: 24px !important;
    padding-right: 0 !important;
    width: 100%;
}

table#nouvelleCB td.tableColonne1-2 label {
    margin-left: 0;
}

table#nouvelleCB a {
}

table#nouvelleCB a:hover {

}

table#nouvelleCB input#cgvCB {
    width: auto;
    margin-right: 6px;
}

table#paypal input#cgvPaypal {
    width: auto;
    margin-right: 6px;
}

table#nouvelleCB input.champCarte {
    height: 37px;
    padding: 0 0 0 0;
    width: 145px;
    text-indent: 10px;
}

}

table#nouvelleCB .champ {
    width: 200px;
    margin-top: 5px;
}

#recapAchat {
    font-size: 16px;
    padding: 20% 0;
    margin-top: 10px;
    display: table;
    width: 100%;
    text-align: center;
    color: #fff;
}

#recapAchat .recapAchatContent {
    display: table-cell;
    vertical-align: middle;
}

#recapAchat #libelleRecapAchat {
    font-size: 1.4rem;
    display: block;
}

#recapAchat .montantRecapAchat {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    margin-top: 20px;
    font-family: 'Mark_medium', sans-serif;
}

#recapAchat #infoRecapAchat {
    margin: 10px 0;
    display: block;
}

#recapAchat #infoRecapAchat .nombreRecapAchat {
    font-size: 1.2rem;
}

@media screen and (max-width: 767px) {

    table#nouvelleCB {
        border-spacing: 0;
        width: 100%;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
        width: auto;
        white-space: inherit;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a {
        margin: 10px auto 20px auto;
        display: block;
        float: inherit;
        width: 200px;
        text-align: center;
    }

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays,
    table#nouvelleCB input.champCarte,
    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB,
    table#nouvelleCB input {
    }

    table#nouvelleCB .checkbox {
        width: auto;
        vertical-align: middle;
    }

    table#nouvelleCB input.champCarte {
        width: 99%;
    }

    #boutonMenuMobile {
        margin-left: 15px;
    }

    #mobile_menu.open {
        left: 0;
    }
}

/*------------------------------------------------*\
                    COMPOSANT HTML
\*------------------------------------------------*/

.compHTML {
    padding: 20px;
    background: #E8E7E7;
    font-size: 18px;
}

.ligneContent3 .compHTML {
    margin: 15px 0;
}

.compHTML .dataContentComposants:before {
    content: "\e603";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 5px 0 0;
    color: #555;
    float: left;
    height: 40px;
    font-size: 30px;
    width: 40px;
}

.compHTML a {
    font-size: 18px !important;
}

/*------------------------------------------------*\
                        CGV
\*------------------------------------------------*/

#modNoticeAssuranceAnnulationSPB {
    margin-bottom: 30px;
    padding: 5px;
}

#cgvContent,
#cgvTitle,
#cgvHeader {
    padding: 0 20px !important;
}

#cgvContent {
    font-size: 13px;
    text-align: justify;
    line-height: 22px;
}

#cgvHeader h3 {
    font-size: 18px;
    font-weight: bold;
}

#cgvTitle {
    margin: 20px 0;
}

#cgvHeader {
    margin-bottom: 5px;;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th:first-child {
    background-color: #DDE1E2;
    border: 1px solid #D6D9DA;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td span, .validContent input, .boutonSend, .boutonCancel {
}

/*---------------------------------------*\
*   #Optimisation mobile PAGE COMPTE
\*---------------------------------------*/

@media screen and (max-width: 767px) {
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .vignette {

        background: transparent;
        float: left;
        height: 55px;
        width: 55px;
        margin-right: 0;
    }

    #pageCompte .rechercheCompteDigitick span {
        display: block;
        font-size: 14px !important;
        font-weight: bold;
        margin-top: 15px;
    }

    #pageCompte .zoneTri {
        width: 100%;
    }

    #pageCompte .zoneRecherche {
        display: block;
    }

    #pageCompte .zoneRecherche select,
    #pageCompte .zoneTri select {
        min-width: 0; /* supposedly only this line is required - seems ineffective however (see below) */
        width: 100% !important;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        margin: 5px;
        padding: 5px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .modifier input.prenom {
        margin-bottom: 10px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {

        height: auto;
        font-family: 'latobold', sans-serif;
        font-size: 15px;
        background: transparent;
        padding: 20px 10px;
        text-align: center;
        border-top: 1px solid #999;
        margin-top: 15px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 br {
        display: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4 {
        border-bottom: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        text-align: center;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom1 {
        float: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom1 input {
        text-align: center;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 {
        float: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 .modifier {
        margin: 0 !important;
    }
}

/*-------------------------------------*\
    TABLE RESULTAT RECHERCHE
\*-------------------------------------*/
table.display {
    border: none;
}

table.display thead {
    background-image: none;
    background-color: transparent;
    border-bottom: 1px solid #000;
}

table.display thead th {
    color: #000;
    text-align: left;
}

table.display tr td .resultImage {
    display: inline-block;
}

table.display tr td .resultInfo {
    display: inline-block;
    margin-left: 15px;
}

.informal {
    padding: 4px 0 !important;
}

table.display tbody tr td:nth-child(2) {
    padding: 5px 5px 5px 13px;
}

.dataTables_wrapper {
    margin-bottom: 50px;
}

tbody tr.odd:hover,
tbody tr.odd td.highlighted,
tbody tr.even:hover,
tbody tr.even td.highlighted {
    background: #ccc;
}

table.display tbody tr td:nth-child(3) a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 365px) {
    table.display tr td .resultInfo {
        margin-left: 0;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #compPaiement3DSecure {
        text-align: center;
        margin: 10px 0
    }

    #nouvelleCB {
        box-sizing: border-box;
        display: block;
    }

    #nouvelleCB tbody {
        display: block;
        width: 320px;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #nouvelleCB tbody tr {
        width: 100%;
        display: block;
    }

    #nouvelleCB .titleComposants {
        border-bottom: #e6e6e6;
    }

    table#nouvelleCB td.tableColonne1 {
        width: 100%!important;
        margin: 0 auto;
    }

    table#nouvelleCB input.champCarte {
        width: 280px;
    }

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays {
        width: 280px;
    }

    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB {
        width: 140px!important;
    }

    table#nouvelleCB tr:nth-child(4) .tableColonne2 {
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }

    table#nouvelleCB tr:nth-child(5) {
        margin-left: 0;
    }

}

@media screen and (max-width: 475px) {

    #compPaiement3DSecure .titleComposants {

        margin-bottom: 10px;
    }

    table#nouvelleCB td.tableColonne1 {
        text-align: left;
    }

    table#nouvelleCB tr:nth-child(5) {
        margin-left: 0;
        margin: 0 auto;
    }

    .dataTables_length {
        width: 50%
    }

}






/*-------------------------------------*\
    REDUCTION LISTE
\*-------------------------------------*/

.codePromoListe {
}

.codePromoListe span:nth-child(1) {
    display: block;
}

.codePromoListe input {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff;
    vertical-align: middle;
}


/*-----------------------------------------*\
            REDUCTION LISTE PLAN
\*-----------------------------------------*/

#promoCodeForm {
    width: auto !important;
    text-align: left;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
    float: none !important;
    clear: both;
    background: #F3F3F3;
    margin: 20px !important;
}

#promoCodeForm input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #Fff;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
}

#submitPromoCode {
    width: auto;
    height: auto;
    padding: 7px 10px;
    margin: 2px 10px;
    vertical-align: middle;
    display: inline-block;
}

.codePromoListe span:nth-child(1),
#promoCodeForm .title {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

/*-----------------------------------------*\
            REDUCTION LISTE PACK
\*-----------------------------------------*/

.submitCodePromo  {
    text-indent: 0;
    margin-left: 5px !important;
}
.codePromoListe .check-msg {
    padding: 0px 20px 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    font-weight: bold;
}
.codePromoListe .check-success {
    color: #2ecc71;
}
.codePromoListe .check-error {
    color: #ff0000;
}
#moyenPaiement {
    display: none;
}

@media screen and (max-width: 767px){

    .codePromoListe,
    #promoCodeForm {
        text-align: center !important;
    }

    .codePromoListe span:nth-child(1),
    #promoCodeForm .title {
        display: block;
        border:none;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 10px;
        margin: 0;
    }
    .codePromoListe input,
    #promoCodeForm input {
        margin-top: 0;
    }
    #submitCodePromo,
    #submitPromoCode {
        vertical-align: top;
        margin-top: 0;
    }

    .erreur_code_promo, .success_code_promo {
        display: block;
        margin-bottom: 20px;
    }
    .erreur_code_promo {
        color: #ff0000;
    }
    .success_code_promo {
        color: #97dd6b;
    }
}

/*-----------------------------------------*\
                PAYMENT
\*-----------------------------------------*/

/* Paiement 2 colonnes */
    #pageEtape3 .compBody .dataContentComposants {
        padding: 0 !important;
        position: relative;
    }



    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
        display: inline-block;
        width: 100%;
        background: #fff;
        padding: 0;
        box-sizing: border-box;
        padding-bottom: 120px;
        margin-bottom: 20px;
    }

    #recapAchat {
        height: 140px !important;
    }

    #recapAchat .montantRecapAchat {
        font-size: 1.8rem !important;
        margin-top: 0 !important;
        box-sizing: border-box;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        left: 65px;
    }

    #recapAchat #infoRecapAchat {
        margin: 0 !important;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite img {
        width: 70px;
        display: inline-block !important;
        margin-left: 4px;
        vertical-align: middle;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: 1;
        border-radius: 2px;
        padding: 4px 5px;
        background: #fff;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:before {
        content: 'Paiement s\00E9 curis\00E9  op\00E9 r\00E9  par';
        font-size: 0.8rem;
        color: #fff;
        position: relative;
        top: 1px;
    }

    .PaylineWidget.pl-container-default .pl-pay-btn {
        max-width: 100%;
        width: 100%;
    }
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
        display: inline-block;
        width:61%;
        background: #fff;
        min-height: 390px;
        box-sizing: border-box;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire .titleComposants {
        padding-left: 5px;
        margin-left: 15px;
        text-align: left;
    }

/* Paiement 2 colonnes */
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        clear: both;
        padding: 40px 20px;
        display: inline-block;
        width: 34%;
        vertical-align: top;
        background: #296fec;
    }

    /****** Navigation ******/
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite {
        text-align: center;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite img {
        width: 70px;
        display: inline-block !important;
        margin-left: 3px;
        border-radius: 2px;
        vertical-align: middle;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: 1;
        padding: 4px 5px;
        background: #fff;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        width: 100%;
        margin-top: -20px;
        display: block;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:before {
        content: 'Paiement s\00E9 curis\00E9  op\00E9 r\00E9  par';
        font-size: 0.8rem;
        color: #fff;
        position: relative;
        top: 1px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite #titleSecurite:before {
        font-family: "FontAwesome";
        content: '\f023';
        margin-right: 5px;
        color: #fff;
        display: block;
        text-align: center;
        font-size: 2rem;
    }



    #pageEtape3 .ligneContent4 .compBody .dataContentComposants {
        padding: 0;
        background: #f7f7f7;
        position: relative;
    }

    #pageEtape3 .compBody .dataContentComposants #contenuformulaire .dataContentComposants {
        background: #fff;
        padding: 0;
    }

    @media screen and (max-width: 992px) {

        td#validationPaiementFree{
            padding:15px;
         }

        #listeSalle{
            padding:0 20px;
            height:inherit!important
        }

        #listeSalle span.title{
           display:block;
           font-family:'baron_neue_boldbold';
            color:#000;
            text-transform:lowercase;
            border-bottom:3px solid #e3e3e3;
            font-size:18px;
            text-align: left;
            padding-bottom:3px;
        }

        #pageEtape3 .compBody .dataContentComposants {
            padding: 0 !important;
        }





        #recapAchat {
            padding: 15px 0!important;
        }

        #recapAchat .montantRecapAchat {
            font-size: 2.2rem !important;
            margin-top: 0 !important;
        }

        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite #titleSecurite:before {
        }

        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        }

        #recapAchat #infoRecapAchat {
            margin: 0 !important;
        }

    }
@media screen and (max-width: 905px){
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        width: 32%;
    }
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {

    }
}
@media screen and (max-width: 768px) {
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        padding: 10px 0;
    }
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
            display: inline-block;
            width: 100%;
            background: #fff;
            padding: 0 0px;
            box-sizing: border-box;
        }
        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
            width: 100%;
            text-align: center;
            min-height: 0;
            box-sizing: border-box;
        }
}


@media screen and (max-width: 475px) {

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {

    }

    #nouvelleCB tbody {
        width: 290px!important;
    }

    #recapAchat {
        height: auto!important;
        margin-top: 40px !important;
    }

    #recapAchat #libelleRecapAchat {
        display: none;
    }

    #recapAchat #infoRecapAchat .nombreRecapAchat {
        font-size: 1rem;
        display: inline-block;
        padding: 5px 0;
    }

    #recapAchat .montantRecapAchat {
        font-size: ;
        display: inline-block;
        width: auto;
        padding: 0 5px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        min-height: 0!important;
    }

    #recapAchat #infoRecapAchat {
    }
}
@media screen and (max-width: 400px) {
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        margin-top: -38px;
    }
}