/*
 * RESET
 *
 * FONTS
 *
 * HEADER
 *
 * MISE EN PAGE
 * Formulaire...............Globally-available variables and config.
 *
 */

/*----------------------------------------*\
    RESET
\*----------------------------------------*/

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

/*----------------------------------------*\
    Header
\*----------------------------------------*/

#header-digitick-next .search-engine .search input, #header-digitick-next .header_tiny .search input {
    padding-left: 0;
    text-indent: 10px;
}

aside.side_panel.open input {
    padding-left: 10px;
    text-indent: 0;
}

.tt-dropdown-menu {
    z-index: 1000 !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #262626 !important;
    background-color: #f5f5f5;
}

/*----------------------------------------*\
    Mise en page
\*----------------------------------------*/

#contenuformulaire {
    font-size: 15px;
}

#infoformulaire {
    font-size: 15px;
}

#pageEtape1 #etapescontenu #infoformulaire,
#pageEtape1 .nextContent #infoformulaire {
    display: none;
}

table.formButtons {
    float: right;
    margin: 0 auto;
}

table.formButtons td.tableColonne1-2-3 {
    width: 100%;
}

table.formButtons input {
    float: right;
}

table.formButtons #submitChoix {
    display: none;
}

.nextContent {
    display: block;
    clear: both;
    padding-top: 10px;
    position: relative;
}

/*----------------------------------------*\
    Formulaire
\*----------------------------------------*/

input,
#pageCompte .transactionActive tr .tableColonne1 .nomPrenom1 input {
    font-weight: 300;
    font-size: 14px;
    text-transform: none;
    color: #222222;
    border: 1px solid #ccc;
    padding: 8px 0;
    text-indent: 36px;
    background: #fff;
}

#pageCompte .transactionActive tr .tableColonne1 .nomPrenom1.modifier input {
    background-image: none !important;
    border: 0px !important;
    color: #000000;
    height: 35px !important;
}

select {
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #222222;
    border: 1px solid #ccc;
    padding-left: 36px;
    height: 38px;
    background: #fff;
}

input.checkbox {
    border: 1px solid #ccc;
}

.erreur_input {

    font-size: 12px;
}

/*----------------------------------------*\
    Titres
\*----------------------------------------*/

#titleObjet,
.MLTitle,
#modConditionGeneralDeVente #cgvTitle h1,
.titleComposants,
table#oubliMDP th#titreOubliMDP,
#titleCarteFrance,
#titleMagasin,
#titleResMagasin,
#titlePaiement,
#pageEtape4 #etapescontenu #telechargementOption2 th.tableColonneTitle,
#alerteArtiste h3.titleAlerteBalise,
.objetSalle .nextTitle h3 a#salleNomObjet,
.objet-artiste h1,
#alerteArtiste h3.titleAlerteBalise,
.objetRegroupement h1,
.nextContainer .nextRight h1,
table#courrier th,
#modNoticeAssuranceAnnulationSPB #cgvTitle h1,
#recupInvit .nextTitle .nom,
#paiementFree th.tableColonne1,
.repGeneralInfo .titleDescription,
.eventGeneralInfo .titleDescription,
.titleArtist,
.titleSalle {
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px 0 15px;
    padding: 0;
    text-align: left;
}

#pageEtape2 .titleComposants,
#modeDeDiffusion span,
span.identification,
#titlePaiement {
    font-size: 25px !important;
}

#containerModeDeDiffusion .tableColonne1 label span {
    font-size: 18px !important;
}

/*----------------------------------------*\
    Page salle - page Artiste
\*----------------------------------------*/

#pageEtape1Salle .objetSalle {
    background: #ecf0f1 url("../image/diag_clair.gif") repeat-x scroll right bottom !important;
    margin: 0 auto;
    max-width: 100% !important;
    width: 100%;
    padding: 20px 0 20px 0;
}

#pageEtape1 .objetSalle #headerObjet,
#pageEtape1Salle .objetSalle #headerObjet {
    margin: 0 auto;
    max-width: 998px !important;
    width: 100%;

}

#pageEtape1Salle .objetSalle #titleObjet {
    margin-top: 0;

}

#pageEtape1 .objetSalle #titleObjet {
    width: 100%;
    float: left;
    max-width: 998px;
    margin: 0 auto 10px;
}

.objetSalle .nextContainer {
    float: none;
    margin: 0 auto 45px auto;
    padding: 0;
}

.objet-artiste .contentComposants {
    position: relative;
}

.objet-artiste dl {
    background: rgba(0, 0, 0, 0) url("../image/diag2.png") repeat-x scroll right bottom;
    float: left;
    margin: 0;
    padding: 0 0 40px;
    width: 100%;
}

.objetSalle .nextContainer .nextLeft,
.objet-artiste dl dt {
    margin: 0;
    padding: 0;
    width: 110px;
    float: left;
    height: 110px;
}

.objet-artiste .nextContainer .nextLeft img {
    background: #ccc none repeat scroll 0 0;
    float: left;
    width: auto;
    max-width: 250px;
    max-height: 250px;
}

.objetSalle .nextContainer .nextLeft img,
.objet-artiste dl dt img {
    background: #ccc none repeat scroll 0 0;
    float: left;
    height: 110px;
    margin: 0;
    padding: 0;
    width: 110px;
    min-height: 110px;
}

.objetSalle .nextTitle h3 a#salleNomObjet,
.objet-artiste h1 {
    margin: -4px 0 20px;
    padding: 0;
    font-size: 30px;
}

.objet-artiste h1 {
    font-size: 35px;

    margin: -6px 0 0;

}

.objetSalle .nextTitle h3 {
    margin-top: 0;
}

.objetSalle .adresse,
.objetSalle h3.ville {
    float: left;
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin: 0 5px 5px 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
}

.objetSalle h3.ville::before {
    content: "-";
    margin-right: 4px;
}

.objetSalle .descriptionSalle,
.objet-artiste .info {
    color: #777777;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: 18px;
    margin: 30px 0 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.objetSalle .descriptionSalle {
    float: left;
    margin-bottom: 50px;
}

a#infocompobjetbouton {
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    display: none;
}

a#infocompobjetbouton::after {
    content: "\f0dd";
    margin-left: 5px;
    font-family: "FontAwesome";
}

.objet-artiste .infocomp {
    margin: 14px 0 0;
    padding: 0;
    text-align: left;
}

.objet-artiste #alerteArtiste {
    text-align: left;
}

#contenuCarte {
    height: 500px;
}

.plus {
    clear: both;
}

a.cartebouton {
    font-size: 14px;
    color: #666;
    padding-left: 0px;
    display: block;
    margin: 0 40px 0 0;
    float: left;
    text-decoration: none;

}

a.cartebouton::before {
    content: "\f041";
    color: #222222;
    font-family: "FontAwesome";
    font-size: 22px;
    text-decoration: none !important;
    margin-right: 5px;
}

a.accesbouton {
    font-size: 14px;
    color: #666;
    padding-left: 0px;
    display: block;
    margin: 0 0px 0 0;
    float: left;
    text-decoration: none;
}

a.accesbouton::before {
    content: "\f024";
    color: #222222;
    font-family: "FontAwesome";
    font-size: 22px;
    text-decoration: none !important;
    margin-right: 5px;
}

a.planbouton {
    clear: both;
    font-size: 14px;
    color: #666;
    padding-left: 0px;
    display: block;
    margin: 0 40px 0 0;
    float: left;
    text-decoration: none;
}

a.planbouton::before {
    content: "\f05b";
    color: #222222;
    font-family: "FontAwesome";
    font-size: 22px;
    text-decoration: none !important;
    margin-right: 5px;
}

#acces .titleFenetre,
#carte .titleFenetre,
#planSalle .titleFenetre {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 16px;
}

#carte a.fermerFenetre,
#acces a.fermerFenetre,
a#fermerConditions,
#planSalle #titlePlanSalle a {
    float: right;
    font-size: 15px;
}

#carte a.fermerFenetre::before,
#acces a.fermerFenetre::before,
a#fermerConditions::before,
#planSalle #titlePlanSalle a::before {
    content: "\f00d";
    color: #222222;
    font-family: "FontAwesome";
    font-size: 20px;
    margin-right: 5px;
}

a:hover.cartebouton::before,
a:hover.accesbouton::before,
a:hover.planbouton::before,
#carte a:hover.fermerFenetre::before,
#acces a:hover.fermerFenetre::before,
a:hover#fermerConditions::before {
    color: #d8076f;
}

#acces #contenuAcces {
    font-size: 15px;
}

#contenuCarte h3 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

#contenuCarte h4 {
    font-size: 13px;
    font-weight: 300;
    text-transform: normal;
}

#contenuCarte h3 a {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin: 20px 0;
    text-transform: uppercase;
}

#contenuCarte img {
}

/*-----------------------------------*\
    ALERTE ARTISTE
\*-----------------------------------*/

#alerteArtiste h3.titleAlerteBalise {
    margin: 5px auto 20px;
    padding: 0;
    width: 100%;
    text-transform: none;
}

#alerteArtiste .contentAlerteArtiste {
    font-size: 17px;
}

#contentAlerteArtiste {
    display: block;
}

#alerteArtiste #boutonAlerteArtiste::before {
    content: "\f0f3";
    color: #222222;
    font-family: "FontAwesome";
    font-size: 20px;
    margin-right: 5px;
}

.contentAlerteArtiste > form {
    padding: 40px 0;
}

#formAlerteArtiste #inputMail {
    float: left;
    margin-right: 30px;
}

#formAlerteArtiste #inputSubmit {
    clear: both;
    text-align: center;
    width: 100%;
    float: left;
}

#formAlerteArtiste #inputSubmit #submitAlerteArtiste {
    float: none;
    margin: 40px 0 0 0;
}

#formAlerteArtiste #inputOptin,
#instructions {
    float: left;
    clear: both;
    font-weight: 300;
    color: #666;
    font-size: 14px;
    margin: 15px 0 0 0;
}

#formAlerteArtiste #inputDept,
#formAlerteArtiste #inputDept div {
    float: left;
}

#formAlerteArtiste #inputMail span,
#formAlerteArtiste #inputDept span {
    float: left;
    margin-right: 5px;
    font-size: 14px;
}

#formAlerteArtiste .listeArtiste {
    max-width: 150px;
}

#formAlerteArtiste #inputMail input {
    background: #fff url("../image/form_email.png") no-repeat scroll left center;
    width: 250px;
}

#formAlerteArtiste #inputDept select {
    width: 250px;
    padding-left: 10px;
}

/*
* Alerte artiste Page artiste
*/

.objet-artiste #alerteArtiste {
    margin-bottom: 30px;
}

.objet-artiste #alerteArtiste #boutonAlerteArtiste {
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    text-align: left;
}

.objet-artiste #inscriptionAlerteArtiste {
    padding: 20px 30px;
    overflow: hidden;
}

/*-----------------------------------*\
    PROCHAINEMENT
\*-----------------------------------*/

#compProchainement {
    background: #dbdfe0 url("../image/diag.png") repeat-x scroll center top;
    clear: left;
    float: left;
    margin: 30px auto 0;
    padding: 45px 0;
    width: 100%;
    display: none;
}

#compProchainement .contentComposants {
    width: 998px;
    margin: 0 auto;
}

#compProchainement .contentComposants .prochainementImg {
    float: left;
    height: 110px;
    margin-right: 10px;
    background: #ccc;
    height: 110px;
}

#compProchainement .contentComposants .dateProchainement {
    clear: right;
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

#compProchainement .contentComposants .prochainementNom {
    clear: right;
    color: #020202;
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
}

#compProchainement .contentComposants .prochainementGenre {
    float: left;
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

/*Nos clients ont également consultés */
#K4TW32L5U3SCNA-1400-1 {
    margin: 30px auto;
    width: 100%;
    float: left;
    clear: both;
}

/*----------------------------------------*\
    Page regroupement
\*----------------------------------------*/

#pageAccueil .objetRegroupement {

}

.objetRegroupement dl {
    margin: 0;
    padding: 0;
}

.objetRegroupement dl dt {
    margin: 0;
    padding: 0;
    width: 110px;
    float: left;
}

.objetRegroupement dl dt img {
    margin: 0;
    padding: 0;
    width: 110px;
    float: left;
    height: 110px;
    background: #ccc;
}

.objetRegroupement .nextContainer .nextLeft img {
    height: auto;
    max-width: 110px;
    min-height: 110px;
}

.objetRegroupement dl dd {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 940px;
    float: right;
    text-align: left;
}

.objetRegroupement h1 {
    margin: -4px 0 20px;
    padding: 0;
    text-transform: uppercase;
}

.objetRegroupement .date {
    font-family: Lato, sans-serif;
    font-weight: normal;
    font-size: 17px;
    text-align: left;
    padding: 0;
    margin: 0 0 5px 0;
    clear: left;
}

.objetRegroupement h2 {
    display: none;
}

.objetRegroupement .info,
.infocomp {
    float: left;
    margin: 30px 0 0;
    padding: 0 0 0 0px;
    text-align: left;
    width: 100%;
    max-width: 998px;
}

.objetRepresentation dl dd span.info {
    color: #777777;
    display: inline;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: 21px;
    margin: 30px 0 0;
    max-width: 998px;
    padding: 0;
    text-align: left !important;
    text-indent: 0;
    width: 100%;
}

.objetRepresentation dl dd #infocompobjet {
    float: left;
}

.objetRepresentation dl dd a#infocompobjetbouton {
    display: inline;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    text-decoration: none;
}

.infoOverflowed {
    height: 110px !important;
    text-overflow: ellipsis;
}

a.overflowInfo {
    display: inline-block;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    float: left;
    text-decoration: none;
    color: #222222;
}

a.overflowInfo::after {
    content: "\f0dd";
    margin-left: 5px;
    font-family: "FontAwesome";
}

#pageAccueil .smartAdServerSmall,
#pageAccueil .googleAdSmall {
    display: none;
}

/*----------------------------------------*\
    Page evenement
\*----------------------------------------*/

#titleObjet span {
    display: none;
}

#pageEtape1 #titleObjet {
    display: none;
}

.lienBoxM a {
    float: left !important;
    margin-left: 0 !important;
    padding: 4px 8px !important;
    margin: 0 !important;
}

.lienBoxM a:before {
    content: "\f060";
    font-family: "FontAwesome";
    padding-right: 5px;
}

.nextContainer {
    clear: both;
    float: left !important;
    position: relative;

    z-index: 100;
    padding-bottom: 15px;
    width: 998px;
}

.nextContainer .nextLeft {
    position: relative;
    float: left;
}

.objet h1 {
    margin: -5px 0 0;
    font-size: 25px;
    font-weight: bold;
}

.objet h3 {
    margin-top: 0;
    font-weight: bold;
}

.objet .ville,
.objet .lieu {
    text-indent: 0px;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-family: Lato, sans-serif;
    font-weight: normal;
    font-size: 17px;
}

.objet .ville::before {
    content: "-";
    margin-right: 4px;
    margin-left: 4px;
}

.nextContainer .nextLeft img {
    background-color: #ccc;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 300px;
    min-height: 200px;
}

.nextContainer .nextLeft #socialLike {
    margin: 0;
    padding: 15px 0;
    width: 100%;
    background: #222222;
    text-align: center;

}

.objet .date {
    color: #d9006d;
    display: block;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
}

.objet .vignette {
    position: relative;
}

.objet .vignette img {
    width: 100%;
}

.objet .genre,
.objet .sousgenre {
    display: none;
}

.eventGeneralInfo {
    background: url('../image/diag_bg.png') center top repeat;
    padding: 35px 0;
}

.dash {
    background: url('../image/diag_bg.png') center top repeat;
}

.repGeneralInfo .smartAdServer img {
    width: 100%;
    height: auto;
}

.eventDescrption,
.eventDescrptionOptionnal {
    width: 100%;
    max-width: 998px;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    margin: 0 auto;
}

.eventDescrptionOptionnal {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    clear: both;
}

.eventDescrption div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 998px;

}

/*----------------------------------------*\
    Choix sur plan
\*----------------------------------------*/

#etapeSalleContent {
    margin-top: 10px;
}

#ChoixPlace {
    float: left;
    width: 440px;
    min-height: 440px;
}

#pleaseWait {
    text-align: center;
}

.inStack > img {
    height: auto;
    max-width: 440px;
}

.inStack {
    position: absolute;
}

#infosChoix .TextSimpleBox p.dispo {
    display: none;
}

#infosChoix {
    float: right;
}

#pageEtape1Salle #TitleSimpleBoxInfosStade,
#pageEtape1Salle #TitleSimpleBoxInfosTarifs,
#pageEtape1Salle #TitleSimpleBoxModeDEmploi {
    background: rgba(0, 0, 0, 0) url("../image/diag2.png") repeat-x scroll center bottom;
    padding: 0 0 15px 0;
    text-transform: normal;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    margin: 5px 0 5px 0;
}

#pageEtape1Salle #TextSimpleBoxInfosStade p.stadeName,
#pageEtape1Salle #TextSimpleBoxModeDEmploi,
#pageEtape1Salle #TextSimpleBoxInfosTarifs p {
    padding: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
    margin: 0;
}

#pageEtape1Salle #TextSimpleBoxInfosStade p.planSalleName {
    background: #ecf0f1 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 20px 15px;
    text-align: center;
    text-transform: uppercase;
    line-height: 18px;
}

#pageEtape1 #nomBloc {
    line-height: 30px;
}

/*----------------------------------------*\
    Tableau tarifs
\*----------------------------------------*/

div.incrementChosenTarif {
    float: right;
    padding: 3px 3px;
    cursor: pointer;
    transition: color 0.3s ease;
}

div.incrementChosenTarif:hover {
    color: rgba(216, 7, 111, 1);
}

table.nextPrices caption {
    padding: 0 0 5px;
    border-bottom: 1px solid #ddd;
}

table.nextPrices caption.title {
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

table.nextPrices {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

table.nextPrices tr th {
    display: none;
}

table.nextPrices tr {
    border-bottom: 1px solid rgba(238, 238, 238, 0.49);
}

table.nextPrices tr:last-child {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

table.nextPrices tr td {
    padding-bottom: 5px;
    padding-top: 5px;
}

table.nextPrices tr td.tableColonne1 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    width: 420px;
    padding-left: 14px;
}

table.nextPrices tr td.tableColonne1 a.lienTarif {
    color: #666;
    font-weight: 400;
    clear: left;
    display: block;
    text-transform: none;
}

table.nextPrices .champLabel {
    font-size: 11px;
    padding-right: 5px;
}

#conditions #titleConditions span {
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 27px;
    padding: 0;
    display: inline-block;

}

#conditions #contenuConditions {
    text-align: left;
    font-size: 15px;
    color: #444;
    padding: 10px 0;
    margin: 0 auto;
}

table.nextPrices tr td.tableColonne2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
    text-align: right;
    vertical-align: middle;
    width: 85px;
    padding-right: 10px;
}

table.nextPrices tr td.tableColonne3 {
    text-align: right;
}

table.nextPrices tr td.tableColonne3 select {
    height: 30px;
    padding: 0;
    text-indent: 0;
    min-width: 50px;
}

table.nextPrices tr td.tableColonne4 {
    width: 100px;
    text-align: right;
}

table.nextPrices tr td.tableColonne4 input {
    float: right;
    text-align: center;
    text-indent: 0;
    width: 95px;
    margin-right: 14px;
    margin-left: 10px;
}

.linkToZePass {
    clear: left;
    color: #52bbff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline !important;
    margin: 5px 0 10px 0;
    display: block;
    width: 220px;
}

.objetRepresentation .nextcontent {
    position: relative;
}

#erreur_inputnbPlace {
    top: 0;
    left: 0;
}

/*----------------------------------------*\
    Tooltip
\*----------------------------------------*/

div.erreur_input_tooltip div.containerTooltip {
    background: #ecf0f1 none repeat scroll 0 0 !important;
    border: 2px solid #1b1b1b !important;
    border-radius: 10px !important;
    outline: none !important;
    padding: 20px;

}

div.erreur_input_tooltip .iconeAlerte {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    height: 33px;
    width: 33px;
}

div.erreur_input_tooltip .iconeAlerte::before {
    content: "\f0a4";
    font-family: "FontAwesome";

    font-size: 25px;
    line-height: 25px;
    margin: 0;
    color: rgba(216, 7, 111, 1);
}

div.erreur_input_tooltip .errorTitle {
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 28px;
    margin: -4px 0 10px;
    padding: 0;
    text-align: left;
    color: rgba(216, 7, 111, 1) !important;
}

div.erreur_input_tooltip .errorContent {
    color: #1b1b1b !important;
    font-size: 15px;
}

div.erreur_input_tooltip div.tooltipBottom_right {
    background: rgba(0, 0, 0, 0) url("../image/tooltip-fleche-basse.png") no-repeat scroll 0 0 !important;

}

div.hide_erreur_tooltip {
    visibility: hidden;
}

/*--------------------------------*\
    PRE INSCRIPTION
\*--------------------------------*/

table#preinscription {
    width: 100%;
    float: left;
}

table#preinscription th {
    padding: 10px 0 20px 0;
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: left;
}

table#preinscription td.tableColonne1 {
    width: 70px;
    display: inline-block;
}

table#preinscription td.tableColonne2 {
    display: inline-block;
    width: 295px;
}

table#preinscription td.tableColonne3 {
    display: inline-block;
}

table#preinscription td.tableColonne2 input {
    width: 285px;
}

table#preinscription td#infoPreInscription button#validePreInscription {
    margin: 0;
}

.nextRight #champsRequis {
    color: #9c9fa0;
    margin: 15px 0;
    float: left;
}

table#preinscription #validePreInscription {
    float: none;
    display: inline-block;
}

table#preinscription #erreurPreInscription {
    color: #d00707;
    display: inline-block;
    margin: 0 15px;
}

table#preinscription #messagePreInscription {
    position: absolute;
    left: 0;
}

#pageEtape1 .nextContent #infoformulaire {
    background: url('../image/diag2.png') center top repeat-x;
    margin-top: 20px;
    display: block;
    padding-top: 30px;
    letter-spacing: -0.3px;
}

/*----------------------------------------*\
    ETATS
\*----------------------------------------*/
.descEtat {
    display: block;
    color: #d00707;
    font-size: 15px;
    font-weight: normal;
    height: auto;
    margin: 25px 0 0 0;
    padding: 0;
    width: 100%;
}

.infoEtat {
    display: block;
}

.infoEtat span {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.infoEtat10,
.infoEtat12,
.infoEtat40 {
    color: #ff0000;
}

.infoEtat11 {
    color: #007CB2;
}

.infoEtat60 {
    color: orange;
}

.infoEtat {
    float: left;
    font-size: 15px;
    margin: 0 0 15px;
    width: 100%;
    color: #000;
}

.infoEtat span {
    font-size: 15px;
    font-weight: bold;
    display: inline;
}

/*----------------------------------------*\
    Bandeau des états
\*----------------------------------------*/

.bandeauEtat {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.bandeauEtat10 {
    background: url('../image/etat-evenement/en/complet.png') no-repeat;
}

.bandeauEtat11 {
    background: url('../image/etat-evenement/en/bientot.png') no-repeat;
}

.bandeauEtat12 {
    background: url("../image/etat-evenement/en/terminee.png") no-repeat scroll 0 0;
}

.bandeauEtat40 {
    background: url('../image/etat-evenement/en/annule.png') no-repeat;
}

.bandeauEtat60 {
    background: url('../image/etat-evenement/en/reporte.png') no-repeat;
}

#langageFR .bandeauEtat10 {
    background: url('../image/etat-evenement/fr/complet.png') no-repeat;
}

#langageFR .bandeauEtat11 {
    background: url('../image/etat-evenement/fr/bientot.png') no-repeat;
}

#langageFR .bandeauEtat12 {
    background: url("../image/etat-evenement/fr/terminee.png") no-repeat scroll 0 0;
}

#langageFR .bandeauEtat40 {
    background: url('../image/etat-evenement/fr/annule.png') no-repeat;
}

#langageFR .bandeauEtat60 {
    background: url('../image/etat-evenement/fr/reporte.png') no-repeat;
}

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

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

table#motifEvenement th {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}

table#motifEvenement td.txtGauche {
    text-align: left;
}

/*----------------------------------------*\
    état des boutons
\*----------------------------------------*/

#compAccueil dd a.accueilimagebillet.etat10, #pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat10,
#compAccueil dd a.accueilimagebillet.etat12, #pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat12,
#compAccueil dd a.accueilimagebillet.etat40, #pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat40 {
    background: #ffffff !important;
    border-color: #999 !important;
    color: #999 !important;
    min-width: 180px;
    padding: 0 20px;
    text-decoration: none;
}

#compAccueil dd a.accueilimagebillet.etat10,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat10 { /*complet*/
    min-width: 140px;
    left: 66px;
}

#compAccueil dd a.accueilimagebillet.etat12,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat12 { /*vente terminé*/
    min-width: 180px;
    left: 66px;
}

#compAccueil dd a.accueilimagebillet.etat40,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat40 {
    min-width: 180px;
    left: 64px;
}

#compAccueil dd:hover a.accueilimagebillet.etat10,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat10:hover,
#compAccueil dd:hover a.accueilimagebillet.etat12,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat12:hover,
#compAccueil dd:hover a.accueilimagebillet.etat40,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat40:hover,
#compAccueil dl:hover dd .btnReserveEvenement a.accueilimagebillet.etat10,
#compAccueil dl:hover dd .btnReserveEvenement a.accueilimagebillet.etat40,
#compAccueil dl:hover dd .btnReserveEvenement a.accueilimagebillet.etat60 {
    background: #ffffff !important;
    border-color: #b5b6b5 !important;
    color: #b5b6b5 !important;
    text-decoration: none;

}

.bandeauPromo {
    margin: 0 !important;
}

/*----------------------------------------*\
    Listing des événements
\*----------------------------------------*/

.VideosAssociees .contentComposants {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 15px;
    text-align: left;
}

.VideosAssociees div.objVideo {
    margin: 0 6px;
    display: inline-block;
}

.VideosAssociees div.objVideo iframe {
    height: 325px !important;
    width: 474px !important;
}

/*----------------------------------------*\
    Encard artistes objet Artiste
\*----------------------------------------*/

#pageEtape1 #centreetapes .right {
    background: #dbdfe0 url("../image/diag.png") repeat-x scroll center top;
    margin: 0 auto;
    padding: 70px 0 45px;
    width: 100% !important;
}

#pageEtape1#compObjet.objet-artiste {
    margin: 0 auto;
    padding: 70px 0 45px 0;
    width: 100%;
    background: url('../image/diag.png') center top repeat-x #dbdfe0;
    max-width: 998px;

}

#pageEtape1 .objet-artiste #titleObjet {
    display: block;
    padding-top: 20px;
    clear: both;
    margin-bottom: 0;
}

.titleArtist {
    float: left;
}

.objet-artiste #titleObjet span {
    display: inline;
}

.ficheArtiste {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    padding-bottom: 25px;
    margin-top: 15px;
}

.ficheArtiste:last-child {
    margin-right: 0px;
}

.ficheArtiste img {
    height: 175px;
}

.ficheArtiste .nomArtiste {
    color: #222;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    right: 0;

}

#pageEtape1 a#boutonAlerteArtiste {
    top: 23px;
}

a#boutonAlerteArtiste {
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    left: 175px;
    text-decoration: none;
    color: #222222;
}

a#boutonAlerteArtiste::before {
    content: "\f0f3";
    color: #222222;
    font-family: "FontAwesome";
    font-size: 20px;
    margin-right: 5px;
}

.titleSalle {
    display: none;
}

#pageEtape1 .objetSalle #titleObjet {
    display: block;
}

#pageEtape1 .objetSalle #titleObjet span, #pageEtape1Salle .objetSalle #titleObjet span {
    display: block;
}

#pageEtape1 .objetSalle #placeContent, #pageEtape1Salle .objetSalle #placeContent {
    display: block;
    height: 150px;
    margin-top: -150px;
    visibility: hidden;
}

#pageEtape1 #centreetapes .right .objetSalle,
a#openCompMsArtiste {
    display: none;
}

.blockArtisteAsso .ligne1ArtisteAsso span a {
    color: #222;
    display: block;
    font-size: 17px;
    font-weight: 900;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.objet-artiste .infoCompArtist a#infocompobjetbouton {
    display: block;
    margin-top: 10px;
}

/*----------------------------------------*\
    Listing des événements
\*----------------------------------------*/

#compAccueil .affiche-digitick {
    width: 100%;
    margin-bottom: 15px;
}

#compAccueil dl {
    width: 300px;
    float: left;
    margin: 0 45px 49px 0;
    padding: 0 0 0px 0;
    background: #fff;
    text-align: center;
}

#compAccueil dl:nth-child(3n+1) {
    margin: 0 0px 45px 0px !important;
}

#compAccueil dl dt .nomevt,
#compAccueil dl dt .dateevt,
#compAccueil dl dd .genre,
#compAccueil dl dd .sousgenre,
#compAccueil dl dd .accueilinfos,
#compAccueil dl dd .accueilinfoscomp {
    display: none;
}

#compAccueil dl dd .accueilsallenom {
    width: 100%;
    display: block;
}

#compAccueil dl dt img {
    background: #ccc none repeat scroll 0 0;
    border: medium none;
    height: 300px;
    width: 300px;
    display: block;
}

#compAccueil dl dd {
    height: 206px;
    padding: 0 10px;
    position: relative;
}

#compAccueil dl dd a.accueilevt {
    text-align: center;
    text-transform: uppercase;
    color: #020202;
    font-size: 19px;
    line-height: 24px;
    font-weight: 700;
    margin: 20px auto 3px auto;
    padding: 0;
    width: 100%;
    text-decoration: none;
    display: block;
}

#compAccueil dl dd a.accueildatejour {
    color: #d9006d;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    padding: 0;
    margin: 0 0 5px 0;
    text-align: center;
    width: 100%;
    text-decoration: none;
    display: block;
}

#compAccueil dl:hover {
    cursor: pointer;
}

/*----------------------------------------*\
    Zepass
\*----------------------------------------*/

dd a.zepass {
    color: #999;
    font-size: 1em;
    margin-left: 0;
    margin-top: 6px;
    padding-left: 0;
    text-transform: none;
    width: 100%;
    display: block;
    font-size: 12px;
}

dd a.zepass:hover {
    text-decoration: underline;
}

/*----------------------------------------*\
    Calendrier
\*----------------------------------------*/

#calendar {
    float: left;
    margin: 0;
    padding: 0;
    width: 323px;
}

#titleCalendar,
#descCalendarRep {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    margin: 20px 0;
    padding: 0 0 27px 0;
    width: 100%;
    background: url('../image/diag2.png') center bottom repeat-x;
    display: block;
}

#descCalendarRep {
    margin-top: 0 !important;
}

#contenuCalendar {
    float: left;
    width: 720px;
}

/*calendrier jour*/
#contenuCalendar table {
    float: left;
    max-width: 320px;
    width: 100%;
    margin-bottom: 15px;
}

#contenuCalendar table tr th {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
}

#contenuCalendar table tr.tableHeader {
    font-weight: 400;
    text-align: center;
    color: #666;
    line-height: 43px;
    height: 43px;
    font-size: 16px;
}

#contenuCalendar table tr td {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: #666;
    width: 43px;
    height: 43px;
}

.state_40,
.state_10 {
    background: none !important;
}

.state_40 span {
    color: #FFF;
    font-weight: 900;
    width: 43px;
    line-height: 43px;
    height: 43px;
    display: block;
    font-size: 16px;
    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #555;
}

.state_60 {
    background: #D9D9D9 !important;
    border-radius: 50%;
    line-height: 43px;
}

#contenuCalendar table tbody tr td.state_10 span {
    background: #009de0 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    cursor: default !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 43px;
    width: 43px;
    height: 43px;
    display: block;
}

#contenuCalendar table tr td.select a {
    color: #d60269;
    font-weight: 900;
    width: 43px;
    line-height: 43px;
    height: 43px;
    display: block;
    font-size: 16px;
    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

#contenuCalendar table tr td.select a:hover {
    background-color: #d60269;
    font-weight: 900;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#contenuCalendar .poussetDroit,
#contenuCalendar .poussetGauche {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666;
    font-weight: 400;
    margin: 0;
    min-width: 30px !important;
    padding: 0;
    width: 30px;
}

#contenuCalendar .poussetGauche span,
#contenuCalendar .poussetDroit span {
    display: none;
}

#contenuCalendar .poussetDroit::after,
#contenuCalendar .poussetGauche::before {
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
}

/*calendrier horaires*/
#contenuCalendar #calendarRep {
    float: right;
    max-width: 320px;
    margin-top: -76px;
}

#calendarRep #dateCalendarRep {
    display: none;
}

#calendarRep span#listeCalendarRep a {
    display: block;
    float: left;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #676767;
    border: #676767 2px solid;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    margin: 0 0 26px 45px;
    width: 76px;
    height: 26px;
    line-height: 24px;
}

#calendarRep span#listeCalendarRep a:hover {
    background: #d8006d;
    border-color: #d8006d;
    color: #fff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#calendarRep span#listeCalendarRep a:nth-child(3n+1) {
    margin-left: 0;
}

/*----------------------------------------*\
    Pagination
\*----------------------------------------*/

#accueilprecsuiv {
    clear: both;
    color: #a7a7a7;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 998px;
    text-align: center;
}

#evenementprecsuiv {
    clear: both;
    color: #a7a7a7;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 998px;
}

.poussetGaucheContainer {
    float: left;
    display: block;
}

.poussetDroitContainer {
    float: right;
    display: block;
}

.poussetDroit,
.poussetGauche {
    font-size: 14px !important;
    font-weight: 300 !important;
    height: 26px !important;
    margin: 0 !important;
    min-width: 133px !important;
    line-height: 20px !important;
    display: block;
}

.poussetDroit span,
.poussetGauche span {
    display: none;
}

.poussetDroit::after {
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: 5px;
}

.poussetGauche::before {
    content: "\f104";
    font-family: "FontAwesome";
    margin-right: 5px;
}

.resultatGauche,
.poussetEndDroit {
    display: none !important;
}

.poussetEndGauche {
    display: none !important;
}

.resultatDroit {
    display: inline-block;
    margin-left: 40px;
    color: #999;
}

.poussetPageContainer {
    display: inline;
    text-align: center;
}

.poussetLien {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
}

.poussetLien::before,
.poussetLienActif::before {
    content: "-";
    margin-right: 10px;
}

.poussetLien:first-child:before,
.poussetLienActif:first-child:before {
    content: "";
}

.poussetLienActif {
    color: #222222;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
    font-weight: 600;
}

.complementStatus {
    clear: left;
    width: 100%;
    margin: 30px 0;
    text-align: left;
    color: #666;
    font-size: 14px;
    float: left;
    font-weight: 400;
}

/* SOCIAL LINK */
#socialLike {
    clear: both;
    width: 100%;
    margin: 40px 0;
    padding: 0;
    text-align: left;
    float: left;
}

#socialLike div#googlePlusOne {
    min-width: 60px;
}

#socialLike div#mailLike a {
    display: block;
    width: 24px;
    height: 17px;
    cursor: pointer;
    background: url('../image/share_mail.png') 0 center no-repeat;
    text-decoration: none;

}

.nextContainer .nextLeft #socialLike div#tweeterLike,
.nextContainer .nextLeft #socialLike div#googlePlusOne,
.nextContainer .nextLeft #socialLike div#facebookLike,
.nextContainer .nextLeft #socialLike div#mailLike {
    display: inline;
    float: left;
    padding: 0;
}

.nextContainer .nextLeft #socialLike div#tweeterLike,
.nextContainer .nextLeft #socialLike div#mailLike {
    margin-left: 5px;
}

.at_flat_counter {
    background: #fff !important;
}

.nextContainer .nextLeft #socialLike div#mailLike {
    margin-right: 0px;
}

/*----------------------------------------*\
    Etapes
\*----------------------------------------*/
#reservationetape ul li#etape1,
#reservationetape ul li#etape2 {
    background: url('../image/etape_sep.gif') right center no-repeat;
    padding-right: 35px;
    margin-right: 20px;
    display: inline;
}

#reservationetape ul li#etape3 {
    display: inline;
}

#reservationetape ul span.etapeNom,
#reservationetape ul li#etape4 {
    display: none;
}

#reservationetape ul span.etapeDesc {
    color: #969a9d;
    font-size: 14px;
    font-weight: normal;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    display: inline;
}

#pageEtape1 #reservationetape ul li#etape1 span {
    color: #282725;
    border-bottom: 1px solid #282725;
}

#pageEtape2 #reservationetape ul li#etape2 span {
    color: #282725;
    border-bottom: 1px solid #282725;
}

#pageEtape3 #reservationetape ul li#etape3 span {
    color: #282725;
    border-bottom: 1px solid #282725;
}

/*----------------------------------------*\
    Page Etape 2
\*----------------------------------------*/

/*----------------------------------------*\
    Panier
\*----------------------------------------*/

#compPanier {
    display: none;
}

#pageEtape2 #compPanier {
    display: none !important;
    margin: 0 auto;
    width: 998px;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden;
    clear: both;
}

#pageEtape2 #compPanier a#cachePanier {
    display: none;
}

#listeRecapPanier {
    min-height: 100px;
    margin-bottom: 10px;
}

#listeRecapPanier > a#deroulePanier,
#listeRecapPanier > a#cachePanier {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 5px;
    text-transform: uppercase;
    float: left;
}

#listeRecapPanier > a#deroulePanier::before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #666;
    margin-right: 5px;
}

#listeRecapPanier > a#cachePanier::before {
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #666;
    margin-right: 5px;
}

#compPanier .recapPanier {
    padding: 0 0 10px 0;
    text-align: left;
    line-height: 17px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    max-width: 575px;
}

#listeRecapPanier .recapPanier:last-child {
    border-bottom: 0;
}

#compPanier .recapPanier a.nom {
    clear: left;
    float: left;
    font-size: 17px;
    font-weight: 900;
    line-height: 20px;
    margin: 10px 0 0;
    text-align: left;
}

#compPanier .recapPanier span.date {
    font-size: 17px;
    display: block;
    float: left;
    margin-top: 11px;
    margin-left: 7px;
    font-weight: 900;
}

#compPanier .recapPanier span.lieu,
#compPanier .recapPanier span.tarif {
    clear: left;
    margin-right: 5px;
}

#compPanier .recapPanier span.lieu,
#compPanier .recapPanier span.adresse,
#compPanier .recapPanier span.ville {
    display: inline;
    float: left;
    font-size: 15px;
    margin: 3px 5px 3px 0;
}

#compPanier .recapPanier span.tarif,
#compPanier .recapPanier span.prix {
    float: left;
    font-size: 15px;
    display: inline;
    color: rgba(216, 7, 111, 1);
}

.fraisDeGestion {
    clear: left;
    float: left;
    font-size: 14px;
    font-weight: 300;
    color: #7d7d7d;
    padding-right: 0;
}

#compPanier .recapPanier span.tarif::after,
#compPanier .recapPanier span.lieu::after,
#compPanier .recapPanier span.adresse::after {
    content: "-";
    margin-left: 5px;
}

.recapPanier .label {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

.recapPanier .label::before,
div#totalValiderPanier .assuranceCart::before {
    content: "(";
    margin-right: 2px;
}

.recapPanier .label::after,
div#totalValiderPanier .assuranceCart::after {
    content: ")";
    margin-left: 2px;
}

#listeRecapPanier > div#totalValiderPanier {
    color: #d8006c;
    font-size: 17px;
    font-weight: 900;
    text-align: left;
    position: absolute;
    right: 0;
    background-color: #ECF0F1;
    padding: 25px;
    border-radius: 5px;
    top: 10px;

}

div#totalValiderPanier #fraisModeDeDiffusion {
    color: #666;
    font-weight: 400;
    font-size: 11px;
}

div#totalValiderPanier .assuranceCart {
    font-weight: 400;
    margin-left: 5px;
}

.supRecapPanier {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-left: 5px;
    text-align: left;
    text-transform: uppercase;
    margin-top: -4px;
}

.supRecapPanier::before {
    font-family: "FontAwesome";
    font-size: 20px;
    content: "\f00d";
    margin-right: 5px;
}

#supPanier {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

#supPanier::before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #666;
    margin-right: 5px;
}

/*----------------------------------------*\
    Mode de diffusion
\*----------------------------------------*/

span.identification,
#modeDeDiffusion span {
    display: block;
    margin: 0 auto 15px auto;
    text-align: left;
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: normal;
}

span.identification {
    padding-top: 15px !important;
}

#containerModeDeDiffusion {
    overflow: hidden;
}

#containerModeDeDiffusion .tableColonne1 {
    display: inline-block;
    position: relative;
    border: 1px solid #d4d8d8;
    margin: 0 15px 15px;
    min-height: 164px;
    padding: 15px;
    text-align: left;
    transition: all 500ms ease-in-out 0s;
    vertical-align: top;
    width: 296px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#containerModeDeDiffusion .tableColonne1:hover {
    background-color: #ecf0f1;
    border: 1px solid #ecf0f1;
    cursor: pointer;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#containerModeDeDiffusion .tableColonne1.activ {
    background-color: #ecf0f1;
    border: 1px solid #ecf0f1;
}

#containerModeDeDiffusion .tableColonne1 input.radio {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
}

#containerModeDeDiffusion .tableColonne1:hover input.radio {
    border-color: #d8006c;
    background-color: #d8006c;
}

#containerModeDeDiffusion .tableColonne1 .tableColonne3,
#containerModeDeDiffusion .tableColonne1 .descriptionModeDeDiff {
    padding-left: 20px;
    color: #7e7d7d;
    font-size: 12px;
}

#containerModeDeDiffusion .tableColonne1 label {
    display: inline-block;
    float: left;
    margin: 0;
    padding-bottom: 0;
    padding-left: 20px;
    width: 100%;
}

#containerModeDeDiffusion .tableColonne1 label span {
    color: #333333;
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    width: auto;
}

/*----------------------------------------*\
    Coordonnées
\*----------------------------------------*/

/*#pageEtape2 #ligneContent2,
#pageEtape3 #ligneContent2 {
    padding-top: 3px;
}
*/
#pageEtape2 table#tableConfirmationCoordonnees {
    background: #ecf0f1 none repeat scroll 0 0;
    display: block;
    margin: 30px auto;
    padding: 45px 95px;
    vertical-align: top;
    width: 470px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#pageEtape2 table#tableConfirmationCoordonnees tr th {
    font-size: 17px;
    font-weight: 900;
    margin: 0 0 20px;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
}

#pageEtape2 table#tableConfirmationCoordonnees tr td {
    width: 100%;
    float: left;
    text-align: left;
}

#pageEtape2 table#tableConfirmationCoordonnees tr td.tableColonne1 {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 300px;
    text-align: left;
    padding-bottom: 4px;
    font-weight: 300;
}

#pageEtape2 table#tableConfirmationCoordonnees .tableColonne2-3 input,
#pageEtape2 table#tableConfirmationCoordonnees .tableColonne2 input {
    width: 280px;
    text-indent: 10px;
}

#pageEtape2 table#tableConfirmationCoordonnees input.btSubmit {
    float: none;
    margin: 15px auto;
    -webkit-appearance: none;
}

/*----------------------------------------*\
    Renommage des billets
\*----------------------------------------*/

table.renommage {
    background: #ecf0f1;
    margin: 40px auto 0;
    width: 100%;
}

table.renommage tr:first-child {
    background: #ecf0f1 url("../image/diag.png") repeat scroll center top;
    color: #020202;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
    text-indent: 10px;
}

table.renommage tr:first-child th {
    padding: 10px 0;
}

table.renommage tr.tableHeader .nom {
    clear: both;
    color: #222;
    float: left;
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin: 20px 0 0 20px;
    padding: 0;
    text-align: left;
}

table.renommage tr.tableHeader .date {
    clear: both;
    color: #222;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 5px 0 0 20px;
    padding: 0;
    text-align: left;
}

table.renommage .tableColonne1 {
    padding: 5px 0 0 20px;
    text-align: left;
}

table.renommage .tableColonne2 {
    padding: 5px 0 0 20px;
    text-align: left;
}

table.renommage .tableColonne2 input.champ {
    text-indent: 10px;

}

table.renommage .tableColonne3 {
    padding: 5px 0 0 20px;
    text-align: left;
    vertical-align: top;
}

table.renommage .tableColonne1-2-3 {
    border-top: 1px solid #e1e6ea;
}

table.renommage tr:nth-child(4) td {
    padding-bottom: 20px;
}

table.renommage .tableColonne1-2-3 a.btSubmit {
    margin: 10px 20px;
}

#pageEtape2 #submitEtape2Renommage.btSubmit {
    margin: 20px auto !important;
    float: none !important;
}

#pageEtape2 table.renommage ~ table.formButtons {
    margin: 20px auto !important;
    float: none !important;
    width: 998px;
}

table.renommage .btSubmit {
    color: #222222;
    font-size: 15px;
    font-weight: 700;
    float: right;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background: none;
    border: 0px;
    padding: 0;
}

table.renommage .btSubmit::before {
    color: #222222;
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 20px;
    margin-right: 5px;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

table.renommage .btSubmit:hover,
table.renommage .btSubmit:hover::before {
    color: rgba(216, 7, 111, 1);
}

/*----------------------------------------*\
    DEJA CLIENT - NOUVEAUX CLIENTS
\*----------------------------------------*/

#dejaClient, #nouveauClient {
    background-color: #ecf0f1;
    display: inline-block;
    margin: 0 15px 30px;
    width: 455px;
    padding: 45px 87px;
    vertical-align: top;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#dejaClient table tr th,
#nouveauClient table tr th {
    font-size: 17px;
    font-weight: 900;
    margin: 0 0 20px;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
}

#dejaClient table tr td,
#nouveauClient table tr td {
    width: 100%;
    float: left;
    text-align: left;
}

#dejaClient table tr td.tableColonne1,
#nouveauClient table tr td.tableColonne1 {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 300px;
    text-align: left;
    padding-bottom: 4px;
    font-weight: 300;
}

#dejaClient table tr td.tableColonne3 a {
    color: #a8abac;
}

#dejaClient table tr td.tableColonne3 a:hover {
    color: #666;
}

#dejaClient table tr td.tableDesc,
#nouveauClient table tr td.tableDesc {
    display: none;
}

#dejaClient table input,
#nouveauClient table input,
#dejaClient table select,
#nouveauClient table select {
    width: 280px;
}

#dejaClient table input.btSubmit,
#nouveauClient table input.btSubmit {
    float: none;
    margin-left: auto;
    width: auto;
    margin-right: auto;
    -webkit-appearance: none;
}

#dejaClient table input.checkbox,
#nouveauClient table input.checkbox {
    width: auto;
    float: left;
}

#nouveauClient table td#checkNewsletter {
    padding-top: 15px;
}

#dejaClient table label,
#nouveauClient table label {
    float: left;
    font-size: 14px;
    font-weight: 300;
    width: auto;
}

#dejaClient table input.champTel,
#nouveauClient table input.champTel {
    background: #fff url("../image/form_tel.png") no-repeat scroll left center;
}

#dejaClient table input.champPasswd,
#nouveauClient table input.champPasswd,
#pageCompte table.compteModifier td.tableColonne2 input.champPasswd {
    background: #fff url("../image/form_psw.png") no-repeat scroll left center;
}

#dejaClient table select.selectFormatPays,
#nouveauClient table select.selectFormatPays {
    padding-left: 10px;
}

#nouveauClient table input[name=nouveaumail],
#pageCompte table.compteModifier td.tableColonne2 input[name=mail] {
    background: #fff url("../image/form_email.png") no-repeat scroll left center;
}

#nouveauClient table input[name=nouveaunom],
#nouveauClient table input[name=nouveauprenom] {
    background: #fff url("../image/form_name.png") no-repeat scroll left center;
}

#pageCompte table.compteModifier td.tableColonne2 input[name=adresse1],
#pageCompte table.compteModifier td.tableColonne2 input[name=adresse2],
#pageCompte table.compteModifier td.tableColonne2 input[name=cp],
#pageCompte table.compteModifier td.tableColonne2 input[name=ville] {
    background: #fff url("../image/form_pays.png") no-repeat scroll left center;

}

#pageEtape2 #champsRequis {
    color: #9c9fa0;
    margin: 30px auto;
    max-width: 998px;
    text-align: right;
    width: 100%;
}

/*Liste adhesion*/

table.listeAdhesion {
    max-width: 530px;
    width: 530px;
    background: #ecf0f1;
    margin: 35px auto 0 auto;
    padding: 0;
    vertical-align: top;
    border-radius: 5px 5px 0 0;
}

table.listeAdhesion ~ div.validContent {
    background: #ecf0f1 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    clear: both;
    margin: 0 auto 45px auto;
    max-width: 530px;
    padding: 20px 0 45px 0;
    width: 530px;
}

table.listeAdhesion ~ div.validContent input {
    margin: 0 auto;
    float: none;

}

table.listeAdhesion tr th {
    font-size: 15px;
    margin: 0 0 20px 0;
    text-align: left;
    font-weight: normal;
    padding: 45px 125px 20px 125px;
}

table.listeAdhesion tr td.tableColonne1 {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 300px;
    text-align: left;
    width: 125px;
}

table.listeAdhesion tr td.tableColonne2 {
    text-align: left;
    padding: 0 125px 0 0;
}

table.listeAdhesion tr td.tableColonne2 label {
    paddong-bottom: 5px;
    font-weight: normal;
    margin-left: 0px;
    margin-top: 15px;
}

table.listeAdhesion tr td.tableColonne2 input {
    width: 100%;
    text-indent: 10px;
}

/*----------------------------------------*\
    Page etape 3 // paiement
\*----------------------------------------*/

#titlePaiement {
    float: left;
    text-align: center !important;
    width: 100%;
    margin: 0 0 0 0;
}

#pageEtape3 #contenuformulaire {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 710px;
}

#securite, #moyenPaiement {
    display: none;
}

#recapAchat {
    clear: left;
    font-size: 15px;
    margin: 0 auto;
    max-width: 998px;
    padding: 0px 0 20px 0;
    text-align: center;
    width: 100%;
}

#pageEtape3 #contenuformulaire form {
    background: url("../image/reassurance.jpg") 30px 30px no-repeat;
    padding: 20px;
    position: relative;
    background-color: #ecf0f1;
    border-radius: 10px;
}

#pageEtape3 #contenuformulaire #reduction form {
    background: transparent;
}

table#nouvelleCB {
    margin-left: 235px;
    width: 100%;
    max-width: 440px;
    background: #fff;
    padding: 0 20px 20px 20px;
    position: relative;
}

table#nouvelleCB:after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: #ecf0f1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -10px;
    top: 45px;
}

table#nouvelleCB th {
    display: none;
}

table#nouvelleCB tr {
    margin: 0 auto;
    width: 100%;
    max-width: 380px;
}

/*table#nouvelleCB tr:nth-child(2){
    display: none;
}*/
table#nouvelleCB td.tableColonne1 {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 15px;

}

table#nouvelleCB td {
    text-align: left;
    /*width:340px;*/
    clear: both;
    margin: 0 auto;
    padding-left: 80px;
    display: block;
}

table#nouvelleCB td.tableColonne2 select[name="typeCB"] {
    padding-left: 10px;
    width: 259px;
}

.table#nouvelleCB select:first-child {
    background: #fff url("../image/paiement_cb.png") no-repeat scroll 13px center;
    width: 259px;
}

table#nouvelleCB td.cgv {
    padding-top: 20px;
    font-size: 12px;
    max-width: 350px;
}

table#nouvelleCB td.cgv label {
    margin-left: 0;
    padding-left: 20px;
}

table#nouvelleCB td.tableColonne2 input.champCarte {
    background: #fff url("../image/paiement_cb.png") no-repeat scroll 13px center;
    width: 259px;
    padding-left: 8px;
}

table#nouvelleCB td.tableColonne2 input#cvvCB {
    width: 142px;
    background: #fff url('../image/paiement_crypto.png') 13px center no-repeat;
}

table#nouvelleCB td.tableColonne2 select#moisCB {
    -webkit-appearance: none;
    background: url("../image/cb_expiration.png") no-repeat scroll left center, url("../image/arrow_chrome.png") no-repeat scroll right center transparent;
    width: 144px;
    background-color: #fff;
    padding-left: 59px;
}

table#nouvelleCB td.tableColonne2 select#moisCB option {
    float: right;
    padding-left: 78px;
    width: 110px;
}

table#nouvelleCB td.tableColonne2 select#anneeCB {
    width: 113px;
    border-left: 0px;
    padding-left: 6px;
}

table#nouvelleCB td.tableColonne1-2 {
    font-size: 10px;
    font-weight: 300;
    text-align: left;
    padding-right: 30px;
    width: 100%;
    color: #aaa;
}

table#nouvelleCB td.tableColonne1-2 span {
    display: block;
    width: 97%;
    line-height: 12px;
}

table#nouvelleCB td.cgvCB span, table#nouvelleCB td.cgvCB label {
    font-weight: 300;
    display: inline;
    float: left;
    margin: 0;
}

table#nouvelleCB td.cgvCB label {
    margin: 0 4px 0 0;
}

/*table#nouvelleCB td.cgvCB {
        font-size:12px;
    font-weight:300;
    text-align:left;
    position: relative;
    clear: both;
    width: 60%;
    padding-top: 7px;
    padding-left: 90px;
    padding-bottom: 20px;
}*/
table#nouvelleCB td.cgvCB {
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    position: relative;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}

table#nouvelleCB td.cgvCB span {
    padding-bottom: 5px;
}

table#nouvelleCB td.cgvCB input#cgvCB {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

table#nouvelleCB td.cgvCB a {
    text-decoration: underline;
}

table#nouvelleCB input.btSubmit {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    -webkit-appearance: none;
}

table#nouvelleCB #rowSubmitEtape3 {
    background: url("../image/rapid.png") no-repeat scroll 270px 1px transparent;
}

table#nouvelleCB #rowSubmitEtape3 + span {
    font-size: 10px;
    font-weight: 300;
    text-align: left;
    padding-right: 30px;
    color: #aaa;
    line-height: 15px;
    padding-left: 80px;
    display: block;
    padding-top: 15px;
}

table#nouvelleCB #rowSubmitEtape3 a {
    color: #666;
    display: block;
    float: none;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

table#nouvelleCB #rowSubmitEtape3 a::before {
    color: #666;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 18px;
    margin-right: 5px;
}

#apercuCVV {
    text-decoration: underline;
}

/*
* Autre moyens de paiements
*/

/*
* Mister Cash
*/

#contenuformulaire #paypal {
    background: #ECF0F1;
    border-radius: 5px;
    margin: 0 auto;
    width: 715px;
}

#contenuformulaire #paypal th {
    padding-top: 25px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px;
    padding-left: 37px;
}

#contenuformulaire #paypal tr {
    display: block;
}

#contenuformulaire #paypal tr td.tableColonne1 {
    padding-left: 37px;
}

#contenuformulaire #paypal tr td.tableColonne1 {
    font-weight: 300;
    font-size: 12px;
    width: 100%;
}

#contenuformulaire #paypal tr td.tableColonne1 label {
    font-weight: 300;
}

#contenuformulaire #paypal tr td.tableColonne1 a {
    text-decoration: underline;
}

#contenuformulaire #paypal tr:nth-child(3) td.tableColonne1 a {
    margin: 10px auto;
    display: block;
}

#contenuformulaire #paypal tr:last-child td.tableColonne1 {
    padding-bottom: 20px;
}

/*
* moyenPaiement
*/

#contenuformulaire .entete {
    display: block;
    width: 715px;
    margin: 20px auto;
}

#contenuformulaire .moyenPaiement {
    background: #ECF0F1;
    border-radius: 5px;
    margin: 0 auto 20px;
    width: 715px;
    overflow: hidden;
    padding: 37px;
}

#contenuformulaire .moyenPaiement input,
#contenuformulaire .moyenPaiement div {
    float: left;
}

#contenuformulaire .moyenPaiement div {
    margin-right: 10px;
    margin-left: 5px;
}

#reassuranceSecurite {
    width: 715px;
    margin: 20px auto;

}

#reassuranceSecurite img {
    vertical-align: bottom;
    margin-right: 10px;
}

#reassuranceSecurite #paybox {
    margin-left: 10px;
}

/*----------------------------------------*\
    Bon cadeaux
\*----------------------------------------*/

table#reduction {
    box-shadow: 0px 0px 0.5px 1px #ecf0f1;
    -webkit-box-shadow: 0px 0px 0.5px 1px #ecf0f1;

    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 164px;
    margin: 45px auto 20px;
    width: 715px;
    background: #fff url("../image/bon_cadeau.png") no-repeat scroll right top;
}

table#reduction th.tableColonne1 {
    padding-top: 25px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px;
}

table#reduction .tableColonne1 {
    width: 310px;
    text-align: left;
    font-size: 15px;
    padding-left: 37px;
}

table#reduction .tableColonne1 span.erreur {
    color: red;
}

input.champCodeReduction {
    margin: 10px 10px 25px 0;
    float: left;
    clear: left;
}

/*----------------------------------------*\
    Panier gratuit
\*----------------------------------------*/

#paiementFree {
    padding: 20px;
    text-align: right;
}

#paiementFree th {
    text-indent: 0;
    margin-left: 0;
}

#paiementFree #ico_free {
    display: none;
}

@keyframes beat {
    0% {
        font-size: 50px;
    }
    50% {
        font-size: 45px;
    }
    100% {
        font-size: 50px;
    }
}

#paiementFree #ico_free:after {
    content: "\f004";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #e6007e;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: beat;
    -moz-animation: beat;
    -ms-animation: beat;
    animation-name: beat;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 500ms;
}

#contenuformulaire #paiementFree .paiementFreeValid {
    height: auto;
    font-weight: inherit;
    width: auto;
}

/*----------------------------------------*\
    Oubli mot de passe
\*----------------------------------------*/

table#oubliMDP {
    width: 650px;
    margin: 0 auto;
}

table#oubliMDP th#titreOubliMDP {
    text-align: center !important;
}

table#oubliMDP tr.titleUserToDo, table#oubliMDP tr.titleExplanations td.tableColonne2 {
    font-size: 15px;
    padding: 0 0 40px;
    text-align: center;
}

table#oubliMDP tr.titleExplanations {
    background: #fff url("../image/diag2.png") repeat-x scroll center bottom;

}

table#oubliMDP tr.titleUserToDo span bold {
    font-weight: 700;
}

table#oubliMDP tr.ligneMixte td.tableColonne1 {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    padding-left: 20px;
    width: 350px;
}

table#oubliMDP tr.ligneMixte td.tableColonne2 {
    padding: 10px 0;
    text-align: right;
}

table#oubliMDP tr.ligneMixte td#btnSubmitMDP {
    width: 100%;
    padding: 40px 0 0 0;
    background: #fff url("../image/diag2.png") repeat-x scroll center 20px;

}

table#oubliMDP tr.ligneMixte td.tableColonne2 input.champTel {
    width: 278px;
    background: #fff url("../image/form_tel.png") no-repeat scroll left center;
    padding-left: 0;
    text-indent: 36px;
}

table#oubliMDP tr.ligneMixte td.tableColonne2 select {
    width: 278px;
    background: #fff url("../image/form_pays.png") no-repeat scroll left center;
    padding-left: 36px;
(-bracket-: hack;
    text-indent: 36px;
    padding-left: 0px;
);
}

table#oubliMDP .btSubmit {
    margin-top: 0;
}

/*----------------------------------------*\
    Dialogue
\*----------------------------------------*/

#pageEtape3 .tooltipBottom_left {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    bottom: auto;
    top: -11px;
}

/*----------------------------------------*\
    PAGE MON COMPTE - ELEMENTS COMMUN
\*----------------------------------------*/

#pageCompte #infoformulaire {
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: bold;
}

#pageCompte #descformulaire,
#pageCompte .contentTransaction {
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: 21px;
    margin: 0px 0 0;
    padding: 0;
    text-align: left;
    width: 100%;
    clear: both;
}

#contentIdentificationLiens a span {
    display: block;
    line-height: 16px;
    padding: 0;
    text-align: center;
}

#contentIdentificationLiens a span.descLiens {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
}

#contentIdentificationLiens a:hover span.descLiens {
    color: #fff;
}

/*page identification */
#compteIdentification table,
#pageLogin #champsRequis {
    color: #9c9fa0;
    margin: 0 auto;
    width: 100%;
    max-width: 530px;
}

#pageLogin #champsRequis {
    color: #9c9fa0;
    text-align: right;
}

#pageLogin .titleIdentification {
    clear: both;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -2px;
    margin: 0px auto 30px;
    padding: 0;
    text-align: center;
}

#pageLogin td.tableDesc {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    clear: both;
    color: #777777;
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: 21px;
    margin: 30px 0 0;
    padding: 0 !important;
    text-align: center !important;
    width: 100%;
}

#pageCompte #contentTransaction {
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: 21px;
}

#compteIdentification table tr td.tableColonne1,
#compteIdentification table tr td.tableColonne2,
#compteIdentification table tr:last-child td {
    width: 100%;
    float: left;
    padding-left: 125px;
    text-align: left;
    background: #ecf0f1;
}

#compteIdentification table td {
    padding-left: 0;

}

#compteIdentification table td.tableColonne1 {
    padding-top: 25px;
    font-size: 14px;
    font-weight: 300px;
    text-align: left;
    padding-bottom: 8px;

}

#compteIdentification table tr:nth-child(4) > td.tableColonne1 {
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    padding-top: 45px;

}

#compteIdentification table tr:last-child td {
    border-radius: 0 0 5px 5px;
    padding-left: 0;
    padding-bottom: 5px;
}

#compteIdentification table td.tableColonne2 input {
    width: 278px;
}

#compteIdentification table td.tableColonne2 input.champTel {
    background: #fff url("../image/form_tel.png") no-repeat scroll left center;
    padding-left: 0;
    text-indent: 36px;
}

#compteIdentification table td.tableColonne2 input.champPasswd {
    background: #fff url("../image/form_psw.png") no-repeat scroll left center;
    padding-left: 0;
    text-indent: 36px;
}

#compteIdentification table td.tableColonne2 select.champ {
    background: #fff url("../image/form_pays.png") no-repeat scroll left center;
    padding-left: 0px;
    text-indent: 36px;
}

#compteIdentification table td.tableColonne2 select {
    width: 278px;
}

#compteIdentification table tr td.pwdForgetContainer {
    text-align: center;
}

#compteIdentification table tr td.pwdForgetContainer #identificationForget {
    color: #9c9fa0;
}

#compteIdentification table tr td.pwdForgetContainer #identificationForget:hover {
    text-decoration: underline;
}

/*----------------------------------------*\
    BOUTONS
\*----------------------------------------*/

/* Bouton RESERVEZ */
#compAccueil dl dd a.accueilimagebillet,
.btnReserveEvenement a.accueilimagebillet {
    background-image: none !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;

    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 15px auto 15px auto !important;
    padding: 0 !important;

    height: 35px !important;
    line-height: 31px;
    width: 132px !important;
    display: block !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    clear: both;
    bottom: 15px;
    position: absolute;
    left: 90px;
    color: #fff !important;
    border: 1px solid #d8076f !important;
    background: #d8076f !important;
    cursor: pointer;
}

#compAccueil dl:hover dd a.accueilimagebillet,
#compContentEvenement #resultatEvenement dl:hover .btnReserveEvenement a.accueilimagebillet {
    color: #303030 !important;
    border: 1px solid #303030 !important;
    background: #FFF !important;
}

/*----------------------------------------*\
    Bouton d'action primaire
\*----------------------------------------*/

.btSubmit,
.btSubmit.btn,
input.btCodeReduction,
#lienVideoResMagasin,
#imgReseauContact span a,
.imprimerBillet,
#pageCompte input.btnBigDigiStyle,
.btSubmitFinishCommand,
a.telechargement,
.telechargement.mail,
#submitFinaliser,
#contenuformulaireNoel #submitFinaliser,
#submitAlerteArtiste,
.validerPanier,
.popupPorteur .footer button,
.popupPorteur .footer input,
#contenuformulaire #paiementFree .paiementFreeValid,
#chxtrfbuttonValider {
    background-image: none;
    background: rgba(216, 7, 111, 1);
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff;
    font-size: 14px;
    margin: 15px 0 30px 17px;
    padding: 10px 15px;
    border: 1px solid rgba(216, 7, 111, 1);

    /*min-width:192px ;*/
    display: block;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    float: right;
    text-indent: 0;
    cursor: pointer !important;
}

.btSubmit:hover,
input.btCodeReduction:hover,
#lienVideoResMagasin:hover,
#imgReseauContact span a:hover,
.imprimerBillet:hover,
#pageCompte input.btnBigDigiStyle:hover,
.btSubmitFinishCommand:hover,
a.telechargement:hover,
#submitFinaliser:hover,
#contenuformulaireNoel #submitFinaliser:hover,
#submitAlerteArtiste:hover,
.validerPanier:hover,
.popupPorteur .footer button:hover,
.popupPorteur .footer input:hover,
#contenuformulaire #paiementFree .paiementFreeValid:hover,
#chxtrfbuttonValider:hover {
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
    cursor: pointer;
}

/*----------------------------------------*\
    Boutons d'action secondaire
\*----------------------------------------*/

.poussetDroit,
.poussetGauche,
#pageCompte .transactionActive tr .tableColonne1 .nomPrenom2 button.modifier,
#submitPanier,
#tableForm td.descCat span.copie,
.lienBoxM a,
.footer .cancel,
#chxtrfbuttonAnnuler {
    background-image: none;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    color: rgba(30, 30, 30, 1);
    font-size: 14px;
    margin: 15px 0 30px 17px;
    padding: 10px 15px;
    border: 1px solid rgba(30, 30, 30, 1);
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    cursor: pointer !important;
}

.poussetDroit,
.poussetGauche {
    padding-top: 0;
    padding-bottom: 0;
}

.poussetDroit:hover,
.poussetGauche:hover,
#pageCompte .transactionActive tr .tableColonne1 .nomPrenom2 button.modifier:hover,
#contentIdentificationLiens a:hover,
#submitPanier:hover,
#tableForm td.descCat span.copie:hover,
.lienBoxM a:hover,
.footer .cancel:hover,
#chxtrfbuttonAnnuler:hover {
    color: #fff;
    border: 1px solid rgba(216, 7, 111, 1);
    background-color: rgba(216, 7, 111, 1);
    cursor: pointer;
}

/*exeption */
.detailValidation {
    color: #fff !important;
    border: 1px solid #d8076f !important;
    background: #d8076f !important;
    text-decoration: none;
}

table#nouvelleCB #rowSubmitEtape3 a {
}

input.btCodeReduction {
    margin: 9px 0 !important;
    min-width: 65px !important;
    float: left !important;
}

/*centrage du bouton*/
.detailValidation,
#compteIdentification table input.btSubmit,
#pageCompte input.btnBigDigiStyle,
table#nouvelleCB #rowSubmitEtape3 a,
.btSubmitFinishCommand {
    float: none !important;
    margin: 30px auto !important;
}

table#nouvelleCB #rowSubmitEtape3 a {
    margin: 0 0 !important;
    text-align: left;
}

.detailValidation {
    margin: 15px 0 !important;
}

#pageCompte input.btnBigDigiStyle {
}

#modeDeDiffusion .btSubmitFinishCommand {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

#contentIdentificationLiens a {
    width: 240px;
    margin-right: 17px;
}

#contentIdentificationLiens a:last-child {
    margin-right: 0;
}

#contentIdentificationLiens a.active3, #contentIdentificationLiens a.active3 span {
    border-color: rgba(30, 30, 30, 1);
    color: #fff;
    background: rgba(30, 30, 30, 1);
}

#submitPanier {
    float: left;
}

iframe#frameInfoconcert div {
    width: 100% !important;
    font-family: Lato, sans-serif;
    color: #333333;
    font-size: 15px;
    font-weight: normal;
}

/*------------------------------*\
    ASSURANCE
\*------------------------------*/

#etapescontenu .assuranceTable .body .column1 br {
    display: none !important;
}

#etapescontenu .assuranceTable .body .column1 a {
    display: inline-block;
    font-size: 11px;
}

/*------------------------------*\
    FIL D'ARIANNE
\*------------------------------*/

#compFilAriane ul {
    display: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

#compFilAriane li {
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: max-width .5s ease;
    transition: max-width 1s ease;
}

/* one item */
#compFilAriane li:nth-child(1):nth-last-child(1) {
    max-width: none;
}

/* two items */
#compFilAriane li:nth-child(1):nth-last-child(2),
#compFilAriane li:nth-child(2):nth-last-child(1) {
    max-width: none;
}

/* three items */
#compFilAriane li:nth-child(1):nth-last-child(3),
#compFilAriane li:nth-child(2):nth-last-child(2),
#compFilAriane li:nth-child(3):nth-last-child(1) {
    max-width: none;
}

/* four items */
#compFilAriane li:nth-child(1):nth-last-child(4),
#compFilAriane li:nth-child(2):nth-last-child(3),
#compFilAriane li:nth-child(3):nth-last-child(2),
#compFilAriane li:nth-child(4):nth-last-child(1) {
    max-width: none;
}

/* five items */
#compFilAriane li:nth-child(1):nth-last-child(5),
#compFilAriane li:nth-child(2):nth-last-child(4),
#compFilAriane li:nth-child(3):nth-last-child(3),
#compFilAriane li:nth-child(4):nth-last-child(2),
#compFilAriane li:nth-child(5):nth-last-child(1) {
    max-width: 150px;
}

#compFilAriane li:last-child {
    max-width: none !important;
}

#compFilAriane li:hover {
    max-width: 100% !important;
}

#compFilAriane li:last-child {
    max-width: none;
}

#compFilAriane li.arianeBase a:before {
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*----------------------------------------*\
    Notification cookies
\*----------------------------------------*/

.bloc-notifications .btn-close {
    height: 24px !important;
    width: 24px !important;
}

.notification.info_bg {
    height: auto !important;
}

.notification.info_bg p {
    margin: 0 auto;
}

#infosRecupInvit {
    display: block;
    clear: both;
    width: 980px;
    margin: 0 auto 40px;
}

#infosRecupInvit th {
    padding: 10px 0 20px 0;
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: left;
}

#infosRecupInvit td {
    text-align: left;
}

#recupInvit #compContent {
    margin: 0 0 40px 0;
}

/*----------------------------------------*\
    CSS 98 Champion du monde
\*----------------------------------------*/

.zepass_url,
.zepass_texteUrl,
.zepass_info {
    display: none !important;
}

.tooltip {
    background: url("../image/tooltip.png") no-repeat scroll 0 0 transparent;
    width: 308px;
    height: 73px;
}

.tooltip div {
    color: #FFFFFF;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 10px;
}

.tooltip a {
    background: url("../image/fleche-blue.gif") no-repeat scroll 0 4px transparent;
    color: #009de0;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 7px;
}

#etapeBlocContent {
    float: left;
    margin-top: 10px;
    width: 668px;
}

#etapeBlocContent #blocSalle {
    float: left;
    text-align: left;
    width: 422px;
    padding-bottom: 45px;
}

#etapeBlocContent #blocSalle.classBlocStade {
    background: url('../image/terrain.jpg') no-repeat bottom;
}

#etapeBlocContent #blocSalle.classBlocCourt {
    background: url('../image/court.jpg') no-repeat bottom;
}

#etapeBlocContent #blocSalle.classBlocSalle:after {
    content: "Direction scene";
    display: block;
    padding: 10px;
    color: #222;
    background-color: #dedede;
    clear: both;
    text-align: center;
    text-transform: uppercase;
}

#etapeBlocContent #blocSalle #headerblocSalle {
    background: #222;
    color: #FFFFFF;
    font-family: Lato, sans-serif;
    font-weight: normal;
    padding: 5px 10px;
}

#etapeBlocContent #blocSalle #footerblocSalle {
    height: 26px;
    float: left;
    width: 422px;
    padding: 0 0 0 8px;
}

#etapeBlocContent #blocSalle #footerblocSalle span {
    width: 120px;
    font-size: 12px;
}

#etapeBlocContent #blocSalle #footerblocSalle #legendeDispo {
    background: url('../image/siege_disponible.gif') no-repeat 0px 4px;
    float: left;
    height: 20px;
    padding-top: 3px;
    padding-left: 20px;
}

#etapeBlocContent #blocSalle #footerblocSalle #legendePris {
    background: url('../image/siege_nondisponible.gif') no-repeat left 4px;
    float: left;
    height: 20px;
    margin-left: 24px;
    padding-left: 22px;
    padding-top: 3px;
}

#etapeBlocContent #blocSalle #footerblocSalle #legendeChoix {
    background: url('../image/siege_reserve.gif') no-repeat left 4px;
    float: left;
    height: 20px;
    padding-top: 2px;
    margin-left: 22px;
    padding-left: 22px;
}

#etapeBlocContent #blocSalle #contentBlocSalle {
    border: 1px #CACACA solid;
    overflow: hidden;
    float: left;
    width: 422px;
    max-height: 440px;
    padding: 0;
}

#etapeBlocContent #blocSalle #contentBlocSalle #planBloc {
    border-collapse: separate;
    border-spacing: 0px;
    margin: 0;
    background: url(../image/entre_siege.gif);
}

#etapeBlocContent #blocSalle #contentBlocSalle #planBloc td {
    font-size: 0px;
    padding: 9px 9px 15px;
    border: medium none;
}

#blocSalle #contentBlocSalle #planBloc td.pris {
    background: url(../image/siege_nondisponible.gif) no-repeat;
}

#blocSalle #contentBlocSalle #planBloc td.dispo {
    background: url(../image/siege_disponible.gif) no-repeat;
}

#blocSalle #contentBlocSalle #planBloc td.dispo.hover {
    cursor: pointer;
    background: url(../image/siege_disponible_hover.gif) no-repeat;

}

#blocSalle #contentBlocSalle #planBloc td.selected {
    background: url(../image/siege_reserve.gif) no-repeat;
}

#blocSalle #contentBlocSalle #planBloc td.selected.hover {
    cursor: pointer;
    background: url(../image/siege_reserve_hover.gif) no-repeat;
}

#pleaseWait {
    display: none;
}

/*----------------------------------------*\
    Joystick
\*----------------------------------------*/

#etapeBlocContent #infosPlace {
    float: left;
    width: 240px;
}

#etapeBlocContent #joystick {
    z-index: 0;
    background: url('../image/joystick.gif') no-repeat;
    display: block;
    height: 105px;
    margin-bottom: 10px;
    margin-top: 29px;
}

#etapeBlocContent #joystick #joystickNav {
    display: block;
    width: 105px;
    height: 80px;
    float: left;
    padding-top: 23px;
}

#etapeBlocContent #joystick #joystickNav #joystickTop {
    float: left;
    width: 63px;
    padding-left: 42px;
}

#etapeBlocContent #joystick #joystickNav #joystickMiddle {
    float: left;
    width: 80px;
    margin-bottom: 2px;
    height: 19px;
    padding-left: 24px;
}

#etapeBlocContent #joystick #joystickNav #joystickBottom {
    float: left;
    width: 62px;
    padding-left: 43px;
}

#etapeBlocContent #joystick #joystickNav span {
    cursor: move;
}

#etapeBlocContent #joystick #joystickNav #joystickTop span#joystickUp {
    width: 19px;
    height: 19px;
    display: block;
    float: left;
}

#etapeBlocContent #joystick #joystickNav #joystickMiddle span#joystickLeft {
    width: 19px;
    height: 19px;
    display: block;
    float: left;
    margin-right: 8px;
}

#etapeBlocContent #joystick #joystickNav #joystickMiddle span#joystickRight {
    width: 19px;
    height: 19px;
    margin-left: 8px;
    display: block;
    float: left;
}

#etapeBlocContent #joystick #joystickNav #joystickBottom span#joystickDown {
    width: 19px;
    height: 19px;
    margin-left: 0px;
    display: block;
    float: left;
}

#etapeBlocContent #joystick #joystickInfos {
    float: left;
    height: 103px;
    width: 90px;
    margin-left: 2px;
}

#etapeBlocContent #joystick #joystickInfos #joystickRetourSalle {
    display: block;
    padding-top: 20px;
    color: #666666;
    font-weight: bold;
    padding-left: 7px;
    font-size: 11px;
}

#etapeBlocContent #joystick #joystickInfos #joystickModeEmploi {
    display: block;
    margin-top: 9px;
    font-size: 9px;
    letter-spacing: 0px;
    padding-left: 8px;
    padding-right: 2px;
    text-align: right;
    color: #686868;
}

#langageDE #etapeBlocContent #joystick #joystickInfos #joystickModeEmploi {
    padding-left: 0px;
}

/*----------------------------------------*\
    SIMPLE BOX
\*----------------------------------------*/

#SimpleBoxInfosPlace {
    font-size: 1em;
    text-align: left;
    font-weight: bold;
}

#SimpleBoxInfosPlace .tarifsPlace {
    margin-top: 4px;
}

#SimpleBoxInfosPlace .HeaderSimpleBox {
    background: none;
    padding-top: 0;
}

#SimpleBoxInfosPlace .ContentSimpleBox {
    background: none;
    border: none;
    color: #323232;
}

#SimpleBoxInfosPlace .TitleSimpleBox {
    background: url("../image/separateur_xs.jpg") no-repeat scroll center 18px transparent;
    border: medium none;
    color: #323232;
    font-family: Lato, sans-serif;
    font-weight: normal;
    height: 37px;
    padding: 0;
}

#SimpleBoxInfosPlace .tarifsPlace span {
    display: block;
}

#SimpleBoxInfosPlace .planName {
    letter-spacing: 0px;
}

#SimpleBoxInfosPlace .placeInfos {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #323232;
    font-size: 12px;
    margin: 10px 0;
    padding: 4px;
    text-align: center;
}

#SimpleBoxInfosPlace #TextSimpleBoxInfosPlace {
    background: #f2f2f2;
}

#pageEtape1Salle .SimpleBox {
    width: 390px;
}

#pageEtape1Bloc .SimpleBox {
    float: right;
    width: 225px;
}

.SimpleBox .TitleSimpleBox {
    background: url(../image/tetiere.gif) no-repeat top left;
    height: 27px;
    color: white;
    font-weight: bold;
    text-align: left;
    padding: 5px 0 0 30px;
    font-size: 14px;
}

.SimpleBox .TextSimpleBox {
    padding: 5px;
}

/*----------------------------------------*\
    ADD THIS
\*----------------------------------------*/

.addthis_sharing_toolbox {
    padding: 10px;
    background-color: #ECF0F1;
    text-align: center;
}

.addthis_sharing_toolbox a {
    margin: 5px 9px 0 !important;
}

.objetSalle .addthis_sharing_toolbox {
    display: none;
}

/*----------------------------------------*\
    SMART AD SERVER
\*----------------------------------------*/

#compPubAdServer {
    clear: both;
    float: left;
    width: 100%;
    background: #dbdfe0;
    padding: 50px 0;
    text-align: center;

}

/*
* SMALL
*/

#pageEtape1 .smartAdServerSmall,
#pageEtape1Salle .smartAdServerSmall {
    float: right;
}

#pageEtape1 .smartAdServerSmall div:before, #pageEtape1Salle .smartAdServerSmall div:before {
    content: "PUBLICITE";
    display: block;
    padding: 5px 10px;
    background: #cfcfcf;
    font-size: 12px;
}

#pageAccueil .smartAdServerSmall {
    clear: both;
    float: left;
    width: 100%;
    background: url('../image/diag_bg.png') center top repeat;
    padding: 35px 0;
}

.artist-wrapper .smartAdServerSmall {
    clear: both;
    float: left;
    width: 100%;
    background: url('../image/diag_bg.png') center top repeat;
    padding: 35px 0;
    margin-top: 10px;
    display: none;
}

/*
* LARGE
*/

#pageEtape1 #centreetapes + .smartAdServerSmall {
    float: none;
    clear: both;
    padding: 30px 0;
    background: #dcdfe0;
}

/*----------------------------------------*\
    GOOGLE ADD
\*----------------------------------------*/

.googleAdLarge {
    clear: both;
    padding: 30px 0;
    text-align: center;
}

/*------------------------------*\
* HACK FOR CHROME MAC SELECT
\*------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    table#nouvelleCB td.tableColonne2 select#moisCB {
        /*text-indent: 85px;*/
    }
}

/*----------------------------------------*\
    TARGET TO SELL
\*----------------------------------------*/

.target2Sell {
    clear: both;
}

/*----------------------------------------*\
    PLAN DE SALLE
\*----------------------------------------*/

#titlePlanSalle {
    text-align: left;
}

#planSalle #contenuPlanSalle {
    margin: 10px auto;
    width: 980px;
    text-align: center;
    clear: both;
}

#pageEtape1Salle .repGeneralInfo .centerContent {
    padding-bottom: 30px;
    overflow: hidden;
}

/*----------------------------------------*\
    POP UP PLAN
\*----------------------------------------*/

.chxtrfbox {
    height: 100% !important;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 99999;
}

.chxtrf {
    background-color: #fff;
    width: 600px;
    margin-top: 100px !important;
    padding: 20px 20px 0 20px;
    overflow: hidden;
}

.chxtrf .title {
    font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: bold;
}

/*----------------------------------------*\
    CASHLESS
\*----------------------------------------*/

.compCashlessTitle {
    padding: 30px 20px 30px 145px;
    margin: 20px 0;
    border: 1px solid #ECF0F1;
    border-radius: 5px;
    padding-left: 145px;
    position: relative;
}

.compCashlessTitle h1,
.compCashlessTitle p {
    width: 80%;
    display: inline-block;
}

.compCashlessTitle h1 {
    font-size: 28px;
}

.compCashlessTitle .btn-scroll-to-cashless {
    padding: 12px 30px;
    background-color: #12838F;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #12838F;
    -webkit-transition: .3s border-color, .3s background-color;
    -o-transition: .3s border-color, .3s background-color;
    transition: .3s border-color, .3s background-color;
    position: relative;
    top: -33px;
    right: -10px;
}

.compCashlessTitle .btn-scroll-to-cashless:hover {
    background-color: #222;
    border-color: #222;
}

.compCashlessTitle:before {
    content: "";
    background-image: url(../image/cashless/cashless-colored.svg);
    width: 100px;
    background-size: cover;
    height: 83px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 20px;
    background-repeat: no-repeat;
}

#compCashlessLinks {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ECF0F1;
    border-radius: 5px;
}

#compCashlessLinks h1 {
    font-size: 25px;
    margin-top: 10px;
}

#compCashlessLinks ul li {
    background-color: #12838F;
    display: inline-block;
    border-radius: 3px;
    -webkit-transition: .3s background-color;
    -o-transition: .3s background-color;
    transition: .3s background-color;
    width: 31%;
    position: relative;
    margin: 15px 15px 0 0px;
}

#compCashlessLinks ul li:before {
    content: "";
    background-image: url(../image/cashless/cashless.svg);
    width: 30px;
    background-size: cover;
    height: 23px;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 8px;
    background-repeat: no-repeat;
}

#compCashlessLinks ul li:hover {
    background-color: #444;
}

#compCashlessLinks ul li a {
    color: #fff;
    padding: 12px 15px;
    width: 85%;
    display: inline-block;
    padding-left: 40px;
    font-size: 14px;
    text-decoration: none;
}